@charset "utf-8";
@import url("daily.css");

@font-face {
    font-family:"adobe-garamond-pro";
    src:url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/5cace6/00000000000000003b9b00c2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-style:italic;font-weight:400;
}

@font-face {
    font-family:"adobe-garamond-pro";
    src:url("https://use.typekit.net/af/2011b6/00000000000000003b9b00c1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/2011b6/00000000000000003b9b00c1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/2011b6/00000000000000003b9b00c1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style:normal;font-weight:400;
}

/* 삼성긴고딕 한글 */
@font-face {
    font-family: 'sg';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/SECGCWL.eot');
    src: local('※'), url('../fonts/SECGCWL.woff') format('woff'),
    url('../fonts/SECGCWL.ttf') format('truetype'),
    url('../fonts/SECGCWL.ttf') format('svg');
}
/* SweetSans 영문 or 숫자 */
@font-face {
    font-family: 'ssm';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Sweet-SweetSans-Medium.eot');
    src: local('※'),
    url('../fonts/Sweet-SweetSans-Medium.woff') format('woff'),
    url('../fonts/Sweet-SweetSans-Medium.ttf') format('truetype'),
    url('../fonts/Sweet-SweetSans-Medium.ttf') format('svg');
}

@font-face {
    font-family: 'ssr';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Sweet-SweetSans-Regular.eot');
    src: local('※'),
    url('../fonts/Sweet-SweetSans-Regular.woff') format('woff'),
    url('../fonts/Sweet-SweetSans-Regular.ttf') format('truetype'),
    url('../fonts/Sweet-SweetSans-Regular.ttf') format('svg');
}

/* CSS Mobile Reset */
* { word-break: keep-all; }
html,body{position:relative;min-height:100%;height:100%;}
body.none-scl { overflow-y: hidden; }
body { box-sizing: border-box;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body{line-height:1.2;color:#555;font-size:12px;font-family:'ssr', 'sg';font-weight:normal;-webkit-text-size-adjust:none;word-wrap:break-word;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal}
section,nav,article,aside,hgroup,header,footer{display:block;}
img,input,select,textarea{vertical-align:middle;color:#666;font-family:inherit}
fieldset,img{border:0}
ul,ol,li{list-style:none}
caption,hr,legend{overflow:hidden;visibility:hidden;width:0;height:0;line-height:0;font-size:0;color:transparent !important;text-indent:-9999em}
table{border-spacing:0;border-collapse:collapse}
button{border:none;cursor:pointer;display:inline-block;border:0;font-size:inherit}
a,a:link,a:visited,a:active,a:hover{color:inherit;text-decoration:none}
strong,em,address{font-style:inherit;font-weight:normal;font-style: normal;}
.clfix:after{content: "";display:block;height:0;clear:both;visibility:hidden}
.clfix{display:block}
.hidden{position:absolute;visibility:hidden;width:0;height:0;line-height:0;overflow:hidden;font-size:0;color:transparent !important;text-indent:-9999em}
.hide { display: none; }

.container {overflow-y:hidden;}

img, select, input[type="checkbox"], input[type="radio"]{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
input[type="password"], input[type="text"], input[type="tel"], input[type="email"], textarea{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline:0;
    box-sizing: border-box;
    height: 35px;
    padding: 0 10px;
    border:1px solid #d4d4d4;
    -webkit-appearance: none;
    border-radius: 0;
}
input[type="password"],
input[type="text"] { /*line-height: 18px;*/ }
input.date { background: url(../images/common/bg_date.png) no-repeat right center; background-size: 25px; }

button{font-family:inherit;color:inherit}

/* bxslider css */
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {max-width: 100%; /*display: block;*/}
.bx-wrapper .bx-viewport {
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border:  5px solid #fff;
    left: -5px;
    background: #fff;
    */
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute; bottom: -30px; width: 100%;}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/common/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    position: static;
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a { background:#bdbdbd; }
.bx-wrapper .bx-pager.bx-default-pager a:hover {background: #2B2B2B; }
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #002E5F; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px; background: url(../images/common/btn_blue_prev_12x22.png) no-repeat 0 0;}
.bx-wrapper .bx-next {right: 10px; background: url(../images/common/btn_blue_next_12x22.png) no-repeat 0 0;}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 12px;
    height: 22px;
    text-indent: -9999px;
    z-index: 50;
}

.bx-wrapper .bx-controls-direction a.disabled {cursor: default;}
.bx-wrapper .bx-controls-direction a.disabled.bx-prev {background: url(../images/common/btn_gray_prev_12x22.png) no-repeat 0 0;}
.bx-wrapper .bx-controls-direction a.disabled.bx-next {background: url(../images/common/btn_gray_next_12x22.png) no-repeat 0 0;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../images/common/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../images/common/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}


/* layout */
.wrap { position: relative; height: 100%; padding-top: 50px; box-sizing: border-box; }
.wrap.on {height: 100%; overflow-y: hidden;}
.ovf-hidden { height: 100%; overflow: hidden; }
.ovf-hidden.etc-ly { overflow: auto; }


/* Header */
.header { position: fixed; width: 100%; min-height: 50px; left:0; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid #d4d4d4 }
.header.fixed { position: fixed; border-bottom:1px solid #d4d4d4; }
.header-inner { position: relative; width: 100%; height: 50px;}
.header-tit { text-align: center; padding-top: 12px }
.header-tit a { display: inline-block; width: 115px; height: 28px; background: url(../images/common/toryburch-logo.png?timestamp=20201027) no-repeat center center; background-size: 115px; text-indent: -999em;}
.header-btn { position: absolute; }
.header-btn.left { left: 0; top: 16px; }
.header-btn.right { right: 0; top:14px; }
.header-btn { position: absolute; top:15px; }
.header-btn.left { left:10px; }
.header-btn.right { right: 10px; }
.header-btn a { overflow: hidden; display: inline-block; text-indent: -999em; vertical-align: middle;}
.header-btn .btn-cart { text-indent: 0; }
.header-btn a + a { margin-left: 6px; }

.header-btn .btn-category { width:23px; height: 20px; background: url(../images/common/btn_home.png) no-repeat center top; background-size: 20px; }
.header-btn .btn-location {width:14px; height: 21px; background: url(../images/common/btn_location.png) no-repeat center top; background-size: 13.5px; }
.header-btn .btn-search {width:20px; height: 20px; background: url(../images/common/btn_seach.png) no-repeat center top; background-size: 20px; }
.header-btn .btn-mypage {width:20px; height: 22px; background: url(../images/common/btn_mypage.png) no-repeat center top; background-size: 19px; }
.btn-cart {width:23px; height: 21px; background: url(../images/common/btn_basket.png) no-repeat center top; text-align: center; background-size: cover;}
.btn-cart span { display: block; line-height: 27px; }

/* Search */
.search-area { display: none; }
.search-area { position: relative; padding:15px 0; text-align: center; }
.ip-sch { position: relative; display: inline-block; width: 60%; }
.ip-sch .sch-keyword {
    display: none;
    position: absolute;
    left: 0;
    top: 24px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d4d4d4;
    max-height: 150px;
    overflow-y: auto;
    background: #fff;
}
.ip-sch .sch-keyword a { display: block; text-align: left; padding: 10px; color: #555 }
.ip-sch .sch-keyword a:hover { background: #f0f0f0; }
.ip-sch .sch-keyword a em { color: #f88017 }
.search-area input[type="text"] { width: 100%; height: 25px; }
.search-area .btn { height: 25px; min-width: 35px; padding: 0; line-height: 20px; margin-left:5px; }
.search-area .btn-close { position: absolute; top:12px; right: 5px; display: inline-block; width:30px; height: 30px; text-indent: -999em; background: url(../images/common/btn_close_xs.png) no-repeat center center; background-size: 14px; }
.sch-result { padding: 20px 15px 0 15px; text-align: center; font-size: 15px; }
.sch-result .msg-none { display: block; margin-top: 20px; font-size: 11px; color: #8c8a8a; line-height: 18px; }
/* Messege top */
.massege-area { border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
.massege-area a, .massege-area span { display: inline-block; padding: 20px 0; text-align: center; background: url(../images/common/bg_dashed03.png) no-repeat left center; background-size: 1px; color: #52223f;} /*20170104 수정*/
.massege-area a:first-child, .massege-area span:first-child { background: none; }
.massege-area a + a,
.massege-area span + a { margin-left: 6px; padding-left: 6px; border-left:1px solid #52223f; height:14px }/*170104수정*/
.massege-area .bx-viewport ul li { min-width: 100% !important; text-align: center; background: #fff; } /* 20170103 색상수정 */

/* Breadcrumb */
.breadcrumb { overflow: hidden; /*border-bottom:1px solid #d4d4d4;*/ }
.breadcrumb ul { overflow: hidden; padding: 0 14px; }
.breadcrumb li { float: left; padding: 12px 0 12px 13px; background: url(../images/common/bul_breadcrumb.png) no-repeat 4px center; background-size: 5px; display: block;  font-family:adobe-garamond-pro,'ssr', 'sg',serif; font-weight: 400; color: #515152;}
.breadcrumb li:first-child { padding-left: 0; background: none; }

/* Category */
.category-wrap { overflow-y: hidden; position: fixed; width: 231px; left: -231px; top: 51px; bottom: 0; z-index: 99; background: #fff; border-right: 1px solid #d4d4d4; box-sizing: border-box;} /* 20160712 수정 */
.category .cate-close { text-align: right; }
.category .cate-close .btn-close { display: inline-block; width: 100%; height: 26px; background: url(../images/common/btn_close_xs.png) no-repeat 96% center; background-size: 14px; text-indent: -999em; text-align: left; }
/*.category > ul {overflow-y: scroll; height: 100%;}*/
/*.category > ul > li { border-top:1px solid #d4d4d4; }*/ /* 160823 삭제 */
.category > ul > li:first-child{border-top:1px solid #d4d4d4;} /* 160823 추가 */
.category > ul > li:last-child { border-bottom: 1px solid #d4d4d4; }
.category > ul > li > a { display: block; padding: 15px 0  15px 20px; font-size: 14px; font-weight: bold; }
.category > ul > li > a > img {height:9px; vertical-align:top; margin-top:5px;} 
.category > ul > li.toryDaily{border-bottom:1px solid #d4d4d4;} /* 160823 추가 */
.category > ul > li.toryDaily > a{background:url('/images/common/Mnav-torydaily.svg') no-repeat 18px 12px; background-size:80px auto; text-indent:-9999em;} /* 160823 추가 */
.category > ul > li .menu-wrap { display: none; /*border-top: 1px solid #d4d4d4;*/  }
.category a { display: block; }
.category > ul > li li p > a,
.category > ul > li li a { padding: 15px 0 15px 28px; font-size: 14px; }
.category > ul > li li p > a { font-family: "ssm";}
/*.dep3 { display: none;  }*/
.dep2 > li { border-top: 1px solid #d4d4d4; }
.dep2 > li:first-child { border-top:none; }
.category .slot-img { border-top:1px solid #d4d4d4; }
.category .slot-img a { padding:15px 10px 15px 28px; }
.category .slot-img .img-box { text-align: center; }
.category .slot-img img { max-width: 100%; }
.category .slot-img .img-box,
.category .slot-img .info-en,
.category .slot-img .info-ko { display: block; }
.info-en { margin-top: 20px; font-weight: bold; }
.info-ko { margin-top: 5px; }

/* 컨텐츠 */
.main {  }
.login-wrap, .join-wrap, .mypage-wrap, .mypage-main, .detail-view-wrap, .order-wrap, .content-wrap, .event-info, .customer-wrap,.find-store-wrap, .watches-wrap { border-top:1px solid #d4d4d4; }
.content-wrap .detail-view-wrap { border: none; padding-top: 15px;}
.store-intro.dt-view-img { margin-top: 0; }

/* 리스트 정렬 방식 */
.breadcrumb + .product-filter { margin-top: 20px; }
.product-filter * { box-sizing: border-box; }
.product-filter { position: relative; height: 20px; padding: 0 20px; background-color: #fff;}
.product-filter:after {display: block; content: ""; clear: both;}
.product-filter .sort-box:last-child { margin-right: 0; }
.product-filter .sort-box > div.attr-wrap,
.product-filter .sort-box > div.range { padding: 4px 10px; }
.product-filter .sort-box {float: left; margin-right: 35px; }
.product-filter .sort-box > a { display: block; }
.product-filter .sort-box > a span { display: inline-block; padding-right: 40px; background: url(../images/common/bul_down_arrow.gif) no-repeat right center; font-weight: bold; }
.product-filter .sort-box > a.on span { background: url(../images/common/bul_up_arrow.gif) no-repeat right center; }
.product-filter .sort-box > div {display: none; position: absolute; left: 0; top: 20px; z-index: 1; width: 100%;}
.product-filter .sort-box + .sort-box > div { left: inherit; right: 0; }
.product-filter .sort-box .attr-wrap .inner { position: relative; width: 100%; padding: 20px 30px; background-color: #fff; border: 1px solid #d4d4d4; }
.product-filter .sort-box .attr-list strong + ul { display: none; }
.product-filter .sort-box .attr-list strong.on + ul { display: block; }
.product-filter .sort-box .attr-list ul:after {display: block; content: ""; clear: both;}
.product-filter .sort-box .attr-wrap .attr-list > ul > li { margin-top: 27px; }
.product-filter .sort-box .attr-wrap .attr-list > ul > li:first-child { margin-top: 0; }
.product-filter .sort-box .attr-wrap .attr-list > ul > li li { margin-top: 10px; }
.product-filter .sort-box .attr-wrap .attr-list > ul > li li:first-child {margin-top: 15px;}
.product-filter .sort-box .attr-list li strong {display: block; font-weight: normal; }
.product-filter .sort-box .attr-list li strong a { display: inline-block; padding-right: 30px; font-family: "ssm"; background: url(../images/common/bul_down_arrow.gif) no-repeat right center;}
.product-filter .sort-box .attr-list li strong.on a { background: url(../images/common/bul_up_arrow.gif) no-repeat right center;}
.product-filter .sort-box .range .inner { padding: 20px 30px; background-color: #fff; border:1px solid #d4d4d4;}
.product-filter .sort-box .range li { margin-top: 15px; }
.product-filter .sort-box .range li:first-child { margin-top: 0; }
.product-filter .sort-box .range .close { right: 20px; top: 15px; }
.product-filter .sort-box .btn-wrap { margin-top: 20px; text-align: center;}
.product-filter .sort-box .btn-wrap .btn { width: 100%; color: #fff; background-color: #555; padding: 0; }
.product-filter .sort-box .btn-wrap .btn.clear { border: 0 none; }
.product-filter .sort-box .close { position: absolute; right: 10px; top: 10px; width: 17px; height: 17px; text-indent: -9999em; background: url(../images/common/btn_ly_close.gif) no-repeat 0 0; }

.product-filter .view-wrap { position: absolute; right: 15px; top: -4px;}
.product-filter .view-wrap:after {display: block; content: ""; clear: both;}
.product-filter .view-wrap li {float: left; margin-left: 20px;}
.product-filter .view-wrap li:first-child { margin-left: 0; }
.product-filter .view-wrap li a { overflow: hidden; display: block; text-indent: -999em; width: 34px; height: 20px; }
.product-filter .view-wrap li.col1-size a:before,
.product-filter .view-wrap li.col2-size a:before,
.product-filter .view-wrap li.col2-size a:after { float: left; display: block; content: ""; width:16px; height: 20px; background: #ccc; }
.product-filter .view-wrap li.col2-size a:after{ float: right; }
.product-filter .view-wrap li.col1-size a:before { width: 100%; }
.product-filter .view-wrap li.col1-size a.on:before,
.product-filter .view-wrap li.col2-size a.on:before,
.product-filter .view-wrap li.col2-size a.on:after { background: #666;  }

.breadcrumb + .product-filter.type01 { margin-top: 0; }
form[name=searchDetail] .product-filter {margin-top: 20px;}

.product-filter.type01 { text-align: center; height: auto; padding: 0; }
.product-filter.type01 .sort-box { float: none; display: inline-block; margin-right: 0; }
.product-filter.type01 .sort-box + .sort-box { margin-left: 40px;  }
.product-filter.type01.col1 .sort-box { width: 100%; }
.product-filter.type01 .sort-box > a { padding: 20px 0;}
.product-filter.type01 .sort-box > a span { padding-right:25px;}
.product-filter.type01 .sort-box > div.range { text-align: left; }
.product-filter.type01 .sort-box > div.range a.on { font-weight: bold; }
.product-filter.type01 .sort-box > div { top: 40px; background: none; }
.product-filter.type01 .sort-box > div .inner { background: #fff; }

/* Footer */
.footer { margin-top: 50px; }
.footer .sns-list { background: #f6f6f8 !important; padding:24px 0;}
.footer .sns-list p { text-align: center; margin-bottom: 20px; font-family: "ssm";  }
.footer .sns-list ul { margin-top: -15px; }
.footer .sns-list ul li { margin-top: 15px; }
.footer .sns-list ul li + li { margin-left: 8%; }

.footer-menu { overflow: hidden; padding:20px; }
.footer-menu ul { width: 50%; }
.footer-menu ul li { padding-left: 10px; }
.footer-menu ul li + li { margin-top: 15px; }
.footer-menu ul li a { display: block; }
.footer-menu .left { float: left; }
.footer-menu .right { float: right; }

.footer-info { padding:  0 30px 50px 30px; }
.footer-info > p,
.footer-info .info-bottom span,
.footer-info .info-addr { margin-top: 5px; }
.footer-info .info-tit { font-weight: bold; }
.footer-info .info-addr { }
.footer-info .info-bottom span { display: block;}
.info-bottom a { color: #2b2b2b; text-decoration: underline; margin-left: 8px; }
.footer-info .info-cert,
.footer-info .info-cotyright { margin-top: 20px; }
.footer-info .info-cert { font-size: 12px; }
.footer-info .info-cert a.bold { font-weight: bold; font-size: 13px; color:#000; } /* #172811 서체수정 */
.footer-info .ismsp {display:block; margin-top: 42px; padding-left: 48px; height: 30px; line-height: 30px; background: url(../images/mark-ismsp.svg) no-repeat left center;}/* #178187 추가 */
.footer-info .ismsp a {display: inline-block;}/* #178187 추가 */
.footer-info .ismsp span {display: block; font-size: 11px; line-height: 15px; color: #555555; margin-bottom:2px;}/* #178187 추가 */


/* Common */
.underline { text-decoration: underline !important; color: #2b2b2b; }
.tar { text-align: right; }
.tal { text-align: left; }
.tac { text-align: center; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt_20 {margin-top: -20px !important;}
.pr40 { padding-right: 40px; }
.pr60 { padding-right: 60px; }
.fc01 { color: #555; }
.fc02 { color: #8c8a8a; }
.fc03 { color: #2b2b2b; }
.fc04 { color: #f88017; }
.fc05 { color: #db2a6e; }
.bold { font-weight: bold; }
.en-bold { font-family: "ssm"; }
.pre { position: relative; }
.par { position: absolute; right: 0; top: 0 !important; }
.pab { position: absolute; right: 0; bottom: 0 !important; }
.none-bdt { border-top: none !important; }
.msg-type { line-height: 18px; }
.standardprice {display: inline-block; text-decoration: line-through;}
.standardprice + .prd-price { color: #e62617;}
.exclusive{color:#0d1158; margin-top:1%;}

/* Form */
select { box-sizing: border-box;
    height: 35px;
    border:1px solid #d4d4d4;
    padding: 0 15px;
    background: url(../images/common/bg_down_rt.png) no-repeat right center;
    background-size: 26px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
}
select[disabled] {background-color: #f0f0f0; opacity: .5;}
textarea { width: 100%; height: 110px; padding: 10px; background: #f0f0f0; }
textarea.bg {background: #f0f0f0;}
input[type="checkbox"],
input[type="radio"] { position: absolute; left: -999em; }
input[type="checkbox"] ~ span em,
input[type="radio"] + span em,
input[type="radio"]:disabled + span em { display: inline-block; margin-left: 9px; vertical-align: middle; line-height: 20px; }
input[type="checkbox"] + span { display: inline-block; height: 20px; min-width: 20px; background: url(../images/common/bg_chk01.png) no-repeat 0 0; background-size: 20px; padding-left: 20px; box-sizing: border-box; }
input[type="checkbox"]:checked + span { background: url(../images/common/bg_chk02.png) no-repeat 0 0; background-size: 20px;}
input[type="checkbox"]:disabled + span { background: url(../images/common/bg_chk03.png) no-repeat 0 0; background-size: 20px;}

input[type="radio"] + span { display: inline-block; height: 20px; min-width: 20px; background: url(../images/common/bg_radio01.png) no-repeat 0 0; background-size: 20px; padding-left: 20px; }
input[type="radio"]:checked + span { background: url(../images/common/bg_radio02.png) no-repeat 0 0; background-size: 20px;}
input[type="radio"]:disabled + span { background: url(../images/common/bg_radio03.png) no-repeat 0 0; background-size: 20px;}

label + label { margin-left: 30px; }

/* Table */
.tbl-default { width: 100%; border-top:1px solid #d4d4d4; }
.tbl-default th { background: #f0f0f0; padding: 10px; text-align: left; }
.tbl-default td { padding: 10px; }
.tbl-default th, .tbl-default td { vertical-align:middle; border-bottom: 1px solid #d4d4d4; font-size: 12px; line-height: 18px;  word-break: break-all;}
.tbl-default thead th { text-align: center; }
.tbl-default tbody th { vertical-align:top; }
.tbl-default tfoot td { text-align:right !important;}
.tbl-default tfoot td.bg {background: #f0f0f0;}
.tbl-default tfoot td .price-total {margin-top:0;}
.tbl-default.row th, .tbl-default.row td { padding: 10px 5px; }

.tbl-default.type01 { border:1px solid #d4d4d4; }
.tbl-default.type01 tbody th,
.tbl-default.type01 tbody td { vertical-align: middle; border:1px solid #d4d4d4; text-align: center; padding:10px 5px;}

.pop-layer .terms .table-col { width: 100%; border:1px solid #d4d4d4; }
.pop-layer .terms .table-col th { background: #f0f0f0; padding: 10px; text-align: left; }
.pop-layer .terms .table-col td { padding: 10px; }
.pop-layer .terms .table-col th, .pop-layer .terms .table-col td { vertical-align:middle; border: 1px solid #d4d4d4; font-size: 12px; line-height: 18px;  word-break: keep-all; text-align: center;}
.pop-layer .terms .table-col thead th { text-align: center; }
.pop-layer .terms .table-col tbody th { vertical-align:top; }
.pop-layer .terms .table-col tfoot td { text-align:right !important;}
.pop-layer .terms .table-col tfoot td.bg {background: #f0f0f0;}
.pop-layer .terms .table-col tfoot td .price-total {margin-top:0;}

.pop-layer .terms .tbl-default.type01 { border:1px solid #d4d4d4; }
.pop-layer .terms .tbl-default.type01 tbody th,
.pop-layer .terms .tbl-default.type01 tbody td { vertical-align: middle; border:1px solid #d4d4d4; text-align: center; padding:10px 5px;}

/* 20190611 start*/
.input-arrow {position: relative;}

.tbl_board { width: 100%; border-top:1px solid #d4d4d4; }
.tbl_board th { background: #f0f0f0; padding: 10px; text-align: left; }
.tbl_board td { padding: 10px; }
.tbl_board th, .tbl_board td { vertical-align:middle; border-bottom: 1px solid #d4d4d4; font-size: 12px; line-height: 18px;  word-break: break-all;}
.tbl_board thead th { text-align: center; }
.tbl_board tbody th { vertical-align:top; }
.tbl_board tfoot td { text-align:right !important;}
.tbl_board tfoot td.bg {background: #f0f0f0;}
.tbl_board tfoot td .price-total {margin-top:0;}
.tbl_board.row th, .tbl_board.row td { padding: 10px 5px; }

.tbl_board.type01 { border:1px solid #d4d4d4; }
.tbl_board.type01 tbody th,
.tbl_board.type01 tbody td { vertical-align: middle; border:1px solid #d4d4d4; text-align: center; padding:10px 5px;}

.pop-layer .terms-top p {line-height: 16px;}
.pop-layer .terms-list li {margin: 5px 0;}
.pop-layer .terms .first_letter ~ ul {margin: 10px 0;}
.pop-layer .terms h3, .pop-layer .terms .tit {font-weight: bold;}
.pop-layer .terms dt, .pop-layer .terms dd {margin: 10px 0;}
.pop-layer .terms li {margin: 10px 0;}
.pop-layer .terms .tbl_board { border:1px solid #d4d4d4; }
.pop-layer .terms .tbl_board tbody th,
.pop-layer .terms .tbl_board tbody td { vertical-align: middle; border:1px solid #d4d4d4; text-align: center; padding:10px 5px; font-size: 11px;}
.pop-layer .settingList li {margin: 10px 0;}

.pop-layer .privacy-topics h1 ~ h1 {margin-top:15px;}
.pop-layer .privacy-topics dt, .pop-layer .privacy-topics dd {margin: 10px 0;}
.pop-layer .privacy-topics h1 ~ ul > li {margin: 10px 0;}
.pop-layer .privacy-topics h1 ~ ul > li ul {margin: 10px 0;}
.pop-layer .privacy-topics h1 ~ ul > li li {margin: 5px 0;}
/* 20190611 end */


/* #172995_라벨링제 적용 */
.pop-layer .personalPolicy .terms-list {margin:20px 0;}
.pop-layer .personalPolicy .select-box { padding:0 15px; }
.pop-layer .personalPolicy .select-box select { width:100%; }

.pop-layer .personalPolicy .terms-labeling {margin:20px 0; padding:20px; background-color: #FAFAFA;}
.pop-layer .personalPolicy .terms-labeling div {font-size:15px; font-weight:bold; line-height: 21px; color:#424242; margin-bottom:20px;}
.pop-layer .personalPolicy .terms-labeling ul {display: block; justify-content: space-between; padding-left:0;}
.pop-layer .personalPolicy .terms-labeling ul li {display:block; width:100%; margin-bottom:20px;}
.pop-layer .personalPolicy .terms-labeling ul li:last-child {margin-bottom:0px;}
.pop-layer .personalPolicy .terms-labeling ul li:nth-child(1) span.image { display: block; width:auto; height: 60px; background:url(../images/terms/processing_item_mo_2_3.png) no-repeat 0% 50%;}
.pop-layer .personalPolicy .terms-labeling ul li:nth-child(2) span.image { display: block; width:auto; height: 60px; background:url(../images/terms/processing_item_mo_2_2.png) no-repeat 0% 50%;}
.pop-layer .personalPolicy .terms-labeling ul li:nth-child(3) span.image { display: block; width:auto; height: 60px; background:url(../images/terms/processing_item_mo_2.png) no-repeat 0% 50%;}
.pop-layer .personalPolicy .terms-labeling ul li span img {width:auto; height:89px;}
.pop-layer .personalPolicy .terms-labeling ul li dl {margin-top:12px;}
.pop-layer .personalPolicy .terms-labeling ul li dl dt {font-size:13px; font-weight:bold; color:#424242; line-height:19px; margin-bottom:10px;}
.pop-layer .personalPolicy .terms-labeling ul li dl dd {display: flex; font-size:11px; font-weight:normal; color:#424242; line-height:15px; margin-left:0; padding:0;}
.pop-layer .personalPolicy .terms-labeling ul li dl dd br {display: none;}
.pop-layer .personalPolicy .terms-labeling ul li dl dd:before {content: "∙"; display:block; width:10px;}
.pop-layer .personalPolicy .terms-labeling ul li:nth-child(2) dl dd br {display: block;}
.pop-layer .personalPolicy .terms-labeling ul li:nth-child(1) dl dd { margin-bottom:8px;}
.pop-layer .personalPolicy .terms-labeling ul li:nth-child(2) dl dd { margin-bottom:8px;}
.pop-layer .personalPolicy .terms-labeling ul li dl dd:nth-child(3) { margin-bottom:8px;}
.pop-layer .personalPolicy .terms-labeling ul li dl dd:last-child { margin-bottom:0px;}
.pop-layer .personalPolicy .terms-labeling ul li dl span {display: flex; width:100%; font-size:12px; font-weight:normal; color:#767676; line-height:16px; }
.pop-layer .personalPolicy .terms-labeling ul li dl span::before {content:"※"; display:block; width:10px; }

.pop-layer .personalPolicy .terms > dt {font-size:14px; color:#444;display: flex; align-items: center; margin-bottom:10px; }
.pop-layer .personalPolicy .terms > dt:nth-child(1):before {content:""; display:block;  max-width: 32px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_1.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(3):before {content:""; display:block;  max-width: 32px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_2.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(5):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_3.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(7):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_4.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(9):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_5.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(11):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_6.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(13):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_7.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(15):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_8.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(17):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_9.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(19):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_10.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(21):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_11.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(23):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_12.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(25):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_13.png) no-repeat 50% 50%;margin-right:6.8px;}
.pop-layer .personalPolicy .terms > dt:nth-child(27):before {content:""; display:block;  max-width: 36px; width:100%; height:36px;background:url(../images/terms/processing_item_pcmo_3_14.png) no-repeat 50% 50%;margin-right:6.8px;}
/* //#172995_라벨링제 적용 */


/* Button */
.btn-area { text-align: center; margin-top: 30px; }
.btn-harf-wrap { overflow: hidden; }
.btn-harf-wrap .btn { width: 100%; padding: 0; }
.btn-harf-wrap .lt,
.btn-harf-wrap .rt { width: 50%; box-sizing: border-box; }
.btn-harf-wrap .lt { float: left; padding-right: 5px }
.btn-harf-wrap .rt { float: right; padding-left: 5px; }
.btn-harf-wrap .lt:nth-child(3),
.btn-harf-wrap .rt:nth-child(4) { margin-top: 10px; }
.btn { display: inline-block; height: 35px; border:1px solid #d4d4d4; color: #8c8a8a; box-sizing: border-box; line-height: 33px; vertical-align: middle; padding: 0 18px; text-align: center; }
.desc.btn-xs-lst { margin-top: -5px; }
.btn-xs-lst .btn.small { padding:0;  }
/*.btn-xs-lst .btn.small + .btn.small { margin-left: 10px; }*/
.btn-xs-lst .btn.small { margin-right: 10px; margin-top: 5px; }
.btn-xs-lst .btn.small.none {background: url(../images/common/bg_disabled.png) no-repeat; color: #999;}
.btn.small { height: 25px;    min-width: 35px;    padding: 0 10px;    line-height: 20px; }
.btn.color01 { background: #555; color: #fff; border:1px solid #555; }
.btn.color02 { background:#f88017; color: #fff; border: none !important;  }
.btn.color03 { border:1px solid #f88017; color: #f88017; line-height: 31px; }
.btn.color04 { background: #8c8c8c; color: #fff;}
.btn.color05 { background: #fff; color: #db2a6e; border: 1px solid #db2a6e !important; line-height: 31px; }
.btn.color06 { background: #fff; color: #8c8a8a; border: 1px solid #d4d4d4 !important; line-height: 31px; }
.btn.active {border: 1px solid #555;}
.btn.ong,
.btn.ong:hover { background: #fff; color: #f88017; border:1px solid #f88017;}
/*.btn:hover { border:1px solid #333; }*/
.btn.btn-full { width: 100%; display: block; }
.btn.btn-full + .btn-full{ margin-top: 10px; }
.btn-del { display: inline-block; width: 11px; height: 11px; background: url(../images/common/btn_del.png) no-repeat center center; background-size: 11px;  text-indent: -999em;}
.btn.disabled {
    background: #fff !important;
    border: 1px solid #e9e9e9 !important;
    color: #ccc !important;
    cursor: default !important;
}

/* SNS Button */
.sns-list {}
.sns-list { text-align: center;}
.sns-list li { display: inline-block; vertical-align: middle; }
.sns-list li:nth-child(4) { margin-left: 0; }
.sns-btn a { overflow: hidden; display: inline-block; width: 22px; height: 22px; text-indent: -999em; box-sizing: border-box; }
.sns-btn a + a { margin-left: 15px; }
.sns-list a { overflow: hidden; display: block; width: 22px; height: 22px; text-indent: -999em; box-sizing: border-box; }
.ing { background: url(../images/common/btn_ing.png) no-repeat center -22px; background-size: 22px; }
.fbk {width: 12px !important; background: url(../images/common/btn_fbk.png) no-repeat center -22px; background-size: 12px; }
.pnl { background: url(../images/common/btn_pnl.png) no-repeat center -22px; background-size: 22px; }
.twt {width: 24px !important; background: url(../images/common/btn_twt.png) no-repeat center -22px; background-size: 24px; }
.ytb {width: 52px !important; background: url(../images/common/btn_ytb.png) no-repeat center -22px; background-size: 52px; }
.ing:hover { background-position: center 0; }
.fbk:hover { background-position: center 0; }
.pnl:hover { background-position: center 0; }
.twt:hover { background-position: center 0; }
.ytb:hover { background-position: center 0; }
.kko:hover { background-position: center -60px; }

/* Banner */
.full-banner { text-align: center; }
.full-banner img { width: 100%; }
.full-banner video {width:100%;}
.full-banner .banner-txt { padding: 20px 0 0; margin-bottom: 15px; }
.full-banner .banner-txt em,
.full-banner .banner-txt span { display: block; }
.full-banner .banner-txt em { font-size: 14px; font-family: "ssm"; color: #191919; }
.full-banner .banner-txt span { font-size: 12px; }
.full-banner .banner-txt em + span { margin-top: 10px; }
.full-banner + .product-filter {margin-top: 30px;}

/* 상품 리스트 */
.prd-list-wrap * { box-sizing: border-box; }
.prd-list-wrap > ul { overflow: hidden; width: 100%; padding:15px 10px; }
.prd-list-wrap > ul > li { float: left; width: 50%; /*max-height: 350px; min-height: 262px;*/ text-align: center; padding-top: 20px; /*box-sizing: border-box;*/ height: 332px; padding: 20px 5px 0 5px; }
.prd-list-wrap > ul > li.banner { width: 100%; height: auto; /*padding: 20px 16px; */text-align: center; overflow: hidden;}
.prd-list-wrap > ul > li.banner a { display: block; }
.prd-list-wrap > ul > li.banner img { max-width: 100%; }
.prd-list-wrap > ul > li.banner-link { display: table; }
.prd-list-wrap > ul > li.banner-link .inner { display: table-cell; width: 100%; text-align: center; vertical-align: middle; background-color: #f6f2ec; }
.prd-list-wrap > ul > li.banner-link .inner strong { font-family: "ssm"; color: #002e5f; line-height: 18px; }
.prd-list-wrap > ul > li.banner-link .inner a { display: block; text-decoration: underline; color: #002e5f; }
.prd-list-wrap > ul > li.banner-link .inner strong + a { margin-top: 20px; }
.prd-list-wrap .inner { text-align: center; }
.prd-list-wrap .inner .prd-img,
.prd-list-wrap .inner .prd-name,
.prd-list-wrap .inner .prd-price { display: block; }
.prd-list-wrap .inner .prd-img { text-align: center; }
.prd-list-wrap .inner .prd-img img { max-width: 100%; }
.prd-list-wrap .inner .prd-name {/*width: 70%;*/ margin: 0 auto; padding: 30px 5px 12px; font-size: 12px; /*font-weight: bold;*/ }
.prd-list-wrap .inner .prd-price { font-size: 12px; }
.prd-list-wrap > ul .lst-mov { text-align: center; }
.prd-list-wrap > ul .lst-mov video { width: 100%; /*height: 332px;*/ }
.prd-list-wrap > ul.col1 > li { float: none; width: 100%; height: auto; }
.prd-list-wrap > ul.col1 > li.banner {height: auto; padding: 20px 0 0 0; }
.prd-list-wrap > ul.col1 > li.banner-link {/* padding: 0 25px;*/ height: 384px; }
.prd-list-wrap > ul.col1 .lst-mov video { height: 384px; }
.dsp-ib { display: inline-block; }
.prd-list-wrap.dsp-ib > ul > li { float: none; display: inline-block; width: 100%;}
.prd-list-wrap.corner-special {margin-top:-50px; padding-top:50px;}
.prd-list-wrap.corner-special .full-banner {padding:15px 0;}
.pg-wrapper .prd-list-wrap.corner-special ul {padding-top:15px;}

/* Product List For Mobile */
@media all and (max-width:767px) {
    @media all and (orientation:landscape) {
        .prd-list-wrap .inner .prd-img {
            width: 178px;
            height: 202px;
            margin: 0 auto;
        }
        .prd-list-wrap > ul.col1 .inner .prd-img {
            width: 100%;
            height: auto;
        }
        .prd-list-wrap > ul > li .col-slide .prd-img { height: 332px; }
        .prd-list-wrap > ul.col1 > li .col-slide .prd-img { height: auto; }
    }
}

/* Product List For IPAD*/
@media all and (min-width:768px) {
    .prd-list-wrap > ul > li  { height: 500px; }
    .col-slide img { height: 500px; margin: 0 auto; }

    @media (orientation: landscape){
        .prd-list-wrap > ul > li  { height: 550px; }
        .prd-list-wrap .inner .prd-img { width: auto; height: auto; }
    }
}

/* Main */
.main-wrap > section { overflow: hidden; text-align: center; margin-bottom: 30px; }
.main-wrap > section.top {margin-bottom: 20px; }
.main-wrap img,
.main-wrap video { max-width: 100%; }
.main-wrap .hp-caption { display: block; padding: 20px 0 0 0; }
.main-wrap .hp-caption em { font-size: 14px; font-family: "ssm"; color: #002144; }
.main-wrap .hp-caption a { display: block;}
.main-wrap .hp-caption span {display: block; padding-top: 10px;}
.main-wrap .txt-caption { display: block; padding: 20px 0 0 0; }
.main-wrap .txt-caption em { font-size: 12px; font-family: "ssm"; color: #002144; }
.main-wrap .txt-caption span { display: block; margin-top: 7px; font-size: 11px;}
.main-wrap .txt-caption span.go {color:#2b2b2b; text-decoration:underline;}
.main-wrap .left,
.main-wrap .right { width: 50%; box-sizing: border-box; }
.main-wrap .left { float: left; padding-right: 10px; }
.main-wrap .right { float: right; padding-left: 10px;}
.main-wrap .cate-list { overflow: hidden; padding: 0 10px; }
.main-wrap .cate-list li { float: left; width: 50%; box-sizing: border-box; padding:0 5px 20px 5px; }
.main-wrap .cate-list li a,
.main-wrap .cate-list li a span { display: block; }
.main-wrap .cate-list li a span { margin-top: 10px; }
.main-wrap .cate-list li a span span { display: inline-block; margin-left: 10px; }
.main-wrap .cate-list.col1 li { width: 100%; }
/* Category Main */
.main-wrap .prd-list li .prd-img {display: block; margin-bottom: 10px;}
.main-wrap .prd-list li .prd-name {font-family: "ssm"; font-size: 11px; color: #002144; text-decoration: underline;}
.main-wrap .prd-list .bx-wrapper .bx-controls-direction a.bx-prev  {left: -10px;}
.main-wrap .prd-list .bx-wrapper .bx-controls-direction a.bx-next  {right: -10px;}
.main-wrap .inner-wrap {padding: 0 25px;}
.main-wrap .inner-wrap .special {display:block; padding: 50px 0 30px; background: #faf8f6;}
.main-wrap .inner-wrap .special img {width: 67%;}
.main-wrap .inner-wrap .special span.go {color: #555;}
.main-wrap .col-tit {margin-bottom: 10px; font-family: "ssm"; font-size: 11px; color: #002144; }
.main-wrap .col-list li {margin-bottom: 10px; font-family: "ssm"; font-size: 11px; color: #002144; text-decoration:underline; }

/* watches main */
.watches-wrap .group-name { padding: 30px 30px 20px;}
.watches-wrap .group-name h1 { font-size: 33px; color: #002144; }
.watches-wrap .subname {display: block; font-size: 14px; color: #002144; text-align: center; font-size: 18px; font-family: "ssm"; letter-spacing: .07em; margin-bottom: 10px;}
.watches-wrap > section { overflow: hidden; text-align: center; margin-bottom: 30px; }
.watches-wrap img,
.watches-wrap video { max-width: 100%; }
.watches-wrap .product-filter {padding: 0 20px;}
.watches-wrap .watches-slide .slide-banner {border-top: 1px solid #d4d4d4; text-align: center; }
.watches-wrap .watches-slide .slide-banner img { width: 100%; }
.watches-wrap .watches-slide .slide-banner .sub-str {}
.watches-wrap .watches-slide .slide-banner .img {}
.watches-wrap .watches-slide .slide-banner > .tit { font-size: 14px;padding: 30px 0 11px;color: #002144; font-family: "ssm"}
.watches-wrap .watches-slide .slide-banner .details-copy { margin: 15px auto; width: 80%; color: #002144;}
.watches-wrap .watches-slide .slide-banner .slide-txt {padding: 20px 25px 30px;}
.watches-wrap .watches-slide .slide-banner .slide-txt h2, .watches-wrap .watches-slide .slide-banner .slide-txt p { }
.watches-wrap .watches-slide .slide-banner .slide-txt h2 { font-size: 14px; font-family: "ssm"; color: #002144; margin-bottom: 10px; }
.watches-wrap .watches-slide .slide-banner .slide-txt p {font-size: 10px; color: #002e5f;}
.watches-wrap .watches-slide .slide-banner .slide-txt h2 + p { margin-top: 10px; }
.watches-wrap .watches-slide .slide-banner .slide-txt a.cta { display: inline-block; margin-top: 25px; color: #002144; font-size: 11px;}
.watches-wrap .watches-slide .slide-banner .slide-cta {height: 25px; background-color: #fdf7ef; font-size: 10px; color: #2b2b2b; line-height: 25px; text-align: center;}
.watches-wrap .watches-slide .bx-wrapper .bx-controls-direction a.bx-prev  {top: auto; bottom: 2px !important;}
.watches-wrap .watches-slide .bx-wrapper .bx-controls-direction a.bx-next  {top: auto; bottom: 2px !important;}
.watches-wrap .inner-wrap {padding: 0 20px;}
.watches-wrap .inner-wrap .full-banner {border: 1px solid #dedede;}
.watches-wrap .inner-wrap .full-banner .banner-txt {margin-bottom: 0;}
.watches-wrap .prd-list-wrap > ul {padding-bottom: 30px;}

.prd-top-msg { padding: 20px 0; }
.prd-top-msg, .prd-top-msg > span { display: block; color: #002e5f; font-family: "ssm" }
.prd-top-msg > span { margin-top: 5px; }
.prd-top-msg > span:first-child { margin-top: 0; }
.prd-top-msg > span.bul-rt { display: inline-block; padding-right: 10px; background: url(../images/common/bul_rt.png) no-repeat right 4px; background-size: 4px; }


/* 상품 상세 */
.detail-view-wrap { /*margin-top: 30px; */}
.detail-view-wrap .view-inner { padding: 0 15px; }
.dt-prd-num { font-size: 12px; color: #8c8a8a; }
.dt-prd-name { margin-top: 10px; font-size: 20px; font-weight: bold; /*padding: 15px 0 20px;*/ text-align: center; }
.dt-prd-name em { display: inline-block; min-width: 55px; font-size: 11px; color: #f88017; }
.dt-prd-name * { vertical-align: middle; }
.dt-prd-price { margin-top: 10px; font-size: 14px; text-align: center; }
.dt-prd-price + .dt-prd-price { margin-top: 5px; }
.dt-prd-price > .tit { display: inline-block; min-width: 55px; }
.dt-prd-price > span { display: inline-block; }
.dt-prd-price  span + span { margin-left: 5px; }
.dt-prd-price .disc { font-size: 10px; }
.dt-prd-price .disc-bot { display: block; font-size: 10px; padding-left: 55px; margin-top: 3px; }
.dt-prd-price .box-xs { padding: 3px 3px 1px 3px; color: #8c8c8c; }
.dt-view-img { position: relative; margin-top: 30px; }
.dt-view-img li { text-align: center; }
.dt-view-img .dt-img img { width: 100%; }
.dt-view-img .dt-mov {height: 100%; text-align: center; width: 100%; box-sizing: border-box; }
.dt-view-img .dt-mov video {/*max-width: 100%;*/ }
.midline { text-decoration: line-through; }

.dt-view-img .zoom-txt {position:absolute; left: 50%; top: 50%; z-index: 100; width: 133px; height: 133px; margin: -67px 0 0 -67px; padding-top: 50px; background-color:rgba(255,255,255,.75); border:1px solid #d4d4d4; font-size: 12px; color: #555; line-height: 18px; text-align: center; box-sizing: border-box;}
.dt-view-img .img-cont { position: absolute; left:0; top: 0; z-index: 10; }
.dt-view-img .button { overflow: hidden; }
.dt-view-img .button .bt-lst { float: left; border:1px solid #d4d4d4; }
.dt-view-img .button .bt-lst + .bt-lst { margin-left: -1px; }
.dt-view-img .button .bt-lst a { display: block; width: 28px; height: 28px; background-size: 13px; text-indent: -999em; }
.dt-view-img .button .zoomin { background:#fff url(../images/common/btn_zoomin.png) no-repeat center center; background-size: 13px; }
.dt-view-img .button .zoomout {background:#fff url(../images/common/btn_zoomout.png) no-repeat center center; background-size: 13px;}
.dt-view-img .button .fit { display: none; background:#fff url(../images/common/btn_fit.png) no-repeat center center; background-size: 13px;}
.dt-view-img .button .fit.on { display: block; }

.dt-view-order { margin-top: 30px; }
.dt-view-order .lst { margin-top: 20px; }
.dt-view-order .lst { display: table; width: 100%; font-size: 14px; }
.dt-view-order .lst .tit,
.dt-view-order .lst .desc { display: table-cell; vertical-align: middle; }
.dt-view-order .lst .desc select { width: 100%;  }
.dt-view-order .lst .tit { width: 90px; }
.dt-view-order .lst.sns .tit { width: 100px }
/*.dt-view-order .lst .desc { width:calc(100%-140px); }*/
.dt-view-order .lst .btn-harf-wrap { margin-top: 10px; }
.dt-view-order .lst .btn-harf-wrap .btn.on { border:1px solid #2b2b2b; }
.dt-view-order .lst .btn-harf-wrap .btn { border:1px solid #d4d4d4; }
.dt-view-order .lst.sns { margin-bottom: 40px; }
.dt-view-order .sns-list { text-align: right; }
.dt-view-order .sns-list li { margin-left: 10px; }
.dt-view-order .sns-list li { text-align: left; }
.dt-view-order .sns-list a {height: 19px;}
.dt-view-order .fbk {width: 11px !important; background: url(../images/common/btn_fbk02.png) no-repeat center -20px; background-size: 11px; }
.dt-view-order .twt {width: 23px !important; background: url(../images/common/btn_twt02.png) no-repeat center -19px; background-size: 23px; }
.dt-view-order .pnl {width: 19px !important; background: url(../images/common/btn_pnl02.png) no-repeat center -19px; background-size: 19px;}
.dt-view-order .kko {width: 10px !important; background: url(../images/common/btn_kko.png) no-repeat center -19px; background-size: 10px; }
.dt-view-order .fbk:hover { background-position: center 0; }
.dt-view-order .twt:hover { background-position: center 0; }
.dt-view-order .pnl:hover { background-position: center 0; }
.dt-view-order .kko:hover { background-position: center 0; }
.dt-view-order.type01 { margin-top: 0; }
.dt-view-order.type01 .lst { margin-top: 10px; }
.dt-view-order.type01 .lst .tit { width:25%; }

/*#157396*/
.dt-view-order .lst.carryover {margin-top:10px;}
.carryover .prd-list-wrap > ul {padding-top:0; padding-bottom:0;}
.carryover .prd-list-wrap > ul > li {padding-top:0;}
.carryover .prd-list-wrap .inner .prd-name {padding-top:27px; padding-bottom:0;}
.carryover .prd-list-wrap .inner .season {display:block; padding-top:3px; color:#8C8A8A;}
.carryover .prd-list-wrap .inner .prd-price {padding-top:13px;}
.carryover .prd-list-wrap > ul > li {height:320px;}
/*157396*/

.color-type { overflow: hidden; text-align: center; margin-top: 20px; }
.color-type li:first-child {margin-left: 0;}
.color-type li {display: inline-block;/* float: left; margin-left: 4px;*/ vertical-align: middle; }
.color-type li + li { margin-left:7.5px; }
.color-type li a {display: block; border: 2px solid #fff; width: 32px; height: 32px; box-sizing:border-box; }
.color-type li a img {width: 28px; height: 28px;}
.color-type li a.on {border-color: #656364;}
.color-type li a.on img {width: 24px; height: 24px; border: 2px solid #fff; }
.color-type .color-name { margin-top: 10px; font-size: 14px; }

/* 상품상세 컬러 ssfshop 기준컬러코드 */
.color-type .color01 {background-color:#ffbd9d;}
.color-type .color02 {background-color:#ff7e46;}
.color-type .color03 {background-color:#ff958f;}
.color-type .color04 {background-color:#f80040;}
.color-type .color05 {background-color:#ebceb1;}
.color-type .color06 {background-color:#aa704b;}
.color-type .color07 {background-color:#a53613;}
.color-type .color08 {background-color:#6c462f;}
.color-type .color09 {background-color:#fff4c7;} /* IVORY */
.color-type .color09.bd{border:1px solid #ebebeb}
.color-type .color10 {background-color:#fffa6a;} /* LEMON */
.color-type .color11 {background-color:#ffc80e;}
.color-type .color12 {background-color:#d3a125;}
.color-type .color13 {background-color:#e4f949;} /* APPLE GREEN */
.color-type .color14 {background-color:#8fc735;}
.color-type .color15 {background-color:#1b8056;}
.color-type .color16 {background-color: #7b885c;}
.color-type .color17 {background-color:#d7dbf8;} /* LAVENDA */
.color-type .color18 {background-color:#b685e0;}
.color-type .color19 {background-color:#8200ff;}
.color-type .color20 {background-color:#fcd0eb;}
.color-type .color21 {background-color:#ff5fc2;}
.color-type .color22 {background-color:#d81c7a;}
.color-type .color23 {background-color:#9408b1;}
.color-type .color24 {background-color:#a92078;}
.color-type .color25 {background-color:#ccecff;} /* SKY BULE */
.color-type .color26 {background-color:#089acc;}
.color-type .color27 {background-color:#0059b0;}
.color-type .color28 {background-color:#0a1f89;}
.color-type .color29 {background-color:#ffffff;} /* WHITE */
.color-type .color29.bd{border:1px solid #ebebeb}
.color-type .color30 {background-color:#dddddd;}
.color-type .color31 {background-color:#808080;}
.color-type .color32 {background-color:#000000;}
.color-type .color33 {background-color:#494949;}
.color-type .color34 {background-color:#515c37;}


.dt-view-info { margin-top: 20px; }
.dt-view-info .info-lst { border-bottom:1px solid #d4d4d4; }
.dt-view-info .info-lst:first-child { border-top:1px solid #d4d4d4; }
.dt-view-info .info-lst a,
.dt-view-info .info-lst label { display: block; padding: 15px; background: url(../images/common/bul_down_arrow.gif) no-repeat right 15px center; font-size: 14px; }
.dt-view-info .info-lst.on a { background: url(../images/common/bul_up_arrow.gif) no-repeat right 15px center;}
.dt-view-info .info-panel { border-bottom: 1px solid #d4d4d4; }
.dt-view-info .top-sort { padding: 15px !important; }
.dt-view-info .info-panel > .inner { padding: 15px; }
.dt-view-info .info-panel > .inner.qa-bt { padding: 20px 15px; }
.dt-view-info .info-panel > .inner.gifts img {width:100%; margin-top:30px;}
/* #44876 common.css 추가  */
.dt-view-info .info-panel .inner .bannerbox img {max-width:100%;}
.dt-view-info .info-panel .inner .textbox {line-height:18px; color:#555; font-size:12px; padding-bottom:20px; border-bottom:1px solid #d4d4d4;}
.dt-view-info .info-panel .inner .bannerbox + .textbox {margin-top:10px;}
.dt-view-info .info-panel .inner .textbox .shopnow {display:block; margin-top:10px; color:#2b2b2b; font-size:14px; text-decoration:underline;}

.desc-area + .desc-area { margin-top: 20px; }
.descbox { border:1px solid #d4d4d4; }
.descbox + .descbox { margin-top: 20px; }
.descbox > img { width: 100%; }

.lst-result { padding: 0 15px 10px 15px; border-bottom: 1px solid #d4d4d4; }
.que-area { position: relative; padding:15px 70px 15px 0; }
.que-area .state { position: absolute; right: 0; top: 15px; }
.que-area .que { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; height: 16px; position: relative; display: block; padding-left: 17px; }
.que-area .que br { display: none; }
.que-area.on .que { height: auto; white-space: normal; }
.que-area.on .que br { display: block; }
.que-area .que:before { position: absolute; left:0; top: 0; display: block; content: "Q."; }
.que-area .date { margin-top: 10px; padding-left: 17px; color: #8c8a8a; font-size: 12px; }

.ans-area { padding: 15px 7px; background: #fbf7f2;  }
.ans-area p { position: relative; padding: 0 13px; }
.ans-area p:before {position: absolute; left:0; top: 0; display: block; content: "A.";}


/* 상품상세 리뷰 */
/* 별점 */
.star,
.star span {display: inline-block;  overflow: hidden; height: 14px;}
.star {position: relative; top:-3px; width: 69px;  vertical-align: middle; text-align: left; background: url(../images/common/img_star01.png) no-repeat 0 100%;}
.star span {vertical-align: top;text-align: left;text-indent: -9999em;background: url(../images/common/img_star01.png) no-repeat 0 2px;*overflow: hidden;*font-size: 0;*line-height: 0;*text-indent: 0;}
/* 막대 평점 */


.review-wrap .right {position: absolute; right: 0; top: 0;}
.review-wrap .review:after {display: block; content: ""; clear: both;}

.review-wrap .review .box01 { padding: 20px 0 30px 0; }
.review-wrap .review .box01 h3 {margin-bottom: 0; color: #656565; float: left; margin-right: 5px; font-weight: bold;}
/*.review-wrap .review > div {float: left;}*/
.review-wrap .review .box01 .inner { display: inline-block; /*width:100%; */ text-align: center;}
/*.review-wrap .review .box01 .star { margin:0 auto; }*/
/*.review-wrap .review .box02 {width: 100%;}*/


.review-wrap .review .box02 { display: table; width: 100%; padding: 30px 0; border-top: 1px solid #d4d4d4;  }
.review-wrap .review .box02 > dl { display: table-cell; width: 33.3%; text-align: center; }
.review-wrap .review .box02 > dl dd { margin-top: 5px; }
.review-wrap .review .rv-graph { overflow: hidden; }
.review-wrap .review .rv-graph .box03,
.review-wrap .review .rv-graph .box04 { float: left; width: 50%; box-sizing: border-box; }
.review-wrap .review .rv-graph .box03 { padding-right: 5px }
.review-wrap .review .rv-graph .box04 { padding-left: 5px; }

.review-wrap .review .rv-graph { padding-bottom: 15px; }
.review-wrap .review .rv-graph h3 { color: #2b2b2b; }
.review-wrap .review .rv-graph dl { display: table; width: 100%; margin-top: 5px; }
.review-wrap .review .rv-graph dt { display: table-cell; width: 60px; font-size: 9px; vertical-align: middle; }
.review-wrap .review .rv-graph dd { display: table-cell; width: *; vertical-align: middle; }

.graph-wrap { display: table; width: 100%; vertical-align: middle;}
.graph { display: table-cell; overflow: hidden; height: 6px;}
.graph > span { display: inline-block; overflow: hidden; position: relative; width: 100%; background-color: #f0f0f0; height: 6px; }
.graph > span span { display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; height: 6px; text-indent: -9999em; background-color: #555; }
.graph-wrap .num { display: table-cell; width: 33px; text-align: right; font-size: 9px; color: #8c8a8a; }

/*.review-wrap .review .box02 dt {width: 35px;}
.review-wrap .review .box03 {width: 292px;}
.review-wrap .review .box03 dt {width: 75px;}
.review-wrap .review .box04 {width: 270px;}
.review-wrap .review .box04 dt {width: 90px;}
.review-wrap .review h3 {margin-bottom: 20px; color: #656565; float: left; margin-right: 20px; font-weight: bold;}
.review-wrap .review .box03 h3,
.review-wrap .review .box04 h3 { float: none;  }*/
/*.review-wrap .review dl:after {display: block; content: ""; clear: both;}*/
/*.review-wrap .review dt {float: left;}*/
/*.review-wrap .review dd {overflow: hidden; margin-bottom: 20px;}*/
.review-sort ul { display: table; width: 100%; }
.review-sort li { display: table-cell; vertical-align: middle; height: 35px;}
.review-sort li:first-child a { text-align: left; background: none; }
.review-sort li:last-child { text-align: right; }
.review-sort li > a { display: block; text-align: center; background: url(../images/common/bg_dashed.png) no-repeat left 1px center;}
.review-sort li select { width: 100%; }

.rev-top .rev-info { overflow: hidden; }
.rev-top .rev-info .star { float: left; }
.rev-info .box-xs { float: left; min-width: auto; padding: 3px 3px 1px 3px; background: #f88017; color: #fff; border: none; margin-left: 5px; margin-top: -1px; }
.rev-top .rev-info .wt-info { float: right; color: #8c8a8a; }
.rev-top .rev-info .wt-info em { display: inline-block; margin-right: 5px; }
.rev-top .rev-cont .rev-info { padding: 0; margin-bottom: 20px; }

.rev-top .rev-list { display: table; width: 100%; margin-top: 20px;  }
.rev-top .rev-list .img,
.rev-top .rev-list .text { display: table-cell; height: 127px; vertical-align: middle; }
.rev-top .rev-list .text .user-txt { display: block; overflow: hidden; height: 29px; word-break: break-all;}
.rev-top .rev-list .text .user-txt br { display: none; }
.rev-top .rev-list .img { width: 132px; padding-right: 10px;}
.rev-top .rev-list .img img {width: 100%;}
.rev-top .rev-list .text { width: calc(100%-132px); }
.rev-anc .prd-name { display: block; margin-bottom: 10px; color: #8c8a8a; }

.rev-top.on .rev-list { padding-top: 0; }
.rev-top.on .rev-list .img { display: none; }
.rev-top.on .rev-list .text { width: 100%; height: auto; }
.rev-top.on .rev-list .text .user-txt { height: auto; }
.rev-top.on .rev-list .text .user-txt br { display: block; }
.review-table .rev-top.on .star-lst,
.review-table .rev-top.on .prd-photo-area { display: block; margin-top: 20px; }

.star-lst {  text-align: center; }
.star-lst ul { overflow: hidden; }
.star-lst .left,
.star-lst .right { display: inline-block; vertical-align: top; }
.star-lst .right { margin-left: 10%; }
.star-lst ul li { text-align: left; margin-top: 5px; }
.star-lst ul li:first-child { margin-top: 0; }
.star-lst li > em { display: inline-block;  width: 40px; font-weight: bold; }

.review-table { border-top:1px solid #d4d4d4; }
.review-table > ul {}
.review-table > ul > li { padding: 20px 15px; border-top:1px solid #d4d4d4; }
.review-table > ul > li:first-child { border-top:none; }
.review-table .star-lst { display: none; border:1px solid #d4d4d4; padding: 15px 0; margin-top: 15px; }
.review-table .rev-text { padding: 20px 0; }
.review-table .rev-text .prd-name { display: block; margin-bottom: 10px; color: #8c8a8a; }

.prd-photo-area { display: none; text-align: center; }
.prd-photo-area img { max-width: 100%; }
.prd-photo-area img + img { margin-top: 20px; }
.prd-info-msg { /*margin-bottom: 20px;*/ line-height: 18px; font-size: 14px; }
.desc-area + .prd-info-msg { margin-top: 10px; }
.sw-info { text-align: center; }
.sw-info img { max-width: 100%; margin: 30px 0 20px 0; }

.review-point {width: 600px; margin: 40px auto 0; text-align: center;}
.review-point strong {font-size: 14px; font-weight: normal;}
.review-point table {margin-top: 20px;}
.review-point th,
.review-point td {padding: 14px 0 13px; text-align: center; border: 1px solid #d4d4d4;}
.review-point thead th {background-color: #f0f0f0; color: #464646;}

.prd-slide .prd-list-wrap > ul { padding: 0; }
.prd-slide .prd-list-wrap > ul > li { padding-top: 0; }


/* List Type */
.lst-default > li { text-indent: -8px; padding-left: 8px; margin-top: 15px; }
.lst-default.type01 > li { text-indent: -14px; padding-left: 14px;  }
.lst-sq{ line-height: 18px; }
.lst-sq > li { padding-left: 7px;  background: url(../images/common/bul_sq.png) no-repeat 0 6px; background-size: 2px; margin-top: 10px; }
.lst-sq > li.bgnone {padding-left: 0; background-image: none;}
.lst-sq > li:first-child { margin-top: 0; }
.lst-sq .newline { margin-bottom: 5px; }
.lst-sq > li .tit {display:inline-block; margin-bottom: 5px; font-weight: bold;}
.lst-sq.both-0 > li:not(:first-child){ margin-top: 0; }
.lst-sq.both-5 > li:not(:first-child){ margin-top: 5px; }

.lst-sq > li > .label{ float: left; margin-right: 5px; }
.lst-sq > li > .label + .value{ overflow: hidden; display: block;}

.lst-sq2 > li { padding-left: 10px;  background: url(../images/common/bul_sq.png) no-repeat 0 6px; background-size: 3px; margin-top: 5px; font-size: 10px;}

.lst-default > li .lst-sq > li { text-indent: 0; }

.list-bottom { margin-top: 10px; }
.list-bottom02 { margin-top: 20px; }
.box-grey .lst-default > li { font-size: 11px; margin-top: 5px; line-height: 15px; text-indent: -6px; padding-left: 6px;}
.lst-inf > li { margin-top: 10px; }
.lst-inf > li:first-child { margin-top: 0; }
.lst-inf > li em,
.box-grey .lst-inf > li span { vertical-align: middle; }
.lst-inf > li em { display: inline-block; margin-right: 5px; }
.box-grey .lst-inf > li span { font-size: 14px; }

.panel-lst .info-lst { border-top:1px solid #d4d4d4; padding: 10px 15px; }
.panel-lst.none-bdr,
.panel-lst.none-bdr .info-lst { border:none; }
.panel-lst { border-bottom: 1px solid #d4d4d4; }
.section + .section .panel-lst .info-lst { border-top:none; }
.panel-lst .info-lst > label { display: block; }
.panel-lst .info-lst .prd-box { padding-top: 0; }
.panel-lst .info-lst .prd-box .info-delivery {width: 75%;}
.panel-lst .info-lst .prd-box .info-delivery .btn.small {margin-top: 5px;}
.prd-lst .panel-lst .info-lst .prd-box { padding-top: 10px; }
.md-layer .panel-lst .info-lst { padding: 10px 0; }
.panel-lst.type01 .info-lst { position: relative; }
.panel-lst.type02 .info-lst { padding: 20px 15px; }
.panel-lst.type02 .info-lst .tit { font-weight: bold;}
.btn-arrow { position: absolute; right: 0; top:50%; margin-top: -15px; width: 30px; height: 30px; display: block;  background: url(../images/common/bul_arr_rt.png) no-repeat center center; background-size: 5px; text-indent: -999em;}
.panel-lst .info-lst.check-all { background: #f0f0f0; }
.panel-lst.first { margin-top: -20px; }

/* Titles */
.title01 { font-weight: bold; font-size: 13px; color: #2b2b2b; }
.title02 { font-weight: bold; font-size: 14px; color: #2b2b2b; }
.title03 { font-weight: bold; margin-bottom: 15px; color: #2b2b2b; }
.title04 { font-weight: bold; margin-bottom: 10px; color: #2b2b2b; }
.title-header .title02 { padding: 20px 0; text-align: center; color: #2b2b2b; }
.info-panel .title01 { margin-bottom: 10px; }
.info-panel .title01 + .sub-txt { margin-top: -5px; margin-bottom: 10px }
.title-area { position: relative; }
.title-area .par { top: -3px; }
.title-area .right { position: absolute; right: 0; top: 0; }

.pg-header {padding: 20px 0; text-align: center;}
.pg-header .pg-title {font-size: 20px; color: #2b2b2b; line-height: 1;}
.pg-header .pg-txt {margin-top: 15px; font-size: 11px; color: #555; line-height: 14px;}
.pg-wrapper {padding: 0 10px;}
.pg-wrapper select {width: 100%; margin-bottom: 25px;}
.pg-wrapper .full-banner {padding-top: 15px;}
.pg-wrapper .full-banner .banner-txt {margin-bottom: 0;}
.pg-wrapper .full-banner .banner-txt span + span {margin-top: 5px; color: #8c8c8c;}
.pg-wrapper .prd-list-wrap > ul {padding: 0;}
.pg-wrapper .prd-list-wrap > ul > li {padding-top: 0;}

/* Border */
.bdt { border-top:1px solid #d4d4d4; }
.bdb { border-bottom:1px solid #d4d4d4; }
.bd { border:1px solid #d4d4d4; }

/* Box Area */
.box-inner { padding: 0 15px; }
.box-inner.type02 { padding-bottom: 30px; border-bottom:1px solid #d4d4d4; }
.inner-wrap { padding: 0 15px; }
.hr-scroll { width: 100%; overflow: auto; }
.cont-lst + .cont-lst { margin-top: 30px; }
section.section {}
section.section + section.section { margin-top: 30px; }
.no-result { padding: 15px 0 10px 0; text-align: center; }
.no-result02 { padding: 30px 0; text-align: center; }
.box-xs { display: inline-block; padding: 1px 0 3px 0; color: #2b2b2b; font-weight: normal; font-size: 10px; min-width: 60px; border:1px solid #d4d4d4; text-align: center; vertical-align: middle; }
.info .box-xs { margin-left: 10px; }

.md-layer section.section { margin-top: 20px; }
.md-layer section.section + .btn-area { margin-top: 30px; }
.md-layer .msg-top,
.pop-layer .msg-top { font-size: 12px; font-weight: normal; margin-bottom: 0; }
.md-layer .btn-area { margin-top: 20px; }
.openInipay {display: block !important; position:absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: #fff;}

/*.flex-wrap { display: flex; justify-content: space-around; }
.flex-item { width:100%; box-sizing: border-box; }*/
.ip-bt > .lh { display: table-cell; }
.ip-bt > .lt,
.ip-bt > .rt { display: table-cell; text-align: right; width: auto; }
.ip-bt > .lt {padding-right: 5px; }
.ip-bt select, .ip-bt input[type="text"] { width: 100%; }
.ip-bt .btn { padding: 0 10px; width: 100%; }
.box-grey { padding: 15px; background: #f0f0f0; }
.box-grey.lg {padding: 28px 15px;}
.box-wh { padding: 15px; background: #fff; border: 1px solid #d4d4d4 }
.cont-wrap + .cont-wrap { border-top:1px solid #d4d4d4; padding-top:20px; margin-bottom: 20px; }
.cont-wrap .panel-lst { border-bottom: none; }
.sect-inr { padding-top: 20px; border-top:1px solid #d4d4d4; }
.ma { margin:0 auto; }

.ovf { overflow: hidden; }
.ovf > .lt { float: left; }
.ovf > .rt { float: right; }

.dsp-tbl { display: table; width: 100%; }
.dsp-tbl > .items,
.dsp-tbl > .var  { display: table-cell; vertical-align: middle; }

.dsp-tbl.type01 > .items { width: 33%; text-align: center; }
.dsp-tbl.type01 > .var { width: 7px; height: 0; }
.dsp-tbl.type01 .bot { font-size: 10px; color: #8c8a8a; }
.dsp-tbl.type01 .num { font-size: 22px; color: #f88017; }
.dsp-tbl.type01 .num + .bot { padding-top: 5px; }

.dsp-tbl.type02 .items { }
.dsp-tbl.type02 > .var { width: 7px; }

.harf-area { overflow: hidden; }
.harf-area > .items { float: left; width: 50%; box-sizing: border-box; padding-right: 5px; }
.harf-area > .items:nth-child(2) { padding-right: 0; padding-left: 5px; }

/* Tabs */
/*.tabs-menu > li { text-align: center; }
.tabs-menu > li + li { border-left: 1px solid #d4d4d4; }
.tabs-menu > li > a { display: inline-block; color: #8c8a8a; padding-bottom: 7px; border-bottom: 2px solid #fff;  }
.tabs-menu > li > a.on { color: #f88017; border-bottom: 2px solid #f88017;}*/

.tabs-menu { display: table; width: 100%; }
.tabs-menu > li { display: table-cell; width: 50%; border-left: 1px solid #d4d4d4; }
.tabs-menu > li:first-child { border-left:none; }
.tabs-menu > li.bar {border-left: 1px solid #d4d4d4;}
.tabs-menu > li > a { display: block; width: 100%; text-align: center; }
.tabs-menu > li > a span { display: inline-block; color: #8c8a8a; padding-bottom: 7px; border-bottom: 2px solid #fff; }
.tabs-menu > li > a.on span{ color: #f88017; border-bottom: 2px solid #f88017;}
.tabs-menu.col3 li { width: 33.3%; }
.tabs-menu.col3 li:nth-child(2) { width: *; }
.tabs-menu.col4 li { width: 25%; }

.tab-default { border-top:1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.tab-default.on { border-bottom: none; }
.tab-default a { display: block;padding: 15px; padding: 15px;background: url(../images/common/bul_down_arrow.gif) no-repeat right 15px center;}
.tab-default.on a { background: url(../images/common/bul_up_arrow.gif) no-repeat right 15px center;}
.tabs-panel { display: none; }
.tabs-anchor.on + .tabs-panel { display: block; }

/* Modal Layer */
.md-layer { display: table; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 300; }
.md-layer form { max-height: 100%; }
.md-layer .layer-wrap { position: relative; z-index: 300; display: table-cell; vertical-align: middle; padding: 0 15px; height: 100%; }
.md-layer .layer-header { width: 100%; border-bottom: 1px solid #d4d4d4; z-index: 10; }
.md-layer .header-inner { position: relative; height: 45px; background: #fbf7f2; }
.md-layer .layer-header h1 { height: 45px; text-align: center; font-size: 14px; font-weight: bold; line-height: 43px;  }
.md-layer .btn-close { position: absolute; right: 0; top: 0; z-index: 1; }
.md-layer .btn-close a { display: block; width:45px; height: 45px; background: #ddd; background: url(../images/common/btn_close01.png) no-repeat center center; background-size: 16px; text-indent: -999em; }
/*.md-layer .layer-header .btn-close { position: absolute; right: 0; top: 0; z-index: 1; }
.md-layer .layer-header .btn-close a { display: block; width:45px; height: 45px; background: #ddd; background: url(../images/common/btn_close01.png) no-repeat center center; background-size: 16px; text-indent: -999em; }*/
.md-layer .layer-box,
.md-layer .layer-inner { border:1px solid #d4d4d4; position:relative;}
.md-layer .layer-content { background: #fff; }
.md-layer  .content-inner { padding: 15px; }
.md-layer.type01  .content-inner { padding: 0; }
.md-shadow { position: fixed; left:0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; opacity: 0.8; z-index: 299; }

.md-layer.type01 .layer-box,
.md-layer.type01 .layer-inner { position: relative; }
/*.md-layer.type01 .content-inner { padding: 0; min-height: 100px; }*/
.md-layer.type01 .content-inner { text-align: center; }
.md-layer.type01 .layer-box img,
.md-layer.type01 .layer-inner img { max-width: 100%; }

.md-layer.type02 {}
.md-layer.type02 .layer-wrap {position: fixed; width: 100%; height: auto; bottom: 0; padding: 0; vertical-align: bottom;}
.md-layer.type02 .layer-wrap .top-inner {position:relative; height: 10px; background: #fff;}
.md-layer.type02 .layer-wrap .top-inner .btn-close { position: absolute; right: 0; top: 0; z-index: 1; }
.md-layer.type02 .layer-wrap .top-inner .btn-close a { display: block; width:45px; height: 45px; background: #ddd; background: url(../images/common/btn_close01.png) no-repeat center center; background-size: 16px; text-indent: -999em; }
.md-layer.type02 .content-inner {padding: 20px 15px 30px;}
.md-layer.type02 .md-shadow {background: #2b2b2b;}
/*.md-layer.scrollable {overflow: auto; -webkit-overflow-scrolling: touch;}
.md-layer.scrollable .inner {height: 100%; -webkit-box-sizing: border-box; background-color: #fff;}*/
.md-layer.scrollable {width: 100%; height: 100%; position: relative; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.md-layer.scrollable .inner {width: 100%; height: 100%; /* Android 이중 스크롤 방지 */ position:absolute; top:0; left:0;}

/* Full Layer */
/* #56638 height, padding-bottom 삭제 */
.pop-layer { position: fixed; left: 0; top: 50px; bottom: 0; z-index: 60; width: 100%; /*height: 100%; padding-bottom: 45px;*/ background: #fff; }
.pop-layer, .pop-layer * { box-sizing: border-box; }
.pop-layer form { width: 100%; height: 100%; }
.pop-layer .layer-wrap { position: relative; height: 100%; z-index:300;}
.pop-layer .layer-header { position: absolute; left: 0; top: 0; width: 100%; border-bottom: 1px solid #d4d4d4; z-index: 10; }
.pop-layer .header-inner { position: relative; height: 45px; }
.pop-layer .layer-header h1 { height: 45px; text-align: center; font-size: 14px; font-weight: bold; line-height: 43px; color: #2b2b2b;  }
.pop-layer .layer-header .btn-close { position: absolute; right: 0; top: 0; z-index: 1; }
.pop-layer .layer-header .btn-close a { display: block; width:45px; height: 45px; background: #ddd; background: url(../images/common/btn_close01.png) no-repeat center center; background-size: 16px; text-indent: -999em; }
.pop-layer .layer-content { height: 100%; padding-top: 45px; }
/* #56638 padding-bottom: constant(safe-area-inset-bottom) 추가 */
.pop-layer .content-inner { height: 100%; overflow-y: auto; padding: 20px 0; padding-bottom: calc( 20px + env(safe-area-inset-bottom) * 2); padding-bottom: calc( 20px + constant(safe-area-inset-bottom) * 2); -webkit-overflow-scrolling: touch; }
.pop-layer .terms { padding: 0 0 20px 0; }
.pop-layer .terms > dt,
.pop-layer .terms .tit { font-weight: bold; }
.pop-layer .terms > dd,
.pop-layer .terms .desc { margin-top: 15px; color: #8c8a8a; }
.pop-layer .terms > dd li,
.pop-layer .terms .desc li { margin-top: 10px; }
.pop-layer .terms > dd + dt,
.pop-layer .terms .desc + .tit { margin-top: 20px; }

.pop-layer .terms .tbl-default tbody th,
.pop-layer .terms .table-col { word-break: keep-all; }
.pop-layer .terms .tbl-default td.last { border-right:none; }
.pop-layer .terms .board-wrap { padding: 20px 0; }
.pop-layer .map-area {margin-top: 20px;}
.img-wrap {text-align: center;}
.img-wrap img {max-width: 100%;}

.none-indent li > p {margin-bottom: 3px;}

.section-sm { margin-top: 10px !important; }
.section-md { margin-top: 20px !important; }
.section-lg { margin-top: 30px !important; }
.section-xl { margin-top: 60px !important; }


/* 회원가입 */
.ip-box:first-child { margin-top: 0; }
.ip-box { margin-top:15px; }
.ip-box input[type="text"], .ip-box input[type="password"] { width: 100%; }
.ip-box input[type="text"]:focus, .ip-box input[type="password"]:focus { border:1px solid #f88017; color: #f88017; }
.ip-box input.mandatory { background:#fff url(../images/common/bul_check.png) no-repeat 11px center; background-size: 13.5px; padding-left: 30px; border:1px solid #d4d4d4; }
.ip-box input.mandatory.on { background: #fff; padding:0 10px; }
.ip-box input.mandatory:focus { background: #fff; padding-left: 10px; }
.ip-box-label{ margin-top: 30px; font-size: 12px; line-height: 1; color: #2b2b2b; font-weight: bold; }
.ip-box-label:first-child{margin-top: 0;}
.ip-box-label + .ip-box{ margin-top: 10px; }
input.duplicated,
input.false { border:1px solid #db2a6e !important; }
.ip-msg { margin-top: 10px; font-size: 11px; }
.msg-mandatory { display: inline-block; padding-left: 20px; background: url(../images/common/bul_check.png) no-repeat left center; background-size: 13.5px; }
.msg-box { padding:20px 0; text-align: center; font-size: 14px; line-height: 23px }
.msg-box.sm {padding: 10px 0 20px;}
.msg-box + .btn-area { margin-top: 0; }
.msg-sub { display: block; color: #8c8a8a; font-size: 11px; text-align: center; margin-top: 30px; line-height: 18px; }
.msg-top { display: block; font-size: 14px; font-weight: bold; margin-bottom: 30px; line-height: normal;  }
.lst-box { padding: 20px 0; border-top:1px solid #d4d4d4; }
.agree-terms .checked-all {padding:10px 0;}
.agree-terms .panel-lst .info-lst {padding:10px 0;}
.agree-terms .bold {font-size:14px; line-height: 18px;}

.user-menu { display: table; width: 100%; padding: 30px 0; }
.user-menu li { display: table-cell; width: 33.3%; background: url(../images/common/bg_dashed.png) no-repeat left center; }
.user-menu li:first-child { background: none; }
.user-menu li a { display: block; text-align: center; text-decoration: underline; }
.btn-area + .join-help-menu {border-top: none;}
.join-help-menu { border-top:1px solid #d4d4d4; padding-top: 20px; }
.join-help-menu .lst-sq > li {position: relative;  box-sizing: border-box; padding-right: 90px; }
.join-help-menu .lst-sq .btn01,
.join-help-menu .lst-sq .btn02 { position: absolute; }
.join-help-menu .lst-sq .btn01 { overflow: hidden; right: 0; top: 0; }
.join-help-menu .lst-sq .btn.btn02 {right: 0; top: 2px; width: 85px; height: 30px; padding: 0 10px; color: #fff; line-height: 30px; background: #555; border:none; }
.join-help-menu .lst-sq .btn01 a { display: block; float: left; }
.join-help-menu .lst-sq .btn01 a + a { margin-left: 10px; }

/* 쇼핑백 및 주문결제 */
.top-header .checked-all {border-top: none; padding: 0;}
.checked-all {border-top: 1px solid #d4d4d4; padding: 10px 15px;}
.checked-all.type02 {background: #f0f0f0;}
.prd-lst .panel-lst .check-all { background: #fff; }
.panel-lst.type03 > li { position: relative; }
.panel-lst.type03 > li label { display: inline-block; }
.btn-rt { position: absolute; right: 15px; top: 10px; }
.btn-rt a { vertical-align: middle; }
.btn-rt a + a { margin-left: 20px; }
.btn-remove { display: inline-block; width:20px; height:20px; background: url(../images/common/btn_close.png) no-repeat center center; background-size: 15px; text-indent: -999em; }
.btn-wish { display: inline-block; text-decoration: underline !important; }

.prd-box { display: table; width: 100%; }
.prd-box .img,
.prd-box .info,
.prd-box .lst { display: table-cell; vertical-align: top; }

.prd-box { padding: 10px 0 0 0; }
.prd-box .lst { text-align: right; }
.prd-box .img { width: 30%; }
.prd-box .info { width:*; }
.prd-box .img + .info { padding-left: 5px; }
.prd-box .info dt { font-weight: bold; }
.prd-box .info dd { margin-top: 10px; }
.prd-box .info dd select { width: 50%; margin-left: 10px; }
.prd-box .lst { width: 20%; vertical-align: middle; }
.prd-box .img { text-align:center; }
.prd-box .img img { max-width: 100%; }
.price { font-size: 14px; color: #2b2b2b; text-align: right; margin-top: 15px; }
.price01 { font-size: 14px; color: #db2a6e; margin-top: 15px; }
.price em { font-family: "ssm"; font-size: 17px;   }
.benefits { display: inline-block; padding: 2px 7px 5px 7px; border:1px solid #ddd; color: #f88017; font-size: 10px; }

.result-area { margin-top: 20px; }

.prd-lst + .result-area { margin-top: 0; padding: 20px 15px; /*border-bottom: 1px solid #d4d4d4 */}
.box-inner + .prd-lst { margin-top: 20px; }
.top-header + .prd-lst .panel-lst.type04 { border-bottom: none; }
.top-header + .prd-lst .panel-lst.type04 .info-lst:first-child { border-top:none; }
.top-header + .prd-lst .panel-lst.type04 .info-lst:last-child { border-bottom: none !important }
.section + .section .panel-lst.type04 .info-lst { border-top:1px solid #d4d4d4; }
.lst-box.none-bdt { padding-top: 0; }

.payment-info-list .lst-area { display: none; margin-top: 30px; }
.payment-info-list .lst-area.on { display: block; }
.payment-info-list .sel-area { margin-bottom: 20px; }
.und-bt { margin-top: 20px; }
.und-bt a { display: inline-block; text-decoration: underline; color: #555; }
.und-bt a + a { margin-left:15px; margin-bottom: 10px; }
.payment-info-list .top { margin-bottom: 10px; font-weight: bold; color: #2b2b2b; }




.harf-lst > li { overflow: hidden; margin-top: 10px; }
.harf-lst > li:first-child { margin-top: 0; }
.harf-lst .lt,
.harf-lst .rt { float: left; width: 50%; box-sizing: border-box; }
.harf-lst .lt { text-align: left; }
.harf-lst .rt { text-align: right; }
.harf-lst .rt em { font-weight: bold; }
.price-total { display: table; width: 100%; padding: 0 15px; margin-top: 15px; box-sizing: border-box; }
.price-total > p,
.price-total > div { display: table-cell; width: 50%; vertical-align: middle; }
.price-total em { font-size: 19px; }

.info-delivery dt { font-weight: bold; }
.info-delivery dd { margin-top: 5px; }
.info-delivery.inline dt {float: left; width: 30%; margin-top: 5px; font-weight: normal;}
.info-delivery.inline dd {float: left; width: 70%;}
.info-delivery.inline dd:after {display:inline-block; content:' '; }

.desc-info dt { color: #2b2b2b; }
.desc-info dd { margin-top: 5px; }
.map-area { overflow: hidden;}
.btn.pab { bottom:10px; }

.desc-info.type01 dt { color: #2b2b2b; font-size: 14px; }
.desc-info.type01 dd { margin-top: 5px; color: #8c8a8a; }
.desc-info.type01 dd.first { margin-top: 10px; }

.desc-info.type01 .bot { margin-top: 20px; }
.desc-info .s-info + .s-info { margin-left: 20px; }

/* 고객센터 */
.qna-wrap { border-top:1px solid #d4d4d4; }
.qna-wrap .lst-item { }
.qna-wrap .lst-item .que-box { padding: 15px; }
.qna-wrap .lst-item .top { overflow: hidden; }
.qna-wrap .lst-item .top .date { float: left; color: #8c8a8a; }
.qna-wrap .lst-item .top .state { float: right }
.qna-wrap .lst-item .top .state.on { color: #f88017; }
.qna-wrap .lst-item .que { display: block; margin-top: 15px;}
.qna-wrap .lst-item .que,
.qna-wrap .lst-item .ans { line-height: 16px; }
.qna-wrap .lst-item .ans-box { padding: 15px 15px 15px 35px; background: #f0f0f0; }
.qna-wrap .lst-item .ans { position: relative; }
.qna-wrap .lst-item .ans:before { display: block; content: "A."; position: absolute; left:-15px; top: 0; }
.qna-wrap .lst-item .ans-box .date { display: block; margin-top: 15px; font-size: 11px; }

.qna-wrap.type01 .lst-item .que-box { padding: 0; border-bottom: 1px solid #d4d4d4; }
.qna-wrap.type01 .lst-item .que { position: relative; padding: 15px 15px 15px 40px; margin-top: 0; }
.qna-wrap.type01 .lst-item .que:before { display: block; content: "Q."; position: absolute; left:15px; top: 15px; }
.qna-wrap.type01 .lst-item .ans-box { padding: 15px; background: #f0f0f0; }
.qna-wrap.type01 .lst-item .ans:before { display: block; margin-bottom: 10px; content: "A."; position: static; }

.btn-lst { overflow: hidden; margin-top: -15px; }
.btn-lst > li { float: left; box-sizing: border-box; padding-right: 5px; width: 50%; margin-top: 15px; }
.btn-lst > li:nth-child(2n) { float: right; padding-left: 5px; padding-right:0;}
.btn-lst > li > a { display: block; height: 40px; width: 100%; border:1px solid #555; text-align: center; line-height: 36px; box-sizing: border-box;}
.btn-lst > li.checked {position: relative;}
.btn-lst > li.checked:before {position: absolute; z-index: 10; content:''; display:block; left: 0; top: 0; bottom: 0; right: 0; background: url(../images/common/bul_check01.png) no-repeat center center; background-size: 22px 15px;}
.btn-lst > li.checked > a {position: relative; z-index: 5;}
.btn-lst > li.checked > a:before {position: absolute; content:''; display:block; left: -1px; top: -1px; bottom: -1px; right: -1px; background:#f88017; opacity:.8;}
.btn-lst.col1 > li { float: none !important; width: 100%; margin-top: 10px; padding-right: 0;}
.btn-lst.col1 > li:nth-child(2n) { float: none; padding-left: 0;}

.chk-header {position:relative; margin-bottom: 25px;}
.chk-header h2, .chk-header h3 {padding-left: 20px;}
.chk-header .benefit {position: absolute; left: 0; top: 1px; display: inline-block; width: 14px; height: 14px; background: url(../images/common/ico_help_r.png) no-repeat left center; background-size: 14px 14px; text-indent: -9999px;}

.bottom-menu { position: fixed; width: 100%; left: 0; bottom: 0; right: 0; height: 40px;  }
.bottom-menu > .inner { position: relative; height: 40px; }
.bottom-menu .menu-btn { overflow: hidden; /*display: flex; justify-content: space-around; */position: relative; z-index: 10; }
.bottom-menu .menu-btn a { width: 100%; display: block; height: 40px; line-height: 36px; color: #fff; text-align: center; background: #555; opacity: .8; }
.bottom-menu .menu-btn a span { display: inline-block; padding-right: 16px; background: url(../images/common/bul_up_xs.png) no-repeat right center; background-size: 9px; }
.bottom-menu .menu-btn a.on { background: #fff; }
.bottom-menu .menu-btn a.on span { color: #2b2b2b; background: url(../images/common/bul_up_xs01.png) no-repeat right center; background-size: 9px;}

.bottom-menu .menu-panel { position: absolute; left: 0; padding: 15px; bottom: -235px; width: 100%; background: #fff; z-index: 9; box-sizing: border-box; }
.bottom-menu .menu-panel a.on,
.bottom-menu .menu-panel a:hover { background: #f88017; border: none; color: #fff; }

.bottom-menu.col2 .menu-btn a { float: left; width: 50%; }


.lst-view {}
.lst-view > li { border-top:1px solid #d4d4d4; }
.lst-view > li:last-child { border-bottom:1px solid #d4d4d4; }
.lst-view > li > a { display: block; padding: 15px 20px; }

.lst-detail {}
.lst-detail .view-header .date { display: block; text-align: right; color: #8c8a8a; }
.lst-detail .view-header .subject { display: block; padding: 15px 0; }
.lst-detail .view-content { line-height: 18px; }
.lst-detail .view-content .img { text-align: center; }
.lst-detail .view-content .img + .text,
.lst-detail .view-content .text + .img { margin-top: 15px; }
.lst-detail .view-content .img img { max-width: 100%; }
.lst-detail .view-content .text + .pass-detail { margin-top: 30px; }
.pass-detail .pass-header { margin-bottom: 15px; color: #2b2b2b; font-weight: bold; }
.pass-detail .pass-header .date { display: block; color: #8c8a8a; font-weight: normal;}
.pass-detail .pass-content .tbl-default td { text-align: center; }

.find-area .ip-content .num,
.find-area.on .ip-content .name { display: none; }
.find-area.on .ip-content .num { display: block; }
.ip-header { overflow: hidden; padding: 0 15px; }
.ip-header > label { display: block; float: left; width: 50%; margin-left: 0; }
.ip-content { border-top:1px solid #d4d4d4; padding-top: 20px; margin-top: 20px; }


/* 마이페이지 */
.dsb { display: block; }
.fs19 { font-size: 19px !important; }
.fs14 { font-size: 14px !important; }
.fs13 { font-size: 13px !important; }
.fs12 { font-size: 12px !important; }
.fs11 { font-size: 11px !important; }
.lh { line-height: 18px !important; }
.top-header { display: table; width: 100%; padding: 20px 0; text-align: center; background: #f0f0f0;  }
.top-header.type02 {padding: 10px 0;}
.top-header .txt,
.top-header .num { display: table-cell;width: 50%; vertical-align: middle;}
.top-header.type01 .num { display: table-cell;width: auto; vertical-align: middle;}
.top-header .txt { font-size: 10px; }
.top-header .num { font-size: 22px; }
.top-header .num .fc04 { font-size: 28px; }
.top-header .inner { display: inline-block; text-align: left; }
.top-header .txt .dsb { font-size: 16px; font-weight: bold; }

.panel-lst.type04 .info-lst {padding: 20px 15px;}
.panel-lst.type04 .info-lst .prd-box { padding-top: 0; }
.panel-lst.type04 .info-lst .prd-box .img { width: 35%; }
.prd-box .info .bottom { margin-top: 15px; }

.panel-lst.type05 .info-lst { position: relative; padding: 20px 15px; }
.panel-lst.type05 .info-lst:first-child { border-top: none; }
.panel-lst.type05 .info { vertical-align: middle; }
.panel-lst.type05 .prd-box .img { width: 45%; }

.panel-lst.type06 .items.rt { width: 80px; vertical-align: top; text-align: right; }
.panel-lst.type06 .items.rt .it-state { width: 100%; text-align: center; }
.panel-lst.type06 .items.rt .it-btn .btn { width: 100%; }
.panel-lst.type06 .items.rt .it-state + .it-btn { margin-top: 5px; }

.panel-lst.type07 .info-lst.bt-lst { padding: 0; }
.panel-lst .info-lst.bt-lst > .btn-arrow { position: static; display: block; width: 100%; height: auto; padding: 20px 15px; margin: 0; background: url(../images/common/btn_gray_next_18x32.png) no-repeat 95% center; box-sizing: border-box; text-indent: 0; background-size: 9px; }
.panel-lst.type07 .info-lst { padding: 20px 15px; position: relative; }
.panel-lst.type07 .info-lst > p { position: relative; }
.panel-lst.type07 .info-lst > p .par { right: 0; top: 0; font-weight: normal; color: #555; }
.panel-lst.type07 .info-lst > p .par .ver-info + .btn { margin-left: 5px; }
.panel-lst.type07 .info-lst > p,
.panel-lst.type07 .info-lst > .btn-arrow { color: #2b2b2b; font-weight: bold; }
.btn-set { display: inline-block; }
.btn-set button { display: block; width: 57px; height: 28px; background: url(../images/common/btn_slot.png) no-repeat left top; background-size: 57px; text-indent: -999em; outline: 0; }
.btn-set.on button { display: none; }
.btn-set button.on { display: none; width: 57px; height: 28px;  background-position: left bottom; }
.btn-set.on button.on { display: block; }
.panel-lst.type07 .btn-set { position: absolute; right: 15px; top: 13px; }
.panel-lst.type07 .lst-sq { margin-top: 15px; }
.set-top .msg{ padding-top: 68px; background: url(../images/common/ico_log.png) no-repeat center 20px; background-size: 20.5px; font-size: 14px; color: #2b2b2b; text-align: center; font-weight: bold; line-height: 22px;}
.set-top.login .msg { background: url(../images/common/ico_user.png) no-repeat center 20px; background-size: 22px;}
.set-top > span { display: block; margin-bottom: 10px; }
.ver-chk .btn { display: none; }
.ver-chk.on .btn { display: inline-block; }
.panel-lst.type07 .info-lst .ver-chk.on .par { top: -3px !important; }
.panel-lst.type07 .info-lst .ver-chk.on .par .btn { position: relative; top: -2px; }









.btn-help { display: inline-block; padding-left: 13px; background: url(../images/common/ico_help.png) no-repeat left 1px; color: #2b2b2b; font-size: 10px; }

.ico-img { display: inline-block; }
.rev-area .info-lst > .box-grey {display: none; margin-top: 10px;}
.rev-area .info-lst > .top > .lt > .bot { margin-top: 5px; }
.rev-area .info-lst > .top > .lt > .date { margin-bottom: 5px; color: #8c8a8a; }
.rev-area .info-lst > .rev-text .img img {max-width:100%;}
.flag-box { display: inline-block; padding: 3px 5px; background: #f88017; color: #fff; font-size: 10px; }
.rev-area .info-lst > .ratings {display:block; margin-top: 15px; }
.rev-area .info-lst > .msg {margin-top: 5px; }
.rev-area .info-lst > .msg p { font-size: 14px; color: #2b2b2b; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.rev-area .info-lst > .msg .img {display: none;}
.rev-area .info-lst > .rev-text .img {text-align: center;}
.rev-area .info-lst > .btn-area {display: none;}
.rev-area .info-lst.on > .box-grey {display: block;}
/* .rev-area .info-lst.on > .ratings {display: none;} */
.rev-area .info-lst.on > .btn-area {display: block;}

.ellipsis { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ico-img { display: inline-block; width: 18px; height: 17px; background: url(../images/common/ico_img.png) no-repeat left top; background-size: 18px; vertical-align: middle;}
.rev-text { padding: 15px;  line-height: 20px;/* font-size: 11px; */}
.rev-text > em {color: #8c8a8a;}
.star-box { display: table; width: 100%; text-align: center; }
.star-box > li { display: table-cell; }
.star-box p { margin-bottom: 5px; font-weight: bold; text-align: center; }

.row-wrap {}
.bt-type { display: table; width: 100%; box-sizing: border-box; margin-left: -5px; }
.bt-type > li { display: table-cell; width: 33.3%; text-align: center; vertical-align: middle; padding-left: 5px; }
.bt-type > li:nth-child(2) { width: *; }
.bt-type a { display: block; height: 40px; width: 100%; padding: 0; border:1px solid #d4d4d4; text-align: center; line-height: 36px; box-sizing: border-box;}
.bt-type a.on { border:1px solid #f88017; color: #f88017; }

.prd-add { overflow: hidden; margin-left: -5px; }
.prd-add > li { float: left; width: 33.3%; padding-left: 5px; overflow: hidden; box-sizing:border-box;}
.ans-box .prd-add > li { margin-top: 5px; }
.prd-add > li:nth-child(2) { width: *; }
.img-add-area { position: relative; width: 100%; padding: 50% 0; border:1px solid #d4d4d4; background: #fff; height: 100%; box-sizing:border-box;}
.img-add-area .ip-file { position: absolute; left: -999em; }
.img-add-area label { position: absolute; top:0; bottom: 0; width: 100%; display: block;  background: url(../images/common/btn_add.png) no-repeat center center; background-size: 27px; text-indent: -999em; }
.img-add-area .img-on { overflow: hidden; position: absolute; top: 0; bottom:0; width: 100%; z-index: 1; text-align: center; }
.img-add-area .img-on .btn-remove { display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url(../images/common/btn_close.png) no-repeat center center; background-size: 16px; z-index: 2;}
.img-add-area .img-on img { max-width: 100%; }

.sns-lst { overflow: hidden; margin-left: -5px; }
.sns-lst > li { float: left; width: 25%; padding-left: 5px; }
.sns-lst a { display: block; width: 100%; padding: 36% 0; border:1px solid #d4d4d4; text-indent: -999em; }
.sns-lst a img { width: 100%; }
.sns-lst .sns01 { background: url(../images/common/btn_sns01.png) no-repeat center center;  background-size: 65px; }
.sns-lst .sns02 { background: url(../images/common/btn_sns02.png) no-repeat center center;  background-size: 65px; }
.sns-lst .sns03 { background: url(../images/common/btn_sns03.png) no-repeat center center;  background-size: 65px; }
.sns-lst .sns04 { background: url(../images/common/btn_sns04.png) no-repeat center center;  background-size: 65px; }

.panel-lst.type04 .price { position: relative; padding-left: 35%; margin-top: 0; height: 18px; }
.panel-lst.type04 .price .first { position: absolute; left: 35%; top:0; font-size: 12px; }
.panel-lst.type04 .price > em { position: absolute; right: 0; top: -4px; }
.panel-lst.type04 .price > em span { font-size: 14px; }

.top-header .tit { padding-left: 15px; text-align: left; }
.top-header .tit .underline { display: block; font-size: 14px; margin-bottom: 5px; }
.top-header .tit .prd-num { margin-left: 10px; }

.box-wrapper {padding: 15px; background: #f7f7f7;}

.mypage-main {padding-top: 20px;}
.mypage-main .title02 {text-align: center;}
.my-list li {padding: 20px 0 20px 65px; border-bottom: 1px solid #d4d4d4;}
.my-list li.myinfo {background: url(../images/common/ico_member_info.png) no-repeat 20px 24px; background-size: 22px auto;}
.my-list li.myorder {background: url(../images/common/ico_my_order.png) no-repeat 16px 24px; background-size: 25px auto;}
.my-list li.mybenefit {background: url(../images/common/ico_my_benefit.png) no-repeat 20px 24px; background-size: 22px auto;}
.my-list li.myact {background: url(../images/common/ico_my_act.png) no-repeat 20px 24px; background-size: 20px auto;}
.my-list li.mycheck {background: url(../images/common/ico_my_check.png) no-repeat 20px 18px; background-size: 24px auto;}
.my-list li.mycancel {background: url(../images/common/ico_my_cancel.png) no-repeat 20px 18px; background-size: 23px auto;}
.my-list li.myservice {background: url(../images/common/ico_my_service.png) no-repeat 20px 24px; background-size: 20px auto;}
.my-list li a {display: inline-block; margin-right: 15px; font-size: 11px; color: #8c8c8c; line-height: 18px; text-decoration: underline;}
.my-list li .title03 {margin-bottom: 12px;}
.my-list li .title03.mb0 {margin-bottom: 0;}
.my-list li .title03 a {font-size: 12px; color: #2b2b2b; text-decoration: none;}

.card-lst li {margin-bottom: 15px;}
.card-lst li h2 {color: #2b2b2b; font-weight: bold;}
.card-lst li p {margin-top: 5px; line-height: 17px;}
.card-lst + .lst-box {border-top: none; padding-bottom: 0;}

/* 브랜드소개 */
.about-wrap img { max-width: 100%; }
.txt-store {margin: 15px 0 30px; font-size: 11px; color: #555; line-height: 16px;}
.txt-link {padding-left: 13px; background: url(../images/common/bul_anchor.png) no-repeat left center; background-size: 4px 7px; font-size: 11px; color: #555; line-height: 16px;}
.brand-intro {border-top: 1px solid #d4d4d4; overflow: hidden;}
.brand-intro ul li {float: left; width:50%; padding:10px 0 10px; border-bottom:1px solid #d4d4d4; box-sizing: border-box;}
.brand-intro ul li:nth-child(odd) {padding-left: 27px;}
.brand-intro ul li:nth-child(even) {padding-right: 27px;}
.brand-intro ul li:nth-child(odd) > a {background: url(../images/common/bul_ly.png) repeat-y right 0;}
.brand-intro ul li > a {display: block; padding:0 10px; text-align: center; box-sizing: border-box;}
.brand-intro ul li > a > img {max-width: 100%;}
.brand-intro ul li > a > span {display: block; margin-top: 10px;}
.brand-intro ul li > a  dl {margin-top: 9px;}
.brand-intro ul li > a  dt {margin-bottom:10px; padding-top: 18px; font-size: 10px;}
.brand-intro ul li > a  dt.tory {background: url(../images/common/ico_daily_sns01.png) no-repeat center top; background-size:12px;}
.brand-intro ul li > a  dt.twitter {background: url(../images/common/ico_daily_sns02.png) no-repeat center top; background-size:15px;}
.brand-intro ul li > a  dt.pinterest {background: url(../images/common/ico_daily_sns03.png) no-repeat center top; background-size:10.5px auto;}
.brand-intro ul li > a  dt.instagram {background: url(../images/common/ico_daily_sns04.png) no-repeat center top; background-size:14px auto;}
.brand-intro ul li > a  dt.facebook {background: url(../images/common/ico_daily_sns05.png) no-repeat center top; background-size:7px auto;}
.brand-intro ul li > a  dt.youtube {background: url(../images/common/ico_daily_sns06.png) no-repeat center top; background-size:32px;}
.brand-intro ul li > a  dd {height:50px; font-size: 9px; line-height:14px;}
.company-history ul {margin-top: 20px;}
.company-history ul li {background: url(../images/common/bg_ly.gif) repeat-y center 0; overflow: hidden;}
.company-history ul li > .lt {float: left; width: 50%; padding-right: 1px; box-sizing:border-box;}
.company-history ul li > .rt {float: right; width: 50%; padding-left: 1px; box-sizing:border-box;}
.company-history ul li > .lt.txts, .company-history ul li > .lt .txts {text-align: right;}
.company-history ul li .txts {padding: 5px 15px 15px; box-sizing:border-box;}
.company-history ul li .txts .year {font-size: 19px; color: #555;}
.company-history ul li .txts .history {font-size: 9px; color: #555; line-height: 14px;}
.company-history img { max-width: 100%; }
.store-intro .bx-wrapper .bx-controls-direction a {width: 20px; height: 20px; background-color: #fff;}
.store-intro .bx-wrapper .bx-prev {left: 0; background-size: 8px auto; background-position: 5px 3px;}
.store-intro .bx-wrapper .bx-next {right: 0; background-size: 8px auto; background-position: 7px 3px;}
.store-intro .bx-wrapper .bx-controls-direction a.disabled.bx-prev {background: #fff url(../images/common/btn_gray_prev_12x22.png) no-repeat 5px 3px; background-size: 8px auto;}
.store-intro .bx-wrapper .bx-controls-direction a.disabled.bx-next {background: #fff url(../images/common/btn_gray_next_12x22.png) no-repeat 7px 3px; background-size: 8px auto;}

.about-pic {float: right; width: 50%; height: auto; margin: -35px 0 10px 10px;}

.tit-area { padding-left: 7px;}
.tit-area .title02 { margin-bottom: 10px; margin-left: -7px; padding-left: 7px;  background: url(../images/common/bul_sq.png) no-repeat 0 8px; background-size: 2px; }
.tit-area .title03 { margin-bottom: 5px; }
.tit-area .title03.pl7 {padding-left: 7px;}

.lst-bold > li { margin-top: 5px; color: #8c8a8a; }
.lst-bold > li:first-child { margin-top: 0; }
.lst-bold > li em { font-weight: bold; color: #2b2b2b; }

.top-header .btn-help.par { position: absolute; right: 15px; top: 10px; }

.date-area { display: table; width: 100%; }
.date-area .ip-date,
.date-area .ip-btn { display: table-cell; }
.date-area .ip-date { width: *; }
.date-area .ip-date input { width: 47%; };
.hpn { display: inline-block; padding: 0 10px; }
.date-area .ip-btn { width: 70px;  text-align: right; }

.paging-nav { text-align: center; margin-top: 10px; }
.paging-nav a { display: inline-block; width: 30px; height:30px; text-align: center; vertical-align: middle; box-sizing: border-box;padding-top: 10px; color: #8c8a8a; }
.paging-nav a.on { color: #2b2b2b; }
.pl7 { padding-left: 7px; }

.paging { text-align: center; padding: 10px 0; }
.paging button, .paging span { vertical-align: middle; }
.paging button { display: inline-block; width: 35px; height: 35px; border:none; background: #fff; text-indent: -999em; outline: 0; }
.paging span { display: inline-block; padding: 0 5px; color: #8c8c8c; }
.paging span em { color: #2b2b2b; }
.paging .prev { background: url(../images/common/btn_pg_prev.png) no-repeat center center; background-size: 5px; }
.paging .next { background: url(../images/common/btn_pg_next.png) no-repeat center center; background-size: 5px;  }

.box-lst + .box-lst { padding-top:30px; margin-top: 30px; border-top:1px solid #d4d4d4;  }
.top-date { margin-bottom: 10px; color: #8c8a8a; }

.dat-sort { display: table; width: 100%; }
.dat-sort span  { display: table-cell; text-align: center; width: 50%;}
.dat-sort select { border: none; height: auto; padding: 20px 30px 20px 20px; }

.state-top { margin-bottom: 10px; }
.state-box-xs { display: inline-block; height: 16px; line-height: 14px; padding: 0 7px; border:1px solid #d4d4d4; color: #8c8a8a; font-size: 9px; text-align: center; min-width: 25px; }
.state-box-xs.on { border: 1px solid #f88017; color: #f88017 }


.cs-lst .lst-item { border-top: 1px solid #d4d4d4; padding: 20px 0; }
.cs-lst .lst-item.on { padding-bottom: 0; }
.cs-lst .lst-item.first { border-top: none; }
.dt-view-info .cs-lst .lst-item:first-child { border-top: none; }
.cs-lst .lst-item:last-child { border-bottom: 1px solid #d4d4d4; }
.cs-lst .lst-item .cs-top { margin-top: 5px; margin-bottom: 5px; color: #8c8a8a; padding: 0 15px; }
.cs-lst .lst-item .cs-top .cs-id + .cs-date { margin-left: 15px; }
.cs-lst .lst-item .que-box { overflow: hidden; width: 100%; padding: 0 15px; box-sizing: border-box;}
.cs-lst .lst-item .que-box .que, .cs-lst .lst-item .que-box .que-state { float: left; }
.cs-lst .lst-item .que-box .que { width: 75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; color: #2b2b2b; box-sizing: border-box; }
.cs-lst .lst-item .que-box .que-state { width: 25%; text-align: right; }
.cs-lst .lst-item .modify-btn { display: none; }
.cs-lst .lst-item.on .que-box{ overflow: visible; }
.cs-lst .lst-item.on .que-box:after{ content: ''; display: block; clear: both; float: none; }
.cs-lst .lst-item.on .que-box .que { width: 100%; white-space: normal; overflow: visible;}
.file-box, .mail-box {margin-top:30px;}
.file-box a, .mail-box span {display:block; margin-top:8px; color:#8c8c8c;}
.mar_b20 {margin-bottom:20px;}
.cs-lst .lst-item .ans-box .ans .inner + .inner {margin-top:20px; padding-top:20px; border-top:1px solid #d4d4d4;}
.cs-lst .lst-item .ans-box .ans .inner + .inner::before {top:24px;}

.desc-qa .cs-lst .lst-item:last-child { border-bottom: none; }


.cs-lst .lst-item .ans-box { display: none; }

.cs-lst .lst-item.on .modify-btn,
.cs-lst .lst-item.on .ans-box { display: block; }
.cs-lst .lst-item .ans-box .ans-top { padding: 0 15px; }
.cs-lst .lst-item .ans-box .img { overflow: hidden; padding: 10px 0 20px 0; }
.cs-lst .lst-item .ans-box .img img { float: left; width: 33.3%; }
.cs-lst .lst-item .ans-box .att-txt { color: #8c8a8a; margin-bottom: 10px; }
.cs-lst .lst-item .ans-box .reply-info dt { margin-top: 10px; margin-bottom: 5px; color: #2b2b2b; }
.cs-lst .lst-item .ans-box .ans { background: #f0f0f0; margin-top: 20px; padding: 20px 15px; }
.cs-lst .lst-item .ans-box + .ans-box { border-top:1px solid #d4d4d4; }
.cs-lst .lst-item .ans-box + .ans-box .ans { margin-top: 0; }
.cs-lst .lst-item .ans-box .ans .inner { position: relative; padding:0 0 0 30px; line-height: 18px; color: #2b2b2b;}
.cs-lst .lst-item .ans-box .ans .inner:before { position: absolute; left: 0; top:4px;  display: block; content: "A"; width: 20px; height: 20px; background: #f88017; color: #fff; border-radius: 2px; text-align: center; }
.cs-lst .lst-item .ans-box .ans .inner .date { margin-top: 10px; color: #8c8a8a; }
.cs-lst .lst-item .cont-box { font-size: 12px; color: #555; margin-top: 20px; }

.cs-lst.type01 .lst-item .que-box .que { overflow: hidden; font-size: 12px; line-height: 16px; width: 100%; height: 18px; }
.cs-lst.type01 .lst-item .que-box .que br { display: none; }
.cs-lst.type01 .lst-item.on .que-box .que { height: auto; }
.cs-lst.type01 .lst-item.on .que-box .que br { display: block; }
.cs-lst.type01 .lst-item .cs-top { margin-bottom: 10px; }

.cs-lst.type02 .ans-box .inner { padding:20px 15px; background: #f0f0f0; }

.cs-lst.type02 .lst-item,
.cs-lst.type02 .lst-item .que-box { padding: 0; }
.cs-lst.type02 .lst-item .que-box .que { padding: 20px 15px; width: 100%; font-size: 12px; }
.cs-lst.type02 .lst-item .ans-box .ans { margin-top: 0; }
.cs-lst.type02 .lst-item .ans-box .lst-btn { padding: 20px 0; }

.cs-lst.qa-type .lst-item {padding-bottom: 20px; }
.cs-lst.qa-type .lst-item .que-box {position:relative; margin-top: -25px; padding-top: 25px;}
.cs-lst.qa-type .lst-item .que-box .locked {position: absolute; right: 15px; top:0; display: inline-block; width: 12px; height: 17px; background: url(../images/common/ico_lock.png) no-repeat left top; background-size: 12px auto; text-indent: -99999px;}
.cs-lst.qa-type .lst-item.on .que-box .que { height: auto; white-space: normal; }
.cs-lst.cs-type .lst-item { padding-bottom: 20px; }
.cs-lst.cs-type .lst-item.on .que-box .que { height: auto; white-space: normal; }
.cs-lst.cs-type .lst-item .que-box .que br { display: none; }
.cs-lst.cs-type .lst-item.on .que-box .que br { display: block; }

.total-top { padding: 20px 0; }

.cs-bottom { margin-top: 30px; text-align: center;  }
.cs-bottom dt { font-weight: bold; font-size: 14px; }
.cs-bottom dd { margin-top: 10px; }
.cs-bottom dd em { font-weight: bold; font-size: 17px; vertical-align: middle; position: relative; top: -2px; margin-right: 3px; }
.cs-bottom dd span { color: #8c8a8a; font-size: 10px; }



/* 공통 - 우편번호찾기 */
.find-top { padding: 0 15px 20px 15px; border-bottom:1px solid #d4d4d4; }
.sm-box {
    display: inline-block;
    padding: 2px 7px 5px 7px;
    border: 1px solid #f88017;
    color: #f88017;
    font-size: 10px;
    text-align: center;
}
.adr-lst .lis { margin-top: 20px; color: #8c8a8a; }
.adr-lst .lis * { vertical-align: middle; }
.adr-lst .lis:first-child { margin-top: 0; }
.adr-lst .lis .sm-box { width: 45px;  }
.adr-lst .lis .adr { margin-top: 5px; }
.adr-lst .lis .items.first { width: 55px; }

/* 마이페이지 */
.info-lst .pre .btn.modify {position: absolute; right: 0; bottom: 15px;}
.info-lst .pre .btn.select {position: absolute; right: 0; bottom: 0; min-width: 56px; height: 17px; padding: 0; background: #555; border:1px solid #555; font-size: 10px; color: #fff; line-height: 15px;}
.panel-lst.type04 > li label { display: inline-block; }
.panel-lst.msg {border-bottom:none; text-align:center;}
.panel-lst.msg .info-lst:first-child {padding:5px 0 20px; border-top:none;}
.panel-lst.msg .info-lst {padding:20px 0 10px;}
.panel-lst.msg .section-sm {margin-bottom:5px;}
.ip-box .sel-full {width: 100%; padding:0 10px;}
.pop-layer .content-inner > .top-header {margin-top:-20px;}
.pop-layer .content-inner > .box-inner + .top-header.type02 {margin-top: 20px; border-top: 1px solid #d4d4d4;}
.pop-layer .content-inner > .prd-lst + .top-header.type02 {margin-top: 0px;}
.title04 + .ip-box {margin-top:0;}
.sel-opt ~ span { display: inline-block; height: 20px; padding-left: 30px !important; vertical-align: middle; line-height: 20px; }
.sel-opt ~ span.prd-num {padding-left: 0 !important;}

.customer-wrap .brd-l {padding-bottom: 40px; border-bottom: 1px solid #d4d4d4;}

.call-info { padding: 20px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align: center; color: #8c8a8a; }
.banner-box { border:1px solid #d4d4d4; text-align: center; background: #f0f0f0; }
.banner-box img { max-width: 100%;  }

/* Must Haves */
.mh-wrap { padding: 0 15px; }
.mh-wrap * { text-align: center; }
.mh-wrap img, .mh-wrap video { max-width: 100%; }
.mh-landing + .mh-landing {margin-top: 30px;}
.mh-landing .top,
.mh-landing .bot,
.mh-landing.top-view { display: block; }


.lst-scl { overflow-y: auto; max-height: 250px; }
.result-box { padding-top: 20px; border-top:1px solid #d4d4d4; }

.cart-layer {position: fixed; z-index: 60; width: 85%; top: 50px; right: 5px; left: inherit; background: none;}
.cart-layer * {box-sizing: border-box;}
.cart-layer .layer-header {position: absolute; z-index: 10; left: 0; top: 0; width: 100%; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background: #fff; }
.cart-layer .layer-header h1 { height: 45px; text-align: center; font-size: 14px; font-weight: bold; line-height: 43px; color: #2b2b2b;  }
.cart-layer .header-inner {position:relative; height: 45px;}
.cart-layer .layer-header .btn-close { position: absolute; right: 0; top: 0; z-index: 1; }
.cart-layer .layer-header .btn-close a { display: block; width:45px; height: 45px; background: #ddd; background: url(../images/common/btn_close01.png) no-repeat center center; background-size: 16px; text-indent: -999em; }
.cart-layer .layer-wrap {position: relative; height: 100%; z-index: 200;}
.cart-layer .layer-content {height: 100%; padding-top: 45px;}
.cart-layer .content-inner { padding: 0; height: inherit; max-height: 100%; }

.cart-layer .cart-wrap { position: relative; /*max-height: 100%; */border:1px solid#d4d4d4; border-top:none; background: #fff;  }
.cart-layer .cart-inner { max-height: 100%; overflow-y: auto;  }
.cart-layer .cart-inner .bx-wrapper {padding: 40px 0 20px;}
.cart-layer .cart-lst .prd-box { padding: 10px; }
.cart-layer .cart-lst .prd-box .img { width: 100px; }
.cart-layer .cart-lst .prd-box .info dt {width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media all and (orientation:landscape) {
    .pop-layer.cart-layer .cart-lst .prd-box .info dt {width: 350px;}
}
.cart-layer .cart-inner .bx-wrapper .bx-controls-direction a {left: 50%; width: 16px; height:9px; margin-top: 0; margin-left: -8px; background-size: 16px auto !important;}
.cart-layer .cart-inner .bx-wrapper .bx-controls-direction a.disabled {opacity: .3;}
.cart-layer .cart-inner .bx-wrapper .bx-controls-direction .bx-prev {top: 20px; background: url(../images/common/bul_arr_up.png) no-repeat 0 0;}
.cart-layer .cart-inner .bx-wrapper .bx-controls-direction .bx-next {top: auto; bottom: 20px; background: url(../images/common/bul_arr_down.png) no-repeat 0 0;}
.cart-layer .md-layer {display: block; background: transparent !important; z-index: 150;}
/*.pop-layer.cart-layer .btn-bottom { position: absolute; width: 100%; left: 0; bottom: 0; }*/

/* 국가별 SHOP */
.shop-wrap { padding: 0 15px; margin-top: 20px; }
.shop-wrap .lst {  box-sizing:border-box; margin-bottom: 30px; }
.shop-wrap .lst:first-child { border-left:none; }
.shop-wrap .lst dt { margin-bottom: 20px; font-weight: bold; }
.shop-wrap .lst dl + dl { margin-top: 20px; padding-top: 20px;}
.shop-wrap .lst li { margin-top: 10px; height: 19px; padding-left: 40px; background: url(../images/common/bg_country.gif) no-repeat;   }
.shop-wrap .lst li:first-child { margin-top: 0; }
.shop-wrap .lst li a { display: block; height: 19px; }
.shop-wrap .lst dd .lst01 { background-position: 0 0; }
.shop-wrap .lst dd .lst02 { background-position: 0 -31px; }
.shop-wrap .lst dd .lst03 { background-position: 0 -62px; }
.shop-wrap .lst dd .lst04 { background-position: 0 -93px; }
.shop-wrap .lst dd .lst05 { background-position: 0 -124px; }
.shop-wrap .lst dd .lst06 { background-position: 0 -155px; }
.shop-wrap .lst dd .lst07 { background-position: 0 -186px; }
.shop-wrap .lst dd .lst08 { background-position: 0 -217px; }
.shop-wrap .lst dd .lst09 { background-position: 0 -251px; }
.shop-wrap .lst dd .lst10 { background-position: 0 -282px; }
.shop-wrap .lst dd .lst11 { background-position: 0 -313px; }
.shop-wrap .lst dd .lst12 { background-position: 0 -344px; }
.shop-wrap .lst dd .lst13 { background-position: 0 -375px; }
.shop-wrap .lst dd .lst14 { background-position: 0 -406px; }
.shop-wrap .lst dd .lst15 { background-position: 0 -437px; }
.shop-wrap .lst dd .lst16 { background-position: 0 -468px; }
.shop-wrap .lst dd .lst17 { background-position: 0 -499px; }
.shop-wrap .lst dd .lst18 { background-position: 0 -530px; }
.shop-wrap .lst dd .lst19 { background-position: 0 -561px; }
.shop-wrap .lst dd .lst20 { background-position: 0 -592px; }
.shop-wrap .lst dd .lst21 { background-position: 0 -623px; }
.shop-wrap .lst dd .lst22 { background-position: 0 -654px; }
.shop-wrap .lst dd .lst23 { background-position: 0 -685px; }
.shop-wrap .lst dd .lst24 { background-position: 0 -716px; }
.shop-wrap .lst dd .lst25 { background-position: 0 -747px; }
.shop-wrap .lst dd .lst26 { background-position: 0 -778px; }
.shop-wrap .lst dd .lst27 { background-position: 0 -809px; }
.shop-wrap .lst dd .lst28 { background-position: 0 -840px; }
.shop-wrap .lst dd .lst29 { background-position: 0 -871px; }
.shop-wrap .lst dd .lst30 { background-position: 0 -902px; }
.shop-wrap .lst dd .lst31 { background-position: 0 -933px; }
.shop-wrap .lst dd .lst32 { background-position: 0 -964px; }
.shop-wrap .lst dd .lst33 { background-position: 0 -995px; }
.shop-wrap .lst dd .lst34 { background-position: 0 -1026px; }
.shop-wrap .lst dd .lst35 { background-position: 0 -1057px; }
.shop-wrap .lst dd .lst36 { background-position: 0 -1088px; }
.shop-wrap .lst dd .lst37 { background-position: 0 -1119px; }
.shop-wrap .lst dd .lst38 { background-position: 0 -1150px; }
.shop-wrap .lst dd .lst39 { background-position: 0 -1181px; }
.shop-wrap .lst dd .lst40 { background-position: 0 -1212px; }
.shop-wrap .lst dd .lst41 { background-position: 0 -1243px; }
.shop-wrap .lst dd .lst42 { background-position: 0 -1274px; }
.shop-wrap .lst dd .lst43 { background-position: 0 -1305px; }
.shop-wrap .lst dd .lst44 { background-position: 0 -1336px; }
.shop-wrap .lst dd .lst45 { background-position: 0 -1367px; }
.shop-wrap .lst dd .lst46 { background-position: 0 -1398px; }
.shop-wrap .lst dd .lst47 { background-position: 0 -1429px; }
.shop-wrap .lst dd .lst48 { background-position: 0 -1460px; }
.shop-wrap .lst dd .lst49 { background-position: 0 -1491px; }
.shop-wrap .lst dd .lst50 { background-position: 0 -1522px; }
.shop-wrap .lst dd .lst51 { background: url(../images/common/korea.png) no-repeat 0 0;}/* 160817 한국 추가 */
.shop-wrap .bottom {  margin: 0 auto; clear: both;  border-top: 1px solid #d4d4d4; margin-top: 20px; }
.shop-wrap .bottom p { margin-top: 20px; }
.shop-wrap .bottom p a {  font-weight: bold;  }

/* 사이트맵 */
.sitemap-wrap { padding: 0 15px; }
.sitemap-wrap > ul > li { margin-top: 30px; }
.sitemap-wrap li:first-child { margin-top: 0; }
.sitemap-wrap ul ul { padding-left: 15px; margin-top: 15px; }
.sitemap-wrap ul ul li { margin-top: 10px; }
.sitemap-wrap li a:hover { text-decoration: underline; }
.sitemap-wrap > ul > li > a { color: #2b2b2b; }

/* 매장찾기 */
.store-top-menu a { text-decoration: underline; color: #2b2b2b; }
.store-top-menu a.on { color: #f88017; }
.result-wrap { margin-top: 20px; }
.result-wrap .result-msg { text-align: center; margin-bottom: 20px; }
.store-img { overflow: hidden; text-align: center;}
.store-img img { max-width: 100%; }
.find-store-list { margin-top: 30px; padding: 0 15px; }
.store-img + .find-store-list { margin-top: 30px; }
.find-store-list .tit { font-size: 18px; font-weight: bold; color: #2b2b2b; }
.find-store-list > ul {overflow: hidden; font-size:0;}
.find-store-list > ul > li { overflow: hidden; display:inline-block; vertical-align: top; width: 50%; margin-top:30px; }
.find-store-list .info-inner { position: relative; /*height: 140px;*/ padding-bottom: 30px; box-sizing:border-box; }
.find-store-list .info-inner .name { font-size: 11px; color: #2b2b2b; font-weight: bold; }
.find-store-list .info-inner .address { margin-top: 5px; line-height: 17px; font-size: 10px; color: #8c8a8a }
.find-store-list .info-inner .time { margin-top: 10px; font-size: 10px; }
.find-store-list .info-inner .bt-map { position: absolute; left: 0; bottom:0; width: 100%; }
.find-store-list .info-inner .bt-map a { display: inline-block; border-bottom: 1px solid #f88017; color: #f88017; font-size:12px;}

/* 기획전 & 이벤트 */
.event-info { margin-bottom: 20px; }
.event-info .evt-date { margin-top: 10px; }
.event-info .evt-date em { margin-right: 5px; }
.event-info .evt-top { padding: 0 15px; }
.event-info .evt-title { text-align: center; }
.event-info .evt-title .tit { font-size: 17px; color: #002144; margin-top: 30px; }
.event-info .evt-title p { font-size: 11px; margin-top: 20px; }
.event-info .evt-img { margin-top: 30px; text-align: center; }
.event-info .evt-img img { max-width: 100%; }
.event-info .sns-box { margin-top: 15px; text-align: center; }
.event-info .evt-cate { margin-top: 30px; }
.event-info .evt-cate a { display: block; text-align: center; height: 40px; line-height: 37px; }
.event-info .evt-cate a.on { color: #f88017; }
.event-info .evt-cate ul { overflow: hidden; border-bottom:1px solid #d4d4d4; }
.event-info .evt-cate li { float: left; width: 50%; box-sizing: border-box; border-left:1px solid #d4d4d4; border-top:1px solid #d4d4d4; }
.event-info .evt-cate li:nth-child(odd) { border-left:none; }

.rdn { font-size: 12px !important; display: inline-block; vertical-align: middle; background: #555; color: #fff; border-radius: 8px; width: 18px; height: 18px; text-align: center; line-height: 16px; }
.rdn.long { font-size: 10px !important; }
.sch-top .tbl-default .rdn { margin-right: 5px; }
.sch-top .tbl-default td.tal { text-align: left; padding-left: 10px }

.map-pin { display: inline-block; background: url(../images/common/map_point.png) no-repeat left top; background-size: 18px; width: 18px; height: 28px; }

/* 멤버십 약관 */
.terms {padding: 30px;}
.terms .terms-inner {padding-left: 15px; padding-right: 15px;}
.terms h1:first-child,
.terms h2:first-child {margin-top: 0;}
.terms h1,
.terms h2 {
    margin: 35px 0 10px;
    font-size: 15px;
}
.terms h3 {
    margin: 15px 0; /* 20190611 */
    font-size: 14px;
    font-weight: normal;
}
.terms h4 {
    margin: 5px 0;
    font-weight: normal;
}
.terms h5 {
    margin-top: 5px;
    font-size: 12px;
    font-weight: normal;
    text-indent: 0;
}
.terms p {margin-bottom: 10px;}
.terms table {margin-bottom: 10px;}
.terms .table-col + p {color: #4a4a4a}
.terms .list + .table-col {margin-top: 10px;}
.terms .list > li {
    margin-top: 5px;
    padding-left: 15px;
    text-indent: -15px;
    line-height: 18px;
}
.terms .list > li.pl15 { padding-left: 15px; text-indent: 0; }
.terms .list li strong {
    display: inline-block;
    margin-top: 10px;
    text-indent: 0;
}
.terms .list li * {text-indent: 0;}
.terms .bullet-dot li {
    padding-left: 10px;
    line-height: 18px;
}
.terms .bullet-dot li ul {margin-top: 5px;}
.terms .bullet-dot li li {
    text-indent: -13px;
    background: none;
}
.terms .bullet-dot li ul ul {margin-top: 0;}
.terms .bullet-dot + p {margin-top: 10px;}
.terms span.bullet-dot, .terms p.bullet-dot, .terms ul.bullet-dot li { padding-left: 10px; line-height: 18px; background: url(../images/common/bul_sq.png) no-repeat 0 9px; background-size: 2px auto;}

.privacy-topics { padding: 20px 15px; }
.privacy-topics .cntTlt {margin-bottom: 10px;}
.privacy-topics .cntTlt + p {margin-left: 5px; margin-bottom: 10px;}
.privacy-topics .cntTlt + p + .type02 li {margin-bottom: 10px;}
.privacy-topics .type02 {margin:0 0 20px 5px;}
.privacy-topics .type02 > li > ol {margin:10px 0 0 10px;}
.privacy-topics .type02 > li > ol > li {margin-bottom: 10px;}
.privacy-topics .type02 > li > p {margin:10px 0 0 10px;}

.privacy-topics dl { margin-top: 10px;}
.privacy-topics dt { font-weight: bold; color: #2b2b2b; margin-bottom: 20px; }
.privacy-topics dd { padding: 0 0 10px 7px; /*text-indent: -7px;*/ line-height: 17px; }
.privacy-topics dd.last {padding-bottom: 0;}
.privacy-topics dd.last .type02 {margin-bottom: 0;}
.privacy-topics dd ul li { padding-left: 7px; text-indent: -7px; margin-top: 0; margin-bottom: 10px; line-height: 17px; }
.privacy-topics .agreeEnd {padding-left: 12px; text-indent: -12px;}
.privacy-topics .zoom120, .terms .zoom120{ font-size: 120%; color: #333 !important; font-weight: bolder; }

.privacy-topics p {line-height: 18px;}
.privacy-topics .tit {margin-bottom: 0; font-weight: bold;}
.privacy-topics .type02 { margin-top: 20px;}
.privacy-topics .mg8 { margin-top: 8px;}
.privacy-topics .first_letter {margin: 0 4px 0 0;}
.privacy-topics .settingList li{line-height:20px;}
.privacy-topics .terms-list {margin:10px 0;}
.privacy-topics .terms-list ul{background-color:#f5f5f5;border:1px solid #e5e5e5;padding:14px 12px;}
.privacy-topics .terms-list ul li{margin-bottom:7px;background: url('/images/main/bul_dot_txt.png') no-repeat left 6px;background-size:4px 4px;}
.privacy-topics .tbl-default .bd.last {border-right: none;}


/* 공통 스크롤 탑 버튼 */
/* #56638 bottom env(safe-area-inset-bottom) transition 추가 */
.scroll-up { display: none; position: fixed;  bottom:50px; bottom:50px; bottom: calc(50px + env(safe-area-inset-bottom)); bottom: calc(50px + constant(safe-area-inset-bottom)); transition: bottom .3s; right: 10px; z-index: 51;}
.scroll-up a { display: block; width: 27px; height: 27px; background: url(../images/common/back_top.png) no-repeat left top; background-size: 27px auto; text-indent: -9999px; }
/* 공통 back 버튼 */
/* #56638 bottom env(safe-area-inset-bottom) transition 추가 */
.page-back { display: none; position: fixed;  bottom:50px; bottom: calc(50px + env(safe-area-inset-bottom)); bottom: calc(50px + constant(safe-area-inset-bottom)); transition: bottom .3s; left: 10px; z-index: 51;}
.page-back a { display: block; width: 27px; height: 27px; background: url(../images/common/back_top02.png) no-repeat left top; background-size: 27px auto; text-indent: -9999px; }

/*  로딩바 20160530 추가 */
.loading {position: fixed;left: 0;top: 0;width: 100%;bottom: 0;height: 100%;display: table;z-index: 9999;}
.loading-content {display: table-cell;height: 100%;vertical-align: middle;text-align: center;}


/* 프로모션 이벤트 레이어 */
.md-layer.type01 .layer-inner { border:none; box-shadow: 1px 1px 3px 1px rgba(85,85,85,.33);}
.md-layer.type01 .btn-close a { background: url(../images/common/uiDialogClose.png) no-repeat center center; }
.md-layer.type01 .layer-wrap { padding: 0 10px; }
.promotion-area { text-align: left; padding: 0 20px;  box-shadow: 1px 1px 3px 1px rgba(85,85,85,.33);  }/*20170201 그림자 추가*/
.promotion-area .pm-tit1 { color: #0a233f; font-size: 12px; font-family: "ssm" }
.promotion-area .pm-tit2 { margin-top: 2px;  color: #0a233f; font-size: 24px; font-family: "ssm" }
.promotion-area .info-msg { color: #0a233f;  margin-top: 5px; font-size: 11px; line-height: 15px; }
.promotion-area .info-msg em { color: #f88071; }
.promotion-area .info-code { margin-top: 20px; font-size: 14px; font-family: "ssm" }
.promotion-area .info-code em { color: #0a233f;}
.promotion-area .info-code span { color: #f88017; }
.promotion-area .top-box { text-align: center; padding: 35px 0 25px 0;}
.promotion-area .bot-box { border-top: 1px solid #e1e1e1; padding: 18px 0 40px 0; }
.promotion-area li { font-size: 9px; padding-left: 7px;
    background: url(../images/common/bul_sq.png) no-repeat 0 8px;
    background-size: 2px;
    margin-top: 5px;
    line-height: 17px;
    color:#8c8a8a;}
.promotion-area li img {width: 4px; height: 8px; margin-top: -2px;}

/* 선물포장 서비스 안내 팝업 */
.pop-gift-area { text-align: left; padding: 0 20px;  box-shadow: 1px 1px 3px 1px rgba(85,85,85,.33);  }/*20170201 그림자 추가*/
.pop-gift-area .tit { margin-top: 2px;  color: #0a233f; font-size: 24px; font-weight:600;}
.pop-gift-area .cap { margin-top: 20px; font-size: 12px; font-weight:600; line-height:1.5; }
.pop-gift-area .top-box { text-align: center; padding: 35px 0 25px 0;}
.pop-gift-area .bot-box {border-top: 1px solid #e1e1e1; padding: 18px 0 25px 0; line-height:1.5;}
.pop-gift-area .bot-box p {margin-bottom:10px;}
.pop-gift-area .bot-box p.thum {margin-top:20px; text-align:center;}

/* 공지사항 레이어팝업 */
.md-layer.dialog_ui.notice .layer-inner { border: none; }
.md-layer.dialog_ui.notice .btn-close a { width: 30px; height: 30px; }
.pop-cnt { }
.pop-mid { text-align: center;  padding: 30px 10px 10px 10px;}
.pop-mid img { max-width: 100%; }
.pop-bottom { overflow: hidden; border-top:1px solid #d4d4d4; padding: 10px; }
.pop-bottom .btn { float: right; color: #fff; background: #f88017; border: none; }
.pop-bottom label { float: left; margin-top: 8px }
.pop-bottom label > span { padding-left: 25px; }




















/* 상품 상세 이미지 줌인 줌아웃 */
body.guillotine-dragging, body.guillotine-dragging * {
    cursor: move !important;
    cursor: -webkit-grabbing !important;
    cursor:    -moz-grabbing !important;
    cursor:         grabbing !important;
    cursor: grabbing, move;  /* IE hack */
}

.guillotine-window {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: move;
    cursor: -webkit-grab;
    cursor:    -moz-grab;
    cursor:         grab;
    cursor: grab, move;  /* IE hack */
}

.guillotine-canvas {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    -webkit-transition: all .5s;
    transition: all .5s;
}

body.guillotine-dragging .guillotine-canvas {
    -webkit-transition: all 0s;
    transition: all 0s;
}

.guillotine-canvas > * {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    /*width: 1762px !important;*/
    /*height: 100%;*/
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.guillotine-sample {
    position: absolute !important;
    top: -100000px     !important;
    left: -100000px    !important;
    width: auto        !important;
    height: auto       !important;
}

.bt-underline { text-decoration: underline !important;} /* 20160708 추가 */

/*160822 메일수신거부 신청*/
.title02.refusal{padding-top:100px; background:url('/images/common/icon_mail.png') no-repeat 50% 25px; background-size:56px auto;}
.msg-type.dot{padding-left:10px; background:url('/images/common/bul_sq.png') no-repeat 0 7px; font-size:11px;}

/*160907 메인 동영상 영역 추가 */
.main-wrap .mian_video{max-width:100%;}

/* Gifts Contents */
.gifts-index-area {position:relative; height:25px; border:1px solid #fff;}
.gifts-index-area .gifts-index {display:none; height:92px; margin:-77px 39px 0; z-index:99; box-shadow:1px 1px 0 #979797;}
.gifts-index-area .gifts-index a span {position:relative; float:left; width:100%; height:30px; line-height:30px; background:#fafafa; font-size:11px; color:#002144; text-align:center; border-bottom:1px solid #aaa;}
.gifts-index-area .gifts-index a span.on {background:#001244; color:#fff;}

.banner.long-type img {width:100%;}
.banner.small-type img {width:100%;}
.banner.small-type {width:100%; padding:0 13.5px;}
.banner video {width:100%; max-width:324px;}

.gifts-bottom-banner {width:100%; text-align:center;}
.gifts-bottom-banner video {width:98%; max-width:324px;}

.tunicsbottom {width:100%; text-align:center; margin-top:10px;}
.tunicsbottom .cta {font-size:16px; line-height:24px; color:#002144;}
.tunicsbottom .triangle {margin-bottom:0px; margin-left:8px; border-color:transparent transparent transparent #002144; border-width:4.5px 0 4.5px 7.8px; width:0; height:0; border-style:solid; display:inline-block;}

/* 161024 공유 카카오톡 추가 */
.dt-view-order .kkot {width:22px !important; background: url('/images/common/btn_kkot02.png') no-repeat 0 0; background-size:22px auto;}
.dt-view-order .kkot:hover {background-position:0 -20px;}

.member-all-chk {margin:2px 0 10px; }
.member-all-chk > p {padding: 10px 0; border-top:1px solid #e1e1e1;  border-bottom:1px solid #e1e1e1;}
.member-chk label {float:left; width:50%; margin-bottom:10px; display:inline-block;}
.member-chk label + label {margin-left:0;}
.member-chk:after{ content: ''; display: block; clear: both; }
.mem-btn-arrow { position: absolute; right: 0; margin-top: -25px; width: 30px; height: 30px; display: block;  background: url(../images/common/bul_arr_rt.png) no-repeat center center; background-size: 5px; text-indent: -999em;}
.lst-sq.list-bottom02 {clear:both;}

/*161207 배송지 관리 페이지 개선*/
.edit_area {float:right; margin-top:3px;}
.edit_area a {font-size:11px; color:#555; text-decoration:underline; margin-left:5px;}

.feature {display:block !important; font-size:14px !important; color:#0a1251 !important; padding-top:10px;}

.massege-area a + a, .massege-area span + a {
    background: none;
    padding: 0;
    padding-left: 6px;
    border-left: 1px solid #fff;
}

/* #35070 [토리버치] 기획전 new 템플릿 개발 요청 : S */
.gemini.event-info .evt-img {margin-top:0;}

.gemini .overlay-btns {position:absolute; margin-top:-65px; width:100%;}
.gemini .overlay-btns-inner {width:244px; margin:0 auto;}
.gemini .tunics-btn {float:left; margin:0 6px; font-size:14px; text-align:center; line-height:38px; padding-bottom:2px; color:#fff; width:108px; border: 1px solid #fff;}
.gemini .tunics-btn:hover, .gemini .tunics-btn.active {color:#fff; background-color:rgba(255,255,255,0.4);}
.gemini .tunics-btn .triangle, .tunics-btn:hover .triangle {border-color:transparent transparent transparent #fff;}
.gemini .tunics-btn .triangle-down {border-color:#fff transparent transparent}
.gemini .tunics-btn .triangle {border-width: 4.5px 0 4.5px 7.8px;}
.gemini .tunics-btn .triangle-down {border-width:7.8px 4.5px 0;}
.gemini .tunics-btn .triangle, .tunics-btn .triangle-down {width:0; height:0; border-style:solid; display:inline-block; margin-left:10px; margin-bottom:1px;}

.gemini .player-container {position:relative;}
.gemini .player-container .video-play {position:absolute; width:100%; height:100%; z-index:20; background:url('/toryburch/images/common/play-white.png') center center no-repeat; cursor:pointer;}

.gemini .ingridlast {position:relative; width:100%; height:100%; max-width:256px; margin:0 auto; text-align:center; background:#fbf6f2;}
.gemini .ingridlast a div {position:absolute; width:100%; top:50%; margin-top:-34px; height:68px;}
.gemini .ingridlast a div p {font-size:12px; color:#022147; font-weight:bold; line-height:16px;}
.gemini .ingridlast a div u {margin-top:20px; display:block; font-size:10px;}

.gemini .banner img {margin-bottom:80px;}
.gemini .banner img + .caption {margin-top:-67px}
.gemini .banner video {width:100%; max-width:552px; margin-top:15px; margin-bottom:10px;}
.gemini .banner .caption {margin-bottom:25px; font-size:12px; line-height:18px; color:#0a223e; font-weight:bold;}

.gemini.prd-list-wrap .tunicsbottom img {margin-bottom:80px;}
.gemini.prd-list-wrap .tunicsbottom img + .caption {margin-top:-67px}
.gemini.prd-list-wrap .tunicsbottom video {width:100%; max-width:552px; margin-top:15px; margin-bottom:10px;}
.gemini.prd-list-wrap .tunicsbottom .caption {margin-bottom:25px; font-size:12px; line-height:18px; color:#0a223e; font-weight:bold;}

.gemini.banner-list-wrap .tunicsbottom img {margin-top:30px; margin-bottom:10px;}
.gemini.banner-list-wrap .tunicsbottom video {width:100%; max-width:552px; margin-top:45px; margin-bottom:10px;}
.gemini.banner-list-wrap .tunicsbottom .caption {margin-bottom:25px; font-size:12px; line-height:18px; color:#0a223e; font-weight:bold;}

.gemini.banner-list-wrap {margin:0;}
.gemini.banner-list-wrap ul li {float:left; width:46%; margin:4% 2%;}
.gemini.banner-list-wrap ul li.twocolumn-banner {width:96%;}
.gemini.banner-list-wrap ul li img {width:100%;}
.gemini.banner-list-wrap ul li video {width:100%;}
/* #35070 [토리버치] 기획전 new 템플릿 개발 요청 : E */

.dim {position:fixed; width:100%; height:100%; display:none; z-index:98;}
.lnbOn .dim {display:block;}

.footer .etc-list ul li {border-bottom:1px solid #dbd8d3; background:#f6f6f8 !important; padding:24px 0; line-height:16px; text-align:center;}
.footer .etc-list .signUp a {font-size:12px; color:#2b2b2b;}
.footer .etc-list .downApp {font-size:12px; color:#2b2b2b;}
.footer .etc-list .downApp .download_text {padding-bottom:15px;}
.footer .etc-list .downApp a {display:-ms-inline-grid;}
.footer .etc-list .signUp a {font-size:12px; color:#2b2b2b;}
.footer .etc-list .downApp {font-size:12px; color:#2b2b2b;}
.footer .etc-list .downApp .download_text {padding-bottom:15px;}
.footer .etc-list .downApp a {display:-ms-inline-grid;}

.icon i {display:inline-block; min-width:22px; height:22px; line-height:22px; font-size:12px; background:url("../images/common/sp_icon.png") no-repeat right 0px;}
.icon.join i {background-position:0px 0px; min-width:24px; margin-left:20px;}
.icon.join i:hover {background-position:0px -22px;}
.icon.ios i {background-position:-24px 0px; margin-right:20px;}
.icon.ios i:hover {background-position:-24px -22px;}
.icon.android i {background-position:-46px 0px; margin-left:20px;}
.icon.android i:hover {background-position:-46px -22px;}

.ing {width:22px !important; background: url("../images/common/sp_icon.png") no-repeat -68px 0;}
.fbk {width:22px !important; background: url("../images/common/sp_icon.png") no-repeat -90px 0;}
.pnl {width:22px !important; background: url("../images/common/sp_icon.png") no-repeat -112px 0;}
.twt {width:22px !important; background: url("../images/common/sp_icon.png") no-repeat -134px 0;}
.ytb {width:22px !important; background: url("../images/common/sp_icon.png") no-repeat -156px 0;}
.kko {width:22px !important; background: url("../images/common/sp_icon.png") no-repeat -178px 0;}
.ing:hover {background-position: -68px -22px;}
.fbk:hover {background-position: -90px -22px;}
.pnl:hover {background-position:-112px -22px;}
.twt:hover {background-position:-134px -22px;}
.ytb:hover {background-position:-156px -22px;}
.kko:hover {background-position:-178px -22px;}

/* #45473 카카오 알림톡 동의 - common.css 추가 */
// .alert_type h4 {margin-bottom:10px; font-size:14px;}
.alert_type .lst-sq {display:none; margin-top:15px; padding-bottom:20px; }
.alert_type .lst-sq.on {display:block;}
.alert_type .lst-sq li a {margin-left:10px; color:#333; text-decoration:underline;}
.alert_type + .section-md {margin-top:10px !important;}

.alert_kakao h4 {margin-bottom:10px; color:#2b2b2b; font-size:12px; font-weight:bold;}
.alert_kakao p {line-height:18px; font-size:11px; color:#555;}
.alert_kakao div {margin:15px;}
.alert_kakao div img {width:100%;}
.alert_kakao + .alert_kakao {margin-top:25px; padding-top:20px; border-top:1px solid #e1e1e1;}
.alert_kakao:last-child {margin-bottom:30px;}

/* 14세 미만 팝업 추가 */
.sr_46749_top {padding:20px 5%; text-align:center; border-bottom:1px solid #b4b4b4;}
.sr_46749_top h1 {font-size:14px; color:#2b2b2b; font-weight:bold;}
.sr_46749_top p {margin-top:30px; line-height:18px; font-size:12px; color:#555; font-weight:bold;}
.sr_46749_bottom {padding:20px 5% 30px;}
.sr_46749_bottom .btn-wrap {margin-top:30px; text-align:center;}
.sr_46749_bottom .btn-wrap a {width:48%;}
.sr_46749_bottom .btn-wrap a + a {margin-left:3%;}
.sr_46749_bottom .btn-wrap a.close {width:99%;}
.sr_46749_bottom .list {margin-top:20px; line-height:18px;}

/*51966*/
hr.hr{ border: 0; border-top: 1px solid #d4d4d4; visibility: visible; width: auto;}
hr.hr10{ margin: 30px 0; }
hr.hr20{ margin: 30px 0; }
hr.hr30{ margin: 30px 0; }

.Lh\(1\) { line-height: 1}
.Lh\(1\.1\) { line-height: 1.1}
.Lh\(1\.2\) { line-height: 1.2}
.Lh\(1\.3\) { line-height: 1.3}
.Lh\(1\.4\) { line-height: 1.4}
.Lh\(1\.5\) { line-height: 1.5}
.Lh\(1\.6\) { line-height: 1.6}
.Lh\(1\.7\) { line-height: 1.7}
.Lh\(1\.8\) { line-height: 1.8}
.Lh\(1\.9\) { line-height: 1.9}
.Lh\(2\) { line-height: 2.0}

.Lh\(1\)\! { line-height: 1 !important }
.Lh\(1\.1\)\! { line-height: 1.1 !important }
.Lh\(1\.2\)\! { line-height: 1.2 !important }
.Lh\(1\.3\)\! { line-height: 1.3 !important }
.Lh\(1\.4\)\! { line-height: 1.4 !important }
.Lh\(1\.5\)\! { line-height: 1.5 !important }
.Lh\(1\.6\)\! { line-height: 1.6 !important }
.Lh\(1\.7\)\! { line-height: 1.7 !important }
.Lh\(1\.8\)\! { line-height: 1.8 !important }
.Lh\(1\.9\)\! { line-height: 1.9 !important }
.Lh\(2\)\! { line-height: 2.0 !important }

.Fz\(1\.2em\) { font-size: 1.2em }
.Fz\(1\.3em\) { font-size: 1.3em }
.Fw\(normal\) {font-weight: normal;}
.Fw\(bold\) { font-weight: bold }

.C\(\#000\) { color: #000 }
.C\(\#111\) { color: #111 }
.C\(\#333\) { color: #333 }
.C\(\#555\) { color: #555 }
.C\(\#888\) { color: #888 }
.C\(\#fff\) { color: #fff }
.C\(orange\) { color: #f88017 }
.C\(navy\) { color: #0c223f }
.C\(theme\) { color: #f88017 }

.Ml\(30px\) { margin-left: 30px }

.D\(b\)\! { display: block !important }

.Mt\(0\.5em\)\! { margin-top: 0.5em !important }
.Mt\(1em\)\!    { margin-top: 1em !important }
.Mt\(1\.5em\)\! { margin-top: 1.5em !important }
.Mt\(2em\)\!    { margin-top: 2em !important }
.Mt\(2\.5em\)\! { margin-top: 2.5em !important }
.Mt\(3em\)\!    { margin-top: 3em !important }
.Mt\(3\.5em\)\! { margin-top: 3.5em !important }
.Mt\(4em\)\!    { margin-top: 4em !important }
.Mt\(4\.5em\)\! { margin-top: 4.5em !important }
.Mt\(5em\)\!    { margin-top: 5em !important }

// .t-list{ line-height: 1.4; list-style-position: inside; padding: 0; margin: 0; word-break: keep-all; }
// .t-list dt{ font-size: 1.1em; font-weight: bold; margin-bottom: 0.35em; color: #333;}
// .t-list > li,
// .t-list > dd{ position: relative; margin: 0; margin-left: .5em; }
// .t-list > li:before,
// .t-list > dd:before{ position: absolute; left: -.5em; top: .6em; content: ''; display: block; width: .2em; height: .2em; background: currentColor; }
// .t-list em,
// .t-list > li.em
// .t-list > dd.em{ color: #f88017; }

.join-gateway{ margin: 30px 15px 24px; }
.join-gateway .btn{ margin-top: 15px; }

.join-gateway .btn-full + .lst-sq2 {
    margin-top: 10px;
    margin-bottom: 30px;
}

.join-benefit{ padding: 30px 15px; line-height: 1.4;}
.join-benefit-title{ font-size: 14px; color: #000; text-align: center; font-weight: bold; margin-bottom: 25px;}
.join-benefit-box{ background: #eee; padding: 30px; color: #555; font-size: 11px;}
.join-benefit-box-title{ font-size: 13px; line-height: 1.4; color: #000; text-align: center; margin-bottom: 20px; font-weight: bold;}
// .join-benefit-box .t-list > li:not(:first-child){margin-top: 5px; }
.join-benefits{ padding: 0 15px; border-top: 1px solid #d4d4d4; }
.join-benefits .join-benefit{ padding: 30px 0; }
.join-benefits .join-benefit ~ .join-benefit{ border-top: 1px solid #d4d4d4;}
.join-cert{  margin: 0 -15px; padding: 0 15px; padding-bottom: 30px; border-bottom: 1px solid #d4d4d4; margin-bottom: 30px;}
.join-cert-title{ margin-bottom: 0; margin-bottom: 12px; font-size: 12px; color: #2b2b2b; font-weight: bold; }

.mask-toggle-btn{ position:absolute; right: 22px; color: transparent !important; overflow: hidden; width: 20px; height: 20px; margin-top: 7px; z-index: 1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDMuOCA3MC44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDMuOCA3MC44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6Njt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTEuMyw3LjNjMjguMSwwLDQyLjQsMjguNCw0Mi40LDI4LjRTNzkuOCw2NC4yLDUxLjMsNjQuMlM4LjgsMzUuNyw4LjgsMzUuN1MyMi4zLDcuMyw1MS4zLDcuM3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTEuMywyMC43YzguNCwwLDE1LjIsNi43LDE1LjIsMTUuMXMtNi44LDE1LjEtMTUuMiwxNS4xYy04LjQsMC0xNS4yLTYuNy0xNS4yLTE1LjFTNDIuOCwyMC43LDUxLjMsMjAuN3oiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center; opacity: .2;}
input:not([type=password]) ~ .mask-toggle-btn{ opacity: .5; }

.join-success-wrap{ color: #2b2b2b; }
.join-success-wrap .msg-box{margin: 30px 15px; padding: 0; line-height: 1.4; }
.join-success-wrap .msg-box .success-msg{ font-size: 16px; margin: 30px 0 20px; font-weight: bold; line-height:24px;}
.join-success-wrap .msg-box .welcome-msg{ font-size: 12px; margin: 30px 0 10px;}
.join-success-wrap .msg-box .coupon-msg{ font-size: 11px; color:#555; margin-bottom: 30px; line-height:16px;}
.join-success-wrap .msg-box .coupon-msg strong {font-weight:600;}

.join-success-wrap .lst-sq{ font-size: 11px; color: #555; }


/* #56758: ssfshop/토리/톰 멤버십 안내 페이지 문구 추가 및 수정 common.css 추가 */
.member-guide{color:#555;font-size:14px;line-height:1.3;margin:0}
.member-guide em{color:#f88017}
.b-8s .member-guide em{color:#ac1f2d}
.member-guide strong{font-weight:600}
.member-guide h1{font-size:1.8em;line-height:1.5;color:#333;font-weight:600;margin-top:27.5px}
.member-guide h2{font-size:1.3em;line-height:1.4;color:#333;font-weight:600;margin-top:30px;margin-bottom:10px}
.member-guide ul.benefit li{margin-top:1.6em;color:#f88017}
.b-8s .member-guide ul.benefit li{color:#ac1f2d}
.member-guide ul.benefit li p.label{margin:0;margin-bottom:0.3em;font-weight:600;font-size:1.3em}
.member-guide .guide ol{list-style:none;padding-left:1em}
.member-guide .guide ol li .bullet{position:absolute;margin-left:-1em;font-weight:600}
.member-guide .guide ul ol{margin:.8em 0}
.member-guide hr{margin:30px 0}
.member-guide .saving .table-wrap{margin-bottom:20px}
.member-guide .saving .table-wrap table col:nth-child(1),.member-guide .saving .table-wrap table col:nth-child(3),.member-guide .saving .table-wrap table col:nth-child(4){width:55px}
.member-guide .saving .text-list a{text-decoration:underline}
.member-guide .saving .text-list .em{color:#f88017}
.member-guide .call{margin-top:30px;padding:15px 0;padding-left:11.5px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-bottom:35px}
.member-guide .call p{margin:0}
.member-guide .class-benefit .class-benefit-table{font-size:11px;line-height:1.4}
.member-guide .class-benefit .class-benefit-table th{font-weight:600}
.member-guide .class-benefit .desc{color:#888;margin-top:15px}
.member-guide .class-benefit .desc ul li{padding-left:16px;text-indent:-16px}
.member-guide .class-benefit .class-benefit-guide{margin-top:30px}
.member-guide hr.dotted{border-top:solid 2px #333}
.class-benefit-guide-item{padding:20px 0}
.class-benefit-guide-item .benefit-title{margin:0;font-size:17px;line-height:1;color:#333;font-weight:600}
.class-benefit-guide-item .benefit-desc{margin-top:10px}
.class-benefit-guide-item .benefit-desc .text-list{font-size:13px;color:#333}
.class-benefit-guide-item .benefit-desc .text-list .coupon-table{margin-top:15px;margin-bottom:15px;margin-left:-9px}
.class-benefit-guide-item .benefit-desc .text-list .coupon-table table col:nth-child(1){width:65px}
.class-benefit-guide-item .benefit-desc .text-list .coupon-table table td:nth-child(2){text-align:left}
ul.class-benefit-guide-list{border:1px solid #e5e5e5;padding:5px 16px}
ul.class-benefit-guide-list>li ~ li{border-top:1px solid #e5e5e5}

.member-guide table.table {width:100%;}
.member-guide table.table tr th {background:#eee;}
.member-guide table.table tr th, .member-guide table.table tr td {height:35px; border-bottom:solid 1px #d5d5d5; text-align:center; vertical-align:middle; font-weight:300; max-width:100px; padding:5px;}

/* #67262 */
.agree-area {
    display: block;
    position: relative;
    margin: 25px 0;
}
.agree-area .btn-dialog {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/common/bul_arr_rt.png) no-repeat center center;
    background-size: 5px;
    text-indent: -999em;
}

.main .visual_wrap .copy_wrap .en,
.main .grid_wrap .copy_wrap .en {
    font-family:adobe-garamond-pro,serif;
    font-weight: 400;
    color: #515152;
}

/* #76300 */
.box-inner .gift-offer {margin: 20px -15px 0;}
.box-inner .gift-offer .title03 {padding: 0 15px;}
.box-inner .gift-offer .info dt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.5;
}
.box-inner .gift-offer .info .link {
    text-decoration: underline;
}
.box-inner .gift-offer .guide {
    padding: 10px 15px 0;
    color: #555;
    font-size: 11px;
}
.box-inner .section-lg + .gift-offer {margin-top: 30px;}



/* #101534 만족도만 있는 케이스, 토리버치 화면 수정 */
.star-lg,
.star-lg span {display: inline-block;  overflow: hidden; height: 15px;}
.star-lg { position: relative; top:0px; width: 96px;  vertical-align: middle; text-align: left; background: url(../images/common/img_star01_lg.png) no-repeat 0 100%; background-size:96px auto;}
.star-lg span {vertical-align: top;text-align: left;text-indent: -9999em;  background: url(../images/common/img_star01_lg.png) no-repeat 0 0px; background-size:96px auto; *overflow: hidden;*font-size: 0;*line-height: 0;*text-indent: 0;}
.review-wrap .review .box01 {padding:30px 0 20px; margin-bottom:30px; border-bottom:1px solid #d4d4d4;}
.review-wrap .review .box01 h3 {float:inherit; color:#2b2b2b; margin-bottom:10px;}
.review-table .star-lst {text-align:center;}
.star-lst .mid li {display:inline-block; margin:0 15px;}
.star-lst .mid li em {width:auto; font-weight:400; color:#8c8a8a; margin-right:10px;}
.star-lst .mid li span {color:#555;}
.star-box > li {display:block; text-align:left; padding:0 15px;}
.star-box > li p {text-align:left; font-size:14px; margin-bottom:10px;}
.info-lst .star-lst {padding:15px 0; border: 1px solid #d4d4d4; margin:20px 0;}
.info-lst .star-lst + .rev-text {padding-top:0;}
/* 전체 공통 : 적용여부 확인
.section-md {margin-top:25px !important;}
.section-sm {margin-top:13px !important;}
*/

/* #109630 개인정보처리방침 수정 건 */
#adTermsWrap .member-all-chk span em {font-size: 120%; color: #333 !important; font-weight: bolder; text-decoration: underline; line-height:1;}


/* #114091 [퍼블요청-MO] [CRM요청] CI/DI 삭제 이슈 */
.dialog-sr34134 .layer-box {background:#fff;}
.dialog-sr34134 .inner {text-align:center;;}
.dialog-sr34134 h1 {font-size:14px; line-height:20px; color:#f88216; font-weight:bold; text-align:center; margin-top:-10px;}
.dialog-sr34134 .headline {padding:15px 0; margin-bottom:15px; font-size:13px; line-height:18px; color:#555; border-bottom:1px solid #e1e1e1;}
.dialog-sr34134 .center {font-size:12px; line-height:18px;}
.dialog-sr34134 p.center {margin:auto; width:225px; margin-bottom:15px;}
.dialog-sr34134 .orange {color:#f88216;}
.dialog-sr34134 .gray {color:#8c8a8a;}
.dialog-sr34134 .dot_list {font-size:11px; line-height:16px;}
.dialog-sr34134 .btn-wrap {margin:15px 0; text-align:center;}
.dialog-sr34134 .mar_t20 {margin-top:20px;}
.dialog-sr34134 .mar_b30 {margin-bottom:30px;}
.dialog-sr34134 .btn-wrap .btn {width:225px; height:36px; font-size:12px !important; line-height:34px; color:#8c8a8a;}
.dialog-sr34134 .btn-wrap .btn.color01 {margin:0 2px; width:108px; color:#fff; background:#f88216; border:0;}



/* #128713 */
/* 맴버십안내 - 소개 */
.member-guide { color: #444; font-size: 13px; line-height: 1.3; margin: 0; padding: 0 25px; }
.member-guide em { color: #5b1eaa; }
.member-guide strong { font-weight: 600; }
.member-guide h1 { font-size: 1.8em; line-height: 1.5; color: #333; font-weight: 600; margin-top: 27.5px; }
.member-guide h2 { font-size: 1.3em; line-height: 1.4; color: #333; font-weight: 600; margin-top: 30px; margin-bottom: 10px; }
.member-guide ul.benefit li { margin-top: 1.6em; color: #5b1eaa; }
.member-guide ul.benefit li p.label { margin: 0; margin-bottom: 0.3em; font-weight: 600; font-size: 1.3em; }
.member-guide .guide ol { list-style: none; padding-left: 1em; }
.member-guide .guide ol li .bullet { position: absolute; margin-left: -1em; font-weight: 600; }
.member-guide .guide ul ol { margin: .8em 0; }
.member-guide hr { margin: 30px 0; }
.member-guide .saving .table-wrap { margin-bottom: 20px; }
.member-guide .saving .table-wrap table col:nth-child(1) { width: 55px; }
.member-guide .saving .table-wrap table col:nth-child(3) { width: 55px; }
.member-guide .saving .table-wrap table col:nth-child(4) { width: 55px; }
.member-guide .saving .text-list a { text-decoration: underline; }
.member-guide .saving .text-list .em { color: #5b1eaa; }
.member-guide .call { margin-top: 30px; padding: 15px 0; padding-left: 11.5px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 35px; }
.member-guide .call p { margin: 0; }
.member-guide .class-benefit .class-benefit-table { font-size: 11px; line-height: 1.4; }
.member-guide .class-benefit .class-benefit-table th { font-weight: 600; }
.member-guide .class-benefit .desc { color: #888; margin-top: 15px; }
.member-guide .class-benefit .desc ul li { padding-left: 16px; text-indent: -16px; }
.member-guide .class-benefit .class-benefit-guide { margin-top: 30px; }
.member-guide hr.dotted { border-top: solid 2px #333; }
.member-guide {text-align:center; margin:30px 0 30px; padding:0 15px; word-break:keep-all;}
.member-guide h1 {font-size: 21px; font-weight: 600; line-height: 25px; color: #2b2b2b; margin-bottom:20px;}
.member-guide .text {font-size: 12px; line-height: 19px; color: #555; margin-bottom:25px;}
.member-guide .cap {font-size: 11px; color: #8e8e8e; margin:-15px 0 25px;}
.member-guide .button {display:block; height:36px; line-height:32px; background:#f88017; border:1px solid #f88017; font-size:14px; font-weight:300; color:#fff;}
.mem-class > span {display:inline-block; width:72px; height:72px; line-height:72px; text-align:center; color:#fff; font-size:12px; border-radius:50%; font-family:'Arial'; font-weight:600;}
.mem-class > i {display:inline-block; padding:0 6px; height:19px; line-height:19px; text-align:center; color:#fff; font-size:11px; border-radius:3px; font-style:normal; font-weight:600;}
.mem-class .lv-01 {background:#444;}
.mem-class span.lv-02 {background:#111; font-size:11px;}
.mem-class .lv-02 {background:#111;}
.mem-class span.lv-03 {background:linear-gradient(-45deg, #5b1eaa 40%, #903cc1 100%);}
.mem-class .lv-03 {background:linear-gradient(-90deg, #5b1eaa 40%, #903cc1 100%);}
.mem-class span.lv-04 {background:linear-gradient(-45deg, #74553c 40%, #b58643 100%);}
.mem-class .lv-04 {background:linear-gradient(-90deg, #74553c 40%, #b58643 100%);}
.mem-class span.lv-05 {background:linear-gradient(-45deg, #acacac 40%, #d5d5d5 100%);}
.mem-class .lv-05 {background:linear-gradient(-90deg, #acacac 40%, #d5d5d5 100%);}
.mem-class span.lv-06 {background:linear-gradient(-45deg, #c08837 40%, #e1be61 100%);}
.mem-class .lv-06 {background:linear-gradient(-90deg, #c08837 40%, #e1be61 100%);}
.mem-class span.lv-07 {background:linear-gradient(-45deg, #000380 40%, #874af7 100%); font-size:11px;}
.mem-class .lv-07 {background:linear-gradient(-90deg, #000380 40%, #874af7 100%);}
.mem-class span.lv-08 {background:linear-gradient(-45deg, #7a47ec 40%, #57eaef 100%); font-size:11px;}
.mem-class .lv-08 {background:linear-gradient(-90deg, #7a47ec 40%, #57eaef 100%);}
.mem-next {vertical-align:top; padding:0px 20px 40px; margin-top:30px;}
.mem-next .mem-class {font-size:14px; font-weight:300; color:#111; line-height:23px; text-align:center;}
.mem-next .mem-class .badge {margin:0 10px;}
.mem-next .mem-class > small {display:block; margin-top:5px; font-size:12px; color:#8e8e8e;}
.mem-next .mem-step {position:relative; margin-top:35px; height:20px;}
.mem-next .mem-step > div:before {display:block; content:''; position:absolute; top:50%; margin-top:-2px; width:98%; height:4px; background-color:#e9e9e9; z-index:0;}
.mem-next .mem-step > div:after {display:block; content:''; position:absolute; top:50%; margin-top:-2px; height:4px; background-color:#5b1eaa; z-index:1;}
.mem-next .mem-step > div.tobe_lv-03:after {width:0%;}
.mem-next .mem-step > div.tobe_lv-04:after {width:20%;}
.mem-next .mem-step > div.tobe_lv-05:after {width:40%;}
.mem-next .mem-step > div.tobe_lv-06:after {width:60%;}
.mem-next .mem-step > div.tobe_lv-07:after {width:80%;}
.mem-next .mem-step > div.tobe_lv-08:after {width:98%;}
.mem-next .mem-step > div > ul {display:block; position:absolute; width:100%; font-size:0; z-index:2;}
.mem-next .mem-step > div > ul > li {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:10px; font-weight:600; background-color:#d5d5d5; border-radius:50%;}
.mem-next .mem-step > div > ul > li + li {margin-left:calc(20% - 25px); }
.mem-next .mem-step .tobe_lv-03 > ul > li:nth-last-child(1n+6),
.mem-next .mem-step .tobe_lv-04 > ul > li:nth-last-child(1n+5),
.mem-next .mem-step .tobe_lv-05 > ul > li:nth-last-child(1n+4),
.mem-next .mem-step .tobe_lv-06 > ul > li:nth-last-child(1n+3),
.mem-next .mem-step .tobe_lv-07 > ul > li:nth-last-child(1n+2),
.mem-next .mem-step .tobe_lv-08 > ul > li {background-color:#5b1eaa;}
.mem-next .mem-step div > ul > li:after {content:''; position:absolute; margin:-21px 0 0 -9%; width:calc(20% - 14px); color:#959595; text-align:center; font-size:9px;}
.mem-next .mem-step div.lv-03 > ul > li:nth-child(1):after {content:'FAMILY';}
.mem-next .mem-step div.lv-04 > ul > li:nth-child(2):after {content:'BRONZE';}
.mem-next .mem-step div.lv-05 > ul > li:nth-child(3):after {content:'SILVER';}
.mem-next .mem-step div.lv-06 > ul > li:nth-child(4):after {content:'GOLD';}
.mem-next .mem-step div.lv-07 > ul > li:nth-child(5):after {content:'PLATINUM';}
.mem-next .mem-step div.lv-08 > ul > li:nth-child(6):after {content:'DIAMOND';}
.mem-next .mem-step div.tobe_lv-03 > ul > li:nth-child(1):after {content:'FAMILY'; color:#5b1eaa !important;}
.mem-next .mem-step div.tobe_lv-04 > ul > li:nth-child(2):after {content:'BRONZE'; color:#5b1eaa !important;}
.mem-next .mem-step div.tobe_lv-05 > ul > li:nth-child(3):after {content:'SILVER'; color:#5b1eaa !important;}
.mem-next .mem-step div.tobe_lv-06 > ul > li:nth-child(4):after {content:'GOLD'; color:#5b1eaa !important;}
.mem-next .mem-step div.tobe_lv-07 > ul > li:nth-child(5):after {content:'PLATINUM'; color:#5b1eaa !important;}
.mem-next .mem-step div.tobe_lv-08 > ul > li:nth-child(6):after {content:'DIAMOND'; color:#5b1eaa !important;}
.your-membership.type-ko .in-page-title-bar {font-size:17px; padding:0 0px 15px; border-bottom:2px solid #333; min-height:auto; line-height:23px; margin:25px 20px 0px;}
.your-membership.type-ko .my-login-area {align-items: center; margin:20px 0 20px; padding-bottom:0;}
.your-membership.type-ko .my-login-area .login-info .user-text {font-size: 16px; line-height:24px;}
.your-membership.type-ko .your-membership--detail {padding:0; margin:20px 0;}
.your-membership.type-ko .your-membership--summary {padding:0 20px 0px; margin-bottom:20px;}
.your-membership.type-ko .your-membership--summary--etc:last-child {border-bottom:1px solid #e5e5e5;}
.your-membership.type-ko .your-membership--summary--etc--label {color:#888;}
.your-membership.type-ko .your-membership--heading {margin:20px 20px 30px;}
.your-membership.type-ko .your-membership--benefits {padding: 40px 20px 0; border-top: 1px solid #e5e5e5;}
.your-membership.type-ko .your-membership--benefits--head {font-size:17px; border-bottom:2px solid #333;}
/* 맴버십안내 하단 */
.benefit-01 i:after {background-position:0 -0px !important;}
.benefit-02 i:after {background-position:0 -20px !important;}
.benefit-03 i:after {background-position:0 -40px !important;}
.benefit-04 i:after {background-position:0 -60px !important;}
.benefit-05 i:after {background-position:0 -80px !important;}
.benefit-06 i:after {background-position:0 -100px !important;}
.benefit-07 i:after {background-position:0 -120px !important;}
.benefit-08 i:after {background-position:0 -140px !important;}
.benefit-09 i:after {background-position:0 -160px !important;}
.benefit-10 i:after {background-position:0 -180px !important;}
.benefit-11 i:after {background-position:0 -200px !important;}
.benefit-12 i:after {background-position:0 -220px !important;}
.benefit-13 i:after {background-position:0 -240px !important;}
.benefit-14 i:after {background-position:0 -260px !important;}
.benefit-15 i:after {background-position:0 -280px !important;}
.membership-benefits-wrap {margin-bottom:40px;}
.membership-benefits-wrap .benefits-inner-class {padding:0 15px; text-align:center; margin-bottom:40px;}
.membership-benefits-wrap .benefits-inner-class ul {display:flex; flex-wrap: wrap; border-top:2px solid #111; border-bottom:2px solid #111; margin:-2px 0 -2px;}
.membership-benefits-wrap .benefits-inner-class ul li {flex:0 0 33.3%; border-bottom:1px solid #efefef; padding:20px 0; word-break:keep-all; font-size:12px; color:#111;}
.membership-benefits-wrap .benefits-inner-class ul li i {display:block; position:relative; width:34px; height:34px; margin:0 auto; background:rgba(196,135,252,0.2); border-radius:50%; margin-bottom:10px;}
.membership-benefits-wrap .benefits-inner-class ul li .btn-link {display:inline-block; margin-top:5px; color:#8e8e8e; border-bottom:1px solid #8e8e8e;}
.membership-benefits-wrap .benefits-inner-class ul li i:after {content:''; display:block; position:absolute; width:20px; height:20px; left:7px; top:7px; background:url(../images/icons-benefits.png) no-repeat; background-size:20px auto; border-radius:50%;}
.membership-benefits-wrap .benefits-inner {padding:0 20px;}
.membership-benefits-wrap .benefits-inner ul {border-top:1px solid #efefef;}
.membership-benefits-wrap .benefits-inner ul li {border-bottom:1px solid #efefef;}
.membership-benefits-wrap .benefits-inner ul li .list {display:flex; flex-wrap: wrap; align-items: center; height:45px; width:100%;}
.membership-benefits-wrap .benefits-inner ul li .list .title {flex:1 1 50%; font-size:12px; font-weight:600; color:#111;}
.membership-benefits-wrap .benefits-inner ul li .list .title i {display:inline-block; position:relative; width:36px; height:20px; top:-1px; float:left; }
.membership-benefits-wrap .benefits-inner ul li .list .title i:after {content:''; display:block; position:absolute; width:20px; height:20px; left:8px; top:0px; background:url(../images/icons-benefits.png) no-repeat; background-size:20px auto;  border-radius:50%;}
.membership-benefits-wrap .benefits-inner ul li .list .about {flex:1 1 80px; text-align:right; padding-right:35px; position:relative; font-size:11px; color:#8e8e8e;}
.membership-benefits-wrap .benefits-inner ul li .list .about:after{ content: '';display: block; width: 7px; height: 7px; position: absolute; right: 15px; top: 50%; margin-top:-3px; border: 1px solid #8e8e8e; border-color: #8e8e8e #8e8e8e transparent transparent ; transform: translateY(-50%) rotate(135deg);}
.membership-benefits-wrap .benefits-inner ul li.on .list .about:after{border-color: transparent transparent #8e8e8e #8e8e8e; margin-top:3px;}
.membership-benefits-wrap .benefits-inner ul li .desc {display:none; background:#f7f7f7; border-top:1px solid #efefef; padding:30px 15px 10px; font-size:11px; line-height:20px;}
.membership-benefits-wrap .benefits-inner ul li .desc h3 {font-size:12px; font-weight:600; color:#111; margin-bottom:15px;}
.membership-benefits-wrap .benefits-inner ul li .desc h4 {font-size:11px; font-weight:300; color:#111; margin-bottom:10px;}
.membership-benefits-wrap .benefits-inner ul li.on .desc {display:block;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-table {margin-bottom:15px;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-table table {border-collapse:collapse; border-top:1px solid #efefef; width:100%;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-table thead th {text-align:center;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-table th {padding:10px; color:#8e8e8e; border-bottom:1px solid #efefef;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-table td {padding:10px; color:#444; border-bottom:1px solid #efefef;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-table.mem-class th {font-weight:600; color:#111;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-table.mem-class th span {display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:14px; border-radius:50%; font-family:'Arial'; font-weight:600; margin-right:5px;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-list {list-style-position: inside; padding: 0; margin: 0 0 15px; word-break: keep-all; border:none;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-list > li { position: relative; margin: 0; margin-left: .7em; }
.membership-benefits-wrap .benefits-inner ul li .desc .t-list li {border:none; line-height:20px; color:#8e8e8e;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-list li:before{content: ''; display:inline-block; position: absolute; width: 2px; height: 2px; margin-top: 0px; left: -8px; top: 9px; background-color: currentColor;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-list .list-in {}
.membership-benefits-wrap .benefits-inner ul li .desc .t-list .list-in ul {border-top:none;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-list .list-in li {position:relative; padding-left:13px;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-list .list-in li i {position:absolute; left:0; top:0; font-style: normal;}
.membership-benefits-wrap .benefits-inner ul li .desc .t-list .list-in li:before {display:none;}
.membership-benefits-wrap .benefits-inner ul li .desc .img-coupons {margin-bottom:10px;}
.membership-benefits-wrap .benefits-inner ul li .desc .img-coupons ul {border:none;}
.membership-benefits-wrap .benefits-inner ul li .desc .img-coupons ul:after {content:''; display:block; clear:both;}
.membership-benefits-wrap .benefits-inner ul li .desc .img-coupons li {float:left; display:flex; align-items: center; text-align:center; height:46px; width:80px; background:url(../images/bg-benefit-coupons.png) no-repeat; background-size:80px 46px; margin-right:10px;}
.membership-benefits-wrap .benefits-inner ul li .desc .img-coupons li .text {margin:0 auto; font-size:12px; font-weight:600; color:#5b1eaa; line-height:14px; }
.membership-benefits-wrap .benefits-inner ul li .desc .img-coupons li .text span {font-size:8px;}
.membership-benefits-wrap .benefits-inner ul li .desc .img-coupons .t-list {border:none; padding-left:15px; margin-bottom:15px;}