@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css); 
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 



/*마이페이지 로케이션 - 타이틀*/
.top_bg .navi_step_myPage {width: 300px; height: 40px; float: right;}
.navi_step_myPage ul {float: right;}
.navi_step_myPage li {height: 40px; float: left; line-height: 40px; padding: 0 0 0 7px;}
.navi_step_myPage .cs_home_icon {width: 20px; height: 40px; background: url('/cs_center/img/home_icon_cs.png') no-repeat right center;}
.mainbody_bg .myPage_bg {position: relative; width: 1003px; height: auto; margin-top: 9px;}
.myPage_bg .myPage_main_title {width: 1003px; height: 63px; /*margin: 0 0 30px 0;*/ background: url('/my_page/img/myPage_main_title.png') no-repeat left top; border-bottom: 1px solid #5ab2d8; text-indent: -9999px;}
.myPage_bg .cart_title {margin: 0;}

/*마이페이지 전체 컨텐츠 */
.myPage_bg .myPage_contents_bg {position: relative; width: 1003px; height: auto;}
.myPage_contents_bg>h3 {margin: 0 0 0 25px;}
.myPage_contents_bg>h3.cart_title {margin: 7px 0 0 0;}

/*마이페이지 좌측카테고리 */
.myPage_contents_bg .myPage_contents_left {position: relative; width: 165px; float: left; margin: 20px 0 50px 0; border: 3px solid #5ab2d8;}
.myPage_contents_left_title {width: 151px; padding: 7px; background: #5ab2d8; font-size: 14px; font-weight: bold; color: #fff; text-align: center;}

.myPage_contents_left ul {padding: 15px;}
.myPage_contents_left li {padding: 10px 0; cursor: pointer;}
.myPage_contents_left li:hover {font-weight: bold; color: #000;}
.bold {font-weight: bold; color: #5ab2d8;}

.myPage_contents_left ul li.left_cate04 ul {padding: 0;}
.myPage_contents_left ul li.left_cate04 ul li {width: 120px; height: 25px; margin: 10px 0; padding: 5px; line-height: 25px; text-align: center; background: #5ab2d8; color: #fff; display: none;}
.myPage_contents_left ul li.left_cate04 ul li:hover {background: #d40000;}
.myPage_contents_left ul li.left_cate04:hover {border: none;}
.myPage_contents_left ul li  a {color: #fff;}




/*마이페이지 우측 컨텐츠*/
.myPage_bg .myPage_contents_right {position: relative; width: 795px; float: right; margin: 0 0 30px 0;}

    /*마이페이지 메인*/
.right_contents_main {margin: 20px 0 0 0;}
.right_contents_main .box1 {width: 780px; border: 1px solid #000; margin: 0 0 40px 0;}
.right_contents_main .box1 h3 {width: 100%; height: 30px; background: #eaeaea; font-weight: bold; line-height: 30px; text-indent: 20px;}

.right_contents_main .box1 table {width: 600px; margin: 30px auto; }
.right_contents_main .box1 table tr td.indent {text-indent: 30px;}
.right_contents_main .box1 table tr td.bold {font-weight: bold;}

.right_contents_main .box2 {width: 780px; height: 116px; margin: 0 0 50px 0;}
.right_contents_main .box2 ul {width: 756px; height: 116px; margin: 0 auto;}
.right_contents_main .box2 ul li {float: left; width: 116px; height: 116px; margin: 0 17px; overflow: hidden; }
.right_contents_main .box2 ul li img:hover {margin: -116px 0 0 0;}

.right_contents_main .box3 {margin: 0 0 50px 0;}
.right_contents_main .box3 h4 {margin: 30px 0 15px 0;}
.right_contents_main .box3 h4>a {margin: 0 0 0 20px;}
/*.right_contents_main .box3 a:hover {color: #000;}*/

.right_contents_main .box4 ul li {float: left; margin: 0 22px 10px 0;}
.right_contents_main .box4 h4 {margin: 0 0 20px 0;}
.right_contents_main .box4 h4>a {margin: 0 0 0 20px;}

/*마이페이지 메인 최근주문내역 _ 나의 디자인 리스트*/
.order_list_preview table {width: 780px; margin: 0 0 50px 0;}
.order_list_preview table tr{height: 40px; border-bottom: 1px solid #a8e2fb; text-align: center;}
.order_list_preview table tr:first-child {height: 30px; background: #5ab2d8; font-weight: bold; color: #fff;}


.myDesignList_btn ul li {float: left; margin: 0 0 0 15px;}
.myDesignList_btn ul li:first-child {margin: 0;}
.myDesignList_btn:after {content: ""; display: block; clear: both;}




    /*장바구니*/
.cart_none {display: none;}
.myPage_cart_table {width: 795px; text-align: center; margin: 30px 0 20px 0; border-bottom: 1px solid #5ab2d8; }
.myPage_cart_table thead tr {height: 30px; background: #e9f7fe; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8; color: #009ece;}
.myPage_cart_table tbody>tr td {height: 70px;}
.myPage_cart_table .order_item p {margin: 3px 0 0 0;}
.myPage_cart_table .order_del {cursor: pointer;}
.myPage_cart_price td {text-align: center;}
.myPage_cart_price td.total_price {height: 50px; background: #e9f7fe; border-top: 3px solid #5ab2d8; border-bottom: 3px solid #5ab2d8;}
.myPage_cart_price span.tbold {font-size: 14px; font-weight: bold;}
.myPage_cart_price span.tbold_red {font-size: 14px; font-weight: bold; color: #d40000;}
.confirm {clear: both; width: 420px; margin: 50px auto;}
.confirm input[type="button"] {width: 200px; height: 50px; margin: 0 5px;}
.cart_info {width:773px; border: 1px solid #d4d4d4; padding: 10px; margin: 5px 0 0 0;}
.cart_info ul li {list-style: circle; margin: 0 0 0 20px; line-height: 20px;}


.cart_info_new {width:983px; border: 1px solid #d4d4d4; padding: 10px; margin: 20px 0 0 0;}
.cart_info_new ul li {margin: 0 0 0 30px; line-height: 20px;}


.cart_order_btn {background: #cc1d22; border: none; color: #fff; font-size: 16px; font-weight: bold;cursor: pointer;}
.cart_del_btn {background: #b2b2b2; border: none; color: #fff; font-size: 16px; font-weight: bold;cursor: pointer;}
.cart_other_btn {background: #b2b2b2; border: none; color: #fff; font-size: 16px; font-weight: bold;cursor: pointer;}

.qna_list01_num {text-align:center; font-size:12px; font-weight:bold; padding-top:12px; color:#5ab2d8;}

    /*주문 배송조회 재주문*/
/*
.my_page_oder_list {height: 770px;}
*/
.my_page_oder_list {}

.order_search_bg {margin: 8px 0;width: 795px;height: 52px;position: relative;}
.order_search_bg .select_box {width: 550px; padding: 10px; border: 3px solid #5ab2d8;}
.order_search_bg select {padding: 3px 0;}
.order_search_bg input[type="submit"] {width: 100px; height: 25px; background: #01799d; border: none; font-weight: bold; color: #fff; cursor: pointer;}
/*.order_list {position: relative; width: 100%; margin: 0 0 30px 0;}
.order_list table {width: 795px; height: auto;}
.order_list table tr{height: 70px; border-bottom: 1px solid #a8e2fb; text-align: center;}
.order_list table tr:first-child {height: 30px; background: #5ab2d8; font-weight: bold; color: #fff;}
.order_list table tr td.okok {text-indent: -9999px; background: url('/qna/img/qna_liststate_yes.png') no-repeat center center;}
.order_list table tr td.none {text-indent: -9999px; background: url('/qna/img/qna_liststate_no.png') no-repeat center center;}
.order_list table a {display: block; width:100px; height: 30px; margin: 0 0 0 25px; }
.order_list table tr td span {font-size: 11px; color: #bbb; margin: 0 5px; cursor: pointer; display: inline-block;}
.order_list table tr td span.on {color: #009ece;} 
.order_list table tr td span img {display: block; margin: 0 auto; padding: 0 0 5px 0;}
.order_list table tr td.state01 {background: url('/my_page/img/dil_list_state01.png') no-repeat center center;}
.order_list table tr td.state02 {background: url('/my_page/img/dil_list_state02.png') no-repeat center center;}
.order_list table tr td.state03 {background: url('/my_page/img/dil_list_state03.png') no-repeat center center;}
.order_list table tr td.state04 {background: url('/my_page/img/dil_list_state04.png') no-repeat center center;}*/
.order_info {width:773px; border: 1px solid #d4d4d4; padding: 10px; margin: 5px 0 0 0;}
.order_info ul li {list-style: circle; margin: 0 0 0 20px; line-height: 20px;}


/*재주문 팁버튼*/
button.tip_btn_ex {display: inline-block;width:200px;background:url(../my_page/img/reorder_tip_btn.png)no-repeat;border:3px solid #9e0000;
text-align: center;height: 51px;}
div#tip_btn {position: absolute;top:0;right:0;}
/*20150227 수정*/
ul.order_list_title {background: #5ab2d8; *zoom: 1;}
ul.order_list_title:after {content: ""; display: block; clear: both;}
ul.order_list_title li {float: left; padding: 10px 0; color: #fff; text-align: center;}
ul.order_list_title li.no {width: 140px;}
ul.order_list_title li.name {width: 110px;}
ul.order_list_title li.name_sub {width: 80px;}
ul.order_list_title li.price {width: 90px;}
ul.order_list_title li.payment {width: 80px;}
ul.order_list_title li.work {width: 100px;}
ul.order_list_title li.view {width: 275px;}

ul.order_list_row {height: 50px; padding: 20px 0; border-bottom: 1px solid #a8e2fb;}
ul.order_list_row li.block {float: left; text-align: center;}
ul.order_list_row li.no {width: 140px;}
ul.order_list_row li.name {width: 110px;}
ul.order_list_row li.name_sub {width: 80px;}
ul.order_list_row li.price {width: 90px;}
ul.order_list_row li.payment {width: 80px;}
ul.order_list_row li.work {width: 100px;}
ul.order_list_row li.view {width: 275px;}
ul.order_list_row li.view ul {margin: 0 0 0 10px;}
ul.order_list_row li.view ul li {float: left; padding: 0 3px;}
ul.order_list_row li.view ul li a:hover {color: #5ab2d8;}
ul.order_list_row li.view ul li p {font-size: 11px; padding: 5px 0 0 0;}

ul.order_list_row li.block_view ul li {float: left; padding: 0 13px;}

/*20180514*/

/*성공시*/
.cover_success{width: 795px;height: 91px;background-color:rgba(88, 177, 216, 0.9);position: absolute;margin-top: -20px;display:block;font-family: 'Nanum Gothic', sans-serif;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9aff,endColorstr=#5b9aff);

/*임시추가*/
/*position: absolute;margin-top: 405px;z-index: 999;margin-left: 208px;*/

}
.su_left_text {float:left;color:#fff;margin: 15px 0 0 15px;text-align: left;}
.su_left_text h2 {font-size:14px;margin-bottom: 10px;text-align: left;}
.su_left_text p {font-size:12px;text-align: left;}

.light_text {line-height: 91px;float:right;font-size: 20px;color:#fff;font-weight: bold;margin-right: 120px;}


.light_text p {    float: left;
    position: absolute;
    right: 120px;}

.light_text img { 
        position: absolute;
        float:left;
        width: 20px; 
        line-height: 91px; 
        display: inline-block;
        margin-top: 37px;
        animation: arrowswing 0.7s ease-in-out infinite;       
}



@keyframes arrowswing {         
        0% {margin-left: 3px;}
        50% {margin-left: 6px;}
        100% {margin-left: 3px;}
}

/*temp 배송 출고 조회 css*/

.cover_success_d{width: 1003px;height: 69px;position: absolute;display:block;font-family: 'Nanum Gothic', sans-serif;z-index: 999;top:0;background-color:rgba(88, 177, 216, 0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9aff,endColorstr=#5b9aff);border-bottom:1px solid #cccccc;

/*임시추가*/
/*position: absolute;margin-top: 405px;z-index: 999;margin-left: 208px;*/

}

.su_left_text_d {float:left;color:#fff;margin: 10px 0 0 15px;}
.su_left_text_d h2 {font-size:14px;margin-bottom: 10px;}
.su_left_text_d p {font-size:12px;}

.light_text_d {line-height: 91px;float:right;font-size: 20px;color:#fff;font-weight: bold;margin-right: 120px;}


.light_text_d p {    float: left;
    position: absolute;
    right: 120px;line-height: 70px;}

.light_text_d img { 
        position: absolute;
        float:left;
        width: 20px; 
        line-height: 91px; 
        display: inline-block;
        margin-top: 26.5px;
        animation: arrowswing 0.7s ease-in-out infinite;       
}


/*실패시*/
.cover_fail{position: absolute; width: 795px;height: 91px;position: absolute;margin-top: -20px;display: block;font-family: 'Nanum Gothic', sans-serif;background-color:rgba(234, 27, 92, 0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6868,endColorstr=#ff6868);
/*임시추가*//*margin-top: 314px;z-index: 999;margin-left: 208px;*/

}
.cover_fail .fa_left_text {float:left;color:#fff;margin: 15px 0 0 15px;}
.cover_fail .fa_left_text h2 {font-size:14px;margin-bottom: 10px;}
.cover_fail .fa_left_text p {font-size:12px;}

.light_btn {float:right;}
.light_btn li{float:left;width: 105px;font-size:12.5px;color:#808284;background-color:#f1f1f2;text-align: center;line-height: 26px;border-radius: 3px;margin:33px 15px 0 0;font-weight: bold;}

.light_btn li:hover {color:#000;box-shadow: 2px 2px 1px 1px #02020242;}

.light_btn_sub {float:right;}
.light_btn_sub li{float:left;width: 110px;font-size:12.5px;color:#808284;background-color:#f1f1f2;text-align: center;height: 25px;line-height: 25px;border-radius: 3px;margin:33px 15px 0 0;font-weight: bold;}

.light_btn_sub li>a {margin: 0 0 0 5px !important;font-size:12px !important;}

.light_btn_sub li:hover {color:#000;box-shadow: 2px 2px 1px 1px #02020242;}

/*temp 배송 출고 조회 css*/

.cover_fail_d{width: 1003px;height: 69px;position: absolute;display:block;font-family: 'Nanum Gothic', sans-serif;z-index: 999;border-bottom: 1px solid #ccc;background-color:rgba(234, 27, 92, 0.8);top:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6868,endColorstr=#ff6868);

}
.cover_fail_d .fa_left_text {float:left;color:#fff;margin: 10px 0 0 15px;text-align: left;}
.cover_fail_d .fa_left_text h2 {font-size:14px;margin-bottom: 10px;text-align: left;}
.cover_fail_d .fa_left_text .reupload_pw {font-size:11px;}
.cover_fail_d .fa_left_text p {font-size:12px;text-align: left;}


.light_text_d {line-height: 91px;float:right;font-size: 20px;color:#fff;font-weight: bold;margin-right: 120px;}


.light_text_d p {    float: left;
    position: absolute;
    right: 120px;line-height: 70px;}

.light_text_d img { 
        position: absolute;
        float:left;
        width: 20px; 
        line-height: 91px; 
        display: inline-block;
        margin-top: 26.5px;
        animation: arrowswing 0.7s ease-in-out infinite;       
}

.upload_btn span {color:#767676 !important;}




/*재주문 임시 가림*/
ul.order_list_row li.view ul li.view_reOrder {/*display: none;*/}

ul.order_list_row .order_no a {font-weight: bold; color: #d40000;}
ul.order_list_row .strong {font-weight: bold;}
ul.order_list_row .order_date {color: #818181;}

ul.order_list_row .card_paper {margin: 15px 0 0 0;}
ul.order_list_row .card_paper a {padding: 3px 5px; background: #f68e56; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
ul.order_list_row .order_cancel {margin: 7px 0 0 0;}
ul.order_list_row .order_cancel a {padding: 3px 5px; background: #ed145b; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}



    /*주문취소내역*/
.cancel_list {margin: 0 0 30px 0;}
.cancel_board_list {width: 795px; margin: 10px 0 0 0;}
.cancel_board_list td {height: 50px; border-bottom: 1px solid #a8e2fb;}
.cancel_board_list th {background: #5ab2d8; color: #fff; text-align: center; height: 30px;}
.cancel_board_list td {text-align: center;}
.cancel_board_list td.cancel_reason {cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cancel_board_list td.cancel_reason:hover {color: #5ab2d8;}
/*.cancel_board_list td.product{background: url('/esti/img/bizcard_icon.png') no-repeat 13px center; text-indent: 30px;}
.cancel_board_list td.state1{background: url('/esti/img/esti_order_list_btn01.png') no-repeat center center; text-indent: -9999px;}
.cancel_board_list td.state2{background: url('/esti/img/esti_order_list_btn02.png') no-repeat center center; text-indent: -9999px;}
.cancel_board_list td.state3{background: url('/esti/img/esti_order_list_btn03.png') no-repeat center center; text-indent: -9999px;}
.cancel_board_list td.state4{background: url('/esti/img/esti_order_list_btn04.png') no-repeat center center; text-indent: -9999px;}
.cancel_board_list td.staff{background: url('/esti/img/tel_icon.png') no-repeat 25px center; text-indent: 20px;}*/



/*파일점검*/
.test_ui {width: 795px;height: 145px;background-color:#5ab2d8;}
.test_select {float:left;width: 465px;height: 110px;color:#fff;margin: 17.5px 0 0 18px;border-right: 1px solid #fff;}
.test_select li {width: 465px;height: 40px;}
.test_select p {font-size:14px;width: 75px;}


/*

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -57px top no-repeat;
}

*/

.product p {float:left;}
.product p:nth-child(2) {margin-left: 12px;}

.size {width: 485px;height: 30px;float:left;}
.size p {float:left;}

.select {float:left;width: 110px;height: 22px;border-radius: 3px;background-color:#f1f1f2;margin-left: 12px;border:none;}







.size .button {float:left;width: 120px;height: 22px;border-radius: 3px;background-color:#f1f1f2;margin-left: 12px;}
.size .button p {color:#808284;font-size:12px;width: 120px;line-height: 22px;text-align: center;}
.size .button:hover p{color:#000000;}

.select img {float:right;margin:5px 5px 0 0}


.ea p {float: left;}

.test_btn {float:right;width: 310px;height: 110px;color:#fff;margin-top: 17.5px;}
.test_btn li {float:left;}
.file_btn {float:left;width: 100px;height: 24px;border-radius: 3px;background-color:#e6e7e8;margin-left: 10px;}


.uplode{opacity: 0;}

input .uplode {float:left;width: 100px;
  height: 24px;
  border-radius: 3px;
  font-weight: 600;
  border-color: transparent;
  font-size: 12px;
  background: #9a9a9a;
  color: #fff;
  cursor: pointer;position: absolute;}

button.replace {float:left;width: 100px;
  height: 24px;
  border-radius: 3px;
  font-weight: 600;
  border-color: transparent;
  font-size: 12px;
  background: #9a9a9a;
  color: #fff;
  cursor: pointer;
position: absolute;}


.text_box {float:left;width: 175px;height: 24px;margin-left: 10px;border-radius: 3px;background-color:#fff;}

.start_btn {
    float: left;
    min-width: 285px;
    margin: 10px 0 0 10px;
    line-height: 74px;
    text-align: center;
    border-radius: 3px;
    background: #e6e7e8;
    font-size: 24px;
    color: #808284;
    overflow: hidden;
    border: none;
    transition: all 0.3s
}

.start_btn:hover, .start_btn:active {
    color: #fff;
    background: #eb2f69;
}

.start_btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

     /*파일점검 리스트*/




.test_list {margin-top: 30px;}
.test_list h2{color:#808284;font-size:15px;}
.test_list ul {}
.test_list ul li {float: left;font-size:13px;width: 113px;text-align:center;margin-top:15px;border-bottom: 0.5px solid #c2c3c4;padding-bottom: 5px;display: block;}

.test_list ul li:nth-child(6) {width: 186px;}
.test_list ul li:nth-child(7) {width: 40px;}


.test_list ul.test_chart li {color:#4b4b4b;}


.test_list ul.test_result1 li {color:#7b7b7b;font-size:12px;}

.test_list ul.test_result2 li {color:#7b7b7b;font-size:12px;}
.test_list ul.test_result2 li span {color:#eb2f69;}



    /*나의 디자인 리스트*/
.myDesignList {height: 1500px;}


    /*견적후바로주문 리스트*/
.esti_list {margin: 0 0 30px 0;}
.esti_search_bg {margin: 0 0 30px 0;}
.esti_search_bg .select_box {width: 510px; padding: 10px; border: 3px solid #5ab2d8;}
.esti_search_bg select {padding: 3px 0;}
.esti_search_bg input[type="button"] {width: 100px; height: 25px; background: #01799d; border: none; font-weight: bold; color: #fff; cursor: pointer;}
.esti_board_list {width: 795px; margin: 20px 0 0 0; clear: both;}
.esti_board_list td {height: 50px; border-bottom: 1px solid #a8e2fb;}
.esti_board_list th {background: #5ab2d8; color: #fff; text-align: center; height: 30px;}
.esti_board_list td {text-align: center;}
/*.esti_board_list td.product{background: url('/esti/img/bizcard_icon.png') no-repeat 13px center; text-indent: 30px;}*/
.esti_board_list td.state1{background: url('/esti/img/esti_order_list_btn01.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.esti_board_list td.state2{background: url('/esti/img/esti_order_list_btn02.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.esti_board_list td.state3{background: url('/esti/img/esti_order_list_btn03.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.esti_board_list td.state4{background: url('/esti/img/esti_order_list_btn04.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.esti_board_list td.staff{background: url('/esti/img/tel_icon.png') no-repeat 25px center; text-indent: 20px;}
.esti_info {width:773px; border: 1px solid #d4d4d4; padding: 10px; margin: 5px 0 0 0;}
.esti_info ul li {list-style: circle; margin: 0 0 0 20px; line-height: 20px;}

    /*세금계산서 신청조회*/
/*.taxbill {height: 1000px;}    */
.taxbill em {display: inline-block;}
.taxbill_box1 {width: 793px; margin: 10px 0 30px 0; border: 1px solid #000; border-left: none; border-bottom: none; text-align: center;}
.taxbill_box1 td {padding: 5px 0; border-left: 1px solid #000; border-bottom: 1px solid #000;}
.taxbill_box1 .head {background: #a1e3ff;}
.taxbill_box1 .bg {background: #eaeaea;}
.taxbill_box2 {width: 793px; margin: 0 0 30px 0; border: 1px solid #000; border-left: none; border-bottom: none; text-align: center;}
.taxbill_box2 td {padding: 5px 0; border-left: 1px solid #000; border-bottom: 1px solid #000;}
.taxbill_box2 .head {background: #a1e3ff;}
.taxbill_info {width:773px; border: 1px solid #d4d4d4; padding: 10px; margin: 5px 0 0 0;}
.taxbill_info ul li {list-style: circle; margin: 0 0 0 20px;}

    /*세금계산서 신청테이블*/
#surtax_frm {display: none;}
#surtax_frm table.tax_app_table {margin: 0 0 30px 0;}
#surtax_frm table.tax_app_table tr.head td {padding: 10px 0; font-size: 14px; font-weight: bold;}
#surtax_frm table.tax_app_table tr.confirm td {padding: 15px 0;}
#surtax_frm table.tax_app_table tr.confirm td span {display: inline-block; padding: 7px 30px; background: #000; color: #fff;}
#surtax_frm table.tax_app_table tr.confirm td span#surtax_cancel {background: #8c8c8c;}

#surtax_frm table.tax_app_table table tr td {padding: 7px 0 7px 20px; border: 1px solid #000;}
#surtax_frm table.tax_app_table table tr td.title {background: #eee; font-weight: 600;}
#surtax_frm table.tax_app_table table tr td input[type="text"] {padding: 4px 5px; border: 1px solid #ddd;}
#surtax_frm table.tax_app_table table tr td select {padding: 3px 0; border: 1px solid #ddd;}



/*세금계산서 이메일 변경 17-09-07*/

input #change_email {width: 50px;}


    
    /*현금영수증 신청조회*/
.cashbill_list {margin: 0 0 30px 0;}
.cashbill_search_bg {margin: 0 0 30px 0;}
.cashbill_board_list {width: 795px; margin: 20px 0 0 0;}
.cashbill_board_list td {height: 50px; border-bottom: 1px solid #a8e2fb;}
.cashbill_board_list th {background: #5ab2d8; color: #fff; text-align: center; height: 30px;}
.cashbill_board_list td {text-align: center;}

    /*배송지 주소록 관리*/
.address {margin: 0 0 30px 0;}
.address_list em{font-size: 18px; font-weight: bold;}
.address_board_list {width: 795px; margin: 10px 0 40px 0;}
.address_board_list tr:hover {background: #e1f6ff;}
.address_board_list th {background: #5ab2d8; color: #fff; text-align: center; height: 30px;}
.address_board_list td {height: 50px; border-bottom: 1px solid #a8e2fb; text-align: center;}
.address_board_list .edit {background: url('/my_page/img/edit_btn.png') no-repeat center center; cursor: pointer; text-indent: -9999px;}
.address_board_list .del  {background: url('/my_page/img/del_btn.png') no-repeat center center; cursor: pointer; text-indent: -9999px;}
.address_board_list .add:hover {text-decoration: underline; cursor: pointer;}


.address_add_board {margin: 10px 0 40px 0; border: 1px solid #c2c2c2; border-bottom: none;}
.address_add_board input[type="text"] {padding: 3px 0;}
.address_add_board td {padding: 10px 0; border-bottom: 1px solid #c2c2c2;}
.address_add_board td.title {background: #5ab2d8; color: #fff; font-weight: bold; text-align: center;}
.address_add_board td.input {padding: 10px 0 10px 20px;}
.address_add_board td span {padding: 2px 10px; display: inline-block; background: red; color: #fff; cursor: pointer;}


/*.address_add_board input.address {width: 390px; margin: 5px 0 0 0;}*/
.address_add_board input {margin: 3px 0;}



.address_add_info {margin: 5px 0 0 15px;}



    /*회원정보수정*/
.myInfoEdit_form {width: 795px; margin: 0 auto; border-top: 1px solid #a8e2fb;}
.myInfoEdit_form tr td {padding: 10px 0; border-bottom: 1px solid #a8e2fb; background: #edfaff;}
.myInfoEdit_form input {width: 170px;}
.myInfoEdit_form input[type="text"] {padding: 3px 0; margin: 0 0 0 20px;}
.myInfoEdit_form input[type="radio"] {width: 10px; margin: 0 0 0 20px;}
.myInfoEdit_form input[type="password"] {padding: 3px 0; margin: 0 0 0 20px;}
.myInfoEdit_form select {padding: 3px 0;}
.myInfoEdit_form label {font-weight: bold;}
.myInfoEdit_form tr td.title {text-align: center; background: #5ab2d8; color: #fff; font-size: 13px; font-weight: bold;}
.myInfoEdit_form tr td.call input {width: 100px;}
.myInfoEdit_form tr td input.post {width: 100px;}
.myInfoEdit_form tr td input.address {width: 500px; margin: 5px 0 0 20px;}
.myInfoEdit_form tr td button.postsch {height: 25px; vertical-align: middle; }
.myInfoEdit_form .notice {letter-spacing: -1px; color: #d40000;}
.myInfoEdit_form div:first-child {margin: 0 0 10px 0;}

.myInfoEdit .id_fix {padding: 0 10px 0 10px;}
.myInfoEdit .id_fix span {font-size: 18px; color: #5ab2d8; font-weight: 600;}
.myInfoEdit .id_fix p {font-weight: 600; margin: 10px 10px 5px 0;}
.myInfoEdit .id_fix input {width: 200px; padding: 5px; border: 1px solid #688; background: #ddd;}
.myInfoEdit .basic_info {padding: 10px 0 0 0;}
.basic_info p {font-weight: 600; margin: 0 0 5px 0;}
.basic_info div {width: 246px; margin: 0 0 10px 0; padding: 0 10px; float: left;}
.basic_info div input {width: 200px; padding: 5px 0;}
.basic_info .mobile input[type="text"] {width: 56px;}
.add_info .phone input[type="text"] {width: 56px;}
.myInfoEdit .basic_info:after {content: ""; display: block; clear: both;}
.add_info p {font-weight: 600; margin: 0 0 5px 0;}
.add_info div {margin: 0 0 10px 0; padding: 0 10px;}
.add_info div input[type="text"] {width: 200px; padding: 5px 0;}
.add_info .email input[type="text"] {width: 130px;}
.add_info select {height: 30px; /*padding: 4px 0;*/}
.add_info .address input[type="text"] {width: 170px; margin: 0 10px 5px 0;}
.add_info button {margin: 0 20px 10px 0;}
        /*마케팅동의*/
.myInfoEdit .marketing {width: 765px; padding: 0 15px 15px 15px;}
.myInfoEdit .marketing span {font-weight: 600;}
.myInfoEdit .marketing div {margin: 5px 0 0 10px;}
.myInfoEdit .marketing p {margin: 5px 0 0 10px;}
        /*기업회원변경*/
.myInfoEdit .copr_member {width: 765px; margin: 10px 0 0 0; padding: 15px; background: #eee; text-align: center;}
.myInfoEdit .copr_member p {font-size: 14px;}
.myInfoEdit .copr_member p span {font-weight: 600; color: red;}
.myInfoEdit .copr_member p span.sub {font-size: 12px; color: blue;}
.myInfoEdit .copr_member p label {font-weight: 600;}
        /*전자세금계산서정보*/
.myInfoEdit .tax_info {padding: 20px 0 0 0; display: none;}
.myInfoEdit .tax_info h4 {font-size: 18px; font-weight: 600; margin: 0 0 10px 0; text-align: center;}
.myInfoEdit .tax_info p {width: 777px; margin: 10px 0 0 0; padding: 10px 8px; border-bottom: 1px dashed #ddd; background: #eee; font-size: 14px; border: 1px solid #bbb; border-bottom: none; text-align: center;}
.myInfoEdit .tax_info p span {font-weight: 600; color: red;}
.myInfoEdit .tax_info table td.title {width: 120px;}
.myInfoEdit .tax_info table td {padding: 5px 8px; border: 1px solid #bbb;}
.myInfoEdit .tax_info table td input {width: 222px; padding: 5px 0; border: 1px solid #ddd;}
.myInfoEdit .tax_info table td.corp_number input {width: 70px;}
.myInfoEdit .tax_info table tr.corp_address input {width: 618px;}
    /*회원탈퇴*/
.memberOut {width: 562px; height: 400px; margin: 0 auto;}
.memberOut .inputPw {width: 500px; margin: 0 auto; padding: 30px; border: 1px solid #c1c1c1; border-top: 8px solid #5ab2d8;}
.memberOut .leftimg {float: left; margin: 10px 0 0 10px;}
.memberOut .inputPw .inBox {float: right;}
.memberOut .inputPw:after {content: ""; display: block; clear: both;}
.memberOut em {font-size: 18px; font-weight: bold; color: #5ab2d8;}
.memberOut p {margin: 0 0 10px 0;}
.memberOut table {width: 320px; border-top: 2px solid #5ab2d8;}
.memberOut table td {padding: 7px 0; border-bottom: 1px solid #c1c1c1; text-indent: 20px;}
.memberOut table td.left {background: #eaeaea; font-weight: bold;}
.memberOut table input {padding: 3px 0;}
.memberOut table input[type="text"] {border: none;}
.memberOut .confirm {width: 220px; margin: 20px auto 0 auto;}
.memberOut input[type="button"] {width: 105px; height: 30px; margin: 10px 5px 0 0;}
.memberOut p.notice {width: 542px; margin: 0 auto 20px auto; padding: 10px; border: 1px solid #c1c1c1;}

/*-------------------------------------------------------------------------배송출고조회----------------------------------------------------------------------------------------- */
.top_bg .navi_step_delivery {width: 250px; height: 40px; float: right;}
.navi_step_delivery ul {float: right; }
.navi_step_delivery li {height: 40px; float: left; line-height: 40px; padding: 0 0 0 7px;}
.navi_step_delivery .cs_home_icon {width: 11px; height: 40px; background: url('/cs_center/img/home_icon_cs.png') no-repeat right center;}
.mainbody_bg .cs_delivery_bg {position: relative; width: 1003px; height: 100%; margin-top: 9px;}
.cs_delivery_bg .deli_main_title {width: 1003px; height: 63px; background: url('/my_page/img/dil_main_title.png') no-repeat; border-bottom: 1px solid #5ab2d8; text-indent: -9999px}
.cs_navi_text2 {font-size: 13px; color: #009ece;}

/*배송출고조회 메인컨텐츠*/
.cs_delivery_bg .deli_contents_bg {position: relative; width: 1003px; height: 100%; margin-top: 15px; display: inline-block;}
/*.deli_contents_bg .deli_top_detail {width: 1003px;  border-bottom: 1px solid #009ece;}*/
/*.deli_top_detail .top_detail_text {line-height: 21px; margin: 30px 0 30px 20px; font-size: 13px;}*/
/*.deli_top_detail .top_detail_icon {width: 568px; height: 216px; background: url('/my_page/img/dil_top_icondetail.png'); margin: 10px 0 50px 21px;}*/
.deli_contents_bg .deli_top_detail ul.deli_info_icon {width: 940px; margin: 30px auto 0 auto;}
.deli_contents_bg .deli_top_detail ul.deli_info_icon li {width: 128px; height: 128px; float: left; margin: 0 30px; overflow: hidden;}
.deli_contents_bg .deli_top_detail ul.deli_info_icon li img {margin: -128px 0 0 0;}
.deli_contents_bg .deli_top_detail ul.deli_info_icon li img:hover {margin: 0;}
.deli_info_icon:after {content: ""; display: block; clear: both;}


/*배송출고 조회 리스트*/
.deli_contents_bg .deli_list_bg {position: relative; width: 1003px; height: 100%;/* margin-top: 40px;*/}

/*배송출고 리스트 검색*/

.deli_list_bg .deli_search_bg:after {content: ""; display: block; clear: both;}
.deli_list_bg .deli_search_bg .notice {float: left; color: #d40000; font-weight: bold; margin: 0 0 0 35px;}
.deli_list_bg .deli_search_bg .search {float: right; padding: 5px 15px 0 0;}
.deli_list_bg .deli_search_bg .search select {padding: 3px 0; margin: 0 5px 0 0;}
.deli_list_bg .deli_search_bg .search input[type="text"] {width: 200px; padding: 3px 0; margin: 0 5px 0 0;}
.deli_list_bg .deli_search_bg .search input[type="button"] {width: 50px; height: 25px;}

/*.deli_search_bg .select_box_93_bg {position: absolute; width: 93px; height: 26px; }*/
/*.select_box_93 {width: 93px; height: 26px; border: 1px solid #bbbbbb; padding: 4px 2px 4px 2px;}*/
/*.deli_search_bg .text_box_194_bg {position: absolute; width: 194px; height: 26px; margin-left: 100px; }*/
/*.text_box_194_bg .text_box_194 {width: 186px; height: 20px; border: 1px solid #bbbbbb; padding: 2px 4px 2px 4px;}*/
/*.deli_search_bg .btn_search_deli {position: absolute; width: 65px; height: 22px; margin: 2px 0 2px 300px; cursor: pointer;}*/





/*배송출고 텝*/
.deli_list_bg .deli_list_tab_bg {margin: 50px 0;}
.deli_list_bg .deli_list_tab_bg:after {content: ""; display: block; clear: both;}
.deli_list_tab_bg ul {width: 1003px; height: 53px;}
.deli_list_tab_bg li {width: 199px; height: 53px; float: left; cursor: pointer; overflow: hidden; text-indent: -9999px;}

.deli_list_tab_bg ul li.deli_tab01 {background: url('/my_page/img/mypage_tab_01.jpg');}
.deli_list_tab_bg ul li.deli_tab02 {background: url('/my_page/img/mypage_tab_02.jpg');}
.deli_list_tab_bg ul li.deli_tab03 {background: url('/my_page/img/mypage_tab_03.jpg');}
.deli_list_tab_bg ul li.deli_tab04 {background: url('/my_page/img/mypage_tab_04.jpg');}
.deli_list_tab_bg ul li.deli_tab05 {background: url('/my_page/img/mypage_tab_05.jpg');}
.deli_list_tab_bg ul li.deli_select {background-position: 0 -53px;}

/*배송출고 리스트*/
.deli_list {position: relative; width: 100%; padding: 30px 0 0 0; clear: both;}
.deli_list table {width: 1003px; height: auto;}
.deli_list table tr{height: 70px; border-bottom: 1px solid #a8e2fb; text-align: center;}
.deli_list table tr:first-child {height: 30px; background: #009ece; font-weight: bold; color: #fff;}
.deli_list table tr td.okok {text-indent: -9999px; background: url('/qna/img/qna_liststate_yes.png') no-repeat center center;}
.deli_list table tr td.none {text-indent: -9999px; background: url('/qna/img/qna_liststate_no.png') no-repeat center center;}
.deli_list table a {display: block; width:100px; height: 30px; margin: 0 0 0 25px; }
.deli_list table tr td span {font-size: 11px; color: #bbb; margin: 0 12px; cursor: pointer; display: inline-block;}
.deli_list table tr td span.on {color: #009ece;} 
.deli_list table tr td span img {display: block; margin: 0 auto; padding: 0 0 5px 0;}
.deli_list table tr td.state01 {background: url('/my_page/img/dil_list_state01.png') no-repeat center center;}
.deli_list table tr td.state02 {background: url('/my_page/img/dil_list_state02.png') no-repeat center center;}
.deli_list table tr td.state03 {background: url('/my_page/img/dil_list_state03.png') no-repeat center center;}
.deli_list table tr td.state04 {background: url('/my_page/img/dil_list_state04.png') no-repeat center center;}
.deli_list_bg .deli_list01_num {position: relative; width: 1003px; height: 28px; text-align: center; font-size: 12px; font-weight: bold; padding: 20px 0 50px 0; color: #5ab2d8;}
.deli_list table .light_btn_sub a {display: block; width:100px; height: 30px; margin: 0 0 0 5px; }
/*배송 출고 리스트 리스트 열람 비밀번호 입력창*/
/*비원원 클릭시*/
.passInputBox {position: absolute; width: 350px; height: 255px; top: 130px; left: 270px; background: #fff; border: 1px solid #000; background: url('../image/passWord_pop.png') #fff no-repeat center 50px; display: none; z-index: 9999;}
.passInputBox h3 {width: 350px; height: 25px; background: #5ab2d8; color: #fff; font-weight: bold; line-height: 25px; text-align: center;}
.passInputBox p {text-align: center; font-weight: bold; margin: 80px 0 15px 0;}
.passInputBox input[type="text"] {width: 190px; height: 30px; border: none; background: #eaeaea; display: block; margin: 0 auto; text-align: center;}
.passInputBox ul {width: 152px; margin: 20px auto 0 auto;}
.passInputBox ul li {float: left; margin: 0 3px;}
.passInputBox ul li.ok input {width: 70px; height: 30px; border: none; background: #5ab2d8; color: #fff; font-weight: bold;}
.passInputBox ul li.cancel input {width: 70px; height: 30px; border: none; background: #ccc;}
/*회원클릭시*/
.passInputBox_member {position: absolute; width: 350px; height: 180px; top: 130px; left: 270px; background: #fff; border: 1px solid #000; background: url('../image/passWord_pop.png') #fff no-repeat center 20px; display: none;}
.passInputBox_member p {text-align: center; font-weight: bold; margin: 80px 0 10px 0;}
.passInputBox_member ul {width: 222px; margin: 20px auto 0 auto;}
.passInputBox_member ul li.login input {width: 140px; height: 30px; border: none; background: #5ab2d8; color: #fff; font-weight: bold;}
.passInputBox_member ul li.cancel input {width: 70px; height: 30px; border: none; background: #ccc;}
#passInputBox_member ul li {float: left; margin: 0 3px;}
#passInputBox_login ul li {text-align: center;}



/*배송 출고 확인 , 배송확인*/
/*display: none; 으로 숨기고 레이어 팝업으로 또는 팝업 페이지로 열림 처리해주세요*/
.deli_type {width: 500px; border: 1px solid #000; text-align: center;position: absolute; display: none;top: 130px; left: 270px; background: #fff; z-index: 100;}
.deli_type h3 {width: 500px; height: 25px; background: #5ab2d8; color: #fff; font-weight: bold; line-height: 25px;}
.deli_type .state {width: 350px; height: 50px; margin: 0 auto; line-height: 50px; background: #eaeaea;}
.deli_type .state em {font-size: 14px; font-weight: bold; color: #d40000;}
.deli_type p.title {font-size: 20px; margin: 30px 0 30px 0;}
.deli_type p.title>span {font-weight: bold; color: #d40000;}
.deli_type p.info {margin: 20px 0 30px 0; color: #717171;}
.deli_type .map {margin: 0 0 30px 0;}
.deli_type .map img {margin: 0 0 10px 0;}
.deli_type .map a {display: block; padding: 20px 0 20px 0; text-decoration: underline; color: blue;}
.deli_type .map p {margin: 0 0 15px 0; color: #717171;}
.deli_type .map p>span {font-weight: bold; color: #000;}
.deli_type ul li.cancel input {width: 70px; height: 30px; border: none; background: #ccc;margin-bottom:20px;cursor: pointer;}


/*나의 디자인 리스트 추가 2018-10-23*/

.self_d_list li a {display:block;}

.myPage_contents_left ul li.left_cate04 ul.self_d_list li{
	font-weight: 800;
}
.myPage_contents_left ul li.left_cate04 ul li.left_cate16,.myPage_contents_left ul li.left_cate04 ul li.left_cate17 {
	margin-bottom: 5px;
}
.myPage_contents_left ul li.left_cate04 ul li.left_cate16:hover,.myPage_contents_left ul li.left_cate04 ul li.left_cate17:hover {
	background: #5ab2d8;
}
.myPage_contents_left ul li.left_cate04 ul li.cate_save_html5 {
	height: auto;
	background: none !important;
	margin: 0;
	padding: 0 5px;
} 				
.myPage_contents_left ul li.left_cate04 ul li.cate_save_html5 li {
	background:none;
	margin: 0;
	padding: 0;  
}
.myPage_contents_left ul li.left_cate04 ul li.cate_save_html5 li a{
	color:#5bb3da;
} 
.myPage_contents_left ul li.left_cate04 ul li.cate_save_html5  li:hover{
	background:#d40000;
}
.myPage_contents_left ul li.left_cate04 ul li.cate_save_html5  li:hover a{
	color:#fff;
}