/* 리스트 */
#sub .process {text-align: center; margin-top: 24px; padding: 10px 0;}
#sub .process ul {display: flex; list-style: none; margin: 0; padding: 0;}
#sub .process ul li {font-size: 15px; font-weight: 500; color: #666; flex: 1; height: 52px; text-align: center; line-height: 52px; position: relative; background-color: #F9F7F4; border: 1px solid #ddd; border-left: none; cursor: pointer; z-index: 1;}
#sub .process ul li:first-child {border-left: 1px solid #ddd;}
#sub .process ul li::before, #sub .process ul li::after {display: none;}
#sub .process ul li.on::before {content: ''; display: block; position: absolute; right: -36px; top: 50%; transform: translateY(-50%); z-index: 3; width: 0; height: 0; border-style: solid; border-width: 36px 0 36px 36px; border-color: transparent transparent transparent #252828;}
#sub .process ul li.on::after {content: ''; display: block; position: absolute; right: -34px; top: 50%; transform: translateY(-50%); z-index: 4; width: 0; height: 0; border-style: solid; border-width: 35px 0 35px 35px; border-color: transparent transparent transparent #252828;}
#sub .process ul li.on:last-child::before, #sub .process ul li.on:last-child::after {display: none;}
#sub .process ul li.on {color: #fff; background-color: #252828; font-weight: bold; border-color: #252828; z-index: 2;}
#sub .process ul li:last-child {cursor: auto;}

@media screen and (max-width:1200px) {
	#sub .process ul li {font-size: 14px; height: 48px; line-height: 48px;}
	#sub .process ul li.on::before {border-width: 24px 0 24px 24px; right: -24px;}
	#sub .process ul li.on::after {border-width: 23px 0 23px 23px; right: -22px;}
}
@media screen and (max-width:768px) {
	#sub .process ul li {font-size: 12px; height: 40px; line-height: 40px;}
	#sub .process ul li.on::before, #sub .process ul li.on::after {display: none;}
}
@media screen and (max-width:480px) {
	#sub .process ul li {font-size: 11px; height: 36px; line-height: 36px;}
}

#sub .list_box .search {margin: 32px auto 48px; position: relative; text-align: left; display: block; width: 580px; height: 52px; background-color: #F2F0EF; border-radius: 12px; }
#sub .list_box .search input { border: none; font-size: 15px; outline:none; box-shadow:none; background: transparent; padding: 0 20px; line-height: 52px; width: calc(100% - 38px);}
#sub .list_box .search input::placeholder {font-size: 15px; color: #999; }
#sub .list_box .search button {position: absolute; background-image: url(../img/sub/search_icon.png); cursor: pointer; width: 18px; height: 18px; border: 0; right: 20px; top: 50%; transform: translateY(-50%);}

@media screen and (max-width: 768px) {
  #sub .list_box .search {width: 100%;}
}
@media screen and (max-width: 520px) {
  #sub .list_box .search {margin: 50px 0;}
}

#sub .list_box {  }
#sub .list_box .filter { position:relative; margin:0 0 48px; }
#sub .list_box .filter span { font-size:16px; font-weight:500; color:#232323; }
#sub .list_box .filter span b { font-weight:700; color:#252828; }
#sub .list_box .filter ul { position:absolute; top:50%; right:0; transform:translate(0,-50%); }
#sub .list_box .filter ul li { display:inline-block; position:relative; }
#sub .list_box .filter ul li:after { display:block; content:''; width:1px; height:15px; position:absolute; top:calc(50% + 1px); left:0; transform:translate(0,-50%); background-color:#838383; }
#sub .list_box .filter ul li:first-child:after { display:none; }
#sub .list_box .filter ul li a { font-size:16px; color:#838383; display:inline-block; padding:0 6px 0 10px; }
#sub .list_box .filter ul li.on a { font-weight:500; }

#sub .list_box .button_skip { text-align:center; margin:-5px 0;}
#sub .list_box .button_skip button { background-color: #F9F7F4; border: 1px solid #111; color: #111; border-radius: 12px;  font-weight: 500 !important; font-size: 14px !important; height: 48px !important; width: 580px; font-size: 1.25em; margin:5px; }

@media screen and (max-width:980px) {
  #sub .list_box .filter span { font-size:20px; }
}

@media screen and (max-width:768px) {
  #sub .list_box .filter { margin:0 0 10px; }
  #sub .list_box .filter span { font-size:17px; }
  #sub .list_box .filter ul { position:static; top:auto; right:auto; transform:none; margin:0 0 15px; }
  #sub .list_box .filter ul li:first-child a { padding:0 6px 0 0; }

  #sub .list_box .button_skip button  { font-size:17px !important; height:55px !important; width: 100%; }
}





/* 상세페이지 */
#sub .detail_box #sit_title { font-size:24px; line-height:34px; font-weight:600; }
#sub .detail_box #sit_ov_wrap { overflow:hidden; width:auto !important; padding:0 0 32px !important; }
#sub .detail_box #sit_pvi { width:calc(54% - 70px) !important; }
#sub .detail_box #sit_pvi_big { width:100% !important; margin:0 !important; }
#sub .detail_box #sit_ov { width:46% !important; }

#sub .detail_box #sit_ov_btn { display: flex; margin-left: -10px; }
#sub .detail_box #sit_ov_btn button { background-color:#252828; border:0; font-weight:500 !important; font-size:14px !important; color:#fafafa; height:48px !important; flex: 1; margin-right:0 !important; margin-left: 10px; }
#sub .detail_box #sit_ov_btn button.sit_btn_skip { background-color: #F9F7F4; border: 1px solid #111; color: #111; border-radius: 10px; }
#sub .detail_box #sit_ov_btn button.sit_btn_cart { background-color:#F2F0EF; color:#686868; }
#sub .detail_box .sit_btn_wish { border:1px solid #e8e8e8 !important; height:48px !important; position:relative; float:left; border-radius:4px !important; width:70px !important; margin-left: 10px; }
#sub .detail_box .sit_btn_wish img { height:24px !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
#sub .detail_box #sit_star_sns { padding:5px 0 15px; }
#sub .detail_box #sit_star_sns span { color:#212121 !important; font-size:20px; }
#sub .detail_box #sit_pvi_thumb li { margin:0 !important; }
#sub .detail_box .sit_info .tr_price { border-bottom:0 !important; }
#sub .detail_box .sit_ov_tbl td,
#sub .detail_box .sit_info .tr_price td { padding:5px 0 !important; }
#sub .detail_box .sit_ov_tbl td strong { line-height:normal !important; font-size:20px !important; font-weight:700 !important; color:#212121 !important; }
#sub .detail_box #sit_tot_price span { font-size:24px !important; color:#212121 !important; font-weight:700 !important; }
#sub .detail_box #sit_tot_price { font-size:22px !important; font-weight:800 !important; color:#252828; margin:15px 0 30px !important; }
#sub .detail_box .sit_info .tr_price th, .sit_info .tr_price td { font-size:20px !important; }
#sub .detail_box .sit_ov_tbl th { font-size:14px; font-weight: 500; color: #666; padding: 12px 0; }
#sub .detail_box .sit_ov_tbl td { font-size:14px; font-weight: 500; color: #666; padding: 12px 0; }
/* #sub .detail_box .sit_info .tr_price th { padding-bottom:0 !important; } */
#sub .detail_box .sit_info { margin:-10px 0 0; }
#sub .detail_box #sit_pvi_thumb img { border:1px solid #F2F0EF !important; }
#sub .detail_box #sit_tot_price strong { font-size:32px !important; font-weight:900 !important; }

