/* BASIC css start */
/* body */
body {width:100%; min-width:1440px; position:relative;}

/* 폰트 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
  font-family: HelveticaUltraCompressed ; 
  src: url(/design/mastideco/wib2018/font/21fe88bd-1a26-481a-8047-46b17c05116c.eot) format('embedded-opentype'),
       url(/design/mastideco/wib2018/font/cb05eea2-2432-4559-9eb4-83addd62b9e0.woff) format('woff'),
       url(/design/mastideco/wib2018/font/18bfa02e-fa40-421f-bdf5-ac405949e426.woff2) format('woff2'),
       url(/design/mastideco/wib2018/font/9da6d159-4af0-4470-a296-528bcd8e23b5.ttf) format('truetype');
}

/* 검색 누르면 나오는 마스크 */
.all_mask {display:none; width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.5); z-index:3;}
.fixed_hb_mask {display:none; position:absolute; top:0; width:100%; height:100%; z-index:4; background:rgba(0,0,0,0.5);}

/* 기본 헤더 */
.header {width:100%; background:#fff; z-index:1; position:relative; /*min-width:1800px;*/}
@keyframes hide_header {
  0% {top: 0;}
  100% {top: -200px;}
}


.header .gnb > ul > li.storage_menu img {vertical-align: sub; padding-right: 5px; }


.header.hide_header {animation:hide_header 0.6s ease 1;}
.header {z-index:auto; position:relative;}
.header .head_top {border-bottom:1px solid #e2e2e2;}
.header .head_top .top_menu {padding:0 50px; box-sizing:border-box; height:75px; line-height:75px;}
.header .head_top .top_menu:after {content:""; display:block; clear:both;}
.header .head_top .top_menu h1 {float:left; margin-top:7px; position:relative;}
.header .head_top .top_menu h1 .slogan {opacity:0; visibility:hidden; position:absolute; left:0; bottom:-22px; margin:7px 0 0 22px; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.header .head_top .top_menu h1:hover .slogan {opacity:1; visibility:visible; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.header .head_top .top_menu .left_menu {float:left; margin-left:50px; padding-top:15px;}
.header .head_top .top_menu .left_menu:after {content:""; display:block; clear:both;}
.header .head_top .top_menu .left_menu li {float:left; margin-right:35px;}
.header .head_top .top_menu .left_menu li:last-of-type {margin-right:0;}
.header .head_top .top_menu .left_menu li a {display:block; font-size:23px; width:auto \0/ !important; font-size:25px \0/ !important; line-height:50px; color:#bab9b9; font-family:'AppleSDGothicNeoH00', Bold;}
.header .head_top .top_menu .left_menu li a:hover {color:#000; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
/*.header .head_top .top_menu .left_menu li a .en {transition:all 0.7s ease-out; -webkit-transition:all 0.7s ease-out; -moz-transition:all 0.7s ease-out; -o-transition:all 0.7s ease-out; font-size:46px; line-height:46px; color:#bab9b9; font-family:'HelveticaUltraCompressed', sans-serif;}
.header .head_top .top_menu .left_menu li a .ko {display:none; line-height:46px; font-weight:500; font-size:24px; color:#000; text-align:center; letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif;}
.header .head_top .top_menu .left_menu li a:hover .en {color:#000;}
.header .head_top .top_menu .left_menu li a:hover .ko {display:block;}
.header .head_top .top_menu .left_menu li a:hover .en {display:none;}
.header .head_top .top_menu .left_menu li:nth-of-type(4) a:hover .ko {width:60px;}*/ 
.header .head_top .top_menu .right_menu {float:right;}
.header .head_top .top_menu .right_menu:after {content:""; display:block; clear:both;}
.header .head_top .top_menu .right_menu li {float:left; margin-left:25px;}
.header .head_top .top_menu .right_menu li img {vertical-align:middle; margin-right:9px;}
.header .head_top .top_menu .right_menu li span {font-size:11px; color:#000; font-family: 'Roboto', sans-serif;}

.header .head_bottom {position:relative; border-bottom:1px solid #e2e2e2;}
.header .gnb {position:relative;}
.header .gnb:after {content:""; display:block; position:absolute; top:17px; left:607px; border-right:1px solid #e2e2e2; height:14px;}
.header .gnb > ul {padding:0 50px; box-sizing:border-box; position:relative;}
.header .gnb ul:after {content:""; display:block; clear:both;}
.header .gnb > ul > li {float:left; height:50px; line-height:50px; margin-right:28px;}
.header .gnb > ul > li > a {position:relative; display:block; line-height:50px; font-size:14px; color:#000; word-spacing:-1px; text-align:center; font-weight:500; font-family: 'Roboto', sans-serif;}
.header .gnb > ul > li > a span {position:relative; z-index:2;}
.header .gnb > ul > li > a:before {content:""; position:absolute; top:43%; left:50%; z-index:1; -webkit-transform: translateX(-50%); transform: translateX(-50%); width:0%; height:4px; background-color:#eaeaea; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.header .gnb > ul > li:hover > a:before {opacity:1; visibility:visible; width:100%; padding:0 3px;}
.header .gnb > ul > li a.on:after {content:""; position:absolute; top:43%; left:50%; z-index:1; -webkit-transform: translateX(-50%); transform: translateX(-50%); width:100%; height:4px; padding:0 3px; background-color:#eaeaea; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.header .gnb > ul > li.storage_menu {margin-right:55px;}
.header .gnb > ul > li.storage_menu a.menu_border {position:relative;}
.header .gnb > ul > li.series_menu > a {font-style:italic; font-weight:400;}
.header .gnb > ul > li.home_menu > a {font-style:italic; font-weight:400;}
.header .gnb > ul > li.sale_menu > a {font-style:italic; font-weight:400; color:#e00000; text-decoration: underline;}
.header .gnb > ul > li.italic_style > a {font-style:italic; font-weight:300;}
.header .gnb > ul > li.add_menu > a {font-style:italic; font-weight:400; color:#e00000; text-decoration: underline;}
.header .gnb ul li > .lnb {visibility:hidden; opacity:0; z-index:5; /* display:none; */ font-size:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; position:absolute; width:100%; left:0; background:#fff; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; box-sizing:border-box;}
.header .gnb ul li .lnb.on {visibility:visible; opacity:1; /* display:block; */}
.header .gnb ul li > .lnb > li {float:none; height:auto; line-height:27px;}
.header .gnb ul li > .lnb > li a {border-right:none; color:#000; font-size:14px;}
.header .gnb ul li > .lnb > div {min-height:380px;}
.header .gnb ul li > .lnb .left_title {width:15.9%; min-width:306px; box-sizing:border-box; /* min-height:350px;*/ padding-left:50px; /*display:inline-block; vertical-align:top;*/ float:left; background:url("/design/mastideco/wib2018/img/gnb_arrow.jpg") right top no-repeat; background-size:14px 350px;}
.header .gnb ul li > .lnb .left_title .tit {font-size:20px; color:#000; font-weight:500; margin-top:17px; line-height:20px;}
.header .gnb ul li > .lnb .left_title .txt {font-size:12px; font-weight:300; color:#676767; line-height:18px; margin-top:17px; width:171px;}
.header .gnb ul li.home_menu > .lnb .left_title .txt {width:169px;}
.header .gnb ul li > .lnb .lnb_list {width:13.9%; min-width:268px; min-height:350px; /*display:inline-block; vertical-align:top;*/ float:left; padding:10px 0 0 45px; box-sizing:border-box; margin-right:5.9%;}
.header .gnb ul li > .lnb .lnb_list li {line-height:27px;}
.header .gnb ul li > .lnb .lnb_list li a {color:#000; font-size:14px; font-weight:300;}
/*.header .gnb ul li.series_menu > .lnb .lnb_list {width:553px; padding:20px 0 0 45px;}*/
.header .gnb ul li.series_menu > .lnb .lnb_list .series_list {display:inline-block; vertical-align:top; width:180px;margin-top:5px;}
.header .gnb ul li.series_menu > .lnb .lnb_list .series_list ul {display:inline-block; vertical-align:top;}
.header .gnb ul li.series_menu > .lnb .lnb_list .series_list:nth-child(1) {margin-right:83px; width:190px;}
.header .gnb ul li.series_menu > .lnb .lnb_list .series_list:nth-child(1) ul:nth-of-type(1) {width:85px; margin-right:25px;}
.header .gnb ul li.series_menu > .lnb .lnb_list .series_list .tit {font-size:14px; line-height:14px; color:#000; font-weight:500; border-bottom:1px solid #000; padding-bottom:15px; margin-bottom:15px;}
.header .gnb ul li.home_menu > .lnb .lnb_list {padding:20px 0 0 45px; width:auto; border-right:none;}
.header .gnb ul li.home_menu > .lnb .lnb_list .home_list {display:inline-block; vertical-align:top;}
.header .gnb ul li.home_menu > .lnb .lnb_list .home_list ul {display:inline-block; vertical-align:top;}
.header .gnb ul li.home_menu > .lnb .lnb_list .home_list {margin-right:83px; width:180px;}
.header .gnb ul li.home_menu > .lnb .lnb_list .home_list .tit {font-size:14px; line-height:14px; color:#000; font-weight:500; border-bottom:1px solid #000; padding-bottom:15px; margin-bottom:15px;}
.header .gnb ul li > .lnb .right_img {width:60%; /*display:inline-block; vertical-align:top;*/ float:left; box-sizing:border-box;}
.header .gnb ul li > .lnb .right_img .black_bg {opacity:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); top:0; -khtml-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.header .gnb ul li > .lnb .right_img .long_img {min-width:693px;}
/* 오른쪽 이미지 한개 */
.header .gnb ul li > .lnb .right_img.img_1x {padding:19px 0 0 0; width:43.7%;}
.header .gnb ul li > .lnb .right_img.img_1x ul li {width:100%;}
/* 오른쪽 이미지 두개 */
.header .gnb ul li > .lnb .right_img.img_2x {padding:19px 0 0 0;}
.header .gnb ul li > .lnb .right_img.img_2x > ul > li:first-of-type {/*margin-right:33px;*/}
/* 오른쪽 이미지 세개 */
.header .gnb ul li > .lnb .right_img.img_3x {padding:19px 0 0 0;}
.header .gnb ul li > .lnb .right_img.img_3x > ul > li:first-of-type {/*margin-right:73px;*/}

.header .gnb ul li > .lnb .right_img > ul {font-size:0; width:100%;}
.header .gnb ul li > .lnb .right_img > ul > li {width:25%; min-width:310px; display:inline-block; vertical-align:top; position:relative; /*height:310px;*/ /*margin-right:73px;*/ margin-right:3.8%;}
.header .gnb ul li > .lnb .right_img > ul > li:hover .black_bg {opacity:1;}
.header .gnb ul li > .lnb .right_img ul li:last-of-type {margin-right:0;}
/*.header .gnb ul li > .lnb .right_img > ul > li img {width:100%;}*/
.header .gnb ul li > .lnb .right_img > ul > li a {display:block;}
.header .gnb ul li > .lnb .right_img ul li .txt_box {position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; color:#fff; z-index:1;}
.header .gnb ul li > .lnb .right_img ul li .txt_box.black_txt {color:#000;}
.header .gnb ul li > .lnb .right_img ul li .txt_box .txt01 {font-size:13px; line-height:13px; margin:42px 0 17px 0; font-weight:normal;}
.header .gnb ul li > .lnb .right_img ul li .txt_box .txt02 {font-size:18px; line-height:23px; font-weight:400;}
.header .gnb ul li > .lnb .right_img ul li .txt_box .txt03 {font-size:13px; line-height:13px; position:absolute; bottom:28px; width:100%; font-weight:normal;}

.header .head_bottom .right_menu {display:none;}
.header .head_bottom h1.fixmenu_logo {display:none;}

.fa-search:before {display:none;}
.sch_btn {display:inline-block; width:27px; height:26px;}


/* search */
.sch_btn {position:absolute; top:12px; right:50px;}
.sch_pop {display:none; z-index:4; background:#fff; position:absolute; width:470px; height:423px; padding:20px 0 40px 30px; top:28px; right:50px; box-sizing:border-box;}
.sch_pop .close_btn {text-align:right; margin-right:19px; cursor:pointer;}
.sch_pop .hd-search {margin-top:32px;}
.sch_pop .hd-search input {width:411px; height:34px; border:0; border-bottom:2px solid #000; font-size:20px; padding-bottom:5px;}
.sch_pop input::-webkit-input-placeholder {color:#d4d4d4; font-size:20px; font-weight:300;}
.sch_pop .sch_btn {position:absolute; top:71px; right:29px;}
.sch_pop > .tit {margin:20px 0 30px 0; font-size:20px; line-height:20px; color:#000;}
.sch_pop ul li {margin-bottom:12px;}
.sch_pop ul li:last-of-type {margin-bottom:0;}
.sch_pop ul li a {font-size:14px; line-height:14px; font-weight:400; color:#000;}
.sch_pop .s_sch_btn {position:absolute; top:71px; right:29px; width:27px; height:26px; background:url("/design/mastideco/wib2018/img/search_icon.png") no-repeat;}


/* 픽스 헤더 */
@keyframes fix_menu {
  0% {top: -100px;}
  100% {top: 0;}
}
.header.fix_menu {position:fixed; top:0; z-index:3; animation:fix_menu 0.8s ease 1; min-width: 1180px;}
.header.fix_menu .sch_btn {display:none;}
.header.fix_menu .head_top {display:none;}
.header.fix_menu .head_bottom {height:57px;}
.header.fix_menu .head_bottom h1.fixmenu_logo {display:block; z-index:3; position:absolute; left:50px; top:16px;}
.header.fix_menu .head_bottom .gnb {}
.header.fix_menu .head_bottom .gnb:after {left:787px; top:21px;}
.header.fix_menu .head_bottom .gnb > ul {position:relative; z-index:2; padding-left:230px;}
.header.fix_menu .head_bottom .gnb > ul > li {height:57px; line-height:57px;}
.header.fix_menu .head_bottom .gnb > ul > li > a {line-height:57px;}
.header.fix_menu .head_bottom .sch_box {display:none;}
.header.fix_menu .head_bottom .right_menu {display:block; z-index:3; position:absolute; top:20px; right:20px;}
.header.fix_menu .head_bottom .right_menu:after {content:""; display:block; clear:both;}
.header.fix_menu .head_bottom .right_menu li {float:left; margin-left:19px;}
.header.fix_menu .head_bottom .right_menu li img {vertical-align:middle;}


/* 우측 날개 배너 */
.quick {opacity:1; visibility:visible; position:fixed; bottom:0; right:53px; z-index:5; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.quick ul li:nth-child(2) {position:relative;}
.quick ul li:nth-child(2) span {position:absolute; top:10px; right:10px; display:inline-block; width:18px; height:18px; color:#fff; text-align:center; line-height:18px; background:#5b1eaa; border-radius:100%; font-size:12px;}

.quick_btn {position:fixed; bottom:0; right:53px; z-index:10; display:none;}

/* 기본 측면메뉴 가리기 */
#aside{display: none;}


/* 회원가입 버튼 */
.terms-btns {}
.terms-btns a img {display:none;}
.terms-btns a:nth-of-type(1) {display:inline-block; width:50px; height:25px; line-height:25px; text-align:center; color:#fff; background:#000;}
.terms-btns a:nth-of-type(2) {display:inline-block; width:48px; height:23px; line-height:23px; text-align:center; color:#000; background:#fff; border:1px solid #000;}


/* 공지사항 */
.bbs-table-view .wrt textarea {width:78%;}
.bbs-table-view .comment-box {margin-bottom:0;}
.view-link .con-link {position:relative;}
.view-link .bbs-link.con-link dd > a {height:auto !important; margin:0 !important;}

/* 게시판 보기 페이지 > 게시글 관련 상품 */
.bbs-table-view .fixed-img-collist ul li a span img {width:auto; height:auto;}

/* 로그인 페이지 */
#loginWrap .mlog .security {z-index:0;}

/* 모든 페이지 네비게이션 삭제 */
.loc-navi {visibility:hidden;}
.loc-navi {margin-top:0; margin-bottom:0; height:70px;}

/* 게시판 페이지 상단 이미지 배너 영역 */
.board_img_tit {width:100%; height:320px;}
.board_img_tit img {width:100%;}

/* 게시판 페이지 상품명 */
.fixed-img-collist ul li p.subject {font-size:14px; line-height:14px; font-weight:500;}
.fixed-img-collist ul li p {font-size:14px; line-height:14px; font-weight:400;}

/* 게시판 페이지 내용 가운데정렬 */
.bbs-table-view .data-bd-cont #MS_WritenBySEB {text-align:center;}


@media screen and (max-width: 1820px) {
    .header .gnb ul li > .lnb .left_title {min-width:auto;}
    .header .gnb ul li > .lnb .lnb_list {min-width:auto;}
    .header .gnb ul li > .lnb .right_img  {width:70%;}
    .header .gnb ul li > .lnb .right_img > ul > li {width: 30%; min-width: 30%; margin-right:3%;}
    .header .gnb ul li > .lnb .right_img > ul > li.long_img {width:67%; min-width:67%;}
    .header.fix_menu .gnb ul li > .lnb .right_img.img_3x > ul > li {width:30%;}
    /*.header .gnb ul li > .lnb .right_img.img_3x > ul > li:first-of-type {margin-right:3%;}*/
    .header .gnb ul li.series_menu > .lnb .right_img {width:40%;}
    .header .gnb ul li > .lnb .lnb_list {margin-right:0;}
}

@media screen and (max-width: 1660px) {
    .header .gnb ul li > .lnb .left_title {width:15%; padding-right:1%;}
    .header .gnb ul li > .lnb .left_title .txt {width:90%;}
    .header .gnb ul li.home_menu > .lnb .left_title .txt {width:90%;}
    
}

@media screen and (max-width: 1440px) {
    /*.header .gnb ul li > .lnb .right_img > ul > li.long_img {width:55%;}*/
    .header .gnb ul li > .lnb .right_img > ul > li img {width:100%;}
}





#preview_wrap{display: none !important;}





/* chrome, firefox font */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .header .gnb ul li > .lnb .lnb_list li a {font-weight:normal;}
    .header .gnb ul li > .lnb .left_title .txt {font-weight:400;}
 }


/* 블랙쉴드 제거 */
/*#MSecure_layer1 {display:none !important;}*/
/*210609추가*/
.header .frontbaner_bg a{display:block;}


/* 카카오 우측 하단 고정 */
a.kakao_fixed {position: fixed;z-index: 999;bottom: 58px;right: 53px;} 
a.kakao_fixed img {width: 53px;} 


/* BASIC css end */