/* BASIC css start */
@charset "utf-8";
.cboth {clear:both;*zoom:1}
.cboth:after {content:" ";display:block;clear:both;}
.fleft {float:left;}
.fright {float:right;}
.m_off {display:none !important;}

.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}

#container {min-height: 100% !important; background: #fff; margin:0 !important; padding:0 !important; z-index: 100; position: relative; overflow: hidden; -webkit-transition: 300ms; transition:300ms; backface-visibility: hidden;}
#content {width:100%; margin:0 auto;}
#contents { background-color:#fff; }
body {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 13px; line-height:1.2em; color: #1b1b1b;}

a, input, button, select {outline:none;}

/* 서브페이지 색상 */
#join .privercy {background-color: #fff;}
.privercy #terms_agree .terms-agree dl {font-size: 12px;}
a.btn_Red {color : #fff; background-color:#3c3c3c !important; border: 1px solid #3c3c3c !important;}

.h_title {border-top: 0; border-bottom: 1px solid #ebebeb; position: relative; background-color: #fff; padding: 0;}
.h_title h3 {font-size:18px; padding: 30px 0px; color: #2e2e2e; text-align:center; font-weight:600; }
.h_title h3 a {display:none;}

.MK_top_banner img {width:100%;}

/* 상단 */
#header {position:relative; width:100%; border-bottom:1px solid #e5e5e5;}

/* 상단섹션01 */
#header .h_sec01 {display: flex; align-items: center; justify-content: space-between; padding:25px 18px 10px 18px;margin: 0 auto; background: #fff; box-sizing: border-box;}
#header .h_sec01 .top_logo {}
#header .h_sec01 .top_logo a img {height:20px; vertical-align:middle;}
#header .h_sec01 .top_right {display:flex; align-items:center; gap: 0 13px;}
#header .h_sec01 .top_all {display: flex; align-items: center; justify-content: center; height: 17px;}
#header .h_sec01 .top_all img {height:25px; vertical-align:middle;}
#header .h_sec01 .top_search {cursor:pointer;;}
#header .h_sec01 .top_search img {height:21px; vertical-align:middle;}
#header .h_sec01 .top_cart {position:relative;}
#header .h_sec01 .top_cart img {height:21px; vertical-align:middle;}
#header .h_sec01 .top_cart span {display:block; position:absolute; left:11px; top:-2px; width:15px; height:15px; color:#fff; font-size:10px; line-height:15px; text-align:center; background-color:#0184ff; border-radius:50%;}

/* 상단색션02 */
#header .h_sec02 {width:100%; height:50px; line-height:50px; }
#header .h_sec02 .swiper-button-disabled {opacity:0;}
#header .h_sec02 .swiper_top {margin-left:18px;}
#header .h_sec02 .swiper_top .swiper-wrapper {padding: 0; width: 100% !important; height: 100% !important;}
#header .h_sec02 .swiper_top .swiper-slide {width:auto; margin:0 8px 0 16px; background:transparent;}
#header .h_sec02 .swiper_top .swiper-slide:first-child {margin-left:0;}
#header .h_sec02 .swiper_top .swiper-slide a {color:#1a1a1a; font-size:15px; }

/* 상단섹션02 고정 */
#header .h_sec02.jh_fixed {display:block; position:fixed; top:0; left:0; z-index:101; height:60px; line-height:60px; background:#fff; border-bottom:1px solid #e5e5e5;}
#header .h_sec02.jh_fixed .swiper_top {margin:0 0px 0 18px;}

/* 상단 검색창 */
#quick_search {display:none; top:40px !important; width:calc(100% - 36px); margin:0 auto;}
#quick_search .search_title {margin-bottom:25px; color:#1a1a1a; font-size:21px; font-weight:700; line-height:1;}
#quick_search .recmd_title {margin-bottom:20px; color:#1a1a1a; font-size:18px; font-weight:700; line-height:1;}
#quick_search .best_title {margin-bottom:10px; color:#1a1a1a; font-size:18px; font-weight:700; line-height:1;}
#quick_search .quick_searchClose {position:fixed; right:18px; top:40px; height:18px;}
#quick_search .quick_searchClose img {display:block; width:18px; }
.searchForm fieldset {position: relative; width: 100%; height: 45px; margin: 0 auto 40px;}
.searchForm fieldset a {position: absolute; right: 20px; top: 14px; height: 18px; border: 0;}
.searchForm fieldset a img {width: 20px;}
.searchForm fieldset #keyword {width: 100%; height: 100%; border: none; outline: none; font-size: 16px; padding-left:20px; background-color: #f9f9f9; height:45px;} 
#quick_search .top_pop .top_pop_sub {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
#quick_search .top_pop .top_pop_sub a {display: flex; align-items: center; color:#6a6a6a; font-size:14px; gap: 0; width: calc(50% - 13px); padding: 3px 0; box-sizing: border-box; font-weight: 400; line-height: 45px; border-bottom: 1px solid #f5f5f5;}
#quick_search .top_pop .top_pop_sub a:first-child {margin-left:0;}
#quick_search .top_pop .top_pop_sub a span {display:inline-block; position:relative; top:0; width:22px; height:22px; margin-right:5px; color:#0184ff; font-size:15px; font-weight:700; text-align:center; line-height:22px;}


#quick_search .top_pop .search_recmd {margin-bottom:40px;}
#quick_search .top_pop .search_recmd .recmd_list {display: flex; flex-wrap: wrap; gap: 8px;}
#quick_search .top_pop .search_recmd .recmd_list a { display: block; padding: 12px; font-size: 14px; line-height: normal; font-weight: 400; color: #0184ff; background-color:#f2f8fe; border-radius:30px;}


/* 슬라이드 너비 */
html.expand body {position: fixed; top: 0; left: 0; width: 100%;}
html.expand #container {-webkit-transform: translate(85%, 0); -moz-transform: translate(85%, 0); -ms-transform: translate(85%, 0); -o-transform: translate(85%, 0); transform: translate(85%, 0);}
html.expand #aside {z-index: 0; overflow-x: hidden;}
#aside {visibility: hidden; width:85% !important; padding:0 !important; background-color:#fff !important; z-index: -1; position: fixed; left: 0; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; min-width: 225px; font-size: 11px;}
#aside nav .btnClose {margin:25px 5% 25px 0; display: block; position: absolute; top: 0; right: 0;}
#aside nav .btnClose img {height:15px;}
#aside .btnClose { padding:0; }

#dimmedSlider {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 500; background: rgba(0,0,0,0.7);}
#btnFoldLayout {display: none; position: absolute; left: 87%; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html.expand #btnFoldLayout {display: block; z-index: 405;}

/* 슬라이드 카테고리 자동출력 */
#aside .categoryList { font-size:12px; font-weight:normal; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; background-color:#fff; }
#aside .categoryList li.selected > ul { display: flex !important; flex-wrap: wrap; padding: 15px 5%; background-color:#f9f9f9; }
#aside .categoryList li.selected > a.cate { color:#111;}
#aside .categoryList li.noChild > a.cate { border-top:0px solid #c3c3c3; background-image:none !important; }
#aside .categoryList li.noChild:first-child > a.cate { border-top:0; }
#aside .categoryList li.selected.noChild { background-color:#f4f4f4; }
#aside .categoryList > li.selected .slideSubMenu li { background-color:#f9f9f9; width:50%; display:inline-block;}
#aside .categoryList > li { border-bottom:0px solid #cccccc; border-top:1px solid #fff; }
#aside .categoryList > li.selected li:first-child { border-top:0 !important; }

#aside .categoryList > li > a.cate {display:block;position:absolute; top:11px; right:0px; width:10px; height:10px; padding:5px; background:url("/design/raidb2b/2023_renewal_moblie/slide/cate_open.png") no-repeat 50%; background-size:10px 10px;}
#aside .categoryList > li.selected > a.cate { background-image:url("/design/raidb2b/2023_renewal_moblie/slide/cate_close.png"); }
#aside .categoryList > li > ul > li > a.view {font-size:13px; font-weight:400; line-height:35px; padding: 0 5px;}
#aside .categoryList > li > ul > li > a.cate { display:block;position:absolute;top:0px;right:0px;width:40px;height:40px; background:url("/design/raidb2b/2023_renewal_moblie/slide/slide_add.png") no-repeat 50%; background-size:15px 15px; padding:0 !important;border:0;}
#aside .categoryList > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/raidb2b/2023_renewal_moblie/slide/slide_subtract.png"); background-size:13px 13px; }
#aside .categoryList > li > ul > li.selected ul {}
#aside .categoryList > li > ul > li > ul > li {background-color:#ececec !important;}
#aside .categoryList > li > ul > li > ul > li > a.view {padding-left:30px; font-size:14px; font-weight:400;}
#aside .categoryList > li > ul > li > ul > li > a.cate { display:block;position:absolute;top:0px;right:0px;width:40px;height:40px; background:url("/design/raidb2b/2023_renewal_moblie/slide/slide_add.png") no-repeat 50%; background-size:15px 15px; padding:0 !important;border:0; }
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { border-bottom:0px; background-image:url("/design/raidb2b/2023_renewal_moblie/slide/slide_subtract.png"); background-size:13px 13px; }
#aside .categoryList > li > ul > li > ul > li > ul {background-color:#e3e3e3;}
#aside .categoryList > li > ul > li > ul > li > ul > li {background-color:#e3e3e3 !important;}
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate { padding:2.5px 0 2.5px 40px; font-weight:400; height:40px; line-height:45px; font-size:14px; }
#aside .categoryList a.cate { display:block; padding:0px; word-wrap:break-word; }
#aside .categoryList a.view { position:static; display:block; padding:0; background-color:transparent; color:#1a1a1a; font-size:15px; font-weight:500; line-height:40px; border:0; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; }
#aside .categoryList li.noChild > a.view { display:block; }

/* 슬라이드 즐겨찾기 아이콘 숨김 */
#aside .xans-layout-category li .icoBookmark,
#aside .bookmarkCategory li .icoBookmark { display:none;}


/* 슬라이드 색션 공통타이틀 */
#aside .side_title {color:#1a1a1a; font-size:16px; font-weight:700; line-height:40px; position:relative;}
#aside .side_title span {display:inline-block;position:absolute; top:8px; right:0px; width:15px; height:15px; padding:5px; background:url("/design/raidb2b/2023_renewal_moblie/slide/cate_close.png") no-repeat 50%; background-size:15px 15px;}
#aside .side_title span.open {background:url("/design/raidb2b/2023_renewal_moblie/slide/cate_open.png") no-repeat 50%; background-size:15px 15px;}


/* 슬라이드 섹션 01 */
.slide_section1 {margin:0; }
.slide_section1 .side_logo img {height:17px;}
.slide_section1 .login {background-color: #2a2a2a;}
.slide_section1 .login li {float:left; margin: 0 5%;}
.slide_section1 .login li a {padding:25px 0; color:#ffffff; font-size:13px; display:block; font-weight:500;}
.slide_section1 .login li:first-child {border-left:0; }
.slide_section1 .login li:first-child a {padding-left:0;}
.slide_section1 .login li a span {display:inline-block; position:relative; top:-1px; width:15px; height:15px; color:#fff; font-size:11px; line-height:15px; text-align:center; background-color:#2a3cf3; border-radius:50%;}


/* 슬라이드 섹션 02 */
.slide_section2 {margin:0 18px; padding:25px 0; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed;}

/* 슬라이드 섹션 03 */
.slide_section3 {margin:0 18px; padding:20px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.slide_section3 li a {color:#1a1a1a; font-size:16px; font-weight:700; line-height:40px;}
.slide_section3 li a.blue{color:#4474f8;}

/* 슬라이드 섹션 04 */
.slide_section4 {margin:0 20px; padding:25px 0;}
.slide_section4 ul li a {padding-left:10px; color:#9a9a9a; font-size:14px; line-height:32px;}

/* 슬라이드 섹션 05 */
.slide_section5 {margin:30px 18px;}
.slide_section5 li {float:left; margin-right:8px;}
.slide_section5 li img {height:28px;}

/* 탑 배너 */
.top_event {display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 45px; background-image: linear-gradient( 45deg, #5AB4FF 0%, #0184ff 100% ); text-align: center;}
.top_event a { font-weight: 400; font-size: 13px; line-height: 22px; letter-spacing: -0.02em; color: #fff;}

.user_m{display: flex;height: auto; margin: 40px 8px;}
.user_m li{width: 25%;}
.user_m li:last-child{border-right: none;}
.user_m li a{display: flex; flex-direction: column;align-items: center; justify-content: space-between;  }
.user_m li a img{transform-origin: center center; display: inline-block; transform:scale(1); height:50px; margin-bottom:7px;  }
.user_m li a p{font-family: 'Pretendard', sans-serif;font-size: 12px; color: var(--main-color); font-weight: 400;}

.asi_bottom{margin-top:23px;}
.asi_bottom .banner{width: 100%;}
.asi_bottom .banner a{display: block;width: 100%;}
.asi_bottom .banner a img{width: 100%;}

.com_sub01 {display:flex; flex-wrap:wrap; padding:0;}
.com_sub01>li {width:50%; display:inline-block; }

.search_bar{}
.search_bar a{color: #a3a3a3; font-size: 13px; font-weight: 400;}
.search_bar img{height: 21px;}

#searchArea{display: none; width: 100%; position: fixed; left: 0; top: 0; background-color: #fff; height: 100%;  overflow-y: auto; z-index:999;}
#searchArea .asi_inner{padding: 5%;}
#searchArea .asi_inner>div{}
#searchArea .asi_inner .search_top{display: flex; align-items: center; gap:0 15px;}
#searchArea .asi_inner .search_top .back{}
#searchArea .asi_inner .search_top .back a{}
#searchArea .asi_inner .search_top .back a img{transform-origin: left center; height:25px;}

/* 헤더 서치 영역 */
#searchArea .asi_inner .search_top .search{ flex-grow: 1;}
#searchArea .asi_inner .search_top .search fieldset{position:relative;background:#f4f4f4; transition: all .5s;border-radius:50px;padding:0px 20px;display:flex; align-items:center;  }
#searchArea .asi_inner .search_top .search fieldset input{background:none !important; border:none; width:100%; padding-right:5px; height:45px;font-size: 14px; font-weight:500; padding-left:10px; }
#searchArea .asi_inner .search_top .search fieldset .search_icon{ display:inline-block; }
.search_icon_img { height:21px; }
#searchArea .asi_inner .search_top .search fieldset input::placeholder{color: #a8a8a8;font-size: 14px; font-weight:500;font-family: "Pretendard Variable", Pretendard, sans-serif;}


#searchArea .asi_inner .search_btm{margin-top: 50px;}
#searchArea .asi_inner .search_btm{}
#searchArea .asi_inner .search_btm p{font-size: 17px; color: #000; font-weight: 600;}
#searchArea .asi_inner .search_btm ul{margin: 20px 0;}
#searchArea .asi_inner .search_btm ul li{margin-bottom: 20px;}
#searchArea .asi_inner .search_btm ul li a{font-size: 15px; font-weight: 400; color: #000;}

.top_pop .top_pop_sub {padding-top:10px;}
.top_pop .top_pop_sub a {float: left; color:#2a2a2a; font-size:14px; line-height:50px;}
.top_pop .top_pop_sub a:first-child {margin-left:0;}
.top_pop .top_pop_sub ul{}
.top_pop .top_pop_sub ul li{ display: flex; align-items: center; position: relative; border-bottom: 1px solid #f5f5f5;}
.top_pop .top_pop_sub a span {display:inline-block; position:relative; top:0px; width:22px; height:22px; margin-right:5px; color:#0184ff; font-size:14px; font-weight:500; text-align:center; line-height:22px;}

.top_pop .search_recmd {margin-bottom:40px;}
.top_pop .search_recmd .recmd_list {display: flex; flex-wrap: wrap; gap: 8px;}
.top_pop .search_recmd .recmd_list a { display: block; padding: 12px 15px; font-size: 13px; line-height: normal; font-weight: 400; color: #0184ff; background-color:#f8faff; border-radius:30px;}

.recmd_title {margin:40px 0 20px; color:#1a1a1a; font-size:18px; font-weight:700; line-height:1;}
.best_title {margin-bottom:10px; color:#1a1a1a; font-size:18px; font-weight:700; line-height:1;}
.cmd_txt {font-size:13px; color:#aaa;}
/* BASIC css end */