/*
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
}
@font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
}
@font-face {
    font-family: 'LotteMartDream';
    font-style: normal;
    font-weight: 300;
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff');
}
*/

@font-face  {
  font-family:'Noto Sans Korean';
  font-weight:100;
  src: local('Noto Sans Thin'), local('NotoSans-Thin'),
      url('../font/NotoSansKR-Thin-Hestia.eot'),
      url('../font/NotoSansKR-Thin-Hestia.otf') format('opentype'),
      url('../font/NotoSansKR-Thin-Hestia.woff') format('woff');
}
@font-face  {
  font-family:'Noto Sans Korean';
  font-weight:300;
   src: local('Noto Sans Light'), local('NotoSans-Light'),
      url('../font/NotoSansKR-Light-Hestia.eot'),
      url('../font/NotoSansKR-Light-Hestia.otf') format('opentype'),
      url('../font/NotoSansKR-Light-Hestia.woff') format('woff');
}
@font-face  {
  font-family:'Noto Sans Korean';
  font-weight:400;
  src: local('Noto Sans Regular'), local('NotoSans-Regular'),
      url('../font/NotoSansKR-Regular-Hestia.eot'),
      url('../font/NotoSansKR-Regular-Hestia.otf') format('opentype'),
      url('../font/NotoSansKR-Regular-Hestia.woff') format('woff');
}
@font-face  {
  font-family:'Noto Sans Korean';
  font-weight:500;
  src: local('Noto Sans Medium'), local('NotoSans-Medium'),
      url('../font/NotoSansKR-Medium-Hestia.eot'),
      url('../font/NotoSansKR-Medium-Hestia.otf') format('opentype'),
      url('../font/NotoSansKR-Medium-Hestia.woff') format('woff');
}
@font-face  {
  font-family:'Noto Sans Korean';
  font-weight:700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
      url('../font/NotoSansKR-Bold-Hestia.eot'),
      url('../font/NotoSansKR-Bold-Hestia.otf') format('opentype'),
      url('../font/NotoSansKR-Bold-Hestia.woff') format('woff');
}
@font-face  {
  font-family:'Noto Sans Korean';
  font-weight:900;
  src: local('Noto Sans Black'), local('NotoSans-Black'),
      url('../font/NotoSansKR-Black-Hestia.eot'),
      url('../font/NotoSansKR-Black-Hestia.otf') format('opentype'),
      url('../font/NotoSansKR-Black-Hestia.woff') format('woff');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font-family:'Noto Sans Korean',sans-serif;
	font-style:normal;
	font-weight:inherit;
	font-size:inherit;
	letter-spacing:-0.5px;
	line-height:inherit;
	color:inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1.4;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
//	table-layout:fixed;
}
button, input, select, textarea { font-family:'Noto Sans Korean', sans-serif; }
button { cursor:pointer; border:none; background:none; padding:0; }
a { text-decoration:none; display:inline-block; }
a:hover { text-decoration:none; }
a:hover, a:visited, a:active, a:focus	{ opacity:.85; }
*,
*:after,
*::before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

html, body { color:#333; }
.screen_out { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } 
fieldset { background:none; border:none; }
legend { border:none; position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
select { height:70px; border:1px solid #dbdbdb; background:#fff; padding-left:16px; border-radius:8px; font-size:inherit; vertical-align:middle; }
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="email"],
input[type="date"], 
input[type="search"], 
input[type="time"] { height:70px; border:1px solid #dbdbdb; background:#fff; padding-left:20px; border-radius:8px; font-size:inherit; vertical-align:middle; }
input[type="file"] { vertical-align: middle; }
input[type="radio"],
input[type="checkbox"]{ vertical-align: middle; }
input[type="radio"], input[type="checkbox"] { //margin-top:-3px; }
.inp_fyi { color:#2674e0; font-size:14px; }
textarea { width:100%; border:1px solid #d2d2d2; padding:10px; border-radius:6px; font-size:inherit; }
label { display:inline-block; vertical-align:middle; }
table { width:100%; }
table caption { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }

@media screen and (max-width:768px) {
select { height:50px; padding-left:5px; border-radius:5px; }
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="email"],
input[type="date"], 
input[type="search"], 
input[type="time"] { height:50px; padding-left:6px; border-radius:5px; }
}
@media screen and (max-width:480px) {
select { height:45px; }
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="email"],
input[type="date"], 
input[type="search"], 
input[type="time"] { height:45px; }
}

.width2  { width:2%; }
.width3  { width:3%; }
.width4  { width:4%; }
.width5  { width:5%; }
.width7  { width:7%; }
.width8  { width:8%; }
.width10 { width:10%; }
.width15 { width:15%; }
.width20 { width:20%; }
.width25 { width:25%; }
.width30 { width:30%; }
.width35 { width:35%; }
.width40 { width:40%; }
.width45 { width:45%; }
.width50 { width:50%; }
.width55 { width:55%; }
.width60 { width:60%; }
.width65 { width:65%; }
.width70 { width:70%; }
.width75 { width:75%; }
.width80 { width:80%; }
.width85 { width:85%; }
.width90 { width:90%; }
.width95 { width:95%; }
.width100 { width:100%; }
.widthauto { width:auto; }

.h30 { height:30px; }
.h50 { height:50px; }
.h70 { height:70px; }
.h100 { height:100px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h300 { height:300px; }
.h350 { height:350px; }
.h400 { height:400px; }
.h500 { height:500px; }

.mt0   {margin-top: 0px !important;}	.mr0   {margin-right: 0px !important;}		.mb0   {margin-bottom: 0px !important;}		.ml0   {margin-left: 0px !important;}
.mt5   {margin-top: 5px !important;}	.mr5   {margin-right: 5px !important;}    	.mb5   {margin-bottom: 5px !important;}    	.ml5   {margin-left: 5px !important;}
.mt10  {margin-top: 10px !important;}	.mr10  {margin-right: 10px !important;}  	.mb10  {margin-bottom: 10px !important;}  	.ml10  {margin-left: 10px !important;}
.mt15  {margin-top: 15px !important;}	.mr15  {margin-right: 15px !important;}  	.mb15  {margin-bottom: 15px !important;}  	.ml15  {margin-left: 15px !important;}
.mt20  {margin-top: 20px !important;}	.mr20  {margin-right: 20px !important;}  	.mb20  {margin-bottom: 20px !important;}  	.ml20  {margin-left: 20px !important;}
.mt25  {margin-top: 25px !important;}	.mr25  {margin-right: 25px !important;}  	.mb25  {margin-bottom: 25px !important;}  	.ml25  {margin-left: 25px !important;}
.mt30  {margin-top: 30px !important;}	.mr30  {margin-right: 30px !important;}  	.mb30  {margin-bottom: 30px !important;}  	.ml30  {margin-left: 30px !important;}
.mt35  {margin-top: 35px !important;}	.mr35  {margin-right: 35px !important;}  	.mb35  {margin-bottom: 35px !important;}  	.ml35  {margin-left: 35px !important;}
.mt40  {margin-top: 40px !important;}	.mr40  {margin-right: 40px !important;}  	.mb40  {margin-bottom: 40px !important;}  	.ml40  {margin-left: 40px !important;}
.mt45  {margin-top: 45px !important;}	.mr45  {margin-right: 45px !important;}  	.mb45  {margin-bottom: 45px !important;}  	.ml45  {margin-left: 45px !important;}
.mt50  {margin-top: 50px !important;}	.mr50  {margin-right: 50px !important;}  	.mb50  {margin-bottom: 50px !important;}  	.ml50  {margin-left: 50px !important;}
.mt55  {margin-top: 55px !important;}	.mr55  {margin-right: 55px !important;}  	.mb55  {margin-bottom: 55px !important;}  	.ml55  {margin-left: 55px !important;}
.mt60  {margin-top: 60px !important;}	.mr60  {margin-right: 60px !important;}  	.mb60  {margin-bottom: 60px !important;}  	.ml60  {margin-left: 60px !important;}
.mt65  {margin-top: 65px !important;}	.mr65  {margin-right: 65px !important;}  	.mb65  {margin-bottom: 65px !important;}  	.ml65  {margin-left: 65px !important;}
.mt70  {margin-top: 70px !important;}	.mr70  {margin-right: 70px !important;}  	.mb70  {margin-bottom: 70px !important;}  	.ml70  {margin-left: 70px !important;}
.mt75  {margin-top: 75px !important;}	.mr75  {margin-right: 75px !important;}  	.mb75  {margin-bottom: 75px !important;}  	.ml75  {margin-left: 75px !important;}
.mt80  {margin-top: 80px !important;}	.mr80  {margin-right: 80px !important;}  	.mb80  {margin-bottom: 80px !important;}  	.ml80  {margin-left: 80px !important;}
.mt85  {margin-top: 85px !important;}	.mr85  {margin-right: 85px !important;}  	.mb85  {margin-bottom: 85px !important;}  	.ml85  {margin-left: 85px !important;}
.mt90  {margin-top: 90px !important;}	.mr90  {margin-right: 90px !important;}  	.mb90  {margin-bottom: 90px !important;}  	.ml90  {margin-left: 90px !important;}
.mt95  {margin-top: 95px !important;}	.mr95  {margin-right: 95px !important;}  	.mb95  {margin-bottom: 95px !important;}  	.ml95  {margin-left: 95px !important;}
.mt100 {margin-top: 100px !important;}	.mr100 {margin-right: 100px !important;}	.mb100 {margin-bottom: 100px !important;}	.ml100 {margin-left: 100px !important;}

.center { text-align:center !important; }
.left   { text-align:left !important; } 
.right  { text-align:right !important; }
.f_right { float:right; }
.f_left  { float:left; }
.clearfix:after { content:""; display:block; clear:both; }
.clearfix {*zoom:1;}
.hidden { display:none; }

select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	/*-webkit-border-radius:0;*/
    background:#fff url(../img/icon_down_dg.png) right 10px center no-repeat;
	background-size:20px auto;
}
select::-ms-expand {
    display:none;  /* for IE10, 11*/
    background:#fff url(../img/icon_down_dg.png) right 10px center no-repeat;
	background-size:20px auto;
}
select::-ms-expand {
    display:none;
    /* ȭ��ǥ ���ֱ� for IE10, 11*/
}
select:focus::-ms-value {
    width:90%;
    background:#ffffff;
    color:#aaa;
    /* �ɼ� ���ý� �Ķ���� �ȸ����� for IE */
}
input{
	/*ios����*/
	appearance:none;
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
::ms-clear, ::ms-reveal {
    display:none !important;
    width:0 !important;
    height:0 !important;
}
@-ms-viewport {width: device-width;}
body {-ms-overflow-style: scrollbar;}

input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    appearance: none;
    border: none;
    width:24px;
    height:24px;
    background: url(../img/icon_unchecked01.png) no-repeat right center;
    background-size:100% auto;
	border-radius:0;
	-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;
	cursor:pointer;
}
input[type='radio']:checked {
    background: url(../img/icon_checked01.png) no-repeat right center;
    background-size:24px auto;
}
input[type='checkbox'] {
    position: relative !important;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width:24px;
    height:24px;
    background: url(../img/icon_unchecked01.png) no-repeat right center;
    background-size:100% auto;
	border-radius:0;
	-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;
	cursor:pointer;
}
input[type='checkbox']:checked {
    background: url(../img/icon_checked01.png) no-repeat right center;
    background-size:24px auto;
}

/*IE radio, checkbox*/
input[type='radio']::-ms-check,
input[type='checkbox']::-ms-check {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
input[type='radio']::-ms-check+label,
input[type='checkbox']::-ms-check+label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
input[type='radio']::-ms-check+label:before,
input[type='checkbox']::-ms-check+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -4px;
    width: 20px;
    height: 20px;
    text-align: center;
}
input[type='radio']::-ms-check+label:before {
    background: url(../img/icon_unchecked01.png) no-repeat right center;
    background-size: 20px auto;
}
input[type='checkbox']::-ms-check+label:before {
    background: url(../img/icon_unchecked01.png) no-repeat right center;
    background-size: 20px auto;
}
input[type='radio']:checked::-ms-check+label:before {
    background: url(../img/icon_checked01.png) no-repeat right center;
}
input[type='checkbox']:checked::-ms-check+label:before {
    background: url(../img/icon_checked01.png) no-repeat right center;
}

.inp10  { width:10%; }
.inp15  { width:15%; }
.inp20  { width:20%; }
.inp25  { width:25%; }
.inp30  { width:30%; }
.inp35  { width:35%; }
.inp40  { width:40%; }
.inp45  { width:45%; }
.inp50  { width:50%; }
.inp55  { width:55%; }
.inp60  { width:60%; }
.inp65  { width:65%; }
.inp70  { width:70%; }
.inp75  { width:75%; }
.inp80  { width:80%; }
.inp85  { width:85%; }
.inp90  { width:90%; }
.inp95  { width:95%; }
.inp100 { width:100%; }














.mt-05 {
    margin-top: 0.5rem;
}
.mt-1 {
    margin-top: 1rem;
}
.mt-2 {
    margin-top: 2rem;
}
.mb-05 {
    margin-bottom: 0.5rem;
}
.mb-1 {
    margin-bottom: 1rem;
}
.mb-2 {
    margin-bottom: 2rem;
}
.ms-05 {
    margin-left: .5rem;
}
.ms-1 {
    margin-left: 1rem;
}
.ms-2 {
    margin-left: 2rem;
}
.me-05 {
    margin-right: .5rem;
}
.me-1 {
    margin-right: 1rem;
}
.me-2 {
    margin-right: 2rem;
}
.w100 {
    width: 100% !important;
}
.d-flex {
    display: flex;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.br5 {
    border-radius: 5px !important;
}
.br10 {
    border-radius: 10px !important;
}
.align-center {
    align-items: center;
}
hr {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background: #eee;
    border: 0;
}
.underline {
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 45px 0;
}
.underline2 {
    width: 80%;
    height: 1px;
    background: #eee;
    margin: 25px auto;
}
input {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
}
input::placeholder {
    color: #b4b4b2;
}
section {
    margin: 20px 0 20px;
}

#copyright {
    position: absolute;
    width: 100%;
    font-weight: 300;
    color: #333;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,0);
}
#copyright h6 {
    font-weight: 400;
    font-size: 0.75rem;
}
#copyright p {
    margin-top: 2px;
    text-transform: uppercase;
}

.search-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f1f1f1;
    padding: 5px 15px;
    /*margin: 0 15px;*/
    border-radius: 10px;
	width:95%; max-width:1200px; margin:0 auto;
}
.search-group .search-icon {
    position: relative;
    margin: 0;
    width: 17px;
}

.search-group input {
	width: 100%;
    height: 35px;
    background: transparent;
    border: 0;
}
.search-group input:focus {
    outline: none;
}
.search-group .search-button {
    height: 50px;
    border: 0;
    color: #fff;
    background: #00a7a1;
    padding: 0 15px;
    flex-basis: 100%;
    font-size: 10px;

}

@media screen and (max-width:1024px){
.search-group { margin-top:80px; }
}
@media screen and (max-width:768px){
.search-group input { font-size:17px; }
.search-group input::-webkit-input-placeholder { font-size:17px; }
.search-group input::-moz-placeholder { font-size:17px; }
.search-group input:-ms-input-placeholder { font-size:17px; }
.search-group input:-moz-placeholder { font-size:17px; }
.search-group input::placeholder { font-size:17px; }
}


.hero {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    padding: 20px 0;
}
.hero.hero2 {
    border-top: 2px solid #00a7a1;
    padding: 20px 15px;
}
.hero .icon-button-group .icon img {
    width: 60px;
}
.form-content {
    margin-bottom: 15px;
}
.form-content label {
    display: block;
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 14px;
}
.form-content label span {
    color: red;
}
.form-content input {
    width: 100%;
    height: 33px;
    padding: 0 10px;
}
button.btn,
a.btn {
	text-decoration: none;
    color: #fff;
    background: #3e7b59;
    border-radius: 2px;
    border: 0;
}
button.btn-outline {
    background: #fff;
    border: 1px solid #272727;
    color: #272727;
}
button.btn.btn-gray {
    background: #cecece;
}
button.btn.btn-dark {
	width: 48%;
    background: #666;
}
a.btn.btn-site {
	padding: 0 5px;
	font-size: 14px;
    background: #6ac5bf;
}
#signin button.btn.btn-site.loginBtn{
	font-size: 1.2rem;
	font-weight: 400;
	background: #cdd1d4;
}
button.btn.btn-outline-site {
    color: #3e7b59;
    border: 1px solid #3e7b59;
    background: #fff;
}
button.btn-outline-white {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}
button.btn-block {
    width: 100%;
}
.badge {
    background: #cd0000;
    color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 1px 5px;
    font-size: 10px;
}
.text-center {
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}
.text-right{
    text-align: right !important;
}
.text-white {
    color: #fff !important;
}
.text-gray {
    color: #bababa !important;
}
.text-dark {
    color: #272727 !important;
}
.text-site {
    /*color: #6ac5bf;*/
	color:#3e7b59;
}
.bg-site {
    background: #6ac5bf !important;
}
.bg-white {
    background: #fff !important;
}
.bg-gray {
    background: #f7f7f8;
}
.img-white {
    filter: brightness(10);
}
/*
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 15px;
    background: #fff;
}
*/
header .top-util {
    display: flex;
    align-items: center;
}
header #top-nav {
    width: 23px;
    height: 17px;
}
header .user {
    padding-right: 18px;
    width: 37px;
    height: 17px;
}
/*header .logo {
    width: 75px;
}*/
header .logo h1 {
    font-weight: 500;
    /*margin-top: -5px;*/
}
header .close {
    width: 18px;
    height: 18px;
}
.nav {
    position: fixed;
    max-width: 400px;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: 9999;
    background: #fff;
    padding-bottom: 30px;
    overflow-y: scroll;
}
.nav::-webkit-scrollbar{
	display: none;
}
.nav .login-box {
    padding: 25px 15px;
    background: #f1f1f4;
}
.nav .login-box h3 {
    text-align: center;
    margin-bottom: 15px;
}
.nav.nav-logon .login-box h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
}
.nav.nav-logon .login-box > h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #afafb2;
}
.nav.nav-logon .login-box h3 span {
    display: flex;
    align-items: center;
}
.nav.nav-logon .login-box h3 span img {
    width: 15px;
    margin-right: 10px;
}
.nav.nav-logon .login-box h3 small {
    color: #959595;
}
.nav .login-box button {
    padding: 10px 0;
    border-radius: 10px;
    font-size: 1rem;
}
.nav .nav-list{
	margin-bottom: 30px;
}
.nav .nav-list > ul > li.category,
.nav .nav-list > ul > li a {
    border-bottom: 1px solid #b1b4b6;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    text-decoration: none;
    color: #000;
}
.nav .nav-list > ul > li img {
    width: auto;
    transition: all .3s;
}
.nav .nav-list > ul > li.active img {
    transform: rotate(90deg);
    
}

