퍼블 수정

src/main/webapp/WEB-INF/views/web/common/fragments/HeadWeb.html

@@ -50,7 +50,7 @@
 	<link rel="icon" href="/images/favicon-16x16.png" sizes="16x16" type="image/png"/>
 
 	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/css/ion.rangeSlider.min.css">
-	<link rel="stylesheet" type="text/css" href="http://ldfront.style24.com/ux/pc/css/slick.css"/>
+	<link rel="stylesheet" type="text/css" href="/ux/pc/css/slick.css"/>
 	<link rel="stylesheet" type="text/css" th:href="@{'/ux/pc/css/swiper.min.css?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" href="/ux/pc/css/swiper.min.css"/>
 	<link rel="stylesheet" type="text/css" th:href="@{'/ux/pc/css/jquery-ui.css?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" href="/ux/pc/css/jquery-ui.css"/>
 	<link rel="stylesheet" type="text/css" th:href="@{'/ux/pc/css/reset.css?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" href="/ux/pc/css/reset.css"/>
@@ -59,13 +59,14 @@
 	<link rel="stylesheet" type="text/css" th:href="@{'/ux/pc/css/layout.css?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" href="/ux/pc/css/layout.css"/>
 	<link rel="stylesheet" type="text/css" th:href="@{'/ux/pc/css/main.css?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" href="/ux/pc/css/main.css"/>
 	
-	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
-	<!--<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>-->
+<!-- 	<script src="http://code.jquery.com/jquery-1.9.1.js"></script> -->
+	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
 	<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js"></script>
 	<script src="/ux/pc/js/jquery.modal.min.js"></script>
 	<script src="/ux/pc/js/jquery-ui.js"></script>
-	<script src="/ux/pc/js/jquery.ui.datepicker.monthyearpicker.js"></script>
+<!-- 	<script src="/ux/pc/js/jquery.ui.datepicker.monthyearpicker.js"></script> -->
 	<script src="/ux/plugins/jquery.serializeObject.min.js"></script>
 	<script src="/ux/plugins/mcxdialog/mcxdialog_ui.js"></script>
 	

src/main/webapp/ux/mo/css/common_m.css

