﻿.cate_mainbg {width: 1003px; margin-top: 12px;}

/* ***********좌측 카테고리*********** */
.cate_mainbg_left {position: relative; float: left; width: 212px;}
.cate_mainbg_left .choice_order_info {margin: 20px 0 0 0; text-align: center;}
.cate_mainbg_left .choice_order_info span {color: #c7c7c7;}
.cate_mainbg_left .choice_order_info p {margin: 0 0 10px 0; font-size: 14px; font-weight: 600;}

/*좌측 탭 버튼*/
.cate_tap {position: absolute; top: 100px; text-indent: -9999px;}
/*좌측 파일 주문 탭*/
.cate_fileorder {position: absolute; top: 0; left: 0; width:  212px; height: 65px; cursor: pointer; background: url('/product/card/card_img/fileorder_tap_btn_off.png'); z-index: 0;}
.cate_fileorder:hover {background: url('/product/card/card_img/fileorder_tap_btn_hover.png');}
/*좌측 디자인 주문 탭*/
.cate_designorder {position: absolute; top: 68px; left: 1px; width: 212px; height: 65px; cursor: pointer; background:url('/product/card/card_img/designorder_tap_btn_on.png'); z-index: 998;}
/*좌측 셀프 주문 탭*/
.cate_selforder {position: absolute; top: 136px; left: 0; width: 212px; height: 65px; cursor: pointer; background: url('/product/card/card_img/sampleorder_tap_btn_off.png'); z-index: 997;}
.cate_selforder:hover {background: url('/product/card/card_img/sampleorder_tap_btn_hover.png');}
/*좌측 샘플 디자인의뢰 주문 탭*/
.cate_cloud {position: absolute; top: 136px; left: 0; width: 212px; height: 65px; cursor: pointer; background: url('/product/card/card_img/cloud_tap_btn_off.png'); z-index: 996;}
.cate_cloud:hover {background: url('/product/card/card_img/cloud_tap_btn_hover.png');}









/* ***********우측상품선택*********** */
.cate_mainbg_right {float: right; width: 772px; padding-left: 18px; margin: 0 0 30px 0; border-left: 1px solid #abce36;}
.cate_mainbg_right:after {content: ""; display: block; clear: both;}

/*.fileorder_title {height: 100px;}*/
.fileorder_title h3 {padding: 20px 20px 0 80px; font-size: 34px; font-weight: 600; background: url(/product/card/card_img/designorder_title_h3bg.gif) no-repeat 12px 13px; /*float: left;*/}
.fileorder_title p {margin: 5px 0 20px 80px; font-size: 16px; vertical-align: middle; /*float: left;*/}
/*.fileorder_title:after {content: ""; display: block; clear: both;}*/

/*베스트 스타일 리스트*/
.best_list li.item {position: relative; float: left; width: 244px; /*height: 370px;*/ padding: 0 0 20px 0; margin: 0 11px 17px 0; border: 3px solid #ddd; text-align: center; cursor: pointer;}
.best_list li.item:hover {border: 3px solid red;}
.best_list li.nomargin {margin: 0;}

.best_list li.item .pr_img {margin: 5px 0 0 0;}
.best_list li.item strong {width: 70px; margin: 20px auto 4px auto; padding: 2px 3px; background: red; font-size: 13px; color: #fff; display: block;}
.best_list li.item h5 {font-size: 24px; font-weight: 600;}
.best_list li.item em {color: #a5a5a5;}
.best_list li.item p {padding: 10px 0 0 0; font-size: 16px; font-weight: 600; }
.best_list li.item p span {color: red;}

.best_list li.item a {width: 200px; height: 45px; margin: 10px auto 0 auto; background: #cdcdcd; font-size: 16px; font-weight: 600; line-height: 45px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block;}
.best_list li.item .on {background: red; color: yellow;}

.best_list li.item .overView {display: none;}
.best_list li.item .overView .bg {position: absolute; top: 5px; left: 5px; width: 234px; height: 234px; background: #000; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);}
.best_list li.item .overView .descript {position: absolute; top: 80px; left: 50%; width: 220px; height: 100px; margin:  0 0 0 -110px;}
.best_list li.item .overView .descript em {font-size: 14px; font-weight: 600; color: yellow; margin: 10px 0 0 0; display: block;}
.best_list li.item .overView .descript p {padding: 5px 0 0 0; color: #fff;}

.best_list:after {content: ""; display: block; clear: both;}

/*세일 아이콘*/
img.sale_icon {position: absolute; bottom: 35px; right: 10px;}

/*best new 아이콘*/
.best_icon {position: absolute; top: 5px; left: 5px; z-index: 999;}
.new_icon {position: absolute; top: 5px; left: 5px; z-index: 999;}
.sale_icon_fixed {position: absolute; top: 5px; left: 50px; z-index: 999;}




/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ***********기업체주문 타이틀*********** */
.cate_mainbg_left .cate_title_company {width: 197px; height: 24px; margin: 17px 0 0 11px;}
.cate_mainbg_left_app .cate_title_company {position: absolute; width: 197px; height: 24px; background: url('/product/card/card_img/company_order_title.png'); margin: 17px 0 0 11px;}

/*기업체 술루션 주문 탭*/
.cate_comorder {position: absolute; top: 0; left: 1px; width: 211px; height: 50px; background: url('/product/card/card_img/company_cate_tap1_off.png'); cursor: pointer; z-index: 998;}
.cate_comorder:hover {background: url('/product/card/card_img/company_cate_tap1_hover.png');}

/*기업체 소개 탭*/
.cate_cominfo {position: absolute; top: 49px; left: 11px; width: 202px; height: 65px; cursor: pointer; background: url('/product/card/card_img/company_cate_tap2_on.png'); z-index: 999;}

/*기업체 신청 탭*/
.cate_comcs {position: absolute; top: 113px; left: 19px; width: 192px; height: 50px; cursor: pointer; background: url('/product/card/card_img/company_cate_tap3_off.png'); z-index: 997;}
.cate_comcs:hover {background: url('/product/card/card_img/company_cate_tap3_hover.png');}

/*기업체 솔루션 소개*/
.cate_mainbg_right .menu ul {width: 748px; margin: 20px auto 30px auto;}
.cate_mainbg_right .menu ul:after {content: ""; display: block; clear: both;}
.cate_mainbg_right .menu ul li {width: 182px; height: 41px; float: left; margin: 0 5px 0 0; text-align: center; background: #abce36;}
.cate_mainbg_right .menu ul li:hover {background: #5ab2d8;}
.cate_mainbg_right .menu ul li a {width: 182px; height: 41px; color: #fff; font-size: 14px; font-weight: bold; line-height: 40px; display: block;}

.cate_mainbg_right .contents {width: 748px; height: 100%; margin: 0 0 50px 0;}
.cate_mainbg_right .contents div {width: 748px;}
.cate_mainbg_right .contents div:after {content: ""; display: block; clear: both;}
.cate_mainbg_right .contents div img {display: block; margin: 0 auto 50px auto;}
.cate_mainbg_right .contents div h4 {font-size: 30px; font-weight: bold; color: #414141; border-bottom: 3px solid #abce36; padding: 0 0 10px 0; margin: 0 0 30px 15px;}
.cate_mainbg_right .contents div p {width: 700px; margin: 0 0 30px 20px; font-size: 14px;}
.cate_mainbg_right .contents div img.lastImg {margin: 0 0 0 40px; }

.cate_mainbg_right .contents table {width: 350px; float: left; margin: 0 0 0 20px;}
.cate_mainbg_right .contents table td {padding: 10px 15px 10px 15px;  border: 1px solid #000; font-weight: bold; }
.cate_mainbg_right .contents table tr>td:first-child {width: 140px; background: #d4ecff; color: #000; font-weight: normal;} 
.cate_mainbg_right .contents table tr td.thead {background: #eaeaea; text-align: center; color: #000; font-size: 14px; font-weight: bold;}
.cate_mainbg_right .contents table tr td.tfoot {padding: 15px 0; background: #0290ff; font-size: 16px; font-weight: bold; text-align: center;}
.cate_mainbg_right .contents table tr td.tfoot a {color: #fff;}
.cate_mainbg_right .contents table tr td.tfoot a:hover {color: #ffff00;}

.cate_mainbg_right .contents a.bizpod_btn {position: absolute; right: 10px; bottom: 20px;}
.cate_mainbg_right .contents .con_05 {position: relative;}
.cate_mainbg_right .contents .con_03 {margin: 0 0 50px 0;}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*sub_quick menu*/
.sub_quick_bg {position:fixed; float:right; display:inline-block; z-index: 1;}
.sub_quick_bg:after {content: ""; display: block; clear: both;}

.sub_qmenu_body {margin: 40px 0 0 15px; border: 1px solid #f1f1f1;}

.sub_qmenu_body li {margin: 0 3px; border-top: 1px solid #ddd; font-size: 0;}
.sub_qmenu_body li:first-child {border: none;}
.sub_qmenu_body li.qmenu_goTop {margin: 0; padding: 0 3px; background: #5ab2d8;}

/*폰트 모음*/
.product_name_s{font-weight: 800; font-size: 12px; color: #898989;}
.product_name_b{font-weight: bold; font-size: 15px; color: #30323a; line-height: 20px;}
.product_detail_font{ font-weight: 800; font-size: 12px; color: #898989; line-height: 16px; margin-left: 40px;}

/*button 모음*/
.btn_121 {position: absolute; width: 121px; height: 33px; background: #bbbbbb; cursor: pointer; margin: 62px 0 0 662px;}
.btn_121 .in_border {position: absolute; width: 117px; height: 29px; border: 1px solid #fff; margin: 1px; background: url('/product/product_img/order_btn_text.png') no-repeat 37px 9px;}
.btn_121:hover {background: #5ab2d8;}
.btn_121:active {margin: 63px 0 0 662px;}