@charset "euc-kr";
/* @font-face { font-family: "NanumBarunGothic"; src: url("../webfonts/NanumBarunGothic.eot"); src: local(¡Ø), url("../webfonts/NanumBarunGothic.woff")format("woff"); }
@font-face { font-family: "NanumGothic"; src: url("../webfonts/NanumGothic.eot"); src: local(¡Ø), url("../webfonts/NanumGothic.woff")format("woff"); }
body { font-family: 'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ', 'nanumBG', 'Nanum Gothic','³ª´®°íµñ',dotum,sans-serif; font-size:0.8em; line-height:1.5; color:#333; } 
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
body, html { font-family: "¸¼Àº°íµñ", "Malgun Gothic", "NanumBarunGothic", "³ª´®¹Ù¸¥°íµñ", "nanumBG", dotum, gulim; margin: 0; padding: 0; color: #000; font-size: 14px; scrollbar-face-color: #4d4d4d; scrollbar-3dlight-color : #f4f4f4; ; scrollbar-arrow-color: #000; scrollbar-track-color: #efefef; scrollbar-darkshadow-color : #efefef; scrollbar-highlight-color : #f4f4f4; scrollbar-shadow-color : #cccccc; }

::-webkit-scrollbar {
width: 8px;
height: 8px;
border: 3px solid #fff;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: block;
height: 10px;
background: #efefef
}
::-webkit-scrollbar-track {
background: #efefef;
-webkit-border-radius: 10px;
border-radius:10px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb {
height: 50px;
width: 50px;
background: rgba(0,0,0,.2);
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)
}
::-webkit-input-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf
}
:-ms-input-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf
}
::-moz-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf;
opacity:1
}
:-moz-placeholder {
font-family:"Noto Sans KR", sans-serif;
font-size:14px;
color:#bfbfbf;
opacity:1
}
div, table, tr, th, td, form, fieldset, textares, p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
img {  }
hr, legend, caption { display: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
button { cursor:pointer;}
/* for layout */
select, input { color: #333; line-height: 18px; border: 1px solid #cccccc; }
textarea { color: #333; border: 1px solid #cccccc; }
.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }
.text_normal { font-weight: normal !important; }
.txt_blue { color: #369 !important; }
.txt_orange { color: #F30 !important; }
.txt_red { color: #DA304F !important; }
.txt_grey { color: #cccccc !important; }
.txt_gray { color: #999 !important; }
.txt_yellow { color:#ffcc33 !important;}
.txt_black { color: #000000 !important; }
.cursor { cursor: pointer; }
.bg_gray { background: #f0f0f0 }
.font_16 { font-size:16px;}
table.cursor th { cursor: default; }
table.cursor td { cursor: pointer; }
.wid20 { width: 20px; }
.wid30 { width: 30px; }
.wid50 { width: 50px; }
.wid65 { width: 65px; }
.wid70 { width: 70px; }
.wid75 { width: 75px; }
.wid80 { width: 80px; }
.wid90 { width: 90px; }
.wid100 { width: 100px; }
.wid100p { width: 100%; display: block; }
.wid110 { width: 100px; }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }
.wid170 { width: 170px; }
.wid200 { width: 200px; }
.wid280 { width: 280px; }
.wid300 { width: 300px; }
.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid500 { width: 500px; }
.wid540 { width: 540px; }
.wid580 { width: 580px; }
.wid600 { width: 600px; }
.wid700 { width: 700px; }
.wid20, .wid30, .wid40, .wid50, .wid65, .wid70, .wid80, .wid90, .wid100, .wid110, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid280, .wid300, .wid400, .wid450, .wid500, .wid540, .wid580, .wid600, .wid70 { display: inline !important; }
.gap_70 { height: 70px; }
.gap_55 { height: 55px; }
.gap_50 { height: 50px; }
.gap_40 { height: 40px; }
.gap_20 { height: 20px; }
.gap_25 { height: 25px; }
.gap_30 { height: 30px; }
.gap_15 { height: 15px; }
.gap_10 { height: 10px; font-size: 0; }
.gap_7 { height: 7px; font-size: 0; }
.gap_3 { height: 3px; font-size: 0; }
.btns { text-align: center; margin: 15px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
.tooltop { cursor: pointer; vertical-align: middle; }
.mute { color: #999; font-size:}
 
input:-webkit-autofill {    -webkit-box-shadow: 0 0 0px 1000px white inset;}
textarea:focus, input:focus { outline: 0; }
textarea:focus, input:focus{    outline: none;}
input[type="radio"], input[type="checkbox"] { margin: 0; line-height: normal; vertical-align: middle; }
label { cursor: pointer; font-weight: normal; margin-bottom: 0; }
a { text-decoration: none; color: #000; }
a:hover, a:active, a:focus { text-decoration: none; /* color:#444; */ }
.hidden { display: none; }
.pagination { }
.pagination ul { display: inline-block; *display:inline;
*zoom:1;
margin: 0 auto; }
.pagination ul>li { display: inline; }
.pagination ul>li>a, .pagination ul>li>span { float: left; padding: 5px 9px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; font: 12px "µ¸¿ò"; color: #777; line-height: 13px; }
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span { color: #777; background-color: #f5f5f5; }
.pagination ul>.active>a, .pagination ul>.active>span { color: #1080ce; cursor: default; padding: 6px 9px; border-color: #a8acb6; border-left-width: 1px; margin-top: -1px; font-weight: bold; background-color: #fff; }
.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus { color: #999999; background-color: transparent; cursor: default; }
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
.checkbox, .checkbox_sm { display: none; }
.checkbox + label, .checkbox_sm + label { color: #333; cursor: pointer; margin-bottom: 0; }
.checkbox + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.checkbox:checked + label span { background-position: -48px 0; }
.checkbox + label span { background-position: 0 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.checkbox:disabled + label span { background-position: -72px 0; cursor: default; }
.checkbox:checked.disabled + label span { background-position: -96px 0; }
.radio, .radio_sm { display: none; }
.radio + label, .radio_sm + label { color: #333; cursor: pointer; }
.radio + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.radio:checked + label span { background-position: -168px 0; }
.radio + label span { background-position: -120px 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.radio:disabled + label span { background-position: -192px 0; cursor: default; }
.radio:checked.disabled + label span { background-position: -214px 0; }
.checkbox_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.checkbox_sm:checked + label span { background-position: -36px 0; }
.checkbox_sm + label span { background-position: 0 0; }
/* .checkbox_sm.hover + label span  { background-position: -18px 0; }*/
.checkbox_sm:disabled + label span { background-position: -54px 0; cursor: default; }
.checkbox_sm:checked:disabled + label span { background-position: -72px 0; }
.radio_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.radio_sm:checked + label span { background-position: -126px 0; }
.radio_sm + label span { background-position: -90px 0; }
/* .checkbox_sm.hover + label span  { background-position: -108px 0; }*/
.radio_sm:disabled + label span { background-position: -144px 0; cursor: default; }
.radio_sm:checked:disabled + label span { background-position: -162px 0; }


/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.checkbox + label span, .radio + label span {
 background-image: url(blue@2x.png);
 -webkit-background-size: 240px 24px;
 background-size: 240px 24px;
}
}
.pagination { display: inline-block; padding-left: 0; margin: 0 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; }
.pagination > li.arrow > a { font-family: Arial, Helvetica, sans-serif; color:#999; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #666; border-color: #333; }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
/* Preloader */
#preloader { background: #ffffff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; display: none }
#status { background-image: url(../image/small-load.gif); background-position: center; background-repeat: no-repeat; height: 150px; width: 300px; left: 50%; margin: -100px 0 0 -150px; position: absolute; top: 50%; }
.scroll-up { position: fixed; display: none; z-index: 999; bottom: 50px; right: 10px;   }
.scroll-up a { background: rgba(0,0,0,.3); display: block; width: 33px; height: 33px; text-align: center; color: #666; font-size: 15px; line-height: 30px; cursor: pointer }
.scroll-up a:hover, .scroll-up a:active { background: rgba(0,0,0,.8); color: #129be2; }
.btn { display: inline-block; padding: 5px 10px; color: #fff; font-size: 14px; background: #333; border:1px solid #333; border-radius: 0;   line-height: 1.4; vertical-align: middle ; vertical-align:middle; cursor:pointer}
a.btn { color: #fff !important; }
.btn_link { border-bottom:1px solid #000;}
.btn:hover { background: #000; }
.btn_block { width: 100%; font-size: 16px; padding: 15px 0; text-align: center }
.btn_grey { background: #999; border:1px solid #999; }
.btn_grey:hover { background: #666 }
.btn_red { background: #da304f;  border:1px solid #da304f;}
.btn_red:hover { background: #e60024; }
.btn_blue { background: #129be2;  border:1px solid #129be2;}
.btn_blue:hover { background: #0f8aca; }
.btn_default { background: #ffffff; border: 1px solid #cccccc; color: #333 !important; }
a.btn_default {color: #333 !important; }
.btn_default:hover { background: #f5f5f5; border: 1px solid #cccccc; color: #000000 !important;  }
.btn_sm { padding: 2px 5px; font-size: 12px; }
.btn_lg { padding: 10px 15px; font-size: 15px; }
.btn_xl { padding: 15px 40px; font-size: 19px; }
.contain_right { max-width: 970px; margin: 0 auto; }
.contain_left { width: 230px; float: left; }
.right_body { width: 970px; float: right; }
.input { display: inline-block; padding: 5px 4px; font-size: 14px; background: #fff; border-radius: 0; border: 1px solid #CCC; box-sizing: border-box; line-height: 1.4; vertical-align: middle }
.input_cal { padding-right:25px; background:url(../image/icon_calendar.gif) right center no-repeat;}
select.input { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background: #fff url(../image/bullet_down.png) no-repeat right center; text-align: left; display: inline-block; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 1.4; vertical-align: middle; box-sizing: border-box; }
select.input::-ms-expand {display: none;}
.input_sm { padding: 2px 2px;  font-size: 12px; }
select.input_lg { padding: 14px 30px 14px 10px; font-size: 15px; }
.price { text-align: right; }
.panel { border: 1px solid #CCC; border-radius: 7px; padding: 10px; }
.table_01 { border-collapse: collapse;border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.table_01 th { background:#f4f4f4}
.table_01 th, .table_01 td {  font-size: 14px; font-weight: normal; padding: 10px 10px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.table_01 td  {text-align: left;}
.table_01 td.brd_r_none {border-right: 0 none;}
.table_01_line { border-collapse: collapse; border-top: 1px solid #e5e5e5; border-left: 1px solid #eeeeee }
.table_01_line th { background: #f9f9f9; }
.table_01_line th, .table_01_line td { font-size: 14px; font-weight: normal; padding: 10px 10px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #eeeeee; }
.panel .table_01 tr:last-child th, .panel .table_01 tr:last-child td { border-bottom: 0 none; }

.table_02 { border-collapse: collapse; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; width: 100%; }
.table_02 th, .table_02 td { font-weight: normal; padding: 7px 10px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.table_02 th { background: #f5f5f5; text-align: center; }

.table_03 { border-collapse: collapse; }
.table_03 th, .table_03 td { font-weight: normal; padding: 15px 10px; }
.table_03 th { font-weight: 700; font-size: 19px; }
.table_03 table th, .table_03 table td { font-size: 16px; }
.table_03 .inner { padding: 5px; }
.table_03 .inner table td { padding: 7px 10px; }
.table_03 table th { padding-left: 50px; font-weight: normal; }
.table_03 table td { padding-right: 50px; }
.table_04 { border-collapse: collapse; border-top: 1px solid #666; }
.table_04 th, .table_04 td { font-weight: normal; padding: 18px 10px; border-bottom: 1px solid #e5e5e5; }
.table_04 .active th, .table_04 .active td { border-bottom: 2px solid #DA304F; border-top: 2px solid #DA304F; background: #f5f5f5; }
.table_04 td.strong { font-size: 1.142857142857143em; font-weight: 500; }
.table_04 td.text1 { font-size: 15px; color: #999 }
.mgt_10 { margin-top: 10px !important; }
.mgt_20 { margin-top: 20px !important; }
.mgb_20 { margin-bottom: 20px !important; }
.mgb_10 { margin-bottom: 10px !important; }
.mgt_50 { margin-top: 50px !important; }
.mgb_50 { margin-bottom: 50px !important; }
.pdb_50 { padding-bottom: 50px !important; }
.mgt_100 { margin-top: 100px !important; }
.agree_wrap1 { border: 1px solid #CCC; border-radius: 7px; padding: 10px; height: 150px; overflow: auto; text-align: left; color: #666; }
.agree_wrap1 h3 { font-size: 14px; text-align: left; font-weight: bold; margin: 10px 0; }

.h3 { font-size: 31px; font-weight: normal; margin: 10px 0 10px 0; text-align: left; }
.row { }
.row:after, .row:before { display: table; content: " "; clear: both; }
.col_6 { width: 50%; float: left; }
.col_4 { width: 33.33333333333333%; float: left; }
.col_8 { width: 66.6666666%; float: left; }
.col_3 { width: 25%; float: left; }
.col_9 { width: 75%; float: left; }
.col_5 { width: 41.6666666667%; float: left; }
.col_7 { width: 58.3333333333%; float: left; }
.col_2 { flex: 0 0 16.6666666667%; width: 16.6666666667%; float: left; }
.col_10 { flex: 0 0 83.3333333333%; width: 83.3333333333%; float: left; }
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; line-height:0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox label { display: inline-block; padding: 4px 10px; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #666; cursor: pointer; border: 1px solid #666; border-radius: 3px; }
/* named upload */
.filebox .upload-name { display: inline-block; padding: 4px 10px; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.container {  margin-right: auto;  margin-left: auto; width:1200px;}
.top_gnb { background:#129be2; color:#fff; height:30px; text-align:right;}
.top_gnb a { color:#fff; display:inline-block; padding:4px 10px; height:20px; box-sizing: content-box;}
.top_gnb a .cart_label { display:inline-block; background:#fff; color:#129be2; padding:0 6px; border-radius:10px; font-size:12px; margin-left:5px;}
.top_area { height:100px; width:100%; position:relative;}
.top_area h1 { position: absolute; left:5px; top:24px; width:313px; height:51px;}
.top_bn1 { position:absolute; width:250px; height:50px; right:0; top:23px;}
.top_bn1 a { cursor:pointer;}
.top_sch {position:absolute; width:350px; height:42px; top:30px; left:425px; border-bottom:2px solid #000;}
.top_sch_input { border:0 none; padding:0 0 0 10px; height:40px; width:300px; vertical-align:middle; font-size:17px; color:#000; }
.top_sch_btn { display:inline-block; width:34px; height:40px;vertical-align:middle;}

.top_nav { border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; height:52px; box-sizing:border-box;position:relative;}
.float_on { position:fixed; left:0; top:0; z-index:999; background:#fff; width:100%;}
.nav_wrap { width:100%; position:relative; height:50px;}
.nav_wrap .top_ul { width:1000px; position:absolute; right:0; top:0; height:50px;overflow: ; z-index:999;}
.nav_wrap .top_ul li  { width: 16%; float:left; height:50px; font-size:16px; text-align:center; font-weight:bold; color:#000; line-height:25px; padding:12px 0;  box-sizing:border-box; position:relative;z-index:999;} 
.nav_wrap .top_ul li a { display:inline-block; width:100%; border-right:1px solid #e4e4e4; cursor:pointer; color:#000; }
.top_ul li a:hover { color:#129be2;}
.nav_wrap .top_ul li .top_sub_ul { position: absolute; left: 0; top: 50px; background: #fff; width: 180px; z-index: 9999; padding: 10px 0; border: 1px solid #ccc; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); min-height: 160px; box-sizing: border-box; display:none ;}
.nav_wrap .top_sub_ul li  { width: 100%; float: none; height: auto; font-size:14px; text-align:left; font-weight: normal; color:#000; line-height:16px; padding:0 0;  box-sizing:border-box; position:relative;} 
.nav_wrap .top_ul li .top_sub_ul li a {display:inline-block; width: auto; border-right:0 none; cursor:pointer; color:#000; padding:5px 0 5px 20px;}
.nav_wrap .top_ul li .top_sub_ul li a:hover{ color:#129be2;}

.top_cate { width:180px; position:absolute; left:0;height:50px;}
.btn_cate { background:#000; color:#fff; display:inline-block; width:180px; height:36px; text-align:center; line-height:36px; margin-top:7px; cursor:pointer}
.btn_cate img { vertical-align:-2px; margin-right:5px;}
.top_cate_dep1 { position:relative; left:0; top:0; background:#fff; width:180px; z-index:999; padding:10px 0; border:1px solid #ccc; box-sizing:border-box;-webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); display:none}
.top_cate_dep1 li { display:block;}
.top_cate_dep1 li a { font-size:14px; padding:8px 20px; display:block; text-align:left; cursor:pointer; color:#000;}
.top_cate_dep1 li a:hover { color:#0f9ae1; }
.top_cate_dep1>li>a:hover { background:url(../image/bullet_right.png) 165px center no-repeat;}
.top_cate_dep1 li a.active {background:url(../image/bullet_right.png) 165px center no-repeat;}
.top_cate_dep2 { position:absolute; left:178px; top:-2px; background:#fff; width:1020px; z-index:999; padding:10px 0;border:1px solid #ccc; -webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);min-height:160px;box-sizing:border-box; display:none}
.top_cate_dep1 li { display: inline-block; width:180px; }
.visual_wrap { height:430px; width:100%; text-align:center; z-index:1;}
.visual_slider li {height:430px; width:100%; text-align:center; background:#ffffff;z-index:1;}
.visual_slider li img { margin:0 auto}
.main_bns_wrap { clear:both; background:#f0f0f0; height:150px;}

.main_bns_inner { height:90px; padding:30px 0; text-align:center; box-sizing:content-box;}
.main_bns_inner >div+div { border-left:1px solid #CCC}
.main_bns_inner div { box-sizing: border-box; height:90px;}
.main_prd_wrap { height: 454px; clear:both}
.main_cs_gray { margin-left:10px; height:400px; background:#f0f0f0; box-sizing:border-box; display: flex; align-items: center; justify-content: center;text-align:center;}

.ul_tab01 { height:40px; margin:0 -5px;}
.ul_tab01 li { display:block; height:40px; padding:0 5px; float:left; width:50%; box-sizing:border-box;}
.ul_tab01 li a { background:#b7b7b7; display:block; height:40px; color:#fff; text-align:center; line-height:40px; font-size:19px; letter-spacing:-1px; cursor:pointer;    transition: 0.5s ease;    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;}
.ul_tab01 li.current a{ background:#0f9ae1}
.tabcontent { min-height:450px; display: none;  } 
.tabcontent.current { display: block;}

.ul_prd li { width:240px; padding:10px; height:450px; box-sizing:border-box; float:left; border:1px solid #fff;}
.ul_prd li:hover { border:1px solid #ddd;}
.ul_prd li span { }
.ul_prd li .prd_thumb { width:220px; height:240px;}
.ul_prd li .prd_thumb img { width:220px; height:220px;}
.ul_prd li:last-child:after { content:""; display:block; clear:both;}
.ul_prd .prd_txt1 {display:block; color:#999; font-size:14px;}
.ul_prd .prd_txt2 {display:block; color:#333; font-size:16px; line-height:18px; height:36px;}
.ul_prd .prd_txt3 {display:block; color:#129be2; font-size:16px; font-weight: ; padding-top:5px;}
.ul_prd .prd_txt4 { padding-top:5px }
.ul_prd .prd_txt5 { padding-top:5px }
.prd_price1 { color:#999; font-size:12px; text-decoration:line-through}
.prd_price2 { color:#ae0000; font-size:16px;}
.prd_price3 { font-size:16px;}
.prd_price2 strong { font-family:Tahoma, Geneva, sans-serif}
.label_sale { display:inline-block; font-size:12px; font-weight:bold; color:#fff; padding:2px 5px; background-color:#129BE2; border-radius:3px;}
.label_rent { display:inline-block !important; font-size:12px; font-weight:bold; color:#fff; padding:2px 4px; background-color:#999999; border-radius:3px;}
.ul_prd li:hover .prd_btns {  opacity:1; position:relative; }
.prd_btns { margin-top:10px;  opacity:0;transition: 0.3s ease;    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;}

.prd_btns a { display:block; background:#333; color:#fff; width:50%; float:left; text-align:center; font-size:14px; height:30px; line-height:30px; cursor:pointer;}
.prd_btns a img { vertical-align:-2px}
.prd_btns a+a { border-left:1px solid #525252; margin-left:-1px;}
.main_cate_inner { margin:0 -5px;}
.main_cate_inner div { text-align:center;}

.main_ttl_wrap { text-align:center; padding:50px 0; background:url(../image/line2.gif) center center repeat-x;}
.main_ttl_box { text-align:center; background:#fff; padding:0 30px; display:inline-block;}
.main_ttl_box h2 { font-size:36px; color:#000; line-height:45px;   font-weight:normal;display:inline-block;padding:0; margin:0;}
.main_ttl_box p { font-size:16px; color:#999;line-height:24px;  display:block; padding:0; margin:0;}

.main_cs_sec { clear:both; padding:50px 0; }
.main_cs_wrap1 { padding-right:45px}

.main_cs_ttl { height:72px;; position:relative;}
.main_cs_ttl h3 { padding:0; margin:0; font-size:30px; font-weight:normal; color:#000; text-align:left; display:inline-block;}
.main_cs_btn1 { display:block; width:70px; height:30px; border:1px solid #CCC; color:#000; font-size:14px; text-align:center; line-height:30px; position:absolute; right:0;top:10px; cursor:pointer;}
.main_cs_btn1:hover { color:#129be2;}
.main_cs_ul1 li { font-size:14px; color:#000; padding:10px 0 10px 30px; border-bottom:1px solid #e3e3e3; background:url(../image/bullet_dot.png) 10px center no-repeat;}
.main_cs_ul1 li a { color:#000; cursor:pointer}
.main_cs_ul1 li a:hover { color:#129be2;}
.main_cs_wrap2 {border:1px solid #e3e3e3; text-align:center; height:207px;}
.main_cs_wrap2 span { display:block;}
.main_cs_ttl2 { background:url(../image/icon_cs1.gif) center 70px no-repeat;}
.main_cs_ttl2 h3 {padding:0; margin:0; font-size:30px; font-weight:normal; color:#000; text-align:center; display:block; padding:20px 0 50px 0; letter-spacing:-1px;}
.main_cs_txt1 { color:#5fb2e8; padding:0; margin:0; font-size:40px; font-family:"Arial Black", Gadget, sans-serif; line-height:110%;letter-spacing:-1px;}
.main_cs_txt2 { font-size:14px; color:#999; line-height:140%;}
.main_cs_txt3  { font-size:14px; color:#000;line-height:140%;}
.foot_wrap1 { background:#333333; clear:both; color:#fff; padding:20px 0;}
.foot_wrap1 a {color:#fff;font-size:14px; cursor:pointer;}
.foot_wrap1 a+a:before { content:"|"; display:inline-block; padding:0 10px; color:#ccc; font-size:12px; }
.foot_wrap2 { background:#666666; clear:both; color:#ccc; padding:20px 0;}
.foot_wrap2 a {color:#eee;font-size:14px; cursor:pointer;}


.location_dtl { padding:10px 10px; text-align:left;}
.location_dtl li { display:inline-block;}
.location_dtl li+li:before { content:">"; font-family:"µ¸¿ò"; font-size:12px; padding:0 5px;}
.dtl_img_wrap { margin-right:30px; min-height:590px;}
.dtl_img_m {width:560px;height:560px;  display: flex; align-items: center; justify-content: center;text-align:center;}
.dtl_img_m img { max-width:560px;max-height:560px;}
.dtl_img_s { padding:10px 0; text-align:center;}
.dtl_img_s ul li { width:90px; height:90px; display:inline-block; margin:0 10px;}
.dtl_img_s ul li a { cursor:pointer}
.dtl_img_s img { width:90px; height:90px; border:1px solid #CCC}
.dtl_ttl_wrap { padding:10px 50px 10px 5px; position:relative; border-bottom:1px solid #CCC}
.dtl_ttl_wrap h3 { font-size:26px; padding:0; margin:0; line-height:30px; color:#000; font-weight:normal}
.dtl_ttl_wrap .btn_my { display:block; width:40px; height:40px; right:0; top:0; border-radius:20px; border:1px solid #ccc; position:absolute; overflow:hidden; cursor:pointer; display: flex; align-items: center; justify-content: center;text-align:center;}
.dtl_code_wrap { font-size:14px; color:#999; padding:5px 0 20px 5px;}
.dtl_price_wrap { padding:5px 0 5px 0}
.brd_b { border-bottom:1px solid #e4e4e4;}
.price_txt1 { font-size:26px; color:#999; display:block;}
.price_txt2 { font-size:36px; color:#000;}
.price_txt2 strong { color:#cc3333; font-weight:normal}
.dtl_ttl_sale  {font-size:16px; color:#fff; background:#129BE2; display:inline-block; padding:2px 5px; border-radius:3px; margin-right:5px; }
.dtl_ttl_rent  {font-size:16px; color:#fff; background:#999; display:inline-block; padding:2px 5px; border-radius:3px; margin-right:5px; }
.dtl_dis_price { font-size:16px; color:#999; text-decoration:line-through;}
.dtl_sale_price {font-size:20px; color:#cc3333;}
.dtl_sale_price strong {font-size:26px;font-family: Tahoma;}

.dtl_n_price {font-size:20px; }
.dtl_n_price strong {font-size:26px;font-family: Tahoma;}


.price_wrap { padding:2px 0;}
.price_txt4 { font-size:14px; color:#333;}
.dtl_info_wrap { padding:7px 0 7px 0}
.dtl_info_wrap p { padding:5px; margin:0; font-size:14px;}
.dtl_info_wrap .msg {padding:5px; font-size:16px; color:#000;}
.dtl_info_dl dt { background:url(../image/bullet_down2.png) right center no-repeat; padding:5px; font-size:16px; color:#000; cursor:pointer}
.dtl_info_dl dd {padding:10px;font-size:14px; color:#666; display:none;}
.dtl_price_wrap .price_wrap { display: inline-block; width:280px;}
.dtl_price_wrap .price_wrap .dtl_ttl_pay { font-size: 14px; color: #333;  display: inline-block;     padding: 2px 5px;     border-radius: 3px; margin-right: 2px; border:1px solid #666;}
.dtl_price_wrap .price_wrap .dtl_ttl_percent { font-size:20px;}
.dtl_price_wrap .price_wrap .dtl_ttl_disprice {font-size: 14px;}
.dtl_price_wrap .price_wrap .dtl_ttl_disprice strong { color:#cc3333; font-weight:normal;font-size: 26px;}

select.option { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background: #fff url(../image/bullet_down2.png) no-repeat 98% center; text-align: left; display: inline-block; padding: 10px 30px 10px 10px; font-size: 16px; line-height: 1.4; vertical-align: middle; box-sizing: border-box; width:100%; color:#000;}
select.option::-ms-expand {
display: none;
}


.dtl_total_wrap { background:#f5f5f5; padding:10px;}
.dtl_total_ul li { display:block; padding:5px; height:70px;}
.dtl_total_ul li+li { border-top:1px solid #ddd;}
.total_txt1 { font-size:16px; color:#000; padding-bottom:10px; display:block;}

.dtl_total_ul .plusminus_wrap { float:left;}
.plusminus_wrap { width:70px; height:30px; display:inline-block; position:absolute; margin-top:0; padding:0 0 0 30px; vertical-align:middle}
.plusminus_wrap .text { position:absolute; left:30px; width:40px; height:30px; padding:1px 4px 0px; margin-top:2px;*margin-top: 0px; border:1px solid #e5e5e5; box-sizing:border-box; text-align:center; color:#000; font-size:14px;  }
.plusminus_wrap .numbtn_minus {position:absolute; left:0; top:2px;*top: 0; vertical-align:top; width:30px; height:30px; line-height:28px; border:1px solid #d7d7d7;  overflow:hidden; box-sizing:border-box; background:#f5f5f5 url(../image/bg_icons.gif) -1px -1px no-repeat;}
.plusminus_wrap .numbtn_plus {position:absolute; right:0; top:2px;*top: 0; vertical-align:top; width:30px; height:30px; line-height:28px; border:1px solid #d7d7d7; background:#f5f5f5; overflow:hidden; box-sizing:border-box; background:#f5f5f5 url(../image/bg_icons.gif) -31px -1px no-repeat;}

.dtl_total_ul .sel_price{ float:right;position: relative; width:150px; padding-right:30px; text-align:right; height:30px;}
.dtl_total_ul .sel_price p.pc { font-size:16px; color:#000;}
.dtl_total_ul .sel_price p.pc strong { font-size:19px;}
.dtl_total_ul .sel_price button.btn_cc {position:absolute; right:0; top:3px; width:21px; height:21px; background:#ffffff url(../image/bg_icons.gif) -66px -6px no-repeat;border:0 none ; border:1px solid #d7d7d7}
.dtl_total_price { padding:10px 5px; text-align:right; font-size:16px;  color:#cc3333}
.dtl_total_price strong {font-weight:normal; font-size:30px;}
.btn_lg_1 { border:1px solid #129be2; font-size:30px; background:#fff;color:#129be2; padding:15px 0; text-align:center; display:inline-block;width:100%; cursor:pointer;}
.btn_lg_2 { border:1px solid #129be2; font-size:30px; background:#129be2; color:#fff;padding:15px 0; text-align:center;display:inline-block; width:100%; cursor:pointer;}
.btn_txt1 { font-size:19px; color:#000;}
.dtl_bn1 { padding:30px 0; clear:both;}
.dtl_bn1 img { max-width:100%;}

.dtl_list_ttl { position:relative; padding:10px 5px; font-size:20px; color:#000; border-bottom:1px solid #999999; margin:20px 0;}
.btn_page { display:inline-block; width:30px; height:30px;   vertical-align:middle; border:1px solid #d7d7d7;  overflow:hidden; box-sizing:border-box; background:#f5f5f5 url(../image/bg_icons.gif) -31px -1px no-repeat; cursor:pointer}
.btn_page.btn_pre {background:#ffffff url(../image/bg_icons.gif) -91px -1px no-repeat;}
.btn_page.btn_next {background:#ffffff url(../image/bg_icons.gif) -121px -1px no-repeat;}



.ul_prd_sm li { width:200px; padding:10px; height:380px; box-sizing:border-box; float:left; border:1px solid #fff;} 
.ul_prd_sm li .prd_thumb { width:180px; height:200px;}
.ul_prd_sm li .prd_thumb img { width:180px; height:180px;} 
.ul_prd_sm .prd_price1 {font-size:12px;} 
.ul_prd_sm .prd_price2 { color:#ae0000; font-size:16px;}
.ul_prd_sm .prd_txt3 { color:#000; font-size:20px; font-weight: normal; padding-top:0px;}  
.ul_prd_sm .prd_btns a { display:block; background:#333; color:#fff; width:50%; float:left; text-align:center; font-size:11px; height:30px; line-height:30px; cursor:pointer; z-index:9999} 
.bx-wrapper .ul_prd_sm .prd_btns img { display:inline-block;}

.tab_prd { height:60px; border-top:1px solid #cccccc; position:relative; width:100%;}


.tab_wrap ul { max-width:1200px; margin:0 auto}
.tab_prd li { display:block; width:25%; float:left; height:60px; border-bottom:1px solid #cccccc; text-align:center;}
.tab_prd li a { font-size:20px; line-height:59px; display:block; cursor:pointer}
.tab_prd li.on { border-bottom:1px solid #000;}
.tab_prd li.on a { color:#cc3333}

.prd_h4 { color:#000; font-size:14px; padding:5px; margin:15px 0 0 0;}
.tab_content { padding:30px 0; display: none;} 
.tab_content.on {display: block; }
 
 
.detail_wrap { padding:30px 15px;}
.detail_wrap img { max-width:100%;}
.detail_wrap p { margin:0; padding:0;}
.check_ul { margin-top:10px;}
.check_ul li { display:inline-block;}
.check_ul li a { display:inline-block; padding:5px 10px 5px 10px; font-size:16px; color:#666; cursor:pointer; border:1px solid #eee; border-radius:3px; background:#f4f4f4;}
/* .check_ul li.on a { color:#000; background:url(../image/icon_check_on.png) 5px center no-repeat;}*/
.check_ul li.on a { background:#129BE2; color:#fff;}
.review_wrap { clear:both;}
.review_list_wrap { padding:20px; border-bottom:1px solid #ddd;}
.review_list_wrap:after { content:" "; display:block; clear:both;}
.review_content {display:block;   clear:both; }
 
.review_in_star { color:#ffcc33; padding:5px 0;}
.review_in_txt1 { color:#666; padding:5px 0;}
.review_in_txt2 { color:#000; padding:5px 0;    }
.review_in_data span { display:inline-block;}
.review_in_data span+span { padding-left:10px;  }
.review_in_data span+span:before {content:"|"; display: inline-block; font-size:12px; color:#ccc;padding-right:10px; }
.review_thumb { display:block; width:100%; }
.review_thumb span { display:block;width:100px; height:100px; border:1px solid #eee; float:left;}
.review_thumb span+span { margin-left:10px;}
.review_thumb img { width:100px; height:100px;}

.msg1 { font-size:14px; color:#666;}
.board_content {display:block;    }
.board_list_wrap { padding:30px 15px 30px 90px; position:relative; border-bottom:1px solid #ddd;}
.board_label { position:absolute; left:15px; top:50px; width:60px; height:60px;}
.label { display:block; width:60px; height:60px; border-radius:30px; text-align:center; line-height:60px; font-size:16px;  background:#e4e4e4;color:#666;}
.label.label_on {background:#feecec;color:#cc3333;}
.board_label i { font-size:30px;}
.board_list_wrap.q {background: url(../image/bullet_down2.png) 99% center no-repeat;}
.board_list_wrap.a { display:none; background:#f4f4f4 url(../image/icon_re.png) 35px 35px no-repeat;}
.product_info_wrap { font-size:14px; color:#333;}
.product_info_wrap ul { margin :5px 10px;}
.product_info_wrap p { padding:10px 0;}

.no_data { text-align:center; font-size:14px; padding:50px 0;}
.prd_list_wrap { min-height:400px}
.prd_list_wrap:after, .prd_list_wrap:before { display: table; content: " "; clear: both;}
.prd_list_wrap:after { height:30px; }
.prd_list_left { width:18%; float:left;}
.prd_list_right { width:80%; float:right;}
.prd_list_right:after {display: table; content: " "; clear: both;}

.left_cate_dep2 { display:none}
.left_ul_wrap { padding:10px 10px 10px 10px; border:1px solid #eee; margin-right: ;}
.left_ul_wrap ul li { padding:5px 5px 5px 10px; text-align:left; display:block; position:relative;}
.left_ul_wrap ul li a { display:block; cursor:pointer}
.left_cate_dep1>li>a {  }
.left_cate_dep1>li>span { display:block; position:absolute; right:0; top:5px; width:20px; height:18px;background: url(../image/bullet_down.png) right center no-repeat; cursor:pointer}
.left_cate_dep1>li.up>span  { background: url(../image/bullet_up.png) right center no-repeat;} 

.left_cate_dep1>li.up > a {color:#129be2; font-weight:bold;}
.left_cate_dep1 li.on a { color:#129be2; font-weight:bold;}
.left_ul_wrap .h4 { font-size:16px; color:#000; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:10px;}

.left_sel_ul li { padding:5px 5px 5px 10px; text-align:left; display:block;}
.prd_list_body { padding-top:10px;padding-left:20px;}
.list_ttl1 { border-bottom:1px solid #666; padding-bottom:10px; margin-bottom:10px;}
.list_ttl1 h4 { display:inline-block; padding:0 0 0 0; font-size:19px; font-weight:bold; margin:0;}
.list_ttl1 .result1 { font-size:14px; color:#999; display:inline-block}
.prd_list_pd:after { display: table; content: " "; clear: both;}
.prd_list_pd .ul_prd li { width:235px;}
.filter_wrap { border-bottom:1px solid #eee;}
.filter_wrap dl { position: relative;
    clear: both;
    padding-left: 129px;
    padding-bottom: 8px;
    border-top: 1px solid #eee;  }
.filter_wrap dl dt {position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    width: 130px;
    background-color: #f5f5f5;
    font-size: 12px;
    font-weight: bold;
    line-height: 46px;
    color: #333; font-size:14px;}
.filter_wrap dl dt span {padding-left: 15px; display:inline-block; height:42px;
    vertical-align: top; }
.filter_wrap dl dd {overflow: hidden;
    clear: both;
    position: relative; padding:8px 10px; }
.filter_wrap dl dd label { display:inline-block; margin-right:10px;padding-top:5px }
.fliter_value { clear:both; padding:5px 10px; text-align:left; font-size:14px; border:1px solid #eee; margin-bottom:20px; margin-top:-1px;}
.fliter_value span { display:inline-block; padding:0 17px 0 0; background:url(../image/bg_icons_ex.gif) right center no-repeat; margin-left:10px;margin-right:10px; font-weight:bold; color:#0f8aca; cursor:pointer}
 
.sm_container { width:800px; margin:0 auto;}
.md_container { width:1000px; margin:0 auto;}
.sm_box_ttl h1 { padding:50px 0 20px 0; text-align:left; margin:0; font-size:46px; font-family:Arial, Helvetica, sans-serif}
.sm_box_ttl h1 { border-bottom:2px solid #129BE2}

.sm_box_ttl h2 { padding:30px 0 10px 0; text-align:left; margin:0; font-size:36px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; border-bottom:2px solid #129BE2 }
.sm_box_ttl h2.brd_none {border-bottom:0 none; }

.login_box { padding:40px;}
.login_box h2 { color:#129BE2; font-size:19px; font-weight:bold; padding:10px 0;}
.login_box h2.h2_nomal { color:#666;}
.login_box p { font-size:12px; padding:10px 0; color:#999; font-size:13px;}
.login_form input { display:block; margin:7px 0;}
.sbox_input { border:1px solid #CCC; padding:15px; display:block; width:100%; font-weight:bold; box-sizing:border-box;}
.join_wrap label { display:inline-block; margin:15px 0 0 0; padding:5px 0;}
.join_wrap .input {
    border: none;
    height: 30px;
    background-image: none;
    border-bottom: 1px solid #ccc;
    color: #000;
    font-weight: 400;
    margin: 10px 0 0 0;
    padding: 0 0 3px;
    font-size: 1em;
    box-sizing: border-box;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
	 transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}
.join_wrap .input:focus  {
    outline: none !important;
    border-color: #000 !important;
}
.agree_sm { border:1px solid #ccc; padding:15px; font-size:12px; height:200px; overflow:auto;}
.msg2 { padding:30px 0; text-align:left;}
.txt_01 { font-size:16px; color:#000; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:5px;}
.wrap_list_line div  { padding-top:5px;}
.wrap_list_line+.wrap_list_line { border-top:1px solid #eee; padding-top:5px; margin-top:5px;}
.table_h2 {color:#333333; font-size:19px; font-weight:bold; padding:10px 0; border-bottom:1px solid #999; margin-top:30px;}
.in_msg1 { padding:10px; margin-top:10px; background:#f5f5f5; font-size:14px;}
.in_msg2 { padding:10px; margin-top:10px;  font-size:14px; border:1px solid #e5e5e5}
.in_msg2 div+div { padding-top:10px;}
.pop_head { background:#129BE2; color:#fff}
.pop_h1 { padding:10px 15px; text-align:left; font-size:26px; font-weight: normal; color:#fff}
.pop_body { padding: 15px;}
.box_wrap { border:1px solid #ddd;}
.box_head { border-bottom:1px solid #ddd; padding:15px; background:#f9f9f9;}
.box_body { padding:15px;}
.btns_col .btn { width:100px; margin:5px;}
.sch_wrap { padding:15px; border:2px solid #eee;}
.bg_q { background:url(../image/icon_q.png) 25px 20px no-repeat; padding:20px 20px 20px 80px;}
.bg_a {  border-top:1px solid #eee;background:url(../image/icon_a.png) 25px 20px no-repeat; padding:20px 20px 20px 80px; display:none }

.box_state {border:1px solid #e7e7e7; background:#fafafa; padding:15px;}
.brd_r { border-right:1px solid #e7e7e7 }
.state_t01 { font-size:19px; padding-left:50px; font-weight:bold; color:#666;}
.state_t02 { font-size:14px;}
.state_t03 { font-size:26px;  font-weight:bold; color:#129BE2; line-height:110%;}
.state_t03 a {color:#129BE2 ; }

.starR{
  background: url('../image/ico_review.png') no-repeat right 0;
  background-size: auto 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
}
.starR.on{background-position:0 0;}

.cs_txt1 { font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#2674b6; line-height:110%; font-weight:bold;}
.cs_txt2 {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:130%; font-weight:bold;}
.cs_txt3 {font-size:14px;   color:#999;  line-height:130%;  }
.cs_txt4 {font-size:16px; color:#333; font-weight:bold; margin-bottom:10px;}
.cs_txt5 {font-size:14px; color:#888; font-weight:bold; line-height:150%;}
.cs_txt6 {font-size:14px; color:#333; font-weight:bold; line-height:150%;}
.cs_txt7 {font-size:19px; font-family:Arial, Helvetica, sans-serif; color:#2674b6; font-weight:bold; line-height:150%;}
.cs_sbox_wrap { border:1px solid #eee; padding:30px; }

.ul_news { border-top:2px solid #2674b6}
.ul_news li { padding:20px 10px; border-bottom:1px solid #ddd; min-height:20px;}
.ul_news li .title { font-size:18px; color:#2674b6; width:80%;float:left;}
.ul_news li .reply {color:#333; padding-left:15px; margin-right:-20px; background:url(../image/bullet_re.gif) 0 10px no-repeat}
.ul_news li .data { width:19%; float:right; text-align:right;}
.ul_news li .summery { width:80%;  font-size:15px; color:#666; padding-top:10px;}
.ul_news li .category { font-size:14px; display:inline-block; margin-right:10px; color:#333;}
.ul_news li .date { font-size:14px; display:inline-block; margin-right:10px; color:#999;}
.ul_news li .from { color:#333;font-size:14px; display:block; margin-top:2PX; margin-right:10px; }
.ul_news li.no_data { padding:50px 0;} 
.ul_news li:hover { background:#f4f4f4; cursor:pointer;}
.ul_news li .data:after  {    display: table;    content: " ";	clear:both;}
.view_title { font-size:18px; color:#2674b6; padding:15px 10px; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.view_date {font-size:14px; padding:15px 10px; border-bottom:1px solid #ddd;color:#666;}
.view_content { padding:15px 10px;border-bottom:1px solid #ddd; min-height:300px; font-size:15px;}
.view_content img { max-width:100%;}
.view_content p { margin:0; padding:0;}


.ul_faq {}
.ul_faq { border-top:2px solid #2674b6}
.ul_faq li { border-bottom:1px solid #ddd; }
.ul_faq li .q { font-size:16px; color:#333; width:100%; padding:20px 20px 20px 70px; cursor:pointer;transition: 0.3s ease; -webkit-transition: 0.3s ease; background:url(../image/icon_q.png) 20px 20px no-repeat;   word-break: break-all;
        word-wrap: break-word; }
.ul_faq li .a { font-size:16px; color:#333;  padding:20px 20px 20px 70px; display:none;  background:#f4f4f4 url(../image/icon_a.png) 22px 20px no-repeat;    word-break: break-all;
        word-wrap: break-word; }
.ul_faq li .a p { padding:0; margin:0;}

.sub_l_ttl { font-weight:bold; color:#000; font-size:19px;   } 
.company_wrap .text_01 { padding:20px 50px; color:#129BE2; font-size:30px; font-weight: normal;letter-spacing:-1px; padding-bottom:20px; }
.company_wrap .text_02 {  padding:20px 50px;font-size:16px; line-height:150%; color:#666;}
.h4_right { font-size:16px; padding-bottom:20px;}
.company_wrap .text_02 strong { color:#000;}
.bg_company { height:200px; background:url(../image/bg_company.jpg) center center no-repeat; width:100%; background-size:cover;}
.bg_service { height:200px; background:url(../image/bg_company2.jpg) center center no-repeat; width:100%; background-size:cover;}

hr.hr1 {
    clear: both;
    display: block;
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ddd, #ccc, #ddd);
    margin: 30px 0;
}
.inner_tb td { padding:0; border-bottom:0 none;border-right:0 none;}
.ul_01 { border:1px solid #eee; border-radius:10px; padding:20px; margin:15px 0; background:#f4f4f4;}
.ul_01 li { padding:3px 0 3px 20px; background:url(../image/bullet_right.png) 0 10px no-repeat}
 
 
.pop_footer { background:#999; color:#fff; text-align:center; height:35px; line-height:35px; font-size:11px; }
 
 .layerpopup {
  overflow: auto;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  height: 100%;
  z-index: 100;
}

.layerpopup--view {
  display: block;
}

.layerpopup--dim-w {
  background-color: rgba(238, 238, 238, 0.8);
}

.layerpopup--dim-b {
  background-color: ;
}

.layerpopup--overflow {
  position: fixed;
  overflow-y: auto;
  width: 100vw;
  height: 100vh;
}

.layerpopup--overflow .layerpopup__container {
  position: relative;
  top: auto;
  left: auto;
  margin: 60px auto 30px;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.layerpopup__container {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 768px;
  width: 100%;
  min-width: 300px;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.layerpopup__container--max-1200 {
  width: 93.75%;
  max-width: 1200px;
}

.layerpopup__container--white .layerpopup__contents {
  padding-top: 0;
}

.layerpopup__container--white .layerpopup__head {
  background-color: #fff;
}

.layerpopup__container--white .layerpopup__close {
  color: #888;
}

.layerpopup__head {
  padding: 10px 20px;
  background-color: #444;
}

.layerpopup__heading {
  display: inline-block;
  color: #fff;
  font-size: 1.125rem;
}
.layerpopup__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 17px;
  right: 20px;
  color: #fff;
  font-size: 0.875rem;
  text-decoration: none;
  cursor:pointer;
}
.layerpopup__close img { width:14px; height:14px;}
.layerpopup__footer {
  margin-top: 20px !important;
  padding-top: 15px !important;
  border-top: 1px solid #ddd;
}
.layerpopup__contents {
    padding: 20px;
    padding-bottom: 0;
}
.layerpopup__functions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 15px;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.layerpopup__functions:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #ddd;
}