/* BASIC css start */ @charset "utf-8";i {font-style:normal} .hidden {overflow:hidden; position:absolute; width:0; height:0; top:-9999px; left:-9999px; line-height:0; text-indent:-999em; margin:0; padding:0; background:0 0; line-height:0; border:none;} .clearfix::after {content:""; display:block; height:0; clear:both; visibility:hidden;} .clear {clear:both; height:0;} /* Top Banner css */ #h-move{background-image: linear-gradient( 45deg, #5AB4FF 0%, #0184ff 100% ); position:relative; text-align:center; padding:20px 0; margin:0 auto; color:#fff;} #h-move .tb_text{color:#fff; font-size:15px; font-weight: 500;} .h-close{position:absolute; top:calc(50% - 7px); right:18%;} .h-close img{display:block;} /* Category css */ #header_n{position:relative;} .header_n{border-bottom:1px solid #ededed;} #header_n a{display:inline-block; transition:all .3s ease;} #header-area{position:relative; padding:0; max-width:1630px; margin:0 auto; box-sizing:border-box; text-align:center;} #header_n h1{padding:27px 0;position:absolute;left:0;top:10px;} #header_n h1 img{display:block; width:188px;} #header_n.fixed{position:fixed;top:0;width:100%;z-index:1000;background:#fff; border-bottom:1px solid #ededed;} #header_n .all-menu a{font-size:14.5px;color:#8f8f8f;display:block;text-align:left;margin-bottom:12px; top:60px;} #header_n .all-menu a:hover{color:#0184ff;} .gnb-depthB-2{display:none;position:absolute;left:-27px;top:80px;border:1px solid #e8e8e8;padding:10px;border-radius:8px;width:calc(100% + 30px);background:#fff;z-index:100; line-height:30px;} .gnb-depthB-2 li{padding:0;} .gnb-depthB-2 a{font-size:15px;display:block;color:#9e9e9e} .gnb-depthB-2 a:hover{color:#0184ff;} #my-area{display:table;position:absolute;right:0;top:39px} #my-area>ul>li{position:relative;display:table-cell;padding-left:23px;padding-bottom:38px;vertical-align:middle} #my-area>ul>li>a{font-size:14px;font-weight:500; color:#8f8f8f;} #my-area .gnb-depthB-2{width:100px;top:40px;left:-27px} .header-member {position:relative;} .header-member img{width:22px;} .header-car{position:relative;} .header-car img{width:23px} .header-car i{display:block; width:15px; height:15px; position:absolute; top:-3px; right:-6px; background:#0184ff; color:#fff; text-align:center; line-height:16px; border-radius:100%; font-size:11px; font-weight:bold; } #gnb{margin-left:270px; display:table;} #gnb-all div>a{position:relative;font-weight:700;font-size:17px;color:#333;padding-bottom:40px;} #gnb-all div>a:after,#gnb-all>ul>li>a:after{content:'';display:block;right:50%;position:absolute;bottom:0;height:3px;background-color:#0184ff;transition:all .3s} #gnb-all div>a:hover:after,#gnb-all>ul>li>a:hover:after{left:0;right:0} #gnb-all>ul>li>a{position:relative;font-weight:700;font-size:17px;padding-bottom:40px;color:#333} #gnb-all>ul>li>a.blue{color:#0184ff;} .category_section{float:left;position:relative;} .category_section>li{float:left;padding:0 0 0 40px;padding-top:40px;position:relative;} .guide_section{float:left;position:relative;} .guide_section>li{float:left;padding:0 20px;padding-top:40px;position:relative; } .all-menu{position:absolute;left:0;width:100%;border-top:1px solid #ededed;padding-top:65px;text-align:center;display:none;background:#fff;z-index:99; border-bottom: 1px solid #ededed;} .all-menu>ul{margin:0 auto;width:1165px;} .all-menu>ul>li{float:left;text-align:left;margin:0 45px 20px 40px;height:280px} .all-menu strong{font-size:16px;color:#333;display:block;text-align:left;margin-bottom:20px} .all_menu_view{float:left;padding-top:40px;} .add.first {background-image:url('/design/raidb2b/2023_renewal/bt_line.png'); background-repeat:no-repeat; background-position:left center; margin-left:30px; padding-left:30px;} /* Search, Keyword Close Button css */ .allMenuClose{position:absolute;left:calc(50% + 500px);top:0px; margin-left:10px; } .allMenuClose img{width:32px;} /* 상단 : 미디어쿼리 */ @media screen and (max-width: 1699px) { #header-area{width:1450px;} } @media screen and (max-width: 1499px) { #header-area{width:1300px;} } @media screen and (max-width: 1699px) { .search-box .search-box-bar{width:1450px;} } @media screen and (max-width: 1499px) { .search-box .search-box-bar{width:1300px;} } /*===========================================================================================================================*/ #wrap { position:relative; width:100%; min-width:1300px; min-height:550px; margin:0 auto;} body {min-width:100%;} #contentWrapper{ position:relative; width:100%; min-width:1300px; margin:0 auto; zoom:1;} #contentWrapper:after {content:""; display:block; clear:both;} #contentWrapper #contentWrap {float:none; width:1300px; margin:0 auto;} #header .inner, #mfooter .inner, #container, body.center .centerCategory .wyGrid, body.center .promotionArea .wyGrid {padding:0;} html { overflow-y:scroll; } /* 세로스크롤을 항상 표시해주므로 가로폭의 변화를 주지 않게하여 중앙정렬위치를 고정 */ /* 점선없애기 */ a:hover {text-decoration:none;} a:focus {outline:none;} a {blr:expression(this.onFocus=this.blur());} area:focus {outline:none;} area {blr:expression(this.onFocus=this.blur());} input:focus, img:focus, embed:focus, map:focus {outline:none;} .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;} .pdt100 {padding-top:100px;} .width1300 {width:1300px; margin:0 auto;} body, h1, h2, h3, h4, h5, h6, table, pre, xmp, plaintext, listing, input, textarea, select, button, a {color: #353535; font: 'Pretendard','Pretendard',sans-serif;} input, select, textarea, body, code {font-size: 14px;} .move {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} /* 게시판 공통소스 */ .bbs-tit h3 {font-size: 28px; color: #1a1a1a; margin-bottom: 18px;} .bbs-sch .key-wrap {vertical-align: unset;} .bbs-table-list thead th {border-top: 0px solid #1a1a1a;} .bbs-table-list tbody td a, .bbs-table-list tbody td, .table-d2-list tbody td, .tb-center, .tb-center a, .tb-left, .tb-left a {font-size:15px; font-weight:500;} /* 마이페이지 */ #aside div.lnb-wrap .lnb-bx {padding-left:99px;} /* 애니메이션 css */ @-webkit-keyframes fadeInLeft { 0% {opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px);} 50% {opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px);} 100% {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} } @keyframes fadeInLeft { 0% {opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);} 50% {opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px);transform: translateX(100px);} 100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} } /* 게시판 상단 네비게이션 안보이게 */ #bbsData .bbs-hd {display:none;} /* 퀵검색창 */ #q_search {display:none;} #q_search .mintroClose {cursor:pointer;position:fixed; right:50px; top:50px; z-index:2222;} #q_search form {height:95px; width:830px; border-bottom:2px solid #222; background:transparent; padding:0px;} #q_search form fieldset input.MS_search_word {height:95px;width:766px; font-size:22px; color:#222; line-height:95px; background:transparent; border:0px;} #q_search input.btn-sch {padding-top:15px;} .mintroClose img.rotate { border-radius: 50em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mintroClose img.rotate:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* 상단 */ #mheader {height:154px; margin:0 auto; border:none; border-bottom:1px solid #e5e5e5;} /* 상단섹션01 */ #mheader .h_sec01 { max-width:1630px; padding:35px 0 25px !important; font-size:0px; margin:0 auto;} #mheader .h_sec01_inner {height:30px; position:relative;} #mheader .h_sec01 .top_logo {position:absolute; left:0px; top:6px;} /* 상단섹션01 : 로그인 메뉴 */ #mheader .h_sec01 .right_menu { position:absolute; right:0px; top:0; width:415px;} #mheader .h_sec01 .login_menu li {float:left; font-size:0px; padding-left:28px;} #mheader .h_sec01 .login_menu li a {color:#1a1a1a; font-weight:300; font-size:14px; line-height:1; display:block; height:30px; line-height:30px; } #mheader .h_sec01 .login_menu li a:hover {color:#000;} #mheader .h_sec01 .login_menu li a span {margin-left:8px; display:inline-block; background-color:#2a3cf3; color:#fff; width:18px; height:18px; line-height:18px; font-size:11px; text-align:center; border-radius:50%; font-weight:700; position:relative; top:-1px;} /* 상단섹션01 : 해외몰 */ #mheader .h_sec01 .glo_menu span {cursor:pointer; font-size:15px; height:30px; line-height:30px; color:#1a1a1a; padding-right:20px; background-image:url('/design/raidb2b/2023_renewal/glo_ar.png'); background-repeat:no-repeat; background-position:right center;} #mheader .h_sec01 .glo_menu:hover .glo_sub {opacity:1; visibility:visible;} #mheader .h_sec01 .glo_menu .glo_sub {opacity:0; visibility:hidden; width:75px; text-align:center; position:absolute; top:1px; left:0; border:1px solid #2a3cf3; border-radius:6px; background-color:#fff; z-index:100; overflow:hidden; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);} #mheader .h_sec01 .glo_menu .glo_sub a {font-size:14px; height:28px; line-height:28px; color:#1a1a1a; text-transform:uppercase;} #mheader .h_sec01 .glo_menu .glo_sub a:hover {color:#2a3cf3; background-color:#f5f5f5;} /* 상단섹션02 */ #mheader .h_sec02 {position:relative; width:1630px; margin:0 auto; font-size:0px;} /* 상단섹션02 : 카테고리 자동출력 */ #mcategory {width:1630px; height:65px; margin:0 auto; line-height:65px;} #mcategory .categoryList {text-align:left;} #mcategory .categoryList > li {position:relative; display:inline-block; margin-right:28px; font-size:0px;} #mcategory .categoryList > li > a {display:block; color:#1a1a1a; font-size:15px; line-height: 65px;} #mcategory .categoryList ul {display:none;} #mcategory .categoryList li a:hover ul {display:block;} #mcategory .categoryList li.selected > ul {display:block;} #mcategory .categoryList li.selected > a.cate {color:#2a3cf3;} #mcategory .categoryList li.top_cate_space {background:url('/design/raidb2b/2023_renewal/top_cate_space.gif') no-repeat; background-position:left center; padding-left:15px; margin-left:15px;} #mcategory .categoryList .slideSubMenu {position:absolute; top:54px; left:50%; z-index:11; min-width:138px; width:auto; margin-left:-69px; padding:10px 5px; background-color:#fff; border:1px solid #e5e5e5; border-radius:6px; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);} #mcategory .categoryList .slideSubMenu.sub2 {top: -10px; left: 100%; margin:0;} #mcategory .categoryList .slideSubMenu li ul {display:none;} #mcategory .categoryList .slideSubMenu li {position:relative; display:block;} #mcategory .categoryList .slideSubMenu li a {display:block; height:32px; padding:0 8px; color:#9a9a9a; font-size:14px; line-height:32px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} #mcategory .categoryList .slideSubMenu li > a.sub_mouse_hover {color:#2a3cf3; background-color:#f5f5f5;} #mcategory .categoryList > li .sub1 > li .sub2 > li > a:hover {color:#2a3cf3; background-color:#f5f5f5;} #mcategory .categoryList .slideSubMenu li.selected > ul {display:block; position:absolute; top:-10px; left:100%; z-index:11; min-width:138px; width:auto; padding:10px 5px; background:#fff; background-color:#fff; border:1px solid #e5e5e5; border-radius:6px; box-shadow: 5px 3px 20px rgba(0,0,0,0.05); -webkit-box-shadow: 5px 3px 20px rgba(0,0,0,0.05);} #mcategory .categoryList .slideSubMenu li.noChild > a.cate:after {display:none;} .categoryList > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:40%;right:10px;background:url('/design/raidb2b/2023_renewal/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-2px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out} .categoryList > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} /* 상단섹션02 : 추가 메뉴 */ #mheader .h_sec02 li.add.first {background-image:url('/design/raidb2b/2023_renewal/bt_line.png'); background-repeat:no-repeat; background-position:left center; margin-left:2px; padding-left:30px;} #mheader .h_sec02 li.add:hover a {color:#2a3cf3;} /* 상단섹션02 : FIXED */ #mheader .h_sec02.fixed {position:fixed; top:0px; z-index:1000; max-width:100%; width:100%; margin:0px; background-color:#fff; border-bottom:1px solid #e5e5e5;} #mheader .h_sec02.fixed .hot_keyword {display:none;} /* 상단 : 미디어쿼리 */ @media screen and (max-width: 1699px){ #mheader .h_sec01, #mheader .h_sec02, #mcategory {width:1430px;} } @media screen and (max-width: 1499px){ #mheader .h_sec01, #mheader .h_sec02, #mcategory {width:1280px;} #mheader .h_sec02 .hot_keyword {display:none;} } .searchArea {position: absolute;right: 0;top: -11px;height: 30px; right:96px;} .searchArea form { position: relative; height: 30px; } .searchArea input {position:relative;z-index:2;height: 45px;width: 180px;border:0;background-color:#f9f9f9;padding:0 28px 0 0px;outline:none; border-radius:30px; text-indent:20px; font-weight:500; } .searchArea .searchBtn {position:absolute;top: 0;right:13px;width:28px;height:28px;z-index:2;text-align:center;line-height:39px;font-size:18px;color:#292929;display:block;} .searchArea .searchBtn img {width:20px;} /* BASIC css end */