/* BASIC css start */
/* BASIC css start */
#header, #layerWrap, #contentWrap, #ftLink .link, #footer{width: 1150px;}
#contentWrap{
    margin: 0px auto 50px;
    margin-bottom: 100px;
    min-height: 700px;
}

#headerWrap {width:100%; position:relative; z-index:1002;}

#headerWrap .top_banner {width:100%; position:relative; text-align:center; background:#050A05; height:40px; display:block; }
#headerWrap .top_banner p {font-size:14px; font-weight:400; color:#fff; line-height:40px;}
#headerWrap .top_banner p span {display:inline-block; padding-right:20px; position:relative; font-weight:700; }
#headerWrap .top_banner p span::before {content:''; display:block; width:1px ; height:14px; background:#fff; position:absolute; top:50%; margin-top:-7px; right:10px;}
#headerWrap .top_banner .bannerx {display:block; width:15px; height:15px; background:url('/design/hanstyle/wib/2022wib/img/main/pop_close.svg') no-repeat center center; position:absolute; top:50%; margin-top:-8px; right:25px; z-index:100; } 

#headerWrap .wibHeader{width:100%; background:#243640; height: 90px;}
#headerWrap .top {max-width:1520px; width:100%; height:100%; margin:0 auto; display:table; position:relative;}
#headerWrap .top .left, #headerWrap .top .right, #headerWrap .top h1 { display:table-cell; width:33.3%; vertical-align:middle;}
#headerWrap .top .left > div {float:left;}

/*top10*/
#headerWrap .top .left > div.best {cursor:pointer;width:155px}
#headerWrap .top .left > div.best > div {height:30px; }
#headerWrap .top .left > div.best .keyword-wrap {transition:all 0.3s;background:#243640; border:none;padding-left:45px; position:relative; margin:0;}
#headerWrap .top .left > div.best .keyword-wrap::after {content:''; display:block; width:8px; height:5px; background:url('/design/hanstyle/wib/2022wib/img/main/best_btn.svg') no-repeat center center; position:absolute; top:50%; margin-top:-3px; right:0;}
#headerWrap .top .left > div.best .keyword-wrap::before {content:'BEST'; display:block; font-size:14px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:30px; position:absolute; top:-2px; left:0;}
#headerWrap .top .left > div.best .keyword-wrap li {margin:0; height:30px; line-height:30px;}
#headerWrap .top .left > div.best .keyword-wrap li a {line-height:30px; color:#fff; padding-left:15px; font-size:14px; font-family:'Noto Sans KR';}
#headerWrap .top .left > div.best .keywords-num {font-weight:400;  color:#fff; margin-top:0; line-height:30px;background:transparent; width:auto; height:auto;}

#headerWrap .top .left > div.best .active {left:0; margin-left:0; height:220px; position:relative;  }
#headerWrap .top .left > div.best .active .keyword-wrap { background:#fff; border:1px solid #e5e5e5; padding:48px 38px 3px;}
#headerWrap .top .left > div.best .active .keyword-wrap::before {top:22px;right:38px; left:inherit; color:#50696F; line-height:1;}
#headerWrap .top .left > div.best .active .keyword-wrap::after {content:'실시간'; display:block; font-size:14px; line-height:1; letter-spacing:-0.03em; font-weight:700; color:#505050; font-family:'Noto Sans KR'; width:auto; height:auto; background:none; top:21px; margin:0; right:inherit; left:38px; }
#headerWrap .top .left > div.best .active .keyword-wrap li:hover .keywords-txt {color:#243640; text-decoration:underline}
#headerWrap .top .left > div.best .active .keywords-num {top:0; color:#50696F; font-weight:700; }
#headerWrap .top .left > div.best .active .keywords-txt {color:#505050; font-weight:400;  letter-spacing:-0.03em; padding:0;}
/*top10*/