#sub .detail_box #sit_rel { border:0 !important; background-color:#F2F0EF !important; }
#sub .detail_box #sit_pvi_big { border:1px solid #eceae7 !important; border-radius:12px; overflow:hidden; }

#sub .detail_box #sit_rel .bx-next,
#sub .detail_box #sit_rel .bx-prev { background-color:#F9F7F4 !important; }
#sub .detail_box .scr_10 .sct_txt { margin:10px 0 0 !important; }
#sub .detail_box .scr_10 .sct_txt a { font-size:20px !important; line-height:30px; color:#212121; }
#sub .detail_box .scr_10 .sct_cost { color:#252828; font-weight:700; font-size:22px !important; font-weight:700 !important;}
#sub .detail_box #sit_rel h2 { font-size:24px !important; font-weight:500; color:#333 !important; }
#sub .detail_box .sit_order_btn .sit_btn_cart { background-color:#F2F0EF !important; border:0 !important; font-size:14px !important; font-weight:500 !important; color:#686868; }
#sub .detail_box .sit_btn_buy { background-color:#252828 !important; color:#fafafa !important; font-size:14px !important; font-weight:500 !important; }
#sub .detail_box #sit_buy { width:30% !important; }
#sub .detail_box #sit_tab { width:70% !important; }
#sub .detail_box #sit_tab .tab_tit li button { font-size:20px !important; font-weight:400 !important; color:#333 !important; }
#sub .detail_box #sit_tab .tab_tit li .selected:after { display:none !important; }
#sub .detail_box .sit_order_btn button { border-radius:4px !important; }
#sub .detail_box .sit_btn_buy { border:0 !important; }
#sub .detail_box .sit_order_btn .sit_btn_cart { margin-bottom:10px !important; }
#sub .detail_box, #sub .detail_box #sit_info, #sub .detail_box #sit_tab .tab_con,
#sub .detail_box #sit_buy, #sub .detail_box .sit_buy_inner, #sub .detail_box #sit_ov_wrap,
#sub .detail_box #sit_ov, #sub .detail_box #sit_pvi, #sub .detail_box #sit_ov_from,
#sub .detail_box .sit_info, #sub .detail_box .sit_ov_tbl, #sub .detail_box .sit_ov_tbl td,
#sub .detail_box .sit_option, #sub .detail_box #sit_sel_option,
#sub .detail_box #sit_tot_price, #sub .detail_box #sit_ov_btn,
#sub .detail_box .sit_sel_option, #sub .detail_box .sum_section,
#sub .detail_box #sit_tab .tab_tit, #sub .detail_box #sit_tab .tab_tit li button { background:transparent !important; }
#sub .detail_box #sit_info { border-color:#eceae7 !important; }
#sub .detail_box #sit_buy { border-left:1px solid #eceae7 !important; }
#sit_inf_explan * { background-color:transparent !important; background:transparent !important; }

#sub .detail_box .division_option ul { margin: 0; padding: 22px 0; border-bottom: 1px solid #e2e2e2; list-style: none; }
#sub .detail_box .division_option ul li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#sub .detail_box .division_option ul li ~ li { margin-top: 1rem; }
#sub .detail_box .division_option ul li .opt_name { display: block; width: 190px; font-size:20px; color: #666; line-height:24px; }
#sub .detail_box .division_option ul li .opt_division { position: relative; white-space: nowrap; font-size: 0; width: calc(100% - 190px); }
#sub .detail_box .division_option ul li .opt_division select { color: #999; font-size: 15px; padding: 0 10px; width: 100%; border: 1px solid #ddd; margin:0 0 10px; height:50px; border:1px solid #cdcdcd;
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
-moz-appearance:none;    /* 화살표 없애기 for firefox*/
appearance:none;         /* 화살표 없애기 공통*/
background:url('../img/sub/select_arrow.png') no-repeat 96% 50%/* 화살표 아이콘 추가 */
}

@media screen and (max-width:1280px) {
  #sub .detail_box #sit_ov { width:50% !important; }
  #sub .detail_box #sit_pvi { width:calc(50% - 20px) !important; }
}

@media screen and (max-width:768px) {
  #sub .detail_box #sit_ov { width:100% !important; }
  #sub .detail_box #sit_pvi { width:100% !important; margin:0 0 20px !important; }
  #sub .detail_box #sit_tab { width:100% !important; }
  #sub .detail_box #sit_buy { width:100% !important; }
  #sub .detail_box #sit_buy,
  #sub .detail_box #sit_info { display:block !important; }

  #sub .detail_box #sit_title { font-size:26px !important; margin:0 !important; }
  #sub .detail_box #sit_star_sns span { font-size:16px !important; }
  #sub .detail_box #sit_desc { margin:0 0 5px !important; }
  #sub .detail_box .sit_info .tr_price th, .sit_info .tr_price td { font-size:15px !important; }
  #sub .detail_box .sit_ov_tbl th, .sit_ov_tbl td,
  #sub .detail_box .sit_ov_tbl td strong { font-size:15px !important; }
  #sub .detail_box .sit_info { padding:12px 10px !important; }
  #sub .detail_box #sit_opt_added li { padding:0 10px 0; }
  #sub .detail_box #sit_opt_added li span { font-size:18px !important; }
  #sub .detail_box #sit_tot_price { padding:15px 5px 30px !important; margin:0 !important; font-size:22px !important; }
  #sub .detail_box #sit_tot_price span { font-size:22px !important; }

  #sub .detail_box #sit_ov_btn button { font-size:17px !important; height:55px !important; }
  #sub .detail_box .sit_btn_wish { height:55px !important; }
  #sub .detail_box .sit_btn_buy,
  #sub .detail_box .sit_order_btn .sit_btn_cart { font-size:19px !important; }
  #sub .detail_box #sit_rel h2 { font-size:20px !important; margin:0 0 20px; }
  #sub .detail_box #sit_tab .tab_tit { padding:0; }
  #sub .detail_box #sit_tab .tab_tit li button { font-size:17px !important; }

  #sub .detail_box .scr_10 .sct_txt a { font-size:17px !important; }
  #sub .detail_box .scr_10 .sct_cost { font-size:17px !important; margin:1px 0 5px; }
  #sub .detail_box #sit_rel { padding:20px 15px; }
  #sub .detail_box #sit_star_sns { padding:0 0 15px; }
}







