@charset "utf-8"; #wrap{width:100%; min-width:960px; position:relative; margin:0 auto; /*padding-top:116px;*/} /* 160219 */ /*********************** 공통 ****************************/ #conWraper .top img{ margin:75px auto} #conWraper .interTab{width:960px; margin:0 auto; padding:30px 0; position:relative} #conWraper .interTab a.left{background:url(../images/common/tab_left.gif) no-repeat center center; left:0;display:block; width:50px; height:50px; top:20px;position:absolute} #conWraper .interTab a.right{background:url(../images/common/tab_right.gif) no-repeat center center; right:0;display:block; width:50px; height:50px; top:20px;position:absolute} #conWraper .interTab p{text-align:center;font-size:36px; color:#000; font-weight:bold} #conWraper .interTab p a{text-align:center;font-size:36px; color:#000; font-weight:bold} #conWraper .interTab p.subText {margin:0 auto; font-size:13px; color:#777; font-weight:bold} #conWraper .interTab .tab{width:100%; height:50px; margin-top:22px; display:table; table-layout:fixed} #conWraper .interTab .tab li{width:10%; display:table-cell} #conWraper .interTab .tab li a{color:#333; display:block; font-size:14px; line-height:48px; border:1px solid #d9d9d9;background-color:#f1f1f1;text-align:center} #conWraper .interTab .tab li a.on,#conWraper .interTab .tab li a:hover{line-height:50px; border:none; color:#fff; background:url(../images/common/tab_bg.gif) no-repeat right center #0081bd} #conWraper .contents {width:960px; margin:0 auto} .modal{cursor:pointer} .hide{display:none} /*********************** quick ****************************/ #quick{ width:171px; position:fixed; top:310px; right:0; z-index:1} #quick .cart{width:171px; height:60px; position:relative; background:url(../images/common/quick_top.png) no-repeat center center} #quick .cart p{width:40px;height:22px; position:absolute; left:122px; top:20px; font-size:16px; text-align:center; font-weight:bold; color:#000; line-height:22px} #quick .viewGoods{width:170px; border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9} #quick .viewGoods li{height:149px; border-bottom:1px solid #d9d9d9; text-align:center; background-color:#fff} #quick .viewGoods li img{display:inline-block; margin-top:20px} #quick .viewGoods li .name{ color:#333; font-size:14px; line-height:20px} #quick .viewGoods li .price{color:#333; font-size:14px; font-weight:bold; line-height:20px} #quick .customer{width:171px; height:185px; background:url(../images/common/quick_bg.png) no-repeat center center} #quick .tab{width:171px; height:35px; display:table} #quick .tab li{display:table-cell; width:50%; color:#fff; line-height:35px; text-align:center; font-size:15px; cursor:pointer} #quick .tab li.dis{background-color:#d9d9d9; color:#202020} #quick .info{width:171px; height:150px; overflow:hidden; text-align:center} #quick .customer .info .phone{ font-size:26px; font-weight:bold; color:#fff; border-bottom:1px solid #67727e; padding-bottom:15px; margin:30px auto 15px; display:inline-block} #quick .customer .info .time{ font-size:12px; color:#fff; line-height:18px} #quick .credit{width:171px; height:185px; background:url(../images/common/quick_bg2.png) no-repeat center center; display:none} #quick .credit .info .number{font-size:12px; color:#fff; line-height:20px;border-bottom:1px solid #67727e; padding-bottom:15px; margin:30px auto 15px; display:inline-block} #quick .credit .info .company{font-size:22px; color:#fff} /*********************** footer ****************************/ #footer{width:100%; height:610px; background:#28303d; position:relative} #footer .customer ul{position:absolute; left:50%; top:50px; margin-left:-480px; width:480px; height:221px; background:url(../images/main/v7_1.gif) no-repeat center center #202733; border:1px solid #353e4c} #footer .customer ul .title{position:absolute; left:180px; top:45px;font-size:18px; color:#fff; font-weight:bold} #footer .customer ul .phone{position:absolute; left:180px; top:88px;font-size:46px; color:#0390e6; font-weight:bold} #footer .customer ul .txt1{position:absolute; left:180px; top:150px;font-size:14px; color:#898989} #footer .customer ul .txt2{position:absolute; left:180px; top:170px;font-size:14px; color:#898989} #footer .credit ul{position:absolute; left:50%; top:50px; width:480px; height:221px; background:url(../images/main/v7_2.gif) no-repeat center center #202733; border:1px solid #353e4c} #footer .credit ul .title{position:absolute; left:180px; top:45px;font-size:18px; color:#fff; font-weight:bold} #footer .credit ul .credit1{position:absolute; left:180px; top:80px;font-size:16px; color:#fff} #footer .credit ul .credit1 span{ color:#fdbc14} #footer .credit ul .credit2{position:absolute; left:180px; top:102px;font-size:16px; color:#fff} #footer .credit ul .credit2 span{ color:#fdbc14} #footer .credit ul .credit3{position:absolute; left:180px; top:124px;font-size:16px; color:#fff} #footer .credit ul .credit3 span{ color:#fdbc14} #footer .credit ul .txt{position:absolute; left:180px; top:160px;font-size:18px; color:#FFF; font-weight:bold} #footer .notice a{position:absolute; left:50%; top:270px; margin-left:-480px;font-size:14px; color:#fff; display:block; width:239px; height:33px; border:1px solid #394251; background:url(../images/main/v7_3.gif) no-repeat center center; text-align:center; padding-top:76px; z-index:1} #footer .qna a{position:absolute; left:50%; top:270px; margin-left:-240px;font-size:14px; color:#fff; display:block; width:239px; height:33px; border:1px solid #394251; background:url(../images/main/v7_4.gif) no-repeat center center; text-align:center; padding-top:76px; z-index:1} #footer .ask a{position:absolute; left:50%; top:270px;font-size:14px; color:#fff; display:block; width:239px; height:33px; border:1px solid #394251; background:url(../images/main/v7_5.gif) no-repeat center center; text-align:center; padding-top:76px; z-index:1} #footer .delivery a{position:absolute; left:50%; top:270px; margin-left:240px;font-size:14px; color:#fff; display:block; width:240px; height:33px; border:1px solid #394251; background:url(../images/main/v7_6.gif) no-repeat center center; text-align:center; padding-top:76px; z-index:1} #footer .btnWrap p{position:absolute; left:50%; top:423px; margin-left:-480px} #footer .btnWrap ul{position:absolute; left:50%; top:436px; margin-left:-370px; z-index:1} #footer .btnWrap ul li{float:left; border-right:1px solid #3e4551} #footer .btnWrap ul li.last{border:none} #footer .btnWrap ul li a{font-size:14px; color:#999999; padding:0 10px} #footer .copyWrap .copy{position:absolute; left:50%; top:475px; margin-left:-480px; line-height:24px; color:#767676; font-size:14px} #footer .copyWrap .copy span{ margin-right:20px} #footer .copyWrap .copy a{ color:#adb0b3} #footer .copyWrap .img1{position:absolute; left:50%; top:468px; margin-left:437px} #footer .copyWrap .img2{position:absolute; left:50%; top:516px; margin-left:437px} /*********************** 프로바이오 틱스 ****************************/ .probio #conWraper .top{width:100%; height:0px; _background:url(../images/probio/top.jpg) center center; overflow:hidden} #conWraper .contents.mb100 { margin-bottom:100px; } #conWraper .contents .story{margin-top:50px} #conWraper .contents .story:after{clear:both; display:block; content:""} #conWraper .contents .story .title{ width:240px; float:left; border-top:2px solid #0081bd; font-size:30px; line-height:36px; color:#0081bd; padding-top:20px; font-weight:bold; background:url(../images/probio/con2_2.png) no-repeat left bottom; height:520px} #conWraper .contents .story .txt{width:640px; float:right} #conWraper .contents .story .txt p{color:#454545; font-size:14px; line-height:24px; margin-bottom:30px} #conWraper .contents .story .txt .stress{color:#0081bd; font-weight:bold} /*프로바이오 정의와 제품 선택법 수정 */ #conWraper .contents .motion2{width:100%; height:733px; position:relative; background:url(../images/probio/motion_bg_05.png) no-repeat;} #conWraper .contents .motion2 .objWrap{ position:absolute; top:306px; left:536px; width:374px; height:354px} #conWraper .contents .motion2 .objWrap img{position:absolute} #conWraper .contents .motion2 .objWrap .one{left:160px; top:145px; z-index:8; width:60px; height:30px} #conWraper .contents .motion2 .objWrap .two{left: 70px; top: 40px; z-index:1; width:232px; height:232px} #conWraper .contents .motion2 .objWrap .three{left: 70px; top: 40px; z-index:2; width:232px; height:232px} #conWraper .contents .motion2 .objWrap .four{left: 70px; top: 40px; z-index:3; width:232px; height:232px} #conWraper .contents .motion2 .objWrap .five{left:76px; top:77px; z-index:7; width:80px; height:80px} #conWraper .contents .motion2 .objWrap .six{left:216px; top:77px; z-index:7; width:80px; height:80px} #conWraper .contents .motion2 .objWrap .seven{left:146px; top:197px; z-index:7; width:80px; height:80px} #conWraper .contents .motion2 .objWrap .eight{left:115px; top:115px; z-index:6; width:143px; height:132px} #conWraper .contents .modalWrap2 .first2{background:url(../images/probio/motion_bg_02.png) no-repeat left top; height:201px} #conWraper .contents .modalWrap2 .second2{background:url(../images/probio/motion_bg_03.png) no-repeat left top; height:202px} #conWraper .contents .modalWrap2 .third2{background:url(../images/probio/motion_bg_04.png) no-repeat left top; height:273px} #conWraper .contents .modalWrap2{width:100%; height:433px; display:table; table-layout:fixed; margin-bottom:100px} #conWraper .contents .modalWrap2 ul{text-align:left; padding:50px 0 0 0; margin-left:530px} #conWraper .contents .modalWrap2 .title{ font-size:24px; font-weight:normal; color:#232b38; text-align:left; line-height:30px;padding: 72px 0px 0px 210px; float:left; letter-spacing:-2px} #conWraper .contents .modalWrap2 ul>li{display:block; font-size:16px; color:#434a54; line-height:30px; padding-left:20px} #conWraper .contents .modalWrap2 .first2 li{background:url(../images/probio/con1_14.png) no-repeat left center} #conWraper .contents .modalWrap2 .second2 li{background:url(../images/probio/con1_15.png) no-repeat left center} #conWraper .contents .modalWrap2 .third2 li{background:url(../images/probio/con1_16.png) no-repeat left center} #conWraper .contents .motion{width:100%; height:1092px; position:relative; background:url(../images/probio/con1_2.png) no-repeat; margin-top:70px} #conWraper .contents .motion .objWrap{ position:absolute; top:425px; left:160px; width:640px; height:607px} #conWraper .contents .motion .objWrap img{position:absolute} #conWraper .contents .motion .objWrap .one{left:271px; top:259px; z-index:8} #conWraper .contents .motion .objWrap .two{left:120px; top:72px; z-index:1} #conWraper .contents .motion .objWrap .three{left:120px; top:72px; z-index:2} #conWraper .contents .motion .objWrap .four{left:120px; top:72px; z-index:3} #conWraper .contents .motion .objWrap .five{left:134px; top:135px; z-index:7} #conWraper .contents .motion .objWrap .six{left:374px; top:135px; z-index:7} #conWraper .contents .motion .objWrap .seven{left:255px; top:341px; z-index:7} #conWraper .contents .motion .objWrap .eight{left:201px; top:197px; z-index:6} #conWraper .contents .modalWrap{width:100%; margin-bottom:100px} #conWraper .contents .modalWrap li{display:table-cell} /*#conWraper .contents .modalWrap .first{background:url(../images/probio/con1_3.png) no-repeat left top}*/ /*#conWraper .contents .modalWrap .second{background:url(../images/probio/con1_4.png) no-repeat left top}*/ /*#conWraper .contents .modalWrap .third{background:url(../images/probio/con1_5.png) no-repeat left top}*/ #conWraper .contents .modalWrap .title{ font-size:20px; font-weight:bold; color:#fff; text-align:center; line-height:24px; margin-top:125px} #conWraper .contents .modalWrap ul{margin-top:50px; margin-left:50px} #conWraper .contents .modalWrap ul>li{display:block; font-size:15px; color:#adb0b3; line-height:30px; padding-left:20px} #conWraper .contents .modalWrap .first li{background:url(../images/probio/con1_14.png) no-repeat left center} #conWraper .contents .modalWrap .second li{background:url(../images/probio/con1_15.png) no-repeat left center} #conWraper .contents .modalWrap .third li{background:url(../images/probio/con1_16.png) no-repeat left center} #modalBG{width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; z-index:100; left:0; top:0; display:none} #modalBG .viewport{width:960px; height:650px; position:absolute; left:50%; top:50%; margin-left:-480px; margin-top:-325px; overflow:hidden} #modalBG .viewport .imageWrap{display:table; table-layout:fixed; position:absolute; left:0; top:0} #modalBG .viewport .imageWrap li{display:table-cell; width:960px; height:650px} #modalBG .viewport p{cursor:pointer} #modalBG .viewport .btnClose{width:50px; height:50px; position:absolute; right:0; top:0; background:url(../images/probio/modal_close.png) no-repeat center center; z-index:1} #modalBG .viewport .btnLeft{width:34px; height:100%; position:absolute; left:0; top:275px;background:url(../images/probio/modal_left.png) no-repeat left top; display:none} #modalBG .viewport .btnRight{width:34px; height:100%; position:absolute; right:0; top:275px;background:url(../images/probio/modal_right.png) no-repeat left top; display:none} #modalBG .viewport .indi{ position:absolute; left:50%; top:605px; z-index:1} #modalBG .viewport .indi li{width:15px; height:15px; display:inline-block; background:url(../images/probio/indi.png) no-repeat center top; margin:0 5px} #modalBG .viewport .indi li.on{ background-position:center bottom} #modalBG .one .first{background:url(../images/probio/modal_con11.jpg) no-repeat left top} #modalBG .one .second{background:url(../images/probio/modal_con12.jpg) no-repeat left top} #modalBG .one .third{background:url(../images/probio/modal_con13.jpg) no-repeat left top; position:relative} #modalBG .one .third p{ position:absolute; width:66px; height:112px} #modalBG .one .third p:hover{ width:437px; height:232px} #modalBG .one .third .l1{ left:90px; top:405px; } #modalBG .one .third .l2{ left:192px; top:349px} #modalBG .one .third .l3{ left:294px; top:405px} #modalBG .one .third .l4{ left:396px; top:349px} #modalBG .one .third .l5{ left:498px; top:405px} #modalBG .one .third .l6{ left:600px; top:349px} #modalBG .one .third .l7{ left:702px; top:405px} #modalBG .one .third .l8{ left:804px; top:349px} #modalBG .one .third .l1:hover{left:58px; top:288px;background:url(../images/probio/l1.png) no-repeat left top} #modalBG .one .third .l2:hover{left:160px; top:345px;background:url(../images/probio/l2.png) no-repeat left top} #modalBG .one .third .l3:hover{left:262px; top:288px;background:url(../images/probio/l3.png) no-repeat left top} #modalBG .one .third .l4:hover{left:364px; top:345px;background:url(../images/probio/l4.png) no-repeat left top} #modalBG .one .third .l5:hover{left:466px; top:288px;background:url(../images/probio/l5.png) no-repeat left top} #modalBG .one .third .l6:hover{left:261px; top:345px;background:url(../images/probio/l6.png) no-repeat left top} #modalBG .one .third .l7:hover{left:363px; top:288px;background:url(../images/probio/l7.png) no-repeat left top} #modalBG .one .third .l8:hover{left:465px; top:345px;background:url(../images/probio/l8.png) no-repeat left top} #modalBG .two .first{background:url(../images/probio/modal_con21.jpg) no-repeat left top} #modalBG .two .second{background:url(../images/probio/modal_con22.jpg) no-repeat left top} #modalBG .three .first{background:url(../images/probio/modal_con31.jpg) no-repeat left top} #modalBG .three .second{background:url(../images/probio/modal_con32.jpg) no-repeat left top} #conWraper .contents .movieTop{width:960px; height:294px; background:url(../images/probio/con3_1.png) no-repeat left top; margin-top:30px; text-align:center; overflow:hidden} #conWraper .contents .movieTop .txt1{color:#000; font-size:14px; line-height:20px; margin-top:130px} #conWraper .contents .movieTop .txt2{color:#666; font-size:14px; line-height:20px; margin-top:20px} #conWraper .contents .boardTop { text-align:right; font-size:13px; color:#666; margin:30px 0 10px 0; } #conWraper .contents .boardListMovie { width:960px; border-top:2px #5f646a solid; border-bottom:1px #dedede solid; border-collapse:collapse; table-layout:fixed; } #conWraper .contents .boardListMovie td { width:220px; padding:30px 10px; vertical-align:top; border-bottom:1px #dedede solid; } #conWraper .contents .boardListMovie .movieList { width:220px; } #conWraper .contents .boardListMovie .movieList dd.image img { width:220px; height:135px; cursor:pointer; } #conWraper .contents .boardListMovie .movieList dt { margin-top:15px; font-size:14px; color:#333; font-weight:bold; cursor:pointer; } #conWraper .contents .boardListMovie .movieList dt img { display:none; } #conWraper .contents .boardListMovie .movieList dd.date { display:block; font-size:12px; color:#767676; margin-top:10px; } #conWraper .contents .boardListMovie li.noData { width:100%; padding:150px 0; text-align:center; } #conWraper .contents .page, #bbslist .page { margin-top:20px; text-align:center; } #conWraper .contents .page a, #bbslist .page a { display:inline-block; padding:10px 8px; font-size:12px; color:#666; } #conWraper .contents .page a.prev, #bbslist .page a.prev { background:url(../images/board/pagin_arrow_prev.gif) no-repeat left center; padding:10px 8px 10px 10px; } #conWraper .contents .page a.next, #bbslist .page a.next { background:url(../images/board/pagin_arrow_next.gif) no-repeat right center; padding:10px 10px 10px 8px; } #conWraper .contents .page a.on, #bbslist .page a.on { font-weight:bold; color:#fc7c00; } /* 장내세균분석서비스 2015.01.22 박동귀 추가 */ .probio #conWraper .contents .gma .txt{font-size:14px; color:#313131; float:left; text-align:left; margin-top:30px; line-height:20px} .probio #conWraper .contents .gma .txt03{font-size:14px; color:#878787; margin-top:70px} .probio #conWraper .contents .txt01{font-size:14px; color:#878787; float:left; margin-top:60px; margin-bottom:100px; line-height:20px} .probio #conWraper .contents .txt02{font-size:14px; color:#878787; float:left; margin-top:60px} .probio #conWraper .contents .gmatxt{height:170px} .probio #conWraper .contents .gma .right{float:right} .probio #conWraper .contents .gma .btnWrap{width:100%; text-align:right; margin-bottom:50px; vertical-align:top; height:57px} .probio #conWraper .contents .gma a{display:block; background:url(../images/probio/con4_02_btn.gif)no-repeat left center; float:right; width:240px; font-size:14px; color:#ffffff;letter-spacing: -1.3px;text-align: left; /* line-height:37px; */ margin-top:10px; padding:10px 10px 10px 10px} .probio #conWraper .contents .gma ul{background-color:#eff5f6; padding:20px; /* margin-bottom:100px; */} .probio #conWraper .contents .gma ul p{font-size:14px; line-height:24px} .probio #conWraper .contents .gma ul li{font-size:14px; line-height:24px; background:url(../images/probio/con4_03_bullet.gif)no-repeat 0 12px; padding:1px 0 3px 8px} /*********************** 제품 ****************************/ .goods #conWraper .subTab { width:960px; margin:40px auto; list-style:none; overflow:hidden; } .goods #conWraper .subTab:after { content:""; display:block; clear:both; } .goods #conWraper .subTab li { float:left; width:50%; height:44px; background:#fff; border:1px #d9d9d9 solid; margin-left:-2px; } /*.customer #conWraper .subTab li.first { margin:0; }*/ .goods #conWraper .subTab li.act { background:#0286d6; border-color:#0286d6; } .goods #conWraper .subTab li.first { margin-right:-2px; margin-left:0; } .goods #conWraper .subTab li a { width:100%; height:44px; display:inline-block; line-height:44px; font-size:14px; font-weight:bold; color:#333; text-align:center; } .goods #conWraper .subTab li.act a { color:#fff; } .goods #conWraper .contents .title1{margin-top:30px; margin-bottom:30px; font-size:16px; color:#5f646a; font-weight:bold} .goods #conWraper .count{height:30px; font-size:14px; text-align:right; color:#454545} .goods #conWraper table th.w{border-top:none} .goods #conWraper table th.bt1 { border-top:1px solid #e0e0e0; } .goods #conWraper table td.tdTop{border-top:2px solid #5f646a} .goods #conWraper table td.view{/*padding:20px 0; */line-height:22px} .goods #conWraper table td.view .reply{margin-top:50px} .goods #conWraper table td.view .reply p{line-height: 22px; padding-left: 20px; text-indent: 0} .goods #conWraper table td.view .sbj{border-top:1px solid #e0e0e0; font-size:18px; font-weight:bold; color:#0081bd; text-indent:0; padding:20px} .goods #conWraper table td.view .title{font-weight:bold; line-height:22px; margin:15px 0} .goods #conWraper table td span{ /*margin-right:20px;*/} .goods #conWraper table td .cat{font-size:14px; color:#454545; font-weight:bold; margin:0} .goods #conWraper table th img,.goods #conWraper table td img{display:inline; vertical-align:middle} .goods #conWraper table th .socialZone img{margin:0 5px} .goods #conWraper table td{border-bottom:1px solid #e0e0e0; font-size:14px;color:#333; vertical-align:middle; text-align:center; } .goods #conWraper table td.w{border-bottom:none} .goods #conWraper table td.noticeIco img{margin:0 auto} .goods #conWraper table td.subject{text-align:left;text-indent:10px} .goods #conWraper table td.subject a{cursor:pointer; } .goods #conWraper table td.subject.notice{ font-weight:bold; color:#003f79} .goods #conWraper table td.subject img{vertical-align:middle; display:inline} .goods #conWraper table td .two{ width:198px; height:23px; border:1px solid #c8c8c9; padding-left:10px} .goods #conWraper table td .three{ width:700px; height:23px; border:1px solid #c8c8c9; padding-left:10px} .goods #conWraper table td.location a{/*width:100%; height:100%; */display:block; background:url(../images/customer/ico_location.gif) no-repeat center center} .goods #conWraper .count{height:30px; font-size:14px; text-align:right; color:#454545} .goods #conWraper table th{border-top:2px solid #5f646a; border-bottom:1px solid #e0e0e0; font-size:14px; font-weight:bold; color:#333; vertical-align:middle; text-align:center; height:49px} .goods #conWraper table th.w{border-top:none} .goods #conWraper table th.bt1 { border-top:1px solid #e0e0e0; } .goods #conWraper table th.left,.goods #conWraper table td.left{text-align:left; padding-left:20px} .goods #conWraper table th.left,.goods #conWraper table td.text{padding:10px 0 10px 20px} .goods #conWraper table td.tdTop{border-top:2px solid #5f646a} .goods #conWraper table td.view{/*padding:20px 0; */line-height:22px} .goods #conWraper table td.view .reply{margin-top:50px} .goods #conWraper table td.view .reply p{line-height: 22px; padding-left: 20px; text-indent: 0} .goods #conWraper table td.view .sbj{border-top:1px solid #e0e0e0; font-size:18px; font-weight:bold; color:#0081bd; text-indent:0; padding:20px} .goods #conWraper table td.view .title{font-weight:bold; line-height:22px; margin:15px 0} .goods #conWraper .paging{line-height:70px; text-align:center} .goods #conWraper .prevNext li{border-bottom:1px solid #e0e0e0; font-size:14px;color:#333; vertical-align:middle; height:49px; display:table} .goods #conWraper .prevNext li p{display:table-cell; vertical-align:middle} .goods #conWraper .prevNext li .prev{ width:99px;border-right:1px solid #e0e0e0; line-height:49px; text-indent:40px; font-weight:bold; background:url(../images/board/prev_bu.gif) no-repeat 14px 21px} .goods #conWraper .prevNext li .next{ width:99px;border-right:1px solid #e0e0e0; line-height:49px; text-indent:40px; font-weight:bold; background:url(../images/board/next_bu.gif) no-repeat 14px 21px} .goods #conWraper .prevNext li .txt{line-height:49px; text-indent:10px; width:630px} .goods #conWraper .prevNext li .txt span{ cursor:pointer} .goods #conWraper .prevNext li .txt img{display:inline; vertical-align:middle} .goods #conWraper .prevNext li .name{ width:100px; text-align:center} .goods #conWraper .prevNext li .date{ width:130px; text-align:center} .goods_option_table select {cursor:pointer;vertical-align:middle;width:198px;height:23px;border:1px solid #c8c8c9;padding-left:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/mypage/mypage_seletImg.png) no-repeat 95% 50%;} #boardlayout table th{border-top:1px solid #222; border-bottom:1px solid #e0e0e0; background-color:#fbfbfb; font-size:14px; font-weight:bold; color:#333; vertical-align:middle; text-align:center; height:49px} #boardlayout table th.w{border-top:none} #boardlayout table th.bt1 { border-top:1px solid #e0e0e0; } #boardlayout table th.left, #boardlayout table td.left{text-align:left; padding-left:20px} #boardlayout table th.left, #boardlayout table td.text{padding:10px 0 10px 20px} #boardlayout table td.tdTop{border-top:2px solid #5f646a} #boardlayout table td.view{/*padding:20px 0; */line-height:22px} #boardlayout table td.view .reply{margin-top:50px} #boardlayout table td.view .reply p{line-height: 22px; padding-left: 20px; text-indent: 0} #boardlayout table td.view .sbj{border-top:1px solid #e0e0e0; font-size:18px; font-weight:bold; color:#0081bd; text-indent:0; padding:20px} #boardlayout table td.view .title{font-weight:bold; line-height:22px; margin:15px 0} #boardlayout table td{border-bottom:1px solid #e0e0e0; font-size:14px;color:#333; vertical-align:middle; text-align:center; } #boardlayout .btnWrap{width:100%; text-align:right; margin-bottom:50px; vertical-align:top; margin-top:20px} .goods #conWraper .btnWrap{width:100%; text-align:right; margin-bottom:50px; vertical-align:top; margin-top:20px} .goods #conWraper .btnWrap .ok{display:inline-block; width:70px; height:36px; background:url(../images/member/btn_ok.gif) no-repeat left top; text-indent:-5000px; margin-right:5px} .goods #conWraper .btnWrap img{display:inline-block; vertical-align:top} .goods #conWraper .top{width:100%; height:0px; _background:url(../images/goods/top.jpg) center center; overflow:hidden} .goods #conWraper .subText { width:960px; margin:0 auto; padding:0 0 20px 0; font-size:13px; color:#777} .goods #conWraper .goodsTop{height:337px; border:1px solid #e3e3e3; margin-top:50px} .goods #conWraper .goodsTop .top{background:none; position:relative; height:49px} .goods #conWraper .goodsTop .top .title{font-size:20px; font-weight:bold; color:#333; text-indent:30px; padding-top:30px} .goods #conWraper .goodsTop .top ul{ position:absolute; top:32px; right:30px} .goods #conWraper .goodsTop .top ul li{ width:15px; height:15px; background:url(../images/goods/indi.gif) no-repeat left bottom; margin-left:5px; float:left} .goods #conWraper .goodsTop .top ul li.on{background:url(../images/goods/indi.gif) no-repeat left top} .goods #conWraper .goodsTop .slider{width:958px; height:288px} .goods #conWraper .goodsTop .slider .leftBtn{width:76px; height:288px; background:url(../images/goods/btn_left.gif) no-repeat center center; cursor:pointer; float:left} .goods #conWraper .goodsTop .slider .rightBtn{width:76px; height:288px; background:url(../images/goods/btn_right.gif) no-repeat center center; cursor:pointer; float:right} .goods #conWraper .goodsTop .slider .viewport{width:806px; height:288px; overflow:hidden; float:left; position:relative} .goods #conWraper .goodsTop .slider .viewport ul{width:1700px; position:absolute; left:0; top:0} .goods #conWraper .goodsTop .slider .viewport ul li{float:left; width:248px; height:288px; margin-right:31px} .goods #conWraper .goodsTop .slider .viewport ul li .title{font-size:18px; font-weight:bold; color:#333; text-align:center} .goods #conWraper .goodsTop .slider .viewport ul li .price{font-size:14px; color:#218cb3; text-align:center; margin-top:10px} .goods #conWraper .tabCon .title{margin-top:80px; margin-bottom:30px} .goods #conWraper .tabCon .conWrap{ border-bottom:1px solid #d8dadc; padding-bottom:65px} .goods #conWraper .tabCon .tab{width:960px; height:126px; position:relative; z-index:1} .goods #conWraper .tabCon .tab li{width:240px; height:126px; float:left} .goods #conWraper .tabCon .tab .one{background:url(../images/goods/tab_1.png) no-repeat left top; cursor:pointer} .goods #conWraper .tabCon .tab .two{background:url(../images/goods/tab_2.png) no-repeat left top; cursor:pointer} .goods #conWraper .tabCon .tab .three{background:url(../images/goods/tab_3.png) no-repeat left top; cursor:pointer} .goods #conWraper .tabCon .tab .four{background:url(../images/goods/tab_4.png) no-repeat left top; cursor:pointer} .goods #conWraper .tabCon .tab li.on,.goods #conWraper .tabCon .tab li:hover{background-position:left bottom} .goods #conWraper .tabCon .viewport{width:960px; height:509px; position:relative; overflow:hidden; top:-16px} .goods #conWraper .tabCon .viewport ul{width:3840px; height:509px; position:absolute} .goods #conWraper .tabCon .viewport ul li{float:left} .goods #conWraper .tabCon .viewport p{cursor:pointer} .goods #conWraper .tabCon .viewport li p{ position:absolute; width:74px; height:128px; } .goods #conWraper .tabCon .viewport li canvas{ position:absolute; width:74px; height:128px;cursor:pointer; } .goods #conWraper .tabCon .viewport li .l1{ left:1247px; top:336px} .goods #conWraper .tabCon .viewport li .l2{ left:1371px; top:264px} .goods #conWraper .tabCon .viewport li .l3{ left:1496px; top:336px} .goods #conWraper .tabCon .viewport li .l4{ left:1620px; top:263px} .goods #conWraper .tabCon .viewport li .l5{ left:1620px; top:119px} .goods #conWraper .tabCon .viewport li .l6{ left:1742px; top:44px} .goods #conWraper .tabCon .viewport li .l7{ left:1742px; top:190px} .goods #conWraper .tabCon .viewport li .l8{ left:1742px; top:335px} .goods #conWraper .tabCon .viewport li .l1:hover{left:1211px; top:192px;background:url(../images/probio/pl_01.png) no-repeat left top; width:438px; height:273px} .goods #conWraper .tabCon .viewport li .l2:hover{left:1335px; top:119px;background:url(../images/probio/pl_02.png) no-repeat left top; width:438px; height:273px} .goods #conWraper .tabCon .viewport li .l3:hover{left:1459px; top:191px;background:url(../images/probio/pl_03.png) no-repeat left top; width:437px; height:273px} .goods #conWraper .tabCon .viewport li .l4:hover{left:1294px; top:120px;background:url(../images/probio/pl_04.png) no-repeat left top; width:437px; height:273px} .goods #conWraper .tabCon .viewport li .l5:hover{left:1336px; top:119px;background:url(../images/probio/pl_05.png) no-repeat left top; width:394px; height:345px} .goods #conWraper .tabCon .viewport li .l6:hover{left:1460px; top:44px;background:url(../images/probio/pl_06.png) no-repeat left top; width:394px; height:345px} .goods #conWraper .tabCon .viewport li .l7:hover{left:1418px; top:191px;background:url(../images/probio/pl_07.png) no-repeat left top; width:437px; height:273px} .goods #conWraper .tabCon .viewport li .l8:hover{left:1460px; top:119px;background:url(../images/probio/pl_08.png) no-repeat left top; width:394px; height:344px} .goods #conWraper .interCon{border-bottom:1px solid #d8dadc; padding-bottom:80px} .goods #conWraper .interCon>img{ margin:80px auto 60px} .goods #conWraper .interCon .interConWrap{ position:relative; width:960px; height:453px} .goods #conWraper .interCon .interConWrap .leftBtn{ width:50px; height:50px; background:url(../images/goods/btn_left2.gif) no-repeat left top; cursor:pointer; position:absolute; left:0; top:50%; margin-top:-25px} .goods #conWraper .interCon .interConWrap .rightBtn{ width:50px; height:50px; background:url(../images/goods/btn_right2.gif) no-repeat left top; cursor:pointer; position:absolute; right:0; top:50%; margin-top:-25px} .goods #conWraper .interCon .interConWrap .viewPort{width:780px; height:453px; overflow:hidden; margin:0 auto; position:relative} .goods #conWraper .interCon .interConWrap .viewPort ul{width:3000px; position:absolute; left:0; top:0} .goods #conWraper .interCon .interConWrap .viewPort ul li{width:373px; height:451px; float:left; margin-right:30px; border:1px solid #d8dadc} .goods #conWraper .interCon .interConWrap .viewPort ul li .title{ font-size:30px; font-weight:bold; color:#313131; margin-top:25px; text-align:center} .goods #conWraper .interCon .interConWrap .viewPort ul li .txt{font-size:14px; color:#313131; line-height:22px; padding:25px} .goods #conWraper .interCon .interConWrap .viewPort ul li .txt .bold{font-weight:bold; color:#0081bd} .goods #conWraper .goodsInfo{margin-top:80px} .goods #conWraper .goodsInfo>ul{width:1010px} .goods #conWraper .goodsInfo>ul:after{content:""; display:block; clear:both} .goods #conWraper .goodsInfo>ul>li{float:left; width:455px; height:430px; border-top:3px solid #232b38; margin-right:50px; margin-bottom:50px} .goods #conWraper .goodsInfo>ul>li.img{border:none} .goods #conWraper .goodsInfo>ul>li .title1{margin-top:30px; font-size:20px; color:#003f79; font-weight:bold} .goods #conWraper .goodsInfo>ul>li .title2{margin-top:20px; font-size:18px; color:#333; font-weight:bold} .goods #conWraper .goodsInfo>ul>li .txt{margin-top:20px; font-size:14px; color:#313131; line-height:22px} .goods #conWraper .goodsInfo>ul>li>ul{ margin-top:20px} .goods #conWraper .goodsInfo>ul>li>ul>li{font-size:14px; color:#313131; line-height:22px; padding-left:17px; background:url(../images/goods/bu.gif) no-repeat 3px 7px} .goods #conWraper .goodsInfo>ul>li table{width:100%; margin-top:15px} .goods #conWraper .goodsInfo>ul>li table th{ line-height:40px; text-align:center; background-color:#787b80; color:#fff; font-size:14px; border-right:1px solid #939599} .goods #conWraper .goodsInfo>ul>li table td{line-height:40px; text-align:center; font-size:14px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd} .goods #conWraper .goodsInfo>ul>li table td.first{border-left:1px solid #dddddd} .goods #conWraper .goodsBottom{height:660px; border:1px solid #e3e3e3; margin-bottom:100px} .goods #conWraper .goodsBottom .top{background:none; position:relative; height:49px} .goods #conWraper .goodsBottom .top .title{font-size:20px; font-weight:bold; color:#333; text-indent:30px; padding-top:30px} .goods #conWraper .goodsBottom .top ul{ position:absolute; top:32px; right:30px} .goods #conWraper .goodsBottom .top ul li{ width:15px; height:15px; background:url(../images/goods/indi.gif) no-repeat left bottom; margin-left:5px; float:left} .goods #conWraper .goodsBottom .top ul li.on{background:url(../images/goods/indi.gif) no-repeat left top} .goods #conWraper .goodsBottom .slider{width:958px; height:288px} .goods #conWraper .goodsBottom .slider .leftBtn{width:76px; height:288px; background:url(../images/goods/btn_left.gif) no-repeat center center; cursor:pointer; float:left} .goods #conWraper .goodsBottom .slider .rightBtn{width:76px; height:288px; background:url(../images/goods/btn_right.gif) no-repeat center center; cursor:pointer; float:right} .goods #conWraper .goodsBottom .slider .viewport{width:806px; height:660px; overflow:hidden; float:left; position:relative} .goods #conWraper .goodsBottom .slider .viewport ul{width:860px; position:absolute; left:0; top:0} .goods #conWraper .goodsBottom .slider .viewport ul li{float:left; width:248px; height:288px; margin-right:31px} .goods #conWraper .goodsBottom .slider .viewport ul li .title{font-size:16px; font-weight:bold; color:#333; text-align:center} .goods #conWraper .goodsBottom .slider .viewport ul li .price{font-size:14px; color:#218cb3; text-align:center; margin-top:10px} .goods #conWraper .sortWrap{width:100%; height:42px} .goods #conWraper .sortWrap ul{float:right} .goods #conWraper .sortWrap ul li{float:left; padding:15px 10px 15px 0} .goods #conWraper .sortWrap ul li a{border-left:1px solid #d7d7d7; font-size:13px; color:#666; padding-left:10px} .goods #conWraper .sortWrap ul li a.first{border:none; color:#0081bd; font-weight:bold} .goods #conWraper .productWrap{position:relative;width:100%; /*border-top:2px solid #5f646a;*/ margin-bottom:100px} .goods #conWraper .productWrap ul{width:960px; padding-bottom:10px} .goods #conWraper .productWrap ul:after{display:block; clear:both; content:""} .goods #conWraper .productWrap ul li{ width:320px; text-align:center; float:left; height:300px; margin-bottom:50px} .goods #conWraper .productWrap ul li img{display:inline-block; margin:15px 0} .goods #conWraper .productWrap ul li .goodsName{ width:90%; margin:0 auto; color:#333; font-size:15px; font-weight:bold; text-align:center} /*.goods #conWraper .productWrap ul li .goodsName{ width:100%; color:#333; font-size:14px; font-weight:bold; text-align:center}*/ .goods #conWraper .productWrap ul li .price span{padding-left:26px; line-height:18px; color:#333; background:url(../images/goods/price_bu.gif) no-repeat left center; display:inline-block; margin-top:13px; font-size:14px; } .goods #conWraper .productView .imageWrap{float:left; width:478px; height:538px; border:1px solid #dadada; margin-bottom:0px} .goods #conWraper .productView .imageWrap .image img{margin:40px auto} .goods #conWraper .productView .socialZone{text-align:center} .goods #conWraper .productView .socialZone a{ display:inline-block; margin:0 5px} .goods #conWraper .productView .thumbWrap{width:100%; padding-top:20px; text-align:center} .goods #conWraper .productView .thumbWrap ul{ margin:0 auto; display:inline-block} .goods #conWraper .productView .thumbWrap ul:after{content:""; clear:both; display:block} .goods #conWraper .productView .thumbWrap ul li{float:left; padding:0 5px} .goods #conWraper .productView .thumbWrap ul li img.on{ border:1px solid #878a8f} .goods #conWraper .productView .thumbWrap ul li a.sliderLeft{display:block; width:40px; height:60px; background:url(../images/goods/slider_left.gif) no-repeat center center} .goods #conWraper .productView .thumbWrap ul li a.sliderRight{display:block; width:40px; height:60px; background:url(../images/goods/slider_Right.gif) no-repeat center center} .goods #conWraper .productView:after { content:""; display:block; clear:both; } .goods #conWraper .productView .productInfo{float:left; width:430px; margin-left:50px} .goods #conWraper .productView:after { content:""; display:block; clear:both; } .goods #conWraper .productView .productInfo{float:left; width:430px; margin-left:50px; font-size:14px} .goods #conWraper .productView .productInfo .prodTitle { color:#333; font-weight:bold; } .goods #conWraper .productView .productInfo .prodTitle strong { font-size:30px; margin-top:10px; } .goods #conWraper .productView .productInfo .infoWrap { border-top: 1px #ececec solid; } .goods #conWraper .productView .productInfo .totalPrice { border-top: 1px #ececec solid; } .goods #conWraper .productView .productInfo dl.infoList:after { content:""; display:block; clear:both; } .goods #conWraper .productView .productInfo dl.infoList dt { width:100px; float:left; font-weight:bold; color:#333; padding:10px 0; } .goods #conWraper .productView .productInfo dl.infoList dd { float:left; color:#333; padding:10px 0; } .goods #conWraper .productView .productInfo dl.infoList dd .priceIcon { background:url(../images/goods/price_bu.gif) no-repeat left center; padding-left:25px; } .goods #conWraper .productView .productInfo .titleWrap{width:100%; /* height:70px; 할인기간 없을때 */ height:45px; border-bottom:1px solid #ececec} .goods #conWraper .productView .productInfo .titleWrap .summary{ color:#333; font-size:14px} .goods #conWraper .productView .productInfo .titleWrap .title{color:#333; font-size:26px; font-weight:bold; /* margin-top:13px; 할인기간이 없을때 주석 */} .infoWrap ul{display:table; table-layout:fixed; width:100%; margin:5px 0} .infoWrap ul li{display:table-cell} .infoWrap .columTitle{width:25%;color:#333; font-size:14px; font-weight:bold; line-height:24px} .infoWrap .info{width:75%; line-height:24px;color:#333; font-size:14px} .infoWrap .goodsPrice{border-bottom:1px solid #ececec} .infoWrap .goodsPrice .columTitle{ line-height:33px} .infoWrap .goodsPrice .info{color:#333; font-size:14px; font-weight:bold;padding-left:22px;background:url(../images/goods/price_bu.gif) no-repeat left center;line-height:33px} .infoWrap .goodsPrice .info p { display:inline-block; } .infoWrap .info .ju{padding-left:17px; background:url(../images/goods/bu.gif) no-repeat 3px 7px} .infoWrap .info table{width:100%; margin-top:15px; border-top:1px solid #717377; margin-bottom:15px; table-layout:fixed} .infoWrap .info table th{ line-height:30px; text-align:center; background-color:#878a8f; color:#fff; font-size:14px;border-bottom:1px solid #717377;border-right:1px solid #e0e0e0} .infoWrap .count .columTitle{ line-height:0; vertical-align:middle} .infoWrap .info table td{line-height:30px; text-align:center; font-size:14px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5} .infoWrap .info table td.last{border-right:none} .infoWrap .info table th.two{background-color:#f5f5f5; color:#454545; border-width:0 1px 1px 1px; border-color:#d5d5d5} .infoWrap .info table th.last{border-right:none} .infoWrap .totalPrice{border-top:1px solid #ececec; line-height:55px; text-align:right; font-size:14px; color:#333} .infoWrap .totalPrice .price{ font-size:18px; color:#d80502; font-weight:bold; padding-left:10px} .infoWrap .btnWrap{width:100%; margin-top:20px} .infoWrap .btnWrap img#buy{ float:left; cursor:pointer} .infoWrap .btnWrap img#addCart{ float:right; cursor:pointer} .goods_quantity_table_container {box-sizing:border-box;border:none; margin-bottom:20px; } .goods_quantity_table_container td { text-align:left; vertical-align:middle; color:#666; line-height:26px; } .goods_quantity_table_container td * { vertical-align:middle; } .goods_quantity_table_container .optionNum { width:110px; padding:0; margin:0; } .goods_quantity_table_container .optionNum td { text-align:right; vertical-align:middle; padding:10px; color:#666; line-height:26px; white-space:nowrap; } .goods_quantity_table_container .optionNum td img { display:inline-block; } .goodsDetailTab {width:960px;display:table;table-layout:fixed;clear:both;height:56px;margin:0 auto;box-sizing:border-box} .goodsDetailTab li {width:25%;background:#f5f5f5;border-bottom:1px solid #555555;border-top:1px solid #dcdcdc;height:56px;display:table-cell;position:relative;} .goodsDetailTab li a {display:block;width:100%;color:#666;line-height:56px;height:56px;text-align:center;font-size:17px; } .goodsDetailTab li.left { /*background:url(../images/goods/goods_tab2.gif) no-repeat center top; */} .goodsDetailTab li.active {border-radius:3px 3px 0 0;z-index:9;height:57px;background:#fff;border-bottom:none !important;border-left:1px solid #555555 !important;border-right:1px solid #555555 !important;border-top:1px solid #555555;/*background:url(../images/goods/goods_tab_act.gif) no-repeat center top; */} .goodsDetailTab li.active a { color:#333;height:57px;font-weight:600} .goodsDetailTab li:last-child {border-radius:3px 3px 0 0;border-right: 1px solid #dcdcdc} .goodsDetailTab li:first-child {border-radius:3px 3px 0 0;border-left: 1px solid #dcdcdc} #boardlayout #bbslist .reviewTop { margin-top:30px; } #boardlayout #bbslist .reviewTop:after { content:""; display:block; clear:both; } #boardlayout #bbslist .reviewTop .left{ width:300px; float:left; } #boardlayout #bbslist .reviewTop .right{ width:600px; float:right; font-size:13px; color:#666; line-height:18px; text-align:right; } #boardlayout #bbslist .reviewTop .right .line { color:#ddd; margin:0 10px; } #boardlayout #bbslist .bbslist_table_style { width:960px;margin:0 auto;/*margin-top:10px; *//*border-top: 1px #222 solid; */table-layout:fixed; } #boardlayout #bbslist .bbslist_table_style th { font-size:14px; color:#333; font-weight:bold; text-align:center; line-height:39px; background-color:#fbfbfb; border-bottom:1px #ddd solid; } #boardlayout #bbslist .bbslist_table_style td { font-size:14px; color:#454545; text-align:center; line-height:17px; border-bottom:1px #ddd solid; } #boardlayout #bbslist .bbslist_table_style td.sbj { text-align:left; } #boardlayout #bbslist .bbslist_table_style td.sbj span { margin-left:10px; } #boardlayout #bbslist .bbslist_table_style td.sbj img { /* display:none; */ display: inline; vertical-align: middle} #boardlayout #bbslist .bbslist_table_style td.sbj .info { width:100% !important; height: 39px; line-height:39px;overflow:hidden; } #boardlayout #bbslist .bbslist_table_style td.sbj a { font-size:14px; color:#454545; cursor:pointer; } #boardlayout #bbslist .bbslist_table_style tr.hide td { border-bottom:0; } .boardBtns { width:960px;margin:20px auto 0;/*margin-top:20px; */text-align:right; } .boardBtns .btnWhite { font-size:14px; font-weight:bold; color:#454545; background:#fff; border:1px #999999 solid; line-height:34px; padding:0 20px; margin-left:5px; } .boardBtns .btnBlue { cursor:pointer;font-size:14px; font-weight:bold; color:#fff; background:#0081bd; border:1px #0081bd solid; line-height:34px; padding:0 20px; margin-left:5px; } .boardBtns a { display:inline-block; } #bbslist .searchform { width:960px;margin:20px auto 0;/*margin-top: 20px; */margin-bottom:70px; background:#f5f5f5; border:1px #e0e0e0 solid; text-align:center; padding:15px 0; } #bbslist .searchform #search_text { width:360px; line-height:24px; height:24px; background:#fff; border:1px #c8c8c9 solid; font-size:13px; color:#666; padding:0 10px; } #bbslist .searchform .btnSearch { margin-left:5px; background:url(../images/goods/btn_search.jpg) repeat-x left center; border:0; color:#fff; font-size:13px; height:24px; padding:0 10px 0 24px;display:inline-block; } #bbslist .searchform .btnReset { margin-left:5px; background:#5f646a; border:0; color:#fff; font-size:13px;height:24px; padding:0 10px 0 10px; display:inline-block; } #bbsview .viewbox { margin-top:10px; } #bbsview .viewbox .bbsview_table_style { border-top:2px #0081bd solid; table-layout:fixed; } #bbsview .viewbox .bbsview_table_style th, #bbsview .viewbox .bbsview_table_style td { border-bottom:1px #dedede solid !important; background:#fff !important; } #bbsview .viewbox .bbsview_table_style .left { padding-left:10px; text-align:left !important; } #bbsview .viewbox .bbsview_table_style .right { padding-right:10px; text-align:right !important; } #bbsview .viewbox .bbsview_table_style th.title { font-size:14px; color:#333; font-weight:bold; } #bbsview .viewbox .bbsview_table_style th.btns { text-align:right; padding-top:10px; padding-bottom:10px; } #bbsview .viewbox .bbsview_table_style th.btns button { margin-left:5px; line-height:28px; padding: 0 10px; color:#fff; font-size:14px; background:#5f646a; border:0; } #bbsview .viewbox .bbsview_table_style .userInfo span { margin-left:25px; } #bbsview .viewbox .bbsview_table_style .score img { display:inline-block !important; } #bbsview .viewbox .content { text-align:left; } #bbsview .bbsActionBlue, #bbslist .bbsActionBlue{ border:1px solid #0573a7; padding:10px 20px; color:#fff; font-size:14px; font-weight:bold; background-color:#0081bd; cursor:pointer} #bbsview .bbsAction, #bbslist .bbsAction{ border:1px solid #999; padding:10px 20px; color:#454545; font-size:14px; font-weight:bold; background-color:#fff; cursor:pointer} #bbswrite .bbsAction{ border:1px solid #999; padding:10px 20px; color:#454545; font-size:14px; font-weight:bold; background-color:#fff; cursor:pointer} #bbswrite .bbsActionBlue{ border:1px solid #0573a7; padding:10px 20px; color:#fff; font-size:14px; font-weight:bold; background-color:#0081bd; cursor:pointer} #BoardPwCk{ display:none} .BoardPwCk { border:1px #dedede solid; text-align:center; padding:25px 25px 15px 25px; } .BoardPwCk h3 { font-size:16px; margin-bottom:10px; } .BoardPwCk div { font-size:14px; color:#666; margin-bottom:15px; } .BoardPwCk .input { border:1px #dedede solid; line-height:26px; height:26px; padding:0 10px; } .BoardPwCk .btnblue { font-size:13px; line-height:22px; font-weight:bold; color:#fff; background:#0081bd; border:1px #0081bd solid; } .BoardPwCk .bbs_btn { font-size:13px; line-height:22px; font-weight:bold; color:#454545; background:#fff; border:1px #999999 solid; } .goods_name {line-height:35px;white-space:nowrap;overflow:hidden;width:275px;text-overflow:ellipsis;-o-text-overflow:ellipsis} #conWraper .orderStep { width:960px; margin:0 auto 50px; } #conWraper .contents .list_table_style { border-top:2px #777 solid; }/* 15.02.10 김수민 : table-layout:fixed; */ #conWraper .contents .list_table_style.left * { text-align:left; padding:0; } #conWraper .contents .list_table_style.left label, #conWraper .contents .list_table_style.left textarea { margin:15px; display:inline-block; } #conWraper .contents .list_table_style.left textarea { border:1px #e0e0e0 solid; font-size:14px; line-height:20px; width:810px; } #conWraper .contents .list_table_style.left th { padding-left:15px; } #conWraper .contents .list_table_style.left p.center { text-align:center; line-height:20px; padding:30px 0 15px 0; color:#333; } #conWraper .contents .list_table_style.mt50 { margin-top:50px; } #conWraper .contents .list_table_style th { border-bottom:1px #dedede solid; color:#333; text-align:center; height:59px; line-height: 59px; font-size:18px; font-weight:normal; border-top:0; } #conWraper .contents .list_table_style td { padding:25px 0; border-bottom:1px #dedede solid; text-align:center; font-size:18px; color:#666; vertical-align:middle; } #conWraper .contents .list_table_style td.title { color:#333; font-weight:bold; } #conWraper .contents .list_table_style td.empty { color:#666; text-align:center; padding:30px 0} #conWraper .contents .list_table_style .product:after { content:""; display:block; clear:both; position:relative; } #conWraper .contents .list_table_style .product .image { display:inline-block; float:left; width:62px; height:62px; margin-right:15px; } #conWraper .contents .list_table_style .product .name { float:left; display:inline-block; line-height:26px; text-align:left; margin-top:5px; } #conWraper .contents .list_table_style .product .name strong { color:#333; } #conWraper .contents .list_table_style .product .name a { color:#333; display:block; margin-top:5px; } #conWraper .contents .list_table_style .product .name .suboption { font-weight:normal; text-align:left; color:#666; display:block; } #conWraper .contents .list_table_style .product .name .optional_view_button { margin-left: 15px; font-weight:normal; color:#666; background:url(../images/goods/arrow_blue.gif) no-repeat right center; padding-right:20px; } #conWraper .contents .list_table_style .cnt .onlynumber { border:1px #c8c8c9 solid; width:50px; height:22px; line-height:22px; text-align:center; vertical-align:middle; } #conWraper .contents .list_table_style .cnt .btn_ea_modify, #conWraper .contents .list_table_style .cnt .btn_option_modify { background:#666; border:1px #555 solid; height:26px; padding: 0 7px; color:#fff; font-size:14px; vertical-align:middle; /*margin-left:10px;*/ } #conWraper .contents .list_table_style a.strong { color:#454545; font-weight:bold; text-decoration:underline; } #conWraper .contents .list_table_style a { color:#454545; font-weight:bold; } #conWraper .contents .cartTotal { background:#f5f5f5; border-bottom:1px #dedede solid; text-align:right; padding:0 20px; line-height:70px; color:#333; font-weight:bold; font-size:14px; } #conWraper .contents .cartTotal .totalprice { color:#d80502; margin-left:12px; } #conWraper .contents .cartBtns { margin-top:30px; } #conWraper .contents .cartBtns:after { content:""; display:block; clear:both; } #conWraper .contents .cartBtns .left { float:left; } #conWraper .contents .cartBtns .left button { border:1px #cccccc solid; background:#fff; font-size:14px; color:#454545; line-height:26px; padding:0 10px; margin-right:5px; } #conWraper .contents .cartBtns .right { float:right; text-align:right; } #conWraper .contents .cartBtns .right img { cursor:pointer; display:inline; } #conWraper .contents .list_table_style .product.ml20 { margin-left:20px; } #conWraper .contents .infoBuyer { margin-top:60px; position:relative; } #conWraper .contents .infoBuyer.bb2 { border-bottom:2px #5f646a solid; padding-bottom:10px; background:url(../images/goods/total_price_back.gif) repeat-y right 37px; } #conWraper .contents .infoBuyer:after { content:""; display:block; clear:both; } #conWraper .contents .infoBuyer .left { float:left; width:455px; } #conWraper .contents .infoBuyer .right { float:right; width:455px; } #conWraper .contents .infoBuyer .formTitle { padding-bottom:15px; border-bottom:2px #5f646a solid; font-size:22px; color:#333; font-weight:bold; position:relative; background:#fff; } #conWraper .contents .infoBuyer .formTitle span.check { position:absolute; right:0; bottom:10px; font-size:12px; color:#767676; font-weight:normal; } #conWraper .contents .infoBuyer .formTitle span.check input { vertical-align:middle; } #conWraper .contents .infoBuyer .formList:after { content:""; display:block; clear:both; } #conWraper .contents .infoBuyer .formList dt, #conWraper .contents .infoBuyer .formList dd { margin-top:10px; } #conWraper .contents .infoBuyer .formList dt { clear:both; float:left; width:130px; line-height:28px; font-size:15px; color:#222; font-weight:bold; } #conWraper .contents .infoBuyer .formList dd { float:left; font-size:15px; color:#222; } #conWraper .contents .infoBuyer .formList dd .input { height:26px; line-height:26px; padding:0 10px; font-size:15px; color:#454545; background:#fff; border:1px #c8c8c9 solid; } #conWraper .contents .infoBuyer .formList dd select { height:26px; line-height:26px; padding-left:10px; } #conWraper .contents .infoBuyer .formList dd .line { display:inline-block; width:15px; line-height:26px; height:26px; font-size:15px; color:#454545; text-align:center; } #conWraper .contents .infoBuyer .formList dd .w40 { width:38px; } #conWraper .contents .infoBuyer .formList dd .w100 { width:100px; } #conWraper .contents .infoBuyer .formList dd .w190 { width:188px; height:26px; } #conWraper .contents .infoBuyer .formList dd .w335 { width:330px; } #conWraper .contents .infoBuyer .formList dd textarea { padding:0 10px; font-size:15px; color:#454545; background:#fff; border:1px #c8c8c9 solid; } #conWraper .contents .infoBuyer .formList dd .mt10 { margin-top:10px; } #conWraper .contents .infoBuyer .formList dd .disc { font-size:12px; color:#767676; line-height:18px; margin-top:8px; } #conWraper .contents .infoBuyer .formList dd .sTitle { font-weight:bold} #conWraper .contents .infoBuyer .formList dd .bank, #conWraper .contents .infoBuyer .formList dd .promotion { padding-left:5px; } #conWraper .contents .infoBuyer .formList dd label { margin-right:5px; line-height:28px; } #conWraper .contents .infoBuyer .formList .btnGray { vertical-align:middle; text-align:center; height:28px; line-height:28px; padding:0 7px; font-size:14px; color:#fff; background:#666; border:1px #555 solid; cursor:pointer; display:inline-block; } #conWraper .contents .infoBuyer .formList .btnBlue { vertical-align:middle; text-align:center; height:28px; line-height:28px; padding:0 10px; font-size:14px; color:#fff; background:#003f79; border:1px #555 solid; cursor:pointer; display:inline-block; } #conWraper .contents .infoBuyer .formList .btnWhite { vertical-align:middle; text-align:center; height:28px; line-height:28px; padding:0 10px; font-size:14px; color:#454545; background:#fff; border:1px #999 solid; cursor:pointer; display:inline-block; } #conWraper .contents .infoBuyer .formList dd .orderMemo { height:80px; line-height:18px; padding:0 10px; font-size:14px; color:#454545; background:#fff; border:1px #c8c8c9 solid; } #conWraper .contents .infoBuyer .formList.txtInfo dt, #conWraper .contents .infoBuyer .formList.txtInfo dd { line-height:20px; padding:4px 0; } #conWraper .contents .infoBuyer .chkJoin { margin:28px 0 0 0; color:#454545; font-size:14px; font-weight:bold; } /*#conWraper .contents .infoBuyer .chkJoin .small{ padding-right:1px; background-position:right 0; margin:-3px 0 0 2px !important } */ /*#conWraper .contents .infoBuyer .chkJoin .small input,.small button { height:20px;padding:0 0px;font-size:11px;line-height:20px !important }*/ #conWraper .contents .infoBuyer .guideBox { background:#f5f5f5; padding:15px; } #conWraper .contents .infoBuyer .guideBox ul { list-style:none; } #conWraper .contents .infoBuyer .guideBox li { padding-left:9px; background:url(../images/goods/dot_guide.gif) no-repeat 0 9px; font-size:12px; color:#555; line-height:18px; } #conWraper .contents .infoBuyer .guideBox.backWhite { background:#fff; font-size:13px; margin-top:20px; } #conWraper .contents .infoBuyer .guideBox.backWhite .btnGray { height:24px; padding:0 10px; margin-left:35px; font-size:13px; color:#fff !important; background:#666; border:1px #555 solid !important; cursor:pointer; display:inline-block; } /*#conWraper .contents .infoBuyer .guideBox { margin-top:40px; background:#f5f5f5; border:1px #e0e0e0 solid; padding:15px; }*/ /*#conWraper .contents .infoBuyer .guideBox ul { list-style:none; }*/ /*#conWraper .contents .infoBuyer .guideBox li { padding-left:9px; background:url(../images/goods/dot_guide.gif) no-repeat 0 9px; font-size:12px; color:#555; line-height:18px; }*/ /*#conWraper .contents .infoBuyer .guideBox.backWhite { background:#fff; font-size:13px; margin-top:20px; }*/ /*#conWraper .contents .infoBuyer .guideBox.backWhite .btnGray { height:24px; padding:0 10px; margin-left:35px; font-size:13px; color:#fff !important; background:#666; border:1px #555 solid !important; cursor:pointer; display:inline-block; }*/ #conWraper .contents .infoBuyer .userAdd button { background:#666; height:26px; border:1px #555 solid; font-size:13px; color:#fff; padding:0 10px; margin-left:100px; margin-top:10px; } #conWraper .contents .infoBuyer .price { text-align:center; font-size:16px; color:#333; line-height:35px; font-weight:bold; position: absolute; left: 53%; top: 35%} #conWraper .contents .infoBuyer .price .totalPrice { color:#d80502; font-size:30px; } #conWraper .contents .policyAgree { margin-top:50px; /*border-bottom:1px #dedede solid;*/ } #conWraper .contents .policyAgree .agree { border-top:1px #dedede solid; border-bottom:1px #dedede solid; height:40px; line-height:40px; color:#333; font-size:14px; } #conWraper .contents .policyAgree .policy { margin:20px; border:0; } #conWraper .contents .policyAgree .policy textarea { border:0; width:100%; height:200px; font-size:14px; color:#454545; line-height:20px; } #conWraper .contents .payBtns { text-align:right; margin-top:30px; } #conWraper .contents .payBtns img { display:inline; } #conWraper .contents .payBtns button { background:none; } #conWraper .contents .msg { height:170px; text-align:center; background:url(../images/goods/msg_back.gif) no-repeat center top; } #conWraper .contents .msg span { height:80px; display:inline-block; padding: 20px 0 0 120px; margin-top:35px; text-align:left; background:url(../images/goods/msg_icon.png) no-repeat left center; font-size:18px; line-height:30px; color:#232b38; } #conWraper .contents .msg p.msg_tit { padding:60px 0; line-height:25px; display:inline-block; text-align:center; font-size:21px; color:#222 } #conWraper .contents .guideDisc { padding:30px 40px; width:880px; margin-top:50px; background:#f5f5f5; border:1px #dedede solid; display:table; } #conWraper .contents .guideDisc ul { padding-left:100px; list-style:none; background:url(../images/goods/disc_icon.png) no-repeat left center; min-height:60px; display:table-cell; } #conWraper .contents .guideDisc ul li { font-size: 15px; line-height:25px; padding-left:9px; background:url(../images/goods/dot_guide.gif) no-repeat 0 8px; color:#555; } #conWraper .contents .centerBtns { margin-top:50px; text-align:center; } #conWraper .contents .centerBtns a {display:inline-block} #conWraper .contents .centerBtns img { margin:0 auto; } .pay_layer { text-align:center; margin-top:100px; } .pay_layer img { margin:0 auto; } /* 20170330 주문완료 추가 */ .temp_password {position:relative;margin:20px 0;height:255px;background:#f5f5f5} .temp_password .temp_pw_left {float:left;text-align:center;width:550px;margin:45px auto;border-right:1px solid #d5d5d5} .temp_password .temp_pw_left img {margin:0 auto} .temp_password .temp_pw_left p {font-size:21px;line-height:25px;color:#222;margin-top:23px} .temp_password .temp_pw_left span {color:#27629f;font-weight:bold} .temp_password .temp_pw_right {margin:45px 0;float:left;text-align:center;width:400px} .temp_password .temp_pw_right dl {margin-left:30px} .temp_password .temp_pw_right dl dt {background:url(../images/icon/pw_bullet.png) 0 18px no-repeat;background-size:2px;padding:5px 0;clear:both;float:left;width:100px;line-height:28px;font-size:14px;color:#333;list-style:disc} .temp_password .temp_pw_right dl dt.c6 {color:#666} .temp_password .temp_pw_right dl dd {padding:10px 0} .temp_password .temp_pw_right dl dd input[type="text"] {border:1px solid #c8c8c9;padding:0 4px;height:25px;width:200px} .temp_password .temp_btn {text-align:center;position:absolute;top:200px;right:70px} .temp_password .temp_btn a {display:inline-block;width:300px;background:#666;font-size:18px;color:#fff;height:30px;line-height:30px;text-align:center;} /*********************** customer center ****************************/ .customer #conWraper .top{width:100%; height:0px; _background:url(../images/customer/top.jpg); overflow:hidden} .customer #conWraper .count{height:30px; font-size:14px; text-align:right; color:#454545} .customer #conWraper table th{border-top:2px solid #5f646a; border-bottom:1px solid #e0e0e0; background-color:#f5f5f5; font-size:14px; font-weight:bold; color:#333; vertical-align:middle; text-align:center; height:49px} .customer #conWraper table th.w{border-top:none} .customer #conWraper table th.bt1 { border-top:1px solid #e0e0e0; } .customer #conWraper table th.left,.customer #conWraper table td.left{text-align:left; padding-left:20px} .customer #conWraper table td.tdTop{border-top:2px solid #5f646a} .customer #conWraper table td.view{/*padding:20px 0; */line-height:22px} .customer #conWraper table td.view .reply{margin-top:50px} .customer #conWraper table td.view .reply p{line-height: 22px; padding-left: 20px; text-indent: 0} .customer #conWraper table td.view .sbj{border-top:1px solid #e0e0e0; font-size:18px; font-weight:bold; color:#0081bd; text-indent:0; padding:20px} .customer #conWraper table td.view .title{font-weight:bold; line-height:22px; margin:15px 0} .customer #conWraper table td.w{border-bottom:none} /*.customer #conWraper table td.view .txt{line-height:22px}*/ .customer #conWraper table td span{ /*margin-right:20px;*/} .customer #conWraper table td .cat{font-size:14px; color:#454545; font-weight:bold; margin:0} .customer #conWraper table th img,.customer #conWraper table td img{display:inline; vertical-align:middle} .customer #conWraper table th .socialZone img{margin:0 5px} .customer #conWraper table td{border-bottom:1px solid #e0e0e0; font-size:14px;color:#333; vertical-align:middle; text-align:center; } .customer #conWraper table td.noticeIco img{margin:0 auto} .customer #conWraper table td.subject{text-align:left;text-indent:10px} .customer #conWraper table td.subject a{cursor:pointer; } .customer #conWraper table td.subject.notice{ font-weight:bold; color:#003f79} .customer #conWraper table td.subject img{vertical-align:middle; display:inline} .customer #conWraper table td .two{ width:198px; height:23px; border:1px solid #c8c8c9; padding-left:10px} .customer #conWraper table td .three{ width:580px; height:23px; border:1px solid #c8c8c9; padding-left:10px;margin-right:5px} .customer #conWraper table td.location a{/*width:100%; height:100%; */display:block; background:url(../images/customer/ico_location.gif) no-repeat center center} .boardTable td { padding:15px 0; } .customer #conWraper .paging{line-height:70px; text-align:center} .customer #conWraper .prevNext li{border-bottom:1px solid #e0e0e0; font-size:14px;color:#333; vertical-align:middle; height:49px; display:table} .customer #conWraper .prevNext li p{display:table-cell; vertical-align:middle} .customer #conWraper .prevNext li .prev{ width:99px;border-right:1px solid #e0e0e0; line-height:49px; text-indent:40px; font-weight:bold; background:url(../images/board/prev_bu.gif) no-repeat 14px 21px} .customer #conWraper .prevNext li .next{ width:99px;border-right:1px solid #e0e0e0; line-height:49px; text-indent:40px; font-weight:bold; background:url(../images/board/next_bu.gif) no-repeat 14px 21px} .customer #conWraper .prevNext li .txt{line-height:49px; text-indent:10px; width:771px} .customer #conWraper .prevNext li .txt span{ cursor:pointer} .customer #conWraper .prevNext li .txt img{display:inline; vertical-align:middle} .customer #conWraper .prevNext li .name{ width:100px; text-align:center} .customer #conWraper .prevNext li .date{ width:130px; text-align:center} .customer #conWraper .faq{width:100%; border-top:2px solid #5f646a; margin-bottom:100px} .customer #conWraper .faq li{border-bottom:1px solid #e0e0e0;padding:0 20px} .customer #conWraper .faq .q .ico{padding-left:20px;display:inline-block; width:20px; height:20px;background:url('/static/images/p_images/view/p_qna_Qicon.png') no-repeat; vertical-align:middle;} .customer #conWraper .faq .q .txt{ font-size:14px; color:#333; font-weight:bold; line-height:49px; display:inline-block; height:49px; vertical-align:middle; width:1017px; cursor:pointer; background:url(../images/customer/faq_ui.gif) no-repeat right top} .customer #conWraper .faq .a{font-size:14px; color:#454545; line-height:22px; background:#f5f5f5 url('/static/images/p_images/view/p_qna_Aicon.png') no-repeat 22px 20px; padding:20px 20px 20px 60px; display:none} .customer #conWraper .saleTap{width:960px; height:40px; display:table; table-layout:fixed; } .customer #conWraper .saleTap li{display:table-cell; width:12.5%; background:#000; font-size:14px; color:#fff; text-align:center; line-height:40px; border-right:1px solid #262626; cursor:pointer} .customer #conWraper .saleTap li.last{border:none} .customer #conWraper .saleTap li.on,.customer #conWraper .saleTap li:hover{ background:#0081bd} /*********************** login ****************************/ .customer #conWraper .loginBox{width:100%; height:300px; border:1px solid #ddd; background-color:#f5f5f5; overflow:hidden; border-top:2px solid #5f646a} .customer #conWraper .fieldWrap{width:410px; height:205px; margin:50px auto} .customer #conWraper .fieldWrap .field{width:410px; height:100px} .customer #conWraper .fieldWrap .field .left{float:left; width:270px} .customer #conWraper .fieldWrap .field .left #userid{width:260px; height:41px; border:1px solid #d5d5d5; margin-bottom:10px; padding-left:10px} .customer #conWraper .fieldWrap .field .left #password{width:260px; height:41px; border:1px solid #d5d5d5; padding-left:10px} .customer #conWraper .fieldWrap .field .right{float:right} .customer #conWraper .fieldWrap .field .right .loginBtn{width:130px; height:100px; background:url(../images/member/btn_login.gif) no-repeat center center; display:block; text-indent:-5000px} .customer #conWraper .fieldWrap .saveID{margin-top:10px} .customer #conWraper .fieldWrap .saveID label{font-size:12px; color:#454545} .customer #conWraper .searchBox{width:100%; height:260px; border:1px solid #ddd; border-top:none; overflow:hidden; margin-bottom:100px} .customer #conWraper .fieldWrap .title{ font-size:30px; font-weight:bold; color:#232b38; margin-bottom:30px} .customer #conWraper .fieldWrap .field .left .number{width:260px; height:41px; border:1px solid #d5d5d5; margin-bottom:10px; padding-left:10px} .customer #conWraper .fieldWrap .field .left .mail{width:260px; height:41px; border:1px solid #d5d5d5; padding-left:10px} .customer #conWraper .fieldWrap .field .right .searchBtn{width:130px; height:100px; background:url(../images/member/btn_search.gif) no-repeat center center; display:block; text-indent:-5000px} .customer #conWraper .loginBtnWrap{margin:50px auto 100px; width:100%; text-align:center} .customer #conWraper .loginBtnWrap p{padding:0 5px; display:inline-block} .customer #conWraper .agreement .title{font-size:18px; color:#333; margin-top:50px; font-weight:bold; margin-bottom:20px} .customer #conWraper .agreement .area{width:100%; height:230px; border:1px solid #c8c8c9; border-top:2px solid #5f646a; padding:10px; color:#333} .customer #conWraper .agreement .radioWrap{ margin-top:15px} .customer #conWraper .agreement .radioWrap label{ font-size:14px; color:#333; padding-left:10px} .customer #conWraper .agreement .btnWrap{width:100%; margin-top:50px; border-top:1px solid #e0e0e0; text-align:center; padding:30px 0 100px} .customer #conWraper .agreement .btnWrap a{display:inline-block; margin:0 5px} .customer #conWraper .join .title{font-size:18px; font-weight:bold; color:#333; margin-bottom:15px} .customer #conWraper .join .title span{ font-size:14px; color:#666; font-weight:normal; padding-left:22px; background:url(../images/member/bu_chk.gif) no-repeat left top; float:right} .customer #conWraper .join .field{width:100%; border-top:2px solid #5f646a} .customer #conWraper .join .field dl{border-bottom:1px solid #e0e0e0; display:table; table-layout:fixed} .customer #conWraper .join .field dl dt{width:150px; display:table-cell; vertical-align:middle; background-color:#f5f5f5; padding:18px 0; font-size:14px; font-weight:bold; color:#333; text-indent:40px} .customer #conWraper .join .field dl dt.chk{background:url(../images/member/bu_chk.png) no-repeat 15px center #f5f5f5} .customer #conWraper .join .field dl dd{width:810px; display:table-cell; /*padding-top:10px;*/ padding-left:15px; font-size:14px; vertical-align:middle} .customer #conWraper .join .field dl dd img{display:inline-block; vertical-align:top} .customer #conWraper .join .field dl dd input{padding-left:5px;/*margin-bottom:10px;*/} .customer #conWraper .join .field dl dd input.one{ width:58px; height:23px; border:1px solid #c8c8c9} .customer #conWraper .join .field dl dd input.two{ width:198px; height:23px; border:1px solid #c8c8c9} .customer #conWraper .join .field dl dd input.three{ width:348px; height:23px; border:1px solid #c8c8c9} .customer #conWraper .join .field dl dd .desc{ padding-left:10px; color:#767676; font-size:14px} .customer #conWraper .join .field dl dd .smallDesc{ color:#767676; font-size:12px; line-height:18px; margin-bottom:10px; } .customer #conWraper .btnWrap{width:100%; text-align:right; margin-bottom:50px; vertical-align:top; margin-top:20px} .customer #conWraper .btnWrap .ok{display:inline-block; width:70px; height:36px; background:url(../images/member/btn_ok.gif) no-repeat left top; text-indent:-5000px; margin-right:5px} .customer #conWraper .btnWrap img{display:inline-block; vertical-align:top} .customer #conWraper .btnWrap.btnLeft { position:relative; } .customer #conWraper .btnWrap.btnLeft .right { position:absolute; left:0; top:0; } .customer #conWraper .btnWrap.btnLeft .right .btnWhite { font-size:14px; height:34px; display:inline-block; font-weight:bold; color:#454545; background:#fff; border:1px #d9d9d9 solid; line-height:34px; padding:0 20px; } .customer #conWraper .findIDpw{ padding:50px; border:1px solid #ddd; margin-bottom:100px} .customer #conWraper .findIDpw:after{content:""; clear:both; display:block} .customer #conWraper .findIDpw .id{float:left; width:405px; } .customer #conWraper .findIDpw .pw{float:left; width:405px; } .customer #conWraper .findIDpw .title{ font-size:24px; color:#232b38; font-weight:bold; padding-bottom:20px; border-bottom:2px solid #5f646a} .customer #conWraper .findIDpw .pw{float:right} .customer #conWraper .findIDpw .radioWrap{width:100%; padding:18px 0; vertical-align:middle; border-bottom:1px solid #ddd; font-size:14px; color:#333} .customer #conWraper .findIDpw .fieldwrap{ margin-top:30px} .customer #conWraper .findIDpw .fieldwrap:after{content:""; clear:both; display:block} .customer #conWraper .findIDpw .fieldwrap .left{float:left} .customer #conWraper .findIDpw .fieldwrap .left p{margin-bottom:10px} .customer #conWraper .findIDpw .fieldwrap .left p span{width:50px; line-height:28px; font-size:14px; color:#333; display:inline-block} .customer #conWraper .findIDpw .fieldwrap .left p .one{width:74px; height:23px; border:1px solid #c8c8c9} .customer #conWraper .findIDpw .fieldwrap .left p .two{width:241px; height:23px; border:1px solid #c8c8c9} .customer #conWraper .findIDpw .fieldwrap .btn{ width:100px; } .customer #conWraper .findIDpw .pw .fieldwrap .btn{} .customer #conWraper .findIDpw .fieldwrap .right{float:right} /*********************** 실명인증 ****************************/ .customer #conWraper .auth_chk{ padding:50px; border:1px solid #ddd; margin-bottom:20px} .customer #conWraper .auth_chk:after{content:""; clear:both; display:block} .customer #conWraper .auth_chk .id{float:left; width:405px} .customer #conWraper .auth_chk .pw{float:left; width:405px} .customer #conWraper .auth_chk .title{ font-size:24px; color:#232b38; font-weight:bold; padding-bottom:20px; border-bottom:2px solid #5f646a} .customer #conWraper .auth_chk .pw{float:right} .customer #conWraper .auth_chk .authwrap{margin:30px 0 20px} .customer #conWraper .auth_chk .authwrap:after{content:""; clear:both; display:block} .customer #conWraper .auth_chk .authwrap .left{float:left} .customer #conWraper .auth_chk .authwrap .left p{margin-bottom:10px} .customer #conWraper .auth_chk .authwrap .left p span{width:90px; line-height:28px; font-size:14px; color:#333; display:inline-block} .customer #conWraper .auth_chk .authwrap .left p .one{width:97px; height:23px; border:1px solid #c8c8c9} .customer #conWraper .auth_chk .authwrap .left p .two{width:202px; height:23px; border:1px solid #c8c8c9} .customer #conWraper .auth_chk .authwrap .btn{ width:100px; height:66px; background:#353e4c; text-indent:-5000px} .customer #conWraper .auth_chk .authwrap .right{float:right} .customer #conWraper .auth_chk .ipin{width:405px; text-align:center; padding:30px 0 30px} .customer #conWraper .auth_chk .ipin a{display:inline-block} .customer #conWraper .auth_chk .info{width:405px; border-top:1px solid #d9d9d9; padding-top:30px; font-size:14px; color:#454545; line-height:20px} .customer #conWraper .auth_description{width:960px; font-size:14px; color:#454545; line-height:24px; } .customer #conWraper .auth_btnWrap{width:100%; text-align:center; padding:30px 0 100px} .customer #conWraper .auth_btnWrap a{display:inline-block; margin:0 5px} .customer #conWraper .mt50 { margin-top:50px; font-size:14px; color:#333; } .customer #conWraper .txtRight { text-align:right; } /*********************** mypage ****************************/ .customer #conWraper .subTab { width:960px; margin:0 auto; list-style:none; border-top:2px #5f646a solid; /*overflow:hidden;*/ } .customer #conWraper .subTab:after { content:""; display:block; clear:both; } .customer #conWraper .subTab li { float:left; width:25%; height:44px; background:#fff; border-right:1px #d9d9d9 solid;border-bottom:1px #d9d9d9 solid; border-top:0;} /*.customer #conWraper .subTab li.first { margin:0; }*/ .customer #conWraper .subTab li.act { background:#0286d6; border-color:#0286d6; } /*.customer #conWraper .subTab li.first { margin-right:-2px; margin-left:0; }*/ .customer #conWraper .subTab li a { width:100%; height:44px; display:inline-block; line-height:44px; font-size:14px; font-weight:bold; color:#333; text-align:center; } .customer #conWraper .subTab li.act a { color:#fff; } .customer #conWraper .subText { width:960px; margin:0 auto; padding:20px 0 0; font-size:13px; color:#777} .customer #conWraper .coupon { width:960px; margin:0 auto; padding:20px 0 20px 0; font-size:16px; color:#333; text-align:right; font-weight:bold; border-top:2px solid #5F646A; border-bottom:1px solid #E0E0E0; background:url(../images/icon/coupon.png) no-repeat 840px center} .customer #conWraper .emoney { width:960px; margin:0 auto; padding:20px 0 20px 0; font-size:16px; color:#333; text-align:right; font-weight:bold; border-top:2px solid #5F646A; border-bottom:1px solid #E0E0E0} .customer #conWraper .pageTitle { color:#333; font-size:18px; font-weight:bold; margin:50px 0 15px 0; position:relative; } .customer #conWraper .pageTitle .rightBtn { position:absolute; right:0; top:0px; } .customer #conWraper .searchForm { padding:13px 35px 15px; background:#f5f5f5; border:1px #e0e0e0 solid; border-top:2px #5f646a solid; } .customer #conWraper .searchForm:after { content:""; display:block; clear:both; } .customer #conWraper .searchForm .searchDate { float:left; } .customer #conWraper .searchForm .searchDate label { line-height:28px; font-size:14px; font-weight:bold; color:#333; } .customer #conWraper .searchForm .searchDate label .title { margin-right:10px; } .customer #conWraper .searchForm .searchDate label .brdg { margin:0 5px; } .customer #conWraper .searchForm .searchDate label .datepicker { line-height:25px; height:25px; border:1px #c8c8c9 solid; width:90px; padding:0 5px; } .customer #conWraper .searchForm .searchDate label .btn { width:42px; height:27px; background:#787b80; border:1px #6f7378 solid; color:#fff; font-size:12px; margin-right:1px; } .customer #conWraper .searchForm .searchText { float:right; } .customer #conWraper .searchForm img { display:inline; vertical-align:middle; } .customer #conWraper .searchForm input { vertical-align:middle; } .customer #conWraper .searchText input { vertical-align:middle; height:25px; line-height:25px; border:1px #c8c8c9 solid; width:200px; padding:0 5px; margin-right:5px; } .customer #conWraper .searchText button { display:inline-block; background:url(../images/goods/btn_search.jpg) no-repeat center center; width:63px; line-height:27px; color:#fff; border:0; vertical-align:middle; } .customer #conWraper .searchText button span { padding-left:18px; display:inline-block; } .customer #conWraper .list_table_style.mt30 { margin-top:30px; } .customer #conWraper .list_table_style .orderNum { color:#454545; font-weight:normal; } .customer #conWraper .pageNote {width:900px; min-height:40px; border:1px #e0e0e0 solid; background:url(../images/mypage/icon_note.gif) no-repeat 30px center; padding:30px; margin-top:40px; display:table; } .customer #conWraper .pageNote ul { list-style:none; min-height:40px; display:table-cell; padding-left:80px; } .customer #conWraper .pageNote ul li { background:url(../images/goods/dot_guide.gif) no-repeat 0 8px; padding-left:10px; font-size:14px; color:#454545; line-height:25px; } .customer #conWraper .orderListTable th { border-left:1px #d4d4d4 solid; } .customer #conWraper .orderListTable th.first { border-left:0; } .customer #conWraper .orderListTable td { vertical-align:middle; border-left:1px #d4d4d4 solid; padding:15px 0; } .customer #conWraper .orderListTable td.first { border-left:0; padding:15px; } .customer #conWraper .orderListTable td:after { content:""; display:block; clear:both; } .customer #conWraper .orderListTable td img { border:1px #ddd solid; display:inline; } .customer #conWraper .orderListTable td .img { float:left; margin-right:15px; } .customer #conWraper .orderListTable td .txt { float:left; font-size:14px; color:#333; line-height:20px; text-align:left; } .customer #conWraper .orderListTable td .txt .proTitle { margin-bottom:5px; font-size:14px; color:#0081bd; font-weight:bold; text-indent:0; display:inline-block; } .customer #conWraper .orderListTable td .txt span { display:block; } .customer #conWraper .orderListTable td a.txtLink { font-weight:bold; text-decoration:underline; color:#454545; } .customer #conWraper .orderListTable td.prodData:after { content:""; display:block; clear:both; } .customer #conWraper .orderListTable td.prodData .img { float:left; margin-right:15px; } .customer #conWraper .orderListTable td.prodData .txt { float:left; } .customer #conWraper .orderListTable .orderInfo:after { display:block; content:""; clear:both; } .customer #conWraper .orderListTable .orderInfo dt { width:60px; clear:both; float:left; font-weight:bold; line-height:28px; text-align:left; } .customer #conWraper .orderListTable .orderInfo dd { float:left; padding:5px 0; text-align:left; } .customer #conWraper .orderListTable .orderInfo dd.pd0 { padding:0; } .customer #conWraper .list_table_style.mt30 td span { margin:0; } .customer #conWraper .contents .infoBuyer .formList dd { padding-top:4px; line-height:20px; } .customer #conWraper .contents .infoBuyer .formList dd .btnNavy { display:inline-block; height:26px; line-height:25px; background:#003f79; border: 1px #063b6c solid; padding: 0 10px; color:#fff; font-size:14px; } .customer #conWraper .contents .cancelBtn, .customer #conWraper .contents .btnGray { display:inline-block; height:26px; line-height:25px; background:#666; border: 1px #555 solid; padding: 0 10px; color:#fff; font-size:14px; } .customer #conWraper .contents .block_btn { display:inline-block; height:26px; background:#666; border: 1px #555 solid; padding: 0 10px; color:#fff; font-size:14px; } .customer #conWraper .contents .infoBuyer .formList .btnGray { line-height:14px; } .customer #conWraper .contents .orderexportsbtn { height:24px; background:#0081bd; border: 1px #0573a7 solid; padding: 0 10px; color:#fff; font-size:13px; } .customer #conWraper .contents .guideDisc ul li { line-height:60px; background-position:0 29px; } /*********************** modal ****************************/ .modalFrame { border:4px #0081bd solid; } .modalFrame .modalFrameTitle { background:#0081bd; height:44px; line-height:44px; font-size:16px; font-weight:bold; color:#fff; text-indent:16px; position:relative; padding-bottom:3px; } .modalFrame .modalFrameTitle .modalClose { position:absolute; right:10px; top:10px; } .modalFrame .modalFrameContents { padding:20px; } .modalFrameContents .zipcodeForm { background:#f5f5f5; border:1px #e0e0e0 solid; padding:15px; text-align:center; font-size:14px; color:#333; } .modalFrameContents .zipcodeForm .btnGray { border:1px #ccc solid; height:25px; padding:0 10px; color:#fff; background:#666; border:1px #555 solid; font-size:14px; } .modalFrameContents .zipcodeForm * { vertical-align:middle; } .modalFrameContents .zipcodeForm .desc { margin-top:10px; } .modalFrameContents .zipcodeForm .input { width:180px; } .zipcodeForm.cartOption { position: relative; background:#f5f5f5; border:1px #e0e0e0 solid; padding:15px; text-align:left; font-size:14px; color:#333; } .zipcodeForm.cartOption .btn_cartoption_close { position: absolute; right: 10px; top: 10px; } .zipcodeForm.cartOption:after { content:""; display:block; clear:both; } .zipcodeForm.cartOption .img { float:left; margin-right:10px; width:60px; } .zipcodeForm.cartOption .title { float:left; line-height:60px; font-weight:bold; } .zipcodeForm.cartOption .left { float:left; width:100px; } .zipcodeForm.cartOption .right { float:right; } .zipcodeList { height:401px; border:2px #dedede solid; padding:3px; margin-top:10px; overflow:auto; } .modalFrame .modalFrameContents .zipcodeList dl { padding:5px; } .modalFrame .modalFrameContents .zipcodeList dl:after { content:""; display:block; clear:both; } .modalFrame .modalFrameContents .zipcodeList dl dt { clear:both; float:left; width:90px; text-align:center; line-height: 26px; font-weight:bold; color:#333; font-size:14px; } .modalFrame .modalFrameContents .zipcodeList dl dd { float:left; line-height: 26px; color:#333; font-size:14px; } .modalFrame .modalFrameContents .zipcodeList p { width:100%; line-height:160px; text-align:center; color:#333; font-size:14px; } .modalForm { border-top:2px #5f646a solid; } .modalForm.mt10 { margin-top:10px; } .modalForm th, .modalForm td { border-bottom: 1px #e0e0e0 solid; } .modalForm th { background:#f5f5f5; color:#333; font-size:14px; padding:15px; text-align:left; } .modalForm td { padding:10px 15px; vertical-align:middle; } .modalForm label { margin-right: 15px; } .modalForm .input, .modalFrame .input { border:1px #ccc solid; height:25px; line-height:25px; padding:0 5px; vertical-align:bottom; } .modalForm input { vertical-align:middle; } .modalForm select { height:26px; vertical-align:middle; } .modalForm .btnGray { display:inline-block; border:1px #ccc solid; line-height:25px; padding:0 10px; color:#fff; background:#666; border:1px #555 solid; vertical-align:middle; } .modalForm .mt10 { margin-top:10px; } .modalsTitle { font-size:14px; color:#333; font-weight:bold; margin-bottom:10px; } .modalsTitle.mt30 { margin-top:30px; } .modalsTitle.mt20 { margin-top:20px; } .modalsTitle span { margin-left:15px; color:#666; font-weight:normal; } .modalTitleBlue { font-size:14px; color:#0081bd; font-weight:bold; padding-bottom:20px; border-bottom:#e0e0e0; margin-bottom:20px; } .modalComm { font-size:12px; color:#767676; margin-top:10px; } .modalTable { border-top:2px #5f646a solid; } .modalTable.mt10 { margin-top:10px; } .modalTable tr { background:#f5f5f5; border-bottom:1px #e0e0e0 solid; font-size:14px; line-height:39px; font-weight:bold; } .modalTable td { text-align:center; padding:15px 0; background:#fff; vertical-align:middle; font-weight:normal; line-height:20px; } .modalTable td:after { content:""; display:block; clear:both; } .modalTable td img { display:inline-block; vertical-align:middle; } .modalTable td .img { float:left; margin-right:20px; } .modalTable td .txt { float:left; } .modalTable td .txt .title { font-weight:bold; } .modalTable td .btnGray { height:25px; display:inline-block; line-height:25px; padding: 0 10px; color:#fff; font-weight:bold; background:#666; border:1px #555 solid; } .modalTable td .nolineH { line-height:14px; } .modalTable .left { text-align:left; } .modalTextArea { border-top:2px #5f646a solid; } .modalTextArea textarea { border:1px #c8c8c9 solid; border-top:0; width:948px !important; padding:5px; } /*.modalTextArea .textarea_760 { border:1px #c8c8c9 solid; border-top:0; width:748px !important; padding:5px; }*/ .modalText { border-top:2px #5f646a solid; } .modalText p { margin-top:15px; } .modalText p .blue { color:#0081bd; } .modalGrayBox { border-top:2px #5f646a solid; border-bottom:1px #e0e0e0 solid; background:#f5f5f5; padding:10px; } .modalWhiteBox { border-bottom:1px #e0e0e0 solid; padding:10px; } .modalWhiteBox label { margin-right:30px; } .modalWhiteBox strong { display:inline-block; margin-right:10px; } .modalList { list-style:none; } .modalList li { background:url(../images/goods/dot_guide.gif) no-repeat 0 7px; margin:3px 0; padding-left:9px; } /*#saleslay .modalForm { border-top:2px solid #5f646a; }*/ #saleslay .modalForm:after { content:""; display:block; clear:both; } #saleslay .modalForm dt { width:100px; line-height:28px; clear:both; float:left; font-weight:bold; margin-top:10px; } #saleslay .modalForm dd { line-height:28px; float:left; margin-top:10px; } #saleslay .modalForm dd .btnGray { height:25px; display:inline-block; line-height:25px; padding: 0 10px; color:#fff; font-weight:bold; background:#666; border:1px #555 solid; } .modalBtns { margin-top:30px; text-align:center; } .modalBtns .btnGray { height:36px; padding: 0 10px; color:#fff; font-weight:bold; background:#666; border:1px #555 solid; } .modalBtns .btnBlue { height:36px; padding: 0 10px; color:#fff; font-weight:bold; background:#0081bd; border:1px #0573a7 solid; } /* agree */ .agree {width:100%; margin-bottom:50px} .agree p.title {font-size:18px; font-weight:bold; color:#333; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #333} .agree p {font-size:14px; color:#454545; line-height:24px} .agree ul{margin:0 0 0 20px} .agree ul li {list-style:decimal; font-size:14px; color:#454545; line-height:24px; padding-bottom:15px} .agree ul li li {list-style:disc; font-size:14px; color:#454545; line-height:24px} /* privacy */ .privacy {width:100%; margin-bottom:50px} .privacy p.txt {font-size:15px; font-weight:bold; color:#333; margin-bottom:15px} .privacy p.title {font-size:18px; font-weight:bold; color:#333; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #333} .privacy p {font-size:14px; color:#454545; line-height:24px} .privacy ul{margin:0 0 0 20px} .privacy ul li {list-style:decimal; font-size:14px; color:#454545; line-height:24px; padding-bottom:15px} .privacy ul li li {list-style:disc; font-size:14px; color:#454545; line-height:24px} .privacy table {font-size:14px; color:#454545; text-align:center; } .privacy th {font-weight:bold; background:#f5f5f5; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9} .privacy th.first {border:none} .privacy td {font-weight:bold; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9} .privacy td.first{border:none} /* popup */ .designPopupBar {padding:5px} .designPopupTodaymsg {float:left} .designPopupClose {float:right} /*Liflust */ #conWraper .contents .liflus{font-size:16px; margin-bottom:40px; color:#454545; font-weight:bold; text-align:center} /* ijkim */ #conWraper .interTab.line{border-bottom:2px solid #5f646a;} .shoplist{width:929px;margin:0 auto;padding:35px 0 120px} .shoplist > ul{margin-top:50px} .shoplist > ul > li{margin-top:30px;border:1px solid #e9e9e9} .shoplist > ul > li:first-child{margin-top:0} .shoplist dl{*zoom:1} .shoplist dl:after{display:block;clear:both;content:''} .shoplist dt{float:left} .shoplist dd{overflow:hidden;padding:42px 0px 42px 45px} .shoplist .name, .shoplist .tel{display:inline-block;vertical-align:middle} .shoplist .name{padding-right:24px;background:url(/data/skin/crex_new_1/images/customer/shop_ico_bar.gif) no-repeat 100% 50%;font-size:18px} .shoplist .tel{margin-left:17px;padding-left:17px;background:url(/data/skin/crex_new_1/images/customer/shop_ico_tel.gif) no-repeat 0 3px;font-weight:bold;font-size:14px} .shoplist ul ul{padding-top:10px} .shoplist li li{margin-top:15px;font-weight:bold;font-size:14px;color:#393939} .shoplist li li p{line-height:18px;margin-top:7px;font-weight:normal} .goods #conWraper .productView .productInfo .titleWrap{height:auto;padding-bottom:15px} .goods #conWraper .productView .productInfo .titleWrap .title font{font-weight:bold !important} .goods #conWraper .price_info{font-weight:normal} .goods #conWraper table th.stit{color:#eb0000} .goods #conWraper table th.v_t{padding-top:7px} .goods #conWraper table th.stit_goods.v_t{padding-top:19px} .goods #conWraper table td strong{font-weight:normal} .goods #conWraper table td .caution{margin-top:7px;letter-spacing:-1px;line-height:1.4;color:#444} .goods #conWraper table td .caution strong{font-weight:bold;color:#ff3528} .goods #conWraper table td.total_goods_price .tx_total{font-size:28px;font-weight:bold;font-family:verdana;letter-spacing:-1px;color:#eb0000} .goods #conWraper table td .tx_won{font-weight:bold;font-family:dotum;font-size:12px;color:#000} .goods #conWraper table td.count button{overflow:hidden;margin:0 0 0 3px;padding:0;border:0; background:none; -webkit-appearance:none; text-align:center; cursor:pointer} .goods #conWraper table td.count button.eaPlus{margin-left:7px} .goods #conWraper table td.count button.eaMinus{margin-right:7px} .goods #conWraper table td.goods{padding-top:15px;padding-bottom:15px;vertical-align:middle} .goods #conWraper table td.goods img{width:73px;height:73px;vertical-align:top} .goods #conWraper table td.goods .img{position:relative;display:inline-block;border:1px solid #ededed;margin-right:15px;vertical-align:middle} .goods #conWraper table td.goods .img:before{content:'';display:none;width:59px;height:59px;position:absolute;top:0;left:0;border:7px solid #00acce} .goods #conWraper table td.goods .img.on:before{display:inline-block} .goods #conWraper table td.goods .name{padding-left:10px;font-weight:bold;font-size:18px;color:#333} .goods #conWraper table td.buy_set{padding-top:50px} .goods #conWraper table td.buy_set a{margin-left:5px} .goods #conWraper table td.month_price .ly_caution{display:none;position:absolute;bottom:39px;left:-35px;width:220px;padding:10px;border:4px solid #e1e1e1;background-color:#f7f7f7;line-height:1.4;font-size:13px;color:#555} .goods #conWraper table td.month_price .ly_caution .tit{font-size:15px;font-weight:bold;color:#222} .goods #conWraper table td.month_price .ly_caution .won{color:#444} .goods #conWraper table td.month_price .ly_caution .won strong{font-weight:bold;font-size:15px} .goods #conWraper table td.month_price .ly_caution .p{display:block;margin-top:10px} .goods #conWraper table td.month_price .ly_caution .btn_cls{position:absolute;top:8px;right:7px} .goods #conWraper table td.month_price .ly_caution .arr{display:inline-block;width:15px;height:18px;position:absolute;bottom:-18px;left:21px;background-image:url(../images/goods_status/ly_pop_arr.png)} .goods #conWraper table td.month_price .sell_info{position:relative;display:inline-block;vertical-align:top;margin:5px 0 0 8px} .goods #conWraper table td.month_price .img_save{margin:7px 0 0 10px;vertical-align:top} .inipayWarp {width:100%; height:50px; padding:20px 0; font-size:14px; color:#454545; border-bottom:1px #dedede solid; } .inipayWarp li img {margin-right:10px} .inipayWarp li {display:inline-block; vertical-align:middle; } .tbl_price{position:relative;border-top:2px solid #5f646a;border-bottom:2px solid #5f646a;font-size:14px;color:#333} .tbl_price input[type="radio"], .tbl_price input[type="checkbox"]{margin:0 5px 0 0} .tbl_price input[type="text"], .tbl_price input[type="password"]{padding:7px 10px;height:12px;border:1px solid #c8c8c9} .tbl_price table{border-spacing:0px; border-collapse:collapse;width:100%} .tbl_price .buyfrm{height:148px;padding-top:22px;border-bottom:1px solid #dedede} .tbl_price .buyfrm th, .tbl_price .buyfrm td{color:#333;vertical-align:middle} .tbl_price .buyfrm th{padding-top:10px;padding-bottom:10px;text-align:left;font-weight:normal} .tbl_price .buyfrm td{padding-top:4px;padding-bottom:4px} .tbl_price .buyfrm .desc{font-size:11px;margin-top:7px} .tbl_price .buyfrm .tx_won{display:inline-block;width:200px} .tbl_price .buylist{position:absolute;top:0;right:0;width:303px} .tbl_price .buylist li{padding:9px 0;border-top:1px solid #dedede;font-size:14px;*zoom:1} .tbl_price .buylist li:after{display:block;clear:both;content:''} .tbl_price .buylist li:first-child{border-top:0} .tbl_price .buylist .stit{float:left;width:146px;padding-left:24px;background:url(../images/common/ico_bul.gif) no-repeat 9px 50%} .tbl_price .buylist .txt{display:inline-block;overflow:hidden} .tbl_price .buylist .fc_r{font-size:20px} .tbl_price .sellchk{margin:20px 0} .tbl_price .sellchk .fc_r{font-weight:bold} .tbl_price .sellchk p{font-size:13px;margin:7px 0 0 20px} .tbl_price .surveyfrm{padding:0 30px;background-color:#f5f5f5;border-top:1px solid #5f646a} .tbl_price .surveyfrm .sbj{margin-bottom:17px;font-weight:bold} .tbl_price .surveyfrm li{padding:20px 0;border-top:1px dashed #d5d5d5} .tbl_price .surveyfrm li:first-child{border-top:0} .tbl_price .surveyfrm li.ty input{margin-left:25px} .tbl_price .surveyfrm li.ty input[type="text"], .tbl_price .surveyfrm li.ty textarea{margin-left:5px} .tbl_price .surveyfrm li.ty .sbj{line-height:24px !important;margin-bottom:10px} .tbl_price .surveyfrm li.ty2 input{margin-left:65px} .tbl_price .surveyfrm li.ty3 input{margin-left:25px} .tbl_price .btn_skip{padding-bottom:20px;text-align:center} #subLay2{width:710px;margin:0 auto 100px;padding-top:50px;text-align:center} #subLay2 img{display:inline} #subLay2 h2{margin-bottom:28px} #subLay2 h3{margin-bottom:13px} #subLay2 .section{margin-top:50px;padding:60px 14px 14px;border:1px solid #ececec} #subLay2 .frm{position:relative;margin-top:54px;/*height:524px;*/height:auto;padding-top:58px;background-image:url(../images/member/register_ok_bg.gif)} #subLay2 .frm .sbj, #subLay2 .frm li{font-size:14px} #subLay2 .frm .sbj{margin-bottom:17px;font-weight:bold} #subLay2 .frm input[type="checkbox"], #subLay2 .frm input[type="radio"]{margin:0 5px 0 0} #subLay2 .frm label{margin-left:10px;color:#333} #subLay2 .frm input[type="text"]{margin-left:10px;height:15px;padding:7px;border:1px solid #c8c8c9} #subLay2 .frm ul{margin-top:19px;padding:0 30px;text-align:left} #subLay2 .frm li{padding:18px 0;border-top:1px dashed #d5d5d5} #subLay2 .frm li:first-child{border-top:0} #subLay2 .frm li.ty label{line-height:20px;margin-left:10px} #subLay2 .frm li.ty label:last-child {margin-top:0 !important;display:inline-block !important} #subLay2 .frm li.ty input[type="text"]{margin-left:5px} #subLay2 .frm li.ty .sbj{line-height:20px;margin-bottom:12px} #subLay2 .frm li.ty2 label{margin-left:65px} #subLay2 .frm li.ty3{padding-bottom:22px} #subLay2 .frm li.ty3 .sbj{margin-bottom:0} #subLay2 .frm li.ty3 label{display:inline-block;margin-top:17px;margin-left:0} #subLay2 .frm li.ty3 label.n3{width:auto} #subLay2 .frm li.ty4 input[type="text"]{margin-left:15px;padding-left:20px} #subLay2 p.frm_tit {color:#232b38;font-size:18px} .okDiv {margin-top:5px;display:block} .okDiv:last-child{margin-top:5px;display:inline-block} .evt_supporter{width:960px;margin:0 auto 100px;background:url(../images/event/supporter_bg_mid.gif) repeat-y} .evt_supporter img{display:inline;vertical-align:top} .evt_supporter input[type="text"], .evt_supporter input[type="password"], .evt_supporter textarea, .evt_supporter pre{border:1px solid #e1e1e1;font-family:'dotum';font-size:12px;color:#333} .evt_supporter input[type="text"], .evt_supporter input[type="password"]{height:14px;padding:7px} .evt_supporter textarea, .evt_supporter pre{padding:10px;line-height:1.6} .evt_supporter pre{margin:0;overflow-y:auto;overflow-x:hidden;color:#7c7979 !important;word-break:break-all;white-space:pre-line} .evt_supporter input[type="checkbox"], .evt_supporter input[type="radio"]{margin:0 5px 0 0} .evt_supporter label{vertical-align:middle;font-weight:bold;font-size:16px;color:#4e4e4e} .evt_supporter .placeholder, .evt_supporter .placeholdersjs{color:#7c7979 !important} .evt_supporter :-ms-input-placeholder {color:#7c7979 !important} .evt_supporter ::-webkit-input-placeholder {color:#7c7979 !important} .evt_supporter ::-moz-placeholder{color:#7c7979 !important} .evt_supporter .btm{height:64px;background-image:url(../images/event/supporter_btm.gif)} .evt_supporter table{border-spacing:0px;border-collapse:collapse;width:838px;margin:0 auto;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;background-color:#fff} .evt_supporter th, .evt_supporter td{border-top:1px solid #eae7e7;border-left:1px solid #eae7e7;vertical-align:middle} .evt_supporter th{padding:12px 0;background-color:#f3f3f3;text-align:center} .evt_supporter td{padding:12px 0 12px 30px;font-size:12px;color:#7c7979} .evt_supporter td, .evt_supporter td span{font-family:'dotum';font-size:12px} .evt_supporter .btn_area{margin-top:30px;text-align:center} .evt_supporter2{position:relative;width:960px;margin:0 auto 100px} .evt_supporter2 img{display:inline;vertical-align:top} .evt_supporter2 a{position:absolute;bottom:59px;right:55px} .productList.v1{/*border-top:2px solid #5f646a*/} .productList.v1 .productWrap{border-top:0 !important} .routine_sec{background-color:#fcfcfc;text-align:center} .routine_sec img{display:inline;vertical-align:top} .routine_sec .box1{height:231px;background-image:url(../images/sub/ddship_img02.gif)} .routine_sec .box2{height:451px;background-image:url(../images/sub/ddship_img03.gif)} .routine_sec .box3{height:516px;background-image:url(../images/sub/ddship_img04.gif)} .routine_sec .box4{height:530px;background-image:url(../images/sub/ddship_img05.gif)} .routine_sec .box5{height:130px;background-image:url(../images/sub/ddship_img06.gif)} .order_thank{padding-bottom:30px;text-align:center;line-height:1.5;font-size:24px;color:#222} .order_bau{height:321px;padding-top:40px;margin-top:10px;background-image:url(../images/order/bau_bg.gif);text-align:center} .order_bau img{display:inline;vertical-align:top} .order_bau input{margin:0} .order_bau label{margin-left:7px;font-weight:bold;vertical-align:middle;font-size:19px;color:#333} .order_bau ul{text-align:left;margin-top:25px;padding-left:100px} .order_bau li{float:left;margin-left:170px} .order_bau li:first-child{margin-left:0} .evt_drop{width:960px;margin:0 auto 30px} .evt_drop .sec1{height:1133px;background-image:url(../images/event/drop_img01.png)} .evt_drop .sec2{position:relative;height:684px;background-image:url(../images/event/drop_img02.png)} .evt_drop .sec2 input{position:absolute;top:261px;left:275px;width:47px;height:45px;border:0;text-align:center;font-weight:bold;font-size:42px;color:#f22a43} .evt_drop .sec2 input:focus{outline:0} .evt_drop .btn_send{padding-bottom:43px;text-align:center;border:1px solid #eaeaea;border-top:0} .giftcard .mss{margin-top:25px;background-color:#f5eadf;text-align:center;line-height:43px;font-size:16px;color:#363434} .giftcard .mss i{display:inline-block;width:39px;height:39px;margin:0 10px 0 0;background-image:url(../images/common/ico_heart.gif);vertical-align:middle} .giftcard .bul{display:inline-block;width:6px;height:6px;margin:0 3px 0 7px;background-image:url(../images/common/ico_bul2.gif);vertical-align:middle} .giftcard input[type="text"]{height:16px;padding:6px 5px;border:1px solid #c8c8c9;letter-spacing:-1px;font-weight:bold;font-size:16px;color:#363434} .giftcard td{/*padding-top:25px;padding-bottom:25px;*/height:82px;border-bottom:1px solid #efefef;vertical-align:middle;font-size:16px;color:#363434} .giftcard td.hp input{padding-right:0;padding-left:0;text-align:center} .giftcard td.hp .bar{display:inline-block;vertical-align:middle;margin:0 10px;font-size:24px} .giftcard tr.even td{background-color:#f6f6f6} .ly_giftcard{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:999} .ly_giftcard .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)} .ly_giftcard .cont{position:absolute;top:50%;left:50%;margin:-191px 0 0 -202px} .ly_giftcard .btn_cls{position:absolute;top:16px;right:19px;width:20px;height:20px;background-image:url(../images/common/popup_cls.gif)} .ly_giftcard .ele{position:relative;width:493px;height:484px;padding:2px;background-color:#0081bd} .ly_giftcard h3{padding-left:27px;margin-top:0;line-height:52px;font-size:20px;color:#fff} .ly_giftcard h4, .ly_giftcard .from{position:absolute} .ly_giftcard h4{top:39px;left:27px} .ly_giftcard .from{bottom:89px;right:27px;text-align:right} .ly_giftcard h5{font-size:16px} .ly_giftcard .txt{margin-top:5px;font-size:15px} .ly_giftcard .txt2{padding-top:96px;text-align:center} .ly_giftcard .skin{position:relative;background-color:#fff} .ly_giftcard .row{position:relative;z-index:1;height:430px;font-weight:bold;font-size:20px} .ly_giftcard .img{width:471px;height:325px;position:absolute;top:23px;left:11px} .ly_giftcard .btn_skip{position:absolute;bottom:27px;left:0;width:100%;text-align:center} .ly_giftcard .skin1{color:#000} .ly_giftcard .skin2{color:#fff} .ly_giftcard .skin3{color:#000} .recomd_ct {width:960px;margin:0 auto 100px;background-color:#e9e9e9} .recomd_ct .section{display:none;padding:68px 0 0;background-color:#fff;text-align:center} .recomd_ct img{display:inline;vertical-align:top} .recomd_ct .top{height:807px;background-image:url(../images/mypage/recomd_top.png)} .recomd_ct button{vertical-align:top;outline:none} .recomd_ct .tab{background:url(../images/mypage/recomd_tab_bg.gif) repeat-x 0 100%} .recomd_ct .tab img.on{display:none} .recomd_ct .tab ul{width:925px;margin:0 auto} .recomd_ct .tab ul:after{display:block;clear:both;content:''} .recomd_ct .tab li{float:left;margin-left:1px} .recomd_ct .tab li:first-child, .recomd_ct .tab li.on{margin-left:0} .recomd_ct .tab li.on img{display:none} .recomd_ct .tab li.on img.on{display:inline} .recomd_ct #benefit h2{margin-bottom:25px} .recomd_ct #benefit .tbl{width:900px;height:288px;margin:40px auto 45px;background-image:url('../images/mypage/recomd_tab1_tbl.png')} .recomd_ct #benefit .tbl2{width:900px;height:289px;margin:40px auto 50px;background-image:url('../images/mypage/recomd_tab1_tbl2.png')} .recomd_ct #benefit .tbl3{width:900px;height:343px;margin:40px auto 0;background-image:url('../images/mypage/recomd_tab1_tbl3.png')} .recomd_ct #benefit .event{padding:50px 0;background-color:#f3f3f3} .recomd_ct #recomd h2{position:relative;text-align:center} .recomd_ct #recomd .btn_detail{position:absolute;top:40px;left:50%;margin-left:99px} .recomd_ct #recomd .form{margin:45px 0 50px;padding:40px 0;background-color:#f3f3f3;border-top:4px solid #404040} .recomd_ct #recomd .form input{vertical-align:middle;padding:7px;height:25px;border:1px solid #333;font-weight:bold;font-size:16px} .recomd_ct #recomd .form table{width:100%} .recomd_ct #recomd .form th{padding-left:25px;vertical-align:middle} .recomd_ct #recomd .form th, .recomd_ct #recomd .form td{text-align:left} .recomd_ct #recomd .form .select{display:inline-block;height:25px;padding:7px;vertical-align:middle;background-color:#fff;border:1px solid #333} .recomd_ct #recomd .form select{border:0;width:100%;font-weight:bold;font-size:16px} .recomd_ct #recomd .form .bar{display:inline-block;vertical-align:middle;width:9px;height:3px;margin:0 3px;background-image:url(../images/mypage/recomd_tab2_bar.gif)} .recomd_ct #recomd ul.agreechk{padding:40px 56px 0 98px} .recomd_ct #recomd ul.agreechk:after{display:block;clear:both;content:''} .recomd_ct #recomd ul.agreechk li{float:right} .recomd_ct #recomd ul.agreechk li:first-child{float:left} .recomd_ct #recomd ul.agreechk input{width:17px;height:17px} .recomd_ct #recomd ul.agreechk label{display:inline-block;margin:-1px 0 0 4px;vertical-align:middle} .recomd_ct .faq{margin-top:50px;border-top:2px solid #5f646a;text-align:center;text-align:left;font-size:18px} .recomd_ct .faq i{display:inline-block;width:25px;height:25px;position:absolute;top:18px;left:20px} .recomd_ct .faq li{position:relative;padding:17px 64px;line-height:1.6} .recomd_ct .faq li.q{border-bottom:1px solid #cacaca;background:url(../images/mypage/recomd_tab3_arr.gif) no-repeat 98% 50%;cursor:pointer;font-weight:bold;color:#344c99} .recomd_ct .faq li.q.on{background-image:url(../images/mypage/recomd_tab3_arr2.gif)} .recomd_ct .faq li.q i{background-image:url(../images/mypage/recomd_tab3_q.gif)} .recomd_ct .faq li.a{display:none;background-color:#ecedf0} .recomd_ct .faq li.a i{background-image:url(../images/mypage/recomd_tab3_a.gif)} /* 20171201 추천하기 2차 추가 */ .recomd_today {position:relative} .recomd_w1100 {position:relative;width:1100px;margin:0 auto} .recomd_bg01 {width:100%;position:relative;background:#486ab2;height:506px} .recomd_bg02 {border-bottom:1px solid #333;width:100%;position:relative;background:#f6f6f6;} .recomd_bg03 {background:url('../images/mypage/recom_sns_12.png') 50% 0 no-repeat;height:70px} .recomd_ct2 {width:1100px;margin:0 auto} .recomd_ct2 button{vertical-align:top;outline:none} .recomd_ct2 .tab {position:relative;} .recomd_ct2 .tab img.on {display:none} .recomd_ct2 .tab ul {width:1100px;margin:0 auto} .recomd_ct2 .tab ul:after {display:block;clear:both;content:''} .recomd_ct2 .tab li {float:left} .recomd_ct2 .tab li.on img {display:none} .recomd_ct2 .tab li.on img.on {display:inline} .recom_notice {background:#f6f6f6;position:relative;margin:140px 0} .recom_notice01 {padding:20px 0;vertical-align:top;float:left;width:283px;text-align:center;font-size:23px;font-weight:bold;color:#555} .recom_notice02 {padding:20px 10px 20px 0;display:inline-block;width:805px;text-align:left;font-size:18px;line-height:30px;color:#555} .mypage_recomd{width:960px;margin:0 auto;padding-bottom:100px} .mypage_recomd img{display:inline} .mypage_recomd .benefit{margin-top:30px} .mypage_recomd .form{border-top:4px solid #404040} .mypage_recomd .form input{padding:7px;height:25px;border:1px solid #333;font-weight:bold;font-size:16px} .mypage_recomd .form table{width:100%} .mypage_recomd .form th{padding-left:25px;border:0 !important;background:none !important;height:auto !important;vertical-align:middle} .mypage_recomd .form th, .mypage_recomd .form td{text-align:left} .mypage_recomd .form td{border:0 !important;padding-top:32px;padding-bottom:32px} .mypage_recomd .form .select{display:inline-block;height:25px;padding:7px;vertical-align:middle;background-color:#fff;border:1px solid #333} .mypage_recomd .form select{border:0;width:100%;font-weight:bold;font-size:16px} .mypage_recomd .form .bar{display:inline-block;vertical-align:middle;width:9px;height:3px;margin:0 3px;background-image:url(../images/mypage/recomd_tab2_bar.gif)} .mypage_recomd ul.agreechk{padding:25px 0 0 175px;border-top:1px solid #c0c0c0} .mypage_recomd ul.agreechk:after{display:block;clear:both;content:''} .mypage_recomd ul.agreechk li{float:left;margin-right:5px} .mypage_recomd ul.agreechk li:first-child{padding-top:3px} .mypage_recomd ul.agreechk .txt{display:inline-block;padding-top:5px} .mypage_recomd ul.agreechk input{width:17px;height:17px} .mypage_recomd ul.agreechk label{display:inline-block;margin:-1px 0 0 4px;vertical-align:middle} .mypage_recomd .btn_area{margin-top:50px;text-align:center} .baby_gma2{position:relative;padding:70px 0} .baby_gma2 img{display:inline;vertical-align:top} .baby_gma2 a{position:absolute;bottom:137px;left:50%;margin-left:-163px} .gma_system{margin:70px 0;padding-bottom:35px;background-color:#e6eaef} .gma_system img{display:inline;vertical-align:top} .gma_system h2{margin-bottom:35px;text-align:center;font-weight:normal;letter-spacing:-3px;font-size:40px;color:#535353} .gma_system ul:after{display:block;clear:both;content:''} .gma_system li{width:479px;float:left;padding-bottom:25px;border-left:1px solid #a8b8c7;text-align:center} .gma_system li:first-child{border-left:0} .gma_system li>div{width:317px;margin:0 auto} .gma_system h3{margin-top:45px;padding:12px 0 12px 4px;border-top:1px solid #a8b8c7;border-bottom:1px solid #a8b8c7;text-align:left;font-size:18px;color:#333} .gma_system p{padding:15px 0;line-height:1.5;text-align:left;font-size:14px;color:#333} .pop_tax{position:relative;width:428px;margin:0 auto;padding:20px 0;background-color:#eaeaea;border:1px solid #d5d5d5} .pop_tax *{font-family:dotum} .pop_tax img{display:inline} .pop_tax h1{margin-bottom:15px;font-size:20px;color:#415f93;text-align:center;letter-spacing:-1px} .pop_tax h2{margin:9px 0 7px;padding-left:9px;background:url(../images/popup/tax_bul.gif) no-repeat 0 50%;font-size:12px;color:#415f93} .pop_tax .brl0{border-left:0 !important} .pop_tax .fc_red{color:#e03500 !important} .pop_tax .line_rt, .pop_tax .line_rb{display:block;position:absolute;background-color:#ededed} .pop_tax .line_rt{right:-2px;top:2px;width:1px;height:100%} .pop_tax .line_rb{bottom:-2px;left:2px;width:100%;height:1px} .pop_tax .circle_lt, .pop_tax .circle_rt{position:absolute;top:65px;display:block;height:81%;width:15px;background:url(../images/popup/tax_circle.gif) repeat-y } .pop_tax .circle_lt{left:12px} .pop_tax .circle_rt{right:12px} .pop_tax .tbl{width:323px;margin:0 auto;padding:3px 12px 12px;background-color:#fff;border:2px solid #bfc4ce} .pop_tax .tbl table{width:100%;border-top:1px solid #d7d7d7} .pop_tax .tbl th, .pop_tax .tbl td{padding:6px 5px 5px;font-size:11px;color:#555;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7} .pop_tax .tbl th{background-color:#f5f5f5} .pop_tax .tbl td{text-align:center} .pop_tax .caution{margin-top:12px;line-height:1.4;text-align:center;font-size:11px;color:#888} /* 제품후기 */ #wrap.review{padding-bottom:110px;} #wrap.review .tbl_type2{margin-top:50px;} .ly_goods{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:999} .ly_goods .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)} .ly_goods .cont{position:absolute;margin-left:-258px;margin-top:-285px;width:516px;height:570px;top:50%;left:50%;/*margin:-308px 0 0 -258px*/} .ly_goods .btn_cls{position:absolute;top:1px;right:4px;width:44px;height:44px;background:url(../images/common/ico_cls.gif) no-repeat 50% 50%} .ly_goods .ele{position:relative;/*height:900px;*/background-color:#fff;} .ly_goods h2{padding-left:18px;background-color:#353b4c;line-height:46px;font-size:17px;color:#fff;} .ly_goods img{display:inline;vertical-align:top} .ly_goods input[type="radio"]{vertical-align:middle} .ly_goods label{display:inline-block;vertical-align:middle;} .ly_goods .section{padding:20px;text-align:center;} .ly_goods .bn{display:inline-block;margin-bottom:25px;border:1px solid #d0d2da;} .ly_goods .baU_list{margin-top:12px;text-align:left;} .ly_goods .baU_list:after{display:block;clear:both;content:'';} .ly_goods .baU_list dt{float:left;} .ly_goods .baU_list dd{overflow:hidden;padding-top:20px;padding-left:10px;} .ly_goods .baU_list li{margin-top:7px;padding-top:7px;border-top:1px dashed #c5c5c5;} .ly_goods .baU_list li:first-child{margin-top:0;padding-top:0;border-top:0;} .ly_goods .baU_list li label{letter-spacing:-1px;font-weight:bold;font-size:16px;color:#2b2b2b;} .ly_goods .scroll{margin-top:30px;overflow-x:hidden;overflow-y:auto;height:376px;} .ly_goods .row{border-top:2px solid #5f646a;text-align:left;} .ly_goods .order_info{padding:10px 10px 10px 4px;background-color:#f5f5f5;} .ly_goods .order_info:after{display:block;clear:both;content:'';} .ly_goods .order_info li{float:right;font-weight:bold;font-size:13px;color:#2b2b2b;} .ly_goods .order_info li:first-child{float:left;} .ly_goods .order_info li:first-child u{color:#0081bd;} .ly_goods .goods_info{padding:13px 13px 13px 27px;} .ly_goods .goods_info:after{display:block;clear:both;content:'';} .ly_goods .goods_info dt{float:left;border:1px solid #ddd;} .ly_goods .goods_info dt img{width:60px;height:60px;} .ly_goods .goods_info dd{overflow:hidden;padding:8px 0 0 12px;font-weight:bold;line-height:1.4;font-size:16px;color:#2b2b2b;} /* 포토 모아보기 */ #wrap.photoReview{padding-bottom:110px;} #wrap.photoReview .srch_type{padding:20px 0;background-color:#f7f8fb;border-color:#e6e8ee;} #wrap.photoReview .srch_type *{font-family:dotum;} #wrap.photoReview .select{color:#666;} #wrap.photoReview .srch_type button{font-size:12px;} #wrap.photoReview .inner{width:auto;padding:30px;} #wrap.photoReview .btn_more{margin-top:25px;text-align:center;} #wrap.photoReview .btn_more img{display:inline-block;} .photoReview_title{position:relative;padding:18px 0 18px 16px;background-color:#eee;} .photoReview_title h2{font-weight:normal;font-size:21px;color:#1d1b1b;} .photoReview_title h2 i{display:inline-block;vertical-align:middle;width:4px;height:22px;margin-right:12px;background-color:#1d1b1b;} .photoReview_title .btn_event{position:absolute;top:13px;right:17px} .photoReview_list .mask{display:none;position:absolute;top:0;left:0;width:267px;height:268px;background-color:#000;opacity:.6;filter:alpha(opacity=20)} .photoReview_list .border{display:none;position:absolute;top:0;left:0;z-index:10;width:265px;height:320px;border:1px solid #353e4d} .photoReview_list img{display:inline;vertical-align:top} .photoReview_list:after{display:block;clear:both;content:'';} .photoReview_list li{float:left;margin-top:25px;margin-right:37px;width:275px;} .photoReview_list li a{position:relative;display:block;height:322px;border:4px solid #efefef} /*.photoReview_list li img{width:267px;height:245px;}*/ .photoReview_list .txt{position:relative;display:block;padding-top:22px;border-top:1px solid #efefef;text-align:center;line-height:1.5;font-size:14px;color:#666;} .photoReview_list .txt i{position:absolute;top:-23px;left:50%;margin-left:-20px;display:inline-block;width:41px;height:41px;background-image:url(../images/sub/photoreview_ico_plus.png);} .photoReview_list .txt strong{display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:90%} .photoReview_list li a:hover{border-color:#353e4d;} .photoReview_list li a:hover .txt i{background-image:url(../images/sub/photoreview_ico_plus_over.png);} .photoReview_list li a:hover .mask, .photoReview_list li a:hover .border{display:block} /* 이벤트 */ #wrap.event{padding-bottom:110px;} .event_detail img{display:inline;vertical-align:top} .w250 {width:250px} .mt15 {margin-bottom:15px} .mt60 {margin-top:60px} .p0 {padding:0px} .m0 {margin:0px} .p15 {padding:15px 0} /* 레이어팝업 */ .layer_popup {position:absolute; top:0px; left:0px; width:490px; min-height:400px; border:2px solid #0081bd; background-color:#fff; z-index:9999} .layer_popup .popup_header {padding:30px 10px; color:#fff; background-color:#0081bd} .layer_popup .popup_tit {font-size:18px; display:inline-block} .layer_popup .popup_close {float:right; display:inline-block} .layer_popup .popup_content {position:relative; text-align:center} .layer_popup .popup_content .popup_p {line-height:24px; color:#454545; font-size:15px} .layer_popup .popup_content .popup_span {color:#0081bd; font-size:18px; font-weight:bold} .layer_popup .popup_content .popup_cpn {margin:20px auto; width:380px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5} .layer_popup .popup_content .popup_cpn .popup_cpn_chk {text-align:left; padding-left:80px; font-size:16px; color:#454545; line-height:22px} .layer_popup .popup_content .popup_use {font-size:18px; color:#268bc2; line-height:24px} .popup_btn {text-align:center; padding:10px 0} .btn01 {display:inline-block} /* 비로그인 추가(03.15) */ #conWraper .contents .infoBuyer .formList .phoneBox { position:relative;display:inline-block } #conWraper .contents .infoBuyer .formList .phoneBox .phoneInput {display:inline-block} #conWraper .contents .infoBuyer .formList .phoneBox .phoneTime { color:red;position:absolute;top:6px;right:10px } #conWraper .contents .infoBuyer .formList .txtInfo dt, #conWraper .contents .infoBuyer .formList .txtInfo dd { line-height:20px; padding:4px 0; } #conWraper .contents .infoBuyer .formList .memberId {line-height:20px; color:#0081bd; font-size:13px; font-weight:bold} #conWraper .contents .infoBuyer .formList .memberPw {line-height:20px; color:#454545; font-size:13px; font-weight:bold} #conWraper .contents .infoBuyer .chkJoin { margin:28px 0 0 0; color:#454545; font-size:14px; font-weight:bold; } #conWraper .contents .infoBuyer .formLine {border:2px solid #c8c8c9; margin:20px 0 16px 0} #conWraper .contents .infoBuyer .lineForm {border-top:2px solid #c8c8c9; margin:20px 0} #conWraper .contents .infoBuyer .guideBox { background:#f5f5f5; padding:20px; margin-bottom:42px; } #conWraper .contents .infoBuyer .guideBox ul { list-style:none; } #conWraper .contents .infoBuyer .guideBox li { padding-left:9px; background:url(../images/goods/dot_guide.gif) no-repeat 0 9px; font-size:13px; color:#555; line-height:24px; } #conWraper .contents .infoBuyer .guideBox.backWhite { background:#fff; font-size:13px; margin-top:20px; } #conWraper .contents .infoBuyer .guideBox.backWhite .btnGray { height:24px; padding:0 10px; margin-left:35px; font-size:13px; color:#fff !important; background:#666; border:1px #555 solid !important; cursor:pointer; display:inline-block; } .btnBene {height:28px; line-height:26px; background:#003f79; padding: 0 10px; color:#fff; font-size:14px; cursor:pointer; text-align:center } /* 비로그인_약관동의(03.15) */ #conWraper .contents .policyAgree .agreeDiv {margin-top:50px;position:relative} #conWraper .contents .policyAgree .agreeDiv .policyLine {border-bottom:1px #dedede solid;} #conWraper .contents .policyAgree .agree { border-top:2px #5f646a solid; border-bottom:1px #dedede solid; height:40px; line-height:40px; color:#333; font-size:14px; } #conWraper .contents .policyAgree .agreeTit { margin:15px 0; font-size:14px; color:#454545; font-weight:bold;} #conWraper .contents .policyAgree .policy { /*margin:20px;*/ border:0; } #conWraper .contents .policyAgree .policy textarea { z-index:-2;border:0; width:100%; height:200px; font-size:14px; color:#454545; line-height:20px; } .btnNavy { cursor:pointer; display:inline-block; height:28px; line-height:28px; background:#003f79; border: 1px #063b6c solid; padding: 0 10px; color:#fff; font-size:14px; } /* 샘플이벤트(03.23) */ .event_sample {position:relative;font-size:16px;width:210px;text-align:center} .event_sample_cont {position:relative;font-size:16px;text-align:center;color:#555} .event_sample_cont .event_product_01 {width:210px;position:absolute;top:79px;left:95px} .event_sample_cont .event_product_02 {width:210px;position:absolute;top:79px;left:372px} .event_sample_cont .event_product_03 {width:210px;position:absolute;top:79px;right:99px} .event_product_01 img, .event_product_02 img, .event_product_03 img {width:210px;height:154px} .event_btn {position:relative} .event_btn ul {position:absolute;top:58px;left:345px} .event_btn li {margin:0 auto} .event_btn li a {display:block} .pd35 {padding:35px 0} .pd26 {padding:26px 0} /* 0327추가 */ ol, li {list-style:none} section div.left_cate_tit {position:relative;background:#104c8b;height:70px;border-bottom:1px solid #4070a2;} section div.left_cate_tit p {color:#fff;line-height:4.9;text-indent:10px;font-size:14px} section div.left_cate_tit a {color:#fff;text-decoration:underline} #gnb .btn_cls {position:absolute;top:15px;right:0;z-index:10;line-height:0} #gnb .btn_cls img {width:20px;height:20px} .menu_set {position:absolute;top:3px;right:10px} section div.left_menu {padding:20px 0 15px;text-align:center;position:relative;border-top:1px solid #4f5359} section div.left_menu ul:after {display:block;clear:both;content:''} section div.left_menu ul li {float:left;width:25%} section div.left_menu ul li a {text-align:center;display:block;font-size:14px;color:#fff;letter-spacing:-1px} section div.left_menu ul li img {width:30px;height:auto;margin-right:0 !important;margin-bottom:7px} .login_menu_push {display:inline-block;min-width:20px;padding:0 3px;min-height:20px;line-height:20px;background-color:#2dacd4;color:#fff;font-weight:bold;font-size:15px;border-radius:10px; text-align:center} .menu_push01 {position:absolute;top:12px;left:35px} .menu_push02 {position:absolute;top:12px;left:160px} .menu_push03 {position:absolute;top:12px;right:72px} .menu_push04 {position:absolute;top:12px;right:5px} .menu_banner {position:relative;margin-top:-50px} .menu_banner img {width:320px} .menu_banner a {display:inline-block;overflow:hidden;vertical-align:top} .menu_recom {position:relative} .menu_recom ul:after {display:block;clear:both;content:''} .menu_recom ul li:first-child {background:#1c4b7e;float:left;width:49.8%;border-bottom:2px solid #283038} .menu_recom ul li:last-child {background:#1c4b7e;float:right;width:49.8%;border-bottom:2px solid #283038} .menu_recom ul li a {text-align:center;display:block;height:40px;line-height:40px;font-size:14px;color:#fff;font-weight:bold;letter-spacing:-1px} .menu_list {position:relative} div.menu_list ul.menu_total {border-top:1px solid #4F5359;background:#3B3F46} div.menu_list ul.ty {background:#334855 !important;border-color:#fff !important} div.menu_list ul.menu_total li.mitem {position:relative;border-bottom:1px solid #fff} div.menu_list ul.menu_total li.mitem a {padding-left:12px;display:block;height:39px;line-height:39px;font-size:14px;color:#fff;font-weight:bold} div.menu_list ul.menu_total li.mitem a img {margin-right:15px} div.menu_list ul.menu_total li.mitemicon1 {/*background:url('../images/design/btn_arw_dn.png') no-repeat 96% 15px; background-size:15px 15px*/} div.menu_list ul.menu_total li.mitemicon2 {/*background:url('../images/design/btn_arw_r.png') no-repeat 96% center; background-size:15px 15px*/} div.menu_list ul.submenu {display:none;} div.menu_list ul.submenu li.submenu {border-top:1px solid #ddddd9;height:30px;line-height:30px;background:#3f5662 !important} div.menu_list ul.submenu li.submenu a {background:#8297a1;font-size:13px;color:#666;font-weight:normal;padding-left:56px;letter-spacing:normal} div.menu_list ul.menu_total>li>a.actvz {background:#0068b1 !important} div.menu_list ul.menu_total>li>a.actvz:after {position:absolute;top:20px;background-position:0 0} div.menu_list ul.menu_total>li>a:after {content:'';position:absolute;top:50%;margin-top:-6px;right:20px;display:inline-block;width:18px;height:11px;background-size:auto 22px;background-position:0 100%} div.menu_list ul.menu_total>li>a.a01:after {content:'';position:absolute;top:50%;margin-top:-8px;right:20px;display:inline-block;width:16px;height:16px;background-size:16px 16px;background-position:0 100%} div.menu_footer {position:relative;height:55px} div.menu_footer ul:after {display:block;clear:both;content:''} div.menu_footer ul li {text-align:center;float:left;background:#3f5662;width:25%;height:110px} div.menu_footer ul li a {display:block;padding:20px 0 10px 0} div.menu_footer ul li span {line-height:18px;font-size:12px;font-weight:normal;color:#fff} div.menu_footer ul li img {width:30px;margin-bottom:8px} .foot_logout {cursor:pointer;top:55px;position:relative;background:#334855;border-top:1px solid #fff;height:40px} .foot_logout a {position:absolute;top:10px;left:10px;font-size:14px;color:#fff;font-weight:bold;letter-spacing:-1px} /* 20170404 이탈방지추가 */ .popup_banner {position:fixed;top:270px;right:400px;z-index:99999;background:url(../images/design/popup_banner.png) no-repeat;width:250px;height:230px} .popup_banner .banner_tit {position:relative;text-align:center;margin-top:45px;margin-left:10px;line-height:20px} .popup_banner .banner_tit p.p01 {font-size:17px;font-weight:bold;color:#444;margin-bottom:8px} .popup_banner .banner_tit p.p02 {font-size:15px;color:#444;margin-bottom:10px} .popup_banner .banner_tit p.p03 {font-size:15px;font-weight:bold;color:#444;margin-bottom:20px} .popup_banner .banner_tit p.p04 {font-size:15px;color:#444} .popup_banner .banner_tit span {font-size:15px;color:#f05b4b} .banner_close {position:relative;cursor:pointer} .banner_close img {position:absolute;top:30px;right:25px;cursor:pointer} .banner_btn {padding-left:10px;height:45px;line-height:45px;position:relative;cursor:pointer;text-align:center;font-size:18px;font-weight:bold} .banner_btn a {color:#fff !important;width:250px;display:block} .banner_btn img {width:13px;top:5px} /* 20170404 sns 추천하기 */ #recomd_fri h2 {color:#555;font-size:23px;line-height:28px} #recomd_fri h3 {color:#444;font-size:32px;font-weight:bold;margin:15px 0 30px 0} #recomd_fri .recom_sns {width:960px;margin:0 auto} #recomd_fri .recom_sns p {display:inline-block} #recomd_fri .recom_sns a {display:block} #recomd_fri .recom_sns a:hover {text-decoration:underline} #recomd_fri .recom_number {margin-top:35px;position:relative} #recomd_fri .recom_number span {font-size:70px;color:#486ab2;font-weight:bold} #recomd_fri .recom_number span.recom_number_sp01 {position:absolute;top:32px;right:350px} #recomd_fri .recom_number span.recom_number_sp02 {position:absolute;top:32px;right:265px} #recomd_fri .recom_rank {margin-top:40px} #recomd_fri .recom_rank h3 {font-size:32px;font-weight:bold;color:#444;} #recomd_fri .recom_rank p {margin:0 40px;font-size:17px;color:#555;text-align:right} #recomd_fri .recom_rank_table {width:880px;margin:30px auto;position:relative;border-top:2px solid #5f646a;border-bottom:1px solid #adadad} #recomd_fri .recom_rank_table table {border-spacing:0px; border-collapse:collapse;width:100%} #recomd_fri .recom_rank_table th, .recom_rank_table td {padding-top:12px;padding-bottom:12px;vertical-align:middle;font-size:14px} #recomd_fri .recom_rank_table th {background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;color:#333} #recomd_fri .recom_rank_table td {text-align:center;border-bottom:1px solid #dedede;border-right:1px solid #e0e0e0} #recomd_fri .recom_rank_table .br_n {border-right:none} #recomd_fri .recom_noti {margin-top:30px} #register h2 {color:#555;font-size:23px;line-height:28px} #register h3 {color:#444;font-size:32px;font-weight:bold;line-height:28px;margin-top:15px} #register .register_input {position:relative;margin:50px 0} #register .register_input input[type="text"] {padding-left:10px;border:2px solid #444;width:290px;height:64px;margin-right:10px;font-size:30px} .recomd_ct .sns_rec {height:1359px;background-image:url(../images/mypage/recom_sns_01.png)} .recomd_ct .sns_tab {background:#dcdde1} .mr15 {margin-right:15px} .ml15 {margin-left:15px} .mr50 {margin-right:50px} .ml50 {margin-left:50px} /* 20170407 문자발송 */ .dim-layer {display:none;position:absolute;_position:absolute;top:50%;left:0;width:100%;height:100%;z-index:100} .dim-layer .dimBg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)} .dim-layer .pop_layer {display:block} .pop_layer {position:absolute;top:50%;left:50%;width:330px;z-index:10} .pop_layer .pop_line {background:#fff;width:312px;height:auto;border-left:6px solid #dedede;border-right:6px solid #dedede;z-index:10} .pop_layer .pop_line2 {width:278px;margin:0 auto;background:#fff;height:auto;border-left:8px solid #4970c5;border-right:8px solid #4970c5;z-index:10} .pop_conts_tit {padding:18px 17px 0 17px} .pop_conts_tit p {word-break:break-all;font-size:16px;color:#000;letter-spacing:-1px;line-height:22px} .pop_conts_tit img {cursor:pointer} .pop_btn a {display:block} .mb15 {margin-bottom:15px} .tit_border {padding-bottom:10px;border-bottom:2px solid #444} .pop_tel {display:inline-block} .pop_tel input[type="text"] {font-size:20px;width:65px;height:36px;border:2px solid #444} .pop_tel p {vertical-align:middle;display:inline-block;height:2px;width:9px;background:#444} .sns_border {border-top:2px solid #5f646a;padding-bottom:36px} .pos_r {position:relative} .pop_btnClose {margin-top:20px;position:relative;padding-left:326px} .pop_btnClose a {display:block} .pop_phone_btn {position:absolute;top:167px;left:-5px} /* 20170405 주문완료 제품 추천 */ .comp_recom {width:960px;height:auto;border-top: 2px solid #5f646a;border-bottom: 1px #dedede solid;} .comp_recom:after {display:block;clear:both;content:''} .comp_recom_img {width:150px;float:left;padding:24px 50px} .comp_recom_img figure {border:1px solid #ddd;display:inline-table;position:relative;vertical-align:middle;width:150px;height:150px} .comp_recom_img img {width:150px;height:150px} .comp_recom_tit {width:670px;padding:30px 0;position:relative;display:inline-block} .comp_recom_tit p span {color:#1f5c9a;font-weight:bold} .comp_recom_tit p {line-height:24px;word-break:break-all;white-space:pre-line;position:relative;color:#555;font-size:18px;margin-bottom:8px} .comp_recom_tit .tit_p02 {position:relative;color:#555;font-size:18px;line-height:35px} .comp_recom_tit:after {display:block;clear:both;content:''} .comp_recom_tit ul:after {display:block;clear:both;content:''} .comp_recom_tit ul li {padding-top:10px;float:left;padding-right:18px} .comp_recom_tit ul li:last-child {padding-right:0px} /* 20170407 이벤트 상단 추천 */ .recom_tit {position:relative} .recom_tit p {padding-top:20px;vertical-align:top;text-align:right;width:815px;display:inline-block;font-size:15px;color:#444} .recom_top_sns {margin:10px 0 10px 15px;text-align:right;position:relative;display:inline-block} .recom_top_sns ul:after {display:block;clear:both;content:''} .recom_top_sns ul li {float:left;margin-right:8px} .recom_top_sns ul li:last-child {margin-right:0px} /* 20170418 쿠폰 적용하기 */ .list_cpn_table { border-top:2px #5f646a solid; } .list_cpn_table th { background:#f5f5f5; border-bottom:1px #dedede solid; color:#333; text-align:center; line-height: 49px; font-size:14px; font-weight:bold; border-top:0; } .list_cpn_table td { text-align:center; font-size:14px; color:#666; vertical-align:middle; } .cup_btn {width:100px;margin:0 auto;margin-top:15px;background:#595e66;padding:10px;font-size:15px;color:#fff;} /* 20170420 이벤트 주소 팝업 */ .layer_popup2 {position:absolute;top:0px;left:0px;width:520px;height:370px;border:2px solid #0081bd;background-color:#fff;z-index:9999} .layer_popup2 .popup_header {text-align:center;padding:30px 10px;color:#fff;background-color:#0081bd} .layer_popup2 .popup_tit {font-size:23px;display:inline-block} .layer_popup2 .popup_close {float:right;display:inline-block} .layer_popup2 .popup_close img {cursor:pointer;margin-right:10px} .pop_add_cont {text-align:center} .pop_add_cont .pop_add_tit {margin:30px 0 21px 0} .pop_add_cont .pop_add_tit p {font-size:16px;color:#333;line-height:30px;letter-spacing:-1px;} .pop_add_cont .pop_add_input {padding:0 19px} .pop_add_cont .pop_add_input dl {position:relative} .pop_add_cont .pop_add_input dl:after {clear:both;display:block;content:""} .pop_add_cont .pop_add_input dl dt {float:left;width:94px;height:108px;line-height:108px;background:#ebebeb;font-size:16px;color:#333;text-align:center} .pop_add_cont .pop_add_input dl dd {text-align:left;margin-left:10px;float:left} .pop_add_cont .pop_add_input dl dd input {margin:4px 0;height:26px;line-height:26px;padding:0 10px;font-size:14px;color:#454545;background:#fff;border:1px #c8c8c9 solid} .pop_add_cont .pop_add_input dl dd input[readonly] {width:60px;height:16px;padding:5px;background-color:#fff;border:1px solid #c8c8c9;color:#333} .pop_add_cont .pop_add_input dl dd span.line {display:inline-block;width:15px;line-height:26px;height:26px;font-size:14px;color:#454545;text-align:center} .pop_add_cont .pop_add_input dl dd span.btnGray {margin-left:10px;vertical-align:middle;text-align:center;height:28px;line-height:28px;padding:0 10px;font-size:14px;color:#fff;background:#666;border:1px #555 solid;cursor:pointer;display:inline-block} /*.mt05 {margin:5px 0}*/ .w350 {width:350px} .pop_add_btn {margin-top:22px;text-align:center} /* 20170424 아임프로 2기 */ .ev-wrap {position:relative} .ev-wrap ul {position:absolute;top:184px;left:686px} .ev-wrap li {} .ev-wrap li a {display:block} /* 신청서팝업 */ .dim_layer {display:none;position:absolute;_position: absolute;top:200px;left:0;width:100%;height:100%;z-index:100} .dim_layer .dimBg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter: alpha(opacity=50)} .form_popup {position:absolute;left:50%;top:50%;width:860px;height:1000px;margin-left:-430px;margin-top:-500px;z-index:9999} .form_popup .popup_close {position:absolute;top:20px;right:30px} .form_popup .form_popup_cont {background:#fff;height:auto} .form_popup .form_popup_cont h2 {text-align:center;padding-top:29px;color:#333;font-size:30px} .form_popup .form_popup_cont h3 {margin-top:15px;text-align:center;color:#333;font-weight:bold;font-size:62px;margin-bottom:28px} .form_popup .form_table {width:790px;margin:0 auto;border-top:5px solid #4e4e4e;border-bottom:5px solid #4e4e4e} .form_popup .form_table table {border-spacing:0px; border-collapse:collapse;width:100%} .form_popup .form_table table th, .form_popup .form_table table td {height:30px;line-height:30px;padding:8px 0;border-bottom:1px solid #d3d3d3} /*.form_popup .form_table table th, .form_popup .form_table table td {height:50px;line-height:50px;border-bottom:1px solid #d3d3d3}*/ .form_popup .form_table table th {color:#222;font-size:16px;letter-spacing:1px} .form_popup .form_table table td {vertical-align:middle;padding-left:6px;color:#4e4e4e;font-size:16px} .form_popup .form_table table p {padding-left:10px;color:#7c7979;font-size:13px;display:inline-block} .form_popup .form_table table td input[type="text"] {padding:0 10px;border:none;background:#f0f0f0;height:30px;line-height:30px;color:#7c7979;font-size:13px} .form_popup .form_table table td pre {font-size:13px;width:98%;height:60px;border:1px solid #dedede;margin:0;overflow-y:auto;overflow-x:hidden;color:#7c7979 !important;word-break:break-all;white-space:pre-line} .form_popup .form_table table textarea {padding:10px;color:#7c7979;height:50px;width:95%;border:none;background:#f0f0f0} .form_popup .form_table table td div.label-box {position:relative;min-height:30px;line-height:30px;display:block} div.label-box input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} div.label-box input[type="radio"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none} div.label-box input[type="radio"] + label:before {content:' ';display:inline-block;width:13px;height:13px;margin:-2px 5px 0px 0px;text-align:center;vertical-align:middle;background:url(../images/event/form_radio_off.png) no-repeat} div.label-box input[type="radio"]:checked + label:before {background:url(../images/event/form_radio_on.png) no-repeat} .form_btn {margin-top:15px;padding-bottom:15px;text-align:center;} .form_btn button{border:1px solid #444;width:280px;height:60px;line-height:60px;font-size:32px;color:#222;text-align:center} .width_100 {width:100%} .pd13 {padding-left:13px} /* 20170517 제품상세 공유하기 추가*/ .goods_recom2 {position:relative;padding:12px} .goods_recom2 p {padding-left:3px;line-height:22px;vertical-align:top;font-size:15px;color:#333;width:287px;display:inline-block} .goods_recom_icon {display:inline-block} .goods_recom_icon ul {} .goods_recom_icon ul:after {display:block;clear:both;content:''} .goods_recom_icon ul li {float:left;padding:0 6px} .goods_recom_icon ul li a {display:block} /* 20170518 주문결제 페이지 변경 */ .guide_Box {position:relative;margin:40px 0;width:1100px;background:url('../images/sub/guide_settle.jpg') no-repeat;height:69px;line-height:69px} .guide_Box p {padding-left:120px;font-size:15px;color:#454545;letter-spacing:-1px;text-align:left} .tit_strap {padding-bottom:15px;border-bottom:2px #5f646a solid;font-size:18px;color:#333;font-weight:bold;position:relative;background:#fff} .agreement_division {background-color:#fff} .agreement_division:first-child {border-top:0} .agreement_header {border-bottom:1px solid #e0e0e0;position:relative;*zoom:1} .agreement_header:after {content:"";display:block;clear:both} .agreement_header .agreement_title {cursor:pointer;font-size:14px;float:left;line-height:40px;height:40px;font-weight:Bold;color:#454545} .agreement_header .agreement_title .fold_icon {cursor:pointer;margin-left:15px;display:inline-block;width:20px;height:20px;background:url('../images/design/btn_agree_dn.png') 0 9px no-repeat;background-size:20px;} .agreement_header .btn_style{/*padding-right:60px;*/float:right;line-height:38px} .agreement_contents {display:none;background:#f4f4f4;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;line-height:18px;overflow-y:scroll;height:143px;padding:10px;font-size:14px;color:#454545} .agreement_division_opened {} .agreement_division_opened .agreement_contents {display:block} .agreement_division_opened .agreement_title .fold_icon {cursor:pointer;background:url('../images/design/btn_agree_up.png') 0 9px no-repeat;background-size:20px;} .agree_txt {cursor:pointer;vertical-align:middle;padding-left:9px;color:#333;font-size:15px} .agreement_checkBox {vertical-align:middle;cursor:pointer;margin:0 !important;width:20px;height:20px;border:1px solid #c8c8c9 !important} /* 20170526 6월 또박 이벤트 */ .ddobak_event{position:relative;width:960px;margin:0 auto 100px} .ddobak_event img{display:inline;vertical-align:top} .ddobak_event a{position:absolute;bottom:59px;right:55px} .ddobak_event_btn {position:relative} .ddobak_event_btn ul {position:absolute;top:675px;left:686px} .ddobak_event_btn li {} .ddobak_event_btn li a {display:block} .ddobak_event_btn2 {position:relative} .ddobak_event_btn2 ul {position:absolute;top:635px;left:686px} .ddobak_event_btn2 li {} .ddobak_event_btn2 li a {display:block} /* 20170602 공유하기 팝업 */ /*.pop_layer {position:absolute;top:50%;left:50%;width:330px;z-index:10}*/ /*.pop_layer .pop_line {background:#fff;width:312px;height:auto;border-left:6px solid #dedede;border-right:6px solid #dedede;z-index:10}*/ /*.pop_layer .pop_line2 {width:278px;margin:0 auto;background:#fff;height:auto;border-left:8px solid #4970c5;border-right:8px solid #4970c5;z-index:10}*/ /*.pop_conts_tit {padding:18px 17px 0 17px}*/ /*.pop_conts_tit p {word-break:break-all;font-size:16px;color:#000;letter-spacing:-1px;line-height:22px}*/ /*.pop_conts_tit img {cursor:pointer}*/ /*.pop_btn a {display:block}*/ /*.mb15 {margin-bottom:15px}*/ /*.tit_border {padding-bottom:10px;border-bottom:2px solid #444}*/ /*.pop_tel {display:inline-block;padding-top:20px}*/ /*.pop_tel input[type="text"] {font-size:20px;width:65px;height:36px;border:2px solid #444}*/ /*.pop_tel p {vertical-align:middle;display:inline-block;height:2px;width:9px;background:#444}*/ /*.sns_border {border-top:2px solid #5f646a;padding-bottom:36px}*/ /*.pos_r {position:relative}*/ /*.pop_btnClose {margin-top:20px;position:relative;padding-left:276px}*/ /*.pop_btnClose a {display:block}*/ /*.pop_phone_btn {position:absolute;top:167px;left:-5px}*/ .share_icon {text-align:right;position:relative;padding:12px} .share_top {vertical-align:middle;display:inline-block} .share_top img {vertical-align:middle;display:inline-block} .share_top p {font-weight:bold;padding-left:3px;vertical-align:middle;font-size:15px;color:#333;display:inline-block} .share_pop {padding:20px;background:#fff;width:300px;height:auto;position:relative;} .share_pop h3 {border-bottom:2px solid #333;padding-bottom:15px;text-align:center;font-size:22px;color:#333;font-weight:bold;} .share_pop .share_pop_close {width:25px;height:25px;position:absolute;top:20px;right:20px} .share_pop .share_pop_icon {text-align:center;margin:0 auto;} .share_pop .share_pop_icon ul {text-align:center;} .share_pop .share_pop_icon ul:after {display:block;clear:both;content:''} .share_pop .share_pop_icon ul li {width:90px;margin-top:20px;text-align:center;float:left} .share_pop .share_pop_icon ul li a {display:inline-block} .share_pop .share_pop_icon ul li img {text-align:center} .share_pop_icon span {font-weight:bold;line-height:18px;font-size:15px;color:#333} /* 20170607 마이페이지 */ .mypage_cont {margin:40px 0} .mypage_cont_line {width:960px;margin:0 auto;background:url('../images/mypage/mypage_line2.png') no-repeat;height:150px} .mypage_cont_line ul:after {clear:both;display:block;content:''} .mypage_cont_line ul li {float:left} .mypage_cont_line ul li:nth-child(1) {padding-top:26px;text-align:center;width:362px} .mypage_cont_line ul li:nth-child(2) {padding:30px 24px 0 24px;width:152px} .mypage_cont_line ul li:nth-child(3) {padding:30px 24px 0 24px;width:152px} .mypage_cont_line ul li:nth-child(4) {padding:30px 24px 0 24px;width:150px} .mypage_cont_line ul li .mypage_cpn {display:inline} .mypage_cont_line ul li .mypage_cpn img {display:inline-block} .mypage_cont_line ul li .mypage_cpn p {padding-top:5px;float:right;vertical-align:bottom;font-weight:bold;font-size:25px;color:#333;display:inline-block;} .mypage_cont_line ul li .mypage_cpn span {font-size:18px;font-weight:normal} .mypage_cont_line ul li p.mypage_tit {letter-spacing:2px;font-size:21px;color:#333} .mypage_cont_line ul li p.mypage_next_tit {letter-spacing:2px;padding-top:13px;font-size:14px;color:#555} .mypage_cpn_tit {padding-top:34px;text-align:center;color:#333;font-size:18px;font-weight:bold;} .mypage_offline_tit {padding-top:30px;line-height:19px;text-align:center;color:#333;font-size:18px;font-weight:bold;} .offline_tit {font-weight:normal;font-size:15px} .mypage_cont_line ul li span.mypage_grade {color:#223f79;font-weight:bold} .mypage_btn {display:inline-block;padding-top:28px} .mypage_btn img {margin:0 5px;display:inline-block;} /* 20170613 드시모네 이벤트 */ .event_wrap {position:relative;width:960px;margin:0 auto} .event_share {text-align:right;height:67px;line-height:67px} .event_cont {margin-bottom:90px} .event_img {position:relative} .event_btn {position:absolute;top:195px;left:326px} .event_btn img {cursor:pointer} .event_video {position:absolute;top:190px;left:170px} .event_input {text-align:center} .event_input .sp01 {position:absolute;top:168px;left:282px} .event_input .sp02 {position:absolute;top:168px;left:385px} .event_input .sp03 {position:absolute;top:168px;left:484px} .event_input .sp04 {position:absolute;top:168px;left:584px} .event_input input[type="text"] {font-size:44px;text-align:center;font-weight:bold;background-color:transparent;border:none;width:88px;height:88px} /* input, textarea, button 파란 테두리 생기지 않게끔 */ input:focus {outline: none} /* 20170628 예약판매 */ .reser_sale {padding-top:20px;height:45px;line-height:45px;border-top:1px solid #eaeaea;margin:20px 0 20px 0;} .reser_sale p {font-weight:bold;font-size:23px;color:#283232} .reser_sale span {padding:8px 11px 11px 11px ;background:#ed0515;font-weight:bold;font-size:26px;color:#fff;line-height:30px} .reser_saleImg {position:relative} .reser_saleImg img {cursor:pointer} /* 20170703 섭취알림 */ .dimSet {width:100%;height:100%;background:#000;position:fixed;opacity:0.7; filter: alpha(opacity=30); z-index: 101} .intakePop {border:3px solid #0081bd;position:absolute;top:22%;left:50%;margin-left:-250px;width:500px;height:320px;z-index:999999;background:#fff} .intakePop .popContenter {position:relative} .popContenter .popHeader {background:#0081bd;height:48px;line-height:48px} .popContenter .popHeader p {display:inline-block;padding-left:20px;color:#fff;font-size:18px;font-weight:bold} .popContenter .popHeader a.intakePop_close {position:absolute;right:20px;top:13px} .popContenter .popCont {text-align:center;padding:40px 20px;} .popContenter .popCont .popCont_tit01 {line-height:24px;color:#666;font-size:17px} .popContenter .popCont .popCont_tit02 {border-bottom:1px solid #dddddd;margin-top:20px;padding-bottom:30px;line-height:28px;color:#444;font-size:20px;font-weight:bold;} .popContenter .popCont .popCont_tit02 span {color:#0081bd} .intakePop_btn {margin-top:30px;text-align:center;} .intakeYes_btn {font-weight:bold;margin-right:5px;text-align:center;color:#fff;font-size:18px;background:#0081bd;border:1px solid #0774a8;width:135px;height:50px;line-height:50px;} .intakeNo_btn {font-weight:bold;margin-left:5px;text-align:center;color:#454545;font-size:18px;background:#fff;border:1px solid #9a9a9a;width:135px;height:50px;line-height:50px;} .view_priceDel {position:absolute;color:#4e4e4e;font-weight:bold;font-size:16px;} /* 상품 카테고리 (170802) */ .cate_navi {line-height:40px;height:40px;text-align:right;position:relative;width:1100px;margin:0 auto;background:#fff} .cate_navi .bar {vertical-align:middle;margin:0 9px;color:#b3b3b3;font-size:13px;} .cate_navi a {font-size:13px;color:#b3b3b3;display:inline-block;vertical-align:middle;} .cate_navi a img {vertical-align:middle} .cate_navi p.tit {vertical-align:middle;display:inline-block;color:#5d5d5d;font-size:13px} .cate_bg01 {width:100%;/*background:#ecf3fe*/} .cate_bg02 {width:100%;background:#f3f1ec} .cate_bg03 {width:100%;background:#edf8f4} .cate_bg04 {width:100%;background:#f2f2f2} .cate_bg05 {width:100%;background:#f9eeee} .cate_bg06 {width:100%;background:#ebeaf3} .cate_bg07 {width:100%;background:#dedfe5} .cate_bg08 {width:100%;background:#f3e9f0} .cate_bg09 {width:100%;background:#f3f3f3} .cate_w1100 {position:relative;width:1100px;margin:0 auto} /* 유산균생활백서 */ .lifeTab {margin:50px auto;width:1100px;} .lifeTab ul:after {clear:both;display:block;content:""} .lifeTab ul li {height:53px;line-height:53px;text-align:center;width:49.7%;float:left;} .lifeTab ul li a {display:block;font-size:18px;color:#333} .lifeTab ul li.on {height:54px;border:2px solid #00acce;border-bottom:none;} .lifeTab ul li.off {border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:2px solid #00acce;} .lifeTab ul li.off a {color:#ddd} .lifeVideo {width:1100px;margin:0 auto;position:relative} .lifeVideo ul:after {clear:both;display:block;content:""} .lifeVideo ul li {margin-right:55px;float:left} .lifeVideo ul li:last-child {margin-right:0} .lifeVideo .txtDiv {margin-top:19px;} .lifeVideo .txtDiv p.p01 {color:#222;font-size:15px;font-weight:bold;} .lifeVideo .txtDiv p.p02 {margin-top:10px;color:#222;font-size:14px} /* 프로바이오틱스란 */ .probioTab {margin:50px auto;width:960px;} .probioTab ul:after {clear:both;display:block;content:""} .probioTab ul li {height:53px;line-height:53px;text-align:center;width:49.7%;float:left;} .probioTab ul li a {display:block;font-size:18px;color:#333} .probioTab ul li.on {height:54px;border:2px solid #00acce;border-bottom:none;} .probioTab ul li.off {border-top:1px solid #999;border-bottom:2px solid #00acce;} .probioTab ul li.off a {color:#999} /* 페이지 상단부분 */ .top_list {position:absolute;cursor:pointer;padding:15px 0;float:left;} .top_list:after {display:block;clear:both;content:''} /* 이벤트 페이지 상단 공유 */ .top_share {float:right;position:relative} .top_share_pop {position:relative;height:60px;line-height:60px;display:inline-block;cursor:pointer} .top_share_pop img {position:absolute;top:10px;left:-50px} .top_share_pop p {font-weight:bold;padding-left:3px;vertical-align:middle;font-size:15px;color:#333;display:inline-block} /*.share_popup_layer {position:absolute;top: 366px;*/ /* left: 140px;*/ /* background: url(../images/member/layer_sharePop.png) no-repeat;*/ /* background-size: 355px 122px;*/ /* width: 355px;*/ /* height: 122px;*/ /*}*/ /*.share_popup {padding:0 20px 20px 20px;background:#fff;height:auto;position:relative;}*/ /*.share_popup h3 {border-bottom:2px solid #333;text-align:center;font-size:22px;color:#333;font-weight:bold;}*/ /*.share_pop_closeEvent {width:25px;height:25px;position:absolute;top:20px;right:20px}*/ /*.share_popup_icon {padding-top:10px;text-align:center;margin:0 auto;}*/ /*.share_popup_icon ul {height:65px;line-height:65px;text-align:center;}*/ /*.share_popup_icon ul:after {display:block;clear:both;content:''}*/ /*.share_popup_icon ul li {width:33%;margin:0 auto;text-align:center;float:left}*/ /*.share_popup_icon ul li a {display:block}*/ /*.share_popup_icon ul li img {padding-bottom:10px;margin:0 auto;text-align:center}*/ /*.share_popup_icon span {margin-top:10px;font-weight:bold;line-height:18px;font-size:15px;color:#333}*/ /* 환우몰 */ .dimSet {width:100%;height:100%;background:#000;position:fixed;opacity:0.7; filter: alpha(opacity=30); z-index: 101} .joinPop {border:3px solid #0081bd;position:absolute;top:50%;left:50%;margin-top:200px;margin-left:-272.5px;width:545px;height:450px;z-index:999999;background:#fff} .popContenter .popCont {text-align:center;padding:39px 22px 30px 32px;} .popContenter .popCont .jPop_tit01 {position:relative} .popContenter .popCont .jPop_tit01 p {line-height:36px;color:#333;font-size:28px;font-weight:bold} .popContenter .popCont .jPop_tit01 span {line-height:36px;color:#00a6c7;font-size:28px;font-weight:bold} .popContenter .popCont .jPop_tit02 {position:relative;margin:30px 0 28px 0} .popContenter .popCont .jPop_tit03 {position:relative;} .popContenter .popCont .jPop_tit03 p {color:#333;font-size:17px;line-height:25px} .joinPop_btn {margin-top:26px;text-align:center;} .joinPop_Close {font-weight:bold;text-align:center;color:#fff;font-size:18px;background:#00acce;width:180px;height:45px;line-height:45px;} .ghksdnMall {position:relative;width:1100px;margin:0 auto} .ghksdnMall h3 {font-weight:bold;margin:50px 0 25px 0;text-align:center;color:#333;font-size:32px;line-height:26px} .ghksdnMall .ghksdnMall01 {margin-bottom:46px;background:url('../images/design/ghksdnMall01.png') no-repeat;width:1100px;height:269px} .ghksdnMall01_pa {padding-left:49px;padding-top:40px} .ghksdnMall .ghksdnMall01 p.p01 {line-height:34px;color:#222;font-size:24px;} .ghksdnMall .ghksdnMall01 p.p02 {color:#222;font-size:17px;} .ghksdnMall .ghksdnMall01 p.p03{color:#666;font-size:16px;} .ghksdnMall .ghksdnMall01 p.p04 {color:#333;font-size:15px;} .ghksdnMall .ghksdnMall01 p a {color:#333} .ghksdnMall .ghksdnMall01 span.sp01 {color:#00adcf;font-size:17px;font-weight:bold} .ghksdnMall .ghksdnMall02 h4 {font-weight:normal;text-align:center;font-size:20px;color:#222} .ghksdnMall02_table {width:620px;margin:25px auto;clear:both;position:relative} .ghksdnMall02_table table {border-top:2px solid #00acd0;empty-cells:show;table-layout:fixed;word-break:break-all;width:100%;text-align:center;position:relative} .ghksdnMall02_table table th {text-align:left;font-size:15px;color:#333;padding:10px 0 10px 20px;border-bottom:1px solid #ececec;border-right:1px solid #ececec} .ghksdnMall02_table table td {position:relative;text-align:left;font-size:15px;color:#333;padding:10px 15px;border-bottom:1px solid #ececec} .ghksdnMall02_table table td input {height:25px;line-height:25px} .ghksdnMall02_table table td span.input_txt {vertical-align:middle;padding:0 2px;display:inline-block;line-height:25px} .ghksdnMall02_table table td span.input_time {color:red;position:absolute;top:17px;left:115px} .ghksdnMall02_table table td p.p01 {line-height:22px;margin-top:10px} .ghksdnMall02_table table td p.p02 {color:#00acd0;font-weight:bold;line-height:22px;margin-top:10px} .ghksdnMall02_table table td p.p03 {color:#fa0623;font-weight:bold;line-height:22px;margin-top:10px} .ghksdnMall02_table table td span.sp01 {font-weight:bold;color:#00acd0} span.btn01 {vertical-align:middle;text-align:center;height:28px;line-height:28px;padding:0 15px;font-size:14px;color:#fff;background:#666;border:1px #555 solid;cursor:pointer;display:inline-block} span.btn02 {vertical-align:middle;text-align:center;height:28px;line-height:28px;padding:0 15px;font-size:14px;color:#fff;background:#666;border:1px #555 solid;display:inline-block} .ghksdnMall03 {} .mt24 {margin-top:24px} .mt26 {margin-top:26px} .mt40 {margin-top:40px} .mt9 {margin-top:9px} .mt13 {margin-top:13px} .btn_register02 {background:#01abce;color:#fff;font-size:20px;width:620px;cursor:pointer;height:50px;line-height:50px} /* 론칭 이후 이벤트 */ .event_top {box-sizing:border-box;position:relative;width:100%;height:60px;line-height:60px;border-bottom:1px solid #d2d2d2} .event_top_cont {position:relative;width:1100px;margin:0 auto} .event_top_cont ul:after {clear:both;display:block;content:""} .event_top_cont li {position:relative;} .event_top_cont li:first-child {} .event_top_cont li:last-child {} #termsConditions {padding:5px;overflow-y:auto;-webkit-overflow-scrolling:touch;width:95%;height:220px;}​ /* 또박배송 정기구매 혜택 */ .ddobak01 {position:relative;width:100%;background:#ffeeb3} .ddobak01_center {position:relative;width:1100px;margin:0 auto} .ddobak02 {position:relative;width:100%;background:#fff} .ddobak02_center {position:relative;width:1100px;margin:0 auto} .ddobak03 {position:relative;width:100%;background:#f4f4f4} .ddobak03_center {position:relative;width:1100px;margin:0 auto} /* 도티이벤트 하트클릭 숫자 위치 */ .btn_heart span.numHeart0 {color:#000;cursor:pointer;position:absolute;top:5px;left:45.5px;font-size:16px} .btn_heart span.numHeart00 {color:#000;cursor:pointer;position:absolute;top:4px;left:41.5px;font-size:16px} .btn_heart span.numHeart000 {color:#000;cursor:pointer;position:absolute;top:3px;left:38.5px;font-size:14px} /* 171023 도티 키즈 알려주기 */ .ddottyPop_banner {display:none;position:fixed;top:270px;right:400px;z-index:99999;background:url(../images/design/kids_ddottyPop.png) no-repeat;width:289px;height:192px} .ddottyPop_banner .banner_tit {position:relative;text-align:center;margin-top:50px;margin-left:10px;line-height:20px} .ddottyPop_banner .banner_tit p.p01 {font-weight:bold;color:#444444;font-size:20px;line-height:28px;} .ddottyPop_banner .banner_tit p.p02 {font-weight:bold;color:#ff6630;font-size:20px;line-height:28px;} .banner_close {position:relative;cursor:pointer} .banner_close img {position:absolute;top:30px;right:25px;cursor:pointer} .ddotty_banneBtn {padding-left:10px;height:48px;line-height:48px;position:relative;cursor:pointer;text-align:center;font-size:20px;font-weight:bold} .ddotty_banneBtn a {color:#fff !important;width:289px;display:block} /* 171113 구매후기 */ .btn_onlineReview {margin:10px auto 0;color:#07aecf;font-size:12px;font-weight:bold;background:url('../images/mypage/btn_onlineReview.png') no-repeat;width:70px;height:25px;line-height:25px} .review_write {margin:30px auto;width:944px;margin-bottom:0px} /* 구매후기 쓰기_구매후기 관련안내 */ .review_writeTip {padding:30px;background:#f5f5f5;} .review_writeTip strong {margin-bottom:17px;line-height:24px;font-weight:bold;color:#0198b5;font-size:17px} .review_writeTip .review_writeTipCont {line-height:24px;font-size:14px;color:#222} .review_writeTip .review_writeTipCont p {line-height:24px;} /* 20171204 샘플페이지 */ .sampleW100 {position:relative;width:1100px;margin:0 auto} .sample01 {position:relative;width:100%;background:#313f5a;height:420px} .sample02 {position:relative;width:100%;background:#fff;height:483px} .sample03 {position:relative;width:1100px;margin:0 auto;background:#fff} .sample_desimone {left:38px;top:88px;position:absolute} .sample03Table {width:1018px;margin:0 auto;border:1px solid #bfbfbf} .sample03Table .sample03Table_tit {text-align:center;color:#313f5a;font-size:26px;height:61px;line-height:61px;background:#f3f3f3} .sample03Table .sample03Table_cont {height:350px} .sample03Table .sample03Table_cont .cont01 {padding:25px 0px;text-align:center;margin:0 auto;width:507px;display:inline-block} .sample03Table .sample03Table_cont .cont01 img {cursor:pointer;margin:0 auto} .sample03Table .sample03Table_cont .cont01 p {cursor:pointer;margin-top:18px;font-size:18px;color:#222} .sample04 {height:179px;position:relative} .sample04_btn {background:#313f5a;height:85px;line-height:85px;width:400px;margin:0 auto;text-align:center;color:#fff;font-size:26px} .sample05 {position:relative} .sample05 .sample_notice01 {vertical-align:top;float:left;width:275px;text-align:center;font-size:23px;font-weight:bold;color:#555} .sample05 .sample_notice02 {display:inline-block;width:825px;text-align:left;font-size:18px;line-height:30px;color:#555} .sampleW1002 {background:#f6f6f6;padding:20px 0;position:relative;width:1100px;margin:0 auto} /* 20171222 메인 링크 연결 페이지 */ .main_link {width:100%;background:url('../images/design/main_linkImg2.png');height:1220px;position:relative} .main_link01 {background:url('../images/design/main_linkImg01.png') 50% 0 no-repeat;height:563px;position:relative} .main_link02 {background:url('../images/design/main_linkImg02.png') 50% 0 no-repeat;height:657px;position:relative} /* 20180423 주문 배송지선택 팝업 */ .btn_selectPop {float:right;width:100px;line-height:25px;height:25px;text-align:center;background:#00acd0;font-size:12px;color:#fff;} .btn_selectPop a {display:block;font-size:12px;color:#fff} .dim_layer {display:none;position:absolute;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:100} .dim_layer .dimBg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);} .dim_layer .popup_layerAdd {display:block} .popup_layerAdd {display:none;position:absolute;top:50%;left:50%;width:900px;height:auto;background:#fff;border:3px solid #00acce;z-index:10} .popup_layerAdd .popup_cont {overflow-y:scroll;height:400px;position:relative;padding:30px 20px} .popup_cont h3 {margin-bottom:15px;font-size:20px;color:#333} .popup_cont .popup_Seltable {position:relative;} .popup_Seltable table {font-size:14px;color:#333;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;empty-cells:show;table-layout:fixed;word-break:break-all;width:100%;position:relative} .popup_Seltable table th {border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:10px 0;text-align:center;background:#f5f5f5;font-size:14px;color:#333} .popup_Seltable table td {vertical-align:middle;line-height:15px;padding:10px 0 !important;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center;font-size:14px;color:#333} .popup_Seltable table td input[type="radio"] {vertical-align:middle} .popup_Seltable table td span {color:#f20b0b !important} .popupBtn_close {cursor:pointer;position:absolute;top:10px;right:10px} /*.popup_Seltable label {cursor:pointer;margin-left:22px}*/ /*.popup_Seltable input[type="radio"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg03.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0}*/ /*.popup_Seltable input[type="radio"] {cursor:pointer;background:url('../images/order/p_orderImg03.png') no-repeat}*/ /*.popup_Seltable input[type="radio"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg02.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:;border-radius:0;border:0}*/ /* 20180531 섭취알람_개편 */ .dimSet {width:100%;height:100%;background:#000;position:fixed;opacity:0.7; filter: alpha(opacity=30);z-index:101} .intakePop2 {position:absolute;top:22%;left:50%;margin-left:-250px;width:462px;height:auto;z-index:999999} .intakePop2 .popContenter {position:relative} .alarm01 {position:relative} .alarm02 {position:relative} .alarm03 {position:relative} .alarm03Cont {padding:35px 0;background:#fff;text-align:center;} .alarm03Cont p {font-size:24px;color:#444;line-height:35px} .alarm03Cont strong {font-weight:bold} .alarmClose {top:15px;right:15px;position:absolute;cursor:pointer} .alarmBtn {cursor:pointer} /* 180829 간편로그인 약관 추가 */ .agree_simpleLogin {background-color:#fff} .agree_simpleLogin:first-child {border-top:0} .agree_headrLogin {border:1px solid #e0e0e0;position:relative;*zoom:1} .agree_headrLogin:after {content:"";display:block;clear:both} .agree_headrLogin .agreement_title {padding-left:10px;cursor:pointer;font-size:12px;float:left;line-height:40px;height:40px;font-weight:Bold;color:#454545} .agree_headrLogin .agreement_title .fold_icon {cursor:pointer;margin-left:10px;display:inline-block;width:16px;height:9px;background:url('../images/design/btn_agree_dn2.png') no-repeat;background-size:auto} .agree_headrLogin .btn_style {padding:0 10px 0 30px;float:right;line-height:40px;height:40px;} .agree_contLogin {display:none;background:#f4f4f4;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;line-height:18px;overflow-y:scroll;height:143px;padding:10px;font-size:14px;color:#454545} .agree_simpleLogin_opened {width:320px;} .agree_simpleLogin_opened .agree_contLogin {display:block} .agree_simpleLogin_opened .agreement_title .fold_icon {cursor:pointer;background:url('../images/design/btn_agree_up2.png') no-repeat;background-size:auto;} .agree_loginTxt {cursor:pointer;vertical-align:middle;color:#333;font-size:12px} .agree_checkLogin {vertical-align:middle;cursor:pointer;margin:0 !important;width:15px;height:15px;border:1px solid #c8c8c9 !important} /* 181213 주문결제 개편 관련 css */ #orderWrap {margin:0 auto;width:1100px;position:relative;margin-bottom:100px;} #orderWrap input {position:relative;padding:0 10px} .orderTitImg {border-bottom:1px solid #e0e0e0;position:relative;margin:30px 0} .orderTitImg img {width:100%;} .orderTitImg2 {border-bottom:1px solid #e0e0e0;position:relative;margin:30px 0} .orderTitImg2 img {width:100%;} .orderTitImg3 {position:relative;} .orderTitImg3 img {width:100%;} .orderBanner {margin-bottom:40px;position:relative} .orderCont {height:auto;position:relative;width:100%} .orderTitle {position:relative} .orderTitle h3 {display:inline-block;margin-bottom:9px;color:#333;font-size:21px;} /* 주문결제 테이블 */ .orderDiv {width:100%;position:relative} .orderDiv table.orderProduct {border-top:2px solid #777;border-bottom:1px solid #ccc;border-spacing:0px;border-collapse:collapse;width:100%} .orderDiv table.orderProduct th {border-bottom:1px solid #ccc;font-weight:normal;height:59px;line-height:59px;color:#222;font-size:18px} .orderDiv table.orderProduct td {border-bottom:1px solid #ccc;vertical-align:middle;text-align:center;padding:25px 0;color:#222;font-size:18px} .orderDiv table.orderProduct td p.tit {font-weight:normal;padding-top:9px;color:#777;font-size:14px} .orderDiv table.orderProduct td.radio {line-height:22px;padding-left:20px;text-align:left} .orderDiv table.orderProduct td.radio span {padding-left:40px;color:#00accd} .orderDiv table.orderProduct td.tit {padding:0 14px;text-align:left} .orderDiv table.orderProduct td.tit .titTip {margin-top:8px;font-weight:normal;color:#222;font-size:14px;line-height:20px} .orderDiv table.orderProduct td.img {padding-left:21px;position:relative} .orderDiv table.orderProduct td figure {text-align:center;border:1px solid #d9d9d9;width:80px;height:80px} .orderDiv table.orderProduct td figure img {width:auto!important;max-width:80px;height:auto!important;max-height:80px;} .orderDiv table.orderProduct td select {cursor:pointer;vertical-align:middle;width:90px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/order/p_orderImg06.png) no-repeat right; background-size:36px 33px;height:33px;line-height:33px;background-color:#fff;padding-left:10px;border:1px solid #959595;color:#999999;font-size:18px;} /* 190207 주석처리 */ /*.orderProduct label {cursor:pointer;margin-left:22px}*/ /*.orderProduct input[type="radio"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg03.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0}*/ /*.orderProduct input[type="radio"] {cursor:pointer;background:url('../images/order/p_orderImg03.png') no-repeat}*/ /*.orderProduct input[type="radio"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg02.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:;border-radius:0;border:0}*/ /* 주문결제 양쪽 div */ .orderLeft {vertical-align:top;width:510px;display:inline-block;position:relative} .orderRight {/*margin-left:75px;*/margin-left:70px;vertical-align:top;width:510px;display:inline-block;position:relative} /* 주문자 정보 */ .orderNewInfo {width:100%;border-top:2px solid #777} .orderNewInfo .infoCont {height:60px;line-height:60px;border-bottom:1px solid #ccc} .orderNewInfo .infoCont p.pTit {display:inline-block;color:#222;font-size:16px;font-weight:bold;} .orderNewInfo .infoCont p.pCont {display:inline-block;color:#222;font-size:16px;} .orderNewInfo .infoCont p.pCont select {background:#fff;padding-left:10px;color:#333;font-size:16px;height:28px;line-height:28px;width:80px;border:1px solid #959595;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/order/p_orderImg06.png') no-repeat right;background-size:36px 33px} .orderNewInfo .infoCont p.pCont input {margin-right:9px} .orderNewInfo .infoCont p.pCont label {cursor:pointer} .orderNewInfo .infoTip {line-height:20px;padding:15px 21px 15px 21px;color:#333;font-size:16px;height:auto;background:#f5f5f5;} .orderNewCont {border-bottom:1px solid #ccc;position:relative} .orderNewCont ul:after {clear:both;display:block;content:""} .orderNewCont ul li {float:left} .orderNewCont ul li.Tit {height:60px;line-height:60px;font-weight:bold;font-size:15px;color:#222;width:130px;} .orderNewCont ul li.textArea {position:relative;height:60px;line-height:60px;font-size:16px;color:#222;letter-spacing:-1px} .orderNewCont ul li.textArea p {display:inline-block;position:relative;letter-spacing:-1px} .orderNewCont ul li.Btn {width:105px;float:right;padding:12px 0 13px 0} .orderNewCont ul li.paymentRadio {color:#222;font-size:16px;height:60px;line-height:60px;padding-left:20px} .orderNewCont ul li.paymentRadio label {cursor:pointer} .orderNewCont ul li.paymentRadio label:first-child {margin-right:27px} .orderNewCont ul li.messageSelect {padding:16px 0;} .orderNewCont ul li.messageSelect select {cursor:pointer;vertical-align:middle;width:378px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/order/p_orderImg06.png') no-repeat right;background-size:36px 33px;height:33px;line-height:33px;background-color:#fff;padding-left:10px;border:1px solid #959595;color:#999999;font-size:15px} .orderNewCont ul li.messageSelect input {width:356px;margin-top:10px;color:#222;font-size:15px;height:33px;line-height:33px;border:1px solid #959595} .orderNewCont ul li .memo_selText {display:none} .btn_selDelivery {text-align:center;border:1px solid #959595;width:103px;height:33px;line-height:33px;color:#222;font-size:15px} .orderNewCont table {border-spacing:0px;border-collapse:collapse;width:100%} .orderNewCont table th {padding-bottom:5px;text-align:left;font-weight:bold;font-size:15px;color:#222} .orderNewCont table td {line-height:20px;padding-bottom:5px;font-size:15px;color:#222} .orderNewCont table td input {position:relative;color:#222;font-size:15px;height:33px;line-height:33px;border:1px solid #959595} .orderNewCont table td .add_input {position:relative} .orderNewCont table td .add_input input[readonly] {padding:0;background:#fff;color:#222;font-size:15px;height:33px;line-height:33px;border:1px solid #959595} .orderNewCont table td .add_cont {margin-bottom:5px} .orderNewCont table td .add_cont:last-child {margin-bottom:0} .paymentBank {height:60px;line-height:60px;border-bottom:1px solid #cccccc;font-size:16px;color:#222} .paymentBank p {width:184px;display:inline-block} .paymentBank .bankSelect {font-weight:bold;display:inline-block;text-align:center;border:1px solid #00accd;width:103px;height:35px;line-height:35px;color:#00accd;font-size:15px;} .pay_newDiv {border-bottom:1px solid #cccccc;position:relative} .pay_newDiv table {border-spacing:0px;border-collapse:collapse;width:100%} .pay_newDiv table th {text-align:left;padding:5px 0;font-weight:bold;font-size:15px;color:#222} .pay_newDiv table td {padding:5px 0;font-size:15px;color:#222} .pay_newDiv table td input {border:1px solid #959595;height:33px;line-height:33px} .pay_newDiv table td input::placeholder {color:#999999;} .pay_newDiv table td input[readonly] {padding:0;background:#fff;color:#222;font-size:15px;height:33px;line-height:33px;border:1px solid #959595} .pay_newDiv table td span {margin:0 5px;} .cardCheckBtn {border:1px solid #00accd;width:133px;height:35px;line-height:35px;text-align:center;color:#00accd;font-size:15px;font-weight:bold;} /* 190207 주석처리 .orderNewCont ul li.textArea label {margin-left:10px;cursor:pointer} .orderNewCont input[type="radio"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg03.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} .orderNewCont input[type="radio"] {cursor:pointer;background:url('../images/order/p_orderImg03.png') no-repeat} .orderNewCont input[type="radio"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg02.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} */ button.btn_phoneConfirm {vertical-align:top;width:90px;height:35px;line-height:35px;border:1px solid #00accd;font-size:15px;color:#00accd;font-weight:bold} button.btn_phoneRT {background:#ededed;vertical-align:top;width:90px;height:35px;line-height:35px;border:1px solid #959595;font-size:15px;color:#222;} button.orderCode {vertical-align:top;background:#ededed;width:90px;height:35px;line-height:35px;border:1px solid #959595;color:#222;font-size:15px} .orderCheckbox {margin-top:10px;font-size:15px;color:#222} /* 190207 주석처리 .orderCheckbox label {height:22px;line-height:22px;margin-left:10px;cursor:pointer;vertical-align:middle} .orderCheckbox input[type="checkbox"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg05.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} .orderCheckbox input[type="checkbox"] {cursor:pointer;background:url('../images/order/p_orderImg05.png') no-repeat} .orderCheckbox input[type="checkbox"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg04.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0}\ */ .orderInputBox {position:relative;display:block} .orderInputBox input[type="tel"] {color:#222;font-size:15px;height:33px;line-height:33px;border:1px solid #959595} .orderInputBox input[type="text"] {color:#222;font-size:15px;height:33px;line-height:33px;border:1px solid #959595} .order_inputTxt {display:inline-block;line-height:35px} .orderPhoneBox {display:inline-block;position:relative} .orderPhoneBox .phoneTime {font-size:15px;color:#00accd;position:absolute;top:6px;right:10px;clear:both; width:100px;left:130px;} .payBanner {position:relative} .payBanner img {position:relative} .payBanner p {border-bottom:1px solid #cccccc;height:40px;line-height:40px;color:#888;font-size:14px;} .orderJoinTip {position:relative;line-height:22px;padding:21px;background:#f5f5f5;} .orderJoinTip ul {padding-left:20px} .orderJoinTip ul:after {clear:both;display:block;content:""} .orderJoinTip ul li {list-style:disc;font-size:14px;color:#222} .orderJoinTip span {font-weight:900;} .orderJoinTip span:after {content:'';width:216px;position:absolute;left:40px;border-bottom:2px solid #b5b5b5;top:64px} .orderJoinTip2 {position:relative;line-height:22px;padding:21px;background:#f5f5f5;} .orderJoinTip2 ul {padding-left:20px} .orderJoinTip2 ul:after {clear:both;display:block;content:""} .orderJoinTip2 ul li {list-style:disc;font-size:14px;color:#222} .orderJoinTip2 span {font-weight:900;} .orderJoinTip2 span:after {content:'';width:206px;position:absolute;left:38px;top:63px} .orderJoinTip3 {position:relative;line-height:22px;padding:21px;background:#f5f5f5;} .orderJoinTip3 ul {padding-left:20px} .orderJoinTip3 ul:after {clear:both;display:block;content:""} .orderJoinTip3 ul li {list-style:disc;font-size:14px;color:#222} .orderJoinTip3 span {font-weight:900;} .orderJoinTip3 span:after {content:'';width:206px;position:absolute;left:38px;top:63px} /* 주문자정보_로그인 */ .orderNewInfo .orderLogin {padding:22px 20px;border-bottom:1px solid #cccccc;line-height:20px;font-size:16px;color:#222} .orderNewInfo .orderLogin span {padding-left:5px} .orderNewInfo .orderLoginTip {position:relative;padding:20px;background:#f5f5f5;} .orderNewInfo .orderLoginTip ul {padding-left:20px} .orderNewInfo .orderLoginTip ul:after {clear:both;display:block;content:""} .orderNewInfo .orderLoginTip ul li {line-height:26px;list-style:disc;color:#222;font-size:14px} .orderNewInfo .orderLoginTip ul li span {color:#00accd;font-weight:bold} /* 새벽배송 실서버 적용할 때 이부분으로 수정하기 */ /* .orderNewInfo .orderLogin {padding:22px 20px;border-bottom:1px solid #cccccc;line-height:20px;font-size:16px;color:#222} .orderNewInfo .orderLogin span {padding-left:5px} .orderNewInfo .orderLoginTip {position:relative;padding:20px;background:#f5f5f5;} .orderNewInfo .orderLoginTip ul {padding-left:20px} .orderNewInfo .orderLoginTip ul:after {clear:both;display:block;content:""} .orderNewInfo .orderLoginTip ul li {line-height:26px;list-style:disc;color:#222;font-size:14px;width:50%;float:left} .orderNewInfo .orderLoginTip ul li span {color:#00accd;font-weight:bold} */ /* 할인 및 적립금 사용 */ .survayOrder {cursor:pointer;float:right;margin-bottom:9px;vertical-align:middle;display:inline-block;font-size:15px;color:#222} /* 190207 주석처리 .survayOrder label {margin-left:5px;vertical-align:middle;height:22px;line-height:22px;cursor:pointer} .survayOrder input[type="checkbox"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg05.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} .survayOrder input[type="checkbox"] {cursor:pointer;background:url('../images/order/p_orderImg05.png') no-repeat} .survayOrder input[type="checkbox"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg04.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} */ .sale_newDiv {border-bottom:1px solid #cccccc;position:relative} .sale_newDiv table {margin:15px 0;border-spacing:0px;border-collapse:collapse;width:100%} .sale_newDiv table th {text-align:left;/*padding:5px 0;*/padding-bottom:5px;font-weight:bold;font-size:15px;color:#222} .sale_newDiv table th span.moneyTip {font-size:15px;color:#00accd;font-weight:bold} .sale_newDiv table th span.tip {color:#888;font-weight:normal;font-size:14px} .sale_newDiv table td {/*padding:5px 0;*/ padding-bottom:10px;font-size:15px;color:#222} .sale_newDiv table td input {font-size:15px !important;text-align:right;border:1px solid #959595;height:33px;line-height:33px} .sale_newDiv table td input::placeholder {color:#999999;} .sale_newDiv table td input[readonly] {padding:0;background:#fff;padding-left:8px;color:#222;font-size:15px;height:33px;line-height:33px;border:1px solid #959595} .sale_newDiv table td span {color:#222;font-size:14px;/*margin:0 5px;*/} .sale_newDiv table td div {vertical-align:middle;display:inline-block} .sale_newDiv table td div.divImg {margin-left:19px} .sale_newDiv table td div.totalMoney {margin-left:19px} .sale_newDiv table td div img {cursor:pointer} /* 할인쿠폰 */ .cpn_detail {display:none;position:relative} .cpn_detail .cpnDiv {width:100%;position:relative;border-top:1px solid #cccccc;background:#f5f5f5} .cpn_detail .cpnDiv .cpnDivPd {padding:21px} .cpnDiv .cpnDivPd p {line-height:20px;font-size:15px;color:#222} .cpnDiv .cpnDivPd .cpnSelect {margin-top:9px;line-height:20px;font-size:15px;color:#222} .cpnDivPd .cpnSelect ul:after {clear:both;display:block;content:""} .cpnDivPd .cpnSelect ul li {font-size:15px;color:#222;float:left} .cpnDivPd .cpnSelect ul li:first-child {height:33px;line-height:33px;width:110px} .cpnDivPd .cpnSelect ul li select {cursor:pointer;vertical-align:middle;width:358px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/order/p_orderImg06.png') no-repeat right;background-size:36px 33px;height:33px;line-height:33px;background-color:#fff;padding-left:10px;border:1px solid #959595;color:#999999;font-size:15px} .cpnBtn {margin-top:15px;padding-left:110px;position:relative} .cpnBtn .btn01 {text-align:center;border:1px solid #00accd;background:#fff;font-size:15px;color:#00accd;font-weight:bold;width:133px;height:35px;line-height:35px;display:inline-block;margin-right:10px;} .cpnBtn .btn02 {text-align:center;border:1px solid #00accd;background:#00accd;font-size:15px;color:#fff;font-weight:bold;width:133px;height:35px;line-height:35px;display:inline-block} .totalMoney {cursor:pointer;vertical-align:middle;display:inline-block;font-size:15px;color:#222} /* 190207 주석처리 .totalMoney label {cursor:pointer;padding-left:5px;vertical-align:middle;height:22px;line-height:22px} .totalMoney input[type="checkbox"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg05.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} .totalMoney input[type="checkbox"] {cursor:pointer;background:url('../images/order/p_orderImg05.png') no-repeat} .totalMoney input[type="checkbox"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg04.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} */ /* 190207 주석처리 .orderAgree input[type="checkbox"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:text-top;background:url('../images/order/p_orderImg05.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} .orderAgree input[type="checkbox"] {vertical-align:text-top;cursor:pointer;background:url('../images/order/p_orderImg05.png') no-repeat} .orderAgree input[type="checkbox"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:text-top;background:url('../images/order/p_orderImg04.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} */ /* 최종 결제금액 */ .orderPrice {position:relative;width:98.5%;border:2px solid #00accd;} .orderPrice .priceDiv {border-bottom:1px solid #959595;padding:30px 30px 20px 30px;position:relative} .orderPrice .priceDiv ul:after {clear:both;display:block;content:""} .orderPrice .priceDiv ul li {width:100%;;position:relative} .orderPrice .priceDiv ul li p.p01 {line-height:30px;text-align:left;color:#222;font-size:16px;display:inline-block} .orderPrice .priceDiv ul li p.p02 {line-height:30px;float:right;color:#222;font-size:16px;display:inline-block} .orderPrice .priceTotal {padding:27px 30px 27px 30px} .orderPrice .priceTotal ul:after {clear:both;display:block;content:""} .orderPrice .priceTotal ul li {display: flex;align-items: center;justify-content: space-between;} .orderPrice .priceTotal ul li p.p01 {vertical-align:middle;line-height:25px;text-align:left;color:#222;font-size:17px;font-weight:bold;display:inline-block} .orderPrice .priceTotal ul li p.p02 {vertical-align:middle;line-height:25px;float:right;color:#222;font-size:17px;display:inline-block;font-weight:bold} .orderPrice .priceTotal ul li span.settle_price {font-size:26px;font-weight:bold} /* 결제하기 버튼 */ .orderPrice .orderBtn {width:446px;margin:30px auto;} .orderBtn .btnOrder01 {text-align:center;font-weight:bold;background:#aaaaaa;font-size:24px;color:#ffffff;width:446px;height:65px;line-height:65px} .orderBtn .btnOrder02 {text-align:center;font-weight:bold;background:#00accd;font-size:24px;color:#ffffff;width:446px;height:65px;line-height:65px} /* 설문 */ .dim_layer {display:none;position:absolute;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:100} .dim_layer .dimBg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);} .dim_layer .popSurvay {display:block} .popSurvay {display:none;position:absolute;top:50%;left:50%;width:600px;margin-left:-300px;height:700px;margin-top:-350px;background:#fff;z-index:10} .popSurvay .survayCont {height:700px;overflow-y:auto;position:relative} .survayCont h3 {border-bottom:2px solid #00accd;text-align:center;height:68px;line-height:68px;font-size:30px;color:#00accd;font-weight:bold} .survayCont .survayClose img {cursor:pointer;position:absolute;top:19px;right:20px} .survayCont .survayTip {letter-spacing:-1px;padding:20px;line-height:25px;color:#333;font-size:16px;background:#e9fbff;} .survayCont .survayQnA {padding:30px 20px;border-bottom:1px solid #c3c3c3;} .survayCont .survayQnA p {margin-bottom:15px;line-height:25px;color:#333;font-size:17px} .survayCont .survayQnA .survayA {position:relative;} .survayA ul:after {clear:both;display:block;content:""} .survayA ul li {color:#333;font-size:15px;height:35px;line-height:35px} .survayA ul li input {color:#333;font-size:15px;width:385px;height:33px;line-height:33px;border:1px solid #aaaaaa;display:inline-block} .survayA ul li:last-child {display:inline-block} .survayA p {display:inline-block} .survayA label {cursor:pointer;padding-left:10px} .survayTip label {cursor:pointer;} .survayTip input[type="radio"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg03.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} .survayTip input[type="radio"] {cursor:pointer;background:url('../images/order/p_orderImg03.png') no-repeat} .survayTip input[type="radio"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg02.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} .survayA input[type="radio"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg03.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} .survayA input[type="radio"] {cursor:pointer;background:url('../images/order/p_orderImg03.png') no-repeat} .survayA input[type="radio"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg02.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} .survayCont .survayBtn {text-align:center;margin:40px auto;} .survayBtn .survayBtn01 {border:1px solid #aaaaaa;text-align:center;width:203px;background:#fff;height:50px;line-height:50px;color:#333333;font-size:20px;margin-right:20px} .survayBtn .survayBtn02 {border:1px solid #00accd;text-align:center;width:203px;background:#00accd;height:50px;line-height:50px;color:#fff;font-size:20px} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0} /* 결제수단 */ .paymentWay {border-bottom:1px solid #cccccc;padding:20px;position:relative} .paymentWay ul:after {clear:both;display:block;content:''} .paymentWay ul li {width:auto;float:left;color:#222;font-size:16px;margin-right:20px} .paymentWay ul li:nth-child(4), .paymentWay ul li:nth-child(5) {margin-bottom:0} .paymentP {color:#222222;font-size:15px;margin-top:10px;position:relative;display:block} /* 지출증빙 */ .proofWay {border-bottom:1px solid #cccccc;padding:15px 0;position:relative} .proofWay .proofTit {display:inline-block;width:130px;color:#222;font-size:15px;font-weight:bold} .proofWay .proofCont {display:inline-block;} .proofWay .proofCont select {cursor:pointer;vertical-align:middle;width:376px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/order/p_orderImg06.png') no-repeat right;background-size:36px 33px;height:33px;line-height:33px;background-color:#fff;padding-left:10px;border:1px solid #959595;color:#999999;font-size:15px} .mt60 {margin-top:60px} .mr06 {margin-right:6px} .mr09 {margin-right:9px} .mr34 {margin-right:34px} .mr25 {margin-right:25px} .mr80 {margin-right:80px} .pr05 {padding-right:5px} .pt15 {padding-top:15px} .pt20 {padding-top:20px} .pb20 {padding-bottom:20px} .pb15 {padding-bottom:15px} .w50 {width:50px} .w103 {width:103px} .w130 {width:130px} .w133 {width:133px} .cc00accd {font-weight:900 !important;color:#00accd !important} .floatr {float:right} .orderBasic {position:relative} .p195 {position:relative} /* IE 셀렉트박스 화살표 제거 */ select::-ms-expand{display:none} /* 190103 장바구니 개편 css */ /* 190102 장바구니 개편 관련 css */ #cartWrap {margin:0 auto;width:1100px;position:relative;margin-bottom:100px;} .cartSelBtn {position:relative} .cartSelBtn ul:after {clear:both;display:block;content:""} .cartSelBtn ul li {vertical-align:top} .cartSelBtn ul li:first-child {padding:6px 0;margin-left:23px;float:left;} .cartSelBtn ul li:last-child {margin-right:12px;float:right;} .cartCheckbox {font-size:15px;color:#222} .cartCheckbox label {height:22px;line-height:22px;margin-left:10px;cursor:pointer;vertical-align:middle} #cartWrap input[type="checkbox"] {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg05.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} #cartWrap input[type="checkbox"]:checked {cursor:pointer;margin:0;padding:0;display:inline-block;width:22px;height:22px;vertical-align:middle;background:url('../images/order/p_orderImg04.png') no-repeat;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:0;border:0} /*.btn_select_del {cursor:pointer;border:1px solid #959595;background:#f8f7f7;font-size:15px;color:#222;height:35px;line-height:35px;width:105px;text-align:center} */ .cartInfo {margin-top:10px;position:relative} .cartInfo table {border-top:2px solid #777;border-bottom:2px solid #777;width:100%;border-collapse:collapse;border-spacing:0;margin:0;padding:0;} .cartInfo table th {height:59px;line-height:59px;color:#222;font-size:18px} .cartInfo table td {vertical-align:middle;text-align:center;padding:21px 0;border-top:1px solid #ccc} .cartInfo table td.tdImg {text-align:left} .cartInfo table td.tdImg figure {width:80px;height:80px;border:1px solid #d9d9d9} .cartInfo table td.tdTit {padding-left:32px;text-align:left;} .cartInfo table td.tdTit p.pTit {padding-bottom:10px;line-height:20px;color:#222;font-size:18px;font-weight:bold} .cartInfo table td.tdTit p.psubTit {color:#777;font-size:14px} .cartInfo table td p.pDelPrice {padding-bottom:12px;color:#999;font-size:16px;text-decoration:line-through} .cartInfo table td p.pPrice {color:#222;font-size:18px;font-weight:bold} .cartInfo table td.tdAmount {padding:0 32px} .cartInfo table td.tdAmount .tdNum {padding-bottom:10px;font-size:16px;color:#222} .cartInfo table .cartMinus {cursor:pointer;float:left;display:inline-block} .cartInfo table .cartPlus {cursor:pointer;float:left;display:inline-block} .cartInfo table .cartNumInput {font-size:18px;color:#222;font-weight:bold;width:35px;height:23px;text-align:center;float:left} .cartInfo .cartTip {color:#777;font-size:14px;margin-top:21px} .cartInfo table td p.noCart {font-size:18px;color:#222;padding:100px 0} button.btn_dirpurchase {margin:0 12px 10px 12px;width:105px;height:35px;line-height:35px;display:block;border:1px solid #00accd;font-size:15px;font-weight:bold;color:#00accd;} button.btn_dirDelete {padding-right:27px;text-align:right;margin:0 12px 0 12px;background-size:13px 13px;background:url('../images/order/cart_img07.png') no-repeat 27px 12px;width:105px;height:35px;line-height:35px;display:block;border:1px solid #959595;font-size:15px;font-weight:bold;color:#222;} /* 주문금액 */ .cartTotal {position:relative;padding:43px 0 30px 0;border-bottom:1px solid #ccc;} .cartTotal ul:after {clear:both;display:block;content:""} .cartTotal ul li {vertical-align:middle;text-align:center;float:left} .cartTotal ul li p.titP {padding-bottom:14px;color:#222;font-size:18px;} .cartTotal ul li p.priceP {font-weight:bold;color:#222;font-size:28px;} .cartTotal ul li p span {color:#222;font-size:18px;font-weight:bold;} .cartMoney {position:relative;height:102px;line-height:102px;border-bottom:1px solid #ccc;background:#f8f7f7} .cartMoney ul:after {clear:both;display:block;content:""} .cartMoney ul li:first-child {padding-left:120px;float:left;font-size:30px;color:#222;font-weight:bold;} .cartMoney ul li:last-child {padding-right:93px;float:right;font-size:36px;color:#01accd;font-weight:900} .cartMoney ul li span.sp01 {font-size:36px;color:#01accd;font-weight:900} .cartMoney ul li span.sp02 {font-size:18px;color:#01accd;font-weight:600} .w345 {width:345px} .w321 {width:321px} .w344 {width:344px} .p195 {position:relative} /* 버튼 */ .cartBtn {text-align:center;width:1100px;margin:45px auto 0;position:relative;} .btn_selOrder {margin-right:10px;width:280px;height:65px;line-height:65px;border:1px solid #00accd;font-size:24px;color:#00accd;font-weight:bold} .btn_totOrder {margin-left:10px;width:280px;height:65px;line-height:65px;background:#00accd;font-size:24px;color:#fff;font-weight:bold} .btn_ea_modify {background:#666;border:1px solid #555;color:#fff;font-size:14px;height:26px;padding:0 7px;vertical-align:middle} /* 190110 */ /* 단품 주문 약관 동의 추가 */ .orderAgreeSetCont {padding:20px 30px} .setAgree {margin-bottom:10px} .setAgree:last-child {margin-bottom:0} .setAgree ul li {list-style:none} .setAgree ul:after {clear:both;display:block;content:""} .setAgree ul li {position:relative;vertical-align:middle;font-size:14px;color:#222} .setAgree ul li.li01 {float:left} .setAgree ul li.li02 {float:right} .setAgree label {margin-left:10px;cursor:pointer;font-size:14px;color:#222;vertical-align:middle;height:22px;line-height:22px} .setAgree img {vertical-align:middle;cursor:pointer;display:inline-block} /* 20190124 또박_주문결제 약관 */ .popup_agree {position:fixed;top:50%;left:50%;width:900px;height:auto;background:#fff;border:3px solid #00acce;transform:translate(-50%, -50%);z-index:99999} .popup_agree .agreeCont {position:relative;padding:42px 44px 26px 44px} .agreeCont h3 {margin-bottom:15px;font-size:20px;color:#333} .agreeConfirm {cursor:pointer;margin:20px auto 0;width:120px;line-height:40px;height:40px;text-align:center;background:#00acd0;font-size:16px;color:#fff;} .mypageAgreeCont {background:#f9f9f9;padding:15px;border:1px solid #ccc;overflow-y:scroll;height:300px;font-size:13px;line-height:22px} /* input x표시 지움 */ input::-ms-clear, input::-ms-reveal {display:none;width:0;height:0} input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; } /* 셀렉트박스 */ select {-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/mypage/mypage_seletImg.png') no-repeat 95% 50%;} /* 20190220 네이버아이디 로그인 추가 */ /* 로그인 */ #loginWrap {background:#f6f6f6;width:100%;min-width:600px;position:relative;margin:0 auto;padding-top:50px !important;padding-bottom:103px;} #loginWraper .loginCont {width:600px;margin:0 auto;position:relative;} #loginWraper .loginCont .loginTit {margin:44px 0 25px 0;position:relative} #loginWraper .loginCont .loginTit h3 {text-align:center;font-size:30px;coloR:#333} #loginWraper .loginDiv {padding:70px 69px 69px 69px;height:auto;background:#fff;border:1px solid #cfcfcf} .loginDiv p.appleTit {margin-bottom:39px;text-align:center;color:#333;font-size:17px;letter-spacing:-1px;line-height:24px} #loginWraper .loginDiv .loginBox {position:relative;width:100%;overflow:hidden;} #loginWraper .loginDiv .loginBox .labelBox {position:relative;} #loginWraper .loginDiv .loginBox input {padding:0 4%;color:#aaa;font-size:18px;border:1px solid #cfcfcf;width:91.5%;overflow:hidden;height:48px;line-height:48px;} .labelBox ul:after {clear:both;display:block;content:""} .labelBox ul li:first-child {float:left;color:#333;font-size:12px} .labelBox ul li:last-child {float:right;padding-top:5px;color:#333;font-size:12px} .labelBox ul li a {color:#333;font-size:12px} .labelBox img {cursor:pointer;} .mt15 {margin-top:15px} .labelBox_border {border-top:1px solid #cfcfcf;margin:20px 0} .loginBtn {position:relative} .loginBtn .btnlogin01 {cursor:pointer;width:100%;height:61px;line-height:61px;border:1px solid #1691ab;background:#19abca;color:#fff;font-size:21px;} .loginBtn .btnlogin02 {cursor:pointer;width:100%;height:61px;line-height:61px;background:url('../images/member/loginNaver.png') no-repeat;background-size:100%;color:#fff;font-size:21px;margin-top:15px;} .loginBtn .btnlogin03 {cursor:pointer;width:100%;height:61px;line-height:61px;border:1px solid #19abca;background:#fff;color:#19abca;font-size:21px;} /* 회원가입(join_gate) */ #loginWraper .joinDiv {padding:55px;height:auto;background:#fff;border:1px solid #cfcfcf} #loginWraper .joinText {padding-bottom:30px;border-bottom:1px solid #cfcfcf;position:relative} #loginWraper .joinText p.p01 {margin-bottom:30px;letter-spacing:-1px;text-align:center;color:#19abca;font-size:27px;font-weight:bold} #loginWraper .joinText p.p02 {line-height:27px;color:#333;font-size:17px;text-align:center;} #loginWraper .joinBtn {margin-top:40px;position:relative} #loginWraper .joinBtn .btnJoin01 {cursor:pointer;width:100%;height:61px;line-height:61px;border:1px solid #1691ab;background:#19abca;color:#fff;font-size:21px;} #loginWraper .joinBtn .btnJoin02 {cursor:pointer;width:100%;height:61px;line-height:61px;background:url('../images/member/loginNaver.png') no-repeat;background-size:100%;color:#fff;font-size:21px;margin-top:15px;} /* 핸드폰 인증 */ p.checks {margin-bottom:5px} p.pcr {color:#fd0019; font-weight:bold} .cfd0019 {color:#fd0019} .mt07 {margin-top:7px} .addTextarea {border:1px solid #959595;width:355px;display:inline-block;font-size:15px;color:#222;padding:5px 10px;height:auto;} /* 애플 아이디와 연동 */ .labelBox2 ul:after {clear:both;display:block;content:""} .labelBox2 ul li {float:right;color:#333;font-size:12px} .labelBox2 ul li a {color:#333;font-size:12px} .labelBox2 img {cursor:pointer;} .btn_appleSnsLogin {margin-top:27px;cursor:pointer;width:440px;height:61px;line-height:7px;background:url('../images/member/btn_appleLogin.jpg') no-repeat 50% 50%;background-size:100%;color:#333;font-size:18px;padding-left:20px;letter-spacing:-1px} #snsAlogin {display:block;position:fixed;top:50%;left:50%;} #snsAlogin .apple_loginpop {position:fixed;top:50%;left:50%;width:500px;padding:68px 0 58px 0;background:#fff;border:3px solid #00acce;margin-left:-250px;margin-top:-96px;z-index:99999} .apple_loginpop .apple_loginClose {position:relative} .apple_loginClose .apple_loginImg_close {cursor:pointer;position:absolute;top:-60px;right:10px;} .apple_loginpop .loginCont {text-align:center;position:relative;line-height:25px;font-size:17px;color:#333} /* sns연동 아이디 찾기 */ .snsOn_id {position:relative;margin-top:20px;display:none;} .snsOn_id ul {float:right;} .snsOn_id ul:after {clear:both;display:block;content:""} .snsOn_id ul li {margin-left:20px;display:none;} .snsOn_id ul li.on {float:right;display:inline-block;} .snsOn_id ul li img {cursor:pointer;width:55px;height:55px} .snsOn_id .snsText {font-size: 15px; display: inline-block; vertical-align: top; margin-top: 15px;color: #666666;line-height: 1.3;} .snsOn_id .snsText span {font-weight: bold; color: #000000;} .btn_naverSns {float:right;cursor:pointer;width:300px;height:40px;line-height:40px;background:url('../images/member/loginNaver.png') no-repeat 50% 50%;background-size:100%;color:#fff;font-size:17px;margin-top:15px} /* 네아로 로그인_주문결제 (200203 / 200602 수정) */ .naverLogin {position:relative} .naverLogin ul:after {clear:both;display:block;content:""} .naverLogin ul li {position:relative;float:right;} .naverLogin ul li img {cursor:pointer} .naverLoginTit {position:relative !important;line-height:22px !important;padding:21px !important;background:#f5f5f5 !important;} .naverLoginTit ul:after{clear:both;display:block;content:""} .naverLoginTit ul li.li01 {float:left;font-size:14px;color:#222;} /* 191007 모바일 상품권 css */ .totalCash {display:inline-block} .pinBtn {cursor:pointer;text-align:center;border:1px solid #959595;color:#222 !important;font-size:15px !important;margin-left:5px;display:inline-block} .pinBtn button {width:72px;height:35px;color:#222;font-size:15px;display:inline-block} .pinInput {width:45px !important;text-align:left !important} .pinConfirmBtn {cursor:pointer;text-align:center;border:1px solid #aaa;padding:8px 0;width:70px;color:#fff !important;font-size:15px !important;margin-left:5px;display:inline-block;background:#aaa;} .pinConfirmBtn button {color:#fff;font-size:15px;display:inline-block} .pinConfirmBtn2 {cursor:pointer;text-align:center;border:1px solid #00accd;padding:8px 0;width:70px;color:#fff !important;font-size:15px !important;margin-left:5px;display:inline-block;background:#00accd;} .pinConfirmBtn2 button {color:#fff;font-size:15px;display:inline-block} /* 191224 정기결제일 문구 */ .infoSub {line-height:22px;font-size:16px;margin-left:106px;font-weight:bold;position:relative;display:inline-block;} .pdmInfo {display:none} .ddobakTip {position:relative;display:inline-block;vertical-align:sub;padding-left:5px} .ddobakTip img {cursor:pointer} .ddobakTip .ddobakTipCont {display:none;position:absolute;bottom:37px;left:-25px;width:370px;padding:10px;border:4px solid #e1e1e1;background-color:#f7f7f7;font-size:13px;color:#555;z-index:99;line-height:18px} .ddobakTip .ddobakTipCont i.tipArr {display:inline-block;width:15px;height:18px;position:absolute;bottom:-18px;left:21px;background-image: url('../images/goods_status/ly_pop_arr.png');} .ddobakTipClose {position:absolute;top:8px;right:7px;} /* 이용 약관 */ .orderAgree {background:#f5f5f5;position:relative} .orderAgree .totalAgree {cursor:pointer;padding:0 30px;font-size:16px;color:#222;font-weight:bold;height:72px;line-height:72px;border-bottom:1px solid #c5c5c5} .totalAgree label {/*vertical-align:middle;*/cursor:pointer;} .orderAgree .singleAgree {cursor:pointer;padding:0 30px;font-size:16px;color:#222;font-weight:bold;height:72px;line-height:72px;} .singleAgree label {/*vertical-align:middle;*/cursor:pointer;} .orderAgreeCont {padding:20px 30px 30px 30px;} .orderAgreeCont ul:after {clear:both;display:block;content:""} .orderAgreeCont ul li.li01 {float:left;width:145px;font-size:14px;color:#222} .orderAgreeCont ul li.li02 {float:left;width:155px;font-size:14px;color:#222} .orderAgreeCont ul li.li03 {float:left;font-size:14px;color:#222} .orderAgreeCont label {margin-left:10px;cursor:pointer;font-size:14px;color:#222;vertical-align:top;height:22px;line-height:22px} .orderAgreeCont img {margin-top:7px;padding-left:42px;cursor:pointer} /* 191224 이용 약관 */ .orderAgreeCard {background:#f5f5f5;position:relative} .orderAgreeCard .totalAgree {cursor:pointer;padding:0 30px;font-size:16px;color:#222;font-weight:bold;height:72px;line-height:72px;border-bottom:1px solid #c5c5c5} .totalAgree label {/*vertical-align:middle;*/cursor:pointer;} .orderAgreeCard .singleAgree {cursor:pointer;padding:0 30px;font-size:16px;color:#222;font-weight:bold;height:72px;line-height:72px;} .singleAgree label {/*vertical-align:middle;*/cursor:pointer;} .orderAgreeCardCont {padding:20px 30px 30px 30px;font-size:14px;} .orderAgreeCardCont ul:after {clear:both;display:block;content:""} .orderAgreeCardCont ul li {font-size:14px;color:#222;margin-bottom:10px} .orderAgreeCardCont ul li:last-child {margin-bottom:0} .orderAgreeCardCont label {cursor:pointer;font-size:14px;color:#222;vertical-align:top;height:22px;line-height:22px} .orderAgreeCardCont img {display:inline-block;float:right;vertical-align:middle;cursor:pointer} .orderAgreeStbank {background:#f5f5f5;position:relative} .orderAgreeStbank .totalAgree {cursor:pointer;padding:0 30px;font-size:16px;color:#222;font-weight:bold;height:72px;line-height:72px;border-bottom:1px solid #c5c5c5} .orderAgreeStbank .singleAgree {cursor:pointer;padding:0 30px;font-size:16px;color:#222;font-weight:bold;height:72px;line-height:72px;} .orderAgreeCardCont2 {padding:20px 30px;font-size:14px;} .orderAgreeCardCont2 ul:after {clear:both;display:block;content:""} .orderAgreeCardCont2 ul li {font-size:14px;color:#222;margin-bottom:10px} .orderAgreeCardCont2 ul li:last-child {margin-bottom:0} .orderAgreeCardCont2 label {cursor:pointer;font-size:14px;color:#222;vertical-align:top;height:22px;line-height:22px} .orderAgreeCardCont2 img {display:inline-block;float:right;vertical-align:middle;cursor:pointer} /* 오프라인 매장 리스트 (200108) */ .shoplistNew{width:1100px;margin:0 auto;padding:49px 0 120px 0} .shoplistNew > ul{margin-top:50px} .shoplistNew > ul > li{margin-top:30px;border:1px solid #e9e9e9} .shoplistNew > ul > li:first-child{margin-top:0} .shoplistNew dl{*zoom:1} .shoplistNew dl:after{display:block;clear:both;content:''} .shoplistNew dt{float:left} .shoplistNew dd{overflow:hidden;padding:42px 0px 42px 45px} .shoplistNew .name, .shoplistNew .tel{display:inline-block;vertical-align:middle} .shoplistNew .name{padding-right:24px;background:url(/data/skin/crex_new_1/images/customer/shop_ico_bar.gif) no-repeat 100% 50%;font-size:18px} .shoplistNew .tel{margin-left:17px;padding-left:17px;background:url(/data/skin/crex_new_1/images/customer/shop_ico_tel.gif) no-repeat 0 3px;font-weight:bold;font-size:14px} .shoplistNew ul ul{padding-top:10px} .shoplistNew li li{margin-top:15px;font-weight:bold;font-size:14px;color:#393939} .shoplistNew li li p{line-height:18px;margin-top:7px;font-weight:normal} /* 네아로 로그인_주문결제 (200203 -> 200520 수정) */ .naverLogin {position:relative;line-height:0;padding:0;background:#fff} .naverLoginNew_bg {position:relative;background:#f5f5f5} .naverLoginNew_bg ul {padding-left:40px} .naverLoginNew_bg ul:after {clear:both;display:block;content:""} .naverLoginNew_bg ul li.li01 {list-style:disc;font-size:14px;color:#222;float:left;line-height:21px;padding:21px 21px 21px 0} .naverLoginNew_bg ul li.li02 {float:right;list-style:none;margin-right:21px} .naverLoginNew_btn {cursor:pointer;/*width:110px;margin-top:21px;*/margin-left:0;display:inline-block} /* 네아로 로그인_아이디찾기 (200203) */ #snsNlogin {display:block;position:fixed;top:50%;left:50%;} #snsNlogin .snsLoginPop {position:fixed;top:50%;left:50%;width:500px;padding:40px 0;background:#fff;border:3px solid #00acce;margin-left:-250px;margin-top:-96px;z-index:99999} .snsLoginPop .loginCont {text-align:center;position:relative;line-height:25px;font-size:17px;color:#333} .btn_naverSns02 {cursor:pointer !important;width:250px !important;height:34px !important;line-height:7px !important;background:url(../images/member/loginNaver.png) no-repeat 50% 50% !important;background-size:100% !important;color:#fff !important;font-size:16px !important;padding-left:20px !important;} /* 카카오톡으로 로그인 아이디 찾기 (2106025)*/ .btn_kakaoSns {cursor:pointer;width:250px; height:34px; font-weight:bold; line-height:7px; background:url(../images/member/loginKakao.jpg) no-repeat 50% 50%; background-size:100%; color:#181600; font-size:16px;} /* 0406 새벽배송 */ .dawnDelivery {position:relative} .dawnDelivery .deliveryTip {background:#f5f5f5;position:relative;padding:21px 19px;border-top:1px solid #ccc} .dawnDelivery .deliveryTip p {color:#555;font-size:14px;line-height:24px;} .dawnCont {position:relative;} .orderNewCont2 {position:relative} .orderNewCont2 ul:after {clear:both;display:block;content:""} .orderNewCont2 ul li {float:left} .orderNewCont2 ul li.Tit {height:60px;line-height:60px;font-weight:bold;font-size:15px;color:#222;width:130px;} .orderNewCont2 ul li.textArea {height:69px;line-height:69px;font-size:16px;color: #222;padding-top:5px;} .orderNewCont2 ul li.textArea p {vertical-align:top;display:inline-block} .orderNewCont2 ul li.Tit2 {line-height:22px;font-weight:bold;font-size:15px;color:#222;width:130px;padding:20px 0 10px 0;} .dawnCont .dawnpw {position:relative;/*margin-bottom:20px*/} .dawnCont .dawnpw .dawnpwInput {box-sizing:border-box;bordeR:1px solid #959595;height:35px;line-height:35px;width:100%} .dawnCont .dawnpw p.dawnpwTip {margin-top:10px;color:#666;font-size:14px} .pl130 {padding-left:130px} .dawnpw02 {display:none} .dawnText {margin-top:20px;padding:19px;border-top:1px solid #ccc;background:#f5f5f5;position:relative;} .dawnText p {color:#555;font-size:14px;line-height:24px;} .dawnDelivery2 {position:relative} .deliveryTip2 {background:#f5f5f5;position:relative;padding:21px 0 20px 19px;} .deliveryTip2 p {color:#555;font-size:14px;line-height:24px;} .counterNum {text-align:right;font-size:11px;color:#999;float:right;margin-top:2px;position:absolute;top:10px;right:6px} /* 내통장결제 관련 css 추가 부분 */ /* 20190111 추가 결제 수단 팝업 - 200615 */ p.payTit {margin-bottom:15px;color:#333;font-size:19px;font-weight:bold} .addPopImg {position:absolute;top:22%;left:50%;margin-left:-175px;width:350px;height:596px;z-index:999999} .addPopImg .popCont {position:relative} .addPopImg .popCont p {display: inline-block;letter-spacing: -1px;position: absolute;left: 50%;top: 33px;transform: translateX(-50%);font-size: 27px;color: #111;width: 220px;} .addPopImg .popCont p strong {text-align: center;vertical-align: bottom;font-weight: 900;display: inline-block;width: 142px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .addPopImg .popCont p:after {content:'';width:100%;height:1px;display:block;position:absolute;margin-top:3px;border-bottom:2px solid #111} .addPopImg .popCont img {cursor:pointer} /* 200617