/* BASIC css start */
/* BASIC css start */
.menu_on {height:100%;overflow:hidden}
.menu_off {height:auto;overflow:initial}

#mask {width:100%;height:100%;position:fixed;top: 0;left:0;right:0;bottom:0;background-color:#3c3c3c;z-index:1000;display:none;opacity: 0.6;}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}
#header {position:relative;width:100%;height:40px;z-index:101;}


#header .header { position:relative }
#header .header.fix { position:fixed; top:0; left:0; right:0; z-index:100 }
#header .header.dwFixed { margin-top:-131px }
#header .header.upFixed { margin-top:0 }
#header .headerTop { position:relative; height:51px; border-bottom:1px solid #e3e3e4; background:#fff }
#header .headerTop p.asideOpen { position:absolute; top:11px; left:7px; width:32px;height:32px; text-indent:-9999em; background:url(/design/mariang7/phps/m/common/btn_aside_open.png) 0 0 no-repeat; background-size:32px auto }
#header .headerTop .logo { padding-top:13px; text-align:center }
#header .headerTop .logo a { display:inline-block; width:120px; height:29px; text-indent:-9999em; background:url(/design/mariang7/phps/m/common/tlogo.png) 0 0 no-repeat; background-size:120px auto  }
#header .headerTop p.home1 a { position:absolute; top:12px; left:40px; width:32px;height:32px; text-indent:-9999em; background:url(/design/mariang7/phps/m/common/btn_aside_home3.png) 0 0 no-repeat; background-size:28px auto }
#header .headerTop .topRight { position:absolute; top:10px; right:9px; *zoom:1 }
#header .headerTop .topRight:after { display:block; clear:both; content:'' }
#header .headerTop .topRight p { margin-left:2px; position:relative; float:left; width:24px; height:29px }
#header .headerTop .topRight p a { display:block; height:29px; text-indent:-9999em; background:url(/design/mariang7/phps/m/common/sp_header_top2.png) 0 0 no-repeat; background-size:24px auto }
#header .headerTop .topRight p.cartBtn a { background-position:0 0 }
/*#header .headerTop .topRight p.cartBtn a .cartNum  { display:block; position:absolute; top:10px; left:4px; width:16px; height:16px; font-size:10px; font-weight:bold; text-align:center; line-height:16px; text-indent:0 }*/
#header .headerTop .topRight p.cartBtn a .cartNum { display:block; position:absolute; top:0; left:10px; width:16px; height:16px; font-size:11px; color:#fff; text-align:center; line-height:16px; text-indent:0; background:#000; border-radius:100% }
#header .headerTop .topRight p.searchBtn a { background-position:0 -29px }
#header .headerTop .topRight p.mypageBtn a { background-position:0 -58px }


#header .headerNav { position:relative; height:36px; border-bottom:1px solid #e3e3e4; background:#fff; z-index:1 }
#header .headerNav.fix { position:fixed; top:0; left:0; right:0; z-index:100 }
#header .headerNav .hScrollArea { position:relative; max-width:100%; overflow:hidden }
#header .headerNav .hScrollArea .scrollArea { margin-bottom:-19px; padding:0 0 19px; width:100%; font-size:0; white-space:nowrap; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch }
#header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar { height:1px }
#header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar-track,
#header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar,
#header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar-thumb { background:transparent url('/design/mariang7/phps/m/common/m_scrollbar.png') repeat }
#header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar-track { display:none }
#header .headerNav .hScrollArea .scrollArea::-webkit-scrollbar-thumb { height:1px; width:1px }
#header .headerNav .hScrollArea .link { display:inline-block; padding:0 8px; position:relative; line-height:1 }
#header .headerNav .hScrollArea .link .txt { display:block; font-size:14px; color:#000; position:relative; padding:10px 0 13px }
#header .headerNav .hScrollArea .link .txt:after { display:block; content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background-color:transparent }
#header .headerNav .hScrollArea .link.on .txt { color:#dfa094 }
#header .headerNav .hScrollArea .link.on .txt:after { background:#dfa094 }
#header .headerNav .hScrollArea .link:first-child { padding-left:12px }
#header .headerNav .hScrollArea .divide { padding-left:25px }
#header .headerNav .hScrollArea .divide:before { display:block; content:''; position:absolute; left:10px; top:13px; width:1px; height:13px; background:#000 }
#header .headerNav .hScrollArea .beforeShadow, #header .headerNav .hScrollArea .afterShadow { display:block; position:absolute; top:0; bottom:0; width:30px }
#header .headerNav .hScrollArea .beforeShadow {left:0;background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.1));}
#header .headerNav .hScrollArea .afterShadow {right:0;background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0.1));}
#header .headerNav .hScrollArea.first .beforeShadow {display:none;}
#header .headerNav .hScrollArea.last .afterShadow {display:none;}