#headerWrap .top .left > div.sch_wrap {position:relative; width:215px; height:30px; margin: 0 20px; border-bottom:1px solid #919a9f; }
#headerWrap .top .left > div.sch_wrap p {font-size:12px; letter-spacing:-0.05em; color:#919a9f; font-weight:400; line-height:27px; cursor:text; }
#headerWrap .top .left > div.sch_wrap .sch_btn {width:17px; height:17px; position:absolute; top:7px; right:0; z-index:10; }

#headerWrap .top .left > div.cart_wrap {position:relative; height:33px; width:33px;}
#headerWrap .top .left > div.cart_wrap a {display:inline-block; width:33px; height:33px; margin-top: 4px; position:relative; }
#headerWrap .top .left > div.cart_wrap a span {width:20px; height:20px; background:#fff; border-radius:50%; text-align:center; position:absolute; top:-10px; right:-3px;font-size:13px; font-weight:500; color:#2c3f4d; line-height:20px; font-family:'Inter'; }

#headerWrap .top h1 {height: 17px;text-align:center; width:100%; top:0; left:0; padding:36px 0 ; display:block;}
#headerWrap .top h1 a {display:inline-block; vertical-align:top; height:100%; }

#headerWrap .top .right .hd-cate {display:flex;justify-content: right;}
#headerWrap .top .right .hd-cate > li {padding:32px 12px; position:relative;}
#headerWrap .top .right .hd-cate > li::before {content:''; display:block; width:2px; height:2px; background:#919a9f; border-radius:50%; position:absolute; top:50%; margin-top:2px; left:0;}
#headerWrap .top .right .hd-cate > li:first-child::before {display:none;}
#headerWrap .top .right .hd-cate > li:last-child {padding-right:0;}
#headerWrap .top .right .hd-cate > li > a {font-size:13px; font-weight:400; color:#919A9F; line-height:1;}
#headerWrap .top .right .hd-cate > li > a img {display:inline-block; vertical-align:middle; padding-left:7px; margin-top:-3px;}
#headerWrap .top .right .hd-cate > li > ul {display:none;width:80px; background:#fff; border:1px solid #e5e5e5; z-index:1000; padding:22px 15px 6px; position:absolute; top:75px; left:0;}
#headerWrap .top .right .hd-cate > li > ul > li {margin-bottom:16px;}
#headerWrap .top .right .hd-cate > li > ul > li a {display:block; font-size:13px; font-weight:400; color:#505050; letter-spacing:-0.05em; line-height:1; text-align:center;}
#headerWrap .top .right .hd-cate > li.lang > ul {width:18px;left:30px;  }


/* #headerWrap .btmMenu .rollOver ul .hd-cate_wrap li a img {margin-bottom:2px;} */
/* hs로고가 폰트보다 아래에 있어서  margin-bottom:2px; 추가함 */
/* hs로고를 통이미지로 수정해서 위 내용 미적용 */


