/* 카테고리 product 컨텐츠부분 */
#productContentsTop-Box {width: 100%; margin:0 auto; height: auto; background-color:#fff;}
.productContentsMid-Box {width: 1275px; margin:30px auto 150px auto; height: auto; background-color:#fff; clear:both;}
.text-h2wr-big {font-size:25pt; color:#222; font-weight:bold; line-height:150%; letter-spacing:-0.5px; text-align:center;} /* 상단타이틀 */
.text-h2wr-big2 {font-size:20pt; color:#222; font-weight:bold; line-height:150%; letter-spacing:-0.5px; text-align:center;} /* 상단타이틀 */

/* 상품리스트 */
.productGoodsList-Box {width: 100%; margin:20px auto 0 -9px; height: auto; clear:both; text-align:center; border:none;}
.row-productGdsList:after {content: ""; display: table; clear: both;}
.column-productGdsList-01 {float: left; /*width: 24%;*/ width: calc(100% / 4); padding: 0; /*margin: 0 1% 1.5% 0;*/ margin: 0 auto; height: 450px;}
.column-productGdsList-02 {float: left; width: 24%; padding: 0; margin: 0 0.5% 1.5% 0.5%; height: 450px;}
.column-productGdsList-03 {float: left; width: 24%; padding: 0; margin: 0 0.5% 1.5% 1%; height: 450px;}
.column-productGdsList-04 {float: left; width: 24%; padding: 0; margin: 0 0 1% 1%; height: 450px;}
.col-pgdsCardbox {height:auto; text-align:center; margin:0 auto; padding:0;} /* 상품이미지박스 */
.col-pgdsCardbox img {width:250px; height:auto; text-align:center; padding:27px; border:1px solid #ccc; background-color:#fff;}
/* 상품문구 박스 */
.col-pageTextbox {width:100%; padding:10px; text-align:left;}
.h2OrdNotext {font-size:9pt; color:#666; text-align:left; letter-spacing:-0.2px; line-height:150%;}
.p1OrdNotext {font-size:11pt; color:#000; text-align:left; letter-spacing:-0.2px; padding:0 0 5px 0; line-height:150%;}
.p2OrdNotextbold {font-size:11pt; color:#000; text-align:left; letter-spacing:-0.2px; font-weight:bold; line-height:150%;}
.p2OrdNotextb2 {font-size:11pt; color:#066bc0; text-align:left; letter-spacing:-0.2px; font-weight:bold; line-height:150%;}
.p2OrdNotextr2 {font-size:11pt; color:#ef0b00; text-align:left; letter-spacing:-0.2px; font-weight:bold; line-height:150%;}

/* 상품 상세페이지 */
.pduDetailContentsM-Box {width: 1080px; margin:80px auto 150px auto; height: auto; background-color:#fff; clear:both;}
/* 상단부분 */
.productGdsDetail-Inner {width: 100%; margin:20px auto auto; height: auto; clear:both; border:none;}
.row-pduGdsDetail:after {content: ""; display: table; clear: both;}
.column-pduGdsDetail-L {float: left; width: 45%; padding: 0; height: auto;}
.column-pduGdsDetail-R {float: right; width: 50%; padding: 0; height: auto;}
/* 왼쪽 썸네일 이미지 */
.cpugdsDLeftCardBox {height:auto; margin:0 auto; text-align:center; padding:0; border:1px solid #ccc; background-color:#fff;} /* 썸네일박스 */
.cpugdsDLeftCardBox img {width:300px; height:auto; text-align:center; padding:15px;}
/* 오른쪽 상품정보 테이블*/
.kicksGdsTbl {width: 100%; margin:0 auto; height: auto; clear:both; border:none; border-top:2px solid #666;}
.tbl-kicksGds {width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box; border:none;}
.tbl-kicksGds th {padding:10px 20px; border:none; background-color:#f8f8f8; font-size:9pt; font-weight:500; border-bottom:1px solid #ccc; color:#222; line-height:150%; text-align:left;}
.tbl-kicksGds td {padding:10px 10px; border:none; font-size:9pt; font-weight:300; color:#666; line-height:150%; border-bottom:1px solid #ccc;}
.tbl-kicksGds colgroup .cols-ksg01 {width:20%;}
.tbl-kicksGds colgroup .cols-ksg02 {width:80%;}
/* 상품 옵션 테이블*/
.kicksGdsOptionTbl {width: 100%; margin:0 auto; height: auto; clear:both; border:none; border-top:1px solid #ccc; text-align:center;}
.tbl-kicksGdsOption {width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box; border:none;}
.tbl-kicksGdsOption th {padding:8px 10px; border:none; background-color:#f9f9f9; font-size:10pt; font-weight:500; border-bottom:2px solid #ccc; border-right:1px solid #ccc; color:#000; line-height:150%;}
.tbl-kicksGdsOption td {padding:5px 10px; border:none; font-size:9pt; font-weight:300; color:#666; line-height:150%; border-bottom:1px solid #ccc; text-align:center;}
.tbl-kicksGdsOption th:last-child {border-right:none;}
.tbl-kicksGdsOption colgroup .kGdsOpt01 {width:25%;}
.tbl-kicksGdsOption colgroup .kGdsOpt02 {width:25%;}
.tbl-kicksGdsOption colgroup .kGdsOpt03 {width:25%;}
.tbl-kicksGdsOption colgroup .kGdsOpt04 {width:25%;}
/* input box */
.kicksGdsOption-inputbox {width: 100%; padding: 0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; height:26px; color:#666; font-size:9pt;}
/* 폰트 */
.kcsTextP1 {font-size:10pt; color:#666; text-align:left; letter-spacing:-0.5px; margin-bottom:5px;} /* 상품명 위에 있는 번호 */
.kcsTextH2 {font-size:16pt; font-weight:500; color:#444; text-align:left; letter-spacing:-0.5px; margin-bottom:10pt;} /* 상품명 */
.kcsTextP2 {font-size:12pt; font-weight:700; color:#000; text-align:left; letter-spacing:-0.5px;} /* 판매가격 */
/* 주문수량 마우스오버시 tooltips */
.tooltipLeft {position: relative; display: inline-block;}
.tooltipLeft .tooltiptextLeft {visibility: hidden; width: 290px; font-size:7pt; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s;}
.tooltipLeft .tooltiptextLeft::after {content: ""; position: absolute; top: 100%; left: 20%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.tooltipLeft:hover .tooltiptextLeft {visibility: visible; opacity: 1;}
/* 추가주문 마우스오버시 tooltips */
.tooltipMiddle {position: relative; display: inline-block;}
.tooltipMiddle .tooltiptextMiddle {visibility: hidden; width: 300px; font-size:7pt; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px; position: absolute; z-index: 2; bottom: 125%; right:-100px; opacity: 0; transition: opacity 0.3s;}
.tooltipMiddle .tooltiptextMiddle::after {content: ""; position: absolute; top: 100%; left: 65%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.tooltipMiddle:hover .tooltiptextMiddle {visibility: visible; opacity: 1;}
/* 주문수량입력 마우스오버시 tooltips */
.tooltipRight {position: relative; display: inline-block;}
.tooltipRight .tooltiptextRight {visibility: hidden; width: 290px; font-size:7pt; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px; position: absolute; z-index: 3; bottom: 125%; right:-25px; opacity: 0; transition: opacity 0.3s;}
.tooltipRight .tooltiptextRight::after {content: ""; position: absolute; top: 100%; left: 90%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}
.tooltipRight:hover .tooltiptextRight {visibility: visible; opacity: 1;}
/* 바로구매, 장바구니, 찜하기 버튼 */
.kicksGdsThreebtnBox {width: 100%; margin:20px auto; height: auto; clear:both; border:none; text-align:center;}
.kicksRightBuy-btn {border: none; font-size:10pt; font-weight:600; color: #fff; padding: 0 10px; cursor: pointer; background-color:#549590; height:32px;} /* 바로구매 버튼 */
.kicksRightCart-btn {border: none; font-size:10pt; font-weight:600; color: #fff; padding: 0 10px; cursor: pointer; background-color:#000; height:32px;} /* 장바구니 버튼 */
.kicksRightJJim-btn {border: none; font-size:10pt; font-weight:600; color: #fff; padding: 0 10px; cursor: pointer; background-color:#666; height:32px;} /* 찜하기 버튼 */
/* 상세내용 동영상, 이미지 */
.kicksGdsDetailImgBox {width: 100%; margin:100px auto; height: auto; clear:both; border:none; text-align:center; border:none;}
.kicksGdsDetailMovie-inner {width: 100%; margin:30px auto 0 auto; height: auto; clear:both; border:none; text-align:center;} /* 동영상 */
.kicksGdsDetailImg-inner {width: 100%; margin:30px auto 0 auto; height: auto; clear:both; border:none; text-align:center;} /* 상세내용 이미지 */


/* 상단 카테고리 */
.kicksGdsTopCGListBox {float:left; width: 98.5%; margin:5px auto 20px auto; height: auto; clear:both; border:none; text-align:left; border-top:2px solid #666;}
.tbl-KgdsTopCgLst {width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box; border:none; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tbl-KgdsTopCgLst th {padding:5px 10px; border:none; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; font-size:10pt; color:#444; text-align:left; letter-spacing:-0.5px;}
.tbl-KgdsTopCgLst td {padding:5px 10px; border:none;  border-bottom:1px solid #ddd; font-size:9pt; color:#666; text-align:left; letter-spacing:-0.2px;}
.tbl-KgdsTopCgLst colgroup .colsktcdlw01 {width:8%;}
.tbl-KgdsTopCgLst colgroup .colsktcdlw02 {width:92%;}
.tbl-KgdsTopCgLst td ul {list-style:none;}
.tbl-KgdsTopCgLst td ul li {display:inline-block; color:#666; text-align:left; font-size:9pt;}
.tbl-KgdsTopCgLst td ul li {width:10.5%; line-height:180%;}
.tbl-KgdsTopCgLst td ul li a {color: black; padding: 4px 6px; text-decoration: none; transition: background-color .3s;}
.tbl-KgdsTopCgLst td ul li a.active {background-color: dodgerblue; color: white;}
.tbl-KgdsTopCgLst td ul li a:hover:not(.active) {background-color: #ddd;}

/* 쇼핑몰 - 리복, 낫소, 오레인 */
.kicksTabsMenuListBox {float:left; width: 99%; margin:-30px auto 20px auto; height: auto; clear:both; border:none; text-align:center;}
/* 탭메뉴 */
.kicksTabsMenuBox {float:left; width: 100%; margin:5px auto -60px auto; height: auto; clear:both; border:none; text-align:center;}
.shopmTab {overflow: hidden; border-right:none; background-color: #fff;}
.shopmTab button {width:32.8%; background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 12pt; font-weight:bold; border: 1px solid #ccc;}
.shopmTab button:hover {background-color: #fff; color:#444;}
.shopmTab button.active {background-color: #666; color:#fff;}
.shopmTabcontent {display: none; padding: 0; text-align:center; margin:0 auto; border: none; border-top: none;}
.shopmTab button:nth-child(1) {border-right:none;}
.shopmTab button:nth-child(2) {border-right:none;}
.text-h2wr-big2 {margin-top:80px;} /* 상단타이틀 */
/* 검색창 */
.kicksTopSearchBox {float:left; width: 98.3%; margin:30px auto 20px auto; height: auto; clear:both; border:none; text-align:right;}
.ksTopSearch-input {width: 25%; padding: 0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; color:#666; height:28px; font-size:9pt;}
.btn-TopSer {border: none; color: #fff; padding: 0 10px; cursor: pointer; height:28px; background-color:#666;}

/* 하단 고객센터, 입금계좌안내, 도매혜택 */
.kicksBottomBanBox {float:left; width: 100%; margin:30px auto 20px -1px; height: auto; clear:both; border:none; text-align:center;}
.row-kicksBottomBan:after {content: ""; display: table; clear: both;}
.column-kicksBottomBan01 {float: left; width: 33%; padding: 0; height: auto; text-align:left;}
.column-kicksBottomBan02 {float: left; width: 33%; padding: 0; height: auto; text-align:left;}
.column-kicksBottomBan03 {float: left; width: 33%; padding: 0; height: auto; text-align:left;}
.column-kicksBottomBan01 img {width: 412px; height: 245px;}
.column-kicksBottomBan02 img {width: 412px; height: 245px;}
.column-kicksBottomBan03 img {width: 412px; height: 245px;}
.h2bigtext01 {font-size:18pt; color:#444; font-weight:bold; text-align:center;}
.pline {border-bottom:1px solid #ccc; text-align:center; width:95%; padding-bottom:10px;}
.text-bottomBx {width:95%; text-align:center; line-height:150%; margin:20px auto;}
.textTit-01 {font-size:22pt; color:#54a908; font-weight:bold; line-height:150%;}
.textTit-02 {font-size:12pt; color:#222; font-weight:bold; line-height:150%; padding:10px 0 5px 0;}
.textTit-03 {font-size:11pt; color:#444; font-weight:bold; line-height:150%;}
.textTit-04 {font-size:10pt; color:#666; font-weight:bold; line-height:150%;}
.textTit-05 {padding-top:20px;}
.textTit-06 {color:#007cc8; font-size:18pt; font-weight:bold; padding:0; line-height:150%;}
.textTit-07 {color:#666; font-size:11pt; font-weight:300; padding:0 0 5px 0;}
.textbenefitbox {width:86%; height:auto; padding:20px; background-color:#f1f3d6;}
.textbenefitround {width:90%; padding:10px; text-align:center; background-color:#939b00; border-radius:20px; color:#fff; font-size:14pt; font-weight:bold; margin-bottom:5px;}
.textbenefitround2 {width:90%; padding:10px; text-align:center; background-color:#444; border-radius:20px; color:#fff; font-size:12pt; font-weight:bold; margin-bottom:5px;}
.textbenefitround3 {width:90%; padding:10px; text-align:center; background-color:#222; border-radius:20px; color:#fff; font-size:12pt; font-weight:bold; margin-bottom:5px;}
.textbenefitround4 {width:86%; padding:10px; text-align:center; background-color:#e4f4fc; border-radius:20px; color:#fff; font-size:12pt; font-weight:bold; margin-bottom:5px; margin-top:10px}
.textbenefitround5 {width:86%; padding:10px; text-align:center; background-color:#f8f8f8; border-radius:20px; color:#fff; font-size:12pt; font-weight:bold; margin-bottom:5px; margin-top:10px}
.fontyell {color:#00f6ff; padding:0 20px;}
.fontred {color:#f6ff00; font-size:10pt; padding-left:5px;}

/* 브랜드 - 전상품, 리복, 오레인, 낫소, 검색 관련 */
#productContentsMbtn-Box {overflow:hidden; float:left; width: 100%; margin:-120px auto 0 -15px; text-align:left; height: auto; border:none; background-color:#fff; clear:both;}
.productContentsMbtn-inner {width: 1275px; margin:0 auto; text-align:left; height: auto; border:none; background-color:#fff; clear:both;}
.myBtnMenuBox {width:100%; height:auto; margin:80px auto 20px auto; padding:0; text-align:left;}
.myBtnMenuBox .btnAddMenu {width: 8%; border: none; outline: none; padding: 10px 0; background-color: #f1f1f1; cursor: pointer; font-size: 10pt; font-weight:bold; border:1px solid #ccc;}
.myBtnMenuBox .active, .btnAddMenu:hover {background-color: #000; color:#fff; border:1px solid #000;}
/* input box */
.kicksTopRsearBox {float:right; width:40%; margin:10px auto 0 auto; height: auto; clear:both; border:none; text-align:right;}
.kicksTrsear-input {width: 60%; padding: 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; color:#666; font-size:9pt;}
.kicksTrsear-inputBtn {width: 50px; padding: 0; text-align:center; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; color:#fff; font-size:9pt; font-weight:bold; background-color:#666;}
/* 롤오버 카테고리 추가 */
#productCategoryMenu-Box {overflow:hidden; float:left; width: 100%; height:auto; margin:0 auto 0 -15px; text-align:left; height: auto; border:none; background-color: rgba(255, 255, 255, 0); clear:both;}
.productCategoryMenu-inner {width: 1275px; margin:0 auto; text-align:left; height: auto; border:none; clear:both;}
.productCategMuBox {width: 100%; margin:0 auto; text-align:left; height: 100px; border:none; padding:0; border-top:2px solid #666; background-color: rgba(255, 255, 255, 0);}
.row-proCategmu:after {content: ""; display: table; clear: both; height:auto;}
.column-proCategmu {float: left; width: 100%; padding: 0; height: auto; border-bottom:1px solid #666; background-color:#666;}
/* 카테고리 롤오버 메뉴 */
ul.horizontal-dropdown {width:100%; margin-top:0; position: relative; float: left;}
ul.horizontal-dropdown a {display: block; padding: 10px 25px 11px 25px; text-decoration: none; color: #fff; font-size:10pt; font-weight:bold;/*background: url(./images/border.gif) no-repeat right top;*/}
ul.horizontal-dropdown li.last a {background: none;}
ul.horizontal-dropdown li {float: left; padding: 0; /*background: url(./images/top-bg.gif) repeat-x;*/}
ul.horizontal-dropdown li.hover {background-position: bottom;}
/*sub nav*/
ul.horizontal-dropdown ul {position: absolute; margin:0; left: 0; background: #3fb306; overflow: hidden;}
ul.horizontal-dropdown ul li {background: transparent; padding: 10px 0 0 0; float: left;}
ul.horizontal-dropdown ul li a {position: relative; top: 0; left: 0; background: #3fb306; padding: 0; display: block; float: left; font-size:9pt; color:#fff; letter-spacing:-0.5px; padding: 0 10px 0 22px;}
ul.horizontal-dropdown ul li:last-child {padding-bottom:15px;}
ul.horizontal-dropdown ul li a:hover {color: #effe00;}







@media all and (max-width:820px) {
/* 상단 카테고리 */
.kicksGdsTopCGListBox {width: 100%; text-align:center;}
.tbl-KgdsTopCgLst,
.tbl-KgdsTopCgLst thead,
.tbl-KgdsTopCgLst tbody,
.tbl-KgdsTopCgLst tr,
.tbl-KgdsTopCgLst th,
.tbl-KgdsTopCgLst td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
.tbl-KgdsTopCgLst {border-top:1px solid #000}
.tbl-KgdsTopCgLst tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
.tbl-KgdsTopCgLst th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* ie9에서 float을 줘야함 */
.tbl-KgdsTopCgLst td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* relative를 줘야 사파리에서 다시 키웠을때, 안깨짐*/
.tbl-KgdsTopCgLst td ul {list-style:none;}
.tbl-KgdsTopCgLst td ul li {display:inline-block; color:#666; text-align:left; line-height:180%; font-size:9pt;}
.tbl-KgdsTopCgLst td ul li {width:30%;}
.tbl-KgdsTopCgLst td ul li a {color: black; padding: 4px 6px; text-decoration: none; transition: background-color .3s;}
.tbl-KgdsTopCgLst td ul li a.active {background-color: dodgerblue; color: white;}
.tbl-KgdsTopCgLst td ul li a:hover:not(.active) {background-color: #ddd;}
}


@media all and (max-width:414px){
/* 상품 상세페이지 */
.pduDetailContentsM-Box {margin-top:180px; width: 98%;}
/* 상단부분 */
.column-pduGdsDetail-L {width: 100%;}
.column-pduGdsDetail-R {width: 100%;}

/* 상세내용 동영상, 이미지 */
.kicksGdsDetailImgBox {width: 98%;}
.kicksGdsDetailMovie-inner {width: 90%;} /* 동영상 */
.kicksGdsDetailImg-inner img {width: 100%;} /* 상세내용 이미지 */

/* 상단 카테고리 */
.kicksGdsTopCGListBox {width: 100%;}
.tbl-KgdsTopCgLst,
.tbl-KgdsTopCgLst thead,
.tbl-KgdsTopCgLst tbody,
.tbl-KgdsTopCgLst tr,
.tbl-KgdsTopCgLst th,
.tbl-KgdsTopCgLst td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
.tbl-KgdsTopCgLst {border-top:1px solid #000}
.tbl-KgdsTopCgLst tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
.tbl-KgdsTopCgLst th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* ie9에서 float을 줘야함 */
.tbl-KgdsTopCgLst td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* relative를 줘야 사파리에서 다시 키웠을때, 안깨짐*/
.tbl-KgdsTopCgLst td ul {list-style:none;}
.tbl-KgdsTopCgLst td ul li {display:inline-block; color:#666; text-align:left; line-height:180%; font-size:9pt;}
.tbl-KgdsTopCgLst td ul li {width:30%;}
.tbl-KgdsTopCgLst td ul li a {color: black; padding: 4px 6px; text-decoration: none; transition: background-color .3s;}
.tbl-KgdsTopCgLst td ul li a.active {background-color: dodgerblue; color: white;}
.tbl-KgdsTopCgLst td ul li a:hover:not(.active) {background-color: #ddd;}

/* 상품리스트 */
.column-productGdsList-01 {width: 100%; padding: 0; margin: 0 auto 1.5% auto; height: auto;}
.column-productGdsList-02 {width: 100%; padding: 0; margin: 0 auto 1.5% auto; height: auto;}
.column-productGdsList-03 {width: 100%; padding: 0; margin: 0 auto 1.5% auto; height: auto;}
.column-productGdsList-04 {width: 100%; padding: 0; margin: 0 auto 1.5% auto; height: auto;}
.col-pgdsCardbox img {width:85%; height:auto; text-align:center; padding:27px; border:1px solid #ccc; background-color:#fff;}

/* 쇼핑몰 - 리복, 낫소, 오레인 */
.kicksTabsMenuListBox {width: 100%;}
.shopmTab button {width:33.33%;}
/* 검색창 */
.ksTopSearch-input {width: 50%; text-align:center;}

/* 하단 고객센터, 입금계좌안내, 도매혜택 */
.column-kicksBottomBan01 {width: 100%; padding: 0; height: auto; margin-bottom:30px;}
.column-kicksBottomBan02 {width: 100%; padding: 0; height: auto; margin-bottom:30px;}
.column-kicksBottomBan03 {width: 100%; padding: 0; height: auto;}
}




@media all and (min-width: 768px) and (max-width:992px) {
#productContentsTop-Box {width: 100%;}
.productContentsMid-Box {width: 96%;}
.text-h2wr-big2 {margin-top:150px;} /* 상단타이틀 */
/* 상품리스트 */
.column-productGdsList-01 {float:left; width: 48%; padding: 0; margin: 0 1% 1.5% 1%; height: 470px;}
.column-productGdsList-02 {float:right; width: 48%; padding: 0; margin: 0 0 1.5% 1%; height: auto;}
.column-productGdsList-03 {width: 48%; padding: 0; margin: 0 0.7% 1.5% 0.7%; height: auto;}
.column-productGdsList-04 {width: 48%; padding: 0; margin: 0 0 1% 1%; height: auto;}
.col-pgdsCardbox img {width:81%; height:auto; text-align:center; padding:27px; border:1px solid #ccc; background-color:#fff;}

/* 상품 상세페이지 */
.pduDetailContentsM-Box {margin-top:180px; width: 98%;}
/* 상단부분 */
.column-pduGdsDetail-L {width: 100%;}
.column-pduGdsDetail-R {width: 100%;}

/* 상세내용 동영상, 이미지 */
.kicksGdsDetailImgBox {width: 98%;}
.kicksGdsDetailMovie-inner {width: 90%;} /* 동영상 */
.kicksGdsDetailImg-inner img {width: 100%;} /* 상세내용 이미지 */

/* 쇼핑몰 - 리복, 낫소, 오레인 */
.kicksTabsMenuListBox {width: 100%;}
.shopmTab button {width:33.33%;}
/* 검색창 */
.ksTopSearch-input {width: 50%; text-align:center;}

/* 하단 고객센터, 입금계좌안내, 도매혜택 */
.column-kicksBottomBan01 {width: 100%; padding: 0; height: auto; margin-bottom:30px;}
.column-kicksBottomBan02 {width: 100%; padding: 0; height: auto; margin-bottom:30px;}
.column-kicksBottomBan03 {width: 100%; padding: 0; height: auto;}

/* 카테고리 롤오버 메뉴 */
ul.horizontal-dropdown {width:100%; margin:0 auto;}
ul.horizontal-dropdown a {padding: 10px 0 11px 15px;}
ul.horizontal-dropdown li {padding: 0; width:15%;}
/*sub nav*/
ul.horizontal-dropdown ul {width:98%;}
ul.horizontal-dropdown ul li {padding: 10px 0 0 7px; width:15%;}
ul.horizontal-dropdown ul li a {padding: 0 10px 0 5px;}
}


@media all and (min-width: 640px) and (max-width:767px) {
#productContentsTop-Box {width: 100%;}
.productContentsMid-Box {width: 96%;}
.text-h2wr-big2 {margin-top:150px;} /* 상단타이틀 */
/* 상품리스트 */
.column-productGdsList-01 {float:left; width: 48%; padding: 0; margin: 0 1% 1.5% 1%; height: 450px;}
.column-productGdsList-02 {float:right; width: 48%; padding: 0; margin: 0 0 1.5% 1%; height: auto;}
.column-productGdsList-03 {width: 48%; padding: 0; margin: 0 0.7% 1.5% 0.7%; height: auto;}
.column-productGdsList-04 {width: 48%; padding: 0; margin: 0 0 1% 1%; height: auto;}
.col-pgdsCardbox img {width:81%; height:auto; text-align:center; padding:27px; border:1px solid #ccc; background-color:#fff;}

/* 상품 상세페이지 */
.pduDetailContentsM-Box {margin-top:180px; width: 98%;}
/* 상단부분 */
.column-pduGdsDetail-L {width: 100%;}
.column-pduGdsDetail-R {width: 100%;}

/* 상세내용 동영상, 이미지 */
.kicksGdsDetailImgBox {width: 98%;}
.kicksGdsDetailMovie-inner {width: 90%;} /* 동영상 */
.kicksGdsDetailImg-inner img {width: 100%;} /* 상세내용 이미지 */

/* 쇼핑몰 - 리복, 낫소, 오레인 */
.kicksTabsMenuListBox {width: 100%;}
.shopmTab button {width:33.33%;}
/* 검색창 */
.ksTopSearch-input {width: 50%; text-align:center;}

/* 하단 고객센터, 입금계좌안내, 도매혜택 */
.column-kicksBottomBan01 {width: 100%; padding: 0; height: auto; margin-bottom:30px;}
.column-kicksBottomBan02 {width: 100%; padding: 0; height: auto; margin-bottom:30px;}
.column-kicksBottomBan03 {width: 100%; padding: 0; height: auto;}

/* 카테고리 롤오버 메뉴 */
ul.horizontal-dropdown {width:100%; margin:0 auto;}
ul.horizontal-dropdown a {padding: 10px 0 11px 15px;}
ul.horizontal-dropdown li {padding: 0; width:17%;}
/*sub nav*/
ul.horizontal-dropdown ul {width:98%;}
ul.horizontal-dropdown ul li {padding: 10px 0 0 7px; width:17%;}
ul.horizontal-dropdown ul li a {padding: 0 10px 0 5px;}
}



@media all and (min-width: 480px) and (max-width:639px) {
#productContentsTop-Box {width: 100%;}
.productContentsMid-Box {width: 96%;}
.text-h2wr-big {margin-top:150px;} /* 상단타이틀 */
/* 상품리스트 */
.column-productGdsList-01 {float:left; width: 46%; padding: 0; margin: 0 2% 1.5% 1.5%; height: 400px;}
.column-productGdsList-02 {float:right; width: 46%; padding: 0; margin: 0 0 1.5% 1%; height: auto;}
.column-productGdsList-03 {width: 48%; padding: 0; margin: 0 0.7% 1.5% 0.7%; height: auto;}
.column-productGdsList-04 {width: 48%; padding: 0; margin: 0 0 1% 1%; height: auto;}
.col-pgdsCardbox img {width:75%; height:auto; text-align:center; padding:27px; border:1px solid #ccc; background-color:#fff;}

/* 상품 상세페이지 */
.pduDetailContentsM-Box {margin-top:180px; width: 98%;}
/* 상단부분 */
.column-pduGdsDetail-L {width: 100%;}
.column-pduGdsDetail-R {width: 100%;}

/* 상세내용 동영상, 이미지 */
.kicksGdsDetailImgBox {width: 98%;}
.kicksGdsDetailMovie-inner {width: 90%;} /* 동영상 */
.kicksGdsDetailImg-inner img {width: 100%;} /* 상세내용 이미지 */

/* 쇼핑몰 - 리복, 낫소, 오레인 */
.kicksTabsMenuListBox {width: 100%;}
.shopmTab button {width:33.33%;}
/* 검색창 */
.ksTopSearch-input {width: 50%; text-align:center;}

/* 하단 고객센터, 입금계좌안내, 도매혜택 */
.column-kicksBottomBan01 {width: 100%; padding: 0; height: auto; margin-bottom:30px;}
.column-kicksBottomBan02 {width: 100%; padding: 0; height: auto; margin-bottom:30px;}
.column-kicksBottomBan03 {width: 100%; padding: 0; height: auto;}

/* 카테고리 롤오버 메뉴 */
ul.horizontal-dropdown {width:100%; margin:0 auto;}
ul.horizontal-dropdown a {padding: 10px 0 11px 15px;}
ul.horizontal-dropdown li {padding: 0; width:25%;}
/*sub nav*/
ul.horizontal-dropdown ul {width:98%;}
ul.horizontal-dropdown ul li {padding: 10px 0 0 7px; width:20%;}
ul.horizontal-dropdown ul li a {padding: 0 10px 0 5px;}
}




@media all and (min-width: 360px) and (max-width:992px) {
body {background-color:#fff;}
#productContentsTop-Box {width: 100%; margin:0 auto; height: auto; background-color:#fff;}
.productContentsMid-Box {width: 100%; margin:20px auto 50px auto;}
.text-h2wr-big2 {font-size:20pt; margin-top:80px; text-align:center;} /* 상단타이틀 */

/* 상품리스트 */
.productGoodsList-Box {margin:20px auto 0 -1px;}


/* 브랜드 - 전상품, 리복, 오레인, 낫소, 검색 관련 */
#productContentsMbtn-Box {width: 100%; margin:-120px auto 0 10px; text-align:center;}
.productContentsMbtn-inner {width: 100%; margin:0 auto; text-align:center;}
.myBtnMenuBox .btnAddMenu {width: 23%;}
/* input box */
.kicksTopRsearBox {float:left; width:85%; margin:10px auto; text-align:right;}
.kicksTrsear-input {width: 76%;}
/* 탭메뉴 */
.kicksTabsMenuBox {margin:-100px auto 20px auto; height: auto; clear:both; border:none; text-align:center;}
/* 롤오버 카테고리 추가 */
#productCategoryMenu-Box {float:left; width: 100%; margin:0 auto 0 auto; text-align:left;}
.productCategoryMenu-inner {width: 97%; margin:0 auto; text-align:left;}
.productCategMuBox {width: 100%; height: 280px;}
.column-proCategmu {width: 100%;}
/* 카테고리 롤오버 메뉴 */
ul.horizontal-dropdown {width:100%; margin:0 auto;}
ul.horizontal-dropdown a {padding: 10px 0 11px 15px;}
ul.horizontal-dropdown li {padding: 0; width:25%;}
/*sub nav*/
ul.horizontal-dropdown ul {width:100%;}
ul.horizontal-dropdown ul li {padding: 10px 0 0 7px; width:30%;}
ul.horizontal-dropdown ul li a {padding: 0 10px 0 5px;}
/* 하단배너 3개 */
.kicksBottomBanBox {margin:-50px auto 20px auto;}
.column-kicksBottomBan01 {width: 100%; text-align:center;}
.column-kicksBottomBan02 {width: 100%; text-align:center;}
.column-kicksBottomBan03 {width: 100%; text-align:center;}
.column-kicksBottomBan01 img {width: 380px; height: auto;}
.column-kicksBottomBan02 img {width: 380px; height: auto;}
.column-kicksBottomBan03 img {width: 380px; height: auto;}
}