/* 게시판 리스트 */
#sub .board_box { padding:48px 0; }
#sub .board_box .bo_notice { background-color:#F2F0EF; }
#sub .board_box .notice_icon { color:#ff0000; }
#sub .board_box .board_list { margin:0 0 10px; }
#sub .board_box .board_list ul {  }
#sub .board_box .board_list ul li { display:inline-block; margin:0 5px 8px 0; }
#sub .board_box .board_list ul li.on a { background-color:#252828; color:#fff; }
#sub .board_box .board_list ul li a { display:inline-block; font-size:15px; padding:0 15px; line-height:32px; height:32px; background-color:#eee; color:#777; border-radius:3px; }
#sub .board_box .tbl_head01 thead th { background-color:#F2F0EF; font-size:20px; height: 69px; color:#111; font-weight:400; border-top: 1px solid #333; }
#sub .board_box #bo_list tbody td { text-align:center; }
#sub .board_box #bo_list tbody td.td_subject { text-align:left; }
#sub .board_box #bo_list tbody td.td_subject a { font-size:18px; font-weight:400; }
#sub .board_box #bo_list tbody td.td_subject a span.new_icon { display:inline-block; width:16px; line-height:16px; font-size:11px; color:#fff; background-color:#BEE5E4; text-align:center; border-radius:2px; margin-left:2px; font-weight:bold; vertical-align:middle; }
#sub .board_box #bo_list tbody td { color:#212121; font-size:18px; }
#sub .board_box #bo_list tbody tr { border-bottom:1px solid #e7e7e7; }
#sub .board_box #bo_list tbody tr:hover { border-left:0; }
#sub .board_box .write_btn { text-align:right; }
#sub .board_box .write_btn a, #sub .board_box .write_btn button { display:inline-block; line-height:45px; padding:0 30px; background-color:#252828; font-size:20px; font-weight:500; border-radius:4px; color:#fff; height:45px; }
#sub .board_box .write_btn button { background-color:#F2F0EF; color:#686868; }
#sub .board_box .td_subject img { height:20px !important; vertical-align:middle; margin:0 0 2px 2px; }

#sub .board_box .search { text-align:right; }
#sub .board_box .search div { position:relative; display:inline-block; max-width:294px; width:100%; margin:0 0 20px; }
#sub .board_box .search div input[type="text"] { border-radius:20px; background-color:#f0eeee; height:40px; width:100%; padding:0 0 0 10px; box-sizing:border-box; }
#sub .board_box .search div button { position:absolute; top:calc(50% + 1px); right:20px; transform:translate(0,-50%); }
#sub .board_box .search div button img { height:18px !important; }

#bo_w .btn_cancel { height:48px; line-height:48px; padding:0 90px; font-size:14px !important; font-weight:500; color:#686868; background-color:#F2F0EF; margin:0 6px;}
#sub .board_box #bo_w .btn_submit { background-color:#252828; border:0; line-height:48px; height:48px; padding:0 90px; font-size:14px; font-weight:500; margin:0 6px; }

#sub .board_box .tbl_head01 thead th, #sub .board_box .tbl_head01 thead th a { font-size:20px; }
#sub .board_box #bo_list tbody td.td_subject a,
#sub .board_box #bo_list tbody td { font-size:18px; }
#bo_v_title .bo_v_tit { font-size:20px !important; color:#212121; font-weight:700; }

@media screen and (max-width:768px) {
  #sub .board_box { padding:15px 0 30px; }
  .tbl_head01 thead th { padding:10px 0; }
  #sub .board_box #bo_w .btn_submit,
  #bo_w .btn_cancel { height:50px; line-height:50px; padding:0 20px; font-size:17px !important; }
  #sub .board_box .btn_confirm { margin:20px 0 0; }
  #sub .board_box .write_btn a, #sub .board_box .write_btn button { font-size:16px; padding:0 20px; line-height:40px; height:40px; }
  #sub .board_box #bo_list tbody td.td_subject a,
  #sub .board_box #bo_list tbody td { font-size:16px; }

  #sub .search div { margin:5px 0 12px; }
  #sub .search div input[type="text"] { height:37px; }
}





/* 게시판 뷰 */
#sub .board_box .profile_info { position:relative; width:100%; margin:20px 0 15px; }
#sub .board_box .view_btn { position:absolute; bottom:0; right:0; }
#sub .board_box .view_btn ul { text-align:right; }
#sub .board_box .view_btn ul li { display:inline-block; }
#sub .board_box .view_btn ul li a { display:inline-block; }
#sub .board_box .view_btn ul li.edit a { font-size:14px; color:#646464; border:1px solid #ededed; border-radius:2px; line-height:28px; padding:0 10px; }
#sub .board_box .view_btn ul li.delete a { font-size:14px; color:#df1a1a; border:1px solid #df1a1a; border-radius:2px; line-height:28px; padding:0 10px; }
#sub .board_box #bo_v_con { font-size:15px; line-height:28px !important; color:#212121; background-color:#F9F7F4 !important; }
#sub .board_box #bo_v_con * { background-color:transparent !important; }
#sub .board_box #bo_vc { background-color:#F9F7F4; }
#sub .board_box .bo_vc_w { background-color:#F9F7F4; }
#sub .board_box #bo_v_nb { background-color:#F9F7F4; }
#sub .board_box #bo_v_atc { background-color:#F9F7F4; }
#sub .board_box #bo_v_info { background-color:#F9F7F4; }
#sub .board_box { background-color:#F9F7F4; }
#sub .board_box header { background-color:#F9F7F4; }
#sub .board_box #bo_v_title { background-color:#F9F7F4; }
#sub .board_box .list_btn { background-color:#F9F7F4; }
#sub .board_box .cmt_btn { background-color:#F9F7F4; }
#sub .board_box .bo_v_nb { background-color:#F9F7F4; }
#bo_v, #bo_v header, #bo_v_title, #bo_v_info, #bo_v_atc, #bo_v_con, #bo_v #bo_vc, #bo_v .bo_vc_w, #bo_v .bo_v_nb, #bo_v .list_btn, #bo_v .cmt_btn { background-color:#F9F7F4 !important; }
#bo_v #bo_v_con * { background-color:transparent !important; }
#sub .board_box #bo_v_info strong span { font-size:14px; color:#212121; font-weight:400 !important; margin:0 0 6px !important; display:block; }
#sub .board_box #bo_v_info .sv_member { font-weight:400 !important; }
#sub .board_box #bo_v_info strong,
#sub .board_box #bo_v_info .if_date { font-size:13px; color:#646464; }
#sub .board_box #bo_v_info .if_date { padding:0 10px 0 0; margin:0 3px 0 0 !important; position:relative; }
#sub .board_box #bo_v_info .if_date:after { position:absolute; top:0; right:0; width:1px; height:13px; top:4px; right:0; background-color:#646464; display:block; content:''; }
#sub .board_box #bo_v_con { padding:0 35px; box-sizing:border-box; }
#sub .board_box .bo_v_nb li .nb_tit { font-size:16px; color:#646464 !important; }
#sub .board_box .cmt_btn span.total:after { display:none !important; }
#sub .board_box #bo_vc article { position:relative; }
#sub .board_box .comment_etc_btn { position:absolute; top:0; right:0; z-index:100; }
#sub .board_box .comment_etc_btn li { display:inline-block; }
#sub .board_box .comment_etc_btn li a { display:inline-block; border:1px solid #ededed; border-radius:2px; color:#646464; font-size:14px; line-height:28px; padding:0 10px; }
#sub .board_box .comment_etc_btn li.delete a { border:1px solid #df1a1a; color:#df1a1a; }
#sub .board_box #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:14px; font-weight:500 !important; color:#212121; }
#sub .board_box .bo_vc_hdinfo { font-size:16px; color:#646464; }
#sub .board_box #bo_vc .cmt_contents { font-size:14px; color:#212121; }

