/* BASIC css start */ /* FONT */ @font-face { font-family: 'Gmarket Sans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gmarket Sans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gmarket Sans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SpoqaHanSansNeo'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SpoqaHanSansNeo'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Recipekorea'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff') format('woff'); font-weight: normal; font-style: normal; } /* 공통 */ .clear:after { display: block; clear: both; content: ''; } .fleft {float:left;} .fright {float:right;} /* 톡상담 */ .a1{ position: fixed; top: 710px; z-index: 99999999999; right: 140px; } /*상단-배너*/ .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;} .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:#fff;} .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%;} #header .headerTop {width: 1100px; margin: 0 auto;} #header .headerTop div {padding: 16px 0;} #header .headerTop div ul {font-size:0;} #header .headerTop div ul li {display:inline-block;} #header .headerTop div ul li a {font-size: 13px; color: #595757; font-family: "SpoqaHanSansNeo"; font-weight: 300; margin-right:13px;} #header .headerTop .fright ul li:last-child a {margin-right:0;} #header .headerMid {position:relative; width: 1100px; margin: 10px auto 36px;} #header .headerMid .sns_link {padding-top:11px;} #header .headerMid .sns_link ul {font-size:0;} #header .headerMid .sns_link ul li {display:inline-block; vertical-align:top;} #header .headerMid .sns_link ul li a {margin-right:16px;} #header .headerMid .tlogo { margin:0 210px; text-align:center } #header .headerMid .searchArea { position:absolute; top:50%; right:53px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:148px; height:27px; border-bottom:1px solid #3f3f3f; } #header .headerMid .searchArea .search { position:relative; width:100%; height:100%; } #header .headerMid .searchArea .search input { width:100%; line-height:27px; border:none; background:#fff } #header .headerMid .searchArea .search a { display:block; position:absolute; top:3px; right:0; width:19px; height:18px; text-indent:-9999em; background:url('/design/neurx/img/search_icon.png') 0 0 no-repeat } #header .headerMid .cart_icon {position:absolute; right:0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} #header .headerMid .cart_icon .btn {position:relative; display:block;} #header .headerMid .cart_icon .btn .cart_cnt {position:absolute; width: 23px; height: 17px; border-radius: 8px; background-color: #111111; top: -3px; right: -10px;} #header .headerMid .cart_icon .btn .cart_cnt span { color: #ffea00; font-weight: 600; font-family: "Rubik"; font-size: 11px; display:block; text-align:center; line-height:17px;} #header .headerBottom {height: 48px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;} #header .headerBottom .inner {width: 1100px; margin: 0 auto; position:relative;} #header .headerBottom .inner > div {display:inline-block; vertical-align:top;} #header .headerBottom .inner .all_menu {position:relative;} #header .headerBottom .inner .all_menu .all_btn {padding: 17px 14px 16px; height:48px; box-sizing:border-box; display:inline-block; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; cursor:pointer;} #header .headerBottom .inner .all_menu .all_btn img {vertical-align:top;} #header .headerBottom .inner .all_menu .all_btn .on {display:none;} #header .headerBottom .inner .all_menu .all_btn.on .on {display:block;} #header .headerBottom .inner .all_menu .all_btn.on .off {display:none;} #header .headerBottom .inner .all_menu .all_box {position:absolute; left:0; top: 48px; width: 1100px; background-color: #ffffff; border: 1px solid #e7e7e7; box-sizing:border-box; padding:30px 0; visibility: hidden; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease;} #header .headerBottom .inner .all_menu .all_box.on {visibility: visible; opacity:1; z-index:10;} #header .headerBottom .inner .all_menu .all_box .depth01 > li {display: inline-block; vertical-align: top;} #header .headerBottom .inner .all_menu .all_box .depth01 > li:last-child {margin-right:0;} #header .headerBottom .inner .all_menu .all_box .depth01 > li > a {display:block; padding:20px 0; font-size: 16px; color: #000000; font-weight: 500; font-family: "Gmarket Sans",sans-serif;} #header .headerBottom .inner .all_menu .all_box .depth02 {} #header .headerBottom .inner .all_menu .all_box .depth02 > li {margin-bottom: 15px;} #header .headerBottom .inner .all_menu .all_box .depth02 > li > a {display:block; font-size: 16px; color: #000000; font-weight: 300; font-family: "Gmarket Sans",sans-serif; margin-bottom:15px;} #header .headerBottom .inner .all_menu .all_box .depth03 > li > a {display:block; font-size: 14px; color: #616161; font-weight: 300; font-family: "Gmarket Sans",sans-serif; margin-bottom:15px; padding-left:5px;} #header .headerBottom .inner .all_menu .all_box .left_menu {display:inline-block; vertical-align:top; width:795px; padding: 0 0 0 35px; box-sizing:border-box; font-size:0;} #header .headerBottom .inner .all_menu .all_box .left_menu.depth01 > li {width: 23%; margin-right:2.33%;} #header .headerBottom .inner .all_menu .all_box .left_menu.depth01 > li:nth-child(4n) {margin-right:0;} #header .headerBottom .inner .all_menu .all_box .right_menu {display:inline-block; vertical-align:top; width:295px; padding-left: 40px; box-sizing: border-box; font-size:0; border-left: 1px solid #f0f0f0;} #header .headerBottom .inner .all_menu .all_box .right_menu.depth01 > li {display:block;} #header .headerBottom .inner .gnb_menu {padding-left:38px; } #header .headerBottom .inner .gnb_menu ul {font-size:0;} #header .headerBottom .inner .gnb_menu ul li {display:inline-block; margin-right:48px;} #header .headerBottom .inner .gnb_menu ul li:last-child {margin-right:0;} #header .headerBottom .inner .gnb_menu ul li a {font-size: 14px; color: #000000; font-weight: 500; font-family: "Gmarket Sans",sans-serif; line-height:48px; position:relative;} #header .headerBottom .inner .gnb_menu ul li a:after {content:''; position:absolute; left:50%; transform:translateX(-50%); margin:0 auto; display:block; width: 0; height: 3px; background-color: #ffec00; bottom:-3px; transition:all .3s ease; -webkit-transition:all .3s ease;} #header .headerBottom .inner .gnb_menu ul li:hover a:after {width:100%;} #header .headerBottom .inner .gnb_menu ul li a.on {border-bottom: 3px solid #ffec00;} #header .headerBottom .inner .gnb_menu ul li.on a {border-bottom: 3px solid #ffec00;} /*공지사항*/ #header .notice{position:absolute; right:0; top:0; width:270px; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:0 15px; height:50px;} #header .notice>ul{} #header .notice>ul li{line-height:50px; display:inline-block;} #header .notice>ul li:nth-of-type(1) ~ li{display:none;} #header .notice>ul li:before{content:""; width:2px; height:2px; background:#969696; display:inline-block; margin-right:10px; vertical-align:middle;} #header .notice>ul li a{color:#616161; font-size:12px;} #header .notice>ul li:hover a{text-decoration:underline;} #header .notice .slick-vertical .slick-slide{border:none ! important;} #header .notice .slick-prev{width:15px; height:8px; display:block; background:url('/design/neurx/wib/img/header/icon-arrow-up.png')no-repeat 50% 50%; position:absolute; right:0; top:15px; z-index:10;} #header .notice .slick-next{width:15px; height:8px; display:block; background:url('/design/neurx/wib/img/header/icon-arrow-down.png')no-repeat 50% 50%; position:absolute; right:0; bottom:15px; z-index:10;} #header .notice .slick-list:after{display:none;} /* 요청으로 추가 */ .bbs-hd .link li:nth-child(2) { display: none; } /* BASIC css end */