@charset "UTF-8"; #main_content {position: relative; width:1280px;;} .mainRolling{width:1280px;; position:relative;border:solid 1px #E30613; border-top:0;} .mainRolling:after{clear:both; display:block; content:""} .mainRol_leftBanner {float:left; width:195px; height:270px; background:#E30613} .mainRol_leftBanner ul{} .mainRol_leftBanner ul li a{font-size:0; height:45px; display:block;} .mainRol_leftBanner ul li a.left01 {background:url(../../../images/cms/main/Rol_left01.gif) 0 0 no-repeat;} .mainRol_leftBanner ul li a.left02 {background:url(../../../images/cms/main/Rol_left02.gif) 0 0 no-repeat;} .mainRol_leftBanner ul li a.left03 {background:url(../../../images/cms/main/Rol_left03.gif) 0 0 no-repeat;} .mainRol_leftBanner ul li a.left04 {background:url(../../../images/cms/main/Rol_left04.gif) 0 0 no-repeat;} .mainRol_leftBanner ul li a.left05 {background:url(../../../images/cms/main/Rol_left05.gif) 0 0 no-repeat;} .mainRol_leftBanner ul li a.left06 {background:url(../../../images/cms/main/Rol_left06.gif) 0 0 no-repeat;} .mainRol_leftBanner ul li a.left03:hover, .mainRol_leftBanner ul li a.on {height:45px; background-position:0 -45px;} /* #mainRol_scroll{float:left} #mainRol_scroll ul{overflow:hidden; height:270px; width:785px;} #mainRol_scroll ul li {border-left:solid 1px #E30613;} */ .main_slide {height:270px; width:785px; overflow:hidden; margin:0 auto;} .main_slide ul {width:4710px; list-style:none; font-size:0;} .main_slide ul li {display:inline-block; float:left;border-left:solid 1px #E30613;} .best_slide {height:195px; width:500px; overflow:hidden; margin:0 auto; position:absolute; left:426px; top:87px;} .best_slide ul {width:2715px; list-style:none; font-size:0;left:426px;} .best_slide ul li {display:inline-block; float:left;position:relative;margin-left:36px;} .love_slide {height:200px; width:910px; overflow:hidden; margin:0 auto;} .love_slide ul {width:2880px; list-style:none; font-size:0;} .love_slide ul li {_zoom:1;display:inline-block; float:left;position:relative;margin-left:50px;} /* .md03Conts .tabconts ul {_zoom:1;position:relative; width:910px; height:200px; margin:0 auto; overflow:hidden;} .md03Conts .tabconts ul li {float:left; width:141px; margin-left:50px;color:#3F4254; position:relative;} */ .md01Conts {position:relative; margin-top:30px;height:292px;} .md01Conts h2 {font-size:0; margin-bottom:10px;} .md01Conts .tab{border-bottom:2px solid #fe6300; height:40px;} .md01Conts .tab li {height:40px; text-align:center; color:#6a6b70; float:left} .md01Conts .tab li a {display:inline-block; font-size:14px; height:29px; padding:10px 30px 0 30px; color:#6a6b70; border-top:solid 1px #ddd; border-left:solid 1px #ddd; border-right:solid 1px #ddd; background:#f5f5f5;} .md01Conts .tab li a:hover, .md01Conts .tab li.this a {color:#3F4254; font-weight:bold; background:#fff; position:relative; border-top:solid 1px #fe6300; border-left:solid 1px #fe6300; border-right:solid 1px #fe6300; text-decoration:none;} .md01Conts .md01Category {background:#f5f5f5; border:solid 1px #ddd; border-bottom:0; height:29px; line-height:29px;} .md01Conts .md01Category a {display:inline-block; margin:0 20px;} .md01Conts .md01Category a:hover, .md01Conts .md01Category a.this {color:#3F4254; font-weight:bold; text-decoration:none;} .md01Conts .tabconts {letter-spacing:-0.5px; height:222px; clear:both; border:solid 1px #ccc;} /* .md01Conts .tabconts ul {position:absolute; width:500px; height:195px; top:87px; left:426px; overflow:hidden;} .md01Conts .tabconts ul li {float:left; width:141px; margin-left:36px;color:#3F4254; position:relative;}*/ .md01Conts .tabconts ul li:first-child{ margin-left:0} .md01Conts .tabconts ul li div {text-align:center} .md01Conts .tabconts ul li div a, .tabconts ul li div a span{display:block} .md01Conts .tabconts ul li div a{width:142px; height:180px; overflow:hidden} .md01Conts .tabconts ul li div a img{border:1px solid #dadde4} .md01Conts .tabconts ul li .thumb{border:1px solid #dadde4; width:140px; height:140px; text-align:center} .md01Conts .tabconts ul li .tx1 {padding:5px 0 0 0; text-align:left; color:#555; width:140px; height:28px; line-height:14px; overflow:hidden;} .md01Conts .tabconts ul li .tx2 {padding:0 0 0 5px; line-height:15px;} .md01Conts .tabconts ul li .tx1, .tabconts ul li .tx2{font-size:11px} .md01Conts .tabconts ul li .tx1 a, .tabconts ul li .tx2 a{color:#666} .md01Conts .tabconts ul li .tx1 a:hover{text-decoration:underline} .md01Conts .tabconts ul li .tx2 span strong {color:#E10000; font-weight:400;} .md01Conts .tabconts ul li .tx2 span {font-size:11px; color:#3F4254} .md01Conts .tabconts ul li .tx2{padding:0; font-size:14px; color:#555} .md01Conts .tabconts ul li .tx2 strong{color:#3F4254; font-size:15px; margin-left:3px; margin-right:2px;} .md01Conts .tabconts ul li div >a:hover .tx1{text-decoration:underline} .md01Conts .tabconts ul li .balloon {position:absolute; width:39px; height:39px; left:0; top:0; font-size:11px; text-align:left; padding-left:5px; color:#fff; background:url(../../../images/cms/main/label.png) no-repeat;} .md02Conts {position:relative; margin-top:30px;height:303px;} .md02Conts h2 {font-size:0; margin-bottom:10px;} .md02Conts .tab{border-bottom:2px solid #E30613; height:40px;} .md02Conts .tab li {height:40px; text-align:center; color:#6a6b70; float:left} .md02Conts .tab li a {display:inline-block; font-size:14px; height:29px; padding:10px 30px 0 30px; color:#6a6b70; border-top:solid 1px #ddd; border-left:solid 1px #ddd; border-right:solid 1px #ddd; background:#f5f5f5;} .md02Conts .tab li a:hover, .md02Conts .tab li.this a {color:#3F4254; font-weight:bold; background:#fff; position:relative; border-top:solid 1px #E30613; border-left:solid 1px #E30613; border-right:solid 1px #E30613; text-decoration:none;} .md02Conts .tabconts {padding:15px 0; letter-spacing:-0.5px; height:425px; clear:both; border-bottom:solid 1px #ccc;} .md02Conts .tabconts ul {_zoom:1; height:220px; width:1280px;; position:relative; margin:0 auto;} .md02Conts .tabconts ul li {float:left; width:141px; margin:0 27px;color:#3F4254; position:relative; height:220px; _zoom:1} .md02Conts .tabconts ul li div {text-align:center} .md02Conts .tabconts ul li div a, .tabconts ul li div a span{display:block} .md02Conts .tabconts ul li div a{width:142px; height:184px; overflow:hidden} .md02Conts .tabconts ul li div a img{border:1px solid #dadde4} .md02Conts .tabconts ul li .thumb{border:1px solid #dadde4; width:140px; height:140px; text-align:center} .md02Conts .tabconts ul li .tx1 {padding:5px 0 0 0; text-align:left; color:#555; height:28px; line-height:14px;} .md02Conts .tabconts ul li .tx2 {padding:0 0 4px 10px} .md02Conts .tabconts ul li .tx1, .tabconts ul li .tx2{font-size:11px} .md02Conts .tabconts ul li .tx1 a, .tabconts ul li .tx2 a{color:#666} .md02Conts .tabconts ul li .tx1 a:hover{text-decoration:underline} .md02Conts .tabconts ul li .tx2 span strong {color:#E10000} .md02Conts .tabconts ul li .tx2 span {font-size:11px; color:#3F4254} .md02Conts .tabconts ul li .tx2{padding:0; font-size:14px; color:#555} .md02Conts .tabconts ul li .tx2 strong{color:#3F4254; font-size:15px; margin-left:3px; margin-right:2px;} .md02Conts .tabconts ul li .tx2 a {} .md02Conts .tabconts ul li div >a:hover .tx1{text-decoration:underline} .md03Conts {position:relative; width:1280px;; margin-top:40px; height:260px;} .md03Conts h2 {font-size:0; margin-bottom:5px;} .md03Conts .tabconts {padding:20px 0 15px 0; letter-spacing:-0.5px; height:210px; clear:both; background:#f5f5f5; border-top:solid 2px #ff007e; border-bottom:solid 1px #ccc;} /* .md03Conts .tabconts ul {_zoom:1;position:relative; width:910px; height:200px; margin:0 auto; overflow:hidden;} .md03Conts .tabconts ul li {float:left; width:141px; margin-left:50px;color:#3F4254; position:relative;} */ .md03Conts .tabconts ul li:first-child{ margin-left:0} .md03Conts .tabconts ul li div {text-align:center} .md03Conts .tabconts ul li div a, .tabconts ul li div a span{display:block} .md03Conts .tabconts ul li div a{width:142px; height:184px; overflow:hidden} .md03Conts .tabconts ul li div a img{border:1px solid #dadde4} .md03Conts .tabconts ul li .thumb{border:1px solid #dadde4; width:140px; height:140px; text-align:center} .md03Conts .tabconts ul li .tx1 {padding:5px 0 0 0; text-align:left; color:#555; width:140px; height:28px; line-height:14px; overflow:hidden;} .md03Conts .tabconts ul li .tx2 {padding:0 0 4px 10px} .md03Conts .tabconts ul li .tx1, .tabconts ul li .tx2{font-size:11px} .md03Conts .tabconts ul li .tx1 a, .tabconts ul li .tx2 a{color:#666} .md03Conts .tabconts ul li .tx1 a:hover{text-decoration:underline} .md03Conts .tabconts ul li .tx2 span strong {color:#E10000} .md03Conts .tabconts ul li .tx2 span {font-size:11px; color:#3F4254} .md03Conts .tabconts ul li .tx2{padding:0; font-size:14px; color:#555} .md03Conts .tabconts ul li .tx2 strong{color:#3F4254; font-size:15px; margin-left:3px; margin-right:2px;} .md03Conts .tabconts ul li .tx2 a {} .md03Conts .tabconts ul li div >a:hover .tx1{text-decoration:underline} .news_area{position:relative; width:978px; height:134px; margin-top:55px; border:solid 1px #ccc;} .news_area h2{margin-bottom:10px;} .news_area ul li{position:relative; overflow:hidden; line-height:20px; height:20px; vertical-align:middle; margin-left:5px;} .news_area ul li a{color:#777; display:block; vertical-align:middle; overflow:hidden;} .news_area ul li a:hover{color:#3F4254} /*.news_area .more{text-indent:9999px;position:absolute; top:0; left:255px; width:40px; height:20px; background:url(../../../images/cms/main/notice_more.gif) no-repeat;}*/ .news_area .more{position:absolute; top:0; left:255px; width:40px; height:20px; background:url(../../../images/cms/main/notice_more.gif) no-repeat;} .news_area .notice {width:305px; float:left; margin:15px 15px 0 15px; position:relative;} .notice ul li a{width:300px} .news_area .CS {width:643px; float:left; position:relative;} #container #contents{/*clear:both;*/ zoom:1; width:1280px;; margin: 0 auto;} #container #contents:after{clear:both; display:block; content:""} /* */ .cate_title1 {margin:30px 0 10px 0; font-size:30px; line-height:1.1; color:#3F4254;} .cate_title2 {margin:30px 0 10px 0; font-size:20px; font-weight: 700; line-height:1.1; color:#3F4254;} .displayCategory {clear:both;} .displayCategory .categoryList{width:1280px;;border:1px solid #F3F5F9; border-top:none;*zoom:1} .displayCategory .categoryList:after{display:block;clear:both;content:""} .displayCategory .categoryList .ctListBox ul{padding-bottom:1px} .displayCategory .categoryList .ctListBox li{margin:0 10px;padding:0 0 6px 0;line-height:16px;} .displayCategory .categoryList .ctListBox li a{color:#555} .displayCategory .openCt{display:none;border:1px solid #ff4f51; border-top:0 none; position:absolute; z-index:9990; display:none; background:#fff} .displayCategory .closeCt{border:0 none; width:1280px;; z-index:9990; border:1px solid #E30613; margin-top: 10px; } .displayCategory .closeCt .ctListBox{width:20%; float:left; border-left:1px solid #D7DCE8;} .displayCategory .closeCt .ctListBox:first-child, .displayCategory .closeCt .line_no{border-left:0; width:20%;} .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(1), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(6), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(11), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(16), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(21), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(26), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(31), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(36), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(41), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(46), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(51), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(56), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(61), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(66), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(71), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(76), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(81), .displayCategory .closeCt .ctListBox:nth-child(n+5):nth-child(86){border-left:0; width:20%;} .displayCategory .closeCt .ctListBox .box{ background:#fff;} .displayCategory .closeCt .ctListBox .box:hover > p span a{ color:white!important;} .displayCategory .closeCt .ctListBox .box:hover{ background-color:#E30613;} .displayCategory .closeCt .ctListBox .box p{color:#555; font-size: 16px; font-weight:500;position:relative; line-height:44px; height:48px; padding:3px 0 0 10px; border-bottom:1px solid #ced3d6; vertical-align:middle; text-align:center;} .displayCategory .closeCt .ctListBox .box .list{overflow:hidden; width:31px;height:41px; background:url(/images/qubridge/common_new/bt_arow.gif) no-repeat 0 0; display:block; position:absolute; top:0; right:0; cursor:pointer} .displayCategory .closeCt .ctListBox .box .list:hover{background-position: 0 -41px} /* .displayCategory .closeCt .ctListBox .box p span a:hover{color:white} */ .displayCategory .closeCt .active{position:relative; top:-1px; left:-1px;z-index:9980; border:1px solid #ff4f51; border-top:0; border-bottom:0; width:195px} .displayCategory .closeCt .active p{background:#fff url(/images/qubridge/common_new/cate_list_bx_top_modify.gif) no-repeat 0 0} .displayCategory .closeCt .active p span{display:block; margin-top:1px} .displayCategory .closeCt .active p a{color:#ff4f51; margin-top:-1px} .displayCategory .closeCt .ctListBox .active .list{top:-1px; background-position:0 -79px} .displayCategory .closeCt .ctListBox .active .list:hover{background-position: 0 -79px} .displayCategory .closeCt .listSub{display:none} .displayCategory .closeCt .active .listSub{ left:-1px; margin-top:-5px; display:block;width:195px; border:1px solid #ff4f51; position:absolute;border-top:0 none; background:#fff;z-index:9980; padding:0 0 15px 0} .displayCategory .closeCt .active .listSub ul{float:left; width:194px} .displayCategory .closeCt .active .listSub ul a{color:#777} .displayCategory .closeCt .active .listSub ul a:hover{text-decoration:underline; color:#555 } .displayCategory .closeCt .line_no .active{width:194px} .displayCategory .closeCt .line_no .active .listSub ul{width:193px} /*Location*/ #location{width: 100%; display: flex; align-items: center; margin: 20px 0;} #location>span {display: block; padding: 0 5px;} #location .wrap{position:relative;} #location .wrap span a{ white-space: nowrap;display:block;padding:0 5px;line-height:20px; color:#555;} #location .wrap span a::after {content: ""; display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url('../../../images/cms/common/select_right-arrow.png'); margin-left: 10px;} #location ul{display:none; position:absolute; top:22px; left:5px; width:194px; background:#fff; line-height:24px; border:1px solid #ccc;z-index:9990} #location ul a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block; margin:0; padding:0 5px; width:184px; ; color:#666; height:24px; line-height:24px; padding-top:2px;} #location ul a:hover{background:#eee;} /* product list */ .categoryTab {overflow:hidden; margin-top:25px; padding-bottom:10px; border-bottom:solid 1px #333;} .categoryTab ul{display:inline-block;overflow:hidden; vertical-align:middle;} .categoryTab li{float:left; text-align:center;} .categoryTab li a{display:inline-block; font-size:13px; color:#3F4254;} .categoryTab li .active{font-weight:bold; color:#E30613;} .categoryTab li a:hover{font-weight:bold;} .categoryTab li+li a{margin-left:10px; padding-left:10px; border-left:1px solid #999; color: #888B9A;} .categoryTab .tit_main_section{display:inline-block; margin-bottom:10px; line-height:1;} .option {float:right;} .option select{height:26px; vertical-align:middle;} .viewType{display:inline-block; margin-left:5px; border:1px solid #d5d5d5; overflow:hidden; vertical-align:middle;} .viewType a{display:inline-block; float:left; background:#bebfc1;} .viewType a+a{border-left:1px solid #eee;} .viewType .is-selected{background:#E30613;} .productOption {width: 100%;} .chk_point{display:inline-block; margin:0 0 0 30px; vertical-align:middle; line-height:1;} .chk_point input{vertical-align:middle;} .chk_point label{vertical-align:middle; color:#3F4254; font-size:14px; cursor:pointer;} .prodT{clear:both; overflow:hidden; margin-bottom:10px; width:1280px;} .prodT td{padding:20px 5px; line-height:18px; border-bottom:2px solid #D7DCE8} .prodT td .thumb{display:block; float:left} /* .prodT td .thumb img{margin:0 10px 0 5px; width:120px; height:120px} */ .prodT td .thumb img{margin:0 10px 0 5px; width:120px; height:120px} .prodT td .thumb img:hover {border: solid 1px #E30613;} .prodT td .mark{display:block; float:left; width:25px} .prodT td .mark img{display:block; margin-bottom:-2px; width:21px; height:21px; border:2px solid #c9c9c9} .prodT td .recommend img{width:55px; height:55px; border:2px solid #c3c3c3} .prodT td .text{float:left; font-size:16px; margin-right:2px; width:60px; height:26px; color: #333; font-weight: 700; line-height:15px; text-align:right} .prodT td .wrap {margin-left:20px;} .prodT td .price strong {font-size:16px; color:#E30613; font-weight:700;} .prodT td .price del { color: #aaa; } .prodT td strong {font-weight:700; color:#FF5151;font-size: 18px;} .prodT td .countBtn{float:left; margin-right:5px; width:80px} .prodT td .countBtn a{display:block; float:left;margin-bottom:1px; font-size:1%; line-height:1%} .prodT td .unitPrice{color:#a0a0a0} .prodT td .btns a{display:block; margin-bottom:5px} .prodT img{vertical-align:middle} .prodT td .setBox{position:relative} .prodT td .setBox .setInfo{position:absolute; top:-15px; left:-7px} .prodT td .setBox .setInfo img{width:197px; height:37px} .prodT td .pName{font-size:16px; color:#333; font-weight:700;} .prodT .product_info{margin-top:5px;} .prodT .product_info li{line-height:19px; font-size:13px;} .prodT .product_info li .bt { font-size: 13px; line-height: 1; display: inline-block; padding: 5px; color: #fff;} .prodT .product_info .bt01 { background: #FF5C00; } .prodT .product_info .product_pdescription{line-height:19px; font-size:13px; height : 19px; overflow : hidden;} .prodT .type01.ic-area { margin: 5px 0 5px 0; } .prodT .type01.ic-area .bt { display: inline-block; padding: 5px; color: #fff; line-height: 1; font-size: 12px;} .prodT .type01.ic-area .bt:first-child { margin-left: 0; } .prodT .type01.ic-area .bt01 { background: #cb0000; } .prodT .type01.ic-area .bt02 { background: #E30613; } .prodT .type01.ic-area .bt03 { background: #0a9344; } .prodT .type01.ic-area .bt04 { background: #cda938; } .prodT .type01.ic-area .bt05 { background: #548235; } .ico{display:inline-block; height:13px; margin-left:5px; padding:5px 4px 0 4px; font-size:11px; letter-spacing:-0.08em; line-height:1;} .ico_blue{border:1px solid #69b4ea; background:#eef5fa; color:#E30613; font-weight:normal;} .ico_orange{border:1px solid #f39a7a; background:#fff4f0; color:#f1551e; font-weight:normal;} .ico_purple{border:1px solid #bc66f8; background:#f8eefa; color:#8006d6; font-weight:normal;} .list_prod_galleryType{overflow:hidden;} /* .list_prod_galleryType li{float:left; width:220px; padding:30px 0 30px 33px; border-bottom:2px solid #D7DCE8; font-size:14px;} */ .list_prod_galleryType li{float:left; width:232px; margin:20px 0 0 0; font-size:14px; height:420px; border-bottom:2px solid #D7DCE8;} /*.list_prod_galleryType li.first{width:220px;}*/ .list_prod_galleryType li:nth-of-type(5n){width:222px;} .list_prod_galleryType li span{display:block; margin-top:10px;} .list_prod_galleryType .thumb{display:block; cursor:pointer;} .list_prod_galleryType .thumb img:hover {border: solid 1px #E30613;} .list_prod_galleryType .thumb img{width:220px; height:220px; border: 1px solid #D7DCE8;} .list_prod_galleryType .product_name{height:16px; margin-top:10px; padding-right:10px; overflow:hidden; color:#3F4254; line-height:130%; font-size:14px; font-weight: 700;} .list_prod_galleryType .product_pdescription{display:block; height:16px; margin-top:10px; padding-right:10px; overflow:hidden; color:#555; line-height:130%; font-size:14px;} .list_prod_galleryType .price{font-size:13px; height:20px;} .list_prod_galleryType .price del { margin-right: 10px; color: #aaa; } .list_prod_galleryType .price strong{padding-right:2px; font-size:18px; color:#E30613; font-weight:700;} .list_prod_galleryType .box_select{text-align:center;} .list_prod_galleryType .product_code{ width:220px; padding:4px 0; color:#777;} .list_prod_galleryType .type01.ic-area { margin-top: 10px; } .list_prod_galleryType .type01.ic-area .bt { font-size: 12px; line-height: 1; display: inline-block; padding: 5px; color: #fff;} .list_prod_galleryType .type01.ic-area .bt:first-child { margin-left: 0; } .list_prod_galleryType .type01.ic-area .bt01 { background: #cb0000; } .list_prod_galleryType .type01.ic-area .bt02 { background: #E30613; } .list_prod_galleryType .type01.ic-area .bt03 { background: #0a9344; } .list_prod_galleryType .type01.ic-area .bt04 { background: #FF5C00; } .list_prod_galleryType .type01.ic-area .bt05 { background: #548235; } .listTile {letter-spacing:-0.5px;position:relative; width:1280px;; padding-top:30px; margin-bottom:10px; border-bottom:solid 1px #ddd;} .listTile ul { position:relative; width:1280px;; margin:0 auto;} .listTile ul li {float:left; width:142px; height:290px; margin:0 27px; color:#3F4254;} .listTile ul li div {text-align:center} .listTile ul li div a, .listTile ul li div a span{display:block} .listTile ul li div a{width:142px; height:142px; overflow:hidden} .listTile ul li div a img{border:1px solid #dadde4} .listTile ul li .thumb{border:1px solid #dadde4; width:140px; height:140px; text-align:center} .listTile ul li .tx1 {padding:5px 0 0 0; text-align:left; color:#3F4254;} .listTile ul li .tx2 {padding:0 0 0 5px;} .listTile ul li .tx1, .listTile ul li .tx3 {font-size:11px; line-height:18px; border-bottom:dotted 1px #ccc;} .listTile ul li .tx1 a, .listTile ul li .tx2 a{color:#666} .listTile ul li .tx1 a:hover{text-decoration:underline} .listTile ul li .tx2 {font-size:11px; color:#3F4254;} .listTile ul li .tx2 strong{color:#E10000; font-size:16px; line-height:24px; font-weight:400;} .listTile ul li .tx3{padding:0; font-size:11px; color:#999} .listTile ul li .tx4{font-size:11px; color:#666; text-align:center;} .listTile ul li div >a:hover .tx1{text-decoration:underline} .listTile ul li input.text { float:left; margin:2px 2px 0 0; width:35px; height:12px; line-height:12px; text-align:right;} .listTile ul li .countBtn { float:left; margin:4px 5px 0 0; width:10px;} .listTile ul li .countBtn a { display:block; margin-bottom:1px; width:10px; height:7px; font-size:1%; line-height:1%;} .listTile ul li .btns {float:left; margin:4px 5px 0 0;} .listTile ul li .rank {position:absolute; margin:-10px 0 0 -10px; width:36px; height:36px; text-align:center; color:#fff; font-size:17px; font-weight:bold; line-height:36px; letter-spacing:-1px; background:url(../../../images/cms/contents/rank_bg.png) no-repeat; z-index:999;} .topProuct {position: relative;} .topProuct .balloon {position: absolute; width:39px; height:39px; left:0; top:0; font-size:11px; text-align:left; padding-left:3px; color:#fff; background:url(../../../images/cms/main/label.png) no-repeat;} /* paging : 2017.06.12 */ .paging{clear:both; overflow:hidden; zoom:1; display:block; margin-top:10px; height:50px; text-align:center; width:100%;} /* .paging a{position:relative; display:inline-block; padding:0 10px; font-weight:bold; font-size:13px; background:url(/images/qubridge/common/bg_paging.gif) no-repeat right top; vertical-align:middle;} */ .paging a:link, .paging a:visited{color:#ababab} .paging a:hover, .paging a.active{color:#E30613; text-decoration:none} .paging a.prev{margin-right:10px; padding:0; background:none} .paging a.next{margin-left:10px; padding:0; background:none} .paging a.first, .paging a.last{padding:0 2px; font-size:11px; background:none} .paging a.none{padding:0 10px; background:none} .paging_round{clear:both; zoom:1; display:block; margin-top:10px; height:12px; text-align:center} .paging_round a{padding:0 8px 0 4px; font-size:14px; color:#3F4254; border-right:1px solid #3F4254} .paging_round a.active{font-weight:bold; color:#f00} .paging_round a.none{border:0} .paging_round a.prev, .paging_round a.next{padding:0; border:0} .paging_round a img{vertical-align:middle} /* */ .titArea_direct{clear:both; position:relative; padding:20px 0 15px 0; margin-top:30px; margin-bottom:20px; border-bottom:2px solid #3F4254; } /* 2016.06.09 */ .titArea_direct h1{display:inline-block; margin-right:5px; padding:0; font-size:22px; color:#292929; vertical-align:middle; font-weight:bold;} .titArea_direct .type01.ic-area { margin-top: 10px; display: inline-block;} .titArea_direct .type01.ic-area .bt { font-size: 14px; line-height: 1; display: inline-block;padding: 5px; color: #fff; } .titArea_direct .type01.ic-area .bt:first-child { margin-left: 0; } .titArea_direct .type01.ic-area .bt01 { background: #FF5C00; } .titArea_direct .type01.ic-area .bt02 { background: #0072cb; } .titArea_direct .type01.ic-area .bt03 { background: #0a9344; } .titArea_direct .type01.ic-area .bt04 { background: #E30613; } .titArea_direct .type01.ic-area .bt05 { background: #FFB13C; } .w390{width:370px;} .itemDetail { clear:both; display:block; zoom:1; padding-bottom:50px;} .itemDetail:after { clear:both; display:block; content:"";} .itemDetail .itemView {overflow:hidden; display:inline; position:relative; float:left;} .itemDetail .itemView div {width:420px; height:420px; margin-bottom:10px; text-align:center; overflow:hidden;} .itemDetail .itemView div img {max-width:420px; max-height:420px; margin-top:50%; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%); } .itemDetail .itemView .mark { position:absolute; top:0; left:0;} .itemDetail .itemView .mark img { float:left; margin-right:-2px; width:25px; height:25px; border:2px solid #c9c9c9;} .itemDetail .itemView .icon { position:absolute; top:0; left:0;} .itemDetail .itemView ul {text-align:center;} .itemDetail .itemView ul li {display:inline-block; border:1px solid #b3b3b3;} .itemDetail .itemView ul li+li{margin-left:10px;} .itemDetail .itemView ul li img { width:92px; height:92px;} .itemDetail .itemInfo { float:right; width:680px; margin-left:15px;} .itemDetail .itemInfo dt.prod_hd {height:200px; text-align:left; margin-bottom:7px; overflow:hidden; font-weight:bold; } .itemDetail .itemInfo dd.prod_nm {float:left; height:200px; width:455px; line-height:25px; margin-bottom:7px; overflow:hidden; font-size:13px; color:#313131; padding-left:5px;} .itemDetail .itemInfo dt.hd {text-align:left; overflow:hidden; font-weight:bold; } .itemDetail .itemInfo dd.desc {float:left; width:455px; overflow:hidden; font-size:15px; color:#313131; padding-left:5px;} .itemDetail .itemInfo dd.line2, .itemDetail .itemInfo dt.line2 {border-left: dashed 1px #ccc;} .itemDetail .itemInfo dl { clear:both; margin-bottom:7px; line-height:21px; color:#9a9a9a;width: 100%; display: flex; flex-wrap: wrap;} .itemDetail .itemInfo dt {clear:both; float:left; padding:6px 0 6px 15px; width:150px; font-size:15px; color:#3F4254; letter-spacing:-0.045em;} .itemDetail .itemInfo dd {float:left; width:530px; padding:6px 0 6px 0; font-size:15px; color:#555;} .itemDetail .itemInfo dd.memPrice2 {color:#E30613;} .itemDetail .itemInfo dd.memPrice2 strong {font-weight:700; font-size:20px;} .itemDetail .itemInfo dd.memPrice2 em { font-weight:bold;} .itemDetail .itemInfo dd.memPrice2 span { display:inline-block; width:72px; height:19px; text-align:center; font-weight:bold; line-height:21px; color:#fff; background:url(../../../images/cms/contents/ico_itemDC1.gif) no-repeat;} .itemDetail .itemInfo dd.memPrice2 del { margin-right: 10px; color: #aaa; font-size:17px;} .itemDetail .itemInfo dd.code { font-weight:bold; color:#505050;} .itemDetail .itemInfo dd.code span { display:inline-block; width:39px; height:15px; text-align:center; line-height:16px; color:#fff;} .itemDetail .itemInfo dd input.text { float:left; margin:4px 2px 0 0; width:35px; height:14px; line-height:14px; text-align:right;} .itemDetail .itemInfo dd .countBtn { float:left; margin:4px 5px 0 0; width:10px;} .itemDetail .itemInfo dd .countBtn a { display:block; margin-bottom:1px; width:10px; height:9px; font-size:1%; line-height:1%;} .itemDetail .itemInfo dd.model { padding:6px 0; height:auto; font-weight:bold; line-height:1.4; color:#505050;} .itemDetail .itemInfo dd.date { font-weight:bold; color:#505050;} .itemDetail .itemInfo dd.date2 { height:auto; font-weight:bold; color:#505050;} .itemDetail .itemInfo dd.date2 em { display:block; font-weight:normal; font-size:11px; line-height:18px; color:#ef2828;} .itemDetail .itemInfo dd.model strong, .itemDetail .itemInfo dd.date strong { font-weight:400; color:#f00;} .itemDetail .itemInfo dd.pointTxt { padding-top:6px; line-height:18px;} .itemDetail .itemInfo dd input[type="text"], .itemDetail .itemInfo dd select{margin-top:5px;} .itemDetail .itemInfo .bg{background:#F3F5F9;line-height:46px;} .itemDetail .itemInfo .btnArea { clear:both; overflow:hidden; text-align:left;} .itemDetail .itemInfo .btnArea img {vertical-align:middle;} .itemDetail .itemInfo .options { font-weight:bold; color:#ff3600;} .itemDetail .itemInfo dt.options { font-weight:bold; color:#505050;} .itemDetail .itemInfo dt.totprice { font-weight:bold;} .itemDetail .itemInfo dd.totprice { font-weight:bold; color:#ff3600; font-size: 20px;} .itemDetail .itemInfo dd.condition { font-weight:bold; color:#ff3600;} .itemDetail .itemEtc { position:relative; float:left; width:210px;} .itemDetail .itemEtc .review { position:relative; height:90px; letter-spacing:-3px; color:#ca7701;} .itemDetail .itemEtc .review p { position:relative; padding-top:12px; padding-right:7px; height:48px; text-align:right; font:bold 48px/48px arial;} .itemDetail .itemEtc .review p span { position:absolute; bottom:6px; left:0;} .itemDetail .itemEtc .review p img { margin-left:2px; vertical-align:baseline;} .itemDetail .itemEtc #reviewInfoWrap { position:absolute; z-index:99; top:6px; left:128px;} .itemDetail .itemEtc #reviewInfoWrap #reviewInfo { display:none; position:absolute; top:14px; left:-125px;} .itemDetail .itemEtc #reviewInfoWrap #reviewInfo .bg { position:absolute; z-index:990; top:0; left:135px; width:11px; height:6px; background:url(/images/qubridge/category/bg_reviewInfo.gif) no-repeat;} .itemDetail .itemEtc #reviewInfoWrap #reviewInfo .wrap { position:relative; top:5px; padding:10px; width:184px; letter-spacing:0; background:#f1fbff; border:1px solid #a0dbf9;} .itemDetail .itemEtc #reviewInfoWrap #reviewInfo .wrap strong { font:bold 12px/16px 돋움,dotum; color:#607580;} .itemDetail .itemEtc #reviewInfoWrap #reviewInfo .wrap p { margin:0; text-align:left; font:normal 11px/16px 돋움,dotum; letter-spacing:-1px; color:#5eb3e1;} .itemDetail .itemEtc #reviewInfoWrap #reviewInfo a { position:absolute; z-index:990; top:6px; right:1px;} .itemDetail .itemEtc .otherItem { clear:both; zoom:1; position:relative;} .itemDetail .itemEtc .otherItem h2 { display:block; width:100%; height:24px; text-align:center; line-height:24px; color:#fff; background:#698aae;font-size:11px;} .itemDetail .itemEtc .otherItem ul { display:none; position:absolute; top:33px; left:1px;} .itemDetail .itemEtc .otherItem ul.on { display:block;} .itemDetail .itemEtc .otherItem ul li { clear:both; overflow:hidden; margin-top:6px;} .itemDetail .itemEtc .otherItem ul .thumb { float:left; margin:0 7px 0 0; width:80px; height:80px; border:1px solid #e0e0e0;} .itemDetail .itemEtc .otherItem ul .thumb img { width:80px; height:80px;} .itemDetail .itemEtc .otherItem ul .info { float:left; width:110px; line-height:18px; color:#696969;} .itemDetail .itemEtc .otherItem ul .info span, .itemDetail .itemEtc .otherItem ul .info strong { display:block; margin-top:2px;} .itemDetail .itemEtc .otherItem ul .info span a { float:left; margin-right:2px;} .top_tab { width:100%; height:46px; border:solid 1px #ccc;} .top_tab > li { font-size:17px; width:171px; height:45px; border-left:1px solid #ccc; text-align:center; line-height:45px; float:left; } .top_tab > li:first-child { width:172px; border-left:0px; } .top_tab > li a {display:block; color:#333;} .top_tab > li a:hover, .top_tab > li a:visited {display:block; font-weight: bold; color:#333;} .itemSection { clear:both; overflow:hidden; margin-top:6px; margin-bottom:30px;} .itemSection .tab {clear:both; overflow:hidden; width:1280px;} .itemSection .tab li {float:left; background:#F3F5F9; border-top:1px solid #D7DCE8; height:46px; line-height:46px;} .itemSection .tab li:first-child {border-left:1px solid #D7DCE8; border-bottom:0px;} .itemSection .tab li a {border-right:1px solid #D7DCE8; display:block; width:176px; height:46px; text-align:center; font-weight:bold; color:#a0a0a0;} .itemSection .tab li.active {display:block; border-bottom:1px solid #fff; height:46px; background:#fff;} .itemSection .tab li.active a{color:#E30613;} .itemSection .tab li a:hover {color:#E30613;} .itemSection .contBox { clear:both; position: relative; z-index:-2; top:-1px; overflow:hidden; zoom:1; color:#666; border-top:1px solid #D7DCE8;} .itemSection .contBox h2 {width:1120px; margin:0 auto; padding:40px 0 10px 0; color:#3F4254;} .itemSection .contBox li {width:1120px; margin:0 auto;line-height:25px;} .itemSection .contBox p img{padding:40px 0;} .itemSection .contBox .inner { padding:15px;} .itemSection .contBox .inner pre{text-align:center;} /*Cart*/ #List_TopIcon {width:1280px;; float:left; margin-bottom:8px; margin-top:20px; clear:both; } #List_TopIcon h4{vertical-align:middle; padding-left:15px; font-size:9pt; background:url(/front/images_new/common/arrow.gif) no-repeat left 35%; font-weight:normal; color:#707070; float:left;margin-top:3px;} #List_TopIcon h4 span {font-weight:bold; margin-right:20px;} #List_TopIcon h4 span.font_color_02 {margin-right:3px;} #List_TopIcon h4 span.arrow {margin-right:3px; padding-left:10px; background:url(/front/images_new/common/all_list_arrow.gif) no-repeat left 35%;} #List_TopIcon p {float:right; height:19px; line-height:19px; _padding-right:3px; } #List_TopIcon p input {vertical-align:middle;} #List_TopIcon p.Fleft {float:left; margin-right:5px;} #List_TopIcon div {width:912px; height:288px; background:#e8e8e8; clear:both;} #cart {position:relative; margin-top: 50px;} #cart h3 {border-bottom:2px solid #E30613; width:1280px;; position:absolute; top:-30px; height:40px; display:flex; justify-content: right; align-items: center; gap: 8px;} #cart h3 span {font-size: 16px; font-weight:400; color: #999;} #cart h3 span img {width: 20px;} #cart h3 span.active {font-weight: 700; color: #000;} #cart h4 {font-size:16px; color:#3F4254; margin-top:10px;} #cart table{ clear:both; width:100%;border:0;border-top:1px solid #ccc;border-bottom:1px solid #a9a9a9;} #cart table th {padding:10px 0;background:#ebebeb;border-left:1px solid #ccc;border-bottom:1px solid #d8d8d8;letter-spacing:-1px;} #cart table td {padding:10px;border-top:1px solid #ccc;border-left:1px solid #ebebeb; text-align:center} #cart table thead th:first-child,#cart table tbody td:first-child{border-left:none;} #cart table thead th.chk + th,#cart table tbody td.chk + td,#cart table thead th.thtype2,#cart table td.sale_price,#cart table td.rlt_price{border-left:none;} #cart table > tbody > tr:first-child > td{border-top:none;} #cart table tbody td.chk{padding-top:15px;vertical-align:top;} #cart table td p img{vertical-align:middle;} #cart table fieldset {position:relative; _top:3px;} #cart table th b .c_check {position:absolute; top:8px; _top:4px; left:18px; *left:19px; _left:16px;} #cart .pimg {float:left; width:90px; height:90px; margin-left:10px;} #cart .pimg .type01.ic-area { display: block; position: absolute;} #cart .pimg .type01.ic-area .bt { font-size: 11.5px; line-height: 17px; display: inline-block; margin-left: 3px; padding: 0 4px; color: #fff; } #cart .pimg .type01.ic-area .bt:first-child { margin-left: 0; } #cart .pimg .type01.ic-area .bt01 { background: #cb0000; } #cart .pimg .type01.ic-area .bt02 { background: #E30613; } #cart .pimg .type01.ic-area .bt03 { background: #0a9344; } #cart .pimg .type01.ic-area .bt04 { background: #cda938; } #cart .pimg .type01.ic-area .bt05 { background: #548235; } .taxTp {float:left; width:300px; height:30px; border:solid 0px #ddd; margin-left:10px;display: block; position: absolute;} .taxTp .bt { font-size: 11.5px; line-height:30px; height:30px; display: inline-block; margin-left: 3px; padding: 0 4px; color: #fff; vertical-align: middle; } .taxTp .bt01 { background: #cb0000;} .taxTp .bt02 { background: #E30613;} .taxTp .bt03 { background: #0a9344;} .taxTp .bt04 { background: #cda938;} .taxTp .bt05 { background: #548235;} #cart .info {width:400px; margin-left:120px; *margin-left:120px; _position:relative; _left:-20px; height:100%; vertical-align:top; text-align:left;} #cart .info ul {border-top:1px solid #E9E9E9; margin-top:5px; padding-top:5px; font-size:8pt; position:relative; margin-bottom:2px;} #cart dl.info ul li {width:190px; padding:1px 0;} #cart dl.info ul li span {color:#999999; line-height:1.4em;} #cart dl.info ul li.state1 {position:absolute; left:190px; top:10px; width:168px;} #cart dl.info ul li.state2 {position:absolute; margin-top:10px; top:1.6em; left:190px; width:168px;} #cart dl.info ul li.state3 {position:absolute; margin-top:10px; top:3.2em; left:190px; width:168px;} #cart .info {position:relative;} #cart .info dt {font-weight:bold;} #cart .info2 {margin-left:120px; font-weight:400; text-align:left; vertical-align:top;color:#555;} #cart .info2 ul {border-top:1px solid #E9E9E9; position:relative; padding-top: 3px; width: 95%;} #cart .info2 dt{font-weight:bold; color:#555;} #cart .info2 li{line-height:18px; font-weight:400;} #cart .info2 .font_color_03 {color:red; font-weight:400;} #cart table td.c_price {width:135px; font-weight:400;} #cart table td.c_price ul li {height:24px;; font-size:11px; color:#999;} #cart table td.c_price ul li strong {font-size:14px; color:#3F4254;font-weight:400;} #cart table td.t_price {width:120px;} #cart table td.t_price strong {color:#F00; font-size:16px;font-weight:400;} #cart table td.delivery {background:#f5f5f5; text-align:left;} #cart table td.delivery span {position:absolute; right:10px;} #cart .total_table {border:solid 1px #666; margin-top:20px;} #cart .total_table th {background:#eff8ff;} #cart .total_table td {color:#3F4254; font-size:14px; text-align:right; background:#f7fbff;} #cart .total_table td strong {color:#F00; font-size:18px; font-weight:400;} #cart .address { position:relative; width:600px;} #cart .address dl {border-top:solid 2px #333; margin-top:10px; clear:both;} #cart .address dt, #cart .address dd { float:left; display:inline-block; padding-left:40px; line-height:40px; background:#f8f8f8; border-bottom:solid 1px #ddd;} #cart .address dt {width:90px; color:#3F4254;border-left:solid 1px #ddd;} #cart .address dd {width:428px;border-right:solid 1px #ddd;} #cart .payment { position:relative; width:600px;} #cart .payment dl {border-top:solid 2px #333; margin-top:10px; clear:both;} #cart .payment dt, #cart .payment dd {line-height:40px; padding-left:30px;} dd1 {line-height:40px; padding-left:20px;} #cart .payment dt {background:#eff8ff;width:568px; color:#3F4254;border-right:solid 1px #ddd; border-left:solid 1px #ddd; } #cart .payment dd1 {width:578px;border:solid 1px #ddd; height:40px;} #cart .payment dd {width:568px;border:solid 1px #ddd; height:80px;} #cart .payment dd li {float:left; margin-right:30px; line-height:30px; padding:5px 0; height:70px;} #cart .payment label {color:#3F4254; font-weight:bold; display:inline-block; margin:0 0 0 10px;} #cart .btnB { text-align:right; margin:20px 0;} /*********************************************************************************************************************************************/ #cart_setwidth {position:relative; padding-top:30px;} #cart_setwidth h3 {border-bottom:2px solid #E30613; width:1280px;; position:absolute; top:-30px; height:40px; display:flex; justify-content: right; align-items: center; gap: 8px;} #cart_setwidth h3 span {font-size: 16px; font-weight:400; color: #999;} #cart_setwidth h3 span img {width: 20px;} #cart_setwidth h3 span.active {font-weight: 700; color: #000;} #cart_setwidth h4 {font-size:16px; color:#3F4254; margin-top:10px;} #cart_setwidth table{ clear:both; width:100%;border:0;border-top:1px solid #ccc;border-bottom:1px solid #a9a9a9;} #cart_setwidth table th {height:25px;background:#ebebeb;border-left:1px solid #ccc;border-bottom:1px solid #d8d8d8;letter-spacing:-1px;} #cart_setwidth table td {height:25px;border-top:1px solid #ccc;border-left:1px solid #ebebeb; text-align:center; padding:10px;} .f_left {float:left;} #cart_setwidth table thead th:first-child,#cart_setwidth table tbody td:first-child{border-left:none;} #cart_setwidth table thead th.chk + th,#cart_setwidth table tbody td.chk + td,#cart_setwidth table thead th.thtype2,#cart_setwidth table td.sale_price,#cart_setwidth table td.rlt_price{border-left:none;} #cart_setwidth table > tbody > tr:first-child > td{border-top:none;} #cart_setwidth table tbody td.chk{padding-top:15px;vertical-align:top;} #cart_setwidth table td p img{vertical-align:middle;} #cart_setwidth table fieldset {position:relative; _top:3px;} #cart_setwidth table th b .c_check {position:absolute; top:8px; _top:4px; left:18px; *left:19px; _left:16px;} #cart_setwidth .pimg {width:90px; height:90px; margin-left:10px;float:left;} #cart_setwidth .pimg .type01.ic-area { display: block; position: absolute;} #cart_setwidth .pimg .type01.ic-area .bt { font-size: 12px; line-height: 23px; display: inline-block; margin-left: 3px; padding: 0 4px; color: #fff; } #cart_setwidth .pimg .type01.ic-area .bt:first-child { margin-left: 0; } #cart_setwidth .pimg .type01.ic-area .bt01 { background: #cb0000; } #cart_setwidth .pimg .type01.ic-area .bt02 { background: #E30613; } #cart_setwidth .pimg .type01.ic-area .bt03 { background: #0a9344; } #cart_setwidth .pimg .type01.ic-area .bt04 { background: #cda938; } #cart_setwidth .pimg .type01.ic-area .bt05 { background: #548235; } #cart_setwidth .info {width:400px; margin-left:120px; *margin-left:120px; _position:relative; _left:-20px; height:100%; vertical-align:top; text-align:left;} #cart_setwidth .info ul {border-top:1px solid #E9E9E9; margin-top:5px; padding-top:5px; font-size:8pt; position:relative; margin-bottom:2px;} #cart_setwidth dl.info ul li {width:190px; padding:1px 0;} #cart_setwidth dl.info ul li span {color:#999999; line-height:1.4em;} #cart_setwidth dl.info ul li.state1 {position:absolute; left:190px; top:10px; width:168px;} #cart_setwidth dl.info ul li.state2 {position:absolute; margin-top:10px; top:1.6em; left:190px; width:168px;} #cart_setwidth dl.info ul li.state3 {position:absolute; margin-top:10px; top:3.2em; left:190px; width:168px;} #cart_setwidth .info {position:relative;} #cart_setwidth .info2 {font-weight:400; margin-left:120px; text-align:left; vertical-align:top; font-size:13px;} #cart_setwidth .info2 ul {border-top:1px solid #E9E9E9; position:relative; padding-top: 3px; width: 95%;} #cart_setwidth .info2 dt{font-weight:700; font-size:14px; color:#000} #cart_setwidth .info2 li{font-weight:400; line-height:18px;} #cart_setwidth .info2 .font_color_03 {font-weight:400; color:red;} #cart_setwidth .info2 .pname:hover {font-weight:bold;} #cart_setwidth .info dt {font-weight:400;} #cart_setwidth table td.c_price {width:135px;} #cart_setwidth table td.c_price ul li {height:24px; font-size:14px; /*color:#999;*/} #cart_setwidth table td.c_price ul li strong {font-size:14px; color:#3F4254; font-weight:400;} #cart_setwidth table td.c_price ul li input {text-align:right; padding-right:5px;color:#444; border:solid 1px #ccc;} #cart_setwidth table td.c_price .countBtn {display:flex; align-items: center; justify-content: center;} #cart_setwidth table td.c_price .countBtn .down-count{border:1px solid #ddd; border-right:0; width:26px; height: 26px;} #cart_setwidth table td.c_price .countBtn .up-count{border:1px solid #ddd; border-left:0; width:26px; height: 26px;} #cart_setwidth table td.t_price {width:120px;} #cart_setwidth table td.t_price strong {color:#F00; font-size:16px; font-weight:400;} #cart_setwidth table td.delivery {background:#f5f5f5; text-align:left;} #cart_setwidth table td.delivery span {position:absolute; right:10px;} #cart_setwidth .total_table {border:solid 1px #666; margin-top:20px;} #cart_setwidth .total_table th {background:#eff8ff;} #cart_setwidth .total_table td {color:#3F4254; font-size:14px; text-align:right; background:#f7fbff;} #cart_setwidth .total_table td strong {color:#F00; font-size:18px; font-weight:400;} #cart_setwidth .address { position:relative; width:600px;} #cart_setwidth .address dl {border-top:solid 2px #333; margin-top:10px; clear:both;} #cart_setwidth .address dt, #cart_setwidth .address dd { float:left; display:inline-block; padding-left:40px; line-height:40px; background:#f8f8f8; border-bottom:solid 1px #ddd;} #cart_setwidth .address dt {width:90px; color:#3F4254;border-left:solid 1px #ddd;} #cart_setwidth .address dd {width:428px;border-right:solid 1px #ddd;} #cart_setwidth .payment { position:relative; width:600px;} #cart_setwidth .payment dl {border-top:solid 2px #333; margin-top:10px; clear:both;} #cart_setwidth .payment dt, #cart_setwidth .payment dd {line-height:40px; padding-left:30px;} dd1 {line-height:40px; padding-left:20px;} #cart_setwidth .payment dt {background:#eff8ff;width:568px; color:#3F4254;border-right:solid 1px #ddd; border-left:solid 1px #ddd; } #cart_setwidth .payment dd1 {width:578px;border:solid 1px #ddd; height:40px;} #cart_setwidth .payment dd {width:568px;border:solid 1px #ddd; height:80px;} #cart_setwidth .payment dd li {float:left; margin-right:30px; line-height:30px; padding:5px 0; height:70px;} #cart_setwidth .payment label {color:#3F4254; font-weight:bold; display:inline-block; margin:0 0 0 10px;} #cart_setwidth .btnB { text-align:right; margin:20px 0;} /*********************************************************************************************************************************************/ .contWrap {margin:0 auto;} .contWrap .payment { position:relative;/* width:600px; */} .contWrap .payment dl {border-top:solid 2px #333; margin-top:10px; clear:both;} .contWrap .payment dt, .contWrap .payment dd {line-height:40px; padding-left:30px;} dd1 {line-height:40px; padding-left:20px;} .contWrap .payment dt {background:#eff8ff;/* width:568px; */ color:#3F4254;border-right:solid 1px #ddd; border-left:solid 1px #ddd; } .contWrap .payment dd1 {/* width:578px; */border:solid 1px #ddd; height:40px;} .contWrap .payment dd {/* width:568px; */border:solid 1px #ddd; height:80px;} .contWrap .payment dd li {float:left; margin-right:30px; line-height:30px; padding:5px 0; height:70px;} .contWrap .payment label {color:#3F4254; font-weight:bold; display:inline-block; margin:0 0 0 10px;} .payprice_fwrap{margin-top:37px; margin-bottom:50px; border:solid 2px #333; background:#f5f5f5;} .payprice_fwrap2{/* float:right; */ /* margin-top:37px; */ margin-bottom:30px; border:solid 2px #333; background:#f5f5f5;} div.payprice_fwrap .PayPrice_FinalW{margin:0 20px;overflow:hidden;} div.final_price{height:58px;border-top:1px solid #cbcfdb;border-bottom:1px solid #cbcfdb;background:#fff;color:#ea0000;font:bold 30px tahoma,dotum,'돋움';text-align:center;line-height:58px;} div.final_price span{font-size:14px; color:#333;} div.final_price #totalAmount{height:58px; background:#fff;color:#ea0000;font:bold 30px tahoma,dotum,'돋움';text-align:center;line-height:58px;} div.PayETC_Info{position:relative;margin:0 20px;} div.PayPrice_FinalW h5{margin-top:10px;color:#111;letter-spacing:-1px;} div.PayPrice_FinalW h5 input{vertical-align:middle;} div.PayETC_Info .in_hgroup{overflow:hidden;zoom:1;margin-top:20px;} div.PayETC_Info .in_hgroup h5{float:left;margin-top:0;} div.PayETC_Info .in_hgroup a{float:left;margin:1px 0 0 9px;color:#4d4d4d;} div.PayETC_Info > label{display:inline-block;width:65px;margin-top:11px;} div.PayETC_Info .Line{position:relative;height:63px;margin-top:10px;border:1px solid #d8dce5;background:#fff;} div.PayETC_Info .Line label{display:inline-block;width:120px;padding-top:9px;} div.PayETC_Info .Line label:first-child{margin-left:20px;} div.PayETC_Info .Line p:first-child{padding-top:14px;text-align:center;line-height:150%;letter-spacing:-1px;} div.PayETC_Info .Line label + p{position:absolute;bottom:0;left:0;width:100%;height:31px;border-top:1px solid #e5e5e5;font:12px tahoma,gulim,'굴림';text-indent:20px;line-height:240%;} div.PayETC_Info .Line label + p span{padding-left:5px;} div.PayETC_Info .defbtn_xsm{position:absolute;top:28px;right:2px;} div.my_agrmt_wrap{float:left; width:460px; margin:0;} div.my_agrmt_wrap+.my_agrmt_wrap{float:right;} div.my_agrmt_wrap > div{background:#fff} div.my_agrmt_wrap > div.id_agrmt{background:#fff} div.my_agrmt_wrap .id_agrmt{overflow-y:auto;height:110px;margin-top:8px;border:1px solid #d8dce5;background:none;} div.my_agrmt_wrap .id_agrmt ul{padding:7px 10px;} div.my_agrmt_wrap .id_agrmt li{padding-left:6px;background:url('/img/default/icon/bul_dash5px_666.gif') no-repeat 0 8px;color:#666;font:11px dotum,'돋움';line-height:180%;letter-spacing:-1px;} div.my_agrmt_wrap .agrmt_noti{padding-top:9px;} div.my_agrmt_wrap .agrmt_noti p{color:#666;font:11px dotum,'돋움';letter-spacing:-1px;} div.my_agrmt_wrap .agrmt_noti label{display:block;padding-top:8px;color:#333;} /**/ div.my_agrmt_wrap .id_agrmt p {padding:7px 10px;color:#666;font:11px dotum,'돋움';line-height: 180%;letter-spacing: -1px;} div.my_agrmt_wrap .id_agrmt p + ul {padding-top:0;} div.my_agrmt_wrap .id_agrmt table {border:1px solid #D7DCE8;margin-bottom:10px;font: 11px dotum,'돋움';letter-spacing: -1px;} div.my_agrmt_wrap .id_agrmt table th {border-bottom:1px solid #D7DCE8;border-right:1px solid #D7DCE8;font-weight:normal;padding-left:4px;} div.my_agrmt_wrap .id_agrmt table td {border-bottom:1px solid #D7DCE8;padding:4px; text-align:left;} .gift_confirm {margin:0 20px;} .gift_confirm h5 em {color:#ea0000;font-weight:normal;} .gift_confirm .noti {position:relative;padding:10px 14px 7px;margin-top:7px;border:1px solid #d8dce5;background:#fff;} .gift_confirm .noti p {margin-bottom:5px;font-size:11px;color:#666;font:11px dotum,'돋움';letter-spacing:-1px;} .gift_confirm .defbtn_sm {margin-right:3px;} div.OrderW_BtnWrap{padding:11px 0;text-align:center;} /* */ .order_ok { /* background: url(../../../images/cms/contents/bg_footer.gif) no-repeat left bottom;*/ margin:0 auto; width:784px; text-align:center; margin-top:50px; margin-bottom:50px; } .order_ok .inner {width:100%; background: url(../../../images/cms/contents/bg_contents.gif) repeat-y left top; padding:0 25px 25px 25px; font-size:14px; line-height:24px;} .order_ok h3{margin-bottom:20px;} .order_ok .txt_blue{color:#E30613;} .order_ok .txt_green{color:#E30613;} .order_btn {background: url(../../../images/cms/contents/text_bg.gif) no-repeat left top; padding-top:15px; margin-top:20px;} .tbl_payInfo{width:300px; margin:30px auto;} .tbl_payInfo th{border:1px solid #ddd; font-weight:normal;} .tbl_payInfo td{border:1px solid #ddd; font-weight:bold;} /* leftmenu */ .mypage {overflow:hidden; zoom:1; padding-top:0; margin-top:20px; margin-bottom:50px;} /* .mypage .snb { position:absolute; left:0; width:148px; border:solid 1px #ddd; border-top:solid 2px #555;} */ .mypage .snb { position:relative; left:0; width:180px; border:solid 1px #ddd; float:left; border-radius: 12px; overflow: hidden; padding:0 15px;} .mypage .snb .snbHead {color: #333; font-size: 20px; font-weight: 700; line-height: 50px; border-bottom: 1px solid #ddd;} .mypage .snb h2 { margin-bottom:10px; font-size:16px; font-weight: 500; color:#333; padding:5px 10px; background: #f6f6f6;} .mypage .snb ul { margin: 15px 0;} .mypage .snb li { line-height:30px;} .mypage .snb li a { font-size: 16px;font-weight:500;} .mypage .snb li a:hover, .mypage .snb li a.active { font-weight:500; color:var(--font-main-color-red);} .mypage .snb p { margin-bottom:25px;} .mypage .snb .banner { margin-bottom:5px;} /* .mypage .contWrap {zoom:1; width:800px; position:relative; left:180px; min-height:650px;} */ /*湲곗〈*/ .mypage .contWrap {zoom:1; width:1070px; position:relative; left:0px; min-height:650px;float:right;} .mypage .contWrap h2{font-size:20px; font-weight: 700; color:#333; line-height:25px; margin-bottom:15px;} .mypage .contWrap h3{font-size:15px; color:#3F4254; line-height:28px; margin-bottom:5px;} .mypage .contWrap h3 span{position:absolute; right:0;} /* */ /* #popHead{position:relative;width:100%;height:45px;background: #E30613;} */ #popHead{position:relative;width:100%;height:45px;} /* #popHead h1{overflow:hidden;padding:12px 0 0 17px; color:#fff; font-size:20px; line-height:20px;} */ #popHead h1{overflow:hidden;padding:16px 0 0 16px; color:#111111; font-size:20px; line-height:20px; font-weight: 600;} #popHead h1 span {position:absolute; right:10px;} .popbody_con{margin:15px 15px 15px;} .popbody_con h2 {font-size:18px; color:#3F4254; margin-bottom:10px;} div.deliverManage_wrap .tbl_atype td{padding:13px 0 10px;} div.deliverManage_wrap .tbl_atype tr.tr_disable td{color:#9c9c9c;} div.deliverManage_wrap .pop_tab li{width:160px;} /* .list_btnW {margin-top:60px; text-align:center;} */ .list_btnW {margin-top:16px; text-align:center;} .list_btnW a{vertical-align:middle;} .policy_text {overflow:auto; width:100%; height:494px; padding:13px; border:solid 1px #d2d2d2; color:#111111; margin-bottom: 10px;} .policy_text span {font-weight:bold; color:#686868;} /* */ .popbody_con ul.tabStyle {height:35px;padding:0;margin-bottom:5px;} .popbody_con ul.tabStyle:after {content:".";clear:both;display:block;height:0;visibility:hidden;} .popbody_con ul.tabStyle li {float:left;margin-right:1px;padding:0;background-image:url("../../../images/cms/contents/Tab.jpg") !important;background-repeat:no-repeat;cursor:pointer; color:#fff;text-align:center;} .popbody_con ul.tabStyle li.tab01 {background-position:0 0; width:180px;height:35px; font-size:1.2em; line-height:30px; } .popbody_con ul.tabStyle li.tab01.on {background-position:0 -50px;} .popbody_con .tabArea {background:#eee; padding:15px; margin-bottom:20px; text-align:center;} .popbody_con .tabArea input {border:solid 1px #ccc; padding:5px; width:200px;} /**/ .p_wrapper {width:800px;margin:0 auto;} .p_wrapper .p_header {width:800px; padding-bottom:15px;border-bottom:solid 2px #E30613;} .p_wrapper .p_header h1 {margin-top:15px;} .p_wrapper .p_content {position:relative; width:740px; margin:0 auto; padding-top:20px;} .p_wrapper .p_content h2 {margin:10px 0;} .shadowbar {position:relative; margin:0 auto; width:740px; height:48px; line-height:48px; padding-bottom:3px;text-align:center; background:url(../images/contents/shadowbar.png) no-repeat;} .shadowbar input,.shadowbar img,.shadowbar select {vertical-align:middle;} .shadowbar label {margin:0 5px 0 30px;} p.stipulation {position:relative;height:25px; margin-top:28px; line-height:0px; font-size:0px; background:url(../images/contents/st_title.gif) no-repeat;} p.stipulation span {position:absolute; width:100%; height:100%; background:url(/portal/images_new/vendor/st_title.gif) no-repeat left top;} div.stipulation {position:relative; margin:0 auto; width:698px; height:300px; padding:20px; border:solid 1px #ccc; border-radius:8px; background:#f7f7f7;} div.stipulation dl {width:100%; height:100%; overflow:hidden; overflow:auto; color:#666666;} div.stipulation dt {font-weight:bold; height:26px; line-height:26px;} div.stipulation dd {padding:13px 18px 13px 0; line-height:1.5em;} div.stipulation dd li{padding:3px 0;} div.stipulation dd li ul {margin-top:5px;} div.stipulation dd li ul li {margin-left:20px; padding:0;} /* */ .wish_area {border:solid 1px #E30613; margin-bottom:20px; padding:10px;} .wish_area li {float:left; width:359px; border-bottom:dotted 1px #ccc; line-height:30px; background:url(../../../images/cms/contents/bul_txt.gif) no-repeat 0 center; padding-left:10px; margin:0 10px;} .wish_area li span { display:inline-block; width:259px; overflow:hidden;} .wish_area li .edit {position:absolute; width:90px; margin:-30px 0 0 269px;} /* */ .table_global{width:100%; table-layout:fixed; border-top:solid 2px #999;} .table_global th{border:solid 1px #e4e4e4; height:30px;background:#f9f9f9; line-height:30px;} .table_global td{border:solid 1px #e4e4e4; padding:10px 5px;} /**/ .search_area {background:#f6f6f6; border: solid 1px #e7e7e7; margin-bottom:20px; padding:10px;} .search_area td { padding: 5px;} .search_area td input+a {margin-left:-5px; display: inline-block; background: #fff; height:30px; line-height:28px; padding:0 4px; border: 1px solid #ddd; border-left: 0;} .search_area td input+a img {width: 16px; height: 16px;} /**/ .scrollDiv{width:798px; overflow:auto; border:solid 1px #ccc;} .list_table{clear:both; width:100%;border:0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;} .list_table thead th {padding:5px;background:#f6f6f6;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;letter-spacing:-1px; min-width:30px;white-space:nowrap;} .list_table tbody td {padding:5px 5px;border-top:1px solid #ccc;border-left:1px solid #ebebeb; text-align:center} .list_table thead th:first-child,.list_table tbody td:first-child{border-left:none;} .list_table thead th.chk + th,.list_table tbody td.chk + td,.list_table thead th.thtype2,.list_table td.sale_price,.list_table td.rlt_price{border-left:none;} .list_table > tbody > tr:first-child > td{border-top:none;} .list_table tbody td.chk{padding-top:15px;vertical-align:top;} .list_table tbody td.price strong{color:#F00; font-size:14px; font-weight:400;} .list_table tbody td p img{vertical-align:middle; max-width: 80px; max-height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .list_table fieldset {position:relative; _top:3px;} .list_table th b .c_check {position:absolute; top:8px; _top:4px; left:18px; *left:19px; _left:16px;} .list_table .pimg {position:relative; width:80px; height:80px; float: left;} .list_table .pimg .type01.ic-area { display: block; position: absolute;} .list_table .pimg .type01.ic-area .bt { font-size: 11.5px; line-height: 17px; display: inline-block; margin-left: 3px; padding: 0 4px; color: #fff; } .list_table .pimg .type01.ic-area .bt:first-child { margin-left: 0; } .list_table .pimg .type01.ic-area .bt01 { background: #cb0000; } .list_table .pimg .type01.ic-area .bt02 { background: #E30613; } .list_table .pimg .type01.ic-area .bt03 { background: #0a9344; } .list_table .pimg .type01.ic-area .bt04 { background: #cda938; } .list_table .pimg .type01.ic-area .bt05 { background: #548235; } .list_table .info {margin-left:90px; *margin-left:90px; _position:relative; _left:-20px; height:100%; vertical-align:top; text-align:left;} .list_table .info ul {border-top:1px solid #E9E9E9; margin-top:5px; padding-top:5px; font-size:8pt; position:relative; margin-bottom:2px;} .list_table dl.info ul li {padding:1px 0;} .list_table dl.info ul li span {color:#999999; line-height:1.4em;} .list_table .info {position:relative;} .list_table .info2 {color:#555; text-align:left; margin-left:90px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;} .list_table .info dt {font-weight:400;} .list_table td .wrap {margin-left:20px;} .list_table td .wrap2 {display:flex; align-items:center; justify-content:center;} .list_table td .text{float:left; margin-right:2px; width:35px; height:28px; line-height:15px; text-align:left} .list_table td .text2{width:35px; height:28px; line-height:15px; text-align:center; border-width: 1px 0 1px 0;} .list_table td .countBtn{float:left; margin-right:5px; width:10px} .list_table td .countBtn2{border: 1px solid #ddd; border-radius: 2px;} .list_table td .countBtn a{display:block; margin-bottom:1px; font-size:1%; line-height:1%} .info_table {clear:both;width:100%;border-top:solid 1px #999;border-bottom:solid 1px #999;} .info_table th {padding:5px 20px;background:#f5f5f5;border-bottom:1px solid #ccc; text-align:left;} .info_table th.required::before {content: "*"; color: #EF4055; } .info_table td {padding:5px 20px;border-bottom:1px solid #ccc;border-left:1px solid #eee;} .info_table td label {margin-right:50px;} .info_table td input.src {padding-right: 24px;} .info_table td input.readonly {border: 0;} .src-btn {margin-left:-5px; display: inline-block; background: #fff; height:30px; line-height:28px; padding:0 4px; border: 1px solid #ddd; border-left: 0;} .src-btn img {width: 16px; height: 16px;} /*** button ***/ .btn_C {margin:20px 0 30px 0; text-align:center;} .btn_R {margin:20px 0 30px 0; text-align:right;} .btn_2, .btn_3, .btn_5, .btn_7, .btn_8, .btn_9, .btn_10, .btn_11, .btn_12 {display:inline-block; height:30px; line-height:28px; color:#fff;text-align:center; font-family:'Pretendard-Regular', sans-serif; font-size:14px; font-weight:bold; cursor:pointer; background: #E30613 !important; padding: 0 15px; border:1px solid #E30613; border-radius: 4px;} .btn_4 {display:inline-block; height:30px; line-height:28px; color:#fff;text-align:center; font-family:'Pretendard-Regular', sans-serif; font-size:14px; font-weight:bold; cursor:pointer; color: #fff; background: #333 !important; padding: 0 15px; border:1px solid #333; border-radius: 4px;} .btn_6 {display:inline-block; height:30px; line-height:28px; color:#fff;text-align:center; font-family:'Pretendard-Regular', sans-serif; font-size:14px; font-weight:bold; cursor:pointer; color: #333; background: #fff !important; padding: 0 15px; border:1px solid #ddd; border-radius: 4px;} .line-clamp { display: block; display: -webkit-box; -webkit-box-orient: vertical; position: relative; line-height: 1.2; overflow: hidden; text-overflow: ellipsis;} .line-clamp:after { content: ' '; text-align: right; bottom: 0; right: 3px; width: 25%; display: block; position: absolute; height: calc(1em * 1.2); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);} /* @supports (-webkit-line-clamp: 1) { .line-clamp:after { display: none !important;} } */ .line-clamp-1 { -webkit-line-clamp: 1; height: calc(1em * 1.2 * 1);} .line-clamp-2 { -webkit-line-clamp: 2; height: calc(1em * 1.2 * 2);} .line-clamp-3 { -webkit-line-clamp: 3; height: calc(1em * 1.2 * 3);} .line-clamp-4 { -webkit-line-clamp: 4; height: calc(1em * 1.2 * 4);} .line-clamp-5 { -webkit-line-clamp: 5; height: calc(1em * 1.2 * 5);} .mm6 {margin-top:-1px;} #btnPrintPDFList:hover {color: white; background: #E30613;} /**/ .productline-clamp { display: block; display: -webkit-box; -webkit-box-orient: vertical; position: relative; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; } .productline-clamp:after { content: ' '; text-align: right; bottom: 0; right: 3px; width: 20%; display: block; position: absolute; height: calc(1em * 1.2); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);} .productline-clamp-1 { -webkit-line-clamp: 1; height: calc(1em * 1.6 * 1);} .productline-clamp-2 { -webkit-line-clamp: 1; height: calc(1em * 1.6 * 2);} .productline-clamp-3 { -webkit-line-clamp: 1; height: calc(1em * 1.6 * 3);} .productline-clamp-4 { -webkit-line-clamp: 1; height: calc(1em * 1.6 * 4);} .productline-clamp-5 { -webkit-line-clamp: 1; height: calc(1em * 1.6 * 5);} .contWrap .payment2 { position:relative;/* width:600px; */} .contWrap .payment2 dl {border-top:solid 2px #333; float:left;} .contWrap .payment2 dt, .contWrap .payment2 dd {line-height:40px; padding-left:30px;} dd1 {line-height:40px; padding-left:20px;} .contWrap .payment2 dt {background:#eff8ff;/* width:568px; */ color:#3F4254;border-right:solid 1px #ddd; border-left:solid 1px #ddd; } .contWrap .payment2 dd1 {border:solid 1px #ddd; height:40px;} .contWrap .payment2 dd.col {border:solid 1px #ddd; height:58px;} .contWrap .payment2 dd li {float:left; margin-right:30px; line-height:30px; padding:5px 0; height:70px;} .contWrap .payment2 label {color:#3F4254; display:inline-block; margin-right: 10px;} dd.final_price{height:58px;border-top:1px solid #cbcfdb;border-right:solid 1px #ddd; background:#fff;color:#ea0000;font:bold 30px tahoma,dotum,'돋움';text-align:center;line-height:58px;} dd.final_price span{font-size:14px; color:#333;} dd.final_price #totalAmount{height:58px; color:#ea0000;font:bold 30px tahoma,dotum,'돋움';text-align:center;line-height:58px;} #pop{ width:600px; height:710px; background:#3d3d3d; color:#fff; position:absolute; z-index:99999; top:2%; left:5%; text-align:center; border:2px solid #3F4254; } .close div{float:left; text-align:right;} #check{font-size:13px; font-family:'Pretendard-Regular', sans-serif; padding:6px; padding-left:10px;} #close{font-size:13px; padding:5px; font-weight:bold;} /* 2016.06.09 */ .other_product{position:relative; margin-bottom:30px;} .other_product .tit{padding-bottom:10px; border-bottom:1px solid #ddd; font-size:17px; color:#3F4254; font-weight:bold;} .other_product .box_category{margin-top:10px; border-top:solid 2px #E30613; border-left:1px solid #ced3d6; overflow:hidden;} .other_product .box_category span{display:inline-block; float:left; width:20%; height:40px; padding-left:10px; border-right:1px solid #ced3d6; border-bottom:1px solid #ced3d6; background:#f5f5f5; box-sizing:border-box;} .other_product .box_category span a{color:#575757; font-weight:bold; font-size:14px; line-height:38px;} .other_product .list{margin-top:20px; overflow:hidden;} .other_product .list li{float:left; width:140px; text-align:center;} .other_product .list li+li{margin-left:70px;} .other_product .list .tit_p{color:#555; height:14px; margin:5px 0; font-size:14px; line-height:1; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;} .other_product .list .price{font-size:14px;} .other_product .list .price strong{color:#ff3600; font-weight:400;} .other_product .btn_more{position:absolute; top:5px; right:0; letter-spacing:-0.05em;} .box_spec{width:880px; margin:40px auto;} .tbl_spec{margin-bottom:40px; border-bottom:2px solid #bfbfbf; font-size:14px;} .tbl_spec th{padding-left:20px; border-right:0; text-align:left; font-weight:normal;} .tbl_spec th:first-child{border-left:0;} .tbl_spec td{padding-left:30px; border-right:0;} .tbl_spec td strong{color:#ff3600; font-weight:400;} /* 2016.06.13 */ .align_left{text-align:left !important;} .tbl_view img{max-width:100%;} .tbl_view td:first-child{border-left:0;} .tbl_border{border-top:1px solid #ccc;} .tbl_write{margin-top:10px;} .tbl_write th{height:24px;} .tbl_write th.required::before {content: "*"; color: #EF4055; } .tbl_write td{padding:5px 10px;} .tbl_write textarea{width:100%; height:200px; padding:5px;} .tbl_write input{vertical-align:middle; box-sizing:border-box;} .tbl_write input[type="text"]{padding:0 5px;} .tbl_write .txt{display:inline-block; margin:0 20px;} .tbl_write label{cursor:pointer;} .tbl_write textarea{box-sizing:border-box;} .tbl_write td input+a {margin-left:-5px; display: inline-block; background: #fff; height:30px; line-height:28px; padding:0 4px; border: 1px solid #ddd; border-left: 0;} .tbl_write td input+a img {width: 16px; height: 16px;} .reg_info{text-align:right;} /* 2016.06.14 */ .mgl10{margin-left:10px;} /* 2016.06.15 */ .addInfo{display:inline-block; margin-left:10px; padding-left:10px; border-left:1px solid #aaa; line-height:1;} /* 2016.06.16 */ .w100p{width:100%; height:28px !important; line-height:25px; box-sizing:border-box;} .titArea h4{display:inline-block; font-weight:bold;} .titArea input{margin-left:20px; vertical-align:middle;} .titArea label{cursor:pointer;} .titArea .selectors{display:inline-block; margin-left:20px;} #cart .tbl_addrInfo input{vertical-align:middle;} #cart .tbl_addrInfo .tit{padding-left:40px; text-align:left; font-size:13px; color:#3F4254; font-weight:bold;} #cart .tbl_addrInfo th{border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#f8f8f8; border-top: 1px solid #ccc;} #cart .tbl_addrInfo th:first-child{border-left:0;} #cart .tbl_addrInfo td{border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left;} #cart .tbl_addrInfo td input[type="text"]{height:28px; line-height:23px; box-sizing:border-box;} #cart .tbl_addrInfo td input{vertical-align:middle;} #cart .tbl_addrInfo .selector label{display:inline-block; margin-right:20px; cursor:pointer;} .tbl_center th,.tbl_center td{text-align:center;} .tbl_btnArea{text-align:right;} .btn_black{ display:inline-block; height: 30px; line-height: 28px; color: #fff; text-align: center; font-family: 'Pretendard-Regular', sans-serif; font-size: 14px; font-weight: 500; cursor: pointer; padding: 0 15px; background-color:#333; border: 1px solid #333; border-radius: 4px; } .btn_black:link,.btn_black:visited{color:#fff;} h2.tit_popup{font-size:16px; color:#3F4254;} .w50{width:50px;} .btn{display:inline-block; padding:6px 5px; font-size:11px; letter-spacing:-0.05em; line-height:1;} .btn_grayBorder{display:inline-block; border:1px solid #bdbdbd; border-bottom:1px solid #828282; background:#fff; color:#757575;} .btn_grayBorder:link, .btn_grayBorder:visited{color:#757575;} .btn_blue{border:1px solid #1871d8; background:#2a84eb; color:#fff;} .btn_blue:link, .btn_blue:visited{color:#fff;} .btn_confirm{display:inline-block; min-width:100px; padding:5px 20px; font-size:14px; border:1px solid #bdbdbd; background:#efebeb; color:#757575; font-weight:bold;} a:link.btnWhite, a:hover.btnWhite, a:visited.btnWhite, a:active.btnWhite {display:inline-block; font-weight:bold; font-size: 12px; padding:0 10px; min-width:100px; height:26px; color: #E30613; line-height:26px; text-align:center; background:#fff; border:solid 1px #E30613;border-radius: 4px;} a:link.btnblue, a:hover.btnblue, a:visited.btnblue, a:active.btnblue {display:inline-block; font-weight:bold; padding:0 10px; min-width:100px; height:42px; line-height:42px; text-align:center; color:#fff; background:#E30613; border:solid 1px #E30613;border-radius: 4px;} a:link.btnRed, a:hover.btnRed, a:visited.btnRed, a:active.btnRed {display:inline-block; font-weight:bold; padding:0 10px; min-width:100px; height:42px; line-height:42px; text-align:center; color:#fff; background:#cb0000; border:solid 1px #cb0000;border-radius: 4px;} a:link.btnGreen, a:hover.btnGreen, a:visited.btnGreen, a:active.btnGreen {display:inline-block; font-weight:bold; padding:0 10px; min-width:100px; height:42px; line-height:42px; text-align:center; color:#fff; background:#0a9344; border:solid 1px #0a9344;border-radius: 4px;} a:link.btngray, a:hover.btngray, a:active.btngray, a:visited.btngray {display:inline-block; font-weight:bold; padding:0 10px; min-width:100px; height:42px; line-height:42px; text-align:center; color:#E30613; border:solid 1px #E30613;border-radius: 4px;} a.btngray_small { display:inline-block; height: 30px; line-height: 28px; color: #fff; text-align: center; font-family: 'Pretendard-Regular', sans-serif; font-size: 14px; font-weight: 500; cursor: pointer; padding: 0 15px; background-color:#333; border: 1px solid #333; border-radius: 4px; } .tbl_scroll{max-height:210px; border-bottom:1px solid #ddd; overflow-y:auto;} .tbl_scroll table{border-top:0;} /* 2017.06.22 */ .wrap_float{margin-top:15px; overflow:hidden;} .mgt10{margin-top:10px;} .mgt30{margin-top:30px;} .w1200 {margin:0 auto; width:1280px;;} .tbl_pop{font-size:14px;} .tbl_pop .btn_grayBorder{padding:3px 0;} /* 2017.07.10 */ .box_review{padding:40px 50px;} .box_write{position:relative; border:1px solid #ccc; background:#f3f3f3;} .tbl_review_write {width:1120px; padding-bottom:20px; margin:40px auto; border:1px solid #ccc; background:#f3f3f3;} .tbl_review_write table{width:1000px; } .tbl_review_write th{padding:20px 0 0 20px; font-size:13px; color:#3F4254; font-weight:bold; text-align:left;} .tbl_review_write td{padding:20px 0 0 20px; vertical-align:top;} .tbl_review_write tr.h100 {height:110px;} .tbl_review_write td input[type="text"]{width:210px; height:30px; padding:0 5px; border:1px solid #ddd; background:#fff;} .tbl_review_write td select{width:100px;} .tbl_review_write td textarea{width:760px; height:70px; padding:5px; border:1px solid #ddd; background:#fff; resize:none; margin-right:10px;} a.btn_write_review{display:block; width:90px; line-height:68px; border:1px solid #359610; background:#fff; text-align:center; font-size:15px; font-weight:bold; color:#E30613;} a.btn_write_review:hover{text-decoration:none;} .tbl_review_list{width:1120px; margin:40px auto; border-top:1px solid #ccc;} .tbl_review_list td{padding:18px 0; border-bottom:1px solid #ccc; font-size:13px; color:#3b3b3b; text-align:center;} .tbl_review_list td p{margin-bottom:10px; font-weight:bold;} .tbl_review_list td:first-child{padding-left:20px; text-align:left;} .starPoint{display:inline-block; width:57px; height:10px; background-image:url(../../../images/cms/products/star.gif); background-repeat: no-repeat;} .star1{background-position:0 0;} .star2{background-position:0 -10px;} .star3{background-position:0 -20px;} .star4{background-position:0 -30px;} .star5{background-position:0 -40px;} .info_delivery{display:inline-block; position:relative; } .info_delivery .pop{display:none; position:absolute; top:30px; left:0; width:200px; border:1px solid #ddd; background:#fff; font-weight:400; font-size:14px;} .info_delivery .pop .tit{display:inline-block; width:190px; padding-left:10px; background:#ebebeb;} .info_delivery span{display:inline-block; padding-left:10px;} .info_delivery a{text-decoration:underline;} .info_delivery a:hover+.pop{display:block;} .txt_gray{color:#a2a2a2;} .orderCount{overflow:hidden; font-size:15px; color:#3F4254;height:47px; line-height:30px;} .orderCount p{float:left; width:150px; padding-left:20px; letter-spacing:-0.045em;} .orderCount div{float:left; display: flex; align-items: center;} .orderCount div input{width:34px; text-align:center; color: #3F4254; font-size: 16px; font-weight: 700; border: 0;} .orderCount div .countBtn{display:block; width:30px;} .orderCount div .countBtn a{display:block;} .orderCount div .countBtn a+a{margin-top:0;} .price_total{font-weight:bold;} .price_total dd{} .border_top{margin-top:10px; padding-top:15px;border-top:1px solid #ddd;} .btngroup{overflow:hidden;} .btngroup a:link{display:block; margin-top:10px; float:left; font-weight:bold; width:223px; background:#E30613; text-align:center; font-size:16px; color:#fff; line-height:53px; } .btngroup2 a:link{display:block; margin-top:10px; float:none; font-weight:bold; width:223px; background:#E30613; text-align:center; font-size:16px; color:white; line-height:53px; } .btngroup a:hover, .btngroup a:visited, .btngroup a:active{background:#E30613; color:#fff;} .btngroup a+a{margin-left:5px; color:#fff;} .btngroup a:link.basket{display:block; margin-top:10px; float:left; font-weight:bold; width:223px; background:#888; text-align:center; font-size:16px; color:#fff; line-height:53px;} .btngroup a:hover.basket, .btngroup a:visited.basket, .btngroup a:active.basket{background:#666; color:#fff;} .btngroup a:link.interest{display:block; margin-top:10px; float:left; font-weight:bold; width:223px; background:#fff; border:1px solid #ccc; text-align:center; font-size:16px; color:#333; line-height:53px;} .btngroup a:hover.interest, .btngroup a:visited.interest, .btngroup a:active.interest{background:#f5f5f5; color:#333; border:1px solid #ccc;} .product_detail img{max-width:100%;} .btn_blue_new{width:95px; height:25px; border:0;background:url(../../../images/cms/contents/bg_btn_blue.png) no-repeat top left; color:#fff;} .btn_blue_long{width:125px; height:25px; border:0;background:url(../../../images/cms/contents/bg_btn_blue_long.png) no-repeat top left; color:#fff;} .btn_blue_short{width:65px; height:25px; border:0;background:url(../../../images/cms/contents/bg_btn_blue_short.png) no-repeat top left; color:#fff;} .ico_folded{display:block;position:absolute; top:16px; right:6px;width:10px; height:6px; background:url(../../../images/cms/layout/bg_folded.png) no-repeat top left;} #divQuick .quickmenu.is-opened .ico_folded{background:url(../../../images/cms/layout/bg_opened.png) no-repeat top left;} .txt_join{padding:10px 5px; line-height:150%;} .tbl_compare{width:100%;font-size:13px;} .tbl_compare th{padding:10px; border:1px solid #ccc; background:#ebebeb;} .tbl_compare td{padding:10px; border:1px solid #ccc; text-align:center; line-height:130%;} .tbl_compare .p_img img{max-width:100%;} .tbl_compare .align_left{text-align:left;} .tbl_compare .cal input{height:30px; border:1px solid #999;} .tbl_compare .cal a{display:inline-block; height:30px; padding:0 10px; background:#999; font-size:14px; vertical-align:middle; line-height:30px; color:#fff;} .tbl_compare .cal p{margin-top:5px;} .tbl_compare .info{padding:3px 5px;background:#E30613; font-size:11px; color:#fff;} .tbl_compare input[type="text"]{width:100%;height:30px;} .btnArea .btn_blue_new{display:inline-block; width:95px; height:25px; margin:0 10px; color:#fff; line-height:25px;font-weight:bold;} .btnArea .btn_blue_long{display:inline-block; width:125px; height:25px; border:0;background:url(../../../images/cms/contents/bg_btn_blue_long.png) no-repeat top left; color:#fff; vertical-align:middle; line-height:25px; font-weight:bold;} .infomation {border:1px solid #ccc;} .infomation div{margin: 3 3 0 3;} .select_price{border-left:1px solid #cbcfdb; background:#fff;text-align:center;font-size:14px; color:#333;} .select_price span{font:bold 30px tahoma,dotum,'돋움'; color:#ea0000;} .payment2 .tbl_addrInfo {width: 100%;} .payment2 .tbl_addrInfo th{border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#f8f8f8; height:45px; line-height:45px;} .payment2 .tbl_addrInfo td{border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#ffffff;} .order-tab-wrap {margin-top: 30px;} .order-tab-mn ul {width: 100%; overflow: hidden; display: flex;} .order-tab-mn ul li {flex:1; margin-right:2px} .order-tab-mn ul li a { display: block; color: #3e3e3e; font-size: 16px; line-height: 44px; background: #E2E5EE; border: solid 1px #E2E5EE; border-radius: 8px 8px 0 0; text-align: center; } .order-tab-mn ul li a:hover, .order-tab-mn ul li a.on { border: solid 1px #E2E5EE; background: #fff; color: #E30613; } /*20240429 KMJ add*/ .btnTxtGray{display:inline-block; border: solid 1px #ccc; background-color: #fff; color: #999 !important; font-weight: 700; line-height: 28px; padding: 0 15px; border-radius: 4px;} .btnTxt {display:inline-block; border: solid 1px #555; background-color: #fff; color: #333 !important; font-weight: 700; line-height: 28px; padding: 0 15px; border-radius: 4px;} .btnTxtFill {display:inline-block; border: solid 1px var(--font-main-color-red); background: var(--font-main-color-red); color: #fff !important; font-weight: 700; line-height: 28px; padding: 0 15px; border-radius: 4px;} .small {font-size: 12px; padding: 0 10px; line-height: 24px;} #btnSearch {background-color:#333 !important; border-color: #333;} .orderstep03 {positon: relative; margin: 0 auto; width: 400px;} .orderstep03 .logo {text-align: center; margin-bottom: 20px;} .orderstep03 h2 {font-size: 24px; font-weight: 700; text-align: center; margin: 30px 0 50px 0;} .orderinfo {width: 100%; display: flex; justify-content: center; align-items: flex-start; padding: 16px 0;} .orderinfo + .orderinfo {border-top: solid 1px #ddd;} .orderinfo dt {width:100px; font-weight: 400; color: #555;} .orderinfo dd {flex: 1;} .orderinfo p {color: #000; font-weight: 700; line-height: 1.4;} .orderinfo p.bank {font-weight: 100;} .orderinfo p+p {margin-top: 10px;} .btnArea {display: flex; justify-content: center; gap: 10px; margin-top: 50px;} .big-black {display:block; width: 120px; height: 42px; line-height: 40px; text-align:center; font-family:'Pretendard-Regular', sans-serif; font-size:16px; font-weight: 700; cursor:pointer; color: #fff !important; background: #333 !important; border:1px solid #333; border-radius: 4px;} .big-outline {display:block; width: 120px; height: 42px; line-height: 40px; text-align:center; font-family:'Pretendard-Regular', sans-serif; font-size:16px; font-weight: 700; cursor:pointer; color: #333; background: #fff !important; border:1px solid #ddd; border-radius: 4px;} .privacy-wrap {margin-top: 30px;} .privacy-wrap dt {font-size: 16px; color: #000; font-weight: 700; padding-bottom: 10px;} .privacy-wrap dd {border: 1px solid #ddd; padding: 10px; border-radius: 4px;} .privacy-wrap dd p {display: flex; justify-content: space-between; align-items: center; padding: 5px;} .privacy-wrap dd p a {text-decoration: underline;} .totalPrice {border-radius: 4px; margin-top: 50px; border: 1px solid #ddd; background-color: #f5f5f5; padding: 15px; display: flex; justify-content: space-between; align-items: center;} .totalPrice .item {display: flex; justify-content: left; align-items: center; gap: 20px; color: #666;} .totalPrice .item strong {font-weight:700; color: #000;} .paymentWrap {margin: 30px 0;} .paymentWrap h3 {font-size: 20px; color: #000; font-weight: 700;} .method {display: flex; align-items: center; gap: 30px; margin-top: 20px;} .method .select {display: flex; align-items: center; height: 48px; border-radius: 24px; background-color: #f5f5f5; padding: 6px;} .method .select input {display: none;} .method .select label span {display: block; width: 150px; line-height: 38px; text-align: center; border-radius: 20px; color: #999;} .method .select input:checked + span {background-color: #fff; color: #000; font-weight: 500; }