@charset "utf-8";

/* 서브 공통 */
#subContent {z-index:1; position:relative; clear:both; width:100%; /*margin-top:40px;*/}
#subContent .cover-bg {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 99;}


#subContent input[type="text"],
#subContent input[type="password"],
#subContent input[type="tel"],
#subContent input[type="number"] {width: 100%; height:27px; padding-left:5px; border:1px solid #b5b5b6; }
#subContent textarea {width:100%; border:1px solid #CCC; padding:5px; margin-bottom:5px; font-size:12px; color:#000;}

#subContent .number #certNumber2{background-color: #f9f9f9;}

/*#subContent input[type="checkbox"] {display: inline-block; width:28px; height:28px; margin: -5px 13px 0 0; vertical-align:middle; background: #dc5d52; list-style: none;}*/
/*#subContent input[type="checkbox"] lable{list-style: none; display: inline-block; width: 28px;}*/

/*실제 체크박스는 화면에서 숨김*/

.user-y .login-check input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.user-y .login-check input[type="checkbox"] + label{display: inline-block; position: relative; padding-left: 40px; cursor: pointer;  font-size: 26px; color: #7d7d7d;
    margin-top: 23px;}

/*가짜 체크박스*/
.user-y .login-check input[type="checkbox"] + label:before{
    content: ''; display: inline-block; position: absolute; left: 0; top: 3px;  width: 28px; height: 28px; line-height: 14px; text-align: center; background: #f0534b;
    border-radius: 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); color:#fff;}

.user-y .login-check input[type="checkbox"] + label:active:before,
.user-y .login-check input[type="checkbox"]:checked + label:active:before{
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}

/*체크박스를 체크했을때*/

.user-y .login-check input[type="checkbox"]:checked + label:before{content: "\2714"; color: #fff;}

#subContent select,
#subContent input[type="text"],
#subContent input[type="password"],
#subContent input[type="tel"],
#subContent input[type="number"] { padding-left: 35px;}
#subContent table th { font-size: 0.875rem; line-height: 1.25rem;}
#subContent table th.title {font-size: 1rem; line-height: 1.375rem;}
#subContent table input[type="text"],
#subContent table select {width: 100%; height: 95px; line-height: 36px; box-sizing: border-box; }

#subContent table .full-1 span.at-sign{ width: 22%; font-size: 28px; color: #090909; position: relative; top: 5px;}
#subContent .join .full-1 .width100 { display: inline; width:30%; height: 69px;  box-sizing: border-box; border: none; font-size: 28px; color: #8b8b8b; }


#subContent input[type="radio"] {width:22px; height:22px; margin:-1px 0 0 0; border-radius:10px; border:1px solid #CCC; vertical-align:middle; position: relative; right: 0px;}

#subContent .menu-bar {
    position:relative; clear:both; width:100%; height:40px; background:#FE434C; color:#FFF;
    display: none;
}
#subContent .menu-bar h1 {padding-left:40px; line-height:40px; font-size:15px; font-weight:bold;}
#subContent .menu-bar .btn-prev {position:absolute; top:10px; left:10px;}
#subContent .menu-bar.line2 h1 {padding-top:5px; line-height:18px;}
#subContent .menu-bar.line2 h1 {padding-top:5px; line-height:18px;}
#subContent .menu-bar.line2 .txt {padding-left:40px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px;}

#subContent .sub-content {float:left; width:100%; padding: 10px; clear: both;}

#subContent .sub-tabs a.active-off{border-bottom: 1px solid #dc5d51;}

/*수정*/#subContent a.btn-btn1, #subContent button.btn-btn1 { width:50%; height:101px; padding:37px; line-height:28px; font-size: 29px; text-align:center; border: 1px solid black; background-color: #353435; box-sizing: border-box; color: white;  position: fixed; bottom: 0; left: 0px; border: none;}


/*수정*/#subContent a.btn-btn2, #subContent button.btn-btn2 { width:50%; height:101px; padding:37px; line-height:28px; font-size: 29px; text-align:center; border: 1px solid black; background-color: #f0534b; box-sizing: border-box; color: white;  position: fixed; bottom: 0; right: 0px; border: none;}


#subContent .sub-tabs a.active-on {
    text-align: center;  background:#fff; color:#dc5d51;
    border: 1px solid #dc5d51; border-width:1px 1px 0 1px; font-size: 26px; }
#subContent .sub-tabs a em {font-size:10px; color:#FE434E; display: block; margin-top: 5px;}
#subContent .sub-tabs a.active em {color:#FFF;}

#subContent .btn-list {clear:both; line-height:25px; text-align:center;}
/*수정*/#subContent a.btn, #subContent button.btn {display:inline-block; width:105px; height:28px; padding:0; line-height:28px; font-size:13px; font-weight:bold; text-align:center;}
#subContent a.btn img, #subContent button.btn img {vertical-align:middle; margin-top:-2px;}
#subContent a.btn0 {background:#059bd3; color:#FFF;}
#subContent a.btn1 {background:#f0534b; color:#FFF; text-align: center;}
#subContent a.btn11 {background:#353435; color:#fff; text-align:center;}
#subContent a.btn2 {background:#353435; color:#fff;}
#subContent a.btn3 {background:#353435; border:0 none; color:#FFF;}
#subContent a.btn4,
#subContent button.btn4 {
    width:70px; background:#FE434C; border:1px solid #E5252E; color:#FFF;
}
#subContent a.btn5 {background:#F2F0F1; border:1px solid #CCC; color:#777;}
#subContent a.btn6,
#subContent button.btn6 {
    width: auto; min-width: 70px; height: 26px; line-height: 26px;
    background: #353435; color: #FFF; border-radius:2px;
}
#subContent button.btn6 {padding: 0 8px;}


/*추가 보험안내*/#subContent a.btn8 {
               width: auto; min-width:70px; height:26px; line-height:26px; background:#37459d; border:none; color:#FFF; padding: 0 10px; margin: 4px 0;
           }
#subContent a.btn-full {width:100%; background:#FFF; border:1px solid #CCC; color:#777; }
#subContent a.btn-full a img {margin-left:5px;}
#subContent a.btn-login {width:100%;}
#subContent a.btn-map {width:100%; background:#FFF; border:1px solid #CCC; color:#444; margin-top: 2px;}
#subContent a.btn-map img {margin-left:5px;}
#subContent a.btn-submit {width:100%; background:#F2F0F1; border:1px solid #CCC; color:#444;}
/*수정*/#subContent a.btn-cash {margin-left:5px; width:80px; height:26px; line-height:26px; background:#CCC; color:#000; text-align:center; font-weight:normal; font-size:12px;}
#subContent #subContent .btn-list.btn-in {padding:10px 0 0 0;}
#subContent .btn-list.btn-in a {width:80px;}
#subContent .view-btn a.btn {width:80px;}
/*수정*/#subContent a.btn-reply {width:80px; height:26px; line-height:26px; border:1px solid #000; background-color:#fff; font-weight:normal; font-size:12px;}
#subContent a.btn-detail {float:right; width:28%; background:#CCC; border:1px solid #CCC; color:#555;}
#subContent p.btn-full {clear:both; display:inline-block; width:30%; }

#subContent .con-box {width:100%; padding:15px; background:#FFF; border: 1px solid #ccc; clear: both;}
#subContent .con-box p {word-break: break-all;}
#subContent .con-box .photo {margin-top: 8px;}
#subContent .con-box.map-info-area {padding: 20px 0; margin: 10px 0;}

/* 유투브 영상 */
#subContent .con-box .video-area {margin: 10px 0;}

#subContent table {clear:both; border-collapse: collapse; width:100%;}
#subContent .product-detailInfo table {table-layout: fixed;}
#subContent table th {padding: 5px 8px; background:#F6F6F6; border:1px solid #CCC; color:#000; text-align:center; font-weight:normal; vertical-align:middle;}
#subContent table td.red {color:#FE434C;}
#subContent table td input[type="text"], #subContent table td input[type="password"], #subContent table td select {}
/*수정#subContent table input[type="text"], #subContent table select { margin: 0 auto; line-height:26px; width: 74%;}*/
#subContent table td.email input, #subContent table td.email select {width:30%; vertical-align:middle;}
#subContent table td.tel input {width:29%; vertical-align:middle;}
#subContent table td.tel select {width:30%; vertical-align:middle;}
#subContent .join1 table td.tel input {width:24%; vertical-align:middle;}
#subContent .join1 table .tel a {height:40px; line-height:40px; margin:0; font-size:.8rem;}
#subContent .join1 table td {padding:10px; background-color:#fff; border:1px solid #ccc;}
#subContent h2 {height:30px; padding-left:12px; margin-top:10px; line-height:30px; border:1px solid #CCC; font-size: 15px; font-weight:bold; color:#000;}
#subContent .bt-none {margin-top:-1px;}
#subContent .deli-address td label {padding-left:10px; letter-spacing:-1px;}
#subContent .deli-address .addr-wrap {padding:10px; background-color:#fff; }
#subContent .deli-address .addr-wrap input {border:1px solid #ccc;}
#subContent .deli-address .addr-wrap input.addr0 {width:56%;}

#subContent .not-found {clear:both; height:100px; padding-top:70px; margin:50px 0; text-align:center; color:#666; font-size:16px; background:url(../../images/mw/sub_common/e_icon.png) no-repeat center 0; background-size:60px;}
#subContent .not-found strong {color:#000; font-weight:normal;}

#rsvInfo .reserve table td {padding:7px;}

#subContent .mt20 {margin-top:20px;}
#subContent .mt10 {margin-top:10px;}

