.cate_mainbg {position: relative; 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; background: url('/product/card/card_img/fileorder_tap_btn_off.png'); cursor: pointer; z-index: 0;}
.cate_fileorder:hover {background: url('/product/card/card_img/fileorder_tap_btn_hover.png');}
    /* >>>>> 디자인 주문 탭*/
.cate_designorder {position: absolute; top: 68px; left: 0; width: 212px; height: 65px; background:url('/product/card/card_img/designorder_tap_btn_off.png'); cursor: pointer; z-index: 998; overflow: hidden;}
.cate_designorder:hover {background:url('/product/card/card_img/designorder_tap_btn_hover.png');}
    /* >>>>> 셀프 주문 탭*/
.cate_selforder {position: absolute; top: 136px; left: 1px; width: 212px; height: 65px; background: url('/product/card/card_img/sampleorder_tap_btn_on.png'); cursor: pointer; z-index: 999; overflow: hidden;}

/*템플릿 필터*/
.filter_bg {margin: 250px 0 0 0;}
.filter_title {margin: 0 0 0 10px;}
.filter_subtitle {margin: 0 0 10px 15px; float: left;}
.filter_reset {float: right; margin: 0 40px 0 0; width: 47px; height: 14px; background: url('/product/card/card_img/templete_filter_resetbtn.png'); display: block; cursor: pointer;}
.filter_reset:hover {background: url('/product/card/card_img/templete_filter_resetbtn_h.png');}
.filter_step {margin: 20px 0 0 0;}
.filter_step ul {clear: both;}
.filter_step li {margin: 0 0 10px 20px;}

