﻿.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: 1px; width:  212px; height: 65px; cursor: pointer; background: url('/product/card/card_img/fileorder_tap_btn_on.png'); z-index: 999;}
/*좌측 디자인 주문 탭*/
.cate_designorder {position: absolute; top: 68px; left: 0; width: 212px; height: 65px; cursor:pointer; background:url('/product/card/card_img/designorder_tap_btn_off.png'); z-index: 998;}
.cate_designorder:hover {background:url('/product/card/card_img/designorder_tap_btn_hover.png');}
/*좌측 셀프 주문 탭*/
.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/sampleorder_tap_btn_off.png'); z-index: 996;}
.cate_cloud:hover {background: url('/product/card/card_img/sampleorder_tap_btn_hover.png');}

/*좌측셀프 엽서 N*/
.cate_selforder_pc {position: absolute; top: 136px; left: 0; width: 212px; height: 130px; cursor: pointer; background: url('/product/card/card_img/sampleorder_tap_pc_off.png'); z-index: 997;}
.cate_selforder_pc:hover {background: url('/product/card/card_img/sampleorder_tap_pc_hover.png');}










/* ***********우측 상품선택*********** */
.cate_mainbg_right {float: right; width: 772px; padding-left: 18px; margin: 0 0 30px 0; border-left: 1px solid #5ab2d8;}
.cate_mainbg_right:after {content: ""; display: block; clear: both;}

/*.fileorder_title {height: 100px;}*/
.fileorder_title h3 {padding: 20px 25px 0 95px; font-size: 34px; font-weight: 600; background: url(/product/card/card_img/fileorder_title_h3bg.gif) no-repeat 12px 25px; /*float: left;*/}
.fileorder_title p {margin: 5px 0 20px 95px;  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 7px 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; font-size: 16px; font-weight: 600; }
.best_list li.item p span {color: red;}

.best_list li.item a {width: 200px; height: 45px; margin: 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_comorder {position: absolute; top: 0; left: 2px; width: 212px; height: 65px; background: url('/product/card/card_img/company_cate_tap1_on.png'); cursor: pointer; z-index: 999;}

/*좌측 기업체 소개 탭*/
.cate_cominfo {position: absolute; top: 64px; left: 9px; width: 202px; height: 50px; cursor: pointer; background: url('/product/card/card_img/company_cate_tap2_off.png'); z-index: 998;}
.cate_cominfo:hover {background: url('/product/card/card_img/company_cate_tap2_hover.png');}

/*좌측 기업체 신청 탭*/
.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_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_mainbg_right .companyorder_title {width: 754px; height: 50px; margin: 14px 0 15px 0;}
.cate_mainbg_right .comorder_caution {position: relative; width: 734px; height: 120px; font-size: 13px; line-height: 20px; padding: 20px 0 0 20px; color: #8b8b8b;}
/*.cate_mainbg_right .comorder_topline {position: relative; width: 754px; height: 1px; background-color: #5ab2d8; margin-top: 0px;}*/

/*기업체 템플릿 주문 검색*/
.cate_mainbg_right .comorder_search_bg {/*width: 754px;*/ padding: 15px 0; border: 5px solid #5ab2d8;}
.comorder_search_bg .comsearch_text {font-size: 13px; font-weight: bold; color: #5ab2d8; margin: 0 0 0 30px;}
.inputbox_text1 {width: 150px; height: 24px; border: 1px solid #cccccc; margin: 0 0 0 200px; cursor: pointer;}
.comsearch_btn_text {width: 60px; height: 26px; background: #a3a3a3; color: #fff; border: none;}

/*기업체 리스트*/
.comorder_list_tabMenu {position: relative; width: 754px; margin: 20px 0 0 0;}
.comorder_list_tabMenu:after {content: ""; display: block; clear: both;}
.comorder_list_tabMenu .tabBtn {height: 40px;}
.comorder_list_tabMenu .tabBtn li {width: 38px; height: 38px; float: left; background: #e1f6ff; color: #5ab2d8; border: 1px solid #a8e2fb; margin: 0 5px 0 5px; text-align: center; line-height:  38px; cursor: pointer; ;}
.comorder_list_tabMenu .tabBtn .selected {background:#5ab2d8; color: #fff; font-size: 14px; font-weight: bold; border: 1px solid #5ab2d8;}





/*.comorder_list_tabMenu .panel {position: relative; top: -1px; clear: both; width:  752px; border: 1px solid #5ab2d8;}

.comorder_list_tabMenu .panel .item {width:  680px; margin: 20px auto; font-size: 12px; text-indent: -1px; display: none;}
.comorder_list_tabMenu .panel .item:first-child {display: block;}

.comorder_list_tabMenu .panel .item ul {display: inline-block; vertical-align: top; width:  140px; margin-right: 27px;}
.comorder_list_tabMenu .panel .item ul li {background: url('/image/li_bullet.gif') no-repeat left center; text-indent: 10px; line-height:  22px; letter-spacing: -1px;}*/

.comorder_list_tabMenu .panel {position: relative; top: -1px; width:  752px; border: 1px solid #5ab2d8; padding: 30px 0;}
.comorder_list_tabMenu .panel:after {content: ""; display: block; clear: both;}

.comorder_list_tabMenu .panel .item {font-size: 12px; text-indent: -1px; display: none;}
.comorder_list_tabMenu .panel .item:first-child {display: block;}

.comorder_list_tabMenu .panel .item ul {float: left; padding: 0 0 0 30px;}
.comorder_list_tabMenu .panel .item ul li {background: url('/image/li_bullet.gif') no-repeat left center; text-indent: 10px; line-height:  22px; letter-spacing: -1px;}
.comorder_list_tabMenu .panel .item ul li a.bold {color: #000; font-weight: bold;}
.comorder_list_tabMenu .panel .item ul li a:hover {color: blue; font-weight: bold;}







.comorder_bottom_text {padding: 20px 0;}

/*2014.12.26 추가*/
.comorder_bottom_text dl {margin: 0 0 0 5px;}
.comorder_bottom_text dt {font-size: 16px; font-weight: bold; margin: 30px 0 15px 0; padding: 10px 0 0 0; background: url('../product/card/card_img/company_main_order_bar.gif') no-repeat;}
.comorder_bottom_text dd {font-size: 13px; color: #777777; margin: 0 0 7px 15px;}
.comorder_bottom_text dd span {font-weight: bold; color: #000;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*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; background: #fff;}

.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;}
.comorder_text1 {color: #5ab2d8;}

/*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 #ffffff; 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;}