.nav .nav-list > ul > li > ul {
    width: 100%;
    padding: 15px;
    margin-top: 15px;
    background: #f7f7f8;
}
.nav .nav-list > ul > li > ul > li {
    padding: 10px 0;
    color: #585757;
}

main {
    padding: 0 15px;
}
.signin-form-group {
    display: flex;
    justify-content: center;
    align-items: center;
}
.signin-form-group:nth-child(2){
	margin-bottom: 15px;
}
.signin-form-group label {
    font-size: 13px;
    flex-basis: 20%;
    font-weight: 500;

}
.signin-form-group input, .signin-form-group select {
    height: 50px;
    flex-basis: 100%;
    font-size: 11px;
    padding: 0 15px;
    border: 1px solid #c3c3c3;
}
.signin-form-group:nth-child(1) input{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.signin-form-group:nth-child(2) input{
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.signin-form-group input::placeholder {
    color: #ced1d3;
    font-size: 0.8rem;
    opacity: .7;
}
.autologin-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .8em;
}
.autologin-wrap .autologin {
    display: flex;
    align-items: center;
}
.autologin-wrap .autologin input[type=checkbox] {
    display: none;
}
.autologin-wrap .autologin input[type=checkbox] + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border:1px solid #ced1d3;
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    border-radius: 5px;
    background: #fff;
}
.autologin-wrap .autologin input[type=checkbox]:checked + label::after {
    content: '\f00c';
    font-size: 14px;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    left: -6px;
    top: 2px;
    color: #6ac5bf;
}
.autologin-wrap span {

}
.find_btn{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	padding: 0 20px;
}

.find_btn a{
	position: relative;
	text-decoration: none;
	font-size: .8rem;
	font-weight: 500;
	color: #333;
}
.find_btn a:after{
	content: '';
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 80%;
	background: #bbb;
}
.find_btn a:last-child:after{
	display: none;
}
.main-form-group {
    display: block;
    margin-bottom: 10px;
}
.main-form-group input {
    width: 100%;
    height: 34px;
    font-size: 11px;
    padding: 0 10px;

}
.icon-button-group {
    display: flex;
    justify-content: space-evenly;
    margin-top: 20px;
}
.icon-button-group button {
    background: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 30px;
    padding: 10px 25px;
}
.icon-button-group button img {
    width: 15px;
    height: 15px;
}
#jumbotron {
    margin: 0;
    min-height: 180px;
}
#jumbotron h4 {
    padding: 65px 0;
}
#jumbotron h4 span {
    font-weight: 500;
}

.signup-form-group {
    margin-bottom:50px;
}
.signup-form-group label {
    font-size:22px;
    color:#333;
    font-weight:500;
}
.signup-form-group .signup-input {
    display: flex;
    justify-content: space-between;
    margin-top: .7rem;
}
.signup-form-group input, .signup-form-group select {
    width: 100%;
    height:70px;
    font-size:20px;
    padding: 0 15px;
    border: 1px solid #c3c3c3;
    border-radius: 10px;

}
.signup-form-group input::placeholder {
    color: #d3d3d3;
}
/*
.signup-form-group input[type=email] {
    width: 75%;
}
.signup-form-group button {
    width: 25%;
    margin-left: 2%;
    padding: 0;
}
*/
#signup {
    margin-top: 30px;
}
/*
#signup button {
    height: 50px;
    border-radius: 10px;
}
*/
.signup-form-group em {
    font-size: .7em;
    color: #ef1414;
    font-weight: 300;
    font-style: normal;
    display: none;
}

.signup-agree {
    font-size: .6rem;
    color: #333;
    font-weight: 200;
    margin-top: 3rem;
	margin-bottom:55px;
}
.signup-agree strong {
    font-size:18px;
    font-weight: 400;
}
.signup-agree hr {
    position: relative;
    height: 1px;
    background: #b1b4b6;
    margin: 10px 0;
}
.signup-agree .agree-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.signup-agree .agree-wrap .view_agree {
    color: #868686;
    font-size:14px;
}

.signup-agree .agree-wrap > div, .signup-agree label {
    display: flex;
    align-items: center;
	font-size:15px;
}
.signup-agree input[type=checkbox] {
    display: none;
}
.signup-agree input[type=checkbox] + label {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    background: #fff;
}
.signup-agree input[type=checkbox]:checked + label {
    background: #6ac5bf;
}
.signup-agree input[type=checkbox] + label::after {
    content: '\f00c';
    font-size: 14px;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    left: -3px;
    top: 5px;
    color: #d3d3d3;
}

.signup-agree input[type=checkbox]:checked + label::after {
    content: '\f00c';
    font-size: 14px;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    left: -3px;
    top: 5px;
    color: #fff;
}
#signup form > button {
    /*margin-top: 2rem;
    font-size: 1rem;*/
}
#result_signin {
    margin-top: 0;
}
#result_signin .text-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}
#result_signin .text-wrap img {
    width: 28%;
    height: 100%;
    margin-right: 10px;
}
#result_signin .text-wrap h3 {
    font-size: .8rem;
    font-weight: lighter;
}
#result_signin .text-wrap h1 {
    font-size: 1.1rem;
    font-weight: bolder;
}
#result_signin button {
    height: 50px;
    font-size: 1rem;
    margin-top: 2rem;
    border-radius: 10px;
}
#result_signin .signin-form-group {
    margin-bottom: 0;
}

#result_signin .signin-form-group:first-child input {
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
}
#result_signin .signin-form-group:nth-child(2) input {
    border-radius: 0 0 10px 10px;
}
#result_signin .autologin-wrap {
    margin-top: .7rem;
}
#result_signin .signin-form-group i {
    color: #b1b4b6;
    position: absolute;
    right: 30px;
}
#result_signin .signin-event {
    margin-top: 2rem;
}

.mt-2 > *{
	font-family: 'Malgun Gothic', sans-serif;
	color: #333; 
}

.mt-2 .main_text{
	position: relative;
	margin: 10px 0 20px;
}

.mt-2 .main_text h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.mt-2 .main_text h3.price{
	/*display: inline-block;*/
	margin-right: 5px;
	margin-bottom: 0;
}

.mt-2 .explain{
	display: flex;
	margin-bottom: 20px;
}

.mt-2 .explain.space{
	margin-bottom: 45px;
}

.mt-2 .explain span{
	font-size: 14px;
	margin-right: 5px;
}

.mt-2 .explain p{
	font-size: 14px;
	font-weight: normal;
	/*letter-spacing: -1px;*/
}

.mt-2 .category{
	padding: 23px 13px;
	border: 1px solid #ddd;
}

.mt-2 .category_line{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.mt-2 .category_line p{
	margin: 0 0 10px;
	font-size: 12px;
}

.mt-2 .category_line:last-child p{
	margin-top: 10px;
	font-size: 15px;
	font-weight: normal;
}

.mt-2 .category_line b{
	font-size: 15px;
	padding-right: 10px;
}

.mt-2 .category_line span{
	font-size: 15px;
	font-weight: normal;
}

.mt-2 .single_tit{
	width: 100%;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: bold;
	color: #73c4be;
}

.mt-2 .single_tit.tit{
	font-size: 14px; 
	color: #000000;
	text-align: left;
}

.mt-2 .single_item{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px; 
}

.mt-2 .single_item div{
	max-width: 170px;
	width: calc(48% + 1px);
}

.mt-2 .single_item img{
	width: 100%;
	height: 120px;
	border: 1px solid #ddd;
}

.mt-2 .single_item p{
	letter-spacing: -1px;
	margin: 0 0 10px;
	font-size: 12px;
}

.mt-2 .single_item b{
	font-size: 16px;
	font-weight: bold;
}

.mt-2 .single_item span{
	font-size: 14px;
}

@media screen and (max-width:480px) {
.mt-2 .category_line{ display:block; }
.mt-2 .category_line p { width:100%; }
}

/*
@media screen and (max-width:768px) {
footer {
    position: fixed;
    width: 400px;
    bottom: 0;
    background: #fff;
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 15px 0;
    z-index: 1000;
}
footer.footer{
	background: #f2f4f6;
}
footer ul {
    display: flex;
}
footer ul li {
    margin: 0 15px;
}
footer #footer-sticky-nav ul li.active h6 {
    color: #6ac5bf;
}
footer ul li h6 {
	font-size: 10px;
    font-weight: 700;
}
footer ul li img {
    width: 50%;
}
footer ul li img.hide{
	display: none;
}
footer ul li.active img{
	display: none;
}
footer ul li.active img.hide{
	display: inline-block;
}
footer.footer ul li h6{
	color: #fff;
}
}
*/


@media screen and (max-width: 768px) {
    html {
        width: 100%;
        height: 100%;
    }
    html::-webkit-scrollbar{
    	display: none;
    	width: 0;
    	height: 0;
    	background: transparent;
    	-webkit-appearance: none;
    }
.signup-form-group input, .signup-form-group select {
    width: 100%;
    height:50px;
    font-size:18px;
    padding: 0 8px;
    border: 1px solid #c3c3c3;
    border-radius:5px;
}
.signup-form-group input::-webkit-input-placeholder { font-size:18px; }
.signup-form-group input::-moz-placeholder {font-size:18px; }
.signup-form-group input:-ms-input-placeholder { font-size:18px; }
.signup-form-group input:-moz-placeholder { font-size:18px; }
.signup-form-group input::placeholder { font-size:18px; }
.signup-form-group label { font-size:18px; }

	/*
    footer {
        position: fixed;
        width: 100%;
        bottom: 0;
        background: #fff;
        text-align: center;
        border-top: 1px solid #ddd;
        padding: 15px 0;
        z-index: 1000;
    }
    footer.footer{
    	background: #525456;
    }
    .mt-2 .single_tit.tit{
    	font-size: 5vw;
    }
	*/
}

@media screen and (max-width:450px){
.signup-agree .agree-wrap { display:block; }
.signup-agree .agree-wrap > div, .signup-agree label { display:block; width:100%; }
.signup-agree .agree-wrap .view_agree {display:block; width:100%; padding:5px 0 10px 32px; }
}

@media screen and (max-width: 330px){
	footer #footer-sticky-nav ul li{margin: 0 10px;}
	h2{font-size: 14px;}
}

#request-info {
    padding: 25px 15px;
    background: #efefef;
    margin-top: 0;
}
#request-info h2 {
    margin-bottom: 10px;
}
.request-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.request-box .item {
    position: relative;
    padding: 20px 10px;
    flex: 1;
}
.request-box .item::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 70px;
    background: #AFAEB3;
    top:50%;
    right:0;
    transform: translateY(-50%);
}
.request-box .item:first-child {
    padding-left: 0;
}
.request-box .item:last-child {
    padding-right: 0;
}
.request-box .item:last-child::after {
    display: none;
}
.request-box .item h1 {
    display: flex;
    justify-content: space-between;
    font-size: 1.7rem;
    font-weight: bold;
    color: #6ac5bf;
    letter-spacing: -1px;
}
.request-box .item h1::after {
    content: '+';
    color: #3f3f40;
    font-weight: 300;

}
.request-box .item h3 {
    margin-bottom: 5px;
}
.request-box .item p {
    margin: 0;
}
#request-info .request-box .item:first-child p {
    margin-bottom: 9px;
}
#request-info .request-box .item h5 {
    letter-spacing: -1px;
    margin-top: 5px;
}
#request-info .request-box .item:nth-child(2) {
    flex-basis: 65%;
}
#request-info .request-box .item:nth-child(2) p {
    display: flex;
    justify-content: space-between;
}
#request-info .request-box .item button {
    font-size: 10px;
}

#request-list > h5 {
    margin-bottom: 15px;
}
#request-list hr {
    height: 1px;
    background: #c3c3c3;
}
#request-list .list-wrap ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}
#request-list .list-wrap ul li:first-child {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    padding: 10px 15px;
}
#request-list .list-wrap ul li:nth-child(2) {
    text-align: left;
    flex-basis: 47%;
}
#request-list .list-wrap ul li:nth-child(2) h1 {
    font-weight: bolder;
}
#request-list .list-wrap ul li:nth-child(2) h1 small {
    font-weight: lighter;
}
#request-list .list-wrap ul li button {
    border-radius: 30px;
    font-size: 14px;
    padding: 5px 20px;
}
#request-list .list-wrap ul li h5 span {
    color: #00a7a1;
}
#request-list .list-wrap ul li p {
    margin-top: 2px;
}
section#copyright {
    display: flex;
    justify-content: center;
}

