@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 서브 공통 영역
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.subcontents {padding:0 0 100px; border-top:solid 1px #ddd;}
.subcontents .contbox {padding-top:50px;}
.subcontents .contbox  .base_width {}
.subcontents .contbox  .base_width .pg_cont {line-height:1.6; word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}

/* 테스크탑 */
@media all and (max-width:1200px){
      .subcontents .contbox  .base_width .pg_cont {padding:0 10px;}
}
/* 테블릿*/
@media all and (max-width:768px){
      .subcontents {padding:0 0 50px;}
      .subcontents .contbox {padding-top:30px;}      
}
/* 서브 메뉴 영역 */
.sub_navi {padding:20px 0; text-align:center; border-bottom:solid 1px #ddd; background-color:#fff;}
.sub_navi h2.title {font-size:24px;}
.local_navi {padding-top:10px;}
.local_navi>ul {display:inline-block;}
.local_navi>ul>li {display:inline-block; border-left:solid 1px #ccc;}
.local_navi>ul>li:first-child {border-left:none;}
.local_navi>ul>li a.title {display:block; padding:0 15px; line-height:20px; color:#3c3c3c; font-size:18px; letter-spacing:-1px; position:relative;}
.local_navi>ul>li:hover a.title {color:#c90033;}
.local_navi>ul>li a.title.active {color:#c90033;}
.local_navi>ul>li a.title.active:after {display:block; content:""; clear:both; margin-top:3px; height:3px; background-color:#c90033;}
.local_navi>ul>li a.title.active:hover {color:#c90033;}

/* 테블릿*/
@media all and (max-width:768px){
      .sub_navi {padding:15px 0;}
      .sub_navi h2.title {font-size:20px;}
      .local_navi {padding-top:5px;}
      .local_navi>ul>li a.title {font-size:16px;}
}

h3.subtitle {margin-bottom:5px; font-size:20px; color:#870022; font-weight:normal;}
h3.subtitle_join {margin-bottom:5px; font-size:20px; color:#333; font-weight:normal;}
h3.subtitle_inquire {margin-bottom:5px; font-size:24px; color:#333; font-weight:normal;}
h4.title_middle {padding-left:22px; margin-bottom:5px; font-size:20px;font-weight:normal; background:url('../images/sub/bullet_title.png') no-repeat left center;}
.imgbox {margin-bottom:10px; text-align:center;}
.cont_txt {margin-bottom:20px; 
      word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}

/* 테블릿*/
@media all and (max-width:768px){
      h3.subtitle {font-size:17px; color:#870022;}
      h3.subtitle_join {font-size:17px; color:#333;}
      h4.title_middle {padding-left:22px; font-size:17px;}
}

/* pc, mobile 화면 전환 */
.pc_view {}
.mobile_view {display:none;}

@media all and (max-width:640px){
      .pc_view {display:none;}
      .mobile_view {display:block;}
}

/* 로그인 페이지 */
.login_box {}
.login_box .row {margin:0 auto; width:560px;}
.login_box .row h3 {font-size:18px;}
.login_box .row input {border-radius:5px;}
.login_box .row input.id {display:block; margin-bottom:5px; padding:0 20px; width:100%; height:58px; font-size:16px; border:solid 1px #e5e5e5; box-sizing:border-box;}
.login_box .row input.pass {display:block; margin-bottom:10px; padding:0 20px; width:100%; height:58px; font-size:16px; border:solid 1px #e5e5e5; box-sizing:border-box;}
.login_box .row button {margin-bottom:5px; width:100%;}
.login_box .row button:hover {opacity:0.8;}
.login_box .row .func {overflow:hidden; padding-top:15px; margin-bottom:15px;}
.login_box .row .func .left {float:left;}
.login_box .row .func .right {float:right;}
.login_box .row .func .right a:hover {text-decoration:underline;}

.sns_login {padding:20px 0; text-align:center; border-top:solid 1px #ddd;}
.sns_login .tx {font-size:18px;}
.sns_login .sns_list {}
.sns_login .sns_list a {}
.sns_login .sns_list a img {}

.member_box {padding-top:30px; border-top:solid 1px #ddd;}
.member_box .row {margin:0 auto; width:560px;}
.member_box .row h3 {font-size:18px;}
.member_box .row button {margin-bottom:5px; width:100%;}
.member_box .row button:hover {opacity:0.8;}


.login_box .row input.username {display:block; margin-bottom:5px; padding:0 20px; width:100%; height:58px; font-size:16px; border:solid 1px #e5e5e5; box-sizing:border-box;}
.login_box .row input.email {display:block; margin-bottom:10px; padding:0 20px; width:100%; height:58px; font-size:16px; border:solid 1px #e5e5e5; box-sizing:border-box;}
.login_box .row input.phone_number {display:block; margin-bottom:10px; padding:0 20px; width:100%; height:58px; font-size:16px; border:solid 1px #e5e5e5; box-sizing:border-box;}

.login_box .row .control {display:table; width:100%;}
.login_box .row .control button {width:100%;}
.login_box .row .control .left {display:table-cell; padding-right:5px;}
.login_box .row .control .right {display:table-cell; padding-left:5px;}

/* 테스크탑 */
@media all and (max-width:1024px){
 
}
/* 테블릿*/
@media all and (max-width:768px){
      
}
/* 모바일*/
@media all and (max-width:640px){
      .login_box .row, .member_box .row {margin:0 auto; width:90%;}
}


/* 회원가입 */
.join_step {margin-bottom:20px; overflow:hidden;}
.join_step ul {display:table; float:right; position:relative;}
.join_step ul li {display:table-cell; padding:0 20px; text-align:center;}
.join_step ul li:first-child {padding-left:0;}
.join_step ul li:last-child {padding-right:0;}
.join_step ul:after {display:block; content: ""; width:100%; height:1px; background-color:#999999; clear:both; position:absolute; top:24px; left:0; z-index:-100;}
.join_step ul li .step {display:inline-block; width:48px; height:48px; line-height:48px; text-align:center; background-color:#999999; border-radius:40px;}
.join_step ul li .step span {color:#fff; font-size:16px;}
.join_step ul li .step.active {background-color:#cc0000;}
.join_step ul li .txt {display:block; padding-top:5px; font-size:12px; line-height:1.2; background-color:#fff;}

.provision_box {}
.provision_box iframe {border: solid 1px #ccc; width:100%; height:300px;}

.join_complete {padding:80px 15px; text-align:center; font-size:24px; border:solid 7px #f2f2f2;}
.join_complete .txt1 {margin-bottom:20px;}
.join_complete .txt2 {}

.control_page {padding:20px 0; text-align:center;}
.control_page button {margin:0 5px; width:200px;}

.policy_page {padding:20px;}
.policy_title {font-size:18px;}

/* 모바일*/
@media all and (max-width:768px){
      .control_page button {width:180px;} 
}

/* 모바일*/
@media all and (max-width:640px){
      .join_step ul {display:table; float:none; margin:0 auto; position:relative;}

      .provision_box iframe {height:200px;}
      .control_page button {margin:0 3px; width:auto;}

      .join_complete {padding:30px 15px; font-size:18px;}
      .join_complete .txt1 {margin-bottom:20px;}
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 버튼
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
button.btn {padding:0 10px; height:30px; line-height:30px; font-size:14px; color:#333; background-color:#fff; border:solid 1px #ccc; border-radius:3px;}
button.btn:hover {opacity:0.8;}
button.btn:hover {background-color:#eee;}
.btn_md {font-size:18px !important; height:46px !important; line-height:46px; border-radius:5px;}
.btn_sm {font-size:14px !important; height:30px !important; line-height:30px; border-radius:3px;}

.bg_gray {color:#fff !important; background-color:#333333 !important; border:solid 1px #333 !important;}
.bg_primary {color:#fff !important; background-color:#d92626 !important; border:solid 1px #d92626 !important;}
.bg_lightgray {color:#666666 !important; background-color:#f5f5f5 !important; border:solid 1px #999999 !important;}


ul.bullet_dot_list {}
ul.bullet_dot_list li {margin-bottom:5px; padding-left:15px; background:url('../images/icon/bullet_dot_sm.png') no-repeat left 8px;}

.box_gray {padding:20px; background-color:#f3f3f3;}

/* 모바일*/
@media all and (max-width:640px){
      .btn_md {font-size:15px !important; height:36px !important; line-height:36px; border-radius:3px;}
      .btn_sm {font-size:12px !important; height:26px !important; line-height:26px; border-radius:3px;}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 상품구매
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /* 상품 목록 */
.product_bg {background:url('../images/product/product_list_bg.jpg') no-repeat center; background-size:cover;}
.product_pg_ment {margin-bottom:30px; text-align:center;}
.product_pg_ment img {}
.product_pg_ment strong {display:block; padding-top:5px; font-size:18px; font-weight:normal;}

.product_list {}
.product_list ul {}
.product_list ul:after {display:block; content:""; clear:both;}
.product_list ul li {float:left; width:25%; margin-bottom:20px;}
.product_list ul li .outline {margin:0 10px; background-color:#fff;}
.product_list ul li .outline .thum {}
.product_list ul li .outline .info {padding:10px; padding-bottom:5px;}
.product_list ul li .outline .info .title {margin-bottom:5px; font-size:16px; color:#333; display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.product_list ul li .outline .info .price {font-size:20px; font-weight:normal; color:#cc0000; line-height:1;}
.product_list ul li .outline .control {display:flex; height:40px; line-height:40px; border-top:solid 1px #d7d7d7;}
.product_list ul li .outline .control .keep {width:50%; text-align:center;}
.product_list ul li .outline .control button {font-size:15px; width:100%; height:40px; line-height:40px; background-color:#fff; border:none;}
.product_list ul li .outline .control button:hover {background-color:#f2f2f2;}
.product_list ul li .outline .control .buy {width:50%; text-align:center; border-left:solid 1px #d7d7d7;}
.product_list ul li .outline .control .buy button {color:#cc0000;}

/* 테스크탑 */
@media all and (max-width:1024px){
      .product_list ul li {width:33.33%;} 
}
/* 테블릿*/
@media all and (max-width:768px){
      
}
/* 모바일*/
@media all and (max-width:640px){
      .product_list ul li {width:50%;}
}

@media all and (max-width:480px){
      .product_list ul li {width:100%;}
}


/* 상품 상세보기 */
.product_basic {display:flex; margin-bottom:50px;}
.product_basic .thum {text-align:center;}
.product_basic .info_box {flex-direction:column; flex-grow:2; padding:15px;}
.product_basic .info_box .top {padding:10px 30px;}
.product_basic .info_box .top .title {font-size:30px; color:#333;}
.product_basic .info_box .info {padding:10px 30px; border-top:solid 1px #ddd;}
.product_basic .info_box .info ul {}
.product_basic .info_box .info ul li {padding:5px 5px 5px 15px; font-size:16px; background: url('../images/icon/bullet_bar.png') no-repeat left center;}

.product_basic .info_box .count {padding:10px 30px; border-top:solid 1px #ddd; font-size:16px;}
.product_basic .info_box .count .outline {display:flex;}
.product_basic .info_box .count .outline .left {padding-right:10px;}
.product_basic .info_box .count .outline .left strong {line-height:44px;}
.product_basic .info_box .count .outline .right {display:flex;}
.product_basic .info_box .count .outline .right .order_sum {padding:0 2px; min-width:55px; height:44px; line-height:43px; font-size:18px; text-align:center; border:solid 1px #cccccc; border-right:none; background-color:#fff;}
.product_basic .info_box .count .outline .right .control {}
.product_basic .info_box .count .outline .right .control div {width:30px; height:21px; line-height:22px; text-align:center; border:solid 1px #cccccc; background-color:#fff;}
.product_basic .info_box .count .outline .right .control div a {display:block; line-height:25px;}
.product_basic .info_box .count .outline .right span.tx {margin-left:5px; line-height:44px;}

.product_basic .info_box .price_sum {padding:15px 5px; border-top:solid 1px #ddd; text-align:right; font-size:18px;}
.product_basic .info_box .price_sum strong {font-size:30px;}
.product_basic .info_box .order_button {display:flex;}
.product_basic .info_box .order_button button {width:100%;}
.product_basic .info_box .order_button .left {width:50%; padding-right:5px;}
.product_basic .info_box .order_button .right {width:50%;}


/* 테스크탑 */
@media all and (max-width:1024px){
      .product_basic .thum {width:45%;}
      .product_basic .info_box {padding:5px 10px;}
      .product_basic .info_box .top {padding:5px 10px;}
      .product_basic .info_box .top .title {font-size:24px;}
      .product_basic .info_box .info {padding:5px 10px;}
      .product_basic .info_box .count {padding:10px;}
      .product_basic .info_box .price_sum strong {font-size:24px;}
 
}
/* 테블릿*/
@media all and (max-width:768px){
      .product_basic {display:block;}
      .product_basic .thum {width:100%;}      
      .product_basic .info_box .top .title {font-size:20px;}
}
/* 모바일*/
@media all and (max-width:640px){
 
}

@media all and (max-width:480px){
      .product_basic .info_box .top .title {font-size:18px;} 
}

/* 상품리뷰 */
.product_tab {margin-bottom:30px; height:51px; border-bottom:solid 1px #cccccc;}
.product_tab ul {overflow:hidden;}
.product_tab ul li {float:left;}
.product_tab ul li a {display:block; width:200px; height:50px; line-height:50px; text-align:center; color:#999; font-size:16px; border:solid 1px #cccccc;}
.product_tab ul li a:hover {color:#333;}
.product_tab ul li a.active {color:#333; font-size:20px; font-weight:600; border:solid 1px #cccccc; border-bottom:solid 1px #fff;}

.product_title {margin-bottom:20px; overflow:hidden; border-bottom:solid 1px #ccc;}
.product_title .left {float:left;}
.product_title .left h3 {font-size:24px;}
.product_title .right {float:right;}
.product_title .right button {width:100px; height:30px; font-size:16px; color:#920a0a; background-color:#e3dbce; border:none; border-radius:50px;}

.review_form {padding:20px; background-color:#f2f2f2; border-radius:5px;}
.review_form .rate_set {margin-bottom:5px;}
.review_form .rate_set strong {}
.review_form .rate_set select {border-radius:5px; color:#cc0000;}
.review_form .inner_txt {margin-bottom:5px;}
.review_form .inner_txt textarea {border: solid 1px #ccc; border-radius:5px; height:100px;}
.review_form .control {text-align:right;}


.product_introduce {margin-bottom:100px;}

.product_review_list {}
.product_review_list ul {}
.product_review_list ul li {padding:20px 10px; border-bottom:solid 1px #ccc;}
.product_review_list ul li .rate {}
.product_review_list ul li .rate .star {color:#cc0000;}
.product_review_list ul li .rate .num {}

.product_review_list ul li .info {}
.product_review_list ul li .info .username {}
.product_review_list ul li .info .date {}

.product_review_list ul li .tx {padding-top:10px;}

a.btn_review_modify {display:inline-block; margin:0 10px; padding:0 10px; height:24px; line-height:24px; font-size:12px; background-color:#666; color:#fff; border-radius:30px;}
a.btn_review_modify:hover {opacity:0.8;}

.data_blank {padding:30px 0; text-align:center;}
.data_blank .left {display:inline-block; vertical-align:middle;}
.data_blank .right {display:inline-block; padding-left:5px; vertical-align:middle; text-align:left;}


/* 테블릿*/
@media all and (max-width:768px){
      .product_tab {height:41px;}
      .product_tab ul li a {display:block; width:120px; height:40px; line-height:40px; font-size:14px;}
      .product_tab ul li a.active {font-size:16px;}

      .product_title .left h3 {font-size:20px;}
}
/* 모바일*/
@media all and (max-width:640px){

}

@media all and (max-width:480px){
      .review_form .inner_txt textarea {height:150px;}
}


/* 장바구니 */
.order_count {margin:0 auto; display:flex; width:100px;}
.order_count .order_sum {padding:0 2px; min-width:55px; height:44px; line-height:43px; font-size:18px; text-align:center; border:solid 1px #cccccc; border-right:none; background-color:#fff;}
.order_count .order_sum input {width:100%; font-size:16px; height:40px; line-height:43px; border:none;}
.order_count .control {}
.order_count .control div {width:30px; height:21px; line-height:22px; text-align:center; border:solid 1px #cccccc; background-color:#fff;}
.order_count .control div a {display:block; line-height:25px;}
.order_count .control div a:hover {background-color:#f2f2f2;}
.order_count span.tx {margin-left:5px; line-height:44px;}

.base_price {font-size:20px;}
.sum_price {font-size:20px; color:#ff0000;}

.total_order_sum {margin:0 auto; padding:50px 0; display:flex; justify-content:center;}
.total_order_sum .cell {}
.total_order_sum .cell .guide_txt {color:#999;}
.total_order_sum .cell .price {display:block; font-size:24px;}
.total_order_sum .cell .price.total_price {color:#cc0000;}
.total_order_sum .gep {padding:0 30px; text-align:center;}
.total_order_sum .gep .txt {font-size:30px;}
.total_order_sum .gep .v_line {display:inline-block; width:1px; height:50px; background-color:#ccc;}

/* 모바일*/
@media all and (max-width:640px){
      .order_count {margin:5px 0; display:flex; width:100px;}
 
}

@media all and (max-width:480px){
      .total_order_sum {padding:30px 0 0;}      
      .total_order_sum .cell .guide_txt {font-size:12px;}
      .total_order_sum .cell .price {font-size:20px;}
      .total_order_sum .gep {padding:0 10px;}
}


.basket_order_list_mobile {}
.basket_order_list_mobile ul {}
.basket_order_list_mobile ul li {margin-bottom:10px; border-bottom:solid 1px #ddd;}
.basket_order_list_mobile ul li .outline {}
.basket_order_list_mobile ul li .outline .checkbox_form {padding:5px; text-align:center; background-color:#f9e2e2;}
.basket_order_list_mobile ul li .outline .checkbox_form input {border:solid 1px #cc0000; background-color:#cc0000;}
.basket_order_list_mobile ul li .outline .product_thum {}
.basket_order_list_mobile ul li .outline .info {padding:10px;}
.basket_order_list_mobile ul li .outline .info strong.product_name {display:block; padding:5px 0; font-size:18px; line-height:1.2; font-weight:normal;}
.basket_order_list_mobile ul li .outline .info .count_modify {padding:10px 20px; background-color:#f2f2f2; border-radius:10px;}
.basket_order_list_mobile ul li .outline .info .sum {padding:5px 0; line-height:1.2;}
.basket_order_list_mobile ul li .outline .info .sum .ti {margin-right:5px; color:#999; font-size:12px;}
.basket_order_list_mobile ul li .outline .info .sum .tx {font-size:16px; font-weight:normal;}
.basket_order_list_mobile ul li .outline .info .bottom {padding-top:5px; text-align:right;}

@media all and (max-width:480px){
      .basket_order_list_mobile ul li .outline .info strong.product_name {font-size:16px;}
}


/* 대량주문 */
.orderpaper_how {padding:15px 30px; text-align:left; border:solid 5px #f6f6f6;}
.orderpaper_how h4 {margin-bottom:5px; color:#990000; font-size:18px; line-height:1.2;}
.orderpaper_how ul {padding:0 15px;}
.orderpaper_how ul li {list-style-type: decimal;}
.orderpaper_file {padding:15px; text-align:center; background-color:#f2f2f2;}
.orderpaper_file input[type="text"] {width:270px;}

@media all and (max-width:480px){
      .orderpaper_how {padding:15px 10px;}
      .orderpaper_how h4 {margin-bottom:10px; font-size:16px;}
      .orderpaper_how ul {font-size:13px;}
      .orderpaper_file {padding:15px 5px;}
      .orderpaper_file input[type="text"] {width:200px;} 
}




/* 네이버 지도 */
.mapimg {margin-bottom:15px;}
.map_info {overflow:hidden;}
.map_info .left {float:left; line-height:1.2;}
.map_info .left span {display:block;}
.map_info .left span.adress {margin-bottom:5px;}
.map_info .left span.call {color:#666;}
.map_info .right {float:right;}
.map_info .right a {display:inline-block; padding:0 20px; height:30px; line-height:30px; font-size:16px; color:#fff; background-color:#790018; border-radius:30px;}
.map_info .right a:hover {opacity:0.8;}

a.btn_navermap {display:inline-block; padding:0 15px; height:24px; line-height:24px; color:#fff; background-color:#0475f4; border-radius:30px;}
a.btn_navermap:hover {opacity:0.8;}

@media all and (max-width:480px){
      .map_info .left {float:none;}
      .map_info .right {float:none; padding:10px; text-align:center;}
}


/* 구매도우미 */
.shopping_guide {padding:30px; border:solid 5px #e9e9e9;}
.shopping_guide ul {}
.shopping_guide ul li {padding:20px 10px; border-top:solid 1px #ddd;}
.shopping_guide ul li:first-child {border-top:none;}
.shopping_guide ul li .row {display:table; width:100%;}
.shopping_guide ul li .row .left {display:table-cell; vertical-align:middle; width:60px; text-align:center;}
.shopping_guide ul li .row .left span.num {display:inline-block; color:#fff; font-size:18px; width:38px; height:38px; line-height:38px; text-align:center; background-color:#972137; border-radius:38px;}
.shopping_guide ul li .row .right {display:table-cell; vertical-align:middle;}
.shopping_guide ul li .row .right strong.ti {display:block; font-size:20px; line-height:1.2;}
.shopping_guide ul li .row .right span.con_txt {}

@media all and (max-width:480px){
      .shopping_guide {padding:10px;}
      .shopping_guide ul li {padding:20px 0;}
      .shopping_guide ul li .row .right strong.ti {font-size:16px;}
}


/* 사이트 맵 */
.sitemap {overflow:hidden;}
.sitemap .row {float:left; padding-left:5.33%; width:28%; height:250px;}
.sitemap .row .top {}
.sitemap .row .top a {}
.sitemap .row .top strong.title {display:block; padding-left:40px; font-size:18px; height:40px; line-height:40px; font-weight:normal; background: url('../images/sub/bullet_sitemap.png') no-repeat left center;}
.sitemap .row .sublist {padding-left:40px;}
.sitemap .row .sublist ul {}
.sitemap .row .sublist ul li {padding:10px; border-bottom:solid 1px #ccc;}
.sitemap .row .sublist ul li a {}

@media all and (max-width:640px){
      .sitemap .row {float:left; padding-left:5%; width:45%;}
}

@media all and (max-width:480px){
      .sitemap .row {float:none; margin-bottom:30px; padding-left:0; width:100%; height:initial;}
      .sitemap .row .sublist {padding-left:20px;}
}



/* 데이터 테이블 */
table.board_data {width:100%; font-size:14px; border-top:solid 2px #333;}
table.board_data thead {}
table.board_data thead th {padding:7px; border-bottom:solid 1px #ccc;}
table.board_data tbody {color:#666;}
table.board_data tbody th {padding:5px; text-align:center; border-bottom:solid 1px #ccc; background-color:#eee;}
table.board_data tbody td {padding:5px; text-align:center; border-bottom:solid 1px #ccc;}


/* 공지사항 */
table.board_basic_list {width:100%; font-size:14px; border-top:solid 2px #333;}
table.board_basic_list thead {}
table.board_basic_list thead th {padding:7px; border-bottom:solid 1px #ccc; background-color:#f2f2f2;}
table.board_basic_list tbody {color:#666;}
table.board_basic_list tbody th {padding:5px; text-align:center; border-bottom:solid 1px #ccc; background-color:#eee;}
table.board_basic_list tbody td {padding:5px; text-align:center; border-bottom:solid 1px #ccc;}

table.board_basic_wirte {width:100%; font-size:14px; border-top:solid 2px #333;}
table.board_basic_wirte th {padding:7px; border-bottom:solid 1px #ccc; background-color:#f2f2f2;}
table.board_basic_wirte td {padding:7px; border-bottom:solid 1px #ccc; background-color:#fff;}

@media all and (max-width:480px){
      table.board_basic_wirte tr {display:block; padding:10px; border-bottom:solid 1px #ddd; background-color:#fff;}
      table.board_basic_wirte th {display:block; padding:0; text-align:left; font-size:13px; color:#666; border-bottom:none; background-color:#fff;}
      table.board_basic_wirte td {display:block; padding:0; border-bottom:none; background-color:none;}
}

table.board_basic_view {width:100%; font-size:14px; border-top:solid 2px #333;}
table.board_basic_view th {padding:7px; border-bottom:solid 1px #ccc; background-color:#f2f2f2;}
table.board_basic_view td {padding:7px; border-bottom:solid 1px #ccc; background-color:#fff;}
table.board_basic_view td .inner_txt {min-height:100px;}
a.inner_file {color:#990000; text-decoration:underline;}
a.inner_file:hover {}

.board_func {padding:10px 0; overflow:hidden;}
.board_func .left {float:left;}
.board_func .right {float:right;}



/* 공지사항 - 모바일 화면 */
.board_notice_mobile {}
.board_notice_mobile ul {}
.board_notice_mobile ul li {padding:10px; border-bottom:solid 1px #ddd;}
.board_notice_mobile ul li strong.title {display:block; font-size:17px; line-height:1.2; font-weight:normal;}
.board_notice_mobile ul li span.date {color:#999; font-size:12px;}

@media all and (max-width:480px){
      
}


/* 주문현황 table ////////////////////////////////////////////////////////////////*/
table.order_table_list {width:100%; font-size:14px; border-top:solid 2px #333;}
table.order_table_list thead {}
table.order_table_list thead th {padding:7px; border-bottom:solid 1px #ccc; background-color:#f2f2f2;}
table.order_table_list tbody {color:#666;}
table.order_table_list tbody td {padding:15px 5px; text-align:center; border-bottom:solid 1px #ccc;}
table.order_table_list td .product_thum {margin-bottom:5px; width:130px;}
table.order_table_list td .product_name {display:block;}
table.order_table_list tr:hover {background-color:#fcfafa;}

a.btn_delivery_view {}
.order_date, .income_date {display:block;}

.delivery_state {display:block;}
.delivery_state.ing {color:#ff0000;}
.delivery_state.complete {}

.order_list_mobile {}
.order_list_mobile ul {}
.order_list_mobile ul li {border-bottom:solid 1px #ddd;}
.order_list_mobile ul li .outline {display:table; width:100%;}
.order_list_mobile ul li .outline .product_thum {display:table-cell; padding:10px; padding-right:0; width:130px; vertical-align:top;}
.order_list_mobile ul li .outline .info {display:table-cell; padding:10px; vertical-align:top;}
.order_list_mobile ul li .outline .info {}
.order_list_mobile ul li .outline .info strong.product_name {display:block; padding:5px 0; font-size:18px; line-height:1.2; font-weight:normal;}
.order_list_mobile ul li .outline .info .sum {line-height:1.2;}
.order_list_mobile ul li .outline .info .sum .ti {margin-right:5px; color:#999; font-size:12px;}
.order_list_mobile ul li .outline .info .sum .tx {font-size:16px; font-weight:normal;}
.order_list_mobile ul li .outline .info .date {line-height:1.2;}
.order_list_mobile ul li .outline .info .date .row {}
.order_list_mobile ul li .outline .info .date .row .ti {margin-right:10px; color:#999; font-size:12px;}
.order_list_mobile ul li .outline .info .date .row .tx {font-size:12px; font-weight:normal;}
.order_list_mobile ul li .outline .info .bottom {text-align:right;}
.order_list_mobile ul li .outline .info .bottom span {color:#bb0000; font-size:12px;}

@media all and (max-width:480px){
      .order_list_mobile ul li .outline .product_thum {padding-left:0; width:80px;}
      .order_list_mobile ul li .outline .info strong.product_name {font-size:16px;}
}


/* 주문현황 상세정보 박스 */
.order_info_box {padding:15px 30px; background-color:#f5f5f5;}
.order_info_box ul.info_list {}
.order_info_box ul.info_list li {margin-bottom:5px; padding-left:15px; background:url('../images/icon/bullet_dot_sm.png') no-repeat left 8px;}
.order_info_box p.msg {}

@media all and (max-width:480px){
      .order_info_box {padding:15px;}
}

/* 세금계산서 신청 */
.invoice_application {padding:15px 30px; background-color:#f5f5f5;}
.invoice_application ul {}
.invoice_application ul li {border-bottom:solid 1px #ddd;}
.invoice_application ul li:last-child {border-bottom:0;}
.invoice_application ul li .outline {display:table; width:100%;}
.invoice_application ul li .outline .title {display:table-cell; padding:13px 10px 13px 20px; width:150px;}
.invoice_application ul li .outline .info_txt {display:table-cell; padding:13px 10px;}
.invoice_application ul li .outline .info_txt input[type="text"] {padding-right:5px; box-sizing:border-box;}
.invoice_application ul li .outline .info_txt input.invoice_inner {width:100%;}

@media all and (max-width:480px){
      .invoice_application {padding:10px;}
      .invoice_application ul li .outline .title {padding:13px 10px; width:80px;}
}



/* 1:1 문의하기 */
.inquire_box {}
.inquire_box .top {padding:10px; border-bottom:solid 1px #ddd;}
.inquire_box .top .title {display:block; font-size:20px;}
.inquire_box .top .tx {}
.inquire_box .question {padding:20px 10px; border-bottom:solid 1px #ddd;}
.inquire_box .question .writer {display:block; margin-bottom:10px; padding-left:45px; font-size:16px; height:40px; line-height:40px; background: url('../images/icon/icon_writer.png') no-repeat center left;}
.inquire_box .question .tx {padding:10px; background-color:#f2f2f2; border-radius:5px;}
.inquire_box .question .file {padding-top:10px;}
.inquire_box .question .file a {color:#cc0000;}
.inquire_box .question .file a:hover {text-decoration:underline;}

.inquire_box .answer {padding:20px 10px; border-bottom:solid 1px #ddd;}
.inquire_box .answer .sti {display:block; margin-bottom:10px; padding-left:45px; font-size:16px; height:40px; line-height:40px; background: url('../images/icon/icon_korea.png') no-repeat center left;}
.inquire_box .answer .tx {padding:10px; background-color:#f2f2f2; border-radius:5px;}
.inquire_box .answer .date {padding-top:10px;}

.inquire_box_app {border-bottom:solid 1px #ddd;}
.inquire_box_app .row {padding:10px 0}
.inquire_box_app .row {}
.inquire_box_app .row .title {margin-bottom:5px;}
.inquire_box_app .row .inner_txt {}



/* 회원가입용 table //////////////////////////////////////////////////////////////////////////////*/
table.board_basic_join {width:100%; border-top:solid 2px #333;}
table.board_basic_join th {padding:15px 7px; border-bottom:solid 1px #ccc; background-color:#fff;}
table.board_basic_join td {padding:15px 7px; border-bottom:solid 1px #ccc; background-color:#fff;}
.inputment {font-size:13px; color:#999;}

.input_txt {width:300px;}
.input_email {width:350px;}
.input_number {width:300px;}
.input_adress {width:80%;}

@media all and (max-width:640px){
      table.board_basic_join tr {display:block; padding:10px; border-bottom:solid 1px #ddd; background-color:#fff;}
      table.board_basic_join th {display:block; padding:0; text-align:left; border-bottom:none; background-color:#fff;}
      table.board_basic_join td {display:block; padding:0; border-bottom:none; background-color:none;}

      .input_txt {width:70%;}
      .input_email {width:70%;}
      .input_number {width:100%;}
      .input_adress {width:100%;}
}


/* 비밀번호 인증 */
.pass_ceti {padding:50px 0; text-align:center;}
.pass_ceti input {width:200px; height:36px; border-radius:30px; text-align:center;}
.pass_ceti .pass_ceti_func {padding:10px 0;}
.pass_ceti .pass_ceti_func button {width:100px; color:#fff; border:solid 1px #333; background-color:#333333;}
.pass_ceti .pass_ceti_func button:hover {opacity:0.8;}


/* 주문취소 팝업 */
.pop_layer {position:absolute; width:auto; height:auto; position: absolute; left: 50%; margin-left:-235px; top: 156px; z-index: 1000; background-color:#fff; border:3px solid #860023; overflow:hidden;}
.pop_layer .pop_header {padding:20px 15px; background:#860023; line-height:54px; padding:0 10px; margin:0;color:#ffffff; font-size:21px; text-align:center;}
.pop_layer .pop_body {padding:10px;}
.pop_layer .pop_body textarea {height:100px;}
.pop_layer .pop_footer {padding:10px; text-align:center; border-top:solid 1px #ddd;}



/* 게시판 paging */
.paging {clear:both; text-align:center; margin-top:20px;}
.paging strong {display:inline-block; height:30px; line-height:30px; padding:0 12px; color:#c90033; vertical-align:middle;}
.paging a {display:inline-block; color:#999; height:30px; line-height:30px; padding:0 12px; vertical-align:middle;}
.paging a:hover {color:#333333; font-weight:bold;}
.paging .prev {background:url('../images/icon/btn_paging_pre.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .prev:hover {background:url('../images/icon/btn_paging_pre_on.png') no-repeat center center;}
.paging .next {background:url('../images/icon/btn_paging_next.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .next:hover {background:url('../images/icon/btn_paging_next_on.png') no-repeat center center;}
.paging .first_item {font-size:0; text-decoration:-1000px; background:url('../images/icon/btn_paging_first.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .first_item:hover {background:url('../images/icon/btn_paging_first_on.png') no-repeat center center;}
.paging .last_item {font-size:0; text-decoration:-1000px;background:url('../images/icon/btn_paging_last.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .last_item:hover {background:url('../images/icon/btn_paging_last_on.png') no-repeat center center;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .paging .mobile_hidden {display:none;}
}
/* 모바일*/
@media all and (max-width:480px){
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 반응형 table
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.table_container_outer {position:relative;}
.table_container_fade {position:absolute; right:0; width:30px; height:100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.0), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
}
.table_container {overflow-y: none; _overflow: auto;}

@media screen and (max-width:768px) {
      table#board_data {width:768px;}
      table#board_notice {width:768px;}
      table#board_order {width:768px;}      

      .table_container_outer {position:relative;}
      .table_container_fade {position:absolute; right:0; width:30px; height:100%;
          background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
      }
      .table_container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em;}

}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
메인 안내 팝업: 2024-07-16 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.layer_notice_pop {width:600px; border-radius:10px; overflow:hidden; border:solid 1px #ccc; background-color:#fff; position:absolute; top:130px; left:5%;}
.layer_notice_pop .pop_header {display:flex; padding:10px 20px; border-bottom:solid 1px #aaa; background-color:#790018; justify-content:space-between;}
.layer_notice_pop .pop_header h3 {color:#fff;}
.layer_notice_pop .pop_header button.btn_pop_close {color:#fff; font-size:20px; background-color:transparent;}
.layer_notice_pop .pop_content {padding:20px;
      word-break:keep-all;
      white-space:-moz-pre-wrap;
      white-space:-pre-wrap;
      white-space:-o-pre-wrap;
      word-wrap:break-word;}
.layer_notice_pop .pop_content p {margin-bottom:15px;}
.layer_notice_pop .pop_bottom {display:flex; padding:10px; border-top:solid 1px #aaa; justify-content:space-between;}
.layer_notice_pop .pop_bottom .left {}
.layer_notice_pop .pop_bottom .right {text-align:right;}
.layer_notice_pop .pop_bottom .right button {padding:0 5px; height:28px; border:solid 1px #999; border-radius:5px; background-color:#fff;}
.layer_notice_pop .pop_bottom .right button:hover {border:solid 1px #333;}

table.table_pop_notice {width:100%;}
table.table_pop_notice thead {}
table.table_pop_notice thead tr {}
table.table_pop_notice thead th {padding:5px; border:solid 1px #999; background-color:#e1ddce;}
table.table_pop_notice tbody {}
table.table_pop_notice tbody th {padding:5px; border:solid 1px #999; background-color:#f2f2f2;}
table.table_pop_notice tbody td {padding:5px; text-align:center; border:solid 1px #999; background-color:#fff;}

@media screen and (max-width:768px) {
      .layer_notice_pop {width:90%; position:absolute; top:130px;} 
      table#table_pop_notice {width:600px;}
}