/*검색창*/
.search_box {display:none; position:fixed; width:100%; height:100vh; top:0; left:0; z-index:1500;}
.search_box .dim {width:100%;  height:100%; background:#000; opacity:0.5; z-index:-1; position:absolute; top:0; left:0; cursor:pointer;}
.search_box .inner_box {background:#fff; width:100%; padding:70px 0; }
.search_box .inner {width:1000px; margin:0 auto;}
.search_box .inner .top {height:40px; width:100%; position:relative;}
.search_box .inner .top input {height:40px; width:100%; border-bottom:1px solid #050A05; border:0; border-bottom:1px solid #050a05; background:#fff;}
.search_box .inner .top input::placeholder {font-size:20px; font-weight:400; color:#838383; letter-spacing:-0.03em; }
.search_box .inner .top a {width:24px; height:24px; display:inline-block; position:absolute; top:0; right:0;}
.search_box .inner .btm {padding-top:75px; display:flex;}
.search_box .inner .btm .best, .search_box .inner .btm .rec {width:190px;border-right:1px solid #EAEAEA; margin-right:30px;}
.search_box .inner .btm > div h2 {font-size:18px; font-weight:400; color:#050a05; line-height:1; letter-spacing:-0.03em;}
.search_box .inner .btm > div ul li {padding-top:18px; display:block;line-height: 1; }
.search_box .inner .btm > div ul li a {display:inline-block; font-size:14px; letter-spacing:-0.03em; font-weight:400; color:#505050; line-height:1;}
.search_box .inner .btm .best ul li a span {display:inline-block; padding-right:6px; font-size:14px; font-weight:500; color:#50696f; line-height:1; font-family:'Inter';}
.search_box .inner .btm > div ul li a:hover {color:#50696f; font-weight:500; }

.search_box .inner .btm .best ul li { position: relative; opacity:0;}
.search_box .inner .btm .best ul li:nth-of-type(1){animation-name:li1;-webkit-animation-name:li1; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;-moz-animation-delay: 0.1s;-ms-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.search_box .inner .btm .best ul li:nth-of-type(2){animation-name:li2;-webkit-animation-name:li2; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;-ms-animation-delay: 0.3s;-o-animation-delay: 0.3s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.search_box .inner .btm .best ul li:nth-of-type(3){animation-name:li2;-webkit-animation-name:li2; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-ms-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.search_box .inner .btm .best ul li:nth-of-type(4){animation-name:li2;-webkit-animation-name:li2; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.7s;-webkit-animation-delay: 0.7s;-moz-animation-delay: 0.7s;-ms-animation-delay: 0.7s;-o-animation-delay: 0.7s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.search_box .inner .btm .best ul li:nth-of-type(5){animation-name:li2;-webkit-animation-name:li2; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.9s;-webkit-animation-delay: 0.9s;-moz-animation-delay: 0.9s;-ms-animation-delay: 0.9s;-o-animation-delay: 0.9s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.search_box .inner .btm .best ul li:nth-of-type(6){animation-name:li2;-webkit-animation-name:li2; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;-moz-animation-delay: 1.2s;-ms-animation-delay: 1.2s;-o-animation-delay: 1.2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}


@keyframes li1{
	0%{top:-1rem;opacity:0;}
	100%{top:0;opacity:1;}
}
@keyframes li2{
	0%{top:-1rem;opacity:0;}
	100%{top:0;opacity:1;}
}

.search_box .inner .btm .s_banner {display:table;}
.search_box .inner .btm .s_banner > div {display:table-cell; vertical-align:middle;}
.search_box .inner .btm .s_banner .img {padding-right:20px;}
.search_box .inner .btm .s_banner .txt p:first-child {font-size:15px; font-weight:400; color:#050a05; line-height:1; letter-spacing:-0.03em; }
.search_box .inner .btm .s_banner .txt p:nth-child(2) {font-size:12px; line-height:20px; color:#838383; letter-spacing:-0.05em; padding:16px 0}
.search_box .inner .btm .s_banner .txt a {display:inline-block; width:110px; height:30px; border:1px solid #e5e5e5; line-height:30px; text-align:center; font-size:9px; font-weight:400; letter-spacing:0.05em; color:#838383; }
.search_box .inner .btm .s_banner .txt a img {display:inline-block; padding-left:5px; vertical-align:middle;}
/*검색창*/


#headerWrap .btmMenu {clear: both; height: 60px; background:#fff; position:relative;border-bottom: 1px solid #E5E5E5;box-sizing: border-box;}
#headerWrap .btmMenu.fixed{position: fixed; background: #fff; width: 100%; top: 0;  z-index: 1000;}
#headerWrap .btmMenu .rollOver {max-width:1520px; margin:0 auto; }
#headerWrap .btmMenu .rollOver > ul > li {float: left; position: relative;display:inline-block;}
#headerWrap .btmMenu .rollOver > ul.hd_cate_wrap li {}
#headerWrap .btmMenu .rollOver > ul .all_cate_btn {width:20px;line-height:55px}
#headerWrap .btmMenu .rollOver > ul .all_cate_btn .ham {position: relative; width:100%; height:11px; display: inline-block; transition: all .4s; box-sizing: border-box;}
#headerWrap .btmMenu .rollOver > ul .all_cate_btn .ham span {display: inline-block; transition: all .4s; box-sizing: border-box; position:absolute; left:0; width:100%; height:1px; background:#050a05;}
#headerWrap .btmMenu .rollOver > ul .all_cate_btn .ham span:nth-of-type(1) {top: 0;}
#headerWrap .btmMenu .rollOver > ul .all_cate_btn .ham span:nth-of-type(2) {top: 5px;}
#headerWrap .btmMenu .rollOver > ul .all_cate_btn .ham span:nth-of-type(3) {bottom: 0;}

#headerWrap .btmMenu .rollOver > ul .all_cate_btn:hover .ham span:nth-of-type(1) {width:30%;}
#headerWrap .btmMenu .rollOver > ul .all_cate_btn:hover .ham span:nth-of-type(2) {width:50%;}
#headerWrap .btmMenu .rollOver > ul .all_cate_btn:hover .ham span:nth-of-type(3) {width:80%;}

@keyframes active-menu {
  100% {
    height : 0;
  }
}


#headerWrap .btmMenu .rollOver > ul.hd_cate_wrap li {display:inline-block; margin-left:60px; }      /* 상단메뉴바 여백값   초기 margin-left:65.8px;     60px 으로 220926 men추가&reappear삭제 시 수정    세일 시 60px로수정    */
#headerWrap .btmMenu .rollOver > ul.hd_cate_wrap li a {font-size:13px; font-weight:400; color:#505050;  display:inline-block; }
#headerWrap .btmMenu .rollOver > ul.hd_cate_wrap li a img {vertical-align:middle; display:inline-block;}
#headerWrap .btmMenu .rollOver > ul.hd_cate_wrap > li a {line-height:60px}

#headerWrap .btmMenu .all_cate_inner {visibility:hidden; opacity:0; transition:all 0.15s; width:100%; height:auto; padding:44px 0 50px; background:#fff; position:fixed; top:190px; left:0; }
#headerWrap .btmMenu .rollOver > ul .all_cate_btn:hover .all_cate_inner {opacity:1; visibility:visible;border-bottom: 1px solid #E5E5E5;}
#headerWrap .btmMenu .all_cate_inner.cookie {top:152px; }
#headerWrap .btmMenu .all_cate_inner > ul {max-width:1520px; margin:0 auto;}
#headerWrap .btmMenu .all_cate_inner > ul > li {float:left; display:inline-block; width:135px; margin-right:142px; vertical-align:top;}
#headerWrap .btmMenu .all_cate_inner > ul > li:nth-child(6n) {margin-right:0;}
#headerWrap .btmMenu .all_cate_inner > ul > li:nth-child(7) {clear:both;}
#headerWrap .btmMenu .all_cate_inner > ul > li > a {display:block; line-height:1; padding-bottom:7px; border-bottom:1px solid #E5E5E5; font-size:17px; font-family:'Inter'; line-height:1; color:#050a05; font-weight:400}
#headerWrap .btmMenu .all_cate_inner > ul > li.side_menu {padding-top:20px;}
#headerWrap .btmMenu .all_cate_inner > ul > li.side_menu a {font-size:13px; color:#505050;padding:7px 0; }
#headerWrap .btmMenu .all_cate_inner > ul > li.side_menu a:hover {color:#243640;}
#headerWrap .btmMenu .all_cate_inner > ul > li.side_menu a:first-child {padding-top:0;}
#headerWrap .btmMenu .all_cate_inner > ul > li.side_menu a span {font-size:12px; font-family:'Noto Sans KR'; color:#838383; letter-spacing:-0.03em}
#headerWrap .btmMenu .all_cate_inner > ul > li > ul li {padding-top:10px; line-height:1; letter-spacing: -0.2px;}
#headerWrap .btmMenu .all_cate_inner > ul > li > ul li a {display:inline-block; line-heighT:1; font-size:13px; font-weight:400; color:#505050; position:relative;}
#headerWrap .btmMenu .all_cate_inner > ul > li > ul li a::before {content:''; display:block; width:0; height:1px; background:#243640; position:absolute; bottom:0 ; left:0; transition:all 0.4s; }
#headerWrap .btmMenu .all_cate_inner > ul > li > ul li a:hover {color:#243640;}
#headerWrap .btmMenu .all_cate_inner > ul > li > ul li a:hover::before {width:100%;}

#headerWrap .btmMenu .all_cate_inner > ul > li:nth-child(7),
#headerWrap .btmMenu .all_cate_inner > ul > li:nth-child(8),
#headerWrap .btmMenu .all_cate_inner > ul > li:nth-child(9),
#headerWrap .btmMenu .all_cate_inner > ul > li:nth-child(10),
#headerWrap .btmMenu .all_cate_inner > ul > li:nth-child(11),
#headerWrap .btmMenu .all_cate_inner > ul > li:nth-child(12) {margin-top:44px}


#headerWrap .btmMenu .subcate{background:#fff;  position:fixed; top: 190px; left: 0; width:100%; height:auto; opacity:0; visibility:hidden;border-bottom:1px solid #e5e5e5}
#headerWrap .btmMenu .subcate.cookie {top:152px; }
#headerWrap .btmMenu .rollOver ul li:hover .subcate {opacity:1; visibility:visible; }
#headerWrap .btmMenu .subcate .inner {max-width:1520px; width:100%; margin:0 auto; display:table;height:100%;}
#headerWrap .btmMenu .subcate .inner .left {float:left; display:table-cell;vertical-align:top; height:100%;}
#headerWrap .btmMenu .subcate .inner .left > div, #headerWrap .btmMenu .subcate .inner .left > ul { height:100%;min-height: 317px;display:inline-block; vertical-align:top; padding:50px 0 ;} 
#headerWrap .btmMenu .subcate .inner .left > div {width:auto; padding-right:50px; }
#headerWrap .btmMenu .subcate .inner .left > div.cate_name {font-size:32px; font-weight:400;line-heighT:1; color:#838383;}
#headerWrap .btmMenu .subcate .inner .left > div.cate_name.br {line-height:36px;}
#headerWrap .btmMenu .subcate .inner .left > ul { padding-left:50px; border-left:1px solid #EAEAEA;}
#headerWrap .btmMenu .subcate .inner .left > ul li {padding:0; padding-bottom:15px; line-height:1; display:block;}
#headerWrap .btmMenu .subcate .inner .left > ul li a { font-size:16px; font-weight:400; color:#505050; line-height:1; display:inline-block;}
#headerWrap .btmMenu .subcate .inner .right {float:right;display:table-cell;vertical-align:top; padding: 50px 0 50px; height:100%;}
#headerWrap .btmMenu .subcate .inner .right .banner_box a {display:block; } 
#headerWrap .btmMenu .subcate .inner .right .txt {padding-top:15px; position:relative;}
#headerWrap .btmMenu .subcate .inner .right .txt p:first-child {font-size:20px; font-weight:400; color:#505050; letter-spacing:-0.03em; line-heighT:1; padding-bottom:18px; border-bottom:1px solid #E5E5E5; }
#headerWrap .btmMenu .subcate .inner .right .txt p:nth-child(2) {font-size:14px; font-weight:400; color:#838383; line-height:1.4; letter-spacing:-0.03em; padding-top:17px;}
#headerWrap .btmMenu .subcate .inner .right .txt p.read {position:absolute; right:0; top:74px; font-size:12px; font-weight:400; color:#50696f; line-heighT:1; letter-spacing:0.05em; }
#headerWrap .btmMenu .subcate .inner .right .txt p.read img {display:inline-block; padding-left:5px; vertical-align:middle; margin-top:-1px;}

#scroll-right {position: fixed; z-index: 80;  bottom: 40px;  right: 130px; height: auto; width: 50px; text-align: center; display: none;}
#scroll-right ul {height:100%; width:100%; display:block;}
#scroll-right ul li {height:7px; width:100%; padding:18px 0 22px; background:#fff; position:relative; cursor:pointer; margin-bottom:5px;  border:1px solid #E5E5E5; border-radius:3px; }
#scroll-right ul li a {display:block; height:18px; }
#scroll-right ul li.scroll_cart {transition:all 0.4s; background:#243640; border-color:#243640; padding:16px 0;height: 18px;}
#scroll-right ul li.scroll_cart:hover {background:#50696F; border-color:#50696F; }
#scroll-right ul li:last-child {margin:0;}


/** 공통 상품폼 영역 **/

.item-wrap .item-cont{
    font-size: 0;
}

.item-wrap .item-cont .normal_item{
    width: 298px;
    margin-right: 19px;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}

.item-wrap .item-cont .normal_item:hover .prod_thumb img{
/*
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transform: -webkit-scale(1.1);
*/
}

.item-wrap .item-cont .normal_item:nth-child(4n){
    margin-right: 0px;
}

.item-wrap .item-cont .normal_item > a{
    display: block;
}

.item-wrap .item-cont .normal_item .prod_thumb{
    margin-bottom: 15px;
    overflow: hidden;
}

.item-wrap .item-cont .normal_item .prod_thumb img{
    width: 100%;
}


.item-wrap .item-cont .normal_item .prod_subname{
    color: #929292;
    font-size: 12px;
    line-height: 18px;
}

.item-wrap .item-cont .normal_item .prod_etc{
    margin-bottom: 10px;
    font-size: 12px;
    color: #b35e64;
}

.item-wrap .item-cont .normal_item .prod_name,
.item-wrap .item-cont .normal_item .prod_price{
    margin-bottom: 10px;
    color: #474747;
    font-size: 12px;
}

.item-wrap .item-cont .normal_item .prod_price{
    /*border-bottom: solid 1px #eaeaea;*/
    padding-bottom: 10px;
}

.item-wrap .item-cont .normal_item .prod_price strike{
    color: #999;
}


/* 현재위치 */

.loc-navi {
    text-align: right;
    width: 1150px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 50px;
}

.loc-navi>ul {
    text-align: right;
    float: right;
}

.loc-navi,
.loc-navi a {
    text-transform: capitalize;
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 300;
    font-family: "Dotum", "돋음";
}

.loc-navi a:first-child {
    display: inline-block;
    display: inline;
    width: 11px;
    height: 11px;
    background: url(/design/hanstyle/wib/img/common/home_icon.gif) no-repeat 0 1px;
    font-size: 0px;
}

.loc-navi img {
    display: none;
}


/* QnA 게시판 공통상단 */
.qna_box {border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.qna_box > a{display:block; float:left; width:25%; height:195px; text-align: center; padding: 49px 0; border-left:1px solid #ededed;box-sizing: border-box;}
.qna_box > a .box_t {font-size:17px; color:#222; font-weight:600;}
.qna_box > a:nth-child(1) > .box_t,.qna_box > a:nth-child(3) > .box_t {margin-bottom:31px;}
.qna_box > a:nth-child(2) > .box_t,.qna_box > a:nth-child(4) > .box_t {margin-bottom:25px;}
.qna_box > a:nth-child(4) {border-right:1px solid #ededed;}
.qna_box > a:hover {background:#f6f6f6;}
.qna_bottom {margin-bottom:90px;}
.qna_bottom > div {padding: 52px 53px; height:71px;}
.qna_bottom .left {float:left;}
.qna_bottom .right {float:right;}
.qna_bottom .icon {width:59px; height:59px; line-height:59px; background:#222; text-align:center; float:left; margin-right:23px;}
.qna_bottom .icon img {vertical-align:middle;}
.qna_bottom .txt {float:left; width:279px;}
.qna_bottom .txt .num {font-size:24px; font-weight:bold; color:#222; margin-bottom:8px;}
.qna_bottom .txt .cont {font-size:14px; color:#202020; line-height:23px;}
.qna_bottom .txt .cont b {font-weight:600;}
.qna_bottom .txt .addr {font-size:14px; color:#222; font-weight:bold; margin-bottom:14px;}
.page_tit_wrap {text-align: center; margin-bottom: 47px;}
.page_tit_wrap h2 {margin-bottom: 19px; color: #2d2d2d;font-size: 20px; font-weight:600;}
.page_tit_wrap .sub_t {font-size: 14px; color: #2f2f2f;line-height: 22px;}


/*Pooky 커뮤니티 공통 팝업*/
#pooky_community_pop{
    display:inline-block; vertical-align:top; width:260px; 
}
#pooky_community_pop .title{
    font-family: 'Crimson Text', serif;
    font-size: 30px;
    margin-bottom: 40px;
}
#pooky_community_pop ul{font-size:0; line-heighT:1}
#pooky_community_pop ul li{
    margin-bottom: 20px;
}
#pooky_community_pop ul li:last-child{margin:0; }
#pooky_community_pop ul li a{
    font-size: 16px;line-height:1; 
    color: #838383;
    font-weight: 400; display:inline-block; 
}
#pooky_community_pop ul li.active a{
    color: #2C2C2C;
    text-decoration: underline;
}

/*Pooky 마이페이지 공통 팝업*/

#pooky_mypage_pop{
    display:inline-block; vertical-align:top; width:260px; 
}
#pooky_mypage_pop .title{
    font-family: 'Crimson Text', serif;
    font-size: 35px;
    margin-bottom: 40px;
    color: #2C2C2C;
}
#pooky_mypage_pop .section{
    margin-bottom: 60px;
}
#pooky_mypage_pop .section .sub_title{
    color: #2C2C2C;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 25px;
}
#pooky_mypage_pop .section ul{font-size:0; line-height:1; }
#pooky_mypage_pop .section ul li{    line-height: 1;
    margin-bottom: 20px;
}
#pooky_mypage_pop .section ul li:last-child{margin:0; }
#pooky_mypage_pop .section ul li a{
    font-size: 16px;
    color: #838383;
    font-weight: 400;
}
#pooky_mypage_pop .section ul li.active a{
    color: #2C2C2C;
    text-decoration: underline;
}
#pooky_page{
    text-align: center;
    margin: 75px 0 40px;
}
#pooky_page a{
        margin: 0 -2px;
    font-size: 15px;
    color: #838383;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    padding: 0;
    text-decoration: none;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
#pooky_page a.now{
        color: #2C2C2C;
    font-weight: 600;
}
#pooky_page a.first{
    background-image: url(/design/hanstyle/wib/Pooky/first_icon01.png);
}
#pooky_page a.prev{ background-image: url(/design/hanstyle/wib/Pooky/prev_icon01.png);}
#pooky_page a.next{ background-image: url(/design/hanstyle/wib/Pooky/next_icon01.png);}
#pooky_page a.last{ background-image: url(/design/hanstyle/wib/Pooky/last_icon01.png);}
#pooky_page a.now{
        color: #2C2C2C;
    font-weight: 600;
}

#pooky_page a.now:after{
    content: "";
    height: 2px;
    width: 14px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -7px;
    background-color: #2C2C2C;
}
/* BASIC css end */
/* BASIC css end */


/* 230104 */
@media screen and (max-width:1600px){
    #headerWrap .wibHeader,
    #headerWrap .btmMenu .subcate .inner {padding:0 20px; box-sizing:border-box;}
    #headerWrap .btmMenu {padding-left:60px;}
    #headerWrap .btmMenu .rollOver > ul.hd_cate_wrap li {margin-left: 40px;}
    #headerWrap .btmMenu .all_cate_inner {padding-left:20px; box-sizing:border-box;}
    #headerWrap .btmMenu .all_cate_inner > ul > li {margin-right:80px;}
}

/* 230118 */
@media screen and (max-width:1320px){
    #headerWrap .btmMenu.fixed {overflow:hidden;}
    #headerWrap .btmMenu.fixed .rollOver > ul.hd_cate_wrap li {margin-left:25px;}
}
/* BASIC css end */