/*우측 디자인샘플 리스트*/
.cate_mainbg_right {width: 790px; float: right; border-left: 1px solid #d40000; margin-bottom: 50px;}
.fileorder_title {width: 712px; /*height: 100px;*/ margin: 0 auto; /*border-bottom: 1px solid #d40000;*/}
.fileorder_title h3 {padding: 20px 18px 0 10px; font-size: 34px; font-weight: 600; float: left;}
.fileorder_title p {margin: 37px 0 0 0; font-size: 14px; float: left; vertical-align: middle;}
.fileorder_title img {margin: 10px 0;}


.fileorder_title:after {content: ""; display: block; clear: both;}

/*샘플 리스트 따라다니는 메뉴*/
.samlist_fmenu {position: relative; width: 712px; margin: 0 auto 30px auto; padding: 15px 0; background: #f5f5f5; z-index: 999;}
.samlist_fmenu p.info {margin: 0 0 5px 0; text-align: center; font-size: 14px; font-weight: bold; color: #000;}
.samlist_fmenu .btn_wrap {width: 440px; margin: 0 auto;}
.samlist_fmenu span.saveView {float: left; width: 200px; height: 40px; margin: 0 10px; line-height: 40px; text-align: center; background: #6ba445; color: #fff; font-weight: bold; cursor:pointer;}
.samlist_fmenu span.jjimView {float: left; width: 200px; height: 40px; margin: 0 10px; line-height: 40px; text-align: center; background: #5ab2d8; color: #fff; font-weight: bold; cursor:pointer;}
.samlist_fmenu span.listBack {float: left; width: 200px; height: 40px; margin: 0 10px; line-height: 40px; text-align: center; background: #71ccf4; color: #fff; font-weight: bold; cursor:pointer; display:none;}
.samlist_fmenu:after {content: ""; display: block; clear: both;}

/*샘플리스트*/
.sample_list_bg {position: relative; width: 756px; margin: 0 auto 20px auto;}
.sample_list_bg:after {content: ""; display: block; clear: both;}
.samlist_select_bg {float: right; margin: 0 0 0 35px;}
.samlist_keyword_bg {float: right;}
.samlist_btn {width: 42px; height: 28px; background: #d40000; color: #fff; border: none;padding:7px 20px;cursor:pointer;}
.samlist_search_title {margin: 0 10px 0 0;}

.sample_list_item {position: relative; width: 234px; height: 346px; margin: 0 0 10px 18px; border: 3px solid #e2e2e2; float: left; cursor: pointer;}
.sample_list_item:hover {border: 3px solid #d40000;}
.sample_list_item .frontViewOver {position: absolute; top: 26px; left: 0; width: 234px; height: 320px; background: url('/image/bg_black_opac50.png'); display: none;}
.sample_list_item .frontViewOver img {width: 216; margin: 100px auto 0 auto; display: block;}
.sample_list_item .backViewOver {position: absolute; top: 26px; left: 0; width: 234px; height: 320px; background: url('/image/bg_black_opac50.png'); display: none;}
.sample_list_item .backViewOver img {width: 216; margin: 100px auto 0 auto; display: block;}
.sample_list_item .tab span {display: inline-block; margin: 0; padding: 0; text-align: center; line-height: 26px;}
.sample_list_item .tab .jjim {width: 111px; height: 26px; background: #e2e2e2; font-weight: bold;}
.sample_list_item .tab .jjim_insert {width: 111px; height: 26px; background: #d92222; color: #ffffff; font-weight: bold;}
.sample_list_item .tab .jjim:hover {background: #d92222; color: #fff200;}

.sample_list_item .tab .frontView {width: 58px; height: 26px; background: #8b8b8b; color: #fff; font-weight: bold;}
.sample_list_item .tab .backView {width: 57px; height: 26px; background: #8b8b8b; color: #fff; font-weight: bold;}
.sample_list_item .tab .frontView:hover {background: #000;}
.sample_list_item .tab .backView:hover {background: #000;}
.sample_list_item .img {margin: 15px 0 7px 0;}
.sample_list_item .img .num_size {display: inline-block; text-indent: 15px; color: #888;}
.sample_list_item .edit_button {width:148px; height: 37px; background: url('/image/sample_list_btn.png'); border: none; margin: 0 auto; display: block; text-indent: -9999px;}
.sample_list_item .edit_button:hover {width:148px; height: 37px; background: url('/image/sample_list_btn_on.png'); border: none; margin: 0 auto; display: block; text-indent: -9999px;}

/*봉투 셀프주문*/
.product_detail .envel_side1_bg {position: relative; width: 107px; height: 67px; background: #ebebeb; float: left;}
.envel_side1_bg:hover {background: #ffcc0e;}
.envel_side1_bg .side1img_icon {position: absolute; width: 48px; height: 48px; margin: 8px 0 0 2px;}
.envel_side1_bg .side_texttitle {position: absolute; width: 60px; height: 48px; margin: 12px 0 0 46px; text-align: center;}
.product_detail .envel_side2_bg {position: relative; width: 107px; height: 67px; background: #ebebeb; float: right;}
.envel_side2_bg:hover {background: #ffcc0e;}
.envel_side2_bg .side1img_icon {position: absolute; width: 48px; height: 48px; margin: 8px 0 0 2px;}
.envel_side2_bg .side_texttitle {position: absolute; width: 45px; height: 15px; margin: 20px 0 0 55px; text-align: center;}

/*전단지 셀프주문*/
.envel_side1_bg .side_texttitle_jundan {position: absolute; width: 60px; height: 48px; margin: 25px 0 0 46px; text-align: center;}
.envel_side2_bg .side_texttitle_jundan {position: absolute; width: 45px; height: 20px; margin: 25px 0 0 55px; text-align: center;}
.samlist_product_wbg .product_img_icon {position: relative; width: 54px; height: 14px; margin: 5px 0 0 175px;}
.product_img_icon .img_icon_s {position: relative; width: 14px; height: 14px; background: #cccccc; margin-left: 4px; float: left;}
.img_icon_s:hover {background: #d40000;}

.ux_page_num {width: 756px; height: 40px; line-height: 40px; background: #e2e2e2; font-size: 14px; font-weight: bold; color: #000; text-align: center; border-radius: 10px; margin:0 auto; clear: both; cursor: pointer; }
.ux_page_num:hover {background: #000; color: #fff;}
.ux_page_num img {padding: 10px 0;}


/*인풋박스&셀렉트박스 모음*/
.inputbox_text1 {width: 185px; height: 26px; border: 1px solid #cccccc; padding-left: 4px; cursor: pointer;}
.samlist_select1 {width: 185px; height: 28px; border: 1px solid #cccccc; padding: 4px; cursor: pointer;}
.filter_checkbox {cursor: pointer;}

/*폰트 모음*/
.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;}
.samlist_search_title_font {font-weight: bold; font-size: 12px; color: #bbbbbb;}
.filter_text_01 {color: #30323a;}
.product_name_envel {font-weight: 600; font-size: 11px; color: #30323a;}

/*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;}

/*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: 3px solid #5ab2d8;}

.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;}

/*////////////////////////////////// uc_editor /////////////////////////////////////////////*/
.uxedit_editor {
    display:none;
    position:absolute;
    z-index:9999;
    left:0;
    top:70px;
    height:100%;
    width:100%;
    /*
    background:rgba(0,0,0, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6c000000', endColorstr='#6c000000');
        */
}
.uxedit_editor_content {
    margin:0 auto;
}

.uxedit_loading {
    display:none;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(255,255,255, .8);
    background-image:url('../image/loading33.gif');
    background-position:50% 50%;
    background-repeat:no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
}

.default_image_bg_hover {
    position:absolute;background:rgba(0,0,0, .5);width:234px; height:226px; 
}
.default_center_width {
    position:absolute;  margin:40px 0 0 4px; display:none;width:226px;height:146px;
}
.default_center_height {
    position:absolute;  margin:30px 0 0 50px; display:none;width:156px;height:236px;
}

/*/////////////////////////////////////// 기업체 솔루션 주문 /////////////////////////////////////////////*/

/*기업체주문 타이틀*/
.cate_mainbg_left .cate_title_company {margin: 17px 0 0 11px;}

    /*기업체 술루션 주문 탭*/
    .cate_comorder {position: absolute; top: 0; left: 0px; width: 211px; height: 50px; background: url('/product/card/card_img/company_cate_tap1_off.png'); cursor: pointer; z-index: 0;}
    .cate_comorder:hover {background: url('/product/card/card_img/company_cate_tap1_hover.png');}
    /*기업체 소개 탭*/    
    .cate_cominfo {position: absolute; top: 49px; 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: 98px; left: 21px; width: 192px; height: 65px; cursor: pointer; background: url('/product/card/card_img/company_cate_tap3_on.png'); z-index: 999;}

/*기업체 솔루션 신청*/
.cate_mainbg_right h3.app_title img {display: block; margin: 50px auto;}
.cate_mainbg_right .app_input ul {width: 370px; margin: 0 auto;}
.cate_mainbg_right .app_input ul li {width: 370px; height: 40px; border: 1px solid #c9c9c9; margin: 0 0 10px 0; line-height: 40px; /*padding: 0 0 0 20px;*/}
.cate_mainbg_right .app_input ul li label {font-weight: bold; padding: 0 0 0 20px;}
.cate_mainbg_right .app_input ul li label.pd0 {padding: 0;}
.cate_mainbg_right .app_input ul li input[type="text"] {width: 230px; padding: 4px 0; border: none;}
.cate_mainbg_right button.app {width: 200px; height: 50px; background: #5ab2d8; color: #fff; font-size: 18px; font-weight: bold; border: none; display: block; margin: 30px auto 20px auto;}
.cate_mainbg_right .new_app {width: 130px; height: 30px; background: #5ab2d8; color: #fff; font-size: 18px; font-weight: bold; border: none; display: block; margin: 30px auto 20px auto; padding:10px 40px; letter-spacing: -1px; cursor:pointer;}
.cate_mainbg_right .app_notice{padding: 0 0 50px 0; border-bottom: 1px solid #eaeaea;}
.cate_mainbg_right .app_notice p {text-align: center;}
.cate_mainbg_right .app_notice p:first-child {color: red;}

.cate_mainbg_right .app_free_play h3 {padding: 50px 0 30px 0;}
.cate_mainbg_right .app_free_play img {display: block; margin: 0 auto 30px auto;}
.cate_mainbg_right .app_free_play a {display: block; margin: 0 auto; width: 200px; height: 50px; background: #5ab2d8; font-size: 18px; font-weight: bold; color: #fff; text-align: center; letter-spacing: -1px; line-height: 50px;}
.cate_mainbg_right .app_free_play p {text-align: center; padding: 10px 0;}