@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css);

/* ============================== 서브페이지 공통 =================================== */
.sub_visual{width:100%; position:relative; height:180px; overflow:hidden;background:#c9cfd6 url('../../images/os/new_img1/sub/sub_vis.jpg');}
.sub_visual2{background:#c9cfd6 url('../../images/os/new_img1/sub/sub_vis2.jpg');}
.sub_visual h3{position:absolute;top:70px;text-align:center;left:50%;margin-left:-500px;width:1000px;font-size:28px;color:#fff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}
.sub_visual h3.Eng{font-family: 'Montserrat', sans-serif;font-size:26px;font-weight:600;letter-spacing:0.2em;}
.sub_visual .navi-wrap{position:relative;width:1200px;margin:20px auto;}
.navi-wrap ul{float:right;margin-right:10px;}
.navi-wrap li{float:left;;font-size:13px;color:#fff;}
.navi-wrap li.Arr:before{content: url('../../images/os/new_img1/main/btn_arr.png')!important;display:block;float:left;width:6px;height:9px;margin:0 15px;}
.navi-wrap li:last-child{text-decoration:underline;}

.subContainer{width:1200px;margin:60px auto 120px auto;background:#fff;position:relative;}


/* sub-containter subTabmenu */
#sidebar{position:relative;width:1200px;height:60px;margin:0 auto;border-bottom: 2px solid #33a744;}
#sidebar .subTabmenu{}
#sidebar .subTabmenu ul li{float:left;border-right:1px solid #e9e9e9;}
#sidebar .subTabmenu ul li a{display:block;color:#989898;font-size:14px;line-height:60px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;}
#sidebar .subTabmenu ul li a:hover, #sidebar .subTabmenu ul li a:focus,  #sidebar .subTabmenu ul li ul li.active a{background:#33a744;color:#fff;}
#sidebar .subTabmenu > ul > li{display:block;}
#sidebar .subTabmenu > ul > li > a{font-size:14px;line-height:60px;color:#989898;padding:0 35px;}
#sidebar .subTabmenu > ul > li > a.active{background:#33a744;color:#fff;}
#sidebar .subTabmenu > ul > li > a.active, #sidebar .subTabmenu > ul > li > a:hover, #sidebar .subTabmenu > ul > li > a:focus{background:#33a744;color:#fff;}
#sidebar .subTabmenu2 > ul > li > a{padding:0 18px;}
#sidebar .subTabmenu3 > ul > li > a{padding:0 22px;}
#sidebar .subTabmenu4 > ul > li > a{padding:0 15px;}

#sidebarShop{position:relative;width:1200px;height:60px;margin:0 auto;border-bottom: 2px solid #33a744;}
#sidebarShop .subTabmenu{}
#sidebarShop .subTabmenu ul li{float:left;border-right:1px solid #e9e9e9;}
#sidebarShop .subTabmenu ul li a{display:block;color:#989898;font-size:14px;line-height:60px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;}
#sidebarShop .subTabmenu ul li a:hover, #sidebarShop .subTabmenu ul li a:focus,  #sidebarShop .subTabmenu ul li ul li.active a{background:#33a744;color:#fff;}
#sidebarShop .subTabmenu > ul > li{display:block;}
#sidebarShop .subTabmenu > ul > li > a{font-size:14px;line-height:60px;color:#989898;padding:0 35px;}
#sidebarShop .subTabmenu > ul > li > a.active{background:#33a744;color:#fff;}
#sidebarShop .subTabmenu > ul > li > a.active, #sidebarShop .subTabmenu > ul > li > a:hover, #sidebarShop .subTabmenu > ul > li > a:focus{background:#33a744;color:#fff;}

#sidebarShop .subTabmenu2 ul li{float:left;border-right:1px solid #e9e9e9;}
#sidebarShop .subTabmenu2 ul li a{display:block;color:#989898;font-size:14px;line-height:60px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;}
#sidebarShop .subTabmenu2 ul li a:hover, #sidebarShop .subTabmenu2 ul li a:focus,  #sidebarShop .subTabmenu2 ul li ul li.active a{background:#33a744;color:#fff;}
#sidebarShop .subTabmenu2 > ul > li{display:block;}
#sidebarShop .subTabmenu2 > ul > li > a{font-size:14px;line-height:60px;color:#989898;padding:0 35px;}
#sidebarShop .subTabmenu2 > ul > li > a.active{background:#33a744;color:#fff;}
#sidebarShop .subTabmenu2 > ul > li > a.active, #sidebarShop .subTabmenu2 > ul > li > a:hover, #sidebarShop .subTabmenu2 > ul > li > a:focus{background:#33a744;color:#fff;}


.subTab{display: table;margin: 40px auto;}
.subTab .subTabs li{float: left;margin: 0 10px;}
.subTab li a{display: inline-block;font-size: 16px;color: #4c4c4c;line-height: 50px; padding: 0 40px;border: 1px solid #ddd; transition-duration: 0.5s;}
.subTab li a.hover, .subTab li a.active{color: #33a744; border: 1px solid #33a744;}
.subTab_content > img{width:1000px;margin:0 auto;display:block;}
.subTabs{display:table;margin:40px auto;}
.subTab li a:hover, .subTab li a.active, .subTab li a.tabOn{color: #33a744;border: 1px solid #33a744;}

.TopTit{text-align:center;color: #222;position:relative;}
.TopTit h3{display:inline-block;font-size: 28px;margin-bottom:20px;border-bottom:1px solid #222;padding:0 10px 15px;}
.TopTit p{font-size:17px;line-height: 28px;}

.BgCal{background:url('../../images/os/new_img1/sub/cal.jpg')no-repeat;height:220px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);padding-top:65px;box-sizing:border-box;}

.listBtnWrap{display: table;margin: 40px auto;}
.listBtnWrap a{float: left;margin: 0 10px;display: inline-block;font-size: 16px;color: #4c4c4c;line-height: 50px; padding: 0 40px;border: 1px solid #ddd; transition-duration: 0.5s;}
.listBtnWrap a:hover, .listBtnWrap a.active{color: #33a744; border: 1px solid #33a744;}




/* 회원가입 */
.JoinTxt{width:100%;margin:60px auto;text-align:center;}
.JoinTxt .TxtTop{font-size:20px;color:#33a744;margin-bottom:60px;}
.JoinTxt li:first-child{font-size:28px;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%;background:#b4b4b4;text-align:center;color:#fff;padding: 35px 0;}
.JoinInner .Bg02{background:url('../../images/os/new_img1/sub/join_bg02.png')no-repeat top left;}
.JoinTop h3{font-size:32px;margin-bottom: 10px;}
.JoinTop p{font-size:15px;line-height:22px;}
.JoinInner .JoinList{width:100%;height:280px;border:1px solid #dbdbdb;border-top:0;padding:40px;box-sizing:border-box;position:relative;}
.JoinList .JoinListTop{font-size:16px;color:#3f434d;line-height:24px;margin-bottom:15px;}
.JoinList li{font-size:14px;line-height:26px;}
.JoinList li:before{content: "";float:left;background:#777;width:5px;height:5px;margin:9px 10px 0 0;border-radius:50%;}
.JoinList .BtnJoin{position:absolute;bottom:30px;left:50%;margin-left:-20%;width:40%;text-align:center;}
.JoinList .BtnJoin a{display:inline-block;border:1px solid #b4b4b4;font-size:14px;color:#000;padding:16px 35px;transition-duration: 0.5s;}
.JoinList .BtnJoin a:hover{border:1px solid #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)}

/* 비로그인 회원가입 */
.mem-agree-box{width:100%;height:200px;overflow-y:scroll;text-align:left;background:#fff;padding:20px;box-sizing:border-box;margin-bottom:15px;}
.mem-agree-box p{margin-bottom:10px;line-height:20px;}
.agree-input{text-align:left;}
.joinInfo{background:url("../../images/os/new_img1/sub/joinInfoBg.png") no-repeat right center;}
.joinInfo a{display:block;width:200px;height:40px;line-height:40px;text-align:center;border-radius:2px;background:#222;color:#fff;font-size:14px;margin:60px auto 20px;}
.joinInfo a:hover{background:#444;}
.joinInfo2{background:url("../../images/os/new_img1/sub/joinInfoBg2.png") no-repeat center 370px;height:860px;}
.joinInfo2 dl{font-weight:500;position:absolute;}
.joinInfo2 dt{font-size:20px;margin-bottom:10px;}
.joinInfo2 dt span{color:#999;font-size:15px;text-transform:uppercase;vertical-align:baseline;}
.joinInfo2 dd{color:#333;font-size:14px;line-height:20px;}
.joinInfo2 .joinInfoTxt01 dt{color:#e3841f;}
.joinInfo2 .joinInfoTxt02 dt{color:#2e6410;}
.joinInfo2 .joinInfoTxt03 dt{color:#115b84;}
.joinInfo2 .joinInfoTxt04 dt{color:#ff000e;}
.joinInfo2 .joinInfoTxt05 dt{color:#443076;}
.joinInfo2 .joinInfoTxt01{top:280px;left:50%;margin-left:-128px;}
.joinInfo2 .joinInfoTxt02{top:410px;left:20px;}
.joinInfo2 .joinInfoTxt03{top:410px;right:110px;}
.joinInfo2 .joinInfoTxt04{bottom:50px;left:100px;}
.joinInfo2 .joinInfoTxt05{bottom:50px;right:125px;}

/* 회원가입완료 */
.JoinSucs{}
.JoinSucs .JoinOkCont{border:3px solid #eee;padding:50px 0;}
.JoinSucs .JoinOkCont p{font-size:22px;color:#333;}
.JoinSucs .MemNumber{display:block;margin:30px auto 0;font-size:18px;width:50%;line-height:50px;background:#eee;border-radius:25px;}
.JoinSucs .txtex{font-size:14px !important;margin-top:10px;color:#777}


/* 사업소개 */
.BizListImg{margin:80px 0;text-align:center;}
.BizList{width:100%;background:#fbfbfb;padding:50px;box-sizing:border-box;margin:30px 0;}
.BizList h3{font-size:18px;color:#33a744;margin-bottom:20px;}
.BizList h3 span{font-family: 'Lato', sans-serif;font-size:13px;color:#3f434d;margin-left:10px;}
.BizList p{font-size:14px;line-height:20px;}
.BizList2{width:100%;height:320px;font-size:15px;color:#3f434d;line-height:26px;padding:45px 50px;box-sizing:border-box;background:url('../../images/os/new_img1/sub/bizinfo.jpg')no-repeat;}


/* 개인정보처리방침, 이용약관, 전자상거래표준약관 */
.memRules{color:#444;}
.memRules h1{font-size:24px;line-height:50px;margin-bottom:30px;}
.memRules dl{margin-top:40px;}
.memRules dt{font-size:18px;color:#33a744;}
.memRules dt img{margin-right:5px;}
.memRules dd{margin-top:20px;font-size:15px;line-height:24px;padding-left: 20px;}
.memRules dd > ul{margin:10px 0 0 15px;}
.memRules dd ul li{margin-top:5px;color:#777;}
.memRules dd p{margin-top:10px;}
.memRules .tC1{color:#777;}
.memRules .tC2{color:#33a744;}
.memRules .tC3 > li{color:#444;}
.memRules .tC4{color:#13838c;}
.memRules .mgT1 > ul > li{margin-top:15px;}
.memRules .mtN{margin-top:0px;}
.memRules .mgL1{margin-left:17px;}
.memRules .mgL2{margin-left:9px;}
.memRules .mgT2{color:#111;margin-top:10px;display:block;}
.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;}
.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;padding:25px;}
.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;}

/* .memBiz h2{font-size:22px;color:#2f2f2f;margin-bottom:30px;margin-left:15px;}
.memBiz dl{margin-bottom:50px;}
.memBiz dl dt{border-top:1px solid #2f2f2f;border-bottom:1px solid #ddd;font-size:16px;color:#2f2f2f;padding:15px;margin-bottom:15px;}
.memBiz dl dd{font-size:14px;color:#666;line-height:24px;margin:10px 15px;}
.memBiz dl dd.ti{text-indent:-15px;padding-left:15px;}
.memBiz dl dd ul{margin-left:20px;}
.memBiz dl dd ul li{margin:5px 0 5px 8px;text-indent:-8px;}
.memBiz dl dd table{width:100%;}
.memBiz dl dd table tr{height:40px;}
.memBiz dl dd table tr th{background:#f2f2f2;text-align:center;}
.memBiz dl dd table tr td{padding:5px;box-sizing:border-box;border-bottom:1px solid #f2f2f2;}
.memBiz .topP{font-size:18px;margin-bottom:30px;color:#2f2f2f;margin-left:15px;line-height:28px;} */

/* 세무가이드안내 */
.wid{width:1000px;margin:0 auto;}
.pdfBtn{margin:50px auto 0;width:190px;}
.pdfDown{display:inline-block;width:190px;height:84px;border:1px solid #ddd;background:url('../../images/os/new_img1/sub/pdfDown.png') no-repeat 15px 18px;line-height:84px;font-size:15px;padding-left:74px;color:#000;}
.pdfDown:hover{border:1px solid #696969;transition:.5s;}
.taxP{color:#999;line-height:20px;font-size:14px;border-top:1px solid #333;padding-top:25px;margin-top:50px;}
.pTitle{display:block;font-size:15px;color:#000;margin-bottom:10px;}
.strong{width:120px;height:40px;line-height:40px;text-align:center;background-color:#f2f2f2;display:block;border-radius:3px;margin-bottom:15px;}


/* 게시판 */
.BoardList, .BoardList2{width:100%;margin:0 0 60px 0;}
.BoardList li, .BoardList2 li{float:left;width:250px;margin:0 23px;border:1px solid #d7d6d6;position:relative;}
.BoardList .Icon{position:absolute;top:0;right:0;width:40px;height:40px;background:#33a744;text-align:center;}
.BoardList .Icon i{color:#fff;font-size:20px;line-height:40px;}
.BoardList a, .BoardList2 a{display:block;}
.BoardList a:hover, .BoardList2 a:hover{opacity:0.8;}
.BoardList dl{display:block;padding-bottom:20px;}
.BoardList dd{margin:0 20px;}
.BoardList2 dl{width:230px;margin:0 auto;padding:10px 0 20px 0;}
.BoardList2 dd{margin:0 5px;}

.BoardTitInner{margin:20px auto 15px;}
.BoardTitInner .BoardTit{font-size:18px;color:#33a744;height: 18px;overflow: hidden;color: #33a744;line-height: 18px;white-space: nowrap; text-overflow:ellipsis;}
.BoardTitInner .BoardTit2{font-size:14px;color:#888;height: 18px;overflow: hidden;color: #888;line-height: 18px;white-space: nowrap; text-overflow:ellipsis;border-bottom:1px solid #d7d6d6;padding:15px 0;}
.BoardTitInner .BoardTit2 span{color:#333;}

.BoardPro{width:100%;}
.BoardPro dl{float:left;width:550px;margin:0 25px;}
.BoardPro ul{padding:20px 10px;position:relative;}
.BoardPro ul li:first-child{font-size:18px;color:#222;line-height:18px;}
.BoardPro ul li{font-size:14px;color:#888;line-height:36px;}
.BoardPro .IconIng{position:absolute;top:15px;right:0;display:inline-block;font-size:13px;color:#fff;background:#36b6c1;padding:3px 10px;border-radius:5px;}

.dataMenuWrap{width:100%;text-align:center;}
.dataMenuWrap ul{display:inline-block;margin-top:5px;}
.dataMenuWrap li{float:left;display:inline-block;box-sizing:border-box;border-right:0;width:150px;}
.dataMenuWrap li a{display:block;padding:12px 0px;border:1px solid #ddd;}
.dataMenuWrap li.active a{background:#333;color:#fff !important;border:1px solid #333;}

/* 로그인 */
.login_Wrap{width:100%;margin:100px auto !important;}
.login_area{width:540px;margin:0 auto;position:relative;}
.login_area h2{font-family: 'Alef', sans-serif;font-size:46px;line-height:46px;color:#333;text-align:center;font-weight:normal;}
.login_area .loginDesc{padding:10px 0 0 0;font-size:15px;color:#444;text-align:center;}
.loginWrite{width:385px;margin:40px 0 0 0;overflow:hidden;}
.loginWrite dt,.loginWrite dd{float:left;font-size:15px;text-align:left;}
.loginWrite dt{clear:both; height:40px; line-height:40px;width:83px;color:#444;}
.loginWrite dd{width:300px;height:40px;}
.loginWrite dt:first-child,.loginWrite dt:first-child + dd{margin-bottom:10px;}
.loginWrite dd input[type="text"].bg{background:#fafafa;border:1px solid #ddd;}
.loginWrite dd input[type="password"].bg{background:#fafafa;border:1px solid #ddd;}
.loginWrite dd input[type="password"],
.loginWrite dd input[type="text"]{border:0;font-size:14px;height:38px;width:284px;padding:0 4px 0 10px;color:#777 !important;background-color:#eee;background-repeat:no-repeat;background-position:10px 50%;}
.btnLogin{position:absolute;right:0px;top:115px;width:130px;height:90px;display:inline-block;background:#555;line-height:90px;text-align:center;color:#fff !important;font-size:18px;transition:all 0.5s;}
.btnLogin:hover{background:#333;}
.login_Wrap .memberGuide{margin:60px auto 0;border-top:1px solid #e6e6e6;padding:30px 0;text-align:left;}
.login_Wrap .memberGuide > div{width:600px;position:relative;margin:0 auto;line-height:23px;}
.login_Wrap .memberGuide strong{color:#444;font-weight:normal;display:block;font-size:15px;line-height:24px;}
.login_Wrap .memberGuide .btnWrap{position:absolute;right:0;top:5px;}
.login_Wrap .memberGuide .btnWrap a.btn{border:1px solid #777;color:#555;height:28px;line-height:28px;font-size:15px;padding:10px 20px;cursor:pointer;transition:all 0.5s;}
.login_Wrap .memberGuide .btnWrap a.btn:hover{border:1px solid #333;color:#333;}

/* 팝업 : id/pw 찾기 */
#popWrap{position:relative; margin:50px;border:1px solid #eee;padding:39px;position:relative;}
#popWrap .popHeader h1{font-size:20px;line-height:30px;color:#333;font-weight:normal;}
#popWrap .popHeader .guide{font-size:13px;color:#bebebe;margin:11px 0 32px 0;}
#popWrap .popContents{}
#popWrap .searchBox{overflow:hidden;width:420px;}
#popWrap .searchBox dt,
#popWrap .searchBox dd{float:left;margin:0 0 11px 0; }
#popWrap .searchBox dt{clear:both;width:90px;font-size:15px;color:#797979;height:33px;line-height:33px;}
#popWrap .searchBox dd{width:330px;}
#popWrap .searchBox input{border:1px solid #e1e6ea;height:33px;line-height:33px;}
#popWrap .searchBox select{height:25px;line-height:25px;}
#popWrap .confirm{text-align:center;margin:30px 0 0 0;}
#popWrap .confirm a{display:inline-block;width:160px;height:50px;color:#fff;background-color:#444444;text-align:center;line-height:50px;font-size:15px;}
#popWrap .popclose{position:absolute;right:-1px; top:-1px;}
#popWrap .idPassFind { }
#popWrap .idPassFind h2{font-size:18px;color:#1b1b1b;font-weight:normal;}
#popWrap .formTable{margin:15px 0 0 0;}
#popWrap .formTable th{font-size:15px; letter-spacing:-1px; font-weight:normal; text-align:left; color:#848484; }
#popWrap .formTable td{padding:5px 0;}
#popWrap .formTable .point{color:#444; font-size:12px; margin-top:10px;}
#popWrap .formTable td input{border:1px solid #dddddd;height:33px;line-height:33px;padding-left:3px;}
#popWrap .idPassFind .confirm{padding:30px 0 35px 0; border-bottom:1px solid #e0e4e8; margin:0 0 26px 0;}
#popWrap .idPassFind .passfind{margin:24px 0 0 0; text-align:center;}
#popWrap .idPassFind .passfind span{font-size:13px; line-height:22px; display: block; text-indent: -20px; margin-left: 20px;}
#popWrap .idPassFind .passfind strong{color:#343d45; font-size:15px;display:block; padding:20px 0 0 0;} 

.PopTab{width:100%;}
.PopTab .PopTabs li{float: left;width:50%;}
.PopTab .PopTabs li:first-child{width:50%;box-sizing:border-box;border-right:1px solid #39c7d2;}
.PopTab li a{display:block;font-size: 16px;color: #4c4c4c;line-height: 50px; text-align:center;transition-duration: 0.5s;}
.PopTab li a.hover, .PopTab li a.active{color: #fff; background:#33a744;}
.Pop_content > img{width:1000px;margin:0 auto;display:block;}
.PopTabs{margin-bottom:30px;background:#f1f1f1;}
.PopTab li a:hover, .PopTab li a.active, .PopTab li a.tabOn{color: #fff; background:#33a744;}


/* ============================== 홈페이지 서브컨텐츠 =================================== */

/* 회사소개  - 김수하 2019.04.16 */
 .ComPanyCont h1{font-size:24px;color:#000;text-align:left;margin:50px 0 30px;}
 .ComPanyCont h1 span{font-size:14px;color:#888;}
 .ComPanyP{font-size:18px; color:#000;text-align:left; line-height:28px;}
 .ComPanyCont dl{margin-bottom:30px;}
 .ComPanyCont dl dt{font-size:18px;color:#000;padding-left:10px;padding-top:35px;margin:50px 0 20px;position:relative;}
 .ComPanyCont dl dd{font-size:14px;color:#454545;line-height:28px;text-indent:-15px; margin-left:15px;padding-left:15px;}
 .ComPanyCont dl dd span{margin-left:15px;}
 .ComPanyCont dl dd ul{font-size:14px;color:#989898;line-height:28px; margin-left:15px;}
 .ComPanyCont .noneNum{font-size:14px;color:#454545;line-height:28px;margin-left:15px;text-indent:0;padding-left:0;}
 .ComPanyCont .companyCont dl dt:before{content: "";display:block;width:2px;height:18px;background:#000;position:absolute;top:0;left:20px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
 .ComPanyCont2 dl dt{padding-top:0;}
 .ComPanyCont .txtInd dd{margin-left: 47px !important;text-indent: -17px;}
 .ComPanyCont .txtInd dd .mgl{display:block; margin-left:265px;}
 .ComPanyCont .txtInd dd .bold{text-decoration: underline; text-underline-position: under; margin-left: 0;}
 
.buTbl,.buTbl th,.buTbl td{border:0;text-align:center;}
.buTbl {border-top:1px solid #333;/*border-bottom:1px solid #ddd;*/text-align:left;border-collapse:collapse;}
.buTbl thead th{padding:10px 15px;font-size:14px;font-weight:normal/*border-right:1px solid #ddd;border-left:1px solid #ddd;*/border-right:1px solid #ddd;background:#eee;color:#777;}
.buTbl tbody th{padding:10px;font-size:14px;font-weight:normal;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background:#eeeeee4a;color:#777;}
.buTbl td{padding:10px 15px;font-size:13px;line-height:20px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-right:1px solid #ddd;color:#777;}
.buTbl td:last-child{border-right:0;}
.buTbl th:last-child{border-right:0;}
.buTbl2 td{text-align: left;}

/* ceo인사말 */
.subGreet{}
.subGreet p{font-size:14px;color:#797979;line-height:28px;}
.subGreet .TxtImg{position:relative;background:url(../../images/os/new_img1/sub/ceo_bg.png) no-repeat;margin-top:40px;height:600px;color:#777;font-size:14px;line-height:20px;}
.subGreet .TxtImg .Txt01{position:absolute;top:70px;left:160px;}
.subGreet .TxtImg .Txt02{position:absolute;top:160px;left:225px;}
.subGreet .TxtImg .Txt03{position:absolute;top:290px;left:160px;}
.subGreet .TxtImg .Txt04{position:absolute;top:405px;left:225px;}

/* 경영이념 */
.subPhil .topTxt{font-size:14px;color:#454545;line-height:26px;}
.subPhil ul li{width:380px;margin-right:30px;float:left;}
.subPhil ul li:last-child{margin-right:0;}
.subPhil ul li .smallTxt{font-size:14px;color:#454545;margin-bottom:8px;margin-top:20px;display:block;}
.subPhil ul li .BigTxt{color:#f5881e;font-size:24px;display:block;}
.subPhil ul li p{color:#797979;font-size:14px;line-height:24px;margin-top:25px;}

/* 오시는길 */
.subDirec ul{margin:50px auto;width:604px;border:1px solid #ddd;}
.subDirec ul li{width:200px;height:50px;float:left;line-height:50px;text-align:center;font-size:14px;color:#333333;border-right:1px solid #ddd;}
.subDirec ul li:last-child{border-right:0;}
.subDirec ul li a{display:block;}
.subDirec ul li i{margin-right:10px;font-size:18px;line-height:50px;vertical-align:middle;}
.subDirec ul li .greenMap{color:#33a744;}
.subDirec ul li .redMap{color:#ea4335;}
.subDirec ul li .blueMap{color:#0179f8;}
.subDirec dl{width:100%;height:55px;}
.subDirec dl dt{float:left;width:160px;font-size:15px;color:#000;border-top:1px solid #000;line-height:55px;text-align:center;}
.subDirec dl dd{float:left;width:1040px;font-size:14px;color:#7e7e7e;border-top:1px solid #ddd;line-height:55px;padding-left:25px;box-sizing:border-box;}
.subDirec .last dt{border-bottom:1px solid #000;}
.subDirec .last dd{border-bottom:1px solid #ddd;}


/* CI */
.subCi .ciContWrap{margin-bottom:50px;}
.subCi .ciContWrap h2{margin-bottom:20px;font-size:22px;color:#2f2f2f;text-align:center;}
.subCi .ciContWrap p{font-size:14px;line-height:24px;color:#696969;padding:20px 0 0 20px;}
.subCi .ciBtn{width:160px;height:50px;line-height:50px;display:block;color:#fff;text-align:center;background:#404041;font-size:14px;margin:80px auto 0;}

/* 제품개요 - 노니 */
.subNoni{background: url('../../images/os/new_img1/sub/noniImg05.png') bottom right no-repeat;}
.subNoni p{font-size:14px;line-height:28px;color:#797979;}
.subNoni ul li{float:left;width:600px;}
.subNoni ul li:last-child{float:right;width:570px;}
.subNoni ul li table{border-top:1px solid #000;}
.subNoni ul li table tr{border-bottom:1px solid #ddd;}
.subNoni ul li table tr th{background:#f9f9f9;border-right:1px solid #ddd;color:#454545;font-size:14px;text-align:center;}
.subNoni ul li table tr td{color:#777;font-size:14px;line-height:24px;padding:19px;}
.subNoni dl dt{float:left;}
.subNoni dl dd{float:left;margin-left:15px;}
.subNoni dl dd img{display:block;}
.subNoni dl dd .tiTxt01{font-size:14px;color:#2f2f2f;margin-top:5px;}
.subNoni dl dd .tiTxt01 span{font-size:14px;color:#909090;margin-left:10px;}
.subNoni dl dd .tiTxt02{font-size:14px;line-height:20px;color:#2f2f2f;margin-top:10px;}
.subNoni h3{font-size:18px;color:#333333;}

/* 제품개요 - 아싸이베리 */
.subBerry p{font-size:14px;line-height:28px;color:#797979;}
.subBerry ul li{float:left;width:685px;}
.subBerry ul li:last-child{float:right;width:485px;}
.subBerry ul li table{border-top:1px solid #000;width:100%;}
.subBerry ul li table tr{border-bottom:1px solid #ddd;}
.subBerry ul li table tr th{background:#f9f9f9;border-right:1px solid #ddd;color:#777;font-size:14px;line-height:20px;text-align:center;}
.subBerry ul li table thead th{background:#eee;color:#333;padding:24px;font-size:15px;}
.subBerry ul li table tr td{color:#777;font-size:14px;line-height:24px;padding:15px;}

/* 제품개요 - 연어이리 */
.subSalmon p{font-size:14px;line-height:28px;color:#797979;}
.subSalmon ul li{float:left;width:600px}
.subSalmon ul li:last-child{float:right;width:570px;}

.BrandViewPd{width:100%;background:#f8f8f8;padding:50px 0 70px 70px;box-sizing:border-box;margin-top:70px;}
.BrandViewPd .ViewPdsTit{float:left;width:250px;}
.BrandViewPd .ViewPdsTit h3{font-family:'Alef', sans-serif;;font-size:32px;color:#373737;margin:10px 0;text-transform: uppercase;}
.BrandViewPd .ViewPdsTit p{font-size:15px;line-height:22px;}
.BrandViewPd .ViewPdsTit .NomalBtn{float:left;margin-top:20px;}
.BrandViewPd .ViewPds{float:right;margin:0 40px;position:relative;}
.BrandViewPd .ViewPds li{float:left;width:230px;height:230px;margin:0 10px;text-align:center;}
.BrandViewPd .ViewPds  > a{display:block;width:230px;font-size:15px;transition-duration: 0.5s;}
.BrandViewPd .ViewPds a:hover{color:#000;}
.BrandViewPd .ViewPds img{margin-bottom:10px;}

/* -- 마케팅플랜, 제품제안, 주문결제안내(shop) 자동주문 안내(shop), 자동주문 가이드(business)-- */
.subMarPln dl{margin-bottom:40px;}
.subMarPln dl dt{font-size:18px; color:#33a744; margin-bottom:20px;}
.subMarPln dl dt img{margin-right:5px;}
.subMarPln dl dd{color:#444;margin-top:20px;font-size:15px;line-height:24px;}
.subMarPln dl dd ul{margin-left:18px;}
.subMarPln dl dd ul li{color:#777; margin-top:3px;}
.subMarPln dl dd dl{margin-top:40px; margin-left:20px;}
.subMarPln dl dd dl dt{border-bottom:1px solid #222; color:#222; display:inline-block; font-size:17px; padding:0 5px;}
.subMarPln dl dd dl dd{margin-top:10px; margin-left:17px; text-indent:-17px;}
.subMarPln dl .mg20{margin:0 0 15px 0; text-indent:0;}
.subMarPln table{text-indent:0; width:100%; margin:35px 0; text-align:center;}
.subMarPln table tr{height:50px;border-bottom:1px solid #ddd;}
.subMarPln table tr th{height:50px;border-top:3px solid #494949;background-color:#f9f9f9;color:#111;border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:none;}
.subMarPln table tr th:last-child{border-right:0;}
.subMarPln table tr td{border-right:1px solid #eee;color:#777;padding:25px; text-align:left;}
.subMarPln table tr td:first-child{color:#444;}
.subMarPln table tr td:last-child{border-right:0;}
.subMarPln table tr:first-child th{border-top:3px solid #444;}
.subMarPln table tr:first-child td{border-top:3px solid #444;}
.subMarPln .tb01{margin-left:-17px; margin-bottom:0;}
.subMarPln .tb02{margin-left:-17px; }
.subMarPln .tb02 td{text-align:center; height:50px; padding:0;}
.subMarPln .tb02 tr:first-child td{border-top:0;}
.subMarPln .mgLT{margin-left:-34px;}
.subMarPln .mkt02 img{float:left; margin-right:50px;}
.subMarPln .mkt02 .bonus01{border-radius:20px; border:3px dotted #33a744; display:inline-block; padding:20px 40px; margin-top:110px;}
.subMarPln .mkt02 .bonus01 li:first-child{margin-bottom:10px; text-align:center; color:#444;}
.subMarPln .detailbtn{margin-left:0;}
.subMarPln .detailbtn a{color:#fff; text-align:center; display:block;  background:#71c2c5; border-radius:5px; padding:5px 0; width:200px;  margin-top:20px; text-indent:0;}
.subMarPln .detailbtn a:hover{opacity:0.9;}
.subMarPln .stR{color:#777; margin-top:5px;}
.subMarPln i.xi-arrow-right{margin:0 5px; line-height: 24px; vertical-align: middle;}

/* 직급 승급 기준, 수당 수령조건 popup */
.mktpopUp{width:100%; margin:0 auto; padding:40px; box-sizing:border-box;}
.mktpopUp .tit01{float:left; width:60%; margin-right:20%; height:35px; line-height:35px; background:#75c2c5; text-align:center; color:#fff; border-radius:5px; margin-bottom:10px;}
.mktpopUp .tit02{float:right; width:20%; background:#25b0bc; color:#fff; text-align:center; height:35px; line-height:35px; border-radius:5px; margin-bottom:10px;}
.mktpopUp table{border-right:1px solid #ddd; border-left:1px solid #ddd; margin:0;}
.mktpopUp .tb02{margin-left:0;}
.mktpopUp .tb02 tr{border-bottom:0;}
.mktpopUp .tb02 td{height:50px;border-bottom:1px solid #ddd;}
.mktpopUp .tb02 thead tr th:nth-child(4){border-bottom:0; border-top:0; background:#fff;}
.mktpopUp .tb02 .bdbnone{border-bottom:0;}
.mktpopUp dd{margin-top:5px;}
.mktpopUp .poptb{margin-top:20px;}
.mktpopUp dd ul li{margin-top:3px;}
.mktpopUp .tb01{margin:35px 0;}
.mktpopUp .btnWrap{line-height:1;}

/* -- 고객센터 - 제품 제안 -- */
.pdtSug p{margin:50px 0;}
.pdtSug .pdtSugimg{text-align:center;}
.pdtSug dl dd ul li{list-style-type: none; color:#444;}
.pdtSug dl dd ul li:before{content: counter(item, disc) " "; color:#79c2ca;}
.pdtSug .sugFaq dl{margin-top:20px; margin-bottom:0;}
.pdtSug .sugFaq dt{border-bottom:0; padding:0; font-size:15px; line-height:20px; margin-bottom:0;}
.pdtSug .sugFaq dl dd{color:#777; margin-top:5px; line-height:20px; margin-left:30px; text-indent:-30px;}
.pdtSug .sugFaq dl span{width:20px; height:20px; display:inline-block; border-radius:50%; text-align:center; margin-right:5px; line-height:23px;}
.pdtSug .sugFaq dl dt span{color:#fff; border:1px solid #79c2ca; background:#79c2ca;}
.pdtSug .sugFaq dl dd span{color:#fff; border:1px solid #ccc; background:#ccc; text-indent:0;}


/* -- 주문/결제 안내 -- */
.subMarPln.subOrderInfo dl dd{margin-left:0; margin-top:0; text-indent:0;}
.subOrderInfo dl dd dl{margin-top:0; margin-left:0;}
.subOrderInfo .tb03{width:100%; margin:35px 0;}
.subOrderInfo .tb03 tr{padding:15px; border-bottom: 1px solid rgb(221, 221, 221); }
.subOrderInfo .tb03 tr:first-child{border-top: 3px solid rgb(73, 73, 73);}
.subOrderInfo .tb03 dl{margin-bottom:0;}
.subOrderInfo .tb03 th{height: 50px; background-color: rgb(249, 249, 249); color: rgb(17, 17, 17); border-bottom: 1px solid rgb(221, 221, 221); border-right:1px solid #ddd;}
.subOrderInfo .tb03 td{padding: 20px 25px; color:#777;}
.subOrderInfo .tb03 td dl dt{color:#444; border-bottom:0; font-size:15px; padding:0; margin-bottom:0; font-weight:bold; line-height:30px;}
.subOrderInfo .tb03 td dl dd {color:#777;}
.subOrderInfo p{color:#777; margin-top:5px;}
.subOrderInfo .orderTime h5{font-weight:bold; margin-bottom:5px; color:#33a744;}
.subOrderInfo .orderTime table{margin:0;}
.subOrderInfo .payInfo dd{margin-bottom:20px;}
.subOrderInfo .payInfo dd dl{margin-bottom:0; margin-left:20px; margin-top:10px;}
.subOrderInfo .payInfo dd dl dt{border-bottom:0; color:#444; display:block; padding:0; font-size:15px; margin-bottom:0;}
.subOrderInfo .payInfo dd dl dd{color:#777; margin-left:30px; margin-bottom:0; margin-top:3px;}
.subOrderInfo .payInfo .mgl17{margin-left:0px;}

.subOrderInfo .orderInfo tr{height:142px;}
.subOrderInfo .orderInfo dl dd{margin:0;}
.subOrderInfo .orderInfo dt{font-weight:bold;  line-height:30px;}

.subOrderInfo .tb03 tr td ul{text-indent:-18px;}
.subOrderInfo .reftb tr td ul{margin-left:0;}
.subOrderInfo .txtind{text-indent:0px;}

/* -- 쇼핑몰 - 자동주문 안내 /마이오피스 - 자동주문가이드 -- */
.autoGuide .mgt5{margin-top:5px;}
/*.autoGuide .smsInfo ul{margin-left:35px;}*/
/*.autoGuide .smsInfo ul li{list-style-type: disc;}*/
/*.autoGuide .smsInfo .colorP{color:#fd8681;}*/
.autoGuide  .autoimg{text-align:center; margin:20px 0;}
.autoGuide dl dd{margin-top:10px;}


/* -- 참가신청 -- */
.JoinTxt .resTxt01{font-size:28px; color:#393939;}
.JoinTxt .resTxt02{font-size:18px !important; color:#33a744 !important; padding:20px 0;}
.register .TblSell .partNer dd span:first-child{margin-right:80px;}
.register .TblSell .partNer dl dt{padding-left:8px; box-sizing:border-box;}
.register .TblSell .partNer dl:first-child dt{padding-left:0;}
.register .TblSell .form-item dt{width:30%;}
.register .TblSell .form-item dd{width:70%; float:none;}
.register .TblSell .check01 dd span{margin-right:80px;}
.cartWrap label{cursor:pointer;}
.cartWrap .collAg{margin-top:50px; text-align:center;}
.cartWrap .collAg dt{font-size:20px; color:#db534d; margin-bottom:20px;}
.cartWrap .collAg .t-input span{margin:0 20px;}
.cartWrap .collAg .t-input{margin-top:20px;}
i.xi-check{margin-right:5px;}

.offEduTit{text-align:center;margin-bottom:50px;}
.offEduTit h2{font-size:36px;color:#222;margin-bottom:10px;}
.offEduTit p{font-size:17px;}

/* -- 고객센터 - 고객사랑센터 -- */
.custoCenter ul li{width:50%; height:310px; box-sizing:border-box;}
.custoCenter li.floR{padding:0 50px;}
.custoCenter .centerInfo{margin-bottom:7px;}
.custoCenter .centerInfo:last-child{margin-bottom:0;}
.custoCenter .centerInfo span{display:block; width:50px; height:50px; text-align:center; border-radius:50%; background:#33a744; float:left; margin-right:25px;}
.custoCenter .centerInfo span i{line-height:50px; color:#fff; font-size:24px;}
.custoCenter .centerInfo dt{color:#242424; font-size:18px; font-weight:500; margin:15px 0;}
.custoCenter .centerInfo dd{font-size:15px; margin-bottom:5px;}

/* ============================== 쇼핑몰 서브컨텐츠 =================================== */

/* 상단 타이틀 */
.SubTit{height:60px;margin-bottom:20px;}
.SubTit h3{float:left;font-size:36px;color:#333;line-height:60px;}

/* step 공통 헤딩 */
.subtit{font-size:20px; color:#444; font-weight:normal;text-align:left;}
.subtit_dsc{font-size:15px; margin-top:8px; color:#a7a7a7;} 

/* 회원가입절차 - step1_약관동의*/
.agreeBox{background-color:#f4f4f4; overflow-y: scroll; color:#777; height: 190px; padding:25px 30px 25px 30px; margin-bottom: 8px; margin-top:40px; font-size:15px;font-weight:300;text-align:left;}
.agreeBox p{margin-bottom:15px; line-height:22px;}
.agree_check{margin-top:20px;display:table;height:20px;}
.agree_check input{margin-right:5px;}
.agree_check label{color:#6e6e6e;font-size:14px;display:table-cell;vertical-align:middle;}
.agree_wrap + .subtit{margin-top:57px;}

/* 회원가입절차 - step2_회원정보입력*/
.tbl_form +.form-top {margin:50px 0 30px 0;}
.form-top {margin:0 0 30px 0;}
.form-top span{ color:#e42525; font-size:15px;}
.tbl_form{border-bottom:1px solid #e9e9e9;}
.tbl_form th, .tbl_form td {text-align:left;line-height:40px; font-size:15px; border-top:1px solid #e6e6e6;}
.tbl_form tr:first-child th ,
.tbl_form tr:first-child td{border-top:2px solid #444444;}
.tbl_form th{color:#444; font-weight:normal; line-height:15px;}
.tbl_form th > span{margin:0 5px 0 16px; color:#e42525; font-size:15px; vertical-align:middle;}
.tbl_form th label, .tbl_form th .label{margin:0 0 0 27px; color:#444; font-weight:normal; }
.tbl_form th span + label{margin-left:0;}
.tbl_form td {padding:10px 10px 10px 20px; color:#a7a7a7;}
.tbl_form td a {vertical-align:top;}
.tbl_form td input[type="password"],
.tbl_form td input[type="text"] {height:40px; line-height:40px; font-size:1em; background-color:#f4f4f4 !important; border:0;}
.tbl_form td input + .btn {margin-left:10px;}
.tbl_form td .info_desc {color:#444; font-size:13px; margin-left:15px;}
.tbl_form td .addfile .info_desc{display:block; margin:10px 0 0 0;}
.tbl_form td .fileList{color:#f87806;}
.tbl_form td .fileList .btn{margin-left:10px;}
.tbl_form input{float:left !important;}
.tbl_form select{background:#fff !important;height:40px;line-height:40px;}

/* 주문등록 과정 탑 */
.orderStep{overflow:hidden;width:100%;margin:0 auto 50px auto;}
.orderStep li{float:left;width:25%;border:1px solid #eee;border-left:0;border-right:0;position:relative;box-sizing:border-box;}
.orderStep li span{display:block;width:100%;padding-left:29px;height:98px;line-height:98px;font-size:16px;color:#333;border-left:1px solid #eee;border-right:1px solid #eee;margin-left:-1px;box-sizing:border-box;}
.orderStep li span em{color:#aaa;font-size:18px;}
.orderStep li:first-child span{border-left:1px solid #eee;margin-left:0;}
.orderStep li:first-child:before{background:none;}
.orderStep li:before{content:''; display:block;background:url('../../images/os/new_img1/office/bg_stepArrow.png') no-repeat 0 0;position:absolute;left:-21px;top:50%;width:40px;height:40px;margin-top:-20px;}
.orderStep li.on,.orderStep li.on span{border-color:#333;}
.orderStep li.on + li span{border-left:0;}

/* 제품 상세 페이지 */
.mallCont{width:1100px;margin:30px auto 70px auto;}
.mall-list-title{font-size:32px;color:#333;padding:20px 0 30px 20px;background:#fafafa;border:1px solid #eee;}
.ProdDetailWrap{position:relative;display:inline-block;margin-top:30px;width:100%;}
.ProdDetailWrap .ProdBigImg{float:left;width:500px;height:500px;border:1px solid #eee;display:table;background:#fafafa;}
.ProdDetailWrap .ProdBigImg img{width:500px;height:500px;display:table-cell;vertical-align:middle;color:#ddd;font-size:30px;text-align:center;}
.ProdDetailWrap .ProdDetail{position:relative;margin-left:48px;width:550px;display:inline-block;background:#fff;}
.ProdDetail .btn-new{position:absolute;top:30px;left:0px;display:block;}
.ProdDetail .DetailTitle{height:70px;font-size:34px;padding-top:20px;padding-left:50px;border-bottom:1px solid #333;text-align:left;color:#333;}
.DetailTitle dl{padding:25px 0 0 20px;height:75px;}
.DetailTitle dl dt{font-size:30px;color:#222;height:80px;line-height:40px;margin-bottom:5px;}
.DetailTitle .DetailTitleEng{font-size:15px;color:#acacac;line-height:20px;margin-bottom:20px;}
.ProdDetail .DetailInfo{border-bottom:2px solid #555;margin-bottom:20px;}
.DetailInfo ul{padding:15px 0 15px 20px;}
.DetailInfo ul li{display:block;}
.DetailInfo ul li dl{display:table;}
.DetailInfo ul li dl dt{width:130px;height:45px;font-size:16px;color:#999;display:table-cell;vertical-align:middle;}
.DetailInfo ul li dl dd{height:45px;font-size:16px;color:#555;display:table-cell;vertical-align:middle;}
.tt-p-small{background:#fafafa;display:inline-block;width:100%;border-bottom:2px dotted #cacaca;border-top:2px dotted #cacaca;font-size:13px;line-height:18px;text-align:left !important;color:#0974ba;padding:20px 0;}
.tt-p-small span{padding-left:130px;}

.OptNum{position:relative;}
.OptNum ol li{float:left;display:table;margin-right:5px;height:40px;}
.OptNum ol li a{display:table-cell;vertical-align:middle;}
.OptNum ol li a.optNum-btn{width:40px;height:40px;text-align:center;background:#ccc;color:#fff;}
.optNum-btn a i{font-size:24px;color:#fff;}
.OptNum input{height:38px;line-height:38px;width:50px;padding-right:10px;text-align:right;border:1px solid #555;background:#fff;margin-right:5px;font-size:16px;font-weight:bold;}
.InfoPrice{font-size:20px;color:#000;}
.DetailInfo .InfoPriceWrap{height:20px;padding-top:20px;}
.DetailInfo .InfoPriceWrap .InfoPrice{float:left;font-size:22px;color:#ef4636;}
.CartBtns{position:relative;}
.CartBtns ul{display:inline-block;}
.CartBtns ul li{float:left;margin-left:10px;}
.CartBtns ul li:first-child{margin-left:0px;}

.OrderBtns{display:table;margin-left:0;margin-right:0;}
.OrderBtns ul li{float:left;margin-left:5px;}
.OrderBtns ul li:first-child{margin-left:0px;}

.ProdInfoWrap{margin-top:50px;position:relative;}
.ProdInfoWrap .ProdInfo{margin-top:50px;text-align:center;font-size:30px;color:#ddd;}
.ProdInfoWrap .ProdInfo img{}
.ProdInfoWrap .ShopChangeTabs{clear:both;width:100%;position:relative;}
.ShopChangeTabs .tabs{display:block;margin:0;padding:0;height:45px;border-bottom:1px solid #555;}
.ShopChangeTabs .tabs li{list-style:none;float:left;position:relative;width:200px;height:45px;white-space:nowrap;border-style:solid;border-width:0px 1px 1px 0;margin:0;padding:0;border-color:#fff;}
.ShopChangeTabs .tabs li a{background:#555;display:block;text-align:center;font-size:16px;line-height:45px;color:#ccc;}
.ShopChangeTabs .tabs a:hover, .ShopChangeTabs .tabs a:active, .ShopChangeTabs .tabs .tabOn{font-size:16px;border-width:1px 1px 0px;border-style:solid solid none;border-color:#555 #555;border-image:none;background:#fff;color:#333;}
.ProdInfoWrap .tab_content{height:auto;border:none;}

/* 배송/결제/반품/교환 */
#ChangeWrap{position:relative;margin:30px auto;padding-left:30px;line-height:22px;font-size:14px;color:#777;text-align:left;}
#ChangeWrap dl{margin:20px 0;}
#ChangeWrap dl dt{font-size:16px;color:#555;margin-bottom:10px;}
#ChangeWrap dl dd{color:#777;padding-left:10px;}
#ChangeWrap dl dd .ComapnyNum{font-size:18px;color:#333;}
#ChangeWrap .ChangeCont{width:98%;background:#fafafa;margin:30px auto;padding:20px;}
.ChangeCont h4{font-size:16px;color:#333;margin:10px 0;text-align:left;}
.ChangeCont ul{margin:10px 0;}
.ChangeCont ul li{padding-left:15px;background:none;color:#555;}
.ChangeCont ul li ul{padding-left:10px;}
.ChangeCont ul li ul li{padding-left:8px;color:#777;line-height:24px;}


/* 체크박스 */
.chk label{width:30px;height:30px;display:inline-block;cursor:pointer;background:#fff;border:1px solid #aaa;}
.chk input[type="checkbox"]:checked + label{border:1px solid #333;background:#fff url('../../images/os/new_img1/common/checked.png') no-repeat 0 0;}
.chk input[type="checkbox"]{display:none;}

/* 라디오 체크박스 */
.radiochk label{width:25px;height:25px;border-radius:50%;display:inline-block;cursor:pointer;text-indent:-99999px;font-size:0;margin:0 !important;background:#fff;border:1px solid #aaa;}
.radiochk input[type="radio"]:checked + label{border:1px solid #333;background:url('../../images/os/new_img1/common/radio-checked.png') no-repeat 0 0;}
.radiochk input[type="radio"]{display:none;}
.radiochk ol li{float:left;display:table;}
.radiochk .inputWrap{display:table-cell;vertical-align:middle;height:60px;}
.radiochk ol li span{display:table-cell;vertical-align:middle;height:60px;padding:0  50px 0 10px;}

/* 제품 리스트 페이지 */
#content_shop {width:1100px;margin:0 auto;}
.shop_list{width:275px;height:500px;float:left;font-size:14px;text-align:center;}
.shop_list h2 a{display:block;width:230px;height:230px;overflow:hidden;margin:0 auto 20px auto;border:1px solid #eee;background: url('../../images/os/new_img1/mall/noimage.png') 50% 50% no-repeat !important}
.shop_list .pay{color:#000;font-weight:bold;font-size:16px;}
.shop_list .pv{color:#999;font-size:14px;}
.shop_list ul{}
.shop_list ul li{margin-bottom:5px;}
.shop_list ul li ul{display:inline-block;margin:10px auto;}
.shop_list ul li ul li{float:left;margin:0 2px;}
.shop_list ul li ul li input{color:#555;height:33px;text-align:right;padding-right:5px;background:#f8f8f8;border:1px solid #eee;}
.shop_list .ProdTitle{font-size:16px;color:#555;line-height:24px;}
.pm-btn{width:35px;height:28px;background:#fff;border:1px solid #ddd;display:table;text-align:center;}
.pm-btn i{color:#555;display:table-cell;vertical-align:middle;height:33px;}

.cartWrap{position:relative;width:100%;margin:0 auto;}
.cartWrap .cartList{margin-top:40px;}  
.cartWrap .cartList thead th{border-top:2px solid #333;border-bottom:1px solid #333;padding:15px 0;font-size:16px;text-align:center;color:#333;}
.cartWrap .cartList tbody td{padding:10px 0;font-size:15px;color:#333;text-align:center;border-top:1px solid #dedede;}
.cartWrap .cartList tbody td.product_image{padding-left:20px;}
.cartWrap .cartList tbody td.cartInfo{padding-left:10px;text-align:left;}
.cartWrap .cartList tbody td.cartPrice{}
.cartWrap .cartList tbody td.cartPrice > span{display:block;line-height:25px;}
.cartWrap .cartList tbody td.cartPrice .ct_pv em{color:#fd8a00;}
.ico_pv{color:#777;margin-left:5px;}

.AddTxt{padding:20px;}
.AddTxt p{font-size:16px;color:#555;line-height:26px;}
.AddTxt dt{font-size:16px;color:#555;margin:30px 0;}
.AddTxt dd{font-size:14px;line-height:26px;margin-bottom:10px;}

.JoinMb{display:table;margin:35px auto;background:#f8f8f8;padding:50px;border-radius:50px;}
.JoinMb a{float:left;display:block;margin:0 60px;font-size:16px;padding:50px;text-align: center;border-radius:30px;transition-duration: 0.5s;}
.JoinMb a:hover{background:#fff;}
.JoinMb a i{width:120px;height:120px;background:#33a744;border-radius:50%;font-size:50px;color:#fff;text-align:center;line-height:120px;margin-bottom:20px;}

.CancelTxt{width:100%;text-align:left;margin-bottom:100px;}
.CancelTxt dt{width:250px;float:left;box-sizing:border-box;border-top:1px solid #33a744;color:#33a744;padding:20px;font-size:22px;font-family: 'Lato', sans-serif;}
.CancelTxt dd{width:950px;float:right;box-sizing:border-box;border-top:1px solid #ddd;padding:20px;font-size:16px;line-height:30px;}

/* 장바구니 더하기,빼기 버튼 
.cartAmount .cartForm{border:1px solid #ddd;/*width:63px;float:left;}
.cartAmount input{width:29px;height:28px;border:0;float:left;text-align:center;font-size:16px;color:#333;}
.cartAmount .btnset{float:left; width:25px; border-left:1px solid #c4c2c0;}
.cartAmount .btnset button{width:25px; height:14px; display:block;}
.cartAmount button.btn_ctPlus{background:url('../../images/os/new/commonbg_ctPlus.gif') no-repeat 0 0;}
.cartAmount button.btn_ctMinus{background:url('../../images/os/new/commonbg_ctMinus.gif') no-repeat 0 0;}
*/
.sm_ty1{display:inline-block;background:#999;color:#fff;padding:5px 7px;}
.sm_ty2{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:50%;background:#777;color:#fff;}
.sm_ty2:hover{background:#222;}

.payment{border-bottom:2px solid #444; margin-bottom:60px;}
.payment tbody tr:first-child td{border-top:2px solid #444444; padding:20px 0 5px 0; border-bottom:0;}
.payment tbody td{font-size:20px; color:#444; font-weight:bold; padding-bottom:20px;}
.payment tbody td.payment_sum{font-weight:normal;}
.payment tbody td.payment_sum span{font-size:15px;}
.payment tbody td.payment_sum em{font-weight:bold; font-size:20px;}
.payment tbody td.payment_sum .imgSum{margin:0 32px;}
.payment tbody td.payment_price{text-align:right;font-size:24px;}
.payment tbody td.pv_sum{color:#f78500;text-align:right;font-size:22px;}
.payment tbody td.payment_price span{font-size:15px;}


/* table */
.tbl_ty1{clear:both;width:100%;margin:20px auto;}
.tbl_ty1 th,.tbl_ty1 td{border:1px solid #eee;text-align:center; line-height:22px; font-size:15px;}
.tbl_ty1 th{font-weight:normal;font-size:15px;color:#555;padding:10px;text-align:center;background-color:#f2f2f2;border-top:1px solid #555;}
.tbl_ty1 td{font-size:15px;color:#777;padding:10px;}
.tbl_ty1 td strong{font-size:15px; color:#555; display:block; font-weight:normal; padding:0 0 12px 0;}
.tbl_ty1 td input{text-align:center;}
.tbl_ty1 th.bdr03{background:#999;color:#fff;}

/* 오토십 등록 화면 */
.product-add{cursor:pointer;display:table;width:35px;height:35px;border-radius:50%;background:#f7b52c;text-align:center;position:absolute;left:270px;top:7px;}
.product-add i{display:table-cell;vertical-align:middle;color:#fff;font-size:20px;}
.add-text-btn{position:relative;margin-left:50px;display:inline-block;cursor:pointer;border-radius:15px;background:#0974ba;color:#fff;font-size:13px;padding:3px 10px;}
.btn-delete{position:relative;border-radius:10px;background:#7bb20e;color:#fff;font-size:13px;padding:3px 10px;font-weight:bold;}

.tbl_ty2{clear:both;width:100%;margin:20px auto;}
.tbl_ty2 th,.tbl_ty2 td{border:1px solid #e6e6e6; text-align:center; line-height:22px; font-size:15px;}
.tbl_ty2 thead th{font-weight:normal;font-size:15px;color:#444444;padding:10px;text-align:center;background-color:#f2f2f2;border-top:1px solid #444444;}
.tbl_ty2 td{font-size:15px;color:#a7a7a7;padding:10px;}
.tbl_ty2 tbody th{font-size:15px;color:#444444;font-weight:normal;}

.tbl_ty3{clear:both;width:100%; margin:40px 0 55px; border-top:2px solid #555;border-bottom:1px solid #555; border-collapse: inherit;}
.tbl_ty3 th,.tbl_ty3 td{text-align:left; border-top:1px solid #e6e6e6;line-height:22px;font-size:15px; color:#555;}
.tbl_ty3 tbody th{font-weight:normal; padding:18px 0 18px 20px;background:#f8f8f8;}
.tbl_ty3 tbody td{padding-left:20px;color:#777;}
.tbl_ty3 tbody td select{border:1px solid #dedede;height:33px;}
.tbl_ty3 tbody td input{height:30px;line-height:30px;border:1px solid #dedede;font-size:15px;padding:3px 10px;color:#777;}
.tbl_ty3 tbody td input.disable{height:30px;background-color:#efefef;border:1px solid #ddd;}
.tbl_ty3 tbody td input + .md_ty3, .md_ty3{margin-left:10px;display:inline-block;background:#999;color:#fff;padding:5px 7px;font-size:13px;}
.tbl_ty3 tbody td .hyphen{margin:0 13px;}
.tbl_ty3 tbody td .col{display:block; margin-top:12px;}
.tbl_ty3 tbody td .col input + input{margin-top:12px;display:block;}
.tbl_ty3 tbody td input + label{display:inline-block; margin:0 40px 0 10px;}
.tbl_ty3 tbody td .delivery{}
.tbl_ty3 tbody td textarea{padding:12px; vertical-align:middle;background-color:#f4f4f4; border:none;}
.tbl_ty3 tbody td textarea + p{padding-top:5px;}
.tbl_ty3 tbody td .delivery p{font-size:13px; line-height:20px;}
.tbl_ty3 tbody td .txtex{font-size:13px; line-height:20px; color:#a7a7a7; margin-left:10px;}
.tbl_ty3 .signText{}
.tbl_ty3 .signText dt{color:#333;}
.tbl_ty3 .signText dd{color:#f78500;}


.mallSelect{z-index:4;border:none;box-shadow:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url('../../images/os/new_img1/common/bg-select-arrow.gif') no-repeat 100% 50%;border:1px solid #ddd;color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.mallSelect option{display:block;white-space:pre;min-height:1.2em;padding:5px 2px 5px 3px;line-height:18px;}

.autoEditWrap{clear: both;}
.AutoShiphalf{width: 530px;}
.etcTxtbox{width: 350px; height:100px; resize:none; line-height:30px; border:1px solid #dedede;color:#777; background:#fff;}
.ytitle{padding: 0px; }
.mg-20-0-55{margin:20px 0 55px !important;}
/* 결제정보 */
.table-middle{display:table;margin-left:20px;}
/* .table-middle input{display:table-cell;vertical-align:middle;height:60px !important;} */
.table-middle input{vertical-align:middle;height:60px !important;}
.table-middle span{margin-right:30px;}
.paytitle-0{height:50px;display:inline-block;line-height:50px;font-size:18px;color:#333;}
.paytitle-0 i{font-size:22px;color:#0974ba;margin-right:5px;}
.paytitle-01{height:50px;display:inline-block;line-height:50px;font-size:14px;}
.cardTotal{border:1px solid #555;padding:20px 30px;color:#555;font-size:16px;}
.cardTotal span{font-size:18px;font-weight:bold;}

/* 주문완료 */
.confirmResult{position:relative;width:80%;margin:0 auto 30px auto;border:1px solid #eee;padding:30px 0;background:#f2f2f2;}
.confirmResult h5{font-size:20px;color:#777;}
.confirmResult h5 span{font-size:30px;color:#333;padding-right:5px;}
.confirmResult h6{margin:10px auto 20px auto;color:#777;font-size:16px;}
.confirmResult h6 span{font-size:20px;font-weight:bold;padding:0 10px;}
.confirmResult .resultTitle{width:80%;margin:0 auto;display:table;}
.confirmResult .resultTitle span{text-align:center;font-size:20px;color:#fff;display:table-cell;vertical-align:middle;height:60px;}
.resultBox{width:80%;margin:0 auto 30px auto;background:#fff;padding:30px 0;}
.resultBox li{text-align:left;font-size:16px;color:#777;line-height:40px;width:80%;margin:5px auto;border-bottom:2px dotted #dedede;}
.resultBox li span{color:#333;}
.confirmResult .resultExplain{width:80%;margin:0 auto;}
.confirmResult .resultExplain li{text-align:left;line-height:25px;color:#777;}

/* 통신상품 - 아이페이 */
.IPayTop{width:100%;height:430px;background: url('../../images/os/new_img1/sub/i_pay_01.jpg') no-repeat;text-transform:uppercase;text-align:center;color:#fff;}
.IPayTop .TitS{padding-top:85px;font-size:22px;font-family: "Lato";font-weight:700;letter-spacing:0.4em}
.IPayTop h3{font-size:50px;font-weight:100;letter-spacing:-0.03em;padding-top:18px;color:#fff;font-family:'NanumSquareR','Open Sans','nanumgothic','dotum';margin:0;}
.IPayTop h3 span{font-weight:700;}
.IPayTop .TitB{display:inline-block;font-size:50px;line-height:65px;background:#104384;margin:60px 0;padding:0 25px;}

.IPayIntro{width:925px;height:480px;margin:60px auto 15px auto;text-align:center;background: url('../../images/os/new_img1/sub/i_pay_02.jpg') no-repeat center bottom;position:relative;}
.IPayIntro .Line{width:100px;height:5px;margin:30px auto;background:#104384;}
.IPayIntro h3{font-size:36px;text-transform:uppercase;color:#000;}
.IPayIntro .Intro1{position:absolute;left:0;bottom:40px;}
.IPayIntro .Intro2{position:absolute;right:80px;top:230px;}
.IPayIntro p{font-size:16px;color:#6e6e6e;line-height:24px;}
.IPayIntro p span{font-size:20px;color:#0962c0;}

.IPayIVanTop{width:100%;height:162px;background: url('../../images/os/new_img1/sub/i_pay_03.jpg') no-repeat;text-align:center;padding-top:130px}
.IPayIVanTop .Line{width:100px;height:5px;margin:0 auto 30px auto;background:#fff;}
.IPayIVanTop h3{font-size:30px;font-weight:normal;line-height:40px;text-transform:uppercase;color:#fff;}

.IPayIVanMd{width:100%;height:465px;background:#0f3d7a url('../../images/os/new_img1/sub/i_pay_04.jpg') no-repeat 110px 70px;padding-top:70px;}
.IPayIVanMd dl{width:560px;float:right;margin:0 110px 38px 0;text-align:left;}
.IPayIVanMd dt{font-size:26px;line-height:26px;color:#6d91c0;margin-bottom:15px;}
.IPayIVanMd dd.Top{font-size:16px;color:#dee1e8;margin-bottom:8px;}
.IPayIVanMd dd{font-size:14px;color:#bac1d0;line-height:18px;}

.IPayIVanBtm{width:100%;height:405px;background:#0f3d7a url('../../images/os/new_img1/sub/i_pay_05.jpg') no-repeat;text-align:center;color:#dfeaf9;}
.IPayIVanBtm ul{width:930px;margin:0 auto;}
.IPayIVanBtm li{float:left;width:270px;padding:60px 20px 0 20px;}
.IPayIVanBtm dt{font-size:24px;color:#c4e9ff;padding:130px 0 10px 0;}
.IPayIVanBtm dt.VanIcon1{background: url('../../images/os/new_img1/sub/i_pay_icon1.png') no-repeat top center;}
.IPayIVanBtm dt.VanIcon2{background: url('../../images/os/new_img1/sub/i_pay_icon2.png') no-repeat top center;}
.IPayIVanBtm dt.VanIcon3{background: url('../../images/os/new_img1/sub/i_pay_icon3.png') no-repeat top center;}
.IPayIVanBtm dd{font-size:14px;line-height:20px;}

.IPayTbl table{width:100%;margin:60px auto;border-collapse:collapse;}
.IPayTbl,.IPayTbl th,.IPayTbl td{border:0;}
.IPayTbl{width:100%;text-align:center;}
.IPayTbl caption{display:none}
.IPayTbl thead th{padding:10px 3px;border:1px solid #8f8f8f;background:#666;color:#fff;font-weight:normal;line-height:22px;font-size:18px;}
.IPayTbl tbody th{padding:10px 3px;border:1px solid #b0c2d6;background:#8199b3;color:#fff;font-weight:normal;line-height:18px;font-size:16px;}
.IPayTbl tbody td{padding:10px 3px;border:1px solid #ddd;background:#f8f8f8;color:#6;font-weight:normal;line-height:18px;font-size:14px;}

.IPayList{width:100%;height:580px;background:#f7f7f7;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;box-sizing:content-box;margin:60px 0 40px 0;}
.IPayList .PdName{float:left;width:539px;height:230px;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding:30px;text-align:left;}
.IPayList .PdImg1{background: url('../../images/os/new_img1/sub/i_pay_pd1.png') no-repeat 340px 30px;}
.IPayList .PdImg2{background: url('../../images/os/new_img1/sub/i_pay_pd2.png') no-repeat 30px 30px;padding-left:290px;width:279px;}
.IPayList .PdImg3{background: url('../../images/os/new_img1/sub/i_pay_pd3.png') no-repeat 340px 30px;}
.IPayList .PdImg4{background: url('../../images/os/new_img1/sub/i_pay_pd4.png') no-repeat 30px 30px;padding-left:290px;width:279px;}
.IPayList .PdName h4{font-size:35px;color:#000;font-weight:900;line-height:32px;margin:10px 0 10px 0;text-align:left;}
.IPayList .PdName li:first-child{font-size:18px;color:#114382;font-weight:normal;margin-bottom:15px;line-height:24px;}
.IPayList .PdName li{font-size:14px;color:#6a6a6a;line-height:22px;}

/* 온라인 신청 */
.online_center{background:#f8f8f8;height:40px;border:1px solid #1e5691;}
.online_center h2{background: url('../../images/os/new_img1/icon/icon_lg.png') no-repeat 10px center;color:#fff;text-align:left;padding-left:50px;margin-top:8px}
.online_center h3{color:#fff;text-align:left;padding-left:20px;margin-top:10px}

.online_center_title{background: url('../../images/os/new_img1/sub/sin_back.jpg') no-repeat left 35px;height:250px;border-bottom:1px dashed #ddd;padding-bottom:20px;margin-bottom:30px }
.online_center_title h3{margin:20px 0 15px 360px;padding-top:50px}
.online_center_title dt{color:#0f79da;margin:0 0 15px 360px;font-size:18px}
.online_center_title dd{margin-left:360px;line-height:18px;}
.online_center_title dd span{color:#de4b18}

.online_center_title1{background: url('../../images/os/new_img1/sub/center_back.jpg') no-repeat;height:270px;border-bottom:1px dashed #ddd;padding-bottom:20px;margin-bottom:30px }
.online_center_title1 dt{color:#0f79da;margin:20px 0 15px 360px;font-size:18px;padding-top:90px;font-weight:bold}
.online_center_title1 dd{margin-left:360px;line-height:18px;}
.online_center_title1 dd span{color:#de4b18}

.online_center_title2{background: url('../../images/os/new_img1/sub/center_back1.png') no-repeat right 40px;margin:30px auto}
.online_center_title2 ul{margin-top:50px}
.online_center_title2 li{background: url('../../images/os/new_img1/icon/icon_ornage.gif') no-repeat left center;color:#777;padding-left:8px;line-height:40px;margin-left:50px;text-align:left;}

.online_center_banner{width:100%;clear:both;}
.online_center_banner li{float:left;margin:20px 10px 30px 10px;}
.btn_stroe{top:50px;left:500px}

.online_center_tel{margin:20px auto;color:#000;font-size:15px;line-height:25px;border-bottom:1px dashed #ddd;padding-bottom:30px; }
.online_center_tel h3{background: url('../../images/os/new_img1/icon/icon_phone.gif') no-repeat left center;padding-left:20px;}
.online_center_tel p{background:#f3f3f3;padding:20px;text-align:center;margin-top:10px}

.agree_txt{border:2px solid #eee;padding:20px;font-size:14px;line-height:24px;color:#777;text-align:left;margin:0 auto;background:#fff;height:220px;overflow:auto;}
.agree_txt p{color:#777;line-height:24px;}
.agree_txt h6{color:#555;text-align:left;padding:0;margin:15px 0 20px 0;font-size:16px;}
.agree_txt h4{font-size:18px !important;color:#999 !important;}
.agree_txt2{border:2px solid #eee;padding:20px;font-size:14px;line-height:24px;color:#777;text-align:left;margin:0 auto;background:#fff;height:1150px;overflow:auto;}
.agree_txt2 p{color:#777;line-height:24px;}
.agree_txt2 h6{color:#555;text-align:left;padding:0;margin:15px 0 20px 0;font-size:16px;}
.agree_txt2 h4{font-size:18px !important;color:#999 !important;}
.frame_user p{color:#777;line-height:24px;}
.frame_user h5{color:#555;font-size:18px;padding:10px 0;}

.online_txt{border:2px solid #eee;padding:20px;font-size:14px;line-height:22px;color:#777;text-align:left;}
.online_txt b{color:#e26235;}
.agreeBox{background:#f4f4f4;padding:20px 30px;text-align:left;color:#555;}
.agreeBox .chk{position:relative;padding-left:50px;line-height:32px;}
.agreeBox .chk label{position:absolute;left:0px;top:0px;}
.bus02 h3{width:100%;text-align:left;margin:20px 0 30px 0;font-size:40px;color:#333;}
.bus02 h4{width:100%;text-align:left;margin-bottom:20px;font-size:30px;color:#333;}

.inputTlist{padding:10px 0;border-top:1px solid #eee;}
.inputTlist ul{display:inline-block;width:100%;}
.inputTlist ul li{float:left;display:table;margin-right:20px;}
.inputTlist ul li span{display:table-cell;vertical-align:middle;height:35px;}

.order{}
.order h3{width:100%;margin-bottom:20px;font-size:30px;color:#333;}
.order h3 i{font-size:30px;color:#aaa;margin-right:10px;}
.order .bbs_type td{vertical-align:middle;position:relative;}
.order .bbs_type th.txt04{color:#e85e13;}
.order .bbs_type input[type="radio"]{cursor:pointer;}
.order .bbs_type input[type="text"]{border:1px solid #d7d6d6;padding:3px;width:92px;}
.order .bbs_type input[type="file"]{width:600px;}
.order .bbs_type select{border:1px solid #d7d6d6;padding:10px 3px;color:#5b5b5b;vertical-align: middle;}
.order .bbs_type .btn{top:17px;left:142px;}

/* 회원가입 - 실명확인 */
.nameConfirm{position:relative;width:100%;margin:20px auto 30px auto;color:#777;background: url('../../images/os/new_img1/common/member_img.gif') no-repeat left 100px top 30px;padding:30px 0;border-top:2px dotted #dedede;border-bottom:2px dotted #dedede;}
.nameConfirm dl{text-align:left;padding-left:300px;}
.nameConfirm dl dt{font-size:18px;color:#999;margin-bottom:20px;}
.nameConfirm dl dt span{font-size:24px;color:#333;margin-right:5px;}
.nameConfirm dl dd{height:30px;line-height:20px;}
.nameConfirm dl dd span{font-size:13px;color:#7aadcf !important;}
.nameConfirm dl dd i{font-size:14px;color:#0974ba;margin-right:5px;padding-left:10px;}
.pointText{margin:30px auto;text-align:left;border:1px solid #dedede;padding:30px;}
.pointText span{line-height:25px;color:#333;}

/* a/s안내 */
.asinfoWrap{position:relative;width:1000px;margin:0 auto;}
.asinfoWrap .asinfoTop{background: url('../../images/os/new_img1/mall/asinfo-bg.png') no-repeat left bottom;text-align:left;padding-left:260px;height:100px;}
.asinfoWrap .asinfoTop h5{font-size:18px;color:#333;margin-bottom:10px;}
.asinfoTop .asinfoText{color:#777;}
.asinfoTop .asinfoText li{font-size:14px;height:22px;padding-left:10px;}
.asinfoWrap ol{width:100%;display:inline-block;margin:80px auto 70px auto;border:1px solid #eee;padding:50px 0;background:#fafafa;}
.asinfoWrap ol li{width:25%;float:left;}
.asinfoWrap ol li a{display:block;}
.asinfoWrap ol li a:hover{opacity:0.7;filter:alpha(opacity:'70')}
.asinfoWrap dl{text-align:left;margin-bottom:30px;}
.asinfoWrap dl dt{font-size:30px;color:#333;margin-bottom:10px;}
.asinfoWrap dl dt i{color:#f7b52c;margin-right:10px;font-size:25px;}
.asinfoWrap dl dd{color:#777;font-size:16px;line-height:40px;padding-left:20px;}
.asinfoWrap dl dd span{color:#333;font-size:18px;}
.asinfo-btn{width:160px;margin:10px 0 0 0;height:35px;display:table;}
.asinfo-btn a{display:table-cell;color:#fff;vertical-align:middle;}

/* 고객센터 */
.customerWrap{position:relative;width:1000px;margin:0 auto;}
.customerWrap .customerTop{}
.customerWrap .customerTop h5{font-size:18px;color:#333;}
.customerWrap .customerTop h6{font-size:16px;text-align:center;margin:10px 0 0 0;}
.customerWrap ol{border:1px solid #eee;display:inline-block;width:100%;background:#fff;margin:50px auto 30px auto;position:relative;}
.customerWrap ol li{float:left;width:33.22%;display:table;border-left:1px solid #eee;}
.customerWrap ol li:first-child{border-left:none;}
.customerWrap ol li a{display:table-cell;vertical-align:middle;padding:30px 40px;box-sizing:border-box;height:295px;}
.customerWrap ol li a:hover{background:#fafafa;}
.customerWrap ol li a h6{font-size:30px;color:#333;margin:0;}
.customerWrap ol li a p{width:100px;height:100px;border-radius:50%;display:table;margin:30px auto;}
.customerWrap ol li a p i{font-size:46px;text-align:center;display:table-cell;vertical-align:middle;color:#fff;}
.customerWrap ol li a span{color:#999;font-size:14px;line-height:20px;}
.customerWrap .customerCont{width:100%;display:inline-block;}
.customerCont ul{height:350px;background:#f8f8f8;border:1px solid #eee;}
.customerCont ul li{float:left;}
.customerBox{padding:30px 50px 0 50px;text-align:left;width:528px;height:320px;background: url('../../images/os/new_img1/mall/cs-bg.png') no-repeat right 30px bottom;}
.customerBox h5{font-size:50px;color:#333;font-weight:bold;}
.customerBox dl{margin-top:30px;}
.customerBox dl dt{font-size:16px;margin-bottom:10px;}
.customerBox dl dd{font-size:14px;color:#777;line-height:22px;}
.gray-arrow-right2{width:20px;height:350px;margin:0 auto;background:#f8f8f8 url('../../images/os/new_img1/brand/gray-arrow-right.png') no-repeat center top 155px;}
.customerText{width:60%;color:#999;margin:20px 0 0 0;line-height:20px;padding-top:20px;border-top:2px dotted #dedede;font-size:14px;}


/*브랜드소개*/

.subCont h4 p.titlebar{display:inline-block;width:13px; height:40px; border-top:3px solid #ffac00; border-bottom:3px solid #ffac00; border-left:3px solid #ffac00; box-sizing:border-box; position: relative; top: 12px; }
.rotate180 {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.chun{font-family: 'cwTeXHei', serif;}

.brandWrap{position: relative; width: 900px; min-height: 120px; margin:0 auto; text-align: center; }
.titleBg_yell{width: 165px; height: 178px;background: url('../../images/os/new_img1/brand/titleBg_yellow.png') no-repeat left center;}
.titleBg_oran{width: 165px; height: 178px;background: url('../../images/os/new_img1/brand/titleBg_orange.png') no-repeat left center;}
.titleBg_blue{width: 165px; height: 178px;background: url('../../images/os/new_img1/brand/titleBg_blue.png') no-repeat left center;}
.titleBg_green{width: 165px; height: 178px;background: url('../../images/os/new_img1/brand/titleBg_green.png') no-repeat left center;}
.brandWrap i.title{width: 165px; height: 165px;font-size: 30px; display: table-cell; vertical-align:middle; color: white; text-align: center;}
.dotsLine{width: 445px; height: 12px; margin: 14px auto 45px auto; display: table; vertical-align: middle;}
.dotsLine .gr_6{display: inline-block; width:6px; height: 6px; border-radius: 6px; background: #c2c2c2;}
.dotsLine .gr_line{display: inline-block;  width:202px; height: 1px;  background: #c2c2c2; position: relative; top:-2.5px;}
.dotsLine .pointDots{display: inline-block; width: 12px; height:12px; border-radius: 12px; box-sizing: border-box; position: relative; top: 3px;}
.dotsLine .pointDots .pointDots2{display: table; width:6px; height: 6px; border-radius: 6px;  position: relative; margin: 0 auto; vertical-align: middle; top: 2px;}
.bdr-y{border: 1px solid #ffac00;}
.bgc-y{background: #ffac00;}
.txt-y{color: #ffac00;}
.bdr-or{border: 1px solid #fb6a00;}
.bgc-or{background: #fb6a00;}
.txt-or{color: #fb6a00;}
.bdr-bl{border: 1px solid #0974ba;}
.bgc-bl{background: #0974ba;}
.txt-bl{color: #0974ba;}
.bdr-gr{border: 1px solid #7bb20e;}
.bgc-gr{background: #7bb20e;}
.txt-gr{color: #7bb20e;}
.bgc-bk2{background: #65635f}


.brandWrap .sTitle{font-size: 30px; }
.brandWrap .ssTitle{font-size:18px; color: #555;padding-top: 20px;text-align:left;line-height:30px;}
.brandWrap .ssTitle em{margin-left:30px;}
.brandWrap .subVisWrap{width: 902px; overflow: hidden;text-align: left; margin-top:45px;margin-bottom: 100px;}
.L_vis{width: 450px; height: 500px; border-right: 1px solid #fff;  float:left;}
.R_vis{width: 450px; height: 500px; float:left;}
.L_vis2{width: 300px; height: 520px; border-right: 1px solid #fff;  float:left;}
.R_vis2{width: 300px; height: 520px; float:left;}
.ital_title{font-style: italic; font-size:26px; color: #555; margin: 20px 0px 5px 0px;  font-weight: 500;}
.stxt{font-size:18px; color: #777; line-height: 150%;}

.explanTxt{color:#555; font-size: 22px; line-height: 150%;}
.explanTxt i{color: #f16000;}

/*목표비전*/
.num_title{width: 750px; height:26px; clear: both; margin: 0 auto;}
.num_title .numL{float: left; width: 50%; height: 26px;}
.num_title .dots{width:26px; height: 26px; border-radius: 26px; background: #fb6a00; color: #fff; font-size:16px; line-height: 26px; margin-right:12px;}
.num_title .numTxt{font-size: 16px; color: #555; line-height: 26px;}


/*IT 통신 분야*/
.subCont ul.itListWrap{width: 100%; overflow: hidden; text-align: center;}
.subCont ul.itListWrap li.itList{box-sizing: border-box;float: left; width: 300px; height: 755px; background: url('../../images/os/new_img1/sub/list_bg.png') no-repeat left; margin-right:100px;}
.subCont ul.itListWrap li.itList:last-child{margin-right: 0;}
.itListCont{width: 300px;}
.itListWrap .sTitle{font-size: 30px; }
.itListWrap .ssTitle{font-size: 16px; color: #555; padding-top: 20px; }
.itListWrap .stxt{font-size:16px; color: #777;line-height:30px; vertical-align: top;}
.itListWrap i.title{width: 165px; height: 165px;font-size: 26px; line-height: 32px; display: table-cell; vertical-align:middle; color: white; text-align: center;}
.stxtWrap{height:200px; vertical-align:top;}
.dotsLine2{width: 222px; height: 12px; margin: 14px auto 45px auto; display: table; vertical-align: middle;}
.dotsLine2 .gr_6{display: inline-block; width:6px; height: 6px; border-radius: 6px; background: #c2c2c2;}
.dotsLine2 .gr_line{display: inline-block;  width:90px; height: 1px;  background: #c2c2c2; position: relative; top:-2.5px;}
.dotsLine2 .pointDots{display: inline-block; width: 12px; height:12px; border-radius: 12px; box-sizing: border-box; position: relative; top: 3px;}
.dotsLine2 .pointDots .pointDots2{display: table; width:6px; height: 6px; border-radius: 6px;  position: relative; margin: 0 auto; vertical-align: middle; top: 2px;}


/*건강 뷰티*/

.yel_title{font-size: 24px; font-weight: bold; color: #ffac00; text-align: left; line-height: 30px;}
.gr_title{font-size: 30px; color: #555; line-height: 60px; text-align: left;}
.brandWrap .stxt{font-size:16px; color: #777;line-height:30px; vertical-align: top; text-align: left;}
ul.brandSubvis{overflow:hidden; }
ul.brandSubvis li{float:left; width: 366px; height: 400px; border-right: 1px solid #fff;}
ul.brandSubvis li:last-child{border-right: 0px solid #fff;}

/*CI*/
.dots2{display: inline-block; width:22px; height: 22px; border-radius: 22px; text-align: center; line-height: 22px; margin-right:5px; color: #fff;}
.logo_ci{width: 685px; height:300px; border: 1px solid #ccc; box-sizing: border-box; background: url('../../images/os/new_img1/sub/ci_img.jpg') no-repeat;  margin: 20px auto 30px auto;}
.txt_y{color:#eb9f00;}
.slo_title{font-size:26px; color: #555; margin: 20px 0px 5px 0px;  font-weight: 500;}
.line_gr{width: 100%; height: 1px; background: #e1e1e1; margin-top:80px; margin-bottom: 60px;}

/*사업소개*/

.bizLogoWrap{margin: 0 auto; width:470px;padding: 40px 0 10px 0;}
.bizLogo{margin: 0 auto;width: 195px; height: 106px; background: url('../../images/os/new_img1/sub/biz_logo.png') no-repeat center;}
.bizTitleWrap{position: relative; margin: 0 auto; width: 230px; height: 40px; top: 20px;}
.bizTitlebar{display:inline-block;width:13px; height:40px; border-top:3px solid #ffac00; border-bottom:3px solid #ffac00; border-left:3px solid #ffac00; box-sizing:border-box; position: relative; top: 12px; }
ul.bizvisualWrap{position: relative;width: 100%; height: 400px; clear: both;margin:50px 0 90px 0;}
ul.bizvisualWrap li{float: left; width: 264px; height: 400px;box-sizing: border-box; margin-right: 14px; text-align: center;}
ul.bizvisualWrap li:last-child{margin-right:0;}
.bizSubTitle{position:relative;width:100%; height:50px;font-size:18px;line-height:20px;text-align:center;font-family:'Open Sans';color:#fff;padding-top:15px;z-index:21;}
.bizSubCont{width:100%;height:400px;border:1px solid #eee;background:#f8f8f8;}
.bizSubCont img{position:relative;z-index:20;}
ul.bizvisualWrap .stitle{position:relative; top: -50px;}
.bg-redimage{position:absolute;top:-18px;left:0;width:264px;height:60px;background: url('../../images/os/new_img1/brand/buinfo-tab01.png') no-repeat center top;}
.bg-orangeimage{position:absolute;top:-18px;left:278px;width:264px;height:60px;background: url('../../images/os/new_img1/brand/buinfo-tab02.png') no-repeat center top;}
.bg-yellowimage{position:absolute;top:-19px;left:556px;width:264px;height:60px;background: url('../../images/os/new_img1/brand/buinfo-tab03.png') no-repeat center top;}
.bg-skyimage{position:absolute;top:-18px;left:834px;width:264px;height:60px;background: url('../../images/os/new_img1/brand/buinfo-tab04.png') no-repeat center top;}

/*주문가이드*/
.wrapper .order_tit{text-align:center; color:#333;}
.wrapper .order_tit h3{font-size:50px; padding-bottom:50px;}
.wrapper .order_tit h4{font-family: 'NanumSquareR';font-size:28px; margin-bottom:70px;font-weight: normal; }
.wrapper .order_tit h4:after{content:'';display:block; width:150px; margin:0 auto; height:1px; background:#000; margin-top:30px;}
.wrapper ul.howto{margin-top:10px;text-align: left;}
.wrapper .order_num{margin-top:50px; overflow:hidden; background:url('../../images/os/new_img1/mall/orderinfo_bg.png') no-repeat 0px 50px;;}
.wrapper .order_num dl{width: 270px;float: left;text-align: center;}
.wrapper .order_num dl dt{width: 145px; height: 145px;background: #ffd5a3; border-radius: 50%; display:inline-block; margin-bottom:20px;}
.wrapper .order_num dl dt span{display: block;font-size: 19px;}
.wrapper .order_num dl dt span.num{display: block;font-size:50px; padding:35px 0 25px 0;}
.wrapper .order_num dl dd{}
.pdt-15{padding-top:15px;}
.pd-10{padding:10px 0;}
.wrapper .OrdCon ul{text-align:left;}
.wrapper .OrdCon ul li{list-style-type:none;background: url('../../images/os/new_img1/common/bg-black-30.png') no-repeat left top 11px;margin:5px 0 0 20px;padding-left:10px;}
.OrdCon h4{font-weight:normal;margin:20px 0 5px 10px;font-size:18px;text-align:left;color:#555;}
.OrdCon h4 i{margin-right:5px;}
/* highlight colors */
::-moz-selection {background-color: #333;color: white;}
::selection {background-color: #333;color: white;}

/* 탭 */
.wrapper .bomtabs{overflow:hidden;}
.wrapper .bomtabs input[type=radio] {display: none;}
.wrapper .bomtabs label { display: block;float: left; width: 25%;border-right: none;text-align: center; color:#333;cursor: pointer;-webkit-transition: background-color 150ms ease-in-out;transition: background-color 150ms ease-in-out;}
.wrapper .bomtabs label dl dd{background: #f6f6f6; margin-top: 20px; margin: 20px 0 0 0 !important;padding: 15px 0; border-right: 1px solid #fff; font-size:20px;}
.wrapper .bomtabs label dl dt{width:25%; margin:0 auto;}

.wrapper .bomtabs label:hover {background-color: white;}
.wrapper .bomtabs [id^="btab"]:checked + label {border-bottom-color: white;background: white;color:#fff;}
.wrapper .bomtabs [id^="btab"]:checked + label dl dd{background:#ffab00;}

.wrapper label dl.orderinfo dt{background:url('../../images/os/new_img1/mall/icon_orderinfo.png') no-repeat 50% 100%; width:100px; height:100px;}
.wrapper .bomtabs [id^="btab"]:checked + label dl.orderinfo dt{background:url('../../images/os/new_img1/mall/icon_orderinfo_h.png') no-repeat 50% 100%; width:100px; height:100px;}
.wrapper label dl.cash dt{background:url('../../images/os/new_img1/mall/icon_cash.png') no-repeat 50% 100%; width:100px; height:100px;}
.wrapper .bomtabs [id^="btab"]:checked + label dl.cash dt{background:url('../../images/os/new_img1/mall/icon_cash_h.png') no-repeat 50% 100%; width:100px; height:100px;}
.wrapper label dl.express dt{background:url('../../images/os/new_img1/mall/icon_express.png') no-repeat 50% 100%; width:100px; height:100px;}
.wrapper .bomtabs [id^="btab"]:checked + label dl.express dt{background:url('../../images/os/new_img1/mall/icon_express_h.png') no-repeat 50% 100%; width:100px; height:100px;}
.wrapper label dl.cancle dt{background:url('../../images/os/new_img1/mall/icon_cancle.png') no-repeat 50% 100%; width:100px; height:100px;}
.wrapper .bomtabs [id^="btab"]:checked + label dl.cancle dt{background:url('../../images/os/new_img1/mall/icon_cancle_h.png') no-repeat 50% 100%; width:100px; height:100px;}

.wrapper .OrdCon{padding:30px 30px;}
.wrapper .tab-content {display: none;float: left; width: 100%; font-size:15px; color:#777; line-height:24px;}
.wrapper #btab1:checked ~ #tab-content1,#btab2:checked ~ #tab-content2,#btab3:checked ~ #tab-content3,#btab4:checked ~ #tab-content4{display: block;}

/* 소비자 보호센터 */
.consumerWrap{position:relative;margin:20px auto;}
.consumerWrap .consumerCont{padding:100px 80px;}
.consumerCont h5{font-size:60px;color:#333;font-weight:bold;margin-bottom:20px;}
.consumerCont h6{width:300px;height:35px;background:#7bb20e;border-radius:20px;font-size:18px;color:#fff;line-height:35px;margin:0 0 20px 0;padding:0 0 0 20px;}
.consumerCont p{font-size:18px;color:#555;}
.consumerCont .leftone{position:relative;}
.consumerCont .leftone dt{position:absolute;left:0px;width:30px;height:30px;border-radius:50%;background:#000;color:#fff !important;line-height:30px;text-align:center;}
.consumerCont .leftone dd{font-size:14px;color:#777;padding-left:60px !important;text-indent:0;}
.consumerCont .consumer-btns{position:relative;margin-top:70px;}
.consumerCont .consumer-btns li{float:left;display:inline-block;margin-left:30px;}
.consumerCont .consumer-btns li:first-child{margin-left:0px;}
.consumerCont .consumer-btns li a{display:block;width:120px;height:80px;border-radius:50%;padding-top:40px;color:#fff;font-size:18px;text-align:center;}

.contlist-wrap{display:inline-block;margin-bottom:20px;width:100%;} 
.contlist-wrap ul{}
.contlist-wrap ul li{float:left;}
.contlist-wrap ul li span{font-size:16px;color:#000;display:block;margin:10px 0 0 0;}
.contlist-wrap ul li .consumerTitle{background:#555;border-radius:20px;font-size:18px;color:#fff;line-height:35px;margin:0 0 20px 0;padding:0 0 0 20px;}
.contlist-wrap ul li ul li{line-height:30px;width:100%;display:block;font-size:16px;}
.contlist-wrap .contlist-icon{display:table;width:100px;margin:0 auto;height:100px;border-radius:50%;}
.conlistbg01{background:#ffac00 url('../../images/os/new_img1/community/icon-bg01.png') no-repeat 50% 50%;background-size:80% 80%;}
.conlistbg02{background:#7bb20e url('../../images/os/new_img1/community/icon-bg02.png') no-repeat 50% 50%;background-size:80% 80%;}
.conlistbg03{background:#6bb3e2 url('../../images/os/new_img1/community/icon-bg03.png') no-repeat 50% 50%;background-size:70% 70%;}
.conlistbg04{background:#bdb7a5 url('../../images/os/new_img1/community/icon-bg04.png') no-repeat 50% 50%;background-size:70% 70%;}
.conlistbg05{background:#ffc141 url('../../images/os/new_img1/community/icon-bg05.png') no-repeat 50% 50%;background-size:70% 70%;}

.consumerbg01{height:730px;background: url('../../images/os/new_img1/community/consumer-bg.jpg') no-repeat center top;}
.consumerbg02{background:#eee url('../../images/os/new_img1/community/consumer-bg02.jpg') no-repeat center bottom;}
.consumerbg03{height:300px;background:#eee url('../../images/os/new_img1/community/consumer-bg03.jpg') no-repeat center top;}

/*사업소개*/
.Biz{position:relative;font-size:14px;}
.Biz .Biz_sj{border:1px solid #eee; background: #f8f8f8; color: #777; margin-bottom:20px;}
.Biz h4{font-size:24px;padding:0 0 0 30px !important;text-align:left;height:60px;line-height:60px;}
.Biz h4 strong{font-family:"NanumSquareB";margin-left:10px;}
.Biz h4 i{color:#555;margin-right:10px;}
.Biz h5.Biz_tit{font-size:20px; padding:30px 0 10px 0;}
.Biz .Biz_sj + h5.Biz_tit{padding-top:0 !important;}
.Biz .Biz_con{margin-bottom:60px; line-height:22px !important;font-size:14px;}
.Biz .Biz_con ul li{line-height:24px !important; color:#555;}
.Biz .Biz_con p{line-height:22px !important;}
.Biz .Biz_con ul.Num_list li{list-style:decimal; margin-left:15px;}
.Biz .Biz_con ul.Num_list > li{padding-bottom:5px;}
.Biz .Biz_con ul.Num_list li ul li{list-style:none !important; margin-left:0;padding-left:15px; text-indent:-15px; font-size:13px; color:#666;}
.Biz .Biz_con ul.Num_list li p{font-size:13px; padding-bottom:0; color:#666;}
.Biz .Biz_con ul.ft13 li{font-size:13px; color:#777; padding-bottom:0;}
.Biz .Biz_con dl{margin:20px 0 0 10px;}
.Biz .Biz_con dl dt{font-size:16px;color:#fff;margin-bottom:10px;background:#7bb20e;padding:5px 30px;display:inline-block;border-radius:20px;}
.Biz .Biz_con dl dd{background: url('../../images/os/new_img1/common/bg-black-30.png') no-repeat left top 11px;color:#777;margin-left:10px;padding-left:10px;line-height:25px;}
.Biz .Biz_con h6{margin:15px 0 5px 20px;font-size:16px;text-align:left;color:#555;}
.Biz .Biz_con h6 i{margin-right:5px;}
.Biz .Biz_con ul{margin:0 0 0 30px;}
.Biz .Biz_con ul li{color:#777;line-height:25px;}


/*회원규약*/
.Biz_mem{position:relative;font-size:14px;color:#777;line-height:22px;margin-top:50px;}
.Biz_mem .Biz-smallT{font-size:16px;font-weight:normal;text-align:left;color:#7bb20e;display:block;margin:10px 0;}
.Biz_mem .Biz-smallT2{font-size:16px;font-weight:normal;text-align:left;color:#555;display:block;margin:10px 0;}
.Biz_mem dl{margin:20px 0 0 10px;}
.Biz_mem dl dt{font-size:16px;color:#fff;margin-bottom:10px;background:#7bb20e;padding:5px 20px;display:inline-block;border-radius:15px;}
.Biz_mem dl dd{color:#333;margin-left:10px;}
.Biz_mem ul{margin:10px 0 0 20px;}
.Biz_mem ul li{color:#777;margin-bottom:10px;}
.listType-num li{list-style-type:decimal;}
.listType-dot li{list-style-type:none;background: url('../../images/os/new_img1/common/bg-black-30.png') no-repeat left top 11px;margin-left:10px;padding-left:10px;}
.listonlist li{list-style-type:none;}
.listonlist2 li{list-style-type:none;}
.mgl-22{margin-left: 22px;}
.mgl-16{margin-left: 16px;}
/*table*/
.bom_table, .bbs_type th, .bom_table td{border:0}
.bom_table{clear:both;width:100%;border-right:1px solid #dcdcdc;border-top:1px solid #2a364e;text-align:center;border-collapse:collapse;}
.bom_table caption{display:none}
.bom_table thead th{padding:7px;border:1px solid #999;background:#adafb3;font-size:16px;color:#fff;}
.bom_table tbody th{padding:7px;border:1px solid #dcdcdc;background:#fafafa;border-top:none; font-size:15px;color:#555;}
.bom_table td{padding:7px;border:1px solid #e5e5e5;color:#777;border-top:none;border-right:none;text-align:center;}

.bom_table2 tr td:nth-child(1){background:#f9f9f9;}
.bom_table2 tr td.bg_oran{background:#fff3ed}
.bom_table td.bg_td{background:#f9f9f9 !important;}
.bom_table td.bg_y{background:#f9f0Df !important;}

/*common*/
.Bom_red{color:#f85327 !important;}
.ft18{font-size:18px; color:#333 !important;}
.mgt10{margin-top:10px !important;}
.pdt5{padding-top:5px !important;}
.pdl15{padding-left:15px;}
.txt-align15{padding-left:15px; text-indent:-15px;}

/*상품제휴제안*/
.jehuWrap{position: relative; width: 1100px; min-height: 120px; margin:0 auto; text-align: center;}
.jehuWrap .titleImg{width:1100px; height: 270px; background: url('../../images/os/new_img1/common/jehu_top.jpg') no-repeat;}
.bk-btn{width: 280px; height: 40px; background: #3c3c3c; border-radius: 40px;text-align: center; position: relative; margin: 0 auto; top: 178px;}
.bk-btn a{display:block;  font-size: 18px; color: #fff; line-height: 40px; }
.bk-btn a i{font-size: 20px;margin-left: 10px;line-height: 40px;}
.bk-btn:hover{background: #f7b52c; transition: 0.3s all;}
.jehuWrap .jehuInfo{margin: 60px 0;}
.jehuWrap .jehuInfo p.title{text-align: left; font-size: 24px; padding-bottom:25px; color: #555;}
.jehuWrap .jehuInfo p.title i{margin-right: 5px;}
.jehuWrap .jehuInfo .infoCont{width: 1040px; padding: 45px 30px; background: #fcfcfc; border: 1px solid #ebebeb; }
.jehuWrap .jehuInfo .infoCont .jehuStep{padding-top: 20px; font-size: 16px; color: #777;text-align: left;}
.jehuWrap .jehuInfo .infoCont .jehuStep ul{overflow: hidden;}
.jehuWrap .jehuInfo .infoCont .jehuStep ul li{float: left; width: 172px;}
.o_num{display: inline-block; width: 20px; height: 20px; border-radius: 20px; color: #fff; line-height: 20px; text-align: center; margin-right: 5px;}
.jehuWrap .jehuInfo .infoCont ul.infolist{margin-left: 30px; text-align: left; font-size: 18px; line-height: 36px;}
.up_btn{position: relative; display:inline-block; width: 150px; height: 30px; background: #555; border-radius: 40px;text-align: center;margin:0 12px;}
.up_btn a{display:inline-block;  font-size: 16px; color: #fff; line-height: 30px; }
.up_btn:hover{background: #777; transition: 0.3s all;}
.jehuinput{margin-top:-2px!important;margin-left:10px;}



/*마이오피스 메인대시보드 팝업*/
ul.planInfoTap{overflow: hidden; width: 100%; border-bottom: 1px solid #535353; margin-top: 20px;}
ul.planInfoTap li{cursor: pointer; float: left; margin-right: 1px; width:130px; height: 40px; display: table; text-align: center; font-size: 16px; color: #fff; background: #cbcbcb;}
ul.planInfoTap li span{display:table-cell; vertical-align: middle; }
ul.planInfoTap li.on{background: #535353;}
ul.planInfoTap li:hover{background: #535353; transition: 0.2s all;}
.popTitle{font-size: 20px; padding: 0 0 0 20px !important; text-align: left; height: 40px; line-height: 40px!important;}
.infoDetailWrap{padding: 30px 20px;}
.popTitle i{margin-right: 10px;}
#Lod01{display:block;}
#Lod02{display:none;}
#Lod03{display:none;}
#Lod04{display:none;}
#Lod05{display:none;}


/* ------------------------- 모바일용 css ----------------------- */

/*전체크기*/
.detailDiv{width:100%;margin:0 auto;font-size:13px;}

/*상단, 하단 이미지 설정*/
.detailDiv p{clear:both;}
.detailDiv p img{width:100%;}

/*타이틀*/
.detailDiv .contain h1{font-size:1.5em;margin:5% 0 3% 0;font-weight:bold; color:#545454; clear:both;line-height:1;text-align:left}
.detailDiv .contain h3{font-size:1em;border-top:1px solid #8f8f8f;border-bottom:1px solid #8f8f8f;padding:1% 0;font-weight:bold; color:#545454; clear:both;line-height:1;text-align:left;}

/*제품설정*/
.detailDiv .contain{padding:0 4%;box-sizing:border-box;}
.detailDiv .contain .product{width:100%;}
.detailDiv .contain .product ul{float:left;width:46%;margin-top:4%;}
.detailDiv .contain .product ul:nth-child(odd){float:left;}
.detailDiv .contain .product ul:nth-child(even){float:right;}
.detailDiv .contain .product ul li img{width:100%;border:1px #efefef solid;}
.detailDiv .contain .product ul .name{font-size:0.85em;font-weight:bold;color:#363a3d;text-align:center;margin:5% 0;}
.detailDiv .contain .product ul .btn{width:80%;height:5%;background-color:#ffac00;margin:0 auto 10%;}
.detailDiv .contain .product ul .btn:hover{background-color:#df9600;}
.detailDiv .contain .product ul .btn a{font-size:1em;font-weight:800;line-height:1;padding:3% 0;color:#fff;display:block;text-align:center;}

.detailDiv hr{width:92%;color:#8f8f8f;margin:0 auto;}



/* ------------------------- 태블릿용 css ----------------------- */
@media all and (min-width:600px){
	/*타이틀*/
	.detailDiv .contain h1{font-size:1.7em;}
	.detailDiv .contain h3{font-size:1.3em;padding:1.2% 0;}
	/*제품설정*/
	.detailDiv .contain .product ul .name{font-size:1.2em;}
	.detailDiv .contain .product ul .btn a{font-size:1em;}
}


@media all and (min-width:768px){
	/*타이틀*/
	.detailDiv .contain h1{font-size:2.5em;}
	.detailDiv .contain h3{font-size:1.5em;}
	/*제품설정*/
	.detailDiv .contain .product ul .name{font-size:1.5em;}
	.detailDiv .contain .product ul .btn a{font-size:1.2em;}
}

/* ------------------------- pc용 css ----------------------- */
@media all and (min-width:1000px){
/*전체크기*/
.detailDiv{width:1000px;margin:0 auto;}
	
/*타이틀*/
.detailDiv .contain h1{font-size:33px;margin:50px 0 19px 0;}
.detailDiv .contain h3{font-size:23px;padding:13px 0;}

/*제품설정*/
.detailDiv .contain{padding:0 40px;box-sizing:border-box;}
.detailDiv .contain .product{width:920px;}
.detailDiv .contain .product ul{width:280px;margin:40px 40px 0 0;}
.detailDiv .contain .product ul:nth-child(even){float:left;}
.detailDiv .contain .product ul:nth-child(3){margin-right:0;}

/*	.contain .product ul:nth-child(4){float:left;}*/
.detailDiv .contain .product ul li img{width:278px;height:278px;}
.detailDiv .contain .product ul .name{font-size:23px;letter-spacing:-2px;text-align:center;margin:18px 0;}
.detailDiv .contain .product ul .btn{width:168px;height:36px;margin:0 auto 43px;}
.detailDiv .contain .product ul .btn a{width:168px;height:36px;font-size:18px;letter-spacing:-2px;line-height:36px;padding:0;}

.detailDiv hr{width:920px;clear:both;}
}