@@ -302,7 +302,7 @@ input[type="file"] {
 }
 .fileAdd{
   width: 72px;height:72px;border: 1px solid #dddddd;float: right;font-size: 0;
-  background: url('../../../images/mo/ico_btn_file.png') no-repeat;background-position: 50% 50%;
+  background: url('/images/mo/ico_btn_file.png') no-repeat;background-position: 50% 50%;
   -webkit-appearance: none; -moz-appearance: none; appearance: none;cursor: pointer; background-size:30px;
 }
 .fileAdds {
@@ -324,16 +324,20 @@ input[type="file"] {
 }
 .removes::after {
   content: '';display: inline-block;width: 20px;height: 20px;
-  background: url('../../../images/mo/ico_btn_cls1.png') no-repeat;background-position: 50% 50%;
+  background: url('/images/mo/ico_btn_cls1.png') no-repeat;background-position: 50% 50%;
 }
 
 
-
-
-
-
-
-
+/* toggle - Share */
+.setShare {padding: 2rem 2rem 3.0em;position: relative;}
+.setShare span {display: block;text-align: center;}
+.setShare button {width: 4.5rem;height: 5.5rem;background: url(/images/mo/ico_share.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-size: 23.5rem 3.33rem;position: relative;}
+.setShare button.kk {background-position: 0.75rem 0;}
+.setShare button.fb {background-position: -6.0rem 0;}
+.setShare button.tw {background-position: -12.5rem 0;}
+.setShare button.url {width: 5.0rem;background-position: -18.8rem 0;}
+.setShare button ~ button {margin-left: 2rem;}
+.setShare button span {display: block;font-size: 1.2rem;position: absolute;top: auto;bottom: -0.5rem;left: 50%;right: 50%;transform: translateX(-50%);text-align: center;margin: 0 auto;width: 100%;}
 
 
 /* select */
@@ -493,6 +497,42 @@ input[type="file"] {
 }
 
 
+
+/* select-custom-sup : table sub */
+.select_custom.sup {width: auto;width: 12rem;display: inline-block;position: absolute;right: 0rem;}
+.select_custom.sup .combo {display: inline-block;position: absolute;width: auto;right: 2.5rem;top: 0;}
+.select_custom.sup .combo .select {position: relative;box-sizing: border-box;height: 4.5rem;line-height: 1;cursor: pointer;padding: 15px 15px;background-color: #ffffff;border: 0px solid #dddddd;font-size: 1.2rem;}
+.select_custom.sup .combo .select:after {
+/* content: '▼'; */
+/* position: absolute; */
+/* top: 50%; */
+/* right: 10px; */
+content: '';width: 0;height: 0;box-sizing: border-box;position: absolute;top: 2.0rem;right: 0rem;border: 0.4rem solid transparent;border-color: #222222 transparent transparent transparent;}
+.select_custom.sup.on .combo .select {border: 1px solid #999999;}
+.select_custom.sup.on .combo .select:after {
+/* content: '▲'; */
+top: 9px;border-color: transparent transparent #888888 transparent;}
+.select_custom.sup .combo .list {display: none;overflow-y: auto;position: absolute;top: 4.5rem;left: 0;z-index: 10;border: 0px solid #999999;border-top: 0;box-sizing: border-box;width: 100%;max-height: 50.0rem;background-color: #fff;font-size: 1.2rem;}
+.select_custom.sup .combo .list::-webkit-scrollbar {width: 1.0rem;height: 0;}
+.select_custom.sup .combo .list::-webkit-scrollbar-button:start:decrement,
+.select_custom.sup .combo .list::-webkit-scrollbar-button:end:increment {display: block;height: 0;}
+.select_custom.sup .combo .list::-webkit-scrollbar-track {background: rgba(0, 0, 0, .05);-webkit-border-radius: 10px;border-radius: 10px;}
+.select_custom.sup .combo .list::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0, 0, 0, .2);-webkit-border-radius: 5px;border-radius: 5px;}
+.select_custom[disabled].sup {pointer-events: none;} 
+.select_custom[disabled].sup .select {pointer-events: none;color: #bbb;background-color: #f5f5f5 !important;} 
+.select_custom.sup .combo .list>li[aria-disabled="true"] {text-decoration: line-through;background: #f5f5f5;color: #bbb;pointer-events: none;}
+.select_custom.sup .combo .list>li[data-soldout="true"] {pointer-events: none;}
+.select_custom.sup .combo .list>li[data-soldout="true"]::after {content: '품절';display: inline-block;font-size: 12px;color: #bbbbbb;position: absolute;right: 15px;top: 0;bottom: 0;}
+.select_custom.sup .combo .list>li {box-sizing: border-box;padding: 0 1.5rem;width: 100%;height: auto;line-height: 3.5rem;cursor: pointer;position: relative;}
+.select_custom.sup .combo .list>li:hover {background-color: #ccc;}
+
+
+/* TAG, Label */
+.tag {display: inline-block;height: 1.7rem;padding: 0rem 0.4rem;border: 1px solid #ddd;color: #666;font-size: 1.1rem;font-weight: 300;text-align: center;line-height: 1.7rem;}
+.tag.primary {background: #fd4802;border-color: #fd4802;color: #fff;}
+.tag.deepgray {background: #aaa;border-color: #aaa;color: #fff !important;}
+.my .point .amount_plus {color: #fd4802;}
+
 /* ico */
 .ico {position: relative;/*top: 1px;*/display: inline-block; font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
 .ico:before {display: inline-block; background-repeat:no-repeat; background-size:contain; background-position:0% 0%; vertical-align:middle;}
@@ -544,8 +584,10 @@ input[type="file"] {
 .btn_waiting{position: relative; display: block; width: 100%; height: 50px; color: #cd0c0d; border: #05937b solid 1px;}
 .btn_waiting::after{content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 10px; background: url("../images/icon_download2.png") no-repeat center; background-size: 12px auto;}
 .btn_primary{color: #ffffff; background-color: #fd4802; border-color: #fd4802;}
+.btn_primary_line{color: #fd4802; background-color: #fff; border-color: #fd4802;}
 .btn_default{color: #333333;background-color: #ffffff;border-color: #dddddd;}
 .btn_dark {color: #ffffff; background-color: #222222; border-color: #222222;}
+.btn_underline {display:inline-block; border-bottom:1px solid #222; color:#222; font-size:1.4rem; line-height:1 !important;}
 
 .btnIcon_more:after,
 .btnIcon_brand:after,
@@ -582,6 +624,9 @@ input[type="file"] {
 .btn_danger:hover, .btn_danger:focus, 
 .btn_danger:active, .btn_danger.active, 
 .open > .tgl_dropdown.btn_danger{background-color: #a43f3e;border-color: #a43f3e;color:#ffffff;}
+.btn_primary_line:hover, .btn_primary_line:focus, 
+.btn_primary_line:active, .btn_primary_line.active, 
+.open > .tgl_dropdown.btn_primary_line {background-color: #fff;border-color: #fd4802;color:#fd4802;}
 
 /* button flex */
 .btn_group_flex {display:flex; flex-wrap: wrap; width:100%; align-items:stretch; flex-direction:row; margin-top: 3rem;}
@@ -592,7 +637,7 @@ input[type="file"] {
 .btn_group_flex > div > .btn.btn_dark {border-color:#222;}
 .btn_group_flex > div > .btn.btn_primary {background-color:#fff; border-color:#fd4802; color: #fd4802;}
 
-
+.btn_block {width: 100%;}
 
 
 /* Page setup */
@@ -609,6 +654,7 @@ body.gnb_on {height: 100vh;overflow: hidden;}
 .inner.bg_beige {background-color: #ffeee7;}
 .inner.bg_dark {background-color: #222222;}
 .inner.bg_dark .titWrap>* {color: #ffffff;}
+.inner.bg_dark .titWrap a H2{color: #ffffff;}
 
 /* header, htop, btn_gnb, header.main, hmenu, bng, bnb */
 header {
@@ -890,9 +936,10 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 
 
 /* titWrap, .tit */
+
 .titWrap{padding: 2.0rem 0 0 0; text-align: center; font-size: 1.8rem;}
-.tit{font-size: 1.4rem; font-weight: 400; color: #222;}
-.exp{font-size: 1.1rem; font-weight: 200; color: #666;}
+.tit{font-size: 1.4rem; font-weight: 400; color: #222222;}
+.exp{font-size: 1.1rem; font-weight: 200; color: #666666;}
 .list1 > li{font-size: 1.5rem; position: relative; padding-left: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
 .list1 > li::after{content: ''; display: block; clear: both;}
 .list1 > li::before{content: ''; display: block; position: absolute; left: 0; top: 0.5em; width: 3px; height: 3px; background-color: #666;}
@@ -930,7 +977,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .tblWrap{margin-top: 10px;}
 .tblWrap + .tblWrap{margin-top: 30px;}
 .tblWrap table{width: 100%; border-top: #222 solid 1px;}
-.tblWrap table tr th, .tblWrap table tr td{border-left: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; padding: 14px 5px; text-align: center; color: #666; font-size: 1.5rem;}
+.tblWrap table tr th, .tblWrap table tr td{border-left: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; padding: 1.4rem 0.5rem; text-align: center; color: #666; font-size: 1.5rem;}
 .tblWrap table tr th:first-child, .tblWrap table tr td:first-child{border-left: none;}
 .tblWrap table tr th.tL, .tblWrap table tr td.tL{text-align: left;}
 .tblWrap table tr th.tR, .tblWrap table tr td.tR{text-align: left;}
@@ -941,6 +988,95 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .tblWrap table tr.lB th, .tblWrap table tr.lB td{border-bottom: none;}
 .tblWrap table thead th, .tblWrap table thead td{font-weight: 400;color: #222;}
 
+
+/* 테이블 type1 수평 행,열별 구분선 없음 */
+.tbl.type1 {padding:1.5rem 0; border-top:1px solid #000; border-bottom:1px solid #ddd;} 
+.tbl.type1 table {text-align:left; word-break:keep-all;}
+.tbl.type1 table th,
+.tbl.type1 table td {position:relative; /*padding:1.0rem 4.0rem;*/ font-weight:200; font-size:1.6rem; letter-spacing:-0.025em;}
+.tbl.type1 table th {padding:1.0rem 0rem 1.0rem 4.0rem; font-weight:300;}
+.tbl.type1 table td {padding:1.0rem 4.0rem 1.0rem 0rem;}
+/* .tbl.type1 table tr td:first-child {padding-left:4.0rem;}
+.tbl.type1 table tr td:last-child {padding-right:4.0rem;} */
+
+/* 테이블 type2 - 수직형 행,열별 구분선 있음 */
+.tbl.type2 {padding:0; border-top:1px solid #000;} 
+.tbl.type2 table {word-break:keep-all;}
+.tbl.type2 table th,
+.tbl.type2 table td {position:relative; padding:2.0rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.6rem; letter-spacing:-0.025em; text-align:center;}
+.tbl.type2 table th {font-weight:500;}
+
+/* 테이블 type3 - 결제정보 (구 버전) */
+.tbl.type3 {padding:0; border:1px solid #000;} 
+.tbl.type3 table {word-break:keep-all;}
+.tbl.type3 table th,
+.tbl.type3 table td {position:relative; padding:25px 4.0rem; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-weight:200; font-size:1.6rem; letter-spacing:-0.025em; text-align:left; vertical-align:top;}
+.tbl.type3 table th {font-weight:300;}
+.tbl.type3 table tr:last-child td {border-bottom:none;}
+
+/* 테이블 type4 - 수평 th 컬러구분 */
+.tbl.type4 table {border-top:1px solid #000;}
+.tbl.type4 table th,
+.tbl.type4 table td {padding-top:25px; padding-bottom:25px; border-bottom:1px solid #ddd; font-size:1.6rem; letter-spacing:-0.5px; text-align:center;}
+.tbl.type4 table th {background:#f5f5f5; color:#222; font-weight:500;}
+.tbl.type4 table td {position:relative; font-weight:200;}
+
+/* 테이블 type5 - 수직형 행,열별, th구분선 있음 */
+.tbl.type5 {padding:0; border-top:1px solid #000;} 
+.tbl.type5 table {word-break:keep-all;}
+.tbl.type5 table th,
+.tbl.type5 table td {position:relative; padding:2.0rem 0; font-size:1.6rem; letter-spacing:-0.025em; text-align:center;}
+.tbl.type5 table td {border-bottom:1px solid #ddd; font-weight:200;}
+.tbl.type5 table th {border-bottom:1px solid #000; font-weight:500;}
+
+/* 테이블 type6 - 결제정보 (신 버전) */
+.tbl.type6 {padding:35px 0; border-top:1px solid #000; border-bottom:1px solid #ddd;} 
+.tbl.type6 table {text-align:left; word-break:keep-all;}
+.tbl.type6 table th,
+.tbl.type6 table td {position:relative; padding:0rem 4.0rem; font-weight:200; font-size:1.6rem; letter-spacing:-0.025em; border-left:1px dashed #ddd; vertical-align:top;}
+.tbl.type6 table th {font-weight:500;}
+.tbl.type6 table tr td:first-child {border-left:none}
+.tbl.type6 table tr td dl::after,
+.tbl.type6 table tr td dl > div::after {content: '';display: block;clear: both;}
+.tbl.type6 table tr td > dl {margin-top:2.0rem}
+.tbl.type6 table tr td > dl:first-child {margin-top:0rem}
+.tbl.type6 table td dl dt {float:left; font-size:1.6rem; font-weight:300; color:#222}
+.tbl.type6 table td dl dd {float:right; font-size:1.5rem; font-weight:200; color:#222}
+.tbl.type6 table td dl dd em {font-size:1.6rem;}
+.tbl.type6 table td dl dd .btn.btn_sm {height:34px; margin-top:-8px; margin-left:1.0rem; padding:1.0rem 1.4rem; font-size:1.4rem;}
+.tbl.type6 table td dl dd .btn.btn_sm:first-child {margin-left:0;}
+.tbl.type6 table td dl dd .btn.btn_sm span {vertical-align:top; font-weight:200; line-height:1;}
+.tbl.type6 table td dl dd .btn.btn_sm.btn_default {color:#222; border:1px solid #a7a7a7;}
+.tbl.type6 table td dl .price {font-size:2.2rem; font-weight:700;}
+.tbl.type6 table td dl .price em {font-size:2.4rem;}
+.tbl.type6 table td dl .price .oder_total_price {color:#222}
+.tbl.type6 table td dl .price .pay_total_price {color:#fd4802}
+.tbl.type6 table td dl .price .return_total_price {color:#fd4802}
+.tbl.type6 table td dl .save_point {position:relative; padding-left:22px;}
+.tbl.type6 table td dl .save_point::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.6rem; height:1.6rem; background:url('/images/pc/ico_point.png') no-repeat 0 50%;}
+.tbl.type6 table td dl > div {margin-top:2.0rem;}
+.tbl.type6 table td dl > div:first-child {margin-top:0rem}
+.tbl.type6 table td dl > div.include_item {}
+.tbl.type6 table td dl > div.include_item dt {padding-left:1.5rem; background:url('/images/pc/ico_bracket2.png') no-repeat 0 50%;}
+
+/* 테이블 내용 나열 폼 */
+.tbl th,
+.tbl td {vertical-align:top;}
+.tbl td .single_line::after {content:''; clear:both; display:block;}
+.tbl td .single_line ul li {float:left; position:relative; padding:0rem 1.5rem; margin:0}
+.tbl td .single_line ul li::before {content:''; position:absolute; width:1px; height:1.4rem; left:0rem; top:50%; transform:translateY(-50%); background:#ddd;}
+.tbl td .single_line ul li:first-child {padding-left:0}
+.tbl td .single_line ul li:first-child::before {display:none;}
+.tbl td .single_line ul li > span {margin-right:0}
+.tbl td .block_line {position:relative;}
+.tbl td .block_line ul li {margin-top:5px; height:1.625em; /*line-height:1;*/}
+.tbl td .block_line ul li:first-child {margin-top:0}
+.tbl td .block_line ul li > span {vertical-align:top;}
+.tbl td .block_line ul li .tag {margin-left:6px; margin-top:2px; vertical-align:top;}
+.tbl td .block_line ul li .btn.btn_sm {height:34px; margin-top:-6px; padding:1.0rem 1.4rem; font-size:1.4rem; font-weight:200;}
+
+
+
 /* fold-list : list_cate */
 .list_cate{margin: 0 -25px; padding: 50px 25px 0 25px; border-bottom: #e5e5e5 solid 1px;}
 .list_cate > li{border-top: #e5e5e5 solid 1px; margin: 0 -25px; padding: 0 25px; position: relative;}
@@ -1429,7 +1565,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 .modal{display:none; vertical-align:middle;position:relative;z-index:2;max-width:960px;box-sizing:border-box;width:90%;background:#fff;padding:0;text-align:left; -webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;}
 .modal a.close-modal{position: absolute;top:2.4rem;right:2.1rem;display:block;width:1.7rem;height:1.7rem;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=='); z-index: 98; background-image: url('/images/mo/ico_pop_cls.png');}
 
-.modal .modal-header{margin-top: 0;margin-bottom: 0; padding: 2.4rem 1.33rem 2.0rem;}
+.modal .modal-header{margin-top: 0;margin-bottom: 0; padding: 2.4rem 1.88rem 2.0rem;}
 .modal .modal-header > *{font-size: 1.7rem;font-weight: 400;}
 .modal .modal-body{box-sizing: border-box; padding: 0rem 1.33rem;}
 .modal .modal-body .pop_cont{overflow: auto;max-height: 450px; font-size: 16px; line-height: 1.62; font-weight: 200; color:#666;}

src/main/webapp/ux/mo/css/layout_m.css

@@ -76,6 +76,7 @@
 .cs .cs_faq_1 .ui_row.nodata::after {
     content: '검색어 조건에 맞는 항목이 없습니다.';
 }
+.cs .cs_faq_1 .ui_foot .btn{width:100%; height: 4rem;}
 
 /* cs_contactUs_1 */
 .cs .cs_contactUs_1{background-color:#f5f5f5}
@@ -106,6 +107,7 @@
 .cs .cs_contactUs_1 .ui_row.nodata::after {
     content: '등록된 문의가 없습니다.';
 }
+.pop_cont .cs_contactUs_my .tt { font-size: 1.4rem; line-height: 3.1rem;}
 .modal#thumb_pic .modal-header{border-bottom:0;}
 .modal#thumb_pic .modal-body{margin-top: 5rem; padding:0}
 .modal#thumb_pic .swiper-container.cs_pop{height:100%; width:100%;}
@@ -167,7 +169,7 @@
 .cs_contactUs_my .cellphone .input_wrap .tt{padding:0.3rem 0; margin-right:3rem; font-weight:600;}
 .cs_contactUs_my .img_group .thumb_pic {position:relative; display:inline-block; width:7.4rem; height:7.4rem; border:0.1rem solid #ddd; margin-right:0.4rem; box-sizing:border-box; overflow:hidden;} 
 .cs_contactUs_my .img_group .thumb_pic img {position:absolute; top:50%; transform: translateY(-50%); width:100%; height: auto;}
-.pop_cont .cs_contactUs_my .tt { font-size: 1.4rem; line-height: 3.1rem;}
+.cs_contactUs_1 .ui_foot .btn{width:100%; height: 4rem;}
 
 /* cs_product_1 */
 .cs .cs_product_1{background-color:#f5f5f5}
@@ -176,6 +178,7 @@
 .cs .cs_product_1 .ui_row.nodata::after {
     content: '등록된 문의가 없습니다.';
 }
+.cs .cs_product_1 .ui_foot .btn{width:100%; height: 4rem;}
 
 /* cs_notice_1 */
 .cs .cs_notice_1{background-color:#f5f5f5}
@@ -185,15 +188,15 @@
 .cs .cs_notice_1 .ui_row.nodata::after {
     content: '등록된 공지가 없습니다.';
 }
-
+.cs .cs_notice_1 .ui_foot .btn{width:100%; height: 4rem;}
 
 
 /* ============================================ 회원가입 ============================================ */
 /* mb공통*/
-.mb .close{position: relative; height:5.2rem;}
+.mb .close{position: relative; height:5.2rem; margin-bottom: -1.2rem;}
 .mb .close span{position:absolute; left:50%; margin-left:-0.05rem; display:inline-block; width:0.1rem; height:1.8rem; background-color:#000; transform:rotate(45deg);}
 .mb .close span:first-child{transform:rotate(-45deg);}
-.mb .close a{position:absolute; top:50%; right:2rem; margin-top:-0.8rem; width:1.8rem; height:1.8rem; font-size:0; background-color:#fff;}
+.mb .close a{position:absolute; top:50%; right:0; margin-top:-0.8rem; width:1.8rem; height:1.8rem; font-size:0; background-color:#fff;}
 .mb .cont_head h2{margin-bottom:3rem; text-align:center; font-size:1.8rem; font-weight:700;}
 .mb .form_wrap .form_field{margin-top:1rem;}
 .mb .ui_row{margin-bottom:0;}
@@ -216,7 +219,7 @@
 .mb .tab_btn{margin-bottom:4rem; overflow:hidden;}
 .mb .tab_btn > li{position:relative; float:left; width:50%; height:4.5rem; line-height:4.5rem; background-color:#f5f5f5; color:#888; text-align:center;}
 .mb .tab_btn > li.active{background-color:#fff; color:#fd4802; font-weight:600;}
-.mb .tab_btn > li:after{content:''; display:block; position:absolute; top:0; left:0; width:1rem; height:0.2rem; background:#fd4802}
+.mb .tab_btn > li:after{content:''; display:block; position:absolute; top:0; left:0; width:0; height:0.2rem; background:#fd4802}
 .mb .tab_btn > li.active:after{width:100%;}
 .mb .radio_tab{margin-bottom:2rem;}
 .mb .radio_nav{margin-bottom:2.4rem;}
@@ -260,12 +263,26 @@
 .mb .mb_login .captcha .captcha_area {margin-top:0.6rem;}
 .mb .mb_login .captcha .captcha_area input {padding:1.3rem 0 15px 1.3rem;}
 .mb .mb_login .captcha .captcha_area label { display: block; width: 100%; margin:-0.8rem 0 0.4rem 0;}
+.mb .mb_login .btn{width:100%; height:4.5rem;}
 
 /* mb_idInquiry_1 */
 .mb_idInquiry_1 .radio_nav{margin-left:-0.5rem; margin-right:-0.5rem;}
 .mb_idInquiry_1 .form_field{flex-flow:row wrap; justify-content: space-between;}
 .mb_idInquiry_1 .form_field .ui_col_4{padding:0.5rem; width:auto; box-sizing:border-box;}
 .mb_idInquiry_1 .txt{margin:4rem 0; text-align:center; color:#888888;}
+.mb_idInquiry_1 .btn{width:100%; height:4.5rem;}
+
+/* mb_idInquiry_2 */
+.mb_idInquiry_2 .btn{width:100%; height:4.5rem;}
+
+/* mb_idInquiry_3 */
+.mb_idInquiry_3 .btn{width:100%; height:4.5rem;}
+
+/* mb_idInquiry_4 */
+.mb_idInquiry_4 .btn{width:100%; height:4.5rem;}
+
+/* mb_idInquiry_5 */
+.mb_idInquiry_5 .btn{width:100%; height:4.5rem;}
 
 /* mb_idInquiry_6 */
 .dormant .form_wrap .form_btn::after {clear:both; display:block; content:'';}
@@ -276,6 +293,10 @@
 .dormant .form_wrap .form_summary {margin-top:3rem;}
 .dormant .form_wrap .form_summary strong {font-size:1.4rem; font-weight:300;}
 .dormant .form_wrap .form_summary p {margin-top:0.5rem; font-size:1.2rem; color:#888; font-weight:200; line-height:1.6; word-break:keep-all;}
+.mb_idInquiry_6 .btn{width:100%; height:4.5rem;}
+
+/* mb_idInquiry_7 */
+.mb_idInquiry_7 .btn{width:100%; height:4.5rem;}
 
 /* mb_idInquiry_8 */
 .mb_idInquiry_8 .form_summary {padding-top:3rem; border-top: 0.1rem solid #ddd;}
@@ -284,6 +305,10 @@
 .mb_idInquiry_8 .form_summary .btn {position:absolute; top:0.1rem; right:0; font-size:1.2rem; font-weight:300; border-color:#a7a7a7;}
 .mb_idInquiry_8 .form_summary .t_info {display:block; color:#888; font-size:1.2rem}
 .mb_idInquiry_8 .form_summary .t_info:nth-of-type(4){padding-right:8rem;}
+.mb_idInquiry_8 .btn{width:100%; height:4.5rem;}
+
+/* mb_join_1 */
+.mb_join_1 .btn{width:100%; height:4.5rem;}
 
 /* mb_join_2 */
 .mb .mb_join_2 .form_field{display:block;}
@@ -291,9 +316,11 @@
 .mb .mb_join_2 .form_wrap .desc_wrap p a {color:#666; font-weight:300;}
 .mb .mb_join_2 .help_block::after {clear:both; display:block; width:100%;}
 .mb .mb_join_2 .help_block .btn.btn_sm {float:left; margin-right:0.4rem; border-color:#222; font-size:1.2rem;}
+.mb .mb_join_2 .btn_primary{width:100%; height:4.5rem;}
 
 /* mb_join_3 */
 .mb .mb_join_3 .form_wrap .print_bar{padding:3.4rem 0; background: #f5f5f5; text-align:center;}
+.mb .mb_join_3 .btn{width:100%; height:4.5rem;}
 
 
 
@@ -302,7 +329,7 @@
 /* common으로 이사갈것들 */
 .pb0{padding-bottom:0!important;}
 .ico_besttag{height:1.5rem; vertical-align:middle;}
-.ico_besttag::before {content: ""; width: 31px; height: 15px; background: url(/images/pc/ico_besttag.png) no-repeat 50% 50%; background-size: cover;}
+.ico_besttag::before {content: ""; width: 31px; height: 15px; background: url(/images/mo/ico_besttag.png) no-repeat 50% 50%; background-size: cover;}
 
 /* button*/
 .pd_detail .btn_coupon,
@@ -317,11 +344,12 @@
 .item_prod .itemLike {position: absolute;top:1rem;right:1rem;font-size: 0px;z-index: 2;width: 1.7rem;height: 1.7rem; background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:0px 0px;background-repeat: no-repeat;}
 .item_prod .itemLike::before, 
 .item_prod .itemLike::after {content: "";position: absolute;top: 0px;right: 0px;width: 100%;height: 100%; background-repeat: no-repeat;background-position: right top;background-size: contain;opacity: 0;transition: opacity 200ms ease 0s;}
-.item_prod .itemLike::before {background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:-1.7rem 0px;background-repeat: no-repeat;}
-.item_prod .itemLike::after {background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position: -1.7rem 0px;background-repeat: no-repeat;}
-.item_prod .itemLike:hover::before, 
-.item_prod .itemLike:active::before {opacity: 1;}
-.item_prod .itemLike.active::before {opacity: 1;}
+.item_prod .itemLike::before {background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position:-1.8rem 0px;background-repeat: no-repeat;}
+.item_prod .itemLike::after {background: url('/images/mo/ico_like.png');background-size: 3.4rem;background-position: -1.8rem 0px;background-repeat: no-repeat;}
+/* .item_prod .itemLike:hover::before,  */
+/* .item_prod .itemLike:active::before {opacity: 1;} */
+/* .item_prod .itemLike.active::before {opacity: 1;} */
+.itemLike.likeit::before {opacity: 1;}
 .item_prod .itemLink {position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
 .item_prod .itemPic {position: relative;width: 100%;margin-bottom: 15px;padding-top: 150%;font-size: 0px;overflow: hidden;}
 .item_prod .itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
@@ -372,7 +400,7 @@
 }
 .pd_detail .thumb_box .thumb_paging{position:absolute; left:50%; bottom:6.5rem; padding:0.2rem 0; width:6rem; height:2rem; font-size:1.2rem; color:#fff; text-align:center; background-color:#222; border-radius:3rem; box-sizing: border-box; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:3;}
 .pd_detail .thumb_box .thumb_paging strong{font-weight:700;}
-.pd_detail .thumb_box .swiper-pagination {display:inline-block; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
+.pd_detail .thumb_box .swiper-pagination {display:inline-block; margin:0; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
 .pd_detail .thumb_box .swiper-pagination-fraction{position:absolute; left:50%; bottom:6rem;-webkit-transform:translateX(-50%); transform:translateX(-50%);}
 .pd_detail .descript_box .name{font-size:1.6rem; font-weight:400; color:#222;}
 .pd_detail .descript_box .comment{margin-top:0.4rem; font-size:1.2rem; font-weight:400; color:#666666;}
@@ -396,7 +424,7 @@
 .pd_detail .timer_box p::after {content:''; clear:both; display:block;}
 .pd_detail .timer_box p span {display:inline-block; position:relative; }
 .pd_detail .timer_box p .tt {position:relative; padding-left:28px; color:#fff; font-size:1.3rem;}
-.pd_detail .timer_box p .tt::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('/images/pc/ico_timer2.png') no-repeat 0 50%;}
+.pd_detail .timer_box p .tt::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('/images/mo/ico_timer2.png') no-repeat 0 50%;}
 .pd_detail .timer_box p .timer {color:#fff; font-size:1.4rem; font-weight:300;}
 .pd_detail .timer_box p .timer em {display:inline-block; position:relative; padding-left:6px;}
 .pd_detail .timer_box p .timer em::before {content:':'; position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
@@ -486,10 +514,14 @@
 .pd_detail .benefit_box{padding-top:3rem;}
 /* 5 */
 .pd_detail .pd_together{padding-top:3rem;}
+.pd_detail .brand_home{margin-bottom:-1.2rem;}
+.pd_detail .brand_home .link_go{display:block; padding:1rem 2rem; font-size:1.4rem; color:#222; font-weight:500; border-bottom:1px solid #eee;}
+.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url(/images/mo/ico_branb_home.png) center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
+.pd_detail .brand_home .link_go:after{content:''; display:inline-block;  margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url(/images/mo/ico_brandhome_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle;}
 .pd_detail .content.pd_descrp{padding-top:3rem;}
 [class*="pd_descrp"] .btn_group_flex button{border: 1px solid #fd4802; color: #fd4802; background: #fff;}
 [class*="pd_descrp"] .btn_group_flex button span{position:relative; padding-right:2rem;}
-[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:4px; top:1px; transform:rotate(90deg); width:7px; height:13px; background:url(/images/pc/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;} 
+[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:4px; top:1px; transform:rotate(90deg); width:7px; height:13px; background:url(/images/mo/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;} 
 [class*="pd_descrp"] .btn_group_flex button.active span::after {transform:rotate(-90deg);}
 [class*="pd_descrp"] {width:100%;}
 [class*="pd_descrp"] .cont_body {max-height:58rem; overflow:hidden;}
@@ -534,6 +566,18 @@
 [class*="pd_descrp"] .required_box .area_kcl .tit {margin-top:0; margin-bottom:0.5rem; font-size:1.3rem;}
 [class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:20px; color:#888; font-weight:200; text-decoration:none !important;}
 [class*="pd_descrp"] .required_box .area_kcl .ico_kcl {position:relative;}
+[class*="pd_descrp"] .required_box .tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;} 
+[class*="pd_descrp"] .required_box .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
+[class*="pd_descrp"] .required_box .tbl.type1 table th,
+[class*="pd_descrp"] .required_box .tbl.type1 table td {position:relative; padding:1.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
+[class*="pd_descrp"] .required_box .tbl.type1 table th {font-weight:400;}
+[class*="pd_descrp"] .required_box .tbl.type2 {padding:0; border-top:1px solid #000;} 
+[class*="pd_descrp"] .required_box .tbl.type2 table {width:100%; word-break:keep-all;}
+[class*="pd_descrp"] .required_box .tbl.type2 table th,
+[class*="pd_descrp"] .required_box .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
+[class*="pd_descrp"] .required_box .tbl.type2 table th {font-weight:300; color:#222;}
+[class*="pd_descrp"] .required_box .dot_info {position:relative; padding-left:0.8rem; font-size:1.1rem;}
+[class*="pd_descrp"] .required_box .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
 [class*="pd_descrp"] .btn_more_box {position:relative; width:100%; background:#fff; text-align:center; z-index:2;}
 [class*="pd_descrp"] .btn_more_box.covered::after {content:''; position:absolute; left:0; right:0; top:-8rem; width:100%; height:8rem; background:linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255,255,255,1) 50%, rgba(255, 255, 255, 0) 100%); z-index:2; }
 [class*="pd_descrp"] .btn_more_box .btnL {border:1px solid #fd4802; color:#fd4802;}
@@ -541,20 +585,20 @@
 [class*="pd_descrp"] .btn_more_box .btnL .ico {margin-left:20px; margin-right:0;}
 /* 6 */
 .riview_box .swiper-pagination {display:inline-block; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);}
-.riview_box .area_slider{text-align:center;}
+.riview_box .area_slider{margin-bottom:3rem; text-align:center;}
 .riview_box .ex_review {padding:1.8rem 0;}
 .riview_box .ex_review a:after{content:''; clear:both; display:block;}
 .riview_box .ex_review .tit{float:left; margin-bottom:0;}
 .riview_box .ex_review .tit .number{color:#888; font-weight:300;}
-.riview_box .ex_review .star_score {float:right; padding-right:2.5rem; height:14px;}
+.riview_box .ex_review .star_score {float:right; padding-right:2.5rem; height:14px; margin-bottom:0.7rem; vertical-align: middle; background:url('/images/mo/ico_more_lg.png') right center no-repeat; image-rendering:pixelated;}
 .riview_box .ex_review .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#ddd;}
-.riview_box .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
+.riview_box .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
 .riview_box .ex_review .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802}
 .riview_box .ex_review .star_score .score {color:#222; font-size:1.4rem; font-weight:500;}
 .riview_box .best_review {margin-bottom:1.4rem; text-align:left;}
 .riview_box .best_review a {display:block; position:relative; padding:2rem; border:1px solid #eee;}
 .riview_box .best_review a .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#ddd;}
-.riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.5rem; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
+.riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.5rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
 .riview_box .best_review a .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802; vertical-align:top;}
 .riview_box .best_review a .star_score .ico {margin-left:10px}
 .riview_box .best_review a .star_score .ico::before {vertical-align:inherit;}
@@ -563,13 +607,13 @@
 .riview_box .best_review a .lap > div.pic{position:relative; width:7.2rem;}
 .riview_box .best_review a .lap > div.txt_best_review{padding-left:1.6rem;}
 .riview_box .best_review a .lap > div.txt_best_review p{height:5.5rem; overflow:hidden; line-height:1.6; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
-.riview_box .best_review a .star_score {display:block; margin-bottom:0.7rem; vertical-align: middle; background:url('/images/mo/ico_more_lg.png') right center no-repeat; image-rendering:pixelated;}
+.riview_box .best_review a .star_score {display:block; margin-bottom:0.7rem; vertical-align:middle; image-rendering:pixelated;}
 .riview_box .best_review a .star_score .star{vertical-align:middle;}
 .riview_box .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
-.riview_box .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
+.riview_box .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
 .riview_box .swiper-pagination-fraction{position:relative; background-color:#fff!important; color:#666!important; font-weight:300;}
 .riview_box .swiper-pagination-fraction .swiper-pagination-current{font-weight:600;}
-.pd_detail .exinfo_box {margin:3rem -2rem 0;}
+.pd_detail .exinfo_box {margin:0 -2rem 0;}
 .pd_detail .exinfo_box ul {border-top:1px solid #ddd}
 .pd_detail .exinfo_box ul li {padding:1.8rem 2rem; border-bottom:1px solid #ddd}
 .pd_detail .exinfo_box ul li:last-child {border-bottom:0}
@@ -590,7 +634,7 @@
 .pd_detail .pd_clickother .area_slider .itemName {height:32px}
 .pd_detail .pd_recommend {}
 .pd_detail .pd_recommend .area_slider {}
-.pd_detail .pd_recommend .area_slider .swiper-pagination {display:inline-block; width:auto; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);position:absolute; left:50%; bottom:2rem; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.pd_detail .pd_recommend .area_slider .swiper-pagination {display:inline-block; width:auto; margin:0; padding:0.2rem 1rem; border-radius:2rem; font-size:1.2rem; color:#fff; background-color:rgba(34,34,34,.5);position:absolute; left:50%; bottom:2rem; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
 .pd_detail .pd_recommend .area_slider .page {position:relative; box-sizing: border-box;}
 .pd_detail .pd_recommend .area_slider .page::after {content:''; clear:both; display:block;}
 .pd_detail .pd_recommend .area_slider .page .pic {position:relative;}
@@ -638,8 +682,13 @@
 .product_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
 
 /* 토스트팝업 > 구매하기 */
-.container.btPop_open .btPop.Purchase_pop{bottom:0; top:auto; height:auto;}
-.container.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
+
+.container.btPop_full.pd_open::after, 
+.container.btPop_open.pd::after{position:fixed; z-index: 100;}
+.pd_pop.Purchase_pop .btPop_body{max-height:30rem;}
+.btPop_open .btPop.Purchase_pop{bottom:0; top:auto!important; height:auto;}
+.btPop_open .btPop.Purchase_pop .btPop_close{width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png);}
+.pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0;}
 .pd_pop.Purchase_pop{}
 .pd_pop.Purchase_pop .header{padding:0; font-size:0;}
 .pd_pop.Purchase_pop .option_box .opt_color{padding-top:0}
@@ -659,12 +708,21 @@
 .pd_pop.Purchase_pop .btn_box button.gift > span > span:after{content:''; display:block; position:absolute; bottom:-1rem; left:0.4rem; border:0.5rem solid transparent; border-bottom-color:#fd4801; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
 .pd_pop.Purchase_pop .btn_box button.cart{background-color:#222222;}
 .pd_pop.Purchase_pop .btn_box button.buyNow{background-color:#fd4801;}
-.pd_pop.Purchase_pop .npay_box{margin-top:2.8rem; border-top:2px solid #222; height:7.4rem; background-color:#59c452;}
+.pd_pop.Purchase_pop .npay_box{margin-top:2.8rem; margin-bottom:2.5rem; border-top:2px solid #222; height:7.4rem;}
+.pd_pop.Purchase_pop .npay_box .np_head{display:table; padding:1rem 0; width:100%;}
+.pd_pop.Purchase_pop .npay_box .np_head > div{display:table-cell; vertical-align:middle;}
+.pd_pop.Purchase_pop .npay_box .np_head > div:first-child{width:10rem; padding-right:2rem; box-sizing:border-box;}
+.pd_pop.Purchase_pop .npay_box .np_head > div button{background-color:#59c451; display:block; width:100%; text-align:center; height:4rem;}
+.pd_pop.Purchase_pop .npay_box .np_head > div button img{height:1.7rem;}
+.pd_pop.Purchase_pop .npay_box .np_body{padding:0.5rem 0; border-top:1px solid #e9ebed;}
+.pd_pop.Purchase_pop .npay_box .np_body > a{position:relative; display:block; font-size:1.1rem; color:#5d5d5d;}
+.pd_pop.Purchase_pop .npay_box .np_body > a em{color:#59c451; font-weight:500;}
+.pd_pop.Purchase_pop .npay_box .np_body > a:after{display:block; content:''; position:absolute; right:0; top:50%; width:0.6rem; height:1rem; background:url(/images/mo/arrow_npay.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .pd_pop.Purchase_pop .form_wrap .form_field{display: block; margin-bottom:1rem;}
 
 /* 토스트팝업 > 구매하기 > 옵션선택팝업 */
-.pd_pop.Purchase_pop .pop_option_select{display:none; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:500;}
-.pd_pop.Purchase_pop .pop_option_select .pp_body{position:relative; overflow:auto; min-height:40rem; max-height:60rem; padding:2rem; background-color:#fff;}
+.pd_pop.Purchase_pop .pop_option_select{display:none; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:500; background: #fff;}
+.pd_pop.Purchase_pop .pop_option_select .pp_body{position:relative; padding:2rem; overflow:auto; min-height:50rem; max-height:50rem; background-color:#fff;}
 .pd_pop.Purchase_pop .pop_option_select .close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
 .pd_pop.Purchase_pop .pop_option_select .opt_header{margin-bottom:2rem;}
 .pd_pop.Purchase_pop .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
@@ -672,6 +730,11 @@
 .pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding{float:right; width:auto;}
 .pd_pop.Purchase_pop .pop_option_select .opt_header .check_excluding.form_field input[type="checkbox"] + label{ font-size:1.3rem; color:#222;}
 .pd_pop.Purchase_pop .pop_option_select .text_excluding{margin-top:-1rem; padding:1.2rem; background-color:#383838; font-size:1.3rem; color:#fff; text-align:center;}
+.pd_pop.Purchase_pop .select_custom .combo .select{font-size:1.4rem;}
+.pd_pop.Purchase_pop .pop_option_select .setOption{}
+.pd_pop.Purchase_pop .pop_option_select .setOption .title{margin-bottom:1rem;}
+.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap{margin-top:2rem;}
+.pd_pop.Purchase_pop .pop_option_select .setOption .form_wrap:first-child{margin-top:0;}
 
 /* pd_popup 공통 */
 .modal.pd_pop .opt_select .form_field {margin-top:5px;}
@@ -680,17 +743,17 @@
 .modal.pd_pop .info_txt ul li:after {content:''; position: absolute; display:inline-block; top:6px; left:0; background:#858585; width:2px; height:2px;}
 
 /* 테이블 type1 수평 행,열별 구분선 없음*/
-.tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;} 
+/* .tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;} 
 .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
 .tbl.type1 table th,
 .tbl.type1 table td {position:relative; padding:1.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
-.tbl.type1 table th {font-weight:400;}
+.tbl.type1 table th {font-weight:400;} */
 /* 테이블 type2 - 수직형 행,열별 구분선 있음 */
-.tbl.type2 {padding:0; border-top:1px solid #000;} 
+/* .tbl.type2 {padding:0; border-top:1px solid #000;} 
 .tbl.type2 table {width:100%; word-break:keep-all;}
 .tbl.type2 table th,
 .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
-.tbl.type2 table th {font-weight:300; color:#222;}
+.tbl.type2 table th {font-weight:300; color:#222;} */
 
 /* 쇼핑백담음 팝업 */
 #shoppingBagModal{display:none; position:fixed; top:60vw; left:2rem; right:2rem; background:transparent; z-index:100;}
@@ -717,7 +780,7 @@
 .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex{margin-top:0; padding:0;}
 .modal.pd_pop.salecoupon_pop .coupon_list li .coupon .btn_group_flex::after{display:none;}
 .modal.pd_pop.salecoupon_pop button span:first-child{position:relative; display:inline-block; padding-right:24px;}
-.modal.pd_pop.salecoupon_pop button span:first-child::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('/images/pc/ico_cp_down.png') no-repeat 0 0;}
+.modal.pd_pop.salecoupon_pop button span:first-child::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('/images/mo/ico_cp_down.png') no-repeat 0 0;}
 .modal.pd_pop.salecoupon_pop button span:nth-child(1){display:inline-block;}
 .modal.pd_pop.salecoupon_pop button span:nth-child(2){display:none;}
 .modal.pd_pop.salecoupon_pop button:disabled span:nth-child(1){display:none;}
@@ -752,12 +815,22 @@
 .modal.pd_pop[class*="bnf_"] h6 {margin-bottom:1.6rem; font-size:1.4rem; font-weight:500;}
 .modal.pd_pop[class*="bnf_"] .benefit_blk {margin-top:3rem}
 .modal.pd_pop[class*="bnf_"] .benefit_blk:first-child {margin-top:0}
+.modal.pd_pop[class*="bnf_"] .tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;} 
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table th,
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table td {position:relative; padding:1.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table th {font-weight:400;}
 .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td:last-child {text-align:right;} 
 .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th{vertical-align:top; color:#222;}
 .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th,
 .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {border-top:1px solid #eeeeee;}
 .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr:first-child th,
 .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr:first-child td {border-top:none;}
+.modal.pd_pop[class*="bnf_"] .tbl.type2 {padding:0; border-top:1px solid #000;} 
+.modal.pd_pop[class*="bnf_"] .tbl.type2 table {width:100%; word-break:keep-all;}
+.modal.pd_pop[class*="bnf_"] .tbl.type2 table th,
+.modal.pd_pop[class*="bnf_"] .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
+.modal.pd_pop[class*="bnf_"] .tbl.type2 table th {font-weight:300; color:#222;}
 .modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr td p,
 .modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr th p  {color:#fd4802;}
 .modal.pd_pop.bnf_card_pop table .info_card {text-align:left;}
@@ -811,7 +884,23 @@
 .modal.pd_pop.info_size_pop .category_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
 .modal.pd_pop.info_size_pop .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
 .modal.pd_pop.info_size_pop .category_box .category_list{min-height:25rem; max-height:40rem; overflow-y:auto;}
-.modal.pd_pop.info_size_pop .category_box .category_close{position:absolute; top:-3.8rem; left:50%; margin-left:-1.35rem; width:2.7rem; height:2.7rem; background-image: url(/images/mo/ico_pop_cls.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px;}
+.modal.pd_pop.info_size_pop .category_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
+.modal.pd_pop.info_size_pop .tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;} 
+.modal.pd_pop.info_size_pop .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
+.modal.pd_pop.info_size_pop .tbl.type1 table th,
+.modal.pd_pop.info_size_pop .tbl.type1 table td {position:relative; padding:1.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
+.modal.pd_pop.info_size_pop .tbl.type1 table th {font-weight:400;}
+.modal.pd_pop.info_size_pop .tbl.type1 table tr td:last-child {text-align:right;} 
+.modal.pd_pop.info_size_pop .tbl.type1 table tr th{vertical-align:top; color:#222;}
+.modal.pd_pop.info_size_pop .tbl.type1 table tr th,
+.modal.pd_pop.info_size_pop .tbl.type1 table tr td {border-top:1px solid #eeeeee;}
+.modal.pd_pop.info_size_pop .tbl.type1 table tr:first-child th,
+.modal.pd_pop.info_size_pop .tbl.type1 table tr:first-child td {border-top:none;}
+.modal.pd_pop.info_size_pop .tbl.type2 {padding:0; border-top:1px solid #000;} 
+.modal.pd_pop.info_size_pop .tbl.type2 table {width:100%; word-break:keep-all;}
+.modal.pd_pop.info_size_pop .tbl.type2 table th,
+.modal.pd_pop.info_size_pop .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
+.modal.pd_pop.info_size_pop .tbl.type2 table th {font-weight:300; color:#222;}
 
 /* pd_popup > 재입고 알림 신청 */
 .modal.pd_pop.push_restock_pop {max-width:none;}
@@ -854,7 +943,7 @@
 .pd_qnalist .qna_list .foldGroup .fold_head a{padding: 1.4rem 1.33rem;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico {display:inline-block; width:auto; height:auto; vertical-align:middle;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; margin-right:1rem; color:#fd4802; font-size:11px; text-align:center; box-sizing:border-box; line-height:20px;}
-.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:12px; height:12px; background:url('/images/pc/ico_secret.png') no-repeat 50% 50%; background-size:contain;}
+.pd_qnalist .qna_list .foldGroup .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; margin-right:1rem; width:12px; height:12px; background:url('/images/mo/ico_secret.png') no-repeat 50% 50%; background-size:contain;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_tit span{vertical-align:middle;}
 .pd_qnalist .qna_list .foldGroup .my_qna .fold_head {background-color:#fff6f2;}
 .pd_qnalist .qna_list .foldGroup .fold_head .fold_state{font-size:1.1rem;}
@@ -895,14 +984,15 @@
 .modal.pd_pop.pd_delivery_pop .modal-title .title_text p { font-size: 1.3rem; font-weight: 600; padding-top: 2.5rem;}
 .modal.pd_pop.pd_delivery_pop .modal-title .title_text span { display: block; font-weight: 300; padding-bottom: 1rem;}
 .modal.pd_pop.pd_delivery_pop .modal-body{margin-top:9.3rem; padding: 0;}
+.modal.pd_pop.pd_delivery_pop .modal-body .pd_delivery .change { margin: 0; padding: 4rem 0 6rem;}
 .pd_delivery .inner {padding-bottom: 0;}
 .pd_delivery .delivery {padding: 3rem 0 4rem;}
 .pd_delivery  h2 { font-size: 1.6rem;}
 .pd_delivery  h3 { padding: 2rem 0 0.6rem; font-size: 1.3rem; font-weight: 500;}
 .pd_delivery  p.dot { position: relative; padding-left: 0.8rem; font-size: 1.2rem; font-weight: 200; color: #666;}
 .pd_delivery  p.dot:after{ content:""; position: absolute; top: 0.7rem; left: 0; width:2px; height:2px; background-color:#858585;}
-.pd_delivery .pop_board { border: 1.2rem solid #f5f5f5;}
-.pd_delivery .change { margin: 0; padding: 4rem 0 6rem;}
+.pd_delivery .pop_board {height:1.2rem; background-color:#f5f5f5;}
+.pd_delivery .change { margin: 0; padding: 4rem 0 0;}
 .pd_delivery .change .pop_table { width: 100%; margin: 2rem 0 1rem; border-top: 0.1rem solid #222222;}
 .pd_delivery .change .pop_table tr th,
 .pd_delivery .change .pop_table tr td { font-size: 1.2rem; padding: 2.5rem 0 2.5rem 1.2rem; align-items: center; border-bottom: 1px solid #eeeeee; }
@@ -913,15 +1003,15 @@
 .modal.pd_pop.pd_review_pop .modal-body{margin-top:9.3rem; padding:0}
 .modal.pd_pop.pd_review_pop  .modal-header{height:auto;}
 .modal.pd_pop.pd_review_pop .pd_detail{overflow: hidden;}
+.modal.pd_pop.pd_review_pop .riview_box .area_slider{margin-bottom:0;}
 .pd_review_pop .pd_review .area_rv_empty .btn_group_flex{position:fixed; width: 100%; bottom: 0; left:0; margin-top: 0; z-index:10;}
-.pd_review_pop {}
 .pd_review{background:#f5f5f5;}
 .pd_review.best,
 .pd_review.photo{background:#fff;}
 .pd_review [class^="area_rv"]{padding:4rem 1.33rem; margin-bottom:1.2rem; background:#fff; line-height: 1.4;}
 .pd_review .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
 .pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
-.pd_review .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
+.pd_review .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
 .pd_review div::after,
 .pd_review dl::after,
 .pd_review ul::after {content:''; clear:both; display:block;}
@@ -929,7 +1019,7 @@
 .pd_review [class^="area_"] {display:block; position:relative;}
 .pd_review .area_rv_empty {margin-bottom:0!important; text-align:center;}
 .pd_review .area_rv_empty .txt_box p {color:#222; font-size:1.5rem; font-weight:300;}
-.pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:4rem; height:4rem; margin:0 auto 2rem; background:url('/images/pc/ico_point4.png') no-repeat 0 0; background-size:contain;}
+.pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:4rem; height:4rem; margin:0 auto 2rem; background:url('/images/mo/ico_point4.png') no-repeat 0 0; background-size:contain;}
 .pd_review .area_rv_empty .txt_box p span.c_primary {font-weight:500;}
 .pd_review .area_rv_empty .txt_box div {display:flex; justify-content:center; margin-top:2.3rem; padding:2.3rem 0.5em; border:1px solid #ddd;}
 .pd_review .area_rv_empty .txt_box div dl {margin-left:12vw; font-size:1.5rem;}
@@ -947,7 +1037,7 @@
 .pd_review .area_rv_average .star_score .score {margin-right:1rem; font-size:2.1rem; font-weight:500;}
 .pd_review .area_rv_average .star_score .star {width:120px; height:19px; background:#ddd; text-align:left;}
 .pd_review .area_rv_average .star_score .star .progbar {display:inline-block; height:100%; background-color:#fd4802;}
-.pd_review .area_rv_average .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
+.pd_review .area_rv_average .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('/images/mo/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
 .pd_review .area_rv_average .average {margin-bottom:3rem;}
 .pd_review .area_rv_average .average .part_average {margin-top:1rem; text-align:left;}
 .pd_review .area_rv_average .average .part_average .pa_head{position:relative; height:2.4rem; line-height:2.4rem; padding-left:7.2rem;}
@@ -980,7 +1070,7 @@
 .pd_review .area_rv_average .average .part_average dl.on dd .ratio .progbar::after {border:4px solid #222; border-bottom-color:transparent;border-right-color:transparent;}
 .pd_review .area_rv_average .info_review {color:#222; font-size:1.3rem; font-weight:500; background:#fff6f2; padding:2.4rem 2rem; vertical-align:middle;}
 .pd_review .area_rv_average .info_review p {position:relative; text-align:left; padding-left:2rem; font-weight:300; display: inline-block;}
-.pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:2px; display:inline-block; width:1.5rem; height:1.5rem; background:url('/images/pc/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
+.pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:2px; display:inline-block; width:1.5rem; height:1.5rem; background:url('/images/mo/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
 .pd_review .area_rv_average .info_review p span {font-weight:500;}
 .pd_review .area_rv_average .info_review > div {margin-top:1rem; display:flex; justify-content:center;}
 .pd_review .area_rv_average .info_review > div::after {content:''; clear:both; display:block;}
@@ -996,7 +1086,7 @@
 .pd_review .area_rv_photo .photo_list > div{position:absolute; right:0; bottom:0; width:25%; padding:0.4rem; box-sizing:border-box }
 .pd_review .area_rv_photo .photo_list > div > div{position:relative; width:100%; padding-bottom:100%;}
 .pd_review .area_rv_photo .photo_list button {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; font-size:14px; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
-.pd_review .area_rv_photo .photo_list button::before {content:''; display:block; margin:0 auto; width:2rem; height:2rem; background:url('/images/pc/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
+.pd_review .area_rv_photo .photo_list button::before {content:''; display:block; margin:0 auto; width:2rem; height:2rem; background:url('/images/mo/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
 .pd_review .area_rv_photo .photo_list button span{margin-top:0.5vw; display:block; font-size:1rem;}
 .pd_review .area_rv_all {}
 .pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
@@ -1006,7 +1096,7 @@
 .pd_review .area_rv_all .review_list .review .info_box {}
 .pd_review .area_rv_all .review_list .review .info_box .star_score {float:left}
 .pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:83px; height:13px; background:#ddd;}
-.pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
+.pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/mo/star_empty_big.png') no-repeat 0 0; background-size:contain; image-rendering:pixelated;}
 .pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
 .pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
 .pd_review .area_rv_all .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
@@ -1037,7 +1127,7 @@
 .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer {}
 .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
 .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:2.2rem; font-size:1.3rem; font-weight:300;}
-.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('/images/pc/ico_admin.png') no-repeat 0 0; background-size:contain;}
+.pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.5rem; height:1.5rem; background:url('/images/mo/ico_admin.png') no-repeat 0 0; background-size:contain;}
 .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:1rem; margin-left:1rem; font-size:1.1rem; color:#888; font-size:200;}
 .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
 .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:1.2rem; color:#666; font-size:1.3rem;}
@@ -1063,7 +1153,7 @@
 .pd_review .category_box .category_list .category ul li.active a{border-color:#fd4802; color:#fd4802; font-weight:500;}
 .pd_review .category_box .category_list .category ul.n1 li{width:100%;}
 .pd_review .category_box .category_list .category ul.n2 li{float:left; width:50%;}
-.pd_review .category_box .category_close{position:absolute; top:-3.8rem; left:50%; margin-left:-1.35rem; width:2.7rem; height:2.7rem; background-image: url(/images/mo/ico_pop_cls.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px;}
+.pd_review .category_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(/images/mo/ico_pop_cls_w.png); background-color: transparent;}
 .pd_review .area_rv_all .nodata .btn_group_flex button{margin:0 auto; padding:0; width:10.8rem; height:3rem; line-height:3rem!important; font-size:11px; border:1px solid #ddd;}
 
 /* pd_popup > 포토영상 리뷰 리스트 */
@@ -1090,7 +1180,7 @@
 .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:before{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1;}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .thumb.nodata:after{display:block; content:'리뷰에 등록된 이미지가 없습니다.'; position:absolute; top:50%; left:50%; width:90%; font-size:1.2rem; color:#fff; text-align:center; z-index:2; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination {display: inline-block; width: auto; padding: 0.2rem 1rem; border-radius: 2rem; font-size: 1.2rem; color: #fff; background-color: rgba(34,34,34,.5);}
-.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination-fraction {position: absolute; left: 50%; bottom: 2rem; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
+.modal.pd_pop[class*="reviewdetail_pop"] .area_slider .swiper-pagination-fraction {position: absolute; left: 50%; bottom: 2rem; margin:0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all{padding-top:1rem;}
 .modal.pd_pop[class*="reviewdetail_pop"] .area_rv_all .review_list > ul > li {padding-top:1.5rem;}
 .modal.pd_pop[class*="reviewdetail_pop"] .btn_review_open{text-indent:-999999px; background:url(/images/mo/ico_pop_arrow.png) center center no-repeat; background-size:3rem 1rem;}
@@ -1216,7 +1306,7 @@
 .modal.pd_descrp_pop .deal_listDescrp_open.active:after{background-position:center -0.73rem;}
 
 /*item_blk > item_prod*/
-.item_blk .item_prod {}
+.item_blk .item_prod {width:100%;}
 .item_blk .item_prod .item_state {position: relative; display:table; width:100%; box-sizing: border-box;}
 .item_blk .item_prod .itemLink{position: relative; display:table-cell; width: 100%; height:60px; padding-left:56px; vertical-align: middle;}
 .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; padding: 0; width:40px; height:60px; z-index:2;}
@@ -1330,9 +1420,8 @@
 .dp .dp_outlets .md_item {padding:4rem 2rem 0; margin-bottom: 6rem;}
 .dp .dp_outlets .md_item .swiper-slide {width: 43.75%;}
 .dp .dp_outlets .md_item .swiper-container {overflow: initial;}
-.dp .dp_outlets .best_item {margin-bottom: 2rem;}
 .dp .dp_outlets .best_item .itemsGrp:after {content:''; display: block; clear:both;}
-.dp .dp_outlets .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%; margin-bottom: 4rem;}
+.dp .dp_outlets .best_item .itemsGrp .item_prod {width: 48.75%; float:left; margin-right: 2.5%;}
 .dp .dp_outlets .best_item .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;}
 .dp .dp_outlets .md_item .dp_subtitle, 
 .dp .dp_outlets .best_item .dp_subtitle {text-align: center; margin-bottom: 2.4rem;}
@@ -1355,7 +1444,7 @@
 }
 .dp .dp_lookbook .swiper_filter.brand .btnbox .reset{display:inline-block; width:3rem; height:3rem; border-radius:50%; font-size:0; text-indent:-999999px; vertical-align:top; background:#f4f4f4 url(/images/mo/ico_filter_reset.png) center center no-repeat; background-size:50%;}
 .dp .dp_lookbook .swiper_filter.brand .btnbox .reset:active{background-color:#ddd;}
-.dp .dp_lookbook .event_con li {position: relative; margin-bottom:6rem;}
+.dp .dp_lookbook .event_con li {position: relative; margin-bottom:4rem;}
 .dp .dp_lookbook .event_con li:first-child {margin-top:0;}
 .dp .dp_lookbook .event_con li .ev_img {position: relative; padding-bottom:100%; margin-bottom:2rem; }
 .dp .dp_lookbook .event_con li .ev_img img {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; height: auto;}
@@ -1400,13 +1489,14 @@
 .dp_hotdeal .hotdeal #countdown span{font-size:4vw; color:#fff; display:inline-block; vertical-align:middle;}
 .dp_hotdeal .hotdeal #countdown span:first-child{margin-right:1.8vw;}
 .dp_hotdeal .hotdeal .list_content .itemsGrp .item_prod{margin-bottom:3rem; margin-right:0;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod {width:100%}
+.dp_hotdeal .itemsGrp.rowtype .item_prod {margin-right:0; width:100%;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod:nth-child(2){margin-top:3rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemBadge, 
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .item_state {display: table; padding-left:17.6rem; padding-bottom: 0; height:23.4rem; width: 100%;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle; padding-top:3.7rem;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemLike {z-index: 99;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width:15.6rem; height:23.4rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .shape {padding:0.3rem 1rem; width:auto; height:auto; max-width:4rem; min-height:auto; border-radius:2rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .shape span{position:relative; width:auto; left:0; top:0; text-indent:0; transform:translate(0);}
@@ -1414,13 +1504,14 @@
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic::after {background: #f5f5f5; opacity:1; z-index: 87;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size:1.4rem; color:#fff; font-weight:bold; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height:23.4rem;; z-index: 99; text-align: center;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .shape{position:absolute; left:17.6rem; top:2rem;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemBrand {margin:0 0 1rem;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemComment {position: absolute; left:17.6rem; top:11rem; margin:0;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .shape{position:absolute; left:17.6rem; top:3rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemBrand {margin:3rem 0 0.5rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemComment {position: absolute; left:17.6rem; top:10rem; margin:0;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemName {margin:0;}
-.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPrice {margin:4rem 0 1rem;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemPrice {margin:4rem 0 0;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPrice_original {margin:0 0 0.7rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemPercent {margin:0; font-size:1.8rem; font-weight:bold;}
+.dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt{margin-top:1rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button{width:100%; height:3rem; line-height:3rem; font-size:1.1rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span{position:relative; padding-left:1.6rem;}
 .dp_hotdeal .itemsGrp.rowtype .item_prod .itemEt .shopBag button span:after{content:''; position:absolute; left:0; top:50%; width:1rem; height:1.2rem; background:url(/images/mo/ico_shopbag.png) center center no-repeat; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
@@ -1468,7 +1559,7 @@
 .dp .dp_exhibition .big_banner .infoWrap .cnUrl > li a span{position:relative; display: block; padding-right:3.2vw; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
 .dp .dp_exhibition .big_banner .infoWrap .cnUrl > li a span:after{content:''; display:inline-block; position:absolute; right:0; top:50%; width:2vw; height:3vw; background:url(/images/mo/ico_dpbanner_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
 .dp .dp_exhibition .big_banner_slide .swiper-slide img{width:100%;}
-.dp .dp_exhibition .big_banner_slide .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
+.dp .dp_exhibition .big_banner_slide .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
 .dp .dp_exhibition .big_banner_slide .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
 .dp .dp_exhibition .foot_banner_slide .swiper-container{overflow:initial;}
 /* dp_detail-case - 쿠폰 */
@@ -1487,7 +1578,7 @@
 .dp .coupon_list li .cp_shape {position: absolute; top: 50%; right: -13px; z-index: 101; width: 26px; height: 26px; margin-top: -13px; border:1px solid #ddd; background: #fff; border-radius: 50%; z-index: 96;}
 .dp .coupon_list li .cp_date {border:1px solid #222; background: #222; font-weight: 300; text-align: center;}
 .dp .coupon_list li .cp_date button {display: block; width: 100%; padding:1.1rem 5px; font-size: 1.2rem; font-weight: 300; color: #fff;}
-.dp .coupon_list li .cp_date button span {background: url(/images/pc/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
+.dp .coupon_list li .cp_date button span {background: url(/images/mo/ico_cp_down.png) no-repeat right top; padding-right: 28px;}
 .dp .coupon_list li.off .cp_date {border:1px solid #aaa; background: #aaa;}
 .dp .coupon_list li.off .cp_date button span {background:none; padding-right: 0;}
 .dp .coupon_list li .cp_info {text-align: center; margin-top:1.3rem;}
@@ -1506,10 +1597,10 @@
 /* dp_detail-case - 리뷰 */
 .dp .dp_exhibition .dp_review{text-align:center;}
 .dp .dp_exhibition .dp_listItems_wrap .btn{width:100%;}
-.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
+.dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
 .dp .dp_exhibition .dp_listItems_slide .swiper-container.item01 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fd4802;}
 .dp .dp_exhibition .dp_listItems_slide .swiper-container.item02{overflow: initial;}
-.dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination{position:relative; margin-top:2.4rem; bottom:0;}
+.dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination{position:relative; margin:2.4rem 0 0; bottom:0;}
 .dp .dp_exhibition .dp_banner_slide .swiper-container.dp_lookbook_case1 .swiper-pagination-bullet-active{background-color:#fd4802;}
 .dp .dp_exhibition .review .swiper-container{overflow: initial;}
 .dp .dp_exhibition .review .swiper-container .swiper-slide > div{border:1px solid #eee;}
@@ -1517,7 +1608,7 @@
 .dp .dp_exhibition .review .best_review:after{content:''; display:block; position:absolute; bottom:0; left:2rem; right:2rem; height:1px; background-color:#eee;}
 .dp .dp_exhibition .review .best_review a {display:block; position:relative; background-color:#fff;}
 .dp .dp_exhibition .review .best_review a .info .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#ddd;}
-.dp .dp_exhibition .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.5rem; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
+.dp .dp_exhibition .review .best_review a .info .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.5rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
 .dp .dp_exhibition .review .best_review a .info .star_score .star .progbar {display:inline-block; height:14px; background:#fd4802; vertical-align:top;}
 .dp .dp_exhibition .review .best_review a .info .star_score .ico {margin-left:10px}
 .dp .dp_exhibition .review .best_review a .info .star_score .ico::before {vertical-align:inherit;}
@@ -1527,7 +1618,7 @@
 .dp .dp_exhibition .review .best_review a .info .txt_best_review p{font-size:1.2rem; color:#666;  display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word;}
 .dp .dp_exhibition .review .best_review a .pic{position:relative;}
 .dp .dp_exhibition .review .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
-.dp .dp_exhibition .review .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
+.dp .dp_exhibition .review .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
 .dp .dp_exhibition .review .best_review a .info{padding:2rem; text-align:left;}
 .dp .dp_exhibition .review .best_review a .info .writer {margin-top:1.3rem;}
 .dp .dp_exhibition .review .best_review a .info .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
@@ -1597,11 +1688,11 @@
 .dp .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 6px solid transparent; border-color: #888888 transparent transparent transparent;}
 .dp .category_box{visibility:hidden; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
 .dp .category_box.active{visibility:visible;}
-.dp .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
+.dp .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0 0; width:100%; background:#fff;}
 .dp .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
 .dp .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
 .dp .category_box .selcet_list {padding:0 2rem;}
-.dp .category_box .selcet_list ul {}
+.dp .category_box .selcet_list ul {padding-bottom:2rem;}
 .dp .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:1px solid #eee; border-radius:4rem;;}
 .dp .category_box .selcet_list ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
 .dp .category_box .selcet_list ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}
@@ -1621,7 +1712,7 @@
 .dp .category_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
 .dp .category_floormenu > div:nth-child(1){overflow:hidden; }
 .dp .category_floormenu > div:nth-child(1) > button{float:left; width:100%; background:#000; font-size:1.6rem;}
-.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; width:1.4rem; height:1.4rem; background:url(/mages/mo/ico_filter_reset_w.png) center center no-repeat; background-size:contain;}
+.dp .category_floormenu > div:nth-child(1) > button.reset span:before{content:''; display:inline-block; margin-right:0.7rem; width:1.4rem; height:1.4rem; background:url(/images/mo/ico_filter_reset_w.png) center center no-repeat; background-size:contain;}
 
 /* 필터기능 네비(전시공통) */
 .filter_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 100; visibility:hidden;}
@@ -1796,15 +1887,431 @@
 .itemBadge .badge13 {background:#f5f5f5; border-color:#f5f5f5;}
 
 /* 상품코멘트*/
-.viewComment{padding:0 0.7rem; display:inline-block; height:1.8rem; line-height:1.8rem; font-size:1rem; text-align:center; border:1px solid #fd4802; color:#fd4802; border-radius:1.8rem;}
-
-
-
-
+.viewComment{padding:0 0.7rem; display:inline-block; height:1.8rem; line-height:1.8rem; font-size:1rem; text-align:center; white-space: nowrap; border:1px solid #fd4802; color:#fd4802; border-radius:1.8rem;}
+
+
+/*===================== 브랜드 ===================*/
+/* 픽커모달 */
+.recoPop .blocker{background-color:rgba(255,255,255,0);}
+.modal#reco_pop{}
+.modal#reco_pop a.close-modal{top:1rem; right:1.33rem;}
+.modal#reco_pop .modal-header{padding:1rem 1.33rem 2.0rem; font-size:0;}
+.modal#reco_pop .modal-title{font-size:0;}
+.modal#reco_pop .modal-body{padding-bottom:1.33rem;}
+.modal#reco_pop .itemsGrp.rowtype .item_prod {margin-right:0; width:100%;}
+.modal#reco_pop .itemsGrp.rowtype .item_prod:nth-child(2){padding-top:2rem; margin-top:2rem; border-top:1px solid #eee;}
+.modal#reco_pop .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .itemPercent{position: relative;}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .itemBadge, 
+.modal#reco_pop .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state{display: table; padding-left:7.5rem; padding-bottom: 0; height:10.5rem; width: 100%;}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .item_state:after{content:''; position:absolute; right:0; top:50%; display:inline-block; width:0.6rem; height:1.1rem; background:url(/images/mo/br_pop_arrow.png) no-repeat; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .itemLink {position:relative; display: table-cell; padding-right:2rem; position: static; vertical-align: middle;}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
+.modal#reco_pop .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width:7rem; height:10.5rem;}
+/* 룩북픽커 공통 */
+.br .br_main .br_lookbook .recommendedArea{margin-top:0;}
+.br .br_lookbook .recommendedArea{margin-top:-3rem;}
+.br .recommendedArea .area_slider {position:relative;}
+.br .recommendedArea .area_slider.pic_img .page {position:relative; box-sizing: border-box;}
+.br .recommendedArea .area_slider.pic_img .page::after {content:''; clear:both; display:block;}
+.br .recommendedArea .area_slider.pic_img .page .pic {position:relative;}
+.br .recommendedArea .area_slider.pic_img .page .pic span.thumb {display:block; width:100%; height:0; padding-top:100%; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
+.br .recommendedArea .area_slider.pic_img .page .item_picker{position:absolute; width:8.33%;}
+.br .recommendedArea .area_slider.pic_img .page .item_picker > div{padding-top:100%; background:#000; border-radius:50%; background:url(/images/pc/ico_picker.png) no-repeat 50% 50%; background-size:cover;}
+.br .recommendedArea .area_slider.pic_img .page .item_picker > div button{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
+.br .recommendedArea .area_slider.pic_img .page .item_picker > div .pick_descr{display:none;}
+.br .recommendedArea .area_slider.pic_img .swiper-pagination{position:absolute; left:50%; bottom:2rem; margin:0; width:6rem; border-radius:1.2rem; display:inline-block; height:2.3rem; line-height:2.4rem; color:#fff; background-color:rgba(0, 0, 0, 0.3); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+/* br 공통*/
+.br .br_main .inner{padding-bottom:4rem;}
+.br .br_main .inner:last-child{padding-bottom:6rem;}
+.br .br_subtitle{margin-bottom: 2.4rem; font-size: 2.1rem; font-weight: 500; text-align: center;}
+.br .br_main .item_prod {width:100%;}
+.br .br_main .itemsGrp{font-size:0;}
+.br .br_main .itemsGrp .item_prod:nth-child(2n){margin-right: 0;}
+.br .br_main .itemsGrp .item_prod {width: 48.75%; margin-right: 2.5%; margin-top: 4rem;}
+.br .br_main .itemsGrp .item_prod:nth-child(1),
+.br .br_main .itemsGrp .item_prod:nth-child(2){margin-top:0rem;}
+.br .br_main .itemsGrp:after{display:block; content:''; clear:both;}
+.br .br_main .swiper-pagination{margin:0; bottom:auto;}
+.br .pnb_mo{position:relative;}
+.br .pnb_mo > ul{display:flex; padding:0 0.8rem; height:5rem; line-height:5rem; background-color:#222222;}
+.br .pnb_mo > ul > li > a{font-size:1.6rem; color:#686868; font-weight:500; padding:0 1.2rem;}
+.br .pnb_mo > ul > li > a.on{color:#fff}
+.br .pnb_mo > button{background:url(/images/mo/br_plus.png) no-repeat; width:3.8rem; height:1.9rem; background-color:red; text-indent:-9999px; position:absolute; z-index:9; top:1.6rem; right:0; background-color:#222222;}
+.br_main{background-color:#fff;}
+/* br_main *
+/* br_main - 메인배너&info */
+.br .br_main .submain_visual img {width: 100%;}
+.br .br_main .submain_visual .swiper-pagination-fraction {position:absolute; bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
+.br .br_main .submain_visual .swiper-pagination-current {font-weight: 600;}
+.br .br_main .submain_visual .txtWrap {position: absolute; left: 2rem; bottom: 9rem; color: fff;}
+.br .br_main .submain_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2;}
+.br .br_main .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300;}
+.br .br_main .br_top_info{position:relative; margin-top:-1rem;}
+.br .br_main .br_top_info .br_subtitle{text-align:left;}
+.br .br_main .br_top_info > p:nth-of-type(1){margin-bottom:1.6rem; font-weight:bold;}
+.br .br_main .br_top_info > p:nth-of-type(2){margin-bottom:1.2rem; color:#222; font-weight:500; line-height:2rem;}
+.br .br_main .br_top_info .btn_group_flex > div > button > span{display:inline-block; background:url(/images/mo/br_site.png) no-repeat; width:1.1rem; height:1.2rem; margin-left:0.8rem}
+/* br_main - 이미지배너 */
+.br .br_main .br_second_slide{position:relative;}
+.br .br_main .br_second_slide .swiper-slide img{width:100%;}
+.br .br_main .br_second_slide .swiper-slide .s-text{position:absolute; top:50%; left:0; padding:2rem; width:100%; box-sizing:border-box; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
+.br .br_main .br_second_slide .swiper-slide .s-text p{font-size:1.6rem; font-weight:500;}
+.br .br_main .br_second_slide .swiper-pagination{position: relative; bottom:auto; margin-top:1rem;}
+/* br_main - new_item */
+.br .br_main .new_item .swiper-slide{font-size:0;}
+.br .br_main .new_item .swiper-slide .item_prod:nth-child(2n){margin-right: 0;}
+.br .br_main .new_item .swiper-slide .item_prod {width: 48.75%; margin-right: 2.5%; margin-top: 4rem;}
+.br .br_main .new_item .swiper-slide .item_prod:nth-child(1),
+.br .br_main .new_item .swiper-slide .item_prod:nth-child(2){margin-top:0rem;}
+.br .br_main .new_item .swiper-slide:after{display:block; content:''; clear:both;}
+.br .br_main .new_item .area_slider .swiper-pagination{position: relative; bottom:auto; margin-top:4rem;}
+/* br_main - BEST ITEMS ,MD's PICK*/
+.br .br_main .best_item .swiper-container,
+.br .br_main .md_item .swiper-container{overflow:visible;}
+/* br_main - SPECIAL SHOP */
+.br .br_main .special_shop .swiper-container{overflow:visible;}
+.br .br_main .special_shop .swiper-slide .sp_item{}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_img{position:relative; margin-bottom:1.9rem;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_img img{width:100%;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_img .s-text{position:absolute; bottom:4rem; padding:0 2rem; left:0; width:100%; box-sizing:border-box;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_img .s-text p{font-size:2.3rem; font-weight:500;; color:#fff; font-weight:300;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_img .s-text p:nth-of-type(2){font-size:1.2rem; font-weight:100; margin-top:0.8rem}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod {margin-right:0; width:100%;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod:nth-child(2){padding-top:2rem; margin-top:2rem; border-top:1px solid #eee;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod:nth-child(2n) {margin-right: 0;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemPercent{position: relative;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemBadge, 
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemcolorchip {display: none;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .item_state {display: table; padding-left:7.5rem; padding-bottom: 0; height:10.5rem; width: 100%;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemLink {display: table-cell; position: static; vertical-align: middle;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemLike {right:auto; left:13rem; z-index: 99;}
+.br .br_main .special_shop .swiper-slide .sp_item .sp_item .itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width:7rem; height:10.5rem;}
+/* br_main - 룩북 */
+.br .br_main .br_lookbook{margin-top:2rem; background-color:#fff;}
+/* br_main - 유튜브 */
+.br .br_main .youtube{position:relative; padding:4rem 2rem; margin:0 auto; background-color:#444444; }
+.br .br_main .youtube .br_subtitle{color:#fff;}
+.br .br_main .br_youtube_slide .movbox{position:relative; padding-bottom:57%;}
+.br .br_main .br_youtube_slide .movbox iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
+.br .br_main .br_youtube_slide .swiper-pagination{position:relative; margin-top:3rem;}
+/* br_main - brand_product */
+.br .br_main .brand_product{margin-top:2rem;}
+.br .br_main .brand_product .swiper-container{overflow:visible;}
+.br .br_main .brand_product .btn:after{content: ''; display: inline-block; margin-left: 8px; width: 11px; height: 11px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(/images/mo/ico_more_lg.png);}
+/* 브랜드 - 룩북 */
+.htop.br_lookbook { overflow: hidden; border: none !important;}
+.htop.br_lookbook .btn_back span i { background: #fff;}
+.htop.br_lookbook h1 { color: #fff; margin: 1rem 0 0 2rem;}
+.htop.br_lookbook .btn_back { margin: 1.4rem 0 0 0;}
+.htop.br_lookbook .btn_back img { width: 1.5rem; height: 1rem;}
+.htop.br_lookbook .button_wrap {height: 5.5rem; display: inline-block; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
+.htop.br_lookbook .button_wrap .br_search { margin: 0 2.5rem 0 0; width: 2.3rem; height: 2.4rem;}
+.htop.br_lookbook .button_wrap .br_store img:nth-child(1) { width: 1.8rem; height: 2.2rem; }
+.htop.br_lookbook .button_wrap .br_store span { width: 2.1rem; height: 1.5rem; position: absolute; top: 1.2rem; right: 1.5rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
+.br_lookbook .title {font-size: 1.2rem;}
+.br_lookbook .title span { color: #fd4802; font-weight: 800;}
+.br_lookbook .collection {margin-bottom:4rem;}
+.br_lookbook .collection figure {position:relative; display:block; margin: 0 auto; width: 100%; padding-bottom:100%; margin: 0 0 2rem; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
+.br_lookbook .collection figure img {position:absolute; left:0; top:0; width: 100%; height: auto; }
+.br_lookbook .collection p {font-size: 1.4rem;}
+.br .last_page { text-align: center; font-size: 1.2rem; padding: 2.4rem 0 6rem; border-top: 0.1rem solid #f5f5f5; color: #a7a7a7; background-color:#fff;}
+.br .last_page.mt50{padding-top:2rem;}
+.br_lookbook .inner:last-child {padding-bottom: 0;}
+.br_lookbook .no_lb_wrap { text-align: center; padding: 12rem 0 14rem;}
+.br_lookbook .no_lb_wrap p { text-align: center; font-size: 1.2rem; color: #a7a7a7; margin: 0 0 2.4rem;}
+.br_lookbook .no_lb_wrap .btn { font-size: 1.2rem; height: 3rem; }
+/* 브랜드 - 룩북 detail */
+.br .br_lookbook .br_subtitle {font-size:1.6rem;}
+.br .br_lookbook{background-color:#f5f5f5;}
+.br .br_lookbook .inner{background-color:#fff;}
+.br .br_lookbook .collection_title{padding-bottom:2rem; font-size: 1.4rem; font-weight: 500; color:#222;}
+.br .br_lookbook .title { font-size: 1.3rem; font-weight: 300; color:#888; margin-bottom:2rem;}
+.br .br_lookbook .title em{color:#222; font-weight:500;}
+.br .br_lookbook .inner { margin-bottom: 0; padding-bottom: 0; padding-top:3rem;}
+.br .br_lookbook .inner .lb_text {padding:2rem 2rem 0}
+.br .br_lookbook .inner .lb_text p { height: 3.4rem; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
+.br .br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 1rem; font-size: 1.2rem; border:0px none;}
+.br .br_lookbook .inner .lb_text .btn > p{display:inline}
+.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url(/images/mo/br_arrow_down.png); margin-left:0.5rem; margin-bottom:0.1rem}
+.br .br_inlookbook{margin-bottom:1.2rem; padding-bottom:4rem;}
+.br .br_inlookbook .swiper-container{overflow:visible;}
+.br .br_inlookbook .btn{margin-top:3rem; width:100%; font-size:1.3rem; color:#fd4802; border-color:#fd4802; height:4.5rem;}
+.br .br_otherbrand .swiper-container{overflow:visible;}
+.br .br_otherbrand {margin-top:1.2rem;}
+.br .br_otherbrand .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
+.br .br_otherbrand .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1}
+.br .br_otherbrand .txt {margin-top:1rem; padding:0px 0.5rem 0px}
+.br .br_otherbrand .txt .tt {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#222; font-weight:500; font-size:1.3rem; word-break:keep-all; white-space:normal;}
+.br .br_otherbrand .txt .date {display:block; margin-top:15px; color:#888; font-size:14px; font-weight:300;}
+/* 브랜드 - br_search */
+.br_search_wrap .swiper-pagination{margin:0;}
+.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; }
+.br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically--> */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
+.br_search_wrap .swiper-slide {width: 12rem; height: 8rem;}
+.br_search_wrap .swiper-slide {border-bottom: 0.1rem solid #eeeeee; border-right: 1px solid #eeeeee;}
+.br_search_wrap .swiper-slide:nth-child(1) {border-left: 0.1rem solid #eeeeee;}
+.br_search_wrap .swiper-slide:nth-child(2) {border-left: 0.1rem solid #eeeeee;}
+.br_search_wrap .swiper-slide > div { width: 12.6rem; height: 8rem; margin: 0; padding: 2.5rem 2rem 0; box-sizing: border-box;}
+.br_search_wrap .swiper-pagination-bullet-active { background: #fd4802;}
+.br_search_wrap .hmenu .line { width: 100%; height: 1.4rem; background: #f5f5f5; margin: 1rem 0 0;}
+.br_search_wrap .hmenu .brand_si .swiper-pagination-bullet{margin-right:0.8rem;}
+.br_search_wrap .hmenu .brand_si .swiper-pagination-bullet:last-child{margin-right:0;}
+.br_search_wrap .brand_title { width: 100%; height: 4.3rem; margin: 2.4rem 0 0; border-bottom: 0.2rem solid black; }
+.br_search_wrap .brand_title input { width: 100%; height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 100; color: #888; border-bottom:2px solid #000; margin-bottom:1.6rem;}
+.br_search_wrap .brand_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 5rem; }
+.br_search_wrap .brand_title button img { width: 2rem; height: 2rem; position: absolute; top: 1.2rem; right: 2rem;}
+.br_search_wrap .inner .result {padding-bottom:3rem; margin: 1.5rem 0 1rem; border-bottom:0.1rem solid #dddddd;}
+.br_search_wrap .inner:last-child .result {border:0px none;}
+.br_search_wrap .inner .result .title_abbr { font-size: 1.6rem; font-weight: 700; margin-bottom:0.6rem;}
+.br_search_wrap .brand a {display:block; padding: 2rem 0 0; font-size: 1.2rem;}
+.br_search_wrap .brand a span { display: block; font-size: 0.8rem; color: #888;}
+/* 브랜드 - br_search_nodata */
+.br_search_wrap .nodata { width: 100%; height: 100%; margin: 14rem 0; padding: 0;}
+.br_search_wrap .inner.nodata:last-child {margin-bottom: 14rem;}
+.br_search_wrap .brand.nodata { text-align: center;}
+.br_search_wrap .brand.nodata p { padding: 0 0 2.4rem; font-size: 1.4rem; color: #666;}
+.br_search_wrap .brand.nodata .btn { font-size: 1.2rem; border: 0.1rem solid #888; height: 3rem; padding: 0 1rem;}
+/* 브랜드 - br_search */
+.htop.br { overflow: hidden;}
+.htop.br .button_wrap {height: 5.5rem; display: inline-block; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
+.htop.br .button_wrap .br_search { margin: 0 2.5rem 0 0; }
+.htop.br .button_wrap .br_store img:nth-child(1) { width: 1.6rem; height: 2rem; }
+.htop.br .button_wrap .br_store span { width: 2.1rem; height: 1.5rem; position: absolute; top: 1.2rem; right: 1.5rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
+
+
+/*===================== 검색 ===================*/
+.sch .sch_result{background-color:#f5f5f5;}
+.sch .sch_result .inner{background-color:#fff;}
+.sch .sch_result .brand_title { width: 100%; height: 4.3rem; margin: 2.4rem 0 0; border-bottom: 0.2rem solid black; }
+.sch .sch_result .brand_title input { width: 100%; height: 4.3rem; float: left; border: none;  padding: 0; font-size: 1.6rem; font-weight: 100; color: #888; border-bottom:0.2rem solid #000; margin-bottom:1.6rem;}
+.sch .sch_result .brand_title .btn_x { width: 2rem; height: 2rem; background: #aaa; border-radius: 1rem; color: #fff; font-size: 1rem; position: absolute; top: 1.2rem; right: 5.5rem; }
+.sch .sch_result .brand_title button img { width: 2rem; height: 2rem; position: absolute; top: 1.2rem; right: 2.5rem;}
+.sch .sch_result .hot-key{font-size:1.6rem; margin-bottom:1.6rem; margin-left:2rem}
+.sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper{}
+.sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper .swiper-slide{}
+.sch .sch_result .related_keyword .sch_list_slide .swiper-wrapper .swiper-slide > a{display:inline-block; background-color:#f5f5f5; padding:0.8rem 1.3rem; border-radius:2rem;}
+.sch .sch_result .area_taps{}
+.sch .sch_result .area_taps > ul{display:flex; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
+.sch .sch_result .area_taps > ul > li{width:33.3%; text-align:center;}
+.sch .sch_result .area_taps > ul > li > a{display:block; padding:1.5rem 0; font-size:1.4rem; color:#000; font-weight:600; margin-top:0.3rem;}
+.sch .sch_result .area_taps > ul > li > a.on{color:#fd4802; border-bottom:0.2rem solid #fd4802;}
+.sch .sch_result .area_taps > ul > li > a > span{font-size:0.8rem; color:#888888; margin-left:0.2rem}
+.sch .sch_result .tbj_product .swiper-container{overflow:visible;}
+.sch .sch_result .tbj_product .swiper-wrapper{}
+.sch .sch_result .tbj_product .swiper-slide{display:flex; margin-right:0.6rem;}
+.sch .sch_result .tbj_product .itemPrice_original{width:3rem;}
+.sch .sch_result .tbj_product .item_prod .s-text{margin-top:1.5rem;}
+.sch .sch_result .tbj_product > h3{padding:4rem 0 2rem; font-size:1.5rem;}
+.sch .sch_result .tbj_product.no-slide .filter-list{margin:4rem 0 0}
+.sch .sch_result .tbj_product.no-slide > h1{font-size:1.8rem; margin-bottom:2.3rem; font-weight:bold;}
+.sch .sch_result .tbj_product.no-slide .item_prod{width:49%; float:left; margin-bottom:3.6rem; position:relative;}
+.sch .sch_result .tbj_product.no-slide .item_prod:nth-of-type(even){float:right;}
+.sch .sch_result .tbj_product.no-slide .item_prod .s-text{margin-top:1.5rem}
+.sch .sch_result .banner{margin:0 -2rem;}
+.sch .sch_result .banner > img{width:100%; margin-bottom:4rem;}
+.sch .sch_result .btPop_full{margin-top:59rem}
+.sch .sch_result .btPop_full .btPop_body > ul{padding-top:1.6rem}
+.sch .sch_result .btPop_full .btPop_body > ul > li{}
+.sch .sch_result .btPop_full .btPop_body > ul > li > a{display:block; border:0.1rem solid #eeeeee; text-align:center; padding:1.4rem 0; font-weight:600; border-radius:3rem; margin-bottom:0.8rem; color:#686868}
+.sch .sch_result .btPop_full .btPop_body > ul > li > a.on{border:0.1rem solid #fd4802; color:#fd4802}
+
+.filter-list{border-bottom: 0.2rem solid #f4f4f4; display:flex; justify-content:space-between;padding-bottom:2rem; font-size:1.2rem}
+.filter-list .f_left > span{color:#fd4802; font-weight:bold;}
+.filter-list .f_right > a:nth-of-type(1) > span{display:inline-block; width:0.7rem; height:0.4rem; background:url(/images/mo/shc_arrow.png); position:relative; top:-0.2rem; margin-left:0.5rem}
+.filter-list .f_right > a:nth-of-type(2){margin-left:1rem}
+.filter-list .f_right > a:nth-of-type(2) > span{display:inline-block; width:1rem; height:1rem; background:url(/images/mo/shc_filter.png); position:relative; top:0.1rem; margin-left:0.5rem}
+
+/* sch_result nodata */
+.sch .sch_result .nodata { width: 100%; height: 100%; margin:0; padding:14rem 0;}
+.sch .sch_result .list_content{}
+.sch .sch_result .list_content .brand{display:none;}
+.sch .sch_result .list_content.nodata .brand{display:block;}
+.sch .sch_result .inner.nodata:last-child {margin-bottom: 14rem;}
+.sch .sch_result .brand.nodata { text-align: center;}
+.sch .sch_result .brand.nodata p { padding: 0 0 2.4rem; font-size: 1.4rem; color: #666;}
+.sch .sch_result .brand.nodata p.type2 > span{color:#fd4802}
+.sch .sch_result .brand.nodata .btn { font-size: 1.2rem; border: 0.1rem solid #888; height: 3rem; padding: 0 1rem;}
+.sch .sch_result .tbj_product.no-slide .product-wrapper{overflow:hidden;}
+.sch .sch_result .tbj_product.no-slide.upline{margin-top:1.2rem;}
+
+/* sch_result 기획전 */
+.sch .sch_result .item_prod{width:100%;}
+.sch .sch_result .item_prod .itemName{margin-top:1rem; color:#535353}
+.sch .sch_result .item_prod .rank::after{background-color:#fd4802;}
+.sch .sch_result .item_prod .rank > span{font-size:0.9rem;}
+.sch .sch_result .item_prod .itemPic.ver{padding-top:99%; margin-top:3rem;}
+.sch .sch_result .item_prod .itemPlan{display:flex;}
+.sch .sch_result .item_prod .itemPlan > div{margin-right:0.6rem;}
+.sch .sch_result .item_prod .itemPlan > div:last-child{margin-right:0;}
+.sch .sch_result .item_prod .itemEvent{width:100%;}
+.sch .sch_result .item_prod .itemEvent p:nth-of-type(1){font-size:1.4rem;}
+.sch .sch_result .item_prod .itemEvent p:nth-of-type(2){font-size:0.9rem; color:#8b8b8b}
+
+.sch .sch_result.all .tbj_product{margin-top:1.2rem}
+.sch .sch_result.all .search-list{margin:0 -2rem; padding:0 2rem; max-height:41rem; overflow:auto;}
+.sch .sch_result.all .search-list > ul{margin-top:1.4rem; margin-bottom:5rem;}
+.sch .sch_result.all .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
+.sch .sch_result.all .search-list > ul > li > a > p{position:relative;}
+.sch .sch_result.all .search-list > ul > li > a > p::after{content:""; background:url(/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
+.sch .sch_result.all .search-list > ul > li > a > span{color:#8d8d8d}
+.sch .sch_result.all .allresult-tit{display:flex; justify-content:space-between;}
+.sch .sch_result.all .allresult-tit > h3{font-size:1.5rem; margin-top:2.5rem; margin-bottom:2rem}
+.sch .sch_result.all .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888}
+.sch .sch_result.all .allresult-tit > p::after{content:""; background:url(/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result.all .allresult-tit > button{margin-right:1.9rem; font-size:1.2rem; color:#888888}
+.sch .sch_result.all .allresult-tit > button::after{content:""; background:url(/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result.all .itemTag{border:0.1rem solid #fd4802; display:inline; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; top:1rem; font-size:0.6rem; color:#fd4802}
+.sch .sch_result.all .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:scroll;}
+.sch .sch_result.all .relative-list > ul{padding-top:1.4rem;}
+.sch .sch_result.all .relative-list > ul > li > a {display:block; padding:0.6rem 0;}
+.sch .sch_result.all .relative-list > ul > li > a > p{font-weight:500;}
+.sch .sch_result.all .relative-list > ul > li > a > p > span{color:#fd4802;}
+.sch .sch_result.all .category{margin-top:1.2rem;}
+.sch .sch_result.all .category > h3{font-size:1.5rem; padding-top:2.4rem}
+.sch .sch_result.all .category > ul{margin-top:1.2rem}
+.sch .sch_result.all .category > ul > li > p{display:block; padding:0.5rem 0; color:#a5a5a5; font-size:1.2rem;}
+.sch .sch_result.all .category > ul > li > p > span{color:#222222}
+.sch .sch_result.all .brand.nodata > p > span{color:#fd4802;}
+.sch .sch_result.all .tbj_product.no-slide > h2{font-size:1.5rem; padding-top:2.3rem; margin-bottom:2rem; font-weight:500;}
+
+
+/* .sch .sch_result.brand_all .tbj_product{margin-top:1.2rem} */
+.sch .sch_result.brand_all .search-list{margin:0 -2rem; padding:0 2rem; max-height:41rem; overflow:auto;}
+.sch .sch_result.brand_all .search-list > ul{margin-top:1.4rem; margin-bottom:5rem;}
+.sch .sch_result.brand_all .search-list > ul > li > a{display:flex; justify-content:space-between; padding:1rem 0 1rem 2rem;}
+.sch .sch_result.brand_all .search-list > ul > li > a > p{position:relative;}
+.sch .sch_result.brand_all .search-list > ul > li > a > p::after{content:""; background:url(/images/mo/shc_clock.png) no-repeat; width:1.5rem; height:1.6rem; display:inline-block; position:absolute; left:-2rem; top:-0.1rem}
+.sch .sch_result.brand_all .search-list > ul > li > a > span{color:#8d8d8d; display:inline-block; width:2rem; text-align:right;}
+.sch .sch_result.brand_all .allresult-tit{display:flex; justify-content:space-between;}
+.sch .sch_result.brand_all .allresult-tit > h3{font-size:1.5rem; margin-top:2.5rem; margin-bottom:2rem}
+.sch .sch_result.brand_all .allresult-tit > p{margin-right:1.9rem; margin-top:2.5rem; font-size:1.2rem; color:#888888}
+.sch .sch_result.brand_all .allresult-tit > p::after{content:""; background:url(/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result.brand_all .allresult-tit > button{margin-right:1.9rem; font-size:1.2rem; color:#888888}
+.sch .sch_result.brand_all .allresult-tit > button::after{content:""; background:url(/images/mo/shc_refresh.png) no-repeat; width:1.1rem; height:1.1rem; display:inline-block; position:absolute; margin-top:0.2rem; right:2.1rem;}
+.sch .sch_result.brand_all .itemTag{display:inline; padding:0.3rem 0; position:relative; top:1rem; font-size:0.6rem; color:#fd4802}
+.sch .sch_result.brand_all .itemTag.circle{border:0.1rem solid #fd4802; display:inline; padding:0.3rem 0.6rem; border-radius:1rem; position:relative; top:1rem}
+.sch .sch_result.brand_all .relative-list{margin:0 -2rem; padding:0 2rem; max-height:33rem; overflow-y:scroll;}
+.sch .sch_result.brand_all .relative-list > ul{padding-top:1.4rem;}
+.sch .sch_result.brand_all .relative-list > ul > li > a {display:block; padding:0.6rem 0;}
+.sch .sch_result.brand_all .relative-list > ul > li > a > p{font-weight:500;}
+.sch .sch_result.brand_all .relative-list > ul > li > a > p > span{color:#fd4802;}
+.sch .sch_result.brand_all .category{margin-top:1.2rem;}
+.sch .sch_result.brand_all .category > h2{font-size:1.5rem; padding-top:2.4rem}
+.sch .sch_result.brand_all .category > ul{margin-top:1.2rem}
+.sch .sch_result.brand_all .category > ul > li > p{display:block; padding:0.5rem 0; color:#a5a5a5; font-size:1.2rem;}
+.sch .sch_result.brand_all .category > ul > li > p > span{color:#222222}
+.sch .sch_result.brand_all .brand.nodata > p > span{color:#fd4802;}
+.sch .sch_result.brand_all .tbj_product.no-slide > h2{font-size:1.5rem; padding-top:2.3rem; margin-bottom:2rem; font-weight:500;}
+.sch .sch_result.brand_all .filter-list{margin-bottom:0 !important}
+.sch .sch_result.brand_all .related_keyword{border-bottom:0.1rem solid #eeeeee; margin:-1.3rem -2rem 0; padding:0 2rem 1.3rem;}
 
 
+/* 전시상품리스트 공통(default) */
+.sch .sub_category{padding:0.8rem 0; position:relative; top:-0.7rem}
+.sch .sub_category .cate_wrap{white-space:nowrap; overflow-x:scroll;}
+.sch .sub_category .cate_wrap a{float:none; display:inline-block; margin-bottom:0; background: #f5f5f5; padding:1.2rem 1.4rem; font-size: 1.3rem; color: #000; border-radius:2rem; line-height: 1;}
+.sch .sub_category .cate_wrap a:first-child{margin-left:2rem;}
+.sch .sub_category .cate_wrap a:last-child{margin-right:2rem;}
+/* .sch .sub_category .cate_wrap a.on{border:1px solid #fe4904; color:#fe4904;} */
 
+/* 기획전 - dp_exhibition */
+.sch .sch_result .list_content .itemsGrp.n3{margin-bottom:0; font-size:0;}
+.sch .sch_result .list_content .itemsGrp.n3 .item_prod {width: 31.666%; margin-right: 2.5%; margin-top:0;}
+.sch .sch_result .list_content .itemsGrp.n3 .item_prod:nth-child(2n) {margin-right: 2.5%;}
+.sch .sch_result .list_content .itemsGrp.n3 .item_prod:nth-child(3n) {margin-right:0;}
+.sch .sch_result .list_content .itemsGrp.n3 .item_prod{margin-bottom:0;}
+.sch .sch_result .list_content .list_item{padding-top:3rem}
+.sch .sch_result .list_content .list_item > div{margin-bottom:6rem;}
+.sch .sch_result .list_content .list_item .visual{position:relative; margin-bottom:2rem;}
+.sch .sch_result .list_content .list_item .visual img {width: 100%;}
+.sch .sch_result .list_content .list_item .visual .txtWrap {position: absolute; left: 2rem; bottom: 4rem; color: fff;}
+.sch .sch_result .list_content .list_item .visual .txtWrap p {color: #fff; font-size: 2.4rem; font-weight: 500; line-height: 1.2;}
+.sch .sch_result .list_content .list_item .visual .txtWrap p.txt_xs {font-size: 1.2rem; margin-top:1.6rem; font-weight: 300;}
+.sch .sch_result .list_content .list_defult{display:none; text-align:center; padding:11rem 0;}
+.sch .sch_result .list_content .list_defult p{text-align:center; font-size:1.3rem; color:#888888; font-weight:300;} 
+.sch .sch_result .list_content .list_defult .btn{margin-top:2.4rem; font-size:1.1rem; height:3rem;}
+.sch .sch_result .list_content .list_last{ padding: 2.5rem 0; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:1px solid #f5f5f5;}
+.sch .sch_result .list_content .list_defult{display:none; text-align:center; padding:11rem 0;}
+.sch .sch_result .list_content .list_defult p{text-align:center; font-size:1.3rem; color:#888888; font-weight:300;} 
+.sch .sch_result .list_content .list_defult .btn{margin-top:2.4rem; font-size:1.1rem; height:3rem;}
+.sch .sch_result .list_content .list_last{ padding: 2.5rem 0; font-size: 1.1rem; color: #888888; font-weight: 300; text-align: center; border-top:1px solid #f5f5f5;}
+.sch .sch_result .list_content.nodata .lookbookGrp,
+.sch .sch_result .list_content.nodata .itemsGrp,
+.sch .sch_result .list_content.nodata .list_item,
+.sch .sch_result .list_content.nodata .list_last{display:none;}
+.sch .sch_result .list_content.nodata .list_defult{display:block;} 
+.sch .sch_result .list_item.pro .itemName{font-size:1.1rem; color:#000; width:20rem;}
+.sch .sch_result .list_item.pro .itemPrice .itemPrice_sale{font-size:0.9rem; color:#888888}
+.sch .sch_result .now_view{padding-bottom:3rem; margin-bottom:1.2rem;}
+.sch .sch_result_cont{background-color:#f5f5f5;}
+.sch .sch_result_cont > div{padding:0 2rem; background-color:#fff;}
+
+
+
+/* 검색공통 */
+.sch .count_wrap {padding:2rem 0;}
+.sch .count_wrap:after{display:block; content:''; clear:both;}
+.sch .count_wrap > div:nth-child(1) {float:left;}
+.sch .count_wrap > div:nth-child(1) p {font-size:1.2rem; color:#888;}
+.sch .count_wrap > div:nth-child(1) p span {color:#fd4802; font-weight:bold;}
+.sch .count_wrap > div:nth-child(2) {float: right; }
+.sch .sch_util{display:block; float:right; text-align:right; font-size: 0;}
+.sch .sch_util li {display:inline-block; margin-left:2rem; vertical-align:middle;}
+.sch .sch_util li:first-child{margin-left:0;}
+.sch .sch_util li a{font-size:1.2rem; color:#222!important;}
+.sch .sch_util li a.sort:after{content:''; position:relative; top:0.3rem; margin-left:0.8rem; display:inline-block; width:0rem; border:0.5rem solid transparent; border-bottom-color:#222; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
+.sch .sch_util li a.filter:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1rem; height:1rem; background: url(/images/mo/icon_list_filter.png) center center no-repeat; background-size:contain;}
+.sch .sch_util li a.refresh{color:#888!important;}
+.sch .sch_util li a.refresh:after{content:''; position:relative; top:0.1rem;  margin-left:0.8rem; display:inline-block; width:1.1rem; height:1.1rem; background: url(/images/mo/icon_best_refresh.png) center center no-repeat; background-size:contain;}
+
+/* select 커스텀 (필터용) */
+.sch .sch_util .select {cursor: pointer;display: inline-block;position: relative;top:-1px; font-size: 1.2rem;color: #333333;width: 100%;height:1.6rem; line-height:1.6rem;}
+.sch .sch_util .select+.select{margin-left: 10px;}
+.sch .sch_util .select_hidden {display: none;visibility: hidden;padding-right: 10px;}
+.sch .sch_util .select_dress {
+  position: relative;top: 0;right: 0;bottom: 0;left: 0;padding:0 15px 0 3px;
+  background-color: #ffffff;border: 1px solid #fff;box-sizing: border-box;
+  -moz-transition: all 0.05s ease-in;-o-transition: all 0.05s ease-in;
+  -webkit-transition: all 0.05s ease-in;transition: all 0.05s ease-in;
+}
+.sch .sch_util .select_dress:after {
+  content: "";width: 0;height: 0;box-sizing: border-box;position: absolute;top:5px;right:0;
+  border: 5px solid transparent; border-color: #222222 transparent transparent transparent;  
+}
+.sch .sch_util .select_options {
+  display: none;position: absolute;top:2rem;right: 0;left: 0;z-index: 2;
+  margin: 0;padding: 0;list-style: none;background-color: #ffffff;
+  box-sizing: border-box;border:0;border-top: 0px solid #222222;
+}
+.sch .sch_util .select_options li {
+  margin: 0;padding:3px 3px;text-indent:0; display:block; text-align:left;
+  -moz-transition: all 0.08s ease-in;-o-transition: all 0.08s ease-in;
+  -webkit-transition: all 0.08s ease-in;transition: all 0.08s ease-in;
+}
+.sch .sch_util .select_options li:hover{background-color: #dddddd;}
+.sch .sch_util .select_options li[rel="hide"] {display: none;}
+.sch .sch_util .select_options li.disabled {text-decoration:line-through; background:#f5f5f5; color:#bbb}
+.sch .sch_util .select_options li.disabled:hover,
+.sch .sch_util .select_options li.disabled:active {cursor:default;}
+.sch .sch_util .select_dress:active:after, .dp .dp_util .select_dress.active:after {top:0;border-color: transparent transparent #222 transparent;}
 
+/* 전시 카테고리 공통 */
+.sch .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
+.sch .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 6px solid transparent; border-color: #888888 transparent transparent transparent;}
+.sch .category_box{visibility:hidden; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
+.sch .category_box.active{visibility:visible;}
+.sch .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
+.sch .category_box .category_list{min-height:15rem; max-height:40rem; overflow-y:auto;}
+.sch .category_box .category_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
+.sch .category_box .selcet_list {padding:0 2rem;}
+.sch .category_box .selcet_list ul {}
+.sch .category_box .selcet_list ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:1px solid #eee; border-radius:4rem;;}
+.sch .category_box .selcet_list ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
+.sch .category_box .selcet_list ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}
+.sch .last_page { text-align: center; font-size: 1.2rem; padding: 2.4rem 0 6rem; border-top: 1px solid #f5f5f5; color: #a7a7a7; background-color:#fff;}
+.sch .last_page.mt50{padding-top:2rem;}
 
 
 

src/main/webapp/ux/mo/js/common_m.js

@@ -5,7 +5,7 @@
 
 * * * * * * * * * * * * * * * * * * * * * */
 
-$(document).ready(function () {
+$(document).ready(function() {
 
         // 웹페이지가 브라우징된 후 주소창 제거
         window.addEventListener("load", function () {
@@ -23,7 +23,9 @@ $(document).ready(function () {
                 "scrollTop": 0
             }, 50);
         });
-        $(window).scroll(function () {
+
+        var lastScrollTop = 0;
+        $(window).scroll(function (event) {
 
             // header height 가 아닌, 스크롤 감지로 변경할 것
             if ($(window).scrollTop() > $("header").height()) {
@@ -48,21 +50,31 @@ $(document).ready(function () {
                 }, 50);
             }
 
-            if ($(window).scrollTop() > ($(window).height() - $("header .htop").height())) {            
-                // $("header.main .htop").addClass("dark");            
-                $("header").addClass("hide");
-            } else {            
-                // $("header.main .htop").removeClass("dark");
-                $("header").removeClass("hide");
+            var st = $(this).scrollTop();
+            if (st > lastScrollTop){
+                $(".app .gnb").css("position", "fixed");
+                $(".app .gnb .btn-expand").css("position", "fixed");
+                $(".tabbar").removeClass("fixed");
+            } else {
+                $(".app .gnb").css("position", "fixed");
+                $(".app .gnb .btn-expand").css("position", "fixed");
+                $(".tabbar").addClass("fixed");
+                setTimeout(function(){
+                    if($(window).scrollTop() === 0){
+                        $(".app .gnb").css("position", "relative");
+                        $(".app .gnb .btn-expand").css("position", "absolute");
+                    }
+                },300)
             }
+            lastScrollTop = st;
         });
 
         // items like on/off
-        $(function(){ 
+       
             $(".itemLike").click(function () {
             $(this).toggleClass("likeit");
             });
-        });
+      
 
 });
 
@@ -693,6 +705,20 @@ $(document).ready(function () {
             return false;
         });
 
+
+        // 쇼핑백팝업
+        $("#btn_shoppingBag_pop").click(function() {
+            popClsScroll2();
+            $('.container').removeClass('btPop_open');
+            autome.style.top  = 100 + "%";
+            $("html, body").animate({"scrollTop": 0}, 0);
+            $("#shoppingBagModal").fadeIn();
+            setTimeout(function(){
+                $("#shoppingBagModal").fadeOut(500);
+            },2000);
+            return false;
+        });	
+
 });
         
 
@@ -700,25 +726,25 @@ $(document).ready(function () {
 /* ================================================== JS branch JS ========================================================*/
 $( document ).ready( function() {
 
-
         /* 고객센터_accordion */
-        $(document).on('click','.foldGroup .fold_head',function(e){
+        $(document).on('click','.cs .foldGroup .fold_head, .my .foldGroup .fold_head',function(e){
             $(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
             $(this).toggleClass('on');
             return false;
         });
 
-        // 쇼핑백팝업
-        $("#btn_shoppingBag_pop").click(function() {
-            //popClsScroll();
-            $('.container').removeClass('btPop_open');
-            // autome.style.top  = 100 + "%";
-            $("html, body").animate({"scrollTop": 0}, 0);
-            $("#shoppingBagModal").fadeIn();
-            setTimeout(function(){
-                $("#shoppingBagModal").fadeOut(500);
-            },2000);
-        });	
+        /* 주문결제_accordion */
+        $(document).on('click','.od .foldGroup .fold_head .fold_tit',function(e){	
+            $(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
+            $(this).parents('.fold_head').toggleClass('on');
+            return false;
+        });
 
+        /* 상품문의_accordion */
+        $(document).on('click','.pd_qnalist .fold_head .fold_tit',function(e){	
+            $(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
+            $(this).parents('.fold_head').toggleClass('on');
+            return false;
+        });
 
 });

src/main/webapp/ux/mo/js/main_m.js

@@ -1,36 +1,59 @@
 var acc = document.getElementsByClassName("tog_btn");
-function qna_list(){
-    for(var i=0; i<acc.length; i++){
-        acc[i].addEventListener("click", function(){
-            var panel = this.nextElementSibling;
-            var csBtn = this.getElementsByClassName("cs_btn");
-            if (panel.style.display === "block") {
-                panel.style.display = "none";
-                csBtn[0].classList.toggle("on")
-              } else {
-                panel.style.display = "block";
-                csBtn[0].classList.toggle("on")
-              }
-        })
-    }
+
+function qna_list() {
+  for (var i = 0; i < acc.length; i++) {
+    acc[i].addEventListener("click", function () {
+      var panel = this.nextElementSibling;
+      var csBtn = this.getElementsByClassName("cs_btn");
+      if (panel.style.display === "block") {
+        panel.style.display = "none";
+        csBtn[0].classList.toggle("on")
+      } else {
+        panel.style.display = "block";
+        csBtn[0].classList.toggle("on")
+      }
+    })
+  }
 }
 qna_list();
 
+
 // sch_result 탭메뉴
 var schTab = document.querySelectorAll(".sch_result .area_taps .sch-tab");
 var srCont = document.querySelectorAll(".sch .sch_result .sch_result_cont");
 
-function sch_tab(){
-  for(var i=0; i<schTab.length; i++){
-      schTab[i].classList.remove("on");
-      this.classList.add("on");
+function sch_tab() {
+  for (var i = 0; i < schTab.length; i++) {
+    schTab[i].classList.remove("on");
+    this.classList.add("on");
   }
 }
 
-function tab_event(){
-  for(var i=0; i<schTab.length; i++){
+function tab_event() {
+  for (var i = 0; i < schTab.length; i++) {
     schTab[i].addEventListener("click", sch_tab);
   }
 }
 
-tab_event();
+tab_event();
+
+
+// 5초간 동작 없을 시 top으로 이동
+$(document).ready(function () {
+  var time;
+  $(document).bind('touchstart', function (e) {
+    clearInterval(time);
+    e.stopPropagation();
+  })
+  $(document).bind('touchend', function (e) {
+    time = setInterval(function () {
+      $('html, body').animate({scrollTop : 0}, 400);
+    }, 5000000);
+  })
+  //최신상품순(팝업)을 눌렀을 때 top으로 이동하는 기능 제거
+  $(".select_dress").bind('touchend', function (e) {
+    setTimeout(function(){
+      clearInterval(time);
+    }, 50)
+  })
+})

src/main/webapp/ux/pc/css/common.css

@@ -503,12 +503,12 @@ content: "〉";font-size: 12px;padding-left: 8px;
 
 /* toggle - Share */
 .shareWrap {display: block;opacity: 0;background-color: #ffffff;border: 1px solid #000000;position: absolute;top: -50%;left: -267px;right: 0;padding: 22px 30px;border-radius: 0;z-index: -1;font-size: inherit;width: 240px;height: 70px;}
-.shareWrap p { text-align:left; color:#000000; font-size:12px; word-break:break-all; word-wrap:break-word;}
-.on.shareWrap {opacity:1; border: 1px solid #000000; z-index:100;}
+.shareWrap p { text-align:left; color:#000000; font-size:12px; word-break:break-all; word-wrap:break-word;} 
+.on.shareWrap {opacity:1; border: 1px solid #000000; z-index:100;} 
 .on.shareWrap::before {display: block;clear: both;content: '';opacity: 1;position: absolute;bottom: 50%;right: -12px;width: 0px;height: 0px;margin-left: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #ffffff;border-right: 5px solid transparent;}
 /* open_share toggle */
-.btn_share[data-name=openShare]{display: inline-block;width: 100%;height: 100%;text-indent: -9999px;}
-.btn_share[data-name=openShare]::before {display: block;clear: both;content: '';opacity: 0;position: absolute;bottom: 23%;left: -30px;width: 0px;height: 0px;margin-left: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 10px solid #000000;border-right: 8px solid transparent;}
+.btn_share[data-name=openShare]{display: inline-block;width: 100%;height: 100%;text-indent: -9999px;} 
+.btn_share[data-name=openShare]::before {display: block;clear: both;content: '';opacity: 0;position: absolute;bottom: 23%;left: -30px;width: 0px;height: 0px;margin-left: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 10px solid #000000;border-right: 8px solid transparent;} 
 .btn_share.on[data-name=openShare]::before {opacity:0.8;}
 .setShare span {display: block;text-align: center;}
 .setShare button {width: 20px;height: 20px;background: url(/images/pc/ico_share.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-size: 173px 20px;position: relative;}
@@ -1246,7 +1246,7 @@ input[type="file"] {
 .quick_menu_group .area > div:first-child span:first-child a{margin-left:0}
 .quick_menu_group .area > div:first-child span:first-child a:after{display:none}
 .quick_menu_group .area > div:first-child span a:after{position:absolute;top:13px;left:0;width:1px;height:13px;background:#959596;content:''}
-.quick_menu_group .inr a{margin-left:16px;color:#eeeeee;}
+.quick_menu_group .inr a{margin-left:16px;color:#eeeeee;}*/
 
 
 

src/main/webapp/ux/pc/css/layout.css

@@ -6,15 +6,18 @@ body {min-width:1460px; overflow-x:auto;}
 
 /* header */
 /* header */
-#header {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} 
-#header.minify {position:fixed; top:0; left:0; right:0; z-index:100;}
-#header .common_header {}
-.common_header{background:#222222;color:#ffffff;min-width:1460px; box-sizing:border-box;}
+header {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} 
+header.minify .gnb {position:fixed; top:0; left:0; right:0; z-index:100; background:inherit;}
+header .common_header {}
+.common_header{position:relative; background:#222222;color:#ffffff;min-width:1460px; box-sizing:border-box;}
 .common_header > * {color:#ffffff;}
+/*.common_header::before {content:''; position:absolute; left:0; right:0; bottom:-100px; width:100%; height:100px; background:inherit; z-index:1;}*/
 .common_header .hd_top_banner {text-align:center;}
-.common_header .hd_top_banner .close_bnr_area {position:absolute; right:50px; top:15px; z-index:9;}
+.common_header .hd_top_banner .close_bnr_area {position:absolute; right:50px; top:15px; z-index:9;} 
 .common_header .hd_top_banner .close_bnr_area::after {content:''; clear:both; display:block;}
 .common_header .hd_top_banner .close_bnr_area .form_wrap {float:left; display:inline-block;}
+.common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"] + label:before {top:50%; transform:translateY(-50%); background:url('/images/pc/chk_top_banner.png'); background-position:0 0;}
+.common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"]:checked + label:after {top:50%; transform:translateY(-50%); background:url('/images/pc/chk_top_banner.png'); background-position:100% 0;}
 .common_header .hd_top_banner .close_bnr_area .form_wrap .form_field input[type="checkbox"] + label {margin-top:4px; color:#fff; font-size:15px; font-weight:200; line-height:1; vertical-align:top;}
 .common_header .hd_top_banner .close_bnr_area .btn_close {float:left; width:20px; height:20px; margin-left:15px; background:url('/images/pc/ico_pop_cls02.png') no-repeat 50% 50%; background-size:100% auto; font-size:1px; text-indent:-999px; overflow:hidden;}
 .common_header .hd_top_banner > div {position:relative;}
@@ -45,17 +48,19 @@ body {min-width:1460px; overflow-x:auto;}
 .common_header .util_group span::after{content:''; display:block; width:1px; height:8px; background:#4e4e4e; position:absolute; top:50%; right:0; left:auto; transform:translateY(-50%);}
 .common_header .util_group span:last-child{padding-right:0;}
 .common_header .util_group span:last-child::after{content:''; display:none;}
-.common_header .util_group span a{display:block; padding:0px 6px; font-weight:200; font-size:14px; color:#7f7f7f; letter-spacing:-.025em; line-height:1; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
+.common_header .util_group span a{display:block; padding:0px 6px; font-weight:200; font-size:14px; color:#7f7f7f; letter-spacing:-.025em; line-height:1; /*-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;*/}
 .common_header .gnb {}
 .gnb {height: 80px;margin:0 auto;padding: 30px 70px 30px;position: relative;min-width: 1460px;box-sizing:border-box;}
 .gnb::after {content: ''; display: block; clear: both;}
 .gnb .nav {float:left; margin-left:-24px;}
 .gnb .nav .bundle {float:left; display:inline-block; padding:0 10px;}
 .gnb .nav .bundle.btn_home {}
-.gnb .nav .bundle > li {float:left; padding:0px 7px;}
-.gnb .nav .bundle > li > a {display:block; color:#ffffff; font-size:19px; font-weight: 300; letter-spacing: -.025em; box-sizing:border-box;padding:0px 7px; line-height:1; -webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
+.gnb .nav .bundle > li {float:left; padding:0px 14px;}
+.gnb .nav .bundle > li > a {display:block; color:#ffffff; font-size:19px; font-weight: 300; letter-spacing: -.025em; box-sizing:border-box;padding:0px; line-height:1; -webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
 .gnb .nav .bundle > li > a:hover,
-.gnb .nav .bundle > li > a:active {color:#fd4802;}
+.gnb .nav .bundle > li > a:focus,
+.gnb .nav .bundle > li > a:active,
+.gnb .nav .bundle > li > a.active {color:#fd4802; border-bottom:1px solid #fd4802;}
 .gnb .nav .bundle > li > a {position: relative;}
 .gnb .nav .bundle > li:last-child > a::after{content: ''; display: block; width: 1px; height: 18px; background: #4e4e4e; position: absolute; top:50%; bottom:auto; right: -20px; left:auto; transform: translateY(-50%);}
 .gnb .nav .bundle:last-child > li > a::after{content: ''; display: none;}
@@ -85,7 +90,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .more_category a.btn_more_cate {position:relative; display:inline-block; padding-right:16px; color:#888; font-size:16px; font-weight:300; z-index:8;}
 .more_category a.btn_more_cate:after {display:block; position:absolute; top:2px; right:0; width:6px; height:6px; border:2px solid #888; border-width:2px 2px 0 0; transform:rotate(135deg); -webkit-transform:rotate(135deg); content:''}
 .more_category.on a.btn_more_cate:after {top:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); content:''}
-.more_category .cate_list {display:none; position:absolute; left:-30px; top:-22px; background:#222; min-width:180px; padding:60px 25px 25px; box-sizing:initial; border:1px solid #aaa; z-index:10;}
+.more_category .cate_list {display:none; position:absolute; left:-30px; top:-22px; background:#222; min-width:180px; padding:60px 25px 25px; box-sizing:initial; border:1px solid #aaa; z-index:2;}
 .more_category .cate_list ul li {margin-top:14px}
 .more_category .cate_list ul li:first-child {margin-top:0}
 .more_category .cate_list ul li a {display:block; padding:5px; color:#fff; font-size:19px;}
@@ -143,11 +148,6 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .common_header .black_screen {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 88; display:none;}
 
 .minify .common_header .search .ico_search:before {width:25px; height:25px;}
-.minify .common_header .hd_top_banner {display:none;}
-.minify .common_header > .area {height:auto; padding:20px 40px 10px}
-.minify .common_header > .gnb {height:80px; padding-top:30px; padding-bottom:30px}
-.minify .common_header .logo {margin-top:0}
-.minify .common_header .logo .ico_logo:before {width:118px; height:18px}
 .minify .common_header .util_group {margin-top:2px}
 .minify .common_header .nav > ul.btn_home {display:inline-block;}
 .minify .common_header .nav > ul > li > a {font-size:17px}
@@ -163,14 +163,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 
 /* Brand HEADER */
-#br_header {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} 
-#br_header.minify {position:fixed; top:0; left:0; right:0; z-index:100;}
 .common_header.br_header .util_group span::after {background:#fff; opacity:0.2;}
 .common_header.br_header .util_group span a {color:#ffffff; opacity:0.3; font-weight:200;}
 .common_header.br_header .util_group span:first-child a {opacity:1; font-weight:300;}
 .common_header.br_header .search .ico_search:before {width:25px; height:25px;}
 .common_header.br_header .search .btn_open_search {display:block;}
-/*.common_header.br_header .nav {margin-left:-25px;}*/
+.common_header.br_header .logo {margin-top:40px}
 .common_header.br_header .logo h1 {font-size: 28px;letter-spacing: -0.07em;color: #ffffff;font-weight: 400;}
 .common_header.br_header .depth_menu .head_category { width: 68%; padding:50px 70px 50px 20px;}
 .common_header.br_header .depth_menu .head_category .menu ul.maintabs {border-left:0}
@@ -179,9 +177,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .common_header.br_header .depth_menu .head_banner li img{top: 50%;left: 0px;}
 .common_header.br_header .depth_menu .head_banner li:first-child {margin-right:0;}
 .common_header.br_header .depth_menu .item_prod {width: 100%;}
-.minify .common_header.br_header > .area {height: 0; padding: 0;}
-/*.minify .common_header.br_header .nav {margin-left: -20px;}*/
-.minify .common_header.br_header .nav > ul > li.home{display: none;}
+.common_header.br_header > .area {height:90px;}
+.common_header.br_header .nav > ul > li.home {display:none;}
+.minify .common_header.br_header .nav > ul > li.home{display:block;}
 
 
 
@@ -326,15 +324,17 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .quick_btn li {width: 60px; height: 60px; text-align: center;}
 #quick_menu .quick_btn li button {display: block; width: 60px; height: 60px;}
 #quick_menu .quick_btn .count {display: block; margin-top: 6px; font-size: 12px; color: #fd4802;}
-#quick_menu .tabs_con {position: relative; margin-right:-363px; /*display:none;right:-363px; padding-left: 60px;*/ transition:all 0.3s;}
+#quick_menu .tabs_con {display:none; position: relative; margin-right:-363px; /*display:none;right:-363px; padding-left: 60px;*/ transition:all 0.3s;}
 #quick_menu.active .tabs_con {display:block; margin-right:0px;}
 #quick_menu .quick_close_btn {position: absolute; right:30px; top: 30px; width: 22px; height: 22px; background: url('/images/pc/ico_quick_close.png') no-repeat center/100%; z-index: 8;}
-#quick_menu .quick_con {position:relative;width:363px;height:100%;background:#fff;height:800px;}
-#quick_menu .quick_con .quick_head {position: relative; padding: 30px; padding-bottom: 40px;}
+#quick_menu .quick_con {position:relative;width:363px;height:100%;background:#fff;height:800px; display:none;}
+#quick_menu .quick_con .quick_head {position: relative; height:94px; padding: 30px; padding-bottom: 40px;}
+#quick_menu .quick_con .quick_head::after {display:none;}
 #quick_menu .quick_con .quick_head h3 {font-size: 24px; font-weight: 500; margin-bottom: 0;}
 #quick_menu .quick_con .quick_head h3 a {color: #222; position: relative; display: inline-block; padding-right: 22px;}
 #quick_menu .quick_con .quick_head h3 a:after {content:''; position: absolute; top: 50%; transform:translateY(-60%); right: 0; width: 8px; height: 15px; background: url('/images/pc/ico_dp_arrow.png') no-repeat center/100%;}
-#quick_menu .quick_con .quick_body {padding: 30px; padding-top: 0; overflow-y:auto; height: 705px; overflow-x: hidden;}
+#quick_menu .quick_con .quick_body {padding:0 30px 30px; height: 705px; overflow-y:scroll;}
+#quick_menu .quick_con .quick_body::after {display:none;}
 #quick_menu .quick_con .product_count {margin-bottom: 20px; font-size: 16px; color: #888;}
 #quick_menu .quick_con .product_count span {font-weight: 500;}
 #quick_menu.on {position: absolute; bottom: 539px; width: 60px; height: 539px;}
@@ -351,7 +351,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 /* 퀵메뉴_쇼핑백 */
 .itemsGrp {margin-bottom:0;}
-#quick_menu .shopingbag .quick_body {height: 655px;}
+#quick_menu .shopingbag .quick_body {height: 655px; overflow-y:scroll;}
 #quick_menu .shopingbag .quick_body.nodata {height: 708px;}
 #quick_menu .shopingbag .quick_body .itemsGrp.empty {display: none;}
 #quick_menu .shopingbag .quick_body.nodata .itemsGrp.existence {display: none;}
@@ -422,7 +422,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .wishlist .itemsGrp .item_prod .cart_btn.on {background: #222; color: #fff; border:1px solid #222;}
 
 /* 퀵메뉴_나의 쿠폰_발급 가능 쿠폰 */
-#quick_menu .coupon .quick_body {height: 634px;}
+#quick_menu .coupon .quick_body {overflow:hidden;}
 #quick_menu .coupon .quick_body.need_login {height: 100%;}
 #quick_menu .coupon .quick_body .login_con {display: none;}
 #quick_menu .coupon .quick_body.need_login .login_con {display: block;}
@@ -433,6 +433,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .coupon .coupon_tab a:first-child:after {content:''; position: absolute; top: 0; right: -15px; width: 1px; height: 16px; background: #ddd;}
 #quick_menu .coupon .coupon_tab a.active {font-weight: 300; color:#222;}
 #quick_menu .coupon .more_btn {width: 100%; position: absolute; left: 50%; bottom: 30px; z-index: 90; width: 302px; height: 42px; line-height: 42px; color: #222; font-size: 14px; font-weight: 300; transform: translateX(-50%); text-align: center; border:1px solid #ddd; background:#fff url('/images/pc/ico_more_sm.png') no-repeat left 177px center;}
+#quick_menu .coupon .coupon_area {height:760px; overflow-y:auto;}
 #quick_menu .coupon #coupon_type01 .coupon_list {line-height:1;}
 #quick_menu .coupon #coupon_type01 .coupon_list li {margin-top:30px}
 #quick_menu .coupon #coupon_type01 .coupon_list li:first-child {margin-top:0}
@@ -457,14 +458,15 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 #quick_menu .coupon #coupon_type02 .coupon_list li .cp_top {position: relative; overflow: hidden;}
 #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail { z-index: 99; border:1px solid #ddd; border-bottom: 0; padding:30px 20px 18px; padding-right: 5px;}
 #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail {background: #f5f5f5; border:1px solid #f5f5f5;} 
-#quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .tit {margin-bottom: 10px; font-size: 14px;}
+#quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .tit {padding:0; margin-bottom: 10px; font-size: 14px;}
 #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .tit {color:#888;}
 #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t {display: block; color: #fd4802; font-size: 30px; margin-bottom: 15px;}
 #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .sale_t {color:#888;}
 #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t span {font-weight: 600;}
 #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t.won_t {font-size: 22px;}
 #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .sale_t.won_t span {font-size: 28px;}
-#quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .cp_cont {font-size: 12px; margin-bottom: 10px; font-weight: 300; color: #888;}
+#quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .cp_cont {padding:0; font-size: 12px; margin-bottom: 10px; font-weight: 300; color: #888;}
+#quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .cp_cont span {font-size: 12px; font-weight: 300; color: #888;}
 #quick_menu .coupon #coupon_type02 .coupon_list li .cp_detail .cp_cnt {background: #fff5f3; padding:5px 8px; border:1px solid #fd4802; font-size: 10px; color: #fd4802 !important; font-weight: 500;}
 #quick_menu .coupon #coupon_type02 .coupon_list li.off .cp_detail .cp_cnt {background: #f5f5f5; padding:5px 8px; border:1px solid #888; font-size: 10px; color: #888 !important; font-weight: 500;}
 #quick_menu .coupon #coupon_type02 .coupon_list li .cp_shape {position:absolute; top:50%; right:0; transform:translateY(-50%); width:16px; height:32px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
@@ -1074,7 +1076,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 /* 쿠폰 */
 .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
-.coupon div:first-child {height:160px;}
+.coupon > div:first-child {height:160px;}
 .coupon > div {position:relative;}
 .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
 .coupon p {padding:0 20px;}
@@ -1269,10 +1271,10 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.join3 .btn_group_md .btn_default {border-color:#a7a7a7}
 
 	/* mb_join_4 : 회원가입_완료 */
-	.mb .join4 {}
+	.mb .join4 {} 
 	.mb .join4 .btn_group_block.btn_group_md .btn span {position:relative; text-indent:-20px;}
-	.mb .join4 .btn_group_block.btn_group_md .btn span::after {content:''; position:absolute; right:-20px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_bread_root_w.png') no-repeat 50% 50%;}
-
+	.mb .join4 .btn_group_block.btn_group_md .btn span::after {content:''; position:absolute; right:-20px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_bread_root_w.png') no-repeat 50% 50%;} 
+	
 
 	/* mb_idInquiry_1 */
 	.find h4 {margin-bottom:45px}
@@ -2032,9 +2034,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.ship_pop .modal-footer p {margin-bottom: 28px;}
 	/* dp_Bulletship_pop */
 
-	/* dp_detail_case1 */
-	.dp .wide .cont_head div div.shareSet {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
-	.dp .wide .cont_head div div.shareSet a {display: inline-block; width:100%; height: 100%; text-indent: -9999px;}
+		/* dp_detail_case1 */
+		.dp .wide .cont_head div div.shareSet {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
+		.dp .wide .cont_head div div.shareSet a {display: inline-block; width:100%; height: 100%; text-indent: -9999px;}
 	.dp .wide .cont_body .coner_content .coner_front .big_banner {width:100%; height: 1378px; background: url(/images/pc/thumb/detail_case_bg.png)no-repeat; background-size:100%;}
 	.dp .wide .cont_body .coner_content .coner_item01 {padding: 120px 0 60px;}
 	.dp .wide .cont_body .coner_content .coner_item01 .dp_listItems_wrap > div:first-child {margin-bottom: 54px; text-align: center;}
@@ -3258,7 +3260,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_detail .area_desc .desc_wrap .descript_box .desc_top::after {content:''; clear:both; display:block;}
 	.pd_detail .area_desc .desc_wrap .descript_box .desc_top a.btn_brand {float:left; position:relative; max-width:calc(100% - 100px); padding-right:16px; color:#222; font-size:16px; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 	.pd_detail .area_desc .desc_wrap .descript_box .desc_top a.btn_brand:after {display:block; position:absolute; top:2px; right:2px; width:8px; height:8px; border:1px solid #222; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''}
-	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button {float:right; position:relative; top:auto; right:auto; width:23px; height:23px; margin-left:15px; margin-top:-3px; font-size:0px;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top .shareSet {right: 0;}
+	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike {float:right; position:relative; top:7px; right:45px; width:23px; height:23px; margin-left:15px; margin-top:-3px; font-size:0px;}
 	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike {background:url('/images/pc/btn_itemLike.png') no-repeat 0% 50%;}
 	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike:hover,
 	.pd_detail .area_desc .desc_wrap .descript_box .desc_top button.itemLike.likeit {background-position:100% 50%;}

src/main/webapp/ux/pc/js/common-ui.js

@@ -47,8 +47,7 @@ $(document).ready(function(){
 				//header minify
 				$("#header").addClass("minify");
 				$("#header .hd_top_banner,#header .common_header > .area").hide();
-				$("#container").css("padding-top",headerH + miniGnbH);
-				
+				$("#container").css("padding-top",headerH + miniGnbH + 50);
 			}
 			else {
 				//header minify