/*탭메뉴*/
#header .allNav{position:relative; background:#fff; z-index:15;}
#header .allNavafter {content:""; display:block; clear:both;}
#header .allNav .open{
    position:absolute;
    right: 0;
    top: -36px;
    display:block;
    width: 45px;
    height: 35px;
    background: url('/design/mariang7/phps/m/common/icon_open_nav2.png') no-repeat center;
    background-size:40px;
}
#header .allNav .close{
    position:absolute;
    right: 0;
    top: -36px;
    display:block;
    width: 45px;
    height: 35px;
    background: url('/design/mariang7/phps/m/common/icon_close_nav2.png') no-repeat center;
    background-size:40px;
}
#header .allNav .allNavArea {
    position:absolute;
    float:left;
    display:none;
    line-height: 100%;
    text-align: left;
    padding: 10px;
    font-size: 0;
    letter-spacing: 0;
    background:#fff;
    width:100%;
    box-sizing: border-box;
    }
#header .allNav .allNavArea ul{
    text-align: center;
}    
#header .allNav .allNavArea ul li{
    vertical-align: top;
    width:33%;
    display: inline-block;
}
#header .allNav .allNavArea ul li.line{
    border-right:1px solid #e3e3e4;
    height:150px;
}

#header .allNav .allNavArea a{  
    float: left;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    /*
    width: calc(33% - 4px);
    width: -webkit-calc(33% - 4px);
    */
    width:100%;
    margin: 0 2px;
    padding: 4px 0;
    box-sizing: border-box;
    color: #1b1b1b;
    text-align: center;
    height: auto;
    line-height: 100%;
    margin-bottom: 4px;
    }
    