#sub .board_box .bo_vc_w textarea { border:1px solid #777 !important; box-shadow:none; font-size:18px; color:#646464 !important; padding:11px !important; overflow-y:auto; height:224px !important; border-radius:4px !important; }
#sub .board_box .bo_vc_w textarea:focus { outline:none; border:1px solid #777; }
#sub .board_box .bo_vc_w .btn_submit { background-color:#252828; border:0 !important; font-size:18px !important; font-weight:500 !important; line-height:50px !important; padding:0 35px !important; height:50px !important; }
#sub .board_box .write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label { color:#646464; font-size:18px; padding-left:25px !important; }
#sub .board_box .wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { border:1px solid #777 !important; box-shadow:none; font-size:16px; color:#646464 !important; padding:11px !important; }
#sub .board_box .comment_btn { text-align:right; }

#sub .board_box .bo_v_nb li.btn_next,
#sub .board_box .bo_v_nb li.btn_prv { position:relative; }
#sub .board_box .bo_v_nb li.btn_next:after,
#sub .board_box .bo_v_nb li.btn_prv:after { display:block; content:''; width:14px; height:10px; position:absolute; top:18px; left:10px; background-image:url('../img/sub/icon_product_count.png'); background-repeat:no-repeat !important; background-size:14px 21px !important; }
#sub .board_box .bo_v_nb li.btn_prv:after { background-position:0 0; }
#sub .board_box .bo_v_nb li.btn_next:after { background-position:0 -10px; }
#sub .board_box .bo_v_nb li .nb_tit { padding:0 20px 0 20px !important; }

#sub .board_box .list_btn {  }
#sub .board_box .list_btn a { font-size:16px; color:#fff; padding:0 35px; border-radius:4px; background-color:#646464; font-weight:400; }
#sub .board_box .cmt_btn { border-bottom:0; }
#sub .board_box .cmt_btn b { font-size:20px; font-weight:500; color:#212121; }
#sub .board_box #bo_w .bo_w_flie .frm_file { border:0; }

@media screen and (max-width:768px) {
  #sub .board_box #bo_v_info strong span { font-size:16px; }
  #sub .board_box #bo_v_info strong, #sub .board_box #bo_v_info .if_date { font-size:15px; }
  #sub .board_box #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:16px; }
  #sub .board_box .bo_vc_hdinfo { font-size:15px; }
  #sub .board_box #bo_vc .cmt_contents { font-size:15px; }
  #bo_v_title .bo_v_tit { font-size:20px !important; font-weight:500; }
  #bo_v_info strong span { font-size:16px; }
  #bo_v_info strong, #bo_v_info .if_date { font-size:15px; }
  #bo_v_con { padding:0 10px; font-size:17px; line-height:27px; }
  #bo_vc .cmt_contents,
  #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:16px; }
  #bo_vc article .pf_img { display:none; }
  .bo_vc_hdinfo { font-size:15px; }
  #sub .board_box .wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { font-size:15px; }
  #sod_frm #od_name, #sod_frm #od_tel, #sod_frm #od_hp, #sod_frm #od_pwd, #sod_frm #od_b_name, #sod_frm #od_b_tel, #sod_frm #od_b_hp, #sod_frm #ad_subject, #sod_frm #od_hope_date { width:100% !important; }
  #sub .board_box #bo_v_con { padding:0; font-size:18px; line-height:28px !important; }
  #sub .board_box .bo_vc_w .btn_submit { font-size:17px !important; line-height:40px !important; padding:0 20px !important; height:40px !important; }
  #sub .board_box .bo_vc_w textarea { font-size:15px; }
  #sub .board_box .write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label { font-size:16px; }
  #sub .board_box .tbl_head01 thead th, #sub .board_box .tbl_head01 thead th a { font-size:18px; }
}






