/* */
.sub_tit_box{position:relative;width:100%;height:35px;border-bottom:1px solid #ccc;}
.sub_tit_box a{position:absolute;top:0;font-size:0;background-repeat:no-repeat;background-position:center;height:30px;vertical-align:top;}
.sub_tit_box a.prev_btn{top: 2px;left:0;background-image: url("../img/common/prev_ico.png");background-size:auto 12px;width:39px;}
.sub_tit_box a.write_btn{right:0;background-image: url("../img/common/write_ico.png");background-size:auto 18px;width:47px;top:4px;}
.sub_tit_box h2{text-align: center;line-height:35px;font-size:14px;font-weight: 600;color:#222;}
.purchase_view .sub_tit_box h2{width:75%;margin:0 auto}
.purchase_view .sub_tit_box h2 p.dot{-webkit-line-clamp:1;}
.purchase_view .purchase_content_prv_info{font-size:12px;border-bottom: 1px dashed #c1c1c1;border-top: 1px dashed #c1c1c1;padding:10px 0;color:#905656}
.purchase_view  .detail_content p{line-height: 20px;}
.purchase_list .list_inner{padding:0 10px;border-bottom:1px solid #ccc;}

.purchase_write .write_tit{height:42px;font-size:14px;font-weight:500;}
.purchase_write .write_con{padding:14px 17px;border:0;font-size:10px;white-space: pre}
.purchase_write textarea{resize:none;height:120px;}
.purchase_wrap .btn_wrap{border-top:1px solid #ccc;padding:0 16px}
.purchase_wrap .btn_wrap .cus_chk{display:inline-block}
.purchase_wrap .btn_wrap .cus_chk label{vertical-align:top;line-height:38px}
.purchase_wrap .btn_wrap .btn_area{float:right;vertical-align: top;}
.purchase_wrap .btn_wrap .btn_area ul{display:table;width:100%;height:38px;}
.purchase_wrap .btn_wrap .btn_area li{display:table-cell;vertical-align:middle;font-size:11px;}
.purchase_wrap .btn_wrap .btn_area li .btn{display:block;width:50px;height:25px;color:#fff;text-align:center;line-height:25px;font-size: 12px;}
.purchase_wrap .btn_wrap .btn_area li .apply_btn{background:#01a3de}
.purchase_wrap .btn_wrap .btn_area li .can_btn{margin-left:6px;background:#999}
.purchase_wrap .btn_wrap .btn_area li .del_btn{margin-left:6px;background:#000}

.textarea{padding:13px}
.textarea p{font-size:14px;color:#000;line-height:17px;}
.textarea p.date{font-size:12px;color:#666;lineheight:10px;padding-bottom:5px}
.sales_view .textarea{margin-bottom:17px;border-bottom:1px solid #ccc;}

/*매입 팝업부분  */
#purchase-form .btn_area {float:right}
#purchase-form .btn_area ul{display:table;height:38px}
#purchase-form .btn_area li{display:table-cell;vertical-align:middle;font-size:11px;}
#purchase-form .btn_area li .btn{display:block;width:39px;height:18px;color:#fff;text-align:center;line-height:18px;}
#purchase-form .btn_area li .apply_btn{background:#01a3de}
#purchase-form .btn_area li .can_btn{margin-left:6px;background:#999}
#purchase-form .btn_area li .del_btn{margin-left:6px;background:#000}
#purchase-form .purchase-form-wrap {height:130px;background-color:#fff}
#purchase-form .purchase-form-wrap h1 {padding:15px;}
#purchase-form .purchase-form-wrap fieldset {border:0;padding:10px 15px 10px 15px;}
#purchase-form .purchase-form-wrap fieldset input{height: 30px;border-radius: 3px;color: #000}

/*매입 댓글  */
.purchase_view #comment {margin: 0 0 20px;padding: 20px 10px 10px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #f7f7f7;}
.purchase_view #comment h2 {margin-bottom: 5px;}
.purchase_view #comment article {padding: 0 0 5px;border-top: 1px dotted #ccc;}
.purchase_view #comment article > :first-child {border-top: 0px dotted #ccc;}
.purchase_view #comment header {position: relative;padding: 13px 0 5px;}
.purchase_view .comment_h1 {font-size: 14px;font-weight: 500; color:#666;}
.purchase_view .comment_h2 {font-size: 12px;font-weight: normal;color: #999;}
.purchase_view .comment_write {padding: 0px;border-bottom: 0px solid #ccc;border-top: 0px solid #ccc;}
.purchase_view .comment_h4 {color: #999;font-size: 14px;font-weight: 500;padding: 0 0 10px 0;}
.purchase_view .comment_w_style {background-color: #f7f7f7;border: 1px solid #ccc;width: 98%;height: 100px;}
.purchase_view #comment p {padding: 0 0 5px;line-height: 1.8em;color:#333;word-break: break-word;white-space: pre-line;}
.purchase_view #comment_w {position: relative;margin-bottom: 15px;padding: 0 10px 15px;border-bottom: 0px solid #dde4e9;}
.purchase_view #comment_w .tbl_wrap {margin: 0 0 15px;}
.purchase_view #comment_w textarea { width: 100%;}

.btn_comment {background-color: #01a3de;text-align: center;color: #fff;font-size: 15px;font-weight: bold; padding: 8px 0 8px 0;}
.mobilepurchase_comment_delete{font-size:12px;float:right;font-weight: 500;margin-bottom:10px;	}
.mobilepurchase_comment_delete a{color:#b31919;}


/* 단가 */
.container .gnb{border-bottom:1px solid #999;background:#fff}
.container .gnb ul{display:table;width:100%;text-align: center;}
.container .gnb ul li{display:table-cell;vertical-align:middle;line-height:24px;}
.container .gnb ul li a{position:relative;display:inline-block;font-size:12px;color:#000}
.container .gnb ul li a.on{color:#01a3de;}
.container .gnb ul li a.on:after{content:"";width:100%;height:2px;background:#01a3de;display: block;position:absolute;bottom:-1px;left:0}

.container.unit_list .slide_wrap{border-bottom: 1px solid #e0e0e0;}
.unit_wrap .slide_wrap .slide{margin:7px 0;}
.unit_wrap .unit_box{background:#fff;padding:15px 0 5px 0;}
.unit_wrap .unit_box .slick-list{margin:0 25px}
.unit_wrap .unit_box button{position:absolute;top:0;width:10px;height:79px;background-repeat:no-repeat;background-position:0 center;z-index:5;font-size:0;background-size:9px auto}
.unit_wrap .unit_box button.slick-prev{left:10px;background-image:url("../img/common/unit_left.png")}
.unit_wrap .unit_box button.slick-next{right:10px;background-image: url("../img/common/unit_right.png")}
.unit_wrap .unit_slider a span{display:block;font-size:13px;color:#666;margin-top:5px;}
.unit_wrap .unit_slider a i{background-color:#666; display:inline-block;width:59px;height:59px;border-radius:50%;background-repeat:no-repeat;background-position:center;}
.unit_wrap .unit_slider a i.selected{background-color:#01a3de;}
.unit_wrap .unit_slider a i.uico00{background-image: url("../img/common/mackbook_ico_tit.png");background-size:34px auto}
.unit_wrap .unit_slider a i.uico01{background-image: url("../img/common/cpu_ico.png");background-size:26px auto}
.unit_wrap .unit_slider a i.uico02{background-image: url("../img/common/ram_ico.png");background-size:32px auto}
.unit_wrap .unit_slider a i.uico03{background-image: url("../img/common/hdd_ico.png");background-size:22px auto}
.unit_wrap .unit_slider a i.uico04{background-image: url("../img/common/vga_ico.png");background-size:34px auto}
.unit_wrap .unit_slider a i.uico05{background-image: url("../img/common/board_ico.png");background-size:29px auto}
.unit_wrap .unit_slider a i.uico06{background-image: url("../img/common/lcd_ico.png");background-size:28px auto}
.unit_wrap .unit_slider a i.uico07{background-image: url("../img/common/sw_ico.png");background-size:31px auto}
.unit_wrap .unit_slider a i.uico08{background-image: url("../img/common/tablet__ico.png");background-size:31px auto}
.unit_wrap .unit_slider a i.uico09{background-image: url("../img/common/phone__ico.png");background-size:31px auto}
.unit_wrap .unit_slider a i.uico10{background-image: url("../img/common/power_icon.png");background-size:31px auto}
.unit_wrap .unit_slider a i.uico11{background-image: url("../img/common/notebook_icon.png");background-size:31px auto}
.container.unit_list .relation_box h2{background:#f6f6f6; padding:10px 18px 0 18px; margin: 0; color:#666;}
.container.unit_list .relation_box h2:after{content:''; display:block; clear:both;}
/* .container.unit_list .relation_box h2 span{display: inline-block;padding:1px 3px;border-radius:3px;line-height:10px;background:#01a3de;color:#fff;margin-right:5px}*/
.container.unit_list .relation_box h2 span { /*display: block;*/ overflow: hidden;}
.container.unit_list .relation_box h2 span a {background:#fff; border:1px solid #d0d0d0; margin-top: 4px; color:#666;margin-right:5px; display: inline-block; float: left; border-radius:3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; height: 30px; line-height: 30px; width:23%; text-align: center; /*padding: 0 24px;*/}
.container.unit_list .relation_box h2 span a.selected{background:#01a3de; color:#fff; border:none;}
.container.unit_list .relation_box > .sub_dt_3{padding:5px 18px;  background:#fff;border-bottom:1px solid #ccc; margin-top: -1px; border-top: 1px solid #d0d0d0;}
.container.unit_list .relation_box > .sub_dt_3 p{display: table-cell; width: 100%; vertical-align: middle;}




.container.unit_list .relation_box > .sub_dt_3 p span>a{ display: inline-block; margin: 2px 1px; border: 1px solid #e0e0e0; padding: 0 7px; line-height: 25px; height: 25px; letter-spacing: -0.5px; border-radius: 3px;}
.container.unit_list .relation_box > .sub_dt_3 p span a.selected{background:#e9f9ff; border:1px solid #01a3de;}
.container.unit_list .relation_box  > .sub_dt_3 p span {font-size:11px;padding:2px 0;}
.container.unit_list .relation_box  > .sub_dt_3 p span a.selected, .container.unit_list .relation_box  > .sub_dt_3 p span a.selected strong, .container.unit_list .relation_box  > .sub_dt_3 p span a.selected strong span{}
.container.unit_list .relation_box  > h2 > span a {font-size:11px;}
.container.unit_list .step.purchase{padding:0 18px;border-bottom:1px solid #ccc;}
.container.unit_list .sub_list_inner .box ul li.txt{width:80%}
.container.unit_list .list_inner .box ul li.pay{text-align:right;color: #01a3de;padding-right:5px;}
.unit_wrap .container.unit_icon .unit_box{padding:0;height:30px;font-size:0;}
.unit_wrap .container.unit_icon .unit_box .slick-list{width:86%;margin:0;display:inline-block}
.unit_wrap .container.unit_icon .unit_box button{position:relative;left:0;right:0;vertical-align:top;display:inline-block;width:7%;height:30px;background-size:7px auto;background-position:center;}
.unit_wrap .container.unit_icon .unit_box button.slick-prev{float:left;}
.unit_wrap .container.unit_icon .unit_box button.slick-next{float:right;}
.unit_wrap .container.unit_icon .unit_slider a{line-height:30px;display:block;font-size:8;}
.unit_wrap .container.unit_icon .unit_slider a span{margin-top:0;margin-right: 20px;}
.unit_wrap .container.unit_icon .unit_slider a.on span{color:#01a3de}
.unit_wrap .container.unit_icon .unit_box button{}
.unit_wrap .container.unit_icon .item_box{padding:7px 16px 16px;border-bottom:1px solid #ccc;font-size:0;}
.unit_wrap .container.unit_icon .item_box .box{display:inline-block;width:49%;margin-right:2%;border:1px solid #bcbec0;vertical-align:top;text-align:center;padding-bottom:10px;}
.unit_wrap .container.unit_icon .item_box .box:last-child{margin-right:0;}
.unit_wrap .container.unit_icon .item_box .box .img-box{width:100%;padding-top:85%;}
.unit_wrap .container.unit_icon .item_box .box dl{padding:5px 0}
.unit_wrap .container.unit_icon .item_box .box dl dt{font-size:14px;color:#000}
.unit_wrap .container.unit_icon .item_box .box dl dt p.dot{-webkit-line-clamp:1;}
.unit_wrap .container.unit_icon .item_box .box dl dd{font-size:12px;color:#939598;}
.unit_wrap .container.unit_icon .item_box .box a{margin-top:5px;display:inline-block;width:90%;height:25px;line-height:25px;text-align:center;color:#fff;font-size:14px;background:#01a3de;border-radius:3px;}

/* 회사소개 */
.container.company .img_title_box{background:#eeeeee;padding:10px 0;border-bottom: 1px solid #ccc;}
.container.company .img_title_box h2{background:#eeeeee;line-height:20px;font-size:1em;color:#666;text-align:center}
.container.company .img_box {position: relative;background-image: url(../img/common/info_map.png);background-size: contain;background-repeat: no-repeat;width: 100%;height: 0;margin-top:20px;padding-top: 60.64%;}
.container.company .img_box .text_content{position: absolute;top:40%;left:10%;right:10%;font-size:1rem;color: #666666;z-index: 2;text-align: center;}
.container.company .img_box2 {position: relative;background-image: url(../img/common/info_lic.png);background-size: contain;background-repeat: no-repeat;width: 100%;height: 0;margin-top:20px;margin-bottom:10px;padding-top: 76.64%; }
.container.company .img_box3 {position: relative;background-image: url(../img/common/info_biz.png);background-size: contain;background-repeat: no-repeat;width: 100%;height: 0;margin-top:20px;margin-bottom:10px;padding-top: 120%; }
.container.company .img_recycle_wrapper { width: 28%; margin:0 auto; }
.container.company .img_recycle{max-width: 100%; height: auto; }
.container.company  .recycle_content{font-size:1rem;color: #666666;z-index: 2;text-align: center;}


.container.company .vision_content {text-align: center;color: #ccc;font-size:1.14rem;font-weight:600;padding:10px 10px;line-height:25px;}
.container.company .gr{color: #76BD22 ;}
.container.company .bl{color: #01A3DE ;}
.container.company .from{font-weight:500}
.container.company .quote{font-size:2rem;}
.container.company .recycle_content {text-align: center;color: #999;font-size:1.05rem;font-weight:300;padding:15px 20px;}
