@charset "utf-8"; @import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css); /* ============================== 서브페이지 공통 =================================== */ .sub_visual{width:100%; position:relative; height:250px; overflow:hidden;background:url('../../images/os/new_img1/sub/sub_vis.jpg');} .sub_visual .SubTit{width:1300px;position:absolute; left:50%; bottom:0;margin-left:-650px;height:75px;background:rgba(34, 62, 114, 0.8);color:#fff;line-height:20px;} .SubTit h3{float:left;font-size:30px;height:75px;margin:30px 0 0 30px;} .SubTit .navi-wrap{float:right;margin:30px 30px 0;} .SubTit .navi-wrap li{float:left;font-size:14px;margin:0 5px;} .subContainer{width:1300px;margin:0 auto;background:#fff;position:relative;} .shopListWrap{width:1200px;margin:50px auto 120px auto;background:#fff;position:relative;} .memAllWrap{margin:40px auto 120px;} /* sub-containter subTabmenu */ #sidebar{position:relative;float:left;width:230px;margin-right:65px;margin-bottom:150px;} #sidebar .subTabmenu{width:100%;} .subTabmenu ul li{display:inline;border-bottom:1px solid #d3d7dd;} .subTabmenu ul li a{display:block;color:#444;font-size:15px;-webkit-transition-duration:0.3s;transition-duration: 0.3s;padding:0 20px;} .subTabmenu ul li a:hover, #sidebar .subTabmenu ul li a:focus, #sidebar .subTabmenu ul li ul li.active a{color:#ed7e1d;} .subTabmenu > ul > li{display:block;} .subTabmenu > ul > li > a{font-size:16px;color:#555;line-height:60px;} .subTabmenu > ul > li > a.active{color:#2e3192;} .subTabmenu > ul > li > a.active, #sidebar .subTabmenu > ul > li > a:hover, #sidebar .subTabmenu > ul > li > a:focus{color:#ed7e1d;} .subTabmenu ul li ul {line-height:30px;padding:15px 0;border-top:1px solid #dfe1e4;background:#f3f5f9;} .subTabmenu ul li ul li a{color:#444;font-size:14px;transition-duration: 0.5s;padding-left:30px;} .subTadbmenu ul li ul li a:after{content: "-";display:block;float:left;margin-right:5px;} .subTabmenu ul li ul li a.active, .subTabmenu ul li ul li a:hover, .subTabmenu ul li ul li a:focus{color:#ed7e1d;} .subContWrap{position:relative;float:right;width:1005px;margin:40px 0 120px;} #sidebarShop{position:relative;width:100%;height:76px;margin-bottom:50px;border:1px solid #ddd;border-top:2px solid #474e61;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:#ed7e1d;} /* ============================== 홈페이지 서브컨텐츠 =================================== */ .SubContTit{border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:50px;} .SubContTit h3{font-size:26px;color:#000;} .SubContTit p{font-size:14px;color:rgba(0, 0, 0, 0.5);margin:10px 0;line-height:14px;} .SubContTab{width:100%;height:42px;background:url('../../images/os/new_img1/sub/tab_bg.png') repeat-x 50%;} .SubContTab .SubContTabs{display:table;margin:0 auto;background:#fff;} .SubContTabs li{float:left;width:200px;margin:0 3px;position:relative;list-style:none;} .SubContTabs li:first-child{margin-left:0;padding-left: 0;} .SubContTabs li:last-child{margin-right:0} .SubContTabs li a{display:block;line-height:40px;font-size:16px;color:#4c4c4c;text-align:center;border:1px solid #dadada;transition-duration: 0.5s;} .SubContTabs li a:hover, .SubContTabs li a.active, .SubContTabs li a.tabsOn{background:#344c7b;color:#fff;border:1px solid #344c7b;} .globalTab{width:100%;height:42px;background:url('../../images/os/new_img1/sub/tab_bg.png') repeat-x 50%;} .globalTab .globalTabs{display:table;margin:0 auto;background:#fff;} .globalTabs li{float:left;width:190px;margin:0 3px;position:relative;list-style:none;} .globalTabs li:first-child{margin-left:0} .globalTabs li:last-child{margin-right:0} .globalTabs li a{display:block;line-height:40px;font-size:16px;color:#4c4c4c;text-align:center;border:1px solid #dadada;transition-duration: 0.5s;} .globalTabs li a:hover, .globalTabs li a.active, .globalTabs li a.tabsOn{background:#344c7b;color:#fff;border:1px solid #344c7b;} .BodMu{width:100%;height:42px;background:url('../../images/os/new_img1/sub/tab_bg.png') repeat-x 50%;} .BodMu table{display:table;margin:0 auto;background:#fff;} .BodMu li{float:left;width:200px;margin:0 3px;position:relative;list-style:none;} .BodMu li:first-child{margin-left:0} .BodMu li:last-child{margin-right:0} .BodMu li a{display:block;line-height:40px;font-size:16px;color:#4c4c4c;text-align:center;border:1px solid #dadada;transition-duration: 0.5s;cursor:pointer;} .BodMu li a:hover, .BodMu li a:active, .BodMu li a.tabsOn{background:#344c7b;color:#fff;border:1px solid #344c7b;} .tbl-office-th3{font-size:15px;background:#fff;} .tbl-office-th3 th{border-top: 2px solid #222;padding:30px;background:#f0f0f0;color:#333;} .tbl-office-th3 td{background:#fff;color:#555;padding:20px 30px;background:#fafafa;} .tbl-office-th3 tr th:first-child{border-left:0;font-size:20px;} .tbl-office-th3 tr th:last-child{font-size:12px;} .tbl-office-th3 tr td:first-child{border-left:0;} .tbl-office-th3 tr td span{margin-left:15px;color:#777;font-size:14px;} /* 공통상단 */ .ContTxt{font-size:14px;color:#444;line-height:30px;} .ContTxt .Txt01{font-size:18px;color:#000;} .ContTxt .Txt02{font-size:20px;color:#ed7e1d;} /* 공통텍스트, 블릿 */ .TxtBasic h4{font-size:20px;color:#000;} .TxtBasic h4:after{content: "";display:block;width:40px;height:1px;background:#000;margin:20px 0 25px 0;} .TxtBasic p{font-size:15px;color:#767676;line-height:26px;} .TxtBasic li{font-size:16px;color:#767676;line-height: 26px;padding-left: 16px;position: relative;} .TxtBasic li:before{content: "";/* float:left; */width:6px;height:6px;background:#c2cad5;border-radius:50%;/* margin: 8px 10px 0 0; */position: absolute;top: 9px;left: 0;/* margin-top: -3px; */} .TxtBasic .IconNo{padding-left:0;} .TxtBasic li.IconNo:before{content: "";width:0;height:0;margin:0;} .TxtBasic .Txt02{font-size: 16px;} /* 지속경영 */ .Manag{width:100%;background:#f4f6fa;padding:50px;box-sizing:border-box;} .Manag dl{float:left;width:50%;} .Manag dt{font-size:18px;color:#3c3c3c;margin-bottom:10px;} .Manag dd{font-size:14px;color:#666;line-height:22px;} .Manag dd:before{content: "";float:left;width:4px;height:4px;background:#666;border-radius:50%;margin:8px 10px 0 0;} .ManagList{position:relative;width:100%;height:262px;margin-top:50px;} .ManagBgR{background:url('../../images/os/new_img1/sub/manag_bg_r.png') no-repeat right bottom;} .ManagBgL{background:url('../../images/os/new_img1/sub/manag_bg_l.png') no-repeat left top;} .ManagList .ManagImgL{position:absolute;width:542px;height:222px;top:0;left:0;} .ManagList .ManagImgR{position:absolute;width:542px;height:222px;bottom:0;right:0;} .ManagList .ManagTxtR{float:right;width:385px;margin:80px 35px 0 0;} .ManagList .ManagTxtL{float:left;width:380px;margin:40px 0 0 35px;} /* 인재상 */ .Desired{width:870px;height:630px;margin:0 auto;background:url('../../images/os/new_img1/sub/desired.png') no-repeat top center;} .Desired dl{float:left;width:290px;margin-top:450px;text-align:center;} .Desired dt{font-family:'Lato', sans-serif;font-size:22px;color:#fff;margin-bottom:75px;} .Desired dl:last-child dt{height:54px;line-height:54px;} .Desired dd{font-size:16px;color:#767676;line-height:24px;} /*오시는길 */ .MapBtn{position:relative;width:100%;margin:20px 0 30px;} .MapBtn a{float:right;width:80px;height:55px;display:block;font-size:15px;color:#fff;line-height:55px;padding-left:60px;background:#575b6b url('../../images/os/new_img1/sub/icon_map.png') no-repeat 30px 15px;transition-duration: 0.5s;} .MapBtn a:hover{background:#4e5263 url('../../images/os/new_img1/sub/icon_map.png') no-repeat 30px 15px;} .MapListInner{position:relative;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:25px 30px 0 260px;box-sizing:border-box;background:url('../../images/os/new_img1/sub/logo_map.png') no-repeat 40px 110px;} .MapListInner .MapList{border-left:1px solid #ddd;margin-bottom:30px;padding-left:35px;} .MapList ul{border-bottom:1px solid #ddd;padding:25px 0;} .MapList li:first-child, .MapList dl dt{float:left;font-family:'Lato', sans-serif;font-size:16px;color:#000;text-transform:uppercase;width:165px;padding-left:10px;} .MapList li{float:left;font-size:15px;color:#696969;} .MapList li span{color:#383838;margin-right:15px;} .MapList li:last-child{color:#383838;border-left:1px solid #e5e5e5;padding-left:35px;margin-left:35px;} .MapList dl{margin-top:25px;line-height:36px;padding-bottom:20px;} .MapList dl dd{font-size:15px;color:#383838;} /* 시스템컨설팅 */ .ConsulT{position:relative;width:100%;height:500px;background:url('../../images/os/new_img1/sub/systems.png') no-repeat top center;box-sizing:border-box;} .ConsulT .Consul01{position:absolute;left:30px;top:58px;width:260px;} .ConsulT .Consul02{position:absolute;right:30px;top:58px;width:260px;text-align:right;} .ConsulT .Consul03{position:absolute;left:30px;top:327px;width:260px;} .ConsulT .Consul04{position:absolute;right:30px;top:327px;width:260px;text-align:right;} .ConsulT dt{width:140px;height:45px;border-radius:30px;font-size:20px;color:#fff;line-height:45px;text-align:center;margin-bottom:25px;} .ConsulT dd{font-size:15px;color:#666;line-height:22px;margin:10px 0 0 15px;} .ConsulT dd:before{content: "";float:left;width:6px;height:6px;background:#c2cad5;border-radius:50%;margin:7px 10px 0 0;} .ConsulT .Consul02 dt, .ConsulT .Consul04 dt{margin-left:120px;text-align:center;} .ConsulT .Consul02 dd:before, .ConsulT .Consul04 dd:before{content: "";float:right;margin:7px 0 0 10px;} /* 와우넷소개-와우넷이란 */ .WowIntro{width:100%;height:620px;padding:20px 40px;box-sizing:border-box;background:url('../../images/os/new_img1/sub/wow_intro.png') no-repeat 40px top;} .WowIntro dl{margin:0 0 20px 555px;width:370px;height:80px;clear:both;} .WowIntro dt{float:left;width:120px;font-size:18px;color:#fff;line-height:80px;text-align:center;margin-right:20px;} .WowIntro dd{float:right;width:230px;font-size:15px;color:#474747;line-height:24px;padding-top:18px;} .WowIntro dd span{font-size:13px;color:#767676;line-height:20px;} /* 와우넷소개-와우넷솔루션 */ .SolutionK{width:100%;/* background:#889192 url('../../images/os/new_img1/sub/solutionkind.png') no-repeat top; *//* padding:130px 21px 15px; */box-sizing:border-box;border-top: 1px solid #000;} .SolutionK dl{float:left;width: 50%;height: 180px;background:#fff;padding:30px;box-sizing:border-box;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;} .SolutionK dl:nth-child(even){border-left:0;} .SolutionK dl dt{font-size:18px;color:#3c3c3c;margin-bottom:15px;} .SolutionK dl dd{font-size:14px;color:#666;line-height:22px;} .SolutionK dl:nth-child(1){background-image:url(../../images/os/new_img1/sub/kindicon01.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(2){background-image:url(../../images/os/new_img1/sub/kindicon02.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(3){background-image:url(../../images/os/new_img1/sub/kindicon03.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(4){background-image:url(../../images/os/new_img1/sub/kindicon04.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(5){background-image:url(../../images/os/new_img1/sub/kindicon05.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(6){background-image:url(../../images/os/new_img1/sub/kindicon06.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(7){background-image:url(../../images/os/new_img1/sub/kindicon07.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(8){background-image:url(../../images/os/new_img1/sub/kindicon08.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(9){background-image:url(../../images/os/new_img1/sub/kindicon09.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(10){background-image:url(../../images/os/new_img1/sub/kindicon10.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(11){background-image:url(../../images/os/new_img1/sub/kindicon11.png); background-repeat:no-repeat; background-position:95% 90%;} .SolutionK dl:nth-child(12){background-image:url(../../images/os/new_img1/sub/kindicon12.png); background-repeat:no-repeat; background-position:95% 90%;} /* 와우넷소개-와우넷특징 */ .feature dl dt{width:30%; text-align:center; padding:30px 10px;} .feature dl:nth-child(odd) dt{border-top:1px solid #749aa4; color:#749aa4;} .feature dl:nth-child(even) dt{border-top:1px solid #223e72; color:#223e72;} .feature dl dt img{margin-bottom:10px;} .feature dl dd{width:70%;} .feature dl dd ul li{font-size:16px; line-height:24px; margin-bottom:4px;} .feature dl dd ul li:before{top:9px;} .feature dl.system{height:225px;}.feature dl.manage{height:281px;}.feature dl.function{height:493px;}.feature dl.interface{height:197px;} /* 와우넷소개-와우넷기능구성 */ .WowFunctional dl{width:100%;margin-top:30px;} .WowFunctional dt{float:left;width:230px;height:140px;text-align:center;color:#fff;font-size:20px;line-height:28px;box-sizing:border-box;display: -webkit-flex;display:flex; -webkit-align-items:center;align-items:center;} .WowFunctional dt.Bg01{background:#9ebec6;} .WowFunctional dt.Bg02{background:#5b79b9;} .WowFunctional dt.Bg03{background:#385a90;} .WowFunctional dt.Bg04{background:#52515f;} .WowFunctional dt p{display:inline-block;margin:0 auto;text-align:center;} .WowFunctional dd{float:right;width:775px;height:140px;border:1px solid #e5e5e5;border-left:0;padding:20px;box-sizing:border-box;font-size:15px;color:#767676;line-height:24px;} /* 마이오피스란 */ .MyOff{width:100%;} .MyOff ul{margin-left:10px;} .MyOff ul li{height:120px;font-size:16px;color:#4c4c4c;line-height:28px;padding:45px 30px 0 200px;margin-top:30px;} .MyOff ul li.Bg01{background: url('../../images/os/new_img1/sub/myoff01.png') no-repeat;} .MyOff ul li.Bg02{background: url('../../images/os/new_img1/sub/myoff02.png') no-repeat;} .MyOff ul li.Bg03{background: url('../../images/os/new_img1/sub/myoff03.png') no-repeat;} /* 마이오피스-마이오피스 특징 */ .office dl.system{height:229px;}.office dl.manage{height:281px;}.office dl.function{height:257px;} /* 컴-리스트 */ .PcCom{position:relative;width:100%;} .PcCom li{float:left;position:relative;width:480px;height:370px;background: url('../../images/os/new_img1/sub/pc-bg.png') no-repeat;margin-left:45px;} .PcCom li .ComImg{position:absolute;top:60px;left:64px;} .PcCom li .ComName{position:absolute;bottom:15px;right:15px;font-size:12px;font-family:'Lato', sans-serif;color:#9ebec6;} /* 마이페이 */ .MyPay{position:relative;width:100%;padding-left:485px;background: url('../../images/os/new_img1/sub/mypay01.png') no-repeat;color:#fff;margin-bottom:70px;} .MyPay .MyPayPoint{float:left;width:110px;height:320px;background:#3b5d93;} .MyPay .MyPayPoint ul{margin-top:20px;} .MyPay .MyPayPoint li{display:block;font-size:20px;text-align:center;line-height:40px;} .MyPay .MyPayPoint li:after{content:url('../../images/os/new_img1/sub/icon_pius.png');display:block;} .MyPay .MyPayPoint li:last-child:after{content:"";display:block;width:0;height:0;} .MyPay .MyPayList{float:left;width:410px;height:320px;background:#9ebec6;} .MyPay .MyPayList ul{padding:30px 28px;} .MyPay .MyPayList ul li{font-size:16px;line-height:44px;background: url('../../images/os/new_img1/sub/icon_check.png') no-repeat left 10px;padding-left:35px;} /* 와우넷 쇼핑몰 */ .Process{position:relative;width:100%;background: url('../../images/os/new_img1/sub/mypay02.png') no-repeat;margin:40px 0;} .Process li{float:left;width:180px;height:180px;margin-left:95px;text-align:center;color:#fff;font-size:18px;line-height:26px;display: -webkit-flex;display:flex; -webkit-align-items:center;align-items:center;} .Process li:first-child{margin-left:0;} .Process li p{display:inline-block;margin:0 auto;text-align:center;} .Process li p span{font-size:15px;} .ShopFun{position:relative;width:100%;border-top:1px solid #333;border-right:1px solid #ddd;box-sizing:border-box;} .ShopFun ul{width:100%;height:215px;border-bottom:1px solid #ddd;} .ShopFun ul li{float:left;width:333px;height:215px;border-left:1px solid #ddd;text-align:center;padding:40px 25px;box-sizing:border-box;} .ShopFun ul li dt{font-size:20px;color:#000;margin-bottom:15px;} .ShopFun ul li dd{font-size:15px;color:#767676;line-height:24px;} .ShopFun .ShopImg01{background: url('../../images/os/new_img1/sub/shop_mall.png') no-repeat;} .ShopFun .ShopImg02{background: url('../../images/os/new_img1/sub/shop_mall2.png') no-repeat;} .ShopFun .shopBg01{background:#f9fbf9;} .ShopFun .shopBg02{background:#f7f8fb;} .OfficeList_content{padding:50px 0;} .OfficeList_content .imgWrap{overflow-x:auto;} .OfficeList_content .imgWrap img{height:650px;} table.Normal{width:100%;margin:35px 0;text-align:center;} table.Normal tr th{border-top:1px solid #333;background-color:#f9f9f9;color:#111;border-bottom:1px solid #ddd; border-right:1px solid #ddd;padding:25px 0;} table.Normal tr th:last-child{border-right:0;} table.Normal tbody tr{border-bottom:1px solid #ddd;text-indent: 0;} table.Normal tbody tr td{border-right:1px solid #eee;color:#777;padding:20px 15px;} table.Normal tbody tr td:last-child{border-right:0;} /* 공통 */ .Txt02{color:#ed7e1d !important;} .Txt03{color:#1e74a4;} .bg-blue{background:#344c7b !important; color:#fff;} .TxtBasic2 li{text-align:left;position: relative;line-height:24px;padding-left: 10px;} .TxtBasic2 li:before{content:"";width:4px;height:4px;border-radius:50%;background: #444;position: absolute;top: 9px;left: 0;/* margin-top: -2px; */} .contract_btn{background:#223e72;display: block;border-radius:5px;color:#fff;font-size:16px;width: 250px;height: 40px;line-height: 40px;text-align: center;margin: 0 auto;} .contract_btn:hover{background:#072c6c; transition:0.3s;} .tbl01{width:100%;} .tbl01 thead tr th{color:#444; background:#f3f5f9; border:1px solid #ddd; border-top:1px solid #000; font-size:18px; height:45px;} .tbl01 tbody tr th{color:#444; background:#f3f5f9; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-size:18px;} .tbl01 tbody tr td{border:1px solid #ddd; border-top:none; padding:30px; font-size:16px; line-height:24px;} .tbl01 tbody tr td ul li{margin-bottom:5px;/* text-indent: -14px; */margin-left: 14px;position: relative;} .tbl01 tbody tr td ul li:before{content:'';display:inline-block;width:4px;height:4px;background:#666;border-radius:50%;vertical-align:middle;margin-right: 10px;position: absolute;top: 8px;left: -12px;} /* ----------------- 계약안내 ----------------- */ /* 가격정책 */ .TxtBasic .SubContTabs li:before{display:none;} .PriceTbl .tbl01 thead tr th{font-size:16px;height: auto;padding: 10px 0;} .PriceTbl .tbl01 tbody tr th{font-size:16px;} .PriceTbl .tbl01 tbody tr td{font-size:15px;height: auto;padding: 10px; text-align:center;} .priceTop{display:flex;gap:20px;} .priceTop li{width:20%;text-align:center;padding:30px 20px 20px;box-shadow: 0 8px 16px rgba(53,72,76,.08);border-radius:20px;border:1px solid #f2f2f2;} .priceTop li h2{font-size:26px;color:#000;font-weight:600;} .priceTop li h2+p{font-size:12px;color:#969696;} .priceTop li .price{border-radius:20px;line-height:34px;color:#fff;margin:5px 0 20px;font-weight: 600;letter-spacing:1px;display:block;} .priceTop li:nth-child(1) {background:#3cc1400a;border:1px solid #3cc140;} .priceTop li:nth-child(2) {background:#ebbf470a;border:1px solid #ebbf47;} .priceTop li:nth-child(3) {background:#2688e20a;border:1px solid #2688e2;} .priceTop li:nth-child(4) {background:#ed426f0a;border:1px solid #ed426f;} .priceTop li:nth-child(5) {background:#5255b80a;border:1px solid #5255b8;} .priceTop li:nth-child(1) h2{color:#3cc140;} .priceTop li:nth-child(2) h2{color:#ebbf47;} .priceTop li:nth-child(3) h2{color:#2688e2;} .priceTop li:nth-child(4) h2{color:#ed426f;} .priceTop li:nth-child(5) h2{color:#5255b8;} .priceTop li:nth-child(1) .price{background:#3cc140;} .priceTop li:nth-child(2) .price{background:#ebbf47;} .priceTop li:nth-child(3) .price{background:#2688e2;} .priceTop li:nth-child(4) .price{background:#ed426f;} .priceTop li:nth-child(5) .price{background:#5255b8;} .priceTop li p{margin-top:15px;color:#262626;} .priceTop .btm{background:#fff;margin-top:30px;height:65px;line-height:1.5;border-radius:15px;text-align:left;display:flex;align-items: center;justify-content: center;flex-direction: column;position:relative;} .priceTop .btm:before{content:"[납품형 비용]";width:100%;position:absolute;top:-6px;left:0;text-align:center;color:#000;font-size:13px;line-height:1;} .priceTop .btm p{margin-top:0;color:#666;font-size:12px;} .priceTop .btm span{color:#000;} .priceTop li:nth-child(1) .btm{border:1px solid #3cc14055;} .priceTop li:nth-child(2) .btm{border:1px solid #ebbf4755;} .priceTop li:nth-child(3) .btm{border:1px solid #2688e255;} .priceTop li:nth-child(4) .btm{border:1px solid #ed426f55;} .priceTop li:nth-child(5) .btm{border:1px solid #5255b855;} .priceInfo ul{display:flex;margin:50px 0 20px;width:100%;border:1px solid #eee;} .priceInfo ul li{width:15%;text-align:center;padding:20px 5px;font-weight:600;font-size:16px;} .priceInfo ul li:nth-child(1){width:250px !important;font-weight:600;color:#363636;background:#fafafa;border-right:1px solid #eee;} .priceInfo ul li:nth-child(2){color:#3cc140;} .priceInfo ul li:nth-child(3){color:#ebbf47;} .priceInfo ul li:nth-child(4){color:#2688e2;} .priceInfo ul li:nth-child(5){color:#ed426f;} .priceInfo ul li:nth-child(6){color:#5255b8;} .priceInfo ul.fix{position:fixed;top:0;width:1005px;box-shadow: 0 4px 16px rgba(22,22,49,.24);margin:20px 0;background:#fff;} .priceInfo table{border-top:1px solid #eee;border-left:1px solid #eee;width:100%;} .priceInfo table th{text-align:center;padding:13px 5px;font-weight:600;color:#363636;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size: 13px;background:#fafafa;} .priceInfo table td{text-align:center;padding:13px 5px;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size: 13px;word-break: keep-all;} .priceInfo table td i{display:inline-block;color:#eb4070;font-weight:600;} .priceInfo table .bgt{border-top:1px solid #333;} /* 와우넷 선택가이드 */ .selectTit{width:100%; font-size:16px;color:#767676;line-height:24px; padding:40px 0; background:#f8f8f8; text-align:center;} .selectTit span{color:#000; font-size:20px; display:block;} .verSelect{padding:60px 40px;} .verSelect .qst{margin-bottom:50px;} .verSelect .qst p{font-size:20px;line-height:34px;color:#444;margin-bottom: 30px;} .verSelect .qst span{width:55px;height:34px;display: inline-block;color:#fff;margin-right: 5px;text-align:center;background:url(../../images/os/new_img1/sub/qst01.png) no-repeat; font-weight:bold;} .verSelect .qst:nth-child(odd) span{width:55px;height:34px;display: inline-block;color:#fff;margin-right: 5px;text-align:center;background:url(../../images/os/new_img1/sub/qst02.png) no-repeat; font-weight:bold;} .verSelect .qst ul{margin-left:50px;} .verSelect .qst ul li{float:left;width:25%;line-height:20px;margin-bottom: 10px;} .verSelect .qst ul li input{margin-right:5px; vertical-align:middle;} .verSelect .verbtn{background:#223e72;display: block;border-radius:5px;color:#fff;font-size:16px;width: 250px;height: 40px;line-height: 40px;text-align: center;margin: 0 auto;} /* 계약진행절차 */ .conTract > p{text-align:center; margin:50px 60px;} .conTract img{text-align:center;} .conTract .TxtBasic{margin-bottom:30px;} .conTract .TxtBasic p{width:100%; background:#f4f6fa; padding:50px 0; text-align:center;} .conTract dl{height: 160px;} .conTract dl dt{width: 30%;float:left;height:max-content;border-top:1px solid #223e72;padding:30px;box-sizing:border-box;color:#223e72;font-size: 20px;} .conTract dl:nth-child(odd) dt{color:#749aa4; border-top:1px solid #749aa4;} .conTract dl dt span{color:#b8b9ba;font-size: 16px;display:block;line-height: 24px;} .conTract dl dd{width: 70%;float:right;border-top:1px solid #eee;padding: 30px 50px;box-sizing: border-box;} .conTract ul{float:left;} .conTract .TxtBasic2 li{line-height:22px; margin-bottom:0;} .conTract ul li{font-size:14px;color:#767676;position:relative;padding-left: 13px;box-sizing:border-box;margin-bottom: 8px;} .conTract ul li:before{/* content:""; *//* display:block; *//* width: 4px; *//* height: 4px; *//* border-radius:50%; *//* background: #666; *//* position:absolute; *//* top:4px; *//* left:0; */} /* 서버호스팅 */ .servList{position:relative;width:100%;height: 400px;margin-top:50px;} .servList .ManagImgL{position:absolute;width: 502px;height: 320px;top:0;left:0;} .servList .ManagImgR{position:absolute;width: 502px;height: 320px;top: 50px;right:0;} .servList .ManagTxtR{float:right;width: 584px;/* height: 300px; */margin: 50px 0px 0 0;border: 1px solid #e9ecf2;padding: 30px 0px 30px 130px;box-sizing: border-box;} .servList .ManagTxtL{float:left;width: 580px;border: 1px solid #e9ecf2;padding: 30px 0px 30px 50px;box-sizing: border-box;} .servList .corner{width:20px;height:1px;background: #444;top: 50px;right: 0;} .servList .corner:after{content:"";display:block;width:1px;height:20px;background:#444;margin-left: 19px;} .servList .corner2{width:20px;height:1px;background: #444;top: 0px;left: 0;} .servList .corner2:after{content:"";display:block;width:1px;height:20px;background:#444;} .Core{width:100%;} .Core dl{width: 100%;/* float:left; */} .Core dl dt{width:100%;height:40px;background:#f3f5f9;border: 1px solid #ddd;font-size:18px;text-align:center;line-height:40px;color:#000;box-sizing: border-box;} .Core dl dd{border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 16px;color:#000;padding: 30px 25px;text-align:center;width: 50%;float: left;box-sizing: border-box;height: 230px;border-right: 1px solid #ddd;} .Core dl dd:nth-child(2){border-right:0;} .Core dl dd:nth-child(2) img{width: 220px;} .Core dl dd ul{text-align:left;} .Core dl dd ul li{font-size: 14px;text-indent: -42px;margin-left: 42px;padding-left: 0;} .Core dl dd ul li:before{display:none;} .Core dl dd ul li span{padding:2px 5px;border-radius:3px;background:#e9e9e9;margin-right:5px;} /* 실명확인 서비스 */ .downBtn a{cursor:pointer;float:right;background:#575b6b;display:block;width:160px;height:55px;line-height:55px;color:#fff;transition:0.5s;text-align:center;} .downBtn a:hover{background:#4e5263;} /* 라이선스 안내 */ .servimg{width:100%; padding:50px 0; background:#f9f9f9;} /* 유지보수 안내 */ .Maint dl{width:312px;} .Maint dl dt{width:200px; margin: 0 auto; background:#9ebec6; height:50px; border-radius:30px; text-align:center; font-size:18px; color:#fff; line-height:50px;} .Maint dl.maint01{margin-right:50px;}.Maint dl.maint02{margin-left:50px;} .Maint dl.maint02 dt{background:#5b79b9;} .Maint dl dd ul li{font-size:16px;line-height:26px;position:relative;padding-left: 16px;} .Maint dl dd ul li:before{} .upgrade h3{width:200px;line-height:46px;border-radius:23px;background:#454454;color:#fff;font-size:16px;text-align:center;margin-bottom:20px; } .upgrade > ul{margin-left:20px; margin-bottom:30px;} .upgrade ul.list{width: 700px;background:#f5f5f5;padding: 15px 50px;margin:10px 40px 10px;box-sizing: border-box;} .upgrade ul.list li{font-size: 14px;line-height: 22px;} .upgrade ul.list li:before{display:none;} /* 토탈서비스 */ .Total{padding:0 30px;background:url(../../images/os/new_img1/sub/total_bg.png) no-repeat;background-position: center 90px;} .Total dl{width:25%;float:left;margin: 0 auto;text-align: center;} .Total dl dt{width:180px;height:180px;background:#f48d6a;border-radius:50%;text-align: center;margin: 0 auto; color:#fff;} .Total dl.ticon02 dt{background:#9dbec5;}.Total dl.ticon03 dt{background:#a89e7a;}.Total dl.ticon04 dt{background:#7e7c70;} .Total dl dt img{margin: 22px 0 15px;} .Total dl dt ul li{font-size:13px; line-height:18px; opacity:0.8;} .Total dl dt ul li.tit{font-size:18px;line-height:28px;opacity:1;margin-bottom: 5px;} .Total dl dd{width: 185px;margin:0 auto;} .Total dl dd:before{content:""; display:block; margin:20px auto; width:30px; height:1px; background:#f48d6a;} .Total dl.ticon02 dd:before{background:#9dbec5;}.Total dl.ticon03 dd:before{background:#a89e7a;}.Total dl.ticon04 dd:before{background:#7e7c70;} .addtxt{background:#f8f8f8;border:1px solid #f0f0f0;text-align: center;width: 780px;height: 50px;margin: 60px auto 0;line-height: 50px;} /* 외부 인터페이스 */ .interfaceWrap{border-top:1px solid #000;} .interface dl{width:251.25px;height: 250px;float:left;border-left:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;padding:20px;} .interface dl:nth-child(5),.interface dl:nth-child(6),.interface dl:nth-child(7),.interface dl:nth-child(8){border-top:none;} .interface li:last-child dl{border-right:1px solid #ddd;} .interface li.interface01 dl{background:url(../../images/os/new_img1/sub/intericon01.png) no-repeat 90% 90%;} .interface li.interface02 dl{background:url(../../images/os/new_img1/sub/intericon02.png) no-repeat 90% 90%;} .interface li.interface03 dl{background:url(../../images/os/new_img1/sub/intericon06.png) no-repeat 90% 90%;} .interface li.interface04 dl{background:url(../../images/os/new_img1/sub/intericon04.png) no-repeat 90% 90%;} .interface li.interface05 dl{background:url(../../images/os/new_img1/sub/intericon05.png) no-repeat 90% 90%;} .interface li.interface06 dl{background:url(../../images/os/new_img1/sub/intericon12.png) no-repeat 90% 90%;} .interface li.interface07 dl{background:url(../../images/os/new_img1/sub/intericon08.png) no-repeat 90% 90%;} .interface li.interface08 dl{background:url(../../images/os/new_img1/sub/intericon10.png) no-repeat 90% 90%;} .interface li.interface09 dl{background:url(../../images/os/new_img1/sub/intericon03.png) no-repeat 90% 90%;} .interface li.interface10 dl{background:url(../../images/os/new_img1/sub/intericon07.png) no-repeat 90% 90%;} .interface li.interface11 dl{background:url(../../images/os/new_img1/sub/intericon11.png) no-repeat 90% 90%;} .interface li.interface12 dl{background:url(../../images/os/new_img1/sub/intericon09.png) no-repeat 90% 90%;} .interface dl dt{font-size:18px; color:#000; margin-bottom: 20px;} .interface dl dd{font-size:14px; color:#666; line-height:22px;} .interfaceWrap .TxtBasic{display: inline-block;margin-top: 20px;} .interfaceWrap .TxtBasic li{color:#999;} .interfaceWrap .contract_btn{float: right; margin-top: 20px;} .interfaceWrap .contract_btn img{margin-left:10px;margin-top: 17px;} .interface > li{width:251.25px;height: 250px;float: left;} .interface > li > div {position:relative;display:block;width:100%;height: 250px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;transform-style:preserve-3d;} .interface > li > div > span {display:block;position:absolute;left:0;top:0;width:100%;height: 250px;background:#fff;opacity:1;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;/*backface-visibility:hidden;*/} .interface > li > div > span:last-child{background:rgba(215, 220, 232, 0.3);} .interface > li > div > span + span {transform:rotateY(180deg);background:#fff;opacity:0;} .interface > li > div > span strong {position:absolute;right:24px;bottom:24px;font-size:40px;line-height:42px;color:#222;letter-spacing:-1px;} .interface > li:hover > div, .banner_main3 .list > li a:focus > span {transform:rotateY(180deg);} .interface > li:hover > div > span, .banner_main3 .list > li a:focus > span > span {opacity:0;} .interface > li:hover > div > span + span, .banner_main3 .list > li a:focus > span > span + span {opacity:1;} .interface > li:hover > div > span + span:after, .banner_main3 .list > li a:focus > span > span + span:after {content:'';position:absolute;right:20px;top:26px;width:28px;height:28px;display:block;background:url(../images/com/icon_set1.png) no-repeat -120px -140px;} .interface > li > a > div {position:relative;display:block;width:100%;height: 250px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;transform-style:preserve-3d;} .interface > li > a > div > span {display:block;position:absolute;left:0;top:0;width:100%;height: 250px;background:#fff;opacity:1;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;/*backface-visibility:hidden;*/} .interface > li > a > div > span:last-child{background:rgba(215, 220, 232, 0.3);} .interface > li > a > div > span + span {transform:rotateY(180deg);background:#fff;opacity:0;} .interface > li > a > div > span strong {position:absolute;right:24px;bottom:24px;font-size:40px;line-height:42px;color:#222;letter-spacing:-1px;} .interface > li:hover > a > div, .banner_main3 .list > li a:focus > span {transform:rotateY(180deg);} .interface > li:hover > a > div > span, .banner_main3 .list > li a:focus > span > span {opacity:0;} .interface > li:hover > a > div > span + span, .banner_main3 .list > li a:focus > span > span + span {opacity:1;} .interface > li:hover > a > div > span + span:after, .banner_main3 .list > li a:focus > span > span + span:after {content:'';position:absolute;right:20px;top:26px;width:28px;height:28px;display:block;background:url(../images/com/icon_set1.png) no-repeat -120px -140px;} .interface a.btn-layer{display: block;width: 250px;height: 250px;position: absolute;} .interface .btnbox{background: #304a7b;line-height: 30px;color: #fff;font-size: 13px;margin-top: 70px;text-align: center;display: inline-block;padding: 0 10px;} /* 파트너사 소개 */ .partNers{display:table;} .partNers li{width: 328px;height: 100px;float: left;border:1px solid #ddd;text-align:center;display:table-cell;margin-right: 7px;margin-bottom: 10px;vertical-align:middle;cursor:pointer;} .par01_cont{display:block;}.par02_cont{display:none;}.par03_cont{display:none;}.par04_cont{display:none;}.par04_cont{display:none;}.par05_cont{display:none;}.par06_cont{display:none;} .partNers li.on{border: 1px solid #304a7b;background: #f3f5f9;color: #fff;transition: 0.3s all;} .partNers li:nth-child(3),.partNers li:nth-child(6){margin-right:0;} .partNers li img{margin-top: 31.5px;} .partner_cont div dl.topdetail{display:table;background:#f8f8f8;padding:35px 35px 35px 0;width: 100%;box-sizing: border-box;} .partner_cont div dl.topdetail dt{display:table-cell;vertical-align:middle;text-align:center;width:30%;font-size: 13px;color: #767676;} .partner_cont div dl.topdetail dt span{width: 30px;height:1px;background:#444;display:block;margin: 10px auto 15px;} .partner_cont div dl.topdetail dd{display:table-cell; vertical-align:middle; width:70%;} .partner_cont div dl.topdetail dd ul li{color:#767676;font-size:16px;line-height:26px;text-indent: -14px;margin-left: 14px;} .partner_cont div dl.topdetail dd ul li.toptit{color:#000; margin-bottom:10px; font-size:18px;} .partner_cont div img:after{content:""; width:20px; height:1px; background:#444; display:block; margin:15px 0;} .partner_cont .subtxt{font-size:20px;color:#444;text-align:center;line-height:30px;} /* 한비로 */ .par01_cont .conTract ul{width:100%;background:#f5f5f5;padding:20px 40px;box-sizing:border-box;line-height:18px;} .par01_cont .conTract ul li{margin-bottom:0;padding-left: 15px;} .par01_cont .conTract .Txt02{font-size:14px;} /* 서비스 신청 레이어팝업 */ .layer-wrap {display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;text-align: center;background-color: rgba(0, 0, 0, 0.5);z-index: 99;} .layer-wrap:before {/* content: ""; */display: inline-block;height: 100%;vertical-align: middle;margin-right: -.25em;} .resist-pop-layer {display: inline-block;vertical-align: middle;width: 560px;height: auto;background-color: #fff;z-index: 10;font-family:Tahoma;position: absolute;top: 100px;left: 50%;margin-left: -280px;} .pop-layer .pop-container {padding: 20px 25px;} .pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right;} a.btn-layerClose {display: inline-block; height: 25px; padding: 0 14px 0; background-color: #bdbdbd; font-size: 15px; color: #fff; line-height: 50px; width: 50%; float: right; box-sizing: border-box; height: 50px;} .par01_cont a.btn-layer{display: block;width: 120px;height: 35px;background: #304a7b;margin: 0 auto;line-height: 35px;color: #fff;margin-top: 20px;font-size: 13px;} .pop-container h1{color:#fff; font-size:24px; backgorund:#304a8a; width:100%;} .pop-conts{padding: 40px 40px 30px 40px;position:relative;} .pop-conts h3{font-size:20px;color:#000;margin-bottom: 10px;text-align: left;position: relative;} .pop-conts h3 span{font-size: 12px;color: #999;position: absolute;right: 0;bottom: 0;} .pop-conts .pop-conts-table{border-top:2px solid #000;border-bottom: 1px solid #888;} .pop-conts .t-input{height: 35px !important;line-height: 35px !important;} .pop-conts input{background: #f5f5f5 !important;border:0 !important;height: 35px !important; line-height:35px !important;} .pop-conts article dl{border-bottom: 1px solid #ddd;display:table;width:100%;/* margin-bottom: 10px; *//* height: 60px; */padding: 9px 10px;box-sizing: border-box;} .pop-conts article dl:first-child{padding: 12px 10px;border-bottom: 1px solid #888;} .pop-conts article dl:nth-child(2){padding: 12px 10px;border-bottom: 1px solid #888;} .pop-conts article dl dt{color: #000;display:table-cell;width: 25%;vertical-align: middle;text-align: left;} .pop-conts .dot:before{content:"*";/* width: 5px; *//* height: 5px; */color: #ed6710;display:inline-block;vertical-align: middle;margin-right: 5px;/* border-radius: 50%; */} .pop-conts article dl:last-child{border-bottom: 0;} .pop-conts article dl:last-child dt{vertical-align:top;padding-top: 9px;} .pop-conts article dl:last-child .t-input{height:auto !important;} .pop-conts article dl dd{display:table-cell;width: 75%;vertical-align: middle;} .pop-conts article dl textarea{border:0 !important;background:#f5f5f5 !important;height:100px;padding: 12px;} .btn_apply{width: 50%;float: left;background: #304a8a;height: 50px;font-size: 15px;color: #fff;line-height: 50px;border: 0;padding: 0;} .pop-conts input::-webkit-input-placeholder {font-size:12px;} .pop-conts input:-moz-placeholder {font-size:12px;} .pop-conts input::-moz-placeholder {font-size:12px;} .pop-conts input:-ms-input-placeholder {font-size:12px;} /* 비플 */ .par02_cont .crm{display:table;} .par02_cont .crm li{width:240px; height:320px; padding-right:15px; color:#fff; font-size:18px; line-height:26px; text-align:center; display:table-cell; vertical-align:middle;} .par02_cont .crm li:nth-child(1){background:url(../../images/os/new_img1/sub/partner02.png) no-repeat;} .par02_cont .crm li:nth-child(2){background:url(../../images/os/new_img1/sub/partner03.png) no-repeat;} .par02_cont .crm li:nth-child(3){background:url(../../images/os/new_img1/sub/partner04.png) no-repeat;} .par02_cont .crm li:nth-child(4){background:url(../../images/os/new_img1/sub/partner05.png) no-repeat; padding-right:0;} .par02_cont .solutionTop{background:none;padding-left: 0; height:auto;} .par02_cont .solutionTop li{color:#444;} .par02_cont .solutionTop li:before{display:none;} .par02_cont .solutionTop li span{color:#767676; font-size:14px; display:block; margin-left:28px;} /* 나이스평가정보 */ .par03_cont .bottomCont dl dt{width:40%; height:auto;} .par03_cont .bottomCont dl dd{width:60%;padding-right: 30px;box-sizing: border-box; display:table;} .par03_cont .bottomCont dl dd ul{display:table-cell; vertical-align:middle; padding-left:50px;} .par03_cont .bottomCont dl dt span{width: 50%;text-align: left;} /* 대영기업물류 */ .par04_cont .streamingList dd ul li{font-size:15px;color:#767676;line-height:24px;padding-left: 10px;} .par04_cont .conTract{font-size:15px; color:#767676; line-height:24px;} .par04_cont .conTract ul li{margin-bottom:0;} /* 스마트알파 */ .par05_cont .sysTem{background:#f4f6fa;padding: 30px 60px;} .par05_cont .sysTem dl{float:left;width: 270px;margin-right: 37px;height: 180px;margin-bottom: 30px;} .par05_cont .sysTem dl:nth-child(3),.par05_cont .sysTem dl:nth-child(5){margin-right:0;} .par05_cont .sysTem dl:nth-child(4),.par05_cont .sysTem dl:nth-child(5){margin-bottom:0; height:200px;} .par05_cont .sysTem dl:nth-child(4){margin-left:154px;} .par05_cont .sysTem dl dt:after{content:""; height:1px; width:100%; background:#000; margin:15px 0; display:block;} .par05_cont .sysTem dl dt span{font-size: 18px; color: #444; line-height: 26px; width: 60%; text-align: right; margin-right: 20px; margin-top: 52px; float: right;} .par05_cont .sysTem dl:nth-child(2) dt span{margin-top:25px;} .par05_cont .sysTem dl dd{padding-left:10px; padding-right:10px;} .par05_cont .sysTem dl dd ul li{font-size:14px; line-height:22px;} .par05_cont .conTract ul li{margin-bottom: 0;} .par05_cont .conTract ul li:before{margin-left: 0;margin-top: 4px;} /* 카테노이드 */ .par06_cont .conTract .TxtBasic2 li{line-height:22px; margin-bottom:0;} .par06_cont .part-bg{background:#f4f6fa; padding:40px 0; text-align:center;} .par06_cont .content dl{width:100%;} .par06_cont .content dl:nth-child(2){background: url(../../images/os/new_img1/sub/partner14.png) no-repeat;background-position: right 40px;padding-bottom: 20px;} .par06_cont .content dl:nth-child(3){background: url(../../images/os/new_img1/sub/partner15.png) no-repeat;background-position: right 40px;padding-bottom: 90px;} .par06_cont .content dl dt{width:288px; height:45px; background:#454454; border-radius:25px; text-align:center; line-height:46px; font-size:16px; color:#fff;} .par06_cont .content dl dd{width:50%; margin:20px;} .par06_cont .content dl dd ul li{margin-bottom:0;padding-left: 16px;} .par06_cont .content .nospot{color:#444;margin-left: -20px;margin-top:20px;} .par06_cont .content .nospot:before{display:none;} /* 고객센터 안내 */ .info dl{width:280px; float:left; text-align:center;} .info .info01{width:280px;float:left; margin-right:5px;} .info dl dt{font-size:20px; color:#444;} .info dl dt:after{content:"";display:block;height:1px;width:30px;background:#444;margin: 20px auto;} .info dl dd{font-size:16px; color:#444; line-height:24px;} .info dl dd .s-font{font-size:14px;} .info dl dd.icon{border-radius:50%;background:#fff;width:80px;height:80px;margin: 0 auto 30px;} .info dl dd.icon img{margin-top:20px;} .info dl.time{background:#d5e3ee; padding:50px 0;}.info dl.email{background:#d5e3ee; padding:60px 0;}.info dl.call{background:#5b79b9; margin-top:5px;}.info dl.fax{background:#aab9c2; margin-bottom:5px;} .info dl.time, .info dl.email{height:205px;box-sizing:border-box;} .info dl.call dt,.info dl.fax dt{color:#fff;} .info dl.call dt:after,.info dl.fax dt:after{background:#fff; margin: 25px auto;} .info dl.call dd,.info dl.fax dd{color:#fff;font-size:24px;} .info dl.fax,.info dl.call{height:314px;padding: 55px 0;box-sizing: border-box;} /* 사업제휴 문의 */ .sugg{width:100%;padding: 30px 0;background:#f5f5f5;border: 1px solid #eaeaea;} .sugg p{width: 20%;font-size:20px;position: relative;float: left;text-align: center;line-height: 30px;color: #000;} .sugg p:after{content:"";height:30px;width:1px;background:#000;display:inline-block;position: absolute;top: 0;right: 0;} .sugg ul{display:table;width: 80%;padding-left: 5px;box-sizing: border-box;} .sugg ul li{width: 30%;display: table-cell;vertical-align: middle;font-size: 16px; color:#444;} .sugg ul li:first-child{width:32%;}.sugg ul li:nth-child(2){width:25%;} .sugg ul li span{width: 28px;height: 28px;border-radius:50%;border: 1px solid #444;display:inline-block;text-align:center;margin: 0 10px 0 20px;vertical-align: sub;} .sugg ul li span i{line-height: 30px;font-size: 20px;color: #444;} .tbl_form02{width:100%; border-top:1px solid #000;} .tbl_form02 tbody tr th{color:#444; background:#f3f5f9; border-bottom:1px solid #ddd; font-size:16px; height:45px;} .tbl_form02 tbody tr td{border-bottom:1px solid #ddd;border-top:none;padding: 15px;font-size:14px;line-height:24px;} .tbl_form02 tbody tr td ul li{float:left; width:20%;} .tbl_form02 tbody tr td ul li:before{display:none;} .tbl_form02 tbody tr td select{width:100px; height:30px;} .tbl_form02 tbody tr td input[type="radio"]{vertical-align:middle;} .tbl_form02 tbody tr td input[type="text"]{width:200px;} .tbl_form02 tbody tr td.tel input[type="text"]{margin:0 10px;} .tbl_form02 tbody tr td.tel input[type="text"]:first-child{margin-left:0;} .tbl_form02 tbody tr td.email input[type="text"]{width:422px; margin:0 10px;} .tbl_form02 tbody tr td.email input[type="text"]:first-child{margin-left:0; width:200px;} .tbl_form02 tbody tr td textarea{width:100%; height:300px; padding:10px;} .tbl_form02 tbody .Txt03{color:#1e74a4;} .tbl_form02 .addfile input[type="file"]{position:static;width: 88%;} .tbl_form02 .addfile input[type="submit"]{width: 10%;background:#444;border: 0;color: #fff;height: 32px;} .jehuBtn{width:310px; margin:20px auto 0;} .jehuBtn li{float:left; line-height:40px; font-size:16px; cursor:pointer;} .subBtn{width:150px; height:40px; border-radius:5px; background:#223e72; color:#fff; text-align:center; margin-right:10px;} .cantBtn{width:150px; height:40px; border-radius:5px; background:#cfcfcf; color:#fff; text-align:center;} /* 회원가입 */ .JoinTxt{width:100%;margin:60px auto;text-align:center;} .JoinTxt .TxtTop{font-size:20px;color:#18b0bc;margin-bottom:60px;} .JoinTxt li:first-child{font-size:28px;color:#393939;} .JoinTxt li{font-size:15px;line-height:22px;} .JoinTxt .TxtPt{font-size:18px;color:#db534d;padding:20px 0;} .JoinInner{width:100%;} .JoinInner .JoinTop{width:100%;height:180px;background:url('../../images/os/new_img1/sub/join_bg01.png')no-repeat top left;text-align:center;color:#fff;} .JoinInner .Bg02{background:url('../../images/os/new_img1/sub/join_bg02.png')no-repeat top left;} .JoinTop h3{font-size:32px;line-height:100px;} .JoinTop p{font-size:15px;line-height:22px;padding:18px 0;} .JoinInner .JoinList{width:100%;height:280px;border:1px solid #dbdbdb;border-top:0;padding:40px;box-sizing:border-box;position:relative;} .JoinList .JoinListTop{font-size:16px;color:#3f434d;line-height:24px;margin-bottom:15px;} .JoinList li{font-size:14px;line-height:26px;} .JoinList li:before{content: "";float:left;background:#777;width:5px;height:5px;margin:9px 10px 0 0;border-radius:50%;} .JoinList .BtnJoin{position:absolute;bottom:30px;left:50%;margin-left:-20%;width:40%;text-align:center;} .JoinList .BtnJoin a{display:inline-block;background:#b4b4b4;font-size:14px;color:#fff;padding:16px 35px;transition-duration: 0.5s;} .JoinList .BtnJoin a:hover{background:#52555e;} .BtnJoin2{display:table;margin:0 auto;text-align:center;} .BtnJoin2 a{float:left;height:60px;font-size:14px;color:#52555e;line-height:18px;border:1px solid #52555e;padding:0 35px;transition-duration: 0.5s;display: -webkit-flex;display:flex; -webkit-align-items:center;align-items: center;/*위아래 중앙*/ -webkit-justify-content: center;justify-content: center;margin:40px 20px;} .BtnJoin2 a:hover{background:#52555e;color:rgba(250, 250, 250, 0.8)} /* 비로그인 회원가입 */ .mem-agree-box{width:100%;height:200px;overflow-y:scroll;text-align:left;background:#fff;padding:20px;box-sizing:border-box;margin-bottom:15px;} .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} /* 게시판 */ .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:900px;margin:70px auto 150px;background:#fff;} .login_area{float:left;width:50%;position:relative;padding:60px 50px;box-sizing:border-box;} .loginWrite{margin-bottom:10px;} .loginWrite dt,.loginWrite dd{float:left;font-size:15px;text-align:left;} .loginWrite dt{width:25%;height:55px; line-height:55px;color:#444;} .loginWrite dd{width:75%;height:55px;box-sizing:border-box;margin-bottom:15px;} .loginWrite dd input[type="text"].bg{background:#fff;border:1px solid #ddd;} .loginWrite dd input[type="password"].bg{background:#fff;border:1px solid #ddd;} .loginWrite dd input[type="password"], .loginWrite dd input[type="text"]{border:0;font-size:14px;height:55px;width:100%;padding:0 4px 0 10px;color:#777 !important;background-color:#eee;background-repeat:no-repeat;background-position:10px 50%;box-sizing:border-box;} .btnLogin a{width:100%;height:70px;display:block;background:#1e74a4;line-height:70px;text-align:center;color:#fff !important;border-radius:5px;font-size:18px;transition:all 0.5s;} .btnLogin a:hover{background:#1a6995;} .login_Wrap .memberGuide{font-size:15px;color:#747474;margin:15px auto 25px;line-height:28px;} .login_Wrap .memberGuide i{display:inline-block;width:19px;height:19px;border-radius:50%;background:#ed7e1d;color:#fff;text-align:center;line-height:19px;margin-right:10px;} .login_Wrap .btnLogin2{width:100%;height:60px;border:1px solid #ddd;box-sizing:border-box;} .login_Wrap .btnLogin2 p{display:table;margin:0 auto;padding:22px 0;} .login_Wrap .btnLogin2 p a{display:inline-block;line-height:14px;font-size:13px;color:#777;padding:0 20px;transition:all 0.5s;border-left:1px solid #ddd;cursor:pointer;;} .login_Wrap .btnLogin2 p a:first-child{border-left:0;} .login_Wrap .btnLogin2 p a:hover{color:#333;text-decoration:underline} .loginBn{float:right;width:50%;position:relative;} /* 팝업 : 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:#1e74a4;} .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:#1e74a4;} /* 샘플디자인 */ .subSpInner{position: relative;width:1300px;margin:40px auto 130px;} .subSpInner .sampleTop{width:100%;height:430px;background: #ffffff;margin-bottom:80px;} .sampleTop .topL{float:left;width:430px;padding:50px;font-family: 'Montserrat', sans-serif;text-transform: uppercase;box-sizing:border-box;} .sampleTop .topL h2{font-size:70px;color:#262626;font-weight:600;line-height: 50px;} .sampleTop .topL p{font-size:50px;color:#262626;font-weight:600;line-height: 70px;letter-spacing: 0.4em;} .sampleTop .topR{float:right;width:860px;height:430px;background:url('../../images/os/new_img1/sub/sample_bg.png')repeat-x;font-family: 'NanumSquareRound',sans-serif;color:#fff;padding:60px;box-sizing:border-box;} .sampleTop .topR dt{font-size:24px;} .sampleTop .topR dd{font-size:20px;line-height: 40px;} .sampleTop .topR p{width:755px;height:200px;margin-top:35px;} .SubSpTab{width:100%;margin-top:10px;} .SubSpTabs li:nth-child(odd){float:left;width:50%;} .SubSpTabs li:nth-child(even){float:right;width:50%;} .SubSpTabs li a{display:inline-block;font-size:20px;color:#7f7f7f;font-weight:200;line-height:40px;padding-right: 10px;transition-duration: 0.5s;} .SubSpTabs li a:hover, .SubSpTabs li a.active, .SubSpTabs li a.tabsOn{position: relative;color:#000;} .SubSpTabs li a.tabsOn:before{content:'';display:block;position:absolute;bottom:10px;left:0;width:100%;height:8px;background:rgba(186, 186, 186, 0.3);} .SubSp_content h3{font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-size:16px;color:#151515;} .SubSp_content h3:before{content:'';display:block;float:left;width:12px;;height:12px;border-radius:6px;background: #333c4d;margin:3px 10px 0 5px;} .SubSp_content .sampleList li{display:block;float:left; width:380px;height:600px; margin: 0 80px 60px 0;border-radius:10px;background:#fff;transition: all 0.2s ease; -webkit-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:8px 8px 20px 0px rgba(0, 0, 0, 0.3); box-shadow:8px 8px 20px 0px rgba(0, 0, 0, 0.3);} .SubSp_content .sampleList2 li{display:block;float:left; width:380px;height:600px; margin: 0 80px 60px 0; -webkit-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:8px 8px 20px 0px rgba(0, 0, 0, 0.3); box-shadow:8px 8px 20px 0px rgba(0, 0, 0, 0.3);} .SubSp_content .sampleList li a{display: block;width:380px;height:600px;} .SubSp_content .sampleList li:hover{box-shadow: 0 10px 20px 0 rgba(17,21,23,.1);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);} .SubSp_content .sampleList li.noimg{background:url('../../images/os/new_img1/sub/sample_ing.png')no-repeat;} .SubSp_content .sampleList li:nth-child(3),.SubSp_content .sampleList li:nth-child(6){margin-right:0;} .SubSp_content .sampleList2 li:nth-child(3),.SubSp_content .sampleList2 li:nth-child(6){margin-right:0;} /* sample01 */ .SubSp_content .sampleList li.home01{background:url('../../images/os/new_img1/sub/sample01_01.png')no-repeat;} .SubSp_content .sampleList li.home01_2{background:url('../../images/os/new_img1/sub/sample01_02.png')no-repeat;} .SubSp_content .sampleList li.home01_3{background:url('../../images/os/new_img1/sub/sample01_03.png')no-repeat;} .SubSp_content .sampleList li.home01_4{background:url('../../images/os/new_img1/sub/sample01_04.png')no-repeat;} .SubSp_content .sampleList li.home01_5{background:url('../../images/os/new_img1/sub/sample01_05.png')no-repeat;} .SubSp_content .sampleList li.home01_6{background:url('../../images/os/new_img1/sub/sample01_06.png')no-repeat;} .SubSp_content .sampleList li.mobile01{background:url('../../images/os/new_img1/sub/sample01_07.png')no-repeat;} .SubSp_content .sampleList li.mobile01_2{background:url('../../images/os/new_img1/sub/sample01_08.png')no-repeat;} .SubSp_content .sampleList li.mobile01_3{background:url('../../images/os/new_img1/sub/sample01_09.png')no-repeat;} /* sample02 */ .SubSp_content .sampleList li.home02{background:url('../../images/os/new_img1/sub/sample02_01.png')no-repeat;} .SubSp_content .sampleList li.home02_2{background:url('../../images/os/new_img1/sub/sample02_02.png')no-repeat;} .SubSp_content .sampleList li.home02_3{background:url('../../images/os/new_img1/sub/sample02_03.png')no-repeat;} .SubSp_content .sampleList li.home02_4{background:url('../../images/os/new_img1/sub/sample02_04.png')no-repeat;} .SubSp_content .sampleList li.home02_5{background:url('../../images/os/new_img1/sub/sample02_05.png')no-repeat;} .SubSp_content .sampleList li.home02_6{background:url('../../images/os/new_img1/sub/sample02_06.png')no-repeat;} .SubSp_content .sampleList li.mobile02{background:url('../../images/os/new_img1/sub/sample02_07.png')no-repeat;} .SubSp_content .sampleList li.mobile02_2{background:url('../../images/os/new_img1/sub/sample02_08.png')no-repeat;} .SubSp_content .sampleList li.mobile02_3{background:url('../../images/os/new_img1/sub/sample02_09.png')no-repeat;} /* sample03 */ .SubSp_content .sampleList li.home03{background:url('../../images/os/new_img1/sub/sample03_01.png')no-repeat;} .SubSp_content .sampleList li.home03_2{background:url('../../images/os/new_img1/sub/sample03_02.png')no-repeat;} .SubSp_content .sampleList li.home03_3{background:url('../../images/os/new_img1/sub/sample03_03.png')no-repeat;} .SubSp_content .sampleList li.home03_4{background:url('../../images/os/new_img1/sub/sample03_04.png')no-repeat;} .SubSp_content .sampleList li.home03_5{background:url('../../images/os/new_img1/sub/sample03_05.png')no-repeat;} .SubSp_content .sampleList li.home03_6{background:url('../../images/os/new_img1/sub/sample03_06.png')no-repeat;} .SubSp_content .sampleList li.mobile03{background:url('../../images/os/new_img1/sub/sample03_07.png')no-repeat;} .SubSp_content .sampleList li.mobile03_2{background:url('../../images/os/new_img1/sub/sample03_08.png')no-repeat;} .SubSp_content .sampleList li.mobile03_3{background:url('../../images/os/new_img1/sub/sample03_09.png')no-repeat;} /* sample04 */ .SubSp_content .sampleList li.home04{background:url('../../images/os/new_img1/sub/sample04_01.png')no-repeat;} .SubSp_content .sampleList li.home04_2{background:url('../../images/os/new_img1/sub/sample04_02.png')no-repeat;} .SubSp_content .sampleList li.home04_3{background:url('../../images/os/new_img1/sub/sample04_03.png')no-repeat;} .SubSp_content .sampleList li.home04_4{background:url('../../images/os/new_img1/sub/sample04_04.png')no-repeat;} .SubSp_content .sampleList li.home04_5{background:url('../../images/os/new_img1/sub/sample04_05.png')no-repeat;} .SubSp_content .sampleList li.home04_6{background:url('../../images/os/new_img1/sub/sample04_06.png')no-repeat;} .SubSp_content .sampleList li.mobile04{background:url('../../images/os/new_img1/sub/sample04_07.png')no-repeat;} .SubSp_content .sampleList li.mobile04_2{background:url('../../images/os/new_img1/sub/sample04_08.png')no-repeat;} .SubSp_content .sampleList li.mobile04_3{background:url('../../images/os/new_img1/sub/sample04_09.png')no-repeat;} /* sample05 */ .SubSp_content .sampleList li.home05{background:url('../../images/os/new_img1/sub/sample05_01.png')no-repeat;} .SubSp_content .sampleList li.home05_2{background:url('../../images/os/new_img1/sub/sample05_02.png')no-repeat;} .SubSp_content .sampleList li.home05_3{background:url('../../images/os/new_img1/sub/sample05_03.png')no-repeat;} .SubSp_content .sampleList li.home05_4{background:url('../../images/os/new_img1/sub/sample05_04.png')no-repeat;} .SubSp_content .sampleList li.home05_5{background:url('../../images/os/new_img1/sub/sample05_05.png')no-repeat;} .SubSp_content .sampleList li.home05_6{background:url('../../images/os/new_img1/sub/sample05_06.png')no-repeat;} .SubSp_content .sampleList li.mobile05{background:url('../../images/os/new_img1/sub/sample05_07.png')no-repeat;} .SubSp_content .sampleList li.mobile05_2{background:url('../../images/os/new_img1/sub/sample05_08.png')no-repeat;} .SubSp_content .sampleList li.mobile05_3{background:url('../../images/os/new_img1/sub/sample05_09.png')no-repeat;} /* sample06 */ .SubSp_content .sampleList li.home06{background:url('../../images/os/new_img1/sub/sample06_01.png')no-repeat;} .SubSp_content .sampleList li.home06_2{background:url('../../images/os/new_img1/sub/sample06_02.png')no-repeat;} .SubSp_content .sampleList li.home06_3{background:url('../../images/os/new_img1/sub/sample06_03.png')no-repeat;} .SubSp_content .sampleList li.home06_4{background:url('../../images/os/new_img1/sub/sample06_04.png')no-repeat;} .SubSp_content .sampleList li.home06_5{background:url('../../images/os/new_img1/sub/sample06_05.png')no-repeat;} .SubSp_content .sampleList li.home06_6{background:url('../../images/os/new_img1/sub/sample06_06.png')no-repeat;} .SubSp_content .sampleList li.mobile06{background:url('../../images/os/new_img1/sub/sample06_07.png')no-repeat;} .SubSp_content .sampleList li.mobile06_2{background:url('../../images/os/new_img1/sub/sample06_08.png')no-repeat;} .SubSp_content .sampleList li.mobile06_3{background:url('../../images/os/new_img1/sub/sample06_09.png')no-repeat;} /* sample07 */ .SubSp_content .sampleList li.home07{background:url('../../images/os/new_img1/sub/sample07_01.png')no-repeat;} .SubSp_content .sampleList li.home07_2{background:url('../../images/os/new_img1/sub/sample07_02.png')no-repeat;} .SubSp_content .sampleList li.home07_3{background:url('../../images/os/new_img1/sub/sample07_03.png')no-repeat;} .SubSp_content .sampleList li.home07_4{background:url('../../images/os/new_img1/sub/sample07_04.png')no-repeat;} .SubSp_content .sampleList li.home07_5{background:url('../../images/os/new_img1/sub/sample07_05.png')no-repeat;} .SubSp_content .sampleList li.home07_6{background:url('../../images/os/new_img1/sub/sample07_06.png')no-repeat;} .SubSp_content .sampleList li.mobile07{background:url('../../images/os/new_img1/sub/sample07_07.png')no-repeat;} .SubSp_content .sampleList li.mobile07_2{background:url('../../images/os/new_img1/sub/sample07_08.png')no-repeat;} .SubSp_content .sampleList li.mobile07_3{background:url('../../images/os/new_img1/sub/sample07_09.png')no-repeat;} /* sample08 */ .SubSp_content .sampleList li.home08{background:url('../../images/os/new_img1/sub/sample08_01.png')no-repeat;} .SubSp_content .sampleList li.home08_2{background:url('../../images/os/new_img1/sub/sample08_02.png')no-repeat;} .SubSp_content .sampleList li.home08_3{background:url('../../images/os/new_img1/sub/sample08_03.png')no-repeat;} .SubSp_content .sampleList li.home08_4{background:url('../../images/os/new_img1/sub/sample08_04.png')no-repeat;} .SubSp_content .sampleList li.home08_5{background:url('../../images/os/new_img1/sub/sample08_05.png')no-repeat;} .SubSp_content .sampleList li.home08_6{background:url('../../images/os/new_img1/sub/sample08_06.png')no-repeat;} .SubSp_content .sampleList li.mobile08{background:url('../../images/os/new_img1/sub/sample08_07.png')no-repeat;} .SubSp_content .sampleList li.mobile08_2{background:url('../../images/os/new_img1/sub/sample08_08.png')no-repeat;} .SubSp_content .sampleList li.mobile08_3{background:url('../../images/os/new_img1/sub/sample08_09.png')no-repeat;} /* sample09 */ .SubSp_content .sampleList li.home09{background:url('../../images/os/new_img1/sub/sample09_01.png')no-repeat;} .SubSp_content .sampleList li.home09_2{background:url('../../images/os/new_img1/sub/sample09_02.png')no-repeat;} .SubSp_content .sampleList li.home09_3{background:url('../../images/os/new_img1/sub/sample09_03.png')no-repeat;} .SubSp_content .sampleList li.home09_4{background:url('../../images/os/new_img1/sub/sample09_04.png')no-repeat;} .SubSp_content .sampleList li.home09_5{background:url('../../images/os/new_img1/sub/sample09_05.png')no-repeat;} .SubSp_content .sampleList li.home09_6{background:url('../../images/os/new_img1/sub/sample09_06.png')no-repeat;} .SubSp_content .sampleList li.mobile09{background:url('../../images/os/new_img1/sub/sample09_07.png')no-repeat;} .SubSp_content .sampleList li.mobile09_2{background:url('../../images/os/new_img1/sub/sample09_08.png')no-repeat;} .SubSp_content .sampleList li.mobile09_3{background:url('../../images/os/new_img1/sub/sample09_09.png')no-repeat;} /* sample10 */ .SubSp_content .sampleList li.home10{background:url('../../images/os/new_img1/sub/sample10_01.png')no-repeat;} .SubSp_content .sampleList li.home10_2{background:url('../../images/os/new_img1/sub/sample10_02.png')no-repeat;} .SubSp_content .sampleList li.home10_3{background:url('../../images/os/new_img1/sub/sample10_03.png')no-repeat;} .SubSp_content .sampleList li.home10_4{background:url('../../images/os/new_img1/sub/sample10_04.png')no-repeat;} .SubSp_content .sampleList li.home10_5{background:url('../../images/os/new_img1/sub/sample10_05.png')no-repeat;} .SubSp_content .sampleList li.home10_6{background:url('../../images/os/new_img1/sub/sample10_06.png')no-repeat;} .SubSp_content .sampleList li.mobile10{background:url('../../images/os/new_img1/sub/sample10_07.png')no-repeat;} .SubSp_content .sampleList li.mobile10_2{background:url('../../images/os/new_img1/sub/sample10_08.png')no-repeat;} .SubSp_content .sampleList li.mobile10_3{background:url('../../images/os/new_img1/sub/sample10_09.png')no-repeat;} .overlay { background-color: rgba(0, 0, 0, 0.6); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 100; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .overlay:target { visibility: visible; opacity: 1; } .sampleView {background-color: #fff;display: inline-block; width:80%; height: 800px;overflow-y: scroll; left: 50%; opacity: 0; padding: 20px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 110; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s; } .sampleView img{width:100%;} .sampleView2 img{width:640px;border:1px solid #ddd;} .overlay:target+.sampleView { top: 50%; opacity: 1; visibility: visible;} .Spclose {width: 40px; height: 40px;position: fixed; right: 30px; top:30px; background: rgba(0, 0, 0, 0.4) url('../../images/os/new_img1/sub/close_btn.png')no-repeat 50% 50%; } /* Chrome, Safari용 스크롤 바 (kison) */ .sampleView::-webkit-scrollbar {width: 8px;height: 8px;border: 3px solid #fff;} .sampleView::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef} .sampleView::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)} .sampleView::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)} /* ============================== 쇼핑몰 서브컨텐츠 =================================== */ /* 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;} .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;} /* ------------------------- 모바일용 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;} }