@charset "utf-8";

.subMap ul{position: relative; margin: 0 auto 50px; display: flex;}
.subMap ul li{flex-basis: 200px;display: flex;flex-direction: column;color: #000;font-family:'Montserrat', sans-serif;font-size: 22px;font-weight: 700;line-height: normal;}
.subMap ul li:first-child, .subMap ul li:last-child{flex-basis: 500px;}
.subMap ul li p{font-size: 16px;font-weight: 400;line-height: 1.5;margin-top: 15px;}

/* gallery */
.galList{margin-left:-0px;}
.galList a{display:block;width:calc(25% - 20px);margin:10px;float:left;}
.galList dt{border:1px solid #eee;box-sizing:border-box;overflow:hidden;position:relative;height:280px;}
.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-size: 17px;font-weight:700;color: #333;line-height:1;margin-bottom:10px;height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.galList dd span{font-size:15px;font-weight:300;line-height:1;display:inline-block;}
.galList dd span.star, #starRate span.star{font-size:16px;color: #f8b526;}
.galList dd span.star_off, #starRate span.star_off{color:#888;}

/* FAQ */
.faqList{width:100%;border-top:1px solid #eee;}
.faqList li{border-bottom:1px solid #eee;}
.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 #eee;}
.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:#3b3836;}
.faqList li.on .faqQ{color:#3b3836;}
.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;}
.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;}

/* 회원가입 */
.joinTop{text-align: center; margin: 50px auto;}
.joinTop h2 {font-size: 30px;color:#000;}
.joinTop p {font-size: 18px;margin-top:15px;}

.joinType{display: flex;flex-wrap: wrap;width:70%;margin:0 auto;border: 1px solid #ddd;border-top: 1px solid #000; margin-bottom: 50px;}
.joinType dl{width: 50%;padding: 40px 35px;box-sizing:border-box;text-align:center;}
.joinType dl:last-child{border-left: 1px solid #ccc;}
.joinType dt{font-size: 16px;line-height: 28px;margin-bottom: 20px;}
.joinType dt strong{font-size: 20px;}
.joinType dd a{display: inline-block;padding: 10px 50px;border: 1px solid #ccc;font-size: 14px;border-radius: 5px;transition-duration:0.3s;}
.joinType dd a:hover{background:#333; color:#fff; border: 1px solid #333;}

/* 회원가입완료 */
.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 #eee;border-radius:3px;line-height:38px;text-align:center;font-size:20px;color:#aaa;vertical-align:bottom;}
.prodFilter a.on{color:#3b3836;border:1px solid rgba(0,0,0,0.5) !important;outline: 0;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.1);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.1);box-shadow:0px 0px 10px 0px rgba(0,0,0, 0.1);}
.totalProdNum{display:inline-block;line-height:40px;color:#666;font-size:16px;padding-right:10px;}

.galCount{margin-top:10px;}
.galCount a{font-size:16px;display:inline-block;width:40px;height:40px;line-height:38px;text-align:center;border-radius:3px;transition:all 0.3s;}
.galCount input{width:calc(100% - 123px);margin:0 5px;padding-left:0;text-align:center;}
.countBtn{background:#e8e8e8;}
.countBtn:hover{background:#ddd;}
.addCart{color:#fff;margin-left:5px;}
.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 #eee;}
.prodHoriList dl:first-child{border-top:1px solid #eee;}
.prodHoriList dl dt{display:table-cell;width:160px;padding:20px 20px 20px 0;}
.prodHoriList dl dt a{border:1px solid #eee;display:block;overflow:hidden;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{width:50px;padding-left:0;text-align:center;vertical-aling:bottom;margin:0 5px;}
.listCount{width:174px;font-size:0;}
.listCount a{display:inline-block;width:36px;height:36px;line-height:34px;text-align:center;border-radius:3px;font-size:14px;}
.prodHoriList .tagCate{font-size:13px;}
.prodHoriList h2{line-height:1.3;font-size:18px;font-weight:700;margin-bottom:10px;}
.prodHoriList .horiPrice{width:160px;text-align:center;}
.prodHoriList .horiPrice p{text-align:left;}

.prodGalList{font-size:0;}
.prodGalList li{width:calc(25% - 20px);display:inline-block;margin:0px 10px 50px;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 #eee;background:#fff;border-radius:3px;overflow:hidden;position:relative;}
.prodInfo{margin-top:10px;}
.prodInfo .tagCate{font-size:13px;}
.prodInfo h2{line-height:1.3;font-size:18px;font-weight:700;margin-bottom:10px;}
.prodInfo p{color:#666;line-height:1;margin-top:10px;}

/* pager */
.dataView {line-height: 30px;width: 145px;position: absolute;left: 0;top: 0; text-align: left;}
.dataView label {color: #3d3d3d;}
.dataView select { width: 60px; height: 30px; background-position: 88% center; margin-left: 5px;}

.pagerWrap{text-align: center;line-height: 30px;}
.pagerWrap ul{display:inline-block;border:1px solid #eee;border-radius:3px;overflow:hidden;}
.pagerWrap li{display:inline-block;float:left;}
.pagerWrap li a{display:block;border-right:1px solid #eee;padding:0 8px;font-size:14px;color:#3d3d3d;transition:all 0.3s;}
.pagerWrap li a.on, .tableInfo .pagerWrap li a:hover{color:#fff;background:#3b3836;}
.pagerWrap li:last-child a{border-right:0;}

/* shop prod view */
.prodView{}
.viewTop{}
.prodThumb{width:600px;height:600px;border:1px solid #eee;float:left;box-sizing:border-box;}
.prodThumb img{width:100%;}
.itemInfo{width:calc(100% - 600px);float:right;padding-left:100px;}
.itemInfo .viewTag{border-bottom:1px solid #ccc;padding:0px 10px 10px 0;line-height:1;}
.itemInfo .viewTag span{font-size:16px;margin-right:10px;}
.itemInfo .viewTit{padding:20px 0;border-bottom:1px solid #eee;}
.itemInfo .viewTit h2{font-size:24px;font-weight:700;line-height:1.3;}
.itemInfo .viewTit p{margin-top:10px;color:#888;line-height:1.3;}
.itemInfo .viewInfo{padding-top:20px;}
.itemInfo .viewInfo dl{display:table;width:100%;height:40px;}
.itemInfo .viewInfo dt{display:table-cell;vertical-align:middle;width:150px;}
.itemInfo .viewInfo dd{display:table-cell;vertical-align:middle;}
.itemInfo .viewInfo .uPrice dt{font-weight:700;}
.itemInfo .viewInfo .uPrice dd{font-weight:700;font-size:20px;}
.itemInfo .viewInfo .unPrice dd{color:#888;text-decoration: line-through;}
.itemInfo .viewInfo .prodCont a{width:40px;height:40px;display:inline-block;border:1px solid #eee;background:#eee;vertical-align:top;text-align:center;border-radius:3px;}
.itemInfo .viewInfo .prodCont i{line-height:38px;color:#616a7d;}
.itemInfo .viewInfo .prodCont input[type="text"]{width:60px;text-align:center;padding-left:0;}
.itemInfo .viewInfo .totalPrice{border-top:1px solid #eee;margin-top:20px;padding-top:10px;}
.itemInfo .viewInfo .totalPrice dt{font-size:16px;font-weight:700;}
.itemInfo .viewInfo .totalPrice dd{font-size:28px;font-weight:700;}
.prodView .btns{margin-top:20px;font-size:0;text-align:center;}
.prodView .btns a{display:inline-block;width:calc(50% - 10px);font-size:16px;color:#fff;text-align:center;line-height:50px;border-radius:3px;}
.viewDetail{margin-top:80px;}

.shopTab{width:100%;height: 60px;background: #fafafa;margin-bottom: 40px;border: 1px solid #eee;}
.shopTab ul{display: flex;flex-wrap: wrap;}
.shopTab li{flex-basis: 25%;display: flex;flex-direction: column;}
.shopTab li a{display: block;font-size: 14px;color: #666;line-height: 60px;border-left: 1px solid #e7e7e7;text-align: center;}
.shopTab li a.on{color:#000;font-size: 15px;}
.shopTab li:first-child a{border:0}

.viewDetail .tabCont{padding:50px;}
.viewDetail .tabCont img{display:block;margin:0 auto;max-width:100%;}
.viewDetail .tabCont ul{}

/* 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 #eee;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{font-size:14px;display:inline-block;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:#4f63d1;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:60px;height:30px;background:#fafcff;position:absolute;left:50%;top:-30px;margin-left:-30px;border-radius: 30px 30px 0px 0px;text-align:center;line-height:30px;font-size:18px;border:1px solid #d6dff3;border-bottom:0;color:#656d9a;}
.fixProds{width:1200px;margin:20px auto;display:table;height:50px;}
.fixProds li{display:table-cell;vertical-align:middle;}
.fixPrice p{font-size:16px;font-weight:500;}
.fixPrice p span{font-size:28px;font-weight:800;}
.fixProds .btns{width:300px;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:40px;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:#eee;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:16px;}
.fixCartPrice{width:180px;}
.fixCartCount{font-size:0;width:150px;}
.fixCartCount input{width:50px;height:26px;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:#eee;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 #eee;padding-bottom:20px;}
.viewRecomProd h2{font-size:20px;font-weight:700;margin-bottom:20px;border-bottom:1px solid #eee;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-bottom:10px;}
.choiceControll label{float:left;line-height:16px;}
.choiceDel{float:right;font-size:16px;line-height:16px;}
.cartTit{display:inline-block;width:calc(100% - 144px);vertical-align:middle;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;position:relative;}
/* .cartAmtRight.fixBtm{height:1639px;} */

.cartRightCont{}
.cartRightCont.fix{position:fixed;top:20px;z-index: 10;}
.cartAmtRight.fixBtm .cartRightCont{position:absolute;bottom:0;top:inherit;}
.cartRightCont h2{font-size:18px;color:#2c3652;font-weight:700;border-bottom:1px solid #eee;padding-bottom:20px;line-height:1;margin-bottom:10px;}
.cartRightCont dl{display:table;width:100%;padding:10px 0;}
.cartRightCont dt{display:table-cell;vertical-align:middle;line-height:1;color:#888;}
.cartRightCont dd{display:table-cell;vertical-align:middle;text-align:right;line-height:1;font-size:1.15em;color:#303e67;}
.cartContTotal{margin-top:10px;padding-top:15px;border-top:1px solid #eee;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 #eee; border-radius: 3px;}
.cartRightCont .payInfo th{padding: 5px;font-size: 13px;}
.cartRightCont .payInfo td{padding:5px;font-size: 13px;}
.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:40px;border-radius:3px;margin-top:10px;text-align:center;color:#fff; font-size:16px;}
.payArea{overflow-y:auto;}

#cardNo1, #cardNo2, #cardNo3, #cardNo4{font-size:12px;}

/* 회원가입안내, 회원관리규정, 개인정보처리방침 */
.memRules h3{color:#000;font-size: 30px;font-weight:700;margin-bottom:60px;}
.memRules h1{font-size:26px;font-weight:500;}
.memRules{color:#444;}
.memRules dl{margin-bottom: 50px;}
.memRules .color-black-i{color: #333 !important;font-size: 17px;margin-bottom:10px;}
.memRules dt{font-size:1.2em;color:#333;font-weight: 500;}
.memRules dd{margin-top:20px;line-height:24px;color:#545454;}
.memRules dd > ul{margin:10px 0 0 15px;}
.memRules dd ul li{margin-top:5px;color:#777;}
.memRules dd ul li ul li{padding-left:10px;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,
.center table{width:100%;margin:35px 0;text-align:center;}
.memRules dd table tr th,
.center table tr th{border-top:3px solid #494949;background-color:#f9f9f9;color:#111;border-bottom:1px solid #ddd;border-right: 1px solid #eee;font-weight:500;padding: 25px 0;}
.memRules dd table tr th:last-child,
.center table tr th:last-child{border-right: none;}
.memRules dd table tbody tr,
.center table tbody tr{border-bottom:1px solid #ddd;}
.memRules dd table tbody tr td,
.center table tbody tr td{border-right:1px solid #eee;color:#777;padding: 20px 0;}
.memRules dd table tbody tr td:first-child,
.center table tbody tr td:first-child{color:#444;}
.memRules dd table tbody tr td:last-child,
.center 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: #333;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;}

.Ready dl{width:500px;height:500px;background: #3b3836;border-radius:50%;margin:0 auto;padding-top: 90px;box-sizing:border-box;text-align:center}
.Ready dt{font-size: 30px;color: rgba(255,255,255,.5);}
.Ready dt:after{content:"";display:table;margin:20px auto 25px;width:1px;height:50px;background:#ccc;}
.Ready dt span{color:#fff;}
.Ready dd{font-size:17px;color:rgba(255,255,255, 0.5);line-height:28px; }