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

/* ============================== 서브페이지 공통 =================================== */
.subContainer{width:1200px;margin:50px auto 120px auto;background:#fff;position:relative;}
.subContainerShop{width:1200px;margin:30px auto 120px auto;background:#fff;}
.subContMy{width:1200px;margin:0 auto;padding:20px 0 120px 0;font-size:14px;}

.subtitleWrap{width:100%;text-align:left;margin:20px 0 10px 0;}
.subtitleWrap i{font-size:24px;color:#a;margin-right:10px;}
.subtitleWrap span{font-size:24px;color:#333;}

/* sub-containter subTabmenu */
#sidebar{width:100%;height:60px;/* border-top:1px solid #d7d6d6; */border-bottom:1px solid #d7d6d6}
#sidebar .subTabmenu{display:table;margin:0 auto;}
#sidebar .subTabmenu ul li{float:left;}
#sidebar .subTabmenu ul li a{display:block;color:#555;font-size:15px;-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{color:#000;border-bottom:2px solid #333;}
#sidebar .subTabmenu > ul > li{display:block;left;}
#sidebar .subTabmenu > ul > li > a{font-size:16px;padding:25px 15px 0 15px;color:#999;height:34px;}
#sidebar .subTabmenu > ul > li > a.active{color:#2e3192;}
#sidebar .subTabmenu > ul > li > a.active, #sidebar .subTabmenu > ul > li > a:hover, #sidebar .subTabmenu > ul > li > a:focus{color:#000;border-bottom:2px solid #333;}
#sidebar .subTabmenu2 > ul > li > a{padding:25px 20px 0 20px;}


#sidebarShop{position:relative;width:100%;height:76px;margin-bottom:50px;border:1px solid #ddd;border-top:2px solid #494949;background:#f6f6f6;padding:25px;box-sizing:border-box;}
#sidebarShop h2{float:left;width:200px;font-size:26px;color:#000;border-right:1px solid #ddd;margin-right:30px;line-height:26px;}
#sidebarShop .subTabmenu{margin:0 auto;}
#sidebarShop .subTabmenu ul li{float:left;}
#sidebarShop .subTabmenu ul li a{display:inline-block;color:#777;font-size:15px;line-height:26px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;margin-right:35px;}
#sidebarShop .subTabmenu ul li a:hover, #sidebarShop .subTabmenu ul li a:focus,  #sidebarShop .subTabmenu ul li ul li.active a{color:#18b0bc;}
#sidebarShop .subTabmenu > ul > li{display:block;}
#sidebarShop .subTabmenu > ul > li > a{font-size:14px;color:#555;}
#sidebarShop .subTabmenu > ul > li > a.active{color:#2e3192;}
#sidebarShop .subTabmenu > ul > li > a.active, #sidebarShop .subTabmenu > ul > li > a:hover, #sidebarShop .subTabmenu > ul > li > a:focus{color:#18b0bc;}

#sidebarShop .subTabmenu2{margin:0 auto;}
#sidebarShop .subTabmenu2 ul li{float:left;}
#sidebarShop .subTabmenu2 ul li a{display:inline-block;color:#777;font-size:15px;line-height:26px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;margin-right:35px;}
#sidebarShop .subTabmenu2 ul li a:hover, #sidebarShop .subTabmenu2 ul li a:focus,  #sidebarShop .subTabmenu2 ul li ul li.active a{color:#18b0bc;}
#sidebarShop .subTabmenu2 > ul > li{display:block;}
#sidebarShop .subTabmenu2 > ul > li > a{font-size:14px;color:#555;}
#sidebarShop .subTabmenu2 > ul > li > a.active{color:#2e3192;}
#sidebarShop .subTabmenu2 > ul > li > a.active, #sidebarShop .subTabmenu2 > ul > li > a:hover, #sidebarShop .subTabmenu2 > ul > li > a:focus{color:#07359e;}

/*
.subTab{display: table;margin: 40px auto;}
.subTab 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: #18b0bc; border: 1px solid #18b0bc;}

.subTab{width:100%;}
.subTab .subTabs{display:table;margin:40px auto;}
.subTabs li{float:left;margin:0 10px;}
.subTabs li a{display:inline-block;font-size:16px;color:#4c4c4c;line-height:50px;padding:0 40px;border:1px solid #ddd;transition-duration: 0.5s;}
.subTabs li a:hover, .subTabs li a:active, .subTabs li a.On{color:#18b0bc;border:1px solid #18b0bc;}
*/
.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: #18b0bc; border: 1px solid #18b0bc;}
.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: #18b0bc;border: 1px solid #18b0bc;}

.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: #18b0bc; border: 1px solid #18b0bc;}


/* 인사말 */
.Ceo{width:100%;background:url('../../images/os/new_img1/sub/ceo.jpg')no-repeat top;padding-top:310px;}
.Ceo .CeoList{width:100%;margin-top:50px;padding:0 20px;box-sizing:border-box;}
.CeoList dl{float:left;width:300px;margin-right:70px;}
.CeoList dl dt{font-size:22px;color:#3f434d;line-height:32px;margin-bottom:10px;}
.CeoList dl dd{font-size:18px;line-height:26px;}
.CeoList ul{float:right;width:790px;}
.CeoList ul li{font-size:16px;color:#696969;line-height:30px;margin-bottom:30px;}
.CeoList .CeoEnd{font-size:18px;color:#3f434d;line-height:26px;}
.CeoList .Sign{text-align:right;line-height:60px;padding-right:110px;background:url('../../images/os/new_img1/sub/ceo_sign.png')no-repeat right bottom;}


/*  와우씨엔에스 소개 */
.Com{width:100%;text-align:center;}
.Com .ComBg{width:100%;height:310px;margin-bottom:50px;background: url('../../images/os/new_img1/sub/compBg.jpg') no-repeat center;box-sizing:border-box;padding-top:100px;}
.Com .ComBg h5{font-size:26px;color:#fff;margin-bottom:30px;position:relative;display:inline-block;}
.Com .ComBg h5:before{content:"";display:block;width:15px;height:13px;position:absolute;left:-25px;top:0;background: url('../../images/os/new_img1/sub/comLeft.png') no-repeat center;}
.Com .ComBg h5:after{content:"";display:block;width:15px;height:13px;position:absolute;right:-25px;bottom:0;background: url('../../images/os/new_img1/sub/comRight.png') no-repeat center;}
.Com .ComBg p{font-size:16px;color:#fff;line-height:1;margin-bottom:10px;}
.Com .ComCont{width:100%;text-align:left;margin-bottom:100px;}
.Com .ComCont dt{width:350px;float:left;box-sizing:border-box;border-top:1px solid #18b0bc;color:#18b0bc;padding:20px;font-size:22px;font-family: 'Lato', sans-serif;}
.Com .ComCont dd{width:850px;float:right;box-sizing:border-box;border-top:1px solid #ddd;padding:20px;font-size:16px;line-height:30px;}
.Com .ComIconCont{width:100%;}
.Com .ComIconCont li{width:25%;float:left;padding:40px 0;box-sizing:border-box;background:#f6f6f6;border-right:1px solid #ddd;}
.Com .ComIconCont li:last-child{border-right:0;}
.Com .ComIconWrap dt{display:block;margin:0 auto 30px;width:150px;height:150px;border-radius:50%;}
.Com .ComIconWrap dt.ComIcon01{background: #fff url('../../images/os/new_img1/sub/ComIcon01.png') no-repeat center;}
.Com .ComIconWrap dt.ComIcon02{background: #fff url('../../images/os/new_img1/sub/ComIcon02.png') no-repeat center;}
.Com .ComIconWrap dt.ComIcon03{background: #fff url('../../images/os/new_img1/sub/ComIcon03.png') no-repeat center;}
.Com .ComIconWrap dt.ComIcon04{background: #fff url('../../images/os/new_img1/sub/ComIcon04.png') no-repeat center;}
.Com .ComIconWrap dd{color:#696969;font-size:16px;line-height:26px;}
.Com .ComIconWrap dd strong{color:#333;font-size:22px;font-weight:normal;margin-bottom:10px;display:block;}




/*  그룹 소개 */
.Group{width:100%;text-align:center;}
.Group ul{width:100%;height:250px;}
.Group li{float:left;width:185px;height:250px;color:#fff;margin-left:18px;background: url('../../images/os/new_img1/sub/group_img02.png') no-repeat;display: -webkit-flex;display:flex; 
-webkit-align-items:center;align-items: center;/*위아래 중앙*/ 
-webkit-justify-content: center;justify-content: center;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.Group li:first-child{margin-left:0;background: url('../../images/os/new_img1/sub/group_img01.png') no-repeat;}
.Group li.Bgg01{background: url('../../images/os/new_img1/sub/group_img03.png') no-repeat;}
.Group li.Bgg02{background: url('../../images/os/new_img1/sub/group_img04.png') no-repeat;}
.Group li.Bgg03{background: url('../../images/os/new_img1/sub/group_img05.png') no-repeat;}
.Group li.Bgg04{background: url('../../images/os/new_img1/sub/group_img06.png') no-repeat;}
.Group li dl{}
.Group li dt{font-size:20px;margin-bottom:8px;}
.Group li dd{font-size:15px;}

.GroupTxt{width:100%;}
.GroupTxt li{float:left;width:370px;height:480px;border-top:8px solid #18b0bc !important;border-bottom:2px solid #18b0bc !important;border:1px solid #ddd;box-sizing:border-box;margin-left:45px;background: url('../../images/os/new_img1/sub/group_img08.png') no-repeat;padding:145px 30px 0;}
.GroupTxt li:first-child{margin-left:0;background: url('../../images/os/new_img1/sub/group_img07.png') no-repeat;}
.GroupTxt li:last-child{background: url('../../images/os/new_img1/sub/group_img09.png') no-repeat;}
.GroupTxt dt{font-size:20px;color:#333;}
.GroupTxt dd{font-size:15px;line-height:24px;margin:10px 0;}

.GroupIcon{width:100%;height:590px;background:#f5f5f5 url('../../images/os/new_img1/sub/group_img.png') no-repeat 50% 50%;padding:50px 60px;box-sizing:border-box;}
.GroupIcon ul{width:290px;}
.GroupIcon ul dl{background: url('../../images/os/new_img1/sub/group_icon01.png') no-repeat;padding-top:70px;margin-bottom:30px;}
.GroupIcon ul dl.GBg02{background: url('../../images/os/new_img1/sub/group_icon02.png') no-repeat;}
.GroupIcon ul dl.GBg03{background: url('../../images/os/new_img1/sub/group_icon03.png') no-repeat;}
.GroupIcon ul dl.GBg04{background: url('../../images/os/new_img1/sub/group_icon04.png') no-repeat;}
.GroupIcon ul dl.GBg05{background: url('../../images/os/new_img1/sub/group_icon05.png') no-repeat;}
.GroupIcon ul dl.GBg06{background: url('../../images/os/new_img1/sub/group_icon06.png') no-repeat;}
.GroupIcon ul dl dt{font-size:17px;color:#3f434d;margin-bottom:8px;}
.GroupIcon ul dl dd{font-size:15px;line-height:22px;}

.GroupList{width:100%;margin-top:50px;}
.GroupList dl{width:580px;border:1px solid #e0e0e0;position: relative;;}
.GroupList dl dt{float:left;width:180px;height:165px;text-align:center;display: inline-flex; justify-content: center; align-items: center; }
.GroupList dl.h230{height:230px;display: inline-flex; justify-content: center; align-items: center; }
.GroupList dl dd{float:left;width:400px;height:100%;padding:15px 25px;box-sizing:border-box;border-left:1px solid #e0e0e0;background:#f9f9f9;}
.GroupList dl dd p{float:left;width:65px;font-size:14px;color:#3f434d;}
.GroupList dl dd p.line2{height:40px;}
.GroupList dl dd p.line3{height:80px;}
.GroupList dl dd li{font-size:13px;line-height:22px;clear:both;margin:5px 0;}
.GroupList .BPlus{position:absolute;top:0;right:0;width:48px;height:48px;padding:0;border:0;}
.GroupList .BPlus a{display:block;}

/*  연혁 */
.HistoryTit{width:100%;text-align:center;}
.HisList{width:100%;margin:30px auto;background:url('../../images/os/new_img1/sub/history_bg.png')repeat-y 50%;padding:60px 0;}
.HisList li{font-size:16px;line-height:40px;margin-bottom:60px;}
.HisList li:last-child{margin-bottom:0;}
.HisList p{font-family: 'Cabin', sans-serif;font-size:18px;color:#222;font-weight:600;}
.HisList .HisR{background:url('../../images/os/new_img1/sub/history_icon.png')no-repeat 50% 15px;padding-left:630px;}
.HisList .HisR p{float:left;margin-right:15px;}
.HisList .HisL{background:url('../../images/os/new_img1/sub/history_icon.png')no-repeat 50% 15px;padding-right:630px;text-align:right;}
.HisList .HisL p{float:right;margin-left:15px;}
.HisList .HisS{line-height:26px;padding-top:8px;}
.HisList .Hei50{height:52px;}
.HisList .Hei70{height:70px;}

/*  Ci */
.CiInner{width:100%;text-align:center;}
.CiTit{font-family: 'Lora', serif;font-size:36px;color:#222;margin-bottom:30px;}
.CiTitS{font-size:17px;color:#222;line-height:28px;}

.CiImg{width:100%;background:#f8f8f8;padding:40px 0 20px 0;box-sizing:border-box;position:relative;margin:70px 0;}
.CiImg li{float:left;width:50%;}
.CiImg li:first-child{border-right:1px solid #dcdcdc;box-sizing:border-box;}
.CiImg dt{height:150px;display: inline-flex; justify-content: center; align-items: center;}
.CiImg dd{display:table;width:200px;background:#eaeaea;margin:20px auto 0 auto;font-size:14px;color:#222;padding:10px 0;border-radius:5px;}


.CiTxt{width:100%;margin-bottom:50px;}
.CiTxt li{font-size:16px;color:#222;padding:17px 0;}
.CiTxt li:first-child{font-size:20px;color:#18b0bc;}
.CiTxt li:last-child{font-size:15px;color:#696969;line-height:22px;}
.CiTxt li:first-child, .CiTxt li:last-child{padding:0;}

/*  오시는길 */
.Map .directCont{width:95%;border-bottom:1px solid #eee;margin:50px auto 20px;padding-bottom:20px;}
.Map .directCont:last-child{border-bottom:0;}
.Map .directCont span{display:block;width:50px;height:50px;text-align:center;border-radius:50%;background:#52555e;float:left;margin-right:10px;}
.Map .directCont span i{line-height:50px;color:#fff;font-size:24px;}
.Map .directCont dl{float:left;}
.Map .directCont dt{color:#242424;font-size:18px;font-weight:500;margin: 15px 0;}
.Map .directCont dd{font-size:15px;margin-bottom:5px;}
.Map .directCont dd.p{width:150px;}
.Map .directCont span.orangeBg{display:inline-block;width:20px;height:20px;border-radius:50%;background:#ef6d29;color:#fff;float:none;margin-right:3px;line-height:150%;}
.Map .directCont span.greenBg{display:inline-block;width:20px;height:20px;border-radius:50%;background:#1eab2e;color:#fff;float:none;margin-right:3px;line-height:150%;}
.Map .directCont p{float: left;width: 80px;}
.Map .directCont .blueTxt{color:#385ab0;}
.Map .directCont .blueTxt2{color:#70b0e0;}
.Map .directCont .greenTxt{color:#4ea031;}
.Map .directCont .blackTxt{color:#242424;}
.Map .directCont .blueBg{background:#00498B !important;}
.Map .directCont .purpleBg{background:#a064a3 !important;}


/* 브랜드소개 */
.BrandList{width:1200px;margin:0 auto;background:#f5f5f5;padding:55px 45px 10px 45px;box-sizing:border-box;text-align:center;}
.BrandList h3{font-family: 'Lato', sans-serif;font-size:35px;color:#222;line-height:35px;margin-bottom:25px;}
.BrandList ul{display:inline-block;}
.BrandList li{float:left;width:320px;background:#fff;margin:0 25px 50px 25px;transition-duration: 0.5s;}
.BrandList li a{display: -webkit-flex;display:flex; 
-webkit-align-items:center;align-items: center;/*위아래 중앙*/ 
-webkit-justify-content: center;justify-content: center;height:170px;font-size:24px;color:#333;}
.BrandList li:hover{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);}
	.BrandList li a:hover{height:168px;border:1px solid #18b0bc;}

.BrandViewTop{width:100%;margin:70px auto;}
.BrandViewTop .BdImg{float:left;width:460px;height:250px;border:1px solid #ddd;box-sizing:border-box;margin-right:50px;display: inline-flex; justify-content: center; align-items: center; }
.BrandViewTop .BdTit{float:right;width:690px;margin:30px 0;}
.BdTit .Tit01{font-size:18px;color:#2c2c2c;margin-bottom:5px;}
.BdTit h3{font-family: 'Lora', serif;font-size:35px;color:#18b0bc;}
.BdTit .Tit02{font-size:15px;line-height:22px;margin-top:25px;}

.BrandViewTit{width:100%;font-family: 'Lora', serif;font-size:32px;color:#2c2c2c;text-align:center;padding:60px 0;}
.BrandViewTit:after{content: "";display:table;width:75px;height:4px;background:#18b0bc;margin:20px auto 0;}

.BrandViewList{width:100%;background:#f8f8f8;}
.BrandViewList ul{width:90%;margin:0 auto;padding-bottom:60px;}
.BrandViewList ul li{float:left;width:25%;background:url('../../images/os/new_img1/sub/brand_prn03.png')no-repeat top left;padding-top:50px;}
.BrandViewList dt{font-family: 'Lora', serif;font-size:18px;color:#18b0bc;margin-bottom:15px;}
.BrandViewList dd{font-size:15px;line-height:22px;}

/* 피알엔 */
.BrandViewList2{width:100%;height:380px;margin-bottom:20px;}
.brand_prn .BrandViewList2{margin-bottom:0px;}
.BrandViewList2:last-child{margin-bottom:0;}
.ViewBg1{background:#f8f8f8 url('../../images/os/new_img1/sub/brand_prn04.png') no-repeat left;}
.ViewBg2{background:#f8f8f8 url('../../images/os/new_img1/sub/brand_prn05.png') no-repeat right;}
.ViewBg3{background:#f8f8f8 url('../../images/os/new_img1/sub/brand_prn06.png') no-repeat left;}
.BrandViewList2 .ViewListTxt{width:50%;padding:50px;box-sizing:border-box;}
.ViewListTxt .ListTxtS{font-family: 'Lora', serif;font-size:22px;color:#373737;}
.ViewListTxt li{font-size:15px;line-height:28px;margin-bottom:30px;}
.brand_prn .ViewListTxt li{font-size:15px;line-height:28px;margin-bottom:0px;}
.ViewListTxt li:first-child{font-size:32px;color:#373737;margin:12px 0 30px 0;}
.ViewListTxt .ListTxtE{font-size:14px;}

.BrandViewTit p{font-family: "Nanum Barun Gothic";font-size:15px;color:#545454;padding:5px 0 10px 0;}

.BrandViewBtn{width:100%;height:390px;background:#f8f8f8;padding:40px;box-sizing:border-box;}
.BrandViewBtn .ViewMv{width:550px;height:310px;margin-right:20px;}
.BrandViewBtn .ViewMv2{height:310px;margin: 0 auto; display: table;}
.BrandViewBtn .ViewMv a{display:block;width:550px;height:310px;}
.BrandViewBtn .ViewOther{width:550px;height:310px;background:#f8f8f8 url('../../images/os/new_img1/sub/brand_prn07.jpg') no-repeat left;}
.BrandViewBtn .ViewOther p{width:100%;height:100px;font-size:18px;color:#fff;line-height:100px;background:rgba(0, 0, 0, 0.15) url('../../images/os/new_img1/sub/view_arrow.png') no-repeat 500px center;padding:0 30px;box-sizing:border-box;}
.BrandViewBtn .ViewOther a{display:block;padding-top:210px;transition-duration: 0.5s;}
.BrandViewBtn .ViewOther a:hover{background:rgba(0, 0, 0, 0.2)}

.BrandViewPd{width:100%;background:#f8f8f8;padding:50px 0 50px 70px;box-sizing:border-box;margin-top:70px;}
.BrandViewPd .ViewPdsTit{float:left;width:250px;}
.BrandViewPd .ViewPdsTit h3{font-family: 'Lora', serif;font-size:32px;color:#373737;margin:10px 0;}
.BrandViewPd .ViewPdsTit p{font-size:15px;line-height:22px;}
.BrandViewPd .ViewPdsTit .WjBtn{float:left;margin-top:20px;}
.BrandViewPd .ViewPds{float:right;width:800px;margin:0 40px;position:relative;}
.BrandViewPd .ViewPds li{float:left;width:190px;height:220px;margin:0 5px;text-align:center;}
.BrandViewPd .ViewPds  > a{display:block;width:190px;font-size:15px;transition-duration: 0.5s;}
.BrandViewPd .ViewPds a:hover{color:#000;}
.BrandViewPd .ViewPds img{margin-bottom:10px;}
.BrandViewPd .ViewPds .bx-wrapper{max-width: 800px !important;}

/* PAGER */
.bx-wrapper .bx-pager {position:absolute;right:-20px;top:-30px;font-size: .85em;font-family: Arial;font-weight: bold;color: #ccc;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #c7c7c7;text-indent: -9999px;display: block;	width: 8px;height: 8px;margin: 0 2px;	outline: 0;	-moz-border-radius: 5px;-webkit-border-radius: 5px;	border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #18b0bc;}

/* DIRECTION CONTROLS (NEXT / PREV)
.bx-wrapper a.bx-prev {position: absolute;width:18px important;height:35px;background:url('../../images/os/new_img1/main/pd_arr_left.png') no-repeat center left;top:77px;left:0;}
.bx-wrapper a.bx-next {position: absolute;width:18px important;height:35px;background:url('../../images/os/new_img1/main/pd_arr_right.png') no-repeat center right;top:77px;right:0;} */
.bx-wrapper .bx-controls-direction{width:800px;position:relative;}
.bx-wrapper .bx-controls-direction a {position: absolute;top:-125px;	margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-prev {left: -25px;	background: url('../../images/os/new_img1/main/pd_arr_left.png') no-repeat center center;}
.bx-wrapper .bx-next {right: -25px;	background: url('../../images/os/new_img1/main/pd_arr_right.png') no-repeat center center;}






/* 웰루션 */
.brand_wellution .BdTit h3{color:#5e3119;}
.brand_wellution .BrandViewTit:after{content: "";display: table;width: 75px;height: 4px;background: #5e3119;margin: 20px auto 0;}
.brand_wellution .ViewBg1 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_wellution03.jpg) no-repeat left;}
.brand_wellution .ViewBg2 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_wellution04.jpg) no-repeat right;}
.brand_wellution .ViewOther {width: 550px;height: 310px;background: #f8f8f8 url(../../images/os/new_img1/sub/brand_wellution05.jpg) no-repeat left;}
.brand_wellution .BrandViewList{width:100%;background:url(../../images/os/new_img1/sub/wellutionBg.jpg) no-repeat 0%;}
.brand_wellution .BrandViewList ul{width:100%;margin:0 auto;padding:45px 0 45px 140px;}
.brand_wellution .BrandViewList li{width:240px;height:300px;float:left;margin-right:100px;background:none;padding-top:0;}
.brand_wellution .BrandViewList li:last-child{margin-right:0;}
.brand_wellution .BrandViewList dl{padding-top:160px;box-sizing:border-box;height:100%;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.brand_wellution .BrandViewList dl.wellutionImg01{background:#4f463f url(../../images/os/new_img1/sub/wellutionImg01.jpg) no-repeat center top;}
.brand_wellution .BrandViewList dl.wellutionImg02{background:#6a6c54 url(../../images/os/new_img1/sub/wellutionImg02.jpg) no-repeat center top;}
.brand_wellution .BrandViewList dl.wellutionImg03{background:#5c5b60 url(../../images/os/new_img1/sub/wellutionImg03.jpg) no-repeat center top;}
.brand_wellution .BrandViewList dt{font-family:'Nanum Barun Gothic','sans serif';color:#fff;padding:20px 20px 15px 20px;box-sizing:border-box;margin-bottom:0;letter-spacing:-0.5px;}
.brand_wellution .BrandViewList dd{color:#fff;padding:0 19px;}



/* 자연모아 */
.brand_jayeonmore .BdTit h3{color:#367524;}
.brand_jayeonmore .BrandViewTit:after{content: "";display: table;width: 75px;height: 4px;background: #367524;margin: 20px auto 0;}
.brand_jayeonmore .ViewBg1 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_jayeonmore04.jpg) no-repeat left;}
.brand_jayeonmore .ViewBg2 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_jayeonmore05.jpg) no-repeat right;}
.brand_jayeonmore .ViewBg3 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_jayeonmore06.jpg) no-repeat left;}
.brand_jayeonmore .ViewBg4 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_jayeonmore07.jpg) no-repeat right;}
.brand_jayeonmore .ViewBg5 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_jayeonmore08.jpg) no-repeat left;}
.brand_jayeonmore .ViewOther.floL{width: 550px;height: 310px;background: #f8f8f8 url(../../images/os/new_img1/sub/brand_jayeonmore09.jpg) no-repeat left;}
.brand_jayeonmore .ViewOther.floR{width: 550px;height: 310px;background: #f8f8f8 url(../../images/os/new_img1/sub/brand_jayeonmore10.jpg) no-repeat left;}
.brand_jayeonmore .BrandViewList{height:390px;background:url(../../images/os/new_img1/sub/brand_jayeonmore03.jpg) no-repeat 0%;text-align:center;}
.brand_jayeonmore .BrandViewList ul{width:910px;margin:0 auto;box-sizing:border-box;}
.brand_jayeonmore .BrandViewList ul li{width:210px;margin-right:140px;float:left;background:none;padding-top:70px;}
.brand_jayeonmore .BrandViewList ul li:last-child{margin-right:0;}
.brand_jayeonmore .BrandViewList dt{color:#fff;font-size:24px;margin-bottom:30px;}
.brand_jayeonmore .BrandViewList dd{padding-top:90px;box-sizing:border-box;width:208px;height:208px;border-radius:50%;background:rgba(255,255,255,0.2) url(../../images/os/new_img1/sub/brand_jayeonmore03-1.png) no-repeat center 36px;border:1px solid rgba(255,255,255,0.5);color:#fff;position:relative;}
.brand_jayeonmore .BrandViewList dd:after{content:"";display:block;width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);position:absolute;bottom:-1px;left:-1px;}
.brand_jayeonmore .BrandViewList dd strong{display:block;font-size:18px;margin-top:5px;font-weight:400;}

/* 라이트플러스 */
.brand_liteplus .BdTit h3{color:#8dc63f;}
.brand_liteplus .BrandViewTit:after{content: "";display: table;width: 75px;height: 4px;background: #8dc63f;margin: 20px auto 0;}
.brand_liteplus .ViewBg1 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_liteplus04.jpg) no-repeat left;}
.brand_liteplus .ViewBg2 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_liteplus05.jpg) no-repeat right;}
.brand_liteplus .ViewBg3 {background: #f8f8f8 url(../../images/os/new_img1/sub/brand_liteplus06.jpg) no-repeat left;}
.brand_liteplus .BrandViewList ul li{background:none;width:333px;margin-right:40px;height:290px;}
.brand_liteplus .BrandViewList ul li:last-child{margin-right:0;}
.brand_liteplus .BrandViewList dl{position:relative;}
.brand_liteplus .BrandViewList dt{position:absolute;top:0;left:0;}
.brand_liteplus .BrandViewList dd{display:table;position:absolute;top:219px;left:50%;width:270px;margin-left:-135px;height:70px;background:#fff;-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.1);box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.1);}
.brand_liteplus .BrandViewList dd span{display:table-cell;vertical-align:middle;text-align:center;}

/* On26.8 */
.brand_On268 h3{color:#74b096;margin-top:10px;font-family:inherit;}
.brand_On268 .BrandViewTit:after{content: "";display: table;width: 75px;height: 4px;background: #74b096;margin: 20px auto 0;}
.brand_On268 .BdTit .Tit02{margin-top:20px;}
.brand_On268 .BrandViewList4{width:100%;height:500px;padding:70px;box-sizing:border-box;}
.brand_On268 .BrandViewList4 .ViewListTxt li:first-child{font-size:32px;color:#74b096;line-height:1.2;}
.brand_On268 .BrandViewList4 .ViewListTxt li{line-height:2}
.brand_On268 .BrandViewList4.ViewBg1{background:url(../../images/os/new_img1/sub/brand_On268_03.jpg) no-repeat 0%;}
.brand_On268 .BrandViewList4.ViewBg2{background:url(../../images/os/new_img1/sub/brand_On268_04.jpg) no-repeat 0%;padding:130px 110px;}
.brand_On268 .BrandViewList3{margin-top:20px;}
.brand_On268 .BrandViewList3 li{width:50%;float:left;height:380px;display:table;box-sizing:border-box;padding-left:30px;}
.brand_On268 .BrandViewList3 .ViewBg3{background:url(../../images/os/new_img1/sub/brand_On268_05.jpg) no-repeat 0%;}
.brand_On268 .BrandViewList3 .ViewBg4{background:url(../../images/os/new_img1/sub/brand_On268_06.jpg) no-repeat 0%;}
.brand_On268 .disTbcell{display:table-cell;vertical-align:middle;}
.brand_On268 .BrandViewList3 .ViewBg3 .ListTxtS{color:#a9ecbc;font-size:18px;}
.brand_On268 .BrandViewList3 .ViewBg4 .ListTxtS{color:#c8aec3;font-size:18px;}
.brand_On268 .BrandViewList3 h3{color:#fff;font-size:25px;margin:20px 0;}
.brand_On268 .BrandViewList3 p{color:#fff;font-size:15px;line-height:28px;}
.brand_On268 .BrandViewList3 .photoTxt{margin-top:50px;font-size:13px;color:#fff;opacity:0.7;}
.brand_On268 .BrandViewList5{width:100%;height:380px;background:url(../../images/os/new_img1/sub/brand_On268_07.jpg) no-repeat 0%;text-align:center;position:relative;}
.brand_On268 .BrandViewList5:after{content:"";display:block;width:1px;height:290px;background:#74b096;position:absolute;top:45px;left:50%;}
.brand_On268 .BrandViewList5 li{display:table;width:50%;float:left;height:380px;}
.brand_On268 .BrandViewList5 strong{color:#74b096;font-size:60px;}
.brand_On268 .BrandViewList5 strong .temp{font-size:35px;}
.brand_On268 .BrandViewList5 h3{color:#44735f;font-size:25px;margin:20px 0 40px;}
.brand_On268 .BrandViewList5 p{color:#fff;line-height:28px;font-size:18px;}
.brand_On268 .BrandViewList2.ViewBg6{background:#f8f8f8 url(../../images/os/new_img1/sub/brand_On268_08.jpg) no-repeat 0%;box-sizing:border-box;border:1px solid #f8f8f8;}
.brand_On268 .BrandViewList2 .ListTxtS{font-family:inherit;font-size:18px;}


#slides5{position:relative;}
#slides5 .slidesjs-container{width:100%;height:390px !important;}
#slides5 .slidesjs-container ul{width:220px;display: block;}
#slides5 .slidesjs-container li a{display:block;}
#slides5 .slidesjs-container li:first-child{margin:30px 0;}
#slides5 .slidesjs-container li img{width:220px;height:220px;border-radius:50%;overflow:hidden;}
#slides5 .slidesjs-container dt{font-family: 'Lato', sans-serif;color: #959595;font-size:14px;text-transform: uppercase;}
#slides5 .slidesjs-container dd.Tit{font-size:16px;color:#4c4c4c;margin:10px 0 18px 0;}
#slides5 .slidesjs-container dd{}
#slides5 .slidesjs-control{height:390px !important;}

#slides5 .slidesjs-pagination{position:absolute;left:50%;bottom:20px;width:24px;height:8px;margin-left:-12px;z-index:9998;}
#slides5 .slidesjs-pagination li{float:left;width:8px;height:8px;margin:0 2px;cursor:pointer;}
#slides5 .slidesjs-pagination li a{display:block;width:8px;height:8px;border-radius:50%;background:#c7c7c7;font-size:0;text-indent:-9999em;line-height:0;}
#slides5 .slidesjs-pagination li a.active, #slides5 .slidesjs-pagination li a:hover.active {background:#18b0bc;}

#slides5 a.slidesjs-next,
#slides5 a.slidesjs-previous,
#slides5 a.slidesjs-play,
#slides5 a.slidesjs-stop {display:block;position:absolute;	text-indent:-9999px;z-index:9900;}
#slides5 a.slidesjs-next {width:18px;height:35px;background:url('../../images/os/new_img1/main/pd_arr_right.png') no-repeat center right;top:178px;right:10px;}
#slides5 a.slidesjs-previous {width:18px;height:35px;background:url('../../images/os/new_img1/main/pd_arr_left.png') no-repeat center left;top:178px;left:10px;}


/* 회원가입 */
.JoinTxt{width:100%;margin:60px auto;text-align:center;}
.JoinTxt .TxtTop{font-size:20px;color:#18b0bc;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%;height:180px;background:url('../../images/os/new_img1/sub/join_bg01.png')no-repeat top left;text-align:center;color:#fff;}
.JoinInner .Bg02{background:url('../../images/os/new_img1/sub/join_bg02.png')no-repeat top left;}
.JoinTop h3{font-size:32px;line-height:100px;}
.JoinTop p{font-size:15px;line-height:22px;padding:18px 0;}
.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;background:#b4b4b4;font-size:14px;color:#fff;padding:16px 35px;transition-duration: 0.5s;}
.JoinList .BtnJoin a:hover{background:#52555e;}

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

/* 비로그인 회원가입 */
.mem-agree-box{width:100%;height:200px;overflow-y:scroll;text-align:left;background:#fff;padding:20px;box-sizing:border-box;margin-bottom:15px;border:1px solid#e6e6e6;}
.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:#18b0bc;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:16px;color:#000;}
.memRules dt img{margin-right:5px;}
.memRules dd{margin-top:10px;font-size:14px;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:#18b0bc;}
.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;}


/* 세무가이드안내 */
.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:#18b0bc;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:#18b0bc;height: 18px;overflow: hidden;color: #18b0bc;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:1px solid #ddd;border-right:0;width:150px;}
.dataMenuWrap li:last-child{border-right:1px solid #ddd;}
.dataMenuWrap li a{display:block;padding:12px 0px;}
.dataMenuWrap li.active{background:rgba(24,176,188,0.2);border:1px solid #18b0bc;}

/* 로그인 */
.login_Wrap{width:100%;border-top:1px solid #444;border-bottom:1px solid #444;margin:50px auto !important;}
.login_area{width:540px;margin:60px auto 0;position:relative;}
.login_area h2{font-family: 'Lora', 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;}
.login_area .checked {padding:10px 0 0 83px;font-size:14px;color:#444;font-weight:light;}
.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:120px;width:130px;height:90px;display:inline-block;line-height:90px;text-align:center;color:#fff !important;font-size:18px;transition:all 0.5s;}
.btnLogin{background:#4c33ff;
background-image: -webkit-linear-gradient(19deg, #4c33ff 0%, #3abfee 100%);
background-image: -moz-linear-gradient(19deg, #4c33ff 0%, #3abfee 100%);
background-image: -o-linear-gradient(19deg, #4c33ff 0%, #3abfee 100%);
background-image: linear-gradient(19deg, #4c33ff 0%, #3abfee 100%);
}
.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 h2 {font-size:36px;line-height:46px;color:#333;text-align:center;font-weight:normal;margin-bottom:20px;}
#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 #666;}
.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:#18b0bc;}
.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:#666;}


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

.subCont h4{font-size:28px;width:100%;padding:0 0 30px 0;color:#333;text-align:center;line-height: 150%;}
.subCont .brandLine{width:150px;height:2px;background:#333;margin:0 auto 50px auto;display:block;}

/* 회사소개 */
.companyInfo{position:relative;width:100%;height:850px;margin:0 auto;background: url('../../images/os/new_img1/brand/companyinfo-bg.png') no-repeat center top;}
.companyInfo dl dt{font-size:30px;color:#ffac00;font-weight:bold;margin-bottom:10px;}
.companyInfo dl dd{font-size:14px;color:#777;line-height:20px;}
.companyInfo .left-01{position:absolute;left:10px;top:35px;}
.companyInfo .left-02{position:absolute;left:10px;top:320px;}
.companyInfo .right-01{position:absolute;left:795px;top:0px;}
.companyInfo .right-02{position:absolute;left:875px;top:360px;}
.companyInfo .bottom-01{position:absolute;left:475px;top:665px;}
.companyInfo .middle-00{position:absolute;left:465px;top:330px;text-align:center;}
.companyInfo .middle-00 h6{font-size:30px;font-weight:bold;color:#222;margin:0;padding:0;display:block;}
.companyInfo .middle-00 .mid-eng{font-size:18px;color:#999;margin-bottom:5px;line-height:20px;display:block;}
.companyInfo .middle-00 .small-eng{font-size:10px;color:#acacac;display:block;}

/* 경영이념 */
.managementCont{width:100%;position:relative;display:inline-block;padding-top:20px;}
.managementCont ul li{float:left;width:350px;margin-left:25px;text-align:center;}
.managementCont ul li:first-child{margin-left:0;}
.managementCont ul li dl{}
.managementCont ul li dl dt{font-size:30px;color:#ffac00;}
.managementCont ul li dl dd.linebg{width:10px;margin:20px auto;}
.linebg{width:10px;margin:20px auto;}
.managementCont ul li dl dd.manageT{height:90px;}
.managementCont ul li dl dd{font-size:16px;color:#555;margin-bottom:20px;line-height:22px;}

/* 인사말 */
.ceoCont{position:relative;margin-bottom:100px;}
.ceoCont .ceo-orange{display:block;font-size:20px;padding:30px 0;}
.ceoCont p{font-size:18px;color:#777;line-height:28px;}

/* 연혁 */
.historyContWrap{position:relative;display:inline-block;background: url('../../images/os/new_img1/brand/history-bg.png') no-repeat center bottom;}
.historyCont{position:relative;width:1100px;margin:0 auto;}
.historyCont li{float:left;}
.historyCont li.widthLeft{width:530px;text-align:right;}
.historyCont li.widthRight{width:530px;text-align:left;}
.historyCont li.dotBg{width:40px;background: url('../../images/os/new_img1/brand/history-dot.png') no-repeat center top;}
.hei80{height:80px;}
.hei100{height:100px;}
.hei140{height:140px;}
.hei300{height:300px;}
.historyCont li .historyDate{font-size:14px;color:#999;display:block;margin-bottom:5px;}
.historyCont li .historyText{font-size:16px;color:#777;display:block;line-height:24px;}

/* 오시는 길 */
.mapInfo{width:1000px;margin:0 auto;position:relative;}
.mapInfo .mapBox{margin-top:30px;border:1px solid #eee;padding:70px 0 70px 200px;background: url('../../images/os/new_img1/brand/map-bg.png') no-repeat left 30px top 30px;text-align:left;color:#555;font-size:16px;}
.mapCont{margin:30px auto;border:1px solid #eee;background:#fff;padding:30px;text-align:left;}
.mapCont h4{text-align:left;}
.mapCont dl{margin-bottom:30px;border-bottom:2px dotted #dedede;padding:0 0 20px 20px;}
.mapCont dl dt{font-size:20px;margin-bottom:15px;color:#555;}
.mapCont dl dt .mapline-0{width:40px;height:40px;border-radius:50%;background:#555;display:inline-block;margin-right:10px;text-align:center;}
.mapCont dl dt .mapline-0 i{color:#fff;line-height:40px;}
.mapCont dl dd{color:#777;line-height:20px;padding:0 0 10px 50px;}
.mapCont dl dd.light-text{color:#555;padding:0 0 10px 65px;}
.mapCont dl dd.light-text i{color:#0974ba;margin-right:3px;}
.num-box{width:20px;height:20px;border-radius:50%;display:inline-block;margin-right:2px;text-align:center;color:#fff;font-weight:bold;line-height:20px;font-size:16px;}




/* -- 마케팅플랜, 제품제안, 주문결제안내(shop) 자동주문 안내(shop), 자동주문 가이드(business)-- */
.subMarPln dl{margin-bottom:40px;}
.subMarPln dl dt{font-size:18px; color:#333; 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 ol{margin-left:18px;}
.subMarPln dl dd ol li{color:#777; margin-top:3px;padding-left:16px;text-indent:-12px;}
.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 #18b0bc; 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:#18b0bc;}
.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:#18b0bc !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:#18b0bc; 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:#18b0bc;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 #18b0bc;color:#18b0bc;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{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;}
}

/* 퀵주문 */
.QuickTit {text-align:center;font-size:30px;color:#333;font-weight:600;margin-bottom: 30px;}

.shoplist_change .show_list{display:inline-block;margin-left: 10px;}
.shoplist_change .show_list li{float:left;}
.shoplist_change .show_list li a{width:27px; height:27px; border:1px solid #ddd; display:block; background:url(../../images/os/new_img1/mall/list01.png) no-repeat center center;}
.shoplist_change .show_list li:last-child a{border-left:0; background:url(../../images/os/new_img1/mall/list02.png) no-repeat center center;}

.QuickWrap {width: 100%;padding: 20px 30px;margin:0 auto;border:1px solid #d8d8d8;box-sizing: border-box;display: table;}
.QuickWrap span {float:left; font-size:15px; font-weight:600; color:#333;}
.QuickWrap select {width:200px; height:40px; font-size:15px; margin-left:10px; border:1px solid #dedede;}
.QuickWrap .PrdName {width: 31%;line-height:40px;display: table-cell;vertical-align: middle;}
.QuickWrap .PrdName input {float:left; width:190px; height:40px; line-height:40px; background:transparent; color:#333; margin-left:10px; border:1px solid #dedede;}
.QuickWrap .SearchBtn {display:block; float:left; height:40px; line-height:40px; margin-left:10px; padding:0 30px; font-size:15px; background:#666; color:#fff; text-align:center; transition-duration:0.5s;}
.QuickWrap .SearchBtn:hover {background:#333;}

.QuickWrap .quickCate{display:inline-block;width: 41%;display: table-cell;vertical-align: middle;}
.QuickWrap .quickCate li{float:left;margin-right: 20px;line-height:40px;font-size:15px; font-weight:600; color:#333;}
.QuickWrap .quickCate li a.tabOn:after{content:"";/* display: block; */height:2px;background: #494949;width: 100%;position: absolute;bottom: 0;right: 0;}
.QuickWrap .quickCate li a{font-size: 18px;color:#333;line-height: 30px;position: relative;display: block;}
.QuickWrap .quickCate li span{font-size: 13px;color:#888;margin-left: 6px;}
.QuickWrap .t-input{display: table;float: left;}
.QuickWrap .t-input li{float:left;margin-right: 20px;}
.QuickWrap .t-input input{}

/* 플로팅 메뉴 - DIV 높이에 따라 조절 */
.floating_wrap {position:absolute; top:75px; right:-190px; z-index:9999999999; background:#fff; width:168px;}
.floating_wrap .PrdPrice {width:175px; font-size:13px; padding:20px 10px; border:1px solid #dadada;}
.floating_wrap .PrdPrice ul li {display:block; line-height:25px; padding-top:10px;}
.floating_wrap .PrdPrice ul li:first-child {padding-top:0;}
.floating_wrap .PrdPrice .Price {width:105px; float:left; color:#f53e3c; font-size:20px; text-align:right; font-weight:600;}
.floating_wrap .PrdPrice .quickPv, .quickAv {width:105px; float:left; color:#333; font-size:20px; text-align:right; font-weight:600;}
.floating_wrap .PrdPrice span.Pv {width:100px; float:left; color:#333; font-size:20px; font-weight:600;}
.floating_wrap .PrdPrice span.Av {width:100px; float:left; color:#333; font-size:20px; font-weight:600;}
.floating_wrap .PrdPrice span {font-family:Titillium Web;}
.floating_wrap .PrdPrice span .won {font-size:13px; font-weight:400;}
.floating_wrap .PrdPrice .Prdtit {width:55px; float:left; letter-spacing:1.7px;}
.floating_wrap .quickbtnWrap {margin-top:20px;}
.floating_wrap .quickbtnWrap a {width:175px; height:35px; line-height:35px; display:block; font-size:15px; text-align:center; background:#666; transition-duration:0.5s; color:#fff;}
.floating_wrap .quickbtnWrap a:hover {background:#333;}

.prd_List_Wrapper {width:1200px; position:relative;}
.prd_List_Wrap {width:100%; margin:0 auto;}
.prd_List_Wrap ul {display:table;width:100%;height: 100px;border-bottom:1px dashed #dedede;padding: 0 30px;box-sizing: border-box;}
.prd_List_Wrap ul li{display:table-cell; vertical-align:middle;}
.prd_List_Wrap ul li .PrdImg {float:left; width:50px;}
.prd_List_Wrap ul li .PrdImg img {width:100%;}
.prd_List_Wrap ul li .PrdCont {float:left; margin-left:30px;}
.prd_List_Wrap ul li .PrdCont a {display:block;font-size:15px;line-height: 27px;color:#333;}
.prd_List_Wrap ul li .PrdPrice {font-size:13px;}
.prd_List_Wrap ul li .PrdPrice .Price {display:block; width:120px; float:left; color:#f53e3c;}
.prd_List_Wrap ul li .PrdPrice span {display:block; width:120px; float:left; margin-right:10px; font-size:13px;}
.prd_List_Wrap ul li .PrdPrice .Pv {color:#333;}
.prd_List_Wrap ul li .PrdPrice .Av {color:#333;}
.prd_List_Wrap ul li .PrdCount {float:right;padding:10px 0;margin-left:30px;}
.prd_List_Wrap ul li .PrdCount p {float:left;width:45px;line-height:30px;text-align:center;font-size:15px;}
.prd_List_Wrap ul li .PrdCount .count {float:left; height:30px; line-height:30px;}
.prd_List_Wrap ul li .PrdCount .count a {float:right; margin-right:3px; display:table; width:30px; height:30px; line-height:30px; text-align:center; background:#a4a4a4; color:#fff; transition-duration:0.5s;}
.prd_List_Wrap ul li .PrdCount .count a:hover {background:#666;}
.prd_List_Wrap ul li .PrdCount input {width:50px; text-align:center; font-family:Titillium Web; color:#333; font-size:15px; border-top:1px solid #cecece; border-bottom:1px solid #cecece; border-left:0; border-right:0; background:transparent;}
.prd_List_Wrap ul li .PrdCount button {width:40px; height:40px; border:1px solid #cecece;}
.prd_List_Wrap ul li .PrdCount .btn_plus {width:30px; height:30px; margin:0 10px 10px 0;}
.prd_List_Wrap ul li .PrdCount .btn_minus {width:30px; height:30px; float:left;}
.more_btn {width:175px; height:35px; margin:0 auto;}
.more_btn .btn_gray {display:block; width:175px; height:35px; line-height:35px; font-size:13px; color:#777; background:#e6e6e6;}

p.play{background:url(../../images/os/new_img1/mall/play.png) no-repeat;width:44px;height:44px; top: 30px;right:70px;position: absolute;border: 0; z-index: 99;}

.youtubeBtn{background: red !important;border: 0 !important;padding:10px 6px 10px 10px!important;}
.videoWrap{position:fixed;background:rgba(0,0,0,0.7);width:100%;height:100vh;left:0;top:0;z-index:990;display:none;}
.videoCont{width:1200px;height:800px;position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-400px;background:#000;}
.videoCont a{position:absolute;right:0;top:-44px;font-size: 24px;font-family: Arial, Baskerville, monospace;color:#fff !important;opacity:0.65;line-height:44px;}
.videoCont a:hover{opacity:1;}