#product-nav {
    display: flex;
    justify-content: space-between;
    background: #efefef;
    margin-top: 0;
    padding: 15px;
}
.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;

    font-size: 12px;
    margin: 8px 0;
}
.hr-sect::before,
.hr-sect::after {
    content: "";
    flex-grow: 1;
    background: rgba(0, 0, 0, 0.35);
    height: 1px;
    font-size: 0;
    line-height: 0;
    margin: 0 16px;
}
.hr-sect::before {
    margin-left: 0;
}
.hr-sect::after {
    margin-right: 0;
}
.hr-sect h1 {
    font-weight: bold;

}
#support {
    background: #efefef;
    padding: 25px 15px;
}
#support button {
    height: 45px;
    margin-bottom: 10px;
}
#support .quick-button-group {
    display: flex;
    justify-content: space-between;
}
#support .quick-button-group button {
    flex-basis: 48%;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.single_tit{
	position: relative;
	/*display: flex;
	justify-content: center;
	align-items: flex-end;*/
	text-align: center;
	margin-top: -15px;
	font-size: 20px;
	font-weight: 500;
	color: #3e7b59;
}
.single_tit img{
	display: inline-block;
	width: 28px;
	margin: 0 5px 5px 0;
}
.category.furniture{
	margin-top: 15px;
}
.category_line.furniture{
	position: relative;
	width: 100%;
	height: 2px;
	background: #3e7b59;
	transition: all .2s ease-in-out;
}
.category_open{
	/*position: absolute;
	left: 50%;
	transform: translateX(-50%);*/
	position: relative;
	width: 120px;
	height: 24px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 2px 10px 5px;
	font-size: .85rem;
	color: #fff;
	border: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #3e7b59;
	transition: all .2s ease-in-out;
}
.category_open:after{
	content:'카테고리 열기';
	position: absolute;
	left: 50%;
	transform: translateX(-55%);
	width: 100%;
}
.category.on .category_open:after{
	content: '카테고리 접기';
}
.category.on .category_line{
	background: #e6e6e6;
}
.category.on .category_open{
	color: #888;
	background: #e6e6e6;
}
.category_open span{
	/*margin-bottom: 1px;*/
	padding-left: 5px;
	font-size: .6rem;
	transition: all .3s ease-in-out;
}
.category.on .category_open span{
	color: #888;
	transform: rotate(180deg);
	margin-bottom: -5px;
	padding: 0 5px 0 0;
}
.category_inner{
	display: none;
	padding: 30px 10px;
}
.category_inner p{
	text-align: center;
	font-size: 14px;
	font-weight: 300;
}
.category_form{
	display: flex;
	justify-content: space-between;
}
.category_form li{
	position: relative;
	width: 31%;
	text-align: center;
}
.category_form.single li{
	width: 48%;
}
.category_form li:after{
	content: '▼';
	position: absolute;
	right: 8px;
	bottom: 12px;
	font-size: 11px;
	color: #888;
	/*background: url(../images/select_arrow.png) no-repeat;*/
}
.category_form li h3{
	font-size: 15px;
	font-weight: 500;
	color: #3e7b59;
}
.category_form li select{
	appearance: none;
	width: 100%;
	margin-top: 5px;
	padding: 10px;
	color: #b2b2b2;
	background: #f1f1f1;
	border: none;
	border-radius: 5px;
}
.category_btn{
	width: 100%;
	margin-top: 15px;
	padding: 10px 0;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	/*background: #74c7c2;*/
	background:#3e7b59;
	border: none;
	border-radius: 5px;
}

.detail_bg{
	/*display: none;*/
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%); 
	max-width: 400px;
	width: 100%;
	/*height: calc(100% - 75px);*/
	height: 100%;
	padding: 30px 15px 75px;
	background: #fff;
	overflow-y: scroll;
	z-index: 999;
}
.detail_bg .logo a { width:100%; }
.detail_bg .logo a img { width:100%; }

.detail_bg .mt-2{
	margin-top: 45px;
}

.close_btn{
	float: right;
	background: none;
	border: none;
}

.detail_tit{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}

.explanation{
	margin-top: 15px;
	font-size: .85rem;
	color: #333;
}

.main_img.furniture{
	/*height: 240px;*/
	margin-top: 15px;
}
.main_img.furniture img{
	/*height: 100%;*/
	width:100%;
}
.like_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.like_view{
	display: flex;
	align-items: center;
}
.like_view img{
	width: 20px;
	padding-top: 3px;
}
.like_view .like_data{
	margin-left: 5px;
	font-size: 24px;
	font-weight: bold;
	color: #3e7b59;
}
.like_btn_wrap{
	display: flex;
	align-items: center;
	padding-top: 1px;
}
.like_btn_wrap button{
	padding: 0;
	border: none;
}
.like_btn{
	width: 22px;
	height: 21px;
	background: url(../images/like2_ico.png) center no-repeat;
	background-size: 100%;
}
.like_btn.on{
	background: url(../images/like3_ico.png) center no-repeat;
	background-size: 100%;
}
.scrap_btn{
	width: 19px;
	height: 21px;
	margin-left: 20px;
	background: url(../images/scrap_ico.png) center no-repeat;
	background-size: 100%;
}
.scrap_btn.on{
	background: url(../images/scrap2_ico.png) center no-repeat;
	background-size: 100%;
}
.size_text{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.size_text b{
	position: relative;
	margin-right: 20px;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 500;
}
.size_text b:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: calc(100% - 5px);
	background: #000;
	
}
.size_text p{
	margin: 0;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -1px;
}

.size_text p span{
	display: block;
}
.more_btn{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 5px;
}
.more_btn button{
	width: 25px;
	background: none;
	border: none;
	padding: 0;
}
.tip_box{
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #ddd;
}
.tip_tit{
	margin-bottom: 10px;
	font-weight: 500;
}
.tit_text{
	margin: 0;
	padding-left: 10px;
	text-indent: -7px;
	font-size: 12px;
	font-weight: 300;
}
.tit_text:first-line{
	text-indent: 0;
}
.go_btn_wrap{
	margin: 30px 0 75px;
}
.go_btn_wrap a{
	display: block;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #777;
	background: #f1f1f4;
	border: none;
	border-radius: 5px;
	margin: 10px 0;
}
.go_btn_wrap .go_brand{
	background: #3e7b59;
	color: #fff
}

.detail_bg .slide_wrap{
	margin: 30px 0;
}

.detail_bg .slide_wrap h3{
	margin-bottom: 20px;
}

.srch_top{
	width: 100%;
}
main#furniture .box.srch{
	margin: 0;
	padding: 10px;
	background: none;
}
main#furniture .box.srch p{
	font-size: .7rem;
	color: #333;
}
main#furniture .box.srch b{
	font-size: .85rem;
}
.tag_wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px;
}
.tag_wrap h3{
	font-size: 14px;
	font-weight: bold;
	margin: 0 20px;
}
.tag_wrap .tag{
	display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 90px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    margin: 2px 1vw 2px 0;
}
.tag_wrap .tag:last-child{
	margin-right: 0;
}
.tag_wrap .tag span{
	color: #bababa;
	margin-right: 3px;
}
.srch_bottom{
	padding: 30px 15px;
}
.srch_bottom p{
	text-align: center;
	font-size: 14px;
	font-weight: 300;
}

.more_list{
	width: 100%;
	margin: -46px 0 45px;
	background: #fff;
}

.more_list_btn{
	width: calc(100% - 3px);
	height: 45px;
	color: #666;
	border-radius: 10px;
	background: #f1f1f1;
	border: none;
	box-shadow: 2px 2px 5px -2px rgba(0,0,0,.6);
}
.more_list_btn span{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #6ac5bf;
}
.more_list_btn span:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #6ac5bf;
}
.more_list_btn b{
	margin-left: 15px;
	color: #6ac5bf;
}
@media all and (max-width: 768px){
	.detail_bg{
		max-width: unset;
	}
	.nav{
		max-width: unset;
	}
}











