﻿/************** 견적서 인쇄 수정 20150317 ****************/
.subesti {padding: 20px; margin: 30px; border: 1px solid #000;}
.subesti h1 {padding: 20px 0; font-size: 28px; font-weight: 600; text-align: center;}
.subesti table tr td {border: 1px solid #000;}

.subesti .date_owner {float: left; margin: 0 0 0 20px; width: 220px; text-align: right; /*border: 1px solid #000;*/}
.subesti .date_owner ul li {margin: 15px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px solid #000;}
.subesti .date_owner ul li.date {font-size: 14px;}
.subesti .date_owner ul li.name {font-size: 14px;}
.subesti .date_owner ul li.name em {font-weight: bold;}
.subesti .date_owner ul li.text {border: none;}
.subesti .date_owner input[type="text"] {padding: 4px 0; font-size: 14px; line-height: 14px; text-align: center; border: 1px solid #ddd; cursor: pointer;}


.subesti .company_info {float: right; margin: 0 0 20px 0;}
.subesti .company_info table {width: 300px;}
.subesti .company_info table tr td {padding: 3px;}

.subesti .totalPrice {height: 40px; margin: 0 0 10px 0; font-size: 14px; border: 1px solid #000; clear: both; line-height: 40px; text-align: right; font-weight: bold;}
.subesti .totalPrice span.number {margin: 0 40px;}

.subesti .esti_list {margin: 0 0 20px 0; clear: both;}
.subesti .esti_list table {text-align: center;}
/*.subesti .esti_list table tr:first-child {text-align: center;}*/
.subesti .esti_list table tr td {padding: 5px 0;}

.subesti .notice ul li {font-weight: 600;}

.subesti button.subesti_print {position: absolute; top: 60px; right: 60px; width: 68px; height:20; border: none; background: url('/user_form/img/print_btn.jpg'); text-indent: -9999px; cursor: pointer;}






/**************견적서 인쇄****************************************************************************/
/*#subesti_contents_bg {position: relative; width: 601px; height: 905px; padding: 0 43px 0 43px;}
#subesti_contents_bg .subesti_body {position: relative; width: 601px; height: 905px; background: #fff; display: inline-block;}
.subesti_body .subesti_btn_print {position: absolute; width: 67px; height: 19px; background: url('/user_form/img/btn_print.png'); cursor: pointer; margin: 12px 0 0 534px;}
.subesti_btn_print:active {margin: 13px 0 0 534px;}
.subesti_body .subesti_title {width: 601px; height: 57px; border-bottom: 2px solid #e2e2e2; background: url('/user_form/img/subesti_title.png') no-repeat 200px 16px; margin-top: 31px;}
.subesti_body .subesti_top {width: 601px; height: 155px; border-bottom: 2px solid #e2e2e2; margin-top: 10px;}
.subesti_top .ecard_info {width: 255px; height: 96px; border: 3px solid #e2e2e2; float: left; padding: 10px;}
.ecard_info .ecard_info_text {width: 255px; height: 20px; border-bottom: 1px solid #bbbbbb; padding-top: 3px; font-size: 12px; color: #8b8b8b;}
.subesti_top .customer_input01 {position: relative; width: 320px; height: 121px; float: right;}
.customer_input01 .subesti_date {position: absolute; width: 320px; height: 24px; margin: 15px 0 0 30px;}
.customer_input01 .subesti_name {position: absolute; width: 320px; height: 24px; margin: 55px 0 0 30px;}
.customer_input01 .subesti_price {position: absolute; width: 320px; height: 24px; margin: 100px 0 0 30px;}
.subesti_body .subesti_main {width: 601px; height: 490px; border-bottom: 2px solid #e2e2e2; margin-top: 20px;}
.subesti_main .subesti_main_left {width: 224px; height: 490px; float: left;}
.subesti_main_left .subesti_product_img {width: 224px; height: 222px; margin: 0;}
.subesti_main_left .subesti_caution {width: 218px; height: 139px; border: 3px solid #e2e2e2; background: url('/user_form/img/subesti_caution_text.png') no-repeat 13px 13px; margin-top: 15px;}
.subesti_main .subesti_main_right {width: 370px; height: 490px; float: right; padding-left: 7px; line-height: 20px;}
.subesti_main_right .subesti_order_detail {width: 370px; height: 221px; border-bottom: 1px solid #009ece;}
.subesti_main_right .subesti_price_bg {width: 370px; height: 32px; border-bottom: 1px solid #009ece; padding-top: 8px;}
.subesti_main_right .subesti_etc_bg {width: 370px; height: 174px; border-bottom: 1px solid #009ece;}
.subesti_etc_bg p {margin: 10px 0 10px 0;}
.subesti_main_right .subesti_pricetotal_bg {width: 370px; height: 32px; padding-top: 8px;}
.subesti_body .subesti_bottom {width: 601px;}
.subesti_bottom p {margin: 10px 0 10px 0; font-size: 12px; color: #8b8b8b;}*/

        /*셀렉트 박스 & 인풋박스 모음 S*/
/*.subesti_input_s {width: 170px; height: 22px; border: 1px solid #bbbbbb; padding: 4px; cursor: pointer;}
.subesti_input_m {width: 220px; height: 22px; border: 1px solid #bbbbbb; padding: 4px; cursor: pointer;}
.subesti_memo {border: 1px solid #bbbbbb;}
.select_b {width: 300px; height: 25px; border: 1px solid #bbbbbb; padding: 4px; cursor: pointer;}
.input_size {width: 80px; height: 16px; border: 1px solid #bbbbbb; padding: 4px; cursor: pointer;}
.select_m {width: 100px; height: 25px; border: 1px solid #bbbbbb; padding: 4px; cursor: pointer;}*/
        /*폰트 모음 S*/
/*.subesti_font01 {font-weight: bold; font-size: 13px; color: #30323a;}
.subesti_font02 {font-weight: bold; font-size: 16px; color: #d40000;}
.subesti_font03 {font-weight: bold; font-size: 15px; color: #30323a;}
.subesti_font04 {font-weight: bold; font-size: 12px; color: #8b8b8b;}
.subesti_font05 {font-weight: bold; font-size: 13px; color: #009ece;}
.subesti_font06 {font-weight: bold; font-size: 12px; color: #30323a;}
.subesti_font07 {font-weight: bold; font-size: 15px; color: #30323a;}
.cs_navi_text2 {font-size: 13px; color: #009ece;}*/




/**********주문정보 입력 페이지*********************************************************************/
.mainbody_bg .order_info_bg {position: relative; width:1003px; height:auto; margin: 8px 0 50px 0; /*display:inline-block;*/}
.order_info_bg .cart_title {padding: 15px 0; /*margin: 0 0 15px 0;*/ /*border-bottom: 3px solid #5ab2d8;*/}
.order_info_bg .cart_title img {margin: 0 0 0 15px;}



#order_info_form input[type="text"] {border: 1px solid #bbbbbb;}
#order_info_form select {height: 25px; border: 1px solid #bbbbbb; padding: 2px 0;}

.tel_class {width: 80px; margin: 0; }

/*주문하실 제품 테이블*/
.order_info_bg .order_info_product_bg {position:relative; width:1003px; height:auto; /*margin: 15px 0 0 0;*/ /*background:url('/user_form/img/order_info_porduct.png') no-repeat 16px 0;*/ /*display:inline-block;*/}
.order_info_product_table {width: 1003px; text-align: center; /*margin: 30px 0 0 0;*/}
.order_info_product_table thead tr {height: 30px; background: #e9f7fe; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8; color: #009ece;}
.order_info_product_table tbody tr {border-bottom: 1px solid #5ab2d8; }
.order_info_product_table tbody>tr td {height: 70px;}
.order_info_product_table td.total_price {height: 50px; background: #e9f7fe; border-top: 1px solid #5ab2d8; border-bottom: 3px solid #5ab2d8; text-align: right; padding: 0 20px 0 0;}
.order_info_product_table .order_item p {margin: 3px 0 0 0;}
.order_info_product_table .order_del {cursor: pointer;}
.order_info_product_table span.tbold {font-size: 14px; font-weight: bold;}
.order_info_product_table span.tbold_red {font-size: 14px; font-weight: bold; color: #d40000;}

/*주문자 정보 입력 테이블*/
.order_info_bg .order_info_customer_bg {position: relative; width:1003px; height: auto; margin:28px 0 0 0; background:url('/user_form/img/order_info_customer.png') no-repeat 16px 0; display: inline-block;}
.order_info_customer_table {position: relative; width: 1003px; margin-top: 30px; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8;}
.order_info_customer_table tr {border-top: 1px solid #bee7fc;}
.order_info_customer_table tr td {height: 40px;}
.order_info_customer_table tr:first-child {border: none;}
.order_info_customer_table input[type="text"] {height: 20px;}
.order_info_customer_table input[name="tel"] {width: 80px; margin: 0; }
.order_info_customer_table input[name="cell"] {width: 80px; margin: 0; }
.order_info_customer_table .left {text-indent: 40px;}
.order_info_customer_table img {vertical-align: middle; margin: 0 0 0 5px; cursor: pointer;}
/*.order_info_customer_table .file_show {display: none;}*/

/*배송정보입력 테이블*/
.order_info_bg .order_info_addr_bg {position:relative; width:1003px; height: 280px; margin:28px 0 0 0; background:url('/user_form/img/order_info_addr.png') no-repeat 16px 0px; display: inline-block;}
.order_info_addr_table1 {/*position: relative;*/ width: 1003px; margin-top: 30px; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8;}
.order_info_addr_table1 tr {height: 40px; border-top: 1px solid #bee7fc;}
.order_info_addr_table1 tr:first-child {border: none;}
.order_info_addr_table1 input[type="text"] {height: 20px;}
.order_info_addr_table1 input[name="tel"] {width: 80px; margin: 0; }
.order_info_addr_table1 input[name="post"] {width: 80px; margin: 0; }
.order_info_addr_table1 .verline {border-left: 1px solid #5ab2d8; color: #007fc2;}
.order_info_addr_table1 .left {text-indent: 40px;}
.order_info_addr_table1 img {vertical-align: middle; cursor: pointer;}

/*배송정보입력 테이블 hyunzoong*/

#delivery_address input[type="text"] {padding: 3px 0;}
.order_info_addr_table3 input[type="text"] {padding: 3px 0;}

.order_info_bg .order_info_addr_bg {/*position:relative;*/ width:1003px; height: 350px; margin:28px 0 0 0; background:url('/user_form/img/order_info_addr.png') no-repeat 16px 0px; display: inline-block;}
.order_info_addr_table1_new {/*position: relative;*/ width: 500px; border-bottom: 3px solid #5ab2d8;}
.order_info_addr_table1_new input[type="text"] {padding: 3px 0;}
.order_info_addr_table1_new tr {height: 40px; border-top: 1px solid #bee7fc;}
.order_info_addr_table1_new tr:first-child {border: none;}
/*.order_info_addr_table1_new input[type="text"] {height: 20px;}*/
.order_info_addr_table1_new input[name="tel"] {width: 80px; margin: 0; }
.order_info_addr_table1_new input[name="cell"] {width: 80px; margin: 0; }
.order_info_addr_table1_new input[name="post"] {width: 80px; margin: 0; }
.order_info_addr_table1_new .verline {border-left: 1px solid #5ab2d8; color: #007fc2;}
.order_info_addr_table1_new .left {text-indent: 40px;}
.order_info_addr_table1_new img {vertical-align: middle; cursor: pointer;}


.overPanel {/*position: absolute; left: 0; bottom: 10px;*/ width: 500px; height: 160px; background: url('/user_form/img/addr_change_bg1px.png'); z-index: 9999px;}
.postBtn {height: 19px; display: inline-block; vertical-align: middle; margin: 0 0 0 10px;}

.order_info_addr_table2 {/*position: absolute; top: 0; left: 0;*/ width: 1003px; margin-top: 30px; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8; display: none;}
.order_info_addr_table2 tr {height: 40px; border-top: 1px solid #bee7fc;}
.order_info_addr_table2 tr:first-child {border: none;}
.order_info_addr_table2 input[type="text"] {height: 20px;}
.order_info_addr_table2 input[name="tel"] {width: 80px; margin: 0; }
.order_info_addr_table2 input[name="cell"] {width: 80px; margin: 0; }
.order_info_addr_table2 input[name="post"] {width: 80px; margin: 0; }
.order_info_addr_table2 .left {text-indent: 40px; color: #007fc2;}
.order_info_addr_table2 .right {border-right: 1px solid #5ab2d8;}

.order_info_addr_table3 {/* top: 0; left: 0;*/  width: 1003px;  border-bottom: 3px solid #5ab2d8;}
.order_info_addr_table3 tr {height: 40px; border-top: 1px solid #bee7fc;}
.order_info_addr_table3 tr:first-child {border: none;}
.order_info_addr_table3 input[name="tel"] {width: 80px; margin: 0; }
.order_info_addr_table3 input[name="cell"] {width: 80px; margin: 0; }
.order_info_addr_table3 input[name="post"] {width: 80px; margin: 0; }
.order_info_addr_table3 .content {height: 200px; text-indent: 40px;}
.order_info_addr_table3 .left {text-indent: 40px;}

/*결제정보입력 테이블*/
.order_info_bg .order_info_cash_bg {position:relative; width:1003px; /*height:350px;*/ margin:28px 0 0 0; background:url('/user_form/img/order_info_cash.png') no-repeat 16px 0px; display: inline-block;}
.order_info_cash_table {width: 1003px; text-align: left; text-indent: 20px; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8; margin-top: 30px; }
.order_info_cash_table tr{height: 40px; border-top: 1px solid #bee7fc;}
.order_info_cash_table input[type="text"] {height: 20px;}
.order_info_cash_table tr:first-child{border-top: none;}
.order_info_cash_table .left {text-indent: 40px;}
.order_info_cash_table img {vertical-align: middle;}
.overPanel_2 {position: absolute; left: 0; top : 110px; width: 1003px; height: 157px; background: url('/user_form/img/addr_change_bg1px.png'); z-index: 9999px; display: none;}

.taxTabel {width: 900px; /*height: 900px;*/ margin: 50px auto 10px auto; display: none;}
.taxTabel>span {font-size: 16px; font-weight: bold; color: #d40000; display: inline-block; margin: 0 0 10px 0;}
.taxTabel table {width: 800px; border: 1px solid #000;}
.taxTabel table td {border: 1px solid #000; padding: 10px;}
.taxTabel table td input {height: 20px;}
.taxTabel table td.title {background: #e9f7fe; text-align: center; font-weight: bold;}
.taxTabel table td.address input {width: 500px;}
.taxTabel table td.phone input {width: 40px;}
.taxTabel table td.faxNum input {width: 40px;}
.taxTabel ul {margin: 20px 0 0 0;}
.taxTabel ul li {line-height: 18px;}


/*현금영수증 테이블*/
.cashTabel {width:900px;margin: 20px auto 20px auto;display: none;}
.cashTabel > span {font-size:16px;font-weight:bold;color:#d40000;display: inline-block;margin: 0 0 10px 0;}
.cashTabel table {width:800px;/*border: 1px solid #000;*/}
.cashTabel table td {border:1px solid #000;padding: 10px;}
.cashTabel table td.applicant{width: 400px;}
.cashTabel table td.applicant input{width:120px;}
.cashTabel table td.callnum{width: 400px;}
.cashTabel table td.callnum input{width: 120px;}
.cashTabel table td input {height: 20px;}
.cashTabel table td.title {background: #e9f7fe; text-align: center; font-weight: bold;width: 140px;}
.cashTabel ul {margin: 20px 0 0 0;}
.cashTabel ul li {line-height: 18px;}





/*주문완료 버튼*/
.order_info_bg .order_btn_bg {position:relative; width:1003px; height:150px; padding: 30px 0 0 0;}
.order_info_bg .order_btn_bg ul {width: 446px; height: 64px; margin: 0 auto;}
.order_info_bg .order_btn_bg ul li {float: left; margin: 0 10px;}
.order_btn_bg .btn_order_finish {width:229px; height:64px; background:url('/user_form/img/order_info_orderok_btn.png'); cursor:pointer;}
.order_btn_bg .btn_order_cancel {width:177px; height:64px; background:url('/user_form/img/order_info_ordercancel_btn.png'); cursor:pointer;}

/********주문 완료 페이지******************************************************************************************************/

/*주문완료 상단 텍스트*/
.mainbody_bg .order_finish_bg {position: relative; width:1003px; height: auto; margin: 50px 0 0 0; display: inline-block;}
.order_finish_bg .order_finish_maintext {position: relative; width: 1003px; height: 229px; margin: 0 0 50px 0; background:url('/user_form/img/order_ok_bigtext.png') no-repeat 136px 28px; display: inline-block;}
.finish_maintext {text-align: center; margin: 100px 0 0 0;}
.finish_maintext .order_number_info {font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.finish_maintext .order_number_info em{font-weight: bold; color: #d40000;}
.finish_maintext .notice {font-size: 16px;}
.finish_maintext .notice span{color: #009ece;}

/*주문하신제품 테이블*/
.order_finish_bg .order_finish_product_bg {position:relative; width:1003px; height:auto; margin:0px 0 0 0; background:url('/user_form/img/order_ok_title01.png') no-repeat 16px 0px; display:inline-block; }
.order_finish_product_bg .order_number {position:absolute; width: 1003px; height:30px; text-align:right; font-size:15px; font-weight:bold;}
.order_finish_product_bg .order_number span {color: #009ece; padding-right: 20px;}

.order_finish_product_table {width: 1003px; text-align: center; margin: 30px 0 0 0;}
.order_finish_product_table thead tr {height: 30px; background: #e9f7fe; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8; color: #009ece;}
.order_finish_product_table tbody tr {border-bottom: 1px solid #5ab2d8; }
.order_finish_product_table tbody>tr td {height: 70px;}
.order_finish_product_table td.total_price {height: 50px; background: #e9f7fe; border-top: 1px solid #5ab2d8; border-bottom: 3px solid #5ab2d8; text-align: right; padding: 0 20px 0 0;}
.order_finish_product_table .order_item p {margin: 3px 0 0 0;}
.order_finish_product_table .order_del {cursor: pointer;}
.order_finish_product_table span.tbold {font-size: 14px; font-weight: bold;}
.order_finish_product_table span.tbold_red {font-size: 14px; font-weight: bold; color: #d40000;}

/*배송정보 테이블*/
.order_finish_bg .order_finish_addr_bg {position:relative; width:1003px;  margin:28px 0 0 0; background:url('/user_form/img/order_ok_title02.png') no-repeat 16px 0px; display: inline-block;}
.order_finish_addr_table {position: relative; width: 1003px; margin-top: 30px; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8;}
.order_finish_addr_table tr {height: 40px; border-top: 1px solid #bee7fc;}
.order_finish_addr_table tr:first-child {border: none;}
.order_finish_addr_table .verline {border-left: 1px solid #5ab2d8; color: #007fc2;}
.order_finish_addr_table .left {text-indent: 40px; color: #007fc2;}

/*안내 리스트*/
.order_finish_bg .order_finish_tip {position:absolute; width:470px; margin: 70px 0 0 20px; line-height: 23px;}
.order_finish_bg .order_finish_tip ul li {list-style: circle;}
.order_finish_bg .order_finish_tip ul li span.blue{color: #007fc2; font-weight: bold;}
.order_finish_bg .order_finish_tip ul li span.red{color: #d40000; font-weight: bold;}

/*결제정보 테이블*/
.order_finish_bg .order_finish_cash_bg {position:relative; width:512px; height:152px; margin: 40px 0 0 505px; background:url('/user_form/img/order_ok_title03.png') no-repeat 16px 0px; display: inline-block;}
.order_finish_cash_table {position: relative; width: 500px; margin-top: 30px; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8;}
.order_finish_cash_table tr {height: 40px; border-top: 1px solid #bee7fc;}
.order_finish_cash_table tr:first-child {border: none;}
.order_finish_cash_table .verline {border-left: 1px solid #5ab2d8; color: #007fc2;}
.order_finish_cash_table .left {text-indent: 40px; color: #007fc2;}
.order_finish_cash_table span.red {font-weight: bold; color: #d20000;}
.order_finish_cash_table img {vertical-align: middle;}

/*메인으로 가기 마이페이지 가기 버튼*/
.order_finish_bg .order_btn_bg {position:relative; width:1003px; height: 200px;}
.order_finish_bg .order_btn_bg ul {width: 394px; height: 64px; margin: 50px auto; padding-top: 60px;}
.order_finish_bg .order_btn_bg ul li {float: left; margin: 0 10px;}
.order_btn_bg .btn_go_mypage {width:177px; height:64px; background:url('/user_form/img/go_mypage_btn.png'); cursor:pointer;}
.order_btn_bg .btn_go_main {width:177px; height:64px; background:url('/user_form/img/go_main_btn.png'); cursor:pointer;}


/*********회원가입********************************************************************************************************************************/
.top_bg .navi_step_timeout {width: 250px; height: 40px; float: right;}
.navi_step_timeout ul {float: right;}
.navi_step_timeout li {height: 40px; margin: 0 8px 0 0; float:left; line-height: 40px;}
.navi_step_timeout .cs_home_icon {width:11px; height:40px; background: url('/cs_center/img/home_icon_cs.png') no-repeat center center;}

.mainbody_bg .join_bg {position: relative; width:1003px; height: auto; margin-top:9px; display:inline-block;}
.join_bg .join_main_title {width:1003px; height:63px; background:url('/user_form/img/join_top01.png') no-repeat;}
.join_bg .join_main_title02 {width:1003px; height:63px; background:url('/user_form/img/join_top02.png') no-repeat;}

.join_bg .join_contents_bg {width:1003px; height:auto; display:inline-block;}

.join_contents {width: 850px; margin: 0 auto;}
.join_contents h3 {font-size: 36px; padding: 30px 0 20px 0;}
.join_contents h3 em {font-weight: bold;}
.join_contents p.notice1 {font-size: 18px; margin: 0 0 0 20px;}
.join_contents p.notice2 {font-size: 18px; margin: 0 0 30px 20px;}
.join_contents h4 {font-size: 14px; font-weight: bold; margin: 0 0 0 20px; padding: 0 0 0 25px; background: url('/user_form/img/join2_cautionicon.png') no-repeat left center;}
.join_contents h4.terms_title {margin: 0 0 5px 0; padding: 0 0 0 20px;}
.join_contents p.h4sub {margin: 5px 0 0 45px; color: #d40000;font-size:21px;font-weight: bold;}

.choice_member {height: 302px; margin: 40px 0 50px 0;}
.choice_member li {position: relative; width: 300px; height: 300px; border: 1px solid #000; float: left; margin: 0 50px;}
.choice_member li.nomal {background: url('/user_form/img/join_type_nomal.png') no-repeat center center;}
.choice_member li.company {background: url('/user_form/img/join_type_company.png') no-repeat center center;}
.choice_member li p {position: absolute; left: 115px; bottom: 20px;}
.choice_member:after {content: ""; display: block; clear: both;}

.join_contents .terms1 {position: relative; width: 705px; height: 350px; margin: 0 0 50px 50px;}
.join_contents .terms2 {position: relative; width: 705px; height: 350px; margin: 0 0 50px 50px;}
.join_contents pre {width: 703px; height: 298px; border: 1px solid #000; overflow-y: scroll;}
.join_contents p.agree {position: absolute; right: 0; bottom: -5px;}

.join_contents ul.confirm {width: 440px; height: 30px; margin: 0 auto;}
.join_contents ul.confirm li{float: left; padding: 0 10px 50px 10px;}
.join_contents ul.confirm li button {width: 200px; height: 50px; border: none; font-weight: bold;}
.join_contents ul.confirm li button.next {background: #007fc2; color: #fff;}
.join_contents ul.confirm li button.cancel {background: #666666; color: #fff;}

    /*회원가입 정보입력*/
.join_terms h3 {font-size: 22px; font-weight: bold; margin: 30px 0 0 20px;}
.join_terms .h3sub {margin: 0 0 15px 20px;}

.join_terms table {width: 963px; margin: 0 auto; border-top: 1px solid #a8e2fb;}
.join_terms table tr {height: 80px; border-bottom: 1px solid #a8e2fb; background: #edfaff;}

.join_terms table input {width: 170px;}
.join_terms table input[type="text"] {height: 16px; padding: 5px 0; margin: 0 0 0 20px;}
.join_terms table input[type="radio"] {width: 10px; margin: 0 0 0 20px;}
.join_terms table input[type="checkbox"] {width: 15px; margin: 0 0 0 20px;}
.join_terms table input[type="password"] {height: 16px; padding: 5px 0; margin: 0 0 0 20px;}
.join_terms table select {height: 27px; padding: 5px 0;}
.join_terms table label {font-weight: bold;}

.join_terms table tr td.title {text-align: center; background: #5ab2d8; color: #fff; font-size: 13px; font-weight: bold;}
.join_terms table tr td.call input {width: 100px;}
.join_terms table tr td input.post {width: 100px;}
.join_terms table tr td input.address {width: 600px; margin: 5px 0 0 20px;}
.join_terms table tr td span.reok {vertical-align: middle;cursor:pointer;background: #007fc2; color: #fff; padding:7px;}

.join_terms table .tr_address input[type="text"] {margin: 5px 0 5px 20px;}
.join_terms table tr td span.postsch {vertical-align: middle;cursor:pointer;background: #007fc2; color: #fff; padding:7px; }

.join_terms table p.notice {color: #d40000;}

.join_terms table p.email {float:right;width: 200px;line-height: 30px;}

.join_terms ul.confirm {width: 440px; height: 30px; margin: 20px auto;}
.join_terms ul.confirm li{float: left; padding: 0 10px 50px 10px;}
.join_terms ul.confirm li button {width: 200px; height: 50px; border: none; font-weight: bold;}
/*.join_terms ul.confirm li button.next {background: #007fc2; color: #fff;}*/
.join_terms ul.confirm li span.next {display: block; width: 200px; height: 50px; background: #007fc2; color: #fff; font-size: 13px; text-align: center; font-weight: bold; line-height: 50px;cursor:pointer;}
.join_terms ul.confirm li button.cancel {background: #666666; color: #fff;}
.join_terms ul.confirm a {color: #fff;}

    /*회원가입 완료*/
.join_bg .join_main_title03 {width:1003px; height:63px; background:url('/user_form/img/join_top03.png') no-repeat;}

.join_end h3 {width: 450px; font-size: 48px; font-weight: bold; text-align: center; margin: 30px auto;}
.join_end h3 span {color: #5ab2d8;}
.join_end p {font-size: 24px; color: #8b8b8b;  text-align: center; margin: 0 0 30px 0;}

.id_pw_info {border-top: 1px solid #5ab2d8; border-bottom: 1px solid #5ab2d8; padding: 50px 0;}
.id_pw_info p {font-size: 14px; font-weight: bold; color: #000; margin: 0; padding: 0;}
.id_pw_info p span {color: red;}

.join_end ul {width: 480px; margin: 50px auto;}
.join_end ul li {text-align: center;}

.join_end a {display: block; width: 200px; height: 50px; background: #007fc2; color: #fff; font-weight: bold; text-align: center; line-height: 50px; margin: 50px auto;}

    /*아이디찾기*/
.top_bg .navi_step_idSearch {width: 250px; height: 40px; float: right;}
.navi_step_idSearch ul {float: right; }
.navi_step_idSearch li {height: 40px; float: left; line-height: 40px; margin: 0 8px 0 0;}
.navi_step_idSearch .cs_home_icon {width: 11px; height: 40px; background: url('/cs_center/img/home_icon_cs.png') no-repeat right center;}


.idSearch_title {width: 500px; margin: 70px auto 0 auto; text-align: center;}
.idSearch_title h3 {font-size: 36px; font-weight: bold; color: #3b80ad; padding: 90px 0 0 0; background: url('/user_form/img/idSearch_title.jpg') no-repeat top center;}
.idSearch_title p {font-size: 14px; font-weight: bold; color: #a3a3a3;}

.idSearch_form {width: 850px; border: 3px solid #5ab2d8; margin: 30px auto 0 auto;}
.idSearch_form input[type="text"] {width: 100px; height: 20px;}
.idSearch_form h4 {font-size: 32px; font-weight: bold; color: #3b80ad; margin: 0 0 20px 0;}

.idSearch_normal {margin: 10px 0; padding: 40px; float: left;}
.idSearch_normal p {margin: 0 0 10px 0;}
.idSearch_normal input[type="submit"] {display: block; width: 120px; height: 30px; margin: 20px auto 0 auto;}
.idSearch_normal input.input100 {width: 70px;}

.idSearch_company {margin: 10px 0; padding: 40px; float: right; border-left: 1px solid #ddd;}
.idSearch_company p {margin: 0 0 10px 0;}
.idSearch_company input[type="submit"] {display: block; width: 120px; height: 30px; margin: 20px auto 0 auto;}
.idSearch_company input.input100 {width: 70px;}


.idSearch .notice {clear: both;text-align: center; margin: 20px 0 100px 0;}

    /*아이디 확인*/
.top_bg .navi_step_idConfirm {width: 250px; height: 40px; float: right;}
.navi_step_idConfirm ul {float: right; }
.navi_step_idConfirm li {height: 40px; float: left; line-height: 40px; margin: 0 8px 0 0;}
.navi_step_idConfirm .cs_home_icon {width: 11px; height: 40px; background: url('/cs_center/img/home_icon_cs.png') no-repeat right center;}

.idConfirm {margin: 0 0 50px 0;}
.idConfirm_title {width: 900px; margin: 50px auto 0 auto; text-align: center;}
.idConfirm_title h3 {font-size: 36px; font-weight: bold;  color: #3b80ad; padding: 90px 0 0 0; background: url('/user_form/img/idSearch_title.jpg') no-repeat top center;}
.idConfirm_title p {font-size: 18px; font-weight: bold; color: #a3a3a3;}

.idShow {border-top: 1px solid #5ab2d8; border-bottom: 1px solid #5ab2d8; margin: 100px 0 200px 0; padding: 20px 0; text-align: center;}
.idShow ul li {line-height: 30px;}
.idShow .id_view {font-size: 14px;}
.idShow .id_view span {font-weight: bold; color: red;}
.idShow .notice {color: #888; margin: 0 0 30px 0;}
.idShow a {display: inline-block; width: 150px; height: 40px; background: #3b80ad; font-size: 14px; font-weight: bold; color: #fff; line-height: 40px;}
.idShow .pwSearch {background: #5ab2d8;}

/*********디자인샘플명함 주문하기********************************************************************************************************************************/

.designSampleOrder h3 {font-size: 21px; font-weight: bold; margin: 0 0 20px 20px;}
.companyOrder_title {width: 1003px; height: 75px; background: url('/user_form/img/companyOrder_title.png'); margin: -1px 0 40px 0; text-indent: -9999px;}
.designSampleOrder_title {width: 1003px; height: 75px; background: url('/user_form/img/designSampleOrder_title.png'); margin: -1px 0 40px 0; text-indent: -9999px;}





.designSampleOrder .notice {padding: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.designSampleOrder .notice em {font-size: 18px; font-weight: bold; color: red;}
.designSampleOrder .notice p {margin: 10px 0 0 0; font-size: 14px; font-weight: 600;}
.designSampleOrder .notice p span {color: red;}







.designSampleOrder_title_envel {width: 1003px; height: 75px; background: url('/user_form/img/designSampleOrder_title_envel.png'); margin: -1px 0 40px 0; text-indent: -9999px;}

/*디자인편집 하신 시안을 확인하세요.*/
.design_preview {height: 390px; margin: 0 0 35px 0; background: #eee;}
.design_preview_v {height: 590px; margin: 0 0 35px 0; background: #eee;} /*세로명함일경우*/
.design_preview .frontView {float: left; width: 473px; padding: 40px 0 0 20px;}
.design_preview_v .frontView {float: left;text-align: center; width: 473px; padding: 40px 0 0 20px;} /*세로명함일경우*/
.design_preview .frontView_envel {width: 473px; margin: 0 auto; padding: 40px 0 0 20px;}

.frontView span {display: block; width: 100px; height: 35px; line-height: 35px; background: #000; color: #fff; font-size: 18px; margin: 15px auto; text-align: center;}
.frontView_envel span {display: block; width: 100px; height: 35px; line-height: 35px; background: #000; color: #fff; font-size: 18px; margin: 15px auto; text-align: center;}

.design_preview .backView {float: right; width: 473px; padding: 40px 20px 0 0;}
.design_preview_v .backView {float: right;text-align: center; width: 473px; padding: 40px 20px 0 0;}
.backView span {display: block; width: 100px; height: 35px; line-height: 35px; background: #000; color: #fff; font-size: 18px; margin: 15px auto; text-align: center;}

.order_wrap {clear: both; display: inline-block; margin: 0 0 50px 0; padding: 35px 0 0 0;}

/*주문정보를 입력하시고 주문하세요.*/
.order_input {position: relative; width: 450px; float: left; background: #eee; padding: 20px;}
.order_input h4 {font-size: 18px; font-weight: bold; margin: 0 0 10px 30px;}
.order_input input[type="text"] {width: 300px; height: 21px; margin: 0 0 20px 60px;}
.order_input select {width: 300px; /*height: 25px;*/ margin: 0 0 20px 60px;}
.order_input textarea {width: 300px; height: 100px; margin: 0 0 0 60px; display: block; clear: both;}

/*후가공 귀도리 선택*/
.order_input .af_round {width: 260px; padding: 20px; margin: 0 0 30px 40px; display: none; /*border: 1px dashed #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/}
.order_input .af_round em {font-size: 16px; font-weight: 600; color: #d40000;}
.order_input .af_round p.txt {margin: 0 0 20px 20px; }
.order_input .af_round div.opt_1 {margin: 0 0 40px 20px;}
.order_input .af_round div.opt_1 p {font-weight: bold; color: blue;}
.order_input .af_round div.opt_1 img {position: absolute; top: 472px; right: 156px;}
.order_input .af_round div.opt_2 {margin: 0 0 10px 20px;}
.order_input .af_round div.opt_2 p {font-weight: bold; color: blue;}
.order_input .af_round div.opt_2 div {position: absolute; top: 550px; right: 107px;}
.order_input .af_round div.opt_2 div.round_choice_2 {display: none;}
.order_input .af_round div.opt_2 div.round_choice_2 input.point1 {position: absolute; top: 0; left: 0;}
.order_input .af_round div.opt_2 div.round_choice_2 input.point2 {position: absolute; top: 0; right: 0;}
.order_input .af_round div.opt_2 div.round_choice_2 input.point3 {position: absolute; bottom: 0; right: 0;}
.order_input .af_round div.opt_2 div.round_choice_2 input.point4 {position: absolute; bottom: 0; left: 0;}
.order_input .af_round div.opt_2 div.round_choice_2 img.num1 {position: absolute; top: 15px; left: 15px;}
.order_input .af_round div.opt_2 div.round_choice_2 img.num2 {position: absolute; top: 15px; right: 15px;}
.order_input .af_round div.opt_2 div.round_choice_2 img.num3 {position: absolute; bottom: 15px; right: 15px;}
.order_input .af_round div.opt_2 div.round_choice_2 img.num4 {position: absolute; bottom: 15px; left: 15px;}
.order_input .af_round label {margin: 0 15px 0 5px;}

/*주문전 꼭 확인하세요!*/
.order_confirm {width: 490px; float: right; margin: 0 0 0 23px;}
.order_confirm .check em {display: block; background: #5ab2d8; height: 50px; color: #fff; font-size: 26px; font-weight: bold; line-height: 50px; text-indent: 20px;}
.order_confirm .check ul {background: #ddf2fb; padding: 20px 0;}
.order_confirm .check ul li {padding: 10px 0 0 20px;}
.order_confirm .check ul li:first-child {padding: 0 0 0 20px;}
.order_confirm .agree {height: 30px; margin: 10px 0 0 0; border-bottom: 1px solid #eaeaea;}
.order_confirm .agree .chk {float: right; margin: 0 10px 0 0;}

/*결제하실 금액*/
.order_confirm .priceInfo {margin: 37px 0 30px 10px;}
.order_confirm .priceInfo > div {font-size: 14px;}
.order_confirm .priceInfo .totalPrice {font-size: 24px; margin: 20px 0 0 0;}
.order_confirm .priceInfo .totalPrice em {font-weight: bold;}
.order_confirm .priceInfo .totalPrice em.red {font-weight: bold; color: red;}
.order_confirm .priceInfo .totalPrice span {font-size: 14px;}
.order_confirm .priceInfo .totalPrice span#total_msg_price {font-size: 24px;}

/*주문버튼*/
.btns {margin: 0 0 0 10px;}
.order_confirm .span_btn {padding: 10px 30px; background: #000; color: #fff; font-size: 18px; font-weight: bold; border: none; margin: 0 2px;cursor:pointer;}
.order_confirm .reEdit {background: #b2b2b2;}
.order_confirm .cartIn {background: #5ab2d8;}
.order_confirm .orderNow {background: #7cc576;}

/*용지이미지팝업*/
.paperView {position: absolute; top: -200px; right: -300px; background: #fff; padding: 10px; border: 3px solid #ddd; z-index: 700; display: none;}
.paperView2 {position: absolute; top: -80px; right: -300px; background: #fff; padding: 10px; border: 3px solid #ddd; z-index: 700; display: none;}
/*귀도리 이미지 팝업*/
.roundView {position: absolute; top: -140px; right: -300px; background: #fff; padding: 10px; border: 3px solid #ddd; z-index: 700; display: none;}

/*장바구니 선택시 팝업*/
.cart_popup {position: absolute; top: -25px; left: 50%; width: 450px; height: 215px; margin: 0 0 0 -200px; background: #fff; border: 5px solid #000; /*display: none;*/}
.cart_popup .inner {position: relative; width: 450px; height: 215px; text-align: center;}
.cart_popup .inner p {font-size: 20px; font-weight: bold; padding: 60px 0 7px 0;}
.cart_popup .inner em {color: red; font-weight: 600;}
.cart_popup .inner a {display: inline-block; padding: 10px 25px; color: #fff;}
.cart_popup .inner ul {width: 285px; margin: 25px auto 0 auto;}
.cart_popup .inner ul:after {content: ""; display: block; clear: both;}
.cart_popup .inner ul li {float: left; margin: 0 5px;}
.cart_popup .inner ul li a {font-weight: 600;}
.cart_popup .inner ul li.cart_view {background: #000;}
.cart_popup .inner ul li.edit_plus {background: red;}


/*20151023 추가*/
.agree_chk {margin: 15px 0 0 0; padding: 15px 0; text-align: center; background: #f2f2f2;}
.agree_chk dt {margin: 10px 0 0 0; font-weight: 600;}
.agree_chk dt:first-child {margin: 0;}
.agree_chk dd {color: #5e5e5e;}
.agree_chk p {margin: 10px 0 0 0;}
.agree_chk label {color: red; font-weight: 600;}