@charset "euc-kr";


.simpleWrap {margin:20px auto 80px auto;font-family:"Noto Sans KR"}
.simpleWrap h2 {display:block;position:relative;width:100%;height:50px;line-height:50px;font-size:24px;color:#373737;margin:-8px auto 5px auto;font-weight:400;}
.simpleWrap h2 span {display:inline-block;margin-left:15px; color:#6b6b6b;font-size:12px;font-weight:400;}


.simple-contents {display:block;position:relative;width:100%;height:auto;background:#fff;}
.simple-contents .simple-form {display:flex;position:relative;width:100%;height:auto;padding:30px 40px; background:#3c3c4c; justify-content:space-between;}
.simple-contents .simple-form .left_wrap{width:50%; position:relative; height:245px;}
.simple-contents .simple-form .right_wrap{width:50%; position:relative; height:245px;}
.simple-contents .simple-form input[type="submit"] {width:140px;height:70px;background:#ff4546;font-size:14px;line-height:20px;padding:13px 30px 16px 30px;float:right;color:#fff;border:0;text-align: center;font-weight:700;margin-top:10px;}
.simple-contents .simple-form input[type="button"] {width:90%;height:53px;background:#ff4546;font-size:14px;line-height:20px;padding:13px 30px 16px 30px;color:#fff;border:0;text-align: center;font-weight:700;display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.simple-contents .simple-form input[type="text"] {width:49%;height:40px;line-height:38px;border:1px solid #d2d2d2;padding:0 20px; display:inline;}
.simple-contents .simple-form input.long {width:450px; height:100px;}
.simple-contents .simple-form .leftArea {display:inline-block;position:absolute; left:50%; transform:translateX(-50%); width:90%;}
.simple-contents .simple-form .rightArea {display:inline-block;position:absolute; left:50%; transform:translateX(-50%); width:90%;}


.simple-contents .simple-form .leftArea h3,
.simple-contents .simple-form .rightArea h3 {color:#fff;font-size:16px;line-height:20px;font-weight:400;margin-bottom:24px;}
.simple-contents .simple-form .leftArea h3 span,
.simple-contents .simple-form .rightArea h3 span {color:#d2d2d2;font-size:12px;line-height:20px;margin-left:10px;}
.simple-contents .simple-form .rightArea > textarea{width:100%;}

.simple-contents .simple_board {margin-top:60px;}
.simple-contents .simple_board .sb_tab { display:inline-block;position:relative;width:100%;height:auto;margin-left:1px;}
.simple-contents .simple_board .sb_tab ul li {float:left;width:calc(25% + 1px); height:60px; line-height:58px; border:1px solid #e7e7e7;margin-left:-1px; background:#fff; position:relative;}
.simple-contents .simple_board .sb_tab ul li a {display:block;width:100%; height:100%; color:#a7a7a7;text-align: center;font-size:16px;}
.simple-contents .simple_board .sb_tab ul li.on {background:#000000 }
.simple-contents .simple_board .sb_tab ul li.on a {color:#f8f8f8;}
.simple-contents .simple_board .sb_list  ul.board {display:none;}
.simple-contents .simple_board .sb_list  ul.board.on {display:block; min-height:250px;}
.simple-contents .simple_board .sb_list  ul li {display:inline-block;position:relative;width:50%;height:50px; float:left; line-height:50px;height:50px;}
.simple-contents .simple_board .sb_list  ul li > * {display:inline-block;padding:0 20px;font-size:16px;}
.simple-contents .simple_board .sb_list  ul li span { margin-right:10px;color:#373737;font-weight:700;float:left; }
.simple-contents .simple_board .sb_list  ul li .sb_subject {width:65%;margin-right:10px;color:#6b6b6b; float:left;}
.simple-contents .simple_board .sb_list  ul li .sb_subject:hover > span {}
.simple-contents .simple_board .sb_list  ul li .sb_subject span {display:inline-block;width:100%;line-height:24px;margin-top:13px;color:#6b6b6b;font-weight:400;text-overflow:ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden; }
.simple-contents .simple_board .sb_list  ul li .sb_subject span{float: right;}
.simple-contents .simple_board .sb_list  ul li .add_btn {width:70px; height:24px; line-height:22px; border:1px solid #e7e7e7; color:#6b6b6b; font-size:12px; text-align: center; padding:0;float:right;margin:14px 20px 0 0 ;}
.simple-contents .simple_board .sb_list ul li.empty_li{text-align: center;font-size: 14px;color: #888;padding: 10px 0;width:100% !important;}
.simple-contents .simple_board .sb_list  ul li b{display:block;font-size:16px;font-weight:400;position:absolute;right:100px;width:20px;text-align:right;color: #6b6b6b;padding:0;}



.simple-product table{width:100%;border-top:2px solid #212121;margin-bottom:10px; margin-top:50px;}
.simple-product table input.resultClick{width:24px;height:24px;position: absolute;opacity: 0;left:calc(50% - 12px);cursor:pointer;}
.simple-product table label.resultCheckBtn{ width:24px; height:24px;background: url(../../../images/qubridge/ico/check_off.png) no-repeat center;display:inline-block;}
.simple-product table input[type=checkbox]:not(old):checked + label.resultCheckBtn{background-image:url(../../../images/qubridge/ico/check_on.png);}
.simple-product table thead{width:100%;background-color:#f8f8f8;border-bottom:1px solid #dedede;}
.simple-product table thead th{padding:20px 0; font-family:"Noto Sans KR"; font-size:14px;color:#3d3d3d;font-weight:700;}
.simple-product table thead th.checkP{position:relative;}
.simple-product table tbody tr{width:100%;border-bottom:1px solid #dedede;}
.simple-product table tbody tr td{padding:20px 0;}
.simple-product table tbody tr td.checkP{text-align:center;position:relative;}
.simple-product table tbody tr td.checkP input.resultClick{width:24px;height:24px;position: absolute;opacity: 0;left:calc(50% - 12px);}
.simple-product table tbody tr td.thumnailArea{text-align:center;}
.simple-product table tbody tr td.thumnailArea img{ box-sizing: border-box;width:140px;height:auto;}
.simple-product table tbody tr td.result_prd_Info a {display:block;font-family:'Malgun Gothic';font-size:14px;color:#111111;font-weight: 400;margin-bottom:15px;}
.simple-product table tbody tr td.result_prd_Info a:hover span {border-bottom:1px solid #111;}

.simple-product table tbody tr td.cartCount .countBtn{width:95px;margin:0 auto;}
.simple-product table tbody tr td.cartCount .countBtn a{float:left;text-align:center;width:30px;height:30px;line-height: 26px;border:1px solid #dddddd;background-color:#fff;color:#a7a7a7;}
.simple-product table tbody tr td.cartCount .countBtn a.countDown{font-size:18px;}
.simple-product table tbody tr td.cartCount .countBtn a.countUp{font-size:22px;}
.simple-product table tbody tr td.cartCount .countBtn input{height:30px;line-height: 30px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;border-left:none;border-right:none;float:left;width:35px;text-align:center;color:#3d3d3d;}
.simple-product table tbody tr td.result_price p{display: block;font-size:16px;color:#3d3d3d;text-align: center;margin-top:5px;}
.simple-product table tbody tr td.result_price p.mileage {font-size:14px;color:#ff7461; font-family:'Tahoma'}
.simple-product table tbody tr td.result_price p strong{font-size:16px;color:#000;font-weight: bold;display:inline-block;margin-right:3px;}
.simple-product table tbody tr td.result_btn {text-align:center;font-size:14px;font-family:"Noto Sans KR";font-weight:400;}
.simple-product table tfoot tr td {background:#f8f8f8;padding:20px;font-size:16px; color:#373737; text-align: right;border-bottom:1px solid #e7e7e7;}
.simple-product table tfoot tr td .tahoma {font-weight:700;}
.simple-product table tfoot tr td .total_price {color:#ff4546;font-family:'Tahoma';font-size:20px;font-weight:700;}
.simple-product .sp_btn {display:block; text-align: right;}
.simple-product .sp_btn a {display:inline-block;text-align: center;border:1px solid #dfdfdf;width:100px;height:30px;line-height:28px;color:#6b6b6b;font-size:12px;margin-left:5px;}
