/* BASIC css start */
/*상단-배너*/
.top-banner{position:relative; overflow:hidden;}
.top-banner ul{position:relative;}
.top-banner ul li:nth-of-type(1) ~ li{display:none;}
.top-banner .slick-list{width:2560px; left:50%; margin-left:-1280px; overflow: hidden;}
.top-banner .slick-list:after{display:none;}
.top-banner .slick-dots{width:1200px; position:absolute; top:5px; left:calc(50% - 600px);}
.top-banner .slick-dots li{margin:0 5px; display:inline-block ! important;}
.top-banner .slick-dots li button{width:21px; height:2px; background:#000;}
.top-banner .slick-dots li.slick-active button{background:#000;}
.top-banner span{position:absolute; right:calc(50% - 600px); top:14px; cursor:pointer;}

/*헤더시작*/
#header{width:100%;}

/*헤더-상단*/

.ri-bookmark-fill{font-size: 15px;}
.ri-instagram-line{font-size: 15px;}
.ri-twitter-x-line{font-size: 15px;}
.ri-blogger-line{font-size: 15px;}

#header .header_top{padding-top:15px;}
#header .header_top_cont{width:1224px; margin:0 auto;}
#header .header_top_cont .pull-left{float:left; font-size:0;}
#header .header_top_cont .pull-right{float:right; font-size:0;}

#header .header_top_cont .inline>li{display:inline-block;}
#header .header_top_cont .inline>li>a{font-size:12px; color:#2f2f2f; margin:0 12px; display:block; transition:all 0.3s ease-in-out;}
#header .header_top_cont .inline>li>a:hover{opacity:0.6;}
#header .header_top_cont .login_icon>a{background:url('/design/goodsk/wib/img/header/icon_login.png')no-repeat 0% 50%; padding-left:12px;}

/*헤더-하단*/
#header .header_search{clear:both; border-bottom:1px solid #e0e0e0;}
#header .header_search_cont{min-height:90px; width:1200px; margin:0 auto; position:relative;}
#header .sns_wrap{position:absolute; top:25px; left:0;}
#header .sns_wrap a{padding-right:8px;}
#header .sns_wrap a img{height:19px;}
#header .h1_logo{text-align:center; padding:32px 0 30px 0;}
#header .search{position:absolute; top:25px; right:0;}
#header .search input{width:175px; border:none; border-bottom:1px solid #222; padding:10px 0;}
#header .search a img{width:19px; margin-top:10px;}

/*메뉴*/
#header .header_gnb{border-bottom:1px solid #e0e0e0; height:102px;}
#header .gnb_all_box{width:1200px; margin:0 auto; position:relative; height: 102px; border-right: 1px solid #e0e0e0;}

/*전체메뉴 버튼*/
#header .gnb_all_box .gnb_all {float:left; position:relative; width:50px;}
#header .gnb_all_box .gnb_all .btn_all_menu_open{display:inline-block; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; height:102px;}
#header .gnb_all_box .gnb_all img{margin-top:2px;}
#header .gnb_all_box .gnb_all .all_menu{position:absolute; top:52px; left:0; width:1200px; z-index:10; background:#fff; display:none;}
#header .gnb_all_box .gnb_all .all_menu>ul{padding:50px 55px; font-size:0;}
#header .gnb_all_box .gnb_all .all_menu>ul>li{width:14.2857%; border-right:1px solid #efefef; display:inline-block; padding-left:20px; margin-top:30px; vertical-align:top; min-height:150px; box-sizing:border-box;}
#header .gnb_all_box .gnb_all .all_menu>ul>li:nth-child(7n){border:none;}
#header .gnb_all_box .gnb_all .all_menu>ul>li>a{display:block; font-size:15px; font-weight:600; padding:8px 0 7px 0;}
#header .gnb_all_box .gnb_all .all_menu .sub{margin-top:10px;}
#header .gnb_all_box .gnb_all .all_menu .sub>li{}
#header .gnb_all_box .gnb_all .all_menu .sub>li>a{color:#9d9d9d; font-size:14px; text-align:left; transition:all 0.3s ease-in-out; padding:8px 0 7px 0; display:block;}
#header .gnb_all_box .gnb_all .all_menu .sub>li:hover a{color:#000; text-decoration:underline;}
/*메뉴*/
#header .gnb_all_box .gnb{float:left; width:1150px; height: 102px; background: url(https://scsh77.speedgabia.com/goods/img/header/goods-k_topmenu_bg.jpg) repeat-x;/*margin-left:10px; */}
#header .gnb_all_box .gnb>ul{}
#header .gnb_all_box .gnb>ul>li{display:inline-block; position:relative;}
#header .gnb_all_box .gnb>ul>li>a{font-size:14px; color:#575757; padding:0 12px; line-height:52px;}
#header .gnb_all_box .gnb>ul>li>a:after{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:0%; height:2px; background:#222; transition:all 0.3s ease;}
#header .gnb_all_box .gnb>ul>li:hover>a{color:#000;}
#header .gnb_all_box .gnb>ul>li:hover>a:after{width:100%;}
#header .gnb_all_box .gnb .sub{display:none; position:absolute; top:52px; left:0; padding:30px; box-shadow:rgba(0, 0, 0, 0.1) 1px 1px 4px 0px; z-index:10; background:#fff;}
#header .gnb_all_box .gnb .sub>li{padding-bottom:8px;}
#header .gnb_all_box .gnb .sub>li:last-child{padding:0;}
#header .gnb_all_box .gnb .sub>li>a{display:inline-block; font-size:14px; min-width:150px; color:#9d9d9d; transition:all 0.3s ease-in-out; line-height:2;}
#header .gnb_all_box .gnb .sub>li:hover>a{color:#000; font-weight:bold;}
#header .gnb_all_box .gnb .sub2>li>a{line-height:2.1;}
#header .gnb_all_box .gnb .sub>li:nth-child(5) ul.sub2 { padding: 0 0 20px 20px; margin-top: 10px; display: none;}
#header .gnb_all_box .gnb .sub>li:nth-child(5) ul.sub2>li { padding-bottom: 20px;}
#header .gnb_all_box .gnb .sub>li:nth-child(5) ul.sub2>li:last-child { padding-bottom: 0;}
#header .gnb_all_box .gnb .sub>li:nth-child(5) ul.sub2>li>a {color:#9d9d9d; transition:all 0.3s ease-in-out;}
#header .gnb_all_box .gnb .sub>li:nth-child(5) ul.sub2>li:hover>a { font-weight:bold; color:#000; transition:all 0.3s ease-in-out;}
/*공지사항*/
#header .gnb_all_box .notice{position:absolute; right:0; top:0; width:210px; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:0 15px; height:52px;}
#header .gnb_all_box .notice>ul{}
#header .gnb_all_box .notice>ul li{line-height:52px; display:inline-block;}
#header .gnb_all_box .notice>ul li:nth-of-type(1) ~ li{display:none;}
#header .gnb_all_box .notice>ul li:before{content:""; width:2px; height:2px; background:#969696; display:inline-block; margin-right:10px; vertical-align:middle;}
#header .gnb_all_box .notice>ul li a{color:#575757; font-size:13px; white-space: nowrap;width: 80%;overflow: hidden;text-overflow: ellipsis;display:inline-block;}
#header .gnb_all_box .notice>ul li:hover a{text-decoration:underline;}
#header .slick-vertical .slick-slide{border:none ! important;}
#header .slick-prev{width:15px; height:8px; display:block; background:url('/design/goodsk/wib/img/header/icon-arrow-up.png')no-repeat 50% 50%; position:absolute; right:0; top:15px; z-index:10;}
#header .slick-next{width:15px; height:8px; display:block; background:url('/design/goodsk/wib/img/header/icon-arrow-down.png')no-repeat 50% 50%; position:absolute; right:0; bottom:15px; z-index:10;}
#header .slick-list:after{display:none;}




/* BASIC css end */