@charset "utf-8";

.subContainer h3{position:relative; color:#000;font-size:40px;font-weight:800;text-align:center;margin-bottom:70px;}
.subContainer h3:after{content:""; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); background:#333;width:50px;height:1px;}

h3.joinTit{position:relative; color:#000;font-size:40px;font-weight:800;text-align:center;margin-bottom:70px;}
h3.joinTit:after{content:""; position:absolute; bottom:15px; left:50%; transform:translateX(-50%); background:#fff;width:50px;height:1px;}

/* ceo greeting */
.subCeo{}
.subCeo h5{color:#000;font-size:28px;font-weight:700;line-height:40px;margin-bottom:50px;}
.subCeo h5 span{color:#4f63d1;}
.subCeo p{color:#555;font-size:18px;line-height:30px;margin-bottom:40px;}
.subCeo p.ceoSign{margin-bottom:0;text-align:right;vertical-align:middle;}
.subCeo p.ceoSign img{vertical-align:middle;padding-left:20px;}

/* 회사소개 */
.subWrap {}
.subWrap .subCompBox01 {width:1200px; height:830px; margin-bottom:100px; background:url(../../../images/os/main/comp_img01.jpg)no-repeat; color:#fff; text-align:center; font-family: 'Noto Serif', serif;}
.subWrap .subCompBox01 p {position:relative; font-size:50px; font-weight:700; padding:90px 0 50px 0; letter-spacing:-2px;}
.subWrap .subCompBox01 p:before {content:''; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); width:50px; height:3px; background:#fff; }
.subWrap .subCompBox01 span {font-size:27px; letter-spacing:-1px;}

.subWrap .subCompBox02 {width:1200px; color:#fff; text-align:center; margin-bottom:100px; }
.subWrap .subCompBox02 .mCont01 {width:950px; margin:0 auto;}
.subWrap .subCompBox02 .mCont01 li {float:left; width:450px; margin-right:50px;}
.subWrap .subCompBox02 .mCont01 li:last-child {margin-right:0;}
.subWrap .subCompBox02 .mCont01 li dl {position:relative;}
.subWrap .subCompBox02 .mCont01 li dl dt {position:relative; width:450px; height:450px; border-radius:50%;}
.subWrap .subCompBox02 .mCont01 li dl dt:before {content:''; position:absolute; bottom:0; left:60px; width:400px; height:400px; border-radius:50%; background:rgba(0,0,0,0.1); z-index:-1;}
.subWrap .subCompBox02 .mCont01 li dl dd {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.subWrap .subCompBox02 .mCont01 li dl dd p {position:relative; font-size:35px; font-weight:700; margin-bottom:35px;}
.subWrap .subCompBox02 .mCont01 li dl dd span {font-size:18px;}
.subWrap .subCompBox02 .mCont01 li dl dd p:before {content:''; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width:50px; height:3px; background:#fff; }
.subWrap .subCompBox02 .mCont01 li:first-child dl dt {background:url(../../../images/os/main/comp_img02.jpg)no-repeat center center;}
.subWrap .subCompBox02 .mCont01 li:last-child dl dt {background:url(../../../images/os/main/comp_img03.jpg)no-repeat -355px -65px; background-size:180%;}

.subWrap .subCompBox02 .mCont02 {position:relative; width:950px; height:450px; margin:50px auto; border-radius:250px; background:url(../../../images/os/main/comp_img04.jpg)no-repeat -55px -20px;}
.subWrap .subCompBox02 .mCont02:before {content:''; position:absolute; bottom:-20px; left:80px; width:870px; height:400px; border-radius:250px; background:rgba(0,0,0,0.1); z-index:-1;}
.subWrap .subCompBox02 .mCont02 p		  {float:left; display:block; position:relative; font-size:35px; font-weight:700; margin:115px 0 0 105px;}
.subWrap .subCompBox02 .mCont02 p:before {content:''; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width:50px; height:3px; background:#fff; }
.subWrap .subCompBox02 .mCont02 span {float:right; display:block; font-size:17px; font-weight:100; line-height:33px; text-align:left;  margin:60px 90px 60px 0;}

.subWrap .subCompBox03 {position:relative; width:750px; height:750px; color:#fff; margin:200px auto; border:1px solid rgba(0,0,0,0.1); border-radius:50%;}
.subWrap .subCompBox03 dl {position:absolute; top:50%; left:235px; transform:translateY(-50%); width:300px; height:300px;}
.subWrap .subCompBox03 dl dt {position:relative; display:block; width:280px; height:280px; background:#304f79; transform:rotate(45deg); border-radius:50px; }
.subWrap .subCompBox03 dl dt:before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:355px; height:355px; border-radius:80px; background:rgba(0,0,0,0.02); border:1px solid rgba(0,0,0,0.05)}
.subWrap .subCompBox03 dl dd {position:absolute; top:50%; left:50px; transform:translateY(-50%); line-height:430px; font-size:35px; font-weight:800; text-align:center;
																		 width:180px; height:300px; background:url(../../../images/os/main/comp_img05.png)no-repeat 0 50px;}
.subWrap .subCompBox03 ul li {width:200px; height:200px; border-radius:50%;}
.subWrap .subCompBox03 ul li:nth-child(1) {position:absolute; top:-100px; left:50%; transform:translateX(-50%); 
																							background:#f99f1b url(../../../images/os/main/comp_img06.png)no-repeat center 30px;}
.subWrap .subCompBox03 ul li:nth-child(2) {position:absolute; top:50%; left:-100px; transform:translateY(-50%);
																							background:#0a6976 url(../../../images/os/main/comp_img07.png)no-repeat center 50px;}
.subWrap .subCompBox03 ul li:nth-child(3) {position:absolute; top:50%; right:-100px; transform:translateY(-50%);
																							background:#0a6976 url(../../../images/os/main/comp_img09.png)no-repeat center 40px;}
.subWrap .subCompBox03 ul li:nth-child(4) {position:absolute; bottom:-100px; left:50%; transform:translateX(-50%);
																							background:#8a8a8a url(../../../images/os/main/comp_img08.png)no-repeat center 40px;}
.subWrap .subCompBox03 ul li span {display:block; width:200px; height:200px; line-height:290px; font-size:25px; color:#fff; text-align:center;}

/* 수면코칭 전문가 */
.subWrap .sleep_box01 {position:relative;}
.subWrap .sleep_box01 dl dt {width:1200px; height:665px; line-height:665px; font-size:35px; font-weight:800; color:#fff; text-align:center; background:url(../../../images/os/main/sleep_img01.jpg)no-repeat center center;}
.subWrap .sleep_box01 dl dd span {font-size:25px; font-weight:200; color:#fff;}
.subWrap .sleep_box01 dl dd span:first-child {position:absolute; top:240px; left:115px; text-align:right;}
.subWrap .sleep_box01 dl dd span:last-child {position:absolute; top:315px; right:90px;}

.subWrap .sleep_box02 ul {width:1100px; margin:70px auto 0 auto;}
.subWrap .sleep_box02 ul li {font-size:17px; line-height:27px; margin-bottom:50px;}
.subWrap .sleep_box02 ul li span {position:relative; display:inline-block; font-size:27px; font-weight:800; color:#0a6976; margin-bottom:25px;}
.subWrap .sleep_box02 ul li span:before {content:''; position:absolute; top:50%; transform:translateY(-50%); right:-125px; width:110px; height:2px; background:#0a6976;}
.subWrap .sleep_box02 ul li strong {font-weight:500;}
.subWrap .sleep_box02 ul li a:hover {color:#0a6976; text-decoration:underline;}
.subWrap .sleep_box02 dl {float:left; width:350px; margin-right:25px;}
.subWrap .sleep_box02 dl:last-child {margin-right:0;}
.subWrap .sleep_box02 dl dt img {width:100%;}
.subWrap .sleep_box02 dl dd {font-size:13px; text-align:center;}
.subWrap .sleep_box02 dl dd span {display:block; font-size:18px; font-weight:500; margin-top:15px;}

/* 서브페이지 메뉴 */
.SubPageTabMenu {display:table; margin:50px auto;}
.SubPageTabMenu li {display:table-cell; padding:0 20px; font-size:30px; font-weight:800; color:#999; cursor:pointer;}
.SubPageTabMenu li a {padding:0 10px; font-size:30px; font-weight:800; color:#999;}
.SubPageTabMenu li a:hover {padding:0 10px; color:#444; font-weight:800; background: linear-gradient(to top, #57c5f8 40%, transparent 40%);}
.SubPageTabMenuOn {padding:0 10px; color:#444 !important; font-weight:800; background: linear-gradient(to top, #57c5f8 40%, transparent 40%);}

/* 오시는 길 */
.locationWrap ul {display:table;}
.locationWrap ul li {display:block; float:left;}
.locationWrap p {font-size:20px; text-align:center;}

.locationWrap .address {margin:20px auto 50px auto;}
.locationWrap .address li {padding:0 30px;}
.locationWrap .address li span:first-child {font-size:50px; font-weight:800; margin-right:5px; line-height:50px;}
.locationWrap .address li span:last-child {font-size:23px; font-weight:500; display:inline-block; line-height:39px; vertical-align:top;} 
.locationWrap .address .home {color:#304f78;}
.locationWrap .address .tel		  {color:#f99f1b;}
.locationWrap .address .fax		  {color:#9fa4a8;}
.locationWrap .address .addLine {border-bottom:3px solid #304f78;}
.locationWrap .address .telLine    {border-bottom:3px solid #f99f1b; font-weight:600;}
.locationWrap .address .faxLine   {border-bottom:3px solid #9fa4a8; font-weight:600;}

/* 고객센터 - 운영안내 */
.csWrap {width:602px; margin:0 auto; padding:50px; border:1px solid #304f78;}
.csWrap .csNum    {float:left; width:400px;}
.csWrap .csNum ul li:nth-child(1) {font-size:25px;font-weight:800; color:#304f78;}
.csWrap .csNum ul li:nth-child(2) {font-size:40px;font-weight:800; color:#304f78; line-height:40px; margin-bottom:20px;}
.csWrap .csNum ul li:nth-child(3) {font-size:15px;font-weight:500;}

.csWrap .csKakao {float:left; width:100px; font-size:17px; font-weight:500;}
.csWrap .csKakao a {display:block; width:100px; height:100px; border-radius:50%; background:#f9e02c; text-align:center; margin:7px 0 0 0;}
.csWrap .csKakao a i {display:block; font-size:70px; line-height:100px; color:#391f20; margin-bottom:10px;}

/* gallery */
.galList{margin-left:-0px;}
.galList a{display:block;width:calc(25% - 20px);margin:10px;float:left;}
.galList dt{border:1px solid #eaf0f7;box-sizing:border-box;overflow:hidden;position:relative;height:200px;}
.galList dt img{width:100%; height:100%; display:block;position:absolute;left:0;/* top:50%;margin-top:-50%; */}
.galList dd{padding:15px 0;}
.galList dd p{font-weight:700;color:#303e67;line-height:1;margin-bottom:10px;height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.galList dd span{font-size:0.85em;font-weight:300;line-height:1;display:block;color:#888;}

/* FAQ */
.faqList{width:100%;border-top:1px solid #eaf0f7;}
.faqList li{border-bottom:1px solid #eaf0f7;}
.faqList a{display:table;width:100%;}
.faqList a .Qicon{display:table-cell;vertical-align:top;line-height:50px;width:50px;font-size:24px;font-weight:700;text-align:center;}
.faqList a .faqQ{display:table-cell;vertical-align:middle;word-break:break-word;width:calc(100% - 100px);padding:10px;overflow:hidden;color:#303e67;font-weight:700;box-sizing:border-box;}
.faqList a i{display:table-cell;width:50px;line-height:50px;color:#888;text-align:right;font-size:24px;text-align:center;}
.faqList .faqCont{display:none;background:#f8fafc;width:100%;border-top:1px dashed #eaf0f7;}
.faqList .faqCont .Aicon{display:table-cell;vertical-align:top;width:50px;line-height:50px;font-size:24px;font-weight:700;color:#aaa;text-align: center;}
.faqList .faqCont .faqA{display:table-cell;vertical-align:middle;padding:10px;color:#666;word-break:break-word;}
.faqList li.on .Qicon{color:#305079;}
.faqList li.on .faqQ{color:#305079;}
.faqList li.on .faqCont{display:blcok;}
.verB{vertical-align:bottom;}

/* board */
.boardCont{padding:20px;}
.boardCont img{display:block;margin:0 auto;}
.qnaTb th{font-size:32px !important;text-align:center !important;color:#444 !Important;}

/* 센터안내 */
.mapWrap{border:0;}
.popup_block{background:#fff;position:fixed;left:50%;top:50%;padding:20px;box-sizing:border-box; z-index:9; border:1px solid #dfdfdf;}
.popup_block h2{color:#303e67;font-size:16px;font-weight:700;margin-bottom:20px;}
.popup_block .close{position:absolute;right:20px;top:10px;font-size:22px;}

/* 회원가입 */
.JoinTxt{width:100%;margin:60px auto;text-align:center;}
.JoinTxt .TxtTop{font-size:50px;color:#333;margin-bottom:10px;font-weight:800;}
.JoinTxt li:first-child{font-size:20px;color:#393939;}
.JoinTxt li{font-size:15px;line-height:22px;}
.JoinTxt .TxtPt{font-size:18px;color:#db534d;padding:20px 0;}
.JoinInner{width:100%;}
.JoinInner .JoinTop{width:100%;height:155px;background:#368089;text-align:center;color:#fff;}
.JoinInner .Bg02{background:#315078;}
.JoinTop h3{font-size:32px;line-height:100px;}
.JoinTop p{font-size:17px;line-height:22px;padding:5px 5px 5px 5px;}
.JoinInner .JoinList{width:100%;height:300px;border:1px solid #dbdbdb;border-top:0;padding:30px 25px;box-sizing:border-box;position:relative;}
.JoinList .JoinListTop{font-size:16px;color:#3f434d;line-height:24px;margin-bottom:15px;}
.JoinList li{font-size:15px; font-weight:500; line-height:27px; margin-bottom:10px;}
.JoinList li:before{content: "";float:left;background:#777;width:5px;height:5px;margin:10px 10px 20px 0px;border-radius:50%;}
.JoinList .BtnJoin{position:absolute;bottom:30px;left:50%;transform:translateX(-50%); width:50%;text-align:center;}
.JoinList .BtnJoin a{display:inline-block;background:#b4b4b4;font-size:17px;color:#fff;padding:15px 70px;transition-duration: 0.5s;}
.JoinList .BtnJoin a:hover{background:#52555e;}

.BtnJoin2{display:table;margin:0 auto;text-align:center;}
.BtnJoin2 a{float:left;height:60px;font-size:14px;color:#52555e;line-height:18px;border:1px solid #52555e;padding:0 35px;transition-duration: 0.5s;display: -webkit-flex;display:flex; 
-webkit-align-items:center;align-items: center;/*위아래 중앙*/ 
-webkit-justify-content: center;justify-content: center;margin:40px 20px;}
.BtnJoin2 a:hover{background:#52555e;color:rgba(250, 250, 250, 0.8)}

/* 회원가입완료 */
.regConfirm{text-align:center;padding:50px 0;}
.memNum{background:#f1f5fa;margin:20px auto 0;line-height:50px;border-radius:25px;width:400px;font-size:18px;}

/* shop prod list */
.prodFilter{width:100%;text-align:right;margin-bottom:20px;}
.prodFilter select{width:130px;background-position-x:90%;vertical-align:bottom;}
.prodFilter a{display:inline-block;width:40px;height:40px;border:1px solid #eaf0f7;border-radius:3px;line-height:38px;text-align:center;font-size:20px;color:#aaa;vertical-align:bottom;}
.prodFilter a.on{color:#446ca1;border:1px solid rgba(68,108,161,0.7) !important;outline: 0;-webkit-box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);-moz-box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);box-shadow:0px 0px 10px 0px rgba(23, 97, 253, 0.1);}
.totalProdNum{display:inline-block;line-height:40px;color:#666;font-size:16px;padding-right:10px;}

.galCount{display:table; width:100%; margin:30px auto 0 auto;}
.galCount a{float:left; font-size:16px;font-weight:700;display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;transition:all 0.3s;}
.galCount a i {font-weight:700; line-height:40px;}
.galCount input{float:left; width:calc(100% - 130px);padding-left:0;text-align:center;border-radius:0;}
.countBtn{background:#e8e8e8;}
.countBtn:hover{background:#ddd;}
.addCart{color:#fff;margin-left:10px;}
.prodInfo p span{float:right;}
.prodInfo p:after{content:"";display:block;clear:both;}

.prodHoriList{display:none;}
.prodHoriList dl{display:table;width:100%;border-bottom:1px solid #eaf0f7;}
.prodHoriList dl:first-child{border-top:1px solid #eaf0f7;}
.prodHoriList dl dt{display:table-cell;width:160px;padding:20px;}
.prodHoriList dl dt a{border:1px solid #eaf0f7;display:block;overflow:hidden;width:140px; height:140px;}
.prodHoriList dl dt img{width:100%;transition:all 0.3s;}
.prodHoriList dl dt img:hover{transform: scale( 1.2 );}
.prodHoriList dl dd{display:table-cell;vertical-align:middle;}
.prodHoriList dl dd input{float:left; width:50px;padding-left:0;text-align:center;vertical-align:bottom;border-radius:0;}
.listCount{width:220px;font-size:0;padding:20px;}
.listCount a{display:inline-block; float:left; width:40px;height:40px;line-height:40px;text-align:center;font-size:14px;}
.prodHoriList .tagCate{display:inline-block; font-size:12px; font-weight:200;  background:#f79e2d; color:#fff !important; margin-bottom:3px; padding:2px 10px; border-radius:5px;}
.prodHoriList h2{line-height:1.3;font-size:23px;color:#444;font-weight:700;margin-bottom:10px;}
.prodHoriList .horiPrice{width:250px;text-align:right;}
.prodHoriList .horiPrice p{padding-right:20px;}
.prodHoriList .horiPrice p span {margin-left:15px;}
.prodHoriList .horiPrice p:last-child span {font-size:16px; font-weight:700; margin-left:15px;}

.prodGalList{font-size:0;}
.prodGalList li{width:370px;display:inline-block;margin:25px 15px;vertical-align:top;font-size:16px;}
.prodGalList li a{z-index:1;}
.prodGalList img{width:100%;transition:all 0.3s;}
.prodGalList img:hover{transform: scale( 1.2 );}
.prodGalList .prodImg{border:1px solid #eaf0f7;background:#fff;border-radius:3px;overflow:hidden;position:relative;}
.prodInfo{margin:20px 10px 0 10px;}
.prodInfo .tagCate{font-size:13px; font-weight:300; background:#f79e2d; color:#fff; border-radius:5px; padding:2px 10px;}
.prodInfo h2{height:55px; line-height:1.25;font-size:22px;font-weight:700;margin:5px 0 15px 0;}
.prodInfo p{font-size:15px; font-weight:500; color:#333;line-height:1;margin-top:10px;}

/* pager */
.pagerWrap{text-align:center;width:100%;line-height:30px;font-size:16px;}
.pagerWrap ul{display:inline-block;border:1px solid #eaf0f7;border-radius:3px;overflow:hidden;}
.pagerWrap li{display:inline-block;float:left;margin:0 !important;}
.pagerWrap li a{display:block; border-right:1px solid #eaf0f7;padding:0 8px;font-size:14px;color:#3d3d3d;transition:all 0.3s;}
.pagerWrap li a.on, .tableInfo .pagerWrap li a:hover{color:#fff;background:#475260;}
.pagerWrap li:last-child a{border-right:0;}

/* shop prod view */
.prodView{}
.viewTop{}
.viewTop .viewTag{padding:0px 0 15px 20px;line-height:1;}
.viewTop .viewTag span{position:relative; font-size:15px;font-weight:500;color:#555;margin-right:25px;}
.viewTop .viewTag span:before {content:''; position:absolute; top:7px; right:-15px; width:5px; height:5px; border-radius:50%; background:#999;}
.viewTop .viewTag span:first-child {position:relative; display:inline-block; width:25px; height:15px; margin-right:15px;}
.viewTop .viewTag span:first-child:after {content:'\e900'; font-family:xeicon; position:absolute; top:0; left:0; font-size:20px; color:#999;}
.viewTop .viewTag span:first-child:before {content:''; position:absolute; top:8px; right:-7px; width:4px; height:4px; border-radius:50%; background:#999;}
.viewTop .viewTag span:last-child:before {display:none;}
.prodThumb{width:500px;height:500px;border:1px solid #eaf0f7;float:left;box-sizing:border-box;}
.prodThumb img{width:100%;}
.itemInfo{position:relative; width:calc(100% - 500px);float:right;padding-left:50px;}
/* 카카오톡 공유하기 */
.shareBox {
  display:inline-block; vertical-align:bottom;
}
.shareTalk {
  position: relative; width: 65px !important; height: 67px;
  border: 1px solid rgba(57, 31, 32, .1); background: #fae100 url(../../../images/os/common/top_kakao.png)no-repeat center center;
}
.shareTalk:hover span {
  opacity: 1; transform: translate(-50%, 0);
}
.shareTalk span {
  width:65px; height:30px; line-height:30px;
  position: absolute;
  left: 50%; bottom: 100%; opacity: 0;
  margin-bottom: 1em;
  background: #391f20; border-radius:5px;
  font-size: 12px; font-weight:200; white-space: nowrap;
  transform: translate(-50%, 1em); transition: all 0.15s ease-in-out;
}
.shareTalk span::before {
  content: '';
  position: absolute; top: 100%; left: 50%;
  width: 0; height: 0;
  border: 0.5em solid transparent; border-top-color: #391f20;
  transform: translate(-50%, 0);
}
/* 카카오톡 공유하기 */
.itemInfo .viewTit{padding:10px 0;border-bottom:1px solid #eaf0f7;}
.itemInfo .viewTit h2{font-size:35px;font-weight:800;line-height:1.3;padding:0 80px 0 20px;}
.itemInfo .viewTit p{margin-top:10px;color:#888;line-height:1.3;}
.itemInfo .viewInfo{padding:20px 0 0 0; font-size:15px; font-weight:500; color:#555;}
.itemInfo .viewInfo dl{display:table;width:100%;height:40px;padding-left:50px;}
.itemInfo .viewInfo dl .nv {font-size:17px;}
.itemInfo .viewInfo dt{display:table-cell;vertical-align:middle;width:170px;}
.itemInfo .viewInfo dd{display:table-cell;vertical-align:middle;}
.itemInfo .viewInfo dd .Mper    {font-size:25px; font-weight:800; color:#ce2626;}
.itemInfo .viewInfo dd .Mprice {font-size:25px; font-weight:800; color:#333; margin-left:15px;}
.itemInfo .viewInfo dd .deli_desc   {font-size:13px; color:#777; font-weight:300;}
.itemInfo .viewInfo dd .card_desc {font-size:13px; color:#fff; font-weight:200; margin-left:10px; padding:5px 15px; background:#fa9f1b; border-radius:5px;}
.itemInfo .viewInfo .prodQtyBox {display:block; border-bottom:1px solid #d0d0d0;}
.itemInfo .viewInfo .selectBox      {display:block;}
.itemInfo .viewInfo .uPrice dt{}
.itemInfo .viewInfo .uPrice dd{font-weight:700;font-size:17px;}
.itemInfo .viewInfo .unPrice dd{color:#888;text-decoration: line-through;}
.itemInfo .viewInfo .vip_desc {display:block; font-size:15px; font-weight:300; margin:0 20px 15px 20px; padding:7px 30px; background:#feecd1; border-radius:5px;}
.itemInfo .viewInfo .prodCont a{width:40px;height:40px;display:inline-block;border:1px solid #eaf0f7;/*background:#eaf0f7*/;vertical-align:top;text-align:center;border-radius:3px;}
.itemInfo .viewInfo .prodCont i{line-height:40px;color:#333; font-weight:700;}
.itemInfo .viewInfo .prodCont input[type="text"]{width:60px;text-align:center;padding-left:0;font-weight:700;font-family:'Montserrat', 'Noto Sans KR', sans-serif, serif;}
.itemInfo .viewInfo .totalPrice{border-top:1px solid #eaf0f7;margin-top:17px;padding-top:15px;}
.itemInfo .viewInfo .totalPrice dt{font-size:15px;/*font-weight:700;*/}
.itemInfo .viewInfo .totalPrice dd{font-size:25px;font-weight:700;}
.itemInfo .viewInfo .totalPrice .copyBtn {display:inline-block; font-size:13px; font-weight:200; background:#555; color:#fff; height:40px; line-height:40px; margin:1px 0 0 10px; padding:0 15px;}
.itemInfo .viewInfo .totalPrice .copyBtn:hover {background:#333;}
.prodView .btns{position:relative; margin-top:17px;font-size:0;text-align:center;}
.prodView .btns a{display:inline-block;width:calc(45% - 35px);font-size:18px;font-weight:500;color:#fff;text-align:center;line-height:65px;border-radius:5px;}
.prodView .btns a.cart_icon {position:relative; padding-left:35px;}
.prodView .btns a.cart_icon:before {content:"\eb6f"; font-family:xeicon; position:absolute; top:-2px; left:82px; font-size:27px;}
.prodView .btns a.buy_icon {position:relative; padding-left:25px;}
.prodView .btns a.buy_icon:before {content:"\eb2b"; font-family:xeicon; position:absolute; top:-2px; left:78px; font-size:27px;}
.prodView .btns2{margin-top:10px;font-size:0;text-align:center;}
.prodView .btns2 a{display:inline-block;width:calc(30% - 10px);font-size:18px;font-weight:500;color:#fff;text-align:center;line-height:65px;border-radius:5px;}
.prodView .btns2 a.cart_icon {position:relative; padding-left:15px;}
.prodView .btns2 a.cart_icon:before {content:"\eb6f"; font-family:xeicon; position:absolute; top:-1px; left:25px; font-size:27px;}
.prodView .btns2 a.buy_icon {position:relative; padding-left:15px;}
.prodView .btns2 a.buy_icon:before {content:"\eb2b"; font-family:xeicon; position:absolute; top:-1px; left:25px; font-size:27px;}
.viewDetail{margin-top:100px;}
.shopTab{width:100%;height:65px;}
.shopTab li{display:inline-block; width:24.75%; background:#f6f6f6; border-radius:5px;}
.shopTab li a{display:block; font-size:18px; color:#555; font-weight:500;text-align:center;line-height:65px;transition:all 0.3s;}
.shopTab li a.on, .shopTab li a:hover{color:#fff;font-weight:500;background:#475260; border-radius:5px;}
.viewDetail .tabCont{padding:50px;}
.viewDetail .tabCont img{display:block;margin:0 auto;max-width:100%;}
.viewDetail .tabCont ul{padding-left:7px;text-indent:-7px;}

/* 사용후기 */
.ReviewValueBox {display:flex; justify-content: center; background:#f8f9fb; padding:50px 100px; margin-bottom:50px;}
.ReviewValueBox .PointBox {align-items: center; width:300px; text-align:center; margin:10px 50px 0 0;}
.ReviewValueBox .PointBox .Point {font-size:55px; font-weight:700; line-height:80px;}
.ReviewValueBox .PointBox .Star   {width:300px !important; margin:10px 0;}
.ReviewValueBox .PointBox .Star span {display:inline-block; color:#FFD119;}
/*.ReviewValueBox .PointBox .Star span:before {content:'\ea0f'; font-family:xeicon; font-size:50px; color:#FFD119; line-height:30px;}*/
.ReviewValueBox .PointBox .RTotal {font-size:20px; margin-top:10px;}

.ReviewGraph {padding-left:0 !important; text-indent:0 !important;}
.ReviewGraph li{display: flex;align-items: center;margin-bottom: 13px;width: 450px;}
.ReviewGraph li:last-child{margin-bottom: 0;}
.ReviewGraph li span{flex-shrink: 0;display: inline-block;margin-right: 15px;font-weight:500; color: #333;}
.ReviewGraph .point_bar{flex: 1;background-color: #edf0f5;border-radius: 10px;overflow: hidden;}
.ReviewGraph .gain_point{border-radius: 10px;background-color: #dedfe4;text-indent: -9999px;} 
.ReviewGraph .gain_point.yellow {background-color: #FFD119;}

/*
.ReviewGraph {width:500px;}
.ReviewGraph ul {padding-left:0 !important; text-indent:0 !important;}
.ReviewGraph ul li {display:flex; height:40px;}
.ReviewGraph ul li span {width:45px; font-weight:500; text-align:center; line-height:40px;}
.ReviewGraph ul li progress {width:400px; height:40px;}
.ReviewGraph ul li progress div  {width:400px; height:30px; border-style:solid; border-width:1px; border-color:#ececec; border-radius:50px; background:#fff;}
.ReviewGraph ul li progress div:before {content:''; display:block; width:300px; height:30px; border-top-left-radius:30px; border-bottom-left-radius:30px; background:red;}
*/

.ReviewBox {}
.ReviewBox .ReviewTit {padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
.ReviewBox .ReviewTit h4 {float:left; font-size:25px; font-weight:800; text-indent:20px; line-height:30px; padding-top:7px;}
.ReviewBox .ReviewTit h4 span {display:block; font-size:16px; font-weight:500; color:#777;}
.ReviewBox .ReviewTit .ReviewBtn {float:right; margin:8px 20px 0 0; display:block; width:130px; height:50px; line-height:50px; font-size:17px; font-weight:500; text-align:center; border:1px solid #cecece; transition-duration:0.3s;}
.ReviewBox .ReviewTit .ReviewBtn:hover {color:#fff; background:#f99f1b; border:1px solid #f99f1b;}

.ReviewBox .ReviewEmpty {padding:100px 240px; border-bottom:1px solid #e5e5e5;}
.ReviewBox .ReviewEmpty dl dt {float:left; width:120px; margin-right:50px;}
.ReviewBox .ReviewEmpty dl dt img {width:100%; opacity:0.2;}
.ReviewBox .ReviewEmpty dl dd {float:left; text-align:center; font-size:30px; font-weight:600; color:#ccc; margin-top:20px;}

.ReviewBox .ReviewList {border-bottom:1px solid #e5e5e5; padding:20px 0;}
.ReviewBox .ReviewList:first-child {padding:0 0 20px 0;}
.ReviewBox .ReviewList .ReviewPointBox {float:left; width:950px;}
.ReviewBox .ReviewList .ReviewPointBox .ReviewTitle {display:block; width:950px; padding-top:20px;}

.ReviewBox .ReviewList .ListBox  {float:left; width:75%;}
.ReviewBox .ReviewList .ListBox .ListTit {display:inline-block; margin-bottom:20px;}
.ReviewBox .ReviewList .ListBox .ListTit span {margin-left:10px;}
.ReviewBox .ReviewList .ListBox .ListTxt {overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; max-height:45px; line-height:23px;
display:-webkit-box; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.ReviewBox .ReviewList .ListBox .ListTxtView {line-height:23px;}
.ReviewBox .ReviewList .ListBox .ListTxtView .ListMore {display:inline-block; margin-top:10px; cursor:pointer;}
.ReviewBox .ReviewList .ListBox  .ReviewBtn {margin-top:20px;}
.ReviewBox .ReviewList .ListBox .ListMore {display:inline-block; margin-top:10px; cursor:pointer;}

.ReviewBox .ReviewList .ListImgBox {float:right; width:120px; height:120px; border:1px solid #ececec;}

.ReviewBox .ReviewList .ReviewImg {width:250px; height:250px;}

.ReviewBox .ReviewList .ReviewBtn a {float:left; display:block; width:50px; height:30px; line-height:30px; font-size:13px; text-align:center; border:1px solid #d9d9d9; margin-right:5px; transition-duration:0.3s;}
.ReviewBox .ReviewList .ReviewBtn a:hover         {color:#fff; background:#475260; border:1px solid #475260;}
.ReviewBox .ReviewList .ReviewBtn a:last-child {margin-right:0;}
.ReviewBox .ReviewList .ReviewBtn a:last-child:hover  {background:#999; border:1px solid #999;}

.ReviewBox .ReviewList ul {padding-left:0; text-indent:0;}
.ReviewBox .ReviewList ul li {margin:20px 0; padding:10px 20px; border-bottom:1px solid #ececec;}
.ReviewBox .ReviewList ul li:last-child {border-bottom:0;}
.ReviewBox .ReviewList ul li .ListContent dl dt {position:relative; font-size:15px; font-weight:500;}
.ReviewBox .ReviewList ul li .ListContent dl dt .ListName {padding:0 10px;}
.ReviewBox .ReviewList ul li .ListContent dl dt .photo {position:absolute; top:0; right:0; width:100px; height:100px; border:1px solid #333;}
.ReviewBox .ReviewList ul li .ListContent dl dt .starrr {font-size:15px; color:#fed42c;}
.ReviewBox .ReviewList ul li .ListContent dl dd {position:relative; width:900px; font-size:15px; color:#333; font-weight:300; margin:20px 0 30px 0;}
.ReviewBox .ReviewList ul li .ListContent dl dd:last-child .ListMore {font-size:13px; font-weight:500; border-bottom:1px solid #999;}
.ReviewBox .ReviewList ul li .ListContent dl dd:last-child .ListDe   {margin:20px 0;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn {position:absolute; top:0; right:0;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn a {float:left; display:block; width:50px; height:30px; line-height:30px; font-size:13px; text-align:center; border:1px solid #d9d9d9; margin-right:5px; transition-duration:0.3s;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn a:hover         {color:#fff; background:#fa9f1b; border:1px solid #fa9f1b;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn a:last-child {margin-right:0;}
.ReviewBox .ReviewList ul li .ListContent .ReviewBtn a:last-child:hover  {background:#999; border:1px solid #999;}
.ReviewBox .ReviewList ul li .ListContent .CommentBox {margin-top:25px; padding-top:25px; border-top:1px solid #ececec;}
.ReviewBox .ReviewList ul li .ListContent .CommentBox .comment {float:left; position:relative; padding-left:65px;}
.ReviewBox .ReviewList ul li .ListContent .CommentBox .comment:before {content:'답변'; position:absolute; top:0; left:20px; display:inline-block; width:30px; text-align:center; font-size:12px; margin-right:10px; padding:2px 5px; background:#486732; color:#fff; border-radius:5px;}
.ReviewBox .ReviewList ul li .ListContent .CommentBox .writer  {float:right; padding-right:20px;}

.ReviewBox .ReviewList .ReTxt {clear:both; width:100%;}
.ReviewBox .ReviewList .ReTxt .Reply {display:inline-block; width:45px; height:25px; line-height:25px; text-align:center;  background:#bbb; color:#fff; border-radius:5px; margin-bottom:10px;}

.ReviewBox .ReviewList .paging table tr td li {display:table-cell; padding:0 7px;}

.adminBtnWrap .adminBtnContAm {display:table; width:150px; margin:10px auto 30px auto;}
.adminBtnWrap .adminBtnContAm li {float:left;}
.adminBtnWrap .adminBtnContAm li a {display:inline-block; width:70px; height:35px; line-height:35px; text-align:center; font-size:1em; font-weight:500; border:1px solid #ccc; margin-right:10px;}
.adminBtnWrap .adminBtnContAm li:last-child a {margin-right:0;}

.pagingBtns {display:table; margin:35px auto;}
.pagingBtns a {background:#475260; color:#fff; padding:10px 20px;}

/* 모달 팝업 */
section.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
}
section.modalWindow {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 999 !important;
    width: 600px;
    min-height: 200px;
    margin-left: -300px;
    background: #FFF;
    cursor: default;
}
section.modal.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 997;
    cursor: pointer;
}
section.modalWindow section.modalWrapper {
    margin: 30px;
    border: 1px solid #DADADA;
    padding: 15px;
    text-align: left;
    line-height: 20px !important;
  height: 300px;
}
.closeBtn {
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
}

/* shop order confirm */
.shopConfirmWrap{background:#fafafa;padding:50px 0;}
.shopConfirm{width:700px;margin:0 auto;background:#fff;position:relative;padding:30px 0;}
.ordCon{display:block;margin:0 auto 20px;width:50px;height:50px;border-radius:50%;color:#fff;text-align:center;}
.ordCon i{line-height:50px;font-size:24px;}
.shopConfirm h2{text-align:center;font-weight:700;font-size:24px;}
.shopConfirm hr{width:100%;display:block;border:1px dashed #f2f2f2;margin:20px 0;}
.shopConfirm dl{display:table;width:100%;padding:0 20px;box-sizing:border-box;margin-bottom:10px;font-size:16px;}
.shopConfirm dt{display:table-cell;vertical-align:middle;width:40%;text-align:left;} 
.shopConfirm dd{display:table-cell;vertical-align:middle;text-align:right;color:#888;}
.shopConfirm dd.txt_basic{font-weight:700;}
.shopConfirm .btns{padding:0 20px;box-sizing:border-box;text-align:center;}
.shopConfirm .btns a{display:inline-block;width:120px;color:#fff;line-height:40px;border-radius:3px;font-size:16px;}
.receipt{width:100%;text-align:center;position:absolute;bottom:-5px;left:0;font-size:0;}
.receipt span{display:inline-block; width:12px;height:10px;border-radius:50%;background:#fafafa;margin:0 3px;}


/* 쇼핑몰 리스트 바로담기 */
.snb.shopSnb{border-bottom:0;padding-left:0;height:50px;margin-bottom:20px;}
.shopSnb .subTabmenu{float:none;width:100%;}
.shopSnb .subTabmenu ul{background:#f1f5fa;border-radius:3px;}
.shopSnb .subTabmenu li{display:inline-block;}
.shopSnb .subTabmenu li a{font-size:14px;display:inline-block;padding:0px 30px;transition:all 0.3s;border-radius:3px;color:#616a7d;line-height:50px;}
.shopSnb .subTabmenu li a.active, .shopSnb .subTabmenu li a:hover{background:#4f63d1;color:#fff;}
.searchResult{border-bottom:1px solid #eaf0f7;font-size:18px;padding-bottom:10px;margin-bottom:20px;}
.searchResult span{font-weight:500;}

/* 쇼핑몰 리스트 바로담기 */
.snb.shopSnb{border-bottom:0;padding-left:0;height:50px;margin-bottom:20px;}
.shopSnb .shopTabmenu{float:none;width:100% !important;}
.shopSnb .shopTabmenu ul{background:#f1f5fa;border-radius:3px;}
.shopSnb .shopTabmenu li{display:inline-block;}
.shopSnb .shopTabmenu li a{display:inline-block;font-size:17px; font-weight:500; padding:0px 30px;transition:all 0.3s;border-radius:3px;color:#616a7d;line-height:50px;}
.shopSnb .shopTabmenu li a.active, .shopSnb .shopTabmenu li a:hover{background:#304f78;color:#fff;}

.fixProdsWrap{width:100%;position:fixed;background:#fafcff;left:0;bottom:-170px;border-top:1px solid #d6dff3;transition:all 0.3s;z-index:99;}
.fixProdsWrap.on{bottom:0;}
.listTg{width:70px;height:35px;background:#fafcff;position:absolute;left:50%;top:-35px;transform:translateX(-50%);border-radius: 50px 50px 0px 0px;text-align:center;line-height:30px;font-size:18px;border:1px solid #d6dff3;border-bottom:0;color:#656d9a;}
.listTg i {font-size:25px; font-weight:800; line-height:50px;}
.fixProds{width:1200px;margin:20px auto;display:table;height:50px;}
.fixProds li{display:table-cell;vertical-align:middle;width:455px;}
.fixPrice p{font-size:18px;font-weight:500;}
.fixPrice p span{font-size:28px;font-weight:800; margin-left:10px;}
.fixPrice p span em {font-size:18px; font-weight:500;}
.fixProds .btns{width:290px;display:table-cell;vertical-align:middle;font-size:0;text-align:right;}
.fixProds .btns a{display:inline-block;width:140px;text-align:center;line-height:50px;color:#fff;font-size:16px;border-radius:3px;}
.fixNum{font-size:0;width:142px;}
.fixNum input{width:50px;height:36px;vertical-align:bottom;border-radius:0;padding-left:0;text-align:center;}
.fixNum a{display:inline-block;width:36px;height:36px;text-align:center;line-height:36px;background:#e3ebf6;font-size:14px;color:#656d9a;}
.fixNum a:first-child{border-radius:3px 0px 0px 3px;}
.fixNum a:last-child{border-radius:0px 3px 3px 0px;}
.fixCart{height:150px;overflow-y:auto;background:#fff;border:1px solid #d6dff3;padding:0 10px;width:1200px;margin:0 auto 20px;}
.fixCart ul{width:100%;display:table;padding:10px;border-bottom:1px dashed #d6dff3;height:50px;}
.fixCart ul:last-child{border-bottom:0;}
.fixCart li{display:table-cell;vertical-align:middle;font-size:17px;}
.fixCartPrice{width:180px;}
.fixCartCount{font-size:0;width:150px;}
.fixCartCount input{width:70px;height:35px;vertical-align:bottom;border-radius:0;padding-left:0;text-align:center;}
.fixCartCount a{display:inline-block;width:26px;height:26px;text-align:center;line-height:26px;background:#e3ebf6;font-size:14px;color:#656d9a;}
.fixCartCount a:first-child{border-radius:3px 0px 0px 3px;}
.fixCartCount a:last-child{border-radius:0px 3px 3px 0px;}
.fixCartDel{width:30px;text-align:right;}
.fixCartDel a{font-size:16px;}

/* 상세페이지 */
.viewRecomProd{width:1200px;margin:30px auto;overflow:hidden;position:relative;border-bottom:1px solid #eaf0f7;padding-bottom:20px;}
.viewRecomProd h2{font-size:20px;font-weight:700;margin-bottom:20px;border-bottom:1px solid #eaf0f7;padding-bottom:15px;line-height:1;}
.viewRecomSlide{width:1100px;margin:0 auto;overflow:hidden;text-align:center;}
.viewRecomSlide .slideThum{border:1px solid #ddd;box-sizing:border-box;margin-bottom:10px;}
.viewRecomSlide .slideThum img{width:100%;}
.viewRecomSlide .prodTit{color:#000;font-size:16px;line-height:1;height:16px;overflow:hidden;}
.viewRecomSlide .prodPrice{color:#888;font-size:14px;line-height:1;margin-top:5px;height:14px;overflow:hidden;font-weight:300;}
.viewRecomSlide .swiper-button-next{right:0px;background:#f1f5fa url(../../../images/os/main/newsArrowR.png)no-repeat 50%;width:30px;height:50px;margin-top:-25px;background-size:8px;}
.viewRecomSlide .swiper-button-prev{left:0px;background:#f1f5fa url(../../../images/os/main/newsArrowL.png)no-repeat 50%;width:30px;height:50px;margin-top:-25px;background-size:8px;}

/* 장바구니 */
.choiceControll{margin:20px 0 10px 0;}
.choiceControll label{float:left;line-height:16px;}
.choiceDel{float:right;font-size:12px; color:#fff; font-weight:200; padding:3px 10px; border-radius:3px;}
.cartTit{display:inline-block;width:calc(100% - 144px);vertical-align:middle;font-size:16px; letter-spacing:-.5px; line-height:1.5;}
.delBtn{font-size:16px;line-height:25px;vertical-align:middle;margin-left:5px;color:#ccc;}

.cartAmtLeft{width:830px;float:left;}
.cartAmtRight{width:350px;float:right;height:1639px;position:relative; z-index:99;}

.cartRightCont{}
.cartRightCont.fix{position:fixed;top:20px;}
.cartRightCont.fixBtm{position:absolute;bottom:0;top:inherit;}
.cartRightCont h2{font-size:18px;color:#2c3652;font-weight:500;border-bottom:1px solid #e3ebf6;padding-bottom:10px;line-height:1;margin-bottom:10px;letter-spacing:-0.5px;}
.cartRightCont dl{display:table;width:100%;margin:20px 0 10px 0;}
.cartRightCont #pvArea {font-size:13px;}
.cartRightCont dt{display:table-cell;vertical-align:middle;line-height:1;color:#555;}
.cartRightCont dd{display:table-cell;vertical-align:middle;text-align:right;line-height:1;color:#303e67;/*font-size:1.15em;*/}
.cartContTotal{margin-top:10px;padding-top:20px;border-top:1px solid #e3ebf6;font-weight:700;}
.cartContTotal dt{color:#333;}
.cartContTotal dd{font-size:24px;}

.cartRightCont .payInfo{width: 350px; background: #fff; padding: 20px; box-sizing: border-box; border: 1px solid #e3ebf6; border-radius: 3px;}
.cartRightCont .payInfo th{padding: 5px;font-size: 12px;}
.cartRightCont .payInfo td{padding:5px;font-size: 12px;}
.cartRightCont .payInfo .officeTab{margin-bottom:10px;}
.cartRightCont .payInfo a{font-size:14px;}
.cartRightCont .payInfo select,.cartRightCont .payInfo input{font-size:14px;}
.cartRightCont .payInfo .cartRightBtn{display:inline-block;width:100%;line-height:50px;border-radius:3px;margin-top:10px;text-align:center;color:#fff; font-size:19px; font-weight:500;}
.payArea{overflow-y:auto;}

/* 회원가입안내, 회원관리규정, 개인정보처리방침 */
.memRules h3{color:#000;font-size:40px;font-weight:700;margin-bottom:70px;}
.memRules h3:after{content:"";display:inline-block;background:#304f78;width:50px;height:1px;}
.memRules h1{font-size:26px;font-weight:500;}
.memRules{color:#444;}
.memRules dl{margin-top:40px;}
.memRules .color-black-i dt{color:#444 !important; font-size:16px;margin-bottom:10px;}
.memRules dt{font-size:1.2em;color:#304f78;font-weight: 500;}
.memRules dd{margin-top:20px;line-height:24px;color:#545454;}
.memRules dd > ul{margin:10px 0 0 20px;}
.memRules dd ul li{margin-top:5px;color:#777;}
.memRules dd ul li ul li{padding-left:35px;font-size:0.9em;color: #424248;}
.memRules dd ul .useConTit{color:#333 !important;}
.memRules .list-8{text-indent: -8px; padding-left: 8px;}
.subEcommerce dl dd{text-indent: -20px; padding-left: 20px; margin-left:20px;}
.subEcommerce .list-none{text-indent:0px; padding-left:0px;}

.memRules dd p{margin-top:10px;}
.memRules dd table{width:100%;margin:35px 0;text-align:center;}
.memRules dd table tr th{height:50px;border-top:3px solid #494949;background-color:#f9f9f9;color:#111;border-bottom:1px solid #ddd;border-right: 1px solid #eee;font-weight:500;}
.memRules dd table tr th:last-child{border-right: none;}
.memRules dd table tbody tr{height:150px;border-bottom:1px solid #ddd;}
.memRules dd table tbody tr td{border-right:1px solid #eee;color:#777;}
.memRules dd table tbody tr td:first-child{color:#444;}
.memRules dd table tbody tr td:last-child{border-right:0;}
.memRules .p{font-size:16px;line-height:28px;}
.memRules .inside li{list-style:inside;text-indent:-20px;margin-left:20px;}
.memRules .table2 tr{height:50px;}
.memRules .table2 tr td{padding:20px 25px;}
.memRules .br1{border-right:1px solid #ddd;}
.memRules .inside{margin:15px 0;}
.memRules .txtColor{color:#c10028;}

.bizMemWrap .subBiz h2{color:#333;font-size:24px;margin:100px 0 30px;padding:5px;border-bottom:1px solid #555;display:inline-block;}
.bizMemWrap .subBiz dl{margin-bottom:40px;}
.bizMemWrap .subBiz dt{font-size: 18px;color: #4863b3;font-weight: 500;}
.bizMemWrap .subBiz dt span{display:block;color:#333;font-size:18px;font-weight:normal;padding-left:10x;}
.bizMemWrap .subBiz dd{color:#333;font-size:18px;margin-top:15px;line-height:30px;}
.bizMemWrap .subBiz dd ul{margin-top:5px;font-size:16px;}
.bizMemWrap .subBiz dd ul li{margin-top:10px; color:#666;text-indent:-15px;padding-left:25px;line-height:28px;}
.bizMemWrap .subBiz dd ul li ul{padding-left:0;}
.bizMemWrap .subBiz dd ul li ul li{margin-top:5px; color:#999;font-size:15px;}
.bizMemWrap .subBiz dd ul li span{margin:10px 0 0 10px; display:inline-block;}

.listNone{text-indent:0;padding-left:0;}

/* 마케팅플랜 */
.memRules.mktPlan dt{margin-bottom:20px;}
.memRules.mktPlan dd{margin-top:10px; margin-left:20px;}
.memRules.mktPlan ul li{text-indent:0; padding-left:0;}
.memRules.mktPlan table{margin:10px 0;}
.memRules.mktPlan table tr:nth-child(2) th{border-top:1px solid #ddd;}
.memRules.mktPlan table tr{height:auto;}
.memRules.mktPlan table td{padding:10px 0;}

/* 브랜드 */
.brandIntroWrap .storyImgWrap {width:1200px; height:827px; background:url('../../../images/os/contents/brandImg01.jpg')no-repeat;}
.brandIntroWrap .storyImgWrap p {color:#fff; text-align:center; font-size:40px; line-height:60px; padding-top:285px;}

.brandIntroWrap .storyWrap {width:100%; margin-top:90px;}
.brandIntroWrap .storyWrap dl dt {float:left; width:210px; font-size:50px; color:#404b5f; font-weight:600;}
.brandIntroWrap .storyWrap dl dd {float:left; width:990px; font-size:24px; line-height:42px; color:#5e5e5e;}

.brandIntroWrap .storyTitWrap {width:100%; margin-top:220px;}
.brandIntroWrap .storyTitWrap ul li {position:relative; text-align:center; font-size:45px; line-height:65px; color:#404b5f;}
.brandIntroWrap .storyTitWrap ul li:before {content:''; position:absolute; top:-106px; left:600px; width:1px; height:75px; background:#000;}

.brandIntroWrap .brandTxt {font-size:25px; padding:70px 100px; color:#333; line-height:45px;}
.brandIntroWrap .brandTxt strong span {border-bottom:2px solid #333;}

.brandIntroWrap .r1ImgWrap {width:1200px; height:826px; text-align:center; color:#fff; background:url('../../../images/os/contents/r1_img.jpg')no-repeat;}
.brandIntroWrap .r2ImgWrap {width:1200px; height:826px; text-align:center; color:#fff; background:url('../../../images/os/contents/r2_img.jpg')no-repeat;}
.brandIntroWrap .r3ImgWrap {width:1200px; height:826px; text-align:center; color:#fff; background:url('../../../images/os/contents/r3_img.jpg')no-repeat;}
.brandIntroWrap .brandImgWrap dl dt {font-size:40px; font-weight:300; padding:300px 0 90px 0; letter-spacing:5px;}
.brandIntroWrap .brandImgWrap dl dd {font-size:40px; font-weight:300; line-height:60px;}

.brandIntroWrap .brandRTxt {margin-top:275px; position:relative;}
.brandIntroWrap .brandRTxt:before {content:''; position:absolute; top:-125px; left:600px; width:1px; height:70px; background:#000;}
.brandIntroWrap .brandRTxt p.secondImg {margin-top:140px;}
.brandIntroWrap .brandRTxt dl dt {font-size:40px; color:#404b5f; padding:40px 0 25px 0;}
.brandIntroWrap .brandRTxt dl dt  span {font-size:24px; color:#404b5f;}
.brandIntroWrap .brandRTxt dl dd {font-size:24px; color:#5e5e5e; font-weight:300; line-height:42px;}

/* 비전 */
.subVision div{text-align:center;}
.subVision .compTop{color:#aaa;font-size:18px;line-height:30px;}
.subVision .compTop strong{display:block;font-weight:normal;font-size:22px;color:#333;}
.subVision ul{text-align:center;margin:90px 0;background:url('../../../images/os/contents/compLine.jpg')repeat-x left 110px;}
.subVision li{float:left;width:33.33%;}
.subVision li h4{font-size:24px;text-transform:uppercase;}
.subVision li p{font-size:24px;color:#050708;margin-bottom:20px;}
.subVision li span{font-size:16px;color:#555;line-height:26px;}
.subVision li img{display:block;margin:45px auto;}
.blueTxt{color:#24abe2;}
.greenTxt{color:#8cc63e;}
.orangeTxt{color:#feb041;}
.compBtm{width:100%;height:200px;display:table;background:url('../../../images/os/contents/compBtm.jpg')no-repeat center;}
.compBtm dl{display:table-cell;vertical-align:middle;width:100%;height:100%;}
.compBtm dt{color:#fff;font-size:28px;margin-bottom:20px;}
.compBtm dd{color:rgba(255,255,255,0.8);font-size:16px;line-height:26px;}