@charset "utf-8";
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../webfonts/woff2/Pretendard-Black.woff2) format('woff2'), url(../webfonts/woff/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../webfonts/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../webfonts/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../webfonts/woff2/Pretendard-Bold.woff2) format('woff2'), url(../webfonts/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../webfonts/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../webfonts/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../webfonts/woff2/Pretendard-Medium.woff2) format('woff2'), url(../webfonts/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../webfonts/woff2/Pretendard-Regular.woff2) format('woff2'), url(../webfonts/woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../webfonts/woff2/Pretendard-Light.woff2) format('woff2'), url(../webfonts/woff/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../webfonts/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../webfonts/woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../webfonts/woff2/Pretendard-Thin.woff2) format('woff2'), url(../webfonts/woff/Pretendard-Thin.woff) format('woff');
}
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@800&display=swap');
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css');
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');*/
 
body, html { font-family:  'Pretendard', Dotum, Helvetica, Arial, sans-serif; font-weight:400; margin: 0; padding: 0; 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 {
 color:#bfbfbf
}
:-ms-input-placeholder {
 color:#bfbfbf
}
input:-ms-input-placeholder {
 color: #bfbfbf;
}
::-moz-placeholder {
 color:#bfbfbf;
opacity:1
}
:-moz-placeholder {
 color:#bfbfbf;
opacity:1
} 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
 -webkit-transition-delay: 9999s;
 -webkit-box-shadow: 0 0 0px 1000px transparent inset;
}
textarea:focus, input:focus, input:-internal-autofill-selected, select:focus {
outline: 0;
outline: none;
}
input:focus::-webkit-input-placeholder {
color:transparent;
}
input:focus:-moz-placeholder {
color:transparent;
}
input:focus::-moz-placeholder {
color:transparent;
}
input:focus:-ms-input-placeholder {
color:transparent;
}
textarea:focus::-webkit-input-placeholder {
color:transparent;
}
textarea:focus:-moz-placeholder {
color:transparent;
}
textarea:focus::-moz-placeholder {
color:transparent;
}
textarea:focus:-ms-input-placeholder {
color:transparent;
}
 input::-webkit-input-placeholder {
color: #adadad;
}
input:-moz-placeholder {
color: #adadad;
}
input::-moz-placeholder {
color: #adadad;
}
input:-ms-input-placeholder {
color: #adadad;
}
textarea::-webkit-input-placeholder {
color: #adadad;
}
textarea:-moz-placeholder {
color: #adadad;
}
textarea::-moz-placeholder {
color: #adadad;
}
textarea:-ms-input-placeholder {
color: #adadad;
}
input:-webkit-autofill-selected {
-webkit-text-fill-color: transparent !important;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}
input[type="date"] {padding-right: 10px;}