/*=====================================================

               사이드(햄버거) 메뉴
        
===================================================== */
/*슬라이드 공통*/
aside .aside_inner{font-size:13px;}
aside .swiper-slide img{ width:100%;}
aside .Cate-scrollbar{position:relative; left:0 !important; bottom:0 !important; width:calc(100% - 20px) !important;  border-radius:0 !important;  background:#f9f9f9 !important; height:4px !important; }
aside .swiper-scrollbar-drag { border-radius:0 !important;  background:#ececec !important }


/*햄버거 상단*/
aside { position:fixed; top:0; left:-100%; width:100%; height:100%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch;z-index:1001 }
aside .btnAsideClose { position:absolute; top:12px; right:10px; width:30px; height:30px; font-weight: 700; text-indent:-9999em; background:url(/design/mariang7/phps/m/common/side_header_top0_b1.png) 0 0 no-repeat; background-size:25px auto; z-index:10 }
aside .asideTop { height:50px; background:#000 }
aside .asideTop ul { padding:0 14px; *zoom:1 }
aside .asideTop ul:after { display:block; clear:both; content:'' }
aside .asideTop ul li { float:left }
aside .asideTop ul li a { display:block; padding:0 8px; position:relative; font-size:18px; color:#fff; line-height:50px }
aside .asideTop ul li a span{font-size:13px;}
aside .asideTop ul li:last-child a { margin-left: 3px}
/*aside .asideTop ul li a:after { content:''; position:absolute; top:19px; right:0; width:1px; height:12px; background:#fff }*/
aside .asideTop ul li:last-child a:after { background:none }

aside .asideLinkSearch .linkArea { padding:16px 8px }
aside .asideLinkSearch .linkArea ul { *zoom:1 }
aside .asideLinkSearch .linkArea ul:after { display:block; clear:both; content:'' }
aside .asideLinkSearch .linkArea ul li { float:left; width:20%; text-align:center }
aside .asideLinkSearch .linkArea ul li a { display:block; position:relative; width:100%; height:100%; min-height:43px }
aside .asideLinkSearch .linkArea ul li a:after { content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#ccc }
aside .asideLinkSearch .linkArea ul li:last-child a:after { background:none }
aside .asideLinkSearch .linkArea ul li a .txt { display:block; font-size:13px; line-height:12px; vertical-align:top }
aside .asideLinkSearch .linkArea ul li a .ico { display:inline-block;  width:30px; height:25px; vertical-align:top }
aside .asideLinkSearch .linkArea ul li a .ico1 { background:url(/design/mariang7/phps/m/common/sp_header_top2.png) 0 0 no-repeat; background-size:21px; width:24px; margin-top:3px;}
aside .asideLinkSearch .linkArea ul li a .ico2 { background:url(/design/mariang7/phps/m/common/side_header_top1.png) 0 0 no-repeat; background-size: 33px;}
aside .asideLinkSearch .linkArea ul li a .ico3 { background:url(/design/mariang7/phps/m/common/side_header_top2.png) 0 0 no-repeat; background-size: 35px; margin-top:-2px; }
aside .asideLinkSearch .linkArea ul li a .ico4 {  background:url(/design/mariang7/phps/m/common/side_header_top3.png) 0 0 no-repeat; background-size: 33px;}
aside .asideLinkSearch .linkArea ul li a .ico5 {  background:url(/design/mariang7/phps/m/common/side_header_top4.png) 0 0 no-repeat; background-size: 33px;}
aside .asideLinkSearch .linkArea ul li a .count { display:block; padding-top:7px; font-size:14px; font-weight:700; vertical-align:top }
aside .asideLinkSearch .loginBefore ul li a .count { display:none }
aside .asideLinkSearch .loginAfter ul li a .count { display:block }
aside .asideLinkSearch .loginAfter ul li a .ico1,
aside .asideLinkSearch .loginAfter ul li a .ico3,
aside .asideLinkSearch .loginAfter ul li a .ico4 { display:none }
aside .asideLinkSearch .search { margin:0 18px; padding-right:47px; height:45px; position:relative; border:1px solid #c9c9c9; box-sizing:border-box; border-radius: 50px; -webkit-border-radius: 50px; padding-left:14px;}
aside .asideLinkSearch .search .searchBox { width:100% }
aside .asideLinkSearch .search .searchBox input { width:100%; height:43px; outline:none; border:0px none; border-radius: 20px; -webkit-border-radius: 20px; }
aside .asideLinkSearch .search .btn_search { position:absolute; top:0px; right:0; width:47px; height:43px; text-indent:-9999em; background:url(/design/mariang7/phps/m/common/sp_header_top2.png) 0 0 no-repeat; 
background-size: 27px auto; background-position: 0 -29px; }


/*검색바 아래 스크롤 메뉴*/
aside .navCategory { padding:15px 0 27px 0 }
aside .navCategory .scrollArea {overflow:auto; white-space:nowrap; -ms-overflow-style: none; scrollbar-width: none; padding:0 26px;}
aside .navCategory .scrollArea::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
aside .navCategory .scrollArea a{ display:inline-block; border:1px solid #c9c9c9; border-radius: 20px; -webkit-border-radius: 20px; padding:7px 10px; margin-right:3px;}

/*의류,아이템 슬라이드 메뉴*/
aside .aside_inner h3{ font-size:17px; font-weight:700; padding:0 0 14px 26px;}
aside .Category_slide .swiper-wrapper{}
aside .Category_slide .CatePrdSlider {padding: 0 20px; margin-bottom:27px;}
aside .Category_slide .cate_img img{width:100%;}
aside .Category_slide .swiper-slide:first-child{padding-left:10px;}
aside .Category_slide .Cate-scrollbar{position:relative; left:0 !important; bottom:0 !important; width:100% !important; border-radius:0 !important;  background:#f9f9f9 !important; height:4px; }
aside .Category_slide .swiper-scrollbar-drag { border-radius:0 !important;  background:#ececec !important }
aside .Category_slide .cate_title { text-align:center; padding:10px 0 15px 0;}

/*테마,해시태그,사이즈 메뉴*/
aside .Category_box{padding:0 18px 12px;}
aside .Category_box h3{padding:0 0 14px 7px !important;}
aside .Category_box .Category_box_list{padding:5px 12px 12px 12px; margin-bottom:27px; border-bottom:1px solid #c9c9c9;}
aside .Category_box_white a,
aside .Category_box_grey a{display:inline-block; border-radius: 5px; -webkit-border-radius: 5px; padding:7px; margin:0 5px 7px 0; }
aside .Category_box_white a{ border:1px solid #c9c9c9;}
aside .Category_box_grey a{background:#f6f6f6;}

/*아코디언 카테고리*/
aside .Category_accordion {padding:0 18px; margin:35px 0 52px 0;}
aside .Category_accordion li{border-bottom:1px solid #c9c9c9}
aside .Category_accordion .conbox{display:none; padding:10px 12px 18px;}
aside .Category_accordion .conbox .Category_box_white a{ border:1px solid #c9c9c9; color:#999; display:inline-block; border-radius: 5px; -webkit-border-radius: 5px; padding:7px; margin:0 5px 7px 0; }
aside .Category_accordion .conbox .Category_box_white a span.insta{background: url(/design/mariang7/phps/m/common/insta_icon.gif)50% 50% no-repeat; background-size:14px; width:13px; height: 14px;
display:inline-block; vertical-align:middle; padding-right: 3px; position: relative; top: -1px;}
aside .Category_accordion .title{position:relative; font-size:17px; font-weight:700; padding:18px 7px;}
aside .Category_accordion .title span.sub_txt{position:absolute; left:120px; font-size:12px; color:#999; font-weight:400;}
aside .Category_accordion .title span.icon_open{position:absolute; right:5px;}


/*스폐셜 컬렉션*/
aside .aside_inner h2{font-size:19px; font-weight:700; padding-bottom:16px;}
aside .collection_list {margin-bottom:48px; padding-left:18px;}
aside .collection_list ul{border-top:1px solid #c9c9c9;}
aside .collection_list ul:after{display:block; clear:both; content:"";}
aside .collection_list ul li{float:left; width:100%; border-bottom:1px solid #c9c9c9; padding:13px 0;}
aside .collection_list ul li a{display:block; }
aside .collection_list ul li .thum{float:left; margin-right:13px; width:30%;}
aside .collection_list ul li .thum img{width:100%;}
aside .collection_list ul li .con{float:left; width:65%; }
aside .collection_list ul li .con h3{font-size:16px; font-weight:700;  white-space: normal; overflow: hidden; padding:0 !important;}
aside .collection_list ul li .con p{white-space: normal; overflow: hidden; padding:12px 0;}
aside .collection_list ul li .con span{color:#acacac; font-size:12px;}


/*엠비디오,룩북 슬라이드*/
aside .Category_slide2{padding-left:18px; position:relative; margin-bottom:52px;}
aside .Category_slide2 .swiper-container,
aside .evb .swiper-container{padding-right:10px;}
aside .Category_slide2 img{width:100%;}
aside .Category_slide2 h2 a{text-align:right;}
aside .Category_slide2 .cate_title{font-size:16px; font-weight:700; padding:10px 0 5px 0;}
aside .Category_slide2 .cate_sub{font-size:12px; color:#acacac; padding-bottom:20px; letter-spacing:-0.4px;}
aside .Category_slide2 .cate_more{font-size:20px; font-weight:700; position:absolute; right:10px; top:0;}


/*이벤트 슬라이드*/

.evb {padding-left:18px; margin-bottom:52px;}
.evb h2{font-size:20px; font-weight:700; padding:0 0 16px 20px !impotant;}
.evb .swiper-slide {padding-bottom:26px;}
.evb .swiper-slide a {display:block;}
.evb .swiper-slide .title{font-size:16px; font-weight:700; padding-top:12px;}
.evb .swiper-slide .sub{ padding:8px 0; }
.evb .swiper-slide .date{ color:#acacac;}
.evb .evbVisu-scrollbar {margin-top:8px; position:relative; left:-24px !important; bottom:0 !important; width:100% !important; border-radius:0 !important; background:#f7f7f7 !important; overflow:hidden; }
.evb .swiper-scrollbar-drag { border-radius:0 !important; background:#e7e7e7 !important }


/*고객센터*/
aside .CS_Area {padding:0 18px 40px;}
aside .CS_Area .Category_box_list2{margin-bottom:14px; padding:10px 12px 17px; border-bottom:1px solid #c9c9c9;}
aside .CS_Area .CS_time {padding-left:6px;}
aside .CS_Area .CS_time .shopTel a{display:inline-block;font-size:25px; font-weight:700; padding-bottom:15px}
aside .CS_Area .CS_time span{ display:block; margin-top:4px;}
aside .CS_Area .CS_btn {padding:18px 0 0 6px;}
aside .CS_Area .CS_btn ul{width:100%;}
aside .CS_Area .CS_btn ul:after{display:block; content:''; clear: both;}
aside .CS_Area .CS_btn ul li {float:left; width:50%;}
aside .CS_Area .CS_btn ul li a{display:block; border:1px solid #c9c9c9; padding:7px; margin:0 7px 7px 0; text-align:center; line-height:21px; font-size:12px; }
aside .CS_Area .CS_btn ul li a span{display:inline-block; padding-right:5px; vertical-align:middle;}
aside .CS_Area .CS_btn ul li a span.icon1{width:20px; height:20px; background:url(/design/mariang7/phps/m/common/side_cs_bottom1.png) 0 0 no-repeat; background-size:19px; position:relative; top:-1px;}
aside .CS_Area .CS_btn ul li a span.icon2{width:20px; height:20px; background:url(/design/mariang7/phps/m/common/side_cs_bottom2.png) 0 0 no-repeat; background-size:19px; position:relative; top:-1px;}
aside .CS_Area .CS_btn ul li a span.icon3{width:21px; height:21px; background:url(/design/mariang7/phps/m/common/side_cs_bottom3.png) 0 0 no-repeat; background-size:21px; position:relative; top:-1px;}
aside .CS_Area .CS_btn ul li a span.icon4{width:21px; height:21px; background:url(/design/mariang7/phps/m/common/side_cs_bottom4.png) 0 0 no-repeat; background-size:21px; position:relative; top:-1px;}


/*공지사항*/
aside .Notice_Area{position:relative; padding-bottom:40px;}
aside .Notice_Area:after{display:block; content:''; clear: both;}
aside .Notice_Area .cate_more{font-size:20px; font-weight:700; position:absolute; right:27px; top:0;}
aside .Notice_Area .Notice {padding:10px 7px 0;}
aside .Notice_Area .Notice a{display:block; padding-bottom:5px; widht:100%;}
aside .Notice_Area .Notice a span.txt{display:inline-block; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
aside .Notice_Area .Notice a span.date{display:inline-block; width:20% text-align:right; color:#acacac; float:right;}


aside .asideBanner { position:relative; border-top:1px solid #e0e0e0 }
aside .asideBanner ul { *zoom:1 }
aside .asideBanner ul:after { display:block; clear:both; content:'' }
aside .asideBanner li { margin-left:-1px; float:left; width:50%; min-height:96px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0 }
aside .asideBanner li a { display:block; min-height:96px }
aside .asideBanner li .t1 { display:block; padding:20px 18px 0 18px; font-size:16px; font-weight:700 }
aside .asideBanner li .t1 .icon_insta img{width: 20px;padding-right: 7px; }
aside .asideBanner li .t2 { display:block; padding:12px 18px 0 18px; font-size:11px; line-height:14px }
aside .asideBanner li.insta .t2 { display:block; padding:10px 18px 0 18px; font-size:11px; line-height:14px }

aside .evtBanner { position:relative; padding:0 18px;}
aside .evtBanner li { /*padding-top:8px*/ }
aside .evtBanner img { width:100% }
aside .evtBanner .evbVisur-pagination {position:absolute; top:0; right:0; padding:4px 5px; color:#fff; background:rgba(0,0,0,.16); z-index:10; width:auto!important; left:unset; bottom:unset; font-size:11px;}

aside .proposalGuide { position:relative; }
aside .proposalGuide li { /*padding-top:15px*/ }
aside .proposalGuide li a{display:inline-block; /*border-top:1px solid #e0e0e0;*/ border-bottom:1px solid #e0e0e0 }
aside .proposalGuide li img { width:100% }

aside .csNavArea {padding:50px 0;}
aside .csNavArea .title { padding:11px 0 0 10px; position:relative; font-size:16px; font-weight:700 }
aside .csNavArea .title:after { display:block; content:''; position:absolute; top:0; left:10px; width:20px; height:2px; background:#000 }
aside .csNavArea .title .shopTel { padding-left:5px; display:inline-block;}
aside .csNavArea .title .shopTel a { color:#dfa094; }
aside .csNavArea .csNav { padding-top:10px; position:relative; border-bottom:1px solid #e0e0e0;}
aside .csNavArea .csNav ul { *zoom:1 }
aside .csNavArea .csNav ul:after { display:block; clear:both; content:'' }
aside .csNavArea .csNav li { margin-left:-1px; float:left; width:33.3%; height:40px; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0 }
aside .csNavArea .csNav li a { display:block; padding-left:10%; height:40px; font-size:14px; line-height:40px }


/*이벤트*/
.listWrap { padding-top:15px; position:relative }
.listWrap .listArea { display:none }
.listWrap .listArea.listDisplayShow { display:block }
.listWrap .listArea ul { width:100%; display:table; table-layout:fixed; box-sizing:border-box; text-align:left; font-size:0 }
.listWrap .listArea li { width:50%; display:inline-block; vertical-align:top; text-align:left }
.listWrap .listArea li a { display:block; margin-left:-1px; height:100%; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0 }
.listWrap .listArea li img.listPic { width:100% }
.listWrap .listArea li .list_shoppingInfo { padding:0 8px; min-height:100px }
.listWrap .listArea li .listName { display:block; padding-top:6px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.listWrap .listArea li .listSubname { display:block; display:-webkit-box; -webkit-box-orient:vertical; font-size:14px; color:#666; line-height:18px; white-space:normal; -webkit-line-clamp:2; height:38px; overflow:hidden }
.listWrap .listArea li .listDate { padding-top:8px; font-size:12px; color:#666 }
.listWrap .productMore { display:none; padding-top:27px; text-align:center }
.listWrap .productMore a { display:inline-block; width:40%; height:50px; font-size:16px; text-align:center; line-height:50px; border:1px solid #666 }
/*//이벤트*/


/*스크롤시 상단전체고정*/

.header_Fixed{position: fixed !important ; top: 0px; background:rgba(255,255,255,0.9)!important;}


/*로고위 상단배너*/
.imgBanner_top{position:relative;}
.imgBanner_top li img{width:100%;}


/* 어플에서 보기, 웹에서 보기 팝업 */
#appWebWrap { display:none; background:rgba(0,0,0,0.65); padding:60px; position:fixed; top:0; left:0; right:0; bottom:0;  height:100%; z-index:9999; overflow:hidden; opacity:0 }
#appWebWrap .topAppweb img{width:100%; padding-bottom:10px;}
#appWebWrap .topAppweb span{display:block; margin-bottom:20px;}
#appWebWrap .appWebArea{position: relative; top:25%;}
#appWebWrap.abbWebOpen { display:block; opacity:1; -webkit-animation:abbWebOpen 600ms; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:ease-in-out }
#appWebWrap .topAppweb { padding:28px 0 0 0; text-align:center; }
#appWebWrap .topAppweb .appWebContent { font-size:14px; color:#fff; line-height:21px }
#appWebWrap .topAppweb .appWebContent b { color:#ff6262; font-weight:500 }
#appWebWrap .topAppweb .appWebContent .app { margin:15px auto 0; width:136px; height:39px; color:#fff; font-size:16px; line-height:39px; border-radius:48px; background:#ff6262 }
#appWebWrap .topAppweb .appWebContent .app a { display:block; color:#fff; font-weight:500 }
#appWebWrap .btn_appweb { padding:3px 0px; overflow:hidden }
#appWebWrap .btn_appweb .web,
#appWebWrap .btn_appweb .web_wh{ margin:0 auto; padding:0 2px; text-align:center }
#appWebWrap .btn_appweb .web_wh a { display:block; height:40px; font-size:14px; color:#000; line-height:40px; background: #fff;  font-weight:bold;}
#appWebWrap .btn_appweb .web_wh a img{vertical-align: middle; width: 20px; padding-left: 5px;position: relative;top: -2px;}
#appWebWrap .btn_appweb .web a { display:block; height:40px; font-size:14px; color:#dbdbdb; line-height:40px; border:1px solid #dbdbdb; font-weight:bold;}
#appWebWrap .btn_appweb .web a img{vertical-align: middle;padding-left: 5px;width: 11px;position: relative; top: -2px;}
#appWebWrap .close{display:inline-block;position:relative;width:20px; height:20px;}
#appWebWrap .close:before{content: ''; position:absolute;top:0;left:0;margin-top: 0.45em;margin-left: 1em;height: 16px;border: solid #dbdbdb;border-width: 0 2px 0px 0;transform: rotate(45deg);}
#appWebWrap .close:after{content: '';position: absolute;top: 0;left: 0;margin-top: 0.45em;margin-left: 1em;height: 16px; border: solid #dbdbdb;border-width: 0 2px 0px 0;transform: rotate(-45deg);}

@-webkit-keyframes abbWebOpen {
	0% { -webkit-opacity:0; opacity:0 }
	100% { -webkit-opacity:1; opacity:1	}
}

/* 메인 알림 팝업 
.mainPopupLayer { display:none; padding:100px 40px 40px 40px; position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); -webkit-box-sizing:border-box; box-sizing:border-box; z-index:9999 }
.mainPopupLayer .mainPopupWrap { display:box; box-pack:center; box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; height:100% }
.mainPopupLayer .mainPopupArea { margin:0 auto; width:100%; max-width:400px; overflow:hidden }
.mainPopupLayer .mainPopupArea .mainPopupContent { padding:0; text-align:center; color:#444 }
.mainPopupLayer .mainPopupArea .mainPopupContent img { width:100%; vertical-align:middle }
.mainPopupLayer .mainPopupArea .mainPopupBtn { text-align:center }
.mainPopupLayer .mainPopupArea .mainPopupBtn .btn_close { display:block; margin:10px 0 0 0; height:40px; font-size:12px; color:#fff; letter-spacing:5px; text-align:center;	line-height:40px; border:1px solid #fff }
.mainPopupLayer .mainPopupArea .mainPopupBtn .btnTodayClose { display:block; padding:7px 10px; font-size:13px; color:#949494; text-align:right; line-height:20px }
.mainPopupLayer .mainPopupArea .mainPopupBtn .btnTodayClose input { 
    background-color: rgba(221, 221, 221, 0.25);
	border-left-color: rgba(221, 221, 221, 0.1);
	border-right-color: rgba(221, 221, 221, 0.1);
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	border-radius: 38px; }
.mainPopupLayer .mainPopupArea .mainPopupBtn .btnTodayClose input[type="checkbox"] {
    width:17px;
    height:17px;
    margin:0 2px 1px 0;
    background-image:url(/design/mariang7/phps/m/common/check_input.gif);
    transition:.4s;
    -webkit-appearance:button;
    background-size: 70% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: none !important;
	border-radius: 38px !important;
}
.mainPopupLayer .mainPopupArea .mainPopupBtn .btnTodayClose input[type="checkbox"]:checked {
    background-image:url(/design/mariang7/phps/m/common/check_input.gif) !important;
    background-color:#f74f4f !important;
}*/


/* 메인 알림 팝업(뉴 하단타입) */
.mainPopupLayer { display:none; position:fixed; bottom:0; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:1000 }
.mainPopupLayer img{width:100%;}
.mainPopupLayer .mainPopupBtn { text-align:center; background:#fff;}
.mainPopupLayer .mainPopupBtn:after{content:""; clear:both; display:block;}
.mainPopupLayer .mainPopupBtn .btn_close { margin-right:15px; height:40px; font-size:14px; font-weight:700; color:#949494; line-height:40px; float:right;}
.mainPopupLayer .mainPopupBtn .btnTodayClose {padding-left:15px; font-size:14px; color:#949494; line-height:40px; float:left; }

.mainPopupLayer .mainPopupBtn .btnTodayClose input { 
    background-color: #ddd;
	border-left-color: rgba(221, 221, 221, 0.1);
	border-right-color: rgba(221, 221, 221, 0.1);
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	border-radius: 18px;
    margin-right:3px;
    -webkit-appearance: none;
   -webkit-border-radius: 0;
    }
.mainPopupLayer .mainPopupBtn .btnTodayClose input[type="checkbox"] {
    width:17px;
    height:17px;
    margin:0 2px 1px 0;
    background-image:url(/design/mariang7/phps/m/common/check_input.gif);
    -webkit-appearance:button;
    background-size: 70% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: none !important;
	border-radius: 38px !important;
    -webkit-appearance: none;
    outline:0;
}
.mainPopupLayer .mainPopupBtn .btnTodayClose input[type="checkbox"]:checked {
    background-image:url(/design/mariang7/phps/m/common/check_input.gif) !important;
    background-color:#8b8b8b; !important;
}
.mainPopupLayer .popVisur-pagination {position:absolute; top:0; right:0; padding:8px 10px; color:#fff; background:rgba(0,0,0,.16); z-index:10; width:auto!important; left:unset; bottom:unset;}


#header .navCategory2 .scrollArea2 a{ display:inline-block; border:1px solid #c9c9c9; border-radius: 20px; -webkit-border-radius: 20px; padding:4px 3%; margin-right:6px;}
#header .navCategory2 .scrollArea2 a.scrollAreaOn2{background:#000; color:#fff }

#header .headerNav2 { position:relative; border-bottom:1px solid #e3e3e4; background:#fff; z-index: 1; padding: 7px 3%; text-align: center; font-size:14px;}
#header .headerNav2.fix { position:fixed; top:0; left:0; right:0; z-index:100 }
#header .headerNav2 .hScrollArea2 { position:relative; max-width:100%; overflow:hidden }
#header .headerNav2 .hScrollArea2 .scrollArea2 { margin-bottom:-19px; padding:0 0 19px; width:100%; font-size:0; white-space:nowrap; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch }
#header .headerNav2 .hScrollArea2 .scrollArea2::-webkit-scrollbar { height:1px }
#header .headerNav2 .hScrollArea2 .scrollArea2::-webkit-scrollbar-track,
#header .headerNav2 .hScrollArea2 .scrollArea2::-webkit-scrollbar,
#header .headerNav2 .hScrollArea2 .scrollArea2::-webkit-scrollbar-thumb { background:transparent url('/design/mariang7/phps/m/common/m_scrollbar.png') repeat }
#header .headerNav2 .hScrollArea2 .scrollArea2::-webkit-scrollbar-track { display:none }
#header .headerNav2 .hScrollArea2 .scrollArea2::-webkit-scrollbar-thumb { height:1px; width:1px }
#header .headerNav2 .hScrollArea2 .link { display:inline-block; padding:0 8px; position:relative; line-height:1 }
#header .headerNav2 .hScrollArea2 .link .txt { display:block; font-size:14px; color:#000; position:relative; padding:10px 0 13px }
#header .headerNav2 .hScrollArea2 .link .txt:after { display:block; content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background-color:transparent }
#header .headerNav2 .hScrollArea2 .link.on .txt { color:#dfa094 }
#header .headerNav2 .hScrollArea2 .link.on .txt:after { background:#dfa094 }
#header .headerNav2 .hScrollArea2 .link:first-child { padding-left:12px }
#header .headerNav2 .hScrollArea2 .divide { padding-left:25px }
#header .headerNav2 .hScrollArea2 .divide:before { display:block; content:''; position:absolute; left:10px; top:13px; width:1px; height:13px; background:#000 }
#header .headerNav2 .hScrollArea2 .beforeShadow, #header .headerNav .hScrollArea .afterShadow { display:block; position:absolute; top:0; bottom:0; width:30px }
#header .headerNav2 .hScrollArea2 .beforeShadow {left:0;background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.1));}
#header .headerNav2 .hScrollArea2 .afterShadow {right:0;background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0.1));}
#header .headerNav2 .hScrollArea2.first .beforeShadow {display:none;}
#header .headerNav2 .hScrollArea2.last .afterShadow {display:none;}

#header .navCategory2 .scrollArea2 a:last-child{margin-right:0;}

#container {margin-top:42px;}


/* BASIC css end */


/* BASIC css end */