*{margin:0; padding:0;} /*all*/ .wrap {position:relative;width: 980px;height: 2000px;margin:0 auto;font-weight:300 !important;} .whiteSbtn {background: #fff; font-size: 10px; font-weight:500; color: #6d6f71; line-height: 19px; text-align: center;border: 1px solid #cccccc;} .navySbtn {background: #1e2843; font-size: 10px; font-weight:500; color: #fff; line-height: 19px; text-align: center; border: 1px solid #cccccc;} .whiteBbtn {} .grayBbtn {background: #959595; font-size: 15px; font-weight:500;; color: #fff; line-height: 41px; text-align: center; border: 1px solid #cccccc;} .navyBbtn {background: #1e2843; font-size: 15px; font-weight:500; color: #fff; line-height: 41px; text-align: center; border: 1px solid #cccccc;} /*익스 스크롤바 scrollbar css*/ html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #1e2843; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef} /* Chrome, Safari용 스크롤 바 */ ::-webkit-scrollbar {width: 8px; height: 8px; border:none; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background-color:transparent;} ::-webkit-scrollbar-track {background: #fff; -webkit-border-radius: 10px; border-radius:10px;/* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)*/} ::-webkit-scrollbar-thumb {height: 50px; width: 50px; background:#d1d1d1; -webkit-border-radius: 8px; border-radius: 8px; /*-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)*/} /******************************************************/ /***********************header*************************/ /******************************************************/ /*header*/ .header {height:130px;overflow:hidden;} .header .topMenu {float:right;width:545px;height: 35px;*height: 25px; font-size:12px;} .header .topMenu>li {float:left; height: 12px; margin-top:12px;padding:0 20px;*padding:0 19px; color:#777; font-size:12px;border-right:1px solid #777;} .header .topMenu>li a {color:#777; font-weight:400; font-size:13px;*font-size:12px;} .header .topMenu>li.lastLi {border:none;padding-right:0 !important;} .header hr {height: 1px;*height: 0px; margin-top:35px; background: #eee;*background:none;border: 0;*border-top:1px solid #eee;} .header>.logo {float:left; margin-top:10px; margin-left:15px;} .header>.aside {float:left; width:370px; height: 56px; margin-top:23px;*margin-top:13px; margin-left:70px;} .header>.aside>.search {margin-top:29px;} .header>.aside > .search input.TextInput {float:left; width: 230px; height: 25px; padding-left:90px; background:url(../img/header/psear.png) 20px center no-repeat; font-size:12px; line-height:25px; border:1px solid #1e2843;} .header>.aside > .search a.btnInput {float:left; width: 38px; height:27px; background:url(../img/header/search.jpg);color:#FFFFFF; font-size:1.3em; font-weight:bold; border:none; cursor:pointer; } .header>.aside > .search input-placeholder {color: #1e2843;} /* placeholder 글씨색 */ ::-webkit-input-placeholder { color: #1e2843; font-size:0.9em; line-height:20px;} ::-moz-placeholder { color: #1e2843; font-size:0.9em; line-height:20px;} /* firefox 19+ */ :-ms-input-placeholder { color: #1e2843; font-size:0.9em; line-height:20px;} /* ie */ input:-moz-placeholder { color: #1e2843; font-size:0.9em; line-height:20px;} .header>.aside>.threeBox {} .header>.aside>.threeBox>li {float:left;position: relative; width:125px; height:20px; margin-right:9px; background:url(../img/btn/arrow.jpg) 110px center no-repeat; /* 화살표 이미지 */ color: #4c9dea; line-height:20px; text-align:center;border: 1px solid #1e2843;} .header>.aside>.threeBox>li label {position: absolute;top:0px;left: 10px; font-weight:400;font-size: 12px;color: #58595b;letter-spacing: 1px;} .header>.aside>.threeBox>li select {width: 100%; height: 20px; min-height: 20px; line-height: 20px; padding: 0 0px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */} .header>.aside>.threeBox>li select option {font-weight:300 !important;font-family:'Noto Sans Korean',sans-serif;} .header>.aside>.threeBox>li a {color: #4c9dea; font-size:0.9em;} .header>.aside>.threeBox>li.lastBox {width: 86px;margin-right:0; background:url(../img/btn/arrow.jpg) 71px center no-repeat; /* 화살표 이미지 */} .header .sBanner {position:relative; float:left;width: 200px; height: 66px;margin-left:80px; margin-top:23px;*margin-top:13px; background: #FFffB9; overflow:hidden;} .header .sBanner .imgGruop {width: 1000px; height:66px;} .header .sBanner .imgGruop li {float:left; width: 200px; height:66px;background: #fff; } .header .sBanner .imgGruop li>a {position:relative;} .header .sBanner .imgGruop li h3 {position:absolute; top:2px;left:85px;width: 120px;font-size:12px; color:#777; } .header .sBanner .imgGruop li h2 {position:absolute; top:19px;left:105px;font-weight:700 !important;font-size:15px; color:#777; } .header .sBanner .imgGruop li p {position:absolute; top:44px;left:130px; font-size:11px; letter-spacing:2px; color:#000;} .header .sBanner .btnGruop {position:absolute; top:46px; left:113px;width:50px; height: 10px;} .header .sBanner .btnGruop .le {float:left;height: 10px; cursor:pointer;} .header .sBanner .btnGruop .ri {float:right;height: 10px;cursor:pointer;} .header .sBanner .btnGruop img {position:absolute;top:0; } /*navBar*/ .navWrap {position:relative; z-index:700;} .navBar {height: 40px; background:#1e2843; color:#FFFFFF; border-top: 4px solid #99c800;} .navBar>.menu {float:left; height:40px;font-size:0.92em; } .navBar>.category {width:110px; padding-left:5px; line-height:40px; text-align:center; cursor:pointer;} .navBar>.category p:hover {color:#99c800; font-size:1.1em; font-weight:700 !important; -moz-transition:.3s; -o-transition:.3s; -webkit-transition:.3s; -ms-transition:.3s; transition:.3s;} .navBar>.menus>li {float:left; width: 170px; height:40px; text-align:center; line-height:40px;} .navBar>.menus>li a {width: auto;color:#fff; padding-left:65px; } .navBar>.menus>li a:hover {color:#99c800; font-size:1.1em; font-weight:700 !important; -moz-transition:.3s; -o-transition:.3s; -webkit-transition:.3s; -ms-transition:.3s; transition:.3s;} .menuH {color:#99c800; font-size:1.1em; font-weight:700 !important;} /*nav*/ .nav {position:absolute; left:0; width:156px;padding:10px 0; background:#FFFFFF;border:2px solid #1e2843; border-top: none; cursor:pointer;} .nav * {line-height:25px;} .nav .title {height:25px; padding-left:15px; font-size:13px;} .nav .title a {color:#1e2843; text-align:left;} .nav .title a:hover {font-weight:700 !important;} /*quickMenu*/ .quickMenuWrap {position:relative; z-index:50; width:10px; margin-left:1000px; } .quickMenu {position:fixed; top:130px;background: #fff; border:1px solid #1e2843;} .quickMenu li {margin:5.5px 0;} .goTop {background: #1e2843;} /******************************************************/ /********************index*****************************/ /******************************************************/ .content_wrap {position:relative; width:980px;margin:0 auto; background:#ffffff; } /**container 시작**/ .container {width:980px;} /**TITLE**/ .secTitle {float:left; width: 100%;height:17px;margin:35px 0 14px;padding-left:12px; color:#1e2843; font-weight:700; font-size:17px; line-height:16px;border-left:2px solid #99c800; overflow:visible;} /**slideBanner 시작**/ .bigBanner {position:relative;width: 980px; height: 380px; margin-top:5px; overflow:hidden; } .conGroup {width: 2940px; height: 380px;} .SlideBanner {float:left;width:964px; height:364px; border:8px solid #1e2843;} .Scon {float:left; width:316px; height:364px;} .Left1 {float:left;position:relative; width:316px;height:181px; border-bottom:1px solid #eee;} .Left1 h2,.Right1 h2 {position:absolute;top:30px;left:25px;color:#343d55; font-weight:900 !important;text-align:center;font-size:12px;} .Left1 h3,.Right1 h3 {position:absolute;top:55px;left:25px;color:#6d6f71;font-size:18px;font-weight:700 !important;line-height:24px;} .Left1 p,.Right1 p {position:absolute;top:126px;left:25px;font-weight:500 !important;color:#6d6f71;font-size:12px;line-height:16px;} .Left1 img {position:absolute; top:29px;right:13px;} .Left2 {float:left;position:relative;width:157px; height:182px;} .Left2 img {position:absolute; top:19px; left:53px;} .Left2 h3,.Left3 h3 {position:absolute;top:125px;left:18px;font-weight:500 !important;color:#6d6f71;font-size:13px; } .Left2 p,.Left3 p {position:absolute;top:147px;left:50px;color:#6d6f71;font-size:12px;} .Left3 {float:left;position:relative; width:157px;height:182px;border-left:1px solid #eee;} .Left3 img {position:absolute; top:40px; left:35px;} .SlideCenter {position:relative;width:316px;height:364px;padding:-1px;background:#1e2843;border-left:8px solid #1e2843;border-right:8px solid #1e2843;} .SlideCenter2 {position:relative;width:316px;height:364px;} .SlideCenter2 h2 {position:absolute; top:32px; width: 100%; color:#8c96b9; font-weight:100 !important;font-size:12px;text-align:center;} .SlideCenter2 .img1 {position:absolute; top:74px; left:100px;} .SlideCenter2 .img2 {position:absolute; top:220px; left:70px;} .SlideCenter2 div {position:relative; top:150px; left:82px;color:#ffffff; font-size:20px; font-weight:700 !important; } .SlideCenter2 p {position:relative; top:160px; left:60px;color:#ffffff; font-size:12px; font-weight:300 !important;line-height:20px; } .Right1 {float:left; position:relative; width:316px; height:181px; border-bottom:1px solid #eee; } .Right1 img {float:right;position:absolute; top:53px;right:11px;} .Right2 {float:left;position:relative;width:157px; height:182px; } .Right2 img {position:absolute;top:11px;left:35px;} .Right2 h3 {position:absolute;top:125px;left:57px;font-weight:500 !important;color:#6d6f71;font-size:13px;} .Right2 p {position:absolute; top:147px;left:70px; color:#6d6f71;font-size:12px;} .Right3 {float:left;position:relative; width:157px;height:182px;border-left:1px solid #eee;} .Right3 img {position:absolute; top:21px; left:10px;} .Right3 h3 {position:absolute;top:125px;left:67px;font-weight:500 !important;color:#6d6f71;font-size:13px;} .Right3 p {position:absolute;top:147px;left:45px;color:#6d6f71;font-size:12px; } .SlideBanner3 {text-align:center;overflow:hidden; } .SlideBanner3 .sbSec {float:left;width: 321px; } .SlideBanner3 .sbSec div {height: 74px; padding-top:20px; background: #1e2843;} .SlideBanner3 h3 {font-weight:500 !important; color: #fff; font-size: 15px; line-height:23px;} .SlideBanner3 p {color: #fff; font-size: 13px;} .bigBanner .bBtn {position:absolute; top:170px; left:0;width:980px; } .bigBanner .bBtn .leftBt {float:left; cursor:pointer;} .bigBanner .bBtn .rightBt {float:right; cursor:pointer;} /**slideBanner 끝**/ /**con1 시작**/ .con1 {width:980px; height:100px; margin-top:5px;} .con1 li {float:left;position:relative; width: 33.30%; height: 100px;color:#e7e9ee; } .con1 h2 {position:absolute; top:27px; left:130px;font-size: 14px; font-weight:700 !important; } .con1 p {position:absolute; top:50px; left:130px;font-size: 12px;line-height:16px; font-weight:400;} .con1 img {position:absolute;} .con1-1 {background:#343d55; } .con1-1 img {top:26px; left:48px;} .con1-2 {background:#ebebeb;} .con1-2 h2 {color:#343d55;} .con1-2 img {top:20px; left:58px;} .con1-2 p {color:#343d55;} .con1-3 {background:#343d55;} .con1-3 img {top:20px; left:49px;} /**con2 시작**/ .con2 {float:left; width:978px; height:285px; margin-top:5px;border:1px solid #eee;} .con2 li {float:left;width: 33.2%; height:285px;} .con2-1 {border-right:1px solid #eee;} .con2-1 img {} .con2 p {text-align:center; font-size:14px;color:#6d6f71; line-height:20px; font-weight:400;} .con2-2 {border-right:1px solid #eee;} /**con3 시작**/ .con3 {float:left;width:980px; height:326px; margin-top:5px;} .con3 h3 {position:absolute;font-weight:700 !important; font-size: 18px; color:#1e2843; } .con3 h4 {position:absolute;font-weight:500 !important; font-size: 14px; color:#6d6f71; line-height:20px;} .con3 p {position:absolute;font-size: 12px; color:#6d6f71; font-weight:400;} .con3-1 {float:left;position:relative; width:324px; height:324px;text-align:center;border:1px solid #eee;border-bottom:1px solid #eee; } .con3-1 img {position:absolute; top:18px; left:109px;} .con3-1 h3 {top:230px; left:0;width: 100%; } .con3-1 h4 {top:263px; left:0;width: 100%;} .con3-1 p {top:287px; left:0;width: 100%; } .con3-2 {float:left;width:654px; height:390px;} .con3-2 li {float:left;position:relative; width: 326px; height: 161.5px; } .con3-2box.box1 {border-bottom:1px solid #eee; border-top:1px solid #eee;border-right:1px solid #eee;} .con3-2box.box1 h3,.con3-2box.box3 h3 {top:30px; left:162px;} .con3-2box.box1 h4,.con3-2box.box3 h4 {top:72px; left:162px;} .con3-2box.box1 p,.con3-2box.box3 p {top:120px; left:162px;} .con3-2box.box2 {border-bottom:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee;} .con3-2box.box2 h3,.con3-2box.box4 h3 {top:30px; left:133px; } .con3-2box.box2 h4,.con3-2box.box4 h4 {top:72px; left:133px; } .con3-2box.box2 p,.con3-2box.box4 p {top:120px; left:133px; } .con3-2box.box3 {border-bottom:1px solid #eee;border-right:1px solid #eee;} .con3-2box.box4 {border-bottom:1px solid #eee;border-right:1px solid #eee;} /**con4 시작**/ .con4 {float:left;width:978px; height:134px; margin-top:5px; font-weight:400;border:1px solid #eee; } .con4 li {float:left; position:relative;width: 325px; height:134px; } .con4-1 {border-right:1px solid #eee;} .con4 h3 {position:absolute;font-size:14px; color:#6d6f71; } .con4-1 h3 {top:80px; left:167px;} .con4-2 {border-right:1px solid #eee;} .con4-2 h2 {position:absolute;top:30px; left:180px; color:#6d6f71; font-weight:700 !important; font-size:16px;} .con4-2 h3 {top:70px; left:180px;} .con4-2 p {position:absolute; top:88px; left:180px; color:#6d6f71; font-size:12px;} .con4-3 h3 {top:86px; left:150px;} /**banner 시작**/ .banner {float:left; width:980px; height:120px; margin-top:5px; } .banner li {float:left; width:194.8px; height:58px; padding:0; border-right:1px solid #eee; border-bottom:1px solid #eee; } /**pic시작**/ .pic {float:left;width:980px; height:125px;margin-top:30px;} .pic li {float:left;width:486px; height:125px;} .pic1 {float:left;width:980px; height:230px;margin-top:30px; margin-bottom:30px;} .pic1 li {float:left;width:486px; height:230px;} /******************************************************/ /*************************sub1*************************/ /******************************************************/ /*sub1banner*/ .sub1banner {position:relative;width: 980px; height: 180px; background: url(../img/container/banner.jpg); overflow:hidden; margin-top:5px;} .sub1banner div {margin:30px 80px;} .sub1banner h3 {font-weight:700 !important; font-size:13px; color:#4486ac;} .sub1banner h1 {font-size:43px; color:#667; margin-top:30px;} .sub1banner p {font-size:17px; color:#888; margin-top:15px;} .closeBanner1 {position:absolute;bottom:9px;right:11px;width:57px;font-size:11px;color:#5c5c5c;cursor:pointer;} .closeBanner1 img {width: 11px;margin-right:7px;} .sub1bOpen {position:relative;height: 20px;background:#ebebeb;margin-top: 5px;} .closeBanner2 {position:absolute;top:4px;right:12px;width:50px;font-size:11px;color:#5c5c5c;cursor:pointer;} .closeBanner2 img {width: 11px;margin-right:7px;} /*sub2sub1banner*/ .sub2sub1banner {width: 980px; height: 180px; background: url(../img/container/banner.jpg); overflow:hidden; margin-top:48px;} .sub2sub1banner div {margin:30px 80px;} .sub2sub1banner h3 {font-weight:700 !important; font-size:13px; color:#4486ac;} .sub2sub1banner h1 {margin-top:30px;font-size:43px; color:#667; } .sub2sub1banner p {margin-top:15px; font-size:17px; color:#888; } /*eventbanner*/ .eventbanner {width: 980px; height: 180px;margin-top:48px; background: url(../img/event/banner.png); overflow:hidden; } .eventbanner div {margin:30px 80px;} .eventbanner h3 {font-weight:700 !important; font-size:13px; color:#333;} .eventbanner h1 {margin-top:15px; font-size:43px; color:#0a142d; } .eventbanner p {margin-top:30px; font-size:17px; color:#333; } .eventbanner h1 span {font-weight:400;} /*articleWrap*/ .articleWrap {position:relative;margin-top:5px;} /*conNav*/ .conNav {float:left; width:160px; border-top:1px solid #47516f;border-bottom:1px solid #47516f; border-bottom:none; cursor:pointer;} .conNav * {line-height:33px; box-sizing:border-box;} .conNav .title {height:33px; padding-left:10px; background:#1e2843;color:#fff; border-bottom:1px solid #47516f;} .conNav .title a {color:#fff;} .conNav .title2 {height:33px; background:#586382; padding-left:10px;color:#fff; border-bottom:1px solid #8f96ab;} .conNav .lnb2 {padding:5px 0px; background:#ebebeb;} .conNav .lnb2>li {height:20px;padding-left:30px;font-size:0.83em;} .conNav .lnb2>li a {color:#586382; line-height:20px;} .conNav .pluspan {display:inline-block;width:15px; } .conNav .minuspan {display:inline-block;width:15px; } /*conTitle*/ .conTitle {float:right; width: 820px; height: 100px; border-top:1px solid #1e2843;} .conTitle p {float:right; margin:15px 5px 0 0;color:#6d6f71; font-size:11px;} .conTitle .secTitle {margin:13px 25px 0;} .conTitle ul {float:left;margin:22px 20px 0; } .conTitle li {float:left;padding:0 5px;font-size:12px; color:#888; border-right:1px solid #888;} .conTitle li.lastLi {border:none;} .wrapT {width:799px; height:820px; border-bottom:1px solid rgb(238,238,238); } /*section1*/ .sectionWrap {position:absolute; top:110px; left:182px;} .sectionWrap .wrapT .td2 {position:relative;} .section1 {width: 480px; height: 820px;overflow: hidden;} .section1 .siteMap {width: 517px; height: 36px; padding-left:15px; line-height:36px; color:#9da1a0; font-size:12px;border:2px solid #d6d6d6;} .section1 table.otc {clear:both;text-align:center;} .section1 table.otc thead {background:#53585f; font-size:14px; color:#fff;} .section1 table.otc thead th {background:#acacac;} .section1 .otc th {height: 35px;font-size:14px;border: 1px solid #eee;border-right:none;border-left:none;} .section1 .otc td {height: 78.5px; font-size:13px;line-height:14px;box-sizing: border-box;border: 1px solid #eee;border-right:none;border-left:none; border-collapse: collapse; } .section1 table.otc .borderNone {border-bottom:none; } .section1 table.otc th {height: 35px;padding:0;line-height:35px;} tbody tr.active {background: #8e8fb2; color:#fff;*color:#8e8fb2;} tbody tr.active >td {background: #8e8fb2;color:#fff;} .section1 table.otc tbody>tr {cursor:pointer; } .numBtn {height: 30px; width:auto;margin:30px auto;} .numBtn span {float:left;margin:0 5px;font-size:11px; line-height:30px; } .numBtn ul {text-align:center;font-size:11px; line-height:30px;} .numBtn span {font-size:18px;} .numBtn span>a {color:#000; font-size:18px;} .numBtn .num>li {display:inline-block; width: 26px; height:14px;margin:8px 1px 0 0; line-height:13px; color:#ccc; font-size:12px; text-align:center;} .numBtn .num>li a {color:#ccc;} .numBtn .num>li a:hover {color:#000;} .numBtn .num>li a.active {color:#000;} .numBtn .num>li.lastLi {border:none;} /*section2*/ .section2 {position:absolute; top:0; right:0;width: 317px; height: 819px;background: #fff; border: 1px solid #eee; } .borderNone {border-bottom:none;} .section2 .shopping {height:506px; } .section2 .shopping .title {height:35px; background: #acacac;color:#FFFFFF; font-size:14px; line-height:35px; text-align:center; font-weight:400 !important; border-bottom: 1px solid #eee;} .section2 .shopping .detailC {position:relative; overflow:hidden;} .section2 .shopping .detailC>h3 {margin:20px 18px 13px;font-size:15px; color:#1e2843; font-weight:400 !important; } .section2 .shopping .detailC .deImage {margin:0px 15px; width:120px; height:120px; border:1px solid #d3d5d6; text-align:center; line-height:120px; color:#d3d5d6; } .section2 .shopping .detailC .deTable {position:absolute; top:50px; left:150px; font-size:12px; color:#77787b;} .section2 .shopping .detailC .deTable>li {line-height:21px;} .section2 .shopping .detailC .view {position:absolute; top:147px; left:150px; width: 150px; height:20px; line-height:20px;} .section2 table.otc {margin:19px 19px 0;text-align:center;} .section2 table.otc thead {background:#ebebeb; font-size:14px; color:#777;} .section2 table.otc thead th {background:#ebebeb; color:#777;} .section2 table.otc,.section2 .otc th {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; border-collapse: collapse;} .section2 table.otc th {height: 30px;padding:0;line-height:30px;} .section2 table.otc tr {height: 30px; line-height:30px; font-size:13px; color:#6d6f71;} .section2 table.otc .numInp {position:absolute; top:0; left:20px; width: 26px; height: 17px;text-align:center;border:1px solid #ccc;} .section2 .shopping .btnSet {width:279px; height: 26px; margin-top:5px;margin-left:19px;border-top:1px solid #fff;} .section2 .shopping .btnSet a {float:left;margin:8px 1.5px;} .section2 .shopping .btn1 {width: 88px; height:20px;} .section2 .shopping .btn2 {width: 88px; height:20px;} .section2 .shopping .btn3 {width: 88px; height:20px;} .section2 .order {height: 80px;} .section2 .order h3 {float:left;width: 60px; margin:15px 0 0 30px; font-size:12px; font-weight:400 !important; color:#808285; } .section2 .order p {float:left;margin-top:13px; font-size:12px; color:#808285; line-height:15px;} .section2 .order p>span {line-height:15px;*line-height:10px;} .section2 .detail {height:200px;} .section2 .detail .stock {width: 279px; height: 70px;margin-left:19px;border-bottom:1px solid #fff;} .section2 .detail .stock h3 {width: 279px; height: 30px; background: #ebebeb; text-align:center; line-height:30px; font-size:14px; color:#6d6f71; border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .section2 .detail .stock .Qty,.section2 .detail .stock a {float:left; margin:8px 1.5px;} .section2 .detail .stock .Qty {width: 120px; margin:11px 1.5px 6px;} .section2 .detail .stock .Qty div {float:left; line-height:20px;} .section2 .detail .stock .Qty .numInp {position:absolute; top:0; left:20px;width: 26px;height: 17px; text-align:center;font-size:13px; line-height:17px; border:1px solid #ccc;} .section2 .detail .stock .btn4 {width: 73px; height:20px; margin-top:10px;} .section2 .detail .stock .btn5 {width: 73px; height:20px; margin-top:10px;} .section2 .detail .described {width: 279px; margin-left:19px;} .section2 .detail .described h4 {margin:28px 0 15px;font-size:14px; color:#555; font-weight:400 !important; } .section2 .detail .described .txt>span {display:block;margin-bottom:5px;font-weight:400 !important; color:#555;} .section2 .detail .described .txt {margin-bottom:10px;font-size:12px; color:#555; line-height:15px; } .section2 .detail .described .btn6 {float:left;width: 135px; height:20px; margin-right:5px;background: #fff; color:#6d6f71;line-height:19px; text-align:center; font-size:10px; font-weight:500 ; border:1px solid #cccccc;} .section2 .detail .described .btn7 {float:left;width: 135px; height:20px;background: #fff; color:#6d6f71;line-height:19px; text-align:center; font-size:10px; font-weight:500; border:1px solid #cccccc;} /** 미니쇼핑박스 헤드 **/ .shopping .minibox { width:279px; margin:0px auto; } .minishoppinghead1 { margin-top:20px; position:relative; padding:0; width:100%; height:30px; background:#ACACAC; font-size:12px; line-height:30px; color:#fff; text-align:center; vertical-align:center; } .minishoppinghead2 { margin:0; padding:0; position:relative; width:100%; height:12px; line-height:5px; background:#EBEBEB; font-size:12px; color:#ACACAC; text-align:center; } /** 미니쇼핑박스 본체 **/ .minishoppingbodby { margin:0; padding:0; position:relative; width:100%; background:#fff; } .minishopping_table {width:100%; margin-bottom:5px;} .minishopping_table th{height:22px; background:#EBEBEB; border-bottom:1px solid #ddd; color:#000; font-size:12px; line-height:24px; text-align:center;} .minishopping_table td{height:25px; background:#ffffff; border-bottom:1px solid #ddd; color:#000; font-size:12px; line-height:24px; text-align:center;} /******************************************************/ /*********************myshopping***********************/ /******************************************************/ /*수량-,+버튼*/ .numPm {position:relative;width: 68px; height: 20px; } .ml13 {margin-left:13px;*margin-left:0px;} .minusBtn {display:inline-block; position:absolute; top:0; left:4px;width: 15px; height: 17px;background: #ccc; font-size:17px; line-height:17px; text-align:center;border:1px solid #ccc; border-right:none;} .plusBtn {display:inline-block; position:absolute; top:0; right:5px;width: 15px; height: 17px;background: #ccc; font-size:17px; line-height:17px;text-align:center;border:1px solid #ccc; border-left:none;} /*sub2_tilte*/ .sub2_tilte {width:980px; height:95px; } .sub2_titleWrap {float:left; } .sub2_titleWrap>img {float:left; margin:30px 0 0 11px;} .sub2_titleWrap h2 {float:left;margin:36px 0 0 14px; color:#414042; font-size:34px; font-weight:500;letter-spacing: -2px;} .sub2_tilte p {float:right;width:auto;margin-top:55px;font-size:17px; color:#acacac;text-align:right; font-weight:500;letter-spacing: -1px; } .sub2_order {float:right; width:400px;margin-top:46px; } .sub_iconBox {float:left; width:130px; height:28px; } .sub_iconBox div {float:left; width:27px; height:26px;background:url(../img/sub2/Ogreen1.png); color:#ffffff; font-size:15px; font-weight:300; line-height:26px; text-align:center; } .sub_iconBox p {float:left; margin:5px 0 0 7px; font-weight:500; font-size:18px; color:#414042; } .sub_iconBox img {float:left; margin:5px 0 0 14px;} .sub_iconBox2 {float:left;width:135px; height:28px; } .sub_iconBox2 div {float:left;width:27px; height:26px; background:url(../img/sub2/Ogreen.png); color:#ffffff; font-size:15px; font-weight:300; line-height:26px; text-align:center; } .sub_iconBox2 p {float:left; margin:5px 0 0 7px;font-weight:500;font-size:18px; color:#acacac; } .sub_iconBox2 img {float:left; margin:5px 0 0 14px;} .sub2_hr0 {height: 2px; background: #363636; border:none;*border:2px solid #363636;} /*sub2_bar1*/ .sub2_bar1 {float: left;width:980px; height:37px;margin-top:2px; margin-bottom:9px; background:#363636; overflow:hidden; } .sub2_bar1-1 {margin-top:19px;} .sub2_bar1 p {float:left;width: auto; margin:0 12px; font-size:13px; font-weight:700; color:#ffffff;line-height:37px;} .regi1 .sub2_bar1 p {width:97%;} .sub2_bar1 ul {float:right; width:auto;margin:13px 0 0 0;} .sub2_bar1 ul li {float:left; padding-left:7px; padding-right:7px;font-size:12px;border-left:1px solid #ffffff;} .sub2_bar1 ul li.sub2_li1 {font-weight:700;color:#ffffff;} .sub2_bar1 ul li.sub2_li2 {color:#ffffff;font-weight:300;} .sub2_bar1 ul li.sub2_li3 {font-weight:bold; font-weight:500;color:#eb4437;} /*sub2_table 0411 수정*/ .sub2_table th {height:36px;background:#e1e1e1; font-size:13px; font-weight:500;color:#414042; } .sub2_table td {padding:10px 0;position:relative;} .sub2_tableInfo img {float:left; margin:10px 0 0 13px;} .sub2_tableInfo div {float:left; margin:6px 0 0 12px; } .sub2_table td {text-align: center; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;line-height:18px;} .sub2_table th {text-align: center;background:#e1e1e1; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } .sub2_table tbody .sub2_tableInfo div .p1Text {font-weight:500; font-size:12px; text-align:left; line-height:15px;} .sub2_table tbody .sub2_tableInfo div p {margin-top:5px;font-size:10px; font-weight:300;} .sub2_table tbody .sub2_btn1 input {position:absolute; top:0; left:20px;width:25px; height:17px;font-size:12px; line-height:17px; text-align:center;border:1px solid #cccccc;} .sub2_table tbody .sub2_btn1 a {width:58px; height:19px; margin-top:3px; margin-left:4px;*margin-left:0px;background:#fff;font-size:10px; font-weight:500;color:#6d6f71; line-height:19px; text-align:center;border:1px solid #cccccc; } .sub2_table tbody .sub2_btn2 {color:#6d6f71; font-size:12px; font-weight:400;} .sub2_table tbody .sub2_btn2 a {width:59px; height:19px;margin-top:6px; margin-left:10px;*margin-left:0px;background: #fff; color:#6d6f71; line-height:19px; text-align:center; font-size:10px; font-weight:500;border:1px solid #cccccc;} .sub2_table tbody .sub2_btn2 a.m20,.sub2_table tbody .sub2_btn4 a.m20 {margin-left:20px;*margin-left:0px;} .sub2_table tbody .sub2_btn3 {color:#6d6f71; font-size:12px;} .sub2_table tbody .sub2_btn4 {color:#eb4437; font-size:12px; font-weight:500; text-align:center; } .sub2_table tbody .sub2_btn4 a {width:59px; height:19px;background: #fff; margin-top:6px; margin-left:10px;*margin-left:0px; color:#6d6f71; line-height:19px; text-align:center; font-size:10px; font-weight:500;border:1px solid #cccccc;} .sub2_table tbody .sub2_btn5 a {width:56px; height:19px; margin-top:3px; margin-left:18px;*margin-left:0px;background: #fff; color:#6d6f71; line-height:19px; text-align:center; font-size:10px; font-weight:500;border:1px solid #cccccc;} .sub2_table tbody .sub2_btn6 {padding-left:19px;*padding-left:0px; color:#6d6f71; font-size:12px;text-align:left;} .sub2_table tbody .sub2_btn6 p {line-height:17px; font-weight:400;} .sub2_table tbody .sub2_btn6 .sub2_btn6_1 {display:inline-block;width:15px; height:15px; margin-left:4px;margin-top:4px; } .sub2_table tbody .sub2_btn6 select {width:76px; height:19px;margin:4px 0 0 10px;*margin-left:27px; font-family:'Noto Sans Korean',sans-serif;color:#6d6f71;font-size:10px;font-weight:500;} .sub2_table tbody .sub2_btn6 .sub2_btn6_2 {display:inline-block;width:86px; height:19px; margin-top:10px; *margin-left:3px;background: #fff; color:#6d6f71;line-height:19px;text-align:center;font-size:10px;font-weight:500;border:1px solid #cccccc;} .underBox {float:left;width:980px; height:70px; } .underBox .sub2_btnWrap {float:left;width:150px; height:20px;margin:13px 0 0 13px;} .underBox .sub2_btnWrap a {float:left;width:64px; height:20px;margin-right:3px; background: #fff; color:#6d6f71; line-height:20px; text-align:center; font-size:10px; font-weight:500;border:1px solid #cccccc; } .sub2_tableP {font-size:12px; color:#58595b; float:right; margin:21px 18px 0 0;} /*sub2_bar2*/ .sub2_bar1 .sub2_bar2 {float:right;width:130px;margin:13px 0 0 0; } /*sub2_dl*/ .sub_dlWrap {position:relative; float:left;width:974px; height:113px; margin-top:10px; background:#c2c8d8;border:3px solid #a1a1a1;} .sub_dlWrap .sub2_btn9 {position:absolute; top:12px; left:312px;} .sub_dlWrap .sub2_btn10 {position:absolute; top:12px; right:314px;} .sub_dlWrap .sub2_dl {width:974px; height:48px; } .sub2_dl >* {border-right:1px solid #a1a1a1;} .sub_dlWrap .sub2_dl dt {float:left; position:relative;width:33.25%; height:47px; background:#e9ebf1;border-bottom:1px solid #a1a1a1;} .sub_dlWrap .sub2_dl dt p {position:absolute; top:18px; left:20px; font-weight:500;font-size:12px; color:#58595b;} .sub_dlWrap .sub2_dl dt span {position:absolute; top:8px; right:29px;font-weight:700;font-size:20px; color:#58595b;} .sub_dlWrap .sub2_dl .sub2_dt {background:#c2c8d8;border-right:none;} .sub_dlWrap .sub2_dl .sub2_dt span {color:#58595B;} .sub_dlWrap .sub2_dl dd {position:relative;float:left; width:33.25%; height:68px;background:#e9ebf1; font-size:12px; color:#808285;border-bottom:1px solid #8c8c8c;} .sub_dlWrap .sub2_dl dd .sub2_dDiv1 {float:left;margin:19px 0 0 17px; line-height:17px; } .sub_dlWrap .sub2_dl dd .sub2_dDiv2 {float:right; margin:19px 29px 0 0; text-align:right; line-height:17px; color:#58595b;} .sub_dlWrap .sub2_dl .sub2_dd2 {background:#c2c8d8;border-right:none; } .sub_dlWrap .sub2_dl .sub2_dd2 .sub2_dDiv2 img {margin-left:5px;} /*ordering*/ .ordering {float:left;width:980px; height:132px; } .ordering thead th {height:37px; background:#363636; color:#ffffff; font-size:13px;font-weight:500;} .ordering tbody td {text-align:center; color:#6d6f71; font-size:12px; font-weight:500; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; } .ordering tbody .ordering_1 {color:#414042; font-size:13px; font-weight:500;border-right:1px solid #cccccc;} .ordering tbody .ordering_2 {padding-left:40px;text-align:left; color:#6d6f71; font-size:12px; font-weight:700} .ordering tbody .ordering_2 >span {padding-left:12px;color:#1e2843; font-size:12px;font-weight:700;} .ordering_11 {float:left;height:94px;margin-top:6px; } .ordering_11 td {text-align:center;color:#6d6f71;font-size:12px;font-weight:500;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;} .ordering_11 .ordering_1 {color:#414042; font-size:13px; font-weight:500;border-right:1px solid #cccccc;} .ordering_11 .ordering_2 {padding-left:40px;text-align:left; color:#6d6f71; font-size:12px;font-weight:700;} .ordering_11 .ordering_2 .request {width:690px; height:21px;background:#e1e1e1; border:1px solid #cccccc; } /*sub2_ulList*/ .sub2_ulList {float:left;width:978px; height:35px;margin:46px 0 9px 0; border:1px solid #cccccc;} .ms5Con {float:left;height:210px;*height:215px;overflow:hidden;} .ms5Con > li {margin-bottom:100px;} .sub2_ulList li {float:left; width:33.25%;height:35px; font-size:13px; font-weight:700;text-align:center;line-height:35px; color:#414042; border-left:1px solid #cccccc; cursor:pointer;} .sub2_ulList .sub2_ulListLi {background:#363636; color:#ffffff; border-left:none;} .sub2_hr {height: 1px;margin:17px 0; background: #eee; border:none;*border:1px solid #eee;} .sub2_bdBoth {border-left:1px solid #cccccc; border-right:1px solid #cccccc;} .subTotal {border-bottom:1px solid #cccccc;} .subTotal p {margin:14px 0 7px 791px;color:#414042; font-size:12px; font-weight:700;} .subTotal p span {padding-left:86px;color:#eb4437; font-size:17px; font-weight:500;} /*payWrap*/ .payWrap {width:974px; height:65px;background:#ffffff;} .payW1 {float:left;width:322px;height:59px;font-size:12px; font-weight:500; color:#58595b;padding: 20px 0 0 15px;box-sizing: border-box;} .payW1 * {vertical-align:top;} .card1 {position:relative;padding:21px 0 0 25px;} .card1 select {width:158px; height:17px; color:#6f6f6f; font-size:10px; font-weight:500;font-family:'Noto Sans Korean',sans-serif;} .card1 a {position:absolute; top:20px; right:40px; width:28px; height:18px;} .payW2 {float:left;width:259px; height:59px;font-size:12px; font-weight:500; color:#58595b;} .exp1 {padding:21px 0 0 25px;} .ex1 {width:66px; height:17px; color:#6d6f71; font-size:10px; font-weight:500;font-family:'Noto Sans Korean',sans-serif;} .ex2 {width:77px;height:17px; color:#6d6f71; font-size:10px; font-weight:500;font-family:'Noto Sans Korean',sans-serif;} .payW3 {float:left; width:247px; height:59px;} .installment {padding:21px 0 0 25px; color:#58595b; font-size:12px; font-weight:500;} .installment select {width:140px; height:17px; color:#6d6f71; font-size:10px; font-weight:500;font-family:'Noto Sans Korean',sans-serif;} .payW4 {float:left;position:relative;width:130px; height:59px;} .free1 {position:absolute; top:20px; right:21px;width:126px; height:19px;} /*2016-04-11 pharmko_6myshopping.html*/ .spBt {display:inline-block;width:58px;height: 21px;background: #fff;color: #6d6f71;line-height: 20px; text-align: center;font-size: 10px;font-weight: 500;border: 1px solid #cccccc;box-sizing:border-box;} .sub2_table {width: 100%;} .sub2_table b {color:#1e2843;font-weight:500;} .sub2_table i {color: #eb4437;font-style:normal;font-weight:500;} .sumTable {width: 100%;border-bottom: 1px solid #ccc;margin-bottom: 5px;} table.sumTable td {height: 30px;padding:0;font-weight:700;background: #e9ebf1;border-top:none;} /*IE11 핵*/ _:-ms-fullscreen, :root table.sumTable td{border-bottom: 2px solid #cccccc;} /*IE10 핵*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { table.sumTable td {border-bottom: 2px solid #cccccc;} } table.sumTable td b,table.sumTable td i {font-weight:700;} .Totmsg1_1,.Totmsg2_1 {text-align:right;} .Totmsg1_1 input {width: 737px;border:1px solid #ccc;} .Totmsg3_1 * {display:inline-block;width: auto;vertical-align:top;} .Totmsg3_1 i {cursor:pointer;} .sub2_table .sub2_btn9,.sub2_table .sub2_btn10 {position:absolute;top:12px;right:-12px;z-index:10;} .sub2_table .sub2_btn9>img,.sub2_table .sub2_btn10>img{width: 20px;vertical-align:top;} .minusopen_1 {position:absolute;top:0px;right:-25px;cursor:pointer;} .sub2_table td.bdNone {border:none;padding:5px 0 0;} .sub2_table td.bdNone input{text-align:center;} .sub2_table2 td {border-top:none !important; border-bottom: 1px solid #cccccc;} .north {margin-top:7px;vertical-align: top;} .Totmsg3_1 .north {margin-top:0px;} .Totmsg3_1 img {margin-top:2px;} .popcardBtn {width: auto;display: inline-block;margin-top: 1.5px;} /*2016-04-11 pharmko_6myshopping.html*/ /*팝업창*/ .popUp {position:absolute; top:455px; left:120px;z-index:999;width:730px; height:565px; background:#fff; border:1px solid #ccc; overflow:hidden;} .useCard {width: 109px; height:45px;padding:0 9px 0 12px;font-size:15px; font-weight:500; line-height:45px;} .useWrap {background:#ebebeb;} .card12 {position:absolute; top:15px; left:109px;} .cardX {position:absolute; top:16px; right:19px;} .useCon {padding: 40px 30px 50px;} .cardList {height:34px; color:#808285; border:none; border-bottom:1px solid #ccc;} .cardList .tabThis {border:1px solid #ccc; background:#fff; color:#1e2843; font-weight:500; border-bottom:none;} .cardList li {color:#808285;cursor:pointer;} .cL1 {float:left;width:130px; height:34px; font-size:13px;line-height:34px; text-align:center;} .cL2 {float:left;width:130px; height:34px; background:#fff; color:#363636; font-size:13px;line-height:34px; text-align:center; } .useP {margin:25px 0 35px 0; color:#565656; font-size:13px;*font-size:12px; font-weight:400; line-height:20px; text-align:left;} .useTable {width:670px;height:111px; } .useTd1 {height:36px;padding-left:10px; background:#e1e1e1; color:#414042; font-size:13px; font-weight: 500; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .usedTd2 {background:#fff;text-align:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .usedTd2 input {width:185px; height:17px;margin-left:10px;border:1px solid #ccc;} .myScreen {position:absolute; top:0; left:0; z-index:800;width:100%; height:2144px;background:rgba(54,54,54,0.2);} .cardCon > li {width:670px; height:444px;overflow:hidden; } .listTable {width:670px; height:100px;margin-top:25px; background:#fff;} .listTable thead th {height:25px;text-align:center; background:#e1e1e1;color:#565656; font-size:14px; font-weight:500;border-top:1px solid #ccc;} .listTable tbody td {height:24px;text-align:center;color:#6b6b6b; font-size:13px; font-weight:400; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .tablefd {float:left;margin:0 0 0 585px; background:#ff0; } .tableFix {float:left;height:13px;padding-right:10px; color:#6b6b6b; font-size:11px; font-weight:500; border-right:1px solid #6b6b6b;} .tableDelet {float:left;height:13px;padding-left:10px; color:#6b6b6b; font-size:11px; font-weight:500;} .secList {width:97%;font-size:14px; font-weight:500; text-align:left;} .secList span {float:right;color:#808285; font-size:12px; font-weight:400;*margin-top:-15px;} .cardResuc {position:absolute; top:50px; left:30px;width:670px; height:522px;background:#fff;} .cardRep {float:left;width:668px; height:73px;margin-bottom:8px; border:1px solid #ccc;} .cardRep p {text-align:center; line-height:73px; color:#414042; font-size:14px; font-weight:400;} .cardList3 {float:left;width:670px;} .listBox1 {float:left;width:78px;height:17px;margin-top:7px;padding-left:7px;color:#1e2843;font-size:11px;font-weight:400;border:1px solid #ccc;} .cardNum1 {float:left;width:201px;*width:210px;margin-left:10px;} .cardNum1 input {font-size:11px; color:#1e2843; font-weight:400;} .listBox2 {width:43px; height:17px; text-align:center; border:1px solid #ccc; } .cardpWrap {float:right;width:auto; height:13px;} .cardpWrap li {display:inline; padding:0 10px 0; color:#6b6b6b; font-size:11px; font-weight:500; } /******************************************************/ /*************************payment**********************/ /******************************************************/ /*payment_tilte*/ .payment_title {width:980px;height:193px;overflow:hidden;} .payment_title .payT1 {margin:86px 0 0 265px;color:#95cb00; font-size:28px; font-weight:700;} .payment_title .payT2 {margin:16px 0 0 275px;color:#858687; font-size:17px; font-weight:400;} .payment_title .payT2 span {font-weight:700;} /*payment_table1*/ .payment_table1 {width:980px; height:74px; margin-bottom:9px; } .payment_table1 td {height:36px;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } .payment_table1 .paymeny_td1 {padding-left:12px;background:#e1e1e1; font-weight:500;font-size:13px; color:#414042; border-right:1px solid #cccccc; } .payment_table1 .paymeny_td2 {padding-left:34px;color:#808285; font-size:12px;} .payment_table1 .paymeny_td2 span {font-weight:700;} /*payment_table2*/ .payment_table2 {float:left;width:980px;} .payment_table2 th {height:36px;background:#e1e1e1; color:#414042;font-weight:500;font-size:13px;} .payment_table2 tr td {height:70px;font-size:12px; color:#6d6f71;font-weight:500;text-align:center;border:1px solid #cccccc;border-left:none;} .payment_table2 tr td img {float:left; padding-left:38px;} .payment_table2 tr td div {float:left; margin:7px 0 0 12px;} .payment_table2 tr td div p {color:#acacac; font-size:10px; text-align:left;} .payment_table2 tr td div span {color:#6d6f71; font-size:12px;font-weight:500;line-height:26px;} /*deliverWrap*/ .deliverWrap {float:left;width:980px; height:70px; margin-top:2px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;} .deliverWrap .deliverWrap1 {float:left;width:128px;height:70px;padding-left:12px;background:#e1e1e1; line-height:70px;color:#414042;font-size:13px;font-weight:500} .deliverWrap .deliverWrap2 {float:left;margin:10px 0 0 35px;color:#808285; font-size:12px; font-weight:500;line-height:17px;} .deliverInfo {float: left; width:967px; height:74px;margin-top:10px; padding:14px 0 0 11px; border:1px solid #cccccc;} .deliverInfo li {color:#808285; font-size:12px; line-height:20px;} .deliverInfo li span {color:#808285;font-weight:700 ; } /*payment_btnWrap*/ .payment_btnWrap {float:left;width:100%; height:41px; margin:25px 0 25px;text-align:center; } .payment_btnWrap a {display: inline-block;width:127px; height:41px; margin-right:7px; background: #959595; line-height: 41px; color: #fff;text-align:center; font-size:15px; font-weight:500;border:1px solid #cccccc; } /******************************************************/ /*************************footer***********************/ /******************************************************/ .footer {float:left;width:980px; height:206px;} .footer .footerWrap1 {width:980px; height:39px; background:#ebebeb;text-align: center; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;} .footer .footerWrap1 li {display:inline-block; } .footer .footerWrap1 li a {display:inline;padding:0 29px;*padding:0 25px;line-height:39px;color:#838486;font-size:11px;font-weight:500; text-align:center;border-right:1px solid #838486;} .footer .footerWrap2 {width:980px; height:97px; margin-top:20px;} .footerWrap2-1, .footerWrap2-2, .footerWrap2-3{float:left;height:97px; margin-top:10px;border-right:1px solid #cccccc;} .footerWrap2-1 {width:395px;} .footerWrap2-2 {width:378px;} .footerWrap2-3 {width:200px;} .footer .footerWrap2 .footerWrap2-1 p {margin:10px 0 0 20px;font-size:12px;font-weight:400;line-height:20px;color:#838486;} .footer .footerWrap2 .footerWrap2-1 p span, .footerWrap2-2 p span {font-weight:700;display:inline;} .footer .footerWrap2 .footerWrap2-1 img {padding-left:20px;} .footer .footerWrap2 .footerWrap2-2 .footer2-2p1 {margin:1px 0 0 30px;color:#58595b; font-size:13px; font-weight:500; } .footer .footerWrap2 .footerWrap2-3 .footer2-3p1 {margin:1px 0 0 30px;color:#58595b; font-size:13px; font-weight:500; } .footer .footerWrap2 .footerWrap2-2 .footer2-2p2 {margin:18px 0 0 30px;font-size:12px;font-weight:400;line-height:20px;color:#838486;} .footerWrap2-3 .footer2-3p2 span {font-size:26px;font-weight:700;color:#2b354d; } .footerWrap2-3 .footer2-3p2 {margin:16px 0 0 30px;font-size:13px;font-weight:500;line-height:20px;color:#838486;} .footer a {display:inline; width:auto;} /******************************************************/ /************************회원가입1*********************/ /******************************************************/ .regi1Banner {width:980px; height:190px;} .regi1Join {width:980px; height:114px; border-bottom:3px solid #959595; } .regi1Join img {margin:64px 0 0 0;} .regi1Join p {padding-left:15px;color:#414042;font-size:36.32px;font-weight:500;} .regi1Agreed {width:980px; height:125px;margin-bottom:25px; border-bottom:1px solid #cccccc;overflow:hidden;} .regi1Agreed p {margin:81px 0 0 0;color:#414042; font-size:25px; font-weight:700;line-height:25px;} .regi1Agreed span {float:right; margin-top:3px;*margin-top:-18px;color:#99c800; font-size:15px; font-weight:400;} /*약관동의*/ .sub2_bar1 span {float:right;*margin-top:-38px;color:#ffffff;font-size:12px;} .regi1Wrap {float:left; position:relative;width:980px;height:300px;margin-bottom:28px;border-bottom:1px solid #cccccc;} .regi1Wrap .regi1Wrapleft {position:absolute; top:20px; left:20px;width:696px;height:244px;color:#363636;font-size:11px; border:1px solid #cccccc;overflow-y: scroll;overflow-x:hidden;} .regi1Wrap .regi1Wrapright {position:absolute;top:20px;left:700px;width:266px;height:246px;background:#ffffff;color:#6d6f71; font-size:12px;font-weight:500; border-left:1px solid #cccccc;} .regi1Wrap .regi1Wrapright p {float:right; padding-right:8px;} .regi1Wrap .regi1Wrapright input {float:right;} .regi1Wrap .P1-1 .leftp1 {margin-top:30px;font-size:13px; text-align:center; } .regi1Wrap .P1-1 .leftP2 {margin:25px 15px 0; line-height: 17px;} .regi1Wrap .P1-1 .leftP3 {margin:12px 15px 0; line-height: 17px;} .regi1Wrap .regi1Wrapleft p span {font-weight:700;} /*2*/ .regi1Wrap .P2-1 .leftp1 {margin-top:26px;font-size:13px;text-align:center; } .regi1Wrap .P2-1 .leftP2 {margin:25px 15px 0; } .regi1Wrap .P2-1 table {width:650px; height:150px; margin:21px 15px 0;border:1px solid #cccccc;} .regi1Wrap .P2-1 table thead th {height:31px;background:#e1e1e1; color:#363636; font-size:10px; font-weight:700 ; } .regi1Wrap .P2-1 table tbody td {padding:16px 10px;line-height:17px; } .regi1Wrap .P2-1 table tbody td span {margin-bottom:5px;} .btnGroup {float:left;width:263px; height:37px; margin:17px 0 30px 350px; } .btnGroup a {display:inline; } .btnGroup a img {width:127px; height:37px;} /******************************************************/ /**********************회원가입2***********************/ /******************************************************/ /*ID 신규가입*/ /*정보를 입력해주세요*/ .register2Wrap {width:946px; height:325px; padding-left:17px;} .register2Wrap tbody tr td {height:36px;padding-left:22px;background:#e1e1e1;color:#414042;font-size:13px;font-weight:500; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;} .register2Wrap tbody tr .regi2Tabletd1, .register2Wrap tbody tr .regi2Tabletd2 {background:#fff;} .register2Wrap tbody tr .regi2Tabletd1 input {width:128px; height:19px; margin-right:6px; border:1px solid #ccc;} .register2Wrap tbody tr .regi2Tabletd1 a {display:inline-block;width:51px;height:17px;background:#fff;color:#6d6f71;font-size:10px; font-weight:500;text-align:center; line-height:17px; border:1px solid #ccc;} .register2Wrap tbody tr .regi2Tabletd2 input {width:185px; height:19px; border:1px solid #ccc;} .register2Wrap tbody tr .regi2Tabletd3 {background:#fff; color:#6d6f71; } .register2Wrap tbody tr .regi2Tabletd3 input {width:81px; border:1px solid #ccc;} .register2Wrap tbody tr .regi2Tabletd3 select {width:78px;height:19px;margin-left:6px;color:#6d6f71; font-size:10px;font-weight:500;font-family:'Noto Sans Korean',sans-serif;} .register2Wrap tbody tr .regi2Tabletd3-1 {height:25px;background:#fff;color:#6d6f71;font-size:11px;font-weight:400;border-top:none; border-bottom:none;} .register2Wrap tbody tr .regi2Tabletd3-2 {height:25px;background:#fff; color:#6d6f71;font-size:13px; font-weight:400;border-top:none; } /******************************************************/ /**********************회원가입3***********************/ /******************************************************/ .check1 {margin-top:66px;color:#99c800;font-size:30px;font-weight:700;text-align:center;} .check2 {margin-top:16px;margin-bottom:29px;color:#858687;font-size:17px;font-weight:400;text-align:center;line-height:27px;} .check2 span {font-weight:700;} .check3 {width:127px;height:37px;margin-bottom:53px;padding-left:415px;} /*팝업 버튼*/ .popUp_btn{float:none;width:280px;margin:80px auto;} .popUp_btn2{float:none;width:280px;margin:13px auto;} .regicardBw{float:none;width:280px;margin:170px auto;} /******************************************************/ /***********************특가상품***********************/ /******************************************************/ .specialTwrap {width:980px; height:821px; margin-bottom:100px; border-bottom:1px solid rgb(238,238,238);} .conTitle1 {width:980px; margin-top:5px; } .conTitle1 .secTitle {margin:13px 0 0;} .conTitle1 ul {margin:22px 0 0;} .conTitle1 ul li {padding:0 10px;} .specialTable {width:655px; height:420px;} .specialTable thead th {height:36px;background:#acacac; color:#fff; font-size:13px; font-weight:500; } .specialTable tbody td {height:55px;text-align:center; font-size:12px; font-weight:300; color:#6d6f71; border-top:1px solid #eee; border-bottom:1px solid #eee;cursor:pointer;} .specialP5 p {text-decoration:line-through;} .specialP6 p {color:#eb4437;} .active .specialP6 p {color:#fff;} .selectP {width:325px; } .specialTable tbody td.borderNone {border-bottom:none;} .numBtn1 {left:320px;} /******************************************************/ /*********************마이페이지***********************/ /******************************************************/ /************************마이페이지-어사이드****************************/ .mypageP p {width:500px} .mypageAwrap {position:relative;width:980px;padding-bottom:50px;overflow:hidden;} .mypageAside {float:left;margin-top:13px; width:155px; height:460px;border:1px solid #ccc;} .mypageAside1 {position:relative;width:155px; height:104px; background:#1e2843; color:#fff; } .mypageAside1 p {position:absolute; top:19px; left:25px;font-weight:300; font-size:12px;} .mypageAside1 p span {font-size:14px; font-weight:700;} .mypageAside1 h4 {position:absolute; top:36px; left:46px;font-size:25px; font-weight:700; } .myasideBtn {position:absolute;top:68px;left:38px;width:80px;height:19px;background:#586382; font-size:10px;font-weight:500;color:#e1e1e1;line-height:19px; text-align:center;} .mypageAside2 {width:155px; height:118px;} .mypageAside2 div {width:155px; height:38px;background:#586382;} .mypageAside2 div p {margin-left:33px;color:#fff;font-size:13px;font-weight:500;line-height:38px;} .mypageAside2 ul {width:155px;height:80px;} .mypageAside2 ul li a {margin:12px 0 0 33px;color:#363636; font-size:12px;font-weight:500;} .mypageAside2 ul .myPthis a {color:#253561;} /************************마이페이지-관심상품****************************/ .mypageWish {float:right;width:800px;} .mypageWisht {width:800px; height:110px;} .mypageWishtd {height:36px;background:#e1e1e1;color:#414042; font-size:14px; font-weight:500; text-align:center;} .mypageWisht tbody tr td {border-bottom:1px solid #ccc; border-top:1px solid #ccc;} .orderDate {height:37px; } .topOrder {float:left;width:100%;background: #e1e1e1;border-bottom:1px solid #ccc; border-top:1px solid #ccc;padding: 5px 0;box-sizing: border-box;text-align:center;} .topOrder select {height: 25px;line-height:25px;vertical-align:top;margin:0 3px;} .orderDate .orderDate1 {width:92px; height:17px;margin:0 8px 0;padding-left:8px; background:url(../img/sub2/calendar.png) no-repeat;background-color:#fff; background-position:80px; color:#414042; font-size:12px; font-weight:400;border:1px solid #ccc;cursor:pointer;} .orderDate .orderDate2 {display:inline-block;width:48px; height:17px;margin-right:10px;color:#414042; font-size:12px;font-weight:400;text-align:center;border:1px solid #ccc;cursor:pointer;} .topOrder.orderDate .orderDate1 {height: 23px;line-height:23px;} .mypageWishtd1 {width:222px; height:17px;margin-left:8px; border:1px solid #ccc;} .mypageWisht2 {width:800px; height:487px; margin-top:20px;} .mypageWisht2 thead tr th {height:36px;background:#e1e1e1;color:#414042; font-size:14px; font-weight:500; } .mypageWisht2 tbody tr td {height:36px; color:#414042; font-size: 13px; font-weight:400;text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .mypageWisht2 tbody tr .mypageWisht2-2 {color:#1e2843; font-weight:500;} .myboxWrap {width:980px; height:80px; } .myboxWrap .myboxWrap1 img {padding:10px;border:1px solid #ccc; } .myboxWrap .myboxWrap2 p {margin-left:60px;color:#414042; font-size:13px; font-weight:400; text-align:left; line-height:22px; } .myboxWrap .myboxWrap3 {position:relative;} .myboxWrap .myboxWrap3 p {margin-left:20px;color:#414042; font-size:13px; font-weight:400; text-align:left; line-height:22px; } .myboxWrap .myboxWrap3 p input {position:absolute; top:44px; left:80px; width:23px; height:15px; text-align:center; color:#6d6f71; font-size:12px; font-weight:400; border:1px solid #ccc; } .myminu {display:inline-block;position:absolute;top:44px;left:73px;width:13px;height:17px; background:#ccc;text-align:center;line-height:17px; } .myplus {display:inline-block;position:absolute; top:44px; left:100px;width:13px; height:17px; background:#ccc;text-align:center;line-height:17px;} .myboxWrap4 {position:relative;} .myboxWrap4D1 {position:absolute; top:16px; left:40px; } .myboxWrap4D1 p {color:#414042;font-size:13px;font-weight:400;text-align:left;line-height:22px;} .myboxWrap4D2 {position:absolute;top:10px;left:150px;} .myboxWrap4D2 a {width:74px;height:19px;float:left;margin-left:30px;margin-bottom:4px;color:#fff; font-size:11px;font-weight:400;line-height:19px;} tbody tr.active2 >td {background:#959595; color:#fff !important;} tbody tr.active3 >td {background:#dfe1e7;} .numBtn2 {} .myboxWrap0 td {cursor:pointer;} /************************마이페이지-최근본상품****************************/ .mpRecentable {width:800px; } .mpRecentable thead tr th {height:36px;background:#e1e1e1;font-size:14px;font-weight:500;color:#414042; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .mpRecentable tbody tr td {height:36px;text-align:center;color:#6d6f71;font-size:13px;font-weight:400; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} /************************마이페이지-장바구니****************************/ .sub2_bar2 {width:800px;} .mybagP {float:right; color:#6d6f71; font-size:11px;} .myBagt {float:right;width:800px; } .mybagtextw {float:left;width:800px; border-bottom:1px solid #ccc; } .mybagtext {padding:15px 0 10px 600px;color:#414042; font-size:13px; font-weight:700; } .mybagtext span {padding-left:90px;color:#eb4437; font-size:17px; font-weight:500; } .underBox1 {width:800px;} .payment_btnWrap1 {} /************************마이페이지-주문배송조회****************************/ .mypage0rder {float:left;width:800px; height:35px;margin-bottom:9px;border-right: 1px solid #ccc;} .mypage0rder li {float:left; width:33%; text-align:center; line-height:35px; color:#58595b; font-size:14px; font-weight:600; border:1px solid #ccc; cursor:pointer;} .mypage0rder li.mptabThis {background:#363636; color:#fff;} .mypageorTable {width:800px;} .mypageorTable a {width:auto;display:inline-block;} .mypageorTable thead th {height:54px;background:#e1e1e1;color:#414042; font-size:14px; font-weight:500; text-align:center; } .myorder1 td {height:53px; color:#414042;font-size:13px; font-weight:400; text-align:center;} .mypageorTable td {border-top:1px solid #ccc; border-bottom:1px solid #ccc;line-height:16px; } .mypageorTable .myorderC {color:#1e2843; font-weight:500;} .mypageorTable2 tr {border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .mypageorTable2 thead th {background:#eeeff2; height:36px;} .mypageorTable2 tbody tr {height:36px;background:#eeeff2; text-align:center; } .myorder2 div {width:100%; height:36px;margin:0 auto; background:#eeeff2; } .myorder2 div.w500 {width:500px;} .myorderBtnc {width:43px; height:17px;margin:5px auto; background:#fff;color:#6d6f71; font-size:12px; font-weight:500; text-align:center; line-height: 17px; border:1px solid #ccc;} .myorder2 >td {background: #eeeff2;} .myorder2 div p {float:left;width:440px;text-align:center; line-height:36px; color:#414042; font-size:13px; font-weight:400;} .myorder2 div a {display:block;float:left;width:50px;height:17px;margin-top:8px;background:#fff;font-size:12px;font-weight:500; text-align:center;line-height:17px;color:#6d6f71;border:1px solid #ccc;} .myorder2 .myoder2Div {height:92px;} .myorder2 .myoder2Div p {width:100%; margin-top:11px;font-size:12px; font-weight:400;} .myorder2 .myoder2Div a {width:72px; height:18px;margin:0 0 0 360px;background:#1e2843;color:#fff;border:1px solid #ccc;} .mypage0rderCon {float:left;overflow:hidden; } .myorder1 {cursor:pointer;} .myOrderbanner {background: url(../img/event/myorder_banner.png);} .myOrderbanner h3 {color:#040e29; font-size:14px; font-weight:300;} .myOrderbanner h1 {margin-top:10px;color:#040e29; font-size:34px; font-weight:400; } .myOrderbanner p {color:#3a3a3a; font-size:15px; font-weight:400; line-height:20px;} .myOrderbanner h1 span {font-weight:700;} /************************마이페이지-회원정보변경****************************/ .mpProtable {width:800px;} .mpProtable td {height:36px;padding-left:20px;border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .mpProtd1 {background:#e1e1e1; font-size:13px; font-weight:500;color:#414042; } .mpProtd2 {font-size:12px; font-weight:400;} .mpProinput input {width:185px; height:19px; border:1px solid #ccc;} .mpInput {width:83px; height:19px; border:1px solid #ccc;} .mpProinput1 select {font-weight:400 !important;font-family:'Noto Sans Korean',sans-serif; font-size:12px; color:#6d6f71;} .mpProtd3 {color:#808285; font-size:12px; font-weight:400; } .mpProt1 input {width:83px; height:19px; border:1px solid #ccc;} .mpProt1 a {display:inline-block;width:72px; height:20px; background:#1e2843; color:#fff; font-size:10px;*font-size:11px; font-weight:400; line-height:19px; text-align:center; } .mpProt2 input {width:295px; height:19px; border:1px solid #ccc} .mpProtd3 select {width:47px; height:21px; color:#6d6f71; font-size:12px; font-weight:400;font-family:'Noto Sans Korean',sans-serif; } .mpInput1 {width:47px; height:19px; border:1px solid #ccc;} /************************마이페이지-사용카드등록/삭제****************************/ .mpcsecTitle {position:absolute; top:0; left:180px;} .mpCardWrap {position:absolute; top:80px; left:0px;height:500px; overflow:hidden; } .mpCardWrap .cardList {width:798px;border:1px solid #ccc; } .mpCardWrap .cL1 {width:399px; } .mpCardWrap .cL2 {width:399px; } .mpCardWrap .cardList .tabThis{background:#363636; color:#fff;border:none;} .mpCardWrap .useTable {width:800px;} .mpCardWrap .useP {padding:0 10px;} .mpCardWrap .cardCon > li {width:800px; margin:0 0 35px 1px; } .mpCardWrap .secList span {margin-left:470px;*margin-left:440px;} .mpCardWrap .usedTd2 input {width:224px; height:19px;} .mpCardWrap .listTable {width:800px;} .mpCardWrap .cardList3 {width:800px;} .mpCardWrap .cardList li {color:#58595b; font-weight:700;} .mpCardWrap .cardResuc {top:0; left:0;width: 810px; height:500px; } .mpCardWrap .cardRep {width: 798px;} .mpCardWrap .regicardBw {width:130px;} /******************************************************/ /************************이벤트0**********************/ /******************************************************/ .eLwrap {height:1000px;padding-top:30px;} .eventMenu {width: 100%;} .eventMenu ul {height: 40px;border:1px solid #ccc; } .eventMenu li {float:left;width:33.25%;height:40px; border-right:1px solid #ccc; } .eventMenu li a {font-weight:700; color:#58595b; text-align:center; line-height:40px;} .eventMenu li.evActive a {color:#fff; background:#363636; font-weight:500;} .eventList {width: 1002px; margin-left:-11px;} .eLproduct {float:left;width:310px;margin:11px; border:1px solid #ccc; } .eLproWrap {width: 310px; background: #f6f6f6;} .divF {position:relative;height: 230px; } .divF img {position:absolute; bottom:30px; right:25px;} .divF h2 {position:absolute; top:30px; left:30px; font-size:23px; color:#363636; font-weight:500; line-height:30px;} .divF p {position:absolute; top:100px; left:30px; font-size:15px; color:#5a5a5a; font-weight:400; line-height:20px;} .divT {height: 52px; padding:18px 0 0 30px; background: #1e2843; color:#fff; font-size:14px; line-height:18px;} .divT span {font-size:.9em;} /******************************************************/ /************************이벤트1**********************/ /******************************************************/ .eventBar {width:980px; height:39px; margin-top:30px; border:1px solid #ccc; cursor:pointer; } .eventBar li {float:left;width:33%;text-align:center; line-height:39px; font-size:14px; font-weight:700; color:#58595b; } .event2Wrap {width:980px; height:1270px; margin-top:18px;margin-bottom: 50px; background:#f5f5f5;} .event2con1 {position:relative;height:408px; } .event2con1 h1 {position:absolute; top:90px; left:80px; color:#1e2843; font-size:76.65px; font-weight:500;} .event2con1 .event2con1p1 {position:absolute; top:180px; left:81px;width:335px; padding:14px 10px; color:#4a4a4a; font-size:22px;*font-size:20px; font-weight:500;border-top:1px solid #1e2843;border-bottom:1px solid #1e2843;} .event2con1 .event2con1p2 {position:absolute; top:248px; left:90px; font-size:16px; font-weight:400; color:#4a4a4a; } .event2con1 h2 {position:absolute; top:295px; left:89px; font-size:51px; font-weight:700; color:#eb4437;} .event2con1 img {position:absolute; top:0; right:64px;} .event2con2 {width:857px; height:30px;margin-left:58px; background:#d7d7d7; border-bottom:4px solid #1e2843; } .event2con2 p {margin-left:666px; color:#4a4a4a; font-size:12px; font-weight:400; line-height:30px; } .event2con3 {width:980px; height:405px; } .event2con3 li {float:left; width:33.3%; text-align:center; line-height:20px;color:#4a4a4a;} .event2con3p1 {color:#808285; font-size:13px; font-weight:500;} .event2con3p2 {font-size:13px; font-weight:400;color:#808285; } .event2con3p3 {font-size:13px; font-weight:400; text-decoration:line-through; color:#808285;} .event2con3p4 {font-size:14px; font-weight:700;color:#808285; } .event2con3p4 span {color:#eb4437;} .event2con4 {width:980px; height:333px; } .event2con4 li {float:left;width:25%;text-align:center;line-height:20px;color:#4a4a4a;} .event1Btn {margin:0 0 0 425px;} /******************************************************/ /************************진행중 이벤트2**********************/ /******************************************************/ .eLwrap1 {height:1530px;margin-top:20px;border:1px solid #ccc; } .eventBg {position:relative;width:978px; height:500px; background:url(../img/event/evbg1.jpg) no-repeat; background-size:cover; } .eventBg h3 {position:absolute; top:74px; left:70px;color:#363636; font-size:40px; font-weight:500;} .eventBg h1 {position:absolute; top:124px; left:72px;color:#1e2843; font-size:65px; font-weight:500;} .eventBg h5 {position:absolute; top:203px; left:78px;color:#363636; font-size:20px; font-weight:400; } .eventBg a {position:absolute; top:286px; left:70px;width:271px; height:39px; background:#1e2843; color:#fff; line-height:39px; text-align:center; font-size:18px;*font-size:15px; font-weight:400; } .eventBg p {position:absolute; top:344px; left:84px;color:#363636; font-size:20px; font-weight:400;} .eventList1 {width:872px; height:885px; margin:0 auto;} .eventList1 li {float:left;width:200px; height:283px;margin:8px;text-align:center; line-height: 22px; color:#4a4a4a;border:1px solid #ccc;} .eventLibtn {width:89px; height:17px; margin:8px 52px; color:#6d6f71; font-size:12px; font-weight:500; line-height:17px; border:1px solid #ccc; } .eventlistBtn1 {margin-top:39px;*margin-top:59px;} .eventMenu1 {margin-top:30px;} /******************************************************/ /************************진행중 이벤트3**********************/ /******************************************************/ .eLwrap2 {height:1490px;background:#f5f5f5; } .eventBg1 {width: 978px; height: 500px;background:url(../img/event/evbg2.jpg); text-align:center;} .eventBg1wrap {padding-top:120px;} .eventBg1 h3 {color:#363636; font-size:40px; font-weight:500; line-height:35px;} .eventBg1 h1 {color:#1e2843; font-size:65px; font-weight:500;line-height:90px;} .eventBg1 h5 {width:210px;margin-left:290px;padding:15px 100px;color:#363636; font-size:20px; font-weight:400; line-height:30px;border-top:1px solid #7c8291; border-bottom:1px solid #7c8291;} .eventBg1 h5 span {color:#4a4a4a; font-size:25px; font-weight:700; } .eventBg1 p {color:#363636; font-size:20px; font-weight:400; line-height:50px;} .ev3barWrap {height:30px;margin:0 auto;width:220px; } .ev3bar {background:url(../img/event/ev3bar.png) no-repeat; color:#fff; font-size:15px;*font-size:13px; font-weight:400;line-height:30px; text-align:center;} .event3List {margin:30px auto;} .event3List li {height:255px;background:#fff; border:none; } .event3Btn {margin-top:-80px;} /********************진행중 이벤트 팝업**********************/ .eventliPopup {position:absolute; top:750px; left:170px; z-index:999;width:680px; height:370px; background:#fff;border:1px solid #ccc;} .eventlibarw {width:680px; height:45px; background:#ebebeb; } .eventlibarw p {margin-left:20px;color:#414042; font-weight:500; font-size:15px; line-height:45px; } .eventlibarw a {display:inline;} .eventlibarw img {margin-left:540px;} .eventliPopupcon {width:610px; height:225px; padding:50px 35px; } .secEvent {width:680px; margin:0 0 14px;} .eventliPopupcon ul {float:left;width:610px; height:217px; } .eventliPopupcon li {float:left; width:50%; height:217px;} .eventPopupconWr img {float:left;width:150px;height:110px;margin-right:20px;} .eventPopupconWr p {color:#77797b; font-size:12px; font-weight:500; line-height:15px;} /********************이벤트3_1 con**********************/ .event3_1Con {float:left;width:910px;height:375px;border-bottom:1px solid #acacac;} .event3_1C1 {float:left;width:445px; height:352px; border:1px solid #ccc;} .event3_1C2 {float:left;width:448px;margin-left:15px; } .e3C2P {height:37px;background:#f8f8f8; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .e3C2P p {padding-left:25px;color:#363636; font-size:13px; font-weight:500; line-height: 37px; } .e3C2P p span {padding-left:75px;} .e3C2P2 {height:88px; border-bottom:1px solid #ccc;} .e3C2P2-1 {padding-left:25px; color:#363636l; font-size:15px; font-weight:400; line-height:35px;} .e3C2P2-2 {padding-left:18px;color:#4a4a4a; font-size:35px; font-weight:700;} .e3C2P2-2 span {color:#eb4437;} .event3_1C2 select {width:445px; height:28px;margin-top:15px; margin-bottom:15px;color:#585858; font-size:15px;font-weight:400;font-family:'Noto Sans Korean',sans-serif;} .event3_1C2 table td {height:33px; color:#6d6f71; font-size:15px; font-weight:400;border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .ev3Td1 > input {margin-left:30px;} .event3_1C2 table td.ev3Td2>div {position:relative; width:100%; height:33px;} .ev3Td2 .ev3Td2-1 {display:inline-block;position:absolute; top:8px; left:0;width:15px;height:15px;padding:2px; background:#ccc;text-align:center;} .ev3Td2 .ev3Td2-2 {display:inline-block;position:absolute; top:8px; left:40px;width:15px; height:15px;padding:2px; background:#ccc; text-align:center; } .ev3Td2 input {position:absolute; top:8px; left:16px; width:25px; height:13px;padding:2px 0; text-align:center; line-height:13px;border:1px solid #ccc;} .e3C2P3 {height:40px;margin-top:12px; background:#ececec; } .e3C2P3 p {margin-left:25px;color:#363636; font-size:15px;font-weight:700;line-height:40px;} .e3C2P3 p span {margin-left:230px;color:#eb4437;font-size:25px;font-weight:500;} .e3C2P4 {margin-top:9px;} .e3C2P4 a {display:inline-block;width:144px; height:35px; background:#959594; color:#fff;line-height:35px;text-align:center;font-size:15px; font-weight:400; } /********************이벤트3_1 con2 시작**********************/ .event3_1Con2 {float:left;width:910px; height:740px; } .event3_1Con2 > li {position:relative;width:910px; height:230px;margin-top:20px; border:1px solid #ccc;} .evCon2-1 {position:absolute; top:0;left:23px;width:80px; height:80px; background:#1e2843; color:#fff; font-size:20px; font-weight:500; line-height:80px; text-align:center; } .evCon2-2 {position:absolute; top:30px; left:127px; width:372px; } .evCon2-2 h4 {color:#363636; font-size:21px; font-weight:500;} .evCon2-2 h1 {color:#eb4437; font-size:70px; font-weight:700;} .evCon2-2p1 {position:absolute; top:29px; left:170px;color:#4a4a4a; font-size:26px; font-weight:700; } .evCon2-2p1 span {font-size:26px; font-weight:400; text-decoration:line-through;} .evCon2-2p2 {position:relative;top:0;*top:35px;left:0;width:373px; height:46px;margin-top:35px; } .evCon2-2p2 p {position:absolute; top:0; left:0; color:#1e2843; font-weight:700; font-size:14px; } .evCon2-2p2 ul {position:absolute; top:0; left:1px;width:360px; height:45px; } .evCon2-2p2 ul li {float:left;padding:0 11px;color:#77797b;font-size:13px;font-weight:400;line-height:18px;border-right:2px solid #77797b;} .evCon2-2p2 ul li span {color:#77797b; font-weight:700;} .evCon2-3 {position:absolute; top:0; left:650px;} /********************이벤트 당첨자 발표 3_2_winner 시작**********************/ .eLwrapW {height:600px;padding-top:30px;} .evWin1 {width:980px; height:35px;margin-top:22px;background:#e1e1e1;border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .evWin1wrap {width:354px; height:20px; margin:8px 0 0 313px;} .evWin1 select {padding-left:6px;font-weight:400 !important;font-family:'Noto Sans Korean',sans-serif; font-size:12px; } .evWin1 input {width:222px; height:18px;background:#fff; border:1px solid #ccc; } .evWin1 a {display:inline-block;width:54px;height:18px;background:#fff;color:#414042;line-height:18px;text-align:center; font-size:12px; font-weight:400;border:1px solid #ccc;} .evWin2 {width:980px; margin-top:15px;} .evWin2 thead tr {height:36px; background:#e1e1e1; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .evWin2 thead th {color:#414042; font-size:14px; font-weight:500;border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .evWin2 tbody td {height:36px;color:#414042; font-size:13px; font-weight:400; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .evWin2 tbody td a {color:#414042; font-size:13px; font-weight:400;} .evWin2 thead tr>.evwinP {text-align:left; padding-left:200px;} .evWin2 tbody tr>.evwinP1 {text-align:left; padding-left:90px;} .eLwrapW .numBtn {position:absolute;bottom:110px;left: 440px;width:auto;height:30px;} /********************이벤트 당첨자 발표 3_2_1 winner2 시작**********************/ .winnerTable {width:980px; margin-top:22px;} .winnerTable1 td {height:36px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .winnerTable1-1 {background:#e1e1e1;color:#414042; font-size:14px; font-weight:500; text-align:center;} .winnerTable1-2 {padding-left:15px;color:#141042; font-size:13px; font-weight:400; } .winnerTable2-1 {padding-top:39px;color:#414042; font-size:12px; font-weight:400; line-height: 19px; } .winT2-1 {padding-top:45px;} .winT2-2 {padding-top:83px; padding-bottom:100px;} .winnerTable3 td {height:36px; font-size:13px; font-weight:400; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} /********************이벤트 당첨자 발표 3_2_1 winner2 끝**********************/ .minbtnBox1 {position:relative;} .eventPopupconWr div input {position:absolute; top:2px; left:218px;width:35px;height:13px;padding:2px 0; text-align:center; border:1px solid #ccc;} .minusBtn1 {display:inline-block; position:absolute; top:2px; left:200px;width:15px; height:15px;padding:2px; background:#ccc; text-align:center; } .minusBtn2 {display:inline-block; position:absolute; top:2px; left:255px;width:15px; height:15px;padding:2px; background:#ccc; text-align:center; } .eventPopupconBtn {width:291px; height:23px;margin-top:15px;color:#6d6f71; font-size:11px; font-weight:500; line-height:23px; text-align:center; border:1px solid #ccc;} .eventPopupconBtn1 a {display: inline-block;width:144px; height:25px;margin-top:14px;margin-right:5px;background:#1e2843; color:#fff;text-align:center;line-height:25px;font-size:11px;font-weight:400;} .eplirConw {float:left; width:50%; height:217px;} .eplirConp {margin-left:20px;line-height:15px; font-size:12px; color:#77797b; } .eplirConw h6 {margin-left:20px;color:#58595b; font-size:13px; font-weight:700; line-height:20px;} .eplirConw span {color:#58595b; font-size:12px; font-weight:700;} .eplirConw div {margin-left:20px; margin-top:12px;} .eplirConw a {display: inline-block;width:126px; height:17px;color:#6d6f71; line-height:17px; text-align:center; font-size:11px; font-weight:500;border:1px solid #ccc;} /******************************************************/ /*************************아이디찾기***********************/ /******************************************************/ .findMenu {margin-top:30px;} .findMenu li {width:50%; border-right:none;} .findText {padding:28px 0 15px 0; color:#6d6f71; font-size:12px; font-weight:300;} .findIdwrap {width:980px; height:755px; border-top:4px solid #363636;} .findUlwrap >li {float:left;width:428.5px; height:343px;padding:38px 30px;border-left:1px solid #ccc;border-right:1px solid #ccc;} .findCon1 h3 {margin-bottom:20px;text-align:center; color:#363636; font-size:17px; font-weight:700; } .findConul {width:423px; height:50px;background:#e9ebf1; border:1px solid #ccc;} .findConul .findconli1 {float:left;width:156.5px;padding-left:28px;line-height:50px;} .findConul .findconli1 input {margin-right:5px;} .findConul .findconli1 span {color:#58595b; font-size:13px; font-weight:700;} .findCon1 p {margin-top:35px; margin-bottom:33px;color:#808285; font-size:12px; font-weight:400; line-height:19px; } .findConul2 {border-bottom:1px solid #ccc;} .findConul2-1 span {margin-right:102px;color:#58595b; font-size:13px; font-weight:700; } .findConul2-1 input {width:246px; height:25px; border:1px solid #ccc;} .findConul2-2 {margin-top:6px;margin-bottom: 24px;} .findConul2-2 span {margin-right:79px;color:#58595b; font-size:13px; font-weight:700;} .findConul2-2 select {width:72px; height:27px;font-weight:400;font-family:'Noto Sans Korean',sans-serif;color:#58595b; font-size:11px;border:1px solid #ccc; } .findConul2-2 input {width:72px; height:27px; border:1px solid #ccc;} .findidCon1Btn {width:80px; height:37px;margin:21px auto;background:#1e2843; color:#fff; font-size:15px; font-weight:500;line-height:37px; text-align:center; border:1px solid #ccc;} .findidCon2 h3 {margin-bottom:20px;text-align:center; color:#363636; font-size:17px; font-weight:700; } .findCon2ul li {width:423px; height:149px;margin-bottom:10px; background:#e9ebf1; border:1px solid #ccc;} .findCon2ul li h5 {float:left; width:123px; color:#58595b; font-size:13px; font-weight:700;text-align:center; line-height:149px;} .find2Wrap2 {float:left;width:300px; } .findCon2p1 {margin-top:10px;color:#808285; font-size:12px; font-weight:400; line-height:17px;} .findcon2Btn1 {width:99px; height:37px;margin-top:12px; background:#1e2843; color:#fff; text-align:center; line-height:37px; font-size:15px; font-weight:500; border:1px solid #ccc;} .findDivwrap {float:left;width:428px; height:288px;padding:35px 275px; border:1px solid #ccc;} .findDivwrap h3 {text-align:center; color:#363636; font-size:17px; font-weight:700;} .findiv2 {height:121px; margin-top:25px; padding:32px 43px;border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .findiv2 p {font-size:12px; font-weight:400; color:#808285; line-height:17px;} .findiv2 ul {width:506px;margin-top:33px; } .findiv2 ul li span {margin-right:104px; color:#58595b; font-size:13px; font-weight:700;} .findiv2 ul li input {width:242px; height:27px; border:1px solid #ccc;} /******************************************************/ /*************************비밀번호 찾기***********************/ /******************************************************/ .findPassw {height:875px;} .findPasswrap >li {height:423px;} .findConul2-3 span {margin-right:51px;color: #58595b;font-size: 13px;font-weight: 700; } .findConul2-3 input {width:246px; height:25px; margin-right:8px; border:1px solid #ccc;} .findConul2-3 a {display:inline-block;width:36px;height:25px;background:#ebebeb;color:#58595b;font-size:11px;font-weight:400; line-height:25px; text-align:center;border:1px solid #ccc;} .findConul2-3 {margin-bottom:7px;} .findConul2-4 a {display:inline-block;width:72px;height:25px;margin-left:8px;background:#ebebeb;font-size:11px;font-weight:400; color:#58595b;text-align:center;line-height:25px;border:1px solid #ccc;} .findPassi {margin-bottom:22px;} .findPassi span {color:#58595b; margin-right:104px; font-size:13px; font-weight:700; margin-right:51px;} .findPassi input {width:246px; height:25px; border:1px solid #ccc; margin-right:8px;} .findPassi a {display:inline-block;width:36px;height:25px;background:#ebebeb;color:#58595b;font-size:11px;font-weight:400; line-height:25px;text-align:center;border:1px solid #ccc;} .findpassDiv {height:320px;} .findpasdiv {height:151px;} /* 로딩바띄우기(화면 전체를 어둡게 합니다.)*/ .wrap-loading { z-index:999; position: fixed; width:100%; height:100% left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.2); /*not in ie */ filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */ } /*로딩 이미지*/ .wrap-loading div{ position: fixed; top:50%; left:50%; margin-left: -21px; margin-top: -21px; z-index:999999; } /*감추기*/ .display-none{ display:none; } /***********************************************************/ /*** PopUP Window ***/ /***********************************************************/ .dark_bg{ width:100%; height:100%; position:fixed; z-index:80; background-color:#4f4f4f; opacity:0.5; filter:alpha(opacity=80); -moz-opacity:.8 } .new_popup_wrap{ left:50%; top:50%; width:100%; height:100%; position:fixed; z-index:999; display:none; } .new_popup_wrap .new_popup { width:765px; height:520px; margin-top:-260px; margin-left:-382px; position:fixed; z-index:998; border:3px solid #454545; } .new_popup_wrap .close_area{ display:block; width:756px; height:40px; padding-right:10px; background:#454545; line-height:22px; } #popup_iframe { height:480px; overflow:hidden; display:block; } .popup_body { position: relative; width:100%; height:480px; background:#fff; } .close_left { display:inline-block; margin:0; width:720px; height:35px; font-size:16px; line-height:40px; padding-left:30px; color:#fff; vertical-align:middle; } .close_right { position:fixed; left:50%; top:50%; z-index:4000; width:29px; height:29px; margin-left:390px; margin-top:-260px; background:url(./images/btn_ly_close.png) 0 0 no-repeat; text-indent:-9999px } .new_popup_wrap .close_area a { color:#bbb; } .new_popup_wrap .close_area img { margin-top:4px; } /** 결제시 로딩바... **/ .pre_load_wrap { left:50%; top:50%; width:100%; height:100%; position:fixed; z-index:999; display:none } .pre_load_wrap .processbar { width:449px; height:209px; margin-top:-104px; margin-left:-224px; position:fixed; z-index:998; } .pre_load_wrap .processwork { display:block; width:0px; height:0px; position:relative; }