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

/* ============================== 서브페이지 공통 =================================== */
#subvisual{width:100%;height:100px;background:#313d52 url('../../images/os/new_img1/sub/sub_vis.png')repeat;}
#subvisual nav{display:table;margin:0 auto;padding:37px 0;}
#subvisual nav.officeTit{color:#a1a7b3;font-size:22px;line-height:26px;}
#subvisual nav li{float:left;font-size:22px;line-height:26px;}
#subvisual nav li:first-child{color:#a1a7b3;}
#subvisual nav li:last-child{color:#fff;text-decoration: underline;}
#subvisual nav li.Icon{width:6px;height:26px;margin:0  25px;background:url('../../images/os/new_img1/common/icon_line.png') no-repeat 50% 50%;}
#subvisual .ComTit{font-family: 'Cabin', sans-serif;font-size:26px;color:#fff;text-align:center;letter-spacing: 0.3em;}

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

.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{position:relative;width:1200px;border-bottom:2px solid #000;margin:0 auto;}
#sidebar .subTabmenu{margin:40px 0 20px 0;}
#sidebar .subTabmenu ul li{float:left;}
#sidebar .subTabmenu ul li a{display:inline-block;color:#555;font-size:17px;/* margin-right:30px; */line-height:18px;-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; font-weight:500;}
#sidebar .subTabmenu > ul > li{display:block;}
#sidebar .subTabmenu > ul > li > a{font-size:16px;padding:0 10px;color:#707070;}
#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; font-weight:500;}



#sidebarShop{position:relative;width:100%;height:76px;margin-bottom:50px;border:1px solid #ddd;border-top:2px solid #18b0bc;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:#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;}

/* 회사소개 *//* 김수하 2019.07.03 */
.subVision .BMv {width:1000px; margin:0 auto 150px auto;}
.subVision div{font-size:23px; font-weight:500; color:#323232;}

.subVision .subInt01 dl dt {padding:380px 0; color:#fff;font-family:'Noto Serif', serif;font-weight:600;font-size:52px;line-height:65px; text-align:center;margin-bottom:200px; height:152px; background:url('../../images/os/new_img1/sub/introImg01.jpg') no-repeat;}
.subVision .subInt01 dl dd {padding:0 80px 200px 80px; margin-top:-100px; font-size:28px; text-align:center; font-weight:300;color:#5a5a5a;line-height:48px;}
.subVision .subInt01 dl dd ul li {padding-bottom:50px; font-size:28px; line-height:48px;}
.subVision .subInt01 dl dd ul li.subIntTit {font-size:40px; line-height:55px;color:#464646;}

.subVision .subInt02 p{color:#323232;font-weight:400;font-size:35px;color:#5a5a5a;line-height:60px; text-align:center;margin-bottom:200px; height:1358px; background:url('../../images/os/new_img1/sub/introImg01.jpg') no-repeat;}
.subVision .subInt02 div{line-height:45px;margin-bottom:50px;}
.subVision .subInt02 img{width:100%; margin-bottom:30px;}
.subVision .subInt02 dl dd {padding:0 80px 100px 80px; margin-top:-100px; font-size:28px; font-weight:300;color:#464646;line-height:48px;}
.subVision .subInt02 dl dd ul li {padding-bottom:50px; font-size:26px; line-height:46px;}
.subVision .subInt02 dl dd ul li.subIntTit {font-size:40px; line-height:55px;color:#464646;}

.subVision .subInt03 dl dt, dd {display:block;}
.subVision .subInt03 dl dt.left {float:left;}
.subVision .subInt03 dl dd {float:right; width:589px;}
.subVision .subInt03 dl dd ul li.subIntTit {font-size:40px; line-height:60px; font-weight:600; color:#5e5e5e; padding:120px 0 50px 0;}
.subVision .subInt03 dl dd ul li {font-size:24px; line-height:40px; font-weight:300; color:#5e5e5e;}

.subVision .subInt04 {margin-top:70px;}
.subVision .subInt04 dl dt, dd {display:block;}
.subVision .subInt04 dl dt.right {float:right;}
.subVision .subInt04 dl dd {float:left; width:589px;}
.subVision .subInt04 dl dd ul li.subIntTit {font-size:40px; line-height:60px; font-weight:600; color:#5e5e5e; padding:120px 0 50px 0;}
.subVision .subInt04 dl dd ul li {font-size:24px; line-height:40px; font-weight:300; color:#5e5e5e;}


/* CEO메세지 *//*김수하 2019.07.03*/
.subGreet p{font-size:18px;line-height:30px;margin: 30px 0;color: #292929;}

.subGreet div{line-height: 45px;}
.subGreet dt {float:left; width:570px;}
.subGreet dd {float:right; width:550px; margin-left:40px; font-size:20px; line-height:35px; font-weight:400; margin-bottom:30px;}
.subGreet dd.sign {text-align:right;}
.subGreet dd span {display:block; float:left; padding:40px 0 0 220px;}
.subGreet dt img{float:left; width:100%;}
.subGreetWrap {position:relative;}
.subGreetWrap .greetTxt {position:absolute; top:495px; left:-3px; letter-spacing:-1px; font-size:32px; font-weight:400; line-height:55px; font-style:italic; text-align:right; text-shadow:5px 5px 0px #e6e6e6;}
.subGreetWrap p {color:#323232; font-weight:600; font-size:33px; line-height:50px; margin-bottom:30px;}

/*  비전/미션 *//* 김수하 2019.07.02 */
.subVision {width:1200px; margin:0 auto;}
.subVision h3 {color:#313946; font-size:30px; line-height:45px; font-weight:500; text-align:center; padding-bottom:70px;}
.subVision .missionImgWrap dl dt {width:1200px; height:547px; padding-top:270px; color:#fff; font-weight:300; font-size:40px; line-height:60px; text-align:center; background:url('../../images/os/new_img1/sub/missionImg01.jpg') no-repeat;}
.subVision .missionImgWrap dl dd {float:left; width:240px; margin-top:-200px; margin-left:15px; background:#313d52; color:#fff; padding:50px;}
.subVision .missionImgWrap dl dd.txtBox {margin-left:75px;}
.subVision .missionImgWrap dl dd span {display:block;}
.subVision .missionImgWrap dl dd span.num {font-size:20px;}
.subVision .missionImgWrap dl dd span.tit {font-size:42px; padding:20px 0;}
.subVision .missionImgWrap dl dd span.tit2 {font-size:20px;}
.subVision .missionImgWrap dl dd p.txt {font-size:17px; font-weight:300; line-height:35px; padding-top:50px;}

.subVision .missionTxtWrap {margin-top:135px;}
.subVision .missionTxtWrap dl {margin-top:70px;}
.subVision .missionTxtWrap dl dt {float:left; width:556px;}
.subVision .missionTxtWrap dl dd {float:right; width:600px; font-weight:300; font-size:20px; line-height:40px; color:#5e5e5e;}
.subVision .missionTxtWrap dl dd p {font-size:35px; font-weight:600; line-height:45px; color:#414a5b; padding:10px 0 20px;}

/* 연혁 *//* 김수하 2019.07.02 */
.subHis .historyWrap{margin:0 auto;width:100%;}
.subHis .historyWrap .historyImg {height:826px;background:url('../../images/os/new_img1/sub/historyImg01.jpg') no-repeat;background-size:100% 100%;}
.subHis .historyWrap .historyImg dl dt {text-align:center; font-size:38px; line-height:55px; color:#fff; font-weight:300; padding-top:270px;}
.subHis .historyWrap .historyImg dl dd {text-align:center; font-size:24px; line-height:36px; color:#fff; font-weight:400; padding-top:55px;}
.subHis .historyWrap .history2019 {margin:150px 0 90px 0;}
.subHis .historyWrap .history2019 dl dt {float:left;}
.subHis .historyWrap .history2019 dl dd {float:left; width:570px; margin-left:50px;}
.subHis .historyWrap .history2019 dl dd ul li.historyTit {font-size:40px; color:#404b5f; font-weight:600;}
.subHis .historyWrap .history2019 dl dd ul li {clear:both; font-size:22px; padding:30px 0;}
.subHis .historyWrap .history2019 dl dd ul li span {display:block; float:left; margin-right:15px;}
.subHis .historyWrap .history2019 dl dd ul li span.month {color:#525252; font-weight:600;}
.subHis .historyWrap .history2019 dl dd ul li span.content {color:#525252; font-weight:300;}

.subHis .historyWrap .history2018 {margin-bottom:90px;}
.subHis .historyWrap .history2018 dl dt {float:right;}
.subHis .historyWrap .history2018 dl dd {float:left;}
.subHis .historyWrap .history2018 dl dd ul li.historyTit {font-size:40px; color:#404b5f; font-weight:600;}
.subHis .historyWrap .history2018 dl dd ul li {clear:both; font-size:22px; padding:35px 0;}
.subHis .historyWrap .history2018 dl dd ul li span {display:block; float:left; margin-right:15px;}
.subHis .historyWrap .history2018 dl dd ul li span.month {color:#525252; font-weight:600;}
.subHis .historyWrap .history2018 dl dd ul li span.content {color:#525252; font-weight:300;}

.subHis .historyWrap .history2017 {margin-bottom:90px;}
.subHis .historyWrap .history2017 dl dt {float:left;}
.subHis .historyWrap .history2017 dl dd {float:left; margin-left:50px;}
.subHis .historyWrap .history2017 dl dd ul li.historyTit {font-size:40px; color:#404b5f; font-weight:600;}
.subHis .historyWrap .history2017 dl dd ul li {clear:both; font-size:22px; padding:40px 0;}
.subHis .historyWrap .history2017 dl dd ul li span {display:block; float:left; margin-right:15px;}
.subHis .historyWrap .history2017 dl dd ul li span.month {color:#525252; font-weight:600;}
.subHis .historyWrap .history2017 dl dd ul li span.content {color:#525252; font-weight:300;}

.subHis .historyWrap .history2016 {margin-bottom:90px;}
.subHis .historyWrap .history2016 dl dt {float:right;}
.subHis .historyWrap .history2016 dl dd {float:left;}
.subHis .historyWrap .history2016 dl dd ul li.historyTit {font-size:40px; color:#404b5f; font-weight:600;}
.subHis .historyWrap .history2016 dl dd ul li {clear:both; font-size:22px; padding:35px 0;}
.subHis .historyWrap .history2016 dl dd ul li span {display:block; float:left; margin-right:15px;}
.subHis .historyWrap .history2016 dl dd ul li span.month {color:#525252; font-weight:600;}
.subHis .historyWrap .history2016 dl dd ul li span.content {color:#525252; font-weight:300;}

.subHis .historyWrap .history2015 {}
.subHis .historyWrap .history2015 dl dt {float:left;}
.subHis .historyWrap .history2015 dl dd {float:left; margin-left:50px;}
.subHis .historyWrap .history2015 dl dd ul li.historyTit {font-size:40px; color:#404b5f; font-weight:600;}
.subHis .historyWrap .history2015 dl dd ul li {clear:both; font-size:22px; padding:40px 0;}
.subHis .historyWrap .history2015 dl dd ul li span {display:block; float:left; margin-right:15px;}
.subHis .historyWrap .history2015 dl dd ul li span.month {color:#525252; font-weight:600;}
.subHis .historyWrap .history2015 dl dd ul li span.content {color:#525252; font-weight:300;}

/* 에이필드소개-3가지약속 */ /* 김수하 2019.06.03 
.subVision .promiseBox01{font-family:"Apple SD Gothic Neo";color:#c3eeff;background:url('../../images/os/new_img1/sub/promise01.png') no-repeat; width:100%; height:750px;}
.subVision .promiseBox01 p:first-child{font-size: 80px; font-weight: bolder; float: left; width: 500px; text-align: right; padding-top: 283px; padding-right: 100px;}
.subVision .promiseBox01 p:nth-child(2){font-size: 50px; font-weight: bolder; float: left; text-align: left; padding-top: 283px; padding-left: 70px;width:530px}
.subVision .promiseBox01 p:last-child{font-size: 50px; font-weight: lighter; float: left; text-align: left; padding-left: 70px;width:530px}
.subVision .promiseBox02{font-family:"Helvetical Now Text";background:url('../../images/os/new_img1/sub/promise02.png') no-repeat; width:100%; height:750px;}
.subVision .promiseBox02 p{font-size:110px;color:#fff;font-weight: bolder;padding-top:630px;font-style:Italic;}
.subVision .promiseBox03{font-family:"NanumSquareRound";color:#505050; margin-top: 45px;}
.subVision .promiseBox03 p:first-child{font-size:35px;font-weight:900; text-decoration:underline;}
.subVision .promiseBox03 p{font-size:24px;font-weight:normal;letter-spacing:-1px;margin-bottom:15px;}
.subVision .promiseBox03 p span{font-weight:bold;}
.subVision .promiseBox03 p:last-child{margin:30px 0 45px;line-height:33px;}
.subVision .promiseBox03 img{width:100%;height:1650px;}
.subVision .promiseBox04{background:url('../../images/os/new_img1/sub/promise04.png') no-repeat; width:100%;}
.subVision .promiseBox04 p:first-child{font-family:"Helvetical Now Text"; font-size:110px;color:#fff;font-weight: bolder;padding-top:630px;font-style:Italic;}
.subVision .promiseBox04 p:last-child{font-family:"NanumSquareRound";color:#505050;font-size:24px;font-weight:normal;letter-spacing:-1px;margin:30px 0 50px;line-height:33px;}
.subVision .promiseBox04 p span{font-weight:bold;}
.subVision .promiseBox05{background:url('../../images/os/new_img1/sub/promise05.png') no-repeat; width:100%;}
.subVision .promiseBox05 p:first-child{font-family:"Helvetical Now Text"; font-size:110px;color:#fff;font-weight: bolder;padding-top:630px;font-style:Italic;}
.subVision .promiseBox05 p:last-child{font-family:"NanumSquareRound";color:#505050;font-size:24px;font-weight:normal;letter-spacing:-1px;margin:30px 0 50px;line-height:33px;}
.subVision .promiseBox05 p span{font-weight:bold;}
.subVision .promiseBox06{width:100%;}
.subVision .promiseBox06 img{width:100%; height:640px;}
.subVision .promiseBox06 p{font-family:"NanumSquareRound";color:#505050;font-size:40px;font-weight:normal;letter-spacing:-2px;margin:30px 0 50px;line-height:50px;}
.subVision .promiseBox06 p span{font-weight:800;}

/* 비전/미션 *//*
.subVision {width:100%;}
.subVision h3 {color:#313946; font-size:30px; line-height:45px; font-weight:500; text-align:center; padding-bottom:70px;}
.subVision .visionBox01 {position:relative; margin-bottom:50px;}
.subVision .visionBox01 .txtBox {position:absolute; top:60px; left:600px;}
.subVision .visionBox01 .txtBox .tit {color:#000; font-size:45px; line-height:60px; font-weight:300;}
.subVision .visionBox01 .txtBox .tit strong {border-bottom:5px solid #000; font-weight:600;}
.subVision .visionBox02 p {font-size:17px; color:#333; line-height:30px; padding:50px 80px 0 80px;}
.subVision .visionBox03 {width:1200px; height:730px; margin-top:100px; position:relative; background: url('../../images/os/new_img1/sub/vision_img02.jpg') no-repeat 50% 80%;}
.subVision .visionBox03 .visionTxt {text-align:center;}
.subVision .visionBox03 .visionTxt h4 {font-size:50px; color:#fff; font-weight:600; padding:90px 0 10px 0;}
.subVision .visionBox03 .visionTxt p {width:100%; font-size:20px; color:#fff; padding:0 30px 20px 0;}
.subVision .visionBox03 .visionWrap h4 {font-size:50px; color:#fff; text-align:center; font-weight:600; padding:10px 0 30px 0;}
.subVision .visionBox03 .visionWrap i {color:#fff; display:block; text-align:center; font-size:50px;}

.subVision .visionBox03 .visionWrap {width:800px; margin:0 auto;}
.subVision .visionBox03 .visionWrap ul li {margin-right:100px; position:relative;}
.subVision .visionBox03 .visionWrap ul li.visionIcon01:before {content:''; width:80px; height:2px; border-top:2px dashed #4964b1; position:absolute; top:99px; left:208px;}
.subVision .visionBox03 .visionWrap ul li.visionIcon02:before {content:''; width:80px; height:2px; border-top:2px dashed #4964b1; position:absolute; top:99px; left:208px;}
.subVision .visionBox03 .visionWrap ul li:last-child {margin-right:0;}
.subVision .visionBox03 .visionIcon01 {float:left; width:196px; height:196px; border:2px dashed #4964b1; border-radius:100%; background: #fff url('../../images/os/new_img1/sub/vision_icon01.png') no-repeat 50% 50%;}
.subVision .visionBox03 .visionIcon01 p {font-size:17px; color:#fff; text-align:center; padding-top:210px;}
.subVision .visionBox03 .visionIcon02 {float:left; width:196px; height:196px; border:2px dashed #4964b1; border-radius:100%; background: #fff url('../../images/os/new_img1/sub/vision_icon02.png') no-repeat 50% 50%;}
.subVision .visionBox03 .visionIcon02 p {font-size:17px; color:#fff; text-align:center; padding-top:210px;}
.subVision .visionBox03 .visionIcon03 {float:left; width:196px; height:196px; border:2px dashed #4964b1; border-radius:100%; background: #fff url('../../images/os/new_img1/sub/vision_icon03.png') no-repeat 50% 30%;}
.subVision .visionBox03 .visionIcon03 p {font-size:17px; color:#fff; text-align:center; padding-top:210px;}
*/

/* 조직도 */
.groupWrap ul li {width:200px; height:100px; line-height:100px; border-radius:50px; text-align:center; color:#fff; font-size:25px;}

.groupWrap ul li.chairman {display:block; position:relative; margin:0 auto; background:#272f3c;}
.groupWrap ul li.chairman:before {content:''; width:1px; height:50px; background:#272f3c; position:absolute; top:100px; left:100px;}

.groupWrap ul.groupIconWrap {width:900px; display:block; margin:0 auto; padding-top:150px; position:relative;}
.groupWrap ul.groupIconWrap:before {content:''; width:700px; height:1px; background:#272f3c; position:absolute; top:50px; left:100px;}

.groupWrap ul li.groupIcon {display:block; float:left; margin-right:150px; position:relative; font-size:18px; background:#6577ab; border-radius:50px;}
.groupWrap ul li.groupIcon:before {content:''; width:1px; height:100px; background:#272f3c; position:absolute; top:-100px; left:100px;}
.groupWrap ul li.groupIcon:last-child {margin-right:0;}

/* CI/BI */
.ciWrap h4 {height:90px; color:#323232; font-weight:bold; font-size:50px; margin-bottom:30px; border-bottom:2px solid #323232;}
.ciWrap p {font-size:25px; color:#323232; margin-top:50px;}
.ciWrap p img {display:block; margin:70px auto;}
.ciWrap .ciTxt {width:685px; padding:0 0 30px 70px; margin:0 auto; font-size:15px; line-height:27px; text-align:left; border-bottom:1px solid #555;}

.biWrap {margin-top:135px;}
.biWrap h4 {float:left; display:block; font-size:25px; font-weight:500; color:#000;}
.biWrap p {font-size:23px; color:#323232; line-height:45px; font-weight:500; margin-top:20px;}
.biWrap p img {display:block; margin:70px auto;}

.identityWrap p strong {display:block; height:90px; color:#323232; font-size:50px; margin-bottom:30px; border-bottom:2px solid #323232;}
.identityWrap p {font-size:23px; font-weight:500; color:#323232; line-height:45px;}
.identityWrap .identityImg {margin-top:30px;}
.identityWrap .identityImg ul li {float:left; margin-top:20px;}

/* 연혁 
.historyWrap {width:1200px; position:relative;}
.historyWrap .txtBox {position:relative; margin-bottom:70px;}
.historyWrap .txtBox .slogan1 {width:480px; position:absolute; top:350px; left:725px; color:#c5c5c5; font-size:70px; text-align:right; font-weight:600; letter-spacing:-2px;}
.historyWrap .txtBox .slogan2 {width:460px; position:absolute; top:390px; left:743px; color:#c5c5c5; font-size:70px; text-align:right; font-weight:600; letter-spacing:-2px;}
.historyWrap .txtBox .slogan3 {width:530px; position:absolute; top:385px; left:670px; color:#c5c5c5; font-size:70px; text-align:right; font-weight:600; letter-spacing:-2px;}
.historyWrap .txtBox .slogan span {font-size:30px;}
.historyWrap .yearWrap {width:350px; float:left; padding:0 0 0 30px;}
.historyWrap .yearWrap img {text-align:right;}
.historyWrap .yearWrap span {display:block; position:relative; font-family:Titillium Web; font-size:80px; font-weight:600; color:#c5c5c5; text-align:right; padding-bottom:13px;}
.historyWrap .yearWrap span:before {content:''; width:1px; height:50px; background:#272f3c; position:absolute; top:110px; left:265px;}
.historyWrap ul {display:block; width:720px; float:right; border-left:1px solid #272f3c; padding:30px 0 50px 0; margin-top:30px;}
.historyWrap ul li {padding-left:100px;}
.historyWrap ul li .month, .content {float:left;}
.historyWrap .yearList li {position:relative; clear:both;}
.historyWrap .yearList .month {width:135px; font-family:Titillium Web; font-size:50px; color:#272f3c;}
.historyWrap .yearList .month span {font-size:27px; font-weight:400; color:#272f3c;}
.historyWrap .yearList .month span:before {content:''; width:9px; height:9px; background:#fff; border:5px solid #272f3c; border-radius:100%; position:absolute; top:35px; left:-10px;}
.historyWrap .yearList .month span:after {content:''; width:80px; height:1px; background:#272f3c; position:absolute; top:44px; left:6px;}
.historyWrap .yearList .content {padding:17px 0 0 20px; font-size:15px; line-height:25px; color:#555;}
*/
/* 연혁 
.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: 'Cabin', sans-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;}

/*  오시는길 */
.directCont{width:95%; margin:50px auto 20px;}
.directCont:last-child{border-bottom:0;}
.directCont span{display:block;width:50px;height:50px;text-align:center;border-radius:50%;background:#52555e;float:left;/* margin-right:10px; */}
.directCont span i{line-height:50px;color:#fff;font-size:24px;}
.directCont dl{float:left; width:93%;}
.directCont dt{color:#242424;font-size:20px;font-weight:500;margin: 15px 0;padding-left:30px;}
.directCont dd{font-size:15px; padding:10px 0; border-bottom:1px dashed #d5d5d5;}
.directCont dd.p{width:150px;}
.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%;}
.directCont p{float: left;width: 150px; padding-left:30px;}
.directCont .blueTxt{color:#385ab0;}
.directCont .blueTxt2{color:#70b0e0;}
.directCont .greenTxt{color:#4ea031;}
.directCont .blackTxt{color:#242424;}
.directCont .redTxt{color:#ff0000;}
.directCont .blueBg{background:#00498B !important;}
.directCont .purpleBg{background:#a064a3 !important;}
.directCont .aquaBg{background:#70b0e0 !important;}
.directCont .greenBg{background:#4ea031 !important;}
.directCont .directTit02{width:300px;color: #242424; font-size: 20px; font-weight: 500; margin:50px 0 15px;padding-left:30px;}
.directCont .directTit02 a{font-weight:normal;color:#555;font-size:16px;border:1px solid #ababab;margin-left:70px;padding:10px 20px;}
.directCont .directTit02 a:hover{color:#eee;border:1px solid #4863b3;background:#4863b3;/* background-color:#313d52; */transition-duration: 0.5s;}




/*  오시는길
.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;} */

/* 브랜드 소개페이지- 김수하 2019.07.05 */
.brandIntroWrap {width:100%;}

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

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

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

.brandIntroWrap .simpleWrap {margin-top:130px;}
.brandIntroWrap .simpleWrap dl dt {float:left;}
.brandIntroWrap .simpleWrap dl dd {float:left; margin:230px 0 0 60px; font-size:24px; line-height:42px;}
.brandIntroWrap .simpleWrap dl dd span.storyTit {display:block; height:90px; font-size:50px; color:#404b5f; font-weight:600;}

.brandIntroWrap .easyWrap {margin-top:130px;}
.brandIntroWrap .easyWrap dl dt {float:right;}
.brandIntroWrap .easyWrap dl dd {float:left; width:470px; margin-top:320px; font-size:24px; line-height:42px;}
.brandIntroWrap .easyWrap dl dd span.storyTit {display:block; height:90px; font-size:50px; color:#404b5f; font-weight:600;}

.brandIntroWrap .realWrap {margin-top:130px;}
.brandIntroWrap .realWrap dl {display:block;}

.brandIntroWrap .realWrap dl dd {width:1000px; margin:0 auto; display:block; background:#fff; font-size:24px; line-height:42px; margin-top:-20px;}
.brandIntroWrap .realWrap dl dd span.storyTit {display:block; height:90px; font-size:50px; color:#404b5f; font-weight:600; background:#fff;}

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

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

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

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

.brandIntroWrap .runeImgWrap {width:1200px; height:826px; text-align:center; color:#fff; background:url('../../images/os/new_img1/sub/rune24_img.jpg')no-repeat;}
.brandIntroWrap .runeImgWrap dl dt {font-size:40px; font-weight:300; padding:300px 0 90px 0; letter-spacing:5px;}
.brandIntroWrap .runeImgWrap dl dd {font-size:40px; font-weight:300; line-height:60px;}

.brandIntroWrap .foodImgWrap {width:1200px; height:826px; text-align:center; color:#fff; background:url('../../images/os/new_img1/sub/food_img.jpg')no-repeat;}
.brandIntroWrap .foodImgWrap dl dt {font-size:40px; font-weight:300; padding-top:395px;}
.brandIntroWrap .foodImgWrap dl dd {font-size:40px; font-weight:300; line-height:60px;}

.brandIntroWrap .brandRTxt {margin-top:275px; position:relative;}
.brandIntroWrap .brandRTxt:before {content:''; position:absolute; top:-125px; left:600px; width:1px; height:70px; background:#000;}
.brandIntroWrap .brandRTxt p.secondImg {margin-top:140px;}
.brandIntroWrap .brandRTxt dl dt {font-size:40px; color:#404b5f; padding:40px 0 25px 0;}
.brandIntroWrap .brandRTxt dl dt  span {font-size:24px; color:#404b5f;}
.brandIntroWrap .brandRTxt dl dd {font-size:24px; color:#5e5e5e; font-weight:300; line-height:42px;}
/* 
.brandIntroWrap h3 {color:#313946; font-size:30px; line-height:45px; font-weight:500; text-align:center; padding-bottom:50px;}
.brandIntroWrap .titWrap {float:left; width:200px; font-size:17px; margin-top:50px;}
.brandIntroWrap .titWrap .titTxt {font-size:70px; line-height:80px; color:#000; font-weight:600;}
.brandIntroWrap .txt {float:right; width:970px; font-size:17px; line-height:33px; margin-top:60px;}

.brandIntroWrap .titWrap24 {float:left; width:350px; font-size:17px; margin-top:50px;}
.brandIntroWrap .titWrap24 .titTxt {font-size:70px; line-height:80px; color:#000; font-weight:600;}
.brandIntroWrap .txt24 {float:right; width:850px; font-size:17px; line-height:33px; margin-top:60px;}

.brandIntroWrap .philosophyWrap {margin:0 55px;}
.brandIntroWrap .philosophyWrap ul li {float:left; display:block; width:330px; margin-right:50px;}
.brandIntroWrap .philosophyWrap ul li:last-child {margin-right:0;}
.brandIntroWrap .philosophyWrap ul li dl dd.tit {font-size:20px; color:#000; margin:10px 0; text-decoration:underline;}

.navy {color:#3f5ea9;}
.green {color:#3d9180;}
.orange {color:#fe7946;}
.skyblue {color:#0070c0;}*/

/* 브랜드소개 */
.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: 'Cabin', sans-serif;font-size:35px;color:#18b0bc;}
.BdTit .Tit02{font-size:15px;line-height:22px;margin-top:25px;}

.BrandViewTit{width:100%;font-family: 'Cabin', sans-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: 'Cabin', sans-serif;font-size:18px;color:#18b0bc;margin-bottom:15px;}
.BrandViewList dd{font-size:15px;line-height:22px;}

/** 마케팅플랜 **/ /* 2019-05-31 김수하 */
/* 직급안내*/ 
.intro-contents{}
.intro-contents .tit{margin-bottom:50px;}
.intro-rank{margin-top:80px;}
.intro-rank table{ width: 100%;}
.intro-rank table tr:nth-child(even){}
.intro-rank table tr:nth-child(odd){background:#f6f6f6;}
.intro-rank .txt{ font-size:15px; color:#646464; margin-bottom:10px;}
.intro-rank .txt span{ color:#000;  }
.intro-rank .tg  {border-collapse:collapse;border-spacing:0;}
.intro-rank .tg td{font-size: 15px;padding: 20px 0;overflow: hidden;color: #333;}
.intro-rank .tg th{font-size:13px;font-weight:normal;padding:10px 5px; overflow:hidden;word-break:normal; border-top :1px solid #c8c8c8; border-top :1px solid #c8c8c8; color:#333;background-color:#e8e8e8; width:32px; text-align: left;}
.intro-rank .tg .tg-baqh{text-align: center;padding: 20px 80px;vertical-align: middle;}
.intro-rank .tg .tg-yw4l .txt{color: #434343;font-size: 22px;margin-bottom: 0px;}
.intro-rank .tg .tg-yw4l .b_txt{color: #434343;font-weight: bold;font-size: 22px;line-height: 1;margin-bottom: 5px;}

.rank-ex {font-size:14px;color:#646464;line-height: 18px;margin: 15px;}

/* label */
.label{display:inline-block;}
.label-default{background:url(../../images/os/new_img1/sub/rankImg-label01.png)no-repeat top center;width:90px;height: 93px;font-size: 24px;color: #434343;font-weight: bold;line-height: 75px;padding-left: 21px;box-sizing: border-box;text-align: left;}
.label-warning{background:url(../../images/os/new_img1/sub/rankImg-label02.png)no-repeat top center;width:90px;height:93px;font-size: 24px;color: #3462a0;font-weight: bold;line-height: 80px;padding-left: 27px;box-sizing: border-box;text-align: left;}
.label-success{background:url(../../images/os/new_img1/sub/rankImg-label03.png)no-repeat top center;width:90px;height:93px;font-size: 24px;color: #3a732e;font-weight: bold;line-height: 80px;padding-left: 27px;box-sizing: border-box;text-align: left;}
.label-accent{background:url(../../images/os/new_img1/sub/rankImg-label04.png)no-repeat top center;width:90px;height:93px;font-size: 22px;color: #5a318d;font-weight: bold;line-height: 80px;padding-left: 20px;box-sizing: border-box;text-align: left;}

/** 지원금기준 **/
.intro-surp{margin-bottom:130px;}
.intro-surp .tit{margin-bottom:80px;}
.intro-surp table{ width: 100%;     margin-top: 10px; margin-bottom:50px;}
.intro-surp .bg-tit{font-size: 36px;color: #454545;font-weight: bold;line-height: 1;padding: 0 0 30px 60px;margin-bottom: 30px;border-bottom: 5px solid #454545;}
.intro-surp .surp-info{margin-bottom:0;}
.intro-surp .surp-info th{width: 245px;padding-left: 65px;display: inline-block;font-weight:bold;color: #454545;font-size: 22px;box-sizing: border-box;text-align: left;}
.intro-surp .surp-info td{line-height: 1.5;font-size: 22px;color: #454545;margin-bottom: 12px;}
.intro-surp .surp-info-p{padding-left: 65px;display: inline-block;font-weight: bold;color: #454545;font-size: 22px;box-sizing: border-box;text-align: left;margin-top:50px;}
.surp-info-brdB{border-bottom:5px solid #454545;padding-bottom:25px;}
.intro-surp .txt{line-height: 1;padding-left: 65px;font-size: 22px;color: #454545;margin-bottom: 12px;}
.intro-surp .txt .b_txt{width: 180px;display: inline-block;font-weight:bold;color: #454545;font-size: 22px;}
.intro-surp .txt  .ml62{margin-left:62px;}
.intro-surp .txt.mt20{margin-top:20px;}
.intro-surp .tg {border-collapse:collapse;border-spacing:0;margin-top: 30px;}
.intro-surp table.tg tr:nth-child(even){background:#f6f6f6;}
.intro-surp .tg td{font-size: 22px;padding:10px 5px;overflow:hidden;color: #313131;font-weight: bold;}
.intro-surp .tg th{padding:20px 0;word-break:normal;width:32px;color: #fff;font-weight: bold;background: #313131;font-size: 22px;text-align: center;}
.intro-surp .tg .tg-baqh{vertical-align: middle;/* padding: 20px 0 20px 60px; */text-align: center;}
.intro-surp .tg .tg-baqh .b_txt{olor:#000;font-weight: bold;padding-left: 15px;}
.intro-surp .tg .tg-yw4l{color: #434343;font-size: 22px;margin-bottom: 0px;font-weight: normal;text-align: left;padding-left: 50px;}
.intro-surp .tg .tg-yw4l .txt{ color:#646464;    line-height: 1.5; margin-bottom: 0px;}
.intro-surp .tg .tg-yw4l .b_txt{ color:#000;  font-weight: bold;     line-height: 1.8;}
.intro-surp .tg .tg-yw4l.b_txt{color:#000;  font-weight: bold;}
.intro-surp .percent{display:inline-block;font-size:13px;color:#646464;line-height:20px;float:right;margin:-10px 2px 0 2px}
.intro-surp .tg.tstyle2 .tg-baqh{ padding-left:0px; text-align:center;  background:#fafafa; font-weight:bold;}
.intro-surp .tg.tstyle2 .tg-yw4l{ padding-left:0px; text-align:center; font-weight:bold;}
.intro-surp .tg.tstyle3 .tg-baqh{ padding-left:0px; text-align:center;  font-weight:bold;}
.intro-surp .tg.tstyle3 .tg-yw4l{ padding-left:0px; font-weight:bold;}
.intro-surp .bdrFFF{border-right:5px solid #fff;}
.intro-surp .bdbFFF{border-bottom:5px solid #fff;}

/** 지원금정책**/
.intro-policy{margin-bottom:130px;}
.intro-policy table{width: 100%;margin-top: 10px;margin-bottom:50px;}
.intro-policy .bg-tit{font-size: 36px;color: #454545;font-weight: bold;line-height: 1;padding: 0 0 30px 60px;margin-bottom: 30px;border-bottom: 5px solid #454545;}
.intro-policy .tit2{font-size: 30px;color: #454545;font-weight: bold;line-height: 1;padding-left: 60px;}
.intro-policy .surp-info{margin-top: 30px;}
.intro-policy .surp-info th{width: 245px;padding-left: 65px;display: inline-block;font-weight:bold;color: #454545;font-size: 22px;box-sizing: border-box;text-align: left;}
.intro-policy .surp-info td{line-height: 1.5;font-size: 22px;color: #454545;margin-bottom: 12px;}
.intro-policy .surp-info-p{padding-left: 65px;display: inline-block;font-weight: bold;color: #454545;font-size: 22px;box-sizing: border-box;text-align: left;margin-top:50px;}
.surp-info-brdB{border-bottom:5px solid #454545;padding-bottom:25px;}
.intro-policy .txt{line-height: 1.5;padding-left: 65px;font-size: 22px;color: #454545;}
.intro-policy .txt .b_txt{width: 180px;display: inline-block;font-weight:bold;color: #454545;font-size: 22px;}
.intro-policy .txt  .ml62{margin-left:62px;}
.intro-policy .txt.mt20{margin-top:20px;}
.intro-policy .tg {border-collapse:collapse;border-spacing:0;margin-top: 30px;}
.intro-policy table.tg tr:nth-child(odd){background:#f6f6f6;}
.intro-policy .tg td{font-size: 22px;padding:20px 0;color: #313131;font-weight: bold;}
.intro-policy .tg th{padding:10px 0;word-break:normal;width:32px;color: #fff;font-weight: bold;background: #313131;font-size: 22px;text-align: center;}
.intro-policy .tg .tg-baqh{vertical-align: middle;padding: 20px 15px 20px 50px;}
.intro-policy .tg .tg-baqh .b_txt{olor:#000;font-weight: bold;padding-left: 15px;}
.intro-policy .tg .tg-yw4l{color: #434343;font-size: 22px;margin-bottom: 0px;font-weight: normal;text-align: center;padding-left: 50px;}
.intro-policy .tg .tg-yw4l .txt{ color:#646464;    line-height: 1.5; margin-bottom: 0px;}
.intro-policy .tg .tg-yw4l .b_txt{ color:#000;  font-weight: bold;     line-height: 1.8;}
.intro-policy .tg .tg-yw4l.b_txt{color:#000;  font-weight: bold;}
.intro-policy .tg .ta_left{text-align: left;}
.intro-policy .percent{display:inline-block;font-size:13px;color:#646464;line-height:20px;float:right;margin:-10px 2px 0 2px}
.intro-policy .tg.tstyle2 .tg-baqh{ padding-left:0px; text-align:center;  background:#fafafa; font-weight:bold;}
.intro-policy .tg.tstyle2 .tg-yw4l{ padding-left:0px; text-align:center; font-weight:bold;}
.intro-policy .tg.tstyle3 .tg-baqh{ padding-left:0px; text-align:center;  font-weight:bold;}
.intro-policy .tg.tstyle3 .tg-yw4l{ padding-left:0px; font-weight:bold;}
.intro-policy .bgf6{background:#f6f6f6;}

.intro-policy table.tg2{}
.intro-policy .label{width:70px; height:73px;background-size:cover;padding-left:17px;line-height:63px;}
.intro-policy .label-accent{font-size:20px;padding-left: 13px;line-height: 65px;}
.intro-policy table.tg2 tr:nth-child(even){background:#f6f6f6;}
.intro-policy .tg2 td{font-size: 22px;padding:20px 5px;overflow:hidden;color: #313131;font-weight: bold;}
.intro-policy .tg2 th{padding:10px 5px;word-break:normal;width:32px;color: #fff;font-weight: bold;background: #313131;font-size: 22px;text-align: center;}
.intro-policy .tg2 .tg-baqh{padding:20px 0;}
.intro-policy .tg2 .tg-baqh p{margin:0 auto;}
.intro-policy .tg2 .tg-baqh p.w230{width:230px;}
.intro-policy .tg2 .tg-baqh p.w150{width:150px;}
.intro-policy .tg2 .tg-baqh p.w70px{width:70px;}
.intro-policy .tg2 .tg-yw4l{color: #434343;font-size: 22px;margin-bottom: 0px;font-weight: normal;text-align: left;padding-left: 50px;}
.intro-policy .tg2 .tg-yw4l .txt{ color:#646464;    line-height: 1.5; margin-bottom: 0px;}
.intro-policy .tg2 .tg-yw4l .b_txt{ color:#000;  font-weight: bold;     line-height: 1.8;}
.intro-policy .tg2 .tg-yw4l.b_txt{color:#000;  font-weight: bold;}
.intro-policy .percent{display:inline-block;font-size:13px;color:#646464;line-height:20px;float:right;margin:-10px 2px 0 2px}
.intro-policy .tg.tstyle2 .tg-baqh{ padding-left:0px; text-align:center;  background:#fafafa; font-weight:bold;}
.intro-policy .tg.tstyle2 .tg-yw4l{ padding-left:0px; text-align:center; font-weight:bold;}
.intro-policy .tg.tstyle3 .tg-baqh{ padding-left:0px; text-align:center;  font-weight:bold;}
.intro-policy .tg.tstyle3 .tg-yw4l{ padding-left:0px; font-weight:bold;}

.intro-policy table.tg3{}
.intro-policy table.tg3 tr:nth-child(odd){background:#f6f6f6;}
.intro-policy table.tg3 tr:nth-child(even){background:#e9e9e9;}
.intro-policy .tg3 tr{border-bottom:5px solid #fff;}
.intro-policy .tg3 tr th{border-right:5px solid #fff;}
.intro-policy .tg3 td{color: #434343;font-size: 22px;margin-bottom: 0px;font-weight: normal;text-align: left;padding: 15px 0 15px 25px;}
.intro-policy .tg3 th{text-align:left;padding-left: 65px;font-size: 22px;color: #313131;font-weight: bold;}
.intro-policy .tg3 .tg-yw4l{color: #434343;font-size: 22px;margin-bottom: 0px;font-weight: normal;text-align: left;padding-left: 50px;}
.intro-policy .tg3 .tg-yw4l .txt{ color:#646464;    line-height: 1.5; margin-bottom: 0px;}
.intro-policy .tg3 .tg-yw4l .b_txt{ color:#000;  font-weight: bold;     line-height: 1.8;}
.intro-policy .tg3 .tg-yw4l.b_txt{color:#000;  font-weight: bold;}
.intro-policy .percent{display:inline-block;font-size:13px;color:#646464;line-height:20px;float:right;margin:-10px 2px 0 2px}
.intro-policy .tg.tstyle2 .tg-baqh{ padding-left:0px; text-align:center;  background:#fafafa; font-weight:bold;}
.intro-policy .tg.tstyle2 .tg-yw4l{ padding-left:0px; text-align:center; font-weight:bold;}
.intro-policy .tg.tstyle3 .tg-baqh{ padding-left:0px; text-align:center;  font-weight:bold;}
.intro-policy .tg.tstyle3 .tg-yw4l{ padding-left:0px; font-weight:bold;}

/* 피알엔 */
.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: 'Cabin', sans-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: 'Cabin', sans-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;}






/* 웰루션 */
.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%;text-align:center;color:#fff;background: #394cab;}
.JoinInner .Bg02{background: #49566d;}
.JoinTop h3{font-size:32px;line-height:100px;}
.JoinTop p{font-size:15px;line-height:22px;padding:5px 5px 5px 5px;}
.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 li sub{vertical-align:middle;}
.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;}
.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:18px;color:#18b0bc;}
.memRules dt img{margin:5px;}
.memRules dd{margin-top:20px;font-size:15px;line-height:24px;padding-left: 20px;}
.memRules dd > ul{margin:10px 0 0 15px;}
.memRules dd ul li{margin-top:5px;color:#777;}
.memRules dd p{margin-top:10px;}
.memRules .tC1{color:#777;}
.memRules .tC2{color:#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 #ccc;border-bottom:1px solid #ccc;margin:50px auto !important;}
.login_area{width:540px;margin:60px auto 0;position:relative;}
.login_area h2{font-family: 'Montserrat', sans-serif;font-size:46px;line-height:46px;color:#333;text-align:center;font-weight:normal;}
.login_area .loginDesc{padding:10px 0 0 0;font-size:15px;color:#444;text-align:center;}
.loginWrite{width:385px;margin:40px 0 0 0;overflow:hidden;}
.loginWrite dt,.loginWrite dd{float:left;font-size:15px;text-align:left;}
.loginWrite dt{clear:both; height:40px; line-height:40px;width:83px;color:#444;}
.loginWrite dd{width:300px;height:40px;}
.loginWrite dt:first-child,.loginWrite dt:first-child + dd{margin-bottom:10px;}
.loginWrite dd input[type="text"].bg{background:#fafafa;border:1px solid #ddd;}
.loginWrite dd input[type="password"].bg{background:#fafafa;border:1px solid #ddd;}
.loginWrite dd input[type="password"],
.loginWrite dd input[type="text"]{border:0;font-size:14px;height:38px;width:284px;padding:0 4px 0 10px;color:#777 !important;background-color:#eee;background-repeat:no-repeat;background-position:10px 50%;}
.btnLogin{position:absolute;right:0px;top:115px;width:130px;height:90px;display:inline-block;background:#444;line-height:90px;text-align:center;color:#fff !important;font-size:18px;transition:all 0.5s;}
.btnLogin:hover{background:#333;}
.login_Wrap .memberGuide{margin:60px auto 0;border-top:1px solid #e6e6e6;padding:30px 0;text-align:left;}
.login_Wrap .memberGuide > div{width:600px;position:relative;margin:0 auto;line-height:23px;}
.login_Wrap .memberGuide strong{color:#444;font-weight:normal;display:block;font-size:15px;line-height:24px;}
.login_Wrap .memberGuide .btnWrap{position:absolute;right:0;top:5px;}
.login_Wrap .memberGuide .btnWrap a.btn{border:1px solid #777;color:#555;height:28px;line-height:28px;font-size:15px;padding:10px 20px;cursor:pointer;transition:all 0.5s;}
.login_Wrap .memberGuide .btnWrap a.btn:hover{border:1px solid #333;color:#333;}

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

.PopTab{width:100%;}
.PopTab .PopTabs li{float: left;width:50%;}
.PopTab .PopTabs li:first-child{width:50%;box-sizing:border-box;border-right:1px solid #39c7d2;}
.PopTab li a{display:block;font-size: 16px;color: #4c4c4c;line-height: 50px; text-align:center;transition-duration: 0.5s;}
.PopTab li a.hover, .PopTab li a.active{color: #fff; background:#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:#18b0bc;}


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

.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;}

/*=========================================================
  홈슬라이드박스
=========================================================*/ 
.home_slidebannerbx{width:770px; overflow:hidden; position:relative;}
.home_slidebannerbx .bx-pager-link{display:inline-block;width:13px;height:13px;border-radius:50%;box-sizing:border-box;border:1px solid #272f3c;text-indent:-999em;}
.home_slidebannerbx .bx-pager-link.active{background:#272f3c;}
.home_slidebannerbx .bx-pager-item{display:inline-block;margin:0 4px;}
.home_slidebannerbx .bx-pager{width:770px;text-align:center;margin-top:10px;}
.home_slidebannerbx .bx-controls-direction{width:760px;}
.home_slidebannerbx .bx-controls-direction:after{content:"";display:block;clear:both;}
.home_slidebannerbx .bx-controls-direction a{width:55px;height:55px;text-indent:-999em;}
.home_slidebannerbx .bx-controls-direction .bx-prev{float:left;background:url("../../images/os/new_img1/main/btn_left.png") no-repeat center;position:absolute;top:143px;left:5px;z-index:56;}
.home_slidebannerbx .bx-controls-direction .bx-next{float:right;background:url("../../images/os/new_img1/main/btn_right.png") no-repeat center;position:absolute;top:143px;right:5px;z-index:56;}
.home_slidebannerbx ul li { height:356px;}
.home_slidebannerbx ul li img {position:absolute; top:0; left:50%; transform:translateX(-50%);}

/* 에이필드NOW */
.clear {clear:both; height:0;}
.apyldWrap {width:1200px;}
.apyldWrap h3 {font-size:25px; color:#000; margin-bottom:30px; padding:0 0 20px 0; text-align:center; position:relative;}
.apyldWrap h3:before {content:""; display:block; width:30px; height:1px; background:#000; position:absolute; left:50%; bottom:0; margin-left:-15px;}

.apyldWrap .topWrap h2 {float:left; font-size:27px; color:#000; padding-bottom:20px; text-align:left; position:relative;}
.apyldWrap .topWrap {width:1200px; height:45px; padding-bottom:25px; border-bottom:1px solid #c3c3c3; position:relative;}
.apyldWrap .topWrap .SearchWrap {float:right; width:300px;}
.apyldWrap .topWrap .SearchWrap .input {width:100%; height:45px; border:2px solid #777; background:transparent;}
.apyldWrap .topWrap .SearchWrap i {font-size:23px;}
.apyldWrap .topWrap .SearchWrap a {width:25px; height:25px; text-align:center; padding:10px; display:block; position:absolute; top:0; right:0;}

.apyldWrap .channelWrap {width:1200px; padding-top:0; clear:both;}
.apyldWrap .channelWrap .Tit {font-size:20px; color:#333; position:relative; padding-left:15px; margin-bottom:20px;}
.apyldWrap .channelWrap .Tit:before {content:""; display:block; width:3px; height:18px; background:#333; position:absolute; left:0; top:25%;}
.apyldWrap .channelWrap .chBnr {float:left; width:770px;}
.apyldWrap .channelWrap .chBnr img {width:100%;height:100%;}

/* 채널뷰 페이지 */
.apyldWrap .channelWrap .movieWrap {float:left; width:770px; height:433px; padding:0;}
.apyldWrap .channelWrap .channelView {float:right;}
.apyldWrap .channelWrap .channelView .txtWrap {width:400px; height:433px; box-sizing:border-box; border:1px solid #c8c8c8; margin-top:49px;}
.apyldWrap .channelWrap .channelView .txtWrap .txtTit {height:50px; line-height:50px; font-size:17px; color:#000; padding:0 20px; border-bottom:1px solid #c8c8c8;}
.apyldWrap .channelWrap .channelView .txtWrap .txtDesc {padding:20px; height:290px; font-size:15px; line-height:25px; background:#fafafa;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns {height:50px; font-size:17px; padding:0 20px; border-top:1px solid #c8c8c8;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chLike {float:left;width:50px;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chLike i {float:left; display:block;line-height:50px; font-size:25px;margin-right:5px;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chLike .likeCount {float:left; display:block; line-height:50px; text-align:center; font-size:16px;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chSns {width:60px; float:left;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chSns i {float:left; display:block; line-height:50px; margin-left:5px; font-size:25px;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chSns .xi-twitter {color:#28a2f1;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chSns .xi-facebook {color:#4466b4;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chSns .xi-link-l {color:#77c3cb;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chBuy{width:124px;text-align:right;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chBuy a{cursor: pointer;text-align: center;display: inline-block;margin: 7px;padding: 5px 0;border: 1px solid #283891;font-size: 16px;color:#000;width:100px;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chBuy a:hover{background: #6871a5;color: #fff;transition: 0.3s;}
.apyldWrap .channelWrap .channelView .txtWrap .txtSns .chShare{width:124px;}

.apyldWrap .channelWrap .chBoard {float:right; width:400px;}
.apyldWrap .channelWrap .chBoard .thumb {float:left; width:170px;}
.apyldWrap .channelWrap .chBoard .thumb img {width:100%;}
.apyldWrap .channelWrap .chBoard ul {width:400px; height:91px; clear:both; display:block; border-bottom:1px dashed #999; padding-bottom:21px; margin-bottom:20px;}
.apyldWrap .channelWrap .chBoard ul:last-child {border:0; margin:0; padding:0;}
.apyldWrap .channelWrap .chBoard .txt {float:right;width:210px;}
.apyldWrap .channelWrap .chBoard .txt span {display:block;}
.apyldWrap .channelWrap .chBoard .txt .tit {color:#333; font-size:17px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.apyldWrap .channelWrap .chBoard .txt .class {color:#333; font-size:17px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.apyldWrap .channelWrap .chBoard .txt .date {color:#777; font-size:13px; margin-top:10px; line-height:20px;}
.apyldWrap .channelWrap .chBoard .txt .count {color:#777; font-size:13px;}

.apyldWrap .chMvInner{width:100%;margin:50px 0;}
.apyldWrap .chMvInner .chMvsMu{width:100%;height:55px;background:#505d71;}
.apyldWrap .chMvInner .chMvsMu ul{display:table;margin:0 auto;}
.apyldWrap .chMvInner .chMvsMu ul li{float:left;line-height:55px;margin:0 1px;}
.apyldWrap .chMvInner .chMvsMu ul li a{display:inline-block;padding:0 70px;color:#fff;font-size:17px;transition-duration: 0.5s;}
.apyldWrap .chMvInner .chMvsMu ul li a:hover, .apyldWrap .chMvInner .chMvsMu ul li a:active, .apyldWrap .chMvInner .chMvsMu ul li a.On{background:#29398f;}

/* 에이필드NOW - 에이필드 라이프 */
.apyldWrap .lifeWrap .lifeBoard {float:left; width:400px;}
.apyldWrap .lifeWrap .lifeBoard .thumb {float:left; width:170px;}
.apyldWrap .lifeWrap .lifeBoard .thumb img {width:100%;}
.apyldWrap .lifeWrap .lifeBoard ul {width:400px; height:91px; clear:both; display:block; border-bottom:1px dashed #999; padding-bottom:21px; margin-bottom:20px;}
.apyldWrap .lifeWrap .lifeBoard ul:last-child {border:0;}
.apyldWrap .lifeWrap .lifeBoard .txt {float:right;width:210px;}
.apyldWrap .lifeWrap .lifeBoard .txt span {display:block;}
.apyldWrap .lifeWrap .lifeBoard .txt .tit {color:#333; font-size:17px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.apyldWrap .lifeWrap .lifeBoard .txt .class {color:#333; font-size:17px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.apyldWrap .lifeWrap .lifeBoard .txt .date {color:#777; margin-top:10px; font-size:13px; line-height:20px;}
.apyldWrap .lifeWrap .lifeBoard .txt .count {color:#777; font-size:13px;}

.apyldWrap .lifeWrap {width:1200px; padding-top:100px; clear:both;}
.apyldWrap .lifeWrap .Tit {font-size:20px; color:#333; position:relative; padding-left:15px; margin-bottom:20px;}
.apyldWrap .lifeWrap .Tit:before {content:""; display:block; width:3px; height:18px; background:#333; position:absolute; left:0; top:25%;}
.apyldWrap .lifeWrap .lifeBnr {float:right; width:770px;}

/* 에이필드NOW - 새로 등록된 방송 */
.broadWrap {width:1200px; padding-top:70px; position:relative; clear:both;}
.broadWrap ul {/*display:block; margin-top:30px;*/ clear:both;}
.broadWrap ul li {width:380px; float:left; margin:30px 30px 0 0;}
.boardWrap ul li:first-child {margin:0;}
.broadWrap ul li:nth-child(3) {margin-right:0;}
.broadWrap ul li:nth-child(6) {margin-right:0;}
.broadWrap ul li span {display:block;}
.broadWrap ul li .thumb img {width:100%;}
.broadWrap ul li .info {text-align:center; font-size:15px; color:#777;}
.broadWrap ul li .info .tit {font-size:17px; padding-top:15px; color:#333;}
.broadWrap ul li .info .date {padding-top:10px;}

/* 에이필드NOW - 에이필드라이프의 새로 등록된 게시글 */
.boardWrap {width:1200px; padding-top:70px; clear:both;}
.boardWrap ul {display:block; margin-top:30px;}
.boardWrap ul li {width:380px; float:left; margin-left:30px;}
.boardWrap ul li:first-child {margin:0;}
.boardWrap ul li span {display:block;}
.boardWrap ul li .thumb img {width:100%;}
.boardWrap ul li .info {text-align:center; font-size:15px; color:#777;}
.boardWrap ul li .info .tit {font-size:17px; padding-top:15px; color:#333;}
.boardWrap ul li .info .date {padding-top:10px;}


/* 채널에이필드 */
.broadWrap h4 {float:left; width:1185px; font-size:20px; color:#333; position:relative; padding:0 0 10px 15px; border-bottom:1px solid #d3d3d3; /*margin-bottom:20px;*/}
.broadWrap h4:before {content:""; display:block; width:3px; height:18px; background:#333; position:absolute; left:0; top:17%;}
.broadWrap .broadFilter {position:absolute; right:0; width:245px; padding-top:7px;}
.broadWrap .broadFilter > ul > li {float:left; display:block; width:70px; height:13px; line-height:13px; border-right:1px solid #acacac; text-align:center; margin:0; padding:0 5px; position:relative}
.broadWrap .broadFilter > ul > li:last-child {border-right:0;}
.broadWrap .broadFilter span:last-child {padding-right:0;}

.broadWrap .pagination-wrap {width:100%; padding-top:70px; text-align:center; clear:both;}
.broadWrap .pagination-wrap ul {display:inline-block;}
.broadWrap .pagination-wrap > ul > li {display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; margin:0;}
.broadWrap .pagination-wrap > ul > li > a {display:block; font-size:15px; width:30px; height:30px; line-height:30px; color:#555; transition-duration:0.5s}
.broadWrap .pagination-wrap > ul > li > a:hover {color:#fff; background:#272f3b; border:1px solid #272f3b;}


/* 에이필드라이프 */
.apyldlflWrap {width:1200px; padding-top:0; clear:both;}
.apyldlflWrap .Tit {font-size:20px; color:#333; position:relative; padding-left:15px; margin-bottom:20px;}
.apyldlflWrap .Tit:before {content:""; display:block; width:3px; height:18px; background:#333; position:absolute; left:0; top:25%;}
.apyldlflWrap .lifeBnr {float:left; width:770px;}
.apyldlflWrap .lifeBnr img {width:100%;}

.apyldlflWrap .lifeBoard {float:right; width:400px;}
.apyldlflWrap .lifeBoard .thumb {float:left; width:170px;}
.apyldlflWrap .lifeBoard .thumb img {width:100%;}
.apyldlflWrap .lifeBoard ul {width:400px; height:91px; clear:both; display:block; border-bottom:1px dashed #999; padding-bottom:21px; margin-bottom:20px;}
.apyldlflWrap .lifeBoard ul:last-child {border:0; margin:0; padding:0;}
.apyldlflWrap .lifeBoard .txt {float:right;width:210px;}
.apyldlflWrap .lifeBoard .txt span {display:block;}
.apyldlflWrap .lifeBoard .txt .tit {color:#333; font-size:17px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.apyldlflWrap .lifeBoard .txt .class {color:#333; font-size:17px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.apyldlflWrap .lifeBoard .txt .date {color:#777; font-size:13px; margin-top:10px; line-height:20px;}
.apyldlflWrap .lifeBoard .txt .count {color:#777; font-size:13px;}

/* 에이필드라이프 뷰페이지 */
.apyldlflViewWrap {width:1200px; padding-top:20px;}
.apyldlflViewWrap .Tit {float:left; height:50px; line-height:50px; font-size:20px; color:#333; position:relative; margin-bottom:10px;}
.apyldlflViewWrap .menuTit {float:left; width:380px; height:50px; line-height:50px; font-size:20px; color:#333; position:relative; padding-left:20px; border-bottom:1px solid #c8c8c8;}
.apyldlflViewWrap .lifeBnr {float:left; width:770px;}
.apyldlflViewWrap .lifeBnr .TitWrap {width:770px;}
.apyldlflViewWrap .lifeBnr img {width:100%;}
.apyldlflViewWrap .lifeBnr span.date {display:block; float:right; height:50px; line-height:50px;}
.apyldlflViewWrap .lifeBnr .snsWrap {width:770px; background:#fafafa; height:50px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
.apyldlflViewWrap .contentWrap {width:770px; padding:30px 0;}

.apyldlflViewWrap .lifeBnr .snsWrap .txtSns .chSns {width:220px; height:50px; float:right;}
.apyldlflViewWrap .lifeBnr .snsWrap .txtSns .chSns i {float:left; display:block; height:40px; line-height:50px; margin-left:10px; font-size:25px;}
.apyldlflViewWrap .lifeBnr .snsWrap .txtSns .chSns .snsLine {float:left; display:block; width:1px; height:25px; margin:13px 5px 13px 15px; background:#c8c8c8; }
.apyldlflViewWrap .lifeBnr .snsWrap .txtSns .chSns .xi-twitter {color:#28a2f1;}
.apyldlflViewWrap .lifeBnr .snsWrap .txtSns .chSns .xi-facebook {color:#4466b4;}
.apyldlflViewWrap .lifeBnr .snsWrap .txtSns .chSns .xi-mail {color:#de4943;}
.apyldlflViewWrap .lifeBnr .snsWrap .txtSns .chSns .xi-link-l {color:#77c3cb;}
.apyldlflViewWrap .lifeBnr .snsWrap a.listBtn {display:block; width:130px; height:45px; line-height:43px; border:1px solid #c8c8c8; color:#565656; font-size:17px; text-align:center; margin:20px auto;  transition-duration:0.5s}
.apyldlflViewWrap .lifeBnr .snsWrap a.listBtn:hover {background:#313946; border:1px solid #313946; color:#fff;}

/* tooltip */
/* 채널에이필드 공유 */
#tooltipWrap{
	position: relative;
	margin: 0;
	float: left;
}

.help-tip{
	cursor:pointer;
	text-align:center;
    margin:7px 0;
    padding:5px 0;
    border: 1px solid #283891;
    font-size: 16px;
    color:#000;
    width:100px;
}

.help-tip:hover{
	background: #6871a5;
	color: #fff;
	transition: 0.3s;
}

.help-tip:hover .num{
	color:#e68f8b !important
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
	display: none;
	text-align: left;
	background-color: #fff;
	border:1px solid #c5c5c5;
	padding: 10px 20px;
	width: 250px;
	height:120px;
	position: absolute;
	border-radius: 10px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -80px;
	top:50px;
	font-size: 13px;
	line-height: 1.4;
	z-index:999;
}

.help-tip p .snsTit {display:inline-block; width:250px; height:35px; line-height:35px; font-size:17px; color:#555; border-bottom:1px solid #c8c8c8;}
.help-tip p a {display:block; float:left; width:60px; height:40px;}
.help-tip p a span {display:inline-block; width:60px; text-align:center;}
.help-tip p a i {float:left; display:inline-block; width:40px; height:40px; line-height:50px; text-align:center; margin-left:10px; font-size:25px;}
.help-tip p a span.band {display:block; width:60px; height:40px; padding-top:40px; line-height:15px; background:url("../../images/os/new_img1/main/band_123x45.jpg") no-repeat 50% 10%;}

.help-tip p:before{
	position: absolute;
	content: '';
	width:19px;
	height: 10px;
	background:url("../../images/os/new_img1/main/arrow_top.png") no-repeat 50% 10%;
	right:95px;
	top:-11px;
}

.help-tip p:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

.chSns .chSnsbtn{
	float:left;
}

/* 에이필드라이프 공유 */

.help-tip2{
	cursor:pointer;
	font-size: 16px;
    line-height: 50px;
    background: #fafafa;
}

.help-tip2:hover p{
	display:block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip2 p{
	display: none;
	text-align: left;
	background-color: #fff;
	border:1px solid #c5c5c5;
	padding: 10px 20px;
	width: 250px;
	height:120px;
	position: absolute;
	border-radius: 10px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	left: -85px;
	font-size: 13px;
	line-height: 1.4;
	z-index:999;
}

.help-tip2 p .snsTit {display:inline-block; width:250px; height:35px; line-height:35px; font-size:17px; color:#555; border-bottom:1px solid #c8c8c8;}
.help-tip2 p a {display:block; float:left; width:60px; height:40px;}
.help-tip2 p a span {display:inline-block; width:60px; text-align:center;}
.help-tip2 p a i {float:left; display:inline-block; width:40px; height:40px; line-height:50px; text-align:center; margin-left:10px; font-size:25px;}
.help-tip2 p a span.band {display:block; width:60px; height:40px; padding-top:40px; line-height:15px; background:url("../../images/os/new_img1/main/band_123x45.jpg") no-repeat 50% 10%;}

.help-tip2 p:before{
	position: absolute;
	content: '';
	width:19px;
	height: 10px;
	background:url("../../images/os/new_img1/main/arrow_top.png") no-repeat 50% 10%;
	right:167px;
	top:-11px;
}

.help-tip2 p:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}



.apyldlflViewWrap .lifeBoardWrap {float:right;}
.apyldlflViewWrap .lifeBoard {width:400px; border:1px solid #c8c8c8;}
.apyldlflViewWrap .lifeBoard .thumb {float:left; width:140px;}
.apyldlflViewWrap .lifeBoard .thumb img {width:100%;}
.apyldlflViewWrap .lifeBoard ul {width:360px; height:75px; clear:both; display:block; margin:0 20px; padding:15px 0; border-bottom:1px dashed #c8c8c8;}
.apyldlflViewWrap .lifeBoard ul:last-child {border:0; margin-bottom:0;}
.apyldlflViewWrap .lifeBoard .txt {float:right;width:210px;}
.apyldlflViewWrap .lifeBoard .txt span {display:block;}
.apyldlflViewWrap .lifeBoard .txt .tit {height:45px; color:#333; font-size:15px; line-height:20px;}
.apyldlflViewWrap .lifeBoard .txt .date {color:#777; font-size:13px; margin-top:10px; line-height:20px;}

.lifebroadWrap h4 {float:left; width:1185px; font-size:20px; color:#333; position:relative; padding:0 0 10px 15px; border-bottom:1px solid #d3d3d3; /*margin-bottom:20px;*/}
.lifebroadWrap h4:before {content:""; display:block; width:3px; height:18px; background:#333; position:absolute; left:0; top:17%;}
.lifebroadWrap .lifebroadFilter {position:absolute; right:0; width:165px; padding-top:7px;}
.lifebroadWrap .lifebroadFilter > ul > li {float:left; display:block; width:70px; height:13px; line-height:13px; border-right:1px solid #acacac; text-align:center; margin:0; padding:0 5px; position:relative}
.lifebroadWrap .lifebroadFilter > ul > li:last-child {border-right:0;}
.lifebroadWrap .lifebroadFilter span:last-child {padding-right:0;}

.lifebroadWrap .pagination-wrap {width:100%; padding-top:70px; text-align:center; clear:both;}
.lifebroadWrap .pagination-wrap ul {display:inline-block;}
.lifebroadWrap .pagination-wrap > ul > li {display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; margin:0;}
.lifebroadWrap .pagination-wrap > ul > li > a {display:block; font-size:15px; width:30px; height:30px; line-height:30px; color:#555; transition-duration:0.5s}
.lifebroadWrap .pagination-wrap > ul > li > a:hover {color:#fff; background:#272f3b; border:1px solid #272f3b;}

.lifebroadWrap {width:1200px; padding-top:70px; position:relative; clear:both;}
.lifebroadWrap ul {/*display:block; margin-top:30px;*/ clear:both;}
.lifebroadWrap ul li {width:380px; float:left; margin:30px 30px 0 0;}
.lifebroadWrap ul li:nth-child(3) {margin-right:0;}
.lifebroadWrap ul li:nth-child(6) {margin-right:0;}
.lifebroadWrap ul li span {display:block;}
.lifebroadWrap ul li .thumb img {width:100%;}
.lifebroadWrap ul li .info {text-align:center; font-size:15px; color:#777;}
.lifebroadWrap ul li .info .tit {font-size:17px; padding-top:15px; color:#333;}
.lifebroadWrap ul li .info .date {padding-top:10px;}


/* -- 마케팅플랜, 제품제안, 주문결제안내(shop) 자동주문 안내(shop), 자동주문 가이드(business)-- */
.subMarPln dl{margin-bottom:40px;}
.subMarPln dl dt{font-size:18px; color:#18b0bc; margin-bottom:20px;}
.subMarPln dl dt img{margin-right:5px;}
.subMarPln dl dd{color:#444;margin-top:20px;font-size:15px;line-height:24px;}
.subMarPln dl dd ul{margin-left:18px;}
.subMarPln dl dd ul li{color:#777; margin-top:3px;}
.subMarPln dl dd dl{margin-top:40px; margin-left:20px;}
.subMarPln dl dd dl dt{border-bottom:1px solid #222; color:#222; display:inline-block; font-size:17px; padding:0 5px;}
.subMarPln dl dd dl dd{margin-top:10px; margin-left:17px; text-indent:-17px;}
.subMarPln dl .mg20{margin:0 0 15px 0; text-indent:0;}
.subMarPln table{text-indent:0; width:100%; margin:35px 0; text-align:center;}
.subMarPln table tr{height:50px;border-bottom:1px solid #ddd;}
.subMarPln table tr th{height:50px;border-top:3px solid #494949;background-color:#f9f9f9;color:#111;border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:none;}
.subMarPln table tr th:last-child{border-right:0;}
.subMarPln table tr td{border-right:1px solid #eee;color:#777;padding:25px; text-align:left;}
.subMarPln table tr td:first-child{color:#444;}
.subMarPln table tr td:last-child{border-right:0;}
.subMarPln table tr:first-child th{border-top:3px solid #444;}
.subMarPln table tr:first-child td{border-top:3px solid #444;}
.subMarPln .tb01{margin-left:-17px; margin-bottom:0;}
.subMarPln .tb02{margin-left:-17px; }
.subMarPln .tb02 td{text-align:center; height:50px; padding:0;}
.subMarPln .tb02 tr:first-child td{border-top:0;}
.subMarPln .mgLT{margin-left:-34px;}
.subMarPln .mkt02 img{float:left; margin-right:50px;}
.subMarPln .mkt02 .bonus01{border-radius:20px; border:3px dotted #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 dl{font-size: 16px; margin-bottom: 30px;}
.autoGuide dl dt{font-weight: bold; color: #313d52;}
.autoGuide dl dd{margin-top:10px; margin-left: 16px;}
.autoGuide  .autoimg{text-align:center; margin:20px 0;}


/* -- 참가신청 -- */
.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;}
}

.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{position:relative;width:1200px;border-bottom:2px solid #000;margin:0 auto;}
#sidebar .subTabmenu{display:table;margin:40px auto 20px;}
#sidebar .subTabmenu ul li{float:left;}
#sidebar .subTabmenu ul li a{display:inline-block;color:#555;font-size:17px;/* margin-right:30px; */line-height:18px;-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}
#sidebar .subTabmenu > ul > li{display:block;}
#sidebar .subTabmenu > ul > li > a{font-size:16px;padding:0 29px;color:#707070;}
#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}

/* OSNOW 메뉴 및 검색 */
#sidebar{position:relative;width:1200px;border-bottom:2px solid #000;margin:0 auto;}
#sidebar .subTabmenu_osNow{width:823px; float:left; display:table;margin:40px auto 20px;}
#sidebar .subTabmenu_osNow ul li{float:left;}
#sidebar .subTabmenu_osNow ul li a{display:inline-block;color:#555;font-size:17px;/* margin-right:30px; */line-height:18px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;}
#sidebar .subTabmenu_osNow ul li a:hover, #sidebar .subTabmenu ul li a:focus,  #sidebar .subTabmenu ul li ul li.active a{color:#000}
#sidebar .subTabmenu_osNow > ul > li{display:block;}
#sidebar .subTabmenu_osNow > ul > li > a{font-size:16px;padding:0 30px;color:#707070;}
#sidebar .subTabmenu_osNow > ul > li > a.active{color:#2e3192;}
#sidebar .subTabmenu_osNow > ul > li > a.active, #sidebar .subTabmenu > ul > li > a:hover, #sidebar .subTabmenu > ul > li > a:focus{color:#000}

.topWrap .SearchWrap {float:right; width:300px; margin:20px 20px 20px 0;}
.topWrap .SearchWrap .input {width:100%; height:45px; border:2px solid #777; background:transparent;}
.topWrap .SearchWrap i {font-size:23px;}
.topWrap .SearchWrap a {width:25px; height:25px; text-align:center; padding:10px; display:block; position:absolute; top:20px; right:20px;}
.topWrap .nowSearchBtn{float: left;margin: 20px 0;padding: 5px 10px;/* background-color: #ddd; */color: #23224d;height: 35px;width: 35px;font-size: 17px;line-height: 36px;}

#sidebarShop{position:relative;width:100%;height:76px;margin-bottom:50px;border:1px solid #ddd;border-top:2px solid #18b0bc;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:#18b0bc;}

/*
.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: 'Cabin', sans-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 .aquaBg{display:inline-block;width:20px;height:20px;border-radius:50%;background:#2c9ede;color:#fff;float:none;margin-right:3px;line-height:150%;}/* 김수하 2019.07.03 */
.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: 'Cabin', sans-serif;font-size:35px;color:#18b0bc;}
.BdTit .Tit02{font-size:15px;line-height:22px;margin-top:25px;}

.BrandViewTit{width:100%;font-family: 'Cabin', sans-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: 'Cabin', sans-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: 'Cabin', sans-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: 'Cabin', sans-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;}






/* 웰루션 */
.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:20px;color:#db534d;padding:35px 0 20px;}
.JoinInner{width:100%;}
.JoinTop h3{font-size:32px;line-height:100px;}
.JoinTop p{font-size:15px;line-height:22px;padding: 10px 20px;background: rgba(255, 255, 255, 0.1);}
.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:before{content: "";float:left;background:#777;width:5px;height:5px;margin:10px 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:#fff;line-height:18px;background:#b4b4b4;border:1px solid #b4b4b4;padding:0 35px;transition-duration: 0.5s;display: -webkit-flex;display:flex; 
-webkit-align-items:center;align-items: center;/*위아래 중앙*/ 
-webkit-justify-content: center;justify-content: center;margin:40px 20px;}
.BtnJoin2 a:hover{background:#52555e;color:rgba(250, 250, 250, 0.8)}



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

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


/* 사업소개 */
.BizListImg{margin:80px 0;text-align:center;}
.BizList{width:100%;background:#fbfbfb;padding:50px;box-sizing:border-box;margin:30px 0;}
.BizList h3{font-size:18px;color:#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;}


/* 개인정보처리방침, 이용약관, 전자상거래표준약관 */ /*김수하 수정-190617*/
.memRules{color:#444;}
.memRules h1{font-size:24px;line-height:50px;margin-bottom:30px;}
.memRules h3{font-size: 22px; font-weight: 500; color:#242021;}
.memRules dl{margin-top:40px;}
.memRules .color-black-i dt{color:#444 !important; font-size:16px;margin-bottom:10px;}
.memRules dt{font-size:18px;color:#4863b3;font-weight: 500;}
.memRules dd{margin-top:20px;font-size:15px;line-height:24px;padding-left: 20px;color:#545454;}
.memRules dd > ul{margin:10px 0 0 15px;}
.memRules dd ul li{font-size:15px;margin-top:5px;color:#777;}
.memRules dd ul li ul li{padding-left:10px;font-size:14px;color: #424248;}
.memRules dd ul .useConTit{color:#333 !important;}
.memRules .list-8{text-indent: -8px; padding-left: 8px;}
.subEcommerce dl dd{text-indent: -20px; padding-left: 20px; margin-left:20px;}
.subEcommerce .list-none{text-indent:0px; padding-left:0px;}

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

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

.PopTab{width:100%;}
.PopTab .PopTabs li{float: left;width:50%;}
.PopTab .PopTabs li:first-child{width:50%;box-sizing:border-box;border-right:1px solid #39c7d2;}
.PopTab li a{display:block;font-size: 16px;color: #4c4c4c;line-height: 50px; text-align:center;transition-duration: 0.5s;}
.PopTab li a.hover, .PopTab li a.active{color: #fff; background:#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:#18b0bc;}


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

.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;}

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

/* 상단 타이틀 */
.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;}

/* 퀵주문 */
.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 h4 {float:left; font-size:15px; font-weight:600; color:#333;}
.QuickWrap h4, input, button, .select {height:40px; line-height:40px;} 
.QuickWrap select {width:200px; height:40px; font-size:15px; margin-left:10px; border:1px solid #dedede;}
.QuickWrap .PrdName {width: 31%;line-height:50px;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:#313d52; color:#fff; text-align:center; transition-duration:0.5s;}
.QuickWrap .SearchBtn2 {background:#29398f;}
.QuickWrap .SearchBtn:hover {background:#506488;}

.QuickWrap .quickCate{display:inline-block;width: 580px;display: table-cell;vertical-align: middle;}
.QuickWrap .quickCate li{float:left;margin-right: 15px;}
.QuickWrap .quickCate li:last-child{margin-right:0;}
.QuickWrap .quickCate li a.tabOn:after{content:"";/* display: block; */height:2px;background: #313d51;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{width: 200px;display: table-cell;/* float: left; */vertical-align: middle;}
.QuickWrap .t-input li{float:left;margin-right: 10px;}
.QuickWrap .t-input input{}

.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:#272f3c; color:#fff; transition-duration:0.5s;}
.prd_List_Wrap ul li .PrdCount .count a:hover {background:#506488;}
.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;background: url('../../images/os/new_img1/mall/btn_plus.jpg') no-repeat;}
.prd_List_Wrap ul li .PrdCount .btn_minus {width:30px; height:30px; float:left; background: url('../../images/os/new_img1/mall/btn_minus.jpg') no-repeat;}
.prd_List_Wrap_Bg ul:nth-child(even){background:#fafbfc;}
.prd_List_Wrap_Bg ul:hover{border:2px solid #29398f; border-radius:8px; box-sizing:border-box; box-shadow:5px 5px 11px 5px #ddd;}
.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:#e9e9e9;}

/* 플로팅 메뉴 - DIV 높이에 따라 조절
.floating_wrap {position:absolute; top:0; margin-left:1200px; z-index:1000; width:168px; padding:20px 20px;}
.floating_wrap .PrdPrice {width:160px; position:absolute; top:0; right:0; bottom:0; height:auto; font-size:15px; padding:20px 20px; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.floating_wrap .PrdPrice ul li {display:block; height:55px; line-height:55px; padding-right:30px;}
.floating_wrap .PrdPrice .Price {color:#f53e3c; font-size:28px; font-weight:600;}
.floating_wrap .PrdPrice .Pv, .Av {color:#333; font-size:28px; font-weight:600;}
.floating_wrap .PrdPrice span {font-family:Titillium Web;}
.floating_wrap .quickbtnWrap a {width:175px; height:55px; line-height:55px; display:block; font-size:15px; text-align:center; background:#313d52; transition-duration:0.5s; color:#fff;}
.floating_wrap .quickbtnWrap a:hover {background:#506488;} */

/* 하단 고정 
.floating_wrap {width:1140px; padding:20px 30px; border:1px solid #dadada;}
.floating_wrap .PrdPrice {float:left; width:950px; font-size:15px;}
.floating_wrap .PrdPrice ul li {float:left; display:block; height:55px; line-height:55px; padding-right:30px;}
.floating_wrap .PrdPrice .Price {color:#f53e3c; font-size:28px; font-weight:600;}
.floating_wrap .PrdPrice .Pv, .Av {color:#333; font-size:28px; font-weight:600;}
.floating_wrap .PrdPrice span {font-family:Titillium Web;}
.floating_wrap .quickbtnWrap a {width:175px; height:55px; line-height:55px; float:right; display:block; font-size:15px; text-align:center; background:#313d52; transition-duration:0.5s; color:#fff;}
.floating_wrap .quickbtnWrap a:hover {background:#506488;}
*/

/* 플로팅 메뉴 - 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:#313d52; transition-duration:0.5s; color:#fff;}
.floating_wrap .quickbtnWrap a:hover {background:#506488;}

.sumFix{width: 350px;height: 250px;background:#fff;border:20px solid #ddd;bottom:100px;right: 100px;position: fixed;}

.quickOrder_btn {width:1000px; margin:0 auto; padding-top:30px;}
.quickOrder_btn a {display:block; position:absolute; right:100px; width:150px; height:50px; font-size:15px; color:#fff; line-height:50px; background:#272f3c; transition-duration:0.5s; text-align:center;}
.quickOrder_btn a:hover {background:#506488;}

/*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;}
}

/* 쇼핑몰 LIST*/
.list_content ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.list_content li{float:left;margin: 0 15px 60px;box-sizing: border-box; position:relative;width:270px;}
.list_content li a.prdImg{display:block;width:270px;height:270px;border:1px solid #efefef;box-sizing:border-box; position:relative;}
.list_content li a.prdImg img {width:230px;}
.list_content li a:hover{border:1px solid #313d52; transition:0.3s;}
.list_content li a p{position:absolute;top: 10px;left: 5px;}
.list_content li a span{width:36px;height:18px;border:1px solid #019bfd;color:#019bfd;font-family:'Montserrat', sans-serif;font-size: 10px;margin-left: 5px;display: inline-block;float: left;text-align: center;line-height: 18px;box-sizing: border-box;}
.list_content li a span.new{color:#28c307; border:1px solid #28c307;}.shopPdInner .list_content li a span.sale{color:#ff4904; border:1px solid #ff4904;}
.list_content li p.play{background:url(../../images/os/new_img1/mall/play.png) no-repeat;width:44px;height:44px; top: 215px;right:10px;position: absolute;border: 0; z-index: 99;}
.list_content li p.soldout{top:0;left:0;width: 270px;height: 270px;background:url(../../images/os/new_img1/mall/soldout.png)no-repeat;background-size: 100%;position: absolute;z-index: 99;}
.list_content li ul a:hover{background: #313d52;color:#fff;transition:0.3s;}
.list_content li .pdtinfo{text-align:center;box-sizing: border-box;}
.list_content li .pdtinfo dt{margin-top:28px; font-size:16px; color:#212121;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:270px;text-align:center;}
.list_content li .pdtinfo .infoTxt{margin-top: 5px;font-size: 14px;color: #999;height: 15px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px;width: 270px;text-align: center;overflow: hidden;text-overflow: ellipsis;margin-bottom: 0;line-height: 1;}
.list_content li .pdtinfo .pdtName{font-size:16px; color:#212121;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 270px; text-align: center;}
.list_content li .pdtinfo .price{color:#ef424d; font-size:16px;}
.list_content li .pdtinfo .pvav{color:#696969; font-size:14px;}
.list_content li .addCart{padding:10px;background:#f7f6f9;box-sizing: border-box; margin-top:20px}
.list_content li .addCart li{margin:0;box-sizing: border-box;width:unset;}
.list_content li .addCart li a,.list_content li .addCart li span{width:40px; height:40px; text-align:center; line-height:40px; box-sizing:border-box; border:1px solid #000; display:block; float:left;}
.list_content li .addCart li.num span{width: 110px;}
/* .list_content li .addCart li.cart a:first-child{border-right:0;} */

/* 명예의 전당 - 김수하 2020.01.07 */
.subHallOfFame div h4{text-align:center !important;margin-bottom:20px;}
.subHallOfFame .HallOfFame-cont01{/* width: 600px; *//* margin:0 auto; */}
.subHallOfFame .HallOfFame-cont01 img{margin: 0 auto 50px;width: 350px;height: 400px;background-color:#eee;text-align: center;display: block;}
.subHallOfFame .HallOfFame-cont02{margin-bottom:50px;}
.subHallOfFame .HallOfFame-cont02 .HallOfFame-memWrap{}
.subHallOfFame .HallOfFame-cont02 .HallOfFame-memWrap dl{float:left;width:16%;margin-right:5%;}
.subHallOfFame .HallOfFame-cont02 .HallOfFame-memWrap dl:last-child{margin-right:0;}
.subHallOfFame .HallOfFame-cont02 .HallOfFame-memWrap dl dt{background:url(../../images/os/new_img1/sub/introImg03.jpg) no-repeat;}
.subHallOfFame .HallOfFame-cont02 .HallOfFame-memWrap dl dd{text-align:center;}

/* 이달의 테마  */
.subTheme .themeTopImg{width:100%;margin-bottom:100px;}
.subTheme .themePrdList .theme_prdTit{margin:195px 0 85px; width:100%;}
.subTheme .themePrdList .theme_prdTit img{width:100%;}
.subTheme .themePrdList a{width:275px;margin-right:33px;}
.subTheme .themePrdList a:nth-child(5){margin-right:0;}
.subTheme .themePrdList a:nth-child(6){margin-top:30px;display: block;width: 100%;}
.subTheme .themePrdList a:nth-child(6) img{width:100%;}
.subTheme .theme_prdTitLast{margin-top:195px;}
.subTheme .themePrdList_package .theme_prdTit{margin:195px 0 85px; width:100%;}
.subTheme .themePrdList_package .theme_prdTit img{width:100%;}
.subTheme .themePrdList_package a{ display:block;/* width:912px; */margin:0 auto;}
.subTheme .themePrdList_package a img{width:100%; }
.themePrdList a:last-child{margin-right:0;} 

.subTheme .themePrdList2 .theme_prdTit{margin:195px 0 85px; width:100%;}
.subTheme .themePrdList2 .theme_prdTit img{width:100%;}
.subTheme .themePrdList2 a{width:565px;margin-right:70px;}
.subTheme .themePrdList2 a:last-child{margin-right:0;}
.subTheme .themePrdList_package2 .theme_prdTit{margin:195px 0 85px; width:100%;}
.subTheme .themePrdList_package2 .theme_prdTit img{width:100%;}
.subTheme .themePrdList_package2 a{ display:block;width:1200px;margin:0 auto;}
.subTheme .themePrdList_package2 a img{width:100%;}

.subTheme .themePrdList3 div{margin:195px 0 85px; width:100%;}
.subTheme .themePrdList3 div img{width:100%;}
.subTheme .themePrdList3 a{width:380px;margin-right:30px;}
.subTheme .themePrdList3 a:last-child{margin-right:0;}
.subTheme .themePrdList_package3 .theme_prdTit_Night{margin:195px 0 85px; width:100%;}
.subTheme .themePrdList_package3 .theme_prdTit_Night img{width:100%;}
.subTheme .themePrdList_package3 a{ display:block;width:1200px;margin:0 auto;}

.themaTab{text-align: center;width:750px;margin: 0 auto 30px}
.themaTab span{padding:10px 30px; font-size:20px;margin:5px;color: #949494;background-color: #ffffff;text-decoration: none;border: 1px solid #e6e6e6;transition-duration: 0.5s;display: inline-block;}
.themaTab span:hover{cursor:pointer;background-color: #313d52;color: #fff;transition-duration: 0.3s;}
.themaTab .themaTab_on{background-color: #313d52;color: #fff;}
.themaTab .themaTab_off{color: #a7a7a7;background-color: #ffffff;border: 1px solid #e6e6e6;transition-duration: 0.5s;}

#thema4 .theme_prdTit span{color: #10a4b1;font-size: 26px;line-height: 1;font-weight: 800;padding: 0px 50px;border: 2px solid #10a4b1;border-radius: 30px;}
#thema4 .theme_prdTit dl{margin-top:5px;}
#thema4 .theme_prdTit dl dt{color: #10a4b1;font-weight: 700;font-size: 50px;position: relative;overflow: hidden;}
#thema4 .theme_prdTit dl dt:after{content:"";width: 100%;height: 2px;background: #10a4b1;position: absolute;top: 50%;margin-left:30px;}
#thema4 .theme_prdTit dl dd{color: #49494a;font-size: 30px;}

#thema3 .theme_prdTit span{color:#24410e;font-size: 26px;line-height: 1;font-weight: 800;padding: 0px 50px;border: 2px solid #24410e;border-radius: 30px;}
#thema3 .theme_prdTit dl{margin-top:5px;}
#thema3 .theme_prdTit dl dt{color: #24410e;font-weight: 700;font-size: 50px;position: relative;overflow: hidden;}
#thema3 .theme_prdTit dl dt:after{content:"";width: 100%;height: 2px;background: #24410e;position: absolute;top: 50%;margin-left:30px;}
#thema3 .theme_prdTit dl dd{color: #49494a;font-size: 30px;}

#thema5 .theme_prdTit_Day span{color: #3975b4;font-size: 26px;line-height: 1;font-weight: 800;padding: 0px 50px;border: 2px solid #3975b4;border-radius: 30px;}
#thema5 .theme_prdTit_Day dl{margin-top:5px;}
#thema5 .theme_prdTit_Day dl dt{color: #3975b4;font-weight: 700;font-size: 50px;position: relative;overflow: hidden;}
#thema5 .theme_prdTit_Day dl dt:after{content:"";width: 100%;height: 2px;background: #3975b4;position: absolute;top: 50%;margin-left:30px;}
#thema5 .theme_prdTit_Day dl dd{color: #49494a;font-size: 30px;}
#thema5 .theme_prdTit_Night span{color: #704394;font-size: 26px;line-height: 1;font-weight: 800;padding: 0px 50px;border: 2px solid #704394;border-radius: 30px;}
#thema5 .theme_prdTit_Night dl{margin-top:5px;}
#thema5 .theme_prdTit_Night dl dt{color: #704394;font-weight: 700;font-size: 50px;position: relative;overflow: hidden;}
#thema5 .theme_prdTit_Night dl dt:after{content:"";width: 100%;height: 2px;background: #704394;position: absolute;top: 50%;margin-left:30px;}
#thema5 .theme_prdTit_Night dl dd{color: #49494a;font-size: 30px;}
#thema5 .theme_prdTit_Day dl dt img{width:43px !important;height:43px;margin-right:15px;vertical-align:baseline;}
#thema5 .theme_prdTit_Night dl dt img{width:43px !important;height:43px;margin-right:15px;vertical-align:baseline;}

#thema6 .theme_prdTit span{color: #10a4b1;font-size: 26px;line-height: 1;font-weight: 800;padding: 0px 50px;border: 2px solid #10a4b1;border-radius: 30px;}
#thema6 .theme_prdTit dl{margin-top:5px;}
#thema6 .theme_prdTit dl dt{color: #10a4b1;font-weight: 700;font-size: 50px;position: relative;overflow: hidden;}
#thema6 .theme_prdTit dl dt:after{content:"";width: 100%;height: 2px;background: #10a4b1;position: absolute;top: 50%;margin-left:30px;}
#thema6 .theme_prdTit dl dd{color: #49494a;font-size: 30px;}
#thema6 .themePrdList_package2 dl dd{color: #49494a;font-size: 30px;}

.themaYearBox{width: 500px;margin: 0 auto 30px;}
.themaYearBox select{width: 500px;height: 50px;font-size: 20px;color: #555;border-right: none;border-left: none;border-top: 1px solid #777;border-bottom: 1px solid #777;padding: 0 200px;-webkit-appearance: none;/* 화살표 없애기 for chrome*/-moz-appearance: none;/* 화살표 없애기 for firefox*/appearance: none;/* 화살표 없애기 공통*/background: url(../../images/os/new_img1/common/icon-select.jpg) no-repeat right;}
.themaYearBox select::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/}

/* 회원탈퇴 */
.JoinTxt .memDrop_TxtBox{width: 360px;margin: 30px auto 0;padding: 30px 0;border: 1px solid #555;}
.JoinTxt .memDrop_info{width:560px; margin:0 auto;}
.JoinTxt .memDrop_info p{margin-bottom:5px;text-align:left;}
.JoinTxt .memDrop_info p:first-child{margin-bottom:25px;text-align: center;color:#333;}
.JoinTxt .memDrop_info .memDrop_info_last{margin-top:25px;}
.JoinTxt .memDrop_info .memDrop_info_last p{margin-bottom:5px;text-align: center;color: #db534d;}
.JoinTxt .memDrop_info .memDrop_info_last p span{color: #db534d; font-weight:500;}
.JoinTxt .memDrop_info p span{color:#333;font-weight:500;}

/* 회원가입 URL 복사 페이지 */
.memberUrl .memberUrl-Wrap .memberUrl-Cont{float:left;width: 45%;display: inline-block;margin: 0 2%;background: #f9f9f9;border: 1px solid #eee;border-radius: 15px;text-align: center;padding: 50px;box-sizing: border-box;}
.memberUrl .memberUrl-Wrap .memberUrl-Cont h3{font-size:26px; color:#333;}
.memberUrl .memberUrl-Wrap .memberUrl-Cont .memUrl-icon{width:170px;height:170px;border-radius: 100px;background: #fff;margin: 30px auto;}
.memberUrl .memberUrl-Wrap .memberUrl-Cont .memUrl-icon img{padding:30px 0;}
.memberUrl .memberUrl-Wrap .memberUrl-Cont a{display:inline-block;font-size:16px;color:#fff;background:#a0a0a0;padding:15px 20px;}
.memberUrl .memberUrl-Wrap .memberUrl-Cont .memberUrlBtn01:hover{background:#6170a1;transition:0.3s;}
.memberUrl .memberUrl-Wrap .memberUrl-Cont .memberUrlBtn02:hover{background:#293142;transition:0.3s;}
.memberUrl .memberUrl-Text{margin-top:50px;height:157px;}
.memberUrl .memberUrl-Text p{color:#333;font-size:16px;line-height:26px;}
.memberUrl .memberUrl-Text ul{margin-top:15px;}
.memberUrl .memberUrl-Text ul li{margin-top:5px;word-break:keep-all;}

/* 결제페이지 상품설명 팝업 */
.pop_prdClose{position:relative;}
.pop_prdClose span{position:absolute;cursor: pointer;padding: 10px; top: 10px; right: 30px;}
.pop_prdClose span i{font-size:22px; vertical-align:text-top;}
.pop_prdName{font-size: 28px;color: #000;font-weight: bold;}
.pop_prdPrice{position:relative;font-size:22px;margin-top:15px;color:#777;}
.pop_prdPrice:after{content:"";width:25px;height:1px;background:#000;position:absolute;bottom:-70px;left:638px;}
.pop_prdCont iframe{margin-bottom:80px;}
#contextPrnt{margin-top:70px;padding-top:60px;}

.ShopAmtTXT{text-align:center;color:#6e6e6e;font-size:22px;margin-top:40px;}
.ShopAmtTXT span{color:#db534d;}
.ShopAmtTXT p:nth-child(2){color:#333;font-weight:bold;margin-top:5px;}