@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");
@import url("remixicon.css");


.sr-only {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0,0,0,0);
}

body, div, table, th, td, pre, blockquote{font-size:16px;}
ol, li, ul, dl, dt, dd { overflow:inherit; }
input[type=radio],input[type=checkbox] {margin-bottom:1px;}

/*input, textarea*/
.frm_input,input[type=file] {height:23px;}
.frm_input {width: 100%; height: 48px;;border: 1px solid #ccc; border-radius: 5px; padding: 0 10px}
.frm_textbox {padding:5px;line-height:1.4em;font-size:12px;font-weight:normal;border:1px solid #ccc;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;}

.frm_input_txt { display: flex;   align-items: center;   margin-bottom: 1rem; }

.frm_input_txt > span	{  margin-left: 10px; height: calc(48px - 2px);line-height:  calc(48px - 2px);}
/*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: 15px 10px;line-height:1em;font-weight:600;vertical-align:middle;}
.tbl_head01 th,.tbl_head01 td {}
.tbl_head01 td {padding:14px;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;}
@media (max-width: 768px) {
  .tbl_head01 .writer, .tbl_head01 .file, .tbl_head01 .views, .tbl_head01 .date { display:none;}

}


/*가로형 테이블 (중간에 라인있음)*/
.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:12px 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:12px;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_title {  font-size:25px; text-align:center; } 
.tbl_info_list {  margin-top:5px; margin-bottom:15px;text-align:center;}
.tbl_info_list b { font-weight:normal; margin-right:10px; font-size: 14px; text-align: center;}
.tbl_content { border-top:1px solid #ccc; padding:30px 0; border-bottom:1px solid #ccc }
.tbl_content p * { background-color:transparent !important; }
.tbl_frm01 {}
.tbl_frm01 table {width:100%;}
.tbl_frm01 table  tr { display: flex; flex-wrap: wrap;  width: 100%;}
.tbl_frm01 th,
.tbl_frm01 td {font-weight: normal;
    float: left;
    text-align: left;
    flex: 0 0 auto;}
.tbl_frm01 th {
    color: #1c476d;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    padding-bottom:10px
}
.tbl_frm01 td {
    padding-bottom: 24px;
    width: 100%;
}
.tbl_frm01 .frm_address {margin-top:5px;}

.tbl_frm02 {width:100%;}
.tbl_frm02 th {    color: #1c476d;padding:7px 20px;border:1px solid #ccc;font-weight:600;text-align:left;}
.tbl_frm02 td {padding:5px 10px;text-align:left;border:1px solid #ccc;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;}
@media (max-width: 768px) {
  .tbl_frm01 th { width:100%; padding-bottom:10px;font-weight:600;}
  .tbl_frm01 td { width:100%; }
 
   .tbl_frm02 th { display:block; width:100%;padding-left:10px; border-bottom:0;font-weight:600;}
  .tbl_frm02 td { display:block; width:100%; padding-left:10px; border-top:0; border-bottom:0;}
  .tbl_frm02 tr:last-child td { border-bottom:1px solid #ccc;}
}



.tbl_frm03 {}
.tbl_frm03 table {width:100%;border-top: 1px solid #000;}
.tbl_frm03 table  tr { display: flex; flex-wrap: wrap;  width: 100%;}
.tbl_frm03 th,
.tbl_frm03 td {
    font-weight: normal;
    float: left;
    text-align: left;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 15px 0;
    }
.tbl_frm03 th {
    background-color:#fff;
    color: #666;
    font-weight: 500;
    line-height: 20px;
    width: 30%;
    position: relative;
    padding-left: 15px;
}
.tbl_frm03 th::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    content: '';
    display: block;
}
.tbl_frm03 td {
    width: 70%;
}
.tbl_frm03 .frm_address {margin-top:5px;}

@media (max-width: 768px) {
  .tbl_frm03 th { width:100%; padding-bottom:10px;font-weight:600;}
  .tbl_frm03 td { width:100%; }

}



/* 주문하기 */
.order_wrap { display:flex;    flex-wrap: wrap; }
.order_form { width:65%; padding:0 30px;}
.order_product_info {width:35%; padding:30px; border:1px solid #ccc; border-radius:5px; }

.product-info-item:first-child {
    border-top: 1px solid var(--grey50);
}

.product-info-item {
    padding: 2.4rem 1.6rem;
    border-bottom: 1px solid var(--grey50);
}

.product-info-item .icon {
    margin-bottom: var(--spacing2);
}

.product-info-item .icon img {
    height: 1.4rem;
    margin-right: var(--spacing1);
}

.product-info-item .top .name {
    word-break: keep-all;
}

.product-info-item .top .name .qty {
    font-size: 1.1rem;
    color: var(--grey200);
}

.product-info-item .top .name,.product-info-item .top .name strong,.product-info-item .top .name span,.product-info-item .top .price,.product-info-item .top .price strong,.product-info-item .top .price span,.product-info-item .bottom .status,.product-info-item .bottom .info,.product-info-item .bottom .info *,.product-info-item .bottom .info li,.product-info-item .bottom .info a,.product-info-item .bottom .option,.product-info-item .bottom .optionList .name {
    font-size: 16px;
    font-weight: 700;
	line-height:1.4;
}

.product-info-item .top .price  span { margin-right:10px; }
.product-info-item .bottom .status,.product-info-item .bottom .info,.product-info-item .bottom .info li,.product-info-item .bottom .info a,.product-info-item .bottom .option,.product-info-item .bottom .optionList .name {
    color:#777;
	font-weight:500;
}

.product-info-item .bottom .status {
    display: none;
}

.product-info-item .bottom .option .modify {
    display: none;
}

.product-info-item .prdTotal {
    display: none;
}

.product-info-item .top {
    display: flex;
    flex-wrap: wrap;
}

.product-info-item .top input[type="checkbox"] {
    margin-bottom: 1rem;
}

.product-info-item .top .description {
    flex: 1;
    margin-right: 1.6rem;
}

.product-info-item .top .name a {
    margin-right: 0.5rem;
}

.product-info-item .top .name img {
    height: 2rem;
    position: relative;
    top: 1px;
    margin-right: 0.5rem;
}

.product-info-item .top .image {
    width: 8rem;
}

.product-info-item .top .image a {
    display: block;
}

.product-info-item .top .image img,.product-info-item .top .image a img {
    width: 100%;
    height: auto;
}

.product-info-item .top .discount {
    display: none;
}


@media screen and (max-width: 768px) {
	
	.order_form { width:100%; }
	.order_product_info {width:100%; margin-top:30px; }

}





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

.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 #ccc;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_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:15px;line-height:1.4em;text-align:left;}
.bx-success {background:#c0edf1;border:1px solid #58d0da;}
.bx-info {background:#f6fbff;border:1px solid #cbdbe8;}
.bx-danger {background:#f8f8f8;border:1px solid #e3e3e3;}
.bx-warning {background:#fffcea;border:1px solid #f3cc31;}

/*주문상세내역 (현금영수증 발급)*/
#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;}