@charset "utf-8";

/* ----------------------------------

Name: detail.css
Version: 1.0

-------------------------------------

*/
@import url("/assets/winestore/css/walkerhill.css");
@import url("/assets/winestore/css/number_plugin.css");



@font-face {font-family:"Noto Sans KR"; src:url('/assets/global/font/NotoSansCJKkr-Thin.eot'); src:url('/assets/global/font/NotoSansCJKkr-Thin.eot?#iefix') format('embedded-opentype'), url('/assets/global/font/NotoSansCJKkr-Thin.woff') format('woff'), url('/assets/global/font/NotoSansCJKkr-Thin.ttf') format('truetype'), url('/assets/global/font/NotoSansCJKkr-Thin.svg#NotoSansCJKkr-Thin') format('svg'); font-weight:100; font-style:normal;}
@font-face {font-family:"Noto Sans KR"; src:url('/assets/global/font/NotoSansCJKkr-Light.eot'); src:url('/assets/global/font/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype'), url('/assets/global/font/NotoSansCJKkr-Light.woff') format('woff'), url('/assets/global/font/NotoSansCJKkr-Light.ttf') format('truetype'), url('/assets/global/font/NotoSansCJKkr-Light.svg#NotoSansCJKkr-Light') format('svg'); font-weight:200; font-style:normal;}
@font-face {font-family:"Noto Sans KR"; src:url('/assets/global/font/NotoSansCJKkr-DemiLight.eot'); src:url('/assets/global/font/NotoSansCJKkr-DemiLight.eot?#iefix') format('embedded-opentype'), url('/assets/global/font/NotoSansCJKkr-DemiLight.woff') format('woff'), url('/assets/global/font/NotoSansCJKkr-DemiLight.ttf') format('truetype'), url('/assets/global/font/NotoSansCJKkr-DemiLight.svg#NotoSansCJKkr-DemiLight') format('svg'); font-weight:300; font-style:normal;}
@font-face {font-family:"Noto Sans KR"; src:url('/assets/global/font/NotoSansCJKkr-Regular.eot'); src:url('/assets/global/font/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/global/font/NotoSansCJKkr-Regular.woff') format('woff'), url('/assets/global/font/NotoSansCJKkr-Regular.ttf') format('truetype'), url('/assets/global/font/NotoSansCJKkr-Regular.svg#NotoSansCJKkr-Regular') format('svg'); font-weight:400; font-style:normal;}
@font-face {font-family:"Noto Sans KR"; src:url('/assets/global/font/NotoSansCJKkr-Medium.eot'); src:url('/assets/global/font/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/global/font/NotoSansCJKkr-Medium.woff') format('woff'), url('/assets/global/font/NotoSansCJKkr-Medium.ttf') format('truetype'), url('/assets/global/font/NotoSansCJKkr-Medium.svg#NotoSansCJKkr-Medium') format('svg'); font-weight:500; font-style:normal;}
@font-face {font-family:"Noto Sans KR"; src:url('/assets/global/font/NotoSansCJKkr-Bold.eot'); src:url('/assets/global/font/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/global/font/NotoSansCJKkr-Bold.woff') format('woff'), url('/assets/global/font/NotoSansCJKkr-Bold.ttf') format('truetype'), url('/assets/global/font/NotoSansCJKkr-Bold.svg#NotoSansCJKkr-Bold') format('svg'); font-weight:700; font-style:normal;}
@font-face {font-family:"Noto Sans KR"; src:url('/assets/global/font/NotoSansCJKkr-Black.eot'); src:url('/assets/global/font/NotoSansCJKkr-Black.eot?#iefix') format('embedded-opentype'), url('/assets/global/font/NotoSansCJKkr-Black.woff') format('woff'), url('/assets/global/font/NotoSansCJKkr-Black.ttf') format('truetype'), url('/assets/global/font/NotoSansCJKkr-Black.svg#NotoSansCJKkr-Black') format('svg'); font-weight:900; font-style:normal;}
/*공통*/
ul, dl {list-style: none;}
ul {padding-left:0px;}
legend,caption,.blind{
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    overflow: hidden;}
/* 바로가기
------------------------------------------------------------------------------- */
.skip, .skip menu {position:absolute; left:0; top:0; width:100%; height:0; line-height:0; z-index:100;}
.skip a {position:absolute; top:-9999px; width:100%; font-size:0; color:#fff; text-align:center; font-weight:bold; background:#403128; display:block; z-index:150;}
.skip a:focus, .skip a:hover, .skip a:active {top:0; height:30px; font-size:12px; color:#fff; line-height:30px;}
.error {color:#ec1780;}

mark.redWine { padding:5px 10px; border:2px solid #eb1d7e; font-weight:500; font-size:14px; color:#eb1d7e; background-color:transparent;}
mark.whiteWine { padding:5px 10px; border:2px solid #d6d6d6; font-weight:500; font-size:14px; color:#d6d6d6; background-color:transparent;}
mark.sparklingWine { padding:5px 10px; border:2px solid #78be21; font-weight:500; font-size:14px; color:#78be21; background-color:transparent;}
mark.roseWine { padding:5px 10px; border:2px solid #f1a31c; font-weight:500; font-size:14px; color:#f1a31c; background-color:transparent;}
mark.country  { padding:5px 10px; border:2px solid #333; font-weight:500; font-size:14px; color:#333; background-color:transparent;}
.bg-gray {background:#fbfbfb;}

header.st01 .header-searchbar {min-height: 90px; padding:28px 20px 25px 20px; background: #444; font-size: 28px;}
header.st01 {min-height:90px;}
header.st01 .mobile-toggle {min-height:90px; padding:0px 25px; background:#da1984;}
header.st01 .mobile-toggle span {width:40px; height:5px;}
header.st01 .mobile-toggle:hover span {background:#fff;}
header.st01 .mobile-toggle span:nth-child(2) {margin:7px 0;}

.wrapper.main .mainVisual {height:695px;}


/*main
----------------------------------------------------------------------------------*/
.container-fluid.pc li:nth-child(5n) .wine-img {background-color:#0091da;}
.container-fluid.pc li:nth-child(5n+1) .wine-img {background-color:#87189d;}
.container-fluid.pc li:nth-child(5n+2) .wine-img {background-color:#78be21;}
.container-fluid.pc li:nth-child(5n+3) .wine-img {background-color:#da1984;}
.container-fluid.pc li:nth-child(5n+4) .wine-img {background-color:#00a499;}
.main .mainVisual .slider-text-middle-main p {font-size:18px;}
.main .mainVisual .slider-text-middle-main p br {display:none;}
.main .container-fluid .swiper-bestwine ul {list-style: none; padding-left:0px;}
.main .container-fluid .swiper-bestwine .swiper-wrapper {height:auto;}
.main .container-fluid .swiper-bestwine .swiper-wrapper .swiper-slide {height:auto;}
.main .container-fluid .swiper-bestwine .wineImg img {width:100%;}
.main .container-fluid .swiper-bestwine ul li h3 {margin-bottom:0px;}
.main .container-fluid .swiper-bestwine ul li p {margin-bottom:0px;}
.main .container-fluid .swiper-bestwine .swiper-pagination {bottom:-40px;}

.main .newWineList {margin-bottom:50px; height:550px;}
.main .newWineList .wine-image {text-align:center;}
.main .newWineList .wine-image img {height:400px; margin:0px auto;}
.main .newWineList li {height:550px;}
.main .newWineList li figure { height:auto; background:#fbfbfb; padding-bottom:80px;}
.main .newWineList li figure .display-table-cell {padding:30px; vertical-align: middle;}
.main .newWineList li .bg-wine-list {z-index:9;}
.main .newWineList li:nth-child(5n) .bg-wine-list {background-color:#0091da;}
.main .newWineList li:nth-child(5n+1) .bg-wine-list {background-color:#87189d;}
.main .newWineList li:nth-child(5n+2) .bg-wine-list {background-color:#78be21;}
.main .newWineList li:nth-child(5n+3) .bg-wine-list {background-color:#da1984;}
.main .newWineList li:nth-child(5n+4) .bg-wine-list {background-color:#00a499;}
.main .newWineList li mark {position:absolute; left:20px; top:20px;}
.main .newWineList figcaption {position:absolute; bottom:60px;}
.main .newWineList .swiper-pagination {position:absolute; bottom:0px; z-index:99;}
.main .blogStyle .blog-post-images img {width:100%;}
.main .blogStyle .container .row .blog-post {height:auto;}
.main .container-fluid.pc {display:block}
.main .container-fluid.mobile  {display:none}
.main .countrySec .feature-box-5 {padding:30px 0px; margin-bottom:30px; background:#fff; border:1px solid #ececec;}
.main .feature-box-5 { cursor:pointer;}


/*와인상세
---------------------------------------------------------------*/
.wineDetail {width:1200px;}
.wineDetail .wineImg {position:relative; background:#fbfbfb;}
.wineDetail .wineImg img {max-width: none;}
.wineDetail .wineImg mark {position:absolute; left:20px; top:20px; width:150px; background-color:transparent;}
.wineDetail .wineImg mark img {width:100%;}
.wineDetail mark:nth-child(2) {margin-left:10px}
.wineDetail .contentBox {padding-top:30px;}
.wineDetail .graph ul {width: calc( 100% + 30px ); padding:0px; list-style: none; overflow:hidden; display:block;}
.wineDetail .graph ul li:first-child {margin-left:0px;}
.wineDetail .graph ul li {margin-left:30px; width: calc( 25% - 30px ); height: 140px; background-size:100%; background-size: 100%; background-repeat: no-repeat; text-align: center; display:table; vertical-align: middle; float:left;}
.wineDetail .graph ul li > div {height:100%; vertical-align: middle;  display:table-cell;}
.wineDetail .graph ul li.graph01_00,.wineDetail .graph ul li.graph02_00,.wineDetail .graph ul li.graph03_00,.wineDetail .graph ul li.graph04_00 {background-image:url("/assets/winestore/images/graph/default.png");}
.wineDetail .graph ul li.graph01_01 {background-image:url("/assets/winestore/images/graph/red01.png");}
.wineDetail .graph ul li.graph01_02 {background-image:url("/assets/winestore/images/graph/red02.png");}
.wineDetail .graph ul li.graph01_03 {background-image:url("/assets/winestore/images/graph/red03.png");}
.wineDetail .graph ul li.graph01_04 {background-image:url("/assets/winestore/images/graph/red04.png");}
.wineDetail .graph ul li.graph01_05 {background-image:url("/assets/winestore/images/graph/red05.png");}

.wineDetail .graph ul li.graph02_01 {background-image:url("/assets/winestore/images/graph/blue01.png");}
.wineDetail .graph ul li.graph02_02 {background-image:url("/assets/winestore/images/graph/blue02.png");}
.wineDetail .graph ul li.graph02_03 {background-image:url("/assets/winestore/images/graph/blue03.png");}
.wineDetail .graph ul li.graph02_04 {background-image:url("/assets/winestore/images/graph/blue04.png");}
.wineDetail .graph ul li.graph02_05 {background-image:url("/assets/winestore/images/graph/blue05.png");}

.wineDetail .graph ul li.graph03_01 {background-image:url("/assets/winestore/images/graph/green01.png");}
.wineDetail .graph ul li.graph03_02 {background-image:url("/assets/winestore/images/graph/green02.png");}
.wineDetail .graph ul li.graph03_03 {background-image:url("/assets/winestore/images/graph/green03.png");}
.wineDetail .graph ul li.graph03_04 {background-image:url("/assets/winestore/images/graph/green04.png");}
.wineDetail .graph ul li.graph03_05 {background-image:url("/assets/winestore/images/graph/green05.png");}

.wineDetail .graph ul li.graph04_01 {background-image:url("/assets/winestore/images/graph/yellow01.png");}
.wineDetail .graph ul li.graph04_02 {background-image:url("/assets/winestore/images/graph/yellow02.png");}
.wineDetail .graph ul li.graph04_03 {background-image:url("/assets/winestore/images/graph/yellow03.png");}
.wineDetail .graph ul li.graph04_04 {background-image:url("/assets/winestore/images/graph/yellow04.png");}
.wineDetail .graph ul li.graph04_05 {background-image:url("/assets/winestore/images/graph/yellow05.png");}
.wineDetail .btnBox .btn {padding:10px 70px;}
.wineDetail .graph ul li p {margin-bottom:0px; color:#333;}




/*검색 레이어*/
.wineSearch {width:1200px; margin:auto;}
.wineSearch .wineSel {text-align:center;}
.wineSearch .wineSel label:first-child {margin-left:0px;}
.wineSearch .wineSel label {padding-top:30px; margin-left:5px!important; width:155px; position:relative; border:1px solid #e5e5e5; cursor:pointer; background-color: #f7f7f7;}
.wineSearch .wineSel label p {padding-top:20px; color:#333; font-family: "Noto Sans Kr";}
.wineSearch .wineSel label img {width:30px;}
.wineSearch .wineSel label input {width:30px; margin-bottom:0px; position:absolute; right:10px; top:10px;}
.wineSearch .regionSel select {padding:15px; margin-bottom:0px;}

.wineSearch .regionSel div > div {padding-bottom:10px;}
.wineSearch .regionSel div > div:nth-child(2) {padding-left:10px;}
.wineSearch .numCheck {cursor: pointer; height:40px; padding:7px 15px; color: #333; line-height:normal; background-color: #fff;   border:1px solid  #e5e5e5; border-radius: 999px!important;}
.wineSearch .numCheck input {position:absolute; left:-10000px; opacity: 0; }
.wineSearch .btn-group.st01 {width:100%; padding:15px 30px; background:#f7f7f7; border:1px solid #e5e5e5;}
.wineSearch .btn-group.st01 dl {width:100%; margin-bottom:0px; padding-left:0px; list-style: none; overflow: hidden;}
.wineSearch .btn-group.st01 dl dt {padding-top:7px; color:#333; width:30%;}
.wineSearch .btn-group.st01 dl dt span {font-size:12px; font-weight: 200;}
.wineSearch .btn-group.st01 dl dt,.wineSearch .btn-group.st01 dl dd { margin-bottom:0px; float:left;}
.wineSearch .btn-group.st01 dl dd {width:70%;}
.wineSearch .btn-group.st01 dl dd label {margin-left:20px;}
.wineSearch .searchInput input {width:100%; padding:10px 20px; border:2px solid #da1984; font-size:16px; font-weight:300;  color:#da1984;}
.wineSearch .searchInput input::placeholder {color:#da1984}
.wineSelCheck:not(:disabled):not(.disabled).active, .wineSelCheck:not(:disabled):not(.disabled):active, .show>.wineSelCheck.dropdown-toggle {color: #333; background-color: #fff;  border-color: #e5e5e5; }
.numCheck:not(:disabled):not(.disabled).active, .numCheck:not(:disabled):not(.disabled):active, .show>.numCheck.dropdown-toggle {color: #fff; background-color: #da1984; border:1px solid  #da1984; border-radius: 999px;}
.numCheck.st01:not(:disabled):not(.disabled).active, .numCheck.st01:not(:disabled):not(.disabled):active, .show>.numCheck.st01.dropdown-toggle {background-color: #da1984;  border-color: #da1984; }

.numCheck.st02:not(:disabled):not(.disabled).active, .numCheck.st02:not(:disabled):not(.disabled):active, .show>.numCheck.st02.dropdown-toggle {background-color: #0d85d4;  border-color: #0d85d4; }

.numCheck.st03:not(:disabled):not(.disabled).active, .numCheck.st03:not(:disabled):not(.disabled):active, .show>.numCheck.st03.dropdown-toggle {background-color: #78be21;  border-color: #78be21; }

.numCheck.st04:not(:disabled):not(.disabled).active, .numCheck.st04:not(:disabled):not(.disabled):active, .show>.numCheck.st04.dropdown-toggle {background-color: #ffb81c;  border-color: #ffb81c; }


/*서브 테이블*/
.sub .cartList,.sub .cartTotal {border-top:2px solid #333;}
.sub .cartList .tHead,.sub .cartList .tBody {width:100%; display:table;}
.sub .cartList .tHead > div {padding:15px 0;}
.sub .cartList .tHead > div,.sub .cartList .tBody > div {text-align:center; font-size:16px; font-weight:600; color:#333; border-top:1px solid #e0e0e0; display:table-cell;}
.sub .cartList .tHead .td01 {width:60%;}
.sub .cartList .tHead .td02 {width:10%;}
.sub .cartList .tHead .td03 {width:20%;}
.sub .cartList .tHead .td04 {width:10%;}

.sub .cartList .tBody {border-bottom:1px solid #e0e0e0;}
.sub .cartList .tBody .td01 {width:60%;}
.sub .cartList .tBody .td02 {width:10%;}
.sub .cartList .tBody .td03 {width:20%;}
.sub .cartList .tBody .td04 {width:10%;}

.sub .cartList.st01 .tHead .td01 {width:60%;}
.sub .cartList.st01 .tHead .td02 {width:10%;}
.sub .cartList.st01 .tHead .td03 {width:30%;}

.sub .cartList.st01 .tBody {border-bottom:1px solid #e0e0e0;}
.sub .cartList.st01 .tBody .td01 {width:60%;}
.sub .cartList.st01 .tBody .td02 {width:10%;}
.sub .cartList.st01 .tBody .td03 {width:30%;}

.sub .cartList.st02 .tHead .td01 {width:20%;}
.sub .cartList.st02 .tHead .td02 {width:40%;}
.sub .cartList.st02 .tHead .td03 {width:20%;}
.sub .cartList.st02 .tHead .td04 {width:10%;}
.sub .cartList.st02 .tHead .td05 {width:10%;}

.sub .cartList.st02 .tBody .td01 {width:20%; padding:15px 0;}
.sub .cartList.st02 .tBody .td02 {width:40%; padding:15px 0;}
.sub .cartList.st02 .tBody .td03 {width:20%; padding:15px 0;}
.sub .cartList.st02 .tBody .td04 {width:10%; padding:15px 0;}
.sub .cartList.st02 .tBody .td05 {width:10%; padding:15px 0;}

.sub .cartList .tBody .td01 figure {width:100%; display:table;}
.sub .cartList .tBody .td01 figure .wineImg {width:30%; text-align:center; background:#fbfbfb;}
.sub .cartList .tBody .td01 figure img {height:200px; }
.sub .cartList .tBody .td01 figure div {display:table-cell;}
.sub .cartList .tBody .td01 figure figcaption {width:70%; padding-left:30px; text-align:left; vertical-align: middle; display:table-cell;}
.sub .cartList .tBody .td01 figure figcaption h4 {margin:10px 0px 0px 0px;}
.sub .cartList .tBody .td04 img {width:30px;}

.sub .cartList.st02 .tBody .td05 {font-size:14px;}
.sub .cartList.st02 .tBody .td01 a {text-decoration: underline;}
.sub .cartList.st02 .tBody .td02 { text-align:left;} 


.sub .cartList > div:nth-child(2) {margin-top:0px;}
.sub .cartList .goods {margin-top:20px;}
.sub .cartList.st02 .goods {margin-top:-1px;}
.sub .cartTotal {margin-top:20px; border-bottom:1px solid #e0e0e0;}
.sub .cartTotal dl {margin-bottom:0px; width:100%; display:table;}
.sub .cartTotal dl dt {width:18%; background:#fbfbfb; text-align:center; color:#333; font-weight:600; font-size:16px;}
.sub .cartTotal dl dd {width:82%; text-align:right; font-size:28px; color:#da1984;}
.sub .cartTotal dl dt,.sub .cartTotal dl dd {padding:15px 0px; margin-bottom:0px; vertical-align: middle; display:table-cell;}
.sub .cartList .goods-none {padding:80px 0;}
article.goodsDisc {margin-top:80px; padding:80px 0; border-top:1px solid #e0e0e0; text-align:center;}
article.goodsDisc h3 {color:#333; font-size:34px; font-weight:600;}
article.goodsDisc dt {width:250px; padding:10px; margin:0px auto 10px auto; color:#333; font-size:16px; background:#ebebeb; border-radius:100px;}
article.goodsDisc dd p {margin-bottom:0px; color:#333;}
article.goodsDisc .process,article.goodsDisc .disc {width:780px; margin:0px auto; overflow: hidden;}
article.goodsDisc .process ul {margin-left:-90px; overflow:hidden;}
article.goodsDisc .process ul li {position:relative; padding-top:230px; margin-left:90px; width:calc( 33% - 90px); min-height:250px; font-size:22px; font-weight: 600; color:#333; float:left; background-size:100%; background-repeat:no-repeat;}
article.goodsDisc .process ul li:after {position:absolute; right:-75px; top: 90px; width:60px; height:30px; content:""; background:url('/assets/winestore/images/bg/arrow_bg.png') left top no-repeat; background-size:100%;  display:block;}
article.goodsDisc .process ul li:nth-child(1) {background-image:url('/assets/winestore/images/bg/img01.png');}
article.goodsDisc .process ul li:nth-child(2) {background-image:url('/assets/winestore/images/bg/img02.png');}
article.goodsDisc .process ul li:nth-child(3) {background-image:url('/assets/winestore/images/bg/img03.png');}
article.goodsDisc .process ul li:nth-child(3):after {display:none;}
article.goodsDisc .disc {padding:15px 10px; text-align:left;}
article.goodsDisc .disc ol {margin-bottom:0px;}
article.goodsDisc .disc h4 {margin-bottom:0px; font-size:14px; font-weight:600; color:#333;}
article.goodsDisc .disc h4 + h4 {margin-top:-20px;}

.sub .loginBox {margin-top:20px; padding:80px 0; border:1px solid #e0e0e0; background:#fbfbfb; text-align:center;}
.sub .loginBox h3 {margin-bottom:0px; font-size:16px; color:#333;}
.sub .certi {margin:50px 0; width:100%; display:table;}
.sub .certi .tit,.sub .certi .btnBox {vertical-align: middle; display:table-cell;}
.sub .certi .tit {text-align:left;}
.sub .certi .btnBox {text-align:right;}
.sub .certi .tit h4 {margin-bottom:0px; min-height:45px; padding:13px 0 0 50px; font-size:14px; line-height: normal; font-weight:600; color:#333; background:url("/assets/winestore/images/bg/icon_certify_bg.png") left top no-repeat; background-size:40px 40px; background-position:left 50%;}
.sub .orderForm {width:100%; border-top:1px solid #e0e0e0; display:table; }
.sub .orderForm .td01,.sub .orderForm .td02 {vertical-align:top; display:table-cell;}
.sub:not(#subscription-form) .orderForm .td01 {width:60%; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.sub:not(#subscription-form) .orderForm .td01 > dl {padding:50px;}
.sub .orderForm .td01 dl,.sub .orderForm .td02 dl {width:100%; margin-bottom:0; overflow: hidden; display:block;}
.sub .orderForm .td01 dl:not(.info01) dt {padding:5px 0 0 15px; width:23%;}
.sub .orderForm .td01 dl:not(.info01) dt:before {position:absolute; left:0px; top:15px; width:4px; height:4px; background:#ccc; content:"";}
.sub .orderForm .td01 dl:not(.info01) dd {width:77%;}
.sub .orderForm .td01 dl:not(.info01) dt, .sub .orderForm .td01 dl dd {position:relative; float:left;}

.sub .orderForm .td02 dl dt,.sub .orderForm .td02 dl dd {width:50%; color:#333; float:left}
.sub .orderForm .td02 dl dt {text-align:left; font-size:19px; font-weight:600;}
.sub .orderForm .td02 dl dd {text-align:right; font-size:19px; font-weight:600;}
.sub .orderForm dl dd input,.sub .orderForm dl dd select {margin-bottom:0px;}
.sub .orderForm input[type="radio"],.sub .orderForm input[type="checkbox"], .membershipPoint input[type="checkbox"] {width:auto;}
.sub .orderForm dl dd.error {margin-left:30%; padding-bottom:10px; width:80%;}
.sub .orderForm .td02 {position:relative; width:40%;}
.sub .orderForm .td02 > * {padding:50px 30px; background:#fbfbfb;}
.sub .orderForm .td02 .totalBox {padding-top:12px; border-bottom:1px solid #e0e0e0;}
.sub .orderForm .td02 .totalBox dd.sumTotal {font-size:22px; color:#ec1780;}
.sub .orderForm .td02 .totalBox dl {padding:20px 0;}
.sub .orderForm .numBox > div {float:right; margin-right:-14px;}
.sub .orderForm .td02 .totalBox input {margin-bottom:0px;}
.sub .orderForm .td02 .totalBox label {margin-bottom:0px; font-size:12px;}
.sub .table.st01 {width:960px; margin:0 auto; border-top:2px solid #333;}
.sub .table.st01 th {width:20%;}
.sub .orderList p.disc {width:960px; margin:0 auto;}
.sub .orderStep .row img {height:60px;}
.sub .orderStep .row .step {min-height:430px;}
article.goodsDisc .disc.st01 {width:100%;}
.line .minus_plugin_number:hover {border-top:1px solid #ccc; background:#efefef;}
.line .plus_plugin_number:hover {border-bottom:1px solid #ccc; background:#efefef;}


/* 포인트 결제 */
dl.pointUse:before, dl.pointUse:after {clear:both; display:block; content:"";}
dl.pointUse > * {width:50% !important; font-weight:500;}
dl.pointUse > *:not(:first-of-type) {margin-top:20px;}
dl.pointUse > * > strong {font-weight:700;}
dl.pointUse > dt {clear:both; float:left;}
dl.pointUse > dt:not(:last-of-type), dl.pointUse > dd:not(:last-of-type) {margin-bottom:20px;}
dl.pointUse > dt input {margin:5px 8px 0 0; vertical-align:top;}
dl.pointUse > dt label {margin:0; line-height:20px;}
dl.pointUse > dt p {margin:0; padding-left:22px; line-height:16px !important;}
dl.pointUse > dt p span {color:#df1465;}
dl.pointUse > dd {position:relative; height:auto; overflow:hidden; display:block;}
dl.pointUse > dd label {position:absolute; top:8px; left:20px;}
dl.pointUse > dd em {position:absolute; top:8px; right:10px; color:#333; font-style:normal;}
dl.pointUse > dd input {margin:0; padding:8px 48px 8px 70px; text-align:right;}
dl.pointUse > dd.off input[type="text"] {background-color:#f7f7f7;}

.sub .membershipPoint, .sub .tax {padding:50px; border-top:1px solid #e0e0e0;}

.sub .membershipPoint h4 {margin-bottom:20px; font-size:18px; font-weight:700; color:#333; line-height:18px;}
.sub .membershipPoint dl.pointUse {margin:0;}
.sub .orderForm .td01 dl.pointUse dt {padding:0 !important;}
.sub .orderForm .td01 dl.pointUse dt:before {display:none;}

/* 포인트사용내역 */
table.price.st01 {width:100%; border-bottom:1px solid #dee2e6;}

/* 탭스타일 */
.tabArea {position:relative; padding:40px 0 0 0 !important;}
.tabArea > h3, .tabArea > h4 {position:absolute; top:0; left:50%; width:50%; margin:0 !important; line-height:40px; display:table;}
.tabArea > h3:nth-of-type(1), .tabArea > h4:nth-of-type(1) {left:0;}
.tabArea > h3 a, .tabArea > h4 a {height:40px; font-size:14px; color:#333; font-weight:700; text-align:center; vertical-align:middle; border:1px solid #e0e0e0; border-left:0; display:table-cell;}
.tabArea > h3:first-of-type a, .tabArea > h4:first-of-type a {border-left:1px solid #e0e0e0;}
.tabArea > h3.on a, .tabArea > h4.on a {position:relative; color:#fff; border-color:#333; background:#333;}

.sub .tax .tabArea {border-top:0; display:block;}
.sub .tax .tabArea > h4 {padding:0;}
.sub .tax .tabCont {width:100%; padding:20px 0 0 0 !important; border:0 none;} 
.sub .tax .tabCont dl {padding:0;}
.sub .tax .tabCont .tc {text-align:center;}
.sub .tax .tabCont input[type='radio'], .sub .tax .tabCont input[type='checkbox'] {margin-right:5px;}
.sub .tax .tabCont label + input[type='radio'] {margin-left:18px;}
.sub .tax .tabCont > p:not(.check) {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
.sub .tax .tabCont dl.input input[type='text'] {margin:8px 0 15px 0;}
.sub .tax .tabCont ul {margin-top:15px;}

/* 첨부파일 */
div.attachment {position:relative;}
div.attachment input[type='file'] {position:absolute; top:0; left:0; width:calc(100% - 120px); opacity:0;}
div.attachment input[type='text'] {float:left; width:calc(100% - 120px); border-right:0 none;}
div.attachment .btn {width:120px; height:42px;}

.border-mobile-hidden {margin-top:50px !important; padding-top:50px; border-top:1px solid #e0e0e0;}

#popCancel {width:678px;}
#popCancel section h2 {font-size:24px; font-weight:700; color:#333; text-align:center; line-height:24px;}
#popCancel section h3 {margin:30px 0 17px 0; font-size:14px; font-weight:700; color:#333; line-height:14px;}
#popCancel section table.data td, #popCancel section table.data td strong {color:#6c7594;}
#popCancel section div:not(.btnBox) {margin-top:20px; padding:18px 50px; color:#333; text-align:center; word-break:keep-all; background:#f7f7f7;}
#popCancel section div.btnC .btn {width:150px;}

table.data {width:100%;}
table.data > * > tr > th, table.data > * > tr > td {height:50px; padding:5px 20px; vertical-align:middle; border:1px solid #e8e8e8;}
table.data th {width:48%; font-weight:500; color:#333; text-align:left; background:#f7f7f7;}
table.data > tbody > tr > td {padding:5px 20px; text-align:right;}


/*검색*/
    .main .newWineList.st01 ul li {margin-bottom:30px; height:auto; float:left;}

/*구독페이지*/
.subTxt .txtBox {padding-left:40px;}
.subTxt .txtBox span {margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #da1984; font-size:20px; color:#da1984;  display:block;}
.subTxt .txtBox p {font-size:16px; color:#333;}
.subTxt .txtBox p:nth-of-type(1) {font-size:22px; font-weight: 600; }
.subTxt .txtBox p:nth-of-type(1) strong {color:#da1984;}
.subTxt .discBox {margin:60px 0 0 30px; font-size:16px; line-height:160%;}
.subTxt .discBox ol > li {margin-bottom:15px;}
.wineList .blog-post {position:relative; min-height:420px; text-align:center; background:#e3e3e5;}
.wineList .blog-post mark {position:absolute; right:20px; top:20px; width:70px; height:70px; padding-top:15px; text-align:center; font-weight:600; line-height: normal; color:#333; background:rgba(255,255,255,0.3); border-radius: 999px;}
.wineList .blog-post .blog-post-images {padding-top:40px; min-height:300px; text-align:center; background:none;}
.wineList .blog-post img {width:inherit!important; height:230px; margin:auto;}
.wineList .blog-post .post-details {position:absolute; bottom:0px; left:0px; width:100%; padding:20px; text-align:center; color:#fff;}
.wineList .blog-post .post-details span { font-size:16px; font-weight:600; color:#fff;}
.wineList .blog-post .post-details hr {border-top:1px solid rgba(255,255,255,0.3);}
.wineList .blog-post .post-details p {margin-bottom:0px; font-size:16px; letter-spacing: -0.05em;}
.wineList .blog-post .post-details p.lastP {padding:5px 0; font-size:14px; font-weight:600;}
.wineList .blog-post .post-details.darkBox span,.wineList .blog-post .post-details.darkBox p {color:#333; }
.wineList .blog-post .post-details.darkBox hr {border-top:1px solid rgba(0,0,0,0.1);}
.wineList .blog-post.bg-point01 {background:#0091da;}
.wineList .blog-post.bg-point02 {background:#78be21;}
.wineList .blog-post.bg-point03 {background:#ffb81c;}
.wineList .blog-post.bg-point04 {background:#da1984;}
.wineList .blog-post.bg-point05 {background:#ff6900;}
.wineList .blog-post.bg-point06 {background:#87189d;}
#subscription-form h1 {margin: 0px; color:#333; font-size:22px; font-weight:600; text-align: center; line-height: normal;}
#subscription-form {width:600px;}    
#subscription-form .orderForm .td01 {padding:20px 0 0 0; }
#subscription-form .orderForm {border-top:none; border-bottom:none;} 
#subscription-form .table {padding-top:30px; border-top:1px solid #efefef;}
#subscription-form .table h2 {width:100%; font-size:16px; color:#333; font-weight: 600; line-height: normal; text-align:center; display:block;}
#subscription-form .table h3 {margin-bottom:10px; width:100%; font-size:14px; color:#333; font-weight:600; line-height: normal; display:block;} 
#subscription-form .table p {margin-bottom:20px; font-size:14px;}
#subscription-form .table table th {border-bottom:1px; background:#efefef;}
#subscription-form .table table th,#subscription-form .table table td {font-size:14px; text-align:center;}
#subscription-form .table table {width:100%; border-bottom:1px solid #efefef;}
#subscription-form .agreeBox {font-size:14px; color:#333;}
.subscription .nav-tabs {border-bottom:none;}
.subscription .nav-tabs .nav-link {padding:10px 40px; border:2px solid #333; color:#333; border-radius: 20px;}
.subscription .nav-tabs .nav-link.active {background:#da1984; color:#fff; border:2px solid #da1984;}
.subscription .nav-tabs .nav-link:hover {border:2px solid #333;}
.subscription .nav-tabs li:not(:first-child) {margin-left:10px;}
.subscription .nav-tabs li:nth-of-type(2) .nav-link.active {background:#0091da; border:2px solid #0091da;}
.subscription .nav-tabs li:nth-of-type(3) .nav-link.active {background:#78be21; border:2px solid #78be21;}



/*20201020 와인잔 구독*/
.subscription ul.txtImgBox {margin:10px 0 20px 0;overflow:hidden;}
.subscription ul.txtImgBox li {float:left; width:40%; min-height:110px;  padding:20px; border:1px solid #ccc; text-align:center;}
.subscription ul.txtImgBox li:nth-child(2) {margin-left:10px;}
.subscription ul.txtImgBox li:nth-child(2) p {margin-top:10px}
.subscription ul.txtImgBox li p {margin:0px; color:#333;}
.subscription .orderForm .td01 dl dt {width:30%;}
.subscription .orderForm .td01 dl dd {width:70%}
.subscription .orderForm .td01 dl dd .line {position:relative;}
.subscription .orderForm .td01 dl dd .delBtn {
    border: none;
    position: absolute;
    left: -30px;
    top: 50%;
    background: none;
    font-size: 20px;
    margin-top: -15px;
}
.subscription .orderForm textarea {margin-bottom:0px;}

@media (max-width: 1600px) {
    .mainVisual .swiper-wrapper .swiper-slide {background-position:center ; background-size:190%; background-repeat:no-repeat;}
    .portfolio-grid.work-4col li { width:33.333%;}
}
@media (min-width: 1200px) and (max-width: 1340px) {
    .portfolio-grid.work-4col li { width:50%;}
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .main .newWineList.st01 ul li.col-lg-3 {    flex: 0 0 33.333333%;    max-width: 33.333333%;}
}

@media (min-width: 960px) and (max-width: 1199px) {
    .portfolio-grid.work-4col li { width:50%!important;}
    .main .newWineList.st01 ul li.col-lg-3 {    flex: 0 0 50%;    max-width:50%;}
    .subscription ul.txtImgBox li  {width:250px;}
}

@media (min-width: 960px) and (max-width: 1199px) {
    #foot nav, #foot > section, #foot div menu.gnbFoot, #foot > div ul {width:100%;}
    #foot address {padding:0 50px 30px 100px}
    #foot nav {padding:0px 50px 41px 500px;}
}
@media (max-width: 1199px) {
    .wineDetail {width:100%;}
    .wineDetail .wineImg {width:100%; text-align:center; display:block;}
    .wineDetail .wineImg > img {height:300px; margin:auto;}
    .wineDetail .contentBox {width:100%; display:block;}
    .wineDetail .dlTable dt {width:20%;}
    .wineDetail .dlTable dd {width:80%;}
    .wineDetail .wineImg mark {width:100px!important;}
    .wineDetail .btnBox {text-align:center;}
    .wineDetail .btnBox .btn {padding:10px 30px;}
    .mfp-close, .mfp-close:active {font-size:55px; color:#333;}    
    .wineDetail .graph ul {width: calc( 100% - 10px ); padding:0px; list-style: none; display:block;}
    .wineDetail .graph ul li {margin-top:20px; width:calc(50% - 20px)!important;}
    .wineDetail .graph ul li:first-child {margin-left:0px;}
    .wineDetail .graph ul li:nth-child(3) {margin-left:0px;}
    .wineDetail .graph ul li { background-size:contain; background-position:top center;}
    
    .wineSearch {width:100%;}
    .wineSearch h2 {font-size:24px;}
    .wineSearch .btn-group.st01 dl dd label {margin-left:10px;}
    .wineSearch .btn-group.st01 dl dt {padding-top:7px; color:#333; width:20%;}
    .wineSearch .btn-group.st01 dl dd {width:80%;}
    .sub .orderForm .td01 dl dt {width:30%;}
    .sub .orderForm .td01 dl dd {width:70%;}
    .subscription ul.txtImgBox li  {width:250px;}
}

@media (max-width: 960px){
    /*header*/
    
    header.st01 a.logo img {height:30px;}
    header.st01 .header-searchbar a i {margin:0px;}
    header.st01 .header-searchbar {min-width:50px; min-height: 50px; padding:18px 15px; font-size: 14px;  text-align:center;}
    header.st01 {min-height:70px;}
    header.st01 .mobile-toggle {min-width:50px;  min-height: 50px; padding:15px; font-size: 14px;}
    header.st01 .mobile-toggle span {width:20px; height:2px;}
    header.st01 .mobile-toggle span:nth-child(2) {margin:4px 0;} 
    
    /*main visual*/
    .wrapper.main .mainVisual {height:450px!important;}
    
    /*main best wine*/
    .main .container-fluid.pc {display:none}
    .main .container-fluid.mobile  {display:block}    
    
    /*main new wine*/
    .main .newWine {}
    .main .newWineList {height:auto;}
    .main .newWineList figcaption {display:none;}
    .main .newWineList .overlay-content figure:hover {}
    .main .newWineList .overlay-content {background:#333; position:relative; opacity: 1;}
    .main .newWineList li figure {padding-bottom:0px;}
    .main .newWineList .team-style-1 figure .overlay-content {top:0px; height:150px;}
    .main .newWineList .team-style-1 figure .overlay-content p,.main .newWineList .team-style-1 figure .overlay-content h3 {margin-bottom:0px;}
    .main .newWineList .team-style-1 figure:hover .team-overlay {height:inherit;}
    .main .newWineList .team-style-1 figure:hover .overlay-content {opacity: 1; z-index: 1111; top:inherit;}
    .main .countrySec .col-12 {flex:0 0 50%;}
    .main .newWineList {height:650px;}
    .main .newWineList li {height:650px;}
    #foot.pc {display:none;}
    #foot02.mobile {display:block;}
    
    .wineSearch {width:100%;}
    .wineSearch .wineSel {width:100%; overflow-x: scroll; overflow-y: hidden;}
    .wineSearch .regionSel div > div:nth-child(2) {padding-left:0px;}
    .wineSearch .regionSel .display-table,.wineSearch .regionSel .display-table .display-table-cell,.wineSearch .tastingNote .display-table,.wineSearch .tastingNote .display-table .display-table-cell {width:100%; display:block; }
    .wineSearch .tastingNote div > div:nth-child(2)  {margin-top:10px; padding-left:0px!important;}
    .wineSearch .btn-group.st01 dl dd label:first-child {margin-left:0px;}
    .wineSearch .btn-group.st01 dl dd label {margin-left:3px;}
    .wineSearch .btn-group.st01 {padding:10px 15px;}
    .wineSearch .btn-group.st01 dl dt {padding-top:3px; color:#333; width:30%;}
    .wineSearch .btn-group.st01 dl dd {width:70%;}
    .wineSearch .numCheck {height:30px; padding:5px 10px; }
    
    /*cart*/
    .sub .cartList .tHead > div, .sub .cartList .tBody > div {border-top:none;}
    .sub .cartList .tHead {display:none;}
    .sub .cartList .tBody {position:relative; height:202px; border-top:1px solid #e0e0e0}
    .sub .cartList .tBody > div {display:block;}
    .sub .cartList .tBody > div.display-table-cell {display:table-cell;}
    .sub .cartList .tBody .td01,.sub .cartList .tBody .td02,.sub .cartList .tBody .td03,.sub .cartList .tBody .td04 {width:100%!important;}
    .sub .cartList .tBody .td02,.sub .cartList .tBody .td03,.sub .cartList .tBody .td04 { padding-left:30%!important; text-align:left;}
    .sub .cartList .tBody .td01 figcaption {padding-top:20px;}
    .sub .cartList .tBody .td01 figure {padding-left:30%; position:relative; width:100%; display:block;}
    .sub .cartList .tBody .td01 figure .wineImg {position:absolute; left:0px; top:0px; width:30%; text-align:center; background:#fbfbfb;}
    .sub .cartList .tBody .td01 figure img {height:200px; }
    .sub .cartList .tBody .td01 figure div {display:block;}
    .sub .cartList .tBody .td01 figure figcaption {width:70%; padding-left:20px; text-align:left; vertical-align: middle; display:table-cell;}
    .sub .cartList .tBody .td02 {margin-top:10px;}
    .sub .cartList .tBody .td02 span {padding-left:20px;}
    .sub .cartList .tBody .td01 figure figcaption h4 {margin:10px 0px 0px 0px; min-height:40px; font-size:18px!important; line-height:normal;}
    .sub .cartList .tBody .td02 > div {padding-left:8px}
    .sub .cartList .tBody .td02 input {margin-bottom:0px!important;}
    .sub .cartList .tBody .td03  span {padding:10px 0 0 20px; font-size:18px; display:block;}
    .sub .cartList .tBody .td04 {position:absolute; right:10px; top:10px; width:30px; height:30px;padding-left:0px;}
    .sub .cartList .tBody .td04.del {width:20px!important; padding-left:0px!important;}
    .sub .cartTotal dl dt, .sub .cartTotal dl dd {padding:10px 0px;}
    .sub .cartTotal dl dt {width:40%; font-size:14px;}
    .sub .cartTotal dl dd {width:60%; font-size:18px!important;}
    
    .line .plus_plugin_number {width: 25px; height: 25px; right:53px;}
    .line .minus_plugin_number {width: 25px; height: 25px;}
    .line .input_plugin_number.custom {position:relative; left:-20px; width:25px!important; height:25px!important;}
    .line .plus_plugin_number:before {top: 2px; left: 30%;}
    .line .minus_plugin_number:before {top: 2px;}
    article.goodsDisc .process, article.goodsDisc .disc {width:100%;}
    article.goodsDisc .process ul {margin-left:-30px;}
    article.goodsDisc .process ul li {padding-top:30%; margin-left: 30px; width: calc( 33% - 30px); height:auto; min-height:150px; font-size:16px;}
    article.goodsDisc .process ul li:after {top:38%; right:-25px; width:20px;}
    article.goodsDisc h3 {font-size:22px; line-height: normal;}
    article.goodsDisc .disc ol {padding-left:20px;}
    article.goodsDisc .disc h4 + h4 {margin-top:-10px;}
    mark.redWine { padding:3px 5px; border:2px solid #eb1d7e; font-weight:500; font-size:12px; color:#eb1d7e; background-color:transparent;}
    mark.whiteWine { padding:3px 5px; border:2px solid #d6d6d6; font-weight:500; font-size:12px; color:#d6d6d6; background-color:transparent;}
    mark.sparklingWine { padding:3px 5px; border:2px solid #78be21; font-weight:500; font-size:12px; color:#78be21; background-color:transparent;}
    mark.roseWine { padding:3px 5px; border:2px solid #f1a31c; font-weight:500; font-size:12px; color:#f1a31c; background-color:transparent;}
    mark.country  { padding:3px 5px; border:2px solid #333; font-weight:500; font-size:12px; color:#333; background-color:transparent;}
    
    /*order total*/
    .sub .certi .btn.btn-large {padding:9px 20px; font-size:12px;}
    .sub .orderForm {display:block;}
    .sub .orderForm .td01,.sub .orderForm .td02 {width:100% !important; border-right:0 !important; border-left:0 !important; display:block!important;}
    .sub .orderForm .numBox > div {margin-right:-51px;}
    .sub .orderForm .td02 .totalBox label, .sub .tax input[type="checkbox"] + label {font-size:11px;}
    .sub .orderForm .td02 .totalBox dl {margin-bottom:0px;}
    .sub .orderForm .td01 dl, .sub .membershipPoint, .sub .tax {padding:30px 10px;}
    .sub .orderForm .td01 dl dt {width:30% !important; font-size:12px;}
    .sub .orderForm .td01 dl dd {width:70% !important;}
    .sub .orderForm .td02 > * {padding:30px 20px;}
    .sub .orderForm .td02 dl dt,.sub .orderForm .td02 dl dd {font-size:16px;}
    .sub .orderForm .td02 .totalBox {padding-top:0;}
    .sub .certi .tit h4 {padding:13px 10px 0 50px; font-size:12px; background-position:left 50%;}
    .sub .loginBox {padding:40px;}
    .sub .table.st01 th {width:35%;}
    .sub .table.st01 {width:100%;}
    .sub .orderList p.disc {width:100%;}
    
    /*order list*/
    .sub .cartList.st02 .tBody {position:relative; padding:15px; min-height:100px; height:auto;}
    .sub .cartList.st02 .tBody .td01 {padding:0px; text-align:left;}
    .sub .cartList.st02 .tBody .td02 {margin-top:0px; padding:0px 150px 0 0!important; text-align:left;}
    .sub .cartList.st02 .tBody .td03 {position:absolute; right:15px; top:50%; width:auto!important; margin-top:-25px; padding:0px!important; text-align:left;}
    .sub .cartList.st02 .tBody .td03 span {padding:0px;}
    .sub .cartList.st02 .tBody .td04 {position:static; padding:0px!important; text-align:left; color:#666; font-weight:300; font-size:12px;}
    .sub .cartList.st02 .tBody .td05 {position:absolute; right:15px; top:50%; width:auto!important; margin-top:0px;padding:0px!important; text-align:left;}
    .sub .orderStep .row .step {min-height:350px;}
    .sub .orderStep .col-sm-6 {padding-left:5px; padding-right:5px; max-width: 50%; flex:0 0 50%;}
    
    .main .newWineList.st01 ul li.col-lg-3 {    flex: 0 0 100%;    max-width:100%;}
    .main .mainVisual .slider-text-middle-main p {font-size:14px; letter-spacing: -0.04em; padding-top:10px;}
    .main .mainVisual .slider-text-middle-main p br {display:block;}
    
    /* 포인트 결제 */
    .sub .membershipPoint h4 {margin-bottom:15px; font-size:14px;}
    .sub .membershipPoint dl.pointUse {padding:0;}
    .sub .orderForm .membershipPoint dl.pointUse > dt {clear:inherit; float:inherit; width:100% !important;}
    .sub .orderForm .membershipPoint dl.pointUse > dd {width:100% !important; padding-left:20px;}
    .sub .membershipPoint dl.pointUse > dt:not(:last-of-type) {margin-bottom:0;}
    .sub .membershipPoint dl.pointUse > dd {margin-top:5px !important;}
    .sub .membershipPoint dl.pointUse > dd label {left:32px;}
    .sub .membershipPoint dl.pointUse > dd em, .sub .membershipPoint dl.pointUse > dd label {top:10px;}
    .sub .membershipPoint dl.pointUse > dd em, .sub .membershipPoint label, .sub .tax label {line-height:20px; vertical-align:top;}
    
    .sub .tax .tabCont ul li, div.attachment .btn, .tabArea > h3 a, .tabArea > h4 a, .sub .membershipPoint label, .sub .tax label, .sub .tax .tabCont > p, .sub .membershipPoint dl.pointUse > dd em {font-size:12px;}
    
	/* 현금영수증 */
	.sub .tax #cashReceipt dl.input {padding-top:0; padding-bottom:0;}
	.sub .tax #cashReceipt dl.input > dd {width:100% !important;}
	
    div.attachment input[type='file'] {width:calc(100% - 88px);}
    div.attachment input[type='text'] {width:calc(100% - 88px);}
    div.attachment .btn {width:88px; padding:0;}
    
    .border-mobile-hidden {margin-top:30px !important; padding-top:0; border:0 none;}
    #popCancel {width:auto;}
    #popCancel section h2 {font-size:17px;}
    #popCancel section div:not(.btnBox) {padding:18px 12px;}
    #popCancel section h3 {margin:20px 0 10px 0;}
    
    /*구독 리스트*/
    .subTxt .col-lg-4  {display:none;}
    .subTxt .txtBox {margin-right:0px; padding:0px;}
    .subTxt .txtBox p:nth-of-type(1) {font-size:18px;}
    .subTxt .txtBox h5 br {display:none;}
    .subTxt .txtBox .text-left {text-align:center!important;}
    .subTxt .discBox {max-width:100%; margin-top:0px; margin-left:0px; font-size:14px;}
    .subTxt .discBox ol {padding-left:0px;}

    #subscription-form {width:100%; padding:40px 0;}    
    .subscription .nav-tabs .nav-link {padding:15px 20px;}
    
    .subscription ul.txtImgBox li  {width:90%; min-height:100px; margin-bottom:20px;}
    .subscription ul.txtImgBox li:nth-child(2) {margin:0px;}
    
    .subscription .orderForm .td01 dl dt {width:100%;}
    .subscription .orderForm .td01 dl dd {width:100%}
    .subscription .orderForm .td01 dl dd .width-150px {width:100px;}
    .subscription .orderForm .td01 dl dd .quantity {width:90%; margin-left:10%;}
    .btn.btn-large {padding:9px 24px;}
    .text-large02 {font-size:18px!important;}
    
}
@media (max-width: 760px){
    .nav-tabs .nav-item {margin-top:10px;}
}
@media (max-width: 540px){
    .subscription .discBox ol li > a.btn-light-gray {display:block;}
    .subscription .discBox ol li > a.btn-light-gray:not(:first-of-type) {margin-top:-10px;}
    .subscription .nav-tabs .nav-item {width:100%; margin-left:10px; display:block;}
}
@media (max-width: 360px){
    article.goodsDisc .process ul li:after {top:30%;}
    
}