input::-webkit-input-placeholder { font-size:22px; color:#9d9d9d; letter-spacing:-1px; }
input::-moz-placeholder { font-size:22px; color:#9d9d9d; letter-spacing:-1px; }
input:-ms-input-placeholder { font-size:22px; color:#9d9d9d; letter-spacing:-1px; }
input:-moz-placeholder { font-size:22px; color:#9d9d9d; letter-spacing:-1px; }
input::placeholder { font-size:22px; color:#9d9d9d; letter-spacing:-1px; }

@media screen and (max-width:768px) {
input::-webkit-input-placeholder { font-size:20px; }
input::-moz-placeholder { font-size:20px; }
input:-ms-input-placeholder { font-size:20px; }
input:-moz-placeholder { font-size:20px; }
input::placeholder { font-size:20px; }
}

.btn100 { width:100%; height:70px; line-height:70px; font-size:22px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn47 { width:470px; height:70px; line-height:70px; font-size:22px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn31 { width:310px; height:70px; line-height:70px; font-size:22px; margin:0 14px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn245 { width:245px; height:70px; line-height:70px; font-size:22px; margin:0 14px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn15 { width:150px; height:70px; line-height:70px; font-size:22px; margin:0 14px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn35 { width:350px; height:50px; line-height:47px; font-size:16px; text-align:center; font-weight:500; letter-spacing:0.5px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.btn21s { width:215px; height:35px; line-height:35px; font-size:14px; text-align:center; font-weight:400; border-radius:7px; letter-spacing:0.5px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }


.btn_blue01 { background:#4361ee; border:1px solid #4361ee; color:#fff; }
.btn_l_grn01 { background:#fff; border:2px solid #3e7b59; border-radius:10px; color:#3e7b59; }
.btn_l_grn01:hover, .btn_l_grn01:focus { background:#3e7b59; border:2px solid #3e7b59; color:#fff; opacity:1; }
.btn_green01 { background:#3e7b59; color:#fff; }
.btn_gray01 { background:#e6e7e8; color:#333; }
.btn_gray01:hover, .btn_gray01:focus { background:#3e7b59; color:#fff; opacity:1; }
.btn_gray02 { background:#f7f7f8; border:1px solid #dbdbdb; color:#333; }
.btn_dgray01 { background:#555; color:#fff; }
.btn_dgray02 { background:#808080; color:#fff; }
.btn_white01 { background:#fff; border:1px solid #dbdbdb; color:#333; }


@media screen and (max-width:768px){
.btn100 { width:100%; height:50px; line-height:50px; font-size:20px; border-radius:5px; }
.btn47 { width:470px; height:50px; line-height:50px; font-size:20px; border-radius:5px; }
.btn31 { width:310px; height:50px; line-height:50px; font-size:20px; border-radius:5px; }
.btn245 { width:245px; height:50px; line-height:50px; font-size:20px; border-radius:5px; }
.btn15 { width:150px; height:50px; line-height:50px; font-size:20px; border-radius:5px; }
.btn35 { width:350px; height:50px; line-height:47px; font-size:16px; }
.btn21s { width:215px; height:35px; line-height:35px; font-size:14px; }
.btn_l_grn01 { border:1px solid #3e7b59; }
.btn_l_grn01:hover, .btn_l_grn01:focus { border:1px solid #3e7b59; }
}
@media screen and (max-width:480px){
.btn100 { font-size:18px; }
.btn47 { font-size:18px; }
.btn31 { font-size:18px; }
.btn245 { font-size:18px; }
.btn15 { font-size:18px; }
}
@media screen and (max-width:360px){
.btn100 { font-size:16px; }
.btn47 { font-size:16px; }
.btn31 { font-size:16px; }
.btn245 { font-size:16px; }
.btn15 { font-size:16px; }
}


.grn { color:#3e7b59; }


.inner { width:92%; max-width:1200px; margin:0 auto; }
.d_flex { display:flex; justify-content:space-between; }
.d_flex_col { display:flex; flex-direction:column; }
.d_flex_wrap { display:flex; flex-wrap:wrap; }

@media screen and (min-width:1025px) {
.index-header {  }
.index-header .h_inner { width:100%; height:120px; border-bottom:1px solid #ebebeb; }
.h_inner .top_area { display:flex; justify-content:space-between; align-items:center; width:92%; max-width:1200px; height:100%; margin:0 auto; }
.index-header .logo, .index-header .short_esti, .index-header .mem {  }
.index-header .logo {  }
.index-header .logo img { width:110px; }
.index-header .short_esti {  }
.index-header .short_esti img { max-width:442px; }
/*.index-header .short_esti img.for_mo { display:none; }*/
.index-header .mem {  }
.index-header .mem.for_mo { display:none; }
.index-header .mem a { display:inline-block; vertical-align:middle; font-size:14px; }
.index-header .mem .login { position:relative; margin-right:38px; }
.index-header .mem .login:after { position:absolute; right:-21px; top:2px; content:'|'; font-size:10px; }
.index-header .mem {  }
#gnb { width:100%; border-bottom:1px solid #ebebeb; }
#gnb .inner { display:flex; justify-content:space-between; height:60px; line-height:60px; }
#gnb .inner.for_mo { display:none; }
#gnb ul {  }
#gnb ul li { font-size:16px; }
#gnb ul li a {  }
#gnb ul li.on { font-weight:700; }
#gnb ul.ul01 { position:relative; display:flex; justify-content:flex-start; }
#gnb ul.ul01 > li { margin-right:67px; }
#gnb ul.ul01 > li > a {  }
#gnb ul.ul01 > li.on a { color:#3e7b59; border-bottom:1px solid #3e7b59; }
#gnb ul.ul01 {  }
#gnb ul.ul01 {  }
#gnb ul.depth2 { display:none; position:absolute; justify-content:space-between; width:130%; height:60px; z-index:70; }
#gnb ul.depth2 li { color:#fff; margin-right:35px; font-weight:400; }
#gnb ul.depth2 li a { height:100%; }
#gnb ul.ul02 { display:flex; justify-content:flex-end; }
#gnb ul.ul02 li { margin-left:55px; color:#3e7b59; font-weight:700; }
.t_go_back { display:none; }
.blk_bg { display:none !important; }
}
.greenbg { display:none; position:absolute; top:180px; left:0; width:100%; height:60px; background:#3e7b59; color:#fff; border-bottom:1px solid #ebebeb; z-index:60; box-shadow: 0 4px 4px -4px rgba(0,0,0,0.4); }
.blk_bg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:100; }
.m_menu { display:none; }
.m_menu_close { display:none; }
.main_top .s_esti { display:none; }


@media screen and (max-width:1220px) and (min-width:1025px) {
#gnb ul.ul01 { width:60%; }
#gnb ul.ul01 > li { width:25%; margin-right:0; }
#gnb ul.ul02 { width:38%; }
#gnb ul.ul02 li { width:33.33%; margin-left:0; text-align:right; }
}
@media screen and (max-width:1024px) {
.m_menu { display:inline-block; position:fixed; top:10px; right:15px; width:40px; height:40px; background:url(../img/icon_menu01.png) center center no-repeat; background-size:25px auto; z-index:101; }
.m_menu_close { position:absolute; top:10px; right:15px; display:inline-block; width:40px; height:40px; background:url(../img/icon_close01.png) center center no-repeat; background-size:20px auto; z-index:110; }
.t_go_back { position:fixed; top:10px; left:10px; width:40px; height:40px; color:#333; font-size:24px; text-align:center; line-height:40px; z-index:10; }
#gnb, .index-header .mem { width:100%; max-width:100%; }
#gnb .inner.for_pc { display:none; }
.index-header .short_esti { display:none; }
.main_top .s_esti { display:block; width:100%; background:#3e7b59; text-align:center; padding:20px 0; }
.main_top .s_esti img { width:85%; max-width:390px; }
.index-header .h_inner { position:fixed; top:0; left:0; width:100%; height:60px; background:#fff; //border-bottom:1px solid #ebebeb; z-index:100;  box-shadow:1px 1px 8px rgba(0,0,0,0.2); }
.index-header .logo { display:inline-block; padding:15px 0 0 60px; }
.index-header .logo img { width:90px; }
.index-header .short_esti { /*position:absolute; top:7px; left:50%; margin-left:-221px;*/ display:none; }
#gnb { position:fixed; top:0; right:-110%; width:100%; max-width:480px; height:100%; background:#fff; padding-top:188px; z-index:103;  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#gnb .inner { width:100%; }
#gnb ul.ul01 > li { border-bottom:1px solid #ebebeb; }
#gnb ul.ul01 > li a { display:block; width:100%; padding:13px 20px; }
#gnb ul.ul02 { position:absolute; top:121px; right:-110%; width:100%; display:flex; justify-content:space-between; background:#3e7b59;  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#gnb ul.ul02 li { width:33.33%; color:#fff; font-size:18px; font-weight:700; text-align:center; }
#gnb ul.ul02 li a { width:100%; padding:21px 0; }
#gnb ul.depth2 { display:block !important; border-top:1px solid #ebebeb; background:#f7f7f8; }
.index-header .mem.for_pc { display:none; }
.index-header .mem { position:fixed; top:60px; right:-110%; display:flex; justify-content:space-between; width:100%; max-width:480px; background:#f1f1f4; z-index:110;  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.index-header .mem a { width:50%; padding:18px 0; text-align:center; font-size: 18px; }
.index-header .mem .login { position:relative; }
.index-header .mem .login:after { position:absolute; top:17px; right:0; content:'|'; }
.index-header.open .mem { right:0; }
.index-header.open #gnb { right:0; }
.index-header.open #gnb ul.ul02 { right:0; }
}
@media screen and (max-width:768px) {
#gnb { max-width:100%; }
.index-header .mem { max-width:100%; }
}
@media screen and (max-width:425px) {
#gnb { padding-top:185px; }
#gnb ul.ul02 li { font-size:16px; }
.index-header .mem a { font-size:15px; padding:20px 0; }
.index-header .mem .login:after { top:21px }
}
@media screen and (max-width:375px) {
#gnb ul.ul02 li { font-size:15px; }
}


footer { padding:45px 0 75px; border-top:1px solid #bababa; margin-top:130px; }
footer .fs01 { margin-bottom:27px; }
footer .fs01 .btm_logo, footer .fs01 .sns_area { display:inline-block; vertical-align:middle; }
footer .fs01 .btm_logo { width:-webkit-calc(100% - 160px); width:-moz-calc(100% - 160px); width:calc(100% - 160px); }
footer .fs01 .btm_logo .img, footer .fs01 .btm_logo .btn { display:inline-block; vertical-align:bottom; }
footer .fs01 .btm_logo .img { margin-right:30px; }
footer .fs01 .btm_logo .img img {  }
footer .fs01 .btm_logo .btn {  }
footer .fs01 .btm_logo .btn a { display:inline-block;  margin-right:10px; }
footer .fs01 .btm_logo .btn a img {  }
footer .fs01 .sns_area {  }
footer .fs01 .sns_area ul { /*width:152px; height:38px;*/ }
footer .fs01 .sns_area ul li { width:38px; height:38px; margin-left:15px; }
footer .fs01 .sns_area ul li a { display:block; width:100%; height:100%; }
footer .fs01 .sns_area ul li .insta { background:url(../img/sns_icons.png) 0 0 no-repeat;  }
footer .fs01 .sns_area ul li .fabook { background:url(../img/sns_icons.png) -38px 0 no-repeat; }
footer .fs01 .sns_area ul li .blog { background:url(../img/sns_icons.png) -76px 0 no-repeat; }
footer .fs01 .sns_area ul li .story { background:url(../img/sns_icons.png) -114px 0 no-repeat; }
footer .fs01 .sns_area {  }
footer .fs02 { margin-bottom:32px; }
footer .fs02 h2, footer .fs02 a { display:inline-block; vertical-align:baseline; line-height:1; }
footer .fs02 h2 { font-size:20px; font-weight:300; margin-right:5px; }
footer .fs02 a { font-size:40px; font-weight:700; color:#3e7b59; }
footer .fs03 { margin-bottom:25px; }
footer .fs03 ul {  }
footer .fs03 ul li { position:relative; display:inline-block; vertical-align:middle; padding:0 50px 0 0; font-size:14px; font-weight:300; }
footer .fs03 ul li:first-child { padding-left:0; }
footer .fs03 ul li:after { position:absolute; top:0; right:20px; content:'|'; font-size:12px; }
footer .fs03 ul li:last-child:after { content:none; }
footer .fs03 ul li:hover, footer .fs03 ul li:focus { font-weight:700; }
footer address { font-size:14px; font-weight:300; }
footer address span { display:inline-block; vertical-align:middle; margin-right:20px; }

@media screen and (max-width:860px) {
footer .fs01 .btm_logo .img, footer .fs01 .btm_logo .btn { display:block; }
footer .fs01 .btm_logo .img { margin-right:0; margin-bottom:35px; }
}
@media screen and (max-width:768px) {
footer .fs01 { display:block; }
footer .fs01 .btm_logo, footer .fs01 .sns_area { display:block; width:100%; }
footer .fs01 .btm_logo { margin-bottom:20px; }
footer .fs01 .sns_area ul { justify-content:flex-start; }
}


.popup1 { position:absolute; top:-170%; left:0; width:100%; max-width:100%; text-align:center; background:#3e7b59; border-radius:0 0 50px 50px; padding:40px 0 50px; z-index:101;  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.popup1:after { position:absolute; top:-45px; left:0; content:''; width:100%; height:100%; background:#fff; border-radius:0 0 50px 50px; z-index:-1; }
.popup1 .p_inner { width:92%; max-width:520px; margin:0 auto; height:auto; //max-height:800px; //overflow-y:auto; }
.popup1 .p_head { margin-bottom:50px; }
.popup1 .p_title {  }
.popup1 .p_title .tit111 { font-size:18px; color:#3e7b59; font-weight:400; margin-bottom:13px; }
.popup1 .p_title .tit111 b { font-weight:500; }
.popup1 .p_title .logo {  }
.popup1 .p_body { margin-bottom:80px; }
.popup1 .p_body .txtwrap { padding:10px 10px; border:1px solid #dbdbdb; border-radius:10px; margin-bottom:28px; word-break:keep-all; }
.popup1 .p_body .txtwrap .txt { font-size:16px; margin-bottom:10px; }
.popup1 .p_body .txtwrap .info { font-size:14px; }
.popup1 .btn_area {  }
.popup1 .btn_area .g_btn { margin-bottom:28px; }
.popup1 .btn_area .bwrap { position:relative; width:47%; }
.popup1 .btn_area input[type="file"] { position:absolute; left:-1000px; width:1px; height:1px; }
.popup1 .btn_area input[type="file"] + label { width:100%; height:70px; background:#3e7b59; color:#fff; font-size:22px; font-weight:500; border-radius:10px; line-height:1; cursor:pointer; }
.popup1 .btn_area input[type="file"] + label .small { font-size:14px; font-weight:400; }
.popup1 .btn_area input[type="file"] + label.file { padding-top:23px; }
.popup1 .btn_area input[type="file"] + label.camera { padding-top:13px; }
.popup1 .btn_area .b_btn {  }
.popup1 .btn_area .btn_gray02 { font-size:18px; font-weight:400; }
.popup1 .btn_area .grn { font-size:22px; font-weight:700; padding-left:5px; }
.popup1 .file_area { margin-bottom:70px; }
.popup1 .file_area .img_area01 { position:relative; padding:20px; border:1px solid #dbdbdb; border-radius:10px; margin-bottom:28px; }
.popup1 .file_area .img_area01 img { max-width:280px; border:1px solid #dbdbdb; border-radius:8px; }
.popup1 .file_area .img_area01 .fileicon { border:0; margin-bottom:10px; }
.popup1 .file_area .img_area01 .filename { font-size:14px; }
.popup1 .file_area .img_area01 .btn_del { position:absolute; top:10px; right:20px; font-size:22px; color:#555; }
.popup1 .file_area .btn_gray02 { font-size:22px; color:#3e7b59; font-weight:700; }
.popup1 .p_foot { position:absolute; bottom:0; left:0; width:100%; height:45px; line-height:45px; }
.popup1 .p_foot .btn_back { font-size:18px; color:#fff; }
.popbg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:90; }
.estimate01.open { top:0; }

@media screen and (max-width:768px) {
.estimate01 .p_head { margin-bottom:30px; }
.popup1 .btn_area .g_btn { display:block; margin-bottom:8px; }
.popup1 .btn_area .bwrap { width:100%; margin-bottom:10px; }
.popup1 .btn_area input[type="file"] + label { height:65px; line-height:65px; font-size:20px; font-weight:500; }
.popup1 .btn_area input[type="file"] + label.file { padding-top:0; }
.popup1 .btn_area input[type="file"] + label.camera { padding-top:0; }
.popup1 .btn_area input[type="file"] + label.camera .small { display:none; }
.popup1 .btn_area .btn_gray02 { height:65px; line-height:65px; font-size:15px; }
.popup1 .btn_area .grn { font-size:18px; }
.popup1.estimate01 .p_body { margin-bottom:40px; }
.popup1 .file_area { margin-bottom:40px; }
.popup1 .file_area .img_area01 { border:0; padding:10px 0; border-radius:0; margin-bottom:0; }
.popup1 .file_area .img_area01 img { display:none; }
.popup1 .file_area .img_area01 .btn_del { top:1px; right:5px; }
.popup1 .file_area .img_area01 .filename { text-align:left; padding-left:5px; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
}
@media screen and (max-width:380px) {
.popup1 .btn_area .btn_gray02 {  line-height:22px; }
.popup1 .btn_area .grn { display:block; padding-left:0; }
.popup1 .p_foot .btn_back { font-size:15px; }
}


.go_login {  }
.go_login .p_inner { max-width:450px; }
.go_login.open { top:0; }
.go_login .p_body .txtwrap { padding:25px 10px; }
.go_login .input_area {  }
.go_login .input_area input { font-size:22px; margin-bottom:15px; }
.go_login .mem { margin-bottom:90px; }
.go_login .mem .logset input[type="checkbox"] {  }
.go_login .mem .logset label { font-size:14px; padding-left:5px; }
.go_login .gofind { font-size:14px; color:#3e7b59; font-weight:700; }
.go_login .b_btn { margin-bottom:25px; }
.go_login .b_btn .btn_gray02 { font-size:14px; line-height:1.3; }
.go_login .b_btn .grn { font-size:22px; }
.go_login .cus_cen {  }
.go_login .cus_cen .txt { font-size:15px; }
.go_login .cus_cen a { font-size:22px; color:#3e7b59; font-weight:700; }
.go_login .cus_cen a img { vertical-align:middle; margin-top:-3px; }

@media screen and (max-width:768px) {
.go_login .mem { margin-bottom:30px; }
.go_login .input_area input { height:65px; line-height:normal; font-size:20px; border-radius:5px; }
.go_login .btn100 { height:65px; line-height:65px; font-size:20px; border-radius:5px; } 
}



.s_con { padding-top:115px; }
.tit001 { font-size:34px; font-weight:700; text-align:center; padding-top:80px; background:url(../img/icon_space01.png) top center no-repeat; margin-bottom:110px; word-break:keep-all; }
.tit002 { font-size:28px; font-weight:700; text-align:center; padding:10px 0; word-break:keep-all; }
.tit003 { font-size:34px; font-weight:700; text-align:center; padding:10px 0; }

@media screen and (max-width:768px) {
.tit001 { font-size:30px; }
.tit002 { font-size:26px; }
}
@media screen and (max-width:400px) {
.tit001 { font-size:25px; }
.tit002 { font-size:24px; }
}


.space { text-align:center; }
.space .tit001 { margin-bottom:90px; }
.space .txt01 { font-size:20px; margin-bottom:50px; word-break:keep-all; }
.space .txt02 { font-size:28px; margin-bottom:50px; font-weight:700; word-break:keep-all; }
.space .txt03 { width:92%; max-width:766px; font-size:20px; margin:0 auto 62px; border:1px solid #dbdbdb; border-radius:10px; padding:40px 43px; }
.space .txt03 h3 { font-size:24px; font-weight:700; margin-bottom:10px; }
.space .caution { word-break:keep-all; }

@media screen and (max-width:768px) {
.space .tit001 { margin-bottom:50px; }
.space .txt01 { font-size:16px; }
.space .txt02 { font-size:22px; margin-bottom:30px; }
.space .txt03 h3 { font-size:18px; }
.space .caution { font-size:16px; }
.space .caution .br01 { display:none; }
.space .btn_area { margin:0 -5px; font-size:0; }
.space .btn31 { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin:0 5px; }
.space .btn15 { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin:0 5px; }
}
@media screen and (max-width:530px) {
.space .btn47 { width:100%; }
}
@media screen and (max-width:480px) {
.space .txt01 .br01 { display:none; }
.space .txt03 { padding:40px 15px; }
}

.est_steps01 { text-align:center; margin-bottom:50px; }
.est_steps01 ol { position:relative; display:inline-block; font-size:0; z-index:1; }
.est_steps01 ol:before { position:absolute; left:5%; top:50%; content:''; width:90%; height:1px; background:#d6d6d6; z-index:-1; }
.est_steps01 ol li { display:inline-block; vertical-align:middle; padding:0 18px; }
.est_steps01 ol li span { display:inline-block; width:38px; height:38px; font-size:18px; border-radius:50%; background:#d6d6d6; text-align:center; line-height:38px; }
.est_steps01 ol li.on span { width:52px; height:52px; font-size:22px; font-weight:700; line-height:52px; background:#333; color:#fff; }
.space2 { text-align:center; }
.title_area { margin-bottom:60px; }
.title_area p { font-size:20px; word-break:keep-all; }
.space_img_box { width:92%; max-width:765px; height:370px; border:1px solid #dbdbdb; margin:0 auto 95px; overflow:hidden; }
.space_img_box ul {  }
.space_img_box ul li img { height:100%; }
.space_img_box .img_wrap { width:70%; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);  }
.s-button-next, .s-button-prev { position:absolute; top:50%; margin-top:-28px; width:57px; height:57px; background-image:url(../img/icon_arrow02.png); cursor:pointer; z-index:10; }
.s-button-next { right:10px; background-position:-57px 0; }
.s-button-prev { left:10px; background-position:0 0; }
.space2 .title_area { margin-bottom:35px; }

@media screen and (max-width:768px) {
.est_steps01 ol li { padding:0 13px; }
.est_steps01 ol li span { width:28px; height:28px; font-size:13px; line-height:28px; }
.est_steps01 ol li.on span { width:37px; height:37px; font-size:16px; line-height:37px; }
.title_area p { font-size:16px; }
}
@media screen and (max-width:620px) {
.space_img_box { height:330px; }
}
@media screen and (max-width:560px) {
.space_img_box { height:auto; }
.space_img_box .img_wrap { width:100%; height:auto; padding-top:100%; }
.space_img_box .swiper-slide { padding-top:100%; }
}
@media screen and (max-width:425px) {
.est_steps01 ol li { padding:0 7px; }
.est_steps01 ol li span { width:22px; height:22px; font-size:12px; line-height:22px; }
.est_steps01 ol li.on span { width:27px; height:27px; font-size:14px; line-height:27px; }
}

.space33 { }
.space33 .title_area { margin-bottom:65px; }
.spc_num { width:100%; max-width:450px; margin:0 auto 95px; }
ul.selec { display:table; width:100%; margin-bottom:13px; }
ul.selec li { display:table-row; font-size:20px; }
ul.selec li .td { display:table-cell; vertical-align:middle; padding:14px 8px; }
ul.selec li .btn { width:auto; }
ul.selec li .btn .btn_del { vertical-align:middle; margin-top:-5px; }
ul.selec li .btn img { vertical-align:middle; }
ul.selec li .title { width:18.5%; font-weight:700; text-align:left; }
ul.selec li .space { width:45%; }
ul.selec li .num { width:28%; }
ul.selec li select { height:50px; color:#666; }
ul.selec li .space select { width:100%; }
ul.selec li .num select { width:-webkit-calc(100% - 23px); width:-moz-calc(100% - 23px); width:calc(100% - 23px); }
.spc_num .btn_area { }
.spc_num .btn_plus { width:100%; max-width:430px; height:50px; line-height:50px; font-size:18px; font-weight:500; background:#555; color:#fff; border-radius:10px; text-align:center; }

@media screen and (max-width:865px) {
.btn111 { margin:0 -10px; font-size:0; }
.btn111 .btn245, .btn111 .btn31, .btn111 .btn15 { width:-webkit-calc(33.33% - 10px); width:-moz-calc(33.33% - 10px); width:calc(33.33% - 10px); margin:0 5px; }
}
@media screen and (max-width:768px) {
.spc_num { margin:0 auto 55px; }
ul.selec li { font-size:17px; }
ul.selec li select { height:45px; }
}
@media screen and (max-width:425px) {
ul.selec li .td { padding:14px 2px; }
ul.selec li .space { width:41%; }
ul.selec li .num { width:32%; }
}
@media screen and (max-width:360px) {
.spc_num { width:100%; }
ul.selec li .btn { width:25px; }
ul.selec li .title { width:54px; line-height:1.2; }
.btn111 .btn245, .btn111 .btn31, .btn111 .btn15 { font-size:14px; }
}
@media screen and (max-width:330px) {
ul.selec li .space { width:40%; }
}

.img_wrap { position:absolute; top:0; left:0; display:block; width:100%; height:100%; border-radius:10px; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.listimg { display:none; }
@media screen and (max-width:768px) {
.img_wrap { border-radius:5px; }
}


/*.s_concept { width:92%; max-width:730px; margin:0 auto 55px; background:#f7f7f8; border:1px solid #dbdbdb; padding:50px 10px; }*/
.s_concept {  }
.s_concept form fieldset { width:92%; max-width:730px; margin:0 auto 55px; background:#f7f7f8; border:1px solid #dbdbdb; padding:50px 10px; }
.s_concept ul {  }
.s_concept ul li { width:33.33%; padding:15px 15px; }
.s_concept ul li h3 { margin-bottom:10px; color:#666; }
.s_concept ul li .img_area { position:relative; padding-top:79%; }
.s_concept ul li .img_area input[type="file"] { position:absolute; left:-1000px; width:1px; height:1px; }
.s_concept ul li .img_area input[type="file"] + label { display:block; width:100%; height:100%; cursor:pointer; }
.s_concept ul li .img_area .img_wrap { border-radius:0; border:1px solid #d3d3d3; }
.s_concept ul li .img_area .btn_del { position:absolute; top:10px; right:10px; z-index:5; }

@media screen and (max-width:865px) {
}
@media screen and (max-width:768px) {
.s_concept ul li { width:50%; }
}
@media screen and (max-width:480px) {
.s_concept form fieldset { width:100%; }
.s_concept ul li { padding:8px 8px; }
}
@media screen and (max-width:360px) {
}


.s_number {  }
.s_number ul.selec { margin-bottom:0; }
.s_number .c_wrap { width:92%; max-width:730px; margin:0 auto 65px; }
.s_number .c_wrap .c_wrap_inner { margin-bottom:20px; align-items:center; border-top:1px solid #898989; border-bottom:1px solid #898989; }
.s_number .c_wrap .header { width:28%; font-size:20px; font-weight:700; }
.s_number .c_wrap .header h3 { margin-bottom:10px; }
.s_number .c_wrap .header .chkbox { font-size:16px; font-weight:400; }
.s_number .c_wrap .header .chkbox input[type='checkbox']:checked { background: url(../img/icon_checked04.png) no-repeat right center; background-size: 100% auto; }
.s_number .c_wrap .header .chkbox label { padding-left:5px; cursor:pointer; }
.s_number .c_wrap .selec_fntr { width:72%; border-left:1px solid #dbdbdb; }
.s_number .c_wrap .selec_fntr ul {  }
.s_number .c_wrap .selec_fntr ul li {  }
.s_number .c_wrap .selec_fntr ul li .td { border-bottom:1px solid #dbdbdb; }
.s_number .c_wrap .selec_fntr ul li:last-child .td { border-bottom:0; }
.s_number .c_wrap .selec_fntr ul li .title { text-align:center; }
.s_number .c_wrap .selec_fntr ul li .ftype {  }
.s_number .c_wrap .selec_fntr ul li .fnum {  }
.s_number .c_wrap .selec_fntr ul li .fbtn {  }
.s_number .c_wrap .selec_fntr ul li .title {  }
.s_number .c_wrap .selec_fntr ul li {  }
.s_number .c_wrap .selec_fntr ul li .ftype select { width:100%; }
.s_number .c_wrap .selec_fntr ul li .fnum select { width:-webkit-calc(100% - 23px); width:-moz-calc(100% - 23px); width:calc(100% - 23px); }
.s_number .btn_plus { height:50px; line-height:50px; font-size:18px; font-weight:500; }

@media screen and (max-width:865px) {
/*.space55 .btn111 { margin:0 -10px; font-size:0; }*/
/*.space55 .btn245, .space55 .btn31, .space55 .btn15 { width:-webkit-calc(33.33% - 10px); width:-moz-calc(33.33% - 10px); width:calc(33.33% - 10px); margin:0 5px; }*/
}
@media screen and (max-width:768px) {
.s_number .c_wrap .c_wrap_inner { display:block; border-top:0; }
.s_number .c_wrap .header { display:flex; justify-content:space-between; align-items:center; width:100%; font-size:23px; text-align:left }
.s_number .c_wrap .selec_fntr { width:100%; border-left:0; border-top:1px solid #898989; }
}
@media screen and (max-width:480px) {
.s_number ul.selec li .td { padding:14px 2px; }
.s_number ul.selec li .title { width:72px; }
.s_number .c_wrap .selec_fntr ul li .ftype { width:40%; }
.s_number .c_wrap .selec_fntr ul li .fnum {  }
.s_number .c_wrap .selec_fntr ul li .fbtn { width:36px; }
}
@media screen and (max-width:360px) {
.s_number ul.selec li { font-size:16px; }
.s_number ul.selec li .title { width:54px; }
.s_number .c_wrap .selec_fntr ul li .ftype { width:43%; }
.s_number .c_wrap .selec_fntr ul li .fbtn { width:25px; }
/*.space55 .btn245, .space55 .btn31, .space55 .btn15 { font-size:14px; }*/
}
@media screen and (max-width:320px) {
.s_number ul.selec li { font-size:15px; }
.s_number ul.selec li .td { padding:14px 0px; }
.s_number ul.selec li .title { width:43px; }
}


.space66 {  }
.space66 .s_concept { padding:30px 10px; }
.s_concept .top_tit { font-size:20px; font-weight:700; margin-bottom:15px; }

@media screen and (max-width:865px) {
/*.space66 .btn111 { margin:0 -10px; font-size:0; }*/
/*.space66 .btn245, .space66 .btn31, .space66 .btn15 { width:-webkit-calc(33.33% - 10px); width:-moz-calc(33.33% - 10px); width:calc(33.33% - 10px); margin:0 5px; }*/
}
@media screen and (max-width:768px) {
.space66 .s_concept { padding:30px 0px; }
}
@media screen and (max-width:360px) {
/*.space66 .btn245, .space66 .btn31, .space66 .btn15 { font-size:14px; }*/
}



.space77 {  }
.space77 .btn_go { width:100%; max-width:450px; margin:0 auto 80px; padding-top:30px; }
.btn_whi_b { width:100%; height:100px; line-height:100px; font-size:20px; font-weight:500; background:#fff; border:1px solid #dbdbdb; border-radius:10px; }
.space77 .btn_whi_b { margin-bottom:37px; }

@media screen and (max-width:768px) {
.btn_whi_b { height:84px; line-height:84px; font-size:18px; border-radius:5px; }
.space77 .btn_go { margin:0 auto 20px; }
.space77 .btn_area { margin:0 -10px; }
.space77 .btn245, .space77 .btn15 { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin:0 5px; }
}
@media screen and (max-width:320px) {
.btn_whi_b { font-size:16px; }
}


.space88 {  }
.space88 .s_concept form fieldset { padding:30px 33px; }
.hwrap { text-align:center; margin-bottom:35px; }
.hwrap .top_tit { display:inline-block; vertical-align:middle; margin-bottom:0; margin-right:16px; word-break:keep-all; }
.hwrap .btn_wh_s { display:inline-block; vertical-align:middle; width:170px; height:50px; font-size:20px; background:#fff; border:1px solid #dbdbdb; color:#666; border-radius:10px; text-align:center; line-height:50px; }
.hwrap select.btn_wh_s { text-align:left; background:#fff url(../img/icon_down_dg.png) right 10px center no-repeat; background-size: 20px auto; }
.s_inp { width:100%; height:50px; line-height:1; font-size:20px; text-align:center; color:#666; padding:14px 10px; word-break:keep-all; }
ul.chkbox02 { display:inline-block; text-align:left; }
ul.chkbox02 li { width:100%; font-size:20px; }
ul.chkbox02 li input[type='checkbox']:checked { background: url(../img/icon_checked04.png) no-repeat right center;  }
ul.chkbox02 li label {  }
.space88 .txtarea01 { width:100%; height:200px; font-size:20px; padding:20px; }
.space88 .txtarea01::-webkit-input-placeholder { font-size:20px; color:#777; }
.space88 .txtarea01::-moz-placeholder { font-size:20px; color:#777; }
.space88 .txtarea01:-ms-input-placeholder { font-size:20px; color:#777; }
.space88 .txtarea01:-moz-placeholder { font-size:20px; color:#777; }
.space88 .txtarea01::placeholder { font-size:20px; color:#777; }

@media screen and (max-width:865px) {
/*.space88 .btn111 { margin:0 -10px; font-size:0; }*/
/*.space88 .btn245, .space88 .btn31, .space88 .btn15 { width:-webkit-calc(33.33% - 10px); width:-moz-calc(33.33% - 10px); width:calc(33.33% - 10px); margin:0 5px; }*/
}
@media screen and (max-width:768px) {
.space88 .s_concept .top_tit { font-size:18px; }
.hwrap { margin-bottom:15px; }
.hwrap .btn_wh_s { width:45%; height:45px; line-height:45px; font-size:18px; border-radius:5px; }
.s_inp { height:100px; font-size:18px; line-height:1.3; }
.space88 ul.chkbox02 li { font-size:18px; }
.space88 ul.chkbox02 li label { display:inline; }
.space88 .txtarea01 { font-size:18px; height:180px; }
.space88 .txtarea01::-webkit-input-placeholder { font-size:18px; }
.space88 .txtarea01::-moz-placeholder { font-size:18px; }
.space88 .txtarea01:-ms-input-placeholder { font-size:18px; }
.space88 .txtarea01:-moz-placeholder { font-size:18px; }
.space88 .txtarea01::placeholder { font-size:18px; }
ul.chkbox02 li label { display:inline; }
}
@media screen and (max-width:480px) {
.space88 .s_concept form fieldset { padding:30px 13px; }
.space88 ul.chkbox02 li { font-size:16px; }
.space88 .txtarea01 { font-size:16px; }
.space88 .txtarea01::-webkit-input-placeholder { font-size:16px; }
.space88 .txtarea01::-moz-placeholder { font-size:16px; }
.space88 .txtarea01:-ms-input-placeholder { font-size:16px; }
.space88 .txtarea01:-moz-placeholder { font-size:16px; }
.space88 .txtarea01::placeholder { font-size:16px; }
}
@media screen and (max-width:380px) {
.s_inp { font-size:16px; }
}
@media screen and (max-width:360px) {
.space88 .s_concept .top_tit { font-size:16px; }
.hwrap .top_tit { margin-right:10px; }
.hwrap .btn_wh_s { font-size:16px; }
.hwrap select.btn_wh_s { background:#fff url(../img/icon_down_dg.png) right 5px center no-repeat; background-size: 20px auto; }
/*.space88 .btn245, .space88 .btn31, .space88 .btn15 { font-size:14px; }*/
}
@media screen and (max-width:330px) {
.s_inp { font-size:15px; }
}


.space99 {  }
.period01 { font-size:20px; margin-bottom:60px; }
.period01 h3, .period01 .iwrap { display:inline-block; vertical-align:middle; }
.period01 h3 { font-weight:500; margin-right:50px; }
.period01 .iwrap { color:#666; }
.period01 .iwrap input, .period01 .iwrap span { display:inline-block; vertical-align:middle; }
.period01 .iwrap input { width:100px; height:50px; line-height:1; margin-right:8px; text-align:center; padding:0; }
.period01 .iwrap span {  }
.y_info  { width:100%; max-width:565px; margin:0 auto 55px; font-size:20px; padding:40px 10px; border:1px solid #dbdbdb; border-radius:10px; word-break:keep-all; }
.y_info .grn { font-weight:700; }
.y_info .grn.bb { font-size:36px; }
.y_info .grn.ss { font-size:24px; }
.info02 { font-size:20px; margin-bottom:95px; word-break:keep-all; }
.space99 .dtwrap { margin-bottom:90px; }
.space99 .lwrap { width:50%; padding:60px 55px; margin:0 20px; text-align:center; border:1px solid #dbdbdb; border-radius:10px; }
.space99 .lwrap h2 { font-size:25px; font-weight:700; color:#3e7b59; margin-bottom:40px; }

@media screen and (max-width:1070px) {
.space99 .dtwrap .period01 h3 { margin-right:20px; }
.space99 .dtwrap .y_info { font-size:18px; margin-bottom:30px; }
.space99 .dtwrap .y_info .grn.bb { font-size:25px; }
}
@media screen and (max-width:1024px) {
.space99 .dtwrap { display:block; width:100%; max-width:565px; margin:0 auto; }
.space99 .lwrap { width:100%; margin:0 0 65px; }
}
@media screen and (max-width:768px) {
.space99 .title_area { margin-bottom:40px; }
.period01 { font-size:18px; margin-bottom:45px; }
.period01 h3 { margin-right:20px;  }
.y_info { font-size:18px; margin:0 auto 30px; }
.y_info .grn.bb { font-size:25px; }
.info02 { font-size:18px; margin-bottom:55px; }
}
@media screen and (max-width:560px) {
.space99 .lwrap { padding:40px 25px; }
.space99 .dtwrap .y_info { margin-bottom:0; }
}
@media screen and (max-width:480px) {
.info02 { font-size:16px; }
}
@media screen and (max-width:425px) {
.space99 .lwrap { padding:40px 10px; }
.space99 .dtwrap .y_info { font-size:16px; }
.space99 .dtwrap .y_info .grn.bb { font-size:22px; }
.space99 .dtwrap .y_info .grn.ss { font-size:20px; }
}
@media screen and (max-width:340px) {
.y_info { font-size:16px; }
.y_info .grn.bb { font-size:22px; }
.y_info .grn.ss { font-size:20px; }
}



.space100 {  }
.success_msg { font-size:28px; font-weight:700; padding-bottom:220px; background:url(../img/icon_smile01.png) bottom center no-repeat; margin-bottom:70px; word-break:keep-all; }
.success_msg .grn {  }
.sc_msg02 { font-size:20px; margin-bottom:85px; line-height:1.5; word-break:keep-all; }
.sc_msg02 .bb { font-size:24px; font-weight:700; }

@media screen and (max-width:768px) {
.sc_msg02 { font-size:16px; }
.sc_msg02 .bb { font-size:18px; }
.success_msg { font-size:26px; padding-bottom:150px; background-size:104px auto; margin-bottom:50px; }
}
@media screen and (max-width:480px) {
.sc_msg02 .br01 { display:none; }
}
@media screen and (max-width:360px) {
}



.office_furniture { text-align:center; }
.office_furniture .tit001 { background: url(../img/icon_office01.png) top center no-repeat;}
.est_steps01.wd ol:before { left:10%; width:80%; }
.est_steps01.wd ol li { padding:0 48px; }

@media screen and (max-width:768px) {
.est_steps01.wd ol li { padding:0 13px; }
}


.office_furniture2 {  }
.select01 ul.fselect { display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 -12px 70px; }
.select01 ul.fselect li { position:relative; width:20%; padding:12px 10px; }
.select01 ul.fselect li input[type="checkbox"] { position:absolute; left:0; width:1px; height:1px; z-index:-1; float:left; }
.select01 ul.fselect li input[type="checkbox"] + .label { position:relative; display:block; width:100%; height:45px; font-size:16px; line-height:45px; padding-left:14%; background:#fff; border:1px solid #dbdbdb; border-radius:60px; cursor:pointer; }
.select01 ul.fselect li input[type="checkbox"] + .label:before { position:absolute; left:4px; top:2px; content:url(../img/icon_unchecked03.png); transform:scale(0.75); }
.select01 ul.fselect li input[type="checkbox"]:checked + .label { border:1px solid #4a4a4a; }
.select01 ul.fselect li input[type="checkbox"]:checked + .label:before { content:url(../img/icon_checked03.png); transform:scale(0.75); }
.select01 ul.fselect02 { margin-bottom:30px; }
.select01 ul.fselect02 li { padding:50px 0; border-bottom:1px solid #ebebeb; }
.select01 ul.fselect02 li:last-child { border-bottom:0; }
.select01 ul.fselect02 .txt_area { width:-webkit-calc(100% - 250px); width:-moz-calc(100% - 250px); width:calc(100% - 250px); padding-right:33px; }
.select01 ul.fselect02 .txt_area .top, .select01 ul.fselect02 .txt_area .btm { padding:17px 0; }
.select01 ul.fselect02 .txt_area .top {  }
.select01 ul.fselect02 .txt_area .top h2 { font-size:26px; text-align:left; }
.select01 ul.fselect02 .txt_area .top .input { margin-left:32px; }
.select01 ul.fselect02 .txt_area .input label { display:inline-block; font-size:20px; padding:0 10px; }
.select01 ul.fselect02 .txt_area .total { font-size:20px; font-weight:700; }
.office_furniture2 .select01 { width:100%; max-width:840px; margin:0 auto; }

@media screen and (max-width:570px) {
.office_furniture2 .select01 ul.fselect li  { width:33.33%; }
}



.office_furniture3 {  }
.office_furniture3 ul.selec li .title { width:24.5%; }
.office_furniture3 ul.selec li .space { width:40%; }
.office_furniture3 ul.selec li .num { width:27%; }

@media screen and (max-width:425px) {
.office_furniture3 ul.selec li .title { width:78px; font-size:16px; }
.office_furniture3 ul.selec li select { font-size:16px; }
.office_furniture3 select { background: #fff url(../img/icon_down_dg.png) right 3px center no-repeat; background-size:18px auto; }
}
@media screen and (max-width:360px) {
.office_furniture3 ul.selec li .title { width:78px; font-size:15px; }
.office_furniture3 ul.selec li select { font-size:15px; }
}


.office_furniture4 {  }
.s_concept .s_inp02 { width:100%; height:84px; font-size:20px; text-align:center; padding:31px 0 0; border:0; border-radius:0; color:#666; border-bottom:1px solid #dbdbdb; line-height:1; }
/*.s_inp { width:100%; height:50px; line-height:1; font-size:20px; text-align:center; color:#666; padding:14px 10px; word-break:keep-all; }*/
.s_concept.sc02 { width:92%; max-width:730px; margin:0 auto 55px; border-top:1px solid #898989; border-bottom:1px solid #898989; }
.s_concept.sc02 form fieldset { width:100%;  background:0; border:0; padding:0; margin:0 auto 25px }
.s_concept.sc02 .hwrap { border-bottom:1px solid #dbdbdb; padding:18px 0; margin:0; }

@media screen and (max-width:768px) {
.s_concept .s_inp02 { font-size:18px; line-height:1.3; padding:21px 0 0; word-break:keep-all; }
.s_concept.sc02 { width:100%; }
ul.chkbox02 li { font-size:18px; }
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:380px) {
.s_concept .s_inp02 { font-size:16px; }
ul.chkbox02 li { font-size:16px; }
}


.single_furniture .tit001 { background: url(../img/icon_single01.png) top center no-repeat;}


.set_furniture .tit001 { background: url(../img/icon_set01.png) top center no-repeat;}


.set_furniture2 .est_steps01.wd ol li { padding:0 38px; }
/*.set_furniture2 .tit001 { background: url(../img/icon_set01.png) top center no-repeat;}*/
ul.fselect03 {  }
ul.fselect03 {  }
ul.fselect03 li { margin-bottom:30px; }
ul.fselect03 li label, ul.fselect03 li select { vertical-align:middle; font-size:20px;  }
ul.fselect03 li label { width:110px; font-weight:500; }
ul.fselect03 li select { width:170px; height:50px; }
.set_furniture2 .select01 { margin-bottom:90px; }

@media screen and (max-width:768px) {
.set_furniture2 .est_steps01.wd ol li { padding:0 13px; }
ul.fselect03 li label, ul.fselect03 li select { font-size:18px; }
ul.fselect03 li label { width:90px; }
ul.fselect03 li select { width:140px; height:45px; }
}


.set_furniture3 .s_concept form fieldset { background:0; padding:0; border:0; }

@media screen and (max-width:768px) {
.set_furniture3 .s_concept ul { display:block; width:100%; max-width:230px; margin:0 auto; text-align:center; }
.set_furniture3 .s_concept ul li { width:100%; }
}


.cons_select { width:100%; max-width:1000px; margin:0 auto 50px;; }
.cons_select ul.list001 {  }
.cons_select ul.list001 > li { padding:45px 0; border-bottom:1px solid #ebebeb; }
.cons_select ul.list001 > li:last-child { border-bottom:0; }
.cons_select ul.list001 > li h3 { text-align:left; font-size:26px; font-weight:500; margin-bottom:12px; }
.cons_select .cswrap { display:flex; align-items:center; }
.cons_select form { width:100%; }
.cons_select .img_area { width:25%; }
.cons_select .img_area .img_wrap { position:relative; padding-top:80%; border:1px solid #d3d3d3; }
.cons_select .select01 { width:75%; padding-left:6%; }
.cons_select .select01 ul.fselect { margin:0; }

@media screen and (max-width:1024px) {
.cons_select .select01 {padding-left:2%;}
.select01 ul.fselect li { padding:12px 4px; }
}
@media screen and (max-width:860px) {
.cons_select .cswrap { display:block; }
.cons_select .img_area, .cons_select .select01 {  }
.cons_select .img_area { min-width:152px; margin-bottom:15px; }
.cons_select .select01 { width:100%; padding-left:0; }
/*.cons_select .img_area .img_wrap { border-radius:5px; }*/
}
@media screen and (max-width:768px) {
.cons_select ul.list001 > li h3 { font-size:20px; }
.select01 ul.fselect li input[type="checkbox"] + .label { font-size:14px; height:35px; line-height:35px; }
.select01 ul.fselect li input[type="checkbox"] + .label:before { transform:scale(0.65); }
.select01 ul.fselect li input[type="checkbox"]:checked + .label:before { transform:scale(0.65); }
}
@media screen and (max-width:620px) {
.select01 ul.fselect li { width:25%; padding:7px 4px }
}
@media screen and (max-width:500px) {
.select01 ul.fselect li input[type="checkbox"] + .label { font-size:13px; }
}
@media screen and (max-width:480px) {
.cons_select ul.list001 > li h3 { font-size:18px; }
.select01 ul.fselect li { width:33.33%; padding:5px 3px; }
}
@media screen and (max-width:360px) {
.select01 ul.fselect li { width:50%; }
}




.set_furniture5 {  }

@media screen and (max-width:768px) {
.set_furniture5 ul.chkbox02 li label { display:inline; }
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:768px) {
}



.single_furniture2 {  }
.go_setfur { display:inline-block; background:#333; color:#fff; padding:0 5px; border-radius:6px; }
.single_furniture2 .select01 { margin-bottom:90px; }


.single_furniture3 .select01 { margin-bottom:90px; }


.single_furniture4 .s_concept form fieldset { background:0; padding:0; border:0; }

@media screen and (max-width:768px) {
.single_furniture4 .s_concept ul { display:block; width:100%; max-width:230px; margin:0 auto; text-align:center; }
.single_furniture4 .s_concept ul li { width:100%; }
}


.fwrap { margin-bottom:40px; }
.fwrap .selected_list { margin-bottom:15px; }
.fwrap .selected_list ul { font-size:0; text-align:left; }
.fwrap .selected_list ul li { display:inline-block; height:40px; line-height:38px; margin-right:10px; vertical-align:middle; background:#fff; border:1px solid #dbdbdb; border-radius:60px; padding:0 12px 0 20px; font-size:0; }
.fwrap .selected_list ul li .word, .fwrap .selected_list ul li .del { display:inline-block; vertical-align:middle; font-size:14px; }
.fwrap .selected_list ul li .word { margin-right:13px; }
.fwrap .selected_list ul li .del { width:20px; height:38px; background:url(../img/icon_del01.png) center center no-repeat; line-height:38px; }
.fwrap .selected_list .reset { position:relative; width:116px; height:40px; //padding-left:15px; background:#f7f7f8; border:1px solid #dbdbdb; border-radius:60px; line-height:38px; font-size:14px; vertical-align:middle; line-height:1; cursor:pointer; }
.fwrap .selected_list .reset:before { position:absolute; top:0; left:10px; content:'\f0e2'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:16px; }
.fwrap .select { border-top:2px solid #3e7b59; text-align:center; }
.fwrap .select ul.top { background:#f7f7f8; padding:10px 0; }
.fwrap .select ul.top li { display:inline-block; vertical-align:middle; padding:0 25px; }
.fwrap .select ul.top li a { display:block; padding:5px 0; }
.fwrap .select .ui-tabs-active { color:#3e7b59; font-weight:700; }
.fwrap .select .ui-tabs-active a { /*border-bottom:1px solid #333;*/ }
.fwrap .select ul.chkboxlist { width:100%; background:#fff; padding:10px 0; }
.fwrap .select ul.chkboxlist li { display:inline-block; vertical-align:middle; padding:5px 25px; }
.fwrap .select .city ul.chkboxlist li { padding:5px 12px; }
.fwrap .select ul.chkboxlist li label { padding-left:5px; cursor:pointer; }
.fwrap .select ul.chkboxlist input[type='checkbox']:checked { background:url(../img/icon_checked01.png) center center no-repeat; background-size:24px auto; }
.fwrap .select ul.chkboxlist li label.clrimg { position:relative; padding-left:33px; }
.fwrap .select ul.chkboxlist li label.clrimg:before { position:absolute; left:5px; top:-1px; content:''; width:25px; height:25px; background-image:url(../img/color_select.png); }
.fwrap .select .c_white:before { background-position:0 0; }
.fwrap .select .c_gray:before { background-position:-25px 0; }
.fwrap .select .c_wood:before { background-position:-50px 0; }
.fwrap .select .c_walnut:before { background-position:-75px 0; }
.fwrap .select .c_black:before { background-position:-100px 0; }
.fwrap .select .c_glass:before { background-position:-125px 0; }


@media screen and (max-width:1024px) {
.fwrap .select ul.chkboxlist { font-size:0; text-align:left; padding:0 2%; }
.fwrap .select ul.chkboxlist li { width:25%; text-align:left; font-size:16px; }
}

@media screen and (max-width:768px) {
.fwrap { margin-bottom:0; }
.fwrap .selected_list { padding:0 10px; }
.fwrap .selected_list ul li { height:32px; line-height:32px; border-radius:10px; padding:0 5px 0 10px; margin-bottom:4px; }
.fwrap .selected_list ul li .del { height:28px; line-height:28px; }
.fwrap .selected_list ul li .word { margin-right:7px; }
.fwrap .selected_list .reset { width:98px; height:32px; line-height:28px; border-radius:10px; margin-bottom:2px; }
.fwrap .select ul.top li { padding:0 15px; }
.fwrap .select ul.chkboxlist li { width:33.33%; padding:5px 10px; }
.space_list .items_wrap { margin:0; }
}
@media screen and (max-width:600px) {
.fwrap .select ul.chkboxlist li { width:50%; }
}
@media screen and (max-width:390px) {
.fwrap .select ul.top li { padding:0 11px; }
.fwrap .select ul.chkboxlist li { font-size:15px; }
}
@media screen and (max-width:340px) {
.fwrap .select ul.chkboxlist li { font-size:14px; }
}
@media screen and (max-width:319px) {
.fwrap .select ul.chkboxlist li { padding:5px 5px; }
}


.lk_list { }
.lk_list ul { display:flex; flex-wrap:wrap; margin:0 -20px 40px; }
.lk_list ul li { width:-webkit-calc(25% - 40px); width:-moz-calc(25% - 40px); width:calc(25% - 40px); margin:25px 20px; }
.lk_list ul li .title { font-size:18px; margin-bottom:5px; }
.lk_list ul li .img_area { margin-bottom:5px; }
.lk_list ul li .img_area .img_wrap { position:relative; padding-top:74%; border:1px solid #e6e6e6; }
.lk_list ul li .btwrap { display:flex; justify-content:space-between; }
.lk_list ul li .btwrap .icon, .lk_list ul li .btwrap .num { display:inline-block; vertical-align:middle; }
.lk_list ul li .btwrap .icon { width:30px; height:30px; }
.lk_list ul li .btwrap .num {  }
.lk_list ul li .btwrap .icon01, .lk_list ul li .btwrap .icon02, .lk_list ul li .btwrap .icon03 { display:inline-block; vertical-align:middle; }
.lk_list ul li .btwrap .icon01 { margin-right:25px; }
.lk_list ul li .btwrap .icon01 .icon { background-image:url(../img/h_icon.png); background-position:0 0; }
.lk_list ul li .btwrap .icon02 .icon { background-image:url(../img/h_icon.png); background-position:-30px 0; }
.lk_list ul li .btwrap .icon03 .icon { background-image:url(../img/h_icon.png); background-position:-60px 0; }
.lk_list ul li .btwrap .icon01 .icon.on { background-image:url(../img/h_icon.png); background-position:0 -30px; }
.lk_list ul li .btwrap .icon02 .icon.on { background-image:url(../img/h_icon.png); background-position:-30px -30px; }
.lk_list ul li a { display:block; width:100%; }
.lk_list .btn_area { text-align:center; }
.lk_list .btn_area .btn_view { width:350px; height:50px; line-height:50px; font-size:16px; background:#3e7b59; color:#fff; font-weight:500; text-align:center; border-radius:10px; }

@media screen and (max-width:1024px) {
.lk_list ul li .btwrap .icon01 { margin-right:5px; }
.lk_list ul li { width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:calc(25% - 20px); margin:25px 10px; }
}
@media screen and (max-width:960px) {
.lk_list ul li { width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); margin:25px 10px; }
}
@media screen and (max-width:768px) {
.lk_list ul { margin:0 -10px 40px; }
}
@media screen and (max-width:480px) {
.lk_list ul li .btwrap .icon { background-size:75px auto; }
.lk_list ul li .btwrap .icon02 .icon { background-image:url(../img/h_icon.png); background-position:-25px 0; }
.lk_list ul li .btwrap .icon03 .icon { background-image:url(../img/h_icon.png); background-position:-50px 0; }
.lk_list ul li .btwrap .icon01 .icon.on { background-image:url(../img/h_icon.png); background-position:0 -25px; }
.lk_list ul li .btwrap .icon02 .icon.on { background-image:url(../img/h_icon.png); background-position:-25px -25px; }
.lk_list ul li .btwrap .icon { width:25px; height:25px; }
.lk_list ul li .btwrap .num { font-size:14px; }
.lk_list ul li .title { font-size:16px; }
}
@media screen and (max-width:380px) {
.lk_list .btn_area .btn_view { width:100%; }
}
@media screen and (max-width:360px) {
.lk_list ul li { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); margin:25px 5px; }
}
@media screen and (max-width:320px) {
.lk_list ul li .btwrap .icon { background-size:60px auto; }
.lk_list ul li .btwrap .icon02 .icon { background-image:url(../img/h_icon.png); background-position:-20px 0; }
.lk_list ul li .btwrap .icon03 .icon { background-image:url(../img/h_icon.png); background-position:-40px 0; }
.lk_list ul li .btwrap .icon01 .icon.on { background-image:url(../img/h_icon.png); background-position:0 -20px; }
.lk_list ul li .btwrap .icon02 .icon.on { background-image:url(../img/h_icon.png); background-position:-20px -20px; }
.lk_list ul li .btwrap .icon { width:20px; height:20px; }
.lk_list ul li .btwrap .num { font-size:13px; }
.lk_list ul li .title { font-size:15px; }
}



.look_set_furniture_detail {  }
.header_area {  }
.header_area .title_area { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:20px; }
.header_area .tit004 { width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px); width:calc(100% - 150px); text-align:left; font-size:37px; font-weight:700; word-break:keep-all; }
.header_area .date { width:150px; text-align:right; font-size:16px; font-weight:300; color:#797979; padding-top:15px; }
.header_area .filtered { display:flex; justify-content:flex-start; align-items:center; padding:0 0 40px; border-bottom:2px solid #111; margin-bottom:15px; }
.header_area .filtered .kind { display:inline-block; vertical-align:middle; margin-right:18px; }
.header_area .filtered .color { display:inline-block; vertical-align:middle; margin-right:22px; }
.bdg.bdg11 { display:inline-block; vertical-align:middle; font-size:14px; padding:8px 15px; border:1px solid #dbdbdb; border-radius:50px; margin-right:4px; }
.b_clr { display:inline-block; vertical-align:middle; width:36px; height:36px; border-radius:50%; margin-right:8px; }
.clr_whi { background:#fff; border:1px solid #dcdcdc; }
.clr_gra { background:#676767; }
.clr_blk { background:#000; }
.clr_wood { background:url(../img/clr_wood.jpg) center center; }
.clr_walnut { background:url(../img/clr_walnut.jpg) center center; }
.clr_glass {  }
/*.fwrap .select ul.chkboxlist li label.clrimg:before { position:absolute; left:5px; top:-1px; content:''; width:25px; height:25px; background-image:url(../img/color_select.png); }*/
/*.fwrap .select .c_wood:before { background-position:-50px 0; }*/
/*.fwrap .select .c_walnut:before { background-position:-75px 0; }*/
/*.fwrap .select .c_black:before { background-position:-100px 0; }*/
/*.fwrap .select .c_glass:before { background-position:-125px 0; }*/
.header_area .filtered .num { display:inline-block; vertical-align:middle; background:#f7f7f8; border:1px solid #cbcbcb; border-radius:10px; padding:8px 30px; font-size:14px; }
.header_area .filtered .name { display:inline-block; vertical-align:middle; position:relative; padding:0 7px; }
.header_area .filtered .name:after { position:absolute; right:-5px; top:0; content:'·'; }
.header_area .filtered .name:last-child:after { content:none; }
.header_area .esti_cost { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:100px; }
.header_area .esti_cost .wrap11 {  }
.header_area .esti_cost .wrap11 h3, .header_area .esti_cost .wrap11 span { display:inline-block; vertical-align:middle; font-size:24px; font-weight:700; }
.header_area .esti_cost .wrap11 h3 { color:#3e7b59; }
.header_area .esti_cost .wrap11 span {  }
.wrap12 { display:flex; justify-content:flex-end; align-items:flex-start; width:200px; font-size:20px; }
.wrap12 .icon { display:inline-block; vertical-align:middle; width:36px; height:36px; }
.wrap12 .num { display:inline-block; vertical-align:middle; }
.wrap12 .like { background:url(../img/icon_like01.png) center center no-repeat; }
.wrap12 .like.on { background:url(../img/icon_like01_on.png) center center no-repeat; }
.wrap12 .scrap { background:url(../img/icon_scrap01.png) center center no-repeat; }
.wrap12 .scrap.on { background:url(../img/icon_scrap01_on.png) center center no-repeat; }
.wrap12 .icon01 { margin-right:20px; }
.header_area .esti_cost {  }
.header_area {  }
.con_area { margin-bottom:120px; }
.con_area .img_slide {  }
.con_area .img_slide .img_wrap { position:relative; padding-top:60%; }
.con_area .img_slide .swiper-wrapper { overflow:hidden; }
.con_area .img_slide li {  }
.con_area .img_top { margin-bottom:15px; }
.con_area .img_thumb li { cursor:pointer; }
.con_area .img_thumb li .img_wrap { border:1px solid #ebebeb; padding-top:94%; }
/*.sd-button-next, .sd-button-prev { position:absolute; top:50%; margin-top:-47.5px; width:95px; height:95px; background-image:url(../img/icon_arrow03.png); z-index:10; cursor:pointer; }*/
/*.sd-button-next { right:10px; background-position:-95px 0; }*/
/*.sd-button-prev { left:10px; background-position:0 0; }*/
.con_area .img_thumb li.swiper-slide-thumb-active { border:3px solid #3e7b59; border-radius:12px; }
.con_area .img_thumb li.swiper-slide-thumb-active .img_wrap { border:0; border-radius:8px; }
.con_area .txt_area { padding-top:70px; margin-bottom:110px; }
.con_area .txt_area h2 { font-size:32px; font-weight:700; margin-bottom:30px; word-break:keep-all; line-height: 1.2; }
.con_area .txt_area p { font-size:14px; word-break:keep-all; }
.con_area .btn_area { text-align:center;  }
.con_area .btn_area .btn_inquiry { display:inline-block; vertical-align:middle; width:100%; max-width:295px; height:60px; line-height:60px; background:#3e7b59; border-radius:10px; color:#fff; font-size:24px; font-weight:700; }
.con_area .btn_area .esti_cost { display:inline-block; vertical-align:middle; }
.comment_area { text-align:left; }
.comment_area h2 { font-size:24px; font-weight:700; color:#3e7b59; margin-bottom:7px; }
.comment_area .cawrap { display:flex; justify-content:space-between; align-items:stretch; margin-bottom:5px; }
.comment_area .cawrap .text { width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); width:calc(100% - 110px); padding:15px;border:1px solid #cbcbcb; border-radius:10px; }
.comment_area .cawrap .u_name {  }
.comment_area .cawrap textarea { height:26px; border:0; padding:0; color:#9c9c9c; font-weight:300;  outline:0; }
.comment_area .cawrap .btn_submit { width:100px; font-size:16px; color:#3e7b59; font-weight:500; background:#f7f7f8; border-radius:10px; border:1px solid #3e7b59; }
.commnt_list {  }
.commnt_list ul { margin-bottom:70px; }
.commnt_list ul li { padding:30px 0; border-bottom:1px solid #ebebeb; }
.commnt_list ul li:last-child { border-bottom:0; }
.commnt_list .u_name { font-weight:700; }
.commnt_list .commnt { margin-bottom:10px; }
.commnt_list .b_btn { font-size:14px; //margin-bottom:7px; }
.commnt_list .b_btn .ab { position:relative; display:inline-block; vertical-align:middle; margin:0 15px; color:#838383; line-height:1.6; }
.commnt_list .b_btn .ab:after { position:absolute; right:-15px; top:50%; content:'|'; font-size:9px; margin-top:-7px; }
.commnt_list .b_btn .ab:last-child:after { content:none; }
.commnt_list .b_btn .date { margin-left:0; }
.commnt_list .b_btn .like { padding-left:22px; background:url(../img/icon_like01.png) left center no-repeat; background-size:18px auto; }
.commnt_list .b_btn .like.on { padding-left:22px; background:url(../img/icon_like01_on.png) left center no-repeat; background-size:18px auto; color:#3e7b59; }
.commnt_list .b_btn .report { padding-left:22px; background:url(../img/icon_report01.png) left center no-repeat; background-size:18px auto; }
.commnt_list .b_btn .btn_write_commnt { color:#3e7b59; }
.w_commnt { display:flex; justify-content:space-between; align-items:stretch; margin-top:7px; }
.w_commnt .comtxt { display:flex; justify-content:flex-start; align-items:center; width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); width:calc(100% - 110px); padding:15px;border:1px solid #cbcbcb; border-radius:10px; }
.w_commnt .comtxt {  }
.w_commnt .comtxt .to, .w_commnt .comtxt .inp_w { display:inline-block; vertical-align:middle; }
.w_commnt .comtxt .to { color:#3e7b59; font-weight:700; margin-right:10px; }
.w_commnt .comtxt .inp_w { width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:26px; border:0; padding:0; color:#9c9c9c; font-weight:300; font-size:14px; outline:0; }
.w_commnt .comtxt .inp_w::-webkit-input-placeholder { font-size:14px; color:#9c9c9c; }
.w_commnt .comtxt .inp_w::-moz-placeholder { font-size:14px; color:#9c9c9c; }
.w_commnt .comtxt .inp_w:-ms-input-placeholder { font-size:14px; color:#9c9c9c; }
.w_commnt .comtxt .inp_w:-moz-placeholder { font-size:14px; color:#9c9c9c; }
.w_commnt .comtxt .inp_w::placeholder { font-size:14px; color:#9c9c9c; }
.w_commnt .btn_submit { width:100px; font-size:16px; color:#3e7b59; font-weight:500; background:#f7f7f8; border-radius:10px; border:1px solid #3e7b59; }
.similar_prod { margin-bottom:50px; }
.similar_prod h2 { font-size:32px; font-weight:700; text-align:left; margin-bottom:25px; }
.similar_prod ul {  }
.similar_prod ul li {  }
.similar_prod ul li .img_area .img_wrap { position:relative; padding-top:100%; border:1px solid #d7d7d7; }
.similar_prod ul li .swiper-wrapper { overflow:hidden; }
.similar_prod ul li .swiper-wrapper {  }
.similar_prod ul li .swiper-wrapper {  }
.similar_prod .sp-button-prev, .similar_prod .sp-button-next { position:absolute; top:50%; cursor:pointer; width:95px; height:95px; margin-top:-20px; z-index:10; }
.similar_prod .sp-button-prev { left:10px; background:url(../img/icon_arrow03.png) no-repeat; background-position:0 0;  }
.similar_prod .sp-button-next { right:10px; background:url(../img/icon_arrow03.png) no-repeat; background-position:-95px 0; }
.hr10 { display:none; }
.look_set_furniture_detail .btn15 {  }
.look_set_furniture_detail .btn_area { margin-bottom:90px; }
.look_set_furniture_detail .btn_view { width:100%; max-width:320px; border-radius:5px; }


@media screen and (max-width:1024px) {
.header_area .title_area { display:block; }
.header_area .tit004, .header_area .date { display:block; width:100%; text-align:left; }
.header_area .filtered { display:block; text-align:left; }
.header_area .filtered .kind, .header_area .filtered .color { display:block; width:100%; padding:8px 0; }
.header_area .filtered .num { display:inline-block; padding:8px 15px; margin-top:10px; }
.header_area .filtered { border-bottom:1px solid #111; }
.header_area .esti_cost .wrap12 { display:none; }
.header_area .esti_cost { margin-bottom:40px; }
.header_area .esti_cost .wrap11 h3, .header_area .esti_cost .wrap11 span { font-size:22px; }
.similar_prod h2 { font-size:25px; }
}
@media screen and (max-width:768px) {
.con_area { margin-bottom:60px; }
.con_area .img_thumb li.swiper-slide-thumb-active { border-radius:8px; }
.con_area .img_thumb li.swiper-slide-thumb-active .img_wrap { border-radius:4px; }
.con_area .txt_area { margin-bottom:70px; }
.con_area .txt_area h2 { font-size:22px; }
.con_area .btn_area .btn_inquiry { max-width:265px; height:50px; line-height:50px; font-size:18px; font-weight:500; border-radius:5px; }
.comment_area h2 { font-size:20px; }
.comment_area .cawrap .text { width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); padding:10px 10px 3px; border-radius:5px; }
.comment_area .cawrap .btn_submit { width:70px; border-radius:5px; }
.w_commnt .comtxt { width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); border-radius:5px; }
.w_commnt .btn_submit { width:70px; border-radius:5px; }
.w_commnt .comtxt .to { font-size:14px; }
.hr10 { display:block; border-bottom:15px solid #f7f7f8; margin:0; }
.comment_area { padding-top:50px; }
.look_set_furniture_detail .btn15 { width:142px; height:50px; font-size:18px; }
.commnt_list ul { margin-bottom:50px; }
.look_set_furniture_detail .btn_area { margin-bottom:90px; }
.similar_prod h2 { font-size:20px; }
.similar_prod .sp-button-prev, .similar_prod .sp-button-next { width:55px; height:55px; margin-top:-5px; background-size:110px; }
.similar_prod .sp-button-prev { background-position:0 0; left:0; }
.similar_prod .sp-button-next { background-position:-55px 0; right:0; }
}
@media screen and (max-width:600px) {
.con_area .btn_area .esti_cost  {  }
.wrap12 { width:120px; font-size:15px; }
.wrap12 .icon01 { margin-right:12px }
.wrap12 .icon { width:25px; height:25px; background-size:100% auto; }
.wrap12 .icon.on { background-size:100% auto; }
}
@media screen and (max-width:425px) {
.con_area .btn_area .btn_inquiry { max-width:205px; }
.comment_area .cawrap { display:block; }
.comment_area .cawrap .text, .comment_area .cawrap .btn_submit { display:block; width:100%; }
.comment_area .cawrap .text { margin-bottom:10px; }
.comment_area .cawrap .btn_submit { height:50px; }
.w_commnt { display:block; }
.w_commnt .comtxt, .w_commnt .btn_submit { display:block; width:100%; }
.w_commnt .comtxt { margin-bottom:10px; padding:10px 10px 7px; }
.w_commnt .btn_submit{ height:50px; }
.w_commnt .comtxt .to, .w_commnt .comtxt .inp_w { display:block; width:100%; }
}
@media screen and (max-width:360px) {
.con_area .btn_area .btn_inquiry { max-width:155px; }
}
@media screen and (max-width:320px) {
.con_area .btn_area .btn_inquiry { max-width:125px; }
}



.look_set_furniture_detail .inner { max-width:1054px; }



.look_single_furniture_detail .inner { max-width:1054px; }
.look_single_furniture_detail .header_area .filtered { margin-bottom:110px; }
.look_single_furniture_detail .con_area .txt_area { padding-top:0; margin-bottom:0; }
.times { display:inline-block; vertical-align:middle; padding-top: 3px; }
.conwrap { display:flex; justify-content:space-between; align-items:center; margin-bottom:38px; }
.conwrap .img_area .img_wrap { position:relative; height:auto; padding-top:80%; border:1px solid #d7d7d7; }
.conwrap .img_area { width:48.38% }
.conwrap .txt_area { width:46.48%; }
.conwrap .txt_area h3 { font-size:24px; font-weight:700; text-align:left; margin-bottom:20px; }
.conwrap .txt_area h4 { font-size:18px; font-weight:700; margin-bottom:5px; }
.conwrap .txt_area .prod_size { background:#f7f7f8; padding:16px 5px; margin-bottom:20px; }
.conwrap .txt_area .prod_size p { font-size:16px; padding:3px 0; }
.conwrap .txt_area .caution { border:1px solid #d7d7d7; padding:16px 16px; margin-bottom:20px; }
.conwrap .txt_area .caution p { position:relative; font-size:12px; text-align:left; padding-left:7px; }
.conwrap .txt_area .caution p:before { position:absolute; left:0; top:0; content:'-'; font-size:12px; }
/*.look_single_furniture_detail .con_area .btn_area { display:flex; align-items:center; }*/
.look_single_furniture_detail .con_area .btn_area { display:flex; align-items:center; justify-content:center;}
.look_single_furniture_detail .wrap12 { width:auto; }
.look_single_furniture_detail .con_area .btn_area .esti_cost { padding-left:25px; }
.btn_area02 { display:flex; justify-content:space-between; align-items:center; margin-bottom:140px; }
.btn_area02 .btn_go02 { width:33.33%; height:60px; line-height:60px; margin:0 10px; font-size:18px; background:#f7f7f8; border:1px solid #d7d7d7; border-radius:10px; color:#7f7f7f; }
.btn_area02 .go_down { border:1px solid #3e7b59; color:#3e7b59; }

@media screen and (max-width:1200px) {
.conwrap { align-items:flex-start; }
}
@media screen and (max-width:1024px) {
.conwrap { display:block; margin-bottom:50px; }
.conwrap .img_area { display:inline-block; width:100%; max-width:455px; margin-bottom:30px; }
.conwrap .txt_area h3 {  text-align:center; }
.conwrap .img_area .img_wrap {  padding-top:90%; }
.look_single_furniture_detail .con_area .txt_area { display:block; width:100%; }
.look_single_furniture_detail .con_area .btn_area { justify-content:center; }
.conwrap .txt_area .caution { margin-bottom:40px; }
}
@media screen and (max-width:768px) {
.btn_area02 .btn_go02 { height:50px; line-height:50px; font-size:16px; border-radius:5px; }
}
@media screen and (max-width:650px) {
.btn_area02 { display:block; width:80%; margin:0 auto; }
.btn_area02 .btn_go02 { width:100%; margin:0 0 15px; }
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
.btn_area02 { width:100%; }
}


.fwrap .select ul.chkboxlist.cbl02 { background:#f7fbf9; }



.look_office_furniture_detail {  }
.look_office_furniture_detail .conwrap .txt_area .prod_size { padding:16px 25px; }
.look_office_furniture_detail .conwrap .txt_area .prod_size p { position:relative; text-align:left; font-size:14px; padding-left:10px; }
.look_office_furniture_detail .conwrap .txt_area .prod_size p:before { position:absolute; left:0; top:4px; content:'·'; }
.detail_img { text-align:center; }
.detail_img .dt_img { width:100%; max-width:860px; }

@media screen and (max-width:1024px) {
.look_office_furniture_detail .conwrap .txt_area { width:100%; }
}
@media screen and (max-width:768px) {
.look_office_furniture_detail .header_area .filtered { padding:0 0 20px; margin-bottom:55px; }
}



.space_explore {  }
.space_explore .bnrimg { margin-bottom:85px; }
.space_explore .bnrimg img { width:100%; border-radius:10px; }
.space_explore .lk_list { margin-bottom:140px; }
.space_explore .bnrimg .for_mo { display:none; }

@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
.space_explore .title_area { margin-bottom:40px; }
.space_explore .bnrimg .for_pc { display:none; }
.space_explore .bnrimg .for_mo { display:block; }
.space_explore .bnrimg { margin-bottom:45px; }
}


.space_explore_detail .header_area .tit004 .small { display:block; font-size:20px; font-weight:300; }
.btn_area03 { margin-bottom:200px; } 
.btn_list { width:198px; height:70px; line-height:70px; text-align:center; background:#808080; color:#fff; font-size:18px; font-weight:500; border-radius:10px; }

@media screen and (max-width:1024px) {
.space_explore_detail .ta_top { display:none; }
.header_area .tit004 { font-size:30px; line-height:1.2; }
.space_explore_detail .header_area .tit004 .small { margin-bottom:6px; }
}
@media screen and (max-width:350px) {
.space_explore_detail .con_area .btn_area .btn_inquiry { font-size:15px; }
}


.memwrap { width:100%; max-width:1200px; margin:0 auto; padding-bottom:60px; }
.memwrap .inner { max-width:450px; }
.memwrap h1 { text-align:center; margin-bottom:100px; }
.memwrap .inp100 { margin-bottom:13px; }
.memwrap .loginwrap { margin-bottom:22px; }
.autolgn { display:flex; justify-content:space-between; align-items:center; margin-bottom:85px; }
.autolgn label { font-size:14px; }
.autolgn .find { color:#3e7b59; font-size:14px; }
.go_signup { margin-bottom:50px; }
.go_signup .regi_btn { background:#f7f7f8; border:1px solid #dbdbdb; border-radius:10px; color:#3e7b59; }
.r_logo { margin-bottom:60px; }
.r_title { font-size:30px; font-weight:500; }
.sns_signup { margin-bottom:50px; text-align:center; }
.sns_signup h2.hr-sect2 { display:inline-block; background:#fff; padding:0 15px;  }
.sns_signup .hr-sect2::before, .sns_signup .hr-sect2::after { content:none; }
.sns_signup .snsLogin { border:1px solid #dbdbdb; border-radius:10px; padding:30px 10px; margin-top:-19px; }
.sns_signup .snsLogin li { margin:0 10px; }
.signup.memwrap h1 { margin-bottom:40px; }
.signup .inp_email { align-items:center; }
.signup .inp_email input[type="email"] {  width:51.5%; }
.signup .inp_email .at {  width:38px; font-size:22px; text-align:center; }
.signup .inp_email .e_select {  width:calc(48.4% - 42px); }
.signup .btn_white01 { color:#9d9d9d; }
.signup .btn_gray02.join, .signup .btn_gray02.prevpage { font-size:22px; }
.signup .btn_gray02.join { color:#3e7b59; }
.signup .btn_gray02.prevpage {  }

@media screen and (max-width:768px) {
.memwrap .inner { width:100% }
}

.c_gre { color:#5fbbb2; }
.c_blu { color:#0091f6; }
.c_blk { color:#000; }
.c_org { color:#fa7b26; }
.c_red { color:#ff595e; }
.c_red2 { color:#ff595e; }

.btn100 { width:100%; height:70px; line-height:70px; font-size:22px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn30_h70 { width:310px; height:70px; line-height:70px; font-size:22px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn25_h70 { width:245px; height:70px; line-height:70px; font-size:22px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn20_h70 { width:200px; height:70px; line-height:70px; font-size:18px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn16_h70 { width:160px; height:70px; line-height:70px; font-size:18px; text-align:center; text-decoration:none; border-radius:10px; letter-spacing:-0.5px; white-space:nowrap; font-weight:500; }
.btn20 { width:200px; height:48px; line-height:48px; font-size:14px; margin:0 12px; text-align:center; text-decoration:none; border-radius:6px; letter-spacing:-0.5px; white-space:nowrap; font-weight:700;  }
@media all and (max-width:768px) {
.popup1 .p_foot button {  }
.btn100 { height:50px; line-height:50px; font-size:20px; border-radius:5px; }
.btn30_h70 { width:200px; height:50px; line-height:50px; font-size:20px; border-radius:5px; font-weight:400; }
.btn25_h70 { width:150px; height:50px; line-height:50px; font-size:20px; border-radius:5px; font-weight:400; }
.btn20_h70 { width:120px; height:50px; line-height:50px; font-size:20px; border-radius:5px; font-weight:400; }
.btn16_h70 { width:160px; height:50px; line-height:50px; font-size:20px; border-radius:5px; font-weight:400; }
}
@media all and (max-width:480px) {
.btn100 { font-size:18px; }
.btn30_h70 { font-size:18px; }
.btn25_h70 { font-size:18px; }
.btn20_h70 { font-size:18px; }
.btn16_h70 { font-size:18px; }
}
@media all and (max-width:360px) {
.btn100 { font-size:16px; }
.btn30_h70 { font-size:16px; }
.btn25_h70 { font-size:16px; }
.btn20_h70 { font-size:16px; }
.btn16_h70 { font-size:16px; }
}

@media all and (max-width:530px) {
.btn20 { width:-webkit-calc(50% - 16px); width:-moz-calc(50% - 16px); width:calc(50% - 16px); margin:0 6px; }
}

.estimate_list001 { padding-top:30px; }
.estimate_list001 th, .estimate_list001 td { padding:7px 3px; border-bottom:1px solid #ddd; text-align:center; }
.estimate_list001 th { background:#f0faf5; border-top:2px solid #3e7b59; }
.estimate_list001 td {  }
.estimate_list001 .view_detail { font-size:14px; padding:5px 10px; background:#fff; color:#3e7b59; border:1px solid #3e7b59; border-radius:5px; }

.popup2 .t_info { border-top:1px solid #555; border-bottom:1px solid #555; margin-bottom:68px; }
.popup2 .t_info ul { justify-content:space-around; padding:20px 50px; }
.popup2 .t_info ul li { font-size:0; }
.popup2 .t_info ul li h3, .popup1 .t_info ul li span { display:inline-block; vertical-align:middle; font-size:18px; }
.popup2 .t_info ul li h3 { font-weight:400; margin-right:2px; }
.popup2 .t_info ul li h3:after { content:' : '; }
.popup2 .t_info ul li span { font-weight:500; }
.popup2 .t_txt { position:relative; text-align:left; font-size:16px; padding-left:10px; margin-bottom:60px; }
.popup2 .t_txt:before { position:absolute; left:0; top:9px; content:''; width:5px; height:5px; background:#333; }
.popup2 .msg_area { padding:25px 35px; border-bottom:1px solid #dbdbdb; margin-bottom:70px; text-align:left; line-height:1.7; }
.popup2 .e_total { margin-bottom:60px; }
.popup2 .e_total h3, .popup1 .e_total span { display:inline-block; vertical-align:middle; font-size:30px; font-weight:700; }
.popup2 .e_total h3 { margin-right:5px; }
.popup2 .e_total span {  }
.popup2 .e_total .monthly { margin-right:24px; }
.popup2 .p_body .pb_tit2 { font-size:24px; margin-bottom:60px; word-break:keep-all; }
.popup2 .p_body .pb_tit2 .br02 { display:none; }
.popup2 .p_body .pb_tit2 a { font-weight:700; border-bottom:1px solid #333; }

.remodal.popup2 { max-width:1200px; padding:70px 95px; box-shadow:2px 2px 15px rgba(0,0,0,0.3); }
.popup2 .remodal-close { left:inherit; top:15px; right:8px; width:50px; height:40px; color:#4a4a4a; }
.popup2 .remodal-close:before { font-size:50px; font-family:'Noto Sans Korean'; font-weight:500; }
.popup2 .p_head {  }
.popup2 .p_head .p_title { font-size:18px; margin-bottom:20px; word-break:keep-all }
.popup2 .p_head .p_title span { display:inline-block; padding:8px 34px; background:#f7f7f8; border-radius:10px; }
.popup2 .p_head .p_title2 { font-size:26px; margin-bottom:50px; word-break:keep-all }
.popup2 .p_head .p_title3 { font-size:30px; margin-bottom:20px; word-break:keep-all }
.popup2 .p_body {  }
.popup2 .p_body .pb_tit { font-size:20px; font-weight:400; margin-bottom:30px; word-break:keep-all; }
.popup2 .p_body .pb_tit02 { font-size:20px; font-weight:400; margin-bottom:45px; word-break:keep-all; }
.popup2 .p_body .b_con { font-size:30px; font-weight:500; margin-bottom:55px; letter-spacing:-1px; word-break:keep-all; }
.popup2 .p_foot button { margin:0 14px; vertical-align:middle; }
.popup2 i.fa-angles-right { font-size:inherit; color:#fff; }
.popup2 i.fa-angle-left { font-size:inherit; color:#515151; }
.popup2 .bdg02 { position:absolute; top:65px; right:95px; }

.popup2 .btn_gray01 { background:#f7f7f8; border:1px solid #dbdbdb; color:#515151; }
.popup2 .btn_gray02 { background:#F2F2F2; border:1px solid #F2F2F2; color:#999; }


@media all and (max-width:1200px) {
.remodal.popup2 { padding:70px 40px; }
}
@media all and (max-width:1024px) {
.remodal.popup2 { padding:70px 30px; }
.popup2 .bdg02 { position:inherit; top:inherit; right:inherit; display:block; text-align:center; margin-bottom:15px; }
.popup2 .bdg02 img { width:100px; }
}
@media all and (max-width:768px) {
.remodal.popup2 { max-height:-webkit-calc(100% - 20px); max-height:-moz-calc(100% - 20px); max-height:calc(100% - 20px); overflow-y:auto; padding:70px 20px; }
.popup2 .p_head .p_title { font-size:14px; margin-bottom:10px; }
.popup2 .p_head .p_title span {  }
.popup2 .p_head .p_title2 { font-size:18px; margin-bottom:20px; }
.popup2 .p_head .p_title3 { font-size:20px; margin-bottom:10px; }
.popup2 .p_body .pb_tit02 { font-size:14px; margin-bottom:35px }
.popup2 .remodal-close:before { font-size:45px; }
.popup2 .p_body .pb_tit { font-size:15px; margin-bottom:20px; }
.popup2 .p_body .pb_tit .enum { display:none; }
.popup2 .p_body .b_con { font-size:20px; }
.popup2 .p_foot button { width:-webkit-calc(50% - 12px); width:-moz-calc(50% - 12px); width:calc(50% - 12px); margin: 0px 4px; }
.popup2 .bdg02 img { width:84px; }
}
@media all and (max-width:480px) {
.remodal.popup1 { padding:70px 10px; }
}

.pop_st01 {  }
.pop_st01 .select01 { padding:35px 0 45px; border-bottom:1px solid #ebebeb; }
.pop_st01 .select01 h3 { font-size:26px; margin-bottom:15px; }
.pop_st01 .select01:last-child { margin-bottom:80px; }
.pop_st01 .img_area {  }
.pop_st01 .img_area label {  }
.pop_st01 .select01 {  }
.pop_st01 .select01 ul.fselect { margin:0; }
.pop_st01 .select01 ul.fselect li { width:20%; padding:10px 5px; }
.pop_st01 .select01 ul.fselect li input[type="checkbox"] + .label { height:45px; line-height:45px; font-size:16px; padding-left:18px; }
.pop_st01 .select01 ul.fselect li input[type="checkbox"] + .label:before { top:2px; left:8px; transform:scale(0.75); }
.pop_st01 .txt_area { width:-webkit-calc(100% - 250px); width:-moz-calc(100% - 250px); width:calc(100% - 250px); font-size:20px; padding-left:60px; }
.pop_st01 .txt_area .iprice { justify-content:flex-end; font-size:20px; margin-bottom:20px; }
.pop_st01 .txt_area .iprice .wrap01 { font-weight:500; margin-right:35px; }
.pop_st01 .txt_area .iprice .wrap01 label { margin-right:15px; }
.pop_st01 .txt_area .iprice .wrap01 .iibox1 { margin-right:10px; }
.pop_st01 .txt_area .iprice .wrap02 { font-weight:700; }
.pop_st01 .txt_area .iprice {  }
.pop_st01 .txt_area .iprice span { display:inline-block; vertical-align:middle; }
.pop_st01.mfd .select01 { display:flex; justify-content:space-between; align-items:center; }
.pop_st01.mfd .select01 h3 { width:120px; }
.pop_st01.mfd .select01 h3 + .d_flex { width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); }
.pop_st01 .btm_input { padding:25px 15px 5px; margin-bottom:40px; border-bottom:1px solid #111; }
.pop_st01 .btm_input .iprice { font-size:23px; margin-bottom:20px; }
.pop_st01 .btm_input .iprice .wrap01 { font-weight:500; margin-right:35px; }
.pop_st01 .btm_input .iprice .wrap01 label { margin-right:15px; }
.pop_st01 .btm_input .iprice .wrap01 .iibox1 { width:150px; height:60px; padding:0 15px; margin-right:10px; text-align:right; }
.pop_st01 .btm_input .iprice .wrap02 { font-weight:700; }
.pop_st01 .btm_input .iprice span { display:inline-block; vertical-align:middle; }
.samp_img_list { margin:30px 0 0; padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #111; }
.samp_img_list ul { display:flex; flex-wrap:wrap; }
.samp_img_list ul li { width:33.33%; padding:15px; margin-bottom:20px; text-align:center; }
.samp_img_list ul li h3 { font-size:20px; margin-bottom:10px; }
.samp_img_list ul li .img_area { position:relative;  /*padding-top:70%; border:1px solid #ededed;*/ }
.samp_img_list ul li .img_area input { position:absolute; left:-1000px; width:1px; height:1px; }
.samp_img_list ul li .img_area .imgbtn { width:100%; height:100%;  }
.samp_img_list ul li .img_area .img_wrap { position:relative; width:100%; height:auto; padding-top:70%; border:1px solid #ededed; }
.samp_img_list ul li .btn_del { position:absolute; top:10px; right:10px; width:30px; height:30px; z-index:10; }
.samp_img_list ul li .item_name { padding:7px 0; margin-top:5px; background:#f5f5f5; }

@media all and (max-width:768px) {
.samp_img_list ul li { width:50%; }
.pop_st01 .btm_input .iprice { display:block; text-align:right; }
.pop_st01 .btm_input .iprice .wrap01 { margin-right:0; margin-bottom:15px; }
.pop_st01 .btm_input .iprice .wrap01 .iibox1 { width:120px; }
.popup2 .msg_area { padding:25px 15px; }
}
@media all and (max-width:670px) {
.select01 ul.fselect02 li { display:block; }
.select01 ul.fselect02 .txt_area, .select01 .img_area { width:100%; }
.select01 ul.fselect02 .txt_area { padding-right:0; }
.select01 ul.fselect02 .txt_area .btm .total { padding-bottom:20px; text-align:center; }
}
@media all and (max-width:480px) {
.sebox select.s01,.sebox select.s02 { width:40%; }
.popup1 .msgbox textarea { padding:10px 10px; }
.samp_img_list ul li { padding:7px; }
.pop_st01 .btm_input .iprice { font-size:20px; }
.pop_st01 .btm_input .iprice .wrap01 .iibox1 { width:100px; }
}
@media all and (max-width:400px) {
.select01 .txt_area .iibox1, .select01 .txt_area .iibox2 { padding:0 5px; }
.select01 ul.fselect02 .txt_area .top .iibox1 { width:-webkit-calc(100% - 22px); width:-moz-calc(100% - 22px); width:calc(100% - 22px); }
.select01 ul.fselect02 .txt_area .btm .input.i02 .iibox2 { width:-webkit-calc(100% - 47px); width:-moz-calc(100% - 47px); width:calc(100% - 47px); }
.select01 ul.fselect02 .txt_area .btm .input.i03 .iibox2 { width:-webkit-calc(100% - 17px); width:-moz-calc(100% - 17px); width:calc(100% - 17px); }
.select01 .txt_area .iibox1, .select01 .txt_area .iibox2 { font-size:14px; }
.select01 ul.fselect02 .txt_area .input label { font-size:14px; padding:0; }
.sebox select.s01,.sebox select.s02 { width:-webkit-calc(50% - 26px); width:-moz-calc(50% - 26px); width:calc(50% - 26px); }
}
@media all and (max-width:360px) {
.select01 ul.fselect li input[type="checkbox"] + .label { font-size:15px; }
.select01 ul.fselect li input[type="checkbox"] + .label:before { left:7px; }
.pop_st01 .btm_input .iprice { font-size:18px; }
.pop_st01 .btm_input .iprice .wrap01 .iibox1 { width:90px; }
}
@media all and (max-width:340px) {
.pop_st01 .btm_input .iprice { font-size:17px; }
.pop_st01 .btm_input .iprice .wrap01 .iibox1 { width:70px; }
}
@media all and (max-width:319px) {
.bdg03, .view_esti {  }
.bdg03 { width:100px; }
.view_esti { width:120px; }
.select01 ul.fselect li input[type="checkbox"] + .label { font-size:14px; }
.select01 ul.fselect li input[type="checkbox"] + .label:before { left:4px; }
.samp_img_list ul li { width:100%; }
}