textarea:focus, input:focus { outline: none; }
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; }
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; 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; }
.txt_white { color: #ffffff !important; }
.cursor { cursor: pointer; }
.bg_gray { background: #f0f0f0 }
.font_12 { font-size: 12px; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_21 { font-size:21px;}
.font_26 { font-size:26px;}
.font_29 { font-size:29px;}
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; }
.wid250 { width: 250px; }
.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, .wid250, .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; }
.mgb_0 { margin-bottom:0 !important}
.btns { text-align: center; margin: 15px; } 
.btns_wrap { margin: 15px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
.tooltop { cursor: pointer; vertical-align: middle; }
.mute { color: #999;}
.brd_r { border-right:1px solid #ddd}
.brd_t { border-top:1px solid #ddd}
.font_serif {  }
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: #444; }
a:hover, a:active, a:focus { text-decoration: none;  color:#000;  }
.hidden { display: none; }
.inline-block { display:inline-block}
.form-control { vertical-align:middle;}
.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; cursor:pointer }
.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: #222; 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-color: rgba( 255, 255, 255, 0.9 ); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; display:   }
#status { background-image: url(../image/loading.gif); background-position: center 30px; background-repeat: no-repeat; background-size:32px; height: 150px; width: 300px; left: 50%; margin: -100px 0 0 -150px; position: absolute; top: 50%; text-align: center; padding-top: 80px; }
#status p { text-align: center; line-height: 1.5; color: #999; }
#status p strong { font-size: 19px; color: #000; }
#preloader.active { display: block; }
.scroll-up { position: fixed; display:  ; z-index: 201; bottom: 30px; right: 1em; }
.scroll-up a {  background:rgba(0,0,0,.2) ; background-size:22px; display: block; width: 33px; height: 33px; text-align: center; color: #111111;font-size: 15px; line-height: 33px; cursor:pointer; border-radius:16px;}
.scroll-up a:hover, .scroll-up a:active {  background:rgba(0,0,0,.5) ;  background-size:22px;  color: #ffffff;  }  
.scroll-up { display: none; visibility: hidden;} 
select.form-control {}
select.form-control { -webkit-appearance: none; -moz-appearance: none;  background: #fff url(../image/bullet_down.png) no-repeat right center; text-align: left; display: inline-block; padding-right:12px; vertical-align: middle; box-sizing: border-box; }
select.form-control::-ms-expand {display: none;}
.input_cal { padding-right: 25px; background:#fff url(../image/icon_calendar.gif) right center no-repeat; }
.input_select { padding-right: 20px; background: #fff url(../image/bullet_down.png) no-repeat right center;}


.btn-dark {
  color: #ffffff;
  background-color: #333333;
  border-color: #222222;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #222222;
  border-color: #111111;
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #333333;
  border-color: #222222;
}
.btn-dark .badge {
  color: #333333;
  background-color: #ffffff;
}


.mgt_5 { margin-top: 5px !important; }
.mgt_10 { margin-top: 10px !important; }
.mgt_20 { margin-top: 20px !important; }
.mgt_30 { margin-top: 30px !important; }
.mgb_20 { margin-bottom: 20px !important; }
.mgb_30 { margin-bottom: 30px !important; }
.mgb_10 { margin-bottom: 10px !important; }
.mgt_50 { margin-top: 50px !important; }
.mgt_52 { margin-top: 52px !important; }
.mgb_100 { margin-bottom: 100px !important; }
.mgb_50 { margin-bottom: 50px !important; }
.mgl_95 { margin-left: 95px !important; }
.mgb-50 { margin-bottom: -50px !important; }
.pdb_50 { padding-bottom: 50px !important; }
.mgt_100 { margin-top: 100px !important; }
.mgb-1 { margin-bottom: -1px !important; }
.pdt_0 { padding-top: 0 !important; }
.pdt_20 { padding-top: 20px !important; }
.pdt_80 { padding-top: 80px !important; }
.pdb_0 { padding-bottom: 0 !important; }
.pdr_5 { padding-right: 5px !important; }
.pdr_10 { padding-right: 10px !important; }
.pdl_5 { padding-left: 5px !important; }
.pdl_10 { padding-left: 10px !important; }
.pd_20 { padding:20px !important; }
.img_width { max-width:100%; height:auto}
.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; }

.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: #333; cursor: pointer; border: 1px solid #333; 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; }
.filebox_design .upload-width { width:calc(100% - 80px); padding:10px 10px;}
.filebox_design label { padding:10px 10px;}

.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; cursor:pointer }
.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: #222; 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; }

.top_gnb_wrap { padding:17px 0; border-bottom:1px solid #e1e1e1;}
.top_gnb_inner { position:relative; width:100%; padding:0; height:41px;}
.top_gnb_inner h1 { height:70x; width:261px; position:absolute; left:50%; top:-13px; margin-left:-130px; display:block; padding:0; vertical-align:middle;}
.top_gnb_inner h1 img {height:70px; width:261px; vertical-align:top;}
.top_sch_wrap { position: absolute; left:170px; bottom:20px; height:35px;   width:260px;  border-bottom:1px solid #999; padding:5px 30px 5px 0; box-sizing:border-box; font-size:16px;}
.top_sch_wrap .input_sch { height:25px; border:0 none; width:100%; line-height:25px;vertical-align:middle; display:block;}
.top_sch_wrap .btn_sch { display:block; width:30px; height:25px; position:absolute; right:0; top:5px; background-color:transparent; background:  url(../image/icon_search.png) center center no-repeat; border:0 none}



.top_ul_wrap { height:35px; position:absolute; right:0; top:0;}
.top_ul_wrap .top_ul li { display:inline-block; font-size:12px; color:#999;border-right:1px solid #eee; padding:0 10px;}
.top_ul_wrap .top_ul li:last-child { border-right:0 none;}
.top_ul li a { display:inline-block; padding:10px 10px 10px 45px; cursor:pointer }
.top_ul .top_li_01 { background:url(../image/icon_t01.png) 20px center no-repeat;}
.top_ul .top_li_02 { background:url(../image/icon_t02.png) 20px center no-repeat;}
.top_ul .top_li_03 { background:url(../image/icon_t03.png) 20px center no-repeat;}
.top_ul .top_li_04 { background:url(../image/icon_t04.png) 20px center no-repeat;}
.top_ul li .top_count { display:inline-block; padding:2px 6px; border-radius:10px; color:#fff; font-size:10px; /*font-family:Arial, Helvetica, sans-serif;*/ background-color:#e06637; font-weight:bold; margin-left:-3px;}

.top_ul_wrap2 { height:25px; position:absolute; left:0; top:10px;}
.top_ul_wrap2 .top_ul li { display:inline-block; font-size:12px; color:#999;border-right:1px solid #eee; padding:0 10px;}
.top_ul_wrap2 .top_ul li:last-child { border-right:0 none;}

.top_nemu_wrap { height:55px; border-bottom:1px solid #e1e1e1; box-sizing:border-box;position: relative; }
.float_on { position: fixed; left: 0; top: 0; z-index: 999; background: #fff; width: 100%; }

.top_nemu_inner { position:relative; }
.top_cate_btn { position: absolute; left:10px; top:10px; width:30px; height:30px;}
.top_cate_btn a { font-size:29px; color:#666; line-height:29px; cursor:pointer; display:block;width:30px; height:30px;}
.top_nemu_ul { display:block; position:absolute; left:50px; top:10px;}
.top_nemu_ul li { display:inline-block; height:30px; line-height:30px;}
.top_nemu_ul li a { font-size:19px; display:inline-block; padding:0 20px; cursor:pointer;color:#222; font-family:  'Pretendard', 'Sans-serif'; font-weight: 600;}
.top_nemu_ul li a:hover  {color:#999;}
.top_news_wrap { width:250px; height:30px; position:absolute; right:0; top:10px; overflow:hidden;}
.top_news_wrap li { display:block; line-height:30px; width:100%; overflow:hidden; font-size:14px;}
.top_news_wrap li a { cursor:pointer; display:block;color:#777777; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.top_news_wrap li a:hover { color:#000;}
.top_news_wrap li a strong { color:#e06637; font-weight:normal}
.main_wrap { height: calc(100vh - 127px); width:100%; position: relative; background: #000; }
.main_video_cover { position: absolute; z-index: 99; width: 100%; height: 100%; text-align: center;background: rgba(0,0,0,0); left: 0%; right: 0%; top: 0%; bottom: 0%; cursor: pointer; }
/*.main_video { position: absolute; width: 100%; height: calc(100vh - 127px); top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background:url(../image/main_video.png) center center no-repeat; background-size:cover; }*/
.main_video { position: absolute; width: 100%; height: calc(100vh - 127px); top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background:rgba(204,204,204,204); background-size:cover; }
.main_video video { position: absolute;   width: 100%; object-position: center; object-fit: fill; 
-webkit-transform: translateX(-50%) translateY(-50%); 
    -moz-transform: translateX(-50%) translateY(-50%); 
    -ms-transform: translateX(-50%) translateY(-50%); 
    -o-transform: translateX(-50%) translateY(-50%); 
    transform: translateX(-50%) translateY(-50%); 
	top: 50%; 
    left: 50%; 
	min-width: 100%; 
    min-height: 100%; 
	width: auto; 
    height: auto; 
    z-index: 90; 
}  
 

.main_video_cover p { }
.main_video_cover p  { padding:50px 20px; max-width:1200px; margin:0 auto; color:#fff; line-height:1.2;  text-align:left;text-shadow: 1px 1px 3px #111; }
.main_video_cover p img { max-width:705px; height:auto;}
.main_video_cover p span { font-size:56px;   line-height:1.1} 
.main_video_cover p span.txt_h1 { font-size:85px;}
.main_video_cover p span.txt_h2 { font-size:77px; }
.main_video_cover p span.txt_h3 { font-size:40px;  line-height:1.7}

.main_img { position: absolute; width: 100%; height: calc(100vh - 127px); top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color:#fff; background-size:cover; }


.sub_wrap { width:100%; position: absolute; background:#fff; z-index:999; top:55px; left:0; right:0; padding-bottom:30px; border-bottom:1px solid #eee; display:none  }
.sub_wrap .container { height:auto;}
.main_csbox_left { padding:10px 50px 50px 0; }
.main_csbox_right { padding:10px 0 50px 50px;}
.main_h3_head { border-bottom:1px solid #333; padding-bottom:5px; margin-bottom:20px;}
.main_h3_head h3 { font-size:16px; font-weight:bold; color:#222; display:inline-block;}
.main_h3_head .btn_more { float:right; font-size:12px; cursor:pointer}
.main_new_ul { display:block; height:120px;}
.main_new_ul li { height:30px; width:100%; padding:0 70px 0 80px; position:relative;}
.main_new_ul li .label { display:inline-block; width:70px; border:1px solid #222; font-size:11px; color:#222; padding:0; margin:0 ; line-height:19px; border-radius:0; position:absolute; left:0; top:0; text-align:center; height:20px; background:#fff; font-weight:normal;}
.main_new_ul li .date { display:inline-block; width:70px;  font-size:12px; color:#666; padding:0; margin:0 ; line-height:19px;  position:absolute; right:0; top:0;text-align:right;}
.main_new_ul li a { cursor:pointer; display:block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.main_csbox_right .cs_txt1 { font-size:21px; display:block; font-weight:normal; color:#333;}
.main_csbox_right .cs_txt2 { font-size:30px; display:block; font-weight:bold; color:#111111; /*font-family:Arial, Helvetica, sans-serif*/}
.main_csbox_right .cs_txt2 a { color:#111;}
.main_csbox_right .cs_txt3 { font-size:12px; display:block; color:#999;}
.bg_cs .cs_txt1 { font-size:21px; display:block; font-weight:normal; color:#333;}
.bg_cs .cs_txt2 { font-size:30px; display:block; font-weight:bold; color:#e06637;/* font-family:Arial, Helvetica, sans-serif*/}
.bg_cs .cs_txt3 { font-size:14px; display:block; color:#999;}
.bg_cs { padding:20px 0;}
.bg_cs01 {background: url(../image/icon_main01.gif) 35px 30px no-repeat;padding-left: 120px;}
.bg_cs02 {background: url(../image/icon_main02.gif) 35px 30px no-repeat;padding-left: 120px;}
.bg_cs03 {background: url(../image/icon_main03.gif) 35px 30px no-repeat;padding-left: 120px;}
.bg_cs02 { border-top:0 none ; border-bottom:0 none; border-left:1px solid #eee; border-right:1px solid #eee;}

.main_cs_box2 {margin-top:0px; border-left:1px solid #eee;}
.main_cs_box1 {background: url(../image/icon_main01.gif) 25px 30px no-repeat;padding:0px 0 0 100px;}
.main_cs_box2 {background: url(../image/icon_main02.gif) 35px 30px no-repeat;padding:0px 0 0 120px;}
.main_csbox_right .cs_txt2 { font-size:26px;  }
.foot_wrap1 { background: #969696; clear: both; color: #fff; padding: 3px 0;   }
.foot_wrap1 a { color: #fff; font-size: 12px; cursor: pointer; line-height: 31px; display:inline-block; padding:0 10px; }
.foot_wrap1 a strong { font-weight:normal}
.foot_wrap1 a:hover { color:#FFC}
.foot_wrap2 { padding:25px 0;}
.foot_box1 { padding:20px 0 0px 30px}
.foot_box2 {padding:20px 0 0px 20px}
.foot_box3 {padding: 0px 0 0px 10px}
.foot_box4 { padding:20px 20px 0px 20px; text-align:right;} 
.foot_box4 .foot_logo img { width:100%; height:auto;}
.foot_box4 .foot_sns { padding:5px 33px 0 0;}
.foot_box4 .foot_sns img { width:100px;}
.foot_box4 .foot_sns2 { padding:5px 33px 0 0;}
.foot_box4 .foot_sns2 img { width:24px;}
.foot_box3 img { max-width:100%; height:auto}
.foot_copy { text-align:right; font-size:14px;}

.foot_box2 .cs_txt1 { font-size:21px; display:block; font-weight:normal; color:#333;}
.foot_box2 .cs_txt2 { font-size:30px; display:block; font-weight:bold; color:#333; /*font-family:Arial, Helvetica, sans-serif*/}
.foot_box2 .cs_txt2 a { color:#333;}
.foot_box2 .cs_txt3 { font-size:12px; display:block; color:#666;}
.foot_box3 .cs_txt1 { font-size:21px; display:block; font-weight:normal; color:#333; text-align:left}

.f_icon {display:inline-block;width:19px; text-align:center;}
.foot_boxn4 { padding:20px 0px 0px 0px; text-align:right;/*font-family: 'NanumSquare';*/font-weight: 400;}
.foot_boxn4 .foot_logo img { width:100%; height:auto;}
.foot_boxn4 .foot_sns2 { padding:7px 0 0 0;}
.foot_boxn4 .foot_sns2 img { width:20px;}
.foot_boxn1 { padding:20px 20px 0px 50px; font-size:12px; letter-spacing:0;/*font-family: 'NanumSquare';*/font-weight: 400;} 
.foot_cscenter_new {padding:20px 20px 0px 20px; font-size:12px;  /*font-family: 'NanumSquare';*/font-weight: 400;} 
.foot_cscenter_new b {font-weight: 700;}
.foot_boxn3  {padding:20px 20px 10px 20px; font-size:12px;/*font-family: 'NanumSquare';*/font-weight: 400;} 
.foot_h5 { font-size:12px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ccc;/*font-family: 'NanumSquare';*/font-weight: 700;}
.foot_img1 { max-width: 100%; height:auto}

.main_h3_prd { clear:both; width:100%; position:relative; margin:50px 0 10px 0}
.main_h3_bg { clear:both; width:100%; position:relative; padding:100px 0 10px 0; background-position: center top; background-size: contain; background-repeat: no-repeat}
.main_h3_txt { text-align:center; font-size:39px; font-family: 'Pretendard', sans-serif;}
.main_h3_prd .btn_more { position:absolute; right:0; bottom:0px; font-size:14px; cursor:pointer}
.ul_prd { width:100%; padding:0; }
.ul_prd:after { content:' '; display:table;margin-bottom:20px; clear:both}
.ul_prd li { width: 25%; padding: 10px 15px;   box-sizing: border-box; float: left; position: relative; }
.ul_prd li .prd_info { height:125px; margin-bottom:1vw;}

.ul_prd_lg { width:100%; padding:0; }
.ul_prd_lg:after { content:' '; display:table;margin-bottom:20px; clear:both}
.ul_prd_lg li { width: 33.3333%; padding: 10px 15px;   box-sizing: border-box; float: left; position: relative; }
.ul_prd_lg li .prd_info { height:100px; margin-bottom:1vw;}
.ul_prd_lg li .prd_thumb { width: 100%; height:283px; } 

.main_prd_containter .ul_prd li .prd_info { height:60px;margin-bottom:0;}
.main_prd_containter .ul_prd:after {  margin-bottom:0; }

.prd_design { display:block; font-size:14px; color:#999; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prd_saleprice { float:left;} 
.ul_prd_sm .prd_txt3 {     color: #000;     font-size: 14px;     font-weight: normal;     padding-top: 0px }


.ul_prd_list { width:100%; padding:0; }
.ul_prd_list:after { content:' '; display:table;margin-bottom:20px; clear:both}
.ul_prd_list li { width: 33.333%; padding: 10px 15px; height: 380px; box-sizing: border-box; float: left; position: relative; }
 
.ul_prd li span { padding-left: 7px; padding-right: 7px; }
.prd_txt_sale + .prd_price1 { padding-left: 0 !important; }
.prd_label { position: absolute; left: 40px; top: 20px }
.ul_prd li .prd_thumb { width: 100%; height:270px; position: relative;   overflow: hidden; text-align: center; white-space: nowrap; font: 0/0 a; margin-bottom: 10px; box-sizing: border-box ; background-size:cover; background-position:center center; overflow:hidden} 
.ul_prd.list_shop li .prd_thumb  { height:207px; }
.ul_prd.ul_prd_sm li .prd_thumb  { height:127px; }
.ul_prd li .prd_thumb_zoom { overflow:hidden; width:100%; margin-bottom:10px;}
.ul_prd li .prd_thumb_zoom .prd_thumb {transition: transform .2s; margin-bottom:0; }
.ul_prd li .prd_thumb_zoom:hover .prd_thumb{transform: scale(1.5)}
.ul_prd.list_shop .no_data { margin-top:100px;} 

.ul_prd li .prd_thumb:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.ul_prd li .prd_thumb img { max-width: 100%; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; width: auto; height: auto; }
.ul_prd li:last-child:after { content: ""; display: block; clear: both; }
li .prd_txt1 { display: block; color: #999; font-size: 14px; }
li .prd_txt2 { display: block; color: #333; font-size: 16px; line-height: 18px; padding-bottom:5px;padding-top:10px; }
li .prd_txt4 { display: block; color: #666; font-size: 12px; line-height: 18px;   }

.ul_prd_5 li { width: 20%; padding: 10px 15px;   box-sizing: border-box; float: left; position: relative; }
.ul_prd_5 li .prd_info { height: 60px; margin-bottom: 1vw; } 
.ul_prd_5 li .prd_thumb { height:210px;}

.ul_theme { width:100%; padding:0; }
.ul_theme:after { content:' '; display:table;margin-bottom:20px; clear:both}
.ul_theme li { width: 33.333%; padding: 10px 15px;   box-sizing: border-box; float: left; position: relative;}
.no_goods {}
.ul_theme li .prd_info {     height: 65px;     margin-bottom: 1vw }
.ul_theme li .prd_theme {  margin-bottom:10px; height:280px;}
.ul_theme li .prd_theme span { width:50%; display: block; float:left; height:140px; border:1px solid #fff; box-sizing:border-box; background-size:cover; background-position:center center; background-color:#f6f6f6;}
.ul_theme li .prd_theme span img { max-width:100%; max-height:100%; width:100%; height:auto;}
.prd_sch_wrap { text-align:center;}
.prd_sch_wrap .form-control, .prd_sch_wrap .btn { padding:12px 18px; height:46px; font-size:16px;}
.prd_sch_wrap .form-control { width:300px; border-color:#222;}
 
.prd_price1 { color: #999; font-size: 12px; text-decoration: line-through }
.prd_price2 { color: #000000; font-size: 14px; display: inline-block; float:right; text-align:right;  }
.prd_price3 { font-size: 16px; }
.prd_price_deal { font-size: 16px; color: #36C; }
.prd_price_deal i { font-size: 12px; font-style: normal; display: inline-block; padding: 1px 3px; border-radius: 2px; border: 1px solid #36C }
.prd_price2 strong { font-weight:700; font-size: 18px; }
.prd_txt_sale { color: #ae0000; font-size: 16px; }
.label_sale { display: inline-block; font-size: 12px; font-weight: bold; color: #fff; padding: 2px 5px; background-color: #129BE2; border-radius: 3px; }
.label_box { min-height: 20px; }
.label_box span { display: inline-block; background: #999; color: #fff; font-size: 11px;   padding: 3px 2px 1px 2px; line-height: 12px; }
.label_box .label_a { background: #399 }
.label_box .label_b { background: #690 }
.label_box .label_c { background: #39C }
.label_box .label_d { background: #66F }
.label_box .label_e { background: #639 }
.label_box .label_f { background: #C33 }
.label_box .label_g { background: #F00 }
.label_box .label_h { background: #F90 }
.label_box .label_i { background: #33cc66 }
.label_box .label_j { background: #cc33cc }
.cate_wrap h3 { padding:15px 0 0px 15px; font-size:19px; font-weight:bold;}
.cate_wrap h3 i { display:none;}
.sub_ul01>li { display:block; float:left; width:16.666%; margin:10px 0 10px 0; padding:0 15px; box-sizing:border-box }
.sub_ul01>li>a { display:block;padding:5px 0 5px 0; font-size:16px; font-weight:bold;}
.sub_ul01 ul li a { display:block;padding:3px 0;font-size:14px; font-weight:normal;}
.sub_ul01 ul li a:hover { color:#999;}
.sub_menu_wrap { display:none; }  
.main_bns_container { margin-bottom:40px;}
.main_bn01 {  width:100%;   margin-top:15px; overflow:hidden;  } 
.main_bn01 img {width:100%; height:auto;  } 
.main_bn_txts { text-align:left; margin-left:55%;padding-top:55px;}
.main_bn_txts span { display:block;padding:0 0 10px 25px;  }
.main_bn_txt0 { font-size:59px; color:#ffffff; font-weight:bold; line-height:1; padding-bottom:0 !important;}
.main_bn_txt1 { font-size:41px; color:#ffffff; font-weight:bold; line-height:1;letter-spacing: -1px}
.main_bn_txt2 { font-size:19px;color:#ffffff;line-height:1.5 }
.main_bn02 {   margin-top:50px; width:100%;  overflow:hidden;  } 
.main_bn03 {  margin-top:50px; width:100%; overflow:hidden;} 
.main_bn04 {  margin-top:50px; width:100%; overflow:hidden;} 
.main_bn02 img, .main_bn03 img { width:100%; height:auto; }
.main_bn04 img { width:100%; height:auto; }
.main_bn_txt5 { font-size:46px; color:#ffffff; font-weight:bold; line-height:1; padding-bottom:0 !important; }
.main_bn_txt3 { font-size:31px; color:#ffffff; font-weight:bold; line-height:1.4; letter-spacing:-1px;}
.main_bn_txt4 { font-size:14px;  color:#ffffff;}

.main_bn02 .main_bn_txts, .main_bn03 .main_bn_txts  { text-align:left; margin-left:0%; padding-top:40px; padding-left:20px;}
.main_bn_left { padding-right:20px;}
.main_bn_right { padding-left:20px;}
.main_bn_btn { margin-top:20px;}

.list_head { padding:20px 0;}
.list_head h2 { font-size:22px;font-weight: 500; line-height: 1.5em;letter-spacing: -1px;padding:0; margin:0;}

.list_head_list h2 { text-align:center}
.contents_wrap {   position: relative;  margin: 0 auto;  box-sizing: border-box; overflow:hidden; width:100%;}
.contents_side {   position: absolute;   left: 0;   transition: left 0.3s; display:block; z-index:99; background:#fff; height:100%;}
.contents_body { min-width: 320px; margin-left:250px;transition: margin-left 0.3s;}
.contents_side_in {position: relative; left: 0; float: left; padding:0 30px 0 0; width:250px;  height: calc(100vh - 170px); overflow-y: hidden; height:auto;  }
.btn_filter { display:none;}

.contents_mobile_wrap {   position: relative;  margin: 0 auto;  box-sizing: border-box; overflow:hidden; width:100%;}
.contents_mobile_side {   position: absolute;   left: 0;   transition: left 0.3s; display:block; z-index:99; background:#fff;}
.contents_mobile_side section {position: relative; left: 0; float: none;  padding:0 30px 0 0; width:250px;}
.contents_mobile_body { min-width: 320px; margin-left:250px;transition: margin-left 0.3s;}

.side_box { padding: 10px 10px 10px 10px; }
.side_box .h3 { font-size: 16px; color: #000; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px;margin-top: 0px; display:block; position:relative; }
.side_box .h3>span { display: block; position: absolute; right: 0; top: 0px; width: 20px; height: 18px;cursor: pointer ;background: url(../image/bullet_down_b.png) right center no-repeat; }
.side_box+.side_box { padding-top: 20px; }
 
.side_box .h3.on>span {background: url(../image/bullet_up_b.png) right center no-repeat;}
.side_inner { display:none}

.left_cate_dep1 li { padding: 13px 5px 13px 10px; text-align: left; display: block; position: relative; }
.side_box_sm .left_cate_dep1 li { padding: 7px 5px 7px 10px;}
.left_cate_dep1 li a { display: block; cursor: pointer }
.left_cate_dep1>li>a {font-size: 16px;    }
.left_cate_dep1>li>span { display: block; position: absolute; right: 0; top: 5px; width: 20px; height: 18px; background: url(../image/bullet_plus_b.png) right center no-repeat; cursor: pointer }
.left_cate_dep1>li.up>span { background: url(../image/bullet_minus_b.png) right center no-repeat; }
.left_cate_dep2>li>span { display: block; position: absolute; right: 0; top: 5px; width: 20px; height: 18px; background: url(../image/bullet_down_s.png) right center no-repeat; cursor: pointer }
.left_cate_dep2>li.up>span { background: url(../image/bullet_up_s.png) right center no-repeat; }
.left_cate_dep2>li>a { font-size: 14px; color: #333; }
.left_cate_dep1>li.up > a { color: #e06637; font-weight: bold; }
.left_cate_dep1 li.on > a { color: #e06637; font-weight: bold; }
.left_cate_dep1 li i, .left_cate_dep1 li.on > a i, .left_cate_dep1 li.up > a i { color: #999; font-size: 12px; font-weight: normal; font-style: normal }
.left_cate_dep3>li>a { font-size: 13px; color: #999; }
.left_cate_dep2 { margin-top: 5px; }
.left_cate_dep2 li a:hover { color: #e06637; }
.left_cate_dep2, .left_cate_dep3 { display: none }

.left_color_ul { margin-left:-5px; margin-right:-5px;}
.left_color_ul li { display: block; width:16.6666%; padding:5px; box-sizing:border-box; float:left; position:relative}
.left_color_ul li a { display: block; width:100%; height:25px; border-radius:4px; background-color:#CCC; text-align:center; cursor:pointer;border: 1px solid #ccc;}
.left_color_ul li a span { display:none; font-size:0;}
.left_color_ul li.on a { background-image:url(../image/icon_check_w.png); background-position:center center; background-repeat:no-repeat}

.left_color_ul li.Black a{background-color:#222; }
.left_color_ul li.Blue a{background-color:#06C; }
.left_color_ul li.Brown a{background-color:#663300; }
.left_color_ul li.Cyan a{background-color:#33cccc; }
.left_color_ul li.Gray a{background-color:#999999; }
.left_color_ul li.Green a{background-color:#390; }
.left_color_ul li.Orange a{background-color:#ff6633; }
.left_color_ul li.Pink a{background-color:#ff66cc; }
.left_color_ul li.Red a{background-color:#F00; }
.left_color_ul li.Violet a{background-color:#9966ff; }
.left_color_ul li.White a{background-color:#FFF; border:1px solid #CCC }
.left_color_ul li.White.on a {background-image:url(../image/icon_check_b.png);}
.left_color_ul li.Yellow a{background-color:#FC6; }


.left_colorfabric_ul {  }
.left_colorfabric_ul li {  padding: 5px 5px 5px 10px; text-align: left; display: block; position: relative;}

.left_colorfabric_ul li a { display: block; width:100%; text-align:left; cursor:pointer; font-size: 14px; }
.left_colorfabric_ul li a span { height:20px; width:20px; border-radius:10px; border:1px solid #ccc; text-align:center; display:inline-block; margin-right:10px; } 
.left_colorfabric_ul li.on a { text-decoration: underline; font-weight:bold;}

.left_ul li { padding: 5px 5px 5px 10px; text-align: left; display: block; position: relative; }
.left_ul li a { display: block; cursor: pointer; background: none }
.left_ul>li>a {font-size: 16px;    }

.side_box:after {content:' '; display:table; clear:both}
.prd_sort_wrap { text-align:right; padding:0 10px 10px 0;}
.btn-default { background-color: ;}

.detail_section { margin-top:20px; margin-bottom:30px;}
.detail_color_wrap { display:block; margin-top:20px; text-align:center}
.detail_color_wrap li { display:inline-block; width:80px; height:80px; }
.detail_color_wrap li + li  { margin-left:10px;}
.detail_color_wrap li a { display:inline-block;width:80px; height:80px; cursor:pointer}
.preview_wrap { width:100%; overflow: hidden; height:auto; min-width:580px; margin:0 auto; }

.bg_preview_ruler { padding:20px 0 0 20px; background:url(../image/ruler_150.png) 0 0 no-repeat;min-height:20px; width:580px; height:580px; box-sizing: border-box;}
.bg_preview_flat { min-height:20px; width:100%;  box-sizing: border-box; overflow: hidden}
.bg_preview_flat img { width: 100%; height: auto}
.bxslider_main  {width: 100%;height:580px; overflow: hidden}
.bxslider_main div { width: 100%; height: 100%; background-size:contain}

.nav_flat a { font-size:16px;}
.nav-tabs.nav_flat > .active > a, .nav-tabs.nav_flat > .active > a:hover, .nav-tabs.nav_flat > .active > a:focus { border: 1px solid #333333; color:#111; font-weight:bold; }

.btn_repeat a { display:inline-block; font-size:11px; text-align:center; cursor:pointer;color:#666;}
.btn_repeat a span { display:block; width:56px; height:56px; border:1px solid #666; border-radius:3px; margin-bottom:5px;opacity: 0.3; transition: 0.3s all; }
.btn_repeat a.active span {border:1px solid #e06637; opacity: 1; }
.btn_repeat a.active {color:#e06637;}
.btn_repeat a.repeat00 span { background:url(../image/repeat_00.png) center center no-repeat}
.btn_repeat a.repeat01 span { background:url(../image/repeat_01.png) center center no-repeat}
.btn_repeat a.repeat02 span { background:url(../image/repeat_02.png) center center no-repeat}
.btn_repeat a.repeat03 span { background:url(../image/repeat_03.png) center center no-repeat}
.btn_repeat a.repeat04 span { background:url(../image/repeat_04.png) center center no-repeat}
.top_m_link { display:none}


@media (min-width: 768px){
.nav-tabs.nav_flat > .active > a, .nav-tabs.nav_flat > .active > a:hover, .nav-tabs.nav_flat > .active > a:focus { border-bottom-color: #ffffff;}
.nav-tabs.nav_flat > li > a {    border-bottom: 1px solid #333333; } 
.list_head_list { width:250px; padding-top:31px } 
.main_bn01 {   margin-top:50px; }
}
@media (min-width: 992px){
.list_contents_body { margin-top:-47px;}
}

.detail_wrap { padding:0 0 0 50px;}
.dtl_ttl_wrap { padding: 10px 50px 10px 10px; position: relative; border-bottom: 1px solid #CCC ; margin-bottom:20px;}
.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: 10px; bottom: 10px; border-radius: 20px; border: 1px solid #ccc; position: absolute; overflow: hidden; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; text-align: center; }
.dtl_info_dl { display:block; width:100%; padding:0 0 0 90px; position: relative; margin:5px 0 5px 0}
.dtl_info_dl:after {  content:' '; display:table; clear:both}
.dtl_info_dl dt { display:block; width:90px; left:0;  position:absolute; }
.dtl_info_dl dt span { display:inline-block; padding:10px 0 0 0; font-size:15px; font-weight:bold;}
.dtl_info_dl dd { display:block; width:100%; margin:20px 0;}
.dtl_info_dl dd a i { font-size:11px;}
.dtl_info_text { display:inline-block; padding:10px 0; font-size:16px;}
.dtl_info_text2 { display:inline-block; padding:10px 0; font-size:14px; color:#999;}
.dtl_tb1 { border-top:1px solid #eee;  border-bottom:1px solid #eee;}
.dtl_tb1 td, .dtl_tb1 th { padding:5px 0;}
.dtl_tb1 tr:first-child td, .dtl_tb1 tr:first-child th { padding-top:15px;}
.dtl_tb1 tr:last-child td, .dtl_tb1 tr:last-child th {  padding-bottom:15px;}
.dtl_tb1 th{font-size: 15px;     font-weight: bold;}
.dtl_tb1 td{font-size: 14px;  padding-right: 45px;}
.dtl_tb1 td span{font-size: 16px; display:inline-block; padding-right:2px;}

.dtl_total_wrap { background: #f5f5f5; padding: 0 }
.dtl_total_ul li { display: block; padding: 15px 15px; min-height: 50px; position: relative; }
.dtl_total_ul li+li { border-top: 1px solid #ddd; padding: 10px 15px; }
.total_txt1 { font-size: 16px; color: #000; padding-bottom: 10px; display: block; }
.dtl_total_ul .count_wrap { height: 30px; }
.dtl_total_ul .plusminus_wrap { float: left; }
.plusminus_wrap { width: 100px; 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: 400px; padding-right: 30px; text-align: right; height: 30px; }
.dtl_total_ul .sel_price:after { content: ' '; display: table; clear: both; }
.dtl_total_ul .sel_price p.pc { font-size: 16px; color: #000; }
.dtl_total_ul .sel_price p.pc strong { font-size: 19px;   font-weight:700;}
.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: #000000 }
.dtl_total_price strong { font-weight: normal; font-size: 30px;    font-weight:700;}
.btn_lg_1 { border: 1px solid #e06637; font-size: 28px; background: #fff; color: #e06637; padding: 13px 0; text-align: center; display: inline-block; width: 100%; cursor: pointer; }
.btn_lg_2 { border: 1px solid #e06637; font-size: 28px; background: #e06637; color: #fff; padding: 13px 0; text-align: center; display: inline-block; width: 100%; cursor: pointer; }
.btn_lg_1:hover {color: #e06637;}
.btn_lg_2:hover {color: #fff;}
.btn_txt1 { font-size: 19px; color: #000; }
.dtl_list_ttl { position: relative; padding: 10px 5px; font-size: 20px; color: #000; border-bottom: 1px solid #999999; margin: 20px 0; text-align: left; }
.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; }



.wrap_cart { position: relative; }
.layerpopup--cart { width: 298px; position: absolute; bottom: 80px; left: 0; border: 1px solid #eee; padding: 10px; box-sizing: border-box; background: #fff; text-align: center; box-shadow: 0px 0px 7px #999999; display: none }
.layerpopup--cart.view { display: block }
.layerpopup--cart_btn { text-align: right; padding: 0 0 0 0; }
.layerpopup--cart_btn a { display: inline-block; padding: 5px; cursor: pointer }
.layerpopup__close img { width: 14px; height: 14px; }
.layerpopup--cart_txt1 { color: #999; font-size: 14px; padding: 10px 0; }
.layerpopup--cart_btns { text-align: center; margin: 20px 0 20px 0; }
.dtl_wrap { position: relative }
.dtl_left_in { margin-right: 20px;  margin-left: 0px;box-sizing: border-box; }
.box_left_in { margin-right: 20px;  margin-left: 0px;box-sizing: border-box; }
.box_left_in2 { margin-right: 20px;  margin-left: 0px;box-sizing: border-box; padding-left:10px; padding-right:10px; }
.box_right_in2 { margin-left: 20px;  margin-right: 0px;box-sizing: border-box; padding-left:10px; padding-right:10px; }
.prd_store_info { border: 1px solid #e8e8e8; height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; text-align: center; margin-top: 30px; }
.box_left_in3 { margin-right: 10px;  margin-left: 0px;box-sizing: border-box; margin-top:20px;}
.box_right_in3 { margin-left: 10px;  margin-right: 0px;box-sizing: border-box; margin-top:20px;}

.prd_store_info_in span { display: block; }
.prd_store_info_thumb { width:70px; height:70px; border-radius:35px; margin:0 auto 10px auto;}
.prd_store_info_name { font-size: 24px; font-weight: normal; color: #222; padding: 0 10px 0px 10px; word-break: break-all }
.prd_store_info_title { font-size: 14px; color: #999; padding: 0 10px; letter-spacing: -1px; }
.btn_store_info { font-size: 14px; display: inline-block; padding: 60px 10px 0 10px; color: #999; cursor: pointer }
.btn_store_info:hover { color: #000; }
.btn_store_info.icon_shop { background: url(../image/icon_store_grey.png) center 10px no-repeat; }
.btn_store_info.icon_like { background: url(../image/icon_store_plus.png) center 10px no-repeat; }
.btn_store_info.icon_check { background: url(../image/icon_store_check.png) center 10px no-repeat; }
.no_data { display:block; width:100%; clear:both; padding:80px 0 0 0; text-align:center; font-size:14px; color:#666; background:url(../image/icon_info.png) center 5px no-repeat;}
.no_goods { display:block; width:100%; clear:both; padding:100px 0 0 0; text-align:center; font-size:14px; color:#666; background:url(../image/icon_goods.png) center 15px no-repeat;}
.dtl_wrap { position: relative ; margin-top:50px;}
.tab_wrap { clear:both;}
 
.tab_wrap ul { max-width:  100%; background: #fff; }
.tab_prd:after { content:' '; display:table; clear:both;}
.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;color: #777; }
.tab_prd li.on { border-bottom: 1px solid #000000; }
.tab_prd li.on a { color: #000000; font-weight: bold }
.tab_content { padding: 10px 0; box-sizing: border-box; display: none; }
.prd_detail_body .tab_content { min-height: 700px; }
.tab_content.on { display: block; }
.prd_h4 { color: #333; font-size: 18px; padding: 5px; margin: 15px 0 0 0; font-weight:bold }
.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; }
.brdr_none { border-right: 0 none !important; }
.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; }
.inner_tb { padding: 0; }
.inner_tb td { padding: 7px; }
.inner_tb tr td:first-child { border-left: 0 none; }
.inner_tb table + table { border-top: 1px solid #e5e5e5; }
.table_02 { }
.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: 12px 10px; border-bottom: 1px solid #e5e5e5; font-size:14px; }
.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 } 
 
.table_05 th, .table_05 td { font-weight: normal; padding: 10px 10px;  }
.table_05 th { padding-left:50px}
.table_05 td { padding-right:50px}

.tab_content_inner { margin:10px 0;}


.check_ul { margin-top: 10px; }
.check_ul li { display: inline-block; }
.check_ul li a { display: inline-block; padding: 5px 5px 5px 25px; font-size: 14px; color: #666; cursor: pointer; }
.check_ul li.on a { color: #000; background: url(../image/icon_check_on.png) 5px center no-repeat; }
/* .check_ul li.on a { background:#e06637; 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_txt2 .review_fold { display:block; max-height:100px; overflow:hidden}
.review_in_txt2 .review_fold.review_fold_open { max-height: none !important;}
.review_in_txt2.over_fold {}
.btn_overfold { display:inline-block; padding:2px 0;  color:#06C; font-size:12px; cursor:pointer;}
.btn_overfold:after { content:' > ';}
.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; }
.thumb_items:after { display: table; content: " "; clear: both }
.thumb_items { display: block; width: 100%; }
.thumb_items li { display: block; width: 100px; height: 100px; border: 1px solid #eee; float: left; }
.thumb_items li:hover, .thumb_items li.thumb_select { border: 1px solid #333; }
.thumb_items li a { cursor: pointer; }
.thumb_items li + li { margin-left: 10px; }
.thumb_items img { width: 100px; height: 100px; }
.span_targets { margin: 10px 0; }
.span_targets .span_target { padding: 10px; border: 1px solid #eee; display: none; }
.span_targets .span_target_view { display: inline-block; }
.span_targets .span_target img { max-width: 500px; max-width: 400px; }
.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: #e06637; }
.board_label i { font-size: 30px; }
.board_list_wrap.ask, .board_list_wrap.q { background: url(../image/bullet_down2.png) 99% center no-repeat; cursor: pointer }
.board_list_wrap.answer, .board_list_wrap.a { display: none; background: #f4f4f4 url(../image/icon_re.png) 35px 35px no-repeat; }
.layerpopup { overflow: auto; display: none; position: fixed; top: 0; left: 0; width: 100%; min-width: 100%; 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: rgba(34, 34, 34, 0.5); }
.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: 16px;; }
.layerpopup__close { display: -webkit-box; 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; }
.box_flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.box_in1 { -webkit-box-flex: 1; -ms-flex: 1; flex-grow: 1; }
.box_in2 { -webkit-box-flex: 1; -ms-flex: 1; flex-grow: 1; align-self: flex-end; }

.sm_box_ttl h1 { padding: 50px 0 20px 0; text-align: left; margin: 0; font-size: 46px; fon/*t-family: Arial, Helvetica, sans-serif*/ }
.sm_box_ttl h1 { border-bottom: 2px solid #333333 }
.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 #333333 }
.sm_box_ttl h2.brd_none { border-bottom: 0 none; }
.login_box { padding: 40px; }
.login_box h2 { color: #000000; font-size: 19px; font-weight: bold; padding: 10px 0; }
.login_box h2.h2_nomal { color: #333; }
.h2_nomal_margin { margin-bottom:43px;}
.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; }
.btn_grey { background: #999; border: 1px solid #999; color:#fff }
.btn_grey:hover { background: #666 ; color:#fff}
.msg_box { margin-top: 20px; clear: both; padding: 20px 30px 20px 150px; border: 1px solid #ddd; background: url(../image/icon_info.png) 40px center no-repeat; }
.msg_box h3 { font-size: 16px; font-weight: bold; padding: 5px 0; }
.msg_box p { font-size: 14px; color: #666; padding: 5px 0; }
.sm_container { max-width: 800px; margin: 0 auto; position: relative ; padding-bottom:50px;}
.md_container { max-width: 1000px; margin: 0 auto; position: relative }
.xs_container { max-width: 500px; margin: 0 auto; position: relative ; padding:0 15px 50px 15px }
.msg2 { padding: 30px 0; text-align: left; }
.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: 16px; 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; }
.links { text-align: center; }
.links a { color: #666; display: inline-block; padding: 0 10px; }
.col_pd_left { padding:0 15px 0 0}
.col_pd_right { padding:0 0 0 15px }
.col_pd_center { padding:0 15px }
.order_head {  }
.order_head .order_date { display:block; font-size:16px; font-weight:bold;}
.order_head .order_no { display:block; font-size:14px; font-weight: normal;}
.thumb_box { width:100%;}
.thumb_box img { width:100%; height:100%;}
.order_in01 { padding-left:20px; padding-right:20px;}
.order_option_box { padding:10px 0 10px 0;}
.order_option_box + .order_option_box  { border-top:1px solid #eee;}
.order_option_box .order_option_txt1 {  font-size:16px; padding-top:5px; text-align:right;   }
.order_option_btns { text-align:center;}
.order_option_btns a { margin:5px 0;}
.order_txt1 { padding-bottom:10px; font-size:16px; font-weight:bold; color:#F30}
.order_txt2 { padding-bottom:10px; font-size:16px; font-weight:bold; color:#069}
.box { border:1px solid #e8e8e8;}
.box_body { padding:15px;}
.cart_total {  }
.cart_total td { padding: 5px 15px;  font-size: 15px; }
.cart_total td strong { font-size: 19px; font-weight:700; }
.cart_total td .ttl01 { font-size: 26px; }
.cart_total td .ttl02 { font-size: 26px; color: #e06637 }
.div_wrap { padding:10px 0; border-top:1px dashed #eee; margin-top:10px;}
.cart_op_wrap { padding-bottom:10px;}
.check_wrap {padding-left:30px; position:relative;}
.check_in { width:30px; height:22px; position:absolute; left:0; top:0;}
.cart_div + .cart_div { border-top:1px solid #ddd; padding-top:20px;}
.table_h2 { color: #333333; font-size: 19px; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #999; margin-top: 20px; }
.table_respon1 { border:1px solid #ddd;}
.table_respon1 th { background:#f5f5f5;}
.table_respon1 th, .table_respon1 td { padding:12px 15px; text-align:left; border-bottom: solid 1px #eee; font-size:14px;}
.m_div1 { display:inline-block; margin:0 0 0 20px;}
.ul_flat li { padding: 5px; }
.h4_flat {font-size: 18px; font-weight:700; padding:10px 0; color:#222; margin:0;}
.ul_flat2 li { padding: 3px 5px 3px 10px; background:url(../image/bullet_dot.png) 0 9px no-repeat; list-style:none; }
.agree_sm_wrap { height:100px; margin:10px; font-size:14px; background-color:transparent; text-align:left; overflow: auto}
.agree_sm_wrap table th, .agree_sm_wrap table td { font-size: 12px; padding: 5px 5px; }
.agree_sm_wrap p { padding:0; margin:5px 0}
.display_n { display:none}
.btn_muted { color: #999; font-size: 12px; cursor: pointer; }
.sub_title_wrap {text-align:left; position:relative; padding-top:10px;}
.sub_title_wrap h3 { text-align:center; display:inline-block;font-size: 24px;}
.sub_title_wrap .btn_l { position:absolute; left:10px; top:5px;   width:20px; height:20px; font-size:24px; text-align:left; display:none}
.sub_title_wrap .btn_r { position:absolute; right:10px; top:5px; height:20px; font-size:24px; text-align:left; display: }
.sch_wrap { border:1px solid #ddd; padding:10px; background:#f5f5f5; border-radius:3px;}
.sch_wrap .col-xs-2, .sch_wrap .col-xs-5 { padding-left:5px;padding-right:5px;}
.sch_wrap .col-sm-1, .sch_wrap .col-sm-2 { padding-left:5px;padding-right:5px;}
.pop_head { color: #fff; background: #000; }
.pop_h1 { padding: 10px 15px; text-align: left; font-size: 26px; font-weight: normal; color: #fff; }
.pop_body { padding: 15px; }
.pop_footer { text-align:center; padding:10px 0; font-size:12px; color:#999; border-top:1px solid #ddd;}
.form-input .control-label { font-weight:bold; padding-right:20px; line-height:24px;}
.txt_line {line-height:24px; display:inline-block; margin:7px 0;}
.state_t01 { font-size: 19px; 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: #e06637; }
.review_icon1 { padding:20px 0 20px 80px; background:url(../image/icon_review1.png) left 10px no-repeat; text-align:left; width:220px; margin:0 auto} 
.review_icon2 { padding:20px 0 20px 80px; background:url(../image/icon_review2.png) left 10px no-repeat;text-align:left; width:220px; margin:0 auto}
.brd_l_lg { border-left:1px solid #ddd;}
.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; }
.row_phone .col-sm-3, .row_phone .col-xs-4 { padding-left:5px;padding-right:5px;}
.row_phone .col-xs-12 { padding-top:0;}
.icon_dash:after { content: "-"; font-size: 16px; display: inline-block; width: 10px; height: 16px;line-height: 16px; position: absolute; right: -7px; top: 7px; z-index: 10; color: #999 ;}
.login_sns_wrap { padding-top:20px;}
.login_sns_wrap .login_btn_wrap { padding-top:20px;}
.btn_facebook, .btn_google, .btn_naver { 
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;  
  white-space: nowrap;  
  border-radius: 4px;
  border:0 none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
	display: block;
    width: 100%;}
.btn_google { color: #4285f4; background:#f4f4f4 url(../image/icon_google.png) 20px center no-repeat; background-size:20px; border:1px solid #4285f4}
.btn_facebook { color:#ffffff; background:#3b5998 url(../image/icon_facebook.png) 20px center no-repeat; background-size:22px;} 
.btn_naver { color:#ffffff; background:#00d036 url(../image/icon_naver.png) 20px center no-repeat; background-size:20px;}

.h5 { font-size:14px; margin-top:20px; margin-bottom:10px; text-align:left; font-weight: bold;}
.no_image { text-align:center; background:url(../image/icon_noimage.png) center center no-repeat; padding-top:120px; padding-bottom:10px; font-size:12px; color:#999;}
.img_preview img { margin-bottom:20px; max-width:100%; height:auto; max-height:300px; width:auto; margin-top:10px;}
.body_gap {   margin-top:40px; border-top: 0 none;}
.wrap_reply { padding:10px 10px 10px 70px; background: url(../image/icon_reply.png)  10px 10px no-repeat}
.wrap_reply .reply_txt1 { display:block; text-align:right; font-size:14px; color:#999; padding-top:20px;}
.ul_faq li+li { border-top:1px solid #ddd;}
.ul_faq .bg_q { background: url(../image/icon_q.png) 0px 13px no-repeat;     padding: 13px 0px 13px 30px; cursor:pointer} 
.ul_faq  .bg_a {  background: url(../image/icon_a.png) 0px 13px no-repeat;     padding: 13px 0px 13px 30px; display: none }
.ul_faq  .bg_a img { max-width:100%; height:auto}
.label_list { background: #666; display: inline-block; width: 85px; border-radius: 3px; color: #fff; font-size: 12px; text-align: center; padding: 3px 5px; margin-right: 5px; }
.ul_list li { padding:13px 0;}
.ul_list li+li {border-top:1px solid #ddd;}
.ul_list li .notice { color:#e06637}
.notice .label_list { background: #e06637;  color: #fff;  }
.panel_title { font-size:18px; font-weight:bold; padding-bottom:10px;}
.txt_point1 { font-size: 31px; text-align: right; padding-right: 40px; }
.txt_point2 { font-size: 16px; text-align: left; padding-left: 20px; }
.point_inner { padding: 10px 0; }
.company_visual01 { height:484px; width:100%; text-align:center;display: flex;flex-wrap: wrap;align-content: center;  background:url(../image/company_visual.jpg) center center no-repeat;background-size: cover;}
.company_visual01 .txt01 { text-align:center;width:100%; font-size:39px; color:#fff; text-align:center;   letter-spacing:-1px;; text-align:center}
.company_img1 { text-align:center; padding:20px 20px;}
.company_img1 img { max-width:100%; height:auto;}
.company_txt1 { text-align:center; padding:20px 15px 40px 15px; font-size:24px; position:relative; color:#48433f; font-weight: ;}
.company_txt1:after { content:" "; display:block; width:60%; height:4px; background:#90a3a2; margin:0 auto ; position:absolute; bottom:0; left:20% }

.container {     position: relative }
.Rside_wrap { position: absolute; top: 20px; right: 0; left: 1210px; bottom: 0; width: 100px; margin: 0; white-space: nowrap; z-index:999; display:block; }
.Rside_inner { width: 100px; text-align: center }
.Rside_fix { position: fixed; top: 80px; }
.Rside_box { border: 1px solid #ddd; padding: 10px; background: #fff; }
.Rside_head { background: #333; text-align: center; padding: 10px; }
.Rside_ttl, .Rside_ttl a { font-size: 11px; color: #fff; }
.Rside_ttl strong, .Rside_ttl a strong { font-size: 12px; color: #ffffff }
.Rside_head + .Rside_head { border-top: 1px solid #111 }
.Rside_box + .Rside_box { margin-top: -1px; }
.Rside_area { height: 280px; }
.Rside_ul { margin-top: 10px; }
.Rside_ul li { width: 80px; height: 80px; margin: 5px 0; }
.Rside_ul li img { width: 80px; height: 80px; }
.Rside_page { font-size: 12px; line-height: 16px;vertical-align: middle;color: #333; }
.btn_s_page { display: inline-block; width: 16px; height: 16px; border: 1px solid #ddd; vertical-align: middle; color: #999; font-size: 12px; cursor: pointer }
.btn_s_page:hover { color: #000; }
.Rscroll-up { width: 100px; height: 25px; }
.Rscroll-up a { background: #333; border: 1px solid #111; display: block; height: 25px; text-align: center; color: #fff; font-size: 12px; line-height: 23px; cursor: pointer }
.Rscroll-up a:hover, .Rscroll-up a:active { background: #111; color: #fff; }
.terms_wrap p { padding:10px 0;}
.nav-tabs_lg li a { font-size:16px;}
.h4_prd { text-align:center; font-size:21px; padding:10px 0; margin-bottom:20px;}
.theme_top { text-align:center; font-size:18px; background:#f6f6f6; margin:20px 0; padding:20px 5px; border-radius:10px; font-weight:normal}
.ul_temp li { display:block; float:left; width:33.3333%;  box-sizing:border-box; padding:15px 10px; }
.ul_temp li a {border:2px solid #ccc; display:block; padding:15px;  border-radius:4px; text-align:center; position:relative; cursor:pointer; padding-top:170px;opacity: 0.5;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;}
.ul_temp li a.active { border-color:#000; opacity: 1;}
.ul_temp li a:hover {border-color:#666; opacity: 1;}
.ul_temp li .temp_txt01 { font-size:18px; display:block;color:#000;}
.ul_temp li .temp_txt02 { font-size:13px; display:block; color:#666; height:40px;}
.ul_temp li.temp01 a { background:url(../image/templete_01.png) center 25px no-repeat;}
.ul_temp li.temp02 a{ background:url(../image/templete_02.png) center 25px no-repeat;}
.ul_temp li.temp03 a{ background:url(../image/templete_03.png) center 25px no-repeat;}
.ul_temp li.temp04 a{ background:url(../image/templete_04.png) center 25px no-repeat;}
.ul_temp li.temp05 a{ background:url(../image/templete_05.png) center 25px no-repeat;}
.ul_temp li.temp06 a{ background:url(../image/templete_06.png) center 25px no-repeat;}
.ul_temp li.temp07 a{ background:url(../image/templete_07.png) center 25px no-repeat;}


.thumb_ul { max-height:450px; overflow:auto; -webkit-overflow-scrolling: auto; margin-bottom:20px;}
.thumb_ul li { width:25%; float:left; height:90px; display:block;}
.thumb_ul li a {  display:block;width:100%; height:100%; box-sizing:border-box; cursor:pointer; vertical-align:top;}
.thumb_ul li a img { width:100%; height:100%; vertical-align:top;border:3px solid #fff;box-sizing:border-box;}
.thumb_ul li a.active img{border:3px solid #000;}

.canvas_wrap { width:100%; height:100%;}
.canvas_wrap .canvas_inner canvas { background-color:#f9f9f9; width:100%; vertical-align:top; cursor:pointer;}
.canvas_wrap .canvas_inner { float:left; width:100%; box-sizing:border-box; border:1px solid #ddd;}
.canvas_type1 .canvas_inner { float:left; width:100%; box-sizing:border-box; border:1px solid #ddd;}
.canvas_type2 .canvas_inner { float:left; width:50%; box-sizing:border-box; border:1px solid #ddd;}
.canvas_type3 .canvas_inner { float:left; width:100%; box-sizing:border-box; border:1px solid #ddd;}
.canvas_type4 .canvas_inner { float:left; width:25%; box-sizing:border-box; border:1px solid #ddd;}
.canvas_type5 .canvas_inner { float:left; width:33.3%; box-sizing:border-box; border:1px solid #ddd;}

.alert-gray {   background-color: #f4f4f4;   border-color: #dddddd;   color: #333333; }
.alert-gray hr {   border-top-color: #cccccc; }
.alert-gray .alert-link {   color: #222222 }
.main_layer_wrap {position:absolute; top:130px; left:0; z-index:1020; width:100%;}
.main_layer_bg { display:block; margin-right: auto;     margin-left: auto;     width: 1240px;    position: relative; z-index:1020}
.main_layer_box { margin:0 auto; height:auto; padding:15px; box-sizing:border-box;position: absolute; left:0; z-index:1020; top:0px;} 
.laver_img_wrap  { text-align:center;}
.laver_img_wrap img { max-width:100%; height:auto; vertical-align:top }
.laver_txt_wrap { background-color: rgba( 0, 0, 0, 0.5 ); color:#fff; text-align:left; height:30px; padding:0 10px; box-sizing: border-box;font-size:13px;}
.laver_txt_wrap a { color:#fff;line-height:30px;}
.laver_txt_wrap a i { font-size:18px;}
.laver_txt_wrap label { color:#fff; font-size:13px; line-height:30px;}

.mobile_layer_bg { display:none}

.pull_right { float:right;}
.area_guide { font-size:16px; padding:0 20px;}
.area_guide .row { margin-top:50px;}
.area_guide p { padding:10px 0; line-height:1.7}
.area_guide .h3_flat {   font-size:26px; padding:10px 0 10px 0; color:#e06637 }
.area_guide .h4_flat { font-size:19px; text-align:left;  padding:10px 0 10px 0; }
.area_guide .h4_flat:before { content:' '; width:50px; height:3px; background:#333; top:-10px; left:0; position:relative; display:block;}
.area_guide  .h5_flat { font-size:19px; padding:10px 0 10px 0; text-align:left; color:#14366f}
.area_guide .ul_flat2 li {  background: url(../image/bullet_dot.png) 0 11px no-repeat; list-style-type:none } 
.ol_flat1 { margin-left:20px;}
.ol_flat1 li { padding: 3px 5px 3px 10px; list-style:decimal; list-style-position:outside;}
.col_sm_in { padding:0 10px;}

 
.color_ul_sel01 { margin-left:-5px; margin-right:-5px;}
.color_ul_sel01 li { display: block; width:35px; padding:5px; box-sizing:border-box; float:left; position:relative}
.color_ul_sel01 li a { display: block; width:100%; height:25px; border-radius:4px; background-color:#f1f1f1; text-align:center; cursor:pointer; border:1px solid #eee;}
.color_ul_sel01 li a span { display:none; font-size:0;} 
.color_ul_sel01:after { content:' '; display:table;  clear:both}

.color_ul_sel02 { margin-left:-5px; margin-right:-5px;}
.color_ul_sel02 li { display: block; width:35px; padding:5px; box-sizing:border-box; float:left; position:relative}
.color_ul_sel02 li a { display: block; width:100%; height:25px; border-radius:4px; background-color:#f1f1f1; text-align:center; cursor:pointer; border:1px solid #eee;}
.color_ul_sel02 li a span { display:none; font-size:0;} 
.color_ul_sel02:after { content:' '; display:table; clear:both}

.sub_bg_guide { height:300px; margin-top:10px;  background-size:cover; text-align:center;display: flex; align-items: center; justify-content: center; text-align: center;}
.sub_bg_guide h3 { font-size:39px; text-align:center; color:#fff; font-weight:normal; display:block; }
.sub_bg_guide p { text-align:center; font-size:25px;color:#fff; }
.fabric_thumb {width:100%; padding:0 10px; }
.fabric_thumb img { width:100%; height:auto}
.fabric_short   { height:240px; overflow:hidden;}
.fabric_short.long { height:auto; overflow:visible;}
.fabric_short.long img { height:auto;}

.fabric_zoom_thumb {width:100%; height:242px; overflow:hidden}
.fabric_zoom_thumb img { width:100%; height:100%;
	transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    backface-visibility: hidden;}
.fabric_zoom_thumb:hover img {width:150%; height:150%; margin-left:-25%; margin-top:-25%;}

.fabric_thumb2 {width:100%; margin:0 10px;   overflow:hidden; } 
.fabric_zoom_thumb2 {width:100%; height:100%; overflow:hidden;background-size:100%; background-position:center center; transition: transform .2s;}
.fabric_zoom_thumb2 img { width:100%; height:100%; }
.fabric_zoom_thumb2:hover img {}
.fabric_zoom_thumb2:hover {transform: scale(1.5);}


.btn_info_more { position:absolute; right:0; top:0;}
.fabric_option_box { padding:0 10px 10px 10px;}
.fabric_option_box + .fabric_option_box  { border-top:1px solid #eee; }
.fabric_title { font-weight:bold; font-size:18px; padding-bottom:20px;  color:#e06637}
.fabric_txt1 { line-height:1.6; font-size:14px;}
.fabric_detail {line-height:1.6; font-size:14px;   display:none}
.fabric_detail img { max-width:100%; height:auto;}
.fabric_txt2 { padding:20px 0; font-size:font-weight:bold; font-size:18px;   }
.ul_fabric_detail li { font-weight:bold; background:url(../image/bullet_dot.png) left 10px no-repeat; padding-left:10px; color:#241916}
.fabric_detail p, .view_content p { padding:5px 10px;}
.view_content p img, .view_content img { max-width:100% !important; height:auto !important}

.table_flat td { padding:5px 0;}
.guild_ul_print { max-width:850px; margin:0 auto}
.guild_ul_print li { width:150px; border:1px solid #ddd; border-radius:4px; margin:10px 10px; float:left; height:170px; text-align:center; position:relative}
.guild_ul_print li span { display:block; margin-top:100px; padding-top:20px; border-top:1px solid #eee; font-size:16px; color:#14366f; font-weight:bold;}
.guild_ul_print li + li:before { content: ' '; display: block; position: absolute; left: -20px; top: 45%; width: 20px; height: 20px; vertical-align: middle; font-size: 16px; color: #999; text-align: center; background: url(../image/arrow_r.png) center center no-repeat; background-size:14px; }

.guild_ul_print li.guild_print01 { background:url(../image/guide_print01.png) center 20px no-repeat;}
.guild_ul_print li.guild_print02 { background:url(../image/guide_print02.png) center 20px no-repeat;}
.guild_ul_print li.guild_print03 { background:url(../image/guide_print03.png) center 20px no-repeat;}
.guild_ul_print li.guild_print04 { background:url(../image/guide_print04.png) center 20px no-repeat;}
.guild_ul_print li.guild_print05 { background:url(../image/guide_print05.png) center 20px no-repeat;}
.guild_ul_print li.guild_print06 { background:url(../image/guide_print06.png) center 20px no-repeat;}
.guild_ul_print li.guild_print07 { background:url(../image/guide_print07.png) center 20px no-repeat;}
.guild_ul_print li.guild_bprint00 { background:url(../image/guide_bprint00.png) center 20px no-repeat;}
.guild_ul_print li.guild_bprint01 { background:url(../image/guide_bprint01.png) center 20px no-repeat;}
.guild_ul_print li.guild_bprint02 { background:url(../image/guide_bprint02.png) center 20px no-repeat;}
.guild_ul_print li.guild_bprint03 { background:url(../image/guide_bprint03.png) center 20px no-repeat;}
.guild_ul_print li.guild_bprint04 { background:url(../image/guide_bprint04.png) center 20px no-repeat;}
.guild_ul_print li.guild_bprint05 { background:url(../image/guide_bprint05.png) center 20px no-repeat;}
.img_wrap { padding:20px; text-align:center;}
.img_wrap img { max-width:100%; height:auto; border:1px solid #ddd; border-radius:7px;}
.sch_box { }
.sch_box .sch_item { padding-left:5px !important; padding-right:5px !important;}
.sch_item .btn-block { padding-left:0px !important; padding-right:0px !important;}
.pm_box { margin:10px 0;}
.pm_ttl { text-align:center; padding:10px 0; background-color:#999; color:#fff; font-size:32px; font-weight:bold;}
.pm_box table { background-color:#f4f4f4;} 
.pm_box table td { padding: 3px;}
.pm_box table .active { background-color:#FFC;}
.pm_box .pm01, .pm_box .pm02, .pm_box .pm03 {font-size:14px;}
.pm_box .pm01 span, .pm_box .pm02 span, .pm_box .pm03 span  { font-size:21px;}
.pm_box .pm03 { color:#F30; padding-right:20px;}
.main_banner_box { margin:30px; text-align:center;}
.main_banner_box a { margin:0 10px; display:inline-block; vertical-align:top;}
.main_banner_box a img { vertical-align:middle;}

.top_cate_btn .btn_top_menu {overflow: hidden;z-index:9;position: relative;width: 21px;height: 21px;right: 20px;top: 4px;margin-top: 0; cursor:pointer; left:0}
.top_cate_btn .btn_top_menu span{position: absolute;right: 0;width: 100%;height: 3px;background-color: #333333;
transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out; border-radius:1px;}
.top_cate_btn .btn_top_menu span.barTop{top: 2px;}
.top_cate_btn .btn_top_menu span.barMid{top: 9px; }
.top_cate_btn .btn_top_menu span.barBot{width: 100%;top: 16px; }
.top_cate_btn .btn_top_menu:hover span.barTop {width: 100%;}
.top_cate_btn .btn_top_menu:hover span.barMid {width: 100%;}
.top_cate_btn .btn_top_menu:hover span.barBot {width: 100%;}

.top_cate_btn.top_cate_btn_open .btn_top_menu span {background-color: #333333;width: 100%;} 
.top_cate_btn.top_cate_btn_open .btn_top_menu span.barTop{transform:rotate(45deg);-webkit-transform:rotate(45deg); top: 9px;}
.top_cate_btn.top_cate_btn_open .btn_top_menu span.barMid{width: 0; height:0;}
.top_cate_btn.top_cate_btn_open .btn_top_menu span.barBot{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top: 9px;}
.board_content img { max-width:100% !important; height:auto}

.rev_content { margin:30px 0; min-height:100px;} 
.rev_content .rev_h4 { margin:20px 0; text-align:center; font-size:26px; font-weight:bold;} 
.rev_content .rev_data { text-align:center; margin:20px 0; font-size:16px; color:#999;}
.rev_content .rev_content { text-align:center; margin:20px 0; font-size:16px; line-height:1.5  }
.rev_img { margin:20px;}

.sch_review { padding:0 10px;}
.ul_review1 {}
.ul_review1:after { display:table; content:' '; clear:both;}
.ul_review1 li { width:50%; float:left; }
.ul_review1 li span { display:block; text-align:center;}
.review_li_in {  height:280px; overflow:hidden; margin:10px; border:1px solid #eee; box-sizing:border-box;}
.review_li_in a { display:block; cursor:pointer}
.rev_thumb { width:100%; height:150px; overflow:hidden; background-size:cover; background-color:#f4f4f4; margin-bottom:10px;}
.rev_title { padding:4px 10px; font-size:16px; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:bold;}
.rev_cate {  padding:4px 10px; font-size:14px; color:#999; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rev_cate i { display:inline-block; font-size:14px; color:#999; margin:0 3px; font-style:normal;}
.rev_cate i + i:before { content:' '; display: inline-block; width:1px; height:12px; background-color:#ccc; margin-right:6px;}
.rev_txt {  padding:4px 10px; font-size:14px; color:#666; overflow: hidden; width:100%;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;  
	-webkit-box-orient: vertical; 
	line-height: 18px;
	height: 42px;}

@media (min-width: 570px) {
.ul_review1 li {  width:50%;float:left; } 
.review_li_in {  height:280px;}
.rev_thumb { width:100%; height:150px; }
}	
@media (min-width: 768px) {
.ul_review1 li {  width:33.333%;float:left; } 
.review_li_in {  height:350px;}
.rev_thumb { width:100%; height:211px; }
}
@media (min-width: 992px) {
.ul_review1 li {width:25%;  float:left; } 
.review_li_in {  height:350px;}
.rev_thumb { width:100%; height:218px; }	
 
}
@media (min-width: 1200px) {
.ul_review1 li { width:25%; float:left; } 
.review_li_in {  height:350px;}
.rev_thumb { width:100%; height:218px; }
.sub_title_wrap h3 { display:block; text-align:left;}
 
}
@media (min-width: 1400px) {
.ul_review1 li { width:25%; float:left; } 
.review_li_in {  height:410px;}
.rev_thumb { width:100%; height:278px; }	
 
}


@media (max-width: 1600px) { 
.main_video_cover p img { max-width:600px; height:auto;}  
.main_video_cover p span.txt_h1 { font-size:78px;}
.main_video_cover p span.txt_h2 { font-size:70px; }
.main_video_cover p span.txt_h3 { font-size:36px;  line-height:1.7}
}
@media (max-width: 1380px) { 
.top_nemu_ul {  left:50px;} 
.top_nemu_ul li a { padding:0 15px;} 
}

@media (max-width: 1200px) { 
.top_nemu_ul {  left:50px;} 
.top_nemu_ul li a { padding:0 7px;    font-size: 16px;} 
.main_video_cover p img { max-width:500px; height:auto;}
.main_video_cover p span.txt_h1 { font-size:70px;}
.main_video_cover p span.txt_h2 { font-size:62px; }
.main_video_cover p span.txt_h3 { font-size:32px;  line-height:1.7}
}
@media (max-width: 992px) {
.top_gnb_wrap { padding:5px 0; }
.top_gnb_inner h1 { height:54px; width:200px; position:absolute; left:5px; top:0px; margin-left:0; display:block; padding:0; vertical-align:middle;}
.top_gnb_inner h1 { height:33px; width:120px;  }
.top_gnb_inner h1 img {height:33px; width:120px;  }
.top_ul_wrap { top:5px;}
.top_ul_wrap .top_ul li { background:none;}
.top_ul li a {padding:5px 10px 5px 10px; }
.top_ul .top_li_02 { display: inline-block}
.top_gnb_inner h1 { margin-left:10px;}
.top_sch_wrap {   left:70px; bottom:-45px; width: calc(100% - 85px);  border-bottom:0 none;}
.top_nemu_ul, .top_news_wrap   { display:none}
.main_wrap, .main_video, .main_video video { height: 40vh;}
.main_video video {   object-fit: cover; }
.main_video_cover p img { max-width:400px; height:auto;}
.main_video_cover p span { font-size:36px;} 
.main_video_cover p span.txt_h1 { font-size:60px;}
.main_video_cover p span.txt_h2 { font-size:52px; }
.main_video_cover p span.txt_h3 { font-size:26px;  line-height:1.7}
.main_cs_box2 { margin-top:20px;border-top:1px solid #eee;border-left:0 none; }
.main_cs_box1 {background: url(../image/icon_main01.gif) 25px 30px no-repeat;padding:0px 0 0 110px;}
.main_cs_box2 {background: url(../image/icon_main02.gif) 25px 50px no-repeat;padding:20px 0 0 110px;}
.main_csbox_left { padding:10px 20px 20px 20px;}
.main_csbox_right { padding:10px 20px 20px 20px;}
 
.foot_box1 { padding:20px 0 20px 20px}  
.foot_box2 {padding:10px 0 20px 20px}
.foot_box3 {padding:10px 0 20px 20px; text-align:center}
.foot_box4 { padding:10px 20px 10px 20px; text-align:center;} 
.foot_box4 .foot_logo img { width:60%; height:auto;}
 
.foot_box4 .foot_sns { padding:5px 0 0 0;}
.foot_box4 .foot_sns img { width:100px;}
.foot_box3 img { max-width:80%; height:auto}
.foot_copy { text-align:left; padding:0 20px; font-size:12px;}
.foot_cscenter { padding:30px 0 0 0;}

.foot_boxn1 { padding:20px 20px 10px 20px; font-size:13px;}
.foot_cscenter_new {padding:20px; font-size:13px;}
.foot_boxn3 {padding:20px ; }
.foot_boxn4 { padding:20px 30px 0px 30px; text-align:right;}
.foot_boxn4 .foot_logo img { width:100%; height:auto;}
.foot_boxn4 .foot_sns2 { padding:5px 0 0 0;}
.foot_boxn4 .foot_sns2 img { width:24px;}
.foot_h5 { font-size:14px; }

.main_h3_prd { clear:both; width:100%; position:relative; padding:0 0 0 0;}
.main_h3_bg { clear:both; width:100%; position:relative; padding:100px 0 10px 0}
.main_h3_prd .btn_more { right:10px; bottom:0px; font-size:14px; cursor:pointer}
.main_h3_txt { text-align:center; font-size:23px; font-weight:bold;}
.ul_prd { width:100%; padding:0 10px;}
.ul_prd li { width: 33.333%; padding: 10px;  box-sizing: border-box; float: left; position: relative; }
.ul_prd li span { padding-left: 0px; padding-right: 0px; }
.ul_prd li .prd_info { height:95px; margin-bottom:1vw;}


.sub_ul01>li { display:block; float:left; width:50%; margin:10px 0; padding:0 0px 0 30px; }
.sub_ul01 li:nth-child(odd)  {  display:table; clear:both}
.sub_wrap {padding-bottom:0; }  
.sub_menu_wrap { display:block; width:100%; clear:both;}
.sub_wrap .container { height: calc(100vh - 94px); overflow-y:scroll}
.sub_menu01 li:first-child { border-top:1px solid #eee;}
.sub_menu01 li { width:100%; padding:5px 15px; border-bottom:1px solid #eee;}
.sub_menu01 li a { display:block; padding:10px 10px;font-size:16px; font-weight:bold;}
.main_bn_txts { text-align:left; margin-left:5%;padding-right:20px; padding-top:20px;}

.main_bn02, .main_bn03  { height: auto; } 
.main_bn02, .main_bn03  { margin-top:20px;} 
.main_bn02 .main_bn_txts, .main_bn03 .main_bn_txts  { text-align:left; margin-left:0%; padding-top:40px; padding-left:20px;padding-right:20px;}
.main_bns_container { margin:0 20px;}
.main_bn_left { padding-right:10px;}
.main_bn_right { padding-left:10px;}
.main_bn_txt0 { font-size:39px; }
.main_bn_txt1 { font-size:31px; }
.main_bn_txt2, .main_bn_txt4 { font-size:14px; } 
.main_bn_btn { margin-top:10px;}
.list_head { padding:20px 15px;}
.contents_body { min-width: 320px; margin-left:0;transition: margin-left 0.3s;}
.contents_side {   position: absolute;   left: -250PX;   transition: all 0.3s; display:block}
.contents_side.active { position: absolute;   left: 0;   transition: left 0.3s; display:block; border-right:1px solid #ddd;border-top:1px solid #ddd;}
.btn_filter { display: inline-block;}

.contents_mobile_wrap {   position: relative;  margin: 0 auto;  box-sizing: border-box; overflow:hidden; width:100%;} 
.contents_mobile_side {   position: relative;   left: 0;   transition: left 0.3s; display:block; z-index:99; background:#fff; width:100%;}
.contents_mobile_body { min-width: 320px; margin-left:0;transition: margin-left 0.3s; display:none;}
.contents_mobile_side section {position: relative; left: 0; float: none; padding:0 0 0 0; width:100%;}

.detail_wrap { padding:20px 20px 0 20px;}
.btn_lg_1 { font-size: 20px; padding: 10px 0;}
.btn_lg_2 { font-size: 20px; padding: 10px 0;}
.dtl_left_in { margin-right: 10px;  margin-left: 10px;box-sizing: border-box; }
.box_left_in, .box_right_in, .box_left_in2, .box_right_in2, .box_left_in3, .box_right_in3 { margin-right: 0;  margin-left: 0;box-sizing: border-box; padding-left:0; padding-right:0 } 
.tab_prd li { display: block; width: 25%; float: left; height: 40px; border-bottom: 1px solid #cccccc; text-align: center; }
.tab_prd li a { font-size: 16px; line-height: 39px; display: block; cursor: pointer }
.table_01 th, .table_01 td { font-size: 12px; }
.table_04 th, .table_04 td { font-weight: normal; padding: 7px 5px; border-bottom: 1px solid #e5e5e5; }
.tab_content_inner { margin:10px;} 
.login_box { padding: 20px; }
.h2_nomal_margin { margin-bottom:0px;}
.msg_box { margin-top: 20px; clear: both; padding: 20px 15px 20px 15px; border: 1px solid #ddd; background:none; }
.sm_box_ttl h1 { padding: 30px 0 20px 0; text-align: left; margin: 0; font-size: 31px; /*font-family: Arial, Helvetica, sans-serif */}
.col_pd_left { padding:0 10px }
.col_pd_right { padding: 0 10px }
.col_pd_center { padding:0 10px }
.order_in01 { padding-left:10px; padding-right:0px;}
.order_option_btns { text-align:right;}

.left_ul li { padding: 5px 5px 5px 10px; text-align: left; display: block; position: relative; }
.left_ul li a { display: block; cursor: pointer; background: url(../image/bullet_right_w.png) right center no-repeat }
.left_ul>li>a {font-size: 16px;    }
.table_respon1 { border:1px solid #ddd;}
.table_respon1 th, .table_respon1 td { padding:7px 10px; text-align:left; border-bottom: 0 none; font-size:14px;}
.table_respon1 th { display:none}
.m_div1 { display:block; margin:10px 0 0 0px;}
.sub_title_wrap {text-align:center; min-height:30px;}
.sub_title_wrap h3 { text-align:center; display:inline-block;font-size: 19px;}
.sub_title_wrap .btn_l { position:absolute; left:10px; top:0px; display:block; width:20px; height:20px; font-size:24px; text-align:left}
.sub_title_wrap .btn_r { position:absolute; right:10px; top:0px; display:block;  height:20px; font-size:24px; text-align:left}
.pop_h1 { padding: 10px 15px; text-align: left; font-size: 19px; font-weight: normal; color: #fff; }
.review_icon1, .review_icon2 { padding:20px 0; background: none; text-align:center; width:100%; margin:0 auto}  
.brd_l_lg { border-left: 0 none;}
.row_phone .col-xs-12 { padding-top:15px;}
.bg_cs02 { border-top:1px solid #eee; border-bottom:1px solid #eee; border-left:0 none; border-right:0 none;}
.body_gap {   margin-top:10px; border-top:1px solid #eee;}
.wrap_reply { padding:35px 0px 10px 0px; background: url(../image/icon_reply.png)  0px 0px no-repeat} 
.txt_point1 { font-size: 19px;  padding-right: 10px; }
.txt_point2 { font-size: 12px; padding-left: 10px;} 
.company_visual01 { height:240px; width:100%; text-align:center;display: flex;flex-wrap: wrap;align-content: center;  background:url(../image/company_visual.jpg) center center no-repeat;background-size: cover;}
.company_visual01 .txt01 { text-align:center;width:100%; font-size:29px; color:#fff; text-align:center; letter-spacing:-1px;; text-align:center}
.table_05 th { padding-left:0px}
.table_05 td { padding-right:0px}
.Rside_wrap { display:none}
.scroll-up { display:block; visibility:visible;}
.contents_side_in { min-height: calc(100vh - 170px); overflow-y: scroll;}
.company_txt1 {   font-size:19px;  }

.ul_theme li { width: 33.333%; padding: 10px 15px;   box-sizing: border-box; float: left; position: relative;}
.ul_theme li .prd_info {     height: 65px;     margin-bottom: 1vw }
.ul_theme li .prd_theme {  margin-bottom:10px; height:280px;}
.prd_sch_wrap { text-align:center;}
.prd_sch_wrap .form-control, .prd_sch_wrap .btn { padding:12px 12px; height:46px; font-size:16px;}
.prd_sch_wrap .form-control { width:200px; border-color:#222;}
.ul_prd_5 li .prd_info {     height: 60px;  }
.h4_prd { text-align:center; font-size:21px; padding:10px 0;}
.theme_top { font-size:18px; }
.ul_temp li {  width:50%;  }
.thumb_ul  {-webkit-overflow-scrolling: auto}  
/* !important is needed sometimes */ 
 ::-webkit-scrollbar { 
    width: 6px !important; 
 } 
 /* Track */ 
::-webkit-scrollbar-track { 
   -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3) !important; 
   -webkit-border-radius: 5px !important; 
   border-radius: 5px !important; 
 } 
 /* Handle */ 
 ::-webkit-scrollbar-thumb { 
   -webkit-border-radius: 5px !important; 
   border-radius: 5px !important; 
   background: #dbdbdb !important;  
   -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5) !important;  
 } 
 ::-webkit-scrollbar-thumb:window-inactive { 
   background: #dbdbdb !important;  
 }
.sub_bg_guide { height:250px; }
.sub_bg_guide h3 { font-size:32px; }
.cate_wrap h3 { padding: 15px 10px 15px 25px; color:#444; font-size: 16px; font-weight: bold; cursor:pointer}
.cate_wrap h3 i { position:absolute; right:15px; color:#999; font-size:14px; display:inline-block}
.cate_wrap .sub_ul01 { display:none}
.main_banner_box a { margin:10px 10px;}
.top_m_link { display: block; width:calc(100vw - 50px); position:absolute; left:40px; top:15px;  height:65px; overflow:auto}
.top_m_link .top_m_link_inner {  }
.top_m_link a { font-size:15px; line-height:20px; display:inline-block; margin:0 7px;letter-spacing:-1px;}
}
@media (max-width: 768px) {
   .top_gnb_wrap { padding:5px 0; }
   .top_gnb_inner h1 { height:33px; width:120px; margin-top:5px;  }
   .top_gnb_inner h1 img {height:33px; width:120px;  }
  .top_ul_wrap { top:5px;}
  .top_ul_wrap .top_ul li { background:none;}
  .top_ul li a {padding:5px 0 5px 0; }
  .top_ul li .top_count { margin-left:3px;}
  .top_ul .top_li_02 { display: inline-block}
  .top_ul_wrap .top_ul li.top_li_02 { display: }
  .top_gnb_inner h1 { margin-left:10px;} 
  .top_sch_wrap {   left:70px; bottom:-45px; width: calc(100% - 85px);  border-bottom:0 none;}
  .video_intro p.txt_1 { font-size:39px;}
.video_intro p.txt_2 {font-size:26px;}
.main_wrap, .main_video, .main_video video { height: 30vh }
.main_video video {   object-fit: cover; }
.main_video_cover p  { padding:40px 40px; }
.main_video_cover p img { max-width:300px; height:auto;}
.main_video_cover p span { font-size:26px;}
.main_video_cover p span.txt_h1 { font-size:42px; }
.main_video_cover p span.txt_h2 { font-size:29px;  }
.main_video_cover p span.txt_h3 { font-size:23px;  line-height:1.7;  }
.main_cs_box2 { margin-top:30px;border-top:1px solid #eee;}
.ul_prd li { width: 50%;height: }
.ul_prd li .prd_info { height:100px; margin-bottom:0vw;}
.main_bn_txts { text-align:left; margin-left:0%;}
.main_bn02, .main_bn03 { height:auto; }
.main_bn02 .main_bn_txts, .main_bn03 .main_bn_txts  { text-align:left; margin-left:0%; padding-top:10px; padding-left:0px; letter-spacing:-1px; line-height:1.2}
.main_bn_txt5 { font-size:34px; padding-top:10px !important;}
.main_bn_txt3 { font-size:23px; }
.main_bn_txt4 { font-size:12px; }

.main_bn_left { padding-right:5px;}
.main_bn_right { padding-left:5px;}
.detail_wrap { padding:20px 10px 0 10px;}
.company_txt1 {   font-size:16px;  } 

.ul_theme li { width: 50%; padding: 10px 10px;   box-sizing: border-box; float: left; position: relative;}
.ul_theme li .prd_info {     height: 90px;     margin-bottom:0 }
.ul_theme li .prd_theme {  margin-bottom:10px; height:160px;}
.ul_theme li .prd_theme span { height:80px; border:1px solid #fff; box-sizing:border-box; background-size:cover; background-position:center center; background-color:#f6f6f6;}

.ul_prd_5 li .prd_info { height: 50px; margin-bottom: 1vw; } 
.ul_prd_5 li .prd_thumb { height:150px; margin-bottom: 0px;}
.h4_prd { text-align:center; font-size:18px; padding:10px 0;}
.theme_top { font-size:16px; }
.ul_temp li {  width:50%;  }
.area_guide { font-size:14px; padding:0 10px;}
.area_guide .h4_flat { font-size:17px;   } 
.area_guide .h5_flat { font-size:17px;}
.area_guide .h3_flat { font-size:21px;}
.col_sm_in { padding:10px 0px;}
.sub_bg_guide { height:200px;  }
.sub_bg_guide h3 { font-size:29px; }

.fabric_thumb {width:100%; padding:0 30px; }
.fabric_zoom_thumb {width:100%; height:192px; overflow:hidden}
.preview_scale { transform-origin:0% 0%; transform : scale(0.6); margin:0 10px; height: auto; max-height:300px;  }
.dtl_info_dl { display:block; width:100%; padding:0 0 0 65px; position: relative; margin:5px 0 5px 0} 
.dtl_info_dl dt { display:block; width:65px; left:0;  position:absolute; }
.dtl_total_ul .sel_price {padding-right: 0px;}
.dtl_tb1 td {padding-right: 15px;} 
.detail_color_wrap li { display:inline-block; width:50px; height:50px; } 
.detail_color_wrap li a { display:inline-block ; width:50px; height:50px; }
.main_banner_box a { margin:10px 10px;}
.main_banner_box a img { max-width:100%; height:auto}
.foot_cscenter { padding:0px 0 0 20px;}
.foot_box3 .cs_txt1 { text-align:center}

 
.foot_boxn1 { padding:20px 20px 10px 20px; font-size:13px;}
.foot_cscenter_new {padding:20px; font-size:13px;}
.foot_boxn3 {padding:20px ; }
.foot_boxn4 { padding:20px 30px 0px 30px; text-align:right;}
.foot_boxn4 .foot_logo img { width:100%; height:auto;}
.foot_boxn4 .foot_sns2 { padding:5px 0 0 0;}
.foot_boxn4 .foot_sns2 img { width:24px;}
.foot_h5 { font-size:14px; }

.top_m_link { display: block; width:calc(100vw - 50px); position:absolute; left:40px; top:0px;  height:55px; overflow:auto; display: flex;align-items: center; }
.top_m_link .top_m_link_inner {  }
.top_m_link a { font-size:13px; line-height:20px; display:inline-block; margin:0 3px;letter-spacing:-1px;}

.main_layer_bg { display:none; }
.mobile_layer_bg { display:block; width:100%; height:100%; position:absolute;  position: relative; z-index:1020; top:-25px;}
.main_layer_box { margin:0 auto; height:auto; padding:15px; box-sizing:border-box;position: absolute; left:0; z-index:1020; top:0px; max-width:100%;} 
} 
@media (max-width: 360px) {
.top_m_link { display: block; width:calc(100vw - 50px); position:absolute; left:40px; top:0;  height:55px; overflow:auto;display: flex;align-items: center; }
.top_m_link .top_m_link_inner {  }
.top_m_link a { font-size:12px; line-height:20px; display:inline-block; margin:0 2px; letter-spacing:-1px;}
.main_video_cover p  { padding:40px 20px; }
.main_video_cover p span.txt_h1 { font-size:30px; }
.main_video_cover p span.txt_h2 { font-size:20px;  }
.main_video_cover p span.txt_h3 { font-size:16px;  line-height:1.7;  }
}


.foot_wrap3 { background:#fafafa;line-height:28px;   }
.foot_row { width:100%; margin-top:20px; margin-bottom:30px; padding:0 20px }
.foot_row { font-size:14px; line-height:24px;}
.foot_col { float:left; display:block; margin-top:30px;}
.foot_col_1 { width:100%}
.foot_col_2 { width:100%}
.foot_col_3 { width:60%}
.foot_col_4 { width:40%}
.foot_in2, .foot_in3, .foot_in4 { padding-left:0px}
.foot_cs { display:block; width:50%; width: max-width:200px; margin-right:5%; float:left; margin-left:0;}
.foot_cs img { width:100%; max-width:200px; cursor:pointer}
.foot_sns_wrap { display:block;width:45%;  margin-top:5px; float:left;}
.foot_sns_wrap img { width:35px;} 
.add_mg { margin-top:25px;}
.foot_row { }
.foot_title { font-weight:bold; padding:3px 0; margin-bottom:25px; border-bottom:1px solid #bfbfbf;}
.f_fontb{ font-size:16px;}
.foot_in2_left { width:100%; float: none; box-sizing:border-box; padding-right:0;}
.foot_in2_right { width:100%; float:none; box-sizing:border-box; padding-left:0;}
.foot_certi img { width:100%; max-width:191px; text-align:center}
@media (min-width: 992px){
.foot_row { width:100%; margin-top:30px; margin-bottom:60px; }
.foot_cs { display:block; width:50%; width: max-width:200px; margin-right:5%; float:left; margin-left:15px;}
.foot_cs img { width:100%; max-width:200px;}
.foot_sns_wrap { display:block;width:40%;  margin-top:5px; float:left;}
.foot_sns_wrap img { width:50px;} 
.foot_row { font-size:14px; line-height:24px;}
.f_fontb{ font-size:18px;}
.foot_in2, .foot_in3, .foot_in4 { padding-left:00px}
.foot_col_1 { width:100%}
.foot_col_2 { width:100%}
.foot_col_3 { width:60%}
.foot_col_4 { width:40%}
.foot_in2_left { width:50%; float:left; box-sizing:border-box; padding-right:5%;}
.foot_in2_right { width:50%; float:right; box-sizing:border-box; padding-left:5%;}
}
@media (min-width: 1400px){
.foot_row { font-size:14px; line-height:24px;}
.f_fontb{ font-size:24px;}
.foot_cs { display:block; width:50%; width: max-width:200px; margin-right:5%; float:left; margin-left:0px;}
.foot_in2, .foot_in3, .foot_in4 { padding-left:25px}
.foot_col_1 { width:29%}
.foot_col_2 { width:40%}
.foot_col_3 { width:19%}
.foot_col_4 { width:12%}	
.foot_in2_left { width:47%; float:left; box-sizing:border-box; padding-right:0%;}
.foot_in2_right { width:53%; float:right; box-sizing:border-box; padding-left:0%;}
 
.foot_sns_wrap img { width:35px;} 
}
@media (min-width: 1900px){
.main_wide_container { width:1710px;} 
.foot_row { font-size:17px; line-height:33px;}
.f_fontb{ font-size:28px;}
.foot_in2, .foot_in3, .foot_in4 { padding-left:50px}
.foot_col_1 { width:25%}
.foot_col_2 { width:39.5%}
.foot_col_3 { width:19.5%}
.foot_col_4 { width:16%} 
.foot_sns_wrap img { width:50px;} 

}
@media (min-width: 2000px){ 
.main_wide_container { width:1860px;} 
.foot_row { font-size:18px; line-height:33px;}
.f_fontb{ font-size:30px;}
.foot_in2, .foot_in3, .foot_in4 { padding-left:60px}
.foot_col_1 { width:25%}
.foot_col_2 { width:39.5%}
.foot_col_3 { width:19.5%}
.foot_col_4 { width:16%} 
.foot_sns_wrap img { width:50px;} 
}

	.table_receipt { border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;border-collapse: collapse;
    border-spacing: 0;}
	.table_receipt td, .table_receipt th { padding: 8px;  line-height: 1.42857143;}
	.table_receipt th { color: #999; font-weight: normal}

.area_editer { width: 100%;}
.area_editer img { max-width: 100%; height: auto}