.top_bg .navi_step_preview {width: 250px; height: 41px; float: right;}
.navi_step_preview ul {float: right;}
.navi_step_preview li {height: 40px; float: left; line-height: 40px; padding: 0 0 0 7px;}
.navi_step_preview .cs_home_icon {width: 20px; height: 40px; background: url('/cs_center/img/home_icon_cs.png') no-repeat right center;}
.cs_navi_text2 {font-size: 13px; color: #009ece;}

.mainbody_bg .cs_preview_bg {position: relative; width: 1003px; height: 100%; margin-top: 9px;}
.cs_preview_bg .preview_main_title {width: 1003px; height: 63px; background: url('/preview/img/preview_main_title.png') no-repeat; border-bottom: 1px solid #5ab2d8; text-indent: -9999px;}

/*교정시안보기 메인컨텐츠 */
.cs_preview_bg .preview_contents_bg {position: relative; width: 1003px; height: 100%; margin-top: 15px; display: inline-block;}
.preview_contents_bg .preview_top_detail {width: 1003px; /*border-bottom: 1px solid #009ece;*/}
/*.preview_top_detail .top_detail_text {line-height: 21px; margin-left: 21px; font-size: 13px;}*/
/*.preview_top_detail .top_preview_icon {width: 887px; height: 456px; background: url('/preview/img/preview_top.png');}*/

/*교정시안보기 조회 리스트*/
.preview_contents_bg .preview_list_bg {position: relative; width: 1003px; height: 100%; margin: 20px 0 0 0; display:inline-block;}

/*교정시안보기 리스트 검색*/
.preview_list_bg .preview_date_bg {position: relative; width: 212px; height: 74px; background: url('/preview/img/preview_list_date.png'); float:left; margin: 0 0 0 5px;}
.preview_list_bg .preview_date_bg_2 {position: relative; width: 212px; height: 74px; background: url('/preview/img/preview_list_viewType.png'); float:left; margin: 0 0 0 5px;}
.preview_list_bg .preview_date_bg_2:after {content: ""; display: block; clear: both;}



.preview_date_bg .select_date_year_bg {position: absolute; width: 77px; height: 26px; margin: 32px 0 0 21px;}
.preview_date_bg .select_date_month_bg {position: absolute; width: 77px; height: 26px;  margin: 32px 0 0 114px;}
.select_box_77 {width: 77px; height: 26px; border: 1px solid #bbbbbb; padding: 4px 1px 4px 1px; cursor: pointer;}
.preview_list_bg .preview_search_bg {position: relative; width: 411px; height: 74px; background: url('/preview/img/preview_list_search.png'); float: right; margin: 0 5px 0 0;}
.preview_list_bg .preview_search_bg:after {content: ""; display: block; clear: both;}




.preview_search_bg .select_search_choice_bg {position: absolute; width: 77px; height: 26px;  margin: 32px 0 0 27px;}
.preview_search_bg .text_box_194_bg {position: absolute; width: 194px; height: 26px; background-color: blue; margin: 32px 0 0 114px;}
.text_box_194_bg .text_box_194 {width: 186px; height: 20px; border: 1px solid #bbbbbb; padding: 2px 4px 2px 4px;}
.preview_search_bg .btn_search_preview {position: absolute; width: 65px; height: 22px; margin: 34px 0 2px 320px; cursor: pointer;}

/*리스트*/
.preview_list_bg .preview_list_detail {/*position: relative;*/ margin: 90px 0 0 0; width: 1003px; clear: both;}
.preview_list_table {width: 1003px; height: 100%;}
.preview_list_table th{background: #5ab2d8; font-size: 14px; color: #fff; text-align: center;}
.preview_list_table tr {position: relative; height: 46px; border-bottom: 1px solid #a8e2fb;}
.preview_list_table tr:hover {background: #e1f6ff;}
.preview_list_table td {text-align: center;}
.preview_list_table td.state1 {background: url('/preview/img/preview_list_state01.png') no-repeat center center;}
.preview_list_table td.state2 {background: url('/preview/img/preview_list_state02.png') no-repeat center center;}
.preview_list_table td.state3 {background: url('/preview/img/preview_list_state03.png') no-repeat center center; cursor: pointer;}
.preview_list_table td.state3:hover {background: url('/preview/img/preview_list_state03_hover.png') no-repeat center center; cursor: pointer;}

.preview_list_table td.state4 {background: url('/preview/img/preview_list_state04.png') no-repeat center center; cursor: pointer;}
.preview_list_table td.state5 {background: url('/preview/img/preview_list_state05.png') no-repeat center center;}
.preview_list_table td.state6 {background: url('/preview/img/preview_list_state06.png') no-repeat center center;}
.preview_list_table td.staff {background: url('/preview/img/tel_icon.png') no-repeat 35px center; text-indent: 20px; cursor: pointer;}
.preview_list_table td.view {background: url('/my_page/img/dil_icon_detail_on.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.preview_list_table td.view a {width: 85px; height: 18px; display: block;}
.preview_list_bg .preview_list_num {/*position: relative;*/ width: 1003px; height: 28px; text-align: center; font-size: 12px; font-weight: bold; padding: 30px 0 50px 0; color: #5ab2d8;}

/*직통전화 안내 팝업*/
.tel_info {position: absolute; top: 0; right: 180px; padding: 0 15px; background: #fff; border: 5px solid #000; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; display: none; z-index: 999;}

.tel_info ul li {height: 40px; line-height: 40px; border-top: 1px solid #ddd;}
.tel_info ul li:first-child {border: none;}
.tel_info ul li:after {content: ""; display: block; clear: both;}
.tel_info ul li em {font-weight: bold;}


/*직통전화 안내 팝업 new*/
.tel_info_new {position: absolute; padding:5px 20px 5px 0px; background: #fff; border: 3px solid #000; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; display: none; z-index: 999;}



/*교정시안보기 리스트 열람 비밀번호 입력창*/
/*비원원 클릭시*/
.passInputBox {position: absolute; width: 350px; height: 230px; top: 300px; left: 315px; background: #fff; border: 1px solid #000; background: url('../image/passWord_pop.png') #fff no-repeat center 20px; display: none; z-index: 9999;}
.passInputBox:after {content: ""; display: block; clear: both;}
.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: 10%; left: 315px; background: #fff; border: 1px solid #000; background: url('../image/passWord_pop.png') #fff no-repeat center 20px; display: none; z-index: 9999;}
.passInputBox_member:after {content: ""; display: block; clear: both;}
.passInputBox_member p {text-align: center; font-weight: bold; margin: 80px 0 10px 0;}
#passInputBox_member ul li {float: left; margin: 0 3px;}
#passInputBox_login ul li {text-align: center;}
.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;}



.select_box_date {width: 170px; height: 26px; border: 1px solid #bbbbbb; padding: 4px 1px 4px 1px; cursor: pointer;}











/*교정시안보기 레이어 페이지*/
#container .preview_layer_bg {position: absolute; width: 100%; /*height: 100%;*/ left: 0; top: 0; padding: 200px 0 1100px 0; z-index: 9999; background: url('/preview/img/fileup_bg_1px1px.png'); text-align: center; display: none;}
.preview_layer_bg .preview_layer_body {position: relative; top: 5%; width: 905px;background: url('/preview/img/preview_layer_top.png') no-repeat; display: inline-block;}
.preview_layer_body .preview_layer_top {position: absolute; width: 25px; height: 25px; background: url('/preview/img/previw_bg_corner.png'); margin: 0 0 0 2px;}
.preview_layer_body .preview_layer_body_bg {position: relative; width: 809px; height: auto; background: #fff; margin-top: 25px; padding: 0 48px 25px 48px;}
.preview_layer_body_bg .preview_caution {width: 809px; height: 120px; background: url('/preview/img/preview_pop_title.png') no-repeat; border-bottom: 1px solid #5ab2d8; display: inline-block;}
.preview_caution .preview_caution_text {width: 809px; line-height: 21px; font-size: 12px; text-align: left; margin-top: 20px;}
.preview_layer_body_bg .preview_main {width: 809px; border-bottom: 1px solid #5ab2d8; margin: 20px 0 20px 0;}
.preview_main .btn_preview_big {width: 125px; height: 37px;}



.preview_main .preview_img {width: 809px;  margin-top: 20px;}



.preview_img li {width: 809px;  border: 1px solid #cccccc;}
.preview_img .preview_s_b {margin-left: 25px;}

.preview_main .preview_btn_bg {width: 809px; height: 57px; padding: 15px 0;}
.preview_btn_bg li {width: 218px; height: 57px; float: left;}

.preview_btn_bg .preview_btn_okdesign {position: absolute; margin-left: 135px;}
.preview_btn_bg .preview_btn_redesign {position: absolute; margin-left: 363px;}
.preview_btn_bg .preview_btn_cancel {position: absolute; margin-left: 591px;}

.preview_layer_body_bg .preview_okdesign_body {width: 809px; height: 380px; display: none;}
.preview_okdesign_body .okdesign_table_title {width: 809px; height: 34px; background: url('/preview/img/preview_okdesign_tabletext.png') #5ab2d8 no-repeat 377px 9px;}
.preview_okdesign_body .okdesign_table_body {width: 809px; height: 175px;}


/*인쇄요청하기 테이블*/
.okdesign_table {width: 809px;}
.okdesign_table tr {height: 34px; border-bottom: 1px solid #a8e2fb; text-align: left; text-indent: 20px;}
.okdesign_table td.left {background: #e1f6ff;}
.okdesign_table td.right {background: #e1f6ff; font-size: 11px; text-indent: 0;}
.okdesign_table td.price {font-size: 13px; color: #ff0000;}
.okdesign_table td label {color: #ff0000;}
.okdesign_table td ul{margin-bottom: 5px;}
.okdesign_table td ul li {padding: 3px 0;}

/*수정요청하기 테이블*/
.redesign_table {width: 809px; background: #ececec;;}
.redesign_table tr {text-align: left;}
.redesign_table td.left {text-align: center;}

.redesign_table tr.thead {height: 34px;}
.redesign_table tr.thead td {padding: 20px 0 10px 0;}
.redesign_table tr.thead input {width: 440px; height: 20px;}

.redesign_table tr.tbody td {padding: 10px 0 20px 0;}
.btn_124_preview05 {position: absolute; bottom: 20px; right: 40px;}

.redesign_list_table {width: 809px; margin: 15px 0 0 0;display:none;}
.redesign_list_table tr.thead {background: #bbbbbb;}
.redesign_list_table tr.thead td {padding: 15px 0; color: #fff; font-size: 14px; font-weight: bold;}
.redesign_list_table tr.thead /*.view*/ {cursor: pointer;}

.redesign_list_table tr.tbody {background: #ebebeb;text-align: left;}
.redesign_list_table tr.tbody p {padding: 20px 0; overflow-y: auto;background: #ffffff; }

.redesign_list_table tr.tfoot {background: #ddd;}
.redesign_list_table tr.tfoot td {padding: 10px 0; }
.redesign_list_table tr.tfoot .close {cursor: pointer;}

.redesign_list_table tr.admin {background: #ebebeb;}
.redesign_list_table tr.admin td {padding: 5px 0 20px 0;}
.redesign_list_table tr.admin td input {text-indent: 10px;}
.redesign_list_table tr.admin td input[type="text"] {height: 25px;}
.redesign_list_table tr.admin td input[type="button"] {width: 90px; height: 25px; border: none; background: #000; color: #fff; text-indent: -1px;}


.redesign_list_table_sms {width: 809px; margin: 15px 0 0 0;}
.redesign_list_table_sms input[type="button"] {width: 90px; height: 25px; border: none; background: #000; color: #fff; text-indent: -1px;cursor: pointer;}

.table_1 .tbody,
.table_1 .tfoot,
.table_1 .admin,
.table_2 .tbody,
.table_2 .tfoot,
.table_2 .admin,
.table_3 .tbody,
.table_3 .tfoot,
.table_3 .admin {display: none;}

.preview_okdesign_body .okdesign_orderok_btn {position: absolute; margin: 100px 0 0 295px;}
.preview_layer_body_bg .preview_redesign_body {position: relative; width: 809px; height: auto; margin-top: 20px; display: none;}
.preview_redesign_body .preview_redesign_inputbody {position: relative; width: 809px; height: 395px; background: url('/preview/img/preview_pop_title03.png') no-repeat; display: inline-block;}
.preview_redesign_body .preview_redesign_inputbody_none {position: relative; width: 809px; height: 50px; background: url('/preview/img/preview_pop_title03.png') no-repeat; display: inline-block;}
.preview_redesign_inputbody .redesign_inputbody_table{position: relative; width: 809px; margin-top: 35px;}

.preview_redesign_body .preview_redesign_listbody {position: relative; width: 809px; height: auto; display: inline-block;}
.preview_redesign_body .preview_redesign_listbody input[type="text"] {padding: 3px 0;}
.preview_redesign_listbody .redesign_list_title {position: relative; width: 809px; height: 24px; background: url('/preview/img/preview_pop_title02.png') no-repeat; margin-top: 26px;}



.c_preview_btn {margin: 15px 0 0 0;}
.c_preview_btn a {width: 809px; height: 40px; margin: 5px 0 0 0; background: #4C4C4C; color: #fff; font-size: 16px; font-weight: 600; line-height: 40px; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


.c_preview_btn a:hover {background: #d40000;}