@charset "utf-8";
@import url("reset.css");
@import url("basic.css");
@import url("button.css");
@import url("font-awesome.css");
@import url("ionicons.css");
@import url("slick.css");

input[type=radio],input[type=checkbox] {margin-bottom:1px;}

/*input, textarea*/
.full_input,.frm_input,input[type=file] {height:23px;}
.full_input,.frm_input {padding:0 5px 1px 5px;font-size:12px;font-weight:normal;border:1px solid #ddd;background-color:#fff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.full_input {width:100%;}
.frm_textbox {padding:5px;line-height:1.4em;font-size:12px;font-weight:normal;border:1px solid #ddd;background-color:#fff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.frm_cp{width:80px;height:29px;line-height:29px;color:#4b77be;font-weight:bold;text-align:center;border:1px solid #ccc;}

/*input_크롬 배경컬러*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

/*placeholder 속성*/
::-webkit-input-placeholder {color:#bbb;font-size:inherit;letter-spacing:-1px; /* Webkit browsers */}
:-moz-placeholder {color:#bbb;opacity:1;font-size:inherit;letter-spacing:-1px; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder {color:#bbb;opacity:1;font-size:inherit;letter-spacing:-1px; /* Mozilla Firefox 19+ */}
:-ms-input-placeholder {color:#bbb;font-size:inherit;letter-spacing:-1px; /* Internet Explorer 10+ */}

/*자료 없는 목록*/
.empty_table {padding:50px 0 !important;color:#999;text-align:center !important;border-left:0 !important}
.empty_list {padding:30px 0 !important;color:#999;text-align:center !important;border-left:0 !important}

/*필수입력*/
.required, textarea.required {background:url('/img/wrest.gif') #fff top right no-repeat;}

/*기본테이블*/
.tbl_wrap table {width:100%;}
.ini_wrap table {width:auto !important;}
.ini_wrap table td {padding:0; border:0 !important;}

/*가로형 테이블 (중간에 라인없음)*/
.tbl_head01 {border-top:1px solid #666;border-bottom:1px solid #e4e5e7;}
.tbl_head01 thead th {border-top:0 !important;text-align:center;}
.tbl_head01 th {padding:9px 0;line-height:1em;font-weight:600;vertical-align:middle;}
.tbl_head01 th,.tbl_head01 td {font-size:12px;}
.tbl_head01 td {padding:9px;text-align:left;line-height:1.4;border-top:1px solid #e4e5e7;word-break:break-all;}
.tbl_head01 tfoot {background-color:#f8f8f8 !important;}
.tbl_head01 tfoot th,.tbl_head01 tfoot td {border-top:1px solid #e4e5e7 !important;}

/*가로형 테이블 (중간에 라인있음)*/
.tbl_head02 {border-top:1px solid #666;border-bottom:1px solid #e4e5e7;}
.tbl_head02 thead th {border-top:0 !important;text-align:center;}
.tbl_head02 thead tr.rows th {border-top:1px solid #e4e5e7 !important;}
.tbl_head02 th {padding:9px 0;line-height:1em;font-weight:600;}
.tbl_head02 th,.tbl_head02 td {font-size:12px;border-left:1px solid #e4e5e7;vertical-align:middle;}
.tbl_head02 td {padding:9px;text-align:left;line-height:1.4;border-top:1px solid #e4e5e7;word-break:break-all;}
.tbl_head02 tfoot {background-color:#f8f8f8 !important;}
.tbl_head02 tfoot th,.tbl_head02 tfoot td {border-top:1px solid #e4e5e7 !important;}
.tbl_head02 tr:not(.rows) th:first-child,
.tbl_head02 tr:not(.rows) td:first-child {border-left:0 !important;}

.tbl_head03 {}
.tbl_head03 thead th {text-align:center;}
.tbl_head03 th {padding:8px 0;line-height:1em;font-weight:600;}
.tbl_head03 th,
.tbl_head03 td {font-size:12px;border:1px solid #666;vertical-align:middle;}
.tbl_head03 td {padding:5px;text-align:left;line-height:1.4;word-break:break-all;}
.tbl_head03 tfoot {background-color:#f8f8f8 !important;}

/*폼 테이블*/
.tbl_frm01 {border-top:1px solid #666;}
.tbl_frm01 table {width:100%;}
.tbl_frm01 th,
.tbl_frm01 td {padding:8px 10px;height:22px;border-bottom:1px solid #ddd;text-align:left;vertical-align:middle;}
.tbl_frm01 th {font-weight:600;}
.tbl_frm01 .frm_address {margin-top:5px;}

.tbl_frm02 {width:100%;}
.tbl_frm02 th {padding:5px 10px;border:1px solid #e8e8e8;background-color:#fafafa;font-weight:600;text-align:left;}
.tbl_frm02 td {padding:5px 10px;text-align:left;border:1px solid #e8e8e8;background:transparent;}
.tbl_frm02 textarea {padding:2px 2px 3px;border:1px solid #ccc;color:#454545;vertical-align:middle;line-height:1.4;}
.tbl_frm02 textarea {width:100%;height:140px;}

.tbl01 {border-top:1px solid #666;}
.tbl01 table {width:100%;}
.tbl01 th,
.tbl01 td {padding:5px 10px;height:22px;border-bottom:1px solid #ddd;text-align:left;vertical-align:middle;}
.tbl01 th {font-weight:600;}

.tbl02 table {width:100%;}
.tbl02 th,
.tbl02 td {padding:5px 10px;height:22px;border:1px solid #ddd;text-align:left;vertical-align:middle;}
.tbl02 th {font-weight:600;}

.tbl03 table {width:100%;}
.tbl03 th,
/*
.tbl03 td {padding:5px 10px;height:auto;border:1px solid #ddd;text-align:left;vertical-align:middle;}
*/
.tbl03 td {padding:5px 10px;height:auto;border:1px solid #ddd;text-align:left;vertical-align:middle;max-width: 196px;white-space: normal;}
.tbl03 th {font-weight:600;}
.tbl03 .empty_list {border-left:0 !important;border-right:0 !important;line-height:1.6 !important;}

.tbl04 {border:1px solid #666;}
.tbl04 table {width:100%;}
.tbl04 th,.tbl04 td {padding:1px;height:22px;text-align:left;vertical-align:middle;}
.tbl04 th {font-weight:600;padding-left:10px;}

.tbl05 table {width:100%;}
.tbl05 th,
.tbl05 td {padding:5px 10px;height:22px;border:1px solid #666;text-align:left;vertical-align:middle;}
.tbl05 th {font-weight:600;}

.tbl06 table {width:100%;}
.tbl06 th,
/*.tbl06 td {padding:5px 10px;height:22px;background: #faeaa9;border: 1px solid #f3cc31;text-align:left;vertical-align:middle;}*/
.tbl06 td {padding:0 10px;height:22px;background: #faeaa9;text-align:left;vertical-align:middle;color:#000;}
.tbl06 th {font-weight:600;}

.tbl07 table {width:100%;}
.tbl07 th,
/*.tbl07 td {padding:5px 10px;height:22px;background: #f3f9ff;border: 1px solid #3333cc;text-align:left;vertical-align:middle;}*/
.tbl07 td {padding:0 10px;height:22px;background: #d5e4f3;text-align:left;vertical-align:middle;color:#000;}
.tbl07 th {font-weight:600;}

.tbl08 table {width:100%;}
.tbl08 th,
/*.tbl08 td {padding:5px 10px;height:22px;background: #cfedce;border: 1px solid #006633;text-align:left;vertical-align:middle;}*/
.tbl08 td {padding:0 10px;height:22px;background: #cfedce;text-align:left;vertical-align:middle;color:#000;}
.tbl08 th {font-weight:600;}

.tbl09 table {width:100%;}
.tbl09 th,
.tbl09 td {padding:0 10px;height:18px;background: #fae2e0;text-align:left;vertical-align:middle;color:#000;}
.tbl09 th {font-weight:600;}

.print-title {width:400px;padding:10px 0;margin:0 auto;font-size:30px;text-align:center;border-bottom:1px solid #000;font-weight:600;}
.print-sname {padding:15px 0;text-align:right;}


/*설명글*/
.frm_info {display:block;padding-top:5px;line-height:1.4em;}

.bg0 {background-color:#ffffff !important;}
.bg1 {background-color:#f4f4f4 !important;}
.td_tal {text-align:left !important;}
.td_tar {text-align:right !important;}
.td_label label {margin-right:5px !important}
.kakaopay_icon{background:url('/img/kakao.png') no-repeat ;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px}
.KPAY{background:url('/img/kpay_logo.png') no-repeat 5px;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.PAYNOW{background:url('/img/paynow_logo.png') no-repeat 5px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.PAYCO{background:url('/img/payco_logo.png') no-repeat 5px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}

/*Mobile화면으로*/
#device_change {display:block;width:100%;padding:1em 0;border:2px solid #eee; font-weight:600;background:#f9f9f9;color:#000;font-size:4em;text-decoration:none;text-align:center;}

/*팝업레이어*/
#hd_pop {z-index:9999;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #ddd;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
.sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/*서식단계 진행*/
.btn_confirm{margin-top:20px;overflow:hidden;text-align:center;}
.btn_confirm a,.btn_confirm input,.btn_confirm button{margin:0 1.5px;}

/*새창 기본 스타일*/
.new_win{}
.new_win .tbl_wrap{margin:0 20px;}
.new_win #win_title{margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;}
.new_win #win_title .sv{font-size:0.75em;line-height:1.2em;}
.new_win #win_title2{margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:2em;text-align:center;letter-spacing:40px;}
.new_win .win_ul{margin:-21px 0 20px 0;padding:0 20px;border-top:1px solid #333;background-color:#333;list-style:none;zoom:1;}
.new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:"";}
.new_win .win_ul li{float:left;margin-left:-1px;}
.new_win .win_ul a{display:block;padding:10px 10px 8px;border-right:1px solid #555;border-left:1px solid #555;color:#fff;font-family:dotum;font-weight:600;text-decoration:none;}
.new_win .win_ul a.on{background-color:#fff;color:#222;}
.new_win .win_desc{margin:10px 20px 0 20px;}
.new_win .win_btn{clear:both;padding:20px;text-align:center;} /*새창용*/
.new_win .win_btn a,.new_win .win_btn input,.new_win .win_btn button{margin:0 1.5px;}
.new_win .win_paging{padding-top:20px;text-align:center;}

/*페이징*/
.pg_wrap {margin:0;padding:20px 0 0;text-align:center;}
.pg_wrap span,.pg_wrap strong,.pg_wrap a {display:inline-block;text-decoration:none;}
.pg {}
.pg a:focus,.pg a:hover {text-decoration:none;border:1px solid #333;}
.pg_page,.pg_current {padding:0 8px;min-width:9px;height:25px;color:#353e44;font-weight:normal;line-height:25px;vertical-align:middle;border:1px solid #c8c8c8;}
.pg_page {background-color:#fbfbfb;text-decoration:none;}
.pg_current {background-color:#333;color:#fff;border:1px solid #333 !important;}
.pg_start,.pg_prev,.pg_next,.pg_end {width:27px;height:27px;overflow:hidden;padding:0 !important;font-size:0 !important;text-indent:-9000px;border:none !important;background:url('/img/sprite_pg.png') no-repeat;vertical-align:top;}
.pg_prev {margin-right:4px;}
.pg_next {margin-left:4px;}
.pg a.pg_start {background-position:-116px 0;}
.pg a.pg_prev {background-position:-145px 0;}
.pg a.pg_next {background-position:-174px 0;}
.pg a.pg_end {background-position:-203px 0;}
.pg span.pg_start {background-position:0 0;}
.pg span.pg_prev {background-position:-29px 0;}
.pg span.pg_next {background-position:-58px 0;}
.pg span.pg_end {background-position:-87px 0;}

/*안내박스*/
.bx-success,.bx-info,.bx-danger,.bx-warning {padding:10px;line-height:1.4em;text-align:left;}
.bx-success {background:#c0edf1;border:1px solid #58d0da;}
/*.bx-info {background:#f5f8fd;border:1px solid #8bb4e7;}*/
.bx-info {/* background:#f5f8fd; */border: 4px solid #8bb4e7;}
.bx-danger {background:#fef7f8;border:1px solid #f0868e;}
/*.bx-warning {background:#faeaa9;border:1px solid #f3cc31;}*/
.bx-warning {border:6px solid #fc9527}

.lb-success,.lb-info,.lb-danger,.lb-warning{padding:10px;line-height:1.4em;text-align:left;}
.lb-success{background:#c0edf1;border-left:#58d0da 3px solid;}
.lb-info{background:#f5f8fd;border-left:#8bb4e7 3px solid;}
.lb-danger{background:#fef7f8;border-left:#f0868e 3px solid;}
.lb-warning{background:#faeaa9;border-left:#f3cc31 3px solid;}

/*주문상세내역 (현금영수증 발급)*/
#scash{}
#scash h3{margin:0 0 5px;text-align:left;}
#scash_apply{padding:10px 0 20px;text-align:center;}
#scash_apply #show_progress span{display:block;margin:7px 0 0;}
#scash_copy{margin-bottom:20px;text-align:center;}

#sod_pay_not{margin:20px 0;text-align:center;font-size:18px;font-weight:600;color:red;}

/*공급사 로그인*/
.ptn_wrap {width:100%;min-width:1000px;height:445px;margin:-240px 0 0 0;position:absolute;top:50%;left:0;background:#fff;}
.ptn_wrap .ptn_logo {text-align:center;}
.ptn_wrap .ptn_bx {margin-top:30px;padding:45px 50px 60px;background-color:#f1f1f1;text-align:center;}
.ptn_wrap .ptn_bx .ptn_ttxt {font-size:17px;font-weight:600;margin-bottom:20px;text-align:center;}
.ptn_wrap .ptn_bx .ptn_ttxt span {color:#d70050}
.ptn_wrap .ptn_bx dl {width:300px;margin:0 auto;padding:50px 288px 45px 100px;background-color:#fff;position:relative;}
.ptn_wrap .ptn_bx dt {position:absolute;top:50px;right:80px;}
.ptn_wrap .ptn_bx dt .btn_large {width:100px;height:85px;}
.ptn_wrap .ptn_bx dd {}
.ptn_wrap .ptn_bx dd input[type=text],
.ptn_wrap .ptn_bx dd input[type=password] {width:100%;height:40px;line-height:40px;font-size:14px;padding:0 10px;border:1px solid #e1e1e1;margin-bottom:5px;}
.ptn_wrap .hli {width:1px;height:10px;margin:0 10px;background-color:#ccc;display:inline-block;vertical-align:middle;}

.sel_option, .sel_option2{width:310px;}
.v_title {font-size:16px;font-weight:600;color:#222;}

/*장바구니 (견적서)*/
#sem_new {}
#sem_new #sem_agree {padding:10px 0;}
#sem_agree {text-align:right;}
#sem_hd {overflow:hidden;padding:20px;border-bottom:1px solid #6c6c6c;background:#eee;}
#sem_hd h3 {display:block;color:#353535;}
#sem_hd ul {float:left;padding:7px 0 0;width:430px;}
#sem_hd ul li {color:#757575;line-height:1.5em;}
#sem_hd p {float:right;}
#sem_new .section {margin:0 20px 30px;}
#sem_new .section h1 {margin:30px 0;line-height:1.4em;text-align:center;letter-spacing:10px;}
#sem_new .section table {margin-bottom:30px;}
#sem_new .section th,#sem_new .section td {padding:5px;border:1px solid #999;}
#sem_new .section p {margin-bottom:5px;}
#sem_new .section div.com_seal {position:absolute;top:15px;right:15px;}

.vi_smbtn {width:100%;display:table;margin-top:10px;}
.vi_smbtn span {padding-right:5px;display:table-cell;}
.vi_smbtn span:last-child {padding-right:0 !important;}
.vi_smbtn a {width:100%;}

.itemorder_msg{margin-bottom:15px;padding:10px;font-size:14px;line-height:1em;text-align:left;background:#faeaa9;border-left:#f3cc31 5px solid;}

/* 결제페이지 키인정보 */
.btn-keyin {margin-left:20px;border-radius:5px !important;position:relative;}
.btn-keyin img {margin:-200px 0 0 0;position:absolute;top:50%;left:98px;z-index:10;display:none;}
.btn-keyin:hover img {display:block;}

/* 인쇄시안 예시 */
#sit_pvi_nw {}
.sit_pvi_hd {position:fixed;top:0;left:0;right:0;}
.sit_pvi_bd {}
.sit_pvi_bd a {display:block;padding-top:268px;}

.vi_process {margin-top:20px;padding:15px 0;background-color:#f5f5f5;text-align:center;overflow:hidden;}

.sns_share {overflow:hidden;text-align:center;}
.sns_share_wrap {padding-bottom:10px;}
.sns_share_item{margin-top:10px;margin-bottom:10px;margin-right:10px;padding:5px 0;float:left;width:250px;border:1px solid #e2e2e2;overflow:hidden;text-align:center;}
.sns_share_item2{margin-top:7px;padding:5px 0;float:left;width:60px;}

/*결과내 재검색*/
#bo_sec{border:1px solid #ddd;background-color:#f8f8f8;margin-bottom:10px;}
#bo_sec table{width:100%;}
#bo_sec td{padding:10px;text-align:left;}

.msg_box2{margin-bottom:15px;padding:10px;font-size:14px;line-height:1em;text-align:left;background:#faeaa9;border-left:#f3cc31 5px solid;}

.cateBx {width:100%;border:1px solid #cfdee7;margin-bottom:20px;display:table;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.cateBx dt {width:180px;padding:20px 30px;font-size:15px;font-weight:600;line-height:1.6em;background-color:#f4fafd;text-align:left;vertical-align:middle;display:table-cell;}
.cateBx dd {padding:20px 30px;text-align:left;vertical-align:middle;display:table-cell;}
.cateBx dd span {padding:5px 0;display:inline-block;vertical-align:middle;}
.cateBx dd span a {display:inline-block;vertical-align:middle;}
.cateBx dd span:after {width:1px;height:10px;margin:0 15px;background-color:#ddd;display:inline-block;vertical-align:middle;content:'';}
.cateBx dd span:last-child:after {display:none;}
.cateBx dd a.active {font-weight:600;color:#f33e31;}