@charset "utf-8";
/*************************************************************************************************
                                                          SUB PAGE
**************************************************************************************************/
.subpage{margin:74px 0 0 0;}
.subpage .contents{margin:0 auto;width:1400px}
.subpage .contents.full{width:auto}
.subpage .contents > h2{padding:0 0 45px 0;min-height:60px;font-family:'Noto-B';font-size:40px;color:#ff7d9e;text-align:center}
.subpage .contents > h2.brand {color:#2c3e8a;}
.subpage .contents > h2.beauty {color:#9f3ff8;}
.subpage .category-product .tabmenu .on a.brand {color:#2c3e8a; border-bottom:solid 2px #2c3e8a;}
.subpage .category-product .tabmenu .on a.beauty {color:#9f3ff8; border-bottom:solid 2px #9f3ff8;}
.subpage .contents > h2.result{font-family:'Noto-M';font-size:40px;color:#000}
.subpage .contents > h2.result strong{position:relative;margin:0 5px 0 0;padding:0 15px;color:#ff7d9e}
.subpage .contents > h2.result strong:before{content:'';position:absolute;left:0;top:12px;width:8px;height:16px;background:url('../img/common/icon/result_icon1.png') no-repeat 0 0}
.subpage .contents > h2.result strong:after{content:'';position:absolute;right:0;top:12px;width:8px;height:16px;background:url('../img/common/icon/result_icon1.png') no-repeat 100% 0}
.subpage .contents h3.black{margin:0 0 67px 0;font-family:'Noto-B';font-size:30px;color:#000;text-align:center}
.subpage .list + .paging{margin-top:50px}
.subpage .product-tit{margin:0 0 34px 0;font-family:'Noto-B';font-size:30px;color:#ff7d9e}
.subpage .product-best5:after{content:'';position:absolute;left:0;margin-top:100px;width:100%;height:1px;background:#e6e6e6}
.subpage .product-best5{margin:0 0 180px 0}
.subpage .products-tabmenu{margin:0 0 40px 0}

/** SEARCh RESULT **/
.subpage .search-result .keyword-list{margin:0 0 48px 0}
.subpage .search-result .list-info-box .txt strong{font-family:'Noto-M';font-size:14px;color:#585858}

/** EVENT **/
.subpage .event-box{margin:0 auto;width:1200px}
.subpage .event-box.w1280{width:1280px}
.subpage .event-box > h3{margin:0 0 20px 0;font-family:'Noto-B';font-size:20px}
.subpage .event-box .btnbox{margin:18px 0 35px 0}
.subpage .event-box .tabmenu{margin:0 0 60px 0;font-size:0;text-align:center}
.subpage .event-box .tabmenu li{display:inline-block;font-family:'Noto-M';font-size:18px;color:#585858;vertical-align:top}
.subpage .event-box .tabmenu li + li{position:relative;margin:0 0 0 64px}
.subpage .event-box .tabmenu li + li:before{content:'';position:absolute;left:-32px;top:6px;width:5px;height:5px;border-radius:50%;background:#c6c6c6}
.subpage .event-box .tabmenu .on a{display:inline-block;padding:0 0 2px 0;color:#ff7d9e;border-bottom:solid 2px #ff7d9e}
.subpage .event-box .bottom-board{overflow:hidden;margin:140px 0 0 0}
.subpage .event-box .bottom-board > *{position:relative;width:610px}
.subpage .event-box .bottom-board .left{float:left}
.subpage .event-box .bottom-board .right{float:right}
.subpage .event-box .bottom-board .tit{margin:0 0 10px 0;font-family:'Noto-B';font-size:18px}
.subpage .event-box .bottom-board .board-list{border:solid #000;border-width:2px 0 1px 0}
.subpage .event-box .bottom-board .board-list li{position:relative;padding:17px 100px 16px 42px;font-size:14px}
.subpage .event-box .bottom-board .board-list li a span{color:#ff6c7c}
.subpage .event-box .bottom-board .board-list li a{display:inline-block;overflow:hidden;line-height:1.3;max-width:100%;white-space:nowrap;text-overflow:ellipsis}
.subpage .event-box .bottom-board .board-list li a:hover{text-decoration:underline}
.subpage .event-box .bottom-board .board-list li:before{content:'';position:absolute;left:20px;top:24px;width:4px;height:4px;border-radius:50%;background:#a5a5a5}
.subpage .event-box .bottom-board .board-list li + li{border-top:solid 1px #e8e8e8}
.subpage .event-box .bottom-board .board-list li .date{position:absolute;right:20px;top:18px;font-size:12px}
.subpage .event-box .bottom-board .btn-more{position:absolute;right:-5px;top:-5px;width:30px;height:30px;text-indent:-9999px;background:url('../img/common/btn/more_size18.png') no-repeat 50% 50%}


/** SPONSOR **/
.subpage .sponsor-box{margin:0 auto;width:1310px}
.subpage .sponsor-box > .tit{margin:0 0 30px 0;text-align:center}
.subpage .sponsor-box > .txt{margin:0 0 65px 0;font-size:24px;text-align:center}
.subpage .sponsor-box > .visual{position:relative;margin:0 0 90px 0}
.subpage .sponsor-box > .visual .bx-pager{bottom:25px}
.subpage .sponsor-box > .visual .bx-pager .bx-pager-item{margin:0 12px}
.subpage .sponsor-box > .visual .bx-pager .bx-pager-item a{background:#555;border-radius:50%}
.subpage .sponsor-box > .visual .bx-pager .bx-pager-item .active{background:#fff}
.subpage .sponsor-box > .sponsor-list{padding:0 55px}
.subpage .sponsor-box > .sponsor-list .list{}
.subpage .sponsor-box > .sponsor-view{margin:0 0 110px 0;padding:60px 0 150px 0;text-align:center;border:solid #000;border-width:1px 0}
.subpage .sponsor-box > .sponsor-view img{max-width:100%;height:auto}

/** EXHIBITION **/
.subpage .exhibition-list{margin:30px auto 0 auto;width:1280px}
.subpage .exhibition-view{margin:0 0 80px 0}
.subpage .exhibition-view img{max-width:100%;height:auto}

/** ARTBEAT **/
.subpage .artbeat{}
.subpage .contents.full .coverbox{margin:0 auto;width:1400px}
.subpage .artbeatvisual{overflow:hidden;position:relative;margin:0 auto 138px auto;max-width:1800px}
.subpage .artbeatvisual .logo{position:absolute;left:35px;top:35px;z-index:55}
.subpage .artbeatvisual .tit{position:absolute;left:50%;top:50%;z-index:55;margin:-66px 0 0 -325px}
.subpage .artbeatvisual .bxlist li img{display:block;width:100%;height:auto}
.subpage .artbeat-video{margin:0 auto 76px auto;padding:0 62px;max-width:1800px;box-sizing:border-box}
.subpage .artbeat-video .listbox{position:relative;margin:0 0 130px 0;}
.subpage .artbeat-video .listbox .item{position:relative}
.subpage .artbeat-video .listbox .item .new{position:absolute;right:12px;top:10px;z-index:4;width:72px;height:72px;text-align:left;text-indent:-9999px;background:url('../img/sub/artbeat/new.png') no-repeat 0 0}
.subpage .artbeat-video .listbox .item .img{display:block;position:relative}
.subpage .artbeat-video .listbox .item .img img{display:block;width:100%;height:auto;transition:all 0.4s ease-out;}
.subpage .artbeat-video .listbox .item .img:after{position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/sub/artbeat/mask.png') no-repeat 0 0}
.subpage .artbeat-video .listbox .item .img:before{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:url('../img/common/bg/opa45.png')}
.subpage .artbeat-video .listbox .item .txt{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;font-size:0;color:#fff;text-align:center}
.subpage .artbeat-video .listbox .item .txt:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.subpage .artbeat-video .listbox .item .txt > *{display:inline-block;vertical-align:middle;font-family:'Noto-M';font-size:30px;line-height:1.2}
.subpage .artbeat-video .listbox .item .txt > *:first-line{font-family:'Noto-L';font-size:24px}
.subpage .artbeat-video .listbox .item button{overflow:hidden;display:block;width:100%;height:100%;border-radius:50%;border:solid 4px #fff}
.subpage .artbeat-video .listbox .item:hover button .img img{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);}
.subpage .artbeat-video .listbox .item.play button{border:solid 4px #ff7d9e;box-sizing:border-box}
.subpage .artbeat-video .listbox .item.play button:before{content:'';position:absolute;left:50%;top:50%;z-index:3;margin:-31px 0 0 -26px;width:52px;height:62px;background:url('../img/sub/artbeat/play.png') no-repeat 0 0}
.subpage .artbeat-video .listbox .item.play .img:before{display:none}
.subpage .artbeat-video .listbox .item.play .txt{display:none}
.subpage .artbeat-video .listbox .item.play a{background:url('../img/sub/artbeat/play.png') no-repeat 50% 50%}
.subpage .artbeat-video .listbox .bx-controls-direction a{margin-top:-31px;width:40px;height:62px;text-indent:-9999px;background:url('../img/sub/artbeat/nav.png') no-repeat 0 0}
.subpage .artbeat-video .listbox .bx-controls-direction .bx-next{right:-60px;background-position:100% 0}
.subpage .artbeat-video .listbox .bx-controls-direction .bx-prev{left:-60px}
.subpage .artbeat-video .listbox .bx-controls-direction .bx-prev:hover{background-position:0 -81px}
.subpage .artbeat-video .listbox .bx-controls-direction .bx-next:hover{background-position:100% -81px}
.subpage .videframe{margin:0 auto;width:1400px}
.subpage .videframe .tit{margin:0 0 54px 0;font-size:50px;text-align:center}
.subpage .videframe .frame{background:#121212}
.subpage .videframe .frame > *{width:1400px;height:787px}
.subpage .videframe .channel a{display:block;position:relative;height:115px;text-indent:-9999px;background:#121212}
.subpage .videframe .channel a:before{content:'';position:absolute;right:78px;top:50%;margin:-32px 0 0 0;width:480px;height:65px;background:url('../img/sub/artbeat/channel.png') no-repeat 0 0}
.subpage .videframe .channel a:hover:before{background-position:0 -67px}
.subpage .coverbox .tit{margin:0 0 52px 0;padding:0 0 54px 0;font-size:40px;text-align:center;background:url('../img/sub/artbeat/arrdown.png') no-repeat 50% 100%}
.subpage .coverbox .tit strong{color:#ff7d9e}



/** BRAND **/
.subpage .brandvisual{overflow:hidden;position:relative;margin:0 auto 142px auto;max-width:1800px}
.subpage .bxlist li img{display:block;width:100%;height:auto}
.subpage .bx-pager{bottom:40px}
.subpage .bx-pager .bx-pager-item{margin:0 7px}
.subpage .bx-pager .bx-pager-item a{width:17px;height:17px;background:url('../img/common/btn/paging_white.png') no-repeat 0 100%}
.subpage .bx-pager .bx-pager-item .active{background-position:0 0}
.subpage .brandpage .category-product{margin:0 auto;width:1400px}
.subpage .brandpage .mainvisual{position:relative;margin-top:-74px;margin-bottom:88px}
.subpage .brandpage .mainvisual .bx-pager{bottom:25px}
.subpage .brandpage .mainvisual .bx-pager .bx-pager-item{margin:0 11px}
.subpage .brandpage .mainvisual .bx-pager .bx-pager-item a{width:13px;height:13px;background:url('../img/common/btn/paging_size13.png') no-repeat 0 100%}
.subpage .brandpage .mainvisual .bx-pager .bx-pager-item .active{background-position:0 0}
.subpage .brandpage .brand-main{margin:0 auto;width:1400px}
.subpage .brandpage .brand-main .logoslider{position:relative;margin:0 0 112px 0;padding:0 70px}
.subpage .brandpage .brand-main .logoslider .item{position:relative;width:228px}
.subpage .brandpage .brand-main .logoslider .item .new{position:absolute;right:0;top:15px;z-index:2;width:56px;height:56px;text-indent:-9999px;background:url('../img/common/icon/new.png') no-repeat 0 0}
.subpage .brandpage .brand-main .logoslider .item button{display:block;margin:0 0 20px 0;width:228px;height:229px;background:url('../img/common/bg/logo_circle.png') no-repeat 0 0}
.subpage .brandpage .brand-main .logoslider .item .txt{font-size:24px;color:#010101;text-align:center}
.subpage .brandpage .brand-main .logoslider .bx-controls-direction a{margin-top:-45px;width:26px;height:44px;text-indent:-9999px;background:url('../img/common/btn/btn_nav.png') no-repeat 0 0}
.subpage .brandpage .brand-main .logoslider .bx-controls-direction .bx-prev{}
.subpage .brandpage .brand-main .logoslider .bx-controls-direction .bx-next{background-position:0 100%}
.subpage .brandpage .brand-main .brand-col{overflow:hidden;margin:0 -18px 92px -18px}
.subpage .brandpage .brand-main .brand-col > div{float:left;padding:0 18px;width:50%;box-sizing:border-box}
.subpage .brandpage .brand-main .brand-col > div .slidebox{overflow:hidden;position:relative;border-radius:16px;border:solid 1px #dfdfdf}
.subpage .brandpage .brand-main .brand-col > div .slidebox .txt{position:absolute;left:0;bottom:0;padding:20px 0 0 0;width:100%;height:92px;color:#010101;text-align:center;background:url('../img/common/bg/opa90.png')}
.subpage .brandpage .brand-main .brand-col > div .slidebox .txt .t1{margin:0 0 4px 0;font-family:'Noto-M';font-size:26px}
.subpage .brandpage .brand-main .brand-col > div .slidebox .txt .t2{font-size:16px}
.subpage .brandpage .brand-main .brand-col .bx-pager{bottom:15px}
.subpage .brandpage .brand-main .brand-col .bx-pager .bx-pager-item{margin:0 12px}
.subpage .brandpage .brand-main .brand-col .bx-pager .bx-pager-item a{width:14px;height:14px;background:url('../img/common/btn/paging_size14.png') no-repeat 0 100%}
.subpage .brandpage .brand-main .brand-col .bx-pager .bx-pager-item .active{background-position:0 0}
.subpage .brandpage .brand-main .brand-list{margin:0 0 138px 0}
.subpage .brandpage .brand-main .brand-list > li + li{margin-top:120px}
.subpage .brandpage .brand-main .brand-list > li + li:before{content:'';position:absolute;left:0;margin:-70px 0 0 0;width:100%;height:1px;background:#ebebeb}
.subpage .brandpage .brand-main .brand-list > li .left{float:left}
.subpage .brandpage .brand-main .brand-list > li .left .tit{margin:-5px 0 116px 0;font-family:'Noto-M';font-size:36px}
.subpage .brandpage .brand-main .brand-list > li .left .more a{display:inline-block;position:relative;padding:0 14px 0 0}
.subpage .brandpage .brand-main .brand-list > li .left .more a:before{content:'';position:absolute;right:0;top:2px;border-left:solid 7px #2e2e2e;border-top:solid 5px transparent;border-bottom:solid 5px transparent}
.subpage .brandpage .brand-main .brand-list > li .right{margin:0 0 0 190px;min-height:550px}
.subpage .brandpage .brand-main .brand-list > li .right .products-list{overflow:visible;width:auto}
.subpage .brandpage .brand-main .brand-list > li .right .products-list .list{margin:0}
.subpage .brandpage .brand-main .brand-list > li .right .products-list .list .item{padding:0 0 20px 0}
.subpage .brandpage .brand-main .brand-list > li .right .products-list .list .item .inner{min-height:auto}
.subpage .brandpage .brand-main .brand-list > li .right .products-list{position:relative}
.subpage .brandpage .brand-main .brand-list > li .right .bx-controls-direction a{top:150px;margin:0;width:60px;height:60px;text-indent:-9999px;background:none}
.subpage .brandpage .brand-main .brand-list > li .right .bx-controls-direction a:before{content:'';position:absolute;left:50%;top:50%;margin:-17px 0 0 -10px;width:20px;height:34px;background:url('../img/common/btn/btn_nav_20.png') no-repeat 0 0}
.subpage .brandpage .brand-main .brand-list > li .right .bx-controls-direction .bx-prev{left:-66px}
.subpage .brandpage .brand-main .brand-list > li .right .bx-controls-direction .bx-next{right:-66px}
.subpage .brandpage .brand-main .brand-list > li .right .bx-controls-direction .bx-next:before{background-position:0 100%}
.subpage .brandpage .brand-main .brand-best{margin:0 0 80px 0;height:800px}
.subpage .brandpage .brand-main .brand-best:before{content:'';position:absolute;left:0;width:100%;height:800px;background:#f9f9f9}
.subpage .brandpage .brand-main .brand-best .bestcon{position:relative;padding:65px 0 0 0}
.subpage .brandpage .brand-main .brand-best .bestcon .tit,.subpage .brandpage .brand-main .brand-best .bestcon .tit-sub{margin:0 0 28px 0;font-size:30px;font-family:'Noto-B';}
.subpage .brandpage .brand-main .brand-best .bestcon .products-list .list{margin:0}
.subpage .brandpage .brand-main .brand-best .bestcon .products-list .list .item{padding:0 0 20px 0}
.subpage .brandpage .brand-main .brand-best .bestcon .bx-controls-direction a{top:50%;margin-top:-64px;width:60px;height:60px;text-indent:-9999px;background:none}
.subpage .brandpage .brand-main .brand-best .bestcon .bx-controls-direction a:before{content:'';position:absolute;left:50%;top:50%;margin:-22px 0 0 -13px;width:26px;height:44px;background:url('../img/common/btn/btn_nav.png') no-repeat 0 0}
.subpage .brandpage .brand-main .brand-best .bestcon .bx-controls-direction .bx-prev{left:-66px}
.subpage .brandpage .brand-main .brand-best .bestcon .bx-controls-direction .bx-next{right:-66px}
.subpage .brandpage .brand-main .brand-best .bestcon .bx-controls-direction .bx-next:before{background-position:0 100%}
.subpage .brandpage .brand-main .brand-exhibition .tit{margin:0 0 28px 0;font-size:30px;font-family:'Noto-B';}
.subpage .brandpage .brand-main .brand-exhibition .list{overflow:hidden;margin:-10px -17px}
.subpage .brandpage .brand-main .brand-exhibition .list > li{float:left;padding:10px 17px;width:25%;min-height:520px;box-sizing:border-box}
.subpage .brandpage .brand-main .brand-exhibition .list .thumb{position:relative;margin:0 0 24px 0}
.subpage .brandpage .brand-main .brand-exhibition .list .thumb a img{display:block;width:100%;height:auto}
.subpage .brandpage .brand-main .brand-exhibition .list .thumb .logo{position:absolute;right:10px;bottom:-24px}
.subpage .brandpage .brand-main .brand-exhibition .list .tit{margin:0 0 9px 0;font-family:'Noto-M';font-size:14px}
.subpage .brandpage .brand-main .brand-exhibition .list .txt{font-size:12px}



/** CALENDARD **/
.subpage .calendar-check{margin:0 auto;padding:164px 135px 0 135px;width:1200px;color:#fff;text-align:center;background:#ff7d9e;box-sizing:border-box}
.subpage .calendar-check > .tit{margin:0 0 88px 0;font-family:'Noto-B';font-size:110px}
.subpage .calendar-check > .date{margin:0 0 22px 0;font-size:0}
.subpage .calendar-check > .date > *{display:inline-block;vertical-align:middle}
.subpage .calendar-check > .date > span{width:200px;font-family:'Noto-M';font-size:38px}
.subpage .calendar-check > .date > button{width:53px;height:53px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/calendar_nav.png') no-repeat 0 0}
.subpage .calendar-check > .date > .next{background-position:100% 0}
.subpage .calendar-check .table{margin:0 0 125px 0}
.subpage .calendar-check .table table th{height:80px;font-family:'Noto-M';font-size:32px}
.subpage .calendar-check .table table td{height:145px;font-size:20px;color:#464646;text-align:left;vertical-align:top;border:solid 2px #ff7d9e;background:#fff}
.subpage .calendar-check .table table td .day{padding:12px 14px 5px 14px}
.subpage .calendar-check .table table td .check{height:82px;text-indent:-9999px;background:url('../img/common/icon/calendar_check.png') no-repeat 50% 0}
.subpage .calendar-check .info{position:relative;margin:0 -135px;padding:70px 0 84px 490px;text-align:left;background:#e83345}
.subpage .calendar-check .info dt{position:absolute;left:170px;top:118px;font-family:'Noto-M';font-size:26px}
.subpage .calendar-check .info dd{padding:0 0 0 20px;font-size:21px;text-indent:-20px}
.subpage .calendar-check .info dd + dd{margin-top:18px}

.subpage .calendar-check2{margin:0 auto;width:1200px;color:#fff;text-align:center;background:#11d1e2;box-sizing:border-box}
.subpage .calendar-check2 > .tit{margin:0 0 88px 0;font-family:'Noto-B';font-size:110px}
.subpage .calendar-check2 > .date{margin:0 0 22px 0;font-size:0}
.subpage .calendar-check2 > .date > *{display:inline-block;vertical-align:middle}
.subpage .calendar-check2 > .date > span{width:200px;font-family:'Noto-M';font-size:38px}
.subpage .calendar-check2 > .date > button{width:53px;height:53px;text-align:left;text-indent:-9999px;background:url('//img.sonyunara.com/2020/member/attend_arrow_pc.jpg') no-repeat 0 0; background-size:cover; border-radius:50%;}
.subpage .calendar-check2 > .date > .next{background-position:100% 0; transform:rotate(180deg);}
.subpage .calendar-check2 .table{margin:0 0 125px 0; padding:0 70px;}
.subpage .calendar-check2 .table table th{height:80px;font-family:'Noto-M';font-size:32px}
.subpage .calendar-check2 .table table tbody {border:6px solid #8df6ff;}
.subpage .calendar-check2 .table table td{height:145px;font-size:20px;color:#464646;text-align:left;vertical-align:top;border:solid 2px #11d1e2;background:#fff}
.subpage .calendar-check2 .table table td .day{padding:12px 14px 5px 14px}
.subpage .calendar-check2 .table table td .check{height:82px;text-indent:-9999px;background:url('//img.sonyunara.com/2020/member/attend_face_pc.jpg') no-repeat 50% 0}
.subpage .calendar-check2 .table table td .today {height: 82px;text-indent: -9999px;background: url('https://img.sonyunara.com/2019/asset/pc/img/common/icon/today_attend.png') no-repeat 50% 0;}
.subpage .calendar-check2 .table table td.today {cursor: pointer;}
.subpage .calendar-check2 .info{position:relative;padding:73px 90px !important;text-align:left;background:#00bbcb}
.subpage .calendar-check2 .info:after {display:block; content:""; clear:both;}
.subpage .calendar-check2 .info > div{background:#0d939f; font-family:'Noto-B';font-size:24px; font-weight:500; width:243px; height:53px; line-height:53px; text-align:center; border-radius:30px; margin-bottom:30px;}
.subpage .calendar-check2 .info ul:first-of-type {width:48%; float:left;}
.subpage .calendar-check2 .info ul:first-of-type li:first-of-type {margin-bottom:37px; color:#ffff89; font-size:18px;}
.subpage .calendar-check2 .info ul:last-of-type {width:52%; float:left; position:relative; top:-5px;}
.subpage .calendar-check2 .info ul:last-of-type li:first-of-type {margin-bottom:10px;}
.subpage .calendar-check2 .info ul:last-of-type li:nth-of-type(2) {margin-bottom:32px;}
.subpage .calendar-check2 .info ul li{font-size:16px; color:#fff; font-family:'Noto-R'; font-weight:100; margin-bottom:19px;}
.subpage .calendar-check2 .info ul li.tit {font-family:'Noto-M'; margin-bottom:28px; font-weight:500; font-size:20px;}
.subpage .calendar-check2 .info ul li font {color:#ffff89;}
.subpage .calendar-check2 .info ul li:last-of-type {margin-bottom:0;}

/** CART **/
.subpage .cart{margin:0 auto;width:1200px}
.subpage .cart .step{margin:-12px 0 72px 0;font-size:0;text-align:center}
.subpage .cart .step > li{display:inline-block;width:114px;height:114px;text-align:left;text-indent:-9999px;background:url('../img/sub/cart/cart_step.png') no-repeat 0 100%}
.subpage .cart .step > li + li{position:relative;margin-left:60px}
.subpage .cart .step > li + li:before{content:'';position:absolute;left:-60px;top:50%;margin:-1px 0 0 0;width:60px;height:2px;background:#f0f0f0}
.subpage .cart .step .step2{width:113px;background-position:-114px 100%}
.subpage .cart .step .step3{background-position:-227px 100%}
.subpage .cart .step .step1.on{background-position:0 0}
.subpage .cart .step .step2.on{background-position:-114px 0}
.subpage .cart .step .step3.on{background-position:-227px 0}
.subpage .cart .cart-con{margin:0 auto;position:relative;width:1200px}
.subpage .cart .cart-con > .left{width:820px}
.subpage .cart .order-list > .tit{margin:0 0 20px 0;font-family:'Noto-B';font-size:20px}
.subpage .cart .order-list > .tit:first-child{margin-top:-20px}
.subpage .cart .order-list .table-basic{margin:0 0 22px 0}
.subpage .cart .order-list .table-basic table .cs-form{vertical-align:middle}
.subpage .cart .order-list .table-basic table .cs-form label{padding-left:0;width:19px;text-indent:-9999px}
.subpage .cart .order-list .table-basic table tr {border-bottom:1px solid #e8e8e8;}
.subpage .cart .order-list .table-basic table tr:last-of-type {border-bottom:0;}
.subpage .cart .order-list .table-basic table td{padding:16px 5px}
.subpage .cart .order-list .table-basic table td .p1{display:block;color:#848484;text-decoration:line-through}
.subpage .cart .order-list .table-basic table td .p2{display:block;margin:12px 0 0 0;font-family:'Noto-M';color:#000}
.subpage .cart .order-list .table-basic table td .btn-del{width:30px;height:30px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_close22.png') no-repeat 50% 50%}
.subpage .cart .order-list .btnbox{margin:0 0 33px 0}
.subpage .cart .order-list .btnbox button span{min-width:110px}
.subpage .cart .order-list .dash-list{padding:18px 0 18px 34px;background:#fff5f6}
.subpage .cart .order-list .dash-list li{font-size:13px}
.subpage .cart .order-list .dash-list li + li{margin-top:11px}


.subpage .cart .order-list .dash-list span{color:#ff7d9e}
.subpage .cart .order-list .total{margin:-23px 0 20px 0;padding:22px 40px 25px 40px;text-align:right;font-size:16px;border:solid #9d9d9d;border-width:1px 0}
.subpage .cart .order-list .total > *{display:inline-block}
.subpage .cart .order-list .total .red{color:#ff7d9e}
.subpage .cart .order-list .total .red strong{font-size:24px}
.subpage .cart .free{margin:0 0 70px 0;padding:56px 106px 55px 106px;background:#fef5f6}
.subpage .cart .free > .tit{font-family:'Noto-M';font-size:25px;text-align:center}
.subpage .cart .free > .tit strong{color:#ff7d9e}
.subpage .cart .free > .txt{margin:12px 0 38px 0;font-size:20px;color:#696969;text-align:center}
.subpage .cart .free .product-check-list > .list{margin:0 -12px}
.subpage .cart .free .product-check-list .list > .item{padding:0 12px;width:20%}
.subpage .cart .free .product-check-list .list > .item .thumb{margin:0 0 15px 0}
.subpage .cart .free .product-check-list .list > .item .subject{margin:0 0 8px 0;padding:0}
.subpage .cart .free .product-check-list .list > .item .price{margin:0 0 14px 0;padding:0 0 14px 0;border-bottom:solid 1px #d8d4d4}
.subpage .cart .free .product-check-list .list > .item .optionbox .btn-toggle span{width:100%;height:30px;font-family:'Noto-M';line-height:28px;color:#414141;text-align:center;border:solid 1px #cecece;border-radius:4px;background:#fff}
.subpage .cart .free .product-check-list .list > .item .optionbox .btn-toggle span:after{display:none}
.subpage .cart .free .product-check-list .list > .item .optionbox  .view{top:30px}
.subpage .cart .product-info{font-size:0}
.subpage .cart .product-info > *{display:inline-block;vertical-align:middle}
.subpage .cart .product-info .thumb{margin:0 40px 0 0;width:120px}
.subpage .cart .product-info .thumb img{display:block;width:100%;height:auto}
.subpage .cart .product-info .info{width:280px;font-size:14px}
.subpage .cart .product-info .info .icon{margin:0 0 10px 0}
.subpage .cart .product-info .info .tit{margin:0 0 6px 0;font-family:'Noto-M';font-size:16px}
.subpage .cart .product-info .info .txt{margin:0 0 18px 0;color:#484848}
.subpage .cart .product-info .option{position:relative}
.subpage .cart .product-info .option .btn-toggle span{width:68px;height:30px;font-size:13px;color:#39373a;line-height:28px;border:solid 1px #bababa;border-radius:4px;box-sizing:border-box}
.subpage .cart .product-info .option .btn-toggle.active span{color:#ff7d9e;border-color:#ff7d9e}
.subpage .cart .product-info .option .view{margin:10px 0 0 0;width:420px;font-size:0;background:#fff}
.subpage .cart .product-info .option .view > *{display:inline-block;margin:0 0 0 15px;font-size:14px}
.subpage .cart .product-info .option .view > select{width:126px;height:30px;text-align-last:center;border:0;border-bottom:solid 1px #cecece}
.subpage .cart .product-info .option .view > *:first-child{margin:0}
.subpage .cart .product-info .option .view button span{min-width:67px;height:30px;font-size:13px;line-height:30px}
.subpage .cart .product-info .option .view button + button{margin:0 0 0 3px}
.subpage .cart .product-info .option .btn-toggle.active + .view{display:block}
.subpage .cart .ea{display:inline-block;position:relative;width:71px;text-align:left}
.subpage .cart .ea input{padding:0;width:37px;height:33px;font-size:12px;color:#000;text-align:center;border:solid 1px #acacac;border-radius:2px}
.subpage .cart .ea button{position:absolute;right:0;width:29px;height:17px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/eq.png') no-repeat 0 0}
.subpage .cart .ea .minus{top:15px;background-position:0 100%}
.subpage .cart .order-info{padding:0 0 75px 0;border-bottom:solid 1px #39373a}
.subpage .cart .order-info .form-tit{margin:0 0 22px 0;padding:0 0 0 12px;font-family:'Noto-B';font-size:17px}
.subpage .cart .order-info .form-box+ .form-tit{margin-top:50px;padding-top:50px;border-top:solid 1px #e8e8e8}
.subpage .cart .order-info .form-box{padding:0 40px}
.subpage .cart .order-info .form-box > li{position:relative;padding:0 0 0 132px}
.subpage .cart .order-info .form-box > li + li{margin:20px 0 0 0}
.subpage .cart .order-info .form-box > li > .tit{position:absolute;left:0;top:8px;font-family:'Noto-M';font-size:15px}
.subpage .cart .order-info .form-box .form .btn-s-line:hover span{color:#ff7d9e;border-color:#ff7d9e}
.subpage .cart .order-info .form-box .form input[type="text"],
.subpage .cart .order-info .form-box .form input[type="password"]{width:150px;height:34px;border:0;border-bottom:solid 1px #9d9d9d;box-sizing:border-box}
.subpage .cart .order-info .form-box .form-price{display:inline-block;position:relative}
.subpage .cart .order-info .form-box .form-price input{padding:0 28px 0 0;text-align:right}
.subpage .cart .order-info .form-box .form-price span{position:absolute;right:0;top:8px;width:30px;color:#888;text-align:center}
.subpage .cart .order-info .form-box .btn-s-line span{min-width:67px;height:31px;line-height:29px}
.subpage .cart .order-info .form-box .info-txt{margin:0 0 0 8px;font-size:14px}
.subpage .cart .order-info .form-box .info-txt span{color:#ff7d9e}
.subpage .cart .order-info .form-box .form-address .t1 input{width:80px}
.subpage .cart .order-info .form-box .form-address .t1 button{margin:0 0 0 4px}
.subpage .cart .order-info .form-box .form-address .t1 button span{margin:0}
.subpage .cart .order-info .form-box .form-address .t2 input{width:240px}
.subpage .cart .order-info .form-box .form-address .t2 input + input{width:170px}
.subpage .cart .order-info .form-box .form-address + .cs-form{margin-top:15px}
.subpage .cart .order-info .form-box .form-tel{margin:0 0 16px 0}
.subpage .cart .order-info .form-box .btn-s-black span{height:30px;line-height:30px;font-size:12px}
.subpage .cart .order-info .form-box .form-agree > *{vertical-align:middle}
.subpage .cart .order-info .form-box .form-agree > * + *{margin:0 0 0 24px}
.subpage .cart .order-info .form-box .form-agree + *{margin-top:20px}
.subpage .cart .order-info .form-box .bank,
.subpage .cart .order-info .form-box .memo{min-width:428px;height:31px;border:0;border-bottom:solid 1px #9d9d9d;box-sizing:border-box}
.subpage .cart .order-info .form-box .bank{min-width:auto}
.subpage .cart .order-info .form-box .alert{display:block;position:absolute;margin:12px 0 0 0;font-size:12px;color:#ff7d9e}
.subpage .cart .select-type{margin:0 0 38px 0;font-size:15px}
.subpage .cart .select-type strong{color:#ff7d9e}
.subpage .cart .selectpay{padding:0 0 0 10px}
.subpage .cart .creditcard .bullet-list li{padding-left:136px;color:#000}
.subpage .cart .creditcard .bullet-list li:before{background:#000}
.subpage .cart .creditcard .bullet-list li strong{position:absolute;left:16px;top:0}
.subpage .cart .paylist,.subpage .cart .paylist2{overflow:hidden;margin:0 20px 55px 10px;border:solid 1px #e8e8e8}
.subpage .cart .paylist > li,.subpage .cart .paylist2 > li{float:left;width:25%}
.subpage .cart .paylist > li > *,.subpage .cart .paylist2 > li > *{display:block;width:100%}
.subpage .cart .paylist > li > * > *,.subpage .cart .paylist2 > li > * > *{display:block;position:relative;margin:-1px 0 0 -1px;padding:97px 0 0 0;width:100%;height:146px;font-size:14px;border:solid #e8e8e8;border-width:1px 0 0 1px;box-sizing:border-box}
.subpage .cart .paylist > li > * > *:before{content:'';position:absolute;left:50%;top:30px;margin:0 0 0 -50px;width:100px;height:60px;background:url('../img/sub/cart/pay.png') no-repeat 0 0}
.subpage .cart .paylist > .pay5 ~ *,.subpage .cart .paylist2 > .pay5 ~ *{background:#fff8f9}
.subpage .cart .paylist > .on,
.subpage .cart .paylist2 > .on,
.subpage .cart .paylist > li:hover,.subpage .cart .paylist2 > li:hover{color:#fff;background:#ff7d9e}
.subpage .cart .paylist > .pay1 > * > *:before{background-position:0 0}
.subpage .cart .paylist > .pay2 > * > *:before{background-position:0 -60px}
.subpage .cart .paylist > .pay3 > * > *:before{background-position:0 -120px}
.subpage .cart .paylist > .pay4 > * > *:before{background-position:0 -180px}
.subpage .cart .paylist > .pay5 > * > *:before{background-position:0 -240px}
.subpage .cart .paylist > .pay6 > * > *:before{background-position:0 -300px}
.subpage .cart .paylist > .pay7 > * > *:before{background-position:0 -360px}
.subpage .cart .paylist > .pay8 > * > *:before{background-position:0 -420px}
.subpage .cart .paylist > .pay1:hover > * > *:before,
.subpage .cart .paylist > .pay1.on > * > *:before{background-position:100% 0}
.subpage .cart .paylist > .pay2:hover > * > *:before,
.subpage .cart .paylist > .pay2.on > * > *:before{background-position:100% -60px}
.subpage .cart .paylist > .pay3:hover > * > *:before,
.subpage .cart .paylist > .pay3.on > * > *:before{background-position:100% -120px}
.subpage .cart .paylist > .pay4:hover > * > *:before,
.subpage .cart .paylist > .pay4.on > * > *:before{background-position:100% -180px}
.subpage .cart .paylist > .pay5:hover > * > *:before,
.subpage .cart .paylist > .pay5.on > * > *:before{background-position:100% -240px}
.subpage .cart .paylist > .pay6:hover > * > *:before,
.subpage .cart .paylist > .pay6.on > * > *:before{background-position:100% -300px}
.subpage .cart .paylist > .pay7:hover > * > *:before,
.subpage .cart .paylist > .pay7.on > * > *:before{background-position:100% -360px}
.subpage .cart .paylist > .pay8:hover > * > *:before,
.subpage .cart .paylist > .pay8.on > * > *:before{background-position:100% -420px}
.subpage .cart .cart-con > .left > .tit{margin:0 0 50px 0;height:33px;font-family:'Noto-B';font-size:20px;border-bottom:solid 2px #39373a}
.subpage .cart .cart-con > .right{position:absolute;right:0;top:0;width:346px;height:100%}
.subpage .cart .cart-con > .right .paybox{position:relative;top:0;width:346px}
.subpage .cart .cart-con > .right .paybox .top{margin:0 0 22px 0;padding:40px 44px 48px 44px;background:#f6f6f6}
.subpage .cart .cart-con > .right .paybox .top .tit{margin:0 0 25px 0;font-family:'Noto-B'}
.subpage .cart .cart-con > .right .paybox .top .price{margin:0 0 36px 0;font-family:'Noto-M';font-size:17px;color:#ff7d9e}
.subpage .cart .cart-con > .right .paybox .top .price strong{font-size:28px}
.subpage .cart .cart-con > .right .paybox .top .info li{overflow:hidden;font-size:12px;color:#7e7e7e;text-align:right}
.subpage .cart .cart-con > .right .paybox .top .info li .t1{float:left}
.subpage .cart .cart-con > .right .paybox .top .info li + li{margin:10px 0 0}
.subpage .cart .cart-con > .right .paybox .top .info li strong{color:#ff7d9e}
.subpage .cart .cart-con > .right .paybox .btnbox li{display:block;margin:0}
.subpage .cart .cart-con > .right .paybox .btnbox li + li{margin:12px 0 0 0}
.subpage .cart .cart-con > .right .paybox .btnbox li button{width:100%}
.subpage .cart .cart-con > .right .paybox .btnbox li button span{width:100%;height:60px;font-size:18px;line-height:60px}
.subpage .cart .cart-con > .right .paybox .btnbox li .btn-m-line:hover span{color:#ff7d9e;border-color:#ff7d9e}
.subpage .cart .order-complete{margin:-10px auto 0 auto;width:740px;text-align:center}
.subpage .cart .order-complete > .tit{margin:0 0 15px 0;padding:64px 0 0 0;font-family:'Noto-M';font-size:28px;background:url('../img/sub/cart/check.png') no-repeat 50% 0}
.subpage .cart .order-complete > .txt{margin:0 0 30px 0;color:#464646}
.subpage .cart .order-complete > .num{margin:0 0 60px 0;font-size:20px;color:#464646}
.subpage .cart .order-complete > .num strong{color:#ff7d9e}
.subpage .cart .order-complete > .info{margin:0 0 30px 0}
.subpage .cart .order-complete > .info > dt{margin:0 0 40px 0;height:52px;line-height:52px;font-family:'Noto-B';font-size:15px;border-top:solid 2px #39373a;border-bottom:solid 1px #9d9d9d}
.subpage .cart .order-complete > .info dd{text-align:left}
.subpage .cart .order-complete > .info .line{padding:30px 0;border:solid 1px #9d9d9d}
.subpage .cart .order-complete > .info dd + dd{margin-top:26px}
.subpage .cart .order-complete > .info .large{margin-top:-10px}
.subpage .cart .order-complete > .info .list{padding:0 72px 0 62px;font-size:15px;color:#7e7e7e;line-height:1.3}
.subpage .cart .order-complete > .info .list > li:after{content:'';display:table;width:100%;clear:both}
.subpage .cart .order-complete > .info .list > li + li{margin-top:20px}
.subpage .cart .order-complete > .info .list > li p{float:left}
.subpage .cart .order-complete > .info .list > li p + p{float:right;text-align:right}
.subpage .cart .order-complete > .info .list > li .red{color:#ff7d9e}
.subpage .cart .order-complete > .info .list > li .type{display:block;margin-top:8px}
.subpage .cart .order-complete > .info .list > li strong{font-size:24px}
.subpage .cart .order-complete > .info .line .list > li strong{font-size:15px}
.subpage .cart .order-complete > .info .line .list > li em{font-family:'Noto-B';color:#000;font-size:15px}
.subpage .cart .order-complete .dash-list{margin:0 0 42px 0}
.subpage .cart .order-complete .dash-list{padding:22px 0 22px 64px;background:#fff5f6}
.subpage .cart .order-complete .dash-list li{font-family:'Noto-M';font-size:14px}
.subpage .cart .order-complete .dash-list li + li{margin:10px 0 0 0}
.subpage .cart .order-complete .dash-list span{color:#ff7d9e}
.subpage .cart .order-complete > .btnbox li * span{min-width:165px}


/** MYPAGE - ORDERDETAIL **/
.mypage.nomember{margin-top:-30px}
.mypage .order-detail .product-thumb{display:inline-block;padding:0 0 0 15px;font-size:0}
.mypage .order-detail .product-thumb > *{display:inline-block;vertical-align:middle}
.mypage .order-detail .product-thumb .thumb{margin:0 20px 0 0;width:70px}
.mypage .order-detail .product-thumb .thumb img{display:block;width:100%;height:auto}
.mypage .order-detail .product-thumb .txt .t1{margin:8px 0 5px 0;font-family:'Noto-M';font-size:16px;color:#000}
.mypage .order-detail .product-thumb .txt .t2{font-size:14px;color:#484848}
.mypage .order-detail .detail1{margin:0 0 32px 0}
.mypage .order-detail .detail1 .top{overflow:hidden;margin:0 0 10px 0;font-size:16px;color:#000}
.mypage .order-detail .detail1 .top > *{float:left}
.mypage .order-detail .detail1 .top > * + *{position:relative;margin-left:28px}
.mypage .order-detail .detail1 .top > * + *:before{content:'';position:absolute;left:-14px;top:3px;width:1px;height:14px;background:#adadad}
.mypage .order-detail .detail1 .table-basic{margin:0 0 20px 0}
.mypage .order-detail .detail1 .table-basic td select{display:block;min-width:110px;height:34px;font-size:12px;border:0;border-bottom:solid 1px #b7b7b7}
.mypage .order-detail .detail1 .table-basic td select + select{margin-top:10px}
.mypage .order-detail .detail2{margin:0 0 40px 0}
.mypage .order-detail .detail2 > .tit{margin:0 0 10px 0;font-family:'Noto-M';font-size:18px}
.mypage .order-detail .detail2 .payinfo{overflow:hidden;margin:0 0 10px 0;border-top:solid 2px #39373a;border-bottom:solid 1px #9d9d9d}
.mypage .order-detail .detail2 .payinfo .left{float:left;width:630px;border-right:solid 1px #e6e6e6}
.mypage .order-detail .detail2 .payinfo .left .top{overflow:hidden}
.mypage .order-detail .detail2 .payinfo .left .top > *{float:left;padding:24px 18px 0 18px;width:33.333444%;min-height:165px;box-sizing:border-box}
.mypage .order-detail .detail2 .payinfo .left .top > * + *{border-left:solid 1px #e6e6e6}
.mypage .order-detail .detail2 .payinfo .left .top dt{margin:0 0 24px 0;font-family:'Noto-B';font-size:14px}
.mypage .order-detail .detail2 .payinfo .left .top dd{overflow:hidden;position:relative;margin:0 0 17px 0;padding:0 0 0 8px;font-size:12px;color:#535353}
.mypage .order-detail .detail2 .payinfo .left .top dd:before{content:'';position:absolute;left:0;top:6px;width:3px;height:1px;background:#7e7e7e}
.mypage .order-detail .detail2 .payinfo .left .top dd .t1{float:left}
.mypage .order-detail .detail2 .payinfo .left .top dd .t2{float:right}
.mypage .order-detail .detail2 .payinfo .left .top .last{margin:0;padding-top:5px;font-family:'Noto-B';font-size:14px;color:#000;text-align:right}
.mypage .order-detail .detail2 .payinfo .left .top .last:before{display:none}
.mypage .order-detail .detail2 .payinfo .left .bottom{padding:0 0 0 18px;height:48px;line-height:48px;font-size:0;border-top:solid 1px #e6e6e6}
.mypage .order-detail .detail2 .payinfo .left .bottom > *{display:inline-block;font-size:12px;color:#000}
.mypage .order-detail .detail2 .payinfo .left .bottom dt{width:124px;font-family:'Noto-B';font-size:14px}
.mypage .order-detail .detail2 .payinfo .right{margin:0 0 0 631px}
.mypage .order-detail .detail2 .payinfo .right .top{padding:24px 50px 0 34px;min-height:141px;font-size:14px;color:#000;background:#f9f9f9}
.mypage .order-detail .detail2 .payinfo .right .top li{overflow:hidden}
.mypage .order-detail .detail2 .payinfo .right .top li .t1{float:left}
.mypage .order-detail .detail2 .payinfo .right .top li .t2{float:right}
.mypage .order-detail .detail2 .payinfo .right .top li + li{margin:11px 0 0 0}
.mypage .order-detail .detail2 .payinfo .right .bottom{padding:0 47px 0 34px;height:48px;line-height:48px;font-size:0;border-top:solid 1px #e6e6e6}
.mypage .order-detail .detail2 .payinfo .right .bottom > *{display:inline-block}
.mypage .order-detail .detail2 .payinfo .right .bottom dt{font-family:'Noto-B';font-size:16px}
.mypage .order-detail .detail2 .payinfo .right .bottom dd{float:right;font-size:16px;color:#ff7d9e}
.mypage .order-detail .detail2 .payinfo .right .bottom dd strong{font-size:20px}
.mypage .order-detail .detail3{overflow:hidden;margin:0 0 40px 0}
.mypage .order-detail .detail3 > *{float:left;width:50%}
.mypage .order-detail .detail3 .tit{margin:0 0 10px 0;font-family:'Noto-M';font-size:18px}
.mypage .order-detail .detail3 th,
.mypage .order-detail .detail3 td{position:relative;padding:10px 28px;height:40px}
.mypage .order-detail .detail3 td .btn-s-black{position:absolute;right:28px;margin-top:-6px}
.mypage .order-detail .detail3 td .btn-s-black span{min-width:70px;height:30px;line-height:30px}
.mypage .order-detail .refund{margin:60px 0 50px 0}
.mypage .order-detail .refund .tit{margin:0 0 10px 0;font-family:'Noto-M';font-size:18px}
.mypage .order-detail .refund .table-row table tbody th{text-align:center}
.mypage .order-detail .refund .table-row table tbody td .cs-form{margin:0 26px 0 0}
.mypage .order-detail .refund .account-info{padding:8px 0 20px 0}
.mypage .order-detail .refund .account-info li + li{margin:18px 0 0 0}
.mypage .order-detail .refund .account-info li{position:relative;padding:0 0 0 102px}
.mypage .order-detail .refund .account-info li .tit{position:absolute;left:0;top:4px;font-size:14px}
.mypage .order-detail .refund .account-info li input,
.mypage .order-detail .refund .account-info li select{width:145px;height:30px;border:0;font-size:14px;border-bottom:solid 1px #cecece}
.mypage .order-detail .refund .account-info li select{margin:0 8px 0 0;min-width:336px;color:#ff7d9e}
.mypage .order-detail .refund .account-info li .btn-s-black span{min-width:100px;height:30px;line-height:30px;font-size:13px}
.mypage .order-detail .filebox{margin:0 0 30px 0}
.mypage .order-detail .filebox .tit{margin:0 0 10px 0;font-family:'Noto-M';font-size:18px}
.mypage .order-detail .filebox .tit span{margin:0 0 0 10px;font-size:13px;color:#6f6f6f}
.mypage .order-detail .detailreason{position:relative;margin:0 0 60px 0}
.mypage .order-detail .detailreason.insert .info{display:none}
.mypage .order-detail .detailreason .info{position:absolute;left:15px;top:17px;font-size:14px;color:#959595}
.mypage .order-detail .detailreason textarea{position:relative;padding:15px;width:100%;height:134px;font-size:14px;color:#000;border:solid 1px #e8e8e8;background:transparent;box-sizing:border-box}
.mypage .order-detail .addressbox{overflow:hidden;margin:0 0 60px 0}
.mypage .order-detail .addressbox .tit{margin:0 0 10px 0;font-family:'Noto-M';font-size:18px}
.mypage .order-detail .addressbox > *{width:516px}
.mypage .order-detail .addressbox .left{float:left}
.mypage .order-detail .addressbox .right{float:right}
.mypage .order-detail .addressbox td{position:relative}
.mypage .order-detail .addressbox td .btn-s-black{position:absolute;right:28px;margin-top:-6px}
.mypage .order-detail .addressbox td .btn-s-black span{min-width:70px;height:30px;line-height:30px}
.mypage .order-detail .delivery .tit{margin:0 0 10px 0;font-family:'Noto-M';font-size:18px}
.mypage .order-detail .delivery td.tcenter{padding-left:0;padding-right:0}
.mypage .order-detail .delivery td .red{font-size:16px;color:#ff7d9e}
.mypage .order-detail .delivery td .cs-form{margin:0}
.mypage .order-detail .delivery td .cs-form ~.cs-form{margin-top:15px}
.mypage .order-detail .exchange-complete{margin:0 0 60px 0;padding:110px 0;font-family:'Noto-M';font-size:16px;color:#000;text-align:center;border:solid #39373a;border-width:2px 0 1px 0}
.mypage .managebox .tabmenu-line{margin:0 0 38px 0}
.mypage .managebox .btnbox{margin:0 0 15px 0}
.mypage .managebox .btnbox .add span:after{content:'';display:inline-block;margin:-2px 0 0 5px;width:12px;height:12px;vertical-align:middle;background:url('../img/common/icon/add.png') no-repeat 0 0}
.mypage .managebox .table-basic{margin:0 0 50px 0}
.mypage .managebox .table-basic td .info dt{font-family:'Noto-M';font-size:16px}
.mypage .managebox .table-basic td .info dt + dd{color:#000}
.mypage .managebox .table-basic td .info dd{margin:7px 0 0 0;font-size:14px;color:#535353}
.mypage .managebox .table-basic td .btn-s-line span{min-width:48px;height:30px;font-size:12px;color:#686868;line-height:28px}
.mypage .managebox .table-basic td .cs-form label{padding:0;width:19px;text-align:left;text-indent:-99999px}
.mypage .managebox .bullet-list{margin:60px 0 0 0}
.mypage .managebox .mypoint-box{overflow:hidden;margin:0 0 26px 0;padding:50px 75px;border:solid 1px #e8e8e8}
.mypage .managebox .mypoint-box dt{float:left;padding:3px 0 0 0;font-size:15px;color:#39373a}
.mypage .managebox .mypoint-box dt img{margin:-3px 12px 0 0;vertical-align:middle}
.mypage .managebox .mypoint-box dd{float:right;font-size:18px;color:#39373a}
.mypage .managebox .mypoint-box dd strong{font-size:26px}
.mypage .managebox .coupon-register{padding:50px 0 0 0;border-top:solid 2px #464447}
.mypage .managebox .coupon-register .inform{margin:0 auto;width:520px}
.mypage .managebox .coupon-register .inform > li{position:relative;padding:0 0 0 110px}
.mypage .managebox .coupon-register .inform > li .tit{position:absolute;left:0;top:6px;font-size:16px}
.mypage .managebox .coupon-register .inform > li select,
.mypage .managebox .coupon-register .inform > li input{height:30px;border:0;border-bottom:solid 1px #e8e8e8}
.mypage .managebox .coupon-register .inform > li + li{margin-top:28px}
.mypage .managebox .coupon-register .inform .form-tel .btn{position:absolute;right:30px;top:0;border:0}
.mypage .managebox .coupon-register .inform .form-tel .btn button{border:0}
.mypage .managebox .coupon-register .inform .form-tel .btn button span{min-width:104px;height:34px;line-height:34px;font-size:12px}
.mypage .managebox .coupon-register .inform .form-tel .btn:before{display:none}
.mypage .managebox .coupon-register .info{margin:24px 0 0 0;font-size:12px;color:#5e5e5e;text-align:center}
.mypage .managebox .coupon-register .btnbox{margin:60px 0 0 0;padding-top:20px;border-top:solid 1px #464447}

/** MYPAGE - MODIFY **/
.mypage .conbox > .right .member .join{width:100%}
.mypage .conbox > .right .member .join .form-address{padding:0 0 20px 0}

/** MYPAGE - BENEFIT **/
.mypage .conbox > .right .benefits-box{padding:20px 0 0 0}
.mypage .conbox > .right .benefits-box > .tit{margin:0 0 80px 0;font-size:36px;text-align:center}
.mypage .conbox > .right .benefits-box > .tit .red{color:#ff7d9e}
.mypage .conbox > .right .benefits-box > .lv-gauge{position:relative;margin:0 0 107px;height:15px}
.mypage .conbox > .right .benefits-box > .lv-gauge .list li{position:absolute;left:0;font-size:14px;text-align:center}
.mypage .conbox > .right .benefits-box > .lv-gauge .list li .t1{position:absolute;left:50%;top:-6px;margin:0 0 0 -14px;width:28px;height:28px;text-align:left;text-indent:-9999px;background:url('../img/common/icon/benefit_lv.png') no-repeat 0 0; z-index: 1000;}
.mypage .conbox > .right .benefits-box > .lv-gauge .list li .t2{position:absolute;left:50%;top:29px;margin:0 0 0 -40px;width:80px}
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-white{text-align:left}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-white .t1{left:-3px;margin:0;background-position:0 -74px}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-white .t2{left:0;margin:0;width:100px}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-bronze{left:25%}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-bronze .t1{background-position:-30px -73px}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-silver{left:50%}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-silver .t1{background-position:-58px -73px}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-gold{left:75%}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-gold .t1{background-position:-90px -73px}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-vip{left:auto;right:0;text-align:right}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-vip .t1{left:auto;margin:0;right:-7px;background-position:-122px -73px}*/
/*.mypage .conbox > .right .benefits-box > .lv-gauge .list .lv-vip .t2{margin:0;left:auto;right:0}*/
.mypage .conbox > .right .benefits-box > .lv-gauge .bar{height:15px;border:solid 1px #a4a4a4}
.mypage .conbox > .right .benefits-box > .lv-gauge .bar p{margin:-1px 0 0 0;height:17px;border-radius:20px;text-indent:-9999px;background:#ff7d9e}
.mypage .conbox > .right .benefits-box .tablebox{margin:0 0 50px 0}
.mypage .conbox > .right .benefits-box .tablebox table{border:solid #39373a;border-width:2px 0 1px 0}
.mypage .conbox > .right .benefits-box .tablebox table thead th{font-family:'Noto-M';height:158px;font-size:16px;border-bottom:solid 1px #464447}
.mypage .conbox > .right .benefits-box .tablebox table thead th:first-child{border-right:solid 1px #464447}
.mypage .conbox > .right .benefits-box .tablebox table thead th span{display:inline-block;position:relative;padding:80px 0 0 0;font-size:18px;color:#535453}
.mypage .conbox > .right .benefits-box .tablebox table thead th span:before{content:'';position:absolute;left:50%;top:0;margin:0 0 0 -32px;width:64px;height:64px;background:url('../img/common/icon/benefit_lv.png') no-repeat 0 0}
.mypage .conbox > .right .benefits-box .tablebox table thead th .silver:before{background-position:-73px 0}
.mypage .conbox > .right .benefits-box .tablebox table thead th .gold:before{background-position:-149px 0}
.mypage .conbox > .right .benefits-box .tablebox table thead th .vip:before{background-position:-223px 0}
.mypage .conbox > .right .benefits-box .tablebox table tbody th{font-family:'Noto-M';height:158px;font-size:16px;border-right:solid 1px #464447}
.mypage .conbox > .right .benefits-box .tablebox table tbody th,
.mypage .conbox > .right .benefits-box .tablebox table tbody td{height:88px;border-top:solid 1px #e8e8e8}
.mypage .conbox > .right .benefits-box .tablebox table tbody tr:first-child th,
.mypage .conbox > .right .benefits-box .tablebox table tbody tr:first-child td{border-top:0}
.mypage .conbox > .right .benefits-box .tablebox table tbody td{font-size:14px;color:#535453}
.mypage .conbox > .right .benefits-box .tablebox table tbody td strong{font-size:25px}
.mypage .conbox > .right .benefits-box .bullet-list li{font-size:12px;color:#535453}
.mypage .conbox > .right .benefits-box .bullet-list li:before{top:5px;width:4px;height:4px;background:#a4a4a4}
.mypage .conbox > .right .benefits-box .bullet-list li + li{margin:8px 0 0 0}

/** MYPAGE - ORDER **/
.mypage{margin-top:-74px}
.mypage .myinfo{margin:0 0 20px 0;border:solid 1px #9d9d9d}
.mypage .myinfo .top{padding:61px 0 51px 0;font-size:0;text-align:center;background:#ff7d9e}
.mypage .myinfo .top > *{display:inline-block;padding:31px 0 23px 0;width:186px;font-size:20px;color:#fff;vertical-align:middle;border-left:solid 1px #fff}
.mypage .myinfo .top > * .tit{margin:0 0 29px 0;font-size:20px}
.mypage .myinfo .top > * .txt{font-size:22px}
.mypage .myinfo .top > * .txt strong,
.mypage .myinfo .top > * .txt a{display:inline-block;padding:0 0 2px 0;font-size:30px;border-bottom:solid 1px #fff}
.mypage .myinfo .top .info1{position:relative;margin:0 0 0 50px;padding:7px 0 0 168px;width:172px;text-align:left;border:0}
.mypage .myinfo .top .info1 .photo{overflow:hidden;position:absolute;left:0;top:18px;width:113px;height:113px;background:url('../img/sub/mypage/photo_default.png') no-repeat 0 0}
.mypage .myinfo .top .info1 .photo > img{display:block;width:100%;height:auto}
.mypage .myinfo .top .info1 .photo:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/sub/mypage/photoframe.png') no-repeat 0 0}
.mypage .myinfo .top .info1 .lv{margin:0 0 6px -4px}
.mypage .myinfo .top .info1 .lv > span{display:inline-block;width:50px;height:50px;font-size:12px;text-align:left;text-indent:-9999px;background:url('../img/sub/mypage/level.png') no-repeat 0 0}
.mypage .myinfo .top .info1 .lv .lv-bronze{background-position:-50px 0}
.mypage .myinfo .top .info1 .lv .lv-white{background-position:-100px 0}
.mypage .myinfo .top .info1 .lv .lv-silver{background-position:0 -50px}
.mypage .myinfo .top .info1 .lv .lv-gold{background-position:-50px -50px}
.mypage .myinfo .top .info1 .lv .lv-vip{background-position:-100px -50px}
.mypage .myinfo .top .info1 .name{margin:0 0 14px 0;font-size:20px;color:#fff}
.mypage .myinfo .top .info1 .name strong{font-size:24px}
.mypage .myinfo .top .info1 .btn button span{width:94px;height:32px;line-height:32px;font-size:14px;color:#fff;border:solid 1px #fff;border-radius:4px}
.mypage .myinfo .middle{padding:16px 0;font-size:0;color:#fff;text-align:center;line-height:1;background:#39373a}
.mypage .myinfo .middle > *{display:inline-block;font-size:20px}
.mypage .myinfo .middle > * + *{margin-left:35px;padding-left:35px;border-left:solid 1px #dadadb}
.mypage .myinfo .bottom{padding:51px 0 62px 0;font-family:'Noto-M';font-size:0;text-align:center}
.mypage.nomember .myinfo .bottom{background:#f9f9f9}
.mypage .myinfo .bottom > *{display:inline-block;font-size:16px;color:#000;vertical-align:middle}
.mypage .myinfo .bottom dt{margin:0 38px 0 0;font-size:24px}
.mypage .myinfo .bottom dd{position:relative;margin:0 0 0 26px;width:160px}
.mypage .myinfo .bottom dd:before{content:'';position:absolute;left:-24px;top:24px;width:17px;height:27px;background:url('../img/sub/mypage/arr_right.png') no-repeat 0 0}
.mypage .myinfo .bottom dt + dd{margin:0}
.mypage .myinfo .bottom dt + dd:before{display:none}
.mypage .myinfo .bottom dd .tit{margin:0 0 16px 0;font-size:44px;color:#686868}
.mypage .conbox > .left{float:left;width:284px}
.mypage .conbox > .left .tit{padding:54px 0 58px 0;font-family:'Noto-B';font-size:34px;color:#fff;text-align:center;border:solid 1px #9d9d9d;border-bottom:0;background:#ff7d9e}
.mypage .conbox > .left .menu{padding:30px 0 70px 0;border:solid 1px #9d9d9d;border-top:0}
.mypage .conbox > .left .menu > li > a{display:block;padding:0 0 0 40px;height:63px;font-family:'Noto-M';font-size:16px;line-height:63px;color:#010101}
.mypage .conbox > .left .menu > li > a:hover,
.mypage .conbox > .left .menu > .on > a{font-size:18px;color:#fff;background:#39373a}
.mypage .conbox > .left .banner{margin:18px 0 0 0}
.mypage .conbox > .right{margin:0 0 0 324px;padding:70px 0 0 0;min-height:600px}
.mypage .conbox > .right > .tit{margin:0 0 47px 0;font-family:'Noto-B';font-size:30px;color:#000}
.mypage .conbox > .right .sort-box{margin:0 0 24px 0;font-size:0}
.mypage .conbox > .right .sort-box > *{display:inline-block;vertical-align:top}
.mypage .conbox > .right .sort-box .sort1{margin:0 20px 0 0}
.mypage .conbox > .right .sort-box .sort1 > *{display:inline-block;margin:0 -1px 0 0}
.mypage .conbox > .right .sort-box .sort1 button span{padding:0 5px;min-width:42px;height:34px;line-height:34px;font-size:14px;color:#686868;border:solid 1px #9d9d9d}
.mypage .conbox > .right .sort-box .sort2 > *{position:relative;display:inline-block;padding:0 25px 0 0;font-size:14px;color:#686868;border:solid 1px #9d9d9d}
.mypage .conbox > .right .sort-box .sort2 > * + *{margin:0 0 0 22px}
.mypage .conbox > .right .sort-box .sort2 > *:first-child:before{content:'';position:absolute;right:-16px;top:17px;width:9px;height:1px;background:#9d9d9d}
.mypage .conbox > .right .sort-box .sort2 input{width:104px;height:34px;text-align:center;border:0}
.mypage .conbox > .right .sort-box .sort2 button{position:absolute;right:0;top:0;width:40px;height:34px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn-calendar.png') no-repeat 50% 50%}
.mypage .conbox > .right .sort-box .btn{margin:0 0 0 8px}
.mypage .conbox > .right .sort-box .btn button{width:80px;height:36px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn-search-img.png') no-repeat 0 0}
.mypage .conbox > .right .order-list{margin:0 0 55px 0}
.mypage .conbox > .right .order-list .list > li{border:solid 1px #9d9d9d}
.mypage .conbox > .right .order-list .list .top{overflow:hidden;padding:18px 27px 18px 40px;font-size:16px;color:#000;border-bottom:solid 1px #e8e8e8;background:#f6f6f6}
.mypage .conbox > .right .order-list .list .top > *{float:left}
.mypage .conbox > .right .order-list .list .top > * + *{position:relative;margin-left:28px}
.mypage .conbox > .right .order-list .list .top > * + *:before{content:'';position:absolute;left:-14px;top:3px;width:1px;height:14px;background:#adadad}
.mypage .conbox > .right .order-list .list .top .btn{float:right;margin:0}
.mypage .conbox > .right .order-list .list .top .btn:before{display:none}
.mypage .conbox > .right .order-list .list .top .btn a{display:inline-block;padding:0 17px 0 0;font-family:'Noto-M';font-size:15px;color:#ff7d9e;line-height:1;background:url('../img/common/icon/arr_red_right.png') no-repeat 100% 50%}
.mypage .conbox > .right .order-list .list .bottom table thead th{height:50px;font-size:14px;color:#000;border-bottom:solid 1px #e8e8e8}
.mypage .conbox > .right .order-list .list .bottom table tbody td{padding:22px 10px}
.mypage .conbox > .right .order-list .list .bottom table tbody .tleft{text-align:left}
.mypage .conbox > .right .order-list .list .bottom table tbody td{border-left:solid 1px #e8e8e8;line-height:1.4}
.mypage .conbox > .right .order-list .list .bottom table tbody td:first-child{border-left:0}
.mypage .conbox > .right .order-list .list .bottom table tbody td > .red{color:#ff7d9e}
.mypage .conbox > .right .order-list .list .bottom table tbody td .btns > * + *{margin-top:5px}
.mypage .conbox > .right .order-list .list .bottom table tbody td .btns span{padding:0;min-width:92px;line-height:32px}
.mypage .conbox > .right .order-list .list .bottom .order_info{overflow:hidden;margin:0 0 -6px 0;padding:0 28px}
.mypage .conbox > .right .order-list .list .bottom .order_info > *{position:relative;float:left;margin:0 6px 6px 0}
.mypage .conbox > .right .order-list .list .bottom .order_info .thumb img{display:block;width:100%;height:auto}
.mypage .conbox > .right .order-list .list .bottom .order_info .txt{position:absolute;left:0;bottom:0;width:100%;height:18px;font-family:'Noto-M';font-size:11px;color:#fff;text-align:center;line-height:18px;background:#131110}
.mypage .conbox > .right .order-list .list .bottom .order_info .dimed:before{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:url('../img/common/bg/opa_w.png')}
.mypage .conbox > .right .order-list .list .bottom .order_info .gray .txt{background:#858585}
.mypage .conbox > .right .order-list .list .bottom .order_info .red .txt{background:#ff7d9e}
.mypage .conbox > .right .order-list .list > li + li{margin-top:48px}
.mypage .conbox > .right .qna-box .btnbox{margin:20px 0 40px 0}

/** CSCENTER - NOTICE */
.cscenter .notice-box .table-basic{margin:0 0 18px 0}
.cscenter .notice-box .table-basic td a:hover{text-decoration:underline}
.cscenter .notice-box .btnbox{margin:0 0 40px 0}
.cscenter .notice-box .board-view{margin:0 0 20px 0}
.cscenter .notice-box .board-view + .btnbox{margin-bottom:90px}
.cscenter .notice-box .board-view + .btnbox span{min-width:124px}
.cscenter .notice-box .board-write{margin:0 0 20px 0}

/** CSCENTER - UNKNOWN */
.cscenter .unknown-box .txt{margin:0 0 35px 0;font-size:12px;color:#404040;text-align:center}
.cscenter .unknown-box .basic-search{margin-bottom:52px;width:330px}
.cscenter .unknown-box .table-basic{margin:0 auto;width:640px}

/** CSCENTER - FAQ */
.cscenter{margin:0 auto;width:1200px}
.cscenter .tabmenu-black{margin:0 0 80px 0}
.cscenter .tabmenu-line{margin:0 0 45px 0}

/** CSCENTER - QNA */
.cscenter .qna-box .table-basic{margin:0 0 18px 0}
.cscenter .qna-box .btnbox{margin:0 0 40px 0}
.cscenter .qna-box .board-write{margin:0 0 20px 0}

/** CSCENTER - DELAY */
.cscenter .delay-box{margin-top:-42px}

/** PRODUCT - NEW */
.subpage .products-new .product-tit{margin-left:-130px}
.subpage .products-new .product-best5{margin-left:-130px;margin-right:-130px}


/** CATEGORY - PRODUCT */
.subpage .category-product > .tabmenu{margin:-32px 0 57px 0;font-size:0;text-align:center}
.subpage .category-product .tabmenu li{display:inline-block;font-family:'Noto-M';font-size:18px;color:#585858;vertical-align:top}
.subpage .category-product .tabmenu li + li{position:relative;margin:0 0 0 64px}
.subpage .category-product .tabmenu li + li:before{content:'';position:absolute;left:-32px;top:6px;width:5px;height:5px;border-radius:50%;background:#c6c6c6}
.subpage .category-product .tabmenu .on a{display:inline-block;padding:0 0 2px 0;color:#ff7d9e;border-bottom:solid 2px #ff7d9e}
.subpage .category-product .product-tit{margin:0 0 28px 0;font-size:26px;color:#000}
.subpage .category-product .product-best5.inline .list .item .rank{top:0;width:49px;height:51px;background:url('../img/common/icon/bg_rank2.png') no-repeat 0 0}
.subpage .category-product .product-best5.inline .list .rank1 .rank{width:62px;height:63px}
.subpage .category-product .product-best5.inline .list .rank2 .rank{background-position:-70px 0}
.subpage .category-product .product-best5.inline .list .rank3 .rank{background-position:-120px 0}
.subpage .category-product .product-best5.inline .list .rank4 .rank{background-position:-172px 0}
.subpage .category-product .product-best5.inline .list .rank5 .rank{background-position:-224px 0}
.subpage .category-product .product-best5.inline .list .item + .item{margin:0 0 0 20px}
.subpage .category-product .product-best5.inline .list .item,
.subpage .category-product .product-best5.inline .list .rank1{width:264px;height:317px}
.subpage .category-product .product-best5.inline .list .item a > *,
.subpage .category-product .product-best5.inline .list .rank1 a > *{bottom:22px;padding:0 24px}
.subpage .category-product .product-best5.inline .list .item .subject,
.subpage .category-product .product-best5.inline .list .rank1 .subject{bottom:46px;font-size:14px}
.subpage .category-product .product-best5.inline .list .item .price span,
.subpage .category-product .product-best5.inline .list .rank1 .price span{font-size:13px;color:#a9a9a9}
.subpage .category-product .product-best5.inline .list .item .price strong,
.subpage .category-product .product-best5.inline .list .rank1 .price strong{margin:0 4px 0 0;font-size:15px}

/** CATEGORY - BRAND **/
.subpage .category-brand{padding:50px 0 0 0}
.subpage .category-brand .brand-top{margin:0 0 85px 0}
.subpage .category-brand .products-tabmenu{margin-bottom:86px}

/** MEMBER - JOIN **/
.subpage .member .join{margin:0 auto;width:570px}
.subpage .member .join > .agree{margin:0 0 15px 0;padding:0 0 0  15px}
.subpage .member .join .use-txt{border:solid 1px #e6e6e6}
.subpage .member .join .use-txt .agree{padding:12px 0 15px 14px;border-bottom:solid 1px #e6e6e6;background:#f9f9f9}
.subpage .member .join .use-txt + .use-txt{margin:20px 0 30px 0}
.subpage .member .join .use-txt .txt{overflow:auto;padding:14px;height:117px;font-size:13px;color:#777;line-height:1.3}
.subpage .member .join .form-box{margin:0 0 46px 0;padding:55px 0;border-top:solid 2px #39373a;border-bottom:solid 1px #9d9d9d}
.subpage .member .join .form-box > li{position:relative;padding:0 0 0 178px;min-height:65px}
.subpage .member .join.medium .form-box > li{min-height:46px}
.subpage .member .join .form-box > li > .tit{position:absolute;left:45px;top:13px;font-family:'Noto-B';font-size:15px;color:#000}
.subpage .member .join .form-box > li + li{margin-top:12px}
.subpage .member .join .form-box > li .form{position:relative}
.subpage .member .join .form-box > li .form .info{position:absolute;left:2px;top:11px;font-size:12px;color:#000}
.subpage .member .join .form-box > li .form.insert .info{display:none}
.subpage .member .join .form-box > li .form > .txt{line-height:34px}
.subpage .member .join .form-box > li .form > .txt,
.subpage .member .join .form-box > li .form input{display:inline-block;position:relative;z-index:2;padding:0 2px;width:250px;height:35px;font-size:12px;color:#000;border:none;border-bottom:solid 1px #9d9d9d;background:transparent}
.subpage .member .join .form-box > li .form select{display:inline-block;position:relative;z-index:2;padding:0 2px;width:250px;height:35px;font-size:13px;color:#000;border:none;border-bottom:solid 1px #9d9d9d;}
.subpage .member .join .form-box > li .form + .form{margin-top:30px}
.subpage .member .join .form-box > li .form textarea{display:block;padding:10px;width:750px;height:122px;border:solid 1px #e8e8e8;box-sizing:border-box}
.subpage .member .join .form-box > li .good{margin:14px 0 0 0;font-size:14px;color:#37afa2}
.subpage .member .join .form-box > li .alert{margin:14px 0 0 0;font-size:14px;color:#ff7d9e}
.subpage .member .join .form-box > li .form-agree{margin:0 0 10px 0;padding:8px 0 0 0}
.subpage .member .join .form-box > li .form-agree .cs-form + .cs-form{margin:0 0 0 28px}
.subpage .member .join .form-box > li .caution{font-size:12px;color:#5e5e5e}
.subpage .member .join .complete{margin:0 -100px;text-align:center}
.subpage .member .join .complete .tit{margin:0 0 36px 0;padding:160px 0 99px 0;font-family:'Noto-L';font-size:45px;color:#000;border-bottom:solid 1px #d9d9d9;background:url('../img/sub/member/complete_ico.png') no-repeat 50% 0}
.subpage .member .join .complete .tit span{font-family:'Noto-R';color:#f73e3e}
.subpage .member .join .complete .txt{margin:0 0 58px 0}
.subpage .member .join .complete .txt p{display:inline-block;padding:0 0 0 90px;min-height:72px;font-size:24px;color:#000;text-align:left;line-height:1.45;background:url('../img/sub/member/app.png') no-repeat 0 0}
.subpage .member .join .complete .txt p span{font-family:'Noto-B';color:#ff749a}
.subpage .member .join .complete .coupon{margin:0 0 100px 0;font-size:0}
.subpage .member .join .complete .coupon p{display:inline-block;margin:0 4px}

/** MEMBER - LOGIN **/
.subpage .member .login{margin:0 auto;width:590px}
.subpage .member .login .tabmenu{overflow:hidden;margin:0 0 35px 0}
.subpage .member .login .tabmenu > *{float:left;width:50%;height:66px;line-height:66px;font-family:'Noto-M';font-size:18px;color:#363232;text-align:center;border:solid 1px #b3b3b3;border-bottom:solid 5px #ff7d9e;box-sizing:border-box}
.subpage .member .login .tabmenu .on{position:relative;margin:0 -1px;color:#fff;border-color:#ff7d9e;background:#ff7d9e}
.subpage .member .login .form-box{margin:0 0 30px 0}
.subpage .member .login .form-box .inform{margin:0 0 28px 0}
.subpage .member .login .form-box .inform > li{position:relative;padding:0 0 0 0;border-bottom:solid 1px #cecece}
.subpage .member .login .form-box .inform > li label{position:absolute;left:12px;top:17px;font-size:16px;color:#585858}
.subpage .member .login .form-box .inform > li input{display:block;padding:0 10px;width:100%;height:50px;font-family:'Noto-M';font-size:15px;border:0}
.subpage .member .login .form-box .inform > .insert label{display:none}
.subpage .member .login .form-box .inform > li + li{margin:10px 0 0 0}
.subpage .member .login .form-box .inform > li span{display:block}
.subpage .member .login .form-box .inform > li .col2{height:50px}
.subpage .member .login .form-box .inform > li .col2 li{float:left;width:256px;background:blue}
.subpage .member .login .form-box .inform > li .col2 li:first-child{position:relative;margin:0 52px 0 0;width:182px}
.subpage .member .login .form-box .inform > li .col2 li:first-child:before{content:'';position:absolute;right:-52px;bottom:-1px;width:52px;height:1px;background:#fff}
.subpage .member .login .form-box .inform > li .col2 li:first-child:after{content:'';position:absolute;right:-35px;top:25px;width:16px;height:2px;background:#cecece}
.subpage .member .login .form-box .option{margin:0 0 35px 0;text-align:right;font-size:0}
.subpage .member .login .form-box .option li{display:inline-block;margin:0 0 0 24px}
.subpage .member .login .form-box .option li input{position:absolute;left:-9999px}
.subpage .member .login .form-box .option li label{display:inline-block;padding:0 0 0 28px;height:18px;line-height:18px;font-size:16px;color:#585858;background:url('../img/common/btn/form_check_small.png') no-repeat 0 -18px}
.subpage .member .login .form-box .option li input:checked + label{background-position:0 0}
.subpage .member .login .link-box{margin:0 0 30px 0;font-size:0;text-align:center}
.subpage .member .login .link-box li{display:inline-block;position:relative;font-size:16px;color:#585858}
.subpage .member .login .link-box li + li{margin:0 0 0 46px}
.subpage .member .login .link-box li + li:before{content:'';position:absolute;left:-23px;top:1px;width:1px;height:14px;background:#b3b3b3}
.subpage .member .login .login-type{overflow:hidden;margin:0 0 85px 0;padding:24px 0 0 0;border-top:solid 1px #cecece}
.subpage .member .login .login-type > *{float:right;width:288px}
.subpage .member .login .login-type > *:first-child{float:left}
.subpage .member .login .login-type button{width:100%}
.subpage .member .login .login-type button span{height:48px;line-height:48px;font-size:14px;color:#020202;border:solid 1px #cecece}
.subpage .member .login .login-type button span:before{content:'';display:inline-block;position:relative;top:-2px;margin:0 15px 0 0;vertical-align:middle;width:25px;height:23px;background:url('../img/common/icon/login.png') no-repeat 0 0}
.subpage .member .login .login-type button:hover span{color:#ff7d9e;border-color:#ff7d9e}
.subpage .member .login .login-type .kakao span:before{width:29px;height:27px;background-position:0 100%}
.subpage .member .login .form-box + .login-type{margin-top:69px}

.subpage .member .join .join-type{overflow:hidden;margin:0 0 85px 0;padding:24px 0 0 0;}
.subpage .member .join .join-type > *{width:180px;display: inline-block; margin-right:12px;}
/*.subpage .member .join .join-type > *:first-child{float:left}*/
.subpage .member .join .join-type button{width:100%}
.subpage .member .join .join-type button span{height:48px;line-height:48px;font-size:14px;color:#020202;border:solid 1px #cecece}
.subpage .member .join .join-type button span:before{content:'';display:inline-block;position:relative;top:-2px;margin:0 15px 0 0;vertical-align:middle;width:25px;height:23px;background:url('../img/common/icon/login.png') no-repeat 0 0}
.subpage .member .join .join-type button:hover span{color:#ff7d9e;border-color:#ff7d9e}
.subpage .member .join .join-type .kakao span:before{width:29px;height:27px;background-position:0 100%}
.subpage .member .join .form-box + .join-type{margin-top:69px}
.subpage .member .join .join-type .google span:before{width:29px;height:27px;left:-13px;background:url('https://img.sonyunara.com/2019/asset/pc/img/common/icon/icon_google.png') no-repeat 0 0}
.subpage .member .join .join-type > *:nth-child(3) {margin-right:0;}

/* account-search */
.account-search{margin:0 auto;width:508px}
.account-search .tit{margin:0 0 15px 0;font-family:'Noto-B';font-size:26px;color:#000;text-align:center}
.account-search .txt{margin:0 0 32px 0;font-size:12px;color:#39373a;text-align:center}
.account-search .tabmenu-line{margin:0 0 39px 0;height:53px}
.account-search .tabmenu-line > *{float:left;width:50%}
.account-search .tabmenu-line > * span{height:53px;line-height:53px}
.account-search .tabmenu-line > .on span{height:54px}
.account-search .form-box{padding:45px 55px 44px 55px;border-top:solid 1px #39373a;border-bottom:solid 1px #a7a7a7}
.account-search .form-box .inform{position:relative;margin:0 0 28px 0;width:260px}
.account-search .form-box .inform > li{position:relative;border-bottom:solid 1px #9d9d9d}
.account-search .form-box .inform > li + li{margin:16px 0 0 0}
.account-search .form-box .inform > li label{position:absolute;left:17px;top:0;font-size:15px;color:#7f7f7f;line-height:28px}
.account-search .form-box .inform > li label + input{margin:0 0 0 80px;width:184px;height:28px;border:0}
.account-search .form-box .inform  .none{border:none}
.account-search .form-box .inform  .none .form-tel > li{width:70px}
.account-search .form-box .inform  .none .form-tel > li select{padding:0 0 0 14px;font-size:15px;color:#7f7f7f}
.account-search .form-box .inform  .none .form-tel > li + li{}
.account-search .form-box .inform  .btn{position:absolute;right:-151px;top:2px;margin:0;border:0}
.account-search .form-box .inform  .btn .btn-l-black{width:127px}
.account-search .form-box .inform  .btn .btn-l-black span{height:77px;line-height:77px;font-size:16px}
.account-search .form-box .codebox{padding:14px 0;font-size:0;text-align:center;background:#f9f9f9}
.account-search .form-box .codebox > *{display:inline-block;font-size:14px;color:#000;vertical-align:middle}
.account-search .form-box .codebox input{margin:0 6px 0 20px;width:142px;height:33px;font-size:16px;text-align:center;border:0;background:#ededed}
.account-search .form-box .codebox .btn-m-red span{min-width:87px;height:33px;line-height:33px;font-size:14px}
.account-search .form-box .codebox .timer{margin:0 0 0 8px}

/** product-view **/
.product-view{font-size:14px;color:#000}
.product-view .detail-top{margin:0 0 76px 0}
.product-view .detail-top > .left{float:left;width:647px}
.product-view .detail-top > .left .photo-slide{position:relative}
.product-view .detail-top > .left .photo-slide .slide-box{position:relative;margin:20px 0 50px 0}
.product-view .detail-top > .left .photo-slide .slide-box .bx-controls-direction > a{position:absolute;top:0;margin:0;width:43px;height:171px;text-indent:-9999px;background:url('../img/common/btn/btn_slide_nav.png') no-repeat 0 0}
.product-view .detail-top > .left .photo-slide .slide-box .bx-controls-direction .bx-prev{left:0}
.product-view .detail-top > .left .photo-slide .slide-box .bx-controls-direction .bx-next{right:0;background-position:100% 0}
.product-view .detail-top > .right{padding:2px 0 0 0;margin-left:782px;min-height:1000px}
.product-view .detail-top > .right .txt-box{position:relative;margin:0 0 32px 0;padding:0 0 21px 0;border-bottom:solid 1px #555}
.product-view .detail-top > .right .txt-box .tit{font-family:'Noto-B';font-size:26px}
.product-view .detail-top > .right .txt-box .tit + .txt{margin-top:8px}
.product-view .detail-top > .right .txt-box .txt{padding-right:120px;font-size:18px;color:#ff7d9e}
.product-view .detail-top > .right .txt-box .txt .istoday_part{margin-right:10px; display:inline-block; float:right; margin-top:-5px;}
.product-view .detail-top > .right .txt-box .icon{position:absolute;right:0;bottom:12px;font-size:0}
.product-view .detail-top > .right .txt-box .icon > *{margin:0 0 0 2px}
.product-view .detail-top > .right .info-list{margin:0 0 30px 0}
.product-view .detail-top > .right .info-list > li{position:relative}
.product-view .detail-top > .right .info-list > li > .tit{position:absolute;left:0;top:50%;margin-top:-9px;font-family:'Noto-M';font-size:14px}
.product-view .detail-top > .right .info-list > li > .txt{font-size:16px}
.product-view .detail-top > .right .info-list > li > .txt .p1{margin:0 12px 0 0;font-size:14px;text-decoration:line-through}
.product-view .detail-top > .right .info-list > li > .tit + .txt{margin-left:118px}
.product-view .detail-top > .right .info-list > li + li{margin-top:30px}
.product-view .detail-top > .right .info-list .special{margin-top:-3px;border:solid 1px #ff7d9e;border-radius:10px}
.product-view .detail-top > .right .info-list .special .tit{padding:0 0 0 34px;height:56px;line-height:56px;border-radius:10px 10px 0 0;font-family:'Noto-B';font-size:17px;color:#ff7d9e;background:#fff6f6}
.product-view .detail-top > .right .info-list .special .txt{padding:15px 30px 22px 30px}
.product-view .detail-top > .right .info-list .special .txt .t1{position:relative;margin:0 0 16px 0}
.product-view .detail-top > .right .info-list .special .txt .t1 .member{position:absolute;right:0;top:-6px;z-index:10}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .btn-toggle{position:relative;padding:0 20px 0 0;height:30px;line-height:30px;font-family:'Noto-B';font-size:20px;color:#ff7d9e}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .btn-toggle:before{content:'';position:absolute;right:0;top:50%;margin-top:-4px;border-top:solid 9px #ff7d9e;border-left:solid 7px transparent;border-right:solid 7px transparent}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .btn-toggle.active:before{border-top:0;border-bottom:solid 9px #ff7d9e}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .btn-toggle.active + .view{display:block}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view{display:none;position:absolute;right:0;top:32px;width:224px;font-family:'Noto-M';border:solid 1px #9d9d9d;background:#fff}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view .intit{position:relative;padding:0 0 0 14px;height:37px;line-height:37px}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view .intit .btn-toggle-close{position:absolute;right:0;top:0;width:37px;height:37px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_close14.png') no-repeat 50% 50%}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul li{position:relative;border-top:solid 1px #d8d8d8}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul li > button{padding:0;width:100%}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul li .info{display:block;padding:0 0 0 46px;height:37px;text-align:left;line-height:37px;box-sizing:border-box}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul li .info > *{display:inline-block}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul li .info .t1{width:96px}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul li:before{content:'';position:absolute;left:14px;top:50%;margin:-12px 0 0 0;width:24px;height:24px;background:url('../img/common/icon/lv24_2.png') no-repeat 0 0}
/*.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul .bronze:before{background-position:0 -37px}*/
/*.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul .silver:before{background-position:0 -74px}*/
/*.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul .gold:before{background-position:0 -111px}*/
/*.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul .vip:before{background-position:0 -148px}*/
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul li .info .t2{color:#ff7d9e}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul .none .info{background:#f9f9f9}
.product-view .detail-top > .right .info-list .special .txt .t1 .member .view ul .none .info .t2{color:#747474}
.product-view .detail-top > .right .info-list .special .txt .benefit a{display:block;padding:0 20px;height:38px;font-family:'Noto-M';color:#4a4a4a;line-height:38px;border:solid 1px #f3f3f3;background:#f9f9f9 url('../img/common/icon/arr_gray_right.png') no-repeat 100% 50%}
.product-view .detail-top > .right .info-list .delivery{display:inline-block;position:relative;font-size:18px;color:#222b60}
.product-view .detail-top > .right .info-list .delivery_normal{display:inline-block;position:relative;font-size:18px;color:#222b60}
.product-view .detail-top > .right .info-list .delivery:before{content:'';display:inline-block;margin:-4px 8px 0 0;width:14px;height:21px;vertical-align:middle;background:url('../img/common/icon/product_icons.png') no-repeat 0 -128px}
.product-view .detail-top > .right .info-list .delivery-info{display:inline-block;position:relative}
.product-view .detail-top > .right .info-list .delivery-info .btn-toggle{margin:-4px 0 0 4px;width:23px;height:23px;text-indent:-9999px;vertical-align:middle;background:url('../img/common/icon/product_icons.png') no-repeat -17px -128px}
.product-view .detail-top > .right .info-list .delivery-info .view{display:none;position:absolute;right:-84px;top:30px;z-index:10;padding:28px 20px;width:200px;border:solid 1px #9d9d9d;background:#fff}
.product-view .detail-top > .right .info-list .delivery-info .view dl{font-size:12px}
.product-view .detail-top > .right .info-list .delivery-info .view dl dt{margin:0 0 12px 0;font-family:'Noto-B';font-size:14px}
.product-view .detail-top > .right .info-list .delivery-info .view dl dd{margin:10px 0 0 0}
.product-view .detail-top > .right .info-list .delivery-info .view dl dd + dt{margin-top:18px}
.product-view .detail-top > .right .info-list .delivery-info .view dl dd span{color:#ff0000}
.product-view .detail-top > .right .info-list .delivery-info .view .btn-toggle-close{position:absolute;right:6px;top:6px;width:28px;height:28px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_close14.png') no-repeat 50% 50%}
.product-view .detail-top > .right .info-list .delivery-info .active + .view{display:block}
.product-view .detail-top > .right .info-list > .line{padding-top:68px;padding-bottom:15px;border-top:solid 1px #c8c8c8}
.product-view .detail-top > .right .info-list > .line .tit{margin-top:0}
.product-view .detail-top > .right .info-list .color{overflow:hidden;margin-top:-20px}
.product-view .detail-top > .right .info-list .color > li{float:left;width:60px}
.product-view .detail-top > .right .info-list .color > li input{position:absolute;left:-99999px}
.product-view .detail-top > .right .info-list .color > li label{display:block}
.product-view .detail-top > .right .info-list .color > li label > *{display:block}
.product-view .detail-top > .right .info-list .color > li label .img{overflow:hidden;position:relative;margin:0 0 6px 0;border-radius:6px}
.product-view .detail-top > .right .info-list .color > li label .img:before{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;border:solid 1px #acacac;border-radius:6px;box-sizing:border-box}
.product-view .detail-top > .right .info-list .color > li label .img img{display:block;width:100%;height:auto}
.product-view .detail-top > .right .info-list .color > li label .name{display:none;font-size:12px;color:#7b7b7b;text-align:center;line-height:1.3;width:80px; margin-left:-8px;}
.product-view .detail-top > .right .info-list .color > li input:checked + label .img:before{border:solid 2px #ff7d9e}
.product-view .detail-top > .right .info-list .color > li input:checked + label .name{display:block}
.product-view .detail-top > .right .info-list .color > li input + label.border{font-family:'Noto-M'; color:#676767; min-height:41px; display: inline-block; text-align:center; border:solid 1px #acacac; height:auto; padding:11px 6px; border-radius:6px; box-sizing:border-box; min-width:60px;}
.product-view .detail-top > .right .info-list .color > li input:checked + label.border{border:2px solid #FF5050 !important; color:#FF5050 !important; padding:10px 5px !important;}
.product-view .detail-top > .right .info-list .color > li + li{margin:0 0 0 7px}
.product-view .detail-top > .right .info-list .alert{margin:0 0 12px 0;color:#7b7b7b}
.product-view .detail-top > .right .info-list .size{overflow:hidden;margin:0 0 20px 0}
.product-view .detail-top > .right .info-list .size > li{float:left}
.product-view .detail-top > .right .info-list .size > li input{position:absolute;left:-9999px}
.product-view .detail-top > .right .info-list .size > li label{display:block;padding:0 8px;min-width:60px;height:60px;font-family:'Noto-M';font-size:18px;color:#676767;text-align:center;line-height:58px;border:solid 1px #acacac;border-radius:6px}
.product-view .detail-top > .right .info-list .size > li label.quick:before{content:'';display:inline-block;margin:-3px 3px 0 0;width:29px;height:21px;vertical-align:middle;background:url('//img.sonyunara.com/mobile_mt/main/ico_today.svg') no-repeat 0 2px  / 34px 17px !important;}
.product-view .detail-top > .right .info-list .size > li input:checked + label{padding:0 7px;color:#ff5050;border:solid 2px #ff5050;line-height:56px}
.product-view .detail-top > .right .info-list .size > li input:disabled + label{color:#fff;background:#acacac}
.product-view .detail-top > .right .info-list .size > li + li{margin:0 0 0 8px}
.product-view .detail-top > .right .info-list .btn-size-info button span{padding:0 0 0 54px;height:24px;line-height:24px;font-family:'Noto-M';background:url('../img/common/icon/measuring.png') no-repeat 0 50%}
.product-view .detail-top > .right .info-list .cody{margin-top:40px}
.product-view .detail-top > .right .info-list .cody button{width:100%;height:63px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/cody.png') no-repeat 0 0}
.product-view .detail-top > .right .info-list .cody button:hover,
.product-view .detail-top > .right .info-list .cody button.on{background-position:0 100%}
.product-view .detail-top > .right .add-list{margin:0 0 34px 0;padding:10px 0 28px;font-size:16px;border-top:solid 1px #c8c8c8;border-bottom:solid 1px #000}
.product-view .detail-top > .right .add-list .list > li + li{margin-top:20px}
.product-view .detail-top > .right .add-list .list > li{position:relative;padding:0 50px 0 20px}
.product-view .detail-top > .right .add-list .list > li > *{display:inline-block;vertical-align:middle}
.product-view .detail-top > .right .add-list .list > li .tit{margin:0 20px 0 0;width:250px}
.product-view .detail-top > .right .add-list .list > li .ea{position:relative;width:100px}
.product-view .detail-top > .right .add-list .list > li .ea input{width:69px;height:33px;font-size:17px;color:#000;text-align:center;border:solid 1px #acacac;border-radius:2px}
.product-view .detail-top > .right .add-list .list > li .ea button{position:absolute;right:0;width:29px;height:17px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/eq.png') no-repeat 0 0}
.product-view .detail-top > .right .add-list .list > li .ea .minus{top:16px;background-position:0 100%}
.product-view .detail-top > .right .add-list .list > li .price{width:170px;text-align:right}
.product-view .detail-top > .right .add-list .list > li .btn-del{position:absolute;right:5px;top:50%;margin-top:-15px}
.product-view .detail-top > .right .add-list .list > li .btn-del button{width:30px;height:30px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_del.png') no-repeat 50% 50%}
.product-view .detail-top > .right .total{margin:0 0 36px 0;font-family:'Noto-M';font-size:20px;text-align:right}
.product-view .detail-top > .right .total .t1{float:left;padding:2px 0 0 0}
.product-view .detail-top > .right .total .t2{color:#ff7d9e}
.product-view .detail-top > .right .total .t2 strong{font-size:24px}

.product-view .detail-top > .right .set-reserve{margin:0 0 24px 0; cursor: pointer;}
.product-view .detail-top > .right .set-reserve span{background-color:#000; font-size:23px; height:74px; line-height:3;}
.product-view .detail-top > .right .set-reserve span img{width:34px; vertical-align:sub;}

.product-view .detail-top > .right .btnbox{margin:0 0 36px 0}
.product-view .detail-top > .right .btnbox li{margin:0}
.product-view .detail-top > .right .btnbox li + li{margin:0 0 0 8px}
.product-view .detail-top > .right .btnbox button span{width:304px;height:78px;font-size:26px;line-height:78px}
.product-view .video-review{margin:0 0 188px 0;padding:44px 70px 0 70px;height:309px;border:solid 1px #e4e5db;box-sizing:border-box}
.product-view .video-review .tit{margin:0 0 23px 0;font-family:'Noto-M';font-size:20px}
.product-view .video-review .sly-slider .frame{height:168px}
.product-view .video-review .sly-slider .frame .list li{width:253px;height:168px}
.product-view .video-review .sly-slider .scrollbar{margin:15px 0 0 0}
.product-view .video-review .sly-slider .controls .btn{margin:0;top:72px;width:30px;height:30px;background:url('../img/common/btn/btn-sly.png') no-repeat 0 0}
.product-view .video-review .sly-slider .controls .prev{left:-45px}
.product-view .video-review .sly-slider .controls .next{right:-42px;background-position:0 100%}
.product-view .tabmenu{position:relative;margin:0 0 60px 0;height:50px;font-size:0;text-align:center;border-bottom:solid 4px #dcdcdc}
.product-view .tabmenu > li{display:inline-block;position:relative;margin:0 13px}
.product-view .tabmenu > li a{color:#000; display:block;padding:0 30px;height:54px;font-family:'Noto-B';font-size:24px;line-height:50px}
.product-view .tabmenu > .on a{color:#ff7d9e}
.product-view .tabmenu > .on:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;border-radius:6px;background:#ff7d9e}
.product-view .detail-photo{margin:0 0 100px 0;text-align:center}
.product-view .detail-photo img{max-width:1400px;height:auto}
.product-view .detail-info{margin:0 0 188px 0;text-align:center}
.product-view .detail-info .gamma{margin:0 auto 116px auto;width:1000px}
.product-view .detail-info .gamma dt{margin:0 0 56px 0;font-family:'Noto-M';font-size:23px;text-align:center}
.product-view .detail-info .gamma dd{padding:0 0 0 540px;font-size:14px;text-align:left;line-height:1.5;background:url('../img/sub/view/gamma.jpg') no-repeat 0 0}
.product-view .detail-info .size{margin:0 0 120px 0}
.product-view .detail-info .size .actualsize{margin:0 auto 100px auto;width:1000px}
.product-view .detail-info .size .actualsize .size-table > li{display:none}
.product-view .detail-info .size .actualsize .size-table .on{display:block}
.product-view .detail-info .size .middle{margin:0 auto 170px auto;width:1000px}
.product-view .detail-info .size .middle > .info{margin:0 0 8px 0;text-align:right;font-size:12px}
.product-view .detail-info .size .middle  .info + .table-col{margin:0 0 30px 0}
.product-view .detail-info .size .middle .table-row,
.product-view .detail-info .size .middle .table-col{border-top:solid 2px #a6a6a6}
.product-view .detail-info .size .middle .dash-list + .table-row{margin-top:64px}
.product-view .detail-info .size .middle .table-row tbody th:first-child{border-left:0}
.product-view .detail-info .size .middle .table-row tbody th{padding:16px 10px;text-align:center}
.product-view .detail-info .size .middle .table-row tbody td{padding-right:5px}
.product-view .detail-info .size .middle .table-row tbody th span{display:block;color:#9b9b9b}
.product-view .detail-info .size .middle .table-row tbody td span{display:inline-block;position:relative;padding:0 0 0 28px;font-size:14px}
.product-view .detail-info .size .middle .table-row tbody td span:before{content:'';position:absolute;left:0;top:50%;margin:-8px 0 0 0;width:14px;height:14px;text-align:left;text-indent:-9999px;border:solid 1px #c8c8c8}
.product-view .detail-info .size .middle .table-row tbody td .on:before{content:'선택';border-color:#525252;background:#525252}
.product-view .detail-info .info-tab .tab-menu{overflow:hidden;margin:0 auto 80px auto;width:678px;border:solid 1px #ff7d9e;border-radius:6px}
.product-view .detail-info .info-tab .tab-menu li{position:relative;float:left;width:50%}
.product-view .detail-info .info-tab .tab-menu li:before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#ff7d9e}
.product-view .detail-info .info-tab .tab-menu li:first-child:before{display:none}
.product-view .detail-info .info-tab .tab-menu li a{display:block;margin:-1px;height:56px;font-family:'Noto-M';font-size:24px;color:#ff7d9e;line-height:56px;text-align:center}
.product-view .detail-info .info-tab .tab-menu .on a{color:#fff;background:#ff7d9e}
.product-view .detail-info .info-tab .tab-con{display:none}
.product-view .detail-info .info-tab .tab-con.on{display:block}
.product-view .detail-info .info-tab .tab-con .washing{padding:45px 40px 55px 65px;text-align:center;border:solid 1px #b2b2b2}
.product-view .detail-info .info-tab .tab-con .washing .info{overflow:hidden;margin:0 0 45px 0;padding:0 0 27px 143px;text-align:left;border-bottom:solid 1px #f2f2f2}
.product-view .detail-info .info-tab .tab-con .washing .info > li{display:table;float:left;width:610px}
.product-view .detail-info .info-tab .tab-con .washing .info > .even{width:510px}
.product-view .detail-info .info-tab .tab-con .washing .info > li > div{display:table-cell;height:100px;font-size:12px;color:#585858;line-height:1.4;vertical-align:middle}
.product-view .detail-info .info-tab .tab-con .washing .info > li > div > *{display:inline-block;vertical-align:middle}
.product-view .detail-info .info-tab .tab-con .washing .info > li > div .name{position:relative;width:90px;font-family:'Noto-M';text-align:center;line-height:1.5}
.product-view .detail-info .info-tab .tab-con .washing .info > li > div .name:before{content:'';position:absolute;left:-54px;top:50%;margin:-27px 0 0 0;width:55px;height:54px;background:url('../img/sub/view/washing.png') no-repeat 0 0}
.product-view .detail-info .info-tab .tab-con .washing .info > .even > div .name{width:110px}
.product-view .detail-info .info-tab .tab-con .washing .info > .knitwear > div .name:before{background-position:100% 0}
.product-view .detail-info .info-tab .tab-con .washing .info > .denim > div .name:before{background-position:0 -55px}
.product-view .detail-info .info-tab .tab-con .washing .info > .rayon > div .name:before{background-position:100% -55px}
.product-view .detail-info .info-tab .tab-con .washing .info > .linen > div .name:before{background-position:0 -110px}
.product-view .detail-info .info-tab .tab-con .washing .info > .mustang > div .name:before{background-position:100% -110px}
.product-view .detail-info .info-tab .tab-con .washing .info > .wool > div .name:before{background-position:0 -165px}
.product-view .detail-info .info-tab .tab-con .washing .info > .leather > div .name:before{background-position:100% -165px}
.product-view .detail-info .info-tab .tab-con .washing .info > li > div .txt{width:380px}
.product-view .detail-info .info-tab .tab-con .washing .info > li > div .txt strong{color:#000}
.product-view .detail-info .info-tab .tab-con .washing .info > .even > div .txt{width:360px}
.product-view .detail-info .info-tab .tab-con .washing .caution{color:#585858;line-height:1.4}
.product-view .detail-info .info-tab .tab-con .washing .caution strong{color:#ff7d9e}
.product-view .productbox{margin:0 0 130px 0}
.product-view .reviewbox{margin:0 0 188px 0}
.product-view .reviewbox .img{text-align:center}
.product-view .reviewbox .img img{max-width:100%;height:auto}
.product-view .qna{margin:0 0 188px 0;padding:10px 0 0}
.product-view .qna .top{position:relative;margin:0 0 28px 0}
.product-view .qna .top .tit{font-family:'Noto-M';font-size:20px}
.product-view .qna .top .right{position:absolute;right:0;top:-15px;font-size:0}
.product-view .qna .top .right > *{display:inline-block;margin:0 0 0 34px;vertical-align:middle}
.product-view .qna .top .right > button span{min-width:172px;height:48px;line-height:48px}
.product-view .qna .top .right .sort > li{display:inline-block;font-size:16px;color:#676767}
.product-view .qna .top .right .sort > li + li{position:relative;margin:0 0 0 45px}
.product-view .qna .top .right .sort > li + li:before{content:'';position:absolute;left:-22px;top:2px;width:2px;height:14px;background:#c2c2c2}
.product-view .qna .qna-box .paging{margin:60px 0 0 0}
.product-view .guidebox .tab-menu{overflow:hidden;margin:0 0 45px 0;border:solid 1px #ff7d9e;border-radius:5px}
.product-view .guidebox .tab-menu li{float:left;width:33.333444%}
.product-view .guidebox .tab-menu li a{display:block;height:60px;font-family:'Noto-M';font-size:18px;text-align:center;line-height:60px;color:#ff7d9e}
.product-view .guidebox .tab-menu li + li a{border-left:solid 1px #ff7d9e}
.product-view .guidebox .tab-menu .on a{color:#fff;background:#ff7d9e}
.product-view .guidebox .tab-con{display:none;padding:0 12px}
.product-view .guidebox .tab-con.on{display:block}
.product-view .guidebox .tab-con > dt{font-family:'Noto-B';font-size:18px}
.product-view .guidebox .tab-con > dd{margin-top:18px;font-size:16px}
.product-view .guidebox .tab-con > dd + dt{margin-top:55px}
.product-view .guidebox .tab-con > .large{margin-top:52px}

/* popJoinCoupon */
#popJoinCoupon{position:relative;width:275px;text-align:center}
#popJoinCoupon .btn-close{position:absolute;right:0;top:-33px;width:33px;height:33px;text-align:left;text-indent:-9999px;background:url('../img/common/btn/btn_close_pop.png') no-repeat 100% 50%}
#popJoinCoupon .content{padding:38px 0 25px 0}
#popJoinCoupon .content .tit{margin:0 0 26px 0;font-size:20px;color:#000;line-height:1.35}
#popJoinCoupon .content .tit strong{color:#ff7d9e}
#popJoinCoupon .content .btnbox{padding:0 24px}
#popJoinCoupon .content .btnbox li{margin:0;padding:0 4px;width:50%;box-sizing:border-box}
#popJoinCoupon .content .btnbox li > *{width:100%}
#popJoinCoupon .content .btnbox li > * span{min-width:auto;height:40px;line-height:40px;font-size:14px}

/* togetherBuy */
#togetherBuy{position:relative;padding:50px 73px 60px 73px;width:990px;border:solid 1px #c8c8c8;box-sizing:border-box}
#togetherBuy .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}
#togetherBuy > .tit{margin:0 0 42px 0;font-family:'Noto-B';font-size:28px;color:#000;text-align:center}
#togetherBuy .list-box{margin:0 0 15px 0;min-height:630px;text-align:left;border-bottom:solid 1px #bcbcbc}
#togetherBuy .list-box .left{float:left;width:434px}
#togetherBuy .list-box .left .photo{margin:0 0 30px 0}
#togetherBuy .list-box .left .color{font-size:0;text-align:center}
#togetherBuy .list-box .left .color > li{position:relative;display:inline-block;margin:0 7px}
#togetherBuy .list-box .left .color > li img{display:block;width:27px;height:27px}
#togetherBuy .list-box .left .color > li a{display:block;position:relative}
#togetherBuy .list-box .left .color > li a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/common/bg/circle_off.png') no-repeat 0 0}
#togetherBuy .list-box .left .color > .on a:before{background:url('../img/common/bg/circle_on.png') no-repeat 0 0}
#togetherBuy .list-box .right{margin:0 0 0 483px}
#togetherBuy .total{margin:0 0 34px 0;font-family:'Noto-M';font-size:15px}
#togetherBuy .total span{font-size:19px;color:#ff7d9e}
#togetherBuy .total span strong{font-size:21px}
#togetherBuy .btnbox button span{min-width:204px}
#togetherBuy .btnbox .btn-m-line span{color:#414141}

/* actualSize */
#actualSize{position:relative;padding:86px 10px 80px 10px;width:1090px;border:solid 1px #c8c8c8;box-sizing:border-box}
#actualSize .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}
#actualSize .left{padding:30px 0 0 0}
#actualSize .right{margin-left:515px}
#actualSize .table-row{margin-bottom:30px}
#actualSize .size-table > li{display:none}
#actualSize .size-table .on{display:block}

#actualSize_0{position:relative;padding:86px 10px 80px 10px;width:1090px;border:solid 1px #c8c8c8;box-sizing:border-box}
#actualSize_0 .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}
#actualSize_0 .left{padding:30px 0 0 0}
#actualSize_0 .right{margin-left:515px}
#actualSize_0 .table-row{margin-bottom:30px}
#actualSize_0 .size-table > li{display:none}
#actualSize_0 .size-table .on{display:block}

#actualSize_1{position:relative;padding:86px 10px 80px 10px;width:1090px;border:solid 1px #c8c8c8;box-sizing:border-box}
#actualSize_1 .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}
#actualSize_1 .left{padding:30px 0 0 0}
#actualSize_1 .right{margin-left:515px}
#actualSize_1 .table-row{margin-bottom:30px}
#actualSize_1 .size-table > li{display:none}
#actualSize_1 .size-table .on{display:block}

/* womanSize */
#womanSize{position:relative;padding:42px 50px 70px 50px;width:1194px;border:solid 1px #c8c8c8;box-sizing:border-box}
#womanSize .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}

/* productQnaWrite */
#productQnaWrite{position:relative;width:675px;border:solid 2px #c8c8c8;box-sizing:border-box}
#productQnaWrite .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}


/* realtimeInven */
#realtimeInven{position:relative;padding:51px 54px 54px 54px;width:900px;border:solid 1px #c8c8c8;box-sizing:border-box}
#realtimeInven .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}
#realtimeInven .inven .tit{margin:0 0 20px 0;font-family:'Noto-M';font-size:28px;color:#ff7d9e;text-align:center}
#realtimeInven .inven .date{margin:0 0 10px 0;font-size:13px;color:#676767;text-align:right}
#realtimeInven .inven .table{margin:0 0 38px 0}
#realtimeInven .inven .table thead th{height:38px;font-family:'Noto-M';font-size:14px;text-align:center;color:#676767;border:solid #a6a6a6;border-width:2px 0 1px 0;background:#f8f8f8}
#realtimeInven .inven .table td{padding:5px 0;height:28px;font-size:13px;color:#676767;border-bottom:solid 1px #a6a6a6}
#realtimeInven .inven .table .thumb{padding:18px 0 18px 18px;text-align:left}
#realtimeInven .inven .table .thumb > *{display:inline-block;vertical-align:middle}
#realtimeInven .inven .table .thumb .img{width:68px;background:#eee}
#realtimeInven .inven .table .thumb .img img{display:block;width:100%;height:auto}
#realtimeInven .inven .table .thumb .txt{margin:0 0 0 10px;min-width:94px;text-align:center}
#realtimeInven .inven .table .line-list{margin:-5px 0}
#realtimeInven .inven .table .line-list li{height:34px;line-height:34px}
#realtimeInven .inven .table .line-list li .red{color:#ff7d9e}
#realtimeInven .inven .table .line-list li + li{border-top:solid 1px #e8e8e8}
#realtimeInven .inven .table .line-list li .cs-form.small{vertical-align:middle}
#realtimeInven .inven .table .line-list li .cs-form.small label{padding-left:0;padding-right:18px;background-position:100% -13px}
#realtimeInven .inven .table .line-list li .cs-form.small input:checked + label{background-position:100% 0}
#realtimeInven .inven .info{font-size:14px;text-align:left;color:#676767}
#realtimeInven .inven .info dt{font-family:'Noto-M'}
#realtimeInven .inven .info dd{margin:9px 0 0 0;line-height:1.3}
#realtimeInven .inven .info dd + dt{margin-top:21px}



/* couponPop */
#couponPop{position:relative;padding:62px 50px;width:970px;border:solid 1px #c8c8c8;box-sizing:border-box}
#couponPop .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}
#couponPop .couponbox > .tit{margin:0 0 18px 0;font-family:'Noto-B';font-size:24px;text-align:left;color:#000}
#couponPop .couponbox .table-basic{margin:0 0 40px 0}
#couponPop .couponbox .table-basic table td .cs-form label{padding:0;width:19px;text-indent:-9999px}
#couponPop .couponbox .table-basic table td{padding:16px 5px}
#couponPop .couponbox .table-basic tr:hover td{background:#fef5f6}
#couponPop .couponbox .table-basic tr.check td{background:#fef5f6}

/* addresChange */
#addresChange{position:relative;padding:62px 50px;width:1208px;border:solid 1px #c8c8c8;box-sizing:border-box}
#addresChange .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}
#addresChange .couponbox > .tit{margin:0 0 18px 0;font-family:'Noto-B';font-size:24px;text-align:left;color:#000}
#addresChange .couponbox > .txt{position:relative;margin:0 0 22px 0;text-align:left}
#addresChange .couponbox > .txt .btnbox{position:absolute;right:0;top:-12px}
#addresChange .couponbox > .txt .btnbox button span{min-width:142px;height:34px;line-height:34px;font-size:13px} }
#addresChange .couponbox > .txt .btnbox .btn-s-line{line-height:32px}
#addresChange .couponbox > .txt .btnbox .add span:after{content:'';display:inline-block;margin:-1px 0 0 8px;width:12px;height:12px;vertical-align:middle;background:url('../img/common/btn/add_12.png') no-repeat 50% 50%}
#addresChange .couponbox .table-basic{margin:0 0 42px 0}
#addresChange .couponbox .table-basic td .info dt{font-family:'Noto-B';font-size:16px}
#addresChange .couponbox .table-basic td .info dd{margin:8px 0 0 0}
#addresChange .couponbox .table-basic td .info dd + dd{color:#535353}
#addresChange .couponbox .table-basic td .btn-s-line span{min-width:47px;height:30px;line-height:28px;font-size:12px;color:#686868}
#addresChange .couponbox .paging{margin:0 0 45px 0}
#addresChange .couponbox > .info{margin:70px 0 0 0;text-align:left}
#addresChange .couponbox > .info dt{margin:0 0 15px 0;font-family:'Noto-B';font-size:18px;color:#000}
#addresChange .couponbox > .info dd{position:relative;padding:0 0 0 18px;color:#535353}
#addresChange .couponbox > .info dd + dd{margin-top:8px}
#addresChange .couponbox > .info dd:before{content:'';position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:#535353}

/* adressAdd */
#adressAdd{position:relative;padding:62px 50px;width:654px;border:solid 1px #c8c8c8;box-sizing:border-box}
#adressAdd .btn-close{position:absolute;right:15px;top:15px;width:50px;height:50px;text-indent:-9999px;background:url('../img/common/btn/btn_close33.png') no-repeat 50% 50%}
#adressAdd .addressbox > .tit{margin:0 0 12px 0;font-family:'Noto-B';font-size:18px;text-align:left;color:#000}
#adressAdd .addressbox .form-box{margin:0 0 27px 0;padding:26px 0 32px 30px;text-align:left;border-top:solid 2px #39373a;border-bottom:solid 1px #9d9d9d}
#adressAdd .addressbox .form-box > li{position:relative;padding:0 0 0 132px}
#adressAdd .addressbox .form-box > li + li{margin:20px 0 0 0}
#adressAdd .addressbox .form-box > li > .tit{position:absolute;left:0;top:9px;font-family:'Noto-M';font-size:14px;color:#000}
#adressAdd .addressbox .form-box .form input[type="text"],
#adressAdd .addressbox .form-box .form input[type="password"]{width:200px;height:31px;border:0;border-bottom:solid 1px #9d9d9d;box-sizing:border-box}
#adressAdd .addressbox .form-box .form-address .t1 input{width:80px}
#adressAdd .addressbox .form-box .form-address .t1 button{margin:0 0 0 4px}
#adressAdd .addressbox .form-box .form-address .t1 button span{margin:0}
#adressAdd .addressbox .form-box .form-address .t2{margin:8px 0 0 0}
#adressAdd .addressbox .form-box .form-address .t2 input{width:348px}
#adressAdd .addressbox .form-box .form-address .t2 input + input{margin:10px 0 0 0}
#adressAdd .addressbox .form-box .form-address + .cs-form{margin-top:15px}
#adressAdd .addressbox .form-box .form-agree{display:inline-block;margin-top:4px}
#adressAdd .addressbox .form-box .form-agree > * + *{margin-left:30px}
#adressAdd .addressbox > .btnbox button span{min-width:145px;height:50px;line-height:50px}
#adressAdd .addressbox > .btnbox .btn-m-line span{color:#ff7d9e;border-color:#ff7d9e}

/* refunAccount */
#refunAccount{position:relative;padding:57px 45px 62px 45px;width:654px;border:solid 1px #c8c8c8;box-sizing:border-box}
#refunAccount > .tit{margin:0 0 12px 0;font-family:'Noto-B';font-size:18px;text-align:left;color:#000}
#refunAccount .board-write{margin:0 0 27px 0}
#refunAccount .board-write .inform{padding:32px 0 50px 30px;text-align:left}
#refunAccount .board-write .inform > li{padding-left:142px}
#refunAccount .board-write .inform > li + li{margin-top:30px}
#refunAccount .board-write .inform select{width:auto;min-width:auto}
#refunAccount .board-write .inform input[type="text"]{width:250px}
#refunAccount .board-write .inform input.size-m{width:310px}
#refunAccount .board-write .inform .form-group{padding:6px 0 0 0}
#refunAccount .board-write .inform .form-group .cs-form{margin:0}
#refunAccount .board-write .inform .form-group .cs-form + .cs-form{margin:0 0 0 30px}

.login-wrap.subpage .contents > h2 {color:#010101 !important; padding:0 0 10px 0;}
.login-wrap.subpage .category-txt {text-align:center; font-size:15px; line-height:1.5; color:#595858; margin-bottom:30px;}
.login-wrap.subpage .kakao {width:590px; margin:0 auto 15px;}
.login-wrap.subpage .kakao a {display:block; background:#ffe300; height:75px; line-height:80px; border-radius:6px; text-align:center; color:#020202; font-size:18px; font-weight:600;}
.login-wrap.subpage .kakao a button:before {display:inline-block; content:""; width:29px; height:27px; background:url('../img/common/icon/login.png') no-repeat 0 0; background-position:0 100%; position:relative; top:7px; right:15px;}
.login-wrap.subpage .kakao a span , .login-wrap.subpage .kakao a button {display:inline-block;}
.login-wrap.subpage .banner {margin-bottom:20px;}
.login-wrap.subpage .banner img {margin:0 auto; display:block;}
.login-wrap.subpage .line {width:590px; text-align:center; margin:40px auto;}
.login-wrap.subpage .line span {display:inline-block; font-size:15px; background:#fff; position:relative; padding:3px 15px; color:#a8a8a8;}
.login-wrap.subpage .line:before {display:block; width:100%; height:1px; background:#e3e3e3; content:""; position:relative; top:12px;}
.login-wrap.subpage .member .login .tabmenu {border-radius:6px;}
.login-wrap.subpage .member .login .tabmenu > * {border-bottom:1px solid #b3b3b3;}
.login-wrap.subpage .member .login .tabmenu > a:first-of-type {border-top-left-radius:6px; border-bottom-left-radius:6px;}
.login-wrap.subpage .member .login .tabmenu > a:last-of-type {border-top-right-radius:6px; border-bottom-right-radius:6px;}
.login-wrap.subpage .member .login .tabmenu .on {background:#ff7d9e; border-bottom:1px solid #ff7d9e;}
.login-wrap.subpage .member .login .form-box .option {text-align:left;}
.login-wrap.subpage .member .login .form-box .option li:first-of-type {margin-left:0;}
.login-wrap.subpage .member .login .login-type {border:0;}
.login-wrap.subpage .member .login .form-box .option li label {line-height:28px; height:28px; padding:0 0 0 35px; background:url('https://img.sonyunara.com/2020/member/form_check_new.png') no-repeat left top / 28px auto; background-position:0 100%;}
.login-wrap.subpage .member .login .login-type {margin-top:0; margin-bottom:0; padding-top:0;}
.login-wrap.subpage .member .login .login-type li {width:100%;}
.login-wrap.subpage .member .login .login-type li a span {background:#1ec800; color:#fff; font-size:16px; border:0 !important; height:65px; line-height:65px;}
.login-wrap.subpage .member .login .login-type li a.google span {box-sizing:border-box; background:#fff; color:black;border: 1px solid #CECECE !important;}
.login-wrap.subpage .member .login .login-type li:last-of-type{margin-top:10px;}
.login-wrap.subpage .member .login .login-type button span:before {width:34px; height:34px; margin:0 5px 0 0; background:url('https://img.sonyunara.com/2020/member/ico-naver.png') no-repeat 0 0 / 34px auto;}
.login-wrap.subpage .member .login .login-type button.google span:before {width:27px; height:27px; margin:0 5px 0 0; background:url('../img/common/icon/icon_google_2.png') no-repeat 0 0 / 27px auto; margin:0;left:-7px;}
.login-wrap.subpage .member .login .login-type button.google span p{position: relative; display:inline-block; left:2px;}
.login-wrap.subpage .txt {background:#f8f8f8; padding:17px 20px; border-radius:6px; color:#7b7b7b; font-size:13px; margin-top:30px;}
.login-wrap.subpage .txt b {display:block; color:#010101; font-weight:bold; font-size:15px; font-weight:500; margin-bottom:3px;}




/** 입점문의 **/
.contactus-page h2{margin:0 0 40px 0;font-family:'Noto-B';font-size:28px}  
.contactus-page .tabmenu{margin:0 0 20px 0}
.contactus-page .tabmenu .list li{display:inline-block;vertical-align:top}
.contactus-page .tabmenu .list li + li{margin-left:7px}
.contactus-page .tabmenu .list li a{display:block;padding:0 38px;height:61px;line-height:61px;font-size:20px;color:#757575;border-radius:10px;border:solid 2px #dadada}
.contactus-page .tabmenu .list .on a{color:#fff;border-color:#ff7d9e;background:#ff7d9e}
.contactus-page .formbox{padding:64px 50px 80px 50px;border-radius:10px;border:solid 2px #efefef}
.contactus-page .formbox > .tit{margin:0 0 32px 0;font-size:24px;font-family:'Noto-B'}
.contactus-page .formbox > .txt{margin:0 0 35px 0;font-size:16px;color:#3d3d3d}
.contactus-page .formbox > .formlist > li{position:relative;padding:0 0 0 78px}
.contactus-page .formbox > .formlist > li + li{margin-top:14px}
.contactus-page .formbox > .formlist > li .t1{position:absolute;left:0;top:18px;font-size:14px;color:#3d3d3d}
.contactus-page .formbox > .formlist > li .t2{min-height:50px;box-sizing:border-box}
.contactus-page .formbox > .formlist > li .t2.form-agree{padding-top:14px}
.contactus-page .formbox > .formlist > li .t2.form-agree .cs-form{margin-right:35px}
.contactus-page .formbox > .formlist > li .t2.form-agree .cs-form input{width:5px;height:5px}
.contactus-page .formbox > .formlist > li .t2 input,
.contactus-page .formbox > .formlist > li .t2 textarea{padding:0 10px;width:328px;height:50px;font-size:14px;color:#333;border-radius:6px;border:solid 1px #dadada;box-sizing:border-box}
.contactus-page .formbox > .formlist > li .t2 textarea{padding:16px 10px;width:918px;height:320px;line-height:1.4}
.contactus-page .formbox > .formlist > li .t3{margin:12px 0 0 0;width:918px;text-align:right;font-size:14px;color:#8b8b8b}
.contactus-page .formbox .cs-file{position:relative;padding:0 50px 0 0;width:338px;font-size:0}
.contactus-page .formbox .cs-file .input-file{overflow:hidden;position:absolute;right:0;bottom:0;z-index:1;padding:0;width:100%;height:50px;border:none;background:#fff;cursor:pointer;opacity:0;filter: alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}
.contactus-page .formbox .cs-file .file-name{position:relative;z-index:2;display:block;padding:0 10px;width:308px;height:48px;line-height:48px;font-size:14px;color:#333;border-radius:6px;border:solid 1px #dadada}
.contactus-page .formbox .cs-file  a{position:absolute;right:0;bottom:0;width:50px;height:50px}
.contactus-page .formbox .agree{margin:34px 0 0 78px}
.contactus-page .formbox .agree input{position:absolute;margin:2px 0 0 0}
.contactus-page .formbox .agree label{display:inline-block;position:relative;padding:0 0 0 34px;height:22px;line-height:22px;font-size:16px;color:#3d3d3d;background:#fff url('../pc/img/sub/contactus/btn_check.png') no-repeat 0 0}
.contactus-page .formbox .agree input:checked + label{background-position:0 100%}
.contactus-page .formbox .agree label span{position:relative;font-family:'Noto-B';color:#000}
.contactus-page .formbox .agree label span:before{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:#808080}
.contactus-page .formbox .agree label em{color:#ff7d9e}
.contactus-page .formbox > .btn{margin:55px 0 0 0;text-align:center}
.contactus-page .formbox > .btn.small{margin-top:30px;text-align:left}
.contactus-page .formbox > .btn button{width:230px;height:66px;border-radius:6px;font-size:22px;color:#fff;text-align:center;text-align:center;background:#ff7d9e}
.contactus-page .formbox > .btn.small button{width:168px;height:56px;font-size:20px}
#popContactUs{position:relative;width:936px;border-radius:10px}
#popContactUs .inner{padding:70px 57px 60px 57px !important;font-size:16px;color:#808080;text-align:left;line-height:1.5}
#popContactUs .inner .tit{font-family:'Noto-B';font-size:28px;color:#3e3d3d}
#popContactUs .inner .txt1{margin:22px 0 32px 0;font-family:'Noto-M';color:#808080;line-height:1.7}
#popContactUs .inner .txt2{font-family:'Noto-M';color:#808080}
#popContactUs .inner .txt2 dt{margin:0 0 4px 0;color:#000}
#popContactUs .inner .txt2 dd + dt{margin-top:32px}
#popContactUs .inner .btn{margin:48px 0 0 0;text-align:center}
#popContactUs .inner .btn button{width:170px;height:54px;font-family:'Noto-M';font-size:18px;color:#fff;border-radius:6px;background:#808080}
#popContactUs .btn-close{position:absolute;right:-53px;top:17px}