@charset "utf-8";

/* ******************  서브공통 ********************** */


/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#333; border-color:#333}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* Tab 공통 스타일02 */
.cm-tab-style {position:relative; width:100%;height:70px; margin-bottom:60px;}
.cm-tab-style .cm-tab-inner {text-align:center; width:100%; height:69px; }
.cm-tab-style .cm-tab-inner ul {display:flex; align-items:center; justify-content:center; flex-wrap: wrap; }
.cm-tab-style .cm-tab-inner ul li{ position:relative; max-width:150px; width:50%;  } /* max-width 자유롭게 수정 */
.cm-tab-style .cm-tab-inner ul li > a{
	display:block; 
	display:table; 
	position:relative;
	width:100%;
	height:69px; 
	line-height:1.2; 
	color:#333; 
	font-size:18px; 
	letter-spacing:-0.5px; 
	font-weight:600; 
	word-break:keep-all;
}
.cm-tab-style .cm-tab-inner ul li:before{
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	background-color:#f9f9f9;
	content:""; z-index:0;
}
.cm-tab-style .cm-tab-inner ul li:first-child:before {border-top-left-radius:10px; border-bottom-left-radius:10px;}
.cm-tab-style .cm-tab-inner ul li:last-child:before {border-top-right-radius:10px; border-bottom-right-radius:10px;}
.cm-tab-style .cm-tab-inner ul li > a:before {content:""; position:absolute; width:100%; height:100%; border-radius:10px; box-shadow:5px 5px 20px rgba(0, 0, 0,0.26); opacity:0;}
.cm-tab-style .cm-tab-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 15px; position:relative; z-index:1;}