/* 장바구니 */
#sub .cart_box { padding:64px 0; }
#sub .cart_box .btn_submit { background-color:#252828; border:0; color:#fafafa; font-size:14px; font-weight:500; line-height:48px; height:48px; padding:0 90px; width:auto; }
#mod_option_frm .btn_confirm .btn_submit { margin:0; }
#sub .cart_box #sod_bsk_act .btn01 { background-color:#F2F0EF; border:0; font-size:14px; font-weight:500; line-height:48px; height:48px; padding:0 90px; width:auto; margin:0 5px; }
.tbl_head03 thead th { background-color:#ededed; border-top:1px solid #a3a3a3; border-bottom:1px solid #a3a3a3; font-size:20px; font-weight:500 !important; padding:15px 0; }
.tbl_head03 td { border-bottom:1px solid #a3a3a3; padding:15px; }
/* .tbl_head03 tr th:first-child {width:21%; }
.tbl_head03 tr th:nth-child(2) {width:20%; } */
.od_prd_list .td_prd .prd_name b { font-size:12px !important; font-weight:500 !important; color:#333; }
.sod_option_btn .mod_options { font-size:16px; color:#646464; border:1px solid #cdcdcd; height:35px !important; line-height:35px !important; padding:0 10px; border-radius:2px; }
.btn_cart_del button { font-size:14px; border-radius:2px; }
.btn_cart_del button.delete { border:1px solid #df1a1a; color:#df1a1a; }
#sub .cart_box .tbl_head03 td { color:#212121; font-size:20px; border:1px solid #a3a3a3; }
#sub .cart_box .tbl_head03 td:first-child { border-left:0; }
#sub .cart_box .tbl_head03 td:last-child { border-right:0; }
#sod_bsk #sod_bsk_tot li {background-color:#F2F0EF; color:#212121;}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {background-color:rgba(182, 158, 128, 0.9); color:#fff; border-left:none;}


@media screen and (max-width:768px) {
  #sub .cart_box .sod_option_btn .mod_options { height:auto !important; font-size:14px; line-height:20px !important; padding:5px; }
  #sub .cart_box .tbl_head03 td { font-size:16px; }
  #sub .cart_box .od_prd_list .total_prc { font-size:16px; }
  #sub .cart_box .od_prd_list .td_prd .prd_name b { font-size:16px; }
  #sub .cart_box .od_prd_list .td_prd .sod_img { left:10px; }
  #sub .cart_box .od_prd_list .td_prd { padding-left:100px; }
  #sub .cart_box #sod_bsk #sod_bsk_tot li { padding:15px; font-size:16px; }
  #sub .cart_box #sod_bsk_act .btn01,
  #sub .cart_box .btn_submit { font-size:16px; padding:0 25px; line-height:50px; height:50px; }
  #sub .cart_box .sod_opt li:before { font-size:13px; }

  #sub .cart_box .tbl_head03 thead th { word-break:break-all; }
  #sod_bsk_list #mod_option_frm { width:90%; left:50%; margin:0; transform:translate(-50%,-50%); }
}


@media screen and (max-width:640px) {
  .od_prd_list .td_prd .prd_name b { font-weight:800 !important; }
  #sub .cart_box .od_prd_list .td_prd { padding:15px !important; }
  #sod_bsk #sod_bsk_tot li { float:none; width:auto !important; }
}





/* 주문하기 */
#sub .order_box { padding:64px 0; }
#sub .order_box #sod_frm { overflow:hidden; }
#sub .order_box .sod_left { width:calc(70% - 20px); margin:0 20px 0 0; }
#sub .order_box .sod_right { width:30%; }
#sub .order_box #display_pay_button .btn_submit { background-color:#252828; border:1px solid #252828;  }
#sub .order_box #display_pay_button .btn01 { background-color:#F2F0EF; border:1px solid #F2F0EF; box-sizing:border-box; line-height:32px; }
#sod_frm_paysel .bank_icon { background-image:none; }
#sub .order_box #sod_frm_pay .lb_icon { text-align:center; }
#sub .order_box #od_pay_sl .lb_icon { padding:0; line-height:60px; background:none; }
#sub .order_box .tbl_head03 td,
#sub .order_box .tbl_head03 td a { font-size:17px; }
#od_tot_price {background-color:#F2F0EF; border:1px solid #e8e6e5!important; }
.sod_frm_taker .order_choice_place {background-color:#F2F0EF; border:1px solid #e8e6e5; }
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong,
#od_tot_price strong {color:#BEE5E4;}
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before,
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {color:#BEE5E4;}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #252828; color:#252828;}
#sub .order_box .write_btn { text-align:right; }
#sub .order_box .write_btn a,
#sub .order_box .write_btn button { display:inline-block; line-height:45px; padding:0 30px; background-color:#252828; font-size:20px; font-weight:500; border-radius:4px; color:#fff; height:45px; }

@media screen and (max-width:1280px) {
  #sub .order_box .sod_frm_taker .tbl_frm01 .btn_frmline { position:static; top:auto; right:auto; margin:8px 0 0; }
}
@media screen and (max-width:768px) {
  #sub .order_box { padding:48px 0; }
  #sub .order_box .sod_left { width:100%; margin:0; }
  #sub .order_box .sod_right { width:100%; }
  #sub .order_box .tbl_head03 thead th { font-size:16px; padding:10px 0; }
  #sub .order_box .tbl_head03 td { padding:15px 5px; }
  #sub .order_box .od_prd_list .td_prd .sod_img { position:static; top:auto; left:auto; }
  #sub .order_box .sod_frm_taker label { width:calc(100% - 40px); }
  #sub .order_box .tbl_head03 td,
  #sub .order_box .tbl_head03 td a { font-size:16px; }
  #sub .order_box .write_btn a,
  #sub .order_box .write_btn button { font-size:16px; padding:0 20px; line-height:40px; height:40px; }
}





/* 마이페이지 */
#sub .mypage_box { padding:64px 0; }
#sub .mypage_box #smb_my_ov { width:22%; margin:0 2% 0 0; border:1px solid #eceae7; background-color:#F9F7F4; }
#sub .mypage_box #smb_my_list { width:76%; }
#sub .mypage_box .tbl_head03 table { table-layout: auto; }
#sub .mypage_box .tbl_head03 thead th { font-size:14px; word-break:break-all; font-weight:600; color:#252828; }
#sub .mypage_box .mypage_title { margin:0 0 48px; }
#sub .mypage_box .mypage_title p { font-size:20px; font-weight:600; }
#sub .mypage_box .tbl_head03 td.status_td { text-align:center; }
#sub .mypage_box .tbl_head03 td.status_td span { line-height:24px !important; padding:0 10px; border-radius:4px; font-size:11px; font-weight:500; }
.point_list .point_num { color:#252828 !important; }
#point .point_all .full_li { background-color:#F2F0EF !important; border:1px solid #eceae7 !important; }
#sub .mypage_box #smb_my_wish h2,
#sub .mypage_box #smb_my_od h2 { font-size:16px; font-weight:600; margin:0; padding:0 0 16px; }
#sub .mypage_box .smb_my_more { margin:12px 0 0; }
#sub .mypage_box #smb_ws_act .btn01 { font-size:14px; font-weight:500; color:#686868; height:48px; width:auto; padding:0 40px; border-radius:4px; margin:0 4px; background-color:#F2F0EF; }
#sub .mypage_box #smb_ws_act .btn02 { font-size:14px; font-weight:500; color:#fff; height:48px; width:auto; padding:0 40px; border-radius:4px; margin:0 4px; background-color:#252828; }
#sub .mypage_box .all_chk { position:relative; margin:12px 0 0; }
#sub .mypage_box .all_chk input[type="checkbox"] { position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index:-1; overflow:hidden; }
#sub .mypage_box .all_chk input[type="checkbox"] + label { font-size:14px; position:relative; padding-left:28px; color:#666; }
#sub .mypage_box .all_chk input[type="checkbox"] + label span { position:absolute; top:2px; left:0; width:20px !important; height:20px !important; display:block; margin:0; background-color:#F9F7F4 !important; border:1px solid #eceae7 !important; border-radius:4px !important; }
#sub .mypage_box .all_chk input[type="checkbox"]:checked + label span { border-color:#252828 !important; border-radius:4px !important; background:none !important; background-color:#F9F7F4 !important; }
#sub .mypage_box .all_chk input[type="checkbox"]:checked + label span:after { background:none !important; background-color:#252828 !important; width:12px; height:12px; display:block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:2px; }
#sub .mypage_box #smb_my_ov .smb_me { border-bottom:0; background-color:#F9F7F4; }
#sub .mypage_box #smb_my_ov h3 { border-top:1px solid #eceae7; font-size:15px !important; font-weight:600; }
#sub .mypage_box #smb_my_ov .op_area dt { font-size:12px; color:#888; font-weight:400; padding:12px 0 0; }
#sub .mypage_box #smb_my_ov .op_area dd { font-size:13px; color:#252828; padding:8px 0 12px; }
#sub .mypage_box .withdrawal { color:#999; font-size:13px; }
#sub .mypage_box #smb_my_ov .smb_me a.smb_info { color:#de2828; }
#sub .mypage_box #smb_my_ov .smb_me a { border:1px solid #eceae7; border-radius:4px; }
#sub .mypage_box #smb_my_ov .smb_me .my_ov_name { font-size:16px; font-weight:600; }
#sub .mypage_box #smb_my_ov .smb_me img { margin:0 0 8px; }
#sub .mypage_box .smb_my_more a { color:#888; font-size:13px; background-image:url('../img/sub/mypage_plus.png'); background-repeat:no-repeat; background-position:0 4px; background-size:12px 12px; }
#sub .mypage_box #smb_my_wish .smb_my_tit a { font-size:15px; font-weight:500; }
#sub .mypage_box #smb_my_wish .smb_my_price { margin:8px 0; }
#sub .mypage_box #smb_my_wish .smb_my_tit { padding:0; margin:0 0 4px; }
#sub .mypage_box #smb_my_wish li .wish_del img { height:20px !important; }
#sub .mypage_box .tbl_head03 td,
#sub .mypage_box .tbl_head03 td a { font-size:14px; color:#333; }
#sub .mypage_box #smb_my_wish li { border-bottom:1px solid #eceae7; background-color:#F9F7F4; }
#sub .mypage_box #smb_my_wish h2 { border-bottom:1px solid #eceae7; }
#sub .mypage_box #smb_my_wish .smb_my_date { font-size:12px; color:#888; }
#sub .mypage_box .excel { border-top:1px solid #eceae7; margin:16px 0 0; }
#sub .mypage_box .excel a { display:block; line-height:48px; padding:0 20px; box-sizing:border-box; font-size:13px; color:#252828; }
#sub .mypage_box .default { border-top:1px solid #eceae7; }
#sub .mypage_box .default a { display:block; line-height:48px; padding:0 20px; box-sizing:border-box; font-size:13px; color:#252828; }

@media screen and (max-width:1024px) {
  #sub .mypage_box #smb_my_ov { width:30%; }
  #sub .mypage_box #smb_my_list { width:68%; }
}
@media screen and (max-width:768px) {
  #sub .mypage_box { padding:48px 0; }
  #sub .mypage_box .tbl_head03 thead th { font-size:12px; }
  #sub .mypage_box #smb_my_ov { width:100%; margin:0 0 32px; }
  #sub .mypage_box #smb_my_list { width:100%; }
  #sub .mypage_box .mypage_title { margin:0 0 20px; }
  #sub .mypage_box .mypage_title p { font-size:18px; }
  #sub .mypage_box .tbl_head03 td { padding:12px 8px; }

  #sub .mypage_box .tbl_head03 td, #sub .mypage_box .tbl_head03 td a { font-size:13px; }
  #sub .mypage_box #smb_my_wish .smb_my_tit a { font-size:15px; }
  #sub .mypage_box #smb_my_wish .smb_my_date { font-size:12px; }
  #sub .mypage_box .smb_my_more { margin:4px 0 0; }
  #sub .mypage_box #smb_my_wish h2, #sub .mypage_box #smb_my_od h2 { font-size:14px; padding:0 0 12px; }
  #sub .mypage_box .smb_my_more a { font-size:13px; background-position:0 4px; }
  #sub .mypage_box #smb_my_wish li { padding:12px 0; }
  #smb_my_wish .smb_my_img { margin:0 8px 0 0; }

  #sub .mypage_box #smb_ws_act .btn02,
  #sub .mypage_box #smb_ws_act .btn01 { font-size:14px; height:48px; line-height:48px; margin:8px 0 0; width:100%; padding:0; }
  #sub .mypage_box .all_chk input[type="checkbox"] + label { font-size:13px; }
  #sub .mypage_box .all_chk input[type="checkbox"] + label span { top:2px; }
  #sub .mypage_box #smb_my_ov h3 { padding:16px 12px 8px; font-size:14px !important; }
  #sub .mypage_box #smb_my_ov .op_area { padding:0 12px; }
  #sub .mypage_box #smb_my_ov .op_area dt { font-size:12px; }
  #sub .mypage_box #smb_my_ov .op_area dd { font-size:13px; }
  #sub .mypage_box .withdrawal { font-size:13px; padding:12px; }
  #sub .mypage_box #smb_my_ov .smb_me .my_ov_name { font-size:15px; }
}



/* 로그인 */
#sub .login_box { padding:64px 0; }
#sub .login_box .mbskin { margin:0 auto; }
#sub .login_box .mb_log_cate .join { background-color:#F2F0EF; }
#sub .login_box .mb_log_cate .join,
#sub .login_box .mb_log_cate h2 { color:#252828; font-size:14px; font-weight:500; }
#sub .login_box .btn_submit { background-color:#252828; border:1px solid #252828; color:#fff; font-size:14px; height:48px; border-radius:4px; }
#sub .login_box #login_info .login_if_lpl a { border:1px solid #eceae7; font-size:13px; font-weight:400; color:#888; padding:0 8px; line-height:28px; height:28px; display:inline-block; border-radius:4px; }
#sub .login_box #login_info .login_if_auto label { font-size:13px; color:#888; }
#sub .login_box #login_info .login_if_auto label:hover { color:#252828; }
#sub .login_box #login_fs { font-size:14px; }
#sub .login_box .frm_input { font-size:14px; border:1px solid #eceae7; border-radius:4px; }

@media screen and (max-width:768px) {
  #sub .login_box { padding:48px 0; }
  #sub .login_box #login_fs { padding:24px 20px; font-size:13px; }
  #sub .login_box .mb_log_cate .join, #sub .login_box .mb_log_cate h2 { font-size:13px; }
  #sub .login_box .mbskin .btn_submit { font-size:13px; }
  #sub .login_box .mbskin { width:100%; }
}






/* 회원가입 */
#sub .join_box { padding:64px 0; }
#sub .join_box #fregister p { background-color:#F2F0EF; color:#333; }
#sub .join_box #fregister p:before { background:#333; }
.fregister_agree input[type="checkbox"] + label span { border-radius:0 !important; border:1px solid #777 !important; width:20px !important; height:20px !important; background-color:#fff !important; }
.fregister_agree input[type="checkbox"]:checked + label span { background:none !important; background-color:#fff !important; }
.fregister_agree input[type="checkbox"]:checked + label span:after { background:none !important; background-color:#252828 !important; width:13px; height:13px; display:block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.reg_btn_submit { color:#fff !important; }
#sub .join_box #reg_result { background-color:#F2F0EF; border:1px solid #ddd; }
#sub .join_box #reg_result .reg_result_p { color:#252828; }
#sub .join_box .register .btn_confirm .btn_close,
#sub .join_box .register .btn_confirm .btn_submit { height:48px !important; line-height:48px !important; font-size:14px; font-weight:500; border-radius:4px; }
#sub .join_box .btn_close { border:1px solid #F2F0EF; background-color:#F2F0EF; color:#686868; }

#sub .join_box #fregister #fregister_auth { background-color:#fafafa; padding:35px 30px; }
#sub .join_box #fregister #fregister_auth h2 { font-size:19px; color:#000; margin:0; padding:0; border:none; line-height:27px; }
/* #sub .join_box #fregister #fregister_auth h2 { font-size:19px; color:#000; margin:0 0 15px; padding:0; border:none; line-height:27px; }
#sub .join_box #fregister #fregister_auth p { font-size:16px; color:#666; margin:0 0 35px; text-align:left; background:none; padding:0; line-height:normal; }
#sub .join_box #fregister #fregister_auth p:before { content:none; }
#sub .join_box #fregister #fregister_auth dl { margin:0 0 40px; }
#sub .join_box #fregister #fregister_auth dl dt { font-size:16px; color:#000; margin:0 0 20px; line-height:26px; }
#sub .join_box #fregister #fregister_auth dl dd { }
#sub .join_box #fregister #fregister_auth dl dd a { font-size:15px; color:#226699; margin:0 45px 0 0; }
#sub .join_box #fregister #fregister_auth div { position:relative; text-align:center; }
#sub .join_box #fregister #fregister_auth div label { color:#000; font-size:15px; vertical-align:top; }
#sub .join_box #fregister #fregister_auth div input[type="checkbox"] + label span { border:1px solid #777 !important; width:14px !important; height:14px !important; background-color:#fff !important; display:inline-block; position:relative; vertical-align:top; margin:3px 8px 0 0; }
#sub .join_box #fregister #fregister_auth div input[type="checkbox"]:checked + label span:after { background-color:#065c4f !important; width:8px; height:8px; display:block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } */

@media screen and (max-width:768px) {
  #sub .join_box #fregister p { height:auto !important; padding:15px; box-sizing:border-box; line-height:24px !important; }
  #sub .join_box #fregister p:before { display:none; }
  #sub .join_box #fregister h2 { padding:15px; font-size:17px; }
  #sub .join_box #register_form h2 { padding:15px 10px; font-size:18px; }
  #sub .join_box .register_form_inner ul { padding:15px 10px; }

  #sub .join_box #fregister_private div { padding:20px 15px; }
  #sub .join_box #fregister textarea { padding:20px 15px; }

  #sub .join_box #fregister_chkall { margin-bottom:10px; }
  #sub .join_box .register .btn_confirm .btn_close, #sub .join_box .register .btn_confirm .btn_submit { height:50px !important; line-height:50px !important; font-size:17px; width:100%; margin:10px 0 0; }

  #sub .join_box #fregister #fregister_auth { padding:25px 20px; }
  /* #sub .join_box #fregister #fregister_auth p span { display:block; }
  #sub .join_box #fregister #fregister_auth dl dd a { display:block; } */
}





/* 위시리스트 */
#sub .wish_box { padding:64px 0; }
#sub .wish_box #sod_ws li .wish_info { border-bottom:0; }
#sub .wish_box #sod_ws_act .btn01 { font-size:14px; font-weight:500; color:#686868; height:48px; width:auto; padding:0 100px; border-radius:4px; margin:0 5px; }
#sub .wish_box #sod_ws_act .btn02 { font-size:14px; font-weight:500; color:#fff; height:48px; width:auto; padding:0 100px; border-radius:4px; margin:0 5px; }
#sub .wish_box #sod_ws li .wish_del {  }
#sub .wish_box #sod_ws li .wish_del img { height:21px !important; margin:7px 0 0; }
#sub .wish_box .sod_ws_img { width:100%; }
#sub .wish_box .sod_ws_img a { display:block; }
#sub .wish_box .sod_ws_img a img { width:100%; }
#sub .wish_box .list_02 li.empty_table { width:98%; border:1px solid #eee; font-size:17px; }

@media screen and (max-width:1280px) {
  #sub .wish_box #sod_ws_act .btn02,
  #sub .wish_box #sod_ws_act .btn01 { font-size:20px; height:60px; }
}

@media screen and (max-width:768px) {
  #sub .wish_box #sod_ws_act .btn01,
  #sub .wish_box #sod_ws_act .btn02 { height:50px; line-height:50px; font-size:17px; padding:0 20px; width:100%; margin:10px 0 0; }
  #sub .wish_box .list_02 ul { margin:0 -1%; overflow:hidden; }
  #sub .wish_box .list_02 li { width:48%; margin:0 1% 20px; }
}


/* 주문완료 페이지 */
#sub .orderview_box { padding:64px 0; }
#sub .orderview_box #sod_fin { overflow:hidden; }
#sub .orderview_box .sod_left { width:73%; }
#sub .orderview_box .sod_right { width:calc(27% - 20px); }



@media screen and (max-width:768px) {
  #sub .orderview_box .sod_left,
  #sub .orderview_box .sod_right { width:100%; margin:0; }
  #sub .orderview_box .sod_left { margin:0 0 20px; }
}







/* 정보찾기 */
#sub .lost_box { padding:64px 0; }
#sub .lost_box .new_win { padding-top:32px; }
#sub .lost_box .new_win .win_btn { margin:20px 0 0; }

@media screen and (max-width:768px) {

}





/* 비밀번호 확인 */
#sub .pw_confirm_box,
#sub .confirm_box { padding:5px 0; }
#sub .pw_confirm_box #pw_confirm p strong,
#sub .confirm_box #mb_confirm p strong { color:#252828; }

@media screen and (max-width:768px) {
  #sub .pw_confirm_box .mbskin,
  #sub .confirm_box .mbskin { margin:70px auto 0; }
  #sub .confirm_box #mb_confirm h1 { margin:20px 0 20px; font-size:24px; }
}






/* 엑셀 일괄 대량 주문 */
#sub .mypage_box {  }
#sub .mypage_box .wrap { overflow:hidden; }
#sub .mypage_box .list_box { float:left; width:76%; }
#sub .mypage_box .e_form { float:left; width:76%; }
#sub .mypage_box .excel_form { border:1px solid #a3a3a3; width:100%; }
#sub .mypage_box .excel_form .tit { border-bottom:1px solid #a3a3a3; }
#sub .mypage_box .excel_form .tit span { font-size:22px; padding:20px; display:block; color:#333; }
#sub .mypage_box .excel_form .list { padding:10px 0; }
#sub .mypage_box .excel_form .div { overflow:hidden; padding:10px 20px; }
#sub .mypage_box .excel_form .div span { display:inline-block; float:left; width:100px; line-height:30px; font-size:16px; color:#333; }
#sub .mypage_box .excel_form .div div { float:left; width:calc(100% - 100px); }
#sub .mypage_box .excel_form .div .down {  }
#sub .mypage_box .excel_form .div .down a { display:inline-block; background-color:#252828; color:#fff; line-height:33px; border-radius:3px; padding:0 12px; font-weight:700; }
#sub .mypage_box .excel_form .div .file { position:relative; }
#sub .mypage_box .excel_form .div .file input[type="file"] { position:absolute; top:0; left:0; width:1px; height:1px; }
#sub .mypage_box .excel_form .div .file input[type="file"] + label { position:relative; padding:0 0 0 88px; box-sizing:border-box; display:block; height:30px; }
#sub .mypage_box .excel_form .div .file input[type="file"] + label p { line-height:30px; max-width:100%; text-overflow:ellipsis; white-space:nowrap;    overflow:hidden; }
#sub .mypage_box .excel_form .div .file input[type="file"] + label b { cursor:pointer; position:absolute; top:50%; left:0; transform:translate(0,-50%); background:#434a54; color:#fff; height:33px; border:0; border-radius:3px; display:inline-block; padding:0 12px; line-height:30px; }
#sub .mypage_box .button { text-align:center; margin:20px 0 0; }
#sub .mypage_box .button button,
#sub .mypage_box .button a { margin:0 3px; display:inline-block; padding:0 100px; line-height:48px; height:48px; background-color:#252828; color:#fff; vertical-align:middle; border-radius:3px; font-size:14px; font-weight:500; }
#sub .mypage_box .button a { background-color:#F2F0EF; color:#686868; }

@media screen and (max-width:1024px) {
  #sub .mypage_box .e_form { width:68%; }
}
@media screen and (max-width:768px){
  #sub .mypage_box .excel_form .tit span { font-size:16px; padding:10px; }
  #sub .mypage_box .excel_form .div { padding:5px 10px; }
  #sub .mypage_box .excel_form .div div { width:calc(100% - 100px); }
  #sub .mypage_box .excel_form .div span { font-size:15px; width:80px; }
  #sub .mypage_box .excel_form .div .file input[type="file"] + label { padding:0 0 0 83px; }
  #sub .mypage_box .excel_form .div .file input[type="file"] + label b { font-size:14px; }
  #sub .mypage_box .excel_form .div .file input[type="file"] + label p { font-size:14px; }
  #sub .mypage_box .e_form { width:100%; }
  #sub .mypage_box .excel a { font-size:16px; padding:0 10px; line-height:45px; }
  #sub .mypage_box .button button,
  #sub .mypage_box .button a { font-size:16px; padding:0 20px; height:50px; line-height:50px; width:100%; margin:10px 0 0; }
}




/* 주문하기 > 주문서 확인 */
#sub .customform_box h4 { font-size: 19px; font-weight: bold; margin-bottom: 15px; color: #333; }
#sub .customform_box p.plus { font-size: 16px; color: #666; font-weight: 400; }
#sub .customform_box p.plus a { font-weight:700; color:#252828; text-decoration: underline; text-underline-position: under; }

#sub .customform_box .chkbox { position: relative; display: inline-block; }
#sub .customform_box .chkbox input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; width: 0; height: 0; }
#sub .customform_box .chkbox input[type="checkbox"] + label { background-image:url('../img/sub/checkbox.png'); background-size: contain; background-repeat:no-repeat; cursor:pointer; color: #666; padding:0 0 0 30px; background-position:0 center; }
#sub .customform_box .chkbox input[type="checkbox"]:checked + label { background-image:url('../img/sub/checkbox_active.png'); color: #333; }

#sub .customform_box #input_wrap { margin-top: 72px; }
#sub .customform_box #input_wrap ul > li { position: relative; width: 100%; max-width: 820px; }
#sub .customform_box #input_wrap ul > li ~ li { margin-top: 60px; }

#sub .customform_box #input_wrap ul > li .file { position: relative; margin-bottom: 16px; }
#sub .customform_box #input_wrap ul > li .file span { position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); display: inline-block; padding: 8px 11px; color: #fff; background-color: #999; border-radius: 5px; cursor: pointer; }
#sub .customform_box #input_wrap ul > li .file input[type="file"] { position: absolute; top: 50%; left: 10px; transform: translate(-50%, -50%); width: 1px; height: 1px; clip: rect(0 0 0 0); }
#sub .customform_box #input_wrap ul > li .file label { display: block; padding: 0 100px 0 16px; line-height: 48px; border: 1px solid #ddd; color: #999; border-radius: 5px; min-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }

#sub .customform_box #input_wrap ul > li input[type="text"] { width: 100%; border: 1px solid #ddd; border-radius: 5px; line-height: 48px; padding: 0 16px; margin-bottom: 16px; }
#sub .customform_box #input_wrap ul > li textarea { width: 100%; border: 1px solid #ddd; border-radius: 5px; padding: 16px; margin-bottom: 16px; height:100px; }

#sub .customform_box #input_wrap ul > li .chkbox { margin-right: 38px; margin-top: 10px; }

#sub .customform_box #sod_bsk_list { margin-top: 60px; }
#sub .customform_box #sod_bsk_list .td_prd .sod_name { display: flex; }
#sub .customform_box #sod_bsk_list .td_prd .sod_name .img { width: 80px; margin-right: 20px; }
#sub .customform_box #sod_bsk_list .td_prd .sod_name .name { width: calc(100% - 100px); }
#sub .customform_box #sod_bsk_list .td_prd .sod_name .name p.cu_options { margin-top: 15px; font-size: 14px; color: #666; }

#sub .customform_box #sod_bsk_tot { margin: 46px 0 72px 0; }
#sub .customform_box #sod_bsk_tot ul { display: flex; font-size: 17px; color: #333; }
#sub .customform_box #sod_bsk_tot ul li { display: flex; width: 50%; border: 1px solid #ddd; justify-content: space-between; align-items: center; }
#sub .customform_box #sod_bsk_tot ul li ~ li { border-left: none; }
#sub .customform_box #sod_bsk_tot ul li span { padding: 20px 1.5%; background-color: #f9f9f9; width: 120px; border-right: 1px solid #ddd; }
#sub .customform_box #sod_bsk_tot ul li strong { padding: 20px 1.5%; }
#sub .customform_box #sod_bsk_tot ul li.sod_bsk_cnt strong { color: #f00; }

#sub .customform_box .notice .flex_box { display: flex; justify-content: space-between; }
#sub .customform_box .notice h4 { font-size: 19px; font-weight: bold; margin-bottom: 15px; color: #333; }
#sub .customform_box .notice textarea { width: 100%; height: 170px; line-height: 1.4; border: 1px solid #ddd; padding: 25px; color: #666; }

#sub .customform_box #sod_bsk_act { margin-top: 72px; }
#sub .customform_box #sod_bsk_act button.btn_submit { font-size: 14px; color: #fff; font-weight: bold; background-color: #252828; border-radius: 10px; height: 48px; width: 337px; }


@media screen and (max-width: 640px) {
  #sub .customform_box #sod_bsk_list .td_prd .sod_name .name { width: 100%; }

  #sub .customform_box #sod_bsk_tot ul { flex-direction: column; }
  #sub .customform_box #sod_bsk_tot ul li { width: 100%; }
  #sub .customform_box #sod_bsk_tot ul li ~ li { border-left: 1px solid #ddd; border-top: none; }
}



#cart .cart_wrap {width: 304px;	position: fixed; right: 0; top: 50%; transform: translateY(-50%);	padding: 27px;	background-color: #fff;	color: #333;	border-radius: 10px;	border: 1px solid #f5f5f5;	box-shadow: 4px 7px 11.28px 0.72px rgb(0 0 0 / 8%);}
#cart .cart_wrap .fold_btn {position: absolute; top: 50%; right: 100%; transform: translateY(-50%);}
#cart .cart_wrap .fold_btn a {background-color: #111;	width: 30px;	height: 100px;	display: block;	border-top-left-radius: 10px;	border-bottom-left-radius: 10px;}
#cart .cart_wrap .fold_btn a img {padding: 41px 9px;transform: scaleX(-1);}
#cart .cart_wrap.on {right: -304px; box-shadow: none; border: none; }
#cart .cart_wrap.on .fold_btn a img {transform: scaleX(1);}
#cart .cart_wrap strong {font-size: 22px;}
#cart .cart_wrap > ul {margin-top: 16px;}
#cart .cart_wrap > ul > li {display: flex; align-items: flex-start;	border-top: 1px solid #ddd;	padding: 16px 0;}
#cart .cart_wrap > ul > li:last-child {border-bottom: 1px solid #ddd;}
#cart .cart_wrap > ul > li .img {display: block;	margin-right: 16px;	width: 51px;	height: 51px;}
#cart .cart_wrap > ul > li .img img {width: 100%;}
#cart .cart_wrap > ul > li .txt { display: block; width: calc(100% - 67px); font-size: 14px;}
#cart .cart_wrap > ul > li .txt .it_name { width: 100%; margin-bottom: 4%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#cart .cart_wrap > ul > li .txt .cart_opt { margin: 4% 0; }
#cart .cart_wrap > ul > li .txt > span {font-weight: 500;}
#cart .cart_wrap .sum {float: right; margin-top: 20px; font-size: 16px; color: #333; }
#cart .cart_wrap .sum span {font-size: 18px; font-weight: bold;}

@media screen and (max-width: 1500px) {
	#cart {display: none;}
}