/* 위치 및 주변업소 */
.map {position:relative; min-height:300px; margin-top:10px;}
.map .map-btn1 {z-index:10; position:absolute; top:10px; left:10px;}
.map .map-p1 {z-index:1; position:absolute; top:100px; left:20px;}
.map .map-p2 {z-index:1; position:absolute; top:150px; left:50px;}
.map .map-p3 {z-index:1; position:absolute; top:70px; left:100px;}
.map .map-p4 {z-index:1; position:absolute; top:120px; left:110px;}
.map .map-p5 {z-index:1; position:absolute; top:100px; left:200px;}
.map .point-info,
.map-area .point-info,
.map-wrap .point-info {
    /*
        position:absolute; bottom: 35px; left:-72px; width:151px; height:57px; padding:5px 0 0 5px;
        background:url(../../images/mw/sub/b_box.png) no-repeat; background-size:100%;
        color:#000; letter-spacing:-1px; font-size:11px;
    */
    position: absolute; bottom: 45px; left: -90px; width: 170px; padding: 18px 8px 10px !important;
    background: #fff; border-radius: 5px; box-shadow: 0px 2px 7px #888888;
    color:#000; font-size:11px;
}
.map .point-info strong,
.map-area .point-info strong,
.map-wrap .point-info strong {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px;}
.map .point-info .addr,
.map-area .point-info .addr,
.map-wrap .point-info .addr {
    display: block; margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 15px;
    max-height: 30px;
    white-space: normal !important;
}
.map .point-info::after,
.map-area .point-info::after,
.map-wrap .point-info::after {
    content: "";
    position: absolute; bottom: -8px; left: 45%;
    width: 0; height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
.map .point-info strong,
.map-area .point-info strong,
.map-wrap .point-info strong {font-weight:bold; font-size:13px;}
.map .point-info a.btn-close,
.map-area .point-info a.btn-close,
.map-wrap .point-info a.btn-close {position:absolute; top:4px; right:8px;}
.map .point-info a.btn-close img,
.map-area .point-info a.btn-close img,
.map-wrap .point-info a.btn-close img {width: 12px !important; height: auto !important;}



/* --------------------------------------------------------- add ------------------------------------------------------------------ */
/* datepicker icon */
form1 span {position: relative;}
span img.ui-datepicker-trigger {position:absolute; top:5px; right:10px; height: 16px;}


/* 문단제목(title) */
.comm-title1 {
    font-size: 14px; font-weight: 700; margin-bottom: 5px;
    background: url("../../images/mw/title/title1.png") no-repeat left center;
    background-size: 6px 10px;
    padding-left: 15px;
}


/* 문단내용(memo) */
.bgWrap {background: #fff; border: 1px solid #ccc; padding: 10px;}

/* 문단내용 > 사용조건에 따른 추가 (comm-article1) */
article.comm-art1 h6 {padding: 10px; background: #eff0f1; font-size: 14px; margin-bottom: 5px; font-weight: bold;}
article.comm-art1 .memo {padding: 10px; word-break:break-all;}
article.comm-art1 p {padding: 10px; padding-bottom: 25px; font-size: 12px; line-height: 20px;}
article.comm-art1:last-child p {padding-bottom: 10px;}
article.comm-art1 p.fix > span {display: block;}


/* 문단리스트 설명 (info) */
.info-wrap {background: #fff; border: 1px solid #ccc; margin-top: 8px; padding: 10px; font-size:.7rem;}
.info-wrap h6 {font-size: 14px; font-weight: 700; border-bottom: 1px solid #e1e3e4; padding-bottom: 5px; margin-bottom: 5px;}
.info-wrap ul {padding-left: 18px;}
.info-wrap ul li {margin-top: 6px; line-height: 18px; list-style: circle;}
.info-wrap ul li:first-child {margin-top: 0;}
#subContent .info-wrap .center input[type="text"] {font-size:.9rem; padding-left:14px;}

.info-wrap.top {margin-bottom: 20px; padding: 15px 10px;}
.info-wrap.top h6 {text-align: center; font-size: 13px; line-height: 18px;}
.info-wrap.top .center-btn {text-align: center;}


.info-wrap2 {margin-top: -1px; }
.info-wrap2 ul li {margin-top: 5px; line-height: 16px; font-size: 12px;}


/* 버튼색상(button, span) */
.comm-button1 {text-align: center; margin: 20px 0 10px;}
span.btn {display:inline-block; width:105px; padding:0; line-height:25px; border-radius:2px; font-size:13px; font-weight:bold; text-align:center;}
span.btn4 {width:70px; line-height:25px; background:#FE434C; border:1px solid #E5252E; color:#FFF; margin-top: 10px;}
span.btn5 {width:70px; line-height:25px; background:#444; border:1px solid #222; color:#FFF; margin-top: 10px;}


/* like (heart) */
.comm-like {position: absolute; right: 10px; bottom: 10px; background: rgba(255, 255, 255, .9); padding: 3px; border-radius: 2px;}
.comm-like span {display: inline-block; width: 62px; height: 10px; vertical-align: middle; margin-right: 4px;}
.comm-like em {display:inline-block; height:13px; padding-left:5px; line-height:13px; font-size:10px; color:#000;}
.comm-like .like0 {background: url("../../images/mw/sub_common/like0.png") no-repeat center;}
.comm-like .like1 {background: url("../../images/mw/sub_common/like1.png") no-repeat center;}
.comm-like .like2 {background: url("../../images/mw/sub_common/like2.png") no-repeat center;}
.comm-like .like3 {background: url("../../images/mw/sub_common/like3.png") no-repeat center;}
.comm-like .like4 {background: url("../../images/mw/sub_common/like4.png") no-repeat center;}
.comm-like .like5 {background: url("../../images/mw/sub_common/like5.png") no-repeat center;}


/* 판매순, 가격순 정렬 */
/*
.comm-sort {clear:both; padding:10px 0 5px 0; color:#666; text-align:right; font-size:9px; letter-spacing:-0.6px;}
.comm-sort a {display: inline-block; border-left: 1px solid #ccc; padding: 0 5px;}
.comm-sort a:first-child {border-left: none;}
.comm-sort a.active {color: #000; font-weight: 700; background: url("../../images/mw/sub_common/check.png") no-repeat 5px center; padding-left: 20px; background-size: 12px 12px;}
*/
.comm-sort {clear:both; padding:10px 0 5px 0; color:#666; text-align:right; font-size:9px; letter-spacing:-0.6px; font-size: 13px;}
.comm-sort select {width: 115px; height: 30px !important; display: inline-block; vertical-align: middle;}

/* 2016-06-27 패키지 검색추가 */
#subContent .search-container .con-box {float: none; clear: both; margin-bottom: 10px; display: none;}
#subContent .comm-sort a.btn {height: 30px; line-height: 30px; display: inline-block; vertical-align: middle; min-width: 60px;}


/* 리스트 상품 아이템 */
.goods-list {float:left; width:100%; margin-bottom: 10px; background:#FFF;}
.goods-list .goods-image {position:relative; border:1px solid #CCC}
.goods-list .goods-image .tag {z-index:100; position:absolute; top:0; left:0; width:65px; height:52px; padding-top:10px; background:url(../../images/mw/sub_common/label_1.png) no-repeat; background-size:65px 52px; font-size:12px; text-align:center; color:#FFF;}
.goods-list .goods-image ul li img {width:100%;}
.goods-list .goods-image .btn-prev {position:absolute; top:50%; left:10px; margin-top:-12px;}
.goods-list .goods-image .btn-next {position:absolute; top:50%; right:10px; margin-top:-12px;}
.goods-list .goods-image .like {position:absolute; bottom:10px; right:10px;}
.goods-list .goods-image .like em {display:inline-block; width:21px; height:13px; padding-left:5px; line-height:13px; background:url(../../images/mw/sub_common/h_e.png) no-repeat; background-size:21px 13px; font-size:9px; color:#000;}

.goods-list .info {position:relative; border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC;}
.goods-list .info {display:block; padding:10px;}
.goods-list .info .txt {display: block; height: 84px;}
.goods-list .info .txt > strong {display: block; font-size:15px; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.goods-list .info .txt em {
    display:block; /*padding:5px 0 10px 0;*/ padding: 0 0 5px 0;
    font-size:12px; color:#444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    width: 80%; width: calc(100% - 60px);
}
.goods-list .info .price {position:absolute; bottom:10px; right:10px; text-align:right; font-size:18px; color:#000; line-height:20px;}
.goods-list .info .price em {font-weight:bold; font-size:20px; color:#FE434C;}
.goods-list .info .price em.t_price,
.goods-list .info .price em .t_price {font-size: 16px;}
.goods-list .info .price del {font-size:12px; color:#666;}

/* 골프, 숙박 add */
.goods-list .info .txt .city {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;}
.goods-list .info .txt .city strong {display: inline-block; overflow: visible; font-size:15px; color:#000;}



.goods-list ul.view {min-height: 196px; margin: 0; border: none;}


/* 베스트 상품 아이템 */
.tag-wrap {
    z-index: 99;
    position: absolute;
    top: 10px;
    left: 10px;
    overflow: hidden;
}
.tag-wrap > img {float: left; height: 65px;}
.tag1 {z-index:100; position:absolute; top:0; left:0; width:65px; height:52px; padding-top:10px; background:url(../../images/mw/sub_common/label_1.png) no-repeat; background-size:65px 52px; font-size:12px; text-align:center; color:#FFF;}
.tag2 {z-index:100; position:absolute; top:0; left:0; width:57px; height:52px; padding-top:30px; background:url(../../images/mw/sub_common/label_2.png) no-repeat; background-size:57px 52px; font-size:12px; text-align:center; color:#FFF;}
.tag3 {z-index:100; position:absolute; top:0; left:0; width:65px; height:52px; padding:7px 10px 0 10px; background:url(../../images/mw/sub_common/label_3.png) no-repeat; background-size:65px 52px; font-size:12px; text-align:center; color:#FFF;}
.tag4 {z-index:100; position:absolute; top:10px; left:10px; width:46px; height:46px; padding:11px 10px 0 10px; background:url(../../images/mw/sub_common/label_4.png) no-repeat; background-size:46px 46px; font-size:12px; text-align:center; color:#000;}

.best-item {clear: both; padding-top: 20px;}
.best-item .goods-list {position:relative; float:left; width:100%; margin-bottom:3px; background:#FFF; border: 1px solid #ccc;}
.best-item .goods-list .info {border: none; height: 85px;}
.best-item .goods-slide {/*margin-bottom:40px;*/}
.best-item .goods-list .goods-image {position:relative; border:1px solid #CCC}
.best-item .goods-list .goods-image ul li img {width:100%;}
.best-item .goods-list .goods-image .like {position:absolute; bottom:10px; right:10px;}
.best-item .goods-list .goods-image .like em {display:inline-block; width:21px; height:13px; padding-left:5px; line-height:13px; background:url(../../images/mw/sub_common/h_e.png) no-repeat; background-size:21px 13px; font-size:9px; color:#000;}

.best-item .goods-list .btn-prev {z-index:100; position:absolute; top:35%; left:10px; margin-top:-12px;}
.best-item .goods-list .btn-next {z-index:100; position:absolute; top:35%; right:10px; margin-top:-12px;}

.best-item .bx-wrapper .bx-controls {/*position:absolute; bottom:-22px; left:0; width:100%;*/ text-align:center; margin-bottom: 8px;}
.best-item .bx-wrapper .bx-pager .bx-pager-item,
.best-item .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.best-item .bx-wrapper .bx-pager.bx-default-pager,
.best-item .bx-wrapper .bx-controls-auto {display:inline-block;}
.best-item .bx-wrapper .bx-pager.bx-default-pager a {
    background:#5E5E5E;
    border:1px solid #5E5E5E;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 2px;
    border-radius:6px;
    overflow: hidden;
}
.best-item .bx-wrapper .bx-pager.bx-default-pager a:hover,
.best-item .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#EDEDED;
    border-radius:6px;
}

/* 슬라이드 버튼 공통 */
.btn-prev .bx-prev, .btn-next .bx-next {width: 30px; height: 44px; display: inline-block; text-indent: -999px;}
.btn-prev .bx-prev {background: url("../../images/mw/sub_common/prev.png") no-repeat center; background-size: 25px 36px;}
.btn-next .bx-next {background: url("../../images/mw/sub_common/next.png") no-repeat center; background-size: 25px 36px;}


/* 로딩바 */
.loading-wrap {clear: both; text-align: center; padding: 30px 0;}
.loading-bar1 {width: 177px;}
.loading-bar2 {width: 27px;}
/* add */
.loading-wrap .spinner-con:before {
    position: absolute;
    top: 110%;
    left: 48%;
    width: 43px;
    height: 43px;
    margin-top: -72px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #e8202e;
    border-bottom-color: #e8202e;
    box-sizing: border-box;
    animation: spinner 1.5s ease infinite;
    z-index: 999;
    content: "";
}


/* 아이템 없을 시 */
.item-noContent {clear: both; font-size: 14px; text-align: center; padding: 50px 0; background: #fff; margin-top: 60px;}
.item-noContent p.icon img {width: 60px; margin-bottom: 15px;}
.item-noContent p.text {
    width: 100% !important; text-align: center !important;
    font-size: 14px !important; line-height: 22px !important;
    margin-top: 8px; box-sizing: border-box;
}


/* 페이징 (page number) */
.pageNumber span.btn {width: auto;}
.pageNumber {
    clear: both;
    padding: 20px 0;
}
.pageNumber .list_pageing a,
.pageNumber .list_pageing strong {
    min-width: 0;
    margin: 0 15px;
    color: #777;
    background: none;
    font-size: 0.85rem;
    font-weight: 500;
    font-family: "Roboto";
    line-height: 29px;
}
.pageNumber .list_pageing strong {
    display: block;
    border-bottom: 1px solid #000;
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    width: 29px;
    height: 28px;
    line-height: 29px;
}
.pageNumber .list_pageing {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pageNumber .list_pageing span {
    height: 29px;
    line-height: 29px;
}
.subContents .sideON .rContents .pageNumber {padding-top: 40px;}
.pageNumber .list_pageing span {min-width: 0;}
.pageNumber .list_pageing span a {margin: 0 15px;}


/* ------------------------------------ respons ------------------------------------ */


/* 숙박, 골프상세 > 선택추가 */
.select-add {padding: 4px 0;}
.select-add table {width: 100%; font-size: 12px; border-top: 1px solid #ccc;}
.select-add table td {padding: 2px 0; border: none !important;}
.select-add table .price {text-align: right; font-size: 13px;}
.select-add table .price .accom-sale {font-size: 12px;}
.select-add table .price .accom-sale strong {color: #FE434C;}


.select-add table .text {color: #5f5f60;}
.select-add table .button {text-align: right;}
.select-add table .button a {background: #808e9d; color: #fff; display: inline-block; padding: 6px 10px;}
.select-add table .button .warning {display:inline-block; background: #fa6268; color: #fff; display: inline-block; padding: 6px 10px;}


/* 장부구니 > 렌트옵션 변경 */
.rent-cart {clear: both; width:100%; margin-top: 8px;}
.rent-cart dl.view-select {overflow: hidden;}
.rent-cart dl.view-select dt {height:30px; line-height:30px; font-size:14px; font-weight:normal; border-radius:2px;}
.rent-cart dl.view-select dd {float:left; width:100%; background: #fff; padding: 10px;}
.rent-cart dl.view-select dd.in {padding:10px; border:1px solid #CCC;}
.rent-cart dl.view-select dd.in.coupon {text-align:right;}
/*수정*/.rent-cart dl.view-select dd.in.coupon a {display:inline-block; width:85px; height:26px; line-height:26px; margin-bottom:10px; border:1px solid #CCC; background:#F2F0F1; color:#000; text-align:center;}
.rent-cart dl.view-select dd.in.coupon img {width:100%;}
.rent-cart dl.view-select dd.in label:last-child {margin-bottom:0;}
.rent-cart dl.view-select dd.in label.not {color:#AAA;}
.rent-cart dl.view-select dd label {display:table; width:100%; line-height:14px;}
.rent-cart dl.view-select dd label span {display:table-cell; vertical-align:top;}
.rent-cart dl.view-select dd label span:first-child {width:20px; padding-right:5px;}
.rent-cart dl.view-select dd ul.type-select {float:left; width:100%; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.rent-cart dl.view-select dd ul.type-select li {float:left; padding-left:5px; padding:5px 0 3px 0;}
.rent-cart dl.view-select dd ul.type-select li:first-child {width:74%; padding:5px 10px 3px 10px; letter-spacing:-0.6px; border-right:1px solid #CCC;}
.rent-cart dl.view-select dd ul.type-select li:last-child {width:26%; text-align:center; color:#FE434C;}
.rent-cart dl.view-select dd ul.type-select label {}
.rent-cart dl.view-select dd ul.type-image {clear:both; border-bottom:1px solid #CCC;}
.rent-cart dl.view-select dd ul.type-image img {width:100%;}
.rent-cart dl.view-select dd strong.cal {display:block; height:30px; line-height:30px; font-weight:normal; background:#606060; font-size:12px; color:#FFF; text-align:center;}
.rent-cart dl.view-select dd strong.cal img {margin:0 15px;}
.rent-cart a.btn-detail {float:right; width:28%; background:#CCC; border:1px solid #CCC; color:#555;}
.rent-cart .form1-3 input {width: 100% !important;}
.rent-cart .form1-4 {margin-top: 5px;}
.rent-cart .form1-4 select {width: 64% !important; width: calc(100% - 110px) !important;}
.rent-cart .select-del5 {clear: both; border:1px solid #CCC; color:#000; padding: 15px;}
.rent-cart .select-del5 .date {font-size: 12px;}
.rent-cart .select-del5 .time {font-size: 12px; margin: 3px 0 6px; color: #FE434C;}
.rent-cart .select-del5 .price {font-size: 11px; border: none; height: auto; text-align: left; padding: 0; background: none;}


/* 이용안내, 취소환불규정 */
.comm-text1 h5 {font-size: 14px; font-weight: 700; margin-bottom: 5px; margin-top: 15px; background: url("../../images/mw/list/01.gif") no-repeat left center; padding-left: 15px;}
.comm-text1 h5:first-child {margin-top: 0;}

.comm-text1 .product-title {font-size: 13px; font-weight: bold; margin: 8px 0 4px; padding: 0 !important;}

.comm-text1 ul.product-imgList li {margin-bottom: 8px;}
.comm-text1 ul.product-imgList li img {width: 100%;}


.comm-text1 p {/*padding: 0 15px 0;*/ font-size: 12px; line-height: 18px;}
.comm-text1 p img {width: 100% !important; height: auto !important;}

article.comm-art1 h6 {font-size: 13px;}
.comm-text1 p.fix > span > strong {color: #FE434C;}

/* 상품설명 > 이용안내, 이용제한 추가 */
#info article.comm-art1 {background: #eff0f1;}
#info article.comm-art1 h6 {background: #ddd;}
#info article.comm-art1 p {padding: 5px 10px !important;}


/* 상품설명 > 취소/환불규정 추가 */
#change article.comm-art1 {background: #eff0f1; margin-top: 10px;}
#change article.comm-art1:first-child {margin-top: 0;}
#change article.comm-art1 h6 {background: #ddd; margin: 0;}
#change article.comm-art1 .memo {padding: 10px;}


/* 달력 (골프, 패키지) */
.comm-calendar td a {height: 45px !important;}
.comm-calendar td {height: 40px !important; color: #ccc !important;}


/* 패키지 선택옵션 */
dl.comm-select {margin-bottom: 5px;}
dl.comm-select dt {
    font-size: .88rem; line-height: 40px; color: #333333; border: 1px solid #ccc;
    background: url("/images/mw/icon/basic/select.png") no-repeat right 12px center #fff; /* 화살표 모양의 이미지 */
    background-size: 13px 10px; background-color:#fff;
    appearance: none;
    padding-left: 12px !important; padding-right: 40px !important;
}
dl.comm-select dd {
    font-size: 14px; color: #333333;
    background: #f2f2f2; border: 1px solid #ccc; border-width: 0 1px 1px 1px;
    padding: 8px 12px;
}
.parcel .width100 {font-size:.88rem; background:url(/images/mw/icon/basic/select.png)no-repeat right 12px center #fff;
    color:#333; line-height:40px; border:1px solid #ccc; background-size:13px 10px; padding:0 40px 0 12px;}
.select-list-option li {border-top: 1px solid #e1e3e4; padding: 8px 0; line-height: 20px; display: table; width: 100%;}
.select-list-option li > a {display: table; width: 100%;}
.select-list-option li:first-child {border-top: none;}
.select-list-option li .product, .select-list-option li .price {display: table-cell; vertical-align: bottom;}
.select-list-option li .product {width: 80%; font-size:.88rem;}
.select-list-option li .price {font-weight: 700; text-align: right; width: 20%;}
/*.in2 .select-list-option li * {color: #ccc !important;}*/
/*.in2 .select-list-option li a * {color: #666 !important;}*/

.comm-qtyWrap {
    clear: both; /*margin-top: 10px;*/ padding: 0;
    /*background: #f5f7fa; border-top: 1px solid #e5e9ed; border-bottom: 1px solid #e5e9ed;*/
}
.comm-qtyWrap ul > li {font-size: 12px; padding: 0 0 7px 0; position: relative;}
.comm-qtyWrap ul > li:first-child {border-top: none;}
.comm-qtyWrap ul li .qtyList-close {position: absolute; right: 0; top: 0;}
/*
.comm-qtyWrap ul li ol {display: table; width: 100%;}
.comm-qtyWrap ul li ol li {display: table-cell; vertical-align: middle; font-size: 12px;}
.comm-qtyWrap ul li ol li.list1 {padding-right: 16px; text-align: left;}
.comm-qtyWrap ul li ol li.list2 {width: 70px; position: relative; text-align: center;}
.comm-qtyWrap ul li ol li.list3 {width: 36%; padding-left: 16px; text-align: right;}
.comm-qtyWrap ul li ol li.list2 input {width: 95%; height: 30px !important; text-align: center; padding-left: 0; display: inline; padding-left: 0 !important;}
.comm-qtyWrap ul li ol li.list2 button {position: absolute; width: 25px; height: 30px; background: #f2f2f2; border: 1px solid #CCCBD0; display: inline;}
.comm-qtyWrap ul li ol li.list2 button.addition {right: 0;}
.comm-qtyWrap ul li ol li.list2 button.subtract {left: 0;}
.comm-qtyWrap ul li ol li.list3 .del img {width: 10px;}
.comm-qtyWrap ul li ol li.list3 .price {margin-right: 5px;}
*/
/* 패키지 선택옵션 한줄 > 두줄처리 */
.comm-qtyWrap ul li ol {width: 100%; background-color:#f2f2f2; padding:0;}
.comm-qtyWrap ul li ol li {font-size: 12px;}
.comm-qtyWrap ul li ol li.list1 {
    display: block; margin-bottom:3px; /*padding-right: 16px;*/ text-align: left;
    font-size: 0.89rem; line-height: 1.375rem; background-color:#f2f2f2; padding:9px 9px 0;
}
.shipping-fee {display: none;}
.comm-qtyWrap ul li ol li.list2 {display: table-cell; width: 20%; position: relative; text-align: center; left:8px; bottom:8px;}
.comm-qtyWrap ul li ol li.list3 {display: table-cell; width: 40%; /*text-align: right;*/padding:10px;}
.comm-qtyWrap ul li ol li.list2 input {
    display: inline; padding: 0 !important; margin: 0; font-size:1rem; border:1px solid #CCCBD0;
    width: 87%; height: 30px !important; text-align: center; color:#353435;
}

.comm-qtyWrap ul li ol li.list2 button {position: absolute; width: 30px; height: 30px; background: #f2f2f2; border: 1px solid #CCCBD0; display: inline;}
.comm-qtyWrap ul li ol li.list2 button.addition {right: 0; background-color: #fff; font-size:1.6rem; font-weight:200; line-height: 10px; padding-bottom:5px;}
.comm-qtyWrap ul li ol li.list2 button.subtract {left: 0; background-color: #fff; font-size:1.6rem; font-weight:200; line-height: 10px; padding-bottom:5px;}
.comm-qtyWrap ul li ol li.list3 .del {position: relative; top: 1px; right:18px;}
.comm-qtyWrap ul li ol li.list3 .del img {width: 15px;}
.comm-qtyWrap ul li ol li.list3 .price {
    margin-right: 5px; float:right; font-weight:600;
    font-size: 0.9rem; color: #333333;
}
.comm-qtyWrap ul li ol li.list3 a {position: absolute; top: 15px; right: 0; z-index: 2; }


/* 할인쿠폰 */
.sale-couponWrap {background: url("../../images/mw/sub_common/coupon.jpg") no-repeat center; background-size:  286px 91px; width: 286px; height: 91px; margin: 0 auto; margin-bottom: 5px; text-align: center;}
/* .sale-couponWrap .pdWrap {padding: 18px 38px 0px 70px;}
.sale-couponWrap h3 {font-size: 13px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sale-couponWrap p.sale {margin-top: 5px; line-height: normal !important;}
.sale-couponWrap p.sale > * {display: inline-block;} */

.sale-couponWrap .pdWrap {display: table-cell; vertical-align: middle; width: 280px; height: 92px; padding-left: 80px; padding-right: 40px;}
.sale-couponWrap h3 {font-size: 13px; font-weight: 700;}
.sale-couponWrap p.sale {margin-top: 5px; line-height: 16px;}
.sale-couponWrap p.sale > * {display: inline-block;}

.sale-couponWrap p.sale strong {font-size: 18px; font-weight: 800;}
.sale-couponWrap p.date {font-size: 9px; word-spacing: -2px;}

/* 할인쿠폰 변경(2016-01-19) */
.sale-couponWrap2 {width: 89%; margin: 0 auto; max-width: 674px; margin-bottom:13px;}
.sale-couponWrap2 h3.name {font-size: 13px; color: #565151; font-weight: bold; line-height: 20px; word-break: break-all;}
.sale-couponWrap2 p.sale {font-size: 20px; color: #242323; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; margin-top: 15px; line-height: 30px; word-break: break-all;}
.sale-couponWrap2 p.date {
    font-size: 10px; color: #565151; border-top: 1px dashed #919191; border-bottom: 1px dashed #919191; width: 100%; max-width: 350px; margin: 0 auto; padding: 10px 0;
    margin-top: 12px; word-break: break-all;
}
.sale-couponWrap2 table td {border: 1px solid #d9d9d9; padding: 0px !important; border-top: none !important; border-bottom: none !important;}
.sale-couponWrap2 table td img {width: 100%;}
.sale-couponWrap2 table td.text {padding: 20px !important; text-align: center;}


/* 레이어 팝업 > 판매처정보, 받는메일 등 */
.pop-seller {display:none; z-index:100; position:fixed; width: 100%; top:48%; left:0; padding:15px; margin:-50px 10px 0 0; background:#FFF; color:#000;}
.pop-seller .btn-close {position:absolute; top:15px; right:18px;}
.pop-seller .btn-close img {width: 15px !important;}
.pop-seller > div {display: table-cell; vertical-align: top;}
.pop-seller div.photo {width: 95px;}
.pop-seller div.photo img {width: 100%;}
.pop-seller div.text {padding-left: 10px;}
.pop-seller div.text h6 {font-size: 15px; font-weight: 700; margin-bottom: 10px; padding-right: 25px;}
.pop-seller div.text .memo {margin-top: 5px;}

.pop-seller2 {
    display:none; z-index:100;
    position:fixed; width: 100%; top:48%; left:0; padding: 25px 15px 15px; margin:-50px 10px 0 0;
    background:#FFF; color:#000;
}
.pop-seller2 > div {display: table-cell; vertical-align: top;}
.pop-seller2 div.photo {width: 95px;}
.pop-seller2 div.photo img {width: 100%;}
.pop-seller2 div.text {padding-left: 10px;}
.pop-seller2 div.text h6 {font-size: 15px; font-weight: 700; margin-bottom: 10px; padding-right: 25px;}
.pop-seller2 div.text .memo {margin-top: 5px;}
.pop-seller2 > a.btn-close2 {
    position: absolute; top: 10px; right: 10px; z-index: 2;
    width: 25px; height: 25px; line-height: 25px; text-align: center;
}
.pop-seller2 > a.btn-close2 img {width: 16px; height: 16px;}

.pop-seller_ticket {top: calc(50% - 80px);}
.pop-seller > .pw-form {display: block; text-align: center; padding-top: 24px; padding-bottom: 2px;}
.pop-seller .pw-form .title {font-size:16px; color: #333; font-weight: 700;}
.pop-seller .pw-form .title img {height: 24px; position: relative; top: -4px;}
.pop-seller .pw-form .sub_title {font-size:12px; color: #5f5f60; margin-top: 5px;}
.pop-seller .pw-form .pw {margin-top: 15px;}
.pop-seller .pw-form .pw input {line-height: 30px; text-align: center; border: 1px solid #ccc;}
.pop-seller .pw-form .sub_text {margin-top: 5px; font-size: 12px; color: #e8202e;}
.pop-seller .pw-form .button {margin-top: 20px;}
.pop-seller .pw-form .button .btn {display: inline-block; font-size: 13px; line-height: 34px; padding: 0; margin-left: 2px; border-radius: 0;  width: calc(50% - 5px);}
.pop-seller .pw-form .button .btn:first-child {margin-left: 0;}
.pop-seller .pw-form .button .btn1 {background:#FE434C; border:1px solid #E5252E; color:#FFF;}
.pop-seller .pw-form .button .btn2 {background:#ABABAB; border:1px solid #979797; color:#FFF;}

.pop-seller_addr {top:calc(50% - 80px);}
.pop-seller .pw-form .title-wrap {position: relative; margin-top: -24px; text-align: left;}
.pop-seller .pw-form .info-text {text-align: left;}

.pop-seller .pw-form .addr-form .num {width: 100px;}
.pop-seller .pw-form .addr-form .addr1 {width: 60%;}
.pop-seller .pw-form .addr-form .addr2 { width: calc(40% - 4px);}
.pop-seller .pw-form .addr-form input,
.pop-seller .pw-form .addr-form .btn {margin: 2px 0; line-height: 25px;}

.pop-seller .pw-form .addr-form .btn {display: inline-block; height: 30px; font-size: 13px; background: #a6a2a2; border: none; color: #fff; padding: 0 8px;}
.pop-seller .pw-form .addr-form a.btn {height: auto; line-height: 30px;}
.pop-seller .pw-form .button .btn-close {position: static;}

.pop-seller .info-text .int input {width: 100%; margin: 3px 0; line-height: 25px; padding-left: 5px;}


.pop-seller2 > .pw-form {display: block; text-align: center; padding-top: 24px; padding-bottom: 2px;}
.pop-seller2 .pw-form .title {font-size:16px; color: #333; font-weight: 700;}
.pop-seller2 .pw-form .title img {height: 24px; position: relative; top: -4px;}
.pop-seller2 .pw-form .sub_title {font-size:12px; color: #5f5f60; margin-top: 5px;}
.pop-seller2 .pw-form .pw {margin-top: 15px;}
.pop-seller2 .pw-form .pw input {line-height: 30px; text-align: center; border: 1px solid #ccc;}
.pop-seller2 .pw-form .sub_text {margin-top: 5px; font-size: 12px; color: #e8202e;}
.pop-seller2 .pw-form .button {margin-top: 20px;}
.pop-seller2 .pw-form .button .btn {display: inline-block; font-size: 13px; line-height: 34px; padding: 0; margin-left: 6px; border-radius: 0; width: 48%; width: calc(50% - 5px);}
.pop-seller2 .pw-form .button .btn:first-child {margin-left: 0;}
.pop-seller2 .pw-form .button .btn1 {background:#FE434C; border:1px solid #E5252E; color:#FFF;}
.pop-seller2 .pw-form .button .btn2 {background:#ABABAB; border:1px solid #979797; color:#FFF;}

.pop-seller2_addr {top: 42%; top: calc(50% - 80px);}
.pop-seller2 .pw-form .title-wrap {position: relative; margin-top: -24px; text-align: left;}
.pop-seller2 .pw-form .info-text {text-align: left;}

.pop-seller2 .pw-form .addr-form .num {width: 100px;}
.pop-seller2 .pw-form .addr-form .addr1 {width: 60%;}
.pop-seller2 .pw-form .addr-form .addr2 {width: 36%; width: calc(40% - 4px);}
.pop-seller2 .pw-form .addr-form input,
.pop-seller2 .pw-form .addr-form .btn {margin: 2px 0; line-height: 25px; vertical-align: middle;}

.pop-seller2 .pw-form .addr-form .btn {display: inline-block; height: 30px; font-size: 13px; background: #a6a2a2; border: none; color: #fff; padding: 0 8px;}
.pop-seller2 .pw-form .addr-form a.btn {height: auto; line-height: 30px;}
.pop-seller2 .pw-form .button .btn-close {position: static;}

.pop-seller2 .info-text .int input {width: 100%; margin: 3px 0; line-height: 25px; padding-left: 5px;}


.pop-seller2 .pw-form .title-wrap {position: relative; margin-top: -24px; text-align: left;}
.pop-seller2 .pw-form .info-text {text-align: left;}

.pop-seller2 .pw-form .addr-form .num {width: 100px;}
.pop-seller2 .pw-form .addr-form .addr1 {width: 60%;}
.pop-seller2 .pw-form .addr-form .addr2 {width: 36%; width: calc(40% - 4px);}
.pop-seller2 .pw-form .addr-form input,
.pop-seller2 .pw-form .addr-form .btn {margin: 2px 0; line-height: 25px;}

.pop-seller2 .pw-form .addr-form .btn {display: inline-block; height: 30px; font-size: 13px; background: #a6a2a2; border: none; color: #fff; padding: 0 8px;}
.pop-seller2 .pw-form .addr-form a.btn {height: auto; line-height: 30px;}
.pop-seller2 .pw-form .button .btn-close {position: static;}

.pop-seller2 .info-text .int input {width: 100%; margin: 3px 0; line-height: 25px; padding-left: 5px;}


/* 포인트 내역 */
.exposure-point {
    margin-right: 20px;
    font-family: "Roboto";
    font-weight: bold;
}
.exposure-point span {
    margin-right: 3px;
    color: #000;
    font-size: 0.9rem;
}
.exposure-point a {
    color: #000;
    font-size: 1.1rem;
}
.exposure-point a:after {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 7px;
    background: url("../../images/web/list/plus.png") no-repeat;
    content: "";
}


/* 쿠폰등록 */
.rContents .point-management {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    background-color: #f8f8f8;
}
.rContents .align-right {
    position: relative;
    width: 116px;
    border: 1px solid #e8202e;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    line-height: 36px;
}
.rContents .align-right a {
    color: #e8202e;
    font-size: 0.9rem;
    font-weight: bold;
    font-family: "Roboto";
}
/* 공통-레이어팝업 */
.couponRegPop_1 .close {
    position: absolute;
    top: 15px;
    right: 20px;
}
.couponRegPop_2 .close {
    position: absolute;
    right: 30px;
}
.couponRegPop_1 .close img {height: auto;}
.couponRegPop_2 .close img {height: 27px;}


/* 포인트 내역-팝업 */
.couponRegPop_1 {
    position: fixed;
    top: 50%;
    width: 800px;
    height: 600px;
    margin-top: -300px;
    text-align: center;
    border-radius: 18px;
    overflow: hidden;
}
.couponRegPop_1 .point-group-wrap {
    overflow: auto;
    min-width: 40px;
    height: 500px;
    min-height: 100px;
    padding: 20px;
    border-radius: 0 0 18px 18px;
    background: #fff;
}
.pointGroup.title {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    font-family: "Roboto";
    background-color: #3d8afa;
    height: 70px;
    line-height: 70px;
    border-radius: 8px 8px 0 0;
}
.no-point-view {
    margin-top: 40px;
    font-family: "Roboto";
}
.point-list {
    position: relative;
    height: 64px;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
}
.point-list .situation .status-icon.use {
    color: #e8202e;
    border: 1px solid #e8202e;
}
.point-list .situation .status-icon.charge {
    color: #0abb26;
    border: 1px solid #0abb26;
}
.point-list .situation .status-icon.accumulate {
    color: #222222;
    border: 1px solid #222222;
}
.point-list-item {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.point-list-item .situation {
    flex: 0 1 140px;
    border-radius: 4px;
}
.point-list-item .situation .status-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 140px;
    background: #fff;
    line-height: 60px;
}
.point-list-item .point-name {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-family: "Roboto";
    flex: 0 1 700px;
}
.point-list-item .point-name .date {
    height: 20px;
    line-height: 20px;
    font-size: 0.8rem;
    color: #7f7f7f;
}
.point-list-item .point-name strong {
    display: flex;
    height: 40px;
    line-height: 20px;
    color: #000;
    font-size: 0.9rem;
    line-height: 21px;
}
.point-list-item .point-name strong > a {color: #000;}
.point-list-item .point-name strong > a:hover {text-decoration: underline;}
.point-list-item .point-name strong > a > span {
    display: block;
    font-size: 0.8rem;
    color: #3a3a3a;
}
.point-list-item .real-point {
    flex-basis: 162px;
    font-family: "Roboto";
}
.point-list .real-point.use {color: #e8202e;}
.point-list .real-point.charge {color: #0abb26;}
.point-list .real-point.accumulate {color: #222222;}


/* 쿠폰등록-팝업 */
.couponRegPop_2 {
    width: 700px;
    margin: 0 auto;
    text-align: center;
}
.couponRegPop_2 .point-group-wrap {
    display: block;
    position: fixed;
    top: 50%;
    min-width: 700px;
    height: 228px;
    padding: 20px;
    border-radius: 18px;
    background: #fff;
    margin-top: -213px;
    overflow: hidden;
}
#frmPop {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    font-size: 0.9rem;
    font-family: "Roboto";
    font-weight: bold;
    text-align: center;
}
#frmPop input {
    width: 200px;
    height: 45px;
    margin: 10px;
    border-radius: 4px;
}
#frmPop a {
    min-width: 100px;
    height: 45px;
    color: #fff;
    border-radius: 3px;
    background: #222;
    line-height: 45px;
}
.pop-article {text-align: left;}
.pop-article ul {
    padding-bottom: 10px;
    font-size: 0.9rem;
    font-family: "Roboto";
}
.pop-article li {
    position: relative;
    padding: 3px 0;
    margin-left: 22px;
    color: #777777;
    line-height: 1.5;
}


/* table (row) */
table.commRow {width: 100%; border-spacing:0px; border-collapse:collapse; font-size: 12px; font-family: "Roboto"}
table.commRow {border-top: 1px solid #dcdcdc;}
table.commRow th {background: #f4f4f4; color: #292121; border: 1px solid #dcdcdc; border-left: none; width: 30%; text-align: center;}
table.commRow td {border-bottom: 1px solid #dcdcdc; padding: 10px;}


/* 검색 메인 타이틀 */
.form-title {font-weight: 700; font-size: 12px; margin-bottom: 2px; margin-top: 4px;}
.label-infoText {
    clear: both;
    font-size: 12px; line-height: 16px; color: #e8202e; margin-bottom: 10px;
    background: url("../../images/mw/list/warning.png") no-repeat left 1px; padding-left: 20px;
    background-size: 15px;
}


/* 상세 아이콘(이벤트, 핫딜, 당일특가) */
img.type-icon {height: 15px;}



/* 이용약관 */
.rules-wrap {background: #fff; border: 1px solid #ccc; padding: 10px;}
.comm-rule dt {font-weight: 700; margin-top: 10px; font-size: 14px;}
.comm-rule dt:first-child {margin-top: 0;}
.comm-rule dd {font-size: 12px; white-space: pre-line; line-height: 22px; margin-top: -10px;}
.comm-rule table th {text-align: center !important;}
.comm-rule table td {word-break: break-all;}

/* 회원가입 > 이용약관 */
.join-wrap .comm-rule dt {margin-top: 15px; font-size: 13px;}
.join-wrap .comm-rule dt:first-child {margin-top: 0;}
.join-wrap .comm-rule dd {margin-top: -15px;}
.join-wrap .comm-rule table {font-size: 12px;}
.join-wrap .comm-rule table th {padding: 5px !important;}
.join-wrap .comm-rule table td {padding: 5px !important;}
#subContent .join-agree .ad-check input[type="checkbox"] {width:18px; height:14px; line-height:15px;}

/* 통합검색 */
.search-result {font-size: 14px; line-height: 20px; margin: 10px 0 15px;}
.select-box {/*margin-bottom: 10px;*/}
.select-box select {width: 100%; height: 30px !important;}
.keyword-result > * {clear: both; overflow: hidden;}
.keyword-result .listTitle1 {font-size: 16px; font-weight: bold; position: relative; clear: both; margin: 8px 0; margin-top: 30px; overflow: visible;}
.keyword-result .listTitle1:first-child {margin-top: 0;}
.keyword-result .side-btn {
    position: absolute; top: -2px; right: 0; z-index: 2;
    background: #fff; color: #747577;
    font-size: 13px; font-weight: 700;
    border: 1px solid #dcdcdc;
    padding: 4px 6px;
}


/* 갤러리 상세 로딩전 플로팅 문제에 따른 해결 */
.sub-content .view-img > ul {overflow: hidden; position: relative;}
.sub-content .view-img > ul > li {float: left; position: absolute; top: 0;}

.sub-content .bx-viewport > ul {overflow: hidden; position: relative;}
.sub-content .bx-viewport > ul > li {float: left; position: absolute; top: 0;}


/* 관광지 > 상품목록 상품정보 추가 */
.goods-list .bottom-info {
    position: absolute; width: 100%; bottom: 0; font-size: 12px; overflow: hidden;
    background: rgba(51, 51, 51, 0.85);
}
.goods-list .bottom-info .info {float: left; color: #fa6e0e; line-height: 30px; font-weight: 700; padding: 0; padding-left: 8px; display: inline; border: 0;}
.goods-list .bottom-info .date {float: right; color: #fff; line-height: 30px; padding-right: 8px;}

.goods-list .info .txt .product {position: absolute; width: 74%; width: calc(100% - 80px); bottom: 44px; font-size: 10px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.goods-list .info .txt .product * {color: #999}

.goods-list .info .txt .heart {position: absolute; bottom: 10px; font-size: 12px;}
.goods-list .info .txt .heart img {height: 10px; display: inline-block;}
.goods-list .info .txt .heart strong {color: #333;}


.con-box .ticket-info {margin-bottom: 8px; border-bottom: 1px solid #e1e3e4; padding-bottom: 4px; color: #FE434C;}




/* 비밀번호 변경 정보에 따른 추가 (2016-05-24) */
.label1 {color: #e8202e;}
.label2 {color: #12b6f3;}

.pw-wrap .label1 {margin-top: 5px; padding-left: 5px;}
.pw-wrap .label2 {margin-top: 5px; padding-left: 5px;}

.join-form .label1 {margin-top: 5px; padding-left: 5px;}
.join-form .label2 {margin-top: 5px; padding-left: 5px;}



/* side wrap (2016-07-18) */
.side-wrap {position: relative; margin-bottom: 4px; margin-top: 4px;}
.side-wrap .btn {position: absolute; right: 0px; top: -7px;}
.side-wrap .btn2 {background: #059bd3 !important; color: #fff !important; border: 1px solid #0881af !important;}

.payArea .side-wrap {margin-bottom: 10px;}



/* select box layer용 (2016-07-20) */
.layer-select {position: absolute; right: 4px; top: 4px;}
.layer-select a.select-box {display: block; padding: 0 5px; background: #fff; width: 120px; height: 26px; line-height: 26px; border: 1px solid #ccc; color: #333; border-radius: 0;}
.layer-select .layer-box {position: absolute; top: 26px; background: #fff; width: 110px; border: 1px solid #ccc; border-top: none; z-index: 99; display: none;}
.layer-select .layer-box ul {padding: 5px 0;}
.layer-select .layer-box ul li a {display: block; padding: 4px 5px; color: #333; background: transparent; border: none; font-size: 12px; line-height: 16px;}



/* 숙박, 렌트 상세 아이콘 정보 추가 */
.view-info .icon-imInfo {background: #fff; border: 1px solid #ccc; overflow: hidden; margin: 8px 0 5px;}
.view-info .icon-imInfo ul {display: table; width: 100%;}
.view-info .icon-imInfo ul li {display: table-cell; vertical-align: middle; width: 16%; height: 70px; text-align: center;}
/* .view-info .icon-imInfo ul li:last-child {width: 18%;}
.view-info .icon-imInfo ul li:last-child .text {letter-spacing: -1px;} */
.view-info .icon-imInfo ul li.off {opacity: .3;}
.view-info .icon-imInfo ul li .icon img {width: 36px; height: 36px;}
.view-info .icon-imInfo ul li .text {font-size: 10px; color: #444; margin-top: 5px; letter-spacing: -1px; padding: 0;}


/* 이용후기 */
#subContent .view-bottom .review-form dl {padding-bottom:10px;}
#subContent .view-bottom .review-form dl dt {font-weight:normal;}
#subContent .view-bottom .review-form ul {float:left; width:100%;padding-bottom:5px;}
#subContent .view-bottom .review-form ul li:first-child {float:left; width:60%;}
#subContent .view-bottom .review-form ul li input[type="text"] {width:100%;}
#subContent .view-bottom .review-form ul li:last-child {float:left; width:40%; height:25px; line-height:25px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;  border-right:1px solid #CCC; text-align:center;}
#subContent .view-bottom .review-list {float:left; width:100%; background:#FFF; margin-bottom:2px; }
#subContent .view-bottom .review-list > dl {float:left; width:100%; padding:15px; border-top:1px solid #CCC;}
#subContent .view-bottom .review-list > dl > dt {width:100%; }
#subContent .view-bottom .review-list > dl > dt strong {float:left; width:70%;}
#subContent .view-bottom .review-list > dl > dt span.like {float:right; width:30%; text-align:right; font-weight:normal;}
#subContent .view-bottom .review-list > dl > dt em {clear:both; font-weight:normal;}
#subContent .view-bottom .review-list > dl > dd {color:#444; clear: both;}
#subContent .view-bottom .review-list > dl > dd .btn-reply {font-size:12px;}
#subContent .view-bottom .review-list > dl > dd dl dt {padding:7px 0;}
#subContent .view-bottom .review-list > dl > dd dl dd em {font-weight:normal;}

.view-bottom .review-list .memo-wrap {clear: both; margin-top: 5px;}
.view-bottom .review-list .like img {width: 10px;}
.view-bottom .review-list .top {overflow: hidden;}
.view-bottom .review-list .bottom {clear:both; position: relative;}
.view-bottom .user {clear: both; margin-top: 10px;}
.view-bottom .user span {font-weight: 400;}
.view-bottom .user .date {margin-left: 5px;}
.view-bottom .editBT {clear: both; margin-top: 10px; text-align: right;}
.view-bottom .review-list .edit a.btn-reply {width: 65px !important;}
.view-bottom a.btn-reply {height: 26px !important; line-height: 26px !important; background: #F2F0F1; color: #444 !important; font-weight: 700 !important;}
.view-bottom .review-list .comment-wrap {margin-top: 10px;}
.view-bottom .review-list .comment-wrap li {border-top: 1px solid #ccc; padding: 8px 0;}
.view-bottom .review-list .comment-user {padding-left: 15px; background: url("../../images/mw/sub_common/comment.png") no-repeat left 2px; background-size: 9px 9px;}
.view-bottom .review-list .comment-user .comment-date {margin-left: 5px;}
.view-bottom .review-list .comment-memo {padding-left: 15px; margin-top: 5px;}
.view-bottom .review-list .comment-write {text-align: center; margin-top: 5px; border-top: 1px solid #ccc; padding-top: 10px;}
.view-bottom .review-list .int-write {margin-top: 10px;}
.view-bottom .title-int {margin-bottom: 5px; width: 100%;}

.view-bottom .review-list {background: red;}

#ueContCmtDiv16 {margin-top: 10px;}



/* 이용후기 사진뷰 */
.review-list .photo-comment {display: table; width: 100%;}
.review-list .photo-comment .area-photo,
.review-list .photo-comment .area-text {display: table-cell; vertical-align: top;}
.review-list .photo-comment .area-text {text-align: left;}
.review-list .photo-comment .area-photo {width:90px; padding-right: 10px;}
.review-list .photo-comment .area-photo .photo-wrap {width: 90px; position: relative;}
.review-list .photo-comment .area-photo .photo-wrap:hover .over-rap {display: block;}
.review-list .photo-comment .area-photo .photo {width: 90px; height: 60px;}
.review-list .photo-comment .area-photo .photo > img {width: 100%; height: 100%;}
.review-gallery {
    clear: both; display: none;
    position: fixed; top: 150px; right: 10px; bottom: 10px; left: 10px; max-width: 100%; max-height: 100%;
    margin: auto; z-index: 998;
}
.review-gallery .swiper-container2 {position: relative; overflow: hidden; background: #333;}
.review-gallery .swiper-slide img {width: 100%;}
.review-gallery .swiper-pagination2 {position: absolute; left: 0; bottom: 5px; width: 100%; text-align: center; z-index: 99;}
.review-gallery .swiper-pagination2 span {display: inline-block; margin: 0 2px;}
.review-gallery .photo_close {float: right;}

.review-photo-list {margin: 10px 0;}
.review-photo-list ul li {margin-top: 8px;}
.review-photo-list ul li:first-child {margin-top: 0;}
.review-photo-list ul li img {display: table-cell; width: 150px; float:left; margin-right:7px; border-radius: 5px;}
.review-photo-list .memo {font-size: 13px; line-height: 20px; margin-top: 8px;}




/* 고객센터 > 이용후기 사진뷰 */
.re-comment ul.tbOption li {display: table; width: 100%;}
.re-comment ul.tbOption li .photo-area,
.re-comment ul.tbOption li .text-area {display: table-cell; vertical-align: top;}
.re-comment ul.tbOption li .text-area {text-align: left;}
.re-comment ul.tbOption li .photo-area {width: 110px;}
.re-comment ul.tbOption li .photo-area .photo-wrap {
    float: left;
    position: relative;
    width: 110px;
    padding-right: 15px;
    border-radius: 5px;
}
.re-comment ul.tbOption li .photo-area .photo-wrap:hover .over-rap {display: block; width: 110px; height: 110px;}
.re-comment ul.tbOption li .photo-area .photo {width: 110px; height: 110px;}
.re-comment ul.tbOption li .photo-area .photo > img {width: 100%; height: 100%;}





/* 상세 정보 추가 (2016-09-19) */
table.item-info {}



/* 상세 배송비 추가 (2016-10-24) */
#subContent .view-btn .price {position: relative;}
#subContent .view-btn .price .shipping-fee {
    /* position: absolute; top: 0; left: 0; z-index: 2; */
    display : block; margin-bottom: 5px;
    font-size: 12px; line-height: 15px;
}


/* MD’s Pick (2016-10-25) */
.md-pick {border-top: 1px solid #d1d1d1; padding-top: 10px; margin-top: 15px; overflow: hidden;}
.md-pick .title {font-size: 15px; font-weight: bold; color: #3e3030; margin-bottom: 5px;}

.md-pick ul {width: 10000px; overflow: hidden;}
.md-pick ul li {float: left; width: 268px;}

/* .md-pick dl dt {font-size: 15px; font-weight: bold; color: #3e3030; margin-bottom: 5px;}

.md-pick dl dd {display: table; width: 100%; border-spacing: 0px; border-collapse: collapse; table-layout: fixed;}
.md-pick dl dd .l-area,
.md-pick dl dd .r-area {display: table-cell; vertical-align: top; border: 1px solid #d1d1d1;}

.md-pick dl dd .l-area {width: 150px;}
.md-pick dl dd .r-area {padding: 5px;}

.md-pick dl dd .photo {margin: 0 !important; padding: 0 !important;}
.md-pick dl dd .photo img {width: 100%;}

.md-pick dl dd .title {margin-bottom: 8px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.md-pick dl dd .memo {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 17px;
    max-height: 51px;
} */


.md-pick .ct-box {display: table; width: 100%; border-spacing: 0px; border-collapse: collapse; table-layout: fixed;}
.md-pick .ct-box .l-area,
.md-pick .ct-box .r-area {display: table-cell; vertical-align: top; border: 1px solid #d1d1d1;}

.md-pick .ct-box .l-area {width: 150px;}
.md-pick .ct-box .r-area {padding: 5px;}

.md-pick .ct-box .photo {margin: 0 !important; padding: 0 !important;}
.md-pick .ct-box .photo img {width: 100%;}

.md-pick .ct-box .title {margin-bottom: 8px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.md-pick .ct-box .memo {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 17px;
    max-height: 51px;
}

.md-pick .bx-wrapper .bx-controls {text-align:center; margin-top: 5px;}
.md-pick .bx-wrapper .bx-pager .bx-pager-item,
.md-pick .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.md-pick .bx-wrapper .bx-pager.bx-default-pager,
.md-pick .bx-wrapper .bx-controls-auto {display:inline-block;}
.md-pick .bx-wrapper .bx-pager.bx-default-pager a {
    background:#5E5E5E;
    border:1px solid #5E5E5E;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 2px;
    border-radius:6px;
    overflow: hidden;
}
.md-pick .bx-wrapper .bx-pager.bx-default-pager a:hover,
.md-pick .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#EDEDED;
    border-radius:6px;
}



/* sub slider menu (2016-10-27) */
.top-menu-slider {
    border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; margin-top: 10px; overflow: hidden; position: relative;
    padding: 0 24px;
}

/* .top-menu-slider .pd-wrap {overflow-x: auto;} */
#subMenuContainer {overflow-x: auto;}

.top-menu-slider ul.nav-list {width: 10000px; height: 46px; overflow: hidden;}
.top-menu-slider ul.nav-list > li {float: left; padding: 3px 0; position: relative;}
.top-menu-slider ul.nav-list > li > a {display: block; padding: 4px 10px; font-size: 13px; font-weight: bold; color: #3b2c2c; position: relative;}
.top-menu-slider ul.nav-list > li > a small {display: block; text-align: center; font-size: 10px; font-weight: bold; color: #3b2c2c; margin-top: 2px;}

.top-menu-slider ul.nav-list li.split a {
    background: url("../../images/mw/menu/tab_bg_off.jpg") no-repeat center; border-radius: 5px;
}
.top-menu-slider ul.nav-list li.split a .icon {
    display: inline-block; vertical-align: middle; width: 19px; height: 18px;
    background: url("../../images/mw/menu/star_off.png") no-repeat center bottom 2px;
    background-size: 19px 18px;
}

.top-menu-slider ul.nav-list li.active::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #e8202e;}
.top-menu-slider ul.nav-list li.active a {color: #e8202e;}
.top-menu-slider ul.nav-list li.active a * {color: #e8202e;}

.top-menu-slider ul.nav-list li.split.active::after {display: none;}
.top-menu-slider ul.nav-list li.split.active a {color: #fff;}
.top-menu-slider ul.nav-list li.split.active a * {color: #fff;}

.top-menu-slider ul.nav-list li.split.active a {
    background-image: url("../../images/mw/menu/tab_bg_on.jpg");
}
.top-menu-slider ul.nav-list li.split.active a .icon {
    background-image: url("../../images/mw/menu/star_on.png");
}

.top-menu-slider .depth2 {
    position: fixed; top: 147px; left: 0; z-index: 100;
    background: #fff; width: 100%; border: 1px solid #e8202e; display: none;
}
.top-menu-slider .depth2 .close-x {position: absolute; top: 5px; right: 5px; z-index: 10;}
.top-menu-slider .depth2 .close-x img {height: 30px;}

.top-menu-slider .depth2 .title {
    font-size: 14px; font-weight: bold; text-align: center; color: #333333;
    line-height: 40px; background: #ededed; border-bottom: 1px solid #ccc;
}

.top-menu-slider .depth2 ul {overflow: hidden;}
.top-menu-slider .depth2 ul li {float: left; width: 50%; text-align: center; border: 1px solid #cccccc; border-top: none; border-left: none;}
.top-menu-slider .depth2 ul li a {
    display: block; line-height: 45px;
    font-size: 13px; color: #333333 !important;
}
.top-menu-slider .depth2 ul li.active a {color: #e8202e !important;}

.top-menu-slider .scroll-prev,
.top-menu-slider .scroll-next {
    position: absolute; top: 0; width: 24px; height: 46px; text-align: center;
    background: #fff; z-index: 98; display: block;
}

.top-menu-slider .scroll-prev {left: 0; border-right: 1px solid #ccc;}
.top-menu-slider .scroll-next {right: 0; border-left: 1px solid #ccc;}

.top-menu-slider .scroll-prev img,
.top-menu-slider .scroll-next img {display: block; padding-top: 2px;}




/* 이벤트 코드 */
.reserve .bt-none {position: relative;}

.helper {font-size: 14px; text-align: center; margin: 10px 0 15px;}
.helper.red {color: #e8202e;}
.helper.blue {color: #23a3e2;}

.helper2 {font-size: 12px; text-align: center; margin: 10px 0 10px;}
.helper2.red {color: #e8202e;}
.helper2.blue {color: #23a3e2;}


.event-code {}
.event-code input,
.event-code .btn {display: inline-block; vertical-align: middle;}

.event-code .btn {width: 70px !important;}
.event-code .reset img {width: 16px;}

#code_popup {
    width: 100%; padding: 20px 0;
    position: fixed; top: 28%; left: 0px; font-size: 12px;
    background: #fff; border: 1px solid #e8202e; z-index: 101; display: none;
}
#code_popup img.bubble {position: absolute; bottom: -7px; left: 20px;}
#code_popup .input-box {text-align: center;}

#code_popup .comm-btnWrap {text-align: center;}
#code_popup .btn {height: 26px !important; line-height: 26px !important; padding: 0 !important;}
#code_popup .btn4 {width: 70px; background:#FE434C; border:1px solid #E5252E; color:#FFF;}
#code_popup .btn6 {width: 70px; background:#ABABAB; border:1px solid #979797; color:#FFF;}
#code_popup .btn7 {width: 70px; background:#707070; border:none; color:#FFF;}

#code_popup .input-box input {display: inline-block; vertical-align: middle; height: 40px; border:1px solid #ccc; width:75%; font-size:1rem; padding-left:12px;}



/* 제주로 옵서예 */
.jeju-event {clear: both;}
.jeju-event img {width: 100%;}



/* 택배 수령방법 */
.receipt-option-area {clear: both; margin: 5px 0; background: #fff; border: 1px solid #ccc; padding: 10px;}
.receipt-option-area select {width: 100%; height: 30px; margin-bottom: 0; font-size:.8rem; background-size:.8rem;}
.receipt-option-area .btn-area {text-align: right; margin-top: 4px;}
.receipt-option-area .btn-area .btn {margin-top: 0; width: auto !important; padding: 0 10px !important;}
.receipt-option-area .memo {font-size: 12px; line-height: 18px; margin-top: 10px;}



/* 콘텐츠 상세 배너 */
.detail-banner-area {margin: 10px 0; clear: both;}
.detail-banner-area a {display: block;}
.detail-banner-area img {display: block; width: 100%;}








/* --------------------------------------------------------- 키워드 광고 ------------------------------------------------------------------ */
.keyword-result .item-wrap {margin-top: 30px;}
.keyword-result .item-wrap:first-child {margin-top: 0;}
.keyword-result .item-wrap .goods-list {float: none;}
/* --------------------------------------------------------- //키워드 광고 ------------------------------------------------------------------ */



/* --------------------------------------------------------- 소셜 상세  ------------------------------------------------------------------ */
/* 소셜 기본폼 */
.product-detailInfo {background: #2e4b55; padding: 10px;}
.product-detailInfo .item-area {margin-top: 20px;}
.product-detailInfo .item-area:first-child {margin-top: 0;}
.product-detailInfo .product-title {font-size: 24px; line-height: 26px; margin: 10px 0 10px;}
.product-detailInfo .product-title strong {color: #fff;}
.product-detailInfo .item {margin-top: 10px; background: #fff; border: 1px solid #e1e3e4; padding: 20px 10px;}
.product-detailInfo .item:first-child {margin-top: 0;}
.product-detailInfo .type-area .title-area strong {display: block; font-size: 18px; line-height: 24px; color: #e8202e;}
.product-detailInfo .type-area .text-area .title {display: block; font-size: 20px; line-height: 28px; color: #333; margin: 5px 0 10px;}
.product-detailInfo .type-area .text-area ul li {display: table; width: 100%; border-bottom: 1px solid #e1e3e4;}
.product-detailInfo .type-area .text-area ul li:first-child {border-top: 1px solid #e1e3e4;}
.product-detailInfo .type-area .text-area ul li .names,
.product-detailInfo .type-area .text-area ul li .price {display: table-cell; vertical-align: middle; padding: 8px 4px;}
.product-detailInfo .type-area .text-area ul li .names {font-size: 14px; font-weight: bold; line-height: 20px; color: #444444;}
.product-detailInfo .type-area .text-area ul li .price {width: 116px; text-align: right; font-size: 18px; font-weight: bold; color: #333;}
.product-detailInfo .type-area .text-area ul li .price small {font-size: 12px;}
.product-detailInfo .type-area .text-area ul li .price .cost {font-size: 14px; font-weight: normal; color: #999; margin-bottom: 2px;}
.product-detailInfo .type-area .text-area .memo {font-size: 14px; line-height: 20px; color: #5f5f60; margin-top: 15px;}
.product-detailInfo .info-area .title,
.product-detailInfo .price-area .title {
    font-size: 24px; font-weight: bold; color: #333333; text-align: center;
}
.product-detailInfo .info-area .title::after,
.product-detailInfo .price-area .title::after {
    content: ""; display: block; width: 200px; height: 1px; background: #cccccc; margin: 15px auto 0;
}
.product-detailInfo .info-area .table-area,
.product-detailInfo .price-area .table-area {
    margin-top: 25px;
}
.product-detailInfo .price-area .price strong {font-size: 14px; font-weight: bold;}
.product-detailInfo .price-area .cost small,
.product-detailInfo .price-area .price small {
    font-size: 12px;
}
#subContent .product-detailInfo table.table-col td {padding: 8px 2px;}
#subContent #info.con-box {padding: 10px;}
/* --------------------------------------------------------- //소셜 상세  ------------------------------------------------------------------ */



/* ----------------------------------------------- 블로그 -------------------------------------------------------- */
/* 목록 */
.blog-list-area .top-title {font-size: 18px; font-weight: bold; margin: 10px 0 8px;}
.blog-list-area .top-title span {font-size: 14px;}
.blog-list-area ul {overflow: hidden;}
.blog-list-area ul li {border: 1px solid #e1e3e4; margin-top: 10px;}
.blog-list-area ul li:first-child {margin-top: 0;}
.blog-list-area .photo {
    height: 200px; margin: 0 !important;
    background: url("../../images/web/other/product_01.jpg") no-repeat center;
    background-size: cover;
}
.blog-list-area .photo img {width: 100%; display: block;}
.blog-list-area .text-area {padding: 15px;}
.blog-list-area .text-area .title {
    font-size: 14px; font-weight: bold; color: #333;
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 22px;
    max-height: 44px;
}
.blog-list-area .text-area .memo {
    font-size: 13px; color: #3f3f3f; margin-top: 8px;
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 20px;
    max-height: 60px;
}
.blog-list-area .text-area .info {
    display: table; width: 100%; table-layout: fixed;
    font-size: 12px; line-height: 18px; color: #3f3f3f; margin-top: 20px;
}
.blog-list-area .text-area .info .name,
.blog-list-area .text-area .info .date {
    display: table-cell; vertical-align: middle;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.blog-list-area .text-area .info .date {text-align: right; width: 92px;}
.blog-list-area .pageNumber {margin: 10px 0 0;}
/* ----------------------------------------------- //블로그 -------------------------------------------------------- */





/* --------------------------------------------------------- 버튼(button) (※ comm_style 배포 후 삭제) ------------------------------------------------------------------ */
/* Button Area */
.btn-wrap {text-align: center; margin: 20px 0;}
.btn-wrap.right {text-align: right; margin: 10px 0;}

.number .comm-btn {height:40px; line-height: 40px;}

/* Button Style */
.comm-btn {
    display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
    font-size: .83rem; font-weight: normal; line-height: 28px; padding: 0px 20px; margin: 5px 3px; white-space: nowrap;
    position: relative; border:none; border:1px solid #353435; background-color:#fff; color:#353435; font-family: "NotoSans";
}

.join-form .comm-btn {margin:4px 3px; }
.comm-btn:active {background-color: #ccc;}
.like-list-area .comm-btn {margin:0;}

/* Button Color */
.comm-btn.red {background-color: #f0534b; border-color: #f0534b; color: #fff;}
.comm-btn.gray {background-color: #353435; border-color: #353435; color: #fff;}
.comm-btn.black {background-color: #353435; border-color: #353435; color: #fff;}

.popup-area-list .list-disc button{width:100%; margin-top:0px; height:38px;}

#subContent .side-wrap a.btn {height:24px; line-height:24px;}

/* --------------------------------------------------------- //버튼(button) (※ comm_style 배포 후 삭제) ------------------------------------------------------------------ */




/* ----------------------------------------------- 신규 프레임 변경 후 추가(#main 추가 > 기존동일한 콘텐츠) / 폰트크기 Up 등 ------------------------------------------------------ */
.background{background-color: #f9f9f9;}
/* #subContent {margin-top: 60px;} */
#subContent .text-certification{margin-top: 30px;}
#subContent .sub-content {float: none; width: 100%; box-sizing: border-box; /*overflow: hidden;*/ margin: 0 auto;}
#subContent .sub-content-sign,
#subContent .sub-content2,
#subContent .sub-content-join {float: none; width: 90%; box-sizing: border-box; /*overflow: hidden;*/ margin: 0 auto;}
#subContent .sub-content.not-padding {padding: 0 0 50px;}
#subContent .tamnao-logo {text-align: center; margin: 100px 0 66px;}
#subContent h2 {margin-top: 15px; margin-bottom: 4px;}
#subContent h2,
#subContent .cart .cart-section > .title {font-size: 1rem;}
#subContent .comm-title1 { font-size: 1.125rem; background-image: none;}
#subContent .event .comm-title1 {display:none;}
#subContent .warning-text { font-size: 0.875rem; line-height: 1.25rem;}
#subContent a.btn,
#subContent button.btn,
#subContent a.btn-submit {height: 30px; line-height: 30px; font-size: 2.2rem;}
#subContent .board ul.list li .editBT a {padding: 0; font-size:.83rem;}
#subContent .btn-list,
#subContent .btn-list .btn {text-align: center;}
#subContent .mypage .btn-list a {width:45%; height:50px; line-height:50px; padding:0; margin-top:13px; font-size:1rem;}
#subContent .sub-content2 .btn-list .btn {color:#fff; margin-top:10px;}
#subContent .btn-list .btn {width: 100%; margin-top: 32px; text-align: center ; height: 50px; line-height: 50px; }
#subContent .btn-list{width: 100%;}
#subContent .board .btn-list {margin-bottom:10px;}
#subContent .btn-list2 {
    margin-top: 90px; font-size: 2.2rem; text-align: center;
    height: 106px;line-height: 105px; font-weight:500;
}


#subContent .sub-content .view-bottom .tab-con img {width:100%;}
#subContent .btn-list2 .btn-home {
    width: 49%;  line-height: 100px; border: 2px solid black; margin-right:10px;
    box-sizing: border-box; float: left;
}
#subContent .btn-list2 .btn-login {
    width: 49%; float: left; background-color :#f0534b; color: #fff;
}
#subContent textarea {padding: 8px; padding-left:12px; font-size:.85rem;}
#subContent .info-wrap.top h6 {text-align: center; font-size: 1rem; line-height: 1.375rem;}

#subContent .all-check label {width: 100%; font-size: 26px; color: #7d7d7d;  margin: 24px 47px 0 0px; padding-left: 38px;}

#subContent label input.id-search input[type="text1"] {margin-left: 35px;}

#subContent .all-check{margin-top: 3px; width: 100%}
#subContent .all-check label{margin-right: 24px; width: 100%;}
#subContent .all-check .sns-save{width: 100%;}

/*실제 체크박스는 화면에서 숨김*/

.join .all-check input[type="checkbox"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.join .all-check input[type="checkbox"] + label{width: 100%; position: relative; padding-left: 39px; cursor: pointer;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}

/*가짜 체크박스*/
.join .all-check input[type="checkbox"] + label:before{width: 100%;
    content: ''; display: inline-block; position: absolute; left: 0; top: 3px;  width: 28px; height: 28px; line-height: 15px; text-align: center; background: #fff;
; border: 2px solid #f0534b;}

.join .all-check input[type="checkbox"] + label:active:before,
.join .all-check input[type="checkbox"]:checked + label:active:before{
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1)}

/*체크박스를 체크했을때*/


.join .all-check input[type="checkbox"]:checked + label:before{
    content: "\2714"; color: #f0534b;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }

#subContent select,
#subContent input[type="text"],
#subContent input[type="password"],
#subContent input[type="tel"],
#subContent input[type="number"] {height: 36px; /*padding-left: 8px;*/}
#subContent table th {padding: 8px; font-size: 14px; font-size: 0.875rem; line-height: 1.25rem;}
#subContent table th.title {font-size: 16px; font-size: 1rem; line-height: 1.375rem;}
#subContent table input[type="text"],
#subContent table select {width: 100%; height: 38px; line-height: 38px; box-sizing: border-box; }
#subContent .comm-layer-popup table [type="number"],
#subContent .comm-layer-popup table [type="text"],
#subContent .comm-layer-popup table select {width: 100%; height: 38px; line-height: 38px; box-sizing: border-box; font-size : .85rem; padding-left:12px; color:#898989; border:none; }
#subContent input.reason {font-size:.88rem; width:76%; height:30px; margin-left:10px; padding-left:10px;}
#subContent table.tb-pw2 th {font-size:.75rem;}
#subContent table.tb-pw2 td input {font-size:.7rem;}

#subContent table .full-1 span.at-sign{ width: 22%; font-size: 28px; color: #090909; position: relative; top: 5px;}

#subContent .join .full-1 .width100 { display: inline; width:35%; height: 69px; padding-left:5px; box-sizing: border-box; border: none; font-size: 28px; color: #8b8b8b; letter-spacing: -1px;}

#subContent table.pw-ct th {width: 35%;}
#subContent .side-wrap {margin: 10px 0;}
#subContent .side-wrap + .comm-color1 { font-size: 0.875rem; line-height: 1.25rem; margin: 4px 0; display: inline-block;}
#subContent .side-wrap .side-btn {top: 2px; height: 36px; line-height: 36px;}
#subContent table.application .addr-wrap .side-btn {bottom: 2px; height: 36px; line-height: 36px;}
#subContent table td.email input,
#subContent table td.email select {min-width: 100px;}
#subContent .mypage table ul.product-list li .product { font-size: 0.937rem; font-weight: bold; line-height: 1.25rem; margin-bottom: 4px;}
#subContent .mypage table ul.product-list li .infoText,
#subContent .mypage table ul.product-list li .info { font-size: 0.875rem; line-height: 1.125rem;}
#subContent .mypage .payArea h4 { font-size: 1rem;}
#subContent .mypage td.price-wrap .text {width: 44%;}
#subContent .mypage td.price-wrap .price {width: 42%;}
#subContent .board {position:relative; top:20px;}
#subContent .board .txt-box dt { font-size: 1rem; font-weight: bold; line-height: 1.375rem;}
#subContent .board .txt-box dd { font-size: 0.875rem; line-height: 1.25rem;}
#subContent .board .search {padding: 0; margin: 10px 0;}
#subContent .board .search input {margin: 0; margin-right: 4px;}
#subContent .board .search a.btns {height: 34px; line-height: 34px; border-radius: 0; font-size:.83rem; width:15%;}
#subContent .board .search select {width: 23%; margin-top: 0; margin-bottom: 0; padding-right:0; background-color:#fff; border:1px solid #b5b5b6; font-size:.86rem; padding-left:12px; color:#5D5D5D; background-size:14px;}
#subContent .board .search input[type="text"] {width: 58%; padding-left:12px; font-size:.86rem; color:#000;}
#subContent .board .search a.btn-search {width: 15%; font-size:.85rem;}
#subContent .board .category {float: none; overflow: hidden;}
#subContent .board .category li a { font-size: 0.875rem;}
#subContent .board ul.list {float: none;}
#subContent .board ul.list li a {padding: 10px 10px; box-sizing: border-box;}
#subContent .board ul.list li a strong {font-size: .9rem; line-height: 1.375rem; letter-spacing: -.5px;}
#subContent .board ul.list li a em { font-size: 0.875rem; line-height: 1.25rem; display: block; margin-top: 2px;}
#subContent .board .view .tit {padding: 16px;}
#subContent .board .view .tit strong { font-size: 1.125rem; line-height: 1.5rem;}
#subContent .board .view .tit em { font-size: 0.875rem; line-height: 1.25rem; display: block; margin-top: 2px;}
#subContent .board .view .text,
#subContent .board .file {font-size: 1rem; line-height: 1.5rem; padding: 7px;}
#subContent .board .txt {padding: 5px 0; font-size:.87rem; color:#484848;}
#subContent p.btn-full .btn {height: 30px; line-height: 30px; font-size: .9rem; width:80px; margin:4px 0;}
#subContent .t-coupon .coupon-info { font-size: 0.812rem; line-height: 1.125rem;}
#subContent .info-wrap h6 { font-size: 1rem; line-height: 1.375rem;}
#subContent .info-wrap ul li { font-size: 0.8rem; line-height: 1.3rem; letter-spacing:-.4px;}
#subContent .counsel-list {margin-top: 0;}
#subContent .counsel-list p.txt {font-size: 1rem; line-height: 1.375rem;}
#subContent .counsel-list dl {padding-top: 0;}
#subContent .counsel-list dl dt {box-sizing: border-box; font-size: 0.875rem; line-height: 1.25rem;}
#subContent .counsel-list dl dt span:first-child {padding-top: 5px;}
#subContent .review-list {margin-top: 0; float: none;}
#subContent .review-list > dl {float: none; box-sizing: border-box;}
#subContent .review-list > dl > dt em {display: inline-block;}
#subContent .review-list dt .btn {width: auto; padding: 0 12px;}
#subContent .re-comment .reviews-ad .user-memo {font-size: 0.875rem; line-height: 1.25rem;}
#subContent .con-box {width: auto; font-size: 0.937rem; line-height: 1.5rem;}
#subContent .con-box ul li {color: #333;}
#subContent .con-box .text-wrap .info { font-size: 0.875rem; line-height: 1.25rem;}
#subContent .con-box .form1-1 label,
#subContent .con-box .form1-2 label {line-height: 36px;}
#subContent .con-box .text-wrap p.label { font-size: 0.875rem; line-height: 1.25rem; padding: 2px 0; margin: 2px 0;}
#subContent .con-box-b {float: none; width: auto;}
#subContent .con-box-b p { font-size: 0.937rem; line-height: 1.5rem;}
#subContent .question-list dl dt,
#subContent .question-list dl dd { font-size: 0.937rem; line-height: 1.5rem;}
#subContent .question-list dl dt em,
#subContent .question-list dl dd em {margin-top: 5px; line-height: 16px;}
#subContent .comm-rule dt,
#subContent table.application .rule-wrap .comm-rule dt { font-size: 0.8rem; line-height: 1.2rem;}
#subContent .comm-rule dd { font-size: 0.77rem; line-height: 1.25rem; margin-top: 0;}
#subContent .cart .cart-section {width: 100%; margin-top: 30px;}

#subContent .cart dl.check-goods dt{ font-size: 30px; color: #727171;}

#subContent .cart .check-title-wrap{left:10%; position: relative; top: 92px; letter-spacing: -1px;}
#subContent .cart .check-title-wrap p {display:table; margin-left: 49px;}
#subContent .cart-img img{ top:67px; left:6%; position:relative; float: left; width:31%; height:180px;}

#subContent .cart .check-title{ font-weight: bold; font-size: 1.55rem; color: #353435;}
#subContent .cart .check-title2{ font-size: 1.45rem; color: #727171; padding-top:8px;}
#subContent .cart .check-title3{ font-weight: bold; font-size: 1.6rem; color: #000; margin-top: 10px;}


.check-goods dd p{font-size: .85rem; /*color: #727171;*/ font-family: "NotoSans" }

#subContent .cart dl.check-goods dd { height: 60px; padding:10px 0 4px 17px; font-family: "NotoSans"  }
#subContent .cart dl.check-goods .cart-empty {display:none;}
#subContent .cart .check-all,
.cart .goods-text{ font-size: 1.6rem; height:30px; line-height:25px; }

#subContent .cart dl.check-goods dt {margin-top: 7px; border: none; height: 22px; line-height: 17px;  }

#subContent-cart-wrap #subContent .sub-content .cart{width: 100%;}



#subContent .cart .price .sv_totalmoney {font-size:1.7rem; color: #FE434C;font-weight: bold; line-height: 154px;}

#subContent .cart .price #sv_totalJumunAmt {font-size:47px; color: #FE434C;  font-weight: bold;}
#subContent .cart .price .sv_totalJumunAmt2 {font-size:34px; color: #FE434C; font-weight: bold; line-height: 154px;}



#subContent .cart dl.check-goods a.option {
    width: 23%; height: 55px; line-height: 55px; border: 2px solid black; background-color: #fff;
    font-size: 1.4rem; text-align: center; float: right; position: relative; left: -4%; top:55px; }

#subContent .cart dl.check-goods img.close {float: right; right: 5%; position: relative; top:10px;}

#subContent .cart dl.price {box-sizing: border-box; background-color: #fff; color:#FE434C; border: none; padding: 15px 20px; height: 50px; overflow: hidden; margin-top:10px;}
#subContent .cart dl.check-goods dd a { width:20%; height: 25px; line-height: 25px; margin-top: 10px; text-align:center;}
#subContent .cart dl.check-goods dd a img {display: none; vertical-align: middle; margin-left: 4px;}


#subContent .cart dl.price { font-size: 1.3rem;}
#subContent .cart dl.price dt,
#subContent .cart dl.price dd {font-size: 1.05rem;}
#subContent .cart .btn {height: 100px; line-height: 100px;}
#subContent .login .user-check label {font-size: .9rem;}
#subContent .login .find-join a {font-size: 26px; color: #7d7d7d; margin-top: 27px; float: right;  }
#subContent .login .form-value {height: auto; margin-top:-1px;}
#subContent .login .form-value input {height: 45px; line-height: 45px; font-size: 28px; color: #8b8b8b; }
#subContent .login .user-n .form-value a.btn6 {height: 55px; line-height: 55px; font-size: 16px;}
#subContent .login ul.info li { font-size: 0.937rem; line-height: 1.5rem;}
#subContent .login-join {text-align:center; margin-bottom:50px; color:#686868; font-size:.97rem;}
#subContent .login-join a {font-weight:bold; text-decoration: underline; }
#subContent .join .find-txt {width: 100%; font-size: 1.45rem; margin: 128px 0 22px 0px; background-color: #fff; border: none; color: #8b8b8b;}
#subContent .join .agree-tab a {padding: 4px 9px 5px 15px; display:table-cell; width:110px; font-size: 0.8rem; line-height: 1rem; border-right:1px solid #ccc;}
#subContent .join .agree-tab a:first-child {padding-left:0;}
#subContent .join .agree-tab a:last-child {border:none;}
#subContent .join .agree-tab .active {color: #f0534b; }
#subContent .join .agree-box {padding: 10px; height:200px; overflow: auto; background-color:#fff; border:1px solid #ccc; position:relative; top:10px; margin-bottom:10px;}
#subContent .join .agree2,
#subContent .join .agree-all {padding-bottom: 7px; font-size:.8rem; display: none;}
#subContent .join .agree2 input#agree1 {margin-right:0;}
#subContent .join .txt {width: 100%; font-size: .9rem; line-height: 25px;  color: #8b8b8b; margin-top:10px;}
#subContent .join .txt-bt-none1{margin-top: 30px; width: 100%; font-size: 22px; line-height: 33px; color: #8b8b8b; border-top: 2px solid #d5d5d5; padding-top: 30px;}

#subContent .join .txt-bt-none1 span.text-color{color: #f0534b;}

#subContent .join .txt-bt-none2{width: 100%; font-size: 22px; color: #8b8b8b; margin-top: 15px; line-height: 33px;}

#subContent .join .tel a,
#subContent .join .full a
{  width: 18%; height: 94px; text-align: center; vertical-align: middle; background-color: #353435; color: #fff; font-size: 28px; padding:  0 0 0; line-height: 90px; border-radius: 3px; float: right;}
/*#subContent .join .number a {height: 34px; line-height: 34px;}*/
#subContent .join #certNumber {margin-top: 0; margin-bottom: 0;}
#subContent .reserve dl.goods-info dt { font-size: 1rem; padding: 10px;}
#subContent .reserve dl.goods-price dd {font-size: 0.937rem; line-height: 1.125rem;}
#subContent .reserve .btn {height: 36px; line-height: 36px;}
#subContent .reserve #waitingTime {background-image: url("../../images/mw/common/timewait.png"); background-repeat:no-repeat;
    background-size:10px; background-position:left; padding-left:13px; display:inline-block; margin-top:20px; font-size:1rem;}
#subContent .reserve #waitingTime b {color:#019bd7; padding-left:4px;}
#subContent .reserve #waitingTime3 {font-size: 14px; padding-left: 10px;}
#subContent .reserve #lpointUseMainBtn,
#subContent .reserve #lpointSaveMainBtn {font-size: 1rem;}
#subContent .event-code #vEvntCd2 {width: 120px; width: calc(100% - 76px);}
#subContent .reserve dl.total dt {padding: 10px 0 10px 15px;}
#subContent .reserve dl.total dd {font-size: 16px; font-size: 1rem; line-height: 1.5rem; padding: 10px 15px 10px 0;}
#subContent .reserve dl.total dd p {color: #444;}
#subContent .reserve dl.total dd strong {font-size: 18px; font-size: 1.125rem; line-height: 1.75rem;}
#subContent .reserve dl.goods-info dd {font-size: 15px; font-size: 0.937rem; line-height: 1.25rem;}
#subContent table.coupon-wrap .couponBT {line-height: 30px; min-width: 100px;}
#subContent .input-col4 input {height: 40px !important;}
#subContent .input-col4 .btn {height: 40px !important;}
#subContent .input-col4-btn input {height: 40px !important;}
#subContent .input-col4-btn .btn {height: 40px !important;}
#subContent .input-col3 input {height: 40px !important;}
#subContent .input-col3-btn input {height: 40px !important;}
#subContent .input-col3-btn .btn {height: 40px !important;}
#subContent .input-btn-col2 input {height: 40px !important;}
#subContent .input-btn-col2 .btn {height: 40px !important; width: auto; padding: 0 10px;}
#subContent .comm-layer-popup .list-disc > li {font-size: 14px; font-size: 0.875rem; line-height: 1.375rem;}
#subContent .reserve .pament-agree {font-size: .9rem; line-height: 1.375rem;}
#subContent .reserve .pament-agree label {display: block; margin-top: 7px; font-size: .9rem; line-height: 1.375rem;}
#subContent .reserve dl.goods-price dd em {font-size: 14px; font-size: 0.875rem; line-height: 1.375rem;}
#subContent .reserve .pament-agree label input {margin-right:5px;}
#subContent .txt-box p.tit {font-size: 18px; font-size: 1.125rem;}
#subContent .txt-box p.txt {font-size: 16px; font-size: 1rem; line-height: 1.375rem;}
#subContent .info-txt {font-size: 15px; font-size: 0.937rem; line-height: 1.5rem;}
#subContent .reserve dl.total-ok dd {line-height: 1.5rem;}
#subContent .reserve dl.total-ok dd strong {font-size: 16px; font-size: 1rem;}
#subContent .reserve dl.goods-price dt {font-size: 15px; font-size: 0.937rem; padding: 10px;}
.option-change {box-sizing: border-box;}


/* 주문완료시 유모차/카시트 배너 추가 */
.carseat-banner-m img {width:100%; margin-top:15px; }

.text-typeA-wrapper {width: 100%; margin: 30px 0 22px 0px; background-color: #fff; border: none; color: #8b8b8b; line-height: 21px; padding:10px;}
.text-typeA-wrapper .big {font-size: .9rem;color: #8b8b8b;}
.text-typeA-wrapper .small {font-size:.9rem;}
.text-typeA-wrapper .big span.user{color: #343434; }





/* 나의 포인트 */
.point-count-wrapper {
    margin: 10px 0 10px; text-align: center;
    background: #fff;
    border: 1px solid #ccc; padding: 5px 0;
    font-size: 18px;
}
.point-count-wrapper .point {margin-left: 10px;}
/* ----------------------------------------------- //신규 프레임 변경 후 추가(#main 추가 > 기존동일한 콘텐츠) / 폰트크기 Up 등 ------------------------------------------------------ */


/* SNS Basic */
.sub-content-join > .login {overflow: hidden;}
/* .sub-content .login .login-check {border-bottom: none;} */
.sub-content2 .login .login-check{float: left;}
.sub-content-join .email-check{float: left;}
.bg-box-area {background: #fff; border: 1px solid #ccc;}



/* SNS Login */
.login-sns-wrapper{margin-top: 50px; margin-bottom: 30px; }
.sns-login-area.typeA a { height: 44px; line-height: 22px; }
.sns-login-area.typeA .wrap-naver {width:100%; display: table;}
.sns-login-area.typeA .wrap-naver a {
    width: 100%; box-sizing: border-box; border: 1px solid #49b34d;
    margin: 7px 0 0; float: left; padding-top:10px; }

.sns-login-area.typeA .wrap-kakao {width:100%; display: table;}
.sns-login-area.typeA .wrap-kakao a{
    width: 100%; float: left;box-sizing: border-box; border: 1px solid #ffcd00;
    padding-top:10px;  }
.sns-login-area.typeA .wrap-naver span.naver-logo,
.sns-login-area.typeA .wrap-kakao span.kakao-logo{ font-size: 28px; color: #4c4943}

.sns-login-area.typeA {  }
.sns-login-area.typeA li {display: table-cell; vertical-align: middle; width: 33%; text-align: center;}

.sns-login-area.typeB {
    display: table; width: 100%; max-width: 300px; table-layout: fixed;
    margin: 16px auto;
}
.sns-login-area.typeB li {display: table-cell; vertical-align: middle; width: 33%; text-align: center;}
.sns-login-area.typeB li img {width: 100%; max-width: 61px;}


/* SNS Basic */
.sub-content-join > .login {overflow: hidden;}
/* .sub-content .login .login-check {border-bottom: none;} */
.sub-content-join .login .login-check{float: left;}
.sub-content-join .email-check{float: left;}


/* SNS join */

.bg-box-area{border: none; background-color: #f9f9f9}
.sns-login-area-typeA .wrap-naver{width: 100%;  box-sizing: border-box; border: 1px solid #49b34d;  padding: 33px 120px; ; margin-bottom: 12px;  vertical-align: middle; display: inline-block; float: left; text-align: center; margin-top: 12px;}

.sns-login-area-typeA .wrap-kakao{width: 100%; clear: both; box-sizing: border-box; border: 1px solid #ffcd00; padding: 33px 120px; display: inline-block;  text-align: center; margin: 0 auto;}

.sns-login-area-typeA .wrap-naver span.naver-logo1{ font-size: 28px; color: #4c4943; vertical-align: middle;}
.sns-login-area-typeA .wrap-kakao span.kakao-logo1{ font-size: 28px; color: #4c4943; vertical-align: middle;}

.login-bottom { font-size:.9rem; position: relative; color:#7d7d7d;}
.login-bottom a { color: #202020; font-size:1.5rem; padding-left:10px;}
/* .login-bottom span.line {padding-right: 20px; padding-left: 20px;} */
.login-bottom p.nev a {font-weight: bold; }


/*320*/

#subContent {overflow-y: auto; min-height:465px;}

/* ------------------------------------------- 로그인 ------------------------------------------- */

#subContent .tamnao-logo {text-align: center; margin: 22px 0 20px 0; }
#subContent .tamnao-logo img {width: 48%;}
#subContent .tamnao-logo p {font-size:1.25rem; font-family:"NotoSans"; color:#323232; margin-top:5px; letter-spacing: -.6px; }
#subContent .login .find-join a {text-align: center; margin-top: 5px; font-size: .7rem; right: 60px}
#subContent a.btn, #subContent button.btn, #subContent a.btn-submit {font-size: 1rem; }
#subContent .btn-list .btn11 {padding: 15px 0; margin-top: 4px; height:20px; line-height: 20px; font-size:.85rem;}
#subContent table td { line-height: 16px; padding: 0 0 1px 0; color:#333; vertical-align:middle;  word-break: break-all; font-size: 0.875rem; }
#subContent .mypage .t-coupon ul.list td {padding-left:10px;}
.wrap-naver a img, .wrap-kakao a img {width: 34px;}
.sns-login-area.typeA .wrap-kakao,
.sns-login-area.typeA .wrap-naver{ height:53px; line-height: 33px; border-width:1px;}
.sns-login-area.typeA .wrap-naver {margin:12px 0 4px;}
.sns-login-area.typeA .wrap-naver span.naver-logo,
.sns-login-area.typeA .wrap-kakao span.kakao-logo{font-size: 1rem; }
.user-y .login-check input[type="checkbox"] + label{font-size: .7rem;  margin-top: 8px; padding-left: 20px; line-height:10px; letter-spacing:-.5px;}
.user-y .login-check input[type="checkbox"] + label:before{width: 12px; height: 12px; top:0; line-height:10px; }
.login-bottom {text-align: center;}
.login-bottom a {font-size:.95rem;}

/* ----------------------------------------------- 아이디/비밀번호 찾기 ------------------------------------------------------*/

#subContent .sub-tabs {
    width:100%; height:40px; line-height:40px; margin: 0 auto; box-sizing: border-box; display:table; table-layout:fixed;}
#subContent .sub-tabs a {
    display:table-cell; position: relative; vertical-align:middle; background:#f9f9f9; color:#c1c1c1; top: 20px;
    text-align:center;  font-size: .85rem; }
#subContent .sub-tabs a.active-on{ font-size: .85rem; border-width:1px 1px 0 1px;}
#subContent .sub-tabs a.active-off {border-bottom:1px solid #dc5d51; }
#subContent .join .find-txt { font-size: .9rem; line-height: 25px; margin:60px 0 8px 0;}

/* ----------------------------------------------- 비회원 ------------------------------------------------------*/

#subContent .lower-text {
    display:inline-block; font-size:.66rem; line-height: 16px;  padding:9px;  color: #8b8b8b;
    border-top: 1px solid #d5d5d5; width:97%; border-bottom: 1px solid #d5d5d5; margin-bottom: 23px; margin-top:13px;}
#subContent .lower-text span{color: #dc5d51;}
#subContent .user-n-air { margin-top:20px; display:inline-block; margin-bottom:15px; width:100%; }
#subContent .user-n-air h3 {display:inline-block; height:40px; line-height:40px; padding-left:10px;}
#subContent .user-n-air .center-btn {float:right; position:relative; width:51%; text-align:right;}
#subContent .user-n-air .center-btn a {font-size:1rem; width:49%; height:40px; line-height:40px; border-radius: 2px;}

/* ----------------------------------------------- 회원가입 ------------------------------------------------------*/

#subContent .join table .full-1{width: 100%; height: 40px; line-height: 35px;  background-color: white; border: 1px solid #ccc;  box-sizing: border-box; display:inline-block; }
#subContent .join table .full-1 input#email_id{ position: relative; width: 40%; height:38px; margin:0; padding: 0 1px 0 12px; border: none; font-size: .77rem; letter-spacing: -.5px; box-sizing: border-box; }
#subContent .join table .full-1 input#email_host{
    display: inline; position: relative; width: 48%;  height:38px; top:0;
    border: none; box-sizing: border-box; font-size: .77rem; left:10px; padding-left:10px;}
#subContent .join table .full-1 span.at-sign{font-size: .85rem; top:0px; line-height:35px; padding-left:5px;}
#subContent .join table .full-1 span {padding-left:12px;}
#subContent .join .full-1 .width100{
    width: 38%; height:45px; font-size: .77rem; padding: 2px 0 0 9px; background-position:75px 20px; background-size:15px;}
#subContent .all-check label{width: 100%; font-size: .77rem; padding-left: 22px;}
.join .all-check input[type="checkbox"] + label:before{position: absolute; top: 0px; width:10px; height:10px; line-height:10px;}

.btn22 {width:45%; color:#fff; background-color:#f0534b; height:50px; line-height:50px; display:inline-block; margin-top:10px; }
#subContent .mypage .pw-ct td {background-color:#fff; padding:10px; border:1px solid #CCC;}
#subContent .mypage .pw-ct td input {font-size:0.875rem;}
#subContent .mypage tr {background-color:#fff;  border:1px solid #CCC;}
#subContent .mypage table strong {padding-left:10px;}
#subContent .mypage table {margin-top:10px;}

/* ----------------------------------------------- //회원가입 ------------------------------------------------------*/

#rsvInfo table td {border:1px solid #ccc; padding:0;}
#rsvInfo table td input[type="text"] { color:#000; font-size:.88rem;}
#rsvInfo .l-point-search .disabled {width:calc(100% - 143px); border:1px solid #ccc; }
.content-wrap .main .input-col3-1 input {width:calc(50% - 3px);}
#point_search .content .input-col4 input {border:1px solid #ccc; width:calc(25% - 3px); font-size:.94rem; padding-left:8px;}
#point_search .content .input-col3-1 input{width:calc(50% - 3px); font-size:.94rem;}
#point_search .content table td {padding:7px; }
.l-point-search .disabled {width:calc(100% - 145px);}
#point_saving .content table td {padding:7px;}
#point_saving .content .input-col3 input {width:calc(25% - 3px); border:1px solid #ccc; display:inline-block; font-size:.94rem; padding-left:8px;}
#point_saving .content .input-col4-btn input {width:calc(25% - 3px); border:1px solid #ccc; display:inline-block; font-size:.94rem; padding-left:8px;}

#subContent .deli-address .addr-wrap .btn {
    border:1px solid #000; background-color:#fff; color:#000; font-family: "NotoSans";
    font-weight:lighter; height:38px; line-height:38px; width:40%; margin-left:2px; }
#subContent .deli-address .requests {padding:10px;}
#subContent .deli-address .requests select {
    border:1px solid #ccc; height:32px; line-height:32px; background-size:14px; font-size: .85rem; padding-right:35px;  }

/* ----------------------------------------------- LOGIN 로그인 ------------------------------------------------------*/

#main{
    min-height: 80px;
}
.subContainer{
    margin-top: 30px;
}
.Fasten{
    margin: 0 auto;
    width: 760px;
}
.Fasten button{
    border: 0;
    outline: 0;
}


/* title */
.user-login .Fasten {
    width: 810px;
}

.Fasten .member-title{
    margin: 35px 0 25px;
    font-family: Roboto;
}
.Fasten .member-title .login-head{
    display: inline;
    font-size: 25px;
    line-height: 35px;
    font-weight: normal;
}
.Fasten .member-title .login-head span{
    background: url("../../images/web/sign/login-title1.png") no-repeat;
    display: inline-block;
    width: 128px;
    height: 35px;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
}
.Fasten .member-title .login_service{
    font-size: 0.88rem;
    font-weight: normal;
    color: #959595;
}
.Fasten .lArea{
    display: inline-block;
    vertical-align: top;
    margin-right: 56px;
    width: 420px;
}
.Fasten .loginBox{
    width: 420px;
    font-family: "Roboto";
}


/* tab */

.wrap_tab{
    width: 100%;
    height: auto;
    margin: 0;
}
.wrap_tab .user-check {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #333;
    height: 54px;
    font-weight: bold;
}
.wrap_tab .member-check {
    margin: 0 0 20px 0;
    border-bottom: 2px solid #333;
    height: 54px;
}
.wrap_tab .user-check li{
    float: left;
    width: 49.8%;
    height: 100%;
}
.wrap_tab ul.user-check > li > a{
    display: block;
    border: 1px solid #c3c3c3;
    border-bottom: 0 none;
    background-color: #fff;
    width: 100%;
    height: 13px;
    margin-left: 0;
    line-height: 13px;
    font-size: 14px;
    color:#717171 ;
    padding: 20px 0;
}
.wrap_tab ul.user-check > li:active > a,
.wrap_tab ul.user-check > li.active > a{
    border-width: 1px 1px 0 1px;
    color: #000;
    height: 14px;
    border-color: #333;
    position: relative;
}
.wrap_tab ul.user-check > li.active > span > a {
    position: relative;
    top: 2px;
}
.wrap_tab .user-check a>span{
    overflow: hidden;
    letter-spacing: -1px;
}
.wrap_tab .user-check:after {
    content: "";
    display: table;
    clear: both;
}
.wrap_tab .user-check .on .tit {
    color:#fff;
    background-color:#27b600
}


/* input (ID*PASSWORD) */

.jq_cont .int-login{
    position: relative;
    font-family: none;
}
.jq_cont .int-login .inputSet.login input{
    border: 0;
    font-size: 14px;
    letter-spacing: -1px;
    background: #f5f5f5;
    height: 55px;
    padding: 0 20px;
}
.jq_cont .int-login .inputSet.login input.telNum {
    display: block;
    float: left;
    width: 300px;

}
.jq_cont .int-login .inputSet.login input.certNumber {
    margin-top: 10px;
}
.jq_cont .int-login .inputSet input{
    width: 100%;
    border-radius: 6px;
}
.jq_cont .int-login .inputSet{
    margin-top: 10px;
}
.jq_cont .int-login .inputSe:first-child{
    margin: 0;
}
.jq_cont .int button.confibtn {
    display: block;
    float: right;
    width: 110px;
    color: #fff;
    background-color: #28292b;
    border-radius: 5px;
    font-size: 14px;
    height: 55px;
    padding: 0 16px;
    border: 0;
    letter-spacing: -1px;
}


/* check box */

#user-1 .autoLogin{
    float: left;
}
#user-1 .autoLogin input[type="checkbox"] {
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0px;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
}

/*실제 check box는 화면에서 숨김*/

#user-1 .autoLogin input[type="checkbox"]{
    position: absolute;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
}
#user-1 .autoLogin input[type="checkbox"] + label{
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #0d0d0d;
    margin: 15px 0 30px 0;
    padding-left: 26px;
    font-weight: bold;
    font-family: "Roboto";
}

/* 가짜 check box */

#user-1 .autoLogin input[type="checkbox"] + label:before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    line-height: 17px;
    text-align: center;
    border-radius: 3px;
    background: #e8202e;
    width: 18px;
    height: 18px;
}


/* check box를 체크했을때 */

#user-1 .autoLogin input[type="checkbox"]:checked + label:before{
    content: "\2714";
    color: #fff;
    font-size: 0.9rem;
}


/* login button */
.btnConfirmWrap button{
    font-size: 18px;
    font-family: "NotoSans", sans-serif;
    width: 100%;
    height: 55px;
}
.btnConfirmWrap button.hasBgColor{
    color: #fff;
    background-color: #e8202e;
    border-radius: 7px;
    font-size: 16px;
}
.btnConfirmWrap button span{
    white-space: nowrap;
}
.user-n .btnConfirmWrap button.hasBgColor{
    margin-top: 20px;
    border-radius: 12px;
}
.user-n .btnConfirmWrap button.hasBgColor-member{
    margin-top: 28px;
}
.user-n .lnfo{
    width: auto;
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 1.38;
    color: #717171;
    margin-top: 15px;
}
.user-n .member{
    width: auto;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.38;
    color: #717171;
    margin: 0;
    padding: 15px;
    font-family: "NotoSans", sans-serif;
}
.user-n .lnfo span.login-check, .user-n .member span.login-check {
    background: url("../../images/web/sign/checking.png") no-repeat;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999px;
    width: 17px;
    margin-right: 5px;
}
.user-n .lnfo span.history {
    color: #e8202e;
    font-weight: bold;
}
.user-n .member span.history-2 {
    margin-left: 25px;
}


/* member-find */
#user-1 .login-info{
    margin-top: 30px;
    text-align: center;
}
#user-1 .login-info .buttonGroup{
    display: inline-block;
    justify-content: space-around;
}
#user-1 .login-info .buttonGroup a.inner_txt{
    display: inline-block;
    width: auto;
    height: auto;
    border: none;
    font-size: 0.85rem;
    line-height: 1.38;
    letter-spacing: -.3px;
    color: #717171;
    border-right: 1px solid #ccc;
    padding: 0 14px;
}
#user-1 .login-info .buttonGroup a.inner_txt:first-child{
    padding-left: 30px;
}
#user-1 .login-info .buttonGroup a.inner_txt:last-child{
    border: none;
}


/* SNS button */

.loginBox .sns-wrapper{
    margin-top: 35px;
}
.sns-wrapper .sns-login-area{
    display: flex;
    justify-content: space-around;
}
.sns-wrapper button.sns{
    width: auto;
    min-width: 64px;
    height: 52px;
    font-size: 0.85rem;
}
.sns-wrapper .sns-login-area .naver{
    display: flex;
    color: #1ec800;
    border: 1px solid #1ec800;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 14px 38px;
    width: 125px;
    height: 20px;
    justify-content: center;
    gap: 3px;
    font-weight: bold;
    line-height: 19px;
}
.sns-wrapper .naver .icon.naverLogin{
    background: transparent url("../../images/web/sign/naver.png") 0 no-repeat;
    padding-right: 26px;
}
.sns-wrapper .sns-login-area .naver_txt{
    position: relative;
    top: 2px;
}
.sns-login-area .kakao{
    display: flex;
    color: #371d1e;
    border: 1px solid #fcce00;
    border-radius: 5px;
    text-align: center;
    padding: 14px 38px;
    width: 125px;
    height: 20px;
    justify-content: center;
    gap: 3px;
    font-weight: bold;
    background-color: #fcce00;
    line-height: 19px;
}
.sns-wrapper .kakao .icon.kakaoLogin{
    background: transparent url("../../images/web/sign/kakao.png") 0 no-repeat;
    padding-right: 25px;
}
.sns-wrapper .sns-login-area .kakao_txt{
    position: relative;
    top: 2px;
}


/* agency button */

#user-2 .air-wrapper button.agency{
    width: auto;
    min-width: 64px;
    font-size: 14px;
}
#user-2 .air-wrapper .btn0{
    color: #fff;
    background-color: #3d8afa;
    border-radius: 4px;
    margin: 0 5px 0 0;
    padding: 13px 48px;
    font-size: 0.85rem;
}
#user-2 .air-wrapper .btn1{
    background-color: #28292b;
    border-radius: 4px;
    color: #fff;
    margin: 0 0 0 5px;
    padding: 13px 49px;
    font-size: 0.85rem;
}
#user-2 .user-n-air {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
    border: none;
}
#user-2 .title-line-1 {
    position: relative;
    top: 30px;
    display: inline-block;
    width: 28%;
    height: 0;
    border-top: 1px solid #ccc;
    margin-right: 10px;
}
#user-2 .title-line-2 {
    position: relative;
    top: 30px;
    display: inline-block;
    width: 28%;
    height: 0;
    border-top: 1px solid #ccc;
    margin-left: 10px;
}
#user-2 .center-btn{
    position: relative;
    text-align: center;
    width: auto;
    min-width: 64px;
    font-size: 14px;
}
#user-2 .center-btn .jlair{
    color: #fff;
    background-color: #f0534b;
    border-radius: 4px;
    margin: 0 5px 0 0;
    padding: 15px 36px;
}
#user-2 .center-btn .jejuair{
    color: #fff;
    background-color: #f0534b;
    border-radius: 4px;
    margin: 0 5px 0 0;
    padding: 15px 36px;
}


/* 우측 상품썸네일 */
.rArea{
    display: inline-block;
}
.rArea .slideWrap{
    background: #f2f2f2;
    width: 280px;
    border-radius: 15px;
}
.slideWrap .webwidget_slideshow_dot .slides_box {
    position: absolute;
    top: 0;
    overflow: hidden;
    border-radius: 15px;
}
.slideWrap .webwidget_slideshow_dot .thumb_box{
    position: absolute;
    top: 16px;
    right: 16px;
}
.slideWrap .webwidget_slideshow_dot .thumb_box span.dotPrev ,
.slideWrap .webwidget_slideshow_dot .thumb_box span.dotNext{
    display: none;
}
.slideWrap .webwidget_slideshow_dot .thumb_box span{
    margin: 0 3px 0 3px;
}
.slideWrap .webwidget_slideshow_dot .thumb_box img{
    cursor: pointer;
}
.webwidget_slideshow_dot .title_thumb_box .title_box .proName {
    width: 240px;
    font-family: "Roboto", sans-serif;
    padding: 10px 5px 0 5px;
    font-size: 0.85rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    /* 이 아래는 호환성과 안정성을 위해 추가 */
    line-height: 1.3rem;
    height: auto;

    word-break: break-word;   /* 단어가 너무 길 때 잘리도록 */

}
.webwidget_slideshow_dot .title_thumb_box .title_box .price {
    padding: 6px 5px 0 5px;
    font-size: 1.3rem;
}
.webwidget_slideshow_dot .title_thumb_box .title_box .price span {
    font-family: "Roboto";
    font-size: 0.9rem;
    margin-left: 2px;
}
.slideWrap .webwidget_slideshow_dot .slides_box {
    width: 280px;
    height: 400px;
}
.slideWrap .webwidget_slideshow_dot .slides_box ul li.mainImg {
    float: left;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.slideWrap .webwidget_slideshow_dot .bestInfo{
    position: absolute;
    top: 280px;
    background-color: #28292b;
    width: 280px;
    height: 120px;
    cursor: pointer;
}
.slideWrap .bestInfo .proName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
    padding: 10px 0px 0 15px;
}
.slideWrap .bestInfo .price{
    font-size: 23px;
    color: #fff;
    padding: 5px 0 0 15px;
}
.slideWrap .bestInfo .price .unit{
    font-size: 17px;
    font-family: "돋움";
}
.slideWrap .bestInfo .ShortCuts{
    float: right;
    padding: 15px 18px 0 0;
}
.slideWrap .title_box .ShortCuts_text{
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #000;
    width: 78px;
    height: 20px;
    background: none;
    background-position: 50px 5px;
}


/* 하단_txt */
.Fasten .browser{
    border-top: 1px solid #dbdbdb;
    font-size: 0.8rem;
    color: #959595;
    margin-top: 30px;
    padding-top: 10px;
}
.Fasten .browser-memberY{
    border-top: 1px solid #dbdbdb;
    font-size: 14px;
    color: #959595;
    margin-top: 30px;
    padding-top: 10px;
}
.Fasten .browser-memberN{
    border-top: 1px solid #dbdbdb;
    font-size: 14px;
    color: #959595;
    margin-top: 180px;
    padding-top: 10px;
}

/* ------------------------------------ MYPAGE 마이페이지 -------------------------------------- */
/* 프로모션 배너롤링 */
.review_content__banner {width: 900px;}
.rContents.smON .review_content__banner {margin-bottom: 25px;}
.review_content__banner .main-top-slider {
    position: relative;
    min-width: 900px;
    height: 137px;
}
.review_content__banner #main_top_slider {
    overflow: hidden;
    z-index: 1;
    position: relative;
    margin: 0 auto;
}
.review_content__banner .swiper-slide .Fasten {width: 900px;}
.review_content__banner .swiper-container ul li img {
    width: 100%;
    display: block;
    border-radius: 12px;
}
.review_content__banner .swiper-pagination-bullet {background: #fff;}
.review_content__banner .swiper-pagination-bullet-active {background: #e8202e;}


/* 선박 */
.subContainer .subContents .bgWrap2 {padding-top: 0;}

/* aside nav */

.subContents .sideON #sub-leftMenu {
    float: left;
    width: 250px;
    padding: 40px 0 16px 0;
    border: 1px solid #777;
    background: #fff;
    box-sizing: border-box;
}
.subContents .sideON #sub-leftMenu > .title {
    padding: 0 0px 30px 24px;
    background: url("../../images/web/mypage/bl_lnb_line.png") no-repeat 25px 100%;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1;
}
.subContents .sideON #sub-leftMenu .title > a.title-text {color: #000;}
.subContents .sideON #sub-leftMenu > .pdWrap {padding: 20px 0px 20px;}
#sub-leftMenu .pdWrap .item-list{cursor: pointer;}
#sub-leftMenu .pdWrap h3 {
    position: relative;
    height: 45px;
    color: #363839;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 40px;
    cursor: pointer;
}
#sub-leftMenu .pdWrap h3:hover {color: #e8202e;}
#sub-leftMenu .pdWrap h3.select{color: #e8202e;}
#sub-leftMenu .pdWrap .item-list > h3:after {
    display: none;
    position: absolute;
    top: 16px;
    left: 94%;
    width: 10px;
    height: 10px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    content: "";
}
#sub-leftMenu .pdWrap .item-list > h3:before {
    display: block;
    position: absolute;
    left: 94%;
    top: 16px;
    width: 10px;
    height: 10px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
    transform: rotate(-45deg);
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    content: "";
}
#sub-leftMenu .pdWrap .item-list.open > h3:after,
#sub-leftMenu .pdWrap .item-list.open > h3:before {
    transform:rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
#sub-leftMenu .pdWrap section {padding: 0 25px;}
#sub-leftMenu .pdWrap section.item-list > ul {display: none;}
#sub-leftMenu .pdWrap section.open {background: url("../../images/web/list/bl_lnb_on_open.png") no-repeat;}
#sub-leftMenu .pdWrap section.item-list.open > ul {display: block;}
#sub-leftMenu .pdWrap section.item-list .half {overflow: hidden;}
.subContents .sideON #sub-leftMenu .depth1 > li {
    border: none;
    padding: 2px 0;
}
.subContents .sideON #sub-leftMenu .depth1 > li > a {font-weight: normal;}
.subContents .sideON #sub-leftMenu .depth1 li a {
    display: block;
    height: 40px;
    color: #777;
    font-size: 0.95rem;
    line-height: 34px;
}
.subContents .sideON #sub-leftMenu .depth1 li a:hover {
    color: #000;
    text-decoration: underline;
}
.subContents .sideON #sub-leftMenu .depth1 li a.select {
    color: #000;
    text-decoration: underline;
}


/* 나의 예약/구매 내역 */
.subContents .sideON .rContents {
    width: 900px;
    padding: 0px;
}
.subContents .sideON .rContents button:focus {outline: none;}
.subContents .sideON .rContents img.bubble {margin-top: 20px;}
.subContents .sideON .rContents .mainTitle {
    margin-bottom: 28px;
    font-size: 1.4rem;
    font-family: "NotoSans R";
    letter-spacing: -1.5px;
}
.comm-artWrap.top {margin: 0 0 15px;}
.comm-artWrap .comm-art3 {
    padding: 41px;
    border: 2px solid #e8202e;
    border-radius: 12px;
    background: #fff;
}
.subContents article.comm-art3 h6 {
    padding-left: 105px;
    background: url("../../images/web/list/04.png") no-repeat left center;;
    font-family: "Roboto";
}
.subContents article.comm-art3 h6 > span {
    font-size: 1.0rem;
    color: #000;
}
.subContents article.comm-art3 p {
    padding: 0;
    border: none;
    background: none;
    font-size: 0.95rem;
    line-height: 30px;
}
.comm-artWrap.top .side-right {
    position: absolute;
    top: 32px;
    right: 87px;
    padding: 0;
}
.comm-artWrap.top .side-right .comm-btn {
    margin: 0 67px;
    padding: 0;
    border: none;
    color: #000;
    font-size: 0.9rem;
    line-height: 50px;
    font-family: "Roboto";
    vertical-align: bottom;
    letter-spacing: -0.01rem;
}
.comm-artWrap.top .side-right .comm-btn img.jlair {
    display: block;
    width: 91px;
    height: 39px;
}
.comm-artWrap.top .side-right .comm-btn img.sunmin {
    display: block;
    width: 92px;
    height: 24px;
}
.comm-artWrap.top .side-right .comm-btn:hover {color: #e8202e;}
.comm-artWrap.top .side-right .comm-btn:active {background-color: initial;}
.comm-artWrap.top .side-right .comm-btn:nth-of-type(2) {margin: 0;}
.comm-artWrap.top .side-right .comm-btn:nth-of-type(2):hover {
    color: #e8202e;
}


/* 리뷰이벤트 배너 추가 */
.review_content__banner {
    margin-bottom: 40px;
}


/* 환불계좌관리 */
.sign_rules-wrap {padding: 20px 23px 80px 23px;}
.comm-agree1 .link_terms-view {
    position: relative;
    right: 0;
    bottom: 0;
    padding: 0px 15px;
    height: 33px;
    color: #e8202e;
    background-color: #fff;
    font-size: 0.9rem;
    line-height: 33px;
    text-align: center;
    font-weight: 400;
}
.comm-agree1 .link_terms-view img {
    position: relative;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
}
#collection-agreement.comm-layer-popup_fixed .content-wrap {
    width: 50em;
    height: 730px;
    padding: 20px;
    margin-top: -365px;
    margin-left: -25em;
}
#collection-agreement.comm-layer-popup_fixed .content-wrap .close img {height: 27px;}
#collection-agreement.comm-layer-popup_fixed .step_btn-confirm {
    position: relative;
    top: 397px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50em;
    height: 65px;
    margin: 0 auto;
    color: #e8202e;
    background-color: #fff;
    border-top: 1px solid #ddd;
    font-size: 1rem;
    font-weight: bold;
    line-height: 60px;
}


/* table (표) */
table.commCol {
    height: 35px;
    line-height: 35px;
    font-family: "Roboto";
}
table.commCol:nth-of-type(1),
.commCol:nth-of-type(2) {
    padding: 0;
    border-top: 1px solid #000;
}
.list_tb {
    display: table;
    width: 100%;
    padding: 0;
    min-height: 60px;
    line-height: 60px;
}
.commCol .my-col {
    padding: 20px 0;
    cursor: pointer;
}
.commCol .col1 {width: 53%;}
.commCol .col2 {width: 15%;}
.commCol .col3 {width: 15%;}
.commCol .col4 {width: 17%;}
table.commCol > thead > tr > th.in-td {border-left: 0;}
table.product-list td {padding: 25px 0;}
.commCol .left {
    margin-left: 125px;
    padding: 10px 0;
    text-align: left;
}


/* 0124 나의 예약/구매내역 추가 css  */
/* [구매 히스토리 필터 input] 스타일 */
.history_filter .content-area {
    position: relative;
}
.history_filter .content-area .search-area.filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 900px;
    height: 45px;
    margin-top: 25px;
    font-family: "Roboto";
}
.history_filter .content-area .date-picker-wrapper {
    display: flex;
    height: 45px;
    line-height: 45px;
}
.content-area .date-picker-wrapper .area {
    border: 1px solid #cfcfcf;
    border-radius: 15px;
}
.content-area .date-picker-wrapper .wave {
    margin: 0 20px;
}
.date-picker-wrapper .area .value-text {
    display: flex;
    align-items: center;
    padding-left: 20px;
}
.history_filter .date-picker-wrapper .value-text input[type="text"] {
    height: 45px;
    padding: 0 4px;
    border: none;
    background-color: transparent;
    color: #6a6a6a;
    font-size: 0.85rem;
    font-weight: bold;
    line-height: 45px;
}
.history_filter .date-picker-wrapper .value-text input[type="text"]:hover {
    color: #e8202e;
}
#sFromDt.active, #sToDt.active {
    color: #e8202e;
}
.history_filter .quick_search .searchIcon input[type="text"] {
    width: 410px;
    height: 45px;
    padding-left: 25px;
    color: #000;
    border-radius: 15px;
    font-size: 0.85rem;
    line-height: 45px;
}
.date-picker-wrapper .value-text img.ui-datepicker-trigger {
    position: relative;
    bottom: 2px;
    right: 15px;
    display: block;
    width: 20px;
    height: 19px;
}
.quick_search .searchIcon:after {
    position: absolute;
    top: 12px;
    right: 20px;
    content: "";
    width: 17px;
    height: 20px;
    background: url("../../images/web/mypage/search-icon.png") no-repeat 50%;
}
.history_filter .plan-selector {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0 30px;
    font-family: "Roboto";
}
.history_filter .select-menu {
    display: flex;
    align-items: center;
    height: 31px;
}
.history_filter .select-menu li:first-of-type {
    margin-left: 0px;
}
.history_filter .select-menu li {
    margin: 5px;
}
.history_filter .lb-box input[type="radio"]:checked + label {
    border-color: #666;
    border-radius: 12px;
    background-color: #666;
    color: #fff;
}
.history_filter .lb-box input[type="radio"] + label {
    width: 80px;
    height: 31px;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    background-color: #f8f8f8;
    color: #575757;
    font-size: 0.80rem;
    font-weight: bold;
    line-height: 29px;
}


/* [자동취소건 포함] 스타일 */
.plan-selector .auto-cancel {
    position: relative;
    left: 160px;
    padding: 0;
}
.plan-selector .auto-cancel input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0,0,0,0);
}
.plan-selector .auto-cancel input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.plan-selector .auto-cancel .ch-style {
    border: none;
    background-color: #fff;
    color: #000;
    font-size: 0.9rem;
}
.plan-selector .auto-cancel input[type="checkbox"] + label:before { /* 가짜 체크박스 */
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 8px 0 0;
    border: 1px solid #333;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 21px;
    content: '';
}
.plan-selector .auto-cancel input[type="checkbox"]:checked + label:before {
    content: '\2713';
    border-color: #333;
    background: #333;
    color: #fff;
    font-size: 1rem;
    line-height: 19px;
}
.plan-selector .result-btn.apply {
    display: block;
    width: 70px;
    height: 31px;
    color: #fff;
    background-color: #333;
    border-radius: 8px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: bold;
    line-height: 31px;
}


/* 데이트피커 스타일  */
#ui-datepicker-div {
    position: fixed;
    z-index: 69 !important;
    background: #fff;
    padding: 5px;
    border: none;
    border-radius: 20px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.ui-datepicker .ui-datepicker-prev {
    float: left;
    position: relative;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 24px;
}
.ui-datepicker .ui-datepicker-prev:hover {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    pointer-events: none;
    float: left;
    position: relative;
    top: 10px;
    left: 10px;
    width: 24px;
    height: 24px;
}
.ui-datepicker .ui-datepicker-next {
    float: right;
    position: relative;
    top: 10px;
    left: -26px;
}
.ui-icon-circle-triangle-e {background: url("../../images/mw/icon/mypage/right_arrow.png") no-repeat center !important;}
.ui-icon-circle-triangle-w {background: url("../../images/mw/icon/mypage/left_arrow.png") no-repeat center !important;}
.ui-datepicker .ui-datepicker-title {
    height: 40px;
    margin-right: 45px;
    line-height: 40px;
}
.ui-datepicker .ui-datepicker-title:hover {
    display: inherit;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    width: 40px;
    height: 40px;
    background-size: 17px !important;
    cursor: pointer;
}
#ui-datepicker-div select {
    border: none;
    background-size: 10px 7px;
}
#ui-datepicker-div select:focus {
    border: none;
    outline: none;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: auto;
    margin: 0 -5px;
    padding: 0px 35px;
    color: #000;
    font-size: 0.85rem;
}
.ui-datepicker th {
    height: 40px;
    line-height: 40px;
}
.ui-datepicker-calendar tbody tr td a {
    position: relative;
    left: 0;
    width: 20px;
    height: 20px;
    margin: 0 auto;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    position: relative;
    left: 0;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    line-height: 20px;
    font-size: 0.75rem;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    position: relative;
    width: 20px;
    height: 20px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 20px;
    font-weight: normal;
    margin: auto;
    font-size: 0.75rem;
}
table.ui-datepicker-calendar td {
    cursor: pointer;
    height: 45px;
    padding: 0;
}
.ui-datepicker a.ui-state-default:hover {
    display: block;
    width: 20px;
    height: 20px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 20px;
    margin: auto;
    text-align: center;
    box-sizing: content-box;
}
.lock-bg {
    z-index: 96;
    opacity: .8;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.not_scroll {
    overflow: hidden;
    height: 100%;
    min-height: 100%;
    touch-action: none;
}


/* 구매 히스토리 필터 선택 */
.category-filter {
    position: relative;
    display: block;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    width: 900px;
    margin: 40px 0 0;
}
.category-filter .filter-button .filter-label {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}
.category-filter .filter-label li {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.filter-label li a {
    line-height: 50px;
    color: #000;
    font-family: "Roboto";
    font-size: 0.95rem;
}
.filter-label li a.active {
    color: #e8202e;
    font-weight: bold;
    display: block;
}


/* table  */
table.commCol.list_tb:nth-of-type(1) {
    border-top: none;
}
.commCol.list_tb > tbody > tr > td:first-of-type{
    border-top: none;
}
.commCol.list_tb .purchase-date {
    position: relative;
    margin: 30px 0 0;
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
}
.commCol.list_tb .top-sauce {
    position: relative;
    display: flex;
    align-items: baseline;
    margin: 25px 0 0;
}
.commCol .in-td {
    display: inline-block;
}


/* sauce1  */
.sauce1 .Progress p {
    width: auto;
    margin-right: 20px;
    color: #e8202e;
    font-size: 1.1rem;
    font-family: "Notosans";
}
.commCol .sauce1.non-member {left: 1018px;}


/* sauce2  */
.sauce2 .number {
    color: #6a6a6a;
    font-size: 0.75rem;
    font-weight: normal;
    text-decoration: underline;
    letter-spacing: 0;
}
.commCol .product-list {
    position: relative;
    vertical-align: middle;
    color: #000;
    table-layout: fixed;
}
.commCol.list_tb table tbody .sauce-wraper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 160px;
    margin: 0 0 27px;
}


/* sauce3  */
.sauce-wraper .in-td.sauce3 {
    display: flex;
    flex-basis: 470px;
    background-color: transparent;
}
table.product-list tr:first-child td {border-right: 0;}
table.product-list td.left2 {
    position: relative;
    left: 0;
    width: 0;
}
.sauce3 .info_bx {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
.sauce3 .info_bx:hover {text-decoration: underline;}
.sauce3 .info_bx .skinny__img {
    position: relative;
    width: 110px;
    height: 110px;
    line-height: 110px;
}
.sauce3 .my-order-unit__thumb-img {
    width: 110px;
    object-fit: cover;
    border-radius: 8px;
    vertical-align: middle;
}
.commCol .product-list .skinny {
    width: 365px;
    display: block;
    margin-left: 20px;
}
.commCol .product-list .skinny .category {
    display: inline-block;
    width: 335px;
    position: relative;
    color: #3a3a3a;
    font-size: 0.9rem;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
}
.commCol .product-list .skinny h5.product {
    overflow: hidden;
    display: block;
    width: 335px;
    color: #000;
    font-size: 0.9rem;
    font-weight: 700;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.8px;
    cursor: pointer;
}
.commCol .product-list .skinny .infoText {
    overflow: hidden;
    display: block;
    color: #7f7f7f;
    font-size: 0.9rem;
    width: 430px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.commCol .product-list .skinny .ad-infoText {
    color: #3a3a3a;
    font-size: 0.78rem;
    font-weight: normal;
    display: inline-block;
}


/* sauce4 */
.sauce-wraper .in-td.sauce4 {
    display: flex;
    flex-basis: 117px;
}
.purchase_item_buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 10px;
    width: 100%;
}


/* sauce5 */
.sauce5 .all-price p {
    display: block;
    width: 100px;
    color: #000;
    font-size: 1.3rem;
    text-align: center;
}
.sauce5 .all-price p span {
    font-size: 1.0rem;
}


/* sauce6 */
.purchase_item_buttons .purchase_item_button.item_reorder_btn {
    background-color: #f3f3f3;
}
.purchase_item_buttons .purchase_item_button.item_review_btn {
    border: 1px solid #e8202e;
    color: #e8202e;
}
.purchase_item_buttons .item_review_btn:before {
    display: block;
    content: "";
    width: 14px;
    height: 13px;
    background: url("../../images/web/mypage/fan-review.png") no-repeat;
    background-position: 0px;
    color: #000;
}


/* sauce6 */
.purchase_item_buttons .purchase_item_button.btn-rebuy {
    color: #000;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}
.purchase_item_buttons .purchase_item_button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 115px;
    height: 40px;
    border: 1px solid #2e2c2c;
    border-radius: 6px;
    color: #000;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 41px;
}
.purchase_item_buttons .item_track_btn:before {
    display: block;
    content: "";
    width: 17px;
    height: 14px;
    color: #000;
    background: url("../../images/web/mypage/box-tracking.png") no-repeat;
}



/* 진행 상태 안내 */
.comm-art2 .info-list {
    padding: 0 0 0 36px;
    border: 1px solid #ddd;
    font-family: "Roboto";
}
.info-list dl.my__i-group {
    display: table-cell;
    width: 88px;
    height: 88px;
    padding: 0 35px 35px 0;
    color: #000;
    font-size: 0.95rem;
    text-align: center;
}
.info-list .my__i {
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    background-image: url("../../images/web/list/order-status.png");
}
.info-list .my__i:after {
    display: inline;
    position: absolute;
    left: 301px;
    width: 900px;
    height: 88px;
/*    background: url("../../images/web/list/order-status-circle.png") no-repeat 0 0;*/
    content: "";
}
.info-list .my__i-order-status1,
.info-list .my__i-order-status2,
.info-list .my__i-order-status3,
.info-list .my__i-order-status4,
.info-list .my__i-order-status5,
.info-list .my__i-order-status6,
.info-list .my__i-order-status7{
    display: block;
    width: 88px;
    height: 88px;
    margin: 24px 0 20px 0px;
}
.info-list .my__i-order-status1 {background-position: 0 0;}
.info-list .my__i-order-status2 {background-position: -124px 0;}
.info-list .my__i-order-status3 {background-position: -248px 0;}
.info-list .my__i-order-status4 {background-position: -373px 0;}
.info-list .my__i-order-status5 {background-position: -496px 0;}
.info-list .my__i-order-status6 {background-position: -620px 0;}
.info-list .my__i-order-status7 {background-position: -744px 0;}
.my__i-group .group-title {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 1px solid #000;
    font-weight: bold;
}
.my__i-group dd {
    margin-top: 7px;
    color: #777;
    font-size: 0.75rem;
}


/* 비회원 */
.comm-art2 .info-list.non-member {padding: 1px 0 0 69px;}
.info-list.non-member dl.my__i-group {padding: 0 73px 35px 0;}
.info-list.non-member .my__i:after {
    position: absolute;
    left: 191px;
    margin-top: 41px;
    background: url("../../images/web/list/order-status-circle2.png") no-repeat 0 0;
}


/* 탐나오쿠폰 내역보기 */
.commCo2 .in-td {
    float: left;
    color: #000;
    font-size: 0.95rem;
    font-weight: bold;
    font-family: "Roboto";
    text-align: center;
}
.commCo2 .myPoin2__col1 {width: 28%;}
.commCo2 .myPoin2__col2 {width: 14%;}
.commCo2 .myPoin2__col3 {width: 29%;}
.commCo2 .myPoin2__col4 {width: 14%;}
.commCo2 .myPoin2__col5 {width: 15%;}
.commCo2 .table-heght {
    position: relative;
    height: auto;
    margin-top: 0;
    padding: 20px 0;
    line-height: 120px;
}
.table-heght .left,
.table-heght .useYn {
    position: relative;
    width: 91%;
    padding: 0 12px;
    border: none;
    border-collapse: collapse;
    color: #000;
    font-family: "Roboto";
    line-height: 25px;
}
.commCo2 .myPoin2__col1 .coupon-name {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #000;
    font-size: 0.85rem;
    font-family: "Roboto";
    line-height: 20px;
    letter-spacing: -0.8px;
    word-break: break-all;
}
.myPoin2__col2 .sale-price {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #000;
    font-size: 1.01rem;
    font-family: "Roboto";
}
.myPoin2__col2  .sale-price span {font-size: 0.9rem;}
.myPoin2__col3 .product-list .left2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-family: "Roboto M";
}
.myPoin2__col3 .product-list .left2 h5.product{
    color: #000;
    font-size: 0.85rem;
    letter-spacing: -0.8px;
    word-break: break-all;
}
.myPoin2__col3 .product-list .left2 .coupon-info {
    display: inherit;
    overflow: hidden;
    margin-top: 6px;
    color: #7f7f7f;
    font-size: 0.8rem;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mypage .coupon-info {
    display: inline-block;
    font-size: 0.84rem;
    color: #777;
}
.Progress .coupon-info {float: inherit;}
.myPoin2__col4 .Progress,
.myPoin2__col5 .Progress {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #000;
    font-family: "Roboto";
    line-height: 24px;
}
.myPoin2__col5 .useYn .comm-btn.sm {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 100px;
    height: 35px;
    margin: 0;
    border-radius: 0;
    background-color: #000;
    line-height: 35px;
}
.goods_row .comm-btn.sm {
    font-size: 0.88rem;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    border-radius: 0px;
    width: 100px;
    height: 33px;
    line-height: 33px;
}
.goods_row .comm-btn.sm > img {margin-left: 5px;}
.rContents .info {
    margin-top: 35px;
    padding: 25px;
    border: 1px solid #ddd;
    font-family: "Roboto M";
    font-size: 0.84rem;
    line-height: 25px;
}
.rContents .info .tit {
    margin-bottom: 20px;
    padding-left: 30px;
    background: url("../../images/web/list/check-icon.png") no-repeat 0 0;
    color: #3f3f3f;
    font-family: "Roboto";
    font-size: 1.02rem;
    line-height: 22px;
}

/* 사용자대상/조건 - 더보기 버튼 생성 */
.commCo2 .couponDetail {text-align: left;}
.commCo2 .couponDetail .show-more {
    display: none;
    font-size: 0.84rem;
    color: #777;
    cursor: pointer;
    line-height: 15px;
    margin-top: 8px;
}
.couponDetail ._couponDetail {
    overflow: hidden;
    overflow-wrap: break-word;
    line-height: 22px;
}
.couponDetail ._couponDetail p {margin-top: 5px;}
.commCo2 .couponDetail .grayspace {
    background-color: rgb(250,250,250);
    padding: 10px;
    display: none;
}


/* 할인쿠폰 코드 입력 */
.comm-art3-record {
    border: 1px solid #000;
    margin-bottom: 30px;
    padding: 30px;
}
.comm-art3-record .sale-code {
    display: inline;
    position: relative;
    left: 208px;
    font-size: 1.05rem;
    font-family: "Roboto";
    font-weight: 900;
}
.comm-art3-record .title-type3 {margin-top: 10px;}
.comm-art3-record .title-type3 input {
    height: 45px;
    margin-right: 4px;
    line-height: 45px;
    font-family: "Roboto";
    border-radius: 4px;

}
.comm-art3-record .title-type3 .comm-btn {margin: 0;}
.comm-btn.gray {
    height: 45px;
    background:  #fff;
    font-family: "Roboto";
    color: #000;
}


/* 할인쿠폰보관함 */
.subContents .sideON .rContents .pointInfo .main {
    padding: 38px 0 30px 0;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 1.05rem;
    font-family: Roboto;
    font-weight: 900;
    text-align: left;
    line-height: 10px;
}
.subContents .sideON .rContents .pointInfo .main strong {
    color: #e8202e;
    font-size: 1.6rem;
}
.pointInfo .main img {margin: 0 7px 2px 0;}
.mypage .sale_coupon {
    width: 900px;
    margin: 0;
    padding: 0;
}
.mypage .sale-couponWrap2 {
    display: block;
    float: left;
    width: 440px;
    height: 175px;
    padding: 25px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.mypage .sale-couponWrap2:nth-child(odd) {margin: 10px 10px 10px 0;}
.mypage .sale-couponWrap2:nth-child(even) {margin: 10px 0 10px 10px;}
.sale-couponWrap2 .coupon__info  {
    display: inline-block;
    height: 123px;
}
.sale-couponWrap2 .coupon__info .coupon-info--point a:hover{
    text-decoration: underline;
    cursor: pointer;
    color: #000;
}
.sale-couponWrap2 .coupon__info .coupon-info--artcle {
    position: relative;
    top:11px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.sale-couponWrap2 .coupon__info p {
    overflow: hidden;
    width: 270px;
    color: #7f7f7f;
    font-size: 0.9rem;
    font-family: Roboto;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px;
}
.sale-couponWrap2 .coupon__info h3.info--title {
    display: table-cell;
    width: 270px;
    height: 48px;
    vertical-align: middle;
    color: #000;
    font-size: 1.05rem;
    font-family: Roboto;
}
.sale-couponWrap2 .coupon__info p.info--date {margin-top: 10px;}
.sale-couponWrap2 .button {
    float: right;
    position: relative;
    top: 17px;
}
.button a.bt1 {
    display: inline-block;
    min-width: 95px;
    height: 35px;
    border: 1px solid #e8202e;
    color: #e8202e;
    font-size: 0.75rem;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
    line-height: 38px;
}
.button a.bt3 {
    display: inline-block;
    min-width: 95px;
    height: 35px;
    margin-top: 15px;
    border: 1px solid #ddd;
    color: #e8202e;
    font-size: 0.75rem;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
    line-height: 38px;
}


/* 1:1 문의내역 */

ul.order_lst {border-top: 1px solid #000;}
.commCo2 .myPoin3__col1 {width: 15%;}
.commCo2 .myPoin3__col2 {width: 60%;}
.commCo2 .myPoin3__col3 {width: 25%;}
.commCo2 .table-heght2 {
    display: block;
    position: relative;
    margin-top: 0;
    line-height: 24px;
    padding: 30px 0;
}
ul.re-comment{
    display: none;
    border: none;
}
ul.question > li {
    border-bottom: 1px solid #ddd;
    content: '';
}
li.myPoint2 {border-bottom: 1px solid #000;}
li.tbOption {border-bottom: 1px solid #ddd;}
li.tbOption:hover {background-color: #f9f9f9;}
li.tbOption:first-of-type {background-color: #f9f9f9;}
li.tbOption .goods_brand:first-of-type {border-top: none;}
li.tbOption .goods_brand {
    border-top: 1px solid #ddd;
    margin-top: -1px;
}
li.tbOption.no_coupon:hover{background: none;}
li.tbOption.no_coupon {border-bottom: 1px solid #ddd;}
li.tbOption .goods_brand .goods_row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.commCo2  li > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-family: "Roboto";
    color: #000;
}
.myPoin3__col1 .number {
    color: #000;
    font-size: 0.85rem;
    font-family: "Roboto";
    line-height: 20px;
    letter-spacing: -0.8px;
}
.myPoin3__col2 .memoWrap {
    overflow: hidden;
    text-align: left;
}
.commCo2 .memoWrap:hover{
    text-decoration: underline;
    cursor: pointer;
}
.myPoin3__col2 .memoWrap--img {
    overflow: hidden;
    padding-left: 38px;
    background: url("../../images/web/mypage/question.png") 0 15px no-repeat;
    line-height: 20px;
}
.myPoin3__col2 .answerWrap--img {
    background: url("../../images/web/mypage/answer.png") no-repeat;
}
.myPoin3__col2 .answer--line:hover{
    text-decoration: none;
    cursor: initial;
}
.myPoin3__col2 .memoWrap--img .product {
    display: inline-block;
    overflow: hidden;
    width: 500px;
    height: 21px;
    color: #e8202e;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    letter-spacing: -0.8px;
    word-break: break-all;
    white-space: nowrap;
    line-height: 21px;
}
.myPoin3__col2 .memoWrap--img .title {
    display: inline-block;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.8px;
    word-break: break-all;
    white-space: nowrap;
}
.myPoin3__col2 .memoWrap .memo {
    margin-top: 10px;
    padding-left: 38px;
    font-size: 0.85rem;
    color: #3a3a3a;
    line-height: 22px;
    cursor: pointer;
}
.myPoin3__col3 .date {
    font-size: 0.9rem;
    font-weight: normal;
    color: #898989;
}
.myPoin3__col3 a {
    display: inline-block;
    width: 65px;
    height: 33px;
    color: #777;
    margin-top: 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
    font-size: 0.9rem;
    line-height: 33px;
}
.myPoin3__col3 .coment-editBT {margin-right: 1px;}
.comment-count--red {
    margin-bottom: 5px;
    color: #e8202e;
}
.comment-count--blue {
    margin-bottom: 5px;
    color: #14aaff;
}


/* 1:1 문의내역/수정 */
.commBoard-wrap .board-write td.title input {
    height: 45px;
    border-radius: 4px;
    font-size: 0.83rem;
}
.commBoard-wrap .board-write td.memo textarea {
    border-radius: 4px;
    font-family: "Roboto";
    font-size: 0.83rem;
}
.commBoard-wrap .board-write td.memo textarea:focus {outline: 0px solid #e8202e;}
.commBoard-wrap .cmTitle {
    margin-bottom: 10px;
    font-size: 0.79rem;
    font-family: "Roboto";
}


/* 이용후기 내역 */
.subContents .sideON .rContents .mainTitle > span.comm-btWrap {
    float: right;
    position: relative;
    bottom: 6px;
    width: 130px;
    height: 38px;
    color: #fff;
}
.comm-btWrap {
    background-color: #000;
    margin-top: 0;
}
span.comm-btWrap > a.writeBT {
    display: inline-block;
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    font-family: "Roboto";
    letter-spacing: -1.5px;
    line-height: 38px;
}
span.comm-btWrap > a.writeBT:active {color: #fff;}
span.comm-btWrap > a.writeBT:hover {color: #fff;}
span.comm-btWrap > a.writeBT > img {margin-left: 10px;}
.commCo2 .myPoin3__col1 {width: 15%;}
.commCo2 .myPoin3__col2 {width: 540px;}
.commCo2 .myPoin3__col3 {width: 25%;}
.commCo2 .table-heght3 {
    display: block;
    position: relative;
    margin-top: 0;
    line-height: 24px;
    padding: 30px 0;
}
li.myPoint2  .goods_brand:first-of-type {border-top: none;}
li.myPoint2 .goods_brand {
    padding-top: 33px;
    padding-bottom: 33px;
    border-top: 1px solid #ddd;
}
li.myPoint2 .goods_brand .goods_row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

li.myPoint2 .goods_brand .goods_row > div {
    border-bottom: 1px solid #ddd ;
}
.commCo2  li > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-family: "Roboto";
    color: #000;
}
.myPoin3__col2 .memoWrap2 {
    overflow: hidden;
    text-align: left;
}
.memoWrap--img2 .product {
    display: inline-block;
    overflow: hidden;
    width: 500px;
    height: 21px;
    color: #e8202e;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    letter-spacing: -0.8px;
    word-break: break-all;
    white-space: nowrap;
    line-height: 21px;
}
.memoWrap--img2 .user-title {
    width: 500px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    margin-bottom: 20px;
}
.memoWrap--img2 .user-info .heart {margin-top: 10px;}
.memoWrap2 .user-memo {
    margin-top: 10px;
    color: #3a3a3a;
    font-size: 0.85rem;
    line-height: 22px;
}
.memoWrap2 .user-memo .comment-count {
    margin-left: 10px;
    color: #e8202e;
    font-size: 0.8rem;
}


/* 콘텐츠 없을 시 */

.mypage .no-content {
    padding: 40px 0 40px 0 !important;
    font-size: 1.0rem;
    font-weight: normal;
    font-family: "Roboto";
    text-align: center;
    border-top: none;
    border-bottom: 1px solid #ddd;
}
.mypage .no-content2 {
    padding: 20px 0 40px 0 !important;
    font-size: 1.0rem;
    font-family: "Roboto";
    text-align: center;
    border-bottom: 1px solid #ddd;
}


/* 나의 예약/구매 내역 상세 */

.mypage .payArea {
    margin-top: 45px;
    font-family: "Roboto";
}
.mypage .payArea .comm-title2 {
    padding: 0 0 25px 0;
    font-size: 1.05rem;
    line-height: 18px;
}
.comm-title2 {margin-bottom: 0}
table.commRow tr:first-of-type {border-top: 2px solid #000;}
table.commRow th.table--width {width: 30%}
table.commRow th {
    width: 41.7%;
    background: #fff;
    font-size: 0.85rem;
}
table.commRow td {
    padding: 20px 20px;
    font-size: 0.85rem;
}
table.commRow td.comm-color0 {
    color: #000;
    font-weight: 700;
}
.payArea h4.comm-title2 .comm-btWrap {
    float: right;
    position: relative;
    bottom: 10px;
    width: 130px;
    height: 38px;
    margin-left: 10px;
    padding: 0 5px;
    color: #fff;
}
.mypage table.myp-info thead > tr {border-top: 2px solid #000;}
.mypage table.myp-info thead .title1 {width: 12%;}
.mypage table.myp-info thead .title3 {width: 12%;}
.mypage table.myp-info thead .title4 {width: 12%;}
.mypage table.myp-info thead .title5 {width: 15%;}
.mypage table.myp-info thead .title6 {width: 15%;}
table.commCol > thead {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
table.commCol > thead > tr > th {
    padding: 15px 0;
    height: 35px;
    color: #292121;
    background: #f6f6f6;
    font-size: 0.85rem;
    border-top: 0px;
}
table.commCol > tbody > tr > td {font-weight: 700;}
table.commCol tbody td.left {padding: 0 0 !important;}
table.commCol tbody td.left1 {
    padding: 30px 20px;
    text-align: left;
}
tbody td.left .coupon-info--point a:hover {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
table.product-info tbody td h5.product {
    margin: 0;
    color: #000;
    font-size: 0.9rem;
}
table.product-info ul.use-msg li {
    border-top: none;
    margin-top: 20px;
    padding-top: 0;
}
table.product-info ul.use-msg li:first-of-type {
    padding-top: 15px;
    border-top: 1px solid #ddd;
}
table.product-info ul.use-msg li .date {
    color: #2a2a2a;
    font-size: 0.95rem;
    font-weight: 500;
}
table.product-info ul.use-msg li .memo {
    margin-top: 5px;
    font-size: 0.85rem;
    line-height: 25px;
}
table.product-info td .price {
    color: #5f5f60;
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: -1px;
}
.mypage table.product-info td .sale {
    height: 16px;
    color: #e8202e;
    font-size: 0.90rem;
    font-weight: 500;
    line-height: 16px;
}
.mypage table.product-info td .sale > span {
    color: #e8202e;
    font-size: 0.95rem;
}
table.product-info td.money *,
table.product-info td.shipping * {
    font-size: 0.93rem;
}
table.product-info td.money,
table.product-info td.shipping{
    padding: 0;
    text-align: center;
}
.mypage table.product-info tbody td p.infoText {
    color: #7f7f7f;
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 16px;
    margin-top: 10px;
}
.mypage table.product-info tbody td p.infoText:hover {
    text-decoration: underline;
    color: #7f7f7f;
}
.mypage table.myp-info .bt {padding: 25px 0;}
.mypage table.myp-info .bt .comm-color2 {color: #0078ff;}
.mypage table.myp-info .bt > a {
    width: 110px;
    height: 36px;
    margin-top: 6px;
    border: none;
    color: #fff;
    background-color: #000;
    font-size: 0.9rem;
    line-height: 36px;
}
table.product-info tbody td p.ticket-info {
    margin-top: 0px;
    border-top: none;
    color: #e8202e;
    font-size: 0.85rem;
    line-height: 23px;
}
table.product-info tbody td p.ticket-info {padding: 3px 0;}
table.product-info tbody td p.ticket-info2 {
    margin-top: 15px;
    color: #5f5f60;
}
.mypage .payArea-wrap .payArea {width: 48%;}
.mypage .payArea-wrap .userWrap2 {margin-left: 36px;}
.mypage .payArea-wrap .payArea h5.title {margin-bottom: 23px;}
table.comm-payInfo th {width: 20%;}
table.comm-payInfo > tbody > tr > td {
    padding: 25px !important;
    font-weight: 700;
    text-align: left;
}
table.comm-payInfo > tbody > tr > td > strong {font-size: 0.95rem;}
table.comm-payInfo > tbody > tr > th.accumulate {border-left: 1px solid #ddd;}
table.comm-payInfo td.total-wrap {color: #e8202e;}
table.comm-payInfo td.total-wrap .comm-color1 {color: #e8202e;}
table.comm-payInfo .cancel--color {color: #0078ff;}


/* 전체취소요청 */

.rent-detail {
    width: 500px;
    padding: 30px;
}
.comm-fullPopup {
    position: fixed;
    top: 25%;
    margin: 0 auto;
}
.comm-fullPopup.cancel-popup {
    height: 515px;
    font-family: "Roboto";
}
.comm-fullPopup h4.title {
    margin-bottom: 35px;
    padding: 0;
    border-bottom : none;
    color: #000;
    font-size: 1.05rem;
}
.comm-fullPopup h5.sub-title {
    margin: 30px 0 15px 0;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    font-size: 1.05rem;
}
.mypage table.popup-table thead .title1 {width: 28%;}
.mypage table.product-info tbody td p.interval {
    font-size: 13px;
    line-height: 20px;
}
.mypage table.product-info tbody td p.interval:hover {text-decoration: none;}
table.popup-table > thead > tr > th {
    height: 0;
    padding: 5px 0 !important;
    border-top: 2px solid #000;
}
table.popup-table tbody td.left {
    height: 40px;
    padding: 20px !important;
    line-height: 45px;
}
table.product-info th.title1 {width: 120px;}
table.product-info tbody td h5.product .cProduct {letter-spacing: -0.9px;}
.comm-fullPopup .popup-coupon-text {
    margin: 10px 0 -17px 0;
    color: #e8202e;
    font-size: 0.8rem;
}
.comm-fullPopup input.full {
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
}
.rent-detail .memoMsg {border-radius: 4px;}
.comm-fullPopup.cancel-popup .memoMsg {height: 100px;}
.comm-button1 > a {
    padding: 0 33px;
    border-radius: 4px;
    border: 1px solid #000;
    color: #000;
    font-size: 0.8rem;
    line-height: 45px;
}
.comm-button1 > a.color1 {background: #fff;}
.comm-fullPopup .comm-close2 {
    position: absolute;
    top: 30px;
    left: 497px;
}

/* detailRSV 추가.처리상태(배송조회 표시) */
.myp-info .info {
    margin-top: 0px;
    padding: 0;
    color: #e8202e;
    border: none;
    font-size: 0.95rem;
    line-height: 25px;
}
.mypage table.myp-info .bt .tb_num {
    font-size: initial;
    line-height: 23px;
}
.mypage table.myp-info .bt .tb_num a {
    color: #23a3e2;
    text-decoration: #000;
}
.mypage table.myp-info .bt .tb_num a span {
    font-size: 0.90rem;
    font-weight: 400;
}
.mypage table.myp-info .bt .tb_num a span:first-of-type {
    color: #000;
    font-weight: 800;
    text-decoration: none;
}
.mypage table.myp-info .bt .tb_num > span {
    color: #375fff;
    font-size: 0.95rem;
    font-weight: 400;
    text-decoration: underline;
}


/* 추가. button */
.comm-button2 {margin: 60px 0 0;}
.comm-button2 > * {
    width: 200px;
    padding: 0;
    border: none;
    border-radius: 3px;
    font-size: 1.05rem;
    font-weight: normal;
    line-height: 55px;
}
.comm-button2 > .color1 {
    margin-right: 30px;
    border: none;
    background: #222;
}
.comm-button2 > .color0 {
    border: 1px solid #222222;
    color: #222222;
    background: #fff;
}


/* 개인정보수정 */

input[type="text"]:focus {border-color: #e8202e;}
.member-myinfo {padding-top: 10px;}
.mypage .member-myinfo table.commRow th {width: 200px;}
.mypage .member-myinfo table.commRow .commWidth {
    width: 209px;
    height: 45px;
    border-radius: 4px;
}
.mypage .member-myinfo #telNumView {margin-right: 0px;}
.mypage .member-myinfo .commBT {
    height: 44px;
    padding: 0 10px;
    border: 1px solid #e8202e;
    border-radius: 4px;
    color: #e8202e;
    background: #fff;
    line-height: 46px;
}
.mypage .member-myinfo table.commRow .mgL {
    border: 1px solid #222;
    color: #000;
}
.mypage .member-myinfo table.commRow .editBT {
    width: 65px;
    margin: 0 -4px 0 0;
    padding: 0;
    border: none;
    text-align: center;
    line-height: 33px;
}
.mypage .member-myinfo .addrWrap input.address {
    width: 295px;
    height: 45px;
    margin-top: 15px;
    border-radius: 4px;
}
.mypage .member-myinfo .agWrap p {
    margin-top: 0;
    font-size: 0.9rem;
}
.mypage .member-myinfo .agWrap  label.box-dec {
    margin: 20px 0 3px 0;
    font-size: 0.9rem;
}


/* check-box design */
.auto-cancel input {
    display: none;
    position: absolute;
    top: 18px;
    left: 16px;
    width: 20px;
    height: 20px;
    border: 0 none;
    background-position: 0 -25px;
    -webkit-appearance: none;
}
.auto-cancel label {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    padding: 20px 0 20px;
    color: #333;
    font-weight: 400;
    line-height: 18px;
    cursor: pointer;
    font-family: "Roboto";
}
.auto-cancel input:checked + label:before {
    position: relative;
    top: -1px;
    margin-right: 8px;
    color: #fff;
    border-radius: 50%;
    content: "";
    background: url("../../images/mw/sns/login/white_check.png") no-repeat;
    background-size: 10px;
    background-position: 3px 3px;
    background-color: #e8202e;
}
.auto-cancel input + label:before {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 50%;
    text-align: center;
    left: 0;
    color: #fff;
    line-height: 23px;
    background-color: #d8d8e2;
    content: "";
}



/* 레이어팝업 / 휴대폰번호 변경 인증 */
.mypage .member-ctWrap {
    width: 450px;
    height: 269px;
    margin-top: -134.5px;
    margin-left: -225px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background-color: #fff;
}
.mypage .member-ctWrap > .rArea {
    padding: 30px;
    border-left: 0;
}
.mypage .member-ctWrap .rArea .cellphone-Confirm {
    margin-bottom: 20px;
    color: #000;
    font-size: 1.05rem;
    font-weight: 600;
}
.mypage .member-ctWrap .rArea .check {width: 390px;}
.mypage .member-ctWrap .rArea span.title {font-size: 0.95rem;}
.mypage .member-ctWrap .rArea p input {
    height: 40px;
    border-radius: 4px;
}
.mypage .member-ctWrap .rArea a.mcBT {
    width: 100px;
    margin-left: 7px;
    border-radius: 4px;
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    font-size: 0.83rem;
    line-height: 40px;
}
.mypage .member-ctWrap .rArea a.mcBT--red {
    display: inline-block;
    width: 102px;
    margin-left: 7px;
    border-radius: 4px;
    color: #fff;
    background-color: #222222;
    text-align: center;
    font-size: 0.83rem;
    line-height: 40px;
}
.mypage .member-ctWrap .comm-close {
    position: absolute;
    top: 25px;
    right: 30px;
}
.mypage .member-ctWrap .rArea .popup-info {
    margin-top: 25px;
    border: none;
    font-size: 0.79rem;
    font-family: "Roboto M";
    line-height: 25px;
}
.mypage .member-myinfo p.button {padding: 40px 0 0 0;}
.comm-arrowBT2 {
    width: 170px;
    border-radius: 4px;
    background-image: none;
    background-color: #000;
    height: 45px;
    line-height: 46px;
    background-image: url("../../images/web/button/arrow2.png");
}


/* 레이어팝업 / 배송지 변경 */

.mypage .layer-popup {
    position: fixed;
    top: 25%;
    width: 450px;
    border: 1px solid #fff;
    border-radius: 4px;
}
.layer-popup .comm-close {
    position: absolute;
    top: 25px;
    right: 30px;
}
.layer-popup .option-box {padding: 30px;}
.layer-popup .option-box .addr-change {
    margin-bottom: 20px;
    color: #000;
    font-size: 1.05rem;
}
.layer-popup .option-box .check {
    width: 390px;
    margin: 0 auto;
}
.layer-popup .option-box .check p {margin-top: 10px;}
.layer-popup .option-box .check p.addr {margin-top: 7px}
.layer-popup .option-box p.name .title,
.layer-popup .option-box p.phone .title,
.layer-popup .option-box p.addr .title {
    width: 65px;
}
.layer-popup .option-box span.title {
    display: inline-block;
    margin-right: 10px;
    color: #343331;
    font-weight: 700;
    font-size: 0.95rem;
    vertical-align: middle;
}
.layer-popup .option-box p input {
    width: 196px;
    height: 40px;
    border-radius: 4px;
}
.layer-popup .addr-form .addr1 {width: 143px;}
.layer-popup .addr-form .addr2 {
    width: 146px;
    margin-left: 5px;
}
.layer-popup .option-box p.addr .addr-form {margin-left: 78px;}
.layer-popup .option-box .check .addr .btn {
    margin-left: 5px;
    padding: 10px 17px;
    border: 1px solid #e8202e;
    border-radius: 4px;
    color: #e8202e;
    font-size: 0.90rem;
    line-height: 45px;
}
.layer-popup .addr-form input, .layer-popup .addr-form .btn {margin-top: 8px;}
.layer-popup .comm-button2 {margin: 25px 0 0 0;}
.layer-popup .comm-button2 a {
    width: 0px;
    padding: 0 33px;
    line-height: 45px;
}
.comm-button2 > a.color2 {
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    font-size: 0.8rem;
}


/* 환불계좌관리 */

table.commRow th.handl--size {width: 200px;}
.comm-sideBT2 {
    margin-left: 10px;
    padding: 0 10px;
    border: 1px solid #e8202e;
    border-radius: 4px;
    color: #e8202e;
    font-size: 0.8rem;
    line-height: 48px;
    height: 45px;
}
.comm-agree1.auto-cancel {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
table.commRow select.bank {
    width: 210px;
    height: 45px;
    border-radius: 4px;
    font-family: "Noboto";
    line-height: 45px;
}
table.commRow input.passbook {
    height: 45px;
    width: 210px;
    border-radius: 4px;
    line-height: 45px;
}


/* 비밀번호 변경 */

.mypage .pass-wrap .pass {
    width: 340px;
    padding: 0;
    border-bottom: none;
}
.mypage .pass-wrap .pass input {
    width: 200px;
    height: 45px;
    margin: 10px;
    border-radius: 4px;
}
.mypage .pass-wrap .pass th {
    font-size: 0.9rem;
    font-family: "Roboto";
    letter-spacing: -0.5px;
}
table.pass > tbody > tr > td > input[placeholder] {
    font-family: "Roboto";
    font-size: 0.8rem;
}


/* 비밀번호 변경완료 */

.end-wrap .text-wrap {
    border: none;
    font-family: none;
}
.end-wrap .main-t {
    font-size: 1.05rem;
    font-family: "Roboto";
}


/* 회원탈퇴 */

.rContents .secession {margin-top: 35px;}
.mypage .secession .myBG {
    padding: 30px;
    border: 2px solid #e8202e;
    background: #fff;
}
.mypage .secession .iconBG {
    padding-left: 92px;
    background: url("../../images/web/mypage/warning.png") no-repeat left center;
    font-family: "Roboto";
}
.comm-title1 {
    color: #3f3f3f;
    background: none;
    padding-left: 0px;
    font-size: 1.02rem;
}
.mypage ul.commList1 {margin-bottom: 0;}
ul.commList1 li {
    font-size: 0.8rem;
    line-height: 27px;
}
.rContents .info .txt > p {
    margin-top: 10px;
    line-height: 25px;
}
.rContents .info .txt > p.info2 {
    margin: 0 0 15px 0;
    font-size: 0.9rem;
}
.rContents .info .txt > p > span {margin-left: 13px;}
.rContents p.label > label {
    font-size: 0.84rem;
    line-height: 30px;
}
.rContents .info p.label > input.secession {
    width: 400px;
    height: 45px;
    margin-top: 0;
    border-radius: 4px;
}
.subContents .mypage .secession .agree {
    margin-top: 20px;
    font-family: "Roboto";
}
.secession .comm-button2 > .color1 {
    margin-right: 0;
}


/* 고객센터 / 자주하는 문의(FAQ) */

.subContents .detailTabMenu2 {margin-top: 40px;}
.subContents .detailTabMenu2 ul.menuList{margin-bottom: 20px;}
.subContents .freqWrap .detailTabMenu2 ul.menuList li :last-of-type {border-right: none;}
.subContents .freqWrap .detailTabMenu2 ul.menuList li a {
    padding: 0 22px;
    border-left: 1px solid #ddd;
    line-height: 20px;
}
.subContents .detailTabMenu2 ul.menuList li a {
    border: none;
    color: #777;
    font-family: "Roboto";
    font-size: 0.9rem;
}
.subContents .detailTabMenu2 ul.menuList li a.select {
    border-top: none;
    font-weight: bold;
    text-decoration: underline;
}
.subContents .detailTabMenu2 ul.menuList li:first-child a {border-left: none;}
.subContents .detailTabMenu2 .tabPanel {
    padding:  0;
    border-top: none;
}
.subContents .default-accordion {
    border-top: 2px solid #000;
    border-bottom: none;
    border-collapse: collapse;
    font-family: "Roboto";
}
.subContents .default-accordion:nth-of-type(2) {margin-top: 40px;}
.subContents .default-accordion dt.thead {
    border-bottom: 1px solid #ddd;
    background: #fff;
}
.subContents .default-accordion dd {
    border-bottom: 1px solid #ddd;
    background-color: #f8f8f8;
}
.default-accordion ul.question li {border-bottom: none;}
.subContents .sideON .rContents .default-accordion .memo {line-height: 22px;}
.default-accordion .memo span {display: block}
.default-accordion .memo span.text--set0 {
    margin-bottom: 5px;
    color: #000;
    font-weight: 700;
}
.default-accordion .memo span.text--set1 {margin: 5px 0 15px 0;}
.default-accordion .memo span.text--set2 {margin: 5px 0 5px 0;}


/* 고객센터 / 이용후기(리스트) */

.commBoard-wrap .board-list .bdSearch .cmInfo > span {
    color: #000;
    font-size: 0.88rem;
    font-weight: 700;
}
.commBoard-wrap .board-list .bdSearch .searchForm input.int {
    position: relative;
    right: 37px;
    width: 180px;
    height: 38px;
    padding: 0 8px;
    font-family: "Roboto";
}
.commBoard-wrap .board-list .bdSearch .searchForm input.int:focus {border-color: #ddd;}
.commBoard-wrap .board-list .bdSearch .searchForm input.button:focus {border: 0;}
table.review-list,
table.notice-list {
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
}
table.review-list > thead > tr > th {border-left: none;}
table.review-list tbody td.left {padding-left: 10px !important;}
table.review-list > tbody > tr > td,
table.notice-list > tbody > tr > td {border-left: none;}

.commBoard-wrap .board-list .bdList tbody td.left {
    height: 62px;
    color: #000;
    line-height: normal;
}
.commBoard-wrap .board-list .bdList tbody td.left a.reduction {
    width: 550px;
    padding-top: 5px;
    color: #000;
    font-weight: 700;
}
.reviews-ad .user-info span {
    font-size: 0.9rem;
    font-weight: normal;
    color: #898989;
}
.reviews-ad .user-info a {
    margin-left: 5px;
    color: #2f66ee;
}
.reviews-ad .user-memo {
    font-size: 0.85rem;
    line-height: 22px
}
.reviews-ad .comment-count {
    display: block;
    color: #e8202e;
    font-size: 0.8rem;
    line-height: 32px;
}
.default-accordion2 dd {
    padding: 0 20px;
    background: #f8f8f8;
    border-top: 1px solid #dcdcdc;
}
.default-accordion2 dt {border-bottom: none;}
.reviews-ad ul.re_comment {padding: 28px 0;}
.service-center .reviews-ad ul.re_comment .re {
    width: 760px;
    padding-left: 25px;
    color: #4c4c4c;
    font-size: 0.80rem;
    line-height: 22px;
    cursor: pointer;
}
.commBoard-wrap .boardBT {margin-top: 0;}
.commBoard-wrap .boardBT a {
    width: 130px;
    margin-top: 20px;
    border: none;
    background-color: #000;
    font-size: 0.9rem;
    font-family: "Roboto";
    letter-spacing: -1.5px;
    line-height: 38px;
}
.commBoard-wrap .boardBT > a > img {margin-left: 10px;}
.service-center ul.tbOption li .photo-area .over-rap .add-btn {
    border: none;
    font-size: 1.4rem;
    line-height: 0;
    margin-top: 56px;
}
.service-center ul.tbOption li .photo-area .over-rap .add-btn:hover {
      background: none;
      color: #fff;

}


/* 이용후기(리스트) / 사진 레이어팝업(클릭시 호출) */

.img-preview {
    height: 65px;
    margin: 0 auto;
    padding: 0 20px;
    color: #fff;
    background: #3d8afa;
    font-size: 0.93rem;
    font-weight: bold;
    font-family: "Roboto";
    line-height: 65px;
}
.detail-gallery {padding: 0;}
.detail-gallery.review-gallery {
    overflow: hidden;
    height: 410px;
    border-radius: 0.3rem;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
    background: #fff;
}
.gallery-view2 {padding-top: 0px;}
.detail-gallery.review-gallery .custom-container .mid {
    height: 229px;
    padding: 20px 20px 15px 20px;
}
.gallery-view2 .carousel {
    border-top: none;
    border-bottom: none;
    background: #fff;
}
.custom-container .carousel {
    border-top: none;
    border-bottom: none;
    margin-top: 0px;
    padding: 0;
}
.custom-container .carousel ul li.select {
    box-sizing: border-box;
    width: 80px;
    height: 53px;
}
.custom-container .carousel ul li.select img {
    border: none;
    box-sizing: content-box;
    width: inherit;
    height: inherit;
}
.custom-container .carousel ul li img {
    border: none;
    box-sizing: content-box;
    width: inherit;
    height: inherit;
}
.detail-gallery.review-gallery .custom-container .carousel {padding-left: 20px;}


/* 고객센터 / 이용후기(글쓰기) */
input[type="text"]:focus, textarea:focus {
    border: 1px solid #cfcfcf;
    background-color: #fff;
}
.commBoard-wrap .board-write td.category select {
    height: 45px;
    border-radius: 4px;
    font-family: "Roboto";
    font-size: 0.83rem;
}
.commBoard-wrap .board-write td.category select:focus {outline: #dcdcdc;}
.commBoard-wrap .boardBT2 {margin-top: 40px;}
.commBoard-wrap .cmTitle-group {
    margin-bottom: 25px;
}


/* 고객센터 / 입접/제휴(안내) */

.subContents .listTitle1 {font-family: "Roboto";}
.boardBT2 > p.button.comm-btWrap {
    position: relative;
    bottom: 30px;
    background-color: #fff;
    font-family: "Roboto";
}
.commBoard-doc-wrap table.commRow-sub th {background-color: #f4f4f4;}
.commBoard-doc-wrap table.commRow-sub td {
    font-size: 0.80rem;
    line-height: 24px;
}
.licensee td:last-child {
    position: relative;
    right: 1px;
}
.side-memo-rule {border-bottom: 7px solid #dcdcdc;}
.comm-btWrap a.comm-arrowBT2 {margin-top: 40px;}


/* 고객센터 / 입접/제휴(신청) */

table.commRow-sub input[type="text"] {
    height: 38px;
    border-radius: 4px;
}
table.line---truth .fullBT {width: 240px;}
table.line---truth tbody tr:first-of-type {border-top: none;}
table.application th {
    background: #f4f4f4;
}
table.commRow-sub .overlap-check {margin-left: 8px;}
.comm-sideBT {
    height: 36px;
    margin-right: 5px;
    margin-left: 0px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-size: 0.85rem;
    line-height: 36px;
}
.comm-sideBT:hover {color: #000;}
table.application .addr1 {
    width: 231px;
    margin: 0 6px;
}
table.application .addr2 {width: 213px;}
.subContents p.commAgree {
    margin-top: 20px;
    font-family: Roboto;
}
p.commAgree input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0,0,0,0);
}
p.commAgree input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
p.commAgree input[type="checkbox"] + label:before { /* 가짜 체크박스 */
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: -2px 8px 0 0;
    border: 1px solid #000;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 21px;
    content: '';
}
p.commAgree input[type="checkbox"]:checked + label:before {
    border-color: #000;
    background: #fff;
    color: #000;
    content: '\2714';
}
p.commAgree .box-dec {
    padding: 0;
    border: none;
    background-color: #fff;
    color: #000;
    font-size: 0.9rem;
    line-height: 0;
}


/* 고객센터 / 입접/제휴(완료) */

.end-wrap .text-wrap {font-family: "Roboto";}
.end-wrap .text-wrap .img-box{margin-bottom: 20px;}
.end-wrap .sub-t {
    margin-top: 20px;
    line-height: 20px;
    font-size: 0.85rem;
}
.fixing {margin-top: 20px;}
.fixing > .color1 {margin-right: 0;}


/* 고객센터 / 공지사항(리스트) */

.commBoard-wrap .board-list .bdSearch .searchForm > select.sKeyOpt {
    position: relative;
    right: 20px;
    width: 125px;
    height: 38px;
    margin-right: 20px;
    font-family: "Roboto";
}
.commBoard-wrap .board-list .bdSearch .searchForm > select.sKeyOpt:focus {border: 1px solid #cfcfcf;}
table.notice-list > thead > tr > th {border-left: none;}
table.notice-list tbody td.left {padding-left: 20px !important;}
.commBoard-wrap .board-list .bdList tbody td.left span {
    position: relative;
    bottom: 1px;
}
table.notice-list .no-content,
table.review-list .no-content {
    padding: 40px 0;
    font-size: 1.0rem;
    font-weight: normal;
    font-family: "Roboto";
    text-align: center;
    border-top: none;
    border-bottom: 1px solid #ddd;
}


/* 고객센터 / 공지사항(글쓰기) */

.commBoard-wrap .notice-check {
    display: inline-block;
    margin-left: 10px;
    padding: 0;
}


/* 고객센터 / 공지사항(상세페이지) */

.board-view {font-family: "Roboto";}
.commBoard-wrap .board-view .view-head {
    padding: 20px 20px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
    background-color: #fff
}
.commBoard-wrap .board-view .view-head h5 {font-size: 0.88rem;}
.commBoard-wrap .board-view .view-head p {
    margin-top: 10px;
    font-size: 0.80rem;
}
.commBoard-wrap .board-view .viewFile {font-size: 0.8rem;}
.commBoard-wrap .board-view .view-content {
    padding: 20px;
    border-bottom: 1px solid #ddd;
    font-size: 0.8rem;
}
.commBoard-wrap .board-view .viewFile table td .viewFileList li span a {
    position: relative;
    top: 1px;
}


/* 회사소개 / 홍보영상(리스트) */

.commBoard-wrap .board-not {
    height: 60px;
    padding: 55px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 1.0rem;
    font-weight: normal;
    font-family: "Roboto";
    text-align: center;
}
.commBoard-wrap .board-not p {
    margin-top: 0;
    font-size: 1.0rem;
}
ul.video-list li {
    width: 274px;
    margin: 30px 35px 0 0;
    border: 1px solid #ddd;
}
ul.video-list li .text-wrap {
    padding: 15px;
    font-family: "Roboto";
    letter-spacing: -1.0px;
}
ul.video-list li .text-wrap .title {font-size: 0.85rem;}
ul.video-list li .text-wrap .memo {
    margin-top: 5px;
    font-size: 0.79rem;
}
ul.video-list li:nth-child(1), ul.video-list li:nth-child(2), ul.video-list li:nth-child(3) {margin-top: 20px;}


/* mobile*/

/* Phone Mini (iPhone 4, 5, 5s, SE) / Font Size */
@media screen and (min-width: 320px) and (max-width: 360px) {

    /* #subContent {margin-top:60px;} */
    #subContent input[type="text"],
    #subContent input[type="password"],
    #subContent input[type="tel"],
    #subContent input[type="number"] {border-width: 1.4px;}

    /* ------------------------------------------- 로그인 ------------------------------------------- */

    #subContent .tamnao-logo {text-align: center; margin: 30px 0 15px 0; }
    #subContent .tamnao-logo img {width: 132px; }
    #subContent .login .find-join a {text-align: center; margin-top: 7px; font-size: 1.5rem;  right: 60px}
    #subContent a.btn, #subContent button.btn, #subContent a.btn-submit {font-size: 1rem; }
    #subContent .btn-list .btn {padding: 15px 0;height:26px; line-height: 26px;}
    #subContent .btn-list .btn11 {}
    #subContent table td {padding: 0px 0 2px 0;}

    .wrap-naver a img, .wrap-kakao a img {width: 49px; top:1px; position:relative;}
    .sns-login-area.typeA .wrap-kakao a,
    .sns-login-area.typeA .wrap-naver a { height:53px; line-height: 33px; border-width:1px;}
    .sns-login-area.typeA .wrap-naver a {margin:12px 0 0;}
    .sns-login-area.typeA .wrap-naver span.naver-logo,
    .sns-login-area.typeA .wrap-kakao span.kakao-logo{font-size: 1.55rem; }

    .user-y .login-check input[type="checkbox"] + label{font-size: 1.5rem;  margin-top: 10px; padding-left: 22px; line-height:14px;}
    .user-y .login-check input[type="checkbox"] + label:before{width: 15px; height: 15px; top:0; line-height:12px;}

    /* .login-bottom { line-height: 1px; position:relative; top:-7px;} */
    .login-bottom a {font-size:1.5rem;}
    #subContent .login-join {font-size:1.38rem;}
    #subContent .user-n-air h3 {font-size:1.5rem; padding-left:4px;}
    #subContent .user-n-air .center-btn a {font-size:1.4rem;}
    #subContent .user-n-air .center-btn {width:52%;}

    /* ------------------------------------------- 아이디 찾기 -----------------------------------------*/
    #subContent .sub-tabs {height:40px; line-height:40px;}
    #subContent .sub-tabs a.active-on{ font-size: 1.4rem; border-width:1px 1px 0 1px;}
    #subContent .sub-tabs a.active-off {border-bottom:1px solid #dc5d51; }
    #subContent .sub-tabs a{ font-size: 1.4rem; }
    #subContent .join .find-txt { font-size: 1.5rem; line-height: 25px; margin:60px 0 8px 0;}

    /* ------------------------------------------- 비회원 주문 ----------------------------------------*/
    #subContent .lower-text {padding-top:13px; margin-top:18px;}
    #subContent .deli-address .addr-wrap .btn {height:38px; line-height:38px; }

    /* ---------------------------------------- 휴면계좌 번호인증 --------------------------------------*/

    .text-typeA-wrapper{margin: 20px 0 15px 0;}
    .text-typeA-wrapper .big{font-size: 1.2rem; }
    .text-typeA-wrapper .big span.user{font-size: 1.2rem;}
    .text-typeA-wrapper .small{font-size: 1.2rem; }

    #subContent .join .txt-bt-none1 {font-size: 1.6rem; line-height: 18px; margin-top: 25px; padding-top: 20px;}
    #subContent .join .txt-bt-none2{font-size: 1.6rem; line-height: 10px;}

    /* ----------------------------------------------- 회원가입 ------------------------------------------------------*/
    #subContent .join table .full-1 {height: 48px; line-height: 45px; border-width: 1px; }
    #subContent .join table .full-1 input#email_id { width: 36%; height:46px; line-height: 48px; margin:0;  padding: 0 1px 0 15px; font-size: 1.4rem;}
    #subContent .join table .full-1 input#email_host { width: 50%;  height:46px; line-height: 48px; padding-left: 7px; font-size: 1.4rem;}
    #subContent .join table .full-1 span.at-sign{padding-left:5px; font-size: 1.4rem; line-height:44px;}
    #subContent .join table .full-1 span {padding-left:15px;}
    #subContent .all-check label{width: 100%; font-size: 1.5rem; padding-left: 23px;}
    .join .all-check input[type="checkbox"] + label:before{position: absolute; top: 0px; width:14px; height:14px; line-height:14px;}
    #subContent .btn-list .btn{ font-size:1.55rem;}
    #subContent .all-check {margin-top:5px;}
    .login-sns-wrapper {margin-top:60px; margin-bottom:33px;}

    /*보류*/
    .sns-login-area-typeA .wrap-naver{padding: 15px 25px; margin-bottom: 8px;}
    .sns-login-area-typeA .wrap-kakao{padding: 15px 25px;}
    .sns-login-area-typeA .wrap-naver span.naver-logo1,
    .sns-login-area-typeA .wrap-kakao span.kakao-logo1{font-size: 1.75rem; }
    /* ----------------------------------------------- //회원가입 ------------------------------------------------------*/

    /* ------------------------------------------ 장바구니 ---------------------------------------*/
    #subContent .cart .check-title {font-size: 2rem; width:80%;}
    #subContent .cart .check-title2 {font-size:1.9rem;}
    #subContent .cart .check-title3 {font-size:2.2rem;}
    #subContent .cart-img img { width:25%; height:97px; left:6%; top:60px;}
    #subContent .cart .check-title-wrap p {width:41%; }
    #subContent .cart .check-title-wrap {top:57px;}
    #subContent .cart dl.check-goods dd {height:250px;}
    #subContent .cart .price #sv_totalJumunAmt {font-size:1.2rem;}
    #subContent .cart .price .sv_totalJumunAmt2 {font-size:2.75rem;}
    #subContent .check-goods dd p { font-size:1.15rem;}

    #subContent .sub-content .reserve table td {padding:5px;}


}


/* iPhone 6 Plus / Font Size */
@media screen and (min-width: 360px) and (max-width: 415px){

    #subContent .sub-content-sign,
    #subContent .sub-content2,
    #subContent .sub-content-join {width:90%; min-height:450px;/*margin-top:30px;*/}

    #subContent table td {padding:1px 0;}
    #subContent {/*margin-top:45px; */overflow-y: auto;}
    #subContent input[type="text"],
    #subContent input[type="password"],
    #subContent input[type="tel"],
    #subContent input[type="number"] {border-width: 1.4px;}

    /* ------------------------------------------- 로그인 ------------------------------------------- */

    #subContent .tamnao-logo {text-align: center; margin: 25px 0 20px 0; }
    #subContent .tamnao-logo img {width: 175px; position:relative; margin-bottom:5px; top:9px;}
    #subContent .tamnao-logo p {margin-top:9px; font-size:.8rem;}
    #subContent .login .find-join a{text-align: center; margin-top: 8px; font-size: .9rem; }
    #subContent a.btn, subContent button.btn, #subContent a.btn-submit {font-size: .8rem; font-weight: bold;}
    #subContent .btn-list .btn{padding: 24px 0;font-size: 1.4rem; height:9px; line-height: 9px;}
    #subContent .reserve #lpointUseMainBtn, #subContent .reserve #lpointSaveMainBtn {font-size: .8rem; width:130px; height:43px; }

    .wrap-naver a img, .wrap-kakao a img {width: 52px;}
    .sns-login-area.typeA .wrap-kakao a,
    .sns-login-area.typeA .wrap-naver a { height:55px; line-height: 35px; border-width:1px;}
    .sns-login-area.typeA .wrap-naver a {margin:25px 0 0;}
    .sns-login-area.typeA .wrap-naver span.naver-logo,
    .sns-login-area.typeA .wrap-kakao span.kakao-logo{font-size: .97rem; }

    .user-y .login-check input[type="checkbox"] + label{font-size: .9rem;  margin-top: 11px; padding-left:25px; line-height:16px;}
    .user-y .login-check input[type="checkbox"] + label:before{width: 17px; height: 17px; top:0; font-size: .9rem; vertical-align: middle; line-height:15px;}

    .bottom span.order{font-size: 1.14rem;}
    .bottom span.nev{font-size: 1.14rem;  font-weight: bold;}

    /* .login-bottom {line-height: 1px; position:relative; top:-4px;} */
    .login-bottom a {font-size:.9rem;}
    /* .login-bottom span.line {padding:0 20px; font-size: 1rem;} */
    #subContent .login-join {font-size:.9rem;}

    #subContent .user-n-air h3 {font-size:.95rem; padding-left:3px;}
    #subContent .user-n-air .center-btn a {font-size:.85rem; width:48%;}
    #subContent .user-n-air .center-btn {width:52%;}
    .login-sns-wrapper {margin-top:60px; margin-bottom:40px;}
    /* ------------------------------------------- 아이디 찾기 -----------------------------------------*/

    #subContent .sub-tabs {height:44px; line-height:40px;}
    #subContent .sub-tabs a.active-on{ font-size: .88rem; border-width:1px 1px 0 1px;}
    #subContent .sub-tabs a.active-off {border-bottom:1px solid #dc5d51; }
    #subContent .sub-tabs a{ font-size: .88rem;}
    #subContent .join .find-txt{ font-size: 1.3rem; line-height: 32px;}
    /* #subContent .btn-list .btn{margin-top: 13px} */

    /* ------------------------------------------- 비회원 주문 ----------------------------------------*/
    #subContent .lower-text {font-size:.9rem; line-height: 20px;}
    #subContent .lower-text .lower-text-2 {padding-top:10px;}
    #subContent .deli-address .addr-wrap .btn {height:41px; line-height:41px; }
    #subContent .reserve dl.goods-price dt {font-size:.86rem; padding:8px;}


    /* ---------------------------------------- 휴면계좌 번호인증 --------------------------------------*/

    .text-typeA-wrapper{margin: 20px 0 13px 0;}
    .text-typeA-wrapper .big {font-size: .88rem; }
    .text-typeA-wrapper .big span.user{font-size: 1.3rem;}
    .text-typeA-wrapper .small {font-size: .88rem;}

    #subContent .join .txt-bt-none1 span.text-color{font-size: 1rem;}
    #subContent .join .txt-bt-none1{font-size: 1rem; line-height: 24px; margin-top: 30px; padding-top: 25px;}
    #subContent .join .txt-bt-none2{font-size: 1rem; line-height: 13px;}

    /* ----------------------------------------------- 회원가입 ------------------------------------------------------*/
    #subContent .join table .full-1{height: 55px; line-height: 50px; border-width: 1px; letter-spacing: -.5px; }
    #subContent .join table .full-1 input#email_id{width: 40%; height:52px; line-height:52px; font-size: .88rem;  padding-left: 15px; margin:0; top:0;}
    #subContent .join table .full-1 input#email_host{width: 50%; height:52px; line-height:52px; padding-left:8px; font-size: .88rem;}
    #subContent .join table .full-1 span {padding-left:15px;}
    #subContent .join table .full-1 span.at-sign{font-size: 1rem; line-height:45px; padding-left:1px;}


    #subContent .all-check input[type="checkbox"] + label:before{position: absolute; top: 0px; width:14px; height:14px; line-height:14px;}
    #subContent .all-check label{width: 100%; font-size: .85rem; padding-left: 23px;}
    #subContent .btn-list .btn{ font-size:1rem; letter-spacing: -.3px;}



    /*보류*/
    .sns-login-area-typeA .wrap-naver{padding: 15px 25px; margin-bottom: 8px;}
    .sns-login-area-typeA .wrap-kakao{padding: 15px 25px;}
    .sns-login-area-typeA .wrap-naver span.naver-logo1,
    .sns-login-area-typeA .wrap-kakao span.kakao-logo1{font-size: 1.1rem;}
    /* ----------------------------------------------- //회원가입 ------------------------------------------------------*/


    /* ------------------------------------------ 장바구니 ---------------------------------------*/
    #subContent .cart .check-title-wrap p{font-size:1.2rem; width:50%; line-height: 25px;}
    #subContent .cart .check-title-wrap .check-title2 {font-size:1rem;}
    .cart .check2 {padding: 11px 0 0 36px;}
    #subContent .cart .check-all {font-size:1rem; height:25px;}
    #subContent .cart-img img {top:60px; height:158px;}
    #subContent .cart .check-title-wrap {top:49px; }
    #subContent .cart dl.check-goods a.option {
        width:17%; height:39px; line-height: 40px; top:20px; font-size:.95rem; border-width: 1px;}
    #subContent .cart dl.check-goods img.close {width:20px; top:6px; right:6%;}
    #subContent .cart dl.price {height:60px; /*padding:0 24px;*/}
    #subContent .cart .price #sv_totalJumunAmt {font-size:1.2rem;}
    #subContent .cart .price .sv_totalJumunAmt2 {font-size:1.7rem; line-height: 133px;}
    #subContent .cart .price .sv_totalmoney {line-height: 80px;}
    #subContent .cart-img img {width:33%; top:46px; height:125px;}
    #subContent a.btn-btn1, #subContent button.btn-btn1,
    #subContent a.btn-btn2, #subContent button.btn-btn2 {font-size:1.4rem;}

    #subContent .reserve #waitingTime {background-size:14px; padding-left:18px; font-size:.9rem; margin-top:18px;}
    #subContent .side-wrap a.btn {height:30px; line-height:30px;}

    /* 로딩바 */
    .loading-bar1 {width: 230px;}
    .loading-bar2 {width: 35px;}
}

/* iPhone 6 Plus / Font Size */
@media screen and (min-width: 415px) {

    /* ------------------------------------------- 로그인 ------------------------------------------- */

    #subContent .tamnao-logo {text-align: center; margin: 8px 0 30px 0; }
    #subContent .tamnao-logo img {width: 200px; top:37px; margin-bottom:32px; ;position:relative;}
    #subContent .tamnao-logo p {margin-top:10px; font-size:.9rem;}
    #subContent .login .find-join a{text-align: center; margin-top: 8px; font-size: 1rem;  }
    #subContent a.btn, subContent button.btn, #subContent a.btn-submit {font-size: .9rem; font-weight: bold;}

    #subContent .btn-list .btn{padding: 24px 0; /*argin-top: 9px;*/ font-size: 1.4rem; height:20px; line-height: 20px;}
    #subContent .sub-content2 .btn-list .btn {color:#fff; margin-top:10px;}

    .wrap-naver a img, .wrap-kakao a img {width: 62px; position:relative;}
    .sns-login-area.typeA .wrap-kakao a,
    .sns-login-area.typeA .wrap-naver a{ height:65px; line-height: 43px; border-width:1px;}
    .sns-login-area.typeA .wrap-naver a{margin:26px 0 0;}
    .sns-login-area.typeA .wrap-naver span.naver-logo,
    .sns-login-area.typeA .wrap-kakao span.kakao-logo{font-size: 1.1rem;}

    .user-y .login-check input[type="checkbox"] + label:before {width:18px; height:18px; line-height:15px;}
    .user-y .login-check input[type="checkbox"] + label{font-size: 1em; margin-top: 12px; padding-left:26px; line-height:16px;}
    .bottom span.order{font-size: 1.2rem; }
    .bottom span.nev{font-size: 1.2rem;  font-weight: bold;}

    .login-bottom { line-height: 10px; }
    .login-bottom a {font-size:1.15rem;}
    #subContent .login-join {font-size:1.08rem;}
    #subContent .user-n-air h3 {font-size:1.1rem;}
    .login-sns-wrapper {margin-top:70px; margin-bottom:43px;}

    /* ------------------------------------------- 비회원 주문 ----------------------------------------*/

    #subContent .lower-text {font-size:1rem; line-height: 23px;}
    #subContent .lower-text .lower-text-2 {padding-top:10px;}
    #subContent .reserve #lpointUseMainBtn, #subContent .reserve #lpointSaveMainBtn {font-size:.85rem; width:136px; height:40px; }
    #subContent .deli-address .requests select {padding-left:12px;}

    /* ----------------------------------------------- 회원가입 ------------------------------------------------------*/
    #subContent .join table .full-1 {height:63px; line-height:63px; }
    #subContent .join table .full-1 input#email_id{width: 40%; height:61px; line-height:61px; margin: 0; padding-left: 20px; font-size: 1rem;}
    #subContent .join table .full-1 input#email_host{width: 47%; height:61px; line-height:61px; font-size: 1rem; left:15px;}
    #subContent .join table .full-1 span {padding-left:20px;}
    #subContent .join table .full-1 span.at-sign{font-size: 1.1rem; padding-left:5px; line-height:60px;}
    #subContent .all-check {margin-top:5px;}
    #subContent .all-check label{ width: 100%; font-size: 1rem; padding-left: 25px;}
    #subContent .all-check input[type="checkbox"] + label:before{position: absolute; top: 0; width:16px; height:16px; line-height:16px; }
    #subContent .btn-list .btn {font-size:1.1rem;}

    #subContent .join-agree .ad-check input[type="checkbox"] {width:18px; height:15px; line-height:15px;}

    /*보류*/
    .sns-login-area-typeA .wrap-naver{padding: 18px 25px; margin-bottom: 8px;}
    .sns-login-area-typeA .wrap-kakao{padding: 18px 25px;}
    .sns-login-area-typeA .wrap-naver span.naver-logo1,
    .sns-login-area-typeA .wrap-kakao span.kakao-logo1{font-size: 1.1rem;}
    /* ----------------------------------------------- //회원가입 ------------------------------------------------------*/


    #subContent .cart .check-title-wrap {width:57%; top:71px;}
    #subContent .cart .check-title-wrap p {font-size:1.23rem; letter-spacing: -1px; width:42%;}
    #subContent .cart-img {width:27%; left:6%; }
    #subContent .cart dl.check-goods a.option {font-size:1rem; top:-16px; height:47px; line-height: 47px;}
    #subContent .cart dl.check-goods dd {height: 280px;}
    #subContent a.btn-btn1, #subContent button.btn-btn1,
    #subContent a.btn-btn2, #subContent button.btn-btn2 {font-size:1.5rem;}
    #subContent .cart .check-title-wrap {width:70%;}

    #subContent .cart-img img { width:29%; }

    #subContent .sub-tabs a.active-on,
    #subContent .sub-tabs a.active-off{font-size: 1rem; }
    #subContent .sub-tabs {line-height: 48px; top:15px; position: relative;}
    #subContent .btn-list .btn1 {padding:24px 0; height:20px;}

    /* ----------------------------------------------- 장바구니 ------------------------------------------------------*/
    .check-goods dd p {font-size:.95rem;}
    #subContent .cart dl.price {padding:20px; }
    #subContent .cart dl.check-goods dd a {height:30px; line-height:30px; font-size:.83rem; }

    #subContent .reserve #waitingTime {background-size:14px; padding-left:18px; font-size:.9rem; margin-top:18px;}
    #subContent .side-wrap a.btn {height:30px; line-height:30px;}

    /* 로딩바 */
    .loading-bar1 {width: 260px;}
    .loading-bar2 {width: 38px;}

}



/* --------------------------------------------------------- Renewal SocialList  ------------------------------------------------------------------ */


/* - SocialList - */

.swiper-button-next {
    background-image: url("../../images/web/r_main/page_next.png");
    background-size: 40px;
    width: 40px;
    height: 40px;
    right: -17px;
}
.swiper-button-prev {
    background-image: url("../../images/web/r_main/page_prev.png");
    background-size: 40px;
    width: 40px;
    height: 40px;
    left: -17px;
}
.swiper-button-prev,
.swiper-button-next {
    top: calc(50% - 20px);
}
.swiper-button-prev,
.swiper-button-next {
    z-index: 4;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 1;
    pointer-events: all;
}
.socialBest .product-area .memo {
    width: 200px;
}

/* - BestSection - */
.socialBest {
    margin-top: 50px;
}
.socialBest h2 {
    display: inline-block;
    padding-bottom: 25px;
}
.socialBest .product-area ul li {
    position: relative;
    float: left;
    width: 210px;
}
.socialBest .product-area ul li a {
    display: block;
}
.socialBest .product-area .photo {
    width: 275px;
    height: 260px;
    overflow: hidden;
    border-radius: 8px;
}
.socialBest .product-area .photo img {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.socialBest .product-area .photo img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.socialBest .product-area .bx-info {
    width: 275px;
    color: #222222;
    font-size: 16px;
    text-align: center;
    font-family: "NotoSans";
    margin-top: 10px;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;
}
.socialBest .product-area .bx-info .text__name {
    font-family: "NotoSans";
    font-weight: 600;
}
.socialBest .product-area .bx-info .text__memo {
    font-size: 14px;
}
.socialBest .product-area .bx-info .box__price {
    padding-top: 5px;
}
.socialBest .product-area .bx-info .box__price .text__price {
    font-weight: 700;
    font-size: 22px;
    font-family: "Roboto";
}
.socialBest .product-area .bx-info .box__price .text__unit {
    text-align: center;
    font-size: 14px;
}


/* 제주관광지 모아보기 btn 추가 */
.contentsWrap {
    position: relative;
    display: inline-flex;
    justify-content: end;
    width: 904px;
    margin: 0 auto;
}
.contentsWrap.restaurant {
    position: relative;
    top: 15px;
    width: 1200px;
}
#popOpenBtn {
    width: 219px;
    height: 55px;
    background: url("../../images/web/sub/map_tourist_banner.png") 0 no-repeat;
    margin-bottom: 25px;
}
#popOpenBtnAdd {
    width: 219px;
    height: 55px;
    background: url("../../images/web/sub/map_restaurant_banner.png") 0 no-repeat;
}

/* 레이어팝업 영역 */
.popCmmn {
    display: none;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap:  wrap;
    -ms-flex-wrap:  wrap;/* IE10 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.popBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.zoom {
    display: inline-block;
    top: 50%;
    left: 50%;
    margin: -436px 0 0 -753px;
    cursor: zoom-in;
}
.zoomout {cursor: zoom-out;}
.sub_craft {
    position: relative;
    right: 41px;
    left: 91%;
    bottom: 381px;
}
.sub_craft > button.popCloseBtnCmmn {
    z-index: 1;
    transition:all 0.3s;
}
.sub_craft > button.btn_dec {
    margin-right: 13px;
    border: 2px solid #fff;
    padding: 10px;
    height: 46px;
    vertical-align: middle;
}
.sub_craft .down_txt {
    font-family: "Roboto";
    color: #fff;
    margin-left: 7px;
    font-size: 0.85rem;
    vertical-align: middle;
}


/* - ItemArea - */
.item-area {
    position: relative;
    display: block;
    margin: 50px 0 40px;
}
.thumLabel {
    position: absolute;
    display: block;
    width: 30px;
    border-radius: 8px 0 0 0;
    line-height: 17px;
    padding: 8px 10px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #373737;
    font-family: "NotoSans B";
    z-index: 30;
}
.item-area .box__image {
    position: relative;
    overflow: hidden;
    width: 270px;
    height: 270px;
    border-radius: 8px;
}
.socialItem .item-area .box__image img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.socialItem .item-area .box__image img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.box__information {
    position: relative;
    font-size: 15px;
    color: #222;
    margin-top: 4px;
}
.box__information .bxTitle {
    width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-family: "NotoSans";
    font-weight: 600;
}
.box__information .bxEvent {
    color: #555;
    font-family: "NotoSans";
    font-weight: normal;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box__information .bxPrice {
    display: table;
    font-family: "Roboto";
    font-weight: 600;
    padding-top: 10px;
    color: #222;
}
.box__information .bx_label {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    color: #bfbfbf;
    font-size: 11px;
    letter-spacing: 0;
}
.box__information .bxPrice .text__unit {
    text-align: center;
    font-size: 15px;
    font-family: "NotoSans";
    font-weight: 400;
    padding-left: 2px;
    vertical-align: middle;
}
.box__information .bxPrice .per_sale {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    font-family: "Roboto";
    color: #e8202e;
    margin-right: 3px;
    vertical-align: middle;
}
.box__information .bxLabel {
    position: absolute;
    display: inline-block;
    margin-top: 8px;
    /*width: 220px;*/
}
.box__information .bxLabel.search-box-area {width: 220px;}
.box__information .bxLabel.sp-box-area {
    width: 270px;
    text-align: left;
}
.box__information .bxLabel .main_label {
    display: inline-block;
    padding: 0 3px;
    margin-right: 4px;
    height: 15px;
    border-radius: 2px;;
    font-family: "Roboto";
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 15px;
}
.box__information .bxLabel .main_label:first-child {margin-right: 2px;}
.box__information .bxLabel .main_label.eventblue {
    border: 1px solid rgba(100, 35, 255);
    color: #6423ff;
    background-color: rgba(100, 35, 255, 0.04);
}
.box__information .bxLabel .main_label.pink {
    border: 1px solid #DE1724;
    color: #DE1724;
    background-color: #fff;
}
.box__information .bxLabel .main_label.yellow {
    border: 1px solid #ffcc00;
    color: #000;
    background-color: #ffcc00;
}
.box__information .bxLabel .main_label.back-red {
    border: 1px solid #DE1724;
    color: #fff;
    background-color: #DE1724;
}
.box__information .bxLabel .main_label.back-purple {
    border: 1px solid #6423ff;
    color: #fff;
    background-color: #6423ff;
}
.main_label_JQ {
    position: absolute;
    top: 0;
    text-indent: -9999px;
    right: 10px;
    width: 60px;
    height: 60px;
    background-image: url("../../images/web/r_main/label_JQ.png");
    background-size: 60px;
    z-index: 9999;
}


/* col4 */
.item-area ul.col4 .list-item {
    display: inline-block;
    height: 390px;
    margin-right: 35px;
    margin-top: 25px;
    background-color: transparent;
}
.socialItem  ul.col4 li:nth-child(4n+0) {
    margin-right: 0;
}
.item-area ul.col4 .box__information .bxTitle {width: 265px;}
.item-area ul.col4 .box__information .bxEvent {
    width: 265px;
    line-height: 20px;
    font-size: 13px;
}
.item-area ul.col4 .box__information .bxPrice {
    font-size: 22px;
    line-height: 15px;
}

/* col5 */
.item-area ul.col5 .list-item {
    display: inline-block;
    height: 350px;
    margin-right: 20px;
    margin-top: 29px;
    background-color: #fff;
}

/* 20.05.26 김지연 추가 */
.item-area ul.col5 .list-item.off {
    display: none;
}

.socialItem ul.col5 li:nth-child(5n+0) {
    margin-right: 0;
}
.item-area ul.col5 .box__image {
    width: 220px;
    height: 220px;
    overflow: hidden;
}
.item-area ul.col5 .box__image img {
    width: 100%;
    height: 100%;
}
.item-area ul.col5 .box__information .bxTitle {
    width: 220px;
}
.item-area ul.col5 .box__information .bxEvent {
    width: 220px;
    line-height: 20px;
    font-size: 13px;
}
.item-area ul.col5 .box__information .bxPrice {
    font-size: 22px;
}
.item-area ul.col5 .box__information .bxPrice .text__deadline {
    display: inline-block;
    color: #e8202e;
    font-size: 0.8rem;
}


/* - 하이제주 배너 - */
.socialHijeju {
    margin: 45px 0 0;
}
.socialHijeju .area_flex {
    margin: 0 auto;
    width: 100%;
    height: 70px;
    text-align: center;
    background-color: #373737;
}
.socialHijeju .area_flex a {
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
}
.socialHijeju .area_flex span {
    color: #fd6;
}


/* - CheckArea - */

/* MapCheck */
.tab_check {
    display: block;
    padding: 25px 20px;
    margin: 40px 0 10px;
    border: 1px solid #ebebeb;
}
.tabTitle {
    display: inline-block;
}
.tabTitle p{
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #2e2c2c;
}
.tabTitle span {
    padding-left: 10px;
    font-size: 15px;
    color: #757575;
    font-family: "NotoSans L";
}
.tab_check .tabArea1 {
    position: relative;
    height: 65px;
    line-height: 55px;
}
.tab_check .tabArea1 .areaMap {
    position: absolute;
    display: inline-block;
    right: 0;
    /*width: 700px;*/
    height: 65px;
}
.tab_check .tabArea1 .areaMap li {
    display: inline-block;
    overflow: hidden;
    float: left;
    background-image: url("../../images/web/sub/areamap.png");
    background-repeat: no-repeat;
    width: 85px;
    height: 65px;
    line-height: 100px;
    padding: 0 10px;
}
.tab_check .tabArea1 .areaMap li.map_list02 {
    background-position: -90px 0;
}
.tab_check .tabArea1 .areaMap li.map_list03 {
    background-position: -190px 0;
}
.tab_check .tabArea1 .areaMap li.map_list04 {
    background-position: -290px 0;
}
.tab_check .tabArea1 .areaMap li.map_list05 {
    background-position: -390px 0;
}
.tab_check .tabArea1 .areaMap li.map_list06 {
    background-position: -490px 0;
}
.tab_check .tabArea1 .areaMap li.map_list07 {
    background-position: -590px 0;
}
input[type=checkbox].are_map {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
input[type=checkbox].are_map + label.label_chk {
    display: block;
    height: 65px;
    color: #313030;
    font-size: 14px;
    letter-spacing: -.9px;
    cursor: pointer;
    font-family: "NotoSans";
}
.areamap input[type="checkbox"] + label:before {
    content:'';
    width: 20px;
    height: 14px;
    background-image: url("../../images/web/ad/square.png");
    background-size: 14px auto;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
}
input[type=checkbox].are_map:checked + label:before {background-position: 0 -14px;}


/* KeywordCheck */
.tab_check .mainTabMenu1 {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 30px;
    padding-top: 30px;
}
.tab_check .mainTabMenu1 ul.menuList {
    float: right;
}
.tab_check .mainTabMenu1 ul.menuList li {
    float: left;
    position: relative;
}
.tab_check .mainTabMenu1 ul.menuList li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    color: #313030;
    padding: 0 10px;
    margin-left: 10px;
}
.tab_check .mainTabMenu1 ul.menuList li .select {
    color: #DE1724;
    font-weight: bold;
    opacity: 1;
    border-bottom: 2px solid #DE1724;
}
.tab_check .mainTabMenu1 ul.menuList li a:hover {
    color: #dd2e2e;
    opacity: 1;
}
.tab_check .mainTabMenu1 ul.menuList li a img {
    display: block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin: 0 auto 5px;
}
.tab_check .mainTabMenu1 ul.menuList li.on a {
    border: 1px solid #fd0035;
    z-index: 20;
}

/* SortFilter */
.__sort {
    position: relative;
    display: inline-block;
    width: 1200px;
    text-align: right;
    float: right;
    top: 17px;
    margin-bottom: 20px;
    z-index: 44;
}
.__sort li {
    position:relative;
    display:inline-block;
    margin:0 10px;
}
.__sort li button {
    overflow: visible;
    border:0;
    background-color:transparent;
    cursor: pointer;
    font-size:15px;
    color:#757575;
}
.__sort .sort.active {
    font-weight: 700;
    color:#000000;
    background: url("../../images/web/ad/checking.jpg") 0 50% no-repeat;
    background-size:14px auto;
    padding-left:18px;
}



/* - SearchResult - */

/* SearchWord */
.sh-top {
    margin-top: 50px;
}
.box__result {
    font-size: 25px;
    padding-bottom: 5px;
    color: #111;
}
.box__result em {
    font-style: normal;
    font-weight: 600;
}
.box__result strong {
    font-size: 18px;
    padding-left: 5px;
    color: #0ec3b2;
    font-family: "Roboto M";
}
.box__sch{
    height: 32px;
    padding: 10px 0 ;
    border-bottom: 1px solid #f1f1f1;
}
.box__sch .box__keyword {
    display: inline-block;
    width: 950px;
    float: left;
    font-family: "NotoSans";
}
.box__sch .box__keyword h3 {
    float: left;
    width: 70px;
    font-size: 14px;
    line-height: 32px;
}
.box__sch .box__keyword li {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 32px;
    margin-left: 20px;
    cursor: pointer;
}
.box__sch .box__keyword li a {
    color: #333;
}
.box__sch .box__keyword li a:hover {
    color: #067dfd;
    text-decoration: underline;
}
.box__sch .sort-search {
    position: absolute;
    display: inline-block;
    right: 0;
}
.box__sch .sort-search input[type=text] {
    float: left;
    width: 190px;
    font-size: 13px;
}
.box__sch .sort-search .sort-search-btn {
    width:32px;
    height:32px;
    border:1px solid #ccc;
    background: url("../../images/web/ad/find.png") 50% 50% no-repeat;
    background-size:21px;
}

/* 콘텐츠 없을 시 */
.item-noContent {
    clear: both;
    font-size: 16px;
    text-align: center;
    padding: 150px 0;
    margin-top: 60px;

} /* 기존 p.item-noContent */
.item-noContent > p.text {
    display: block;
    width: auto;
    font-size: 18px;
    text-align: center;
    color: #161515;
    line-height: 28px;
}
.side-noContent {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    padding-top: 5px;
    color: #5f5f60;
}
.noContent_keyword {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}
.noContent_keyword .title {
    display: inline-block;
}
.noContent_keyword ul {
    display: inline-block;
}
.noContent_keyword li {
    display: inline-block;
    padding-left: 10px;
}
.noContent_keyword li a {
    color: #0d70ea;
}
.noContent_keyword li a:hover {
    color: #ff2929;
    text-decoration: underline;
}

/* ItemArea */
.listTitle1 {
    position: relative;
    font-size: 18px;
    line-height: 20px;
}
.listTitle1 span {
    font-size: 15px;
    color: #0ec3b2;
    padding-left: 3px;
}
.listTitle1 .more {
    position: absolute;
    float: right;
    right: 0;
    font-size: 14px;
    font-weight: normal;
    color: #777;
    cursor: pointer;
}
.srh_more {
    margin-top: 40px;
    text-align: center;
}
.srh_more .btn_more {
    width: 500px;
    height: 50px;
    border: 1px solid #222;
    font-size: 14px;
    font-family: "NotoSans";
    line-height: 48px;
    color: #222;
}
.srh_more .btn_more:after {
    display: inline-block;
    width: 13px;
    height: 12px;
    margin: 19px 0 0 4px;
    background-position: 0;
    vertical-align: top;
    content: "";
}
.btn_more:after {
    background: url("../../images/web/r_main/updown.png") no-repeat;
}

/* 배송지키미-탐나오 LAYER-POPUP */
#delivery_lookup {top: 25%;}
#delivery_lookup .content-wrap {
    width: 601px;
    border: none;
    box-shadow: none;
    height: 700px;
}
#delivery_lookup #goodsflowIframe {
    height: 649px;
}
#delivery_lookup .comm-layer-popup .content-wrap {
    border: none;
    box-shadow: none;
}
#delivery_lookup .installment-head {background-color: #000;}
#delivery_lookup .installment-head .title {
    position: relative;
    display: inline-block;
    font-size: 0.95rem;
    padding: 15px 20px;
    font-family: Roboto;
    color: #fff;
}
#delivery_lookup .installment-head .close {
    position: relative;
    top: 0;
    right: 20px;
    border: none;
    float: right;
}


/* - 여행사상품 - */
/* 단체관광 및 골프패키지 문의 */
.btnPack .pack_btn {
    text-align: center;
    margin-top: 15px;
}
.btnPack .pack_btn a {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    font-family: "Notosans";
    text-decoration: underline;
    background: url("../../images/web/ad/checking.jpg") 0 50% no-repeat;
    background-size: 14px auto;
    padding-left: 17px;
}
#package_info .installment-head .title {
    position: relative;
    display: inline-block;
    font-size: 25px;
    padding: 30px 25px 20px;
}
#package_info .installment-head .title::after {
    content: "";
    width: 100%;
    height: 11px;
    background-color: #a4ffeb;
    padding-right: 5px;
    margin-top: -13px;
    float: left;
}
#package_info .installment-head .close {
    position: relative;
    top: 0;
    right: 0;
    border: none;
    float: right;
    padding: 27px;
}
#package_info .installment-head .close img {width: 27px;}
#package_info .packCon {
    padding: 0 25px;
}
#package_info .packCon .packList {
    display: inline-block;
    padding: 15px 0 30px;
}
#package_info .packCon .packList h3 {
    font-size: 19px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}
#package_info .packCon .recommend-list li {
    display: inline-block;
    float: left;
    width: 245px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding-right: 2px;
}
#package_info .packCon .recommend-list li:nth-child(2n+0) {padding-right: 0;}
#package_info .packCon .recommend-list li a {color: #222;}
#package_info .packCon .recommend-list li .name {
    padding-right: 5px;
    font-family: "NotoSans M";
}
#package_info .packCon .recommend-list li a:hover {
    color: #067dfd;
    text-decoration: underline;
}


/* 여행사상품 Tab */
.category-tab {
    position: relative;
    display: block;
    width: 100%;
    height: 52px;
    text-align: center;
    margin-bottom: 25px;
}
.category-tab .tabList {
    display: table-cell;
    margin-right: -5px;
    width: 1%
}
.category-tab .tabList a {
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #000;
    font-family: "NotoSans M";
    border: 1px solid #ccc;
}
.category-tab .tabList a.active {
    color: #e8202e;
    border: 1px solid #e8202e;
}


.socialItem .mainTabMenu1 ul.menuList li.split {width: 200px;}
.socialItem .mainTabMenu1 ul.menuList li.split a {
    border-top: none; background: url("../../images/web/menu/tab_bg_off.jpg") no-repeat center;
}
.socialItem .mainTabMenu1 ul.menuList li.split a span {
    display: inline-block; line-height: 16px; font-weight: bold;
    background: #f9f9f9; color: #313030; border-radius: 15px; padding: 5px 10px;
}
.socialItem .mainTabMenu1 ul.menuList li.split a span .icon {
    display: inline-block; vertical-align: middle; width: 18px; height: 17px;
    background: url("../../images/web/menu/star_off.png") no-repeat center;
}
.socialItem .mainTabMenu1 ul.menuList li.split a span small {color: #313030; font-size: 13px;}

.socialItem .mainTabMenu1 ul.menuList li.split a.select {
    background-image: url("../../images/web/menu/tab_bg_on.jpg"); border: none; border-bottom: 1px solid #fd0035;
}
.socialItem .mainTabMenu1 ul.menuList li.split a.select span {
    background: #006ce6; color: #fff;
}
.socialItem .mainTabMenu1 ul.menuList li.split a.select span .icon {
    background-image: url("../../images/web/menu/star_on.png");
}
.socialItem .mainTabMenu1 ul.menuList li.split a.select span small {color: #fff;}


/* 판매순, 가격순, 최신상품순 */
.socialItem .mainTabMenu1 ul.array {margin: 20px 0; position: relative;}
.socialItem .mainTabMenu1 ul.array li {
    display: inline-block; margin-left: 15px; font-size: 13px; line-height: 18px; vertical-align: middle;
    background: url("../../images/web/list/02.gif") no-repeat left center; padding-left: 8px; position: relative;
}
.socialItem .mainTabMenu1 ul.array li:first-child {margin-left: 0;}
.socialItem .mainTabMenu1 ul.array li > a {color: #9e9e9e; float: left;}
.socialItem .mainTabMenu1 ul.array li a:first-child {margin-right: 5px;}
.socialItem .mainTabMenu1 ul.array li a:hover {color: #333;}
.socialItem .mainTabMenu1 ul.array li.select {background: url("../../images/web/icon/check.gif") no-repeat left center; padding-left: 18px;}
.socialItem .mainTabMenu1 ul.array li.select a {color: #525151; font-weight: 700;}
.socialItem .mainTabMenu1 ul.array li.selList {background: none; position: absolute; right: 0; top: -2px;}
.socialItem .mainTabMenu1 ul.array li.selList select {min-width: 150px;}
.socialItem .mainTabMenu1 ul.array li.selList .sail-check {position: relative; top: 5px;}

.socialItem .mainTabMenu1 .align-option ul.array {display: inline-block; vertical-align: middle;}
.socialItem .mainTabMenu1 .align-option ul.array:first-child {margin-right: 15px;}
.socialItem .mainTabMenu1 .align-option ul.group {border: 1px solid #cccccc; border-radius: 20px; overflow: hidden; padding-right: 20px;}
.socialItem .mainTabMenu1 .align-option ul.group .title {
    background: #cccccc; color: #3f3838;
    margin: 0 5px 0 0; padding-left: 18px; padding-right: 14px; position: relative;
}
.socialItem .mainTabMenu1 .align-option ul.group .title::after {
    content: ""; position: absolute; top: 0; right: -21px;
    width: 0px; height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
    border-left: 6px solid #cccccc;
}
.socialItem .mainTabMenu1 .align-option ul.group li {padding-top: 6px; padding-bottom: 6px;}


/* 선박 */
.vesselBack {
    height: 165px;
    padding: 0;
    background-image: url("../../images/web/sub/vessel_back.png");
    background-repeat: no-repeat;
    background-position: center;
}
.vesselTitle {
    padding: 48px;
}
.vesselTitle .title {
    color: #fff;
    font-size: 30px;
    font-family: "NotoSans";
    font-weight: 700;
}
.vesselTitle .sub_title {
    color: #fff;
    font-size: 15px;
    font-family: "NotoSans L";
    padding-top: 3px;
}
.prdtArea {
    padding: 40px 0;
}
.product-slide-area h2.title {
    display: inline-block;
    font-size: 26px;
}
.product-slide-area span {
    font-size: 18px;
    font-family: "NotoSans L";
    color: #c2c2c2;
    padding-left: 4px;
}
.goRegion {
    position: relative;
    top: 14px;
    float: right;
    height: 23px;
    line-height: 23px;
}
.goRegion .goList {
    float: left;
    color: #fff;
    background-color: #3f3f3f;
    padding: 0 8px;
    margin-left: 10px;
}
.vessel .item-area {
    margin: 0px;
}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Enter your style code */
    .zoom{
        cursor: pointer;
        display: inherit;
        width: 1550px;
    }
}
/* 로그인 */


/* iPad Pro / Font Size */
@media screen and (min-width: 1024px) {

    /* 주문완료시 유모차/카시트 배너 추가 */
    .carseat-banner-m a {
        background-image: url("../../images/mw/banner/carseat-m-415.jpg"); background-repeat:no-repeat; display:inline-block; min-height:287px; background-size:100%;
        width:100%; margin-top:20px;}
    .carseat-banner-m img {display: none;  margin-top:15px; }
}

/* Responsive adjustments */
@media (max-width: 1500px) {

    /* 개인정보 수집 및 이용동의 */
    #collection-agreement.comm-layer-popup_fixed .content-wrap {
        overflow-y: scroll;
        height: 600px;
        margin-top: -300px;
    }

}

/* Mypage - IE10+ 설정 값 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    table.product-list td.left2 {position: relative; top: -7px;}
}