.cm-tab-style .cm-tab-inner ul li:first-child.on > a ,
.cm-tab-style .cm-tab-inner ul li:first-child.selected  > a {color:#fff; background-color:#f08700; border-radius:10px;}

.cm-tab-style .cm-tab-inner ul li:nth-child(2).on > a ,
.cm-tab-style .cm-tab-inner ul li:nth-child(2).selected > a  {color:#fff; background-color: #FEBE8C; border-radius:10px;}

.cm-tab-style .cm-tab-inner ul li:nth-child(3).on > a ,
.cm-tab-style .cm-tab-inner ul li:nth-child(3).selected > a  {color:#fff; background-color: #F7A4A4; border-radius:10px;}

.cm-tab-style .cm-tab-inner ul li:nth-child(4).on > a ,
.cm-tab-style .cm-tab-inner ul li:nth-child(4).selected > a  {color:#fff; background-color: #7bb34b; border-radius:10px;}

.cm-tab-style .cm-tab-inner ul li:nth-child(5).on > a ,
.cm-tab-style .cm-tab-inner ul li:nth-child(5).selected > a  {color:#fff; background-color: #FFAD60; border-radius:10px;}

.cm-tab-style .cm-tab-inner ul li:nth-child(6).on > a ,
.cm-tab-style .cm-tab-inner ul li:nth-child(6).selected > a  {color:#fff; background-color: #DF7861; border-radius:10px;}

.cm-tab-style .cm-tab-inner ul li:nth-child(7).on > a ,
.cm-tab-style .cm-tab-inner ul li:nth-child(7).selected > a  {color:#fff; background-color: #874C62; border-radius:10px;}

.cm-tab-style .cm-tab-inner ul li:nth-child(8).on > a ,
.cm-tab-style .cm-tab-inner ul li:nth-child(8).selected > a  {color:#fff; background-color: #76549A; border-radius:10px;}


.cm-tab-style .cm-tab-inner ul li.on > a:before ,
.cm-tab-style .cm-tab-inner ul li.selected > a:before {opacity:1; z-index:9;}


@media all and (max-width:980px){
    .cm-tab-style {height: auto;} 
    .cm-tab-style .cm-tab-inner {height: auto;}
    .cm-tab-style .cm-tab-inner ul {}
}

@media all and (max-width:800px){
	.cm-tab-style {margin-bottom:30px;}
	.cm-tab-style .cm-tab-inner ul li > a {height:49px; font-size:13px;}
}






/* ******************  공통 ********************** */
.cm-img-animation {overflow:hidden;}
.cm-img-animation img ,
.cm-img-animation.bg {animation:2s linear imgScale;}
@keyframes imgScale{
    0%{
      transform:scale(1.1);
    }
    100%{
      transform: scale(1);
    }
  }

/* ****************** SSSAK ********************** */
.about-page {padding:114px 0;}
.about-top-con {position:relative; background:url("../images/content/about_bg.jpg") no-repeat center / cover; overflow:hidden; }
.about-top-con .txt-box {position:absolute; width:100%; top:50%; transform:translateY(-50%); text-align:center;}
.about-top-con .txt-box span {display:block; font-size:1.25em; line-height:1.3; color: #7f7f7f; margin-top: 10px; max-width:145px; margin:0 auto; text-align:left;}
.about-top-con .txt-box span .first {display:inline-block; vertical-align:text-bottom; line-height:1.75; font-size:1.5em; font-weight:600; opacity:0; color: #fff; }
.about-top-con .img-box .img {width:50%; display:block; float:left; padding-top:50px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.about-top-con .img-box img {max-width:100%;}
.about-top-con .img-box .img.left {padding-left:126px; padding-right:224px;}
.about-top-con .img-box .img.right {padding-right:126px; padding-left:224px;}
.about-top-con.animated .txt-box span .first {opacity:1; transition:opacity 0.4s ease-in-out; -webkit-transition-delay:0.4s; transition-delay:0.4s;}
.about-top-con.animated .splitting .char {opacity:1; transition:opacity 0.4s ease-in-out;}

.about-con {position:relative; margin-top:65px;}
.about-con:before {content:"GREETINGS"; position:absolute; left:0; top:10px; width:100%; font-size:243px; color: rgba(0,0,0,0.05); font-weight:700;}
.about-con .txt-box {text-align:center; font-size:1.25em; color: #373737; line-height:1.7; }
.about-con .txt-box .txt {margin-top:1.5em; font-weight:400;}
.about-con .txt-box .txt b {display:block; margin-top:1.5em;}


/* ******************  Product :: List ********************** */
.prd-list-con {margin:-1.048%;}
.prd-list-con .prd-list-item {float:left; width:47.9%; margin:1.048%; text-align:center; color: #2d2d2d;}
.prd-list-con .prd-list-item a {display:block; }
.prd-list-con .prd-list-item .img-wrap {display:block; position:relative; padding-top:68.17%; overflow:hidden; }
.prd-list-con .prd-list-item .name {display:block; font-size:24px; letter-spacing:0.00833em; margin:28px; line-height:1; }
.prd-list-con .prd-list-item .name span {display:block; font-size:16px; line-height:1.66;}

/* ******************  Product :: View ********************** */
.prd-view-con,
.prd-view-con table * {font-family:'Pretendard', sans-serif;}
.prd-view-con .prd-view-tit {display:block;  font-size: 5em; letter-spacing: -0.03125em; color: #2e2e2e; line-height:1.2;}
.prd-view-con .video-box {position:relative; background-color: #ddd;}
.prd-view-con .item-box .txt-box .hidden-txt {display:block; } 
.prd-view-con .item-box.animated .txt-box .hidden-txt {animation: 0.8s linear hiddenTxt forwards 1.8s;} 
@keyframes hiddenTxt {
  0%{
    opacity: 0;
  }
  100%{
    margin-bottom: 0;
    opacity: 1;
  }
}

/* -------- View :: 상단 -------- */
.prd-view-top {padding:115px 0 78px; background-color:#f5f5f5; }
/* 제품 정보 */
.prd-view-top-con .info-box {float:left; width:50%; margin-top:30px;}
.prd-view-top-con .info-tit {display:block; font-size: 1.375em; letter-spacing: -0.01136em; color: #2e2e2e; margin-bottom:15px;}
.prd-view-top-con .tit-box .name {font-size:4.125em; letter-spacing:-0.02em; line-height:1.15em; color: #2e2e2e; font-weight:600;}
.prd-view-top-con .tit-box .name > span {display:inline-block; }
.prd-view-top-con .tit-box .txt {font-size:1.25em; letter-spacing:-0.0125em; line-height:1.7em; color: #7b7b7b; margin-top:20px; }
.prd-view-top-con .tit-box .check-txt {position:relative; padding-left: 20px; font-size:1em; letter-spacing:-0.015625em; line-height:1.7em; color: #7b7b7b; margin-top: 28px;}
.prd-view-top-con .tit-box .check-txt i {position:absolute; left:0; top:0.25em; }
/* 개폐타입 종류 */
.prd-view-top-con .type-box {margin-top:65px; }
.prd-view-top-con .type-box .type-list-drop-box {position:relative; width:290px; border: 2px solid #b3b3b3; font-size:18px; color: #2e2e2e; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2); z-index:9;}
.prd-view-top-con .type-box .type-drop-open-btn {display:flex; justify-content:space-between; align-items:center;  height:60px; padding:0 25px 0 38px; background-color:#fff; color: inherit; font-weight: 600; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.prd-view-top-con .type-box .type-drop-open-btn i {font-size:20px;}
.prd-view-top-con .type-box .type-list-drop-box.open .type-drop-open-btn i:before {content:"\e945";}
.prd-view-top-con .type-box .type-drop-list {position:absolute; top:60px; left:-2px; width:100%; background-color: #f5f5f5; border:2px solid #b3b3b3; border-top:0;  }
.prd-view-top-con .type-box .type-drop-list li > a {display:table; width:100%; height:60px; padding:0 25px 0 38px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.prd-view-top-con .type-box .type-drop-list li > a em {display:table-cell; vertical-align:middle; }
.prd-view-top-con .type-box .type-drop-list {display:none;}
/* 색상 */
.prd-view-top-con .color-box {margin-top:65px;}
.prd-view-top-con .color-box .color-list {margin:0 -5px;}
.prd-view-top-con .color-box .color-list li {float:left; width:140px; height:134px; margin:0px 5px;}
.prd-view-top-con .color-box .color-list li .color-item {position:relative; display:table; width:100%; height:100%; background-color:#fff; border: 1px solid #d8d8d8; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}
.prd-view-top-con .color-box .color-list li .color-item .inner {display:table-cell; vertical-align:middle; text-align:center;}
.prd-view-top-con .color-box .color-list li .color-item:before {content:""; width:100%; height:100%; border:1px solid #b3b3b3; position:absolute; top:0; left:0; opacity:0; transition: opacity 0.4s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.prd-view-top-con .color-box .color-list li .color-item .tit {display:block; color: #9f9f9f; font-size:18px; margin-top:20px; transition: color 0.4s; }
.prd-view-top-con .color-box .color-list li.selected .color-item {border-color:#b3b3b3; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2); }
.prd-view-top-con .color-box .color-list li.selected .color-item:before  {opacity:1;}
.prd-view-top-con .color-box .color-list li.selected .color-item .tit {color: #000;}
/* 제품이미지 */
.prd-view-top-con .img-box {float:left; width:50%; overflow:hidden;}
.prd-view-top-con .img-box .img-wrap {position:relative; padding-top:144.92%;}
.prd-view-top-con .img-box .big-slide-box {float:left; width:calc(100% - 158px); padding-right:115px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.prd-view-top-con .img-box .big-slide-box li:not(.slick-active) img {opacity:0;}
.prd-view-top-con .img-box .big-slide-box.show img {opacity:1;}
.prd-view-top-con .img-box .thumb-slide-box {float:right; width:158px;}
.prd-view-top-thumb-slide {}
.prd-view-top-thumb-slide li {position:relative; margin-bottom:14px; padding-right:20px;}
.prd-view-top-thumb-slide li .img-wrap:before {content:""; width:100%; height:100%; border:2px solid #535353; position:absolute; top:0; left:0; box-shadow:6px 6px 15px rgba(0, 0, 0, 0.26); opacity:0; transition: opacity 0.4s; cursor:pointer; z-index:2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.prd-view-top-thumb-slide li.slick-current .img-wrap:before {opacity:1; }
.prd-view-top-thumb-slide .img-wrap span {display:block; position:absolute; top:37px; bottom:37px; left:0; right:0; }
/* 제품이미지 슬라이드 컨트롤 */
.prd-view-top-slide-controls {display:flex; align-items:center; margin-top:90px;}
.prd-view-top-slide-controls .dots-box {position:relative; width:calc(100% - 210px);}
.prd-view-top-slide-controls .dots-box .slick-dots {display:table !important; width:100%; table-layout:fixed;}
.prd-view-top-slide-controls .dots-box .slick-dots li {display:table-cell; vertical-align:top;}
.prd-view-top-slide-controls .dots-box .slick-dots li button {display:block; position:relative; width:100%; height:3px; background-color:#d9d9d9;font-size:0;}
.prd-view-top-slide-controls .dots-box .bar {display:block; width:33.33%; height:100%; background-color:#242424; position:absolute; top:0; left:0; transition:  width 0.4s; z-index:9;}
.prd-view-top-slide-controls .dots-box .slick-dots li button:before {content:""; display:block; width:0; height:100%; background-color:#242424; position:absolute; top:0; left:0;  z-index:9;}
.prd-view-top-slide-controls .dots-box .slick-dots li.slick-active button:before {width:100%;}
.prd-view-top-slide-controls .count-box {font-size:13px; color: #a6a6a6; margin:0 	40px 0 50px;}
.prd-view-top-slide-controls .count-box .cur-num {color: #2e2e2e;}
.prd-view-top-slide-controls .count-box .middle {margin:0 5px;}
.prd-view-top-slide-controls .arrow-box .slick-arrow {font-size:18px; color: #2e2e2e;}
.prd-view-top-slide-controls .arrow-box .slick-arrow.slick-prev {margin-right:30px;}

.prd-view-top-info-m {display:none;}


/* -------- View :: 제품상세정보 -------- */
/* View01 */
#prdViewCon01 {position:relative;  overflow:hidden;}
#prdViewCon01 .bg {display:block; position:absolute; width:100%; height:100%;  background:url("https://www.sssak.co.kr/images/content/prd_view_con01_bg_AK-S101P-FS(DG).jpg") center no-repeat; background-size:cover;}
#prdViewCon01 #prd-img.bg {display:block; position:absolute; width:100%; height:auto; bottom:0; background:none;}
#prdViewCon01 #prd-img.bg img {width:100%; max-width:1920px; margin: 0 auto;}
#prdViewCon01 .con-box {position:relative; z-index:1;}
#prdViewCon01 .con-box .left-box {float:left; margin-top:190px;}
#prdViewCon01 .con-box .right-box {float:right; margin-top:300px; margin-bottom:136px;}
#prdViewCon01 .con-box .right-box .tit {display:block; font-size:2.5em; line-height:1.4; letter-spacing: -0.0625em; color: #2e2e2e; margin-top:20px;}
#prdViewCon01 .con-box .right-box .txt {font-size:1.375em; line-height:1.6363; letter-spacing: -0.022727em; color: #4d4d4d; margin-top:40px;}
#prdViewCon01 .img-box {display:none;}

/* View02 */
#prdViewCon02 {background-color:#1a1a1a; padding:120px 0 140px;}
#prdViewCon02 .tit-box {text-align:center; position:relative;}
#prdViewCon02 .tit-box .tit {position:relative; /* font-size:5em; */ display:block; color: #fff; margin-top:6px;}
#prdViewCon02 .tit-box .tit  span {display:inline-block;}
#prdViewCon02 .tit-box .tit:nth-child(1) span {margin-left:-172px;}
#prdViewCon02 .tit-box .tit:nth-child(3) span { margin-left:68px;} 
#prdViewCon02 .tit-box .txt {font-size:1.75em; color: #7b7b7b; letter-spacing: -0.00833em; line-height:1.3; font-weight:700; margin-top:35px;}
#prdViewCon02 .video-box {padding-top:56.25%; margin-top:50px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }

/* View03 */
#prdViewCon03 {padding:160px 0 180px;}
#prdViewCon03 .item-box {display:flex; align-items:center; padding-top:216px;}
#prdViewCon03 .item-box:first-child {padding-top:0;}
#prdViewCon03 .item-box:nth-child(odd) {flex-direction:row-reverse; }
#prdViewCon03 .item-box .txt-box .prd-view-tit > .color {color: #ac8c7f;}
#prdViewCon03 .item-box .txt-box .txt {font-size:1.375em; line-height:1.63em; letter-spacing:-0.022727em; color: #7b7b7b;}
#prdViewCon03 .item-box.item01 .video-box {width:64.429%;}
#prdViewCon03 .item-box.item01 .video-box .video-wrap {position:relative; padding-top:56.2%;}
#prdViewCon03 .item-box.item01 .txt-box {position:relative; width:35.571%; padding-left:80px; z-index:9; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#prdViewCon03 .item-box.item01 .txt-box .note-txt {position:relative; display:inline-block; font-size: 1.125em;color: #9d1a1a; margin-top:32px; z-index:99;}
#prdViewCon03 .item-box.item01 .txt-box .note-txt span {display:inline-block; vertical-align:middle; margin:0 5px;}
#prdViewCon03 .item-box.item01 .txt-box .note-txt p {cursor:pointer}
#prdViewCon03 .item-box.item01 .txt-box .note-txt p i {vertical-align:middle; margin-top:-2px;}
#prdViewCon03 .item-box.item01 .txt-box .note-txt p i:first-child {}
#prdViewCon03 .item-box.item01 .txt-box .con-txt03 {margin-top:30px; overflow:hidden;}
#prdViewCon03 .item-box.item01 .txt-box .hidden-txt {margin-bottom:-1.6363em;}
#prdViewCon03 .item-box.item01 .txt-box .modal-box {position:absolute; left:50%; transform:translateX(-50%); margin-left:15px; top:100%; margin-top:10px; width:22.88em; border:2px solid #c4c4c4; font-size:1em; letter-spacing:-0.02777em; line-height:1.3; opacity:0; visibility:hidden; transition: all 0.4s;}
#prdViewCon03 .item-box.item01 .txt-box .modal-box dl {position:relative;}
#prdViewCon03 .item-box.item01 .txt-box .modal-box dl:before {
	  content:""; width: 0px;height: 0px; position:absolute; bottom:100%; left:50%; margin-left:-5px;
	  border-top:10px solid none;
	  border-bottom:10px solid #c4c4c4;
	  border-right: 10px solid transparent;
	  border-left: 10px solid  transparent;
}
#prdViewCon03 .item-box.item01 .txt-box .modal-box dt {display:flex; justify-content: space-between; background-color:#f4f4f4; padding:0.833em 1.666em;  }
#prdViewCon03 .item-box.item01 .txt-box .modal-box dt button {font-size:1em; color: #2e2e2e;}
#prdViewCon03 .item-box.item01 .txt-box .modal-box dd {background-color:#fff; padding:0.833em 1.666em; color: #4d4d4d;}
#prdViewCon03 .item-box.item01 .txt-box .modal-box.show {opacity:1; visibility:visible;}

#prdViewCon03 .item-box.item02 .video-box {width:53.429%;}
#prdViewCon03 .item-box.item02 .video-box .upgrade { position:absolute; left:100%; top:0; width:65px; height:420px; background:url("../images/content/prd_view_con03_txt.jpg") no-repeat;}
#prdViewCon03 .item-box.item02 .video-box .video-wrap {position:relative; padding-top:56.28%;}
#prdViewCon03 .item-box.item02 .txt-box {width:46.571%; padding-right:20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#prdViewCon03 .item-box.item02 .txt-box .con-txt02 {margin-top:32px;}
#prdViewCon03 .item-box.item03 .img-box {width:50.785%;}
#prdViewCon03 .item-box.item03 .img-box img {max-width:100%;}
#prdViewCon03 .item-box.item03 .txt-box  {width:50.785%; padding-left:135px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#prdViewCon03 .item-box.item03 .txt-box .con-txt02 {margin-top:30px;}
#prdViewCon03 .item-box.item03 .txt-box .con-txt03 {color: #ac8c7f; font-size:3.125em; font-weight:600; letter-spacing: 0.01em; line-height: 1.4; margin-top:40px; overflow:hidden;}
#prdViewCon03 .item-box.item03 .txt-box .hidden-txt {margin-bottom:-3.125em;}

/* View04 */
#prdViewCon04 {padding-top:155px;  background:url("../images/content/prd_view_con04_bg.jpg") center no-repeat; background-size:cover;}
#prdViewCon04 .prd-view-tit {text-align:center; color: #fff;}
#prdViewCon04 .con-box {position:relative; }
#prdViewCon04 .con-box .img-box { position:absolute; bottom:0; width:100%; overflow:hidden;}
#prdViewCon04 .con-box .img-box img {width:100%;}
#prdViewCon04 .con-box .list-wrap {padding:150px 0 180px;}
#prdViewCon04 .con-box .list-wrap .list-box {float:left; width:50%; text-align:center; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
#prdViewCon04 .con-box .list-wrap .list-box.box01 {padding-right:320px; padding-left:40px;}
#prdViewCon04 .con-box .list-wrap .list-box.box02 {padding-right: 40px; padding-left: 320px;}

#prdViewCon04 .list-box .tit-box .tit {display:block; font-size:48px; color: #8c6f5c; font-weight:600;}
#prdViewCon04 .list-box .tit-box .en-txt {display:block; font-size:16px; color: #8c6f5c; letter-spacing: 0.1875em; font-weight:500; margin-top:15px;}
#prdViewCon04 .list-box .point-list {margin-top:55px;}
#prdViewCon04 .list-box .point-list li {position:relative; margin-top:30px;}
#prdViewCon04 .list-box .point-list li:first-child {margin-top:0px;}
#prdViewCon04 .list-box .point-list li dl {position:relative; }
#prdViewCon04 .list-box .point-list li dt {height:80px; background-color:#363636; font-size:22px; letter-spacing: -0.022727em; color: rgba(255,255,255,0.5); box-shadow:20px 20px 20px rgba(0, 0, 0, 0.35); border-radius:50px; transition:all 0.4s; z-index:2;}
#prdViewCon04 .list-box .point-list li dt span {display:table; width:100%; height:100%;}
#prdViewCon04 .list-box .point-list li dt span em {display:table-cell; vertical-align:middle;}
#prdViewCon04 .list-box .point-list li dd {position:absolute; top:0; left:0; width:100%; height:0; background-color:#fff; border-radius:40px; overflow:hidden; opacity:0; transition: all 0.4s;}
#prdViewCon04 .list-box .point-list li dd .open-box {position:relative; padding:47px 25px; }
#prdViewCon04 .list-box .point-list li dd .open-box .tit {font-size:22px; letter-spacing: -0.022727em; color: #303030; font-weight:600;}
#prdViewCon04 .list-box .point-list li dd .open-box .txt {font-size:16px; letter-spacing: -0.03125em; line-height:1.75em; color: #7b7b7b; margin-top:23px;}
#prdViewCon04 .list-box .point-list li dd .open-box .close-btn {position:absolute; top:22px; right:25px; font-size:24px; color: #303030; }
#prdViewCon04 .list-box .point-list li.open dd {opacity:1; z-index:2; height:auto;} 

/* View05 */
#prdViewCon05 {padding:100px 0 140px; background-color: #f5f5f5;}
#prdViewCon05 .tbl-box {margin-top:120px;}
#prdViewCon05 .tbl-box:first-child {margin-top:0px;}
#prdViewCon05 .tbl-box .tbl-tit {position:relative; padding-right:100px;; font-size:40px; color: #2e2e2e; letter-spacing:-0.0625em;	padding-bottom:18px;} 
#prdViewCon05 .tbl-box .tbl-tit span {position:absolute; right:0; bottom:18px; font-size: 16px; letter-spacing:-0.5px; color: #7b7b7b; font-weight:400;}
#prdViewCon05 .tbl-box .tbl-inner-box {display:flex;}
#prdViewCon05 .tbl-box .prd-view-tbl { border-top:2px solid #000; table-layout:fixed;}
#prdViewCon05 .tbl-box .prd-view-tbl th ,
#prdViewCon05 .tbl-box .prd-view-tbl td {font-size:18px; color: #7b7b7b; line-height:1.3; letter-spacing: -0.0277em; padding:17px; border-bottom:1px solid #ddd;}
#prdViewCon05 .tbl-box .prd-view-tbl th {background-color:#fff; font-weight:600; color: #000;}
#prdViewCon05 .tbl-box .prd-view-tbl td {padding-left:25px;}

/* 관련제품 리스트 */
#prdListSlide {padding:100px 0 130px;}
#prdListSlide .cm-tab-style .cm-tab-inner ul li:before {background-color: #e6e6e6; }
.prd-list-slide {padding:0 50px; text-align:center;}
.prd-list-slide li .img-wrap {position:relative; padding-top:100%;}
.prd-list-slide li .img-wrap span {position:absolute; display:block; top:44.5px; bottom:44.5px; left:0; right:0;}
.prd-list-slide li .category {display:block; font-size:18px; color: #2e2e2e; margin-top:20px;}
.prd-list-slide li .name {display:block; font-size:18px; color: #8e8e8e; margin-top:20px; line-height:1.3;}
.prd-list-slide .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); font-size:36px; color: #383532;}
.prd-list-slide .slick-arrow.slick-prev {left:0; }
.prd-list-slide .slick-arrow.slick-next {right:0; }


.cm-tab-style.service-top-menu .cm-tab-inner ul li:before {background-color: #e6e6e6; }

.coming-soon {text-align:center; margin:80px 0 0;}
.coming-soon dd {font-size:18px; letter-spacing: -0.25px; color: #969696; line-height:1.66; margin-top:45px;}
@media all and (max-width:800px){
	.coming-soon {margin:40px 0 0;}
	.coming-soon dd {font-size:14px; margin-top:30px;}
}

/* ****************** 마우스 커서 ********************** */
.mousepointer {
    background:#f08700;
    z-index: 60000;
    position: fixed;
    top: 0;
    left: 0;
    transform: scale(0);
    pointer-events: none;
    font-size: 18px;
    font-weight:700;
    text-align: center;
    line-height: 1em;
    width: 90px;
    height: 90px; 
    color:#fff;
    transition: transform 0.3s ease-in-out 0s;
    border-radius: 100%;
}
.is-mobile .mousepointer{display:none;}
.mousepointer.active {
    transform: scale(1)
}

.mousepointer .pointers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.mousepointer p {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    overflow: hidden
}
.mousepointer p span {
    transition: opacity 0.3s ease-in-out 0s;
    opacity: 0;
    display: block
}
.mousepointer p.active span {
    opacity: 1
}


/* -------- View :: 제품상세정보 :: 수정(220318) -------- */
.prd-view-tit .color{color:#c4b394;}
/* View01 */
#prdViewCon01Re{position:relative;  overflow:hidden;}
#prdViewCon01Re .bg {display:block; position:absolute; width:100%; height:100%;  background:url("../images/content/product_view_con01_bg.jpg") center no-repeat; background-size:cover;}
#prdViewCon01Re #prd-img.bg {display:block; position:absolute; width:100%; height:auto; bottom:0; background:none;}
#prdViewCon01Re #prd-img.bg img {width:100%; max-width:1920px; margin: 0 auto;}
#prdViewCon01Re .con-box{padding:9.37% 0 5%;}
#prdViewCon01Re .left-box{float:left; width:100%; margin-bottom:22.5%;}
#prdViewCon01Re .left-box .prd-view-tit{display: block; font-size:110px; line-height:1.2; font-weight:600; color:#fff; margin:33px 0 20px;}
#prdViewCon01Re .left-box .prd-view-txt{font-size:26px; letter-spacing:-0.25px; color:#858585;}
#prdViewCon01Re .right-box{float:right; position: relative;}
#prdViewCon01Re .right-box .prd-rotate-arrow{position: relative; display: block; width:105px; height:106px; text-align:center; line-height:106px;}
#prdViewCon01Re .right-box .prd-rotate-arrow:before{position: absolute; content:''; width:100%; height:100%; top:0; left:0;  background:no-repeat center; background-image:url('../images/content/product_view_con01_txt.png'); animation: rotate_txt 10s linear infinite;}

@keyframes rotate_txt{
	100% { transform: rotate(360deg); } 
}

/* View02 */
#prdViewCon02Re{position:relative;  overflow:hidden;}
#prdViewCon02Re .bg {display:block; position:absolute; width:100%; height:100%;  background:url("../images/content/product_view_con02_bg.jpg") center no-repeat; background-size:cover;}
#prdViewCon02Re #prd-img.bg {display:block; position:absolute; width:100%; height:auto; bottom:-2px; background:none;}
#prdViewCon02Re #prd-img.bg img {width:100%; max-width:1920px; margin: 0 auto;}
#prdViewCon02Re .con-box{position: relative; text-align:center; margin:29.71% 0 21.57%;}
#prdViewCon02Re .con-box .prd-view-tit{font-size:5.625em; line-height:1.2; letter-spacing:-0.25px; color:#fff; font-weight:600;}
#prdViewCon02Re .con-box .prd-view-txt{font-size:1.75em; line-height:1.5; letter-spacing:-0.5px; color:#fff; opacity:0.4; margin-top:38px;}
#prdViewCon02Re .con-box .prd-view-txt2{font-size:3.75em; line-height:1.5; letter-spacing:-0.5px; color:#fff; font-weight:500; margin-top:11px;}

/* View03 */
#prdViewCon03Re{background:#191919; padding:7.5% 0 12.42%;}
#prdViewCon03Re .top-con-box{text-align:center; margin-bottom:8.92%;}
#prdViewCon03Re .top-con-box .prd-view-tit{font-size:5em; line-height:1.2; letter-spacing:-0.25px; color:#fff; font-weight:600; margin-bottom:27px;}
#prdViewCon03Re .top-con-box .prd-view-txt{font-size:3.75em; line-height:1.5em; letter-spacing:-0.25px; color:#fff; font-weight:500; margin-bottom:46px;}
#prdViewCon03Re .top-con-box .prd-view-txt-list{display: flex; align-items: center; width:100%; margin-bottom:71px;}
#prdViewCon03Re .top-con-box .prd-view-txt-list dl{width:26.42%; text-align:center;}
#prdViewCon03Re .top-con-box .prd-view-txt-list dl dt{position: relative; display: inline-block; font-size:20px; line-height:1.5em; letter-spacing:-0.25px; color:#c4b394; margin-bottom:11px;}
#prdViewCon03Re .top-con-box .prd-view-txt-list dl dt:before{position: absolute; content:''; width:100%; height:2px; background:#c4b394; bottom:1px; left:0;}
#prdViewCon03Re .top-con-box .prd-view-txt-list dl dd{font-size:2.375em; line-height:1.57em; letter-spacing:-0.25px; color:#fff; font-weight:300}
#prdViewCon03Re .top-con-box .prd-view-txt-list .prd-view-dotted{display: flex; justify-content: space-around; width:10.37%; padding-bottom:15px;}
#prdViewCon03Re .top-con-box .prd-view-txt-list .prd-view-dotted span{display: block; width:4px; height:4px;}
#prdViewCon03Re .top-con-box .prd-view-txt-list .prd-view-dotted span:nth-child(even){background:#a2a2a2;}
#prdViewCon03Re .top-con-box .prd-view-txt-list .prd-view-dotted span:nth-child(odd){background:#393939;}
#prdViewCon03Re .top-con-box .prd-view-txt-list .prd-view-dotted span:nth-child(3n){background:#fff;}
#prdViewCon03Re .top-con-box .prd-view-txt02{display: inline-block; padding:10px 65px; background:rgba(255,255,255,0.1); font-size:22px; line-height:1.63; letter-spacing:-0.5px; color:#7b7b7b; border-radius:30px;}

#prdViewCon03Re .item-box{display: flex; align-items: center; margin-bottom:128px;}
#prdViewCon03Re .item-box:last-child{margin-bottom:0;}
#prdViewCon03Re .item-box .txt-box{width:50%; box-sizing:border-box;}
#prdViewCon03Re .item-box .txt-box .prd-view-tit{font-size:5em; line-height:1.1; letter-spacing:-0.25px; color:#fff;}
#prdViewCon03Re .item-box .txt-box .prd-view-txt{font-size:3.125em; line-height:1.2; color:#858585; font-weight:300; margin-top:33px;}
#prdViewCon03Re .item-box.item01 .txt-box .prd-view-tit{display: inline-block;}
#prdViewCon03Re .item-box.item01 .txt-box .prd-view-txt{line-height:1.6;}
#prdViewCon03Re .item-box .img-box{position: relative; width:50%;}
#prdViewCon03Re .item-box .img-box img{width:100%;}
#prdViewCon03Re .item-box .video-box{position: relative; width:50%;}
#prdViewCon03Re .item-box .video-box .video-wrap{position: relative; padding-top: 56.28%;}
#prdViewCon03Re .item-box .video-box .video-wrap .video-cover{position: absolute; top:0; left:0; width:100%; height:100%;}
#prdViewCon03Re .item-box.item01{flex-direction:row-reverse;}
#prdViewCon03Re .item-box.item01 .txt-box{padding-left:7.85%;}
#prdViewCon03Re .item-box.item01 .img-box .img-txt{position: absolute; content:''; width:9.14%; height:100%; left:-9.14%; top:0%; }

#prdViewCon03Re .item-box.item02 .txt-box{padding-right:5.42%;}
#prdViewCon03Re .item-box.item02 .img-box .img-txt{position: absolute; content:''; width:9.42%; height:100%; left:-9.42%; top:0%;}

#prdViewCon03Re .item-box.item03{flex-direction:row-reverse;}
#prdViewCon03Re .item-box.item03 .txt-box{padding-left:7.85%;}

html:not(.no-js) [data-scroll="fade-up"].con03-txt-animation{
    -webkit-transform: translate3d(0, 90px, 0);
    transform: translate3d(0, 90px, 0);
	transition-duration: 1s;
}

/* View04 */
/* #prdViewCon04Re{position:relative;  overflow:hidden;}
#prdViewCon04Re .bg {display:block; position:absolute; width:100%; height:100%;  background:url("/images/content/product_view_con04_bg.jpg") center no-repeat; background-size:cover;}
#prdViewCon04Re .con-box{position: relative; margin:140px 0 0px; padding-bottom:38.85%;}
#prdViewCon04Re .con-box .txt-box{position: relative; z-index:9;}
#prdViewCon04Re .con-box .txt-box .prd-view-txt{font-size:18px; line-height:1.5em; letter-spacing:-0.25px; color:#858585; font-weight:600; margin-bottom:50px;}
#prdViewCon04Re .con-box .txt-box .prd-view-tit{font-size:80px; line-height:1.2em; letter-spacing:-0.25px; color:#fff; font-weight:300; margin-bottom:70px;}
#prdViewCon04Re .con-box .txt-box .prd-view-tit span{font-weight:600;}

#prdViewCon04Re .con-box .img-box{position: absolute; width:63.14%; width:883px; bottom:0; right:0; overflow:hidden; padding-bottom:15px;; }
#prdViewCon04Re .con-box .img-box span img{width:100%;filter: drop-shadow(6px 9px 9px rgba(0, 0, 0, 0.23));}
#prdViewCon04Re .con-box .img-box .swiper-wrapper{align-items: flex-end;}

#prdViewCon04Re .prd-view-con04-swiper .swiper-slide .slider-image {transition: padding-bottom 0.8s; }
#prdViewCon04Re .prd-view-con04-swiper .swiper-slide-active .slider-image {width:229px !important; position:relative; left:50%; transform:translateX(-50%); transition: width 0.8s; padding-bottom:55px;}
#prdViewCon04Re .prd-view-con04-swiper .swiper-slide-active .slider-image span {display:block; position:relative;  padding-top:315.72%; width:100%; bottom:0; left:50%; transform:translateX(-50%);}
#prdViewCon04Re .prd-view-con04-swiper .swiper-slide-active .slider-image img {position:absolute; width:100%; bottom:0; left:50%; transform:translateX(-50%);} 


@media all and (max-width:1920px){
	#prdViewCon04Re .con-box .img-box{ padding-bottom:75px;}
}
@media all and (max-width:1366px){
	#prdViewCon04Re .con-box {padding-bottom:0;}
	#prdViewCon04Re .con-box .img-box {position:relative; width:850px; margin:100px 0 0 auto; padding-bottom:140px;}
	#prdViewCon04Re .prd-view-con04-swiper .swiper-slide-active .slider-image {width:200px !important; padding-bottom:45px; padding-bottom:2.8646vw;}
}
@media all and (max-width:1024px){
	#prdViewCon04Re .bg{background:#303030;}
	#prdViewCon04Re .con-box {margin:140px -15px 0;}
	#prdViewCon04Re .con-box .txt-box {padding:0 15px;}
	#prdViewCon04Re .con-box .img-box {width:100%; margin:100px 0 0; padding-bottom:100px;}
	#prdViewCon04Re .prd-view-con04-swiper .swiper-slide-active .slider-image {width:auto !important; padding-bottom:0;}
}
@media all and (max-width:800px){
	#prdViewCon04Re .con-box {margin:100px -15px 0;}
	#prdViewCon04Re .con-box .img-box {margin-top:70px; padding-bottom:70px;}
} */


#prdViewCon04Re{position:relative;  overflow:hidden;}
#prdViewCon04Re .bg {display:block; position:absolute; width:100%; height:100%;  background:url("../images/content/product_view_con04_bg.jpg") center no-repeat; background-size:cover;}
#prdViewCon04Re .con-box{position: relative; margin:140px 0 0px; padding-bottom:38.85%;}
#prdViewCon04Re .con-box .txt-box{position: relative; z-index:9;}
#prdViewCon04Re .con-box .txt-box .prd-view-txt{font-size:18px; line-height:1.5em; letter-spacing:-0.25px; color:#858585; font-weight:600; margin-bottom:50px;}
#prdViewCon04Re .con-box .txt-box .prd-view-tit{font-size:80px; line-height:1.2em; letter-spacing:-0.25px; color:#fff; font-weight:300; margin-bottom:70px;}
#prdViewCon04Re .con-box .txt-box .prd-view-tit span{font-weight:600;}

#prdViewCon04Re .con-box .img-box{position: absolute; width:63.14%; bottom:0; right:0; overflow:hidden; padding-bottom:11.5%;}
#prdViewCon04Re .con-box .img-box span img{width:100%; filter: drop-shadow(6px 9px 9px rgba(0, 0, 0, 0.23));}
#prdViewCon04Re .con-box .img-box .swiper-wrapper{align-items: flex-end;}
#prdViewCon04Re .con-box .img-box .swiper-wrapper > div{/* transition:all 0.5s; */}
#prdViewCon04Re .con-box .img-box .swiper-slide{width:20%; transition-duration:0s}
#prdViewCon04Re .con-box .img-box .swiper-slide-active{width:32.4% !important; max-width:229px !important; bottom:-20px; transition:width 0.5s;}
#prdViewCon04Re .con-box .img-box .swiper-slide-prev, #prdViewCon04Re .con-box .img-box .swiper-slide-next{width:20% !important; max-width:146px !important; bottom:-10px;}

#prdViewCon04Re .con-box .img-box .prd-view-con04-swiper{width:80%;}

#prdViewCon04Re .swiper-pagination-bullets{bottom:85px;}
#prdViewCon04Re .swiper-pagination-bullet{border-color:#858585; width:10px; height:10px; box-sizing:border-box;}
#prdViewCon04Re .swiper-pagination-bullet-active{background:#858585;}

/* View05 */
#prdViewCon05Re{position:relative;  overflow:hidden;}
#prdViewCon05Re .bg {display:block; position:absolute; width:100%; height:100%;  background:url("../images/content/product_view_con05_bg.jpg") center no-repeat; background-size:cover;}
#prdViewCon05Re .con-box{position: relative; text-align:center; margin:10% 0 8.57%;}
#prdViewCon05Re .con-box .prd-view-tit{font-size:80px; line-height:1.2; letter-spacing:-0.25px; color:#e2be62; font-weight:600;}
#prdViewCon05Re .con-box .prd-view-tit span{font-size:30px; color:#fff; font-weight:300;}
#prdViewCon05Re .con-box .list-box{height:550px; margin-top:65px;}
#prdViewCon05Re .con-box .list-box li{position: relative; display: flex; align-items: center; justify-content: center; width:50%; margin:12px auto; transition:all 0.3s;}
#prdViewCon05Re .con-box .list-box li .txt{font-size:22px; line-height:1.53; letter-spacing:-0.5px; color:#7b7b7b; transition:all 0.3s;}

#prdViewCon05Re .con-box .list-box li.active{/* height:93px;  */ padding:23px 0; margin:2.42% auto;}
#prdViewCon05Re .con-box .list-box li:before{position: absolute; content:''; width:100%; height:100%; background:no-repeat center; background-image:url('../images/content/product_view_con05_border.png'); background-size:contain; opacity:0;}
#prdViewCon05Re .con-box .list-box li.active:before{opacity:1; transition:opacity 0.3s; transition-delay:0.1s;}
#prdViewCon05Re .con-box .list-box li.active .txt{font-size:30px; line-height:1.53; letter-spacing:-0.5px; color:#e1bd61;}


/* -------- View :: 제품상단정보 :: 수정(220331) -------- */
/* 제품 색상 */
.view-type-02 .prd-view-top-con .color-box .color-list li{margin:0 5px 8px;}
@media all and (min-width:1221px){
	.view-type-02 .prd-view-top-con .color-box .color-list li:nth-child(3n){margin-right:20%;}
}
/* 제품정보 마진값 */
@media all and (min-width:1025px){
	.view-type-02.prd-view-top{padding:75px 0 50px;}
	.view-type-02 .prd-view-top-con .info-box{margin-top:0;}
	.view-type-02 .prd-view-top-con .img-box{margin-top:40px;}
	.view-type-02 .prd-view-top-con .tit-box .txt{margin-top:15px;}
	.view-type-02 .prd-view-top-con .tit-box .check-txt{margin-top:22px;}
	.view-type-02 .prd-view-top-con .type-box, .prd-view-top-con .color-box{margin-top:40px;}
	.view-type-02 .prd-view-top-slide-controls{margin-top:50px;}
}

/* 온라인 리스트 페이지 */
.prd-list-con-online .online-item{overflow:hidden;}
.prd-list-con-online .online-item a{position: relative; display: block; width:100%; height:100%; padding:12.14% 6.71% 18%; box-sizing:border-box; /* background:no-repeat center; background-image:url('/images/content/product_list_online_img_01.jpg'); background-size:cover; transition: transform 0.6s, -webkit-transform 0.6s; */}
.prd-list-con-online .online-item a .prd-bg{position: absolute; width:100%; height:100%; top:0; left:0; background:no-repeat center; background-image:url('../images/content/product_list_online_img_01.jpg'); background-size:cover; transition: transform 0.6s, -webkit-transform 0.6s;}
.prd-list-con-online .online-item a .prd-txt-box{position: relative;}
.prd-list-con-online .online-item a .prd-tit{display: block; font-size:4.375em; line-height:1.2em; color:#fff; font-weight:600; margin-top:28px;}
.prd-list-con-online .online-item a .txt{font-size:1.25em; line-height:1.2em; color:#858585; margin-top:16px;}
.prd-list-con-online .online-item a .view-txt{position: relative; display: inline-block; font-size:0.875em; line-height:1.5em; color:#fff; margin-top:58px;}
.prd-list-con-online .online-item a .view-txt i{margin-left:10px;}
.prd-list-con-online .online-item a .view-txt:before{position: absolute; content:''; width:100%; height:1px; background:#fff; bottom:-3px; left:0;}

@media all and (min-width:801px){
	.prd-list-con-online .online-item a:hover .prd-bg{
		-webkit-transform: scale(1.05) rotate(0.01deg);
		-ms-transform: scale(1.05) rotate(0.01deg);
		transform: scale(1.05) rotate(0.01deg);}
}

@media all and (max-width:800px){
	/* .prd-list-con-online .online-item a{padding:100px 50px 150px;} */
	.prd-list-con-online .online-item a .logo img{width:130px;}
	.prd-list-con-online .online-item a .prd-tit{font-size: 40px; margin-top:15px;}
	.prd-list-con-online .online-item a .txt{font-size: 15px; margin-top:5px;}
	.prd-list-con-online .online-item a .view-txt{font-size:12px; margin-top:30px;}
}


#product_info { }
#product_info > .inner { display: flex; z-index: 2; }
#product_info > .inner > * { width: 100%; }
#product_info .photo { position: relative; margin-right: 7%; }
#product_info .photo .label { display: flex; margin-bottom: 10px; position: absolute; top: 10px; left: 10px; z-index: 5; }
#product_info .photo .label > li { background-color: #333; color: #fff; font-size: 12px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 15px; height: 26px; box-sizing: border-box; border-radius: 3px; }
#product_info .photo .label > li + li { margin-left: 5px; }
#product_info .photo .label > li.event { background-color: #306aae; }
#product_info .photo .label > li.special {  }
#product_info .photo .label > li.sale {  }
#product_info .photo .label > li.new { background-color: #7bb34b; }
#product_info .photo .label > li.recom { background-color: #c3a500; }
#product_info .photo .label > li.best { background-color: #f08700; }
#product_info .photo .photo_view { max-width: 680px; }
#product_info .photo .photo_view .swiper-slide { line-height: 0; }
#product_info .photo .photo_view .swiper-slide .img {position: relative; width: 100%; padding-bottom: 100%; overflow: hidden;}
#product_info .photo .photo_view .swiper-slide .img img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%,-50%)}
#product_info .photo .photo_list { max-width: 680px; margin-top: 30px; }
#product_info .photo .photo_list .swiper-wrapper { justify-content: center; }
#product_info .photo .photo_list .swiper-slide { line-height: 0; cursor: pointer; position: relative; opacity: 0.3; }
#product_info .photo .photo_list .swiper-slide:before { content: ''; position: absolute; top: 0; left: 0; border: 1px solid #dadada; width: 100%; height: 100%; box-sizing: border-box; }
#product_info .photo .photo_list .swiper-slide-thumb-active { opacity: 1; }

#product_info .info { /*margin-left: 7%; */padding-top: 10px; }
#product_info .info .title { padding-bottom: 25px; border-bottom: 1px solid #e8e8e8; }
#product_info .info .title .tit { font-size: 32px; font-weight:700; color: #222; }
#product_info .info .title .txt { font-size: 17px; color: #bbbaba; margin-top: 15px; }
#product_info .info .mPrice { display: none; }
#product_info .info .closeBtn { display: none; }
#product_info .info .detail { padding: 25px 0; border-bottom: 1px solid #e8e8e8; }
#product_info .info .detail ul { max-width: 470px; }
#product_info .info .detail ul li { display: flex; }
#product_info .info .detail ul li + li { margin-top: 30px; }
#product_info .info .detail ul li .h { font-size: 15px; color: #7a7a7a; width: 110px; flex: none; padding-right: 20px; box-sizing: border-box;  }
#product_info .info .detail ul li .t { font-size: 15px; color: #666; width: 100%; }
#product_info .info .detail ul li .t span { color: #333; }
#product_info .info .option { padding: 25px 0; border-bottom: 1px solid #e8e8e8; }
#product_info .info .option ul li { display: flex; align-items: center; }
#product_info .info .option ul li + li { margin-top: 10px; }
#product_info .info .option ul li .h { font-size: 16px; color: #333; font-weight: 500; width: 130px; height: 40px; flex: none; padding-right: 20px; box-sizing: border-box; display: flex; align-items: center; }
#product_info .info .option ul li .t { width: 100%; font-size: 16px; color: #666; }
#product_info .info .option ul li .t select {width:100%; height: 50px; border: 1px solid #e4e4e4; font-size: 16px; padding: 0 10px;}
#product_info .info .option .ipt { width: 100%; line-height: 40px; }
#product_info .info .price { padding-top: 10px; }
#product_info .info .price .total { display: flex; justify-content: space-between; align-items: center; }
#product_info .info .price .total .tit { font-size: 1.6em; font-weight: 500; color: #333; }
#product_info .info .price .total .num { font-size: 1.466em; font-weight: 500; color: #222; display: flex; align-items: center; }
#product_info .info .price .total .num strong { font-size:1.5em; }
#product_info .info .price .total .num .sale { font-size: 0.933em; color: #888; margin-right: 10px; text-decoration: line-through; padding-top: 10px; font-weight: normal; }
#product_info .info .price .txt { font-size: 1em; color: #7bb34b; text-align: right; }
#product_info .info .btn_group { margin-top: 30px; display: flex; }
#product_info .info .btn_group > .btn { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.2em; font-weight: 500; box-sizing: border-box; color: #333; border: 1px solid #bdbdbd; background-color: #fff; cursor: pointer; }
#product_info .info .btn_group > .btn + .btn { margin-left: 10px; }
#product_info .info .btn_group > .btn.cart { background-color: #fff; border-color: #bdbdbd; color: #333; }
#product_info .info .btn_group > .btn.buy { background-color: #f08700; border-color: #f08700; color: #fff; }

#product_detail { padding: 0; }
#product_detail > .inner { width: 100%; max-width: 100%; padding-top: 60px; }
#product_detail .tab_menu { position:relative; background-color: #f9f9f9; border-bottom: 1px solid #dadada; width: 100%; z-index: 50; -webkit-transform: translateZ(0); }
#product_detail .tab_menu ul { width: 100%; height: 60px; max-width: 1400px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap;}
#product_detail .tab_menu ul > li {width: 33.3% }
#product_detail .tab_menu ul > li + li {}
#product_detail .tab_menu ul > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 18px; color: #666; position: relative; }
#product_detail .tab_menu ul > li > a span { position: relative; }
#product_detail .tab_menu ul > li.active > a { color: #7bb34b; }
#product_detail .tab_menu ul > li.active > a:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 50%; height: 3px; background-color: #7bb34b; }
#product_detail .tab_menu ul > li.active > a span:after { content: ''; width: 10px; height: 10px; box-sizing: border-box; border-right: 2px solid #7bb34b; border-bottom: 2px solid #7bb34b; transform: rotate(45deg); position: absolute; top: 50%; right: -20px; margin-top: -8px; display: none}
#product_detail .tab_menu.fixed { position: fixed; }

#product_detail .tab_contents { width: 100%; max-width: 1400px; margin: 0 auto; }
#product_detail .tab_contents [id*='tab'] { padding: 40px 0;  }
#product_detail .tab_contents [id*='tab'] { display: none; }
#product_detail .tab_contents [id*='tab'].active { display: block; }
#product_detail .tab_contents #tab1 { padding-bottom: 0; }
#product_detail .tab_contents #tab2,#tab3 {width: 92%; max-width: 1400px; margin: 0 auto;} /* 0422 */
#product_detail .tab_contents .detail_cont { text-align: center; }
#product_detail .tab_contents .diet_cont { width: 92%;margin: 40px auto;} /* 0422 */
#product_detail .tab_contents .diet_cont .head { display: flex; align-items: center; margin-bottom: 30px; }
#product_detail .tab_contents .diet_cont .title { font-size: 1.333em; font-weight: 500; color: #000;  margin-right: 20px;}
#product_detail .tab_contents .diet_cont .em { font-size: 0.933em; color: #7bb34b; }
#product_detail .tab_contents .diet_list + .diet_list { margin-top: 60px; }
#product_detail .tab_contents .diet_list .swiper-nav { display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 20px; }
#product_detail .tab_contents .diet_list .swiper-nav button { width: 27px; height: 19px; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: transparent; border: 0; cursor: pointer; flex: none; }
#product_detail .tab_contents .diet_list .swiper-nav button.prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 27 18.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3CclipPath id='clip-path' transform='translate(4.01 -4.01)'%3E%3Crect class='cls-1' x='-4.01' y='4.01' width='27' height='18.97'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3EVector Smart Object12%3C/title%3E%3Cg class='cls-2'%3E%3Cline class='cls-3' x1='26' y1='9.49' x2='2' y2='9.49'/%3E%3Cpath class='cls-3' d='M5.06,5l-7.78,7.78a1,1,0,0,0,0,1.41L5.06,22' transform='translate(4.01 -4.01)'/%3E%3C/g%3E%3C/svg%3E"); }
#product_detail .tab_contents .diet_list .swiper-nav button.next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 27 18.97'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-3%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bstroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;%7D%3C/style%3E%3CclipPath id='clip-path' transform='translate(4.01 -4.01)'%3E%3Crect class='cls-1' x='-4.01' y='4.01' width='27' height='18.97'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3EVector Smart Object1%3C/title%3E%3Cg class='cls-2'%3E%3Cline class='cls-3' x1='1' y1='9.49' x2='25' y2='9.49'/%3E%3Cpath class='cls-3' d='M13.91,22l7.78-7.78a1,1,0,0,0,0-1.41L13.91,5' transform='translate(4.01 -4.01)'/%3E%3C/g%3E%3C/svg%3E"); }
#product_detail .tab_contents .diet_list .swiper-nav button.swiper-button-disabled { cursor: default; opacity: 0.3; }
#product_detail .tab_contents .diet_list .swiper-nav .page { width: 120px; font-size: 1.066em; color: #bababa; }
#product_detail .tab_contents .diet_list .swiper-nav .page span { color: #000; }
#product_detail .tab_contents .diet_item { display: block; } 
#product_detail .tab_contents .diet_item .img { border-radius: 18px; overflow: hidden; line-height: 0; width: 100%; height: 0; padding-top: 100%; background-color: #eee; background-size: cover; background-repeat: no-repeat; background-position: center; } 
#product_detail .tab_contents .diet_item .cont { padding: 20px 0; text-align: center; }
#product_detail .tab_contents .diet_item .cont .tit { font-size: 1.066em; color: #222; }
#product_detail .tab_contents .diet_item .cont .txt { font-size: 1em; font-weight: 300; color: #7e7e7e; }
#product_detail .tab_contents ul.detail_text > li { display: flex; }
#product_detail .tab_contents ul.detail_text > li + li { margin-top: 40px; }
#product_detail .tab_contents ul.detail_text > li .h { font-size: 1em; font-weight: 500; color: #000; line-height: 1.8; width: 160px; flex: none; box-sizing: border-box; padding-right: 20px; }
#product_detail .tab_contents ul.detail_text > li .t { font-size: 1em; color: #666; line-height: 1.8; }
#product_detail .tab_contents ul.detail_text > li .t .em { color: #c3a500; }

#product_detail .tab_contents .diet_cont.related { padding: 40px 0; position: relative; margin-top: 60px; }
#product_detail .tab_contents .diet_cont.related:after { content: ''; width: 200%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #eff5f3; z-index: -1; }
#product_detail .tab_contents .diet_cont.related .diet_list { padding: 0 45px; }
#product_detail .tab_contents .diet_cont.related .diet_item .img { padding-top: 125%; }
#product_detail .tab_contents .diet_cont.related .swiper-nav { display: none; }

#product_detail .tab_contents .diet_list .swiper-arr button { position: absolute; top: 0; width: 45px; height: 100%; border: 0; background-color: #eff5f3; cursor: pointer; z-index: 2; background-repeat: no-repeat; background-position: center 40%; }
#product_detail .tab_contents .diet_list .swiper-arr button.prev { left: 0; background-image: url(../images/ico/arr_prev.png); }
#product_detail .tab_contents .diet_list .swiper-arr button.next { right: 0; background-image: url(../images/ico/arr_next.png); }

@media all and (max-width:980px) {
    #product_info .info {padding-top: 25px; padding-left: 25px; padding-right: 25px; box-sizing: border-box;}
    
    #product_detail > .inner {padding-top: 40px;}
    #product_info .info .option {padding: 10px 0}
    #product_info .info .option ul li {margin: 20px 0}
    #product_info .info .option ul li .t, #product_info .info .option ul li .h {font-size: 14px;}
    #product_info .info .option ul li .h {height: auto; width: 100px;}
    #product_info .info .option ul li .t select {font-size: 14px;}
    
    #product_detail .tab_contents #tab1 {padding: 0 !important}
    
    #product_detail .tab_menu ul > li > a {font-size: 15px;}
    
    
    #product_info .info .btn_group > .btn {height: 50px; font-size: 14px}
    
    #product_info .photo .photo_view {margin-top: 30px;}
    
    #product_info .info .title .tit {font-size: 25px;}
    #product_info .info .title .txt {margin-top: 7px; font-size: 13px;}
}



 .step {padding-bottom:45px;}
.left-title {    font-size: 28px;  color: #000;  padding: 20px 0; font-weight:bold}
.eusik-order_01 {background:#fff; padding: 0 40px}
.eusik-order_01 .order_content{background:#fff;}
.eusik-order_01 .order_content .left_cont{width:60%;float:left;position:relative; margin-right:5%}
.eusik-order_01 .order_content .right_cont{width:35%;float:right;}
.eusik-order_01 .color_8282882{color:#828282;font-size:14px;}
.eusik-order_01 .order_select_cont{color:#F26522;padding:10px 0 15px;font-weight:bold;font-size:16px;}
.eusik-order_01 .order_select_cont select{height:23px;font-size:15px;}
.eusik-order_01 h4{height:35px;}
.eusik-order_01 .period{position:absolute;left:157px;top:3px; color:#666;font-size:12px;}
.eusik-order_01 .btn_print{position:absolute;right:0;top:3px;cursor:pointer;}
.eusik-order_01 .calendar_cont{width:100%;padding-bottom:15px;}
.eusik-order_01 .calendar_cont table{width:100%;border-left:1px solid #d1d1d1;border-top:2px solid #bfbfbf;}
.eusik-order_01 .calendar_cont th{border-right:1px solid #d1d1d1;border-bottom:1px solid #585858;background:url(/common_file/img/eusik-order/bg_calendar_th.gif) repeat-x left bottom;padding:11px 0;line-height:12pt;font-family:NanumGothicBold;font-size:11pt;}
.eusik-order_01 .calendar_cont td{border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;padding:15px 10px;line-height:12pt;color:#7a7a7a;}
.eusik-order_01 .calendar_cont td span{padding-left:9px;}
.eusik-order_01 .calendar_cont td strong{padding-left:6px;display:inline-block;}
.eusik-order_01 .calendar_cont td img{vertical-align:middle;padding-left:6px;}
.eusik-order_01 .calendar_cont .color_ff6142{color:#ff6142;}
.eusik-order_01 .calendar_cont .holiday_q{padding-left:0;}
.eusik-order_01 .calendar_cont .holiday_q img{padding-left:0;cursor:pointer;}
.eusik-order_01 .calendar_cont .holiday_a{width:140px;color:#ff6142;border:1px solid #ff6142;background:#fff;padding:12px 0;line-height:18px;font-weight:normal;box-sizing:border-box;position:absolute;text-align:center;z-index:2;display:none;}
/*.eusik-order_01 .calendar_cont .holiday_bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:#000;opacity:0.7;filter:alpha(opacity:70);}*/
.eusik-order_01 .day_menu{
width:100%;
max-height:1091px;min-height:183px;overflow:auto;position:relative;
scrollbar-face-color:#f1f1f1;
scrollbar-shadow-color:#6e6e6e;
scrollbar-highlight-color:#f8f8f8;
scrollbar-3dlight-color:#e0e0e0;
scrollbar-darkshadow-color:#f8f8f8;
scrollbar-track-color:#f5f5f5;
scrollbar-arrow-color:#000000;
}
.eusik-order_01 .day_menu ol{float:left;}
.eusik-order_01 .day_menu li{width:442px;float:left;border-bottom:1px dashed #d1d1d1;padding:25px 0 18px;}
.eusik-order_01 .day_menu li div{float:left;}
.eusik-order_01 .day_menu .day_cont{width:67px;height:71px;background:url(../img/eusik-order/icon_03.gif) no-repeat left top;padding-right:87px;}
.eusik-order_01 .day_menu .day_cont strong{display:block;height:19px;text-align:center;padding-top:13px;font-size:11pt;}
.eusik-order_01 .day_menu .day_cont span{display:block;padding:9px 0 0 10px;color:#fdd61f;}
.eusik-order_01 .day_menu .menu_01 b{display:block;width:80px;text-align:center;font-weight:normal;padding-right:95px;}
.eusik-order_01 .day_menu .menu_02 b{display:block;width:80px;text-align:center;font-weight:normal;}
.eusik-order_01 .day_menu table{width:545px;}
.eusik-order_01 .day_menu table th{padding-right:18px;border-bottom:1px dashed #a2a2a2;}
.eusik-order_01 .day_menu table td{border-bottom:1px dashed #a2a2a2;}
.eusik-order_01 .day_menu table .day_box{width:67px;height:71px;background:url(../img/eusik-order/icon_03.gif) no-repeat left top;overflow:hidden;}
.eusik-order_01 .day_menu table .day_box strong{display:block;height:19px;text-align:center;padding-top:13px;font-size:11pt;}
.eusik-order_01 .day_menu table .day_box span{display:block;padding:9px 0 0 25px;color:#fff;}
.eusik-order_01 .day_menu table .menu_cont{width:100%;padding:10px 0;}
.eusik-order_01 .day_menu table .holiday_text{width:450px;padding:35px 0;color:#f26522;line-height:22px;}
/*.eusik-order_01 .day_menu table .menu_cont{width:100%;float:left;padding:10px 0;}*/
.eusik-order_01 .day_menu table .menu_cont img{border:1px solid #d2cecd;}
.eusik-order_01 .day_menu table .menu_cont .select_checkbox{height:25px;}
.eusik-order_01 .day_menu table .menu-01{width:110px;display:inline-block;padding:10px 0;text-align:center;position:relative;}
/*.eusik-order_01 .day_menu table .menu-01{width:110px;float:left;padding:10px 0;text-align:center;}*/
.eusik-order_01 .day_menu table .menu-02{width:110px;display:inline-block;padding:10px 0;text-align:center;position:relative;}
/*.eusik-order_01 .day_menu table .menu-02{width:110px;float:left;padding:10px 0;text-align:center;}*/
.eusik-order_01 .day_menu table .menu-01 .icon_select{position:absolute;right:74px;top:2px;}
.eusik-order_01 .day_menu table .menu-02 .icon_select{position:absolute;right:74px;top:2px;}
.eusik-order_01 .day_menu table .menu-01 b{display:block;width:110px;text-align:center;font-weight:normal;padding-bottom:4px;}
.eusik-order_01 .day_menu table .menu-02 b{display:block;width:110px;text-align:center;font-weight:normal;padding-bottom:4px;}
.eusik-order_01 .import_cont{padding:33px 0 42px;}
.eusik-order_01 .right_cont h4{color:#7a7a7a;}
.eusik-order_01 .post_form{border:2px solid #ff8c76;margin-bottom:35px;}
.eusik-order_01 .post_form .post_choice{padding:15px 0;border-bottom:1px solid #ededed;background:#f9f9f9;text-align:center;line-height:11pt;}
.eusik-order_01 .post_form .post_choice input{vertical-align:-2px;}
.eusik-order_01 .post_form .post_choice span{font-size:10pt;padding:0 38px;}
.eusik-order_01 .post_form .post_entry{/*height:70px*/;padding:10px 0 15px 10px;line-height:20px;letter-spacing:-1px;}
.eusik-order_01 .post_form .post_entry span{float:left;}
.eusik-order_01 .post_form .post_entry span#addrTxt.addr_text_info{display:block;border-top:1px solid #ff8c76;color:#ff8c76;font-weight:bold;text-align:center;margin-right:10px;margin-top:10px;padding-top:5px}
.eusik-order_01 .post_form .post_entry span#order_raddr{padding-right:5px;}
.eusik-order_01 .post_form .post_entry input{border:1px solid #D1D1D1}
.eusik-order_01 .tab_order_tab{height:67px;overflow:hidden;}
.eusik-order_01 .tab_order_tab li{float:left;padding-right:2px;}
.eusik-order_01 .tab_order_tab li.right_none{padding-right:0;}
.eusik-order_01 .tab_cont_01{width:395px;clear:both;}
.eusik-order_01 .tab_cont_01 li{width:365px;float:left;padding:14px 0 7px 20px;overflow:hidden;position:relative;color:#1e1e1e;font-size:10.5pt;color:#666;}
.eusik-order_01 .tab_cont_01 li.li_line{width:362px;padding-top:3px;border-bottom:1px dashed #d1d1d1;}
.eusik-order_01 .tab_cont_01 li.li_top{border-bottom:none;padding-bottom:0;padding-left:0;}
.eusik-order_01 .tab_cont_01 li.li_01 b{margin-right:59px;}
.eusik-order_01 .tab_cont_01 li input{vertical-align:-1px;}
.eusik-order_01 .tab_cont_01 li strong{float:left;font-weight:normal;}
.eusik-order_01 .tab_cont_01 li b{position:absolute;right:7px;top:12px;margin-right:5px;font-size:12pt;color:#1e1e1e;}
.eusik-order_01 .tab_cont_01 li.saleCont{height:57px;line-height:57px;overflow:visible;}
.eusik-order_01 .tab_cont_01 li.saleCont b{text-align:center;line-height:18px;}
.eusik-order_01 .tab_cont_01 li.saleCont b span{color:#828282;display:block;}
.eusik-order_01 .tab_cont_01 li.saleCont b .normalPrice{font-size:14px;margin:5px 0;text-decoration:line-through;}
.eusik-order_01 .tab_cont_01 li.saleCont b .saleNumber{font-size:8pt;}
.eusik-order_01 .tab_cont_01 li.li22nd_party{width:382px;padding:14px 0 0;}

.eusik-order_01 .tab_cont_01_02{clear:both;color:#1e1e1e;font-size:10pt;color:#666;padding:15px 0 0 20px;}
.eusik-order_01 .tab_cont_02{width:395px;padding-bottom:50px;clear:both;}
.eusik-order_01 .tab_cont_02 li{width:395px;float:left;padding:21px 0 21px 4px;border-bottom:1px solid #585858;overflow:hidden;color:#1e1e1e;ffont-size:10pt;color:#666;}
.eusik-order_01 .tab_cont_02 li input{vertical-align:-1px;}
.eusik-order_01 .tab_cont_02 li p{color:#000;font-size:10.5pt;}
.eusik-order_01 .tab_cont_02 li span.span_03{color:#666;font-size:10.5pt;}
.eusik-order_01 .tab_cont_02 li span.span_02{display:block;font-size:10pt;padding-top:8px;line-height:14pt;}
.eusik-order_01 .tab_cont_02 li span.span_04{display:block;font-size:10pt;padding-left:70px;line-height:14pt;}
.eusik-order_01 .tab_cont_02 li .sunday_plus{padding-top:10px;}
.eusik-order_01 .tab_cont_02 li .sunday_plus li{border-bottom:0;padding:3px 0;}
.eusik-order_01 .tab_cont_02 li .sunday_plus li .color_01{color:#FF6142}
.eusik-order_01 .tab_cont_02 li .sunday_plus li .color_02{color:#B9923D}
.eusik-order_01 .tab_cont_02 li .sunday_plus li .color_03{color:#46742D}
.eusik-order_01 .tab_cont_02 li .sunday_plus .span_01_01{display:inline-block;width:42px;}
.eusik-order_01 .tab_cont_02 li .c_46742D{font-size:13pt;color:#46742D;}
.eusik-order_01 .tab_cont_02 li .c_FF6142{font-size:11pt;color:#FF6142;}
.eusik-order_01 .tab_cont_02 li.line_solid .bag_pop_small{float:left;border:1px solid #ddd;padding:3px;margin-right:10px;}
.eusik-order_01 .tab_cont_02 li.line_solid .bag_text{float:left;margin-top:6px;}
.eusik-order_01 .tab_cont_02 li.line_solid .bag_pop_small img{vertical-align:middle;}
.eusik-order_01 .tab_cont_02 li.no_content{border-bottom:0;padding:0;}
.eusik-order_01 .tab_cont_02 li.firstOrderGift{text-align:center;line-height:22px;color:#FF6142;}
.eusik-order_01 .tab_cont_03{clear:both;padding:15px 0 15px 15px;border-bottom:1px solid #585858;font-weight:bold;}
.eusik-order_01 .delivery_period_wrap{background:#f6f6f6;color:#555;border:1px solid #d7d7d7;margin-top:15px;}
.eusik-order_01 .delivery_period_wrap p{padding-bottom:12px;font-weight:bold;color:#000;}
.eusik-order_01 .delivery_period_wrap .delivery_period{padding:25px;}
.eusik-order_01 .delivery_period_wrap .delivery_period .cont_01{border-bottom:1px dotted #acacac;}
.eusik-order_01 .delivery_period_wrap .color_f26522{color:#f26522;padding-bottom:2px;}
.eusik-order_01 .delivery_period_wrap .bottom_cont{color:#666;padding-bottom:15px;}
.eusik-order_01 .delivery_period_wrap .p_clear{clear:both;padding-top:10px;line-height:18px;}
.eusik-order_01 .delivery_period_wrap .delivery_period02{padding:11px 0px;text-align:center;letter-spacing:-0.05em;}
.eusik-order_01 .btn_c{padding-top:50px;}
.eusik-order_01 .btn_c .btnDirectBuy{margin-right:2px;}
.eusik-order_01 .btn_c .cartOrderCancle{margin-right:10px;}

.oeder_select_cont{padding-bottom:20px;}
.oder_info_box{margin-top:10px;padding:0 0 8px 10px;border-bottom:1px dotted #acacac;}
.oder_info_box img{vertical-align:middle;}
.oder_info_box ul li{padding-bottom:5px;}

/* Product */
.product-list-cate { margin-bottom: 60px; border: 1px solid #dedede; }
.product-list-cate > ul { display: flex; margin-right: -2px; margin-bottom: -1px; }
.product-list-cate > ul > li { width: 100%; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; box-sizing: border-box; }
.product-list-cate > ul > li > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 46px; background-color: #fff; font-size: 1em; color: #a1a1a1; text-align: center; }
.product-list-cate > ul > li.active > a { color: #fff; background-color: #f08700; }


.menu-list {
	padding-top: 40px
}
.menu-list .date-menu {
	width: 100%;
	padding: 0 0 30px
}
.menu-list .date-menu .list {
	overflow: hidden;
	padding-bottom: 15px
}
.menu-list .date-menu .list.disable-gray {
	filter: grayscale(100%)
}
.menu-list .date-menu .list:last-of-type {
	padding-bottom: 0
}
.menu-list .date-menu .list li {
	float: left;
	position: relative;
	display: block;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 10px 15px;
	box-sizing: border-box
}
.menu-list .date-menu .list li .img-wrap {
	width: 90px;
	display: inline-block
}
.menu-list .date-menu .list li .img-wrap img {
	max-width: 90px
}
.menu-list .date-menu .list li .input-box {
	position: absolute;
	left: 0;
	top: -1px
}
.menu-list .date-menu .list li p {
	display: inline-block;
	padding-left: 8px;
	max-width: 115px
}
.menu-list .date-menu .list.num03 li {
	width: 280px;
	margin-top: 10px;
	position: relative
}
.menu-list .date-menu .list.num03 li:nth-child(1), .menu-list .date-menu .list.num03 li:nth-child(2), .menu-list .date-menu .list.num03 li:nth-child(3) {
	margin-top: 0
}
.menu-list .date-menu .list.num03 li:nth-child(3n+2) {
	margin-left: 10px;
	margin-right: 10px
}
.use-info-wrap {
	width: 100%;
	background-color: #f5f5f5;
	border: 1px solid #eee;
	overflow: hidden
}
.use-info-wrap>div {
	width: 50%;
	float: left;
	padding: 15px
}
.use-info-wrap>div.type01 .ic-wrap {
	margin-right: 5px;
	width: 30px;
	height: 25px;
	display: inline-block;
	background: url("../images/order/icon_prd_inquiry01.png") 0 0 no-repeat
}
.use-info-wrap>div.type02 {
	border-left: 1px solid #eee
}
.use-info-wrap>div.type02 .ic-wrap {
	margin-right: 5px;
	margin-top: -5px;
	width: 30px;
	height: 25px;
	display: inline-block;
	background: url("../images/order/icon_prd_inquiry02.png") 0 0 no-repeat
}
.use-info-wrap>div.type03 .ic-wrap {
	margin-right: 5px;
	margin-top: -5px;
	width: 30px;
	height: 25px;
	display: inline-block;
	background: url("../images/order/icon_prd_inquiry03.png") 0 0 no-repeat
}



.option-d-left .date-menu .list.num03 li {
	position: relative;
	width: 230px;
	height: 120px;
	padding: 13px
}
.option-d-left .date-menu .list.num03 li .img-wrap {
	width: 90px
}
.option-d-left .date-menu .list.num03 li .img-wrap img {
	max-width: 90px
}
.option-d-left .date-menu .list.num03 li p {
	max-width: 105px
}
.option-d-left .option-content-box01 {
	background-color: #f5f5f5
}
.option-d-left .option-content-box01 a {
	padding: 25px 30px 10px 110px;
	display: block;
	background: url("../images/order/icon_order_banner01.png") 37px 25px no-repeat;
	background-size: 55px
}
.option-d-left .option-content-box01 a p span {
	color: #39bac4;
	vertical-align: top
}
.option-d-left .option-content-box01 h3 {
	font-size: 17px;
	color: #000;
	font-weight: 500;
	padding-bottom: 5px
}
.option-d-left .option-content-box01 h3:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	width: 7px;
	height: 12px;
	background-image: url(../images/common/sprite.png);
	background-position: -649px -93px;
	width: 9px;
	height: 15px;
	margin-bottom: -1px
}
.option-d-left .option-content-box01 .note-list {
	padding-left: 110px;
	padding-bottom: 25px
}
.option-content-box02 {
	padding: 25px 30px 10px 110px;
	background: url("../images/order/icon_order_banner02.png") 37px 28px no-repeat #f5f5f5;
	background-size: 55px
}
.option-content-box02 p {
	color: #777
}
.option-content-box02 p span {
	color: #39bac4;
	vertical-align: top
}
.option-content-box02 h3 {
	font-size: 17px;
	color: #000;
	font-weight: 500;
	padding-bottom: 5px
}
.option-content-box02 .note-list {
	padding-bottom: 25px;
	margin-top: 15px
}
.option-d-right {
	background-color: #fff;
	padding: 0 20px 100px;
	position: relative;
	float: right;
	width:100%
}
.option-d-right.type01 {
	padding: 35px 0 0 0
}
.option-d-right.type01 .btn-type06 {
	position: inherit;
	bottom: inherit;
	left: inherit
}
.option-d-right .delivery-location {
	padding-bottom: 15px;
	border: 0;
	margin: 0;
	position: relative;
	border-bottom: 1px solid #eee
}
.option-d-right .delivery-location .btn-wrap:nth-of-type(1) {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block
}
.option-d-right .delivery-location .btn-wrap:nth-of-type(2) {
	text-align: center
}
.option-d-right .delivery-location .d-location {
	color: #777;
	font-size: 15px
}
.option-d-right .delivery-location-wrap .add-d-location {
	display: none
}
.option-d-right .delivery-location-wrap.on .add-d-location {
	display: block;
	margin-top: -50px
}
.option-d-right .btn-type06 {
	position: absolute;
	bottom: 0;
	left: 0
}
.input-box input {
    display: none;
}
.input-box label.chk-type02 .ic-chk {
    display: inline-block;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    background-image: url(../images/content/ck02.png);
    width: 22px;
    height: 22px;
    vertical-align: middle;
}
.input-box input.chk-type02:checked+label .ic-chk {
    background-image: url(../images/content/ck01.png);
    width: 22px;
    height: 22px;
}


.total-pay-box {
	background: #404040;
	overflow: hidden;
	padding: 20px
}
.total-pay-box .total {
	overflow: hidden;
	border-bottom: 1px solid #555;
	padding-bottom: 20px;
	margin-bottom: 20px
}
.total-pay-box p {
	padding-top: 4px;
	display: inline-block;
	float: left;
	color: #fff;
	font-size: 19px;
	font-weight: 500
}
.total-pay-box .sum {
	display: inline-block;
	float: right;
	font-size: 19px;
	color: #f46178;
	font-weight: 400
}
.total-pay-box .sum .num {
	display: inline-block;
	font-size: 26px;
	font-weight: 500;
	color: #f46178
}
.total-pay-box .sum.important {
	font-weight: 800
}
.total-pay-box .sum .info-top {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	display: inline-block
}
.total-pay-box .sum .price {
	font-size: 21px;
	font-weight: 500;
	color: #f46178;
	vertical-align: top
}
.total-pay-box .process-text {
	font-size: 17px;
	color: #fff;
	display: block;
	text-align: right;
	width: 100%
}
.total-pay-box .highlight01 {
	font-size: 17px;
	color: #39bac4;
	vertical-align: top
}
.total-pay-box .pay-process.type01 {
	padding-top: 13px
}
.total-pay-box .pay-process:after {
	display: block;
	clear: both;
	content: ""
}
.total-pay-box .pay-process dt {
	float: left;
	width: 50%;
	padding-bottom: 3px;
	vertical-align: top;
	color: #fff;
	line-height: 24px
}
.total-pay-box .pay-process dt.highlight {
	color: #39bac4
}
.total-pay-box .pay-process dt.discount {
	padding-bottom: 3px;
	line-height: 18px;
	color: #ccc
}
.total-pay-box .pay-process dt.discount:before {
	display: inline;
	margin-right: 3px;
	color: #fff;
	content: "-"
}
.total-pay-box .pay-process dd {
	float: right;
	width: 50%;
	padding-bottom: 3px;
	color: #fff;
	line-height: 24px;
	text-align: right
}
.total-pay-box .pay-process dd .price {
	font-size: 17px;
	color: #fff;
	line-height: 24px;
	font-weight: 500
}
.total-pay-box .pay-process dd .price.important {
	font-weight: 800
}
.total-pay-box .pay-process dd.highlight02 {
	color: #f46178
}
.total-pay-box .pay-process dd.highlight02 .price {
	font-size: 17px;
	color: #f46178
}
.total-pay-box .pay-process dd.highlight {
	color: #39bac4
}
.total-pay-box .pay-process dd.highlight .price {
	font-size: 17px;
	color: #39bac4;
	line-height: 24px
}
.total-pay-box .pay-process dd.discount {
	padding-bottom: 3px;
	font-size: 14px;
	color: #ccc;
	line-height: 18px
}
.total-pay-box .pay-process dd.discount .price {
	font-size: 14px;
	color: #ccc;
	line-height: 18px
}




/* Order */
#order_wrap .orderStep { display: flex; align-items: flex-end; justify-content: flex-end;}
#order_wrap .orderStep > li { font-size: 0.933em; color: #a8a8a8; font-weight: 500; position: relative; }
#order_wrap .orderStep > li strong { font-weight: bold; line-height: 1; }
#order_wrap .orderStep > li + li { margin-left: 30px; padding-left: 30px; }
#order_wrap .orderStep > li + li:before { content: ''; position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%); width: 18px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.04 32.8'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e8e8e8;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EVector Smart Object%3C/title%3E%3Cpolygon class='cls-1' points='0 0 16.4 16.4 0 32.8 15.46 32.8 31.86 16.4 15.46 0 0 0'/%3E%3Cpolygon class='cls-1' points='27.18 0 43.58 16.4 27.18 32.8 42.64 32.8 59.04 16.4 42.64 0 27.18 0'/%3E%3C/svg%3E"); }
#order_wrap .orderStep > li.active { color: #f08700; }
#order_wrap .orderStep > li.active strong { font-size: 1.714em; }
#order_wrap .orderStep + .sub-page-title { margin-top: -65px; }

#order_wrap .order_sec + .order_sec { margin-top: 50px; }
#order_wrap .order-sec-head { margin-bottom: 10px; display: flex; align-items: flex-end; }
#order_wrap .order-sec-head .chk { display: none; }
#order_wrap .order-sec-head .tit { font-size: 18px; color: #333; line-height: 1.25; font-weight:bold }
#order_wrap .order-sec-head .txt { font-size: 0.866em; color: #949494; margin-left: 20px; }

#order_wrap .order_none { font-size: 1.5em; text-align: center; padding: 20% 0; }

#order_wrap .order_item_list { border-top: 1px solid #333; }
#order_wrap .order_item_list .head { background-color: #f7f7f7; width: 100%; height: 40px; border-bottom: 1px solid #dbdbdb; display: flex; align-items: center; }
#order_wrap .order_item_list .head > * { text-align: center; font-size: 0.866em; color: #333; padding: 0 10px; box-sizing: border-box; }
#order_wrap .order_item_list .body { background-color: #fff; }
#order_wrap .order_item_list .body > li { width: 100%; border-bottom: 1px solid #dbdbdb; display: flex; align-items: stretch; position: relative; }
#order_wrap .order_item_list .body > li > * { text-align: center; padding: 30px 10px; min-height: 90px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #333; }
#order_wrap .order_item_list .body > li > * + * { border-left: 1px solid #dbdbdb; }
#order_wrap .order_item_list .body > li .chk + * { border-left: 0; }
#order_wrap .order_item_list .body > li > *  span.t { display: none; }
#order_wrap .order_item_list .body > li .delBtn { display: none; }
#order_wrap .order_item_list .foot { border-bottom: 1px solid #dbdbdb; display: flex; width: 100%; height: 80px; align-items: center; box-sizing: border-box; padding: 15px; }
#order_wrap .order_item_list .foot > * { width: 100%; }
#order_wrap .order_item_list .foot > .total { text-align: right; font-size: 15px; color: #333; }
#order_wrap .order_item_list .foot > .total strong { margin-left: 20px; }
#order_wrap .order_item_list .chk { width: 40px; flex: none; }
#order_wrap .order_item_list .type { width: 80px; flex: none; }
#order_wrap .order_item_list .title { width: 100%; }
#order_wrap .order_item_list .date { width: 140px; flex: none; }
#order_wrap .order_item_list .date2 { width: 100px; flex: none; }
#order_wrap .order_item_list .cal { width: 50%; }
#order_wrap .order_item_list .qty { width: 140px; flex: none; }
#order_wrap .order_item_list .qty2 { width: 70px; flex: none; }
#order_wrap .order_item_list .coupon {width: 300px; flex: none; }
#order_wrap .order_item_list .price {  width: 120px; flex: none; }
#order_wrap .order_item_list .body .title { justify-content: flex-start; text-align: left; }
#order_wrap .order_item_list .body .ipt { width: 100%; margin: 0 10px; }
#order_wrap .order_item_list .item_info { display: flex; }
#order_wrap .order_item_list .item_info .img { width: 55px; height: 55px; box-sizing: border-box; border: 1px solid #e0e0e0; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #eee; margin-right: 20px; }
#order_wrap .order_item_list .item_info .cont .cate { font-size: 11px; color: #fff; background-color: #f08700; padding: 2px 10px; margin-bottom: 5px; display: inline-block; }
#order_wrap .order_item_list .item_info .cont .tit { font-size: 14px; color: #333; }

#order_wrap .order_btn { display: flex; margin-top: 50px; }
#order_wrap .order_btn > * { width: 100%; }
#order_wrap .order_btn > .opt { display: flex; justify-content: flex-start; }
#order_wrap .order_btn > .opt > a { display: flex; width: 120px; height: 34px; box-sizing: border-box; border: 1px solid #9e9e9e; align-items: center; justify-content: center; font-size: 13px; color: #666; background-color: #fff; }
#order_wrap .order_btn > .opt > a + a { margin-left: 10px; }
#order_wrap .order_btn > .btn { display: flex; justify-content: flex-end; }
#order_wrap .order_btn > .btn > a { display: flex; width: 180px; height: 50px; box-sizing: border-box; border: 1px solid #9e9e9e; align-items: center; justify-content: center; font-size: 16px; color: #666; background-color: #fff; }
#order_wrap .order_btn > .btn > a + a { margin-left: 12px; }
#order_wrap .order_btn > .btn > a.type2 { background-color: #f08700; border-color: #f08700; color: #fff; }

#order_wrap .order_price { border-top: 1px solid #666; border-bottom: 1px solid #dbdbdb; background-color: #fbfbfb; padding: 30px 50px; display: flex; }
#order_wrap .order_price .coupon { width: 100%; box-sizing: border-box; padding-right: 40px; }
#order_wrap .order_price .coupon .txt { font-size: 0.866em; color: #666; margin-bottom: 20px; }
#order_wrap .order_price .coupon .tit { font-size: 1.333em; color: #333; margin-bottom: 5px; }
#order_wrap .order_price .coupon .ipt_group { align-items: center; }
#order_wrap .order_price .coupon .ipt_group > * { width: auto; }
#order_wrap .order_price .coupon .ipt { max-width: 260px; width: 100%; }
#order_wrap .order_price .coupon .btn { width: 60px; height: 40px; background-color: #7d7d7d; color: #fff; font-size: 0.866em; border: 0; flex: none; }
#order_wrap .order_price .coupon .link { margin-left: 25px; font-size: 0.866em; color: #f08700; width: auto; border-bottom: 1px solid #f08700; white-space: nowrap; }
#order_wrap .order_price .price { width: 350px; flex: none; }
#order_wrap .order_price .price dl { display: flex; align-items: center; justify-content: space-between; }
#order_wrap .order_price .price dl + dl { margin-top: 15px; }
#order_wrap .order_price .price dl dt { font-size: 1em; color: #333; }
#order_wrap .order_price .price dl dd { font-size: 1.066em; color: #333; font-weight: bold; }
#order_wrap .order_price .price dl.total { border-top: 1px solid #e1e1e1; padding-top: 10px; }
#order_wrap .order_price .price dl.total dd { font-size: 1.375em; color: #ee3838; }


#order_wrap .order_form + .order_form { margin-top: 30px; }
#order_wrap .order_form .tit { font-size: 1em; color: #333; margin-bottom: 10px; }
#order_wrap .order_form ul { border-top: 1px solid #333; }
#order_wrap .order_form ul li { border-bottom: 1px solid #e2e2e2; padding: 20px 30px; display: flex; align-items: center; }
#order_wrap .order_form ul li .th { font-size: 1em; color: #666; width: 220px; flex: none; font-weight:bold}
#order_wrap .order_form ul li .td { width: 100%; font-size: 0.866em; color: #7d7d7d; }
#order_wrap .order_form ul li .td p + p { margin-top: 10px; }
#order_wrap .order_form ul li .td .add_select .btn { width: 100px; height: 30px; box-sizing: border-box; border: 1px solid #f1f1f1; font-size: 1em; color: #333; background-color: #fff; border-radius: 3px; cursor: pointer; }
#order_wrap .order_form .ipt { background-color: #f2f2f2; border-color: #f2f2f2; box-sizing: border-box; padding: 10px}
#order_wrap .order_form textarea.ipt { min-height: 100px; width:100% } 
#order_wrap .order_form .phoneNum { max-width: 550px; align-items: center; }
#order_wrap .order_form .phoneNum span { width: auto; flex: none; color: #333; }
#order_wrap .order_form .address { max-width: 800px; align-items: center; }
#order_wrap .order_form .address .btn { width: 120px; height: 40px; background-color: #7d7d7d; border: 0; font-size: 1em; color: #fff; flex: none; }
#order_wrap .order_form .gate_pw > * { width: auto; }
#order_wrap .order_form .gate_pw .ipt { margin-right: 30px; }
#order_wrap .order_form .gate_pw #rcv_pass_y + label { margin-right: 15px; }
#order_wrap .order_form .gate_pw .em { color: #ee3838; margin-top: 10px; }
#order_wrap .order_form.complete ul { border-bottom: 1px solid #e2e2e2; }
#order_wrap .order_form.complete ul li { border-bottom: 0; }
#order_wrap .order_form.complete ul li + li { padding-top: 0; }
#order_wrap .order_form.complete ul li .td { color: #333; }

#order_wrap .payment_select { padding: 35px 70px; border: 1px solid #666; background-color: #fff; }
#order_wrap .payment_type { padding: 15px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f2f2f2; margin-top: 20px; display: flex; align-items: center; }
#order_wrap .payment_type > * + * { margin-left: 10px; }
#order_wrap .payment_type .chk { margin-left: 35px; }

#order_wrap .order_complete { text-align: center; padding: 40px 0; }
#order_wrap .order_complete .title { font-size: 2.333em; color: #333; margin-bottom: 20px; }
#order_wrap .order_complete .title span { color: #f08700; }
#order_wrap .order_complete .text { font-size: 1.333em; color: #333; margin-bottom: 40px; }
#order_wrap .order_complete .qr_code { margin-bottom: 40px; }
#order_wrap .order_complete .qr_code img { max-width: 200px; }
#order_wrap .order_complete .txt { font-size: 1em; color: #333; line-height: 2; }
#order_wrap .order_complete .txt a { color: #c3a500; border-bottom: 1px solid #c3a500; }
#order_wrap .order_complete_price { border-top: 1px solid #666; border-bottom: 1px solid #dbdbdb; background-color: #fbfbfb; padding: 30px; margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }
#order_wrap .order_complete_price .tit { font-size: 15px; }
#order_wrap .order_complete_price .price { display: flex; align-items: center; }
#order_wrap .order_complete_price .price ul { display: flex; align-items: center; }
#order_wrap .order_complete_price .price ul > li { font-size: 15px; color: #333; }
#order_wrap .order_complete_price .price ul > li + li:before { content: '+'; margin: 0 20px; font-size: 16px; font-weight: bold; }
#order_wrap .order_complete_price .price ul > li strong { font-size: 16px; font-weight: bold; margin-left: 5px; }
#order_wrap .order_complete_price .price .total { padding-left: 60px; font-size: 16px; color: #333; }
#order_wrap .order_complete_price .price .total strong { font-size: 22px; color: #ee3838; font-weight: bold; margin-left: 10px; }





.sub-page-title {
    font-size: 2.666em;
    font-weight: 500;
    color: #333;
    line-height: 1.2;
    margin-bottom: 4%;

}


.ipt_group.address {margin-bottom: 5px;}
.ipt_group {display: flex; flex-wrap: wrap; justify-content: flex-start}
.ipt_group .ipt {width: 150px; margin-right: 5px;}

@media all and (max-width:980px) {
    .eusik-order_01 {padding: 10px 15px 40px 15px;}
    .ipt {font-size: 14px; line-height: 1.45;}
    #order_wrap .order_form ul li .th {font-size: 15px; color: #212121}
    .ipt_group {justify-content: space-between;}
    .ipt_group .ipt {font-size: 14px; width: 32%; margin-right: 0 !important}
    .product_box .cart_btn {width: 100% !important;}
    [type="radio"].custom+label, [type="checkbox"].custom+label {font-size: 14px;}
    
    
    #order_wrap .order_form ul li .td {font-size: 13px; line-height: 1.4;}
    
    .ipt_group.address {position: relative; width: 100%; max-width: none !important; box-sizing: border-box;}
    .ipt_group.address:first-of-type {padding-right: 85px;}
    .ipt_group.address .ipt {width: 100% !important; box-sizing: border-box;  position: relative; margin-bottom: 0; max-width: none !important;}
    #order_wrap .order_form .address .btn {width: 80px; position: absolute; top: 0; right: 0; }
    
}



/* Month Plan */
#monthPlan_list { margin-bottom: 50px; }
#monthPlan_list > ul { flex-wrap: wrap; }
#monthPlan_list > ul > li { width: 25%; }

#monthPlan_calendar { margin-bottom: 50px; }
#monthPlan_calendar .calendar_top { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; }
#monthPlan_calendar .calendar_top button { width: 35px; height: 35px; background-color: transparent; background-repeat: no-repeat; background-position: center; border: 0; }
#monthPlan_calendar .calendar_top button.prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(102, 102, 102)' d='M10.997,16.261 L9.271,17.997 L1.840,10.523 L1.699,10.665 L0.003,8.959 L8.907,0.003 L10.603,1.709 L3.566,8.787 L10.997,16.261 Z'/%3E%3C/svg%3E"); }
#monthPlan_calendar .calendar_top button.next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(102, 102, 102)' d='M9.301,10.665 L9.160,10.523 L1.729,17.997 L0.003,16.261 L7.434,8.787 L0.396,1.709 L2.093,0.003 L10.997,8.959 L9.301,10.665 Z'/%3E%3C/svg%3E"); }
#monthPlan_calendar .calendar_top .title { width: 210px; text-align: center; font-size: 2em; color: #333; font-weight: 500; }

#monthPlan_calendar .calendar_cont { border-top: 2px solid #333; }
#monthPlan_calendar .calendar_cont .head > ul { display: flex; align-items: center; height: 40px; border-bottom: 1px solid #a9a9a9; }
#monthPlan_calendar .calendar_cont .head > ul > li { width: 100%; text-align: center; font-size: 0.933em; color: #a9a9a9; font-weight: 500; text-transform: uppercase; }
#monthPlan_calendar .calendar_cont .body > ul { display: flex; align-items: stretch; border-bottom: 1px solid #e4e4e4; }
#monthPlan_calendar .calendar_cont .body > ul > li { width: 100%; box-sizing: border-box; background-color: #f5f5f5; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; }
#monthPlan_calendar .calendar_cont .body > ul > li + li { border-left: 0; }
#monthPlan_calendar .calendar_cont .body > ul > li > .inner { display: block; width: 100%; height: 0; padding-top: 86%; position: relative; overflow: hidden; background-color: #fff; }
#monthPlan_calendar .calendar_cont .body > ul > li.today > .inner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #7bb34b; z-index: 0; }
#monthPlan_calendar .calendar_cont .body > ul > li .day_num { position: absolute; top: 0; display: flex; width: 100%; height: 40px; align-items: center; justify-content: space-between; padding: 10px; box-sizing: border-box; font-size: 16px; color: #333; z-index: 1; }
#monthPlan_calendar .calendar_cont .body > ul > li .day_num span { font-size: 0.866em; color: #666; }
#monthPlan_calendar .calendar_cont .body > ul > li .day_con { display: block; position: absolute; top: 40px; padding: 0 15px; padding-bottom: 15px; width: 100%; box-sizing: border-box; z-index: 1;  overflow: hidden; }
#monthPlan_calendar .calendar_cont .body > ul > li .day_con dl { overflow: hidden; }
#monthPlan_calendar .calendar_cont .body > ul > li .day_con dl dt { font-size: 0.866em; color: #333; white-space: nomal; word-break: break-all; }
#monthPlan_calendar .calendar_cont .body > ul > li .day_con dl dd { font-size: 0.866em; color: #666; font-weight: 300; }
#monthPlan_calendar .calendar_cont .body > ul > li .day_con .holiday { color: #ec2127; }
#monthPlan_calendar .calendar_cont .body > ul > li .day_con a { display: block; }
#monthPlan_calendar .calendar_cont .body > ul > li .day_con a + a { margin-top: 10px; }
#monthPlan_calendar .calendar_cont_mobile { display: none; }

#monthPlan_foot { display: flex; justify-content: space-between; }
#monthPlan_foot .notice { font-size: 14px; color: #3e806a; line-height: 2; }
#monthPlan_foot .print { padding-left: 30px; }
#monthPlan_foot .print .btn { width: 100px; height: 40px; background-color: #3e806a; font-size: 14px; color: #fff; border: 0; }



/* COMMON
========================================================================================== */
.vertical_midAlign-wrap {display: table !important; width: 100%;}
.vertical_midAlign-inner {width: 100%; display: table-cell; vertical-align: middle;}

.half_layout {display: flex; flex-wrap: wrap;}
.half_layout.reverse {flex-direction: row-reverse;}
.half_layout .layoutBox {width: 50%;}
.half_layout .layoutBox.pics {text-align: center;}

.inner_cont {max-width: 1400px; margin:  0 auto;}

.section_title {margin-bottom: 60px;}
.section_title.has-desc {margin-bottom: 30px;}
.section_title h2 {font-size: 45px; font-weight: 700; color: #212121; line-height: 1.45; font-family: 'MICEGothic'; }
.section_title h2 strong {font-family: 'MICEGothic Bold'; }

.mid_title {font-size: 25px; color: #212121; line-height: 1.4;}
.section_title .mid_title { margin-top: 25px;}
.section_title .mid_title span {font-size: 15px;}

.show-640 {display:block;}
.show-768 {display:block;}
.show-980 {display:block;}

.ori-pics {display: block}
.res-pics {display: none}

@media all and (max-width:1400px) {
	.inner_cont {padding-left: 50px; padding-right: 50px;}
}

@media all and (max-width:980px) {
    .mealStep__wrap {padding-left: 0 !important; padding-right: 0 !important}
	.show-980 {display: block;}
	.hide-980 {display: none}
	
	.inner_cont {padding-left: 35px; padding-right: 35px;}
	.half_layout .layoutBox {width: 100%; box-sizing: border-box;}
	
	.section_title {margin-bottom: 40px;}
	.section_title h2 {font-size: 35px;}
	.mid_title {font-size: 21px;}
    
    .ori-pics {display: none}
    .res-pics {display: block}
}

@media all and (max-width:768px) {
	.show-768 {display: block;}
	.hide-768 {display: none}
	
	.inner_cont {padding-left: 20px; padding-right: 20px;}
	
	.section_title {margin-bottom: 30px;}
	.section_title h2 {font-size: 25px;}
	.mid_title  {font-size: 18px;}
	.section_title .mid_title  {margin-top: 15px;}
}

@media all and (max-width:640px) {
	.show-640 {display: block;}
	.hide-640 {display: none}
}



/* 맘앤맘마 소개
========================================================================================== */
.brand_intro { padding: 100px 0;}

#brand_greeting {background: #f1f1f1; padding-top: 0}
#brand_greeting::before {position: absolute; top: 0; left: 0; width: 100%; height: 468px; content: ''; background: #f1f1f1; z-index: -1;}
.greeting_text {}
.greeting_text p {font-size: 18px; line-height: 1.57; margin-bottom: 20px; word-break: keep-all; color: #333;}


.color_rounding_box--wrap {display: flex; flex-wrap: wrap; justify-content: space-between;}
.color_rounding_box--wrap .box {width: 48%; box-sizing: border-box; padding: 50px; border-radius: 50px; margin-bottom: 4%}
.color_rounding_box--wrap .box .mid_title {margin-top: 25px;}
.color_rounding_box--wrap .box .rounding_bl {text-align: center;}
.color_rounding_box--wrap .box .rounding_bl span {color: #fff; font-size: 18px; font-weight: 600; line-height: 45px; display: block; padding-left: 15px; padding-right: 15px; box-sizing: border-box; max-width: 200px; height: 45px; margin: 0 auto; border-radius: 100px;}
.color_rounding_box--wrap .box .rounding_bl.short span {width: 150px;}
.color_rounding_box--wrap .box .mid_title {text-align: center; font-weight: 600;}
.color_rounding_box--wrap .box .pics {width: 100%; border-radius: 30px; overflow: hidden; margin: 25px 0 30px 0}
.color_rounding_box--wrap .box .pics img {width: 100%;}
.color_rounding_box--wrap .box .pics.circle {width: 60%; padding-bottom: 60%; border-radius: 100%; margin: 30px auto; position: relative;}
.color_rounding_box--wrap .box .pics.circle img {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; object-fit: cover; transform: translate(-50%, -50%);}

.color_rounding_box--wrap .box .text {font-size:18px; color: #212121; line-height: 1.45; text-align: center;}
.color_rounding_box--wrap .box.blue {background: #d5e9ff;}
.color_rounding_box--wrap .box.blue .rounding_bl span {background: #498efb;}
.color_rounding_box--wrap .box.green {background: #f1f8b8;}
.color_rounding_box--wrap .box.green .rounding_bl span {background: #a6c900;}
.color_rounding_box--wrap .box.yellow {background: #fff5d5;}
.color_rounding_box--wrap .box.yellow .rounding_bl span {background: #ffa800;}
.color_rounding_box--wrap .box.pink {background: #fff0f3;}
.color_rounding_box--wrap .box.pink .rounding_bl span {background: #ff6778;}


@media all and (max-width:1100px) {
	.brand_intro {padding: 80px 0}
	
}

@media all and (max-width:980px) {
	.brand_intro {padding: 60px 0}
	.greeting_text p {font-size: 17px;}
	.color_rounding_box--wrap .box .rounding_bl span {font-size: 16px;}
	.color_rounding_box--wrap .box {padding: 30px; border-radius: 30px;}
	.color_rounding_box--wrap .box .text {font-size: 16px;}
}

@media all and (max-width:768px) {
	.brand_intro {padding: 50px 0}
	.greeting_text p {font-size: 15px;}
	.color_rounding_box--wrap .box {width: 100%;}
	.color_rounding_box--wrap .box .mid_title {margin-top: 10px;}
	.color_rounding_box--wrap .box .rounding_bl span {font-size: 15px; height: 40px; line-height: 40px; width:180px;}
	.color_rounding_box--wrap .box .text {font-size: 15px;}
}

@media all and (max-width:640px) {
	.color_rounding_box--wrap .box {width: 100%; margin-bottom: 6%}
	.color_rounding_box--wrap .box:last-of-type {margin-bottom: 0}
	.color_rounding_box--wrap .box .pics {border-radius: 20px;}
}




/* 운영시간안내
========================================================================================== */
#mom_schedule {background: url('/images/sub/time_bg.jpg') no-repeat center; background-size: cover;}

.mom_scheduler {background: #fff; box-sizing: border-box; width: 100%; max-width: 1100px; border-radius: 50px; margin: 4% auto 0 auto; padding: 50px;}
.mom_scheduler:first-of-type{margin-top: 0}
.mom_scheduler .layoutBox {width: 70%}
.mom_scheduler .layoutBox.title {width: 30%;}
.mom_scheduler .layoutBox.title .mid_title {font-family: 'MICEGothic Bold';}
.mom_scheduler .cont p {font-size: 18px; line-height: 1.35; color: #333; margin-top: 10px}
.mom_scheduler ul {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px;}
.mom_scheduler ul li { margin-right: 10px;}
.mom_scheduler ul li span {display: block; width: 50px; height: 50px; border-radius: 100%; box-sizing: border-box; text-align: center; line-height: 43px; font-size: 18px; font-weight: 500; color: #212121; background: #fff; border-width: 5px; border-style: solid;}
.mom_scheduler ul li span.mon {border-color: #d5e9ff}
.mom_scheduler ul li span.tue {border-color: #f1f8b8}
.mom_scheduler ul li span.thu {border-color: #fff5d5}
.mom_scheduler ul li span.fri {border-color: #fff0f3}
.mom_scheduler dl {display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 10px 0}
.mom_scheduler dl dt, .mom_scheduler dl dd {font-size: 18px; color: #333;}
.mom_scheduler dl dt {font-weight: 600; margin-right: 15px;}
.mom_scheduler dl dd {}


@media all and (max-width:980px) {
	#mom_schedule {margin-top: -50px;}
	.mom_scheduler {padding: 35px; border-radius: 40px;}
	.mom_scheduler .cont p {font-size: 16px;}
	.mom_scheduler dl dt, .mom_scheduler dl dd {font-size: 16px;}
}

@media all and (max-width:768px) {
	.mom_scheduler {padding: 25px; border-radius: 30px;}
	.mom_scheduler .cont p {font-size: 15px;}
	.mom_scheduler dl dt, .mom_scheduler dl dd {font-size: 15px;}
	.mom_scheduler .layoutBox {width: 100% !important}
	.mom_scheduler ul {margin: 10px 0 15px 0}
	.mom_scheduler ul li span {font-size: 17px;}
}




/* 맘앤맘마의 약속
========================================================================================== */
#brand_promise { background: url('/images/sub/Line.svg') no-repeat center top 230px;; background-size: cover; padding-top: 0}

@media all and (max-width:980px) {
	#brand_promise {margin-top: -50px;}
}


/* 관리시스템
========================================================================================== */
#management_system {background: #f1f8b8;}
#management_system .section_title {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end}

.color_rounding_box--wrap.clean_slider {}
.color_rounding_box--wrap.clean_slider .box {width: 100%; background:#fff;}
.color_rounding_box--wrap.clean_slider .box .text {text-align:left; min-height: 105px;}
.color_rounding_box--wrap.clean_slider .box .mid_title {text-align:left; margin-bottom: 15px;}
.color_rounding_box--wrap.clean_slider .box.blue .mid_title {color: #498efb;}
.color_rounding_box--wrap.clean_slider .box.green .mid_title {color: #a6c900;}
.color_rounding_box--wrap.clean_slider .box.yellow .mid_title {color: #ffa800;}
.color_rounding_box--wrap.clean_slider .box.pink .mid_title {color: #ff6778;}

.clean_slider-pagination {}
.clean_slider-pagination span {width: 20px; height: 20px; border: 0; background: #fff; margin: 0 5px;}
.clean_slider-pagination span.swiper-pagination-bullet-active {background: #a6c900;}


ul.numbering {}
ul.numbering li {position: relative; margin: 20px 0; font-size: 18px; color: #212121; box-sizing: border-box; padding-left: 30px;}
ul.numbering li span {display: block; width: 25px; height: 25px; background: #a6c900; color: #fff; text-align: center; line-height: 25px; border-radius: 100%; position: absolute; top: -4px; left: 0; font-size: 14px;}


@media all and (max-width:980px) {
	.color_rounding_box--wrap.clean_slider {width: 90%;}
	.color_rounding_box--wrap.clean_slider .box .text {min-height: auto;}
	
	#management_system {margin-top: -50px;}
	#management_system .section_title {display: block;}
	.clean_slider-pagination {margin-top: 15px;}
	.clean_slider-pagination span {width: 10px; height: 10px; }
	
	ul.numbering li {font-size: 16px;}
}

@media all and (max-width:768px) {
	ul.numbering li {font-size: 15px; padding-left: 25px; margin: 15px 0}
	ul.numbering li span {width: 20px; height: 20px; line-height: 20px; top: -2px;}
	
	#management_system1 .half_layout .layoutBox.pics, #management_system2 .half_layout .layoutBox.pics {margin-top: 30px;}
}


/* 창업안내
========================================================================================== */
#franchise_information01 {position: relative; background-color: #fff9ea; min-height: 550px;}
#franchise_information01::after {width: 100%; height: 443px; background: url('/images/sub/cloude_frame.png') no-repeat center top; background-size: cover; content: ''; position: absolute; bottom: 0; left: 0;}
#franchise_information01 .section_title {position: relative; z-index: 1;}
#franchise_information01 .section_title h2 {text-align: center;}
#franchise_information01 .section_title p {text-align: center; margin-bottom: 30px;}

#franchise_information02 .inner_cont {max-width: 1100px; margin: 0 auto;}
#franchise_information02 .section_title {text-align: center}

#franchise_information03 {background: #f6fddd;}
#franchise_information03 .section_title {text-align: center}

#franchise_information04 {background: #fffce3;}

.special_list {}
.special_list .specialBox {position: relative; width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0; align-items: center}
.special_list .specialBox .icon {/*position: absolute; top: 0; left: 0;*/ width: 140px; height: 140px; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.special_list .specialBox .icon img {width: 70px;}
.special_list .specialBox .text {box-sizing: border-box; padding: 40px;  border-radius: 30px; width: calc(100% - 160px);}
.special_list .specialBox .text dl {}
.special_list .specialBox .text dl dt {font-size: 23px; margin-bottom: 10px; font-family: 'MICEGothic Bold';}
.special_list .specialBox .text dl dd {font-size: 18px; color: #333; line-height: 1.46;}

.special_list .specialBox#special01 .icon, .special_list .specialBox#special01 .text {background: #ebf5ff;} 
.special_list .specialBox#special01 .text dl dt {color: #45a4ec;}

.special_list .specialBox#special02 .icon, .special_list .specialBox#special02 .text {background: #f6fddd;} 
.special_list .specialBox#special02 .text dl dt {color: #92cb08;}

.special_list .specialBox#special03 .icon, .special_list .specialBox#special03 .text {background: #fffce3;} 
.special_list .specialBox#special03 .text dl dt {color: #ff9c4c;}

.special_list .specialBox#special04 .icon, .special_list .specialBox#special04 .text {background: #fff5ea;} 
.special_list .specialBox#special04 .text dl dt {color: #ff662f;}

.special_list .specialBox#special05 .icon, .special_list .specialBox#special05 .text {background: #fff0f3;} 
.special_list .specialBox#special05 .text dl dt {color: #ff6778;}

.special_list .specialBox#special06 .icon, .special_list .specialBox#special06 .text {background: #ffe7f3;} 
.special_list .specialBox#special06 .text dl dt {color: #ff66a8;}


@media all and (max-width:1400px ){
	#franchise_information02 .inner_cont {max-width: none; width: 100%;}
}

@media all and (max-width: 980px ){
	#franchise_information01 {min-height: 430px; margin-top: -50px;}
    #franchise_information01 .section_title p {margin-bottom: 20px;}
    #franchise_information01 .section_title p img {width: 200px;}
    
	.special_list .specialBox {}
	.special_list .specialBox .text {padding-left: 30px; padding-right: 30px;}
	.special_list .specialBox .text dl dt {font-size: 21px;}
	.special_list .specialBox .text dl dd {font-size: 16px;}
}

@media all and (max-width: 768px ){
    #franchise_information01 {min-height: 270px;}
    #franchise_information01::after {height: 200px;}
    #franchise_information01 .section_title p {margin-bottom: 15px;}
    #franchise_information01 .section_title p img {width: 170px;}
    
    #franchise_information02 {padding-top: 0}
    
	.special_list .specialBox  {margin: 20px 0}
	.special_list .specialBox .icon {width: 100px; height: 100px;}
	.special_list .specialBox .icon img  {width: 40px;}
	.special_list .specialBox .text {padding: 30px 25px; width: calc(100% - 110px); border-radius: 20px;}
	.special_list .specialBox .text dl dt {font-size: 19px;}
	.special_list .specialBox .text dl dd {font-size: 15px;}
}

@media all and (max-width: 640px ){
    .special_list .specialBox .icon {width: 70px; height: 70px;}
	.special_list .specialBox .icon img  {width: 30px;}
    .special_list .specialBox .text {width: calc(100% - 80px); padding: 20px; border-radius: 15px;}
}





/* 맘앤맘마 가맹절차
========================================================================================== */

.step_list {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.step_list .stepBox {width: 31%; margin-right: 3%; margin-bottom: 3%; border-radius: 30px; background: #fff; box-sizing: border-box; padding: 60px 40px; position: relative;}
.step_list .stepBox::after {width: 80px; height: 80px; background: url('/images/sub/next_arrow.png') center; background-size: 100%; content: ''; position: absolute; top: 50%; left: -60px; transform: translateY(-50%); z-index: 1;}
.step_list .stepBox p {font-size: 21px; color: #212121; font-weight: 500; line-height: 1.45;}
.step_list .stepBox .step_num {font-family: 'MICEGothic Bold'; margin-bottom: 25px;}
.step_list .stepBox .step_num span {font-size: 15px; padding: 10px 20px; border-radius: 50px; background: #fff28e; color: #212121;}


@media all and (max-width:980px) {
    .step_list .stepBox p {font-size: 18px;}    
    .step_list .stepBox::after {width: 60px; height: 60px; left: -40px;}
}


@media all and (min-width:768px) {
    .step_list .stepBox:nth-of-type(3n) {margin-right: 0}
    .step_list .stepBox:nth-of-type(3n+1)::after {display: none}
    .step_list .stepBox:nth-of-type(4) .step_num span, .step_list .stepBox:nth-of-type(5) .step_num span, .step_list .stepBox:nth-of-type(6) .step_num span {background: #b2e9de}
    .step_list .stepBox:nth-of-type(7) .step_num span, .step_list .stepBox:nth-of-type(8) .step_num span {background: #ffcfd8}
}


@media all and (max-width:768px) {
    .step_list .stepBox {width: 48.5%; padding: 40px 30px; border-radius: 20px;}
    .step_list .stepBox:nth-of-type(2n) {margin-right: 0}
    .step_list .stepBox:nth-of-type(2n+1)::after {display: none}
    .step_list .stepBox .step_num span {font-size: 13px; padding: 6px 15px;}
    .step_list .stepBox:nth-of-type(2) .step_num span, .step_list .stepBox:nth-of-type(5) .step_num span, .step_list .stepBox:nth-of-type(8) .step_num span {background: #b2e9de}
    .step_list .stepBox:nth-of-type(3) .step_num span, .step_list .stepBox:nth-of-type(6) .step_num span {background: #ffcfd8} 
    
}



/* 맘앤맘마 창업문의
========================================================================================== */

#inquire_form .row {display: flex; flex-wrap: wrap; justify-content: space-between;}
#inquire_form .row dl {position: relative; width: 48%; margin-bottom: 20px; padding-left: 120px;box-sizing: border-box;}
#inquire_form .row dl dt {font-size: 18px; color: #212121; line-height: 60px; font-family: 'MICEGothic Bold'; position: absolute; top: 0; left: 0;}
#inquire_form .row dl.full {width: 100%;}

#inquire_form textarea {width: 100%; border: 1px solid #f1f1f1; box-sizing: border-box; border-radius: 30px; background: #fff; padding: 20px; font-size: 18px; color: #212121; height: 200px;}
.brand_intro input[type='text'] {width: 100%; height: 60px; border-radius: 15px; border: 1px solid #f1f1f1; background: #fff; box-sizing:border-box; padding: 0 20px; font-size: 18px;}
.brand_intro input[type='text'].addr {width: 460px;}
.brand_intro input[type='text'].full {margin-top: 10px;}
#search button {}
.brand_intro select {width: 100%; height: 60px; border-radius: 15px; border: 1px solid #f1f1f1; background: #fff; box-sizing:border-box; padding: 0 20px; font-size: 18px; background:url("/images/sub/arrow-open.png") no-repeat right 15px top 50%, #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-size: 18px;}
.brand_intro select::-ms-expand { display:none; }

/*라디오버튼*/
.brand_intro input[type="radio"] {display:none;}
.brand_intro input[type="radio"] + label {position:relative; display:inline-block; cursor:pointer; padding-left:33px; font-size:18px; line-height: 60px; color: #212121; margin-right: 25px}
.brand_intro input[type="radio"] + label:before {position:absolute; left:0; top:17px; display:inline-block; width: 25px; height: 25px; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("/images/sub/check.png"); background-color: #fff; border: 1px solid #f1f1f1; border-radius: 100%;}
.brand_intro input[type="radio"]:checked + label:before {background-color:#f63854; border-color: #f63854}

/*체크박스*/
.brand_intro input[type="checkbox"] {display:none;}
.brand_intro input[type="checkbox"] + label {position:relative; display:inline-block; cursor:pointer; padding-left:20px; font-size:18px;  color: #212121; }
.brand_intro input[type="checkbox"] + label:before {position:absolute; left:0; top:3px; display:inline-block; width: 15px; height: 15px; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("/images/sub/check.png"); background-color: #fff; border: 1px solid #f1f1f1; border-radius: 100%;}
.brand_intro input[type="checkbox"]:checked + label:before {background-color:#f63854; border-color: #f63854}

.brand_intro button {height: 60px; font-size: 18px; width: 200px; background-color:#f08700; color: #fff; border-radius: 50px; margin: 50px auto 0 auto; display: block;}

@media all and (max-width:980px) {
    #inquire_form .row dl {padding-left: 110px;}
    #inquire_form .row dl dt {font-size: 16px;}
    #inquire_form textarea {padding: 15px; font-size: 16px; border-radius: 10px;}
     
    .brand_intro input[type='text'] {border-radius: 10px; font-size: 16px; padding: 0 15px;}
    .brand_intro select {border-radius: 10px; font-size: 16px; background-size: 11px; padding: 0 15px;}
    .brand_intro input[type="radio"] + label {font-size: 16px;}
    
}

@media all and (max-width:768px) {
    #inquire_form .row dl {width: 100%; padding-left: 100px;}
    #inquire_form .row dl dt {font-size: 15px; line-height: 50px;}
    #inquire_form textarea {font-size: 15px;}
     
    .brand_intro input[type='text'] {height: 50px; font-size: 15px;}
    .brand_intro input[type="radio"] + label {line-height: 50px; font-size: 15px; padding-left: 27px}
    .brand_intro input[type="radio"] + label:before {width: 20px; height: 20px; top: 15px;}
    .brand_intro select {height: 50px; font-size: 15px;}  
    
    .brand_intro button {height: 50px; font-size: 15px; width: 100%; margin-top: 30px;}

}




/* 지점안내
========================================================================================== */
#momShop_info_list {padding-top:0}
#search { position: relative; max-width: 980px; margin: 0 auto; box-sizing: border-box; padding-left: 260px; padding-right: 130px; margin-bottom: 100px;}
#search select {width: 250px; position: absolute; top: 0; left: 0;}
#search button {width: 120px; height: 60px; position: absolute; top: 0; right: 0; margin: 0; }

.brand_intro #search button { border-radius: 50px;  background: #ff9c4c; color: #fff; font-size: 21px; border: 0;  display: block; font-family: 'MICEGothic Bold'; }


.shop_info {background: #fcfcfc; border: 1px solid #efefef; box-sizing: border-box; border-radius: 50px; margin-bottom: 40px;}
.shop_info .pics {box-sizing: border-box; padding: 50px;}
.shop_pics_slider {position: relative; width: 100%; overflow: hidden;  }
.shop_pics_slider .swiper-slide {position: relative; width: 100%; padding-bottom: 70%; overflow: hidden; border-radius: 30px;}
.shop_pics_slider .swiper-slide img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:100%; height: 100%; object-fit: cover;}
.shop_pics_slider-pagination {position: absolute; bottom: 20px !important; left: 0;  z-index: 1;}
.shop_pics_slider-pagination span {background: #fff; width: 13px; height: 13px; border: 0; opacity: .5;}
.shop_pics_slider-pagination span.swiper-pagination-bullet-active {opacity: 1;}
.shop_info .text {padding: 30px 0}
.shop_info .text p.shop_name {color: #212121; background: url('/images/icon/simbol.png') no-repeat center left; background-size: 33px;  font-family: 'MICEGothic Bold'; padding-left: 40px; font-size: 25px;}
.shop_info .text dl {margin: 20px 0; position: relative; box-sizing: border-box; padding-left: 90px;}
.shop_info .text dl dt, .shop_info .text dl dd {font-size: 19px; line-height: 1.45; color: #212121}
.shop_info .text dl dt {position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-weight: 600;}
.shop_info .text dl dd {min-height: 27px;}
.shop_info .text dl dd a.map {font-size: 14px; display:inline-block; width: 80px; height: 30px; line-height: 30px; background: #fff; text-align: center; border: 1px solid #e4e4e4; border-radius: 50px; margin-left: 10px; }
.shop_info .text dl dd a.map:hover {background: #ff9c4c; color: #fff; border-color: #ff9c4c;}
.shop_info .text dl dd a.sns {margin-right: 7px;}
.shop_info .text dl dd a.sns img {width: 40px;}
.shop_info .text dl dd a.sns.kakao {background-color: #f8db00; display: inline-block; width: 40px; height: 40px; border-radius: 100px; text-align: center; line-height: 50px; vertical-align: middle;}
.shop_info .text dl dd a.sns.kakao i {font-size: 30px; color: #2c1617}


.event_list {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.event_list .eventBox__wrap {width:calc((100% - 132px) /3); margin: 22px; transition: 0.3s; border-radius: 30px; overflow: hidden}
.event_list .eventBox__wrap .eventBox {box-sizing: border-box; padding: 25px; background: #fafafa; }
.event_list .eventBox__wrap .eventBox .pics {position: relative; width: 100%; padding-bottom: 100%; border-radius: 30px; overflow: hidden; }
.event_list .eventBox__wrap .eventBox .pics img {width:100%; height: 100%; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.event_list .eventBox__wrap .eventBox .text {padding: 25px 10px 15px 10px; box-sizing: border-box;}
.event_list .eventBox__wrap .eventBox .text p.title {font-size: 18px; font-weight: 600; color: #212121; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin: 6px 0}
.event_list .eventBox__wrap .eventBox .text p.date {font-size: 14px; color: #9a9a9a;}
.event_list .eventBox__wrap:hover {box-shadow: 0 0 15px rgba(0,0,0,0.3);}


@media all and (max-width:980px) {
    #momShop_info_list {margin-top: -50px;}
    .shop_info {border-radius: 30px;}
    .shop_info .text {padding: 30px 50px; padding-top: 0 !important}
    .shop_info .text dl dt, .shop_info .text dl dd {font-size: 16px;}
    .shop_info .text p.shop_name {font-size: 21px; background-size: 27px; padding-left: 37px}
    .shop_info .text dl dd a.sns img {width: 30px;}
}

@media all and (min-width:980px) {    
    .event_list .eventBox:nth-of-type(3n) {margin-right: 0}
    
    
}

@media all and (max-width:768px) {
    #search {padding-left: 160px; padding-right: 100px; margin-bottom: 70px;}
    #search select {width: 150px; height: 50px;}
    #search button {width: 90px; height: 50px; font-size: 16px;}
    
    .shop_info {border-radius: 20px;}
    .shop_info .pics {padding: 25px;}    
    .shop_info .text  {padding: 25px;}    
    .shop_info .text p.shop_name {font-size: 19px; background-size: 23px; padding-left: 33px}
    .shop_info .text dl {padding-left: 70px; margin: 10px 0}
    .shop_info .text dl dt, .shop_info .text dl dd {font-size: 15px;}
    .shop_info .text dl dt {top: 0; transform: none;}
    .shop_info .text dl dd a.sns img {width: 25px;}
    .shop_info .text dl dd a.map {margin-left: 0; font-size: 12px; width: 65px; height: 25px; line-height: 25px;}
    .shop_pics_slider .swiper-slide {border-radius: 15px; padding-bottom: 60%}
    .shop_pics_slider-pagination {bottom: 10px !important}
    .shop_pics_slider-pagination span {width: 6px; height: 6px; margin: 0 3px}

}

@media all and (max-width:640px) {
    #search {padding-left: 130px; padding-right: 80px; margin-bottom: 30px;}
    #search select {width: 120px; height: 50px;}
    #search button {width: 70px; height: 50px; font-size: 14px; border-radius: 10px;}
    
    .shop_info .pics {padding: 15px;}
    .shop_info .text {padding-top:10px !important}

}




/* 게시판
========================================================================================== */
#bbs__wrap {position: relative; z-index: 1;  padding-top: 0;}

.bbs_head {display: flex; justify-content: flex-end;margin-bottom: 20px;}
.bbs_head button {font-size: 15px; color: #fff; background: #212121;  border: none; width: 100px; height: 40px; cursor: pointer}

.bbs_list {width: 100%; border-top: 2px solid #222;}
.bbs_list .bbsBox {width: 100%; display: table;  border-bottom: 1px solid #ddd; table-layout: fixed; }
.bbs_list .bbsBox div {display: table-cell; padding: 35px 10px;; font-size: 18px; color: #747474; text-align: center; vertical-align: middle; font-weight: 400;}
.bbs_list .bbsBox .num {width: 7%}
.bbs_list .bbsBox .condition {width: 8%; padding-left: 0; padding-right: 0;}
.bbs_list .bbsBox .condition span {background: #f1f1f1; padding: 2px 5px; font-size: 18px !important;}
.bbs_list .bbsBox .condition.on span {background: #555; color: #fff;}
.bbs_list .bbsBox .title {text-align: left; width: 70%; box-sizing: border-box; padding-left: 30px;  font-size: 20px; font-weight: 600;}
.bbs_list .bbsBox .title i {margin-left: 5px;}
.bbs_list .bbsBox .title a {color: #212529; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.bbs_list .bbsBox .title a:hover {color: #5e80c0;}
.bbs_list .bbsBox .date {width: 11%}
.bbs_list .bbsBox .writer {width: 12%}


/*온라인상담*/
.bbs_list.online_counsel {}
.bbs_list.online_counsel .bbsBox .num {width:7%;}
.bbs_list.online_counsel .bbsBox .doctor {width:11%;}
.bbs_list.online_counsel .bbsBox .title {width:52%; padding-left: 10px}
.bbs_list.online_counsel .bbsBox .part {width:10%}
.bbs_list.online_counsel .bbsBox .writer {width:10%}
.bbs_list.online_counsel .bbsBox .date {width:10%}



@media screen and (max-width: 1200px) {
    .bbs_list.online_counsel .bbsBox .num {width:7%;}
    .bbs_list.online_counsel .bbsBox .doctor {width:15%;}
    .bbs_list.online_counsel .bbsBox .title {width:47%;}
    .bbs_list.online_counsel .bbsBox .part {width:10%}
    .bbs_list.online_counsel .bbsBox .writer {width:10%}
    .bbs_list.online_counsel .bbsBox .date {width:10%;}
}

@media screen and (max-width: 980px) {
    #bbs__wrap {margin-top: -50px}
	.bbs_list .bbsBox {display: block; position: relative; box-sizing: border-box; padding-left: 70px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
	.bbs_list .bbsBox div { padding: 0;}
	.bbs_list .bbsBox .num {position: absolute; top: 50%; margin-top: -12px; left: 0; width: 70px !important; display: block;}
	.bbs_list .bbsBox .title {padding-left: 0; width: 100%; font-size: 15px; display: block;}	
	.bbs_list .bbsBox .date {width: auto; text-align:left; display: block;}
	.bbs_list .bbsBox .writer {width: auto; text-align:left; display: block; float: left; padding-right:12px;}
    
    .bbs_list.online_counsel .bbsBox .doctor {font-size: 16px; width: 100px; float: left; padding-left: 0; margin-bottom: 10px; text-align: left;}
    .bbs_list.online_counsel .bbsBox .title {width:calc(100vw - 250px); float: left; margin-bottom: 10px; padding-left: 0}
    .bbs_list.online_counsel .bbsBox .part,
    .bbs_list.online_counsel .bbsBox .date,

	.bbs_list.online_counsel .bbsBox .writer {width: auto; text-align:left; display: block; float: left; padding-right:12px; font-size: 14px;}
    .bbs_list.online_counsel .bbsBox .part {clear: both;}
    
}

@media screen and (max-width: 768px) {
	.bbs_list .bbsBox {padding-left: 55px; padding-top: 13px; padding-bottom: 13px;}
	.bbs_list .bbsBox .num {font-size: 14px; width: 55px !important; margin-top: -8px;}
	.bbs_list .bbsBox .title {font-size: 14px; margin-bottom: 5px;}
	.bbs_list .bbsBox .date {font-size: 12px;}
	.bbs_list .bbsBox .writer {font-size: 12px;} 
	.bbs_list .bbsBox .part {font-size: 12px;} 
    
    
    .bbs_list.online_counsel .bbsBox .doctor {width: 95px;}
    .bbs_list.online_counsel .bbsBox .title {width:calc(100vw - 210px);}
    .bbs_list.online_counsel .bbsBox .doctor, .bbs_list.online_counsel .bbsBox .title {font-size: 14px; margin-bottom: 5px;}
    .bbs_list.online_counsel .bbsBox .part,
    .bbs_list.online_counsel .bbsBox .date,
	.bbs_list.online_counsel .bbsBox .writer {font-size: 12px; padding-right: 7px;}
}


/*페이징*/
#paging {width: 100%; display: flex; justify-content: center; margin-top: 50px; flex-wrap: wrap;}
#paging a {display:block; width: 35px; height: 35px; text-align: center; line-height: 35px; font-size: 18px; color: #212121; margin: 0 10px; box-sizing: border-box;}
#paging a.on {color: #fff; border-radius: 100%; background: #ff9c4c}
#paging a.btn {text-indent: -99999px;  background-position: center; background-repeat: no-repeat; background-image: url("/images/icon/ico_arrow-thin-b.svg"); background-size: 25px;}
#paging a.btn.prev {transform:rotate(180deg)}
#paging a.btn.next {}


@media screen and (max-width: 768px) {
    #paging  {margin-top: 30px;}
	#paging a {font-size: 12px; margin: 0 2px;}
    #paging a.btn {background-size: 45%;}
}


/*상세페이지*/
.detail_img {max-width: 1200px; margin: 0 auto;}
.meal_gif__wrap {position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end;  /*margin-top: 100px; margin-bottom: -500px;*/}
.meal_gif__wrap p {position: absolute; bottom: 30px; right: 30px; z-index: 1; background: #492414; color: #fff; padding: 7px 15px; font-size: 14px; border-radius: 50px; line-height: 1.3;}
.meal_gif__wrap::before {position: absolute; top: -70px; left: 210px; width: 420px; height: 414px; background: url(/images/sub/meal_deco.png) no-repeat center; background-size: 100%; content: '';}
.meal_gif__wrap .meal_gif { width: 800px; height: 850px; border-radius: 500px 0 0 500px; overflow: hidden;}
/*.meal_gif__wrap + .detail_img {padding-top: 500px; background: #fffae6;}*/

@media all and (max-width:980px) {
    .meal_gif__wrap {margin-top: 0; margin-bottom: 0;}
	.meal_gif__wrap p {bottom: 20px; right: 20px; font-size: 13px; padding: 5px 13px}
    .meal_gif__wrap::before {display: none}
    .meal_gif__wrap .meal_gif {height: auto; width: 100%; border-radius: 0; padding-bottom: 100%; position: relative;}
    .meal_gif__wrap .meal_gif img {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
}


/*이용안내*/
.contents_title { margin-bottom: 50px;}
.contents_title p {font-size: 23px; font-family:'Pretendard', sans-serif; text-align: center; margin-bottom: 20px;}
.contents_title h2 {font-size: 55px; color: #212121; text-align: center; font-family: 'MICEGothic Bold';}
.contents_title h3 {font-size: 40px; color: #212121; text-align: center; font-family: 'MICEGothic Bold';}

.guide_list__wrap {border-radius: 10px; background: #fafafa; box-sizing: border-box; padding: 50px; margin-bottom: 100px;}
.guide_list__wrap .guide {margin-bottom: 80px;}
.guide_list__wrap .guide:last-of-type{margin-bottom: 0;}
.guide_list__wrap .guide dl {}
.guide_list__wrap .guide dl dt {font-size: 25px; color: #212121; margin-bottom: 20px; font-family: 'MICEGothic Bold';}
.guide_list__wrap .guide dl dd {font-size: 18px; color: #555; line-height: 1.56; position: relative; padding-left: 10px; box-sizing: border-box;}
.guide_list__wrap .guide dl dd a {position: relative; padding: 0 15px 0 10px; color: #555;}
.guide_list__wrap .guide dl dd a:first-of-type {padding-left: 0;}
.guide_list__wrap .guide dl dd a::after {position: absolute; top: 2px; right: 0; width: 1px; height: 16px; content: ''; background: #cacaca;}
.guide_list__wrap .guide dl dd a:last-of-type {padding-right: 0;}
.guide_list__wrap .guide dl dd a:last-of-type::after {display: none}
.guide_list__wrap .guide dl dd::before {position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #9a9a9a; content: '';}
.guide_list__wrap .guide dl dd ul {}
.guide_list__wrap .guide dl dd ul li {position: relative; font-size: 18px; color: #555; line-height: 1.56;  padding-left: 23px; box-sizing: border-box; margin-bottom: 10px;}
.guide_list__wrap .guide dl dd ul li:last-of-type {margin-bottom: 0;}
.guide_list__wrap .guide dl dd ul li span {width: 25px; height: 25px; border-radius: 100%; text-align: center; line-height: 25px; color: #fff; background: #ccc; display: block; font-weight: 500; font-size: 14px; position: absolute; top: 2px; left: -10px;}
.guide_list__wrap .guide dl dd ul li span.red {background: #e17979;}
.guide_list__wrap .guide dl dd ul li em {color: #e17979;}
.guide_list__wrap .guide .inner_box__wrap {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.guide_list__wrap .guide .inner_box__wrap .box {width: 48%; border-radius: 20px; overflow: hidden; background: #fff; box-sizing: border-box;}
.guide_list__wrap .guide .inner_box__wrap .box.text { padding: 30px;}
.guide_list__wrap .guide .inner_box__wrap .box p {font-size: 18px; color: #555; line-height: 1.56; margin: 5px 0}
.guide_list__wrap .guide .inner_box__wrap .box p strong {color: #92aad7; font-family: 'MICEGothic Bold';}
.guide_list__wrap .guide .inner_box__wrap .box img {width: 100%;}
.guide_list__wrap .guide .inner_box__wrap.full .box {width: 100%; padding: 50px;}
.guide_list__wrap .guide .inner_box__wrap.leng3 .box {width:32.5%;}
.guide_list__wrap .guide .inner_box__wrap.leng2 .box {width:49% !important;}
.guide_list__wrap .guide .inner_box__wrap.step {padding-bottom: 0}
.guide_list__wrap .guide .inner_box__wrap.step .box {width:31%;}
.guide_list__wrap .guide .inner_box__wrap.step .box img {width: 70%; margin-bottom: 20px;  border-radius: 20px; overflow: hidden; background: #fff; box-sizing: border-box;}
.guide_list__wrap .guide .inner_box__wrap.step .box p {text-align: center;}
.guide_list__wrap .guide .inner_box__wrap .box.center {text-align: center;}
.guide_list__wrap .guide .inner_box__wrap .box img.auto {width: auto;}



@media all and (max-width:980px) {
	.contents_title {margin-bottom: 30px;}
	.contents_title p {font-size: 18px; margin-bottom: 10px;}
	.contents_title h2 {font-size: 35px;}
	.contents_title h3 {font-size: 25px;}
	
	.guide_list__wrap  {padding: 30px 20px; margin-bottom: 60px;}
	.guide_list__wrap:last-of-type {margin-bottom: 0;}
	.guide_list__wrap .guide {margin-bottom: 40px;}
	.guide_list__wrap .guide dl dt {font-size: 17px; margin-bottom: 10px;}
	.guide_list__wrap .guide dl dd {font-size: 14px;}
	.guide_list__wrap .guide dl dd a {font-size: 14px; padding: 0 12px 0 7px}
	.guide_list__wrap .guide dl dd a::after {height: 12px}
	.guide_list__wrap .guide dl dd ul li {font-size: 14px; padding-left: 13px;}
	.guide_list__wrap .guide dl dd ul li span {width: 17px; height: 17px; line-height: 17px; font-size: 10px; top: 3px}
	.guide_list__wrap .guide .inner_box__wrap .box {width: 100% !important; margin-bottom: 15px;}
	.guide_list__wrap .guide .inner_box__wrap .box:last-of-type {margin-bottom: 0;}
	.guide_list__wrap .guide .inner_box__wrap .box p {font-size: 14px;}
	.guide_list__wrap .guide .inner_box__wrap .box.text {padding: 10px 20px; border-radius: 15px;}
	.guide_list__wrap .guide .inner_box__wrap.full .box  {padding: 10px;}
	
	.guide_list__wrap .guide .inner_box__wrap.leng2 .box {width:100% !important;}
}



/*마이페이지*/
.my_info_list {width: 100%; border: 1px solid #e4e4e4; box-sizing: border-box; padding: 20px 50px; background: #fafafa; display: flex; flex-wrap: wrap; justify-content: space-between;}
.my_info_list dl {width: 50%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 10px 0;}
.my_info_list dl dt, .my_info_list dl dd {font-size: 16px;}
.my_info_list dl dt {color: #212121; width: 125px; font-weight: 500;}
.my_info_list dl dd {color: #6a6a6a; width: calc(100% - 125px);}
.my_info_list dl dd strong {color: #f08700; font-size: 18px;}
.my_info_list dl dd a {font-size: 14px; border: 1px solid #efefef; box-sizing: border-box; padding: 5px 10px; border-radius: 5px; background: #fff; margin-left: 10px;}
.my_info_list dl dd a:hover {color: #fff; background: #333; border-color: #333}
.my_info_list dl.full {width: 100%;}

@media all and (max-width:980px) {
    .my_info_list {padding: 20px;}
    .my_info_list dl {width: 100%; position: relative; padding-left: 90px; margin: 7px 0}
    .my_info_list dl dt, .my_info_list dl dd {font-size: 14px;}
    .my_info_list dl dt {position: absolute; top: 0; left: 0; width: auto;}
    .my_info_list dl dd strong {font-size: 16px;}
    .my_info_list dl.full {padding-left: 0}
    .my_info_list dl.full dt {position: relative; top: auto; left: auto; display: block; margin-bottom: 5px;}
}


#my_info-top {width: 100%; height: 150px; border-radius: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 20px 0; align-items: center; background: #f8f8f8; margin-bottom: 60px;}
#my_info-top .infoBox {position: relative; width: 50%; position: relative; box-sizing: border-box; padding: 0 170px 0 40px;}
#my_info-top .infoBox::after {position: absolute; top: 50%; left: 0; width: 1px; height: 100px; background: #e4e4e4; transform: translateY(-50%); content: '';}
#my_info-top .infoBox:first-of-type::after {display: none;} 
#my_info-top .infoBox dl {}
#my_info-top .infoBox dl dt {font-size: 16px; color: #212121; margin-bottom: 20px;}
#my_info-top .infoBox dl dt span {font-size: 19px;}
#my_info-top .infoBox dl dd {color: #212121}
#my_info-top .infoBox dl dd ul {}
#my_info-top .infoBox dl dd ul li {font-size: 15px; line-height: 1.34; color: #6a6a6a;}
#my_info-top .infoBox dl dd ul li + li {margin-top: 7px}

#my_info-top .infoBox dl dd strong {font-size: 19px;}
#my_info-top .infoBox dl dd span {font-size: 35px; font-weight: 600; letter-spacing: -2px; padding-right: 5px;}
#my_info-top .infoBox .modi_btns__wrap {position: absolute; top: 50%; right: 40px; transform: translateY(-50%);}
#my_info-top .infoBox .modi_btns__wrap a {display: block; height: 35px; width: 115px; line-height: 35px; font-size: 13px; color: #212121; border-radius: 50px; border: 1px solid #6a6a6a; box-sizing: border-box; text-align: center;}
#my_info-top .infoBox .modi_btns__wrap a#money_fill {color: #fff; border-color: #f88707; background-color: #f88707;}
#my_info-top .infoBox .modi_btns__wrap a + a {margin-top: 10px;}
#my_info-top .infoBox .modi_btns__wrap a:hover {color: #fff; border-color:#212121 !important; background-color: #212121 !important;}

#smb_my_od h2 {font-size: 25px !important; font-weight: 600; color: #212121; margin-bottom: 15px !important; letter-spacing: -1px;}

.order_section {}
.order_section .order_section_title {font-size: 25px; font-weight: 600; color: #212121; margin-bottom: 15px; letter-spacing: -1px;}

#order_list__wrap {width: 100%; border-top: 3px solid #000;}
#order_list__wrap .row {display: table; table-layout: fixed; width: 100%; padding: 25px 0}
#order_list__wrap .row + .row {border-top: 1px solid #dfdfdf;}
#order_list__wrap .row div {display: table-cell; vertical-align: middle; text-align: center; color: #212121; box-sizing: border-box; padding: 0 10px; word-break: break-all;}
#order_list__wrap .row div button {width: 80px; height: 25px; display: block; margin: 5px auto; border: 1px solid #212121; font-size: 14px; color: #212121}
#order_list__wrap .row div button.od_change {color: #fff; background: #212121}
#order_list__wrap .row .num {width: 15%}
#order_list__wrap .row .date {width: 12%}
#order_list__wrap .row .info {width: 39%}
#order_list__wrap .row .delivery {width: 12%}
#order_list__wrap .row .price {width: 12%}
#order_list__wrap .row .condition {width: 9%}

#order_list__wrap .row .item_info {width: 55%; box-sizing: border-box; padding: 0 30px; text-align: left;}
#order_list__wrap .row .item_info .thumb_wrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
#order_list__wrap .row .item_info .thumb {width: 80px; height: 80px; position: relative; overflow: hidden; margin-right: 30px; float: left;}
#order_list__wrap .row .item_info .thumb img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}
#order_list__wrap .row .item_info p {line-height: 80px; float: left;}
#order_list__wrap .row .item_cnt {width: 15%}
#order_list__wrap .row .item_price {width: 15%}
#order_list__wrap .row .item_total {width: 15%}

#order_list__wrap .row .delivery span, #order_list__wrap .row .price span {font-weight: 700; display: none;}
#order_list__wrap #order-head { border-bottom: 1px solid #dfdfdf}
#order_list__wrap #order-head .row div {font-size: 16px; color: #212121;}
#order_list__wrap #order-body {border-bottom: 1px solid #000;}
#order_list__wrap #order-body .row .info {text-align: left; line-height: 1.6;}
#order_list__wrap #order-body .row .num span {display: block; margin : 0 auto 8px auto; width: 70px; background: #a6c900; color: #fff; font-size: 13px; padding: 5px 0; line-height: 1;}

#order_list__wrap #order-tail {width: 100%; border-bottom: 1px solid #000; padding: 25px 0; display: flex; flex-wrap: wrap; justify-content: end; align-items: baseline;}
#order_list__wrap #order-tail p {font-size: 16px; color: #212121;}
#order_list__wrap #order-tail p::after {content: '+'; font-weight: 700; margin: 0 10px; color: #212121;}
#order_list__wrap #order-tail p:last-of-type::after {display: none;}
#order_list__wrap #order-tail p:nth-of-type(3)::after {content: '=';}
#order_list__wrap #order-tail p span {font-weight: 700; padding-left: 7px; color: #212121;}
#order_list__wrap #order-tail p strong {font-size: 27px; color: #f88707; padding-left: 7px;}
#order_list__wrap .row .item_cnt span, #order_list__wrap .row .item_price span, #order_list__wrap .row .item_total span {display: none; padding-right: 7px;}

#payment_select {width: 100%; border-top: 3px solid #000; padding: 30px 0}

/*== 리스트형 라디오&체크박스 ==*/
ul.multi_line {box-sizing:border-box; display: flex; flex-wrap: wrap; justify-content: flex-start;}
ul.multi_line li {position:relative; cursor: pointer; border: 1px solid #e1e1e1; overflow: hidden; width: 300px;}
ul.multi_line li + li {margin-left: 20px;}

ul.multi_line li input[type="radio"] {display:none;}
ul.multi_line li input[type="radio"] + label {display:block; height:61px; margin-top: -1px; line-height:60px; text-align:center; color:#212121; font-size: 16px; box-sizing: border-box; background: #fff;}
ul.multi_line li input[type="radio"]:checked + label {color: #fff; background-color: #000; border-color: #000;}

ul.point_notice {}
ul.point_notice li {position: relative; font-size: 14px; color: #333; padding-left: 10px;}
ul.point_notice li + li {margin-top: 10px}
ul.point_notice li::before {position: absolute; top: 6px; left: 0; width: 5px; height: 1px; background: #333; content: '';}

#point_input__wrap {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin: 30px 0}
#point_input__wrap dl {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
#point_input__wrap dl dt, #point_input__wrap dl dd {font-size: 14px; color: #212121;}
#point_input__wrap dl dt {margin-right: 15px;}
#point_input__wrap dl dd #od_temp_point {font-size: 14px; width: 150px; border: 1px solid #e4e4e4; box-sizing: border-box; padding: 10px; color: #212121;}
#point_input__wrap p {font-size: 14px; color: #212121; padding-left: 15px;}
#point_input__wrap p strong {}

@media all and (max-width:980px) {
    #smb_my_od h2 {font-size: 19px !important; }
    
    #my_info-top {display: block; height: auto; margin-bottom: 40px; padding: 0 20px;}
    #my_info-top .infoBox {width: 100%; padding: 30px 0; }
    #my_info-top .infoBox + .infoBox {border-top: 1px solid #e4e4e4;}
    #my_info-top .infoBox::after {display: none;}
    #my_info-top .infoBox dl dt {margin-bottom: 10px; font-size: 14px;}
    #my_info-top .infoBox dl dt span {font-size: 16px;}
    #my_info-top .infoBox dl dd {font-size: 14px;}
    #my_info-top .infoBox dl dd span {font-size: 27px;}
    #my_info-top .infoBox dl dd ul li {font-size: 13px;}
    #my_info-top .infoBox dl dd ul li + li {margin-top: 2px;}
    #my_info-top .infoBox .modi_btns__wrap {position: relative; top: auto; right: auto; width: 100%; display: flex; flex-wrap: wrap; justify-content:center; transform: none; margin-top: 20px;}
    #my_info-top .infoBox .modi_btns__wrap a {width: 49%; border-radius: 3px;}
    #my_info-top .infoBox .modi_btns__wrap a + a {margin-top: 0; margin-left: 2%}
    
    #order_list__wrap .row {position: relative; display: block; padding: 0; border-bottom: 1px solid #e4e4e4}
    #order_list__wrap .row + .row {margin-top: 40px; border-top: 3px solid #000;}
    #order_list__wrap .row div {display: block; font-size: 14px; padding: 0;}
    #order_list__wrap .row .res-head {width: 100%; background: #fafafa; border-bottom: 1px solid #e4e4e4; display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 15px 10px; box-sizing: border-box; align-content: center;}
    #order_list__wrap #order-body .row .num span {display: inline; margin: 0 5px 0 0 ; background: #a6c900; color: #fff; font-size: 12px; padding: 3px 7px; line-height: 1; border-radius: 3px; font-weight: 400;}
    #order_list__wrap .row .num {width: auto; font-weight: 700; font-size: 13px;}
    #order_list__wrap .row .date {width: auto; font-size: 13px;}
    #order_list__wrap .row .date::before {content: '/'; opacity: 0.4; padding: 0 5px;}
    #order_list__wrap #order-head {display: none;}
    #order_list__wrap .row .hope {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box; align-content: center; padding: 0 10px;}
    #order_list__wrap .row .delivery, #order_list__wrap .row .price {width: auto; text-align: left; }
    #order_list__wrap .row .delivery span, #order_list__wrap .row .price span {display: inline;}
    #order_list__wrap .row .price::before {content: '/'; opacity: 0.4; padding: 0 5px;}
    #order_list__wrap .row .info {width: 100%; padding: 20px 10px; font-size: 13px;}
    #order_list__wrap .row .condition {width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
    #order_list__wrap .row .condition p {color: red; font-weight: 600; width: 100%; text-align: center; padding: 15px 0; margin-top: 20px; border-top: 1px solid #d4d4d4;}
    #order_list__wrap .row div button {height: 40px; width: 48%; margin: 20px 0; font-size: 13px; border-radius: 3px;}
	
	
	#order_list__wrap.order_pay .row {padding: 25px; padding-left: 110px;}
	#order_list__wrap.order_pay .row + .row {border-top:0; margin-top: 0}
	#order_list__wrap .row .item_info {width: auto; padding: 0;}
	#order_list__wrap .row .item_info .thumb {margin-right: 0; position: absolute; top: 25px; left: 10px;}
	#order_list__wrap .row .item_info p {line-height: 1.3; float: none; font-weight: 700;}
	#order_list__wrap .row .item_cnt, #order_list__wrap .row .item_price, #order_list__wrap .row .item_total {width: 100%; text-align: left; margin-top: 5px; color: #6a6a6a}
	#order_list__wrap .row .item_cnt span, #order_list__wrap .row .item_price span, #order_list__wrap .row .item_total span {display: inline; }

	
	
	ul.multi_line {justify-content: space-between;}
	ul.multi_line li {width: 100%; margin: 5px 0 !important}
	ul.multi_line li input[type="radio"] + label  {height: 45px; line-height: 45px;  font-size: 14px;}
	
	ul.point_notice li {font-size:13px; line-height: 1.3;}
	ul.point_notice li::before {top: 9px;}
	#order_list__wrap #order-tail {padding: 15px 0}
	#order_list__wrap #order-tail p {font-size: 14px;}
	#order_list__wrap #order-tail p::after {content: '+'; margin: 0 7px;}
	#order_list__wrap #order-tail p:last-of-type {margin-top: 10px; display: block; width: 100%; text-align: right;}
	#order_list__wrap #order-tail p:nth-of-type(3)::after {display: none;}
	#order_list__wrap #order-tail p strong {font-size: 21px}
	
	.order_section .order_section_title {font-size: 19px; margin-bottom: 12px;}
    
}


.cart_item {width: 50%; border: 1px solid #e4e4e4; box-sizing: border-box; padding: 15px; padding-right: 50px; align-content: center; align-items: center; background: #fafafa; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.cart_item + .cart_item {margin-top: 10px;}
.cart_item span {font-size: 15px; color: #212121;}
.cart_item em {font-size: 15px; font-weight: 500; color: #212121;}
.cart_box .fa-times { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; border-radius: 100%; background: #333; border: 0; color: #fff; text-align: center; cursor: pointer; width: 20px; height: 20px; font-size: 13px; line-height: 20px; font-weight: 300; display: block;}



#order_page__head {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; margin-bottom: 40px; padding-top: 50px;}
#order_page__head .sub-page-title {margin-bottom: 0;}

.order_notice_guide {padding: 30px; box-sizing: border-box; width: 100%; background: #f8f8f8; font-size: 14px; line-height: 1.3;}


@media all and (max-width:980px) {
    .product_box .cart_btn {margin-top: 5px;}
    .cart_item {width: 100%; display: block; padding-left: 10px; padding-right: 35px;}
    .cart_item span {font-size: 14px; display: block;}
    .cart_item em {font-size: 14px;}
    .cart_box .fa-times {font-size: 10px; right: 10px;}
    
    .eusik-order_01 { padding: 0 20px}
    
    
    #order_page__head {padding-top: 10px; margin-bottom: 0; flex-direction: column-reverse; border-bottom: 0;}
    #order_page__head .sub-page-title {font-size: 25px !important; font-weight: 700;}
    #order_wrap .orderStep {padding-top: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4;}
}


p.alert {font-size: 14px; font-weight: 600; color: #6a6a6a; margin-top: 10px;}
p.alert span {font-size: 10px; text-align: center; display: inline-block; width: 14px; height: 14px; border-radius: 100%; background: #f08700; margin-right: 5px; line-height: 14px; color: #fff; vertical-align: middle; margin-top: -2px}