/* BASIC css start */
#preview_wrap{display:none!important;}

/* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

/* font-family: 'Noto Sans KR', sans-serif; 
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/

/* font-family: 'Quattrocento Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700');

/*** 공통 css ***/
.inner{width:1275px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
#blk_scroll_wings{ z-index: 999999!important;}


/*** top ***/
#hder-wrap{margin-bottom:17px;}

/* 최상단 띠배너 */
.top-outwrap01{position:relative; z-index:1; width:100%; height:51px; overflow:hidden;}
.top-outwrap01 .top-ban{position:absolute; top:0px; left:50%; width:2000px; margin-left:-1000px; z-index:2;}
.top-outwrap01 .top-close{position:absolute; top:27px; right:55px; z-index:3; cursor:pointer;}

/* .hder-box01 */ 
.hder-box01 {width:100%; /*max-width:1500px; min-width:1350px;*/ margin:0 auto; padding:10px 230px 13px; box-sizing:border-box; background: #f6eae5; }
.hder-box01 .fr > ul > li{float:left; position:relative; z-index:11; margin-left:13px; text-align:center;}
.hder-box01 .fr > ul > li .kor {display:none;}
.hder-box01 .fr > ul > li:hover .eng {display:none;}
.hder-box01 .fr > ul > li:hover .kor {display:inline-block;}
.hder-box01 .fr > ul > li.joinm {width:50px; margin-left:15px;} 
.hder-box01 .fr > ul > li.mypage {width:80px;} 
.hder-box01 .fr > ul > li.cscenter {width:90px;} 
.hder-box01 .fr > ul > li.community {width:90px;} 
.hder-box01 .fr > ul > li.info_mdf {width:50px; margin-left:17px;}
.hder-box01 .fr > ul > li a {font-family: 'Dotum','돋움',sans-serif;}

.hder-box01 .favor a{padding-left:12px; color:#616161; font-size:12px; background:url('/design/midasb/wib/basic/fav_icon.png') no-repeat 0 5px;}
.hder-box01 .sbox{position:absolute; top:14px; left:50%; z-index:3; padding-top:9px; width:112px; margin-left:-60px; display:none;}
.hder-box01 .sbox div{border:1px solid #e0e0e0; width:92px; padding:8px; margin:0 auto; background:#ffffff;}
.hder-box01 .sbox div ul li a{font-size:11px; color:#4b4b4b; line-height:22px; padding-bottom:1px;}
.hder-box01 .sbox div ul li a:hover{border-bottom:1px solid #777777; }
.hder-box01 .joinm{position:relative; z-index:1;}
.hder-box01 .joinm span.gif{display:block; position:absolute; top:35px; left:-30px; z-index:3;}

/* .hder-box02 */ 
.hder-box02{text-align:center; position:relative; z-index:1; margin: 78px auto 50px; height:35px; width:100%; max-width:1500px; min-width:1350px;}
.hder-box02 .leftmenu{position:absolute; top:13px; left:30px; z-index:2;}
.hder-box02 .leftmenu a{font-family: 'Roboto', sans-serif; font-size:14px; color:#1f1f1f; font-weight:600; padding:0px 20px; background:url('/design/midasb/wib/basic/menuline.gif') no-repeat 0 center; vertical-align:baseline;}
.hder-box02 .leftmenu ul{font-size:0px; letter-spacing:0px;}
.hder-box02 .leftmenu ul li{display:inline-block;}
.hder-box02 .leftmenu ul li:first-child a{padding-left:0px; background:none;}
.hder-box02 .rightsc{position:absolute; top:0px; right:30px; z-index:4;}
.hder-box02 .rightsc .scwrap{background:#f4f4f4; padding:8px; margin-right:14px; background:url('/design/midasb/wib/basic/search_bg.jpg') no-repeat; width: 245px; height: 40px;}
.hder-box02 .rightsc .scwrap .MS_search_word{background:none; border:0px; width:170px;}
.hder-box02 .rightsc > div{float:left; position: relative; margin-left: -15px;}
.hder-box02 .rightsc .cart-cnt a{display:block; background:url('/design/midasb/wib/basic/cart_1.png') no-repeat 0 0px; line-height:3.33em; overflow:hidden; color:#373737; font-size:12px; width: 45px; height: 45px}
.hder-box02 .rightsc .cart-cnt a span{float: left; margin-left: 13px; font-size: 13px; line-height: 37px;}

/* .hder-box03 */ 
.hder-box03{min-height:63px;}
.hder-fix{height:63px; width:100%; z-index:11; background:url('/design/midasb/wib/basic/top_bg.png') repeat 0 0; transition: box-shadow 1s ease; -webkit-transition: box-shadow 1s ease;}
.hder-fix.onz {background: #f6eae5;}
.hder-fix > div.inner{position:relative; z-index:2; max-width:1500px; min-width:1350px; width:100%; box-sizing:border-box; text-align:center; font-size:0;}
.hder-fix .inner > div{display:inline-block; vertical-align:top;}
.hder-fix .eukrmenu {max-width:calc(100% - 29px);}
.hder-fix .eukrmenu ul{font-size:0px; letter-spacing:0px; }
.hder-fix .eukrmenu ul li{display:inline-block; vertical-align:top; /*min-width:87px;*/ min-width:76px;}
.hder-fix .eukrmenu ul li.line {min-width: inherit; margin: 0 12px 0 0;}
.hder-fix .eukrmenu ul li.short {min-width:67px;}
.hder-fix .eukrmenu ul li.long {min-width:100px;}
.hder-fix .eukrmenu ul li.long2 {min-width:115px;}
.hder-fix .eukrmenu ul li.m-left {min-width:105px;}
.hder-fix .eukrmenu ul li a{display:block; width:100% !important; height:63px; line-height:63px; overflow:hidden; color:#1f1f1f; font-size:12px; white-space:nowrap; /*padding:0px 23px;*/ text-align:center;}
.hder-fix .eukrmenu ul li a b {font-weight: 400;}
.hder-fix .eukrmenu ul li a img {vertical-align: middle; padding-left: 5px;}
.hder-fix .eukrmenu ul li .kr{display:none;}
.hder-fix .eukrmenu ul li .kr{font-family:'Malgun Gothic','맑은 고딕', sans-serif;}
/*.hder-fix .eukrmenu ul li .eu{font-family:'Roboto', sans-serif;}*/
.hder-fix .eukrmenu ul li a:hover .kr{display:block!important; letter-spacing:-1px;}
.hder-fix .eukrmenu ul li a:hover .eu{display:none!important;}
.hder-fix .allmenu-outwrap > a{font-size:0px; display:block; width:29px; height:63px; background:url('/design/midasb/wib/basic/allmenu.jpg') no-repeat 0 27px; overflow:hidden;}
.hder-fix .allmenu-wrap{position:absolute; top:38px; left:0px; z-index:10; width:100%; padding-top:12px; display:none;}
.hder-fix .allmenu-wrap .allmenu{background:url('/design/midasb/wib/basic/top_bg.png') repeat 0 0; width:100%; padding:38px 0px 40px; border:1px solid #e0e0e0; box-sizing:border-box;}
.hder-fix .allmenu-wrap .allmenu > div{float:left; width:158px; height:397px; box-sizing:border-box; padding-left:27px; border-left:1px solid #e5e5e5; text-align:left;}
.hder-fix .allmenu-wrap .allmenu > div:first-child{border-left:0px;}
.hder-fix .allmenu-wrap .allmenu > div > div:first-child{height:150px;}
.hder-fix .allmenu-wrap .allmenu p{margin-bottom:10px;}
.hder-fix .allmenu-wrap .allmenu p a{font-size:13px; color:#2b2b2b; font-weight:bold;}
.hder-fix .allmenu-wrap .allmenu ul li{line-height:23px;}
.hder-fix .allmenu-wrap .allmenu ul li a{font-size:13px; color:#4b4b4b;}
.hder-fix.onz{box-shadow:0 3px 4px rgba(144, 144, 144, 0.15); }

/* btm-menu */
.hder-box04 {border-top:1px solid #e0e0e0;}
.btm-menu{ text-align:center; background:#fff; max-width: 1310px; margin:0 auto; overflow: hidden;}
.btm-menu ul{font-size:0; display: inline-block;}
.btm-menu ul li{display:inline-block; vertical-align:top;}
.btm-menu ul li a{display:block; font-size:12px; color:#616161; padding:0 22px; line-height:55px;}
.btm-menu ul.btm-left {float: left;}
.btm-menu ul.btm-right {float: right;}
.btm-menu ul.btm-right li:last-child a {padding-right: 0;}

/* right fix menu */
.right-fixmenu{position:fixed; top:0px; bottom:0px; right:-199px; z-index:11; background:#ffffff; width:199px; border-left:1px solid #e0e0e0; box-shadow: -2px 0px 4px rgba(144, 144, 144, 0.15);}
.right-fixmenu .fix-btz{position:absolute; top:40%; left:-38px; z-index:5; box-shadow: -2px 0px 4px rgba(144, 144, 144, 0.15);}
.right-fixmenu .fix-btz li{position:relative; z-index:1;}
.right-fixmenu .fix-btz p{position:absolute; z-index:5; top:6px; right:-500px; height:25px; line-height:25px; padding:0 10px; border:1px solid #ddd; background: #fff; color: #333; text-align:center; font-size:12px; opacity:0; transition:opacity .2s, right .2s .4s ease; -webkit-transition:opacity .2s, right .2s .4s ease; width:60px;}
.right-fixmenu .fix-btz li:hover p{display:block; right:45px; opacity:1; transition:opacity .2s ease; -webkit-transition:opacity .2s ease; }

.right-fixmenu .fixmenu{width:130px; margin:30% auto 0;}
.right-fixmenu .fixmenu .fixm{margin-bottom:35px;}
.right-fixmenu .fixmenu .fixm p {margin-bottom:10px;}
.right-fixmenu .fixmenu .fixm p a{font-size:13px; color:#0a0a0a; font-weight:700;}
.right-fixmenu .fixmenu .fixm ul li a{font-size:12px; color:#555555; line-height:23px; }
.right-fixmenu .fixmenu .fixm ul li{font-size:12px; color:#555555; line-height:20px; }

/* today */
.today{position:relative; z-index:1;}
.today p{margin-bottom:10px;}
.today p a{font-size:13px; color:#0a0a0a; font-weight:700; }
.today span{position:absolute; z-index:3;}
.today span.todaynv_next{top:5px; right:0px; cursor:pointer;}
.today span.todaynv_prev{top:5px; right:13px; cursor:pointer;}


/* 기본상품 폼 */
.cutwrap{width:1275px; margin: 0 auto; overflow:hidden;}
.cutwrap h2{font-family: 'Roboto', sans-serif; font-size:17px; color:#2e2e2e; font-weight:700; text-align:center; margin:0 auto;}
.item-boxwrap{font-size:0px; letter-spacing:0px; width:105%; margin-top:30px;}
.item-boxwrap .normal-item{display:inline-block; zoom:1; *display:inline; _display:block; font-size:12px; vertical-align:top; /*width:calc(25% - 46px); margin-right:40px;*/ width:300px; margin-right:25px; margin-bottom:39px; font-size:12px; color:#5f5f5f;}

/*
.item-boxwrap .normal-item font,
.wear .wear-prd .prod-body font {display:none;}
.item-boxwrap .normal-item .new-color,
.wear .wear-prd .prod-body .new-color {width: 17px; height:7px; display: inline-block !important;}
*/
.item-boxwrap .prod-thumb{margin-bottom:11px;}
.item-boxwrap .prod-thumb img{width:100%;}
.item-boxwrap .prod-name{margin-bottom:5px; margin-top:2px; font-weight: bold; /*font-size:14px; color:#000;*/}
.item-boxwrap .prod-name a{font-size:12px; color:#1f1f1f;}
.item-boxwrap .prod-name .sold-prodiconz{color:red!important;}
/*.item-boxwrap .prod-subname {color:#959796; font-size:13px;}*/
.item-boxwrap .review-cut{margin-top:2px; /*font-size:13px; color:#959796;*/}
.item-boxwrap .prod-price{margin-top:2px;}
.item-boxwrap .prod-price span{display:block; color:#000; margin-top:1px; /*font-size:13px;*/}
.item-boxwrap .prod-price span strike{color:#5f5f5f;}
.item-boxwrap .prod-price span:nth-child(2){font-weight: bold;}

/* 문의관련 게시판 상단 메뉴 임시 css */
.qna-atvmanu{margin-bottom:50px;}
.qna-atvmanu ul {font-size:0px; text-align:center;}
.qna-atvmanu ul li{display:inline-block; zoom:1; _display:inline; *display:inline; margin:0px 15px;}
.qna-atvmanu ul li a:hover{color:#000000;}


/* 170809 위브 리뉴얼 추가스타일 */

/* 커뮤니티 게시판 상단 메뉴 */
.cmt-atvmanu{
    margin-bottom:50px;
    overflow: hidden;
}
.cmt-atvmanu ul {
    font-size:0px; 
    text-align:center;
}

.cmt-atvmanu ul li{
    float: left;
    border: 1px solid #e2e2e2;
    border-bottom: 1px solid #3b3b3b;
    background: #fafafa;
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #232323;
    font-size: 13px;
    width: 19.89%;
    cursor: pointer;
    margin-left: -1px;
}
.cmt-atvmanu ul li:nth-child(1){
    margin-left: 0px;
}
.cmt-atvmanu ul li a{
    color: #232323;
    display: block;
    height: 100%;
    line-height: 47px;
}

/* 개별페이지 컨텐츠 여백 */
.etc_img_wrap{
    padding-top: 40px;
}


/* 갤러리게시판 공통 */
.table-gallery .bbs-table-list thead,
.table-gallery .bbs-sch{
    display: none;
}

#bbsData .bbs-sch input[type=text]{
    height: 21px!important;
}


/* 고객센터 공통상단 메뉴*/
.cs_menu_wrap{
    overflow: hidden;
    border: 1px solid rgb(229, 229, 229);
    margin-bottom: 50px;
    font-size:0;
}
.cs_menu_wrap .leftcs_wrap{
    /*float: left;*/
    display: inline-block;
    vertical-align:middle;
    padding: 30px 75px;
    width: 274px;
}
.cs_menu_wrap .leftcs_wrap .cs_tit{
    text-align: center;
    float: left;
    margin-top: 20px;
}
.cs_menu_wrap .leftcs_wrap .cs_tit span{
    color: #393939;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}
.cs_menu_wrap .leftcs_wrap .text_wrap{
    float: right;
}
.cs_menu_wrap .leftcs_wrap .text_wrap .text01{
    color: #333333;
    font-size: 15px;
}
.cs_menu_wrap .leftcs_wrap .text_wrap .text02{
    font-size: 24px;
    font-weight: bold;
    color: #303030;
    padding: 5px 0;
}
.cs_menu_wrap .leftcs_wrap .text_wrap .text03{
    color: #676767;
    font-size: 13px;
    line-height: 16px;
}
.cs_menu_wrap .rightcs_wrap{
    /*float: left;*/
    display: inline-block;
    vertical-align:middle;
    padding: 30px;
    background: #fafafa;
    width:calc(100% - 425px);
    box-sizing:border-box;
    border-left: 1px solid rgb(229, 229, 229);
}
.cs_menu_wrap .rightcs_wrap > a{
    width: 118px;
    height: 118px;
    float: left;
    display: block;
    margin-right: 15px;
    position: relative;
}
.cs_menu_wrap .rightcs_wrap > a > img{
    position: absolute;
}
.cs_menu_wrap .rightcs_wrap > a > img.off_menu{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    z-index: 1;
}
.cs_menu_wrap .rightcs_wrap > a:hover img.off_menu{
    opacity: 0;
}
.cs_menu_wrap .rightcs_wrap > a:nth-child(6){
    margin-right: 0px;
}

.cs_menu_wrap .rightcs_wrap .vip_ban{
    display:block ! important;
    width:100%;
    height:55px;
    margin-right:0;
    margin-top:18px;
}


/* .navi */
.navi p { text-align: right; }

.navi_wrap{
    overflow: hidden;
}
.navi_wrap ul {
    float: right;
}
.navi_wrap ul li{
    float: left;
    margin-right: 5px;
}
.navi_wrap ul li a{
    color: #7e7e7e;
    font-size: 12px;
}
.navi_wrap ul li a img{
    padding-top: 2px;
}
.navi_wrap ul li:last-child a{
    color: #2e2e2e;
}

/* .common title */
.common_pro_tit{
    color: #2e2e2e;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 75px;
    margin-top: 45px;
}


/* 로그인페이지 */

.login_tit_wrap p{
    color: #8f8f91!important;
}

.login_img_wrap{
    display: block;
    margin-top: 95px;
}
#simpleLogin{
    margin-top: 30px;
}

#loginWrap02 .mlog .login_bt01{
    display: block;
    width: 358px;
    height: 44px;
    line-height: 3.222;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    background: #303030!important;
    border: 1px solid #303030!important;
}
#loginWrap02 .sign .login_bt02 a{
font-weight: bold;
    display: block;
    width: 358px;
    height: 44px;
    line-height: 3.222;
    text-align: center;
    font-size: 13px;
    color: #151515;
    background: #fafafa!important;
    border: 1px solid #d8d8d8;
}


/* 기본페이지 공통버튼 */
.btn_orange{
    width: 138px;
    height: 46px;
    background: #303030;
    color: #fff;
    display: inline-block;
    line-height: 46px;
    font-size: 13px;
    vertical-align: top;
    text-align: center;
    margin: 8px 0 50px;
}

.btn_white{
    background: #fafafa;
    color: #393939;
    width: 138px;
    height: 46px;
    display: inline-block;
    line-height: 46px;
    font-size: 13px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    margin: 8px 0 50px;
    vertical-align: top;
    text-align: center;
}

.btn_white_s{
    background: #fff;
    color: #9a9a9a;
    padding: 5px 15px;
    text-align: center;
    width: auto;
    font-size: 12px;
    border: solid 1px #d8d8d8;
}

.btn_dgray_xs{
    background: #979696;
    color: #fff;
    padding: 4px 11px;
    text-align: center;
    width: auto;
    font-size: 11px;
}
.btn_white_xs{
    background: #fff;
    color: #808080;
    padding: 4px 10px;
    text-align: center;
    width: auto;
    font-size: 12px;
    border: solid 1px #d8d8d8;
}
.btn_mgray_xs{
    background: #fafafa;
    color: #808080;
    padding: 0px 10px;
    text-align: center;
    width: auto;
    font-size: 12px;
    border: solid 1px #d8d8d8;
}


.btn_dgray_xs_file{
    color: #fff;
    text-align: center;
    width: auto;
    font-size: 12px;
    font-weight: 200;
    display: inline-block;
    margin-left: 5px;
    background: #979696;
    width: 67px;
    height: 30px;
    padding: 0;
    line-height: 30px;
}

.btn_dgray_bbs_com{
    color: #fff;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    background: #979696;
    width: 130px;
    height: 60px;
    font-size: 12px;
}

.btn_borad_pass_white{
    background: #fafafa;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    color: #393939;
    text-align: center;
    width: 81px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    display: inline-block;
    margin: 0 2px;
}
.btn_borad_pass_black{
    background: #303030;
    color: #fff;
    text-align: center;
    width: 81px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    display: inline-block;
    margin: 0 2px;
}

#personInfo .overlap_btn{
    background: #a5a5a5!important;
    vertical-align: middle!important;
    color: #fff!important;
    line-height: 29px!important;
    margin-left: 0px!important;
}


/* 공통 텍스트컬러 */

.black_color{
    color: #000!important;
}
.orange_color {
    color: #f38022!important;
}


/* 기본페이지 공통 서브타이틀 */
.basic-sub-title{
    margin-top: 30px!important;
    font-size: 15px!important;
    color: #111111!important;
    font-weight: normal!important;
}
.basic-sub-title-right{
    text-align: right;
    margin-top: -18px;
}
.title-bleat{
    color: #e9812c;
    vertical-align: middle;
    padding-right: 5px;
}
.common_pro_tit{
    font-size: 20px!important;
}


/* 공통숨김처리 */
.display_none{ display: none!important;}


/* 게시판 타입 - 보기 */

.bbs-table-view {
    margin-top: 10px;
}

.bbs-table-view thead th,
.bbs-table-view tbody td {
    padding: 12px 0!important;
}

.bbs-table-view thead th {
    color: #5b5b5b!important;
    font-weight: bold;
    font-size: 12px!important;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    font-weight: bold!important;
}
.bbs-table-view thead th .view-subject{
    font-size: 0;
}
.bbs-table-view tbody td.line {
    background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;
}

.bbs-table-view .btn-dwn {
    margin-top: 15px;
}

.bbs-table-view thead th .view-subject,
.bbs-table-view tbody td .view-subject {
    padding-left: 30px;
    padding-right: 50px;
}

.bbs-table-view .data-bd-cont {
    padding: 20px 30px 40px 30px!important;
}

.bbs-table-view .con-link-list {
    width: 260px;
    float: right;
}

.bbs-table-view .view-link {
    margin: 20px 0 20px 0;
}

.bbs-table-view .view-link .bbs-link {
    float: left;
}

.bbs-table-view .view-link .bbs-link.con-link {
    position: absolute;
    right: 0;
    left: auto;
}

.bbs-table-view .com-wrt-box label {
    text-align: left;
    text-indent: 20px;
    width: 100px;
    text-indent: 35px;
}

.bbs-table-view .com-wrt-box .wrt {
    border-top: none;
}

.bbs-table-view .com-wrt-box .wrt span {
    width: 170px;
}

.bbs-table-view .com-wrt-box .wrt .input-style {
    border: none;
    height: 26px!important;
}

.bbs-table-view .wrt textarea {
    border: 1px solid #e2e2e2;
    width: 60%;
    padding: 0px;
    height: 60px;
    box-sizing: border-box;
    margin-right: 10px;
}

.bbs-table-view tbody td.com-wrt-box {
    padding: 10px 0 20px!important;
}

.bbs-table-view .comment-box {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}


/* 게시판 타입 - 쓰기 */

.bbs-table-write {
    margin-top: 10px;
}

.bbs-table-write tbody th {
    background: #fff!important;
}

.bbs-table-write tbody th,
.bbs-table-write tbody td {
    padding: 6px 0;
    border-top: 1px solid #acacac!important;
    border-bottom: 1px solid #e5e5e5;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 11px;
}

.bbs-table-write tbody th div {
    font-size: 12px!important;
}
.bbs-table-write textarea{
    width: 984px!important;
}
.bbs-table-write .input_style2{
    width: 670px!important;
}
#bbsData .bbs-table-write .bbs-link-btm {
    text-align: center;
    margin-top: 25px;
}


/* 게시판 타입 - 비밀번호찾기 */

.bbs-table-pwd {
    width: 340px;
    height: 150px;
    border: 1px solid #e5e5e5;
    margin: 0 auto;
    padding: 15px 0;
    border-top: solid 1px #a0a0a0;
}
.bbs-table-pwd table { 
    width:260px; 
    margin-left:auto;
    margin-right:auto;
}
.bbs-table-pwd tbody th{
    background: none!important;
    color: #8b8b8b!important;
}
.bbs-table-pwd tbody th, 
.bbs-table-pwd tbody td{
    border: none!important;
}
.bbs-table-pwd .notice_wrap{
    color: #8b8b8b;
    font-size: 11px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    border-top: solid 1px #eaeaea;
    width: 276px;
    padding-top: 10px;
}
.bbs-table-pwd .pwd-link{
    margin-top: 8px;
}

.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td {
    padding: 6px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #9d9d9d;
    font-weight: normal;
    font-size: 11px;
}


.cont-sub-des {
    position: relative;
}

.cont-sub-des span {
    margin-right: 30px;
    color: #555;
}

.cont-sub-des span em {
    font-size: 12px;
    color: #5b5b5b;
}

.cont-sub-des .hit {
    position: absolute;
    top: 0px;
    right: 30px;
    border-left: solid 1px #e2e2e2;
}

.cont-sub-des .hit span {
    margin-left: 20px;
    margin-right: 0;
}


/* 마이페이지 공통 */

.mayp_subtit{
    border-bottom: 1px solid #cac9c9;
    padding-bottom: 10px;
    line-height: 20px;
    margin-bottom: 40px;
}
.mayp_maintit{
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

/** 로그인 팝업창 **/
.W .overlay{ width: 100%;height: 100%;background: #000; position: fixed;top: 0;left: 0;z-index: 99; visibility: hidden; opacity: 0;}
.login_pop_wrap.onclick .overlay{opacity: 0.25; visibility: visible;}
.login_pop_wrap .login_pop{width: 930px; height: 592px;  position: fixed; z-index: 100;background: #fff;left: 50%; margin-left: -477.5px; top: 20%; font-size: 0px;border: solid 1px #dadada; box-sizing: border-box; visibility: hidden; opacity: 0;}
.login_pop_wrap.onclick .login_pop{visibility: visible; opacity: 1;}
.login_pop_wrap .login_pop .login_box{ display: inline-block; vertical-align: top; text-align:left;}
.login_pop_wrap .login_pop .login_box.lbox1 {padding: 0 56px 0px 56px; width: calc(50% - 46px);width: -webkit-calc(50% - 46px); margin-top: 60px;}
.login_pop_wrap .login_pop .login_box.lbox2 {width: 35%; padding: 58px 0 0 33px;}
.login_pop_wrap #loginWrap02 .mlog-sign .mlog,
.login_pop_wrap #loginWrap02 .login_bt01,
.login_pop_wrap #loginWrap02 .frm-list li .txt-frm,
.login_pop_wrap #loginWrap02 .frm-list li input{ width: 372px; margin:0 auto;}
.login_pop_wrap #loginWrap02 .mlog-sign .mlog,
.login_pop_wrap #loginWrap02 .mlog-sign .sign,
.login_pop_wrap #simpleLogin,
.login_pop_wrap #simpleLogin .sns-login02 {float: none;padding: 0px;border: none;}
.login_pop_wrap #loginWrap02 .login_tit_wrap {position:relative;}
.login_pop_wrap #loginWrap02 h2.login_tit {font-weight: 700; font-size: 20px; color:#292929; font-family:'Lato'; margin-bottom: 18px; display: inline-block; text-align: left !important;}
.login_pop_wrap #loginWrap02 .login_tit_wrap .security {font-size:11px; color:#8f8f91; position:absolute; bottom:0; right:0; margin-bottom:6px;}
.login_pop_wrap #loginWrap02 h2.login_sub_tit{font-weight: 800; color:#292929; font-family:'Lato'; font-size:14px; padding-left: 21px;}
.login_pop_wrap #loginWrap02 .frm-list li {margin-bottom:5px;}
.login_pop_wrap #loginWrap02 .frm-list li input {height:40px; line-height:40px; text-indent:11px; border:1px solid #ddd; font-size: 11px;}
.login_pop_wrap #loginWrap02 .find_wrap {margin-top:10px; text-align:right;}
.login_pop_wrap #loginWrap02 .find_wrap a {color:#8f8f91; font-size:11px;}
.login_pop_wrap #loginWrap02 .login_bt01 {height:45px; line-height:45px; background:#322f31; display:block; text-align:center;font-size:13px; color:#fff;}
.login_pop_wrap #loginWrap02 .login_bt02 {height:45px; line-height:45px; background:#fafafa; border: 1px solid #d8d8d8; font-weight: bold; display:block; text-align:center;font-size:13px; color:#151515; width: 372px; margin: 0 auto;}
.login_pop_wrap #loginWrap02 .login_bt03 {height:45px; line-height:45px; background:#fff; display:block; text-align:center;font-size:14px; color:#626262; border:1px solid #828282; box-sizing:border-box;}
.login_pop_wrap .login_pop .login_box#loginWrap02{border-right: solid 1px #dadada;}
.login_pop_wrap #simpleLogin .sns-login02 a {position: relative; display:inline-block; width:calc(33.33% - 6px); box-sizing:border-box; font-size:14px; text-align:center; background:#fafafa; height:35px; line-height:35px; padding-left: 30px; font-weight: 700;}
.login_pop_wrap #simpleLogin .sns-login02 a img {position: absolute; top: -15px; left: -1px; padding: 14px 5px 0 0;}
.login_pop_wrap #simpleLogin .sns-login02 a.sns-f {border:1px solid #4765ab; color:#4765ab;}
.login_pop_wrap #simpleLogin .sns-login02 a.sns-n {border:1px solid #44a332; color:#44a332; margin:0 9px;}
.login_pop_wrap #simpleLogin .sns-login02 a.sns-k {border:1px solid #fee600; color:#402d33;}
.login_pop_wrap #loginWrap02 .mlog-sign .sign{margin-top: 20px; margin-bottom: 32px;}
.login_pop_wrap .login_close_btn{position: absolute;top: -1px;right: -1px;cursor: pointer;}
.login_pop_wrap #loginWrap02 .sign p{font-size: 12px; color:#8f8f91;margin-bottom:10px; padding-left: 21px; font-weight: 700;}
.login_pop_wrap #loginWrap02 .sign p span {color:#c75769;}
.login_pop_wrap .login_box.lbox2 h2.login_tit2{font-size:20px; color:#4d4d4d; font-family:'Lato'; font-weight:bold; margin-bottom:10px; text-align: center;}
.login_pop_wrap .login_box.lbox2 p {font-size:13px; color:#797979; font-weight: 800;}
.login_pop_wrap .benefit-img > ul{font-size: 0; text-align: center;}
.login_pop_wrap .benefit-img > ul li{display: inline-block; vertical-align: top; width: 50%;}
.login_pop_wrap .benefit-img > ul li img{ width: 53px; height: 43px; padding: 40px 0 15px;}
.login_pop_wrap .sns-login02 > p{font-size: 12px; color: #8f8f91; padding: 0 0 15px 21px; font-weight: 700;}
.login_pop_wrap .benefit-txt > p span{color: #323131;}
.login_pop_wrap .sns-login02 > div{width: 372px; margin: 0 auto;}
.login_pop_wrap .box_bot_text img{width: 4px; height: 3px; margin-top: 4px;}
.login_pop_wrap.onclick .overlay{visibility: visible; opacity: 0.25;}
.login_pop_wrap .overlay {width: 100%; height: 100%; background: #000; position: fixed; top: 0;  left: 0; z-index: 99; visibility: hidden;   opacity: 0;}


@media (min-width: 2000px){
    .top-outwrap{
        height: auto !important;
    }
    .top-outwrap .top-ban,
    .top-outwrap .top-ban img{    
        width: 100%;
        position: static;
        margin: 0;
        left: 0;
    }
    .top-outwrap .top-close{
        top: 50%;
        margin-top: -13px;
    }
    .visual-wrap{
        height: auto;
    }
    .visual-wrap .visual-ban {
        position: static;
        left: 0%;
        margin-left: 0;
        width: 100% !important;
    }
    .visual-wrap .visual-ban > div{
        width: 100% !important;
    }
    .visual-wrap div,
    .visual-wrap div a,
    .visual-wrap div a img{
        display: block;
        width: 100%;
    }
    .visual-wrap .vs-prevov{
        top: 45%;
        left: 10%;
        margin-left: 0;
        width: auto;
    }
    .visual-wrap .vs-nextov{
        top: 45%;
        right: 10%;
        margin-right: 0;
        width: auto;
    }
    .main-eventwrap{
        padding: 0 160px;
        max-width: 1440px;
    }
    .main-eventwrap{
        width: auto;
    }

    .main-eventwrap .vs-prevov03 {
        left: 134px;
        top: 50%;
        margin-top: -27px;
    }
    .main-eventwrap .vs-nextov03 {
        right: 134px;
        top: 50%;
        margin-top: -27px;
    }
}


.item-boxwrap .prod-thumb img.m_size {display:none;}


/* insta */
.insta-outwrap{padding:50px 0px 60px; background:#f6f6f6; margin-top:20px;}
.insta-outwrap .insta-wrap{width:1500px; margin:0 auto; text-align:center; font-size:0;}
.insta-outwrap .insta-wrap h2{font-family: 'Roboto', sans-serif; font-size:17px; color:#2e2e2e; text-align:center; display:inline-block; padding-left:25px; background:url('/design/midasb/wib/basic/insta_iconz.png') no-repeat 0 center; }
.insta-outwrap .insta-wrap > p{width:1500px; font-family: 'Roboto', sans-serif; font-size:13px; color:#1f1f1f; text-align:right; }
.insta-outwrap .insta-wrap > p a{font-family: 'Roboto', sans-serif; display:inline-block; font-size:11px; color:#525252; width:59px; height:23px; line-height:2.11em; border:1px solid #525252; border-radius:3px; text-align:center; margin-left:10px;}
.insta-outwrap .insta-wrap .insta_ban {display:inline-block; vertical-align:top; width:584px; margin-right:13px; margin-top:20px;}
.insta-outwrap .insta-wrap .insta_ban a {display:block;}
.insta-outwrap .insta-wrap .insta_ban img {transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.insta-outwrap .insta-wrap .insta_ban:hover img {opacity:0.8;}
.insta-outwrap .insta-wrap .insta{margin-top:20px; width:calc(100% - 598px); display:inline-block; vertical-align:top;}
.insta-outwrap .insta-wrap .insta .insta-box{float:left; width:140px; height:140px; margin:0 12px 14px 0; }
.insta-outwrap .insta-wrap .insta .insta-box img{width:140px; height:140px;}
.insta-outwrap .insta-wrap .insta .insta-box:nth-child(6n) {margin:0 0 14px 0;}
/* BASIC css end */