@charset "euc-kr"; /* ÃʱâÈ­ */
a,body { color:var(--co3A) } 
a,blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul { padding:0; margin:0; font-family:Noto-R } 
*,a img,fieldset,form,img { border:0; padding:0; margin:0 } 
html { height:100% } 
body { background:var(--coFF); font-size:17px; letter-spacing:-1px; -webkit-text-size-adjust:none } 
footer,header,nav,section { display:block } 
table { border-spacing:0; border-collapse:collapse } 
li,ol,ul { list-style:none } 
a { text-decoration:none; display:inline-block; border:0; -webkit-tap-highlight-color:transparent } 
a:active {opacity:0.8;}
em { font-style:normal } 
button:focus,input:focus { outline:0 } 

/* header */
.header { padding: 96px 0 0; } 
header * { font-family: 'Noto-R'; font-size: inherit; box-sizing: border-box;} 
header { width: 100%; height:96px; background: var(--coFF); position: fixed; top: 0; z-index: 100; transition: all 0.3s; } 
header .header_top { width: 100%; height: 48px; padding: 6px 12px; box-sizing: border-box; background: var(--coFF); display: flex; justify-content: space-between; align-items: center; position: absolute; top: 0; z-index: 200; overflow: hidden;}
header .header_top  ul li a { text-indent: -5000px; display: block; width: 36px; height: 36px;} 
header .header_top .compuzone_logo {width: 125px; padding-top: 10px; padding-left: 4px; display: flex; align-items: center;} 
header .header_top .compuzone_logo .cls-1 { fill: var(--co13);}
header .header_top .compuzone_logo .motion {display: none;}
header .header_top .compuzone_logo.motion_logo {width:150px;}
header .header_top .compuzone_logo.motion_logo svg {display: none;}
header .header_top .compuzone_logo.motion_logo .motion {display: block;}
header .header_top .compuzone_logo.motion_logo .motion img {width:100%;}
/* header-left */
header .header_top .header_left {position:absolute; left: 12px; z-index: 1;}
header .header_top .header_left ul {display: flex;}
header .header_top .header_left ul li.searchbtn a {background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg') center center/24px no-repeat;}
header .header_top .backbtn { width: 36px; height: 36px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg') center center/24px no-repeat; text-indent: -5000px;}
/* header-middle */
header .header_middle {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* ¸ð¼Ç·Î°íÀ϶§ 200size 350µð¹ÙÀ̽ººÎÅÍ 165»çÀÌÁî Á¶Àý */
header .header_middle .compuzone_logo_motion {width:200px;}
@media screen and (max-width: 350px) {
    header .header_middle .compuzone_logo_motion {width:165px;}
}
/* header-right */
header .header_top .header_right {position:absolute; right: 12px;} 
header .header_top .header_right ul {display: flex;}
header .header_top .header_right ul::after {content:''; display: block; clear:both;}
header .header_top .header_right ul li.noti a {background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_bell_24.svg') center center/24px no-repeat;} 
header .header_top .header_right ul li.heart a {background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_heart_24.svg') center center/24px no-repeat;} 
header .header_top .header_right ul li.basket a {background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_basket_24.svg') center center/24px no-repeat;} 
header .header_top .header_right ul li.searchbtn a {background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg') center center/24px no-repeat;}
header .header_top .header_right ul li.setting a {background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_setting_24.svg') center center/24px no-repeat;}
header .header_top .header_right ul li a span {float: right; display: block; width: 16px; height: 16px; margin-right: 2px; border-radius: 50%; background: var(--coF1); color: var(--coFF); font-size: 10px; letter-spacing: 0px; line-height: 16px; text-align: center; text-indent: initial; } 
/* Çì´õ µÎ¹ø° ÁÙ */
header .header_midd { position: absolute; top: 48px; left: 0; width:100%; transition: all 0.3s;}
header .header_midd .cateall a {width: 56px; height: 100%; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_menu_24.svg') center center/24px no-repeat, linear-gradient(90deg, #fff 72%, rgba(255, 255, 255, 0.00) 100%); position: absolute; top: 0; left: 0; z-index: 102;} 

/* Çì´õ nav */
header .top_menu_nav {width: 100%; overflow-x: auto; padding-left: 56px; }
header nav { width: 100%; min-width: 333px; height: 48px; position: relative; z-index: 101; box-sizing: border-box;} 
header .top_menu_nav::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}
header nav > ul { display: flex; align-items: center; height: 100%;  width: max-content; gap: 4px;} 
header nav ul li {width: auto; position: relative;}
header nav ul .mcom_list_item {height: 32px; display: flex; gap: 4px; align-items: center; border-radius: 40px; border: 1px solid var(--coD8); padding: 0 12px;} 
header nav ul .mcom_list_item:last-child { margin-right: 16px; } 
header nav ul .mcom_list_item a { line-height: 150%; letter-spacing: -0.84px; display: flex; gap: 4px; align-items: center;}
header nav ul .mcom_list_item > a {font-size: 14px; color: var(--co3A);  font-family: 'Noto-R';} 
header nav ul li.new > a::after {content:''; width:6px; height:6px; border-radius: 50%; background:var(--coF1); position:absolute; top:2px; right:2px;}

/* Çì´õ nav depth2 */
.header nav .depth2-panel {width: 100%;  position: fixed; top: 0; left: 0; width: 100%;  height: 100vh;  background: rgba(0, 0, 0, 0.5); position: fixed; top: 96px; left: 0; right: 0;  z-index: 150; transition: all 0.3s; display: none;}
.header nav .depth2-inner{ height: max-content; background: var(--coFF); padding: 12px 16px 16px; position: relative;}
.header nav .depth2-content {max-height: 355px; overflow-y: auto; display: flex; flex-direction: column; gap: 16px;}
.header nav .depth2-grid {width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; }
.header nav .depth2-grid a{width: 100%; height: 48px; background:  var(--coF9); border-radius: 10px;  padding: 0 16px; letter-spacing: -1.3px;}
.header nav .depth2-grid a::after {display: none;}
.header nav .depth2-grid a span {position:relative;}
.header nav .depth2-grid .new a span::after {content:''; width:6px; height:6px; border-radius: 50%; background:var(--coF1); position:absolute; top:-2px; right:-8px;}
.header nav .service-list {margin-top: 8px;}
.header nav .service-list a {width: 100%; height: 40px; display: flex; gap: 8px; align-items: center;}
.header nav .depth2-inner i {width: 24px; height: 24px; display: block;}
.header nav .depth2-inner i img {width: 100%; height: auto;}
.header nav .depth2-list {display: flex; flex-direction: column; gap: 8px;}
.header nav .depth2-list li a {gap: 12px; align-items: flex-start;}
.header nav .depth2-list .prod-img {width: 100px; height: 100px; flex-shrink: 0;}
.header nav .depth2-list .prod-name {margin-top: 0px; line-height: 1.5;}
.header nav .depth2-list .info {display: flex; flex-direction: column; gap: 4px;}
.header nav .depth2-list .info > div{display: flex; gap: 4px; align-items: center;}
.header nav .depth2-list .info > div:has(.spBB14) {gap: 8px; align-items: baseline;}
.header nav .depth2-close {display: block; margin-left: auto; background: none;}

header nav ul .mcom_list_item.on {background: var(--co1A); border-color: transparent;}
header nav ul .mcom_list_item.on > a { color: var(--coFF);}
header nav ul .mcom_list_item.on .down12_6C {transform: rotate(180deg); filter: brightness(2);}
header nav ul .mcom_list_item.on .depth2-panel {display: block;}

header.scroll .header_top .header_right ul li:nth-child(1) a { visibility: visible; } 
header.scroll2 {top: -48px;} 
header.scroll2 nav .depth2-panel {top: 48px;}

 /* °Ë»öÆäÀÌÁöÀÇ Çì´õ(search.htm) */
.header_new1 .header_top {height: 48px; gap: 8px;}
.header_new1  {padding: 48px 0 0;}
.header_new1 header {height: 49px;}
.header_new1 header::before { content: ''; width: 100%; height: 1px; background: var(--coD8); position: Absolute; bottom: 0; left: 0; z-index: 10;} 
.header_new1 header .header_midd {top: 48px; display: none;}
.header_new1 .header_right {width: calc(100% - 64px);}
.header_new1 .header_right ul{align-items: center; }
header .header_search { width: 100%; height: 100%; position: relative; } 
.header_search input {width: calc(100% - 24px); height: 100%; background: none; color: var(--co6C); outline: none;  font-size: 16px; overflow: hidden; box-sizing: border-box; } 
.header_search a { display: inline-block; width: 36px; height: 36px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_search_24.svg') center center/24px no-repeat; position: Absolute; top: 50%; right: -4px; transform: TranslateY(-50%); text-indent: -5000px;}
/* °íÁ¤ Çì´õ */
header.fix_header {width: 100%; height: 48px; z-index: 101; box-sizing: border-box; display: block; overflow: visible; border-bottom: 1px solid var(--coD8);}
header.fix_header::before {display: none;}
header.fix_header .header_top {overflow: visible; top: 0; background: transparent;}
.fix_header h2 {font-weight: normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; justify-content: center; align-items: center; width: 100%;}
.fix_header p {position: absolute; top: 50%; left: 42px; transform: translate(0, -50%); width: calc(100% - 58px);text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* fix¸Þ´º */
.main_fix_menu {width: 100%; height: 70px; position: fixed; bottom: 0; z-index: 100; transition: all 0.3s; } 
.main_fix_menu.scroll {bottom: -100%;} 
.main_fix_menu .bottom_menu {width: 100%; height: 100%; overflow: hidden; box-shadow: -1px -1px 5px 0 rgb(0 0 0 / 8%); } 
.main_fix_menu .bottom_menu ul {display: flex; width: 100%; height: 100%;background: var(--coFF); } 
.main_fix_menu .bottom_menu ul li {width: 20%;} 
.main_fix_menu .bottom_menu ul li a {display: flex; flex-direction: column; align-items: center; width: 100%; padding-top:8px;} 
.main_fix_menu .bottom_menu ul li a span {display: block; width: 24px; height: 24px; position: relative;} 
.main_fix_menu .bottom_menu ul li a span img { width: 100%;} 
.main_fix_menu .bottom_menu ul li a .menu {background: url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_menu_search_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li a .search {background: url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_search_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li a .home {background: url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_home_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li a .mypage {background: url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_mypage_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li a .history {background: url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_clock_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li.on a .menu {background: url(//image5.compuzone.co.kr/img/images/svg_icon/0D6DE3/icon_line_menu_search_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li.on a .search {background: url(//image5.compuzone.co.kr/img/images/svg_icon/0D6DE3/icon_line_search_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li.on a .home {background: url(//image5.compuzone.co.kr/img/images/svg_icon/0D6DE3/icon_line_home_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li.on a .mypage {background: url(//image5.compuzone.co.kr/img/images/svg_icon/0D6DE3/icon_line_mypage_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li.on a .history {background: url(//image5.compuzone.co.kr/img/images/svg_icon/0D6DE3/icon_line_clock_24.svg) 50% 50%/contain no-repeat;}
.main_fix_menu .bottom_menu ul li p {font-size: 12px; color: var(--co6C);} 
.main_fix_menu .bottom_menu ul li.on p {color: var(--co0D);} 
.main_fix_menu .bottom_menu ul li.dot span::before {content: ''; width: 6px; height: 6px; border-radius: 50%; position: absolute; right: -6px; top: 0; background: var(--co1C);}

/* ÇÏ´Ü Å佺Ʈ Æ˾÷ */
.toast-popup {width: 100%; padding: 12px 16px; border-radius: 15px 15px 0 0; background: linear-gradient(90deg, #1C8FED 0%, #4BA6F1 100%); position: absolute; bottom: 70px; left: 0; right: 0; box-sizing: border-box; z-index: -1; }
.toast-popup .toast-tit {display: flex; justify-content: space-between; align-items: center; line-height: 1.5;}
.toast-popup .toast-tit span {color:#FFDD33; text-decoration: underline;}
.toast-popup .toast-text {line-height: 1.5; height: 0; overflow: hidden; transition: all 0.4s;}
.toast-popup.on .down12_FF {transform: rotate(1deg);}
.toast-popup .down12_FF {transform: rotate(180deg);}
.toast-popup.on .toast-text {height: 40px; margin-top: 8px;}
.toast-bnr {width: calc(100% - 32px); max-width: 656px; height: 50px; padding: 0 16px; position: fixed;
left: 50%; transform: translateX(-50%);bottom: 93px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(0, 0, 0, 0.80); box-sizing: border-box; text-align: center;}

/* footer */
footer { width: 100%; background: #fafafa; padding: 20px 15px 70px; box-sizing: border-box; overflow: hidden;} 
footer img { width: 100%; } 
footer>div { width: 100%; text-align: center; margin-bottom:20px;} 
footer>div ul { display: flex; justify-content: center; gap:26px; overflow: hidden; } 
footer>div ul li a { display: block; font-size: 13px; color: var(--co3A); position: relative; letter-spacing: -1px; font-family: 'Noto-M'; } 
footer>div ul li a::before { content: ''; width: 1px; height: 12px; background: var(--coE8); position: Absolute; top: 50%; right: -13px; transform: TranslateY(-50%); } 
footer>div ul li:last-child a::before { display: none; } 
footer .ftnumber { margin-bottom: 16px; } 
footer .ftnumber>ul {gap:10px;}
footer .ftnumber ul li a { display: inline-block; width: 140px; height: 38px; line-height: 41px; border-radius: 25px; background: #f2f2f2; box-sizing: border-box; } 
footer .ftnumber ul li a::before, footer .ftsns ul li a::before { display: none; } 
footer .ftcompany { margin-bottom: 10px; } 
footer .ftcompany>p { display: inline-block; font-size: 13px; color: var(--co3A); font-family: 'Noto-M'; position: relative; left: -4px; } 
footer .ftcompany>p::after { content: ''; width: 12px; height: 12px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_12.svg') center center/contain no-repeat; position: Absolute; top: 1px; right: -14px; transition: all 0.2s; } 
footer .ftcompany p.on::after { transform: rotate(180deg); } 
footer .ftcompany p span { display: inline-block; padding: 0 0 0 5px; } 
footer .ftcompany p span img { width: 9px; height: 9px; } 
footer .ftcompany_notice { display: none; margin: 10px 0 17px; position: relative; left: 50%; transform: TranslateX(-50%); } 
footer .ftcompany_notice p { font-size: 12px; color: var(--co94); margin-bottom: 2px; font-family: 'Noto-M'; } 
footer .ftcompany_notice p a { color: var(--co94); } 
footer .ftcompany_notice i { display: inline-block; width: 1px; height: 9px; background: var(--coD8); margin: 0 3px; } 
footer .ftcompany_notice span { position: relative; } 
footer .ftmenu2 ul li a {color: var(--co94); } 
footer .ftmenu2 ul li a::before { background: var(--coD8); } 
footer .ftsns { margin-bottom: 25px; } 
footer .ftsns>ul {gap:24px;}
footer .ftsns ul li.facebook a span { display: block; width: 12px; height: 21px; } 
footer .ftsns ul li.insta a span { display: block; width: 23px; height: 23px; } 
footer .ftsns ul li.youtube a span { display: block; width: 25px; height: 19px; padding-top: 2px; } 
footer .ftsns ul li.blog a span { display: block; width: 38px; height: 20px; padding-top: 3px; } 
@media screen and (max-width: 370px) { 
    footer .ftmenu>ul {gap:16px;} 
    footer>div ul li a::before { display: none;} 
 }
@media screen and (max-width: 350px){
    footer .ftmenu>ul {gap:8px;} 
 }

/* ¸Þ´º */
#main_wrap {padding-bottom:70px;}
.mo_category { width:100%; height:calc(100vh - 70px); background:var(--coFF); } 
.mo_category img { width:100%; } 
.mo_category .top_fix {width:100%; position:fixed; top:0; z-index:2; background:var(--coFF);}
/* ¸Þ´º »ó´Ü searchbar */
.mo_category .cate_top { width:100%; height: 48px; padding: 0 16px; box-sizing:border-box; overflow:hidden; display: flex; justify-content: space-between; align-items: center; gap: 12px;} 
.mo_category .cate_top_left { display: flex; align-items: center; } 
.mo_category .cate_top_left .backbtn { width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg') center center/contain no-repeat; text-indent: -5000px; } 
.mo_category .cate_top_right {width: calc(100% - 30px);}
.mo_category .cate_top_right ul { display: flex; align-items: center; gap: 8px;} 
.mo_category .cate_top_right ul li.header_search {width: 100%; height: 100%; padding: unset; position: relative; flex: 1; }
.mo_category .cate_top_right ul li a {width:24px; height:24px; text-indent: -5000px; display: block; right: 0;} 
.mo_category .cate_top_right ul li.searchbtn a { background: url('//image5.compuzone.co.kr/img/images/main/main2022/main_search.png') center center/contain no-repeat; } 
.mo_category .cate_top_right ul li.heart a { background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_heart_24.svg') center center/contain no-repeat; } 
.mo_category .cate_top_right ul li.basket a { background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_basket_24.svg') center center/contain no-repeat; } 
.mo_category .cate_top_right ul li.noti a { background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_bell_24.svg') center center/contain no-repeat; } 
.mo_category .cate_top_right ul li a span { float:right; display:flex; align-items: center; justify-content: center; width:16px; height:16px; margin:-4px -4px 0 0; border-radius:50%; background:var(--coF1); color:var(--coFF); font-size:10px; letter-spacing:0; text-indent:initial; font-family:'¸¼Àº°íµñ';} 
/* Ä«Å×°í¸®/¼­ºñ½º ÅÇ */
.category_tab {width:100%; border-top: 1px solid var(--coD8); border-bottom:1px solid var(--coD8);}
.category_tab ul {display: flex;}
.category_tab ul li {display: flex; align-items: center; justify-content: center; width: 50%; height:48px; font-family: 'noto-R'; font-size: 15px; color:  var(--co3A); box-sizing: border-box;}
.category_tab ul li.on {font-family: 'noto-B'; color: var(--co0D); position: relative; border-bottom: 3px solid  var(--co0D);}
/* Ä«Å×°í¸®-Ä«Å×°í¸® */
.category_tabbox1 {display:flex; align-items: stretch; background: var(--coFF); height:100%; padding:96px 0 65px;}
.category_tabbox1 .nav_list {width:124px; padding:96px 0 70px; background:var(--coF9); position:fixed; top:0; bottom:0; z-index: 1; box-sizing: border-box; overflow:hidden scroll;}
.category_tabbox1 .nav_list li a {display: block; width:100%; height:100%; padding:12px 16px; font-size:14px; font-family:'noto-R'; color:var(--co6C); box-sizing: border-box; background:var(--coF9);}
.category_tabbox1 .nav_list li a.on { background:var(--coFF); font-family:'noto-M'; color:var(--co3A);}
.category_tabbox1 .cate_group {display: flex; flex-direction: column; width:100%; padding:8px 16px 78px 140px; overscroll-behavior: contain; box-sizing: border-box;}
.category_tabbox1 .cate_group .cate_box {padding:0 0 12px; margin-bottom:12px; border-bottom:1px solid var(--coD8);}
.category_tabbox1 .cate_group .cate_box>a {display: flex; justify-content: space-between; align-items: center; height:40px;}
.category_tabbox1 .cate_group .cate_box.on>a span{color:var(--co0D);}
.category_tabbox1 .cate_group .cate_box>a>div {display: flex; align-items: center; gap:4px;}
.category_tabbox1 .cate_group .cate_box .svgicon {display: block; width:24px; height:24px;}
.category_tabbox1 .cate_group .cate_box .arrow {display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_next_12.svg') center center/contain no-repeat;}
.category_tabbox1 .cate_group .cate_box:last-child {border-bottom:0;}
.category_tabbox1 .cate_group .cate_box:last-child ul {margin-bottom:100px;}
.category_tabbox1 .cate_group .cate_box ul {display: flex; flex-direction: column; gap:4px; margin-top:4px;}
.category_tabbox1 .cate_group .cate_box ul li {display: flex; align-items: center; height:40px;}
.category_tabbox1 .cate_group .cate_box ul li a {font-size:15px; font-family:'noto-R'; position: relative;}
.category_tabbox1 .cate_group .cate_box ul li.new a::after {content:''; width:8px; height:8px; border-radius: 50%; background:var(--coF1); position:absolute; top:0px; right: -10px;}
.category_tabbox1 .cate_group .cate_top_bnr {width:100%; height:80px; margin-bottom:8px; border-radius: 10px; overflow:hidden; position:relative;}
.category_tabbox1 .cate_group .cate_top_bnr span {display: block; width:100%; height:100%;}
.category_tabbox1 .cate_group .cate_top_bnr span img {display: block; width:auto; height:100%; position:absolute; top:0; right:0;}
.category_tabbox1 .cate_group .cate_top_bnr p.ntBB14 {position:absolute; top:20px; left:16px;}
.category_tabbox1 .cate_group .cate_top_bnr p.ntRB13 {position:absolute; top:44px; left:16px;}
/* Ä«Å×°í¸®-¼­ºñ½º */
.mo_category .cate_mid { width:100%; padding:116px 16px 20px; box-sizing:border-box; overflow:hidden; } 
.mo_category .cate_mid ul { display: flex; justify-content: space-between; max-width:750px; margin:0 auto;} 
.mo_category .cate_mid ul li {text-align:center;} 
.mo_category .cate_mid ul li span { display:block; width:74px; height:74px; border-radius: 20px; overflow:hidden; margin:0 auto; position:relative; background: var(--coF3);} 
.mo_category .cate_mid ul li span > img {width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mo_category .cate_mid ul li p { margin-top:5px; font-size:14px; color:var(--co3A); font-family: 'Noto-M'; } 
.mo_category .cate_event {width:100%; border-bottom: 9px solid var(--coF9); box-sizing: border-box; overflow:scroll hidden;}
.mo_category .cate_event ul {display: inline-flex; clear:both; padding:0 4px 20px 16px;}
.mo_category .cate_event ul li {width:323px; margin-right:12px;}
.mo_category .cate_event ul li a {display: block; width:100%; height: 80px; border-radius: 10px; overflow: hidden;}
.mo_category .cate_cont {padding: 20px 15px 20px;  border-bottom: 9px solid var(--coF9); max-width:750px; margin: 0 auto;}
.mo_category .cate_cont h2 {font-family: 'noto-B'; font-size: 18px; font-weight: normal; color: var(--co3A); margin-bottom: 14px;}
.mo_category .cate_cont ul {display:flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;}
.mo_category .cate_cont ul li {width:calc(50% - 5px);  border-radius: 10px; overflow: hidden; border: 1px solid var(--coE8); box-sizing: border-box;}
.mo_category .cate_cont ul li a {display: block; width:100%; box-sizing: border-box;}
.mo_category .cate_cont ul li a span {display: block;}
.mo_category .cate_cont ul li a span img {display: block;}
.mo_category .cate_cont ul li a .cont_txt {font-family: 'noto-R'; font-size: 15px; color: var(--co3A); text-align: center; padding: 12px 0; box-sizing: border-box;}
.mo_category .cate_cont2 {padding: 20px 0 130px; border: unset;}
.mo_category .cate_cont2 h2 {padding: 0 15px;}
.mo_category .cate_cont .service_lst {max-width: 100%; gap: unset; border-top: 1px solid var(--coE8); margin-bottom:50px;}
.mo_category .cate_cont .service_lst .tit_txt {font-family: 'noto-M'; font-size: 15px; color: var(--co3A);}
.mo_category .cate_cont .service_lst .sub_txt {font-family: 'noto-R'; font-size: 12px; color: var(--co94);}
.mo_category .cate_cont .service_lst li {border-radius: unset; width: 50%; border-top: 1px solid var(--coE8); border: unset; position:relative;}
.mo_category .cate_cont .service_lst li.new::after {content:''; width:6px; height:6px; border-radius: 50%; background:var(--coF1); position:absolute; top:8px; left:8px;}
.mo_category .cate_cont .service_lst li a {width: 100%; height: 100%; display: block;  padding: 12px 15px; border-bottom: 1px solid var(--coE8);}
.mo_category .cate_cont .service_lst li:nth-child(odd) a {border-right: 1px solid var(--coE8);}

@media screen and (max-width: 350px) {
    .mo_category .cate_mid ul li span {width:70px; height:70px;}
}

/* 123990 Åä¿äÀÏ »ó´Ü¹è³Ê (Á¾·áµÇ¸é»èÁ¦) */
.head-line-bnr {display: flex; align-items: center; justify-content:center; width: 100%; height: 40px; padding: 0 16px; background: #F4EFFA; position: fixed; top: 0; z-index: 100; box-sizing: border-box; }
.head-line-bnr .line_tit {flex-grow: 1;}
.head-line-bnr .line_tit p {display: flex; align-items: center; gap: 4px; justify-content: center; letter-spacing: -0.35px; padding-left: 16px; box-sizing: border-box;}
.head-line-bnr .line_tit p i {display: block; width: 16px; height: 16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_24.svg') center/16px;}
.head-line-bnr .close_X {display: block; width: 16px; height: 16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg') center/16px;}
.header:has(.head-line-bnr)  nav ul .mcom_list_item .depth2-panel {top:136px;}
.header:has(.head-line-bnr) header.scroll nav ul .mcom_list_item .depth2-panel {top:96px;}
.header:has(.head-line-bnr) header.scroll2 nav ul .mcom_list_item .depth2-panel {top:48px;}

/* 123556 Çì´õ ¸Þ´º ·¹À̾î*/
.fix_header .gray_arrow{display: inline-block; margin-left:4px; width:16px; height:16px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_24.svg") center no-repeat; background-size:cover; vertical-align:-4px;}
.fix_header .gray_arrow.on{transform:rotate(180deg);}
.mene_layer{display: none; position:absolute; left:50%; top: 48px; transform:translateX(-50%); padding: 20px 16px; width: 100%; background:var(--coFF); text-align:left; overflow:hidden; z-index:101; box-sizing: border-box;}
.fix_header > h2 + .mene_layer {top: 48px;}
.fix_header .mene_layer ul {display: flex; flex-direction: column; align-items: center; gap: 20px;}
.fix_header .mene_layer li a {text-indent: 0; width: max-content; height: max-content; color: var(--co3A);}
.fix_header .mene_layer li a {display: block; width: 100%; height: 100%; font-size: 15px;}
.fix_header .mene_layer li a.on{font-family: 'Noto-B';}

/* 122631 »ó´ã꺿 ¹öÆ° Ãß°¡ */
.bot-open-btn{position: fixed; right: 16px; bottom: 117px !important; z-index: 100; display: flex; justify-content: center; align-items: center; gap: 4px; width: 98px; height: 40px; padding: 6px; border-radius: 10px; background: var(--co3A); color: var(--coFF); font-size: 14px; font-family: 'noto-M'; letter-spacing: -0.4px; cursor: pointer; transition: all 0.5s ease;}
.bot-open-btn::before {content: ''; width: 28px; height: 28px; display: inline-block; background: url("//image5.compuzone.co.kr/img/images/chatbot/icon_etc_chatbot.svg") center/contain no-repeat; flex-shrink: 0;}
.bot-open-btn.scroll {bottom: 16px !important;}
.chatbot {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1100; clip-path: inset(100% 0 0 100%); overflow: hidden;}
.chatbot.show {clip-path: inset(0 0 0 0);}
.chatbot .bot-widget {max-width: 100%; height: 100%;} 
.bot-open-btn.sub {bottom: 131px !important; width: 40px; height: 40px; border: 1px solid var(--coD8); border-radius: 10px; background: rgba(255,255,255,0.8); padding: 6px;}
.bot-open-btn.sub.scroll {bottom: 67px !important;}
.bot-open-btn.on {width: 40px;}
.bot-open-btn.on span {width: 0; overflow: hidden;}
.bot-open-btn.on::before {transform: translateX(2px);}
.bot-open-btn.default {bottom: 86px !important;}

/* ÇÏ´Ü µÚ·Î°¡±â, À§·Î°¡±â ¹öÆ° */
.m_bottomWrap {width:100%; position:fixed; bottom:20px; z-index:150 !important;}
.m_bottomWrap .right_btn { width: 37px; float: right; position: absolute; right: 0; bottom:60px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.m_bottomWrap .right_btn .top_btn {width: 40px; height: 40px; box-sizing: border-box; border: 1px solid var(--coD8); display: block; bottom: 42px; float: right; margin-right: 16px; border-radius: 10px;   background: rgba(255,255,255,0.8) url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg") center / 24px no-repeat; transform: rotate(90deg);}
.m_bottomWrap .right_btn.scroll {bottom: 0;}
.m_bottomWrap .right_btn.scroll2 {bottom:60px;}
.m_bottomWrap .left_btn {width:40px; position:absolute; left:16px; bottom: 10px; -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease;}
.m_bottomWrap .prev_btn {display: block; box-sizing: border-box; width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--coD8); background: rgba(255,255,255,0.8) url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg") center / 24px no-repeat;}
.m_bottomWrap .top_btn > img, .m_bottomWrap .prev_btn > img {display: none;}
.m_bottomWrap .btnlist {width:100%; padding-left:1px; height:55px; font-size:11px; background-color:var(--coFF); border-top:1px solid #434343; float:left; margin-top:5px; }
.m_bottomWrap .btnlist ul > a {display:block !important;}
.m_bottomWrap .btnlist li {list-style:none; display:block; float:left; width:20%; margin-left:-1px; text-align:center; height:45px; padding:7px 0 3px; color:#a4a4a4; vertical-align:top; line-height:12px;}
.m_bottomWrap .btnlist li p {width:100%; height:27px; text-align:center;}
.m_bottomWrap .btnlist li p img {width:33px; height:27px;}
.m_bottomWrap .left_btn2 { width:65px; margin-left:3%; position:absolute; left:0; bottom:10px;}
.m_bottomWrap .barcode_floating { width:65px; height:65px; border:none; bottom:42px; display:inline-block; font-size: 0;}