@charset "UTF-8";

.sub_wrap > button{ display: none; }

.title_h2{ font-size: 24px;line-height:26px;margin-bottom:20px;; }

.category_sub4{ border:1px solid #bbbfc4;border-radius:3px; padding:40px 20px;}
.category_sub4 h4{ font-size: 20px;line-height:24px;padding-bottom:15px;border-bottom:1px solid #bbbfc4;margin-bottom:20px;}
.category_sub4 ul{ overflow: hidden; }
.category_sub4 ul li{ float:left;width:20%; padding-left:2%;}
.category_sub4 ul li label{}

.product_list{}
.product_list dl{ background:#f4f4f2;padding:5px 50px;border-radius:5px;margin:50px 0 30px; overflow: hidden;}
.product_list dl dt{font-size: 20px;line-height:24px; background-size:50px 55px;float:left; }
.product_list dl dt img{ width:50px;margin-right:20px; }
.product_list dl dt span{ font-weight:bold;font-size: 20px;line-height:24px;; }
.product_list dl dd{ float:left;height:55px;line-height:50px; color: #5d6167;margin-left:30px;}

.product_list .sample_txt{ padding:30px ; }
.product_list .sample_txt strong{ margin-bottom:20px;font-size: 24px;line-height:28px;display: block; font-weight:bold; }
.product_list .sample_txt p{ color: #585c62;; }


.gall_row{  }
.gall_row:after{ content:"";display: block;clear:both; }
.gall_row > li{ float:left; }
.gall_row > li:first-child+li+li+li~li{ margin-top:4%; }



.search_area{ padding-bottom:20px; }
.search_area:after{ content:"";display: block;clear:both; }
.search_area #bo_sch{ float:right; }


.search_area #bo_sch select{ height:40px;line-height:40px;margin:0; }


.sub_wrap {width:1300px;margin: 0 auto 100px;min-height:1100px;display:flex;}
/*.sub_wrap:after{ content:"";display: block;clear:both; }*/
/*이전 사이드 메뉴 스타일*/
/*.sub_wrap .pc_left_menu{height: auto !important; position: absolute;left:0;top:0;bottom:0;background:#303641; float:left;width:15%;padding:20px 0px;}
.sub_wrap .pc_left_menu > ul{}
.sub_wrap .pc_left_menu > ul > li{ border-top:1px solid #fff; }
.sub_wrap .pc_left_menu > ul > li:first-child{ border-top:0}
.sub_wrap .pc_left_menu > ul > li > a{ font-size:20px;color: #fff;display: block;line-height:26px; padding:15px 20px;}
.sub_wrap .pc_left_menu > ul > li ul{ padding:20px 0px; padding-top:0;}
.sub_wrap .pc_left_menu > ul > li ul li{ background:url(../img/sub/bg_left.gif) right 20px center no-repeat;background-size:10px 18px; margin-top:10px;}
.sub_wrap .pc_left_menu > ul > li ul li:first-child{ margin-top:0px;}
.sub_wrap .pc_left_menu > ul > li ul li a{color: #fff;display: block;  font-weight:400;padding:10px 20px;padding-right:40px;}
.sub_wrap .pc_left_menu > ul > li.on > a{ background:#555a66 url(../img/sub/bg_left_on.gif) right 20px center no-repeat;background-size:10px 18px;; }
.sub_wrap .pc_left_menu > ul > li ul li.on a,
.sub_wrap .pc_left_menu > ul > li ul li a:hover{ background:#555a66 url(../img/sub/bg_left_on.gif) right 20px center no-repeat;background-size:10px 18px;  }
.sub_wrap .pc_left_menu > ul > li ul li a .count{ color: #fff;background:#f5a623;border-radius:3px; display: inline-block;padding:0 3px;float:right; }*/
/* 새로운 사이드 메뉴 스타일 */
.side-navigation { background: #303641; box-shadow: 0 2px 8px rgba(0,0,0,0.15); border-radius: 12px; padding: 20px 0; margin-right: 20px; border: 1px solid rgba(255,255,255,0.1); float: left; width: 230px; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif; position: sticky; top: 20px; height: calc(100vh - 40px); overflow-y: auto; }
.side-navigation > ul > li { margin-bottom: 4px; position: relative; }
.side-navigation > ul > li > a { display: flex; align-items: center; padding: 15px 25px; font-size: 16px; font-weight: 600; color: #e4e6eb; transition: all 0.2s ease; border-left: 3px solid transparent; letter-spacing: -0.3px; }
.side-navigation > ul > li > a:hover { background: rgba(255,255,255,0.05); color: #60a5fa; border-left: 3px solid #60a5fa; }
.side-navigation > ul > li > a .material-icons { margin-right: 12px; font-size: 20px; color: #ffffff; transition: all 0.2s ease; }
.side-navigation > ul > li > a:hover .material-icons { color: #60a5fa; }
.side-navigation > ul > li > ul { padding: 5px 0; background: rgba(255,255,255,0.03); border-left: 3px solid rgba(255,255,255,0.1); }
.side-navigation > ul > li > ul > li > a { display: flex; align-items: center; padding: 12px 25px 12px 60px; font-size: 15px; color: #ffffff; transition: all 0.2s ease; position: relative; letter-spacing: -0.3px; font-weight: 600; }
.side-navigation > ul > li > ul > li > a::before { content: ''; position: absolute; left: 45px; top: 50%; width: 4px; height: 4px; background: rgba(255,255,255,0.3); border-radius: 50%; transform: translateY(-50%); transition: all 0.2s ease; }
.side-navigation > ul > li > ul > li > a:hover { color: #60a5fa; background: rgba(96,165,250,0.1); }
.side-navigation > ul > li > ul > li > a:hover::before { background: #60a5fa; }
.side-navigation .count { display: inline-flex; align-items: center; justify-content: center; background: #60a5fa; color: #fff; font-size: 11px; min-width: 18px; height: 18px; padding: 0 6px; border-radius: 9px; margin-left: 8px; font-weight: 600; font-feature-settings: "tnum"; }
/* 스크롤바 스타일링 */
.side-navigation { scrollbar-width: thin; /* Firefox */ scrollbar-color: rgba(255,255,255,0.3) transparent; /* Firefox */ }
/* Webkit 브라우저(Chrome, Safari 등)를 위한 스크롤바 스타일링 */
.side-navigation::-webkit-scrollbar { width: 6px; }
.side-navigation::-webkit-scrollbar-track { background: transparent; }
.side-navigation::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.3); border-radius: 3px; border: transparent; }
.side-navigation::-webkit-scrollbar-thumb:hover { background-color: rgba(255,255,255,0.5); }
/* 스크롤시 부드러운 효과 추가 */
.side-navigation { scroll-behavior: smooth; }
/*@media (max-width: 768px) { .side-navigation { position: relative; width: 100%; margin: 0 0 20px 0; } }*/
.side-navigation #bo_cate_on { background: #555a66 url(../img/sub/bg_left_on.gif) right 20px center no-repeat;background-size:10px 18px; }

/* ── 개선된 사이드 메뉴 v2 ── */
.side-nav-v2 {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  box-shadow: 0 4px 24px rgba(0,0,0,0.25), 0 0 0 1px rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 24px 0;
  margin-right: 24px;
  border: none;
  float: left;
  width: 240px;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
  position: sticky;
  top: 20px;
  height: calc(100vh - 40px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.2) transparent;
  scroll-behavior: smooth;
}
.side-nav-v2::before {
  content: '';
  display: block;
  padding: 0 24px 18px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: rgba(148,163,184,0.7);
}
.side-nav-v2 > ul { padding: 0; margin: 0; list-style: none; }
.side-nav-v2 > ul > li { margin: 2px 10px; border-radius: 10px; position: relative; overflow: hidden; }
.side-nav-v2 > ul > li > a {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  font-size: 15px;
  font-weight: 500;
  color: #cbd5e1;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 10px;
  letter-spacing: -0.2px;
  position: relative;
  gap: 10px;
}
.side-nav-v2 > ul > li > a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 3px;
  height: 60%;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, #60a5fa, #818cf8);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.side-nav-v2 > ul > li > a:hover {
  background: rgba(96, 165, 250, 0.08);
  color: #f1f5f9;
}
.side-nav-v2 > ul > li > a:hover::before {
  transform: translateY(-50%) scaleY(1);
}
.side-nav-v2 > ul > li > a .material-icons {
  margin-right: 10px;
  font-size: 20px;
  color: #64748b;
  transition: color 0.25s ease;
}
.side-nav-v2 > ul > li > a:hover .material-icons { color: #60a5fa; }
/* 활성화 상태 */
.side-nav-v2 #bo_cate_on {
  background: linear-gradient(135deg, rgba(96,165,250,0.15) 0%, rgba(129,140,248,0.1) 100%) !important;
}
.side-nav-v2 #bo_cate_on > a,
.side-nav-v2 > ul > li > a[id="bo_cate_on"] {
  color: #fff !important;
  font-weight: 600;
}
.side-nav-v2 #bo_cate_on > a::before,
.side-nav-v2 > ul > li > a[id="bo_cate_on"]::before {
  transform: translateY(-50%) scaleY(1);
}
/* 구분선이 있는 첫 항목 */
.side-nav-v2 > ul > li.border-b { border-bottom: 1px solid rgba(255,255,255,0.06); border-radius: 10px 10px 0 0; margin-bottom: 6px; padding-bottom: 6px; }
/* 하위 메뉴 */
.side-nav-v2 > ul > li > ul { padding: 4px 0 4px 12px; margin: 0; list-style: none; }
.side-nav-v2 > ul > li > ul > li > a {
  display: flex;
  align-items: center;
  padding: 10px 18px 10px 32px;
  font-size: 14px;
  color: #94a3b8;
  text-decoration: none;
  transition: all 0.2s ease;
  position: relative;
  border-radius: 8px;
  font-weight: 500;
}
.side-nav-v2 > ul > li > ul > li > a::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 50%;
  width: 5px;
  height: 5px;
  background: rgba(100,116,139,0.4);
  border-radius: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
}
.side-nav-v2 > ul > li > ul > li > a:hover { color: #e2e8f0; background: rgba(255,255,255,0.04); }
.side-nav-v2 > ul > li > ul > li > a:hover::before { background: #60a5fa; box-shadow: 0 0 6px rgba(96,165,250,0.5); }
/* 뱃지/카운트 */
.side-nav-v2 .count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #60a5fa, #818cf8);
  color: #fff;
  font-size: 11px;
  min-width: 20px;
  height: 20px;
  padding: 0 7px;
  border-radius: 10px;
  margin-left: auto;
  font-weight: 600;
  font-feature-settings: "tnum";
  box-shadow: 0 2px 6px rgba(96,165,250,0.3);
}
/* 스크롤바 – Webkit */
.side-nav-v2::-webkit-scrollbar { width: 5px; }
.side-nav-v2::-webkit-scrollbar-track { background: transparent; margin: 12px 0; }
.side-nav-v2::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.15); border-radius: 4px; }
.side-nav-v2::-webkit-scrollbar-thumb:hover { background-color: rgba(255,255,255,0.3); }

.sub_wrap #container{ width:84%;min-height:820px; }
.sub_wrap #right_container { flex: 1; }

.portfolio #bo_cate li:first-child+li+li+li+li+li~li{ margin-top:10px; }

.top_info { border:1px solid #bbbfc4;border-radius:5px;padding:20px 15px; }

.mileage{  }
.mileage dl{ border-top:1px solid #bbbfc4; padding:20px 0 ;}
.mileage dl:first-child{ border-top:0;padding-top:0;}
.mileage dl:after{ content:"";display: block;clear:both; }
.mileage dl dt{ float:left;width:150px;padding-left:20px ; font-weight:bold;color: #333;font-size: 18px; }
.mileage dl dd{ margin-left:20px;}
.mileage dl dd:after{ content:"";display: block;clear:both; }
.mileage dl dd .point{ color: #4a90e2;font-size: 20px;font-weight:bold; }
.mileage dl dd .left_month{ float:left; }
.mileage dl dd .left_month ul{ overflow: hidden; }
.mileage dl dd .left_month ul li{ float:left; cursor:pointer; height:38px;line-height:36px;margin-left:5px;border:1px solid #bbbfc4;padding:0 10px;border-radius:3px;}
.mileage dl dd .left_month ul li:first-child{ margin-left:0; }
.mileage dl dd .left_month ul li:hover,
.mileage dl dd .left_month ul li.on{ color: #fff;background:#009c79; }

.mileage dl dd .right_y_month{ float:right; }
.mileage dl dd .right_y_month input{width:150px; display: inline-block;height:40px;line-height:38px;padding:0 40px 0 5px;background:url(../img/sub/icon_month.gif) right center no-repeat;background-size:38px 38px; border:1px solid #bbbfc4; }
.mileage dl dd .right_y_month  button{ background:#7e848c;color: #fff;height:40px;line-height:36px;padding:0 15px;; }

.mileage.manage dl dd{ margin-left:0; }
.manage dl:first-child dd{ text-align:center; }
.manage dl:first-child dd select{ width:50%; color: #bbbfc4; }


.manage_quo{  }
.manage_quo .img_file{  }
.manage_quo .img_file img{ width:60px; }

.manage_quo.tb_type1 table tbody td{ padding:15px 10px; }
.manage_quo.tb_type1 table tbody td:nth-child {width:50%}
.manage_quo.tb_type1 table tbody td span{ font-size: 12px;color: #7e848c; }



button.tb_btn{ color: #fff;background:none; padding:0 10px;height:28px;line-height:26px; border-radius:3px;font-size:14px;font-weight:400; }
button.tb_btn.style1{ background:#4a90e2; }
button.tb_btn.style2{ background:#009473; }



.member_bye .list_style1{}
.member_bye .list_style1 li label,
.member_bye .list_style1 li{ color: #7e848c;; }
.member_bye .list_style1 li.point{ color: #d0021b; }

.member_bye .list_style1 li label{ margin-left:10px;position: relative;top:-3px; }
.member_bye .list_style1 li:after{ border-color:#7e848c; }

.member_bye.tb_type2.style1 table tbody td .radio_list li{ margin-left:20px; }



.register_join{}
.register_join h4{ margin:50px 0 10px;font-size: 20px;; }
.register_join h4 span{ color: #9ea3a9;font-size: 16px;font-weight:500;; }

.register_join .tb_type2 tbody th{ position: relative;text-align:left;padding:15px;padding-left:40px; font-weight:400; border-top:1px solid #d8d8d8; }
.register_join .tb_type2 tbody tr:first-child th{ border-top:0; }
.register_join .tb_type2 tbody th:after{ content:"";display: block;width:20px;height:20px;position: absolute;left:10px;top:20px;background:url(../img/sub/icon_point.gif) 0 0 no-repeat;background-size:100% 100% }
.register_join .tb_type2 tbody tr.none th:after{ display: none; }
.register_join .tb_type2 tbody td{ padding:10px 15px;color: #b5b9bd;}
.register_join .tb_type2 tbody td p{ margin-top:10px; }
.register_join .tb_type2 tbody td select,
.register_join .tb_type2 tbody td input[type='password'],
.register_join .tb_type2 tbody td input[type='text']{height:34px;line-height:32px;padding:0 5px; border:1px solid #d8d8d8; width:220px;}
.register_join .tb_type2 tbody td select{ width:220px; }
.register_join .tb_type2 tbody td *{ color: #7e848c;  }
.register_join .tb_type2 tbody td .color_o{ color: #cc5700;; }
.register_join .tb_type2 tbody td span{ margin-left:20px; }
.register_join .tb_type2 tbody td label span,
.register_join .tb_type2 tbody td span:first-child{ margin-left:0px; }
.register_join .tb_type2 tbody td ul{ overflow: hidden; }
.register_join .tb_type2 tbody td ul li{ float:left;margin-left:15px; }
.register_join .tb_type2 tbody td ul li label{ color: #333; }
.register_join .tb_type2 tbody td ul li:first-child{ margin-left:0px; }
.register_join .tb_type2 tbody td button{ color: #fff;background:#7e848c;padding:0 20px;height:34px;line-height:30px;; }

.register_join .tb_type2 tbody tr.email th{  }
.register_join .tb_type2 tbody tr.email th:before{ content:"";display: block;border-bottom:1px solid #d8d8d8;position: absolute;left:0;bottom:-1px;right:0; }
.register_join .tb_type2 tbody tr.phone td input{ width:100px; }
.register_join .tb_type2 tbody tr.add td div{ margin-top:10px; }
.register_join .tb_type2 tbody tr.add td div input{ width:100%; }

.register_join > ul{ margin:20px; }
.register_join > ul li{ color: #7e848c; }


.register_join #wrapper_title em{ font-size: 16px;display: inline-block;padding-left:30px;margin-left:20px;color: #d0021b; font-weight:500;position: relative;}
.register_join #wrapper_title em:after{ content:"";display: block;width:20px;height:20px;position: absolute;left:0px;top:3px;background:url(../img/sub/icon_point.gif) 0 0 no-repeat;background-size:100% 100% }

.member_tab{  }
.member_tab > div{ border:1px solid #d8d8d8;background:#f9f9f9;position: relative; display: none;margin:20px 10px 0; }
.member_tab > div > div.left{ text-align:center;position: absolute;left:0;top:50%;transform: translateY(-50%);;width:16%; display: none;}
.member_tab > div > div.left img{ width:70px; }
.member_tab > div > div.left strong{ display: block;font-size: 20px; line-height:22px;font-weight:500;color: #383b3f;margin-top:5px; }

.member_tab > div > div.right{ padding:20px; }
.member_tab > div > div.right strong{ color: #cc5700; }
.member_tab > div > div.right p{ line-height:24px; }
.member_tab > div > div.right p em{ text-decoration:underline;color: #585c62;font-weight:bold; position: relative;top:-3px;}
.member_tab > div > div.right .point{ color: #d0021b; position: relative;padding-left:10px; }
.member_tab > div > div.right .point:after{ content:"*";display: block;position: absolute;left:0;top:2px;color: #d0021b; }

#sns_register .sns-icon{ margin:0 10px; }




.coupon .top_info{ font-size: 0;line-height:0;text-align:center;; }
.coupon .top_info strong{ font-size: 16px;line-height:24px; display: inline-block;margin-right:10px;}
.coupon .top_info input{ border:1px solid #bbbfc4;height:30px;line-height:30px;padding:0 5px;font-size: 16px; }
.coupon .top_info button{ color: #fff;height:30px;line-height:30px;background:#f48532;font-size: 14px; padding:0 10px; }

.coupon h4{ margin:40px 0 10px; }
.coupon .tb_type1{ margin-top:0; }

.pop_coupon{ position: fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index: 11;display: none;}
.pop_coupon.on{ display: block; }
.pop_coupon .inner{ position: relative; }
.pop_coupon .inner > img{ width:300px; }
.pop_coupon .inner button{ position: absolute;right:0;top:-35px; background:none;}
.pop_coupon .inner button img{ width:20px; }


.top_visual{ background:url(../img/modify/sub_visual.jpg) center center no-repeat;height:400px;position: relative;background-size:cover; }
.top_visual strong{ display: none; }
.top_visual.product{ background:url(../img/modify/sub-bn1.jpg) center center no-repeat;background-size:100% auto; }

.company{ text-align:center;padding:100px 0; width:1300px;margin:0 auto;}
.company .top_txt{ text-align:left;width:1000px;margin:0 auto; }
.company .top_txt > strong{ display: block;font-size: 34px;line-height:40px;; }
.company .top_txt > strong span{ font-size: 34px;line-height:40px;display: inline-block;vertical-align:top;color: #009473; }
.company .top_txt > p{ margin-top:20px;font-size:24px;line-height:30px;letter-spacing:-1px; }



.company .center_box{ text-align:center; padding:150px 0;}
.company .center_box.none{ padding-bottom:0; }
.company .center_box > img{ width:100%; }
.company .center_box .icon{ display: block;margin-bottom:30px; }
.company .center_box .icon > img{ width:170px; }
.normal_box p,
.company .center_box p{ font-size: 24px;line-height:40px; margin:10px 0 30px;text-align:center;word-break: keep-all;}
.normal_box p strong,
.company .center_box p strong{ font-size: 24px;line-height:40px;color: #333; font-weight:bold;vertical-align:top;}
.company .center_box p strong.red{ color: #d0021b; }
.normal_box p em,
.company .center_box p em{ font-size: 24px;line-height:40px;color: #009473;font-weight:bold;vertical-align:top; }

.company .center_box .img{}
.company .center_box .img img{ width:100%; }

.company .center_box .img + p{ margin-top:50px; }
.company .center_box .m{ display: none; }



.company_service{ margin:0 auto; }
.company_service:after{ content:"";display: block; clear:both; }
.company_service > div{ width:24%;margin-left:1% ;float:left; padding:20px; overflow: hidden;position: relative;text-align:center;}
.company_service > div:after{ content:"";display:block;position: absolute;left:0px;top:0px;;right:0px;bottom:0px;z-index: 1;border:1px solid #979797;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.company_service > div:hover:after{ border:5px solid #005341; }
.company_service > div .info{position:static;z-index: 3;text-align:center;}
.company_service > div .info h4{ font-size: 20px;color: #333;font-weight:bold; margin-top:30px;text-align:left; }
.company_service > div .info em{ color: #009473; font-size: 20px;line-height:24px;display: block; font-weight:bold; margin:5% 0 ;text-align:left;}

.company_service > div .list_style1{ text-align:left; }
.company_service > div .list_style1 .none:after{ display: none; }

.company_service > div > a{display: inline-block; color: #fff;background:#009473;font-size: 20px;line-height:40px;height:40px; border-radius:10px;padding:0 35px;margin-top:10px;position: relative;z-index: 5;}
.company_service > div .img{  }
.company_service > div .img img{ max-width:100%; }


.normal_box{ margin-top:50px; }

.map { width:1300px; }
.map .map_info{ text-align:right;font-size: 20px;line-height:24px; padding-top:10px; }
.map .map_info strong{ font-size: 20px;line-height:24px; display: inline-block;margin-left:20px;vertical-align:top;}
.map .wrap_controllers{ display: none; }


.member_list{ margin-bottom:100px; }
.member_list ul{  }
.member_list ul:after{ content:"";display: block;clear:both; }
.member_list ul li{ position: relative;float:left;width:21%;margin-left:5%;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(179,179,179,1);
  -moz-box-shadow: 0px 0px 15px 0px rgba(179,179,179,1);
  box-shadow: 0px 0px 15px 0px rgba(179,179,179,1);
}
.member_list ul li:first-child{ margin-left:0; }
.member_list ul li:after{ content:"";display:none;background:#0c3b71;position: absolute;left:-15px;top:15px;width:100%;height:100%; }
.member_list ul li.even:after{ left:15px;top:-15px; }
.member_list ul li span{ display: block;background:#fff; position: relative;z-index: 5;}
.member_list ul li img{ width:100%;
  filter: grayscale(100%);
       opacity: 0.8;
 }
.member_list ul li strong{ display: block;padding:10px;color: #333;font-size: 20px;line-height:24px;background:#fff; z-index: 5;position: relative;}






















.login_box{ text-align:center; }
.login_box > div{ display: inline-block; vertical-align:top;}

/* .no_member{ margin:100px 30px 30px 100px;text-align:left;width:350px;text-align:center; } */
.no_member{margin-top:30px;padding: 0 50px;height: 536px; text-align:left;width:350px;text-align:center;border:1px solid #ddd;width:400px;background:#fff;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -moz-border-radius: 100px / 10px;}
.no_member strong{font-size: 2em;display: block;margin-bottom:50px;text-align:center;margin: 60px 0 30px;}
.no_member em{ font-size: 20px;line-height:24px;text-align:left;display: block; }
.no_member input{ border:2px solid #d8d8d8;border-radius:5px;width:100%;padding:0 5px;height:35px;line-height:33px; outline:none; margin-top:10px;}
.no_member input:focus{ border-color:#009473 }
.no_member button{ color: #fff;background:#009473;height:45px;line-height:45px;padding:0 20px;margin-top:10px; display: block;width: 100%;font-weight: bold;font-size: 1.25em;}

.delivery_box{ overflow: hidden; }
.delivery_box .left_delivery{ float:left;width:45%; }
.delivery_box .left_delivery .del_box{ padding:30px;border:1px solid #bbbfc4;border-radius:10px; }
.delivery_box .left_delivery .del_box:after{ content:"";display: block;clear:both; }
.delivery_box .left_delivery .del_box li{margin-left:10%; text-align:center;float:left;width:45%; }
.delivery_box .left_delivery .del_box li:first-child{ margin-left:0; }
.delivery_box .left_delivery .del_box li strong{ display: block;font-size: 18px;line-height:22px; margin-bottom:20px;; }
.delivery_box .left_delivery .del_box li img{ max-width:100%; }


.delivery_box .delivery_list{ width:50%;float:right; }
.delivery_box .delivery_list table{ width:100%;border-collapse: collapse;}
.delivery_box .delivery_list table th{ color: #fff;background:#3dbcff;padding:10px 0; font-weight:500; }

.delivery_box .delivery_list table td{ border:1px solid #ececec;text-align:center;padding:7px 10px;color: #85878b;border-top:0;box-sizing:border-box; position: relative;border-right:0; font-size: 14px;;}
.delivery_box .delivery_list table td:after{ content:"";display: block;border-right:1px solid #ececec;position: absolute;right:0;top:0;bottom:0; }
.delivery_box .delivery_list table td:first-child{ text-align:left; }

.live_point { position: relative; border:1px solid #eaebea; margin-top:61px; }
.live_point .txt{ color: #fff;background:#3dbcfe;position: absolute;left:0;top:0;bottom:0;width:30%;text-align:center; }
.live_point .txt span{ color: #fff;font-size:17px;line-height:21px;position: absolute;left:0;right:0;top:50%;transform:translateY(-50%);}

.live_point .circular-chart {
  display: block;
  margin: 0px auto;
  max-width: 80%;
  max-height: 195px;
}

.live_point  .circle {
  stroke:#3dbcfe;
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-dasharray: 0 300;

  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;

}

.live_point .circle_box{ position: relative;display:block;width:70%;height:250px;margin:0 auto;margin-left:30%; padding:30px 0;}
.live_point .circle_box .circle{  }
.live_point .circle_box strong{ font-size: 38px;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);color: #3cbdff;}
/* .live_point .circle_box:hover .circle{ } */


.gray_box{ border:1px solid #e0e0e0;border-radius:5px;padding:10px;width:1200px;margin:0 auto;height:600px;overflow-y:scroll;  }
.gray_box .inner{ }



div[class^='tb_type']{ border-top:2px solid #999a9a;border-bottom:1px solid #999a9a; }
div[class^='tb_type'] table{ width:100%; border-collapse:collapse; }

.tb_type1{ margin-top:20px; }
.tb_type1 table{ }
.tb_type1 table thead th{ color: #383b3f;font-size: 16px;padding:10px 0; background:#f9f9f9;position: relative; }
.tb_type1 table thead th:after{ content:"";display: block; border-left:1px solid #BBBFC4;height:20px;position: absolute;left:0;top:0;transform: translateY(50%);}
.tb_type1 table thead th:after{ content: "";display: block;border-right: 1px solid #BBBFC4;height: 20px;position: absolute;left: 0;top: 0;transform: translateY(50%); }
.tb_type1 table thead th:first-child:after{ display: none; }
.tb_type1 table tbody td{padding:7px 0; border-top:1px solid #d8d8d8;text-align:center; border-left:1px solid #d8d8d8;}
.tb_type1 table tbody td:first-child{ border-left:0; }

.tb_type1 table tbody td .m_style{ color: #333 !important;font-weight:bold; font-size: 16px !important; }
.tb_type1 table tbody td .m_style1{ color: #4a90e2 !important;font-weight:bold; font-size: 16px !important }
.tb_type1 table tbody td .m_style2{ color: #d0021b !important;font-weight:bold; font-size: 16px !important}
.tb_type1 table tbody td .color_b{ color: #4a90e2;text-decoration:underline;; }

.tb_type2.style1{ border-bottom-color:#d8d8d8 }
.tb_type2 table tbody th{ vertical-align:top; padding:20px; background:#f9f9f9;border-right:1px solid #d8d8d8;font-size: 18px; }
.tb_type2 table tbody td{ border-top:1px solid #d8d8d8;padding:15px 20px  }
.tb_type2 table tbody tr:first-child td{ border-top:0; }

.tb_type2.style1 table tbody td{ border-top:0; }
.tb_type2.style1 table tbody tr:first-child td{border-bottom:1px solid #d8d8d8; }

.tb_type2.style1 table tbody td .radio_list{ overflow: hidden; }
.tb_type2.style1 table tbody td .radio_list li{ float:left;margin-left:120px; }
.tb_type2.style1 table tbody td .radio_list li:first-child{ margin-left:0px; }

.tb_type2.style1 table tbody td select{color: #df4356;width:50%;

 }


.tb_type2.style1 table tbody td input{  border:1px solid #d8d8d8;height:30px;line-height:30px;padding:0 5px;width:50%;color: #df4356;  }

.tb_type2.style1 table tbody td input::placeholder {
  color: #df4356;
  opacity: 1;
}

.tb_type2.style1 table tbody td input:-ms-input-placeholder {
  color: #df4356;
}

.tb_type2.style1 table tbody td input::-ms-input-placeholder {
  color: #df4356;
}

.tb_type2.style1 table tbody td textarea{ height:200px;border:1px solid #d8d8d8;padding: 5px;width:100%;color: #9fa3a9;resize:none; }

.tb_type2.style1 table tbody td textarea::placeholder {
  color: #9fa3a9;
  opacity: 1;
}

.tb_type2.style1 table tbody td textarea:-ms-input-placeholder {
  color: #9fa3a9;
}

.tb_type2.style1 table tbody td textarea::-ms-input-placeholder {
  color: #9fa3a9;
}


.bottom_danger{ padding:50px;border-bottom:2px solid #999a9a; }
.bottom_danger strong{ color: #d0021b;font-size: 24px; display: block;margin-bottom:20px; }
.bottom_danger p{ color: #d0021b;font-size: 18px; }


.btn_box{ padding-top:30px; }
.btn_box.c{ text-align:center; }
.btn_box .btn{ color: #fff;background:#bbbfc4;margin:0 10px;font-weight:400; padding:0 15px; }

.btn.ok{ background:#7e848c; }
.btn.member{ background:#f48532; }

.sub_wrap > button{
  -moz-transition: left .4s ease-in-out;
  -webkit-transition: left .4s ease-in-out;
  -o-transition: left .4s ease-in-out;
  -ms-transition: left .4s ease-in-out;
  transition: left .4s ease-in-out;
  position: absolute;top:50%;transform:translateY(-50%);left:-40px;z-index: 10;
}
.sub_wrap > button.on{ left:40%; }
.sub_wrap > button img{ width:40px; }


.ctt_admin .btn_admin { line-height:34px !important; }
/* select 전체에 영향이 미치므로 일단 주석 처리 문제 생기면 다시 처리 */
/*select{
   border:1px solid #d8d8d8;height:30px;line-height:30px;padding:0 10px;
   -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: url(../img/sub/icon_select.gif) right 10px center no-repeat;background-size:20px 11px
}
select::-ms-expand {
  display: none;
}*/
@media (max-width:1316px){
  .member_bye.tb_type2.style1 table tbody td .radio_list li{ width:33.33%; margin-left:0; }
  .member_bye.tb_type2.style1 table tbody td .radio_list li:first-child+li+li~li{ margin-top:10px; }

  .company{ width:100%;}

  .map ,
  .map > div{ width:100% !important; }
}

@media (max-width:1216px){

  /*.sub_wrap{ width:100%; }*/
  /*.sub_wrap .pc_left_menu{ width:25%; }*/

  .top_info{ padding:10px 8px }
  .mileage dl dd .left_month,
  .mileage dl dd .right_y_month{ float:none; }

  .mileage dl dd .right_y_month{ margin-top:10px;margin-left:150px;}

  .tb_type1 table tbody td{ font-size: 14px; }
  .tb_type1 table tbody td .m_style2{ font-size: 14px !important; }

  .sub_wrap #container{ width:73%; }

  .register_join .tb_type2 tbody td select,
  .register_join .tb_type2 tbody td input[type='password'],
  .register_join .tb_type2 tbody td input[type='text']{height:34px;line-height:32px;padding:0 5px; border:1px solid #d8d8d8; width:30%;}

  .register_join .tb_type2 tbody td *{ font-size: 14px;; }

  .radio_design:after{ width:18px;height:18px;top:1px; }
  .radio_design span{ width:10px;height:10px; top:5px;}


  .member_info .member_tab > div > div.left{ width:20%; }
  .member_info .member_tab > div > div.right{ width:80%;margin-left:20%; }

  .gray_box{width:100%; }

  .top_visual{ height:300px; }
  .company{ padding:2%; }
  .company .top_txt{ width:100%; }
  .company .center_box{ padding:75px 0  }




@media (max-width:1100px){
  .gall_row .col-gn-4{ width:23%;margin:0 1%; }

  .company .top_txt{width:100%;margin:0 auto; }
}

@media (max-width:1000px){
  .member_tab > div > div.left img{ width:60px; }
  .member_tab > div > div.left strong{ font-size: 18px;; }

  .delivery_box .left_delivery{ width:100%;float:none; }
  .delivery_box .delivery_list{ width:100%;float:none;margin-top:50px; }

  .company .top_txt > p br{ display: none;word-break: keep-all;}
}

@media (max-width:900px){
	.sub_wrap {padding-bottom: 0px !important;}
  #container{ padding-top:30px; }
  .title_h2{ font-size: 22px;margin-bottom:15px;; }
  .category_sub4{ padding:20px 10px; }
  .category_sub4 h4{ font-size: 16px;line-height:20px; padding-bottom:10px;margin-bottom:10px; }
  .category_sub4 ul li{  }
  .category_sub4 ul li label{ font-size: 14px;line-height:16px;; }
  .chk_design:after { top:1px; }
  .chk_design span{ top:2px }

  .product_list dl{ margin:25px 0 15px;padding:5px 30px; }
  .product_list dl dt img{ width:35px;margin-right:15px; }
  .product_list dl dt span{ font-size: 17px;line-height:20px;; }

  .product_list dl dd{ height:40px;line-height:36px;margin-left:20px;font-size: 14px;; }

  .sub_wrap .pc_left_menu{
    left:-40%;float:none;width:40%;
    -moz-transition: left .4s ease-in-out;
    -webkit-transition: left .4s ease-in-out;
    -o-transition: left .4s ease-in-out;
    -ms-transition: left .4s ease-in-out;
    transition: left .4s ease-in-out;
    position: fixed;top:75px;bottom:0;z-index: 10;overflow-y:scroll;
  }
  .sub_wrap .pc_left_menu.on{ left:0; }

  .btn_confirm{ padding-top:25px; }
  #bo_v_ans_form .btn_submit,
  a.btn,
  .btn{ height:30px;line-height:30px;min-width:80px;font-size: 14px; }
  .sub_wrap #container{ width:100%;padding:2%;floaT:none;min-height:inherit; }

  .sub_wrap > button{ left:0; }

  .tbl_head01 td{ padding:7px 3px; }
  #bo_list .tbl_head01 td,
  #bo_list .tbl_head01 a{ font-size: 13px; }

  #bo_list .tbl_head01 thead th{ font-size: 14px;padding:7px 0;; }

  .search_area{ padding-bottom:10px; }

  #wrapper_title{ font-size: 20px;; }

  .sub_wrap > button{ display: block; }
  #ft{ margin-top:50px; }

  .ctt_admin{ top:10px; }
  .ctt_admin .btn_admin{ line-height:30px !important }


  .tb_type2 table tbody th{ font-size: 16px;padding:15px; }
  .tb_type2 table tbody td{ padding:15px; }
  .bottom_danger{ padding:30px }

  .tb_type2.style1 table tbody td select,
  .tb_type2.style1 table tbody td input{ width:100% }

  .register_join .tb_type2 tbody th{ font-size: 14px;padding-left:30px; }
  .register_join .tb_type2 tbody th:after{ width:16px;height:16px;top:17px; }

  .register_join .tb_type2 tbody td span{ margin-left:10px; }

  .register_join #wrapper_title em{ font-size: 14px;margin-left:10px;padding-left:20px; }
  .register_join #wrapper_title em:after{ width:16px;height:16px;  }


  .product_list .sample_txt{ padding:15px ; }
  .product_list .sample_txt strong{ margin-bottom:10px;font-size:18px;line-height:22px;display: block; font-weight:bold; }
  .product_list .sample_txt p{ color: #585c62;font-size: 14px; }

  .company .top_txt > strong span,
  .company .top_txt > strong{ font-size: 26px;line-height:34px;; }
  .company .center_box{ padding:40px 0  }
  .company .center_box .icon > img{ width:100px; }
  .normal_box p em,
  .company .center_box p em,
  .normal_box p strong,
  .company .center_box p strong,
  .normal_box p,
  .company .top_txt > p,
  .company .center_box p{ font-size: 20px;line-height:34px;; }

  .member_list ul li:after{ left:-10px;top:10px }
  .member_list ul li.even:after{ left:10px;top:-10px; }

  .root_daum_roughmap .wrap_map{ height:300px !important }

  #ft .footer .footer_info .left ul{ position:static;margin-top:50px; }

}

@media (max-width:800px){
  .gall_row .col-gn-4{ width:30.33%;margin:0 1.5%; }
  .gall_row > li:first-child+li+li+li~li{ margin-top:0; }
  .gall_row > li:first-child+li+li~li{ margin-top:3% !important }


  .sub_wrap .pc_left_menu{ padding:10px 0 }
  .sub_wrap .pc_left_menu > ul > li > a{ padding:10px 15px;font-size: 18px; }
  .sub_wrap .pc_left_menu > ul > li ul li a{ padding:5px 20px;padding-right:40px; }


  .mileage dl{ padding:10px 0; }
  .mileage dl dt{ float:none;margin-bottom:10px; }
  .mileage dl dd{ float:none; }
  .mileage dl dd .right_y_month{ margin-left:0;}

  .tb_type1 table thead th{ font-size: 16px;padding:7px 0;; }
  .tb_type1 table tbody td{ font-size: 14px;}

  .tb_type1 table tbody td .m_style,
  .tb_type1 table tbody td .m_style1,
  .tb_type1 table tbody td .m_style2{ font-size: 14px !important}


  .register_join .tb_type2 tbody th{ font-size: 13px;padding:10px;padding-left:20px;; }
  .register_join .tb_type2 tbody th:after{ width:12px;height:12px;top:14px; left:2px;}

  .register_join .tb_type2 tbody td button,
  .register_join .tb_type2 tbody td select,
  .register_join .tb_type2 tbody td input[type='password'],
  .register_join .tb_type2 tbody td input[type='text']{ height:28px;line-height:28px;font-size: 14px;; }
  .register_join .tb_type2 tbody td select{ background-size:10px 6px; }

  .register_join .tb_type2 tbody td *{ font-size: 12px;}
  .register_join .tb_type2 tbody td ul li label{ line-height:30px; }

  .register_join .tb_type2 tbody tr.phone td input{ width:30%; }

  #fregister *{ font-size: 14px; }

  .member_tab > div > div.left img{ width:40px; }
  .member_tab > div > div.left strong{ font-size: 16px;line-height:20px;; }

  .member_tab > div > div.right{ padding:10px; }

  .gray_box{ height:400px; }
  .map .map_info,
  .map .map_info strong{ font-size: 14px; }


  .portfolio #bo_cate li:first-child+li+li+li+li+li~li{ margin-top:10px; }
  .portfolio #bo_cate li{ width:25%; margin-top:10px; }
}


@media (max-width:656px){

  .gall_row .col-gn-4{ width:47%;margin:0 1.5%; }
  .gall_row > li:first-child+li+li~li{ margin-top:5% !important }
  .gall_row > li:first-child+li~li{ margin-top:5% !important }

  .sub_wrap .pc_left_menu{ top:53px; }

  .sub_wrap > button{ outline:none; }
  .sub_wrap > button img{ width:30px; }

  .tb_type1{ margin-top:25px; }
  .tb_type1 table thead th{ font-size: 13px; padding:5px 0;; }
  .tb_type1 table tbody td{ font-size: 12px; padding:5px 0;}

  .tb_type1 table tbody td .m_style,
  .tb_type1 table tbody td .m_style1,
  .tb_type1 table tbody td .m_style2{ font-size: 12px !important}


  .mileage dl dt{ padding-left:10px; }
  .mileage dl dd{ margin-left:10px; }
  .mileage dl dd .left_month ul li{ font-size: 14px;height:30px;line-height:26px;; }
  .mileage dl dd .right_y_month button,
  .mileage dl dd .right_y_month input{ height:30px;line-height:28px;font-size: 14px;; }

  .tb_type2.style1 table tbody td .radio_list li{ margin-left:60px; }
  .tb_type2.style1 table tbody td .radio_list li label{ font-size: 14px;; }



  .bottom_danger strong{ font-size: 20px;margin-bottom:10px;; }
  .bottom_danger p{ font-size: 14px;; }

  .btn_box{ padding-top:15px; }

  .manage_quo .img_file img{ width:35px; }
  .manage_quo.tb_type1 table tbody td{ padding:7px 0 }
  button.tb_btn,
  .tb_type1 table tbody td{ font-size: 12px; }
  .tb_type1 table tbody td .m_style2{ font-size: 12px !important; }

  .chk_design{ padding-left:20px; }
  .chk_design:after{ width:14px;height:14px; top:4px; }
  .chk_design span{ width:12px;height:12px;top:4px; }
  .manage dl:first-child dd select{ width:100%; }
  .manage_quo.tb_type1 table tbody td span{ font-size: 10px;display: inline-block;line-height:16px; }

  button.tb_btn{ padding:0 5px; }

  .member_bye.tb_type2.style1 table tbody td .radio_list li{ width:50%; margin-left:0; }
  .member_bye.tb_type2.style1 table tbody td .radio_list li:first-child+li+li~li{ margin-top:0px; }
  .member_bye.tb_type2.style1 table tbody td .radio_list li:first-child+li~li{ margin-top:10px !important; }


  #bo_w #qa_category{ width:50%; font-size: 14px;;}

  .register_join .tb_type2 tbody td select,
  .register_join .tb_type2 tbody td input[type='password'],
  .register_join .tb_type2 tbody td input[type='text']{ width:60%; }
  .register_join .tb_type2 tbody tr.phone td input,
  .register_join .tb_type2 tbody tr.email td select,
  .register_join .tb_type2 tbody tr.email td input[type='text']{ width:28%; }
    .register_join .tb_type2 tbody td input[type='password'] + span,
  .register_join .tb_type2 tbody td input[type='text'] + span{ margin-left:0;margin-top:5px;display: block; }


  .register_join h4{ font-size: 16px;margin:30px 0 5px;; }
  .register_join h4 span{ font-size: 11px;display: block; }

  #fregister h2{ padding-bottom:40px; }
  #fregister .fregister_agree{ top:25px }

  #fregister .btn_confirm{ padding-top:0; }
  #fregister .btn_confirm .btn_submit{ height:34px;padding:0 20px;font-size: 14px;font-weight:500; }

  .member_tab > div > div.left img{ width:40px; }
  .member_tab > div > div.left strong{ font-size: 14px;line-height:18px;; }

  .member_info .member_tab > div > div.right{ padding:10px; }

  .register_join .tb_type2 tbody td button{ padding:0 10px; }

  .coupon .top_info strong{ font-size: 14px;; }
  .coupon .top_info input{ width:150px; }


  .pop_coupon .inner > img{ max-width:100%; }


  .product_list .sample_txt{ padding-top:0; }
  .product_list .sample_txt strong{ margin-bottom:10px;font-size:15px;line-height:22px;display: block; font-weight:bold; }
  .product_list .sample_txt p{ color: #585c62;font-size: 12px; }

  .delivery_box .delivery_list,
  .live_point{ margin-top:30px; }
  .delivery_box .delivery_list table th{ font-size: 14px;font-weight:400; padding:7px 0;}
  .delivery_box .delivery_list table td{ font-size: 13px; }

  .delivery_box .left_delivery .del_box{ padding:15px; }
  .delivery_box .left_delivery .del_box li strong{ font-size: 16px;margin-bottom:10px;; }


  .login_box > div{ width:96%;margin:0;margin:50px 0 100px;margin-bottom: 0 !important;}
  .no_member strong{ font-size: 24px;/* line-height:26px; */ margin-bottom:25px; }
  .no_member em{ font-size: 16px;line-height:20px;; }

  .category_sub4 ul li{ width:31.33%; }
  .category_sub4 ul li:first-child+li+li+li~li{ margin-top:10px; }

  .gray_box{ height:300px; }

  #ft .footer > ul li a{ font-size: 12px;line-height:28px;height:30px; padding:0 5px;letter-spacing:-0.5px }
  #ft .footer .footer_info .left > strong a{  }
  #ft .footer .footer_info .left > strong a img{ width:120px; }
  #ft .footer .footer_info .left ul li a img{ width:30px; }

  #ft .footer .footer_info .info *{ font-size: 12px; }

  .top_visual{ height:150px; }
  .top_visual strong{ font-size: 26px;line-height:30px;; }
  .company .top_txt > strong span,
  .company .top_txt > strong{ font-size: 22px;line-height:28px;; }

  .company .top_txt > p{ font-size: 14px;line-height:20px; word-break: keep-all;}

  .company .top_txt > p br{ display: none; }

  .company .center_box .icon{ margin-bottom:10px; }
  .company .center_box .icon > img{ width:70px; }


  .normal_box p em,
  .company .center_box p em,
  .normal_box p strong,
  .company .center_box p strong,
  .normal_box p,
  .company .center_box p{ font-size:16px;line-height:24px;; }

  .company_service > div{ width:48%;margin:0; padding:10px; }
  .company_service > div:first-child+div~div{ margin-top:4%; }
  .company_service > div:nth-child(odd){ margin-right:4%; }

  .company_service > div .info h4{ font-size: 18px;margin-top:10px;; }
  .company_service > div .info em{ font-size: 15px; margin:2% 0; }

  .company_service > div > a{ font-size: 14px;padding:0 15px;border-radius:5px; height:30px;line-height:28px; }


  .member_list{ margin-bottom:30px; }
  .member_list ul{ padding:0 5%; }
  .member_list ul li{ width:46%;margin:4% 2% !important  }


  .company .center_box .pc{ display: none; }
  .company .center_box .m{ display:block; }


  .map .map_info,
  .map .map_info strong{ font-size: 12px; }
  .map .map_info strong{ margin-left:10px; }

  .map .wrap_map{ height:250px !important; }


  #bo_cate li a{ font-size: 13px;; }
  #bo_cate li a:before{ top:1px; }
  #bo_cate li a#bo_cate_on:after{ top:2px }

  #smb_my_act li a{ font-size: 12px; }

  select{ background-size:10px 6px; }

}

@media (max-width:560px){
  .sub_wrap .pc_left_menu > ul > li > a{ font-size: 14px;padding:5px 10px;; }
  .sub_wrap .pc_left_menu > ul > li ul li{  background: url(../img/sub/bg_left.gif) right 10px center no-repeat; background-size:7px 14px;}

  .sub_wrap .pc_left_menu > ul > li ul li.on a{ background:#555a66 url(../img/sub/bg_left_on.gif) right 10px center no-repeat; background-size:7px 14px;}
  .sub_wrap .pc_left_menu > ul > li ul li a{ font-size: 12px;padding:5px 10px;padding-right:30px;; }

  .tb_type2.style1 table tbody td .radio_list li{ margin-left:20px; }

  .tb_type2 table tbody th{ padding:10px 0;font-size: 14px;; }
  .tb_type2 table tbody td{ padding:5px 10px; }
  .tb_type2.style1 table tbody td textarea{ height:100px; }
  .bottom_danger{ padding:15px; }

  .mileage dl dd .right_y_month button,
  .mileage dl dd .right_y_month input{ font-size: 12px;; }
  .mileage dl dd .right_y_month input{ width:115px; }


  .portfolio  #bo_cate li{ width:33.33%; margin-top:0;}
  .portfolio  #bo_cate li a{ font-size: 13px;; }
  .portfolio  #bo_cate li:first-child+li+li+li~li{ margin-top:10px; }

  #bo_v_ans_form .btn_submit,
  a.btn,
  .btn{ min-width:60px; }
  #bo_gall a.btn_b02,
  a.btn_b01, .btn_b01{ font-size: 12px;; }
}

@media (max-width:500px){
  .category_sub4 ul li{ width:33.33%;}
  #ft .footer > ul li a{ font-size: 10px;; }
  #ft .footer .footer_info .left{ margin-bottom:0; }
  #ft .footer .footer_info .info > address{ font-size: 11px; }
}

@media (max-width:360px){
  #bo_sch .sch_btn,
  #bo_sch .sch_input{ height:30px;line-height:30px;font-size: 12px; }
}