@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; height: 100%; }
body { margin:0; height: 100%; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display:block; }
audio, canvas, progress, video { display:inline-block; vertical-align:baseline;}
audio:not([controls]) { display:none; height:0; }
[hidden], template { display:none; }
a { background-color:transparent; }
a:active, a:hover { outline:0; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:bold; }
dfn { font-style:italic; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
mark { background:#ff0; color:#000; }
small { font-size:80%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
img { border:0; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
figure { margin:1em 40px; }
hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }
pre { overflow:auto; }
code, kbd, pre, samp { font-family:monospace, monospace; font-size:1em; }
button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0;}
button { overflow:visible; }
button, select { text-transform:none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] { cursor:default; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
input { line-height:normal; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height:auto; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
input::-webkit-input-placeholder { color:#888; }
input::-webkit-moz-placeholder { color:#888; }
input:-moz-placeholder { color:#888; }
input::-moz-placeholder { color:#888; }
input:-ms-input-placeholder { color:#888; }
fieldset { border: 0; padding:0.35em 0.625em 0.75em; }
legend { border:0; padding:0; }
textarea { overflow:auto; }
optgroup { font-weight:bold; }
table { border-collapse:collapse; border-spacing:0; }
td, th { padding:0; }
body { margin:0; padding:0; overflow-y:scroll; }
body, input, textarea, button {
	font-family:'Noto Sans KR', sans-serif;
	font-size:15px; color:#333; line-height:1.5; letter-spacing: -1px;
}hr { display:block; margin:15px 0; height:1px; border:none; background:#ccc; clear:both; }
a { color:#303030; text-decoration:none; }
a:hover { text-decoration:none; }
small { font-size:85%; }
p { margin: 0; padding: 0; }
dl, dt, dd, ul, ol, li { margin:0; padding:0; }
ul, ol, li { list-style:none; }
.blind { position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; }
.profile-img { width:100px; height:100px; margin-top:5px; }
.dis-table { display: table; width: 100%; }
.dis-td { display: table-cell; vertical-align: middle; text-align: center; }
.btn_more_n { display: inline-block; position: absolute; right: 0; bottom: 36px; width: auto; height: 26px; padding: 0 4px 0 3px; border-bottom: 1px solid #303030; /*background-image: url('../../image/web/more_plus.png');  background-position: right 5px; background-repeat: no-repeat;*/ }
.btn_more_n:hover {}
.bg_gray_soft { background-color: #f7f7f7; }
.body_width { position: relative;  margin: 0 auto; width: 1000px !important;}
h1 .sub_tit { display: block; font-size: 14px; font-weight: 300;}

/* Text */
.uix-text-lead { display: block; font-size:16px; } 
.uix-text-left { display: block; text-align:left; }
td.uix-text-left,
th.uix-text-left { display: table-cell; text-align:left !important; }
.uix-text-center { display: block; text-align:center; }
.uix-text-right { display: block; text-align:right; }
.uix-text-primary { color:#303030; }
.uix-text-success { color:#ff3c00; }
.uix-text-error, .uix-text-red { color:#ff3c00; }
/* Grid */
.uix-grid { margin-right:-7.5px; margin-left:-7.5px; }
.uix-grid:after { content:''; display:table; clear:both; }
.uix-grid.not-margin { margin-left:0; margin-right:0; }
.uix-grid.not-margin > * { padding:0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position:relative; min-height:1px; padding-top:4px; padding-bottom:3px; padding-left:8px; padding-right:7px;
}.uix-grid > .col-1, .uix-grid > .col-2, .uix-grid > .col-3, .uix-grid > .col-4, .uix-grid > .col-5, .uix-grid > .col-6, .uix-grid > .col-7, .uix-grid > .col-8, .uix-grid > .col-9, .uix-grid > .col-10, .uix-grid > .col-11, .uix-grid > .col-12 { float:left; }
.col-1 { width:8.33333%; }
.col-2 { width:16.66667%; }
.col-3 { width:33%; float: left; padding: 0; }
.col-4 { width:33.33333%; }
.col-5 { width:41.66667%; }
.col-6 { width:50%; }
.col-7 { width:58.33333%; }
.col-8 { width:66.66667%; }
.col-9 { width:75%; }
.col-10 { width:83.33333%; }
.col-11 { width:91.66667%; }
.col-12 { width:100%; }
/* Button */
.uix-button {
	position:relative;
	display:inline-block; padding:11px 40px; height:46px;
	white-space:nowrap; cursor:pointer; vertical-align:middle;
	margin-bottom:0; text-align:center;
	behavior:url( "../../js/PIE.htc" ); border-radius:3px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
	outline:0;
	font-size:15px; color:#333; border:1px solid #e8e8e8; background:#fff; margin: 0 3px;
}
.uix-button.inline-button {
	position:relative;
	display:inline-block; padding:5px 40px; height:40px; line-height: 28px;
	white-space:nowrap; cursor:pointer; vertical-align:middle;
	font-size:14px; color:#FFF; border:0; background:#303030; margin: 0 5px;
}
.uix-button.two { line-height:16px; padding:12px 40px; height:54px; font-size:13px; }
.uix-button.not-cursor { cursor:default; }
.uix-button.disabled, .uix-button[disabled] { box-shadow:none; filter:alpha(opacity=65); opacity:0.65; cursor:not-allowed; }
.uix-button.color-primary { background-color:#ff3c00; border: 0!important; color:#fff; }
.uix-button.color-gray { background-color:#666; border-color:#666; color:#fff; }
.uix-button.color-gray:hover { background-color:#595959; border-color:#595959; }
.uix-button.color-silver { background-color:#c9c9c9; border-color:#c9c9c9; color:#fff; }
.uix-button.color-silver:hover { background-color:#595959; border-color:#595959; }
.uix-button.color-border-gray { background-color:#FFF; border-color:#e2e2e2; }
.uix-button.color-border-primary { background-color:#fff; border-color:#ff3c00; color:#ff3c00; }
.uix-button.color-border-primary:hover { box-shadow:0 0 0; background-color:#f9f9f9; border-color:#ff3c00; }
.uix-button.color-border-dark { background-color: #1e1e1e; color:#FFF; }
.uix-button.color-line-primary { color:#ff3c00; }
.uix-button.color-line-gray { color:#303030; }
.point_btn { background-color:#fff; color:#ff3c00; font-weight: bold; margin-left: 10px; text-decoration: underline; }


.uix-button.size-large { width: 100%; padding:9px 77px; height:60px; font-size:21px; line-height: 36px; border-spacing: inherit; }
.uix-button.size-medium { display: inline-block; padding:10px 15px; min-width: 150px; height:44px; font-size:15px; line-height: 24px; border-spacing: inherit; }
.uix-button.size-xlarge { padding:0; width:250px; height:50px; line-height:50px; font-size:16px; text-align:center; }
.uix-button.size-small { padding:0 5px; height:32px; line-height:30px; font-size:13px; text-align:center; }
.uix-button.size-small2 { padding:0 10px  !important; height:32px !important; line-height:30px !important; font-size:13px  !important; text-align:center; }
.uix-button.size-line { position: relative; display: inline-block; padding:0 18px !important; height:20px; line-height:20px !important; font-size: 14px; text-align:center; border: 0; vertical-align: top; } 
.uix-button.size-line::after { content: ''; position: absolute; display: block; width: 1px; height: 12px; background-color: #d8d8d8; right: 0; top: 4px; }
.uix-button.size-line:last-of-type::after { display: none; }
.uix-button.size-free { padding:5px 10px; height:initial; height:auto; font-size:12px; text-align:center; }
.uix-button.block { display:block; width:100%; }
a.uix-button { text-decoration:none; }
button.uix-button.block { width:100%; }
.uix-button.color-dark { background-color:#303030; color:#fff; }
.uix-button.color-orange { background-color:#ff3c00; border-color:#ff3c00; color:#fff; }
.keyword_box { font-size: 14px; line-height: 28px; border-radius: 15px; height: 30px; padding: 0 15px; margin: 0 5px 0 0; }
.keyword_div_capsule { text-align: center; padding:15px 50px 5px; line-height: 30px; background-color: #f5f5f5; border-top: 1px solid #777777; margin: 40px 0 0; }
.keyword_div_capsule .keyword_box { margin: 0 5px 10px 0; cursor: pointer; }
.keyword_div_capsule .keyword_box:hover { color:#ff3c00; border: 1px solid #dddddd; }
/* Table */
.uix-table { width:100%; }
.uix-table a { color:#333; }
.uix-table > caption { padding-top:8px; padding-bottom:8px; color:#333; text-align:left; }
.uix-table > thead > tr > th,
.uix-table > thead > tr td,
.uix-table > tbody > tr > th,
.uix-table > tbody > tr td {
	padding:14px 10px; line-height:1.42857142; vertical-align:middle;
}
.uix-table > tbody > tr > td {
	border-bottom:1px solid #dddddd;
	text-align:center;
	font-size:14px;
}
.uix-table > tbody > tr.no_brd1 > td {
	border-bottom:0px solid #d2d2d0;
}
.uix-table > tbody > tr> td:first-child {border-left:none;}
.uix-table > tbody > tr> td.uix-text-left {text-align:left;}
.uix-table > tbody > tr> td.uix-text-right {text-align:right;}
.uix-table > thead > tr > th {
	padding-top:14px; padding-bottom:14px;
	vertical-align:bottom; border-bottom:none; background:#f5f5f5; color:#333;
	font-size:15px; font-weight:400;
}.uix-table.color-dark > thead > tr > th {background:#303030;}
.uix-table.striped > tbody > tr:nth-child(even) > td {background:#f9f9f9;}
.uix-table.not-side-border > tbody > tr > td {border-left:none;}
.uix-table td.uix-text-left { text-align:left; }
.uix-table .subject { display:inline-block; width:520px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uix-table .subject2 { display:inline-block; width:400px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uix-table .subject3 { display:inline-block; width:650px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uix-table .uix-table th { border-left:1px solid #ddd; border-top:1px solid #ddd; font-size:13px; text-align:center; }
.uix-table .uix-table td { border-top:1px solid #ddd; border-bottom:0; text-align:left; font-size:13px; }
.uix-table .uix-table tr:first-child th,
.uix-table .uix-table tr:first-child td { border-top:0; }
.uix-table .uix-table tr th:first-child { border-left:0; }
.uix-table.table01 { border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
.uix-table.table01 thead th { background:#ff3c00; color:#fff; font-size:15px; font-weight:600; padding:15px; text-align:center; }
.uix-table.table01 tbody th { border-top:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f0f0f0; padding:15px; text-align:left; font-size:14px; text-align:center; }
.uix-table.table01 tbody td { border-top:0; border-bottom:1px solid #ddd; padding:15px; text-align:center; font-size:13px; }
.uix-table.table01 tbody tr:last-child th,
.uix-table.table01 tbody tr:last-child td { border-bottom:0; }
.uix-table.table01 tbody th.uix-text-center { text-align:center; }
.uix-table.table01 tbody.border-top { border-top:1px solid #ddd; }
.uix-table.table02 { border:0; }
.uix-table.table02 tbody th { border:0; text-align:left; font-size:14px; padding:5px 5px 5px 5px; font-weight:300; }
.uix-table.table02 tbody td { border:0; text-align:left; font-size:14px; padding:5px; }
.uix-table.table02.bgcolor th { padding:7px 15px; font-weight:700; }
.uix-table.table02.bgcolor td { padding:7px 15px; }
/* space */
.uix-space {height:1px; background:none; margin:15px 0;}
/* Form text */
.uix-form-text {
	display:inline-block; margin:0; padding:6px 13px;
	border:1px solid #d6d6d6; border-radius:3px;
	line-height:32px; height:32px;
	background-color:#ffffff;
	font-size:14px; color:#303030;
    font-weight: 300;
	outline:0; vertical-align:middle;
    box-sizing: border-box;
}
.login_type .uix-form-text { line-height:50px; height:50px; font-size:17px; background-color: #f4f4f4; border:1px solid #ebebeb; }

.uix-form-text::-ms-expand { border:0; background-color:transparent; }
.uix-form-text.block { display:block; width:100%; }
.uix-form-text.active, .uix-form-text:focus { border-color:#46535f; }
.uix-form-text[readonly] { background:#eee; }
.uix-form-text[disabled] { background:#eee; cursor:not-allowed; }
textarea.uix-form-text { height:auto; }
input[type="file"].uix-form-text { padding:0; line-height: 32px; }
.uix-form-description { font-size:12px; margin:5px 0 8px; }
ul.uix-form-description {padding-left:20px;}
ul.uix-form-description li { list-style-type:disc; }
.uix-form-help { font-size:12px; color: #7c7c7c; padding-left:10px; }
.uix-form-check { position:relative; display: inline-block; height: 40px; word-break:break-all; }
.login_type .uix-form-check { margin:20px 0 30px; }
.uix-form-check input[type='checkbox'] { display: none;}
label > input[type='checkbox'] { display: inline-block !important;}
.uix-form-check input[type='checkbox'] + label span { display:inline-block; position: relative; vertical-align:middle; line-height: 40px; font-size: 16px; font-weight: 300; margin-left: 27px; cursor:pointer; color: #939393; }
.uix-form-check input[type='checkbox']:checked + label span { color: #303030; }
.uix-form-check input[type='checkbox'] + label:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px; background-repeat: no-repeat; background-image: url('../../image/web/icon_checkbox_off.png'); background-position: center center;  -webkit-background-size: 95% auto; -moz-background-size: 95% auto; background-size: 95% auto; }
.uix-form-check input[type='checkbox']:checked + label:after { content: ''; background-repeat: no-repeat; color: #303030; background-image: url('../../image/web/icon_checkbox_on.png'); background-position: center center;  -webkit-background-size: 95% auto; -moz-background-size: 95% auto; background-size: 95% auto }

.uix-form-check.check_circle { position:relative; display: inline-block; height: 32px; margin:15px 0 15px; word-break:break-all; }
.uix-form-check.check_circle input[type='checkbox'] { display: none; }
.uix-form-check.check_circle input[type='checkbox'] + label span { display:inline-block; vertical-align:middle; line-height: 30px; font-size: 16px; font-weight: 300; margin-left: 40px; cursor:pointer; color: #303030; }
.uix-form-check.check_circle input[type='checkbox'] + label:after { content: ''; display: block; width: 32px; height: 32px; position: absolute; left: 0; top: 50%; margin-top: -16px; background-repeat: no-repeat; background-image: url('../../image/web/icon_checkcircle_off.png'); background-position: center center;  -webkit-background-size: 95% auto; -moz-background-size: 95% auto; background-size: 95% auto; }
.uix-form-check.check_circle input[type='checkbox']:checked + label:after { content: ''; background-repeat: no-repeat; color: #303030; background-image: url('../../image/web/icon_checkcircle_on.png'); background-position: center center;  -webkit-background-size: 95% auto; -moz-background-size: 95% auto; background-size: 95% auto }



.uix-form-check >  input[type=checkbox],
.uix-form-check > p > label > input[type=radio] {
	position:absolute; margin:4px 0 0 -20px; line-height:normal; cursor:pointer;
}.uix-form-check > img.preview_files{border-radius:5px;max-height:50px;margin:10px 0;}
.uix-form-check > a.fname {
	/*position:absolute; margin:4px 0 0 10px; line-height:normal; cursor:pointer;color:#61bd6d;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:80%;display:inline-block;*/
	position:;vertical-align:middle;line-height:normal;color:#61bd6d;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:70%;display:inline-block;
}/*.uix-form-check > p + p { margin-left:10px; }*/
.uix-form-check > .disabled > label { cursor:not-allowed; color:#888; }
.uix-form-check > .disabled > label > input[type=checkbox],
.uix-form-check > .disabled > label > input[type=radio] {
	cursor:not-allowed;
}.uix-form-check.block > p { display:block; margin-top:5px; margin-bottom:5px; vertical-align:inherit; }
.uix-form-check.block > p + p { margin-left:0; }
.uix-form-check.not-margin { margin:0; }

.ect_btnwrap { position: relative; text-align: right; }
.ect_btnwrap a { display: inline-block; position: relative; height: 30px; line-height: 30px; color: #727272; font-size: 16px; padding-left: 10px; padding-right: 10px; }
.ect_btnwrap a::after { content: ''; position: absolute; right: 0; top: 8px; width: 1px; height: 14px; background-color: #cccccc;  }
.ect_btnwrap a:last-of-type { padding-right: 0; }
.ect_btnwrap a:last-of-type::after { display: none; }

.login_find_btnwrap { position: absolute; right: 0; top: 5px; height: 30px; line-height: 30px; color: #727272; text-align: right; }
.login_find_btnwrap a { display: inline-block; position: relative; height: 30px; line-height: 30px; color: #727272; font-size: 16px; padding-left: 15px; padding-right: 15px; }
.login_find_btnwrap a::after { content: ''; position: absolute; right: 0; top: 8px; width: 1px; height: 14px; background-color: #cccccc;  }
.login_find_btnwrap a:last-of-type { padding-right: 0; }
.login_find_btnwrap a:last-of-type::after { display: none; }

.uix-form-static {
	margin:0; padding:6px 0;
	font-size:13px; color:#333; line-height:1.428571429;
}/* Form group */
.uix-form-group > label { font-size:13px; font-weight:bold; }
.uix-form-group.block > label { display:block; margin:0 0 5px; }
.uix-form-group.inline > label { display:inline-block; margin:0 5px 0 0; }
.uix-form-group.inline > * { display:inline-block; vertical-align:middle; }
.uix-form-group.inline > .uix-form-help { margin:0 0 0 5px; }
/* Paginate */
.uix-paginate { position:relative; margin:30px 0; text-align:center; min-height: 44px; font-size:0; }
.uix-paginate a { display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 15px; font-weight:300; color: #303030; box-sizing: border-box; overflow: hidden; text-decoration:none; opacity: .33; }
.uix-paginate a:hover { opacity: 1; }
.uix-paginate a.on { font-weight:700; color: #ff3c00; border-bottom: 2px solid #ff3c00; box-sizing: border-box; opacity: 1; }
.uix-paginate a.on:hover { color: #9b2100; border-bottom: 2px solid #9b2100; }
.uix-paginate .dir { text-indent: -99999px; background-image: url('../../image/web/icon_paginate.png'); background-repeat: no-repeat; background-position: 0 0; opacity: .33; }
.uix-paginate .dir:hover { opacity: 1; }
.uix-paginate .dir.dir_start { background-position: 0 0; }
.uix-paginate .dir.dir_prev { background-position: 0 -40px; }
.uix-paginate .dir.dir_next { background-position: 0 -80px; }
.uix-paginate .dir.dir_end { background-position: 0 -120px; }
.uix-paginate .uix-text-right { position:absolute; top:-35px; right:0; }
/* Buttons group */
.uix-btn-group { margin:30px 0; text-align:center; position: relative;}
.uix-btn-group.uix-text-right { text-align:right; }
/* Register form */
.uix-title { display: block; position: relative; height: 24px; margin-bottom: 12px;}
.uix-title .txt_help { display: inline-block; position: absolute; right: 0; bottom: 0; height: 20px; font-size: 12px; color:#ff3c00; line-height: 24px;  }
.uix-register-head { margin:5px 0 5px; font-size:16px; font-weight:bold; }
.uix-register { border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; padding: 8px 0; }
.uix-register > dl { display:table; width:100%; margin:0; font-size:14px;}
.uix-register > dl:first-child { border-top:none; }
.uix-register > dl > * { display:table-cell; vertical-align:middle; padding:7px 10px; }
.uix-register > dl > dt { width:20%; }
.uix-register > dl > dd { width:80%; }
.uix-register > dl.column-2 > dd {width:30%;}
.uix-register > dl.column-2 > dt:nth-of-type(2) { width: auto;}
.uix-register > dl.column-2 > dt:first-child {border-left:none;}
.uix-register > dl > dd > p {margin:8px 0 0;}
.uix-register > dl > dd > p.uix-form-help { display: inline-block; position: relative; margin-top:5px;}
.uix-register > dl > dd > *:first-child {margin-top:0;}
.uix-register > dl > dd hr {margin:8px 0; background:#d2d2d0;}
.uix-register .uix-button { height:32px; line-height:30px; font-size: 14px; padding:0 15px; margin: 0 4px; }
.uix-register .uix-form-check { margin: 0 0 0; line-height: 30px; }
.uix-register .uix-form-check input[type='radio'] { display: none; }
.uix-register .uix-form-check input[type='radio'] + label { display: inline-block; position: relative; margin-right: 15px; }
.uix-register .uix-form-check input[type='radio'] + label span { display:inline-block; position: relative; vertical-align:middle; line-height: 30px; font-size: 16px; font-weight: 300; margin-left: 27px; cursor:pointer; color: #939393; }
.uix-register .uix-form-check input[type='radio']:checked + label span { color: #303030; }
.uix-register .uix-form-check input[type='radio'] + label:after { content: ''; display: block; width: 22px; height: 22px; position: absolute; left: 0; top: 50%; margin-top: -11px; background-repeat: no-repeat; background-image: url('../../image/web/icon_radio_off.png'); background-position: center center;  -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
.uix-register .uix-form-check input[type='radio']:checked + label:after { content: ''; background-repeat: no-repeat; color: #303030; background-image: url('../../image/web/icon_radio_on.png'); background-position: center center;  -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto }

.uix-register .h_line { display: block; position: relative; height: 40px; }
.uix-register .h_line::after { content: ''; position: absolute; top: 50%; display: block; width: 100%; height: 1px; background-color: #ebebeb;}

.uix-register .uix-form-text { background-color: #FFF; border: 1px solid #ebebeb; }
.uix-register .uix-form-check.file_field:first-of-type { height: auto; }



.select select {
        /* Reset Select */
        appearance: none;
        outline: 0;
        border: 0;
        box-shadow: none;
        /* Personalize */
        flex: 1;
        padding: 0 1em;
        color: #303030;
        background-color: #FFF;;
        background-image: none;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid #ebebeb;
        border-radius: 3px;
    }

    /* Remove IE arrow */
    .select select::-ms-expand {
        display: none;
    }

    /* Custom Select wrapper */
    .select {
        position: relative;
        display: flex;
        width: 100%;
        height: 40px;
        border-radius: 0;
        overflow: hidden;
        margin: 0;
    }

    /* Arrow */
    .select::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 2px;
        width: 36px;
        height: 36px;
        margin-top: -18px;
        background-image: url('../../image/web/icon_select_aarr.png');
        background-repeat: no-repeat;
        background-position: center center;
        pointer-events: none;
    }

    /* Transition */
    .select:hover::after {
        color: #f39c12;
    }





.important-i {  display: inline-block; color:#ff3c00; vertical-align: top; }
/* Box style */
.uix-box { padding:0; display:block; margin:0 auto; }
.uix-box > .uix-btn-group { margin-bottom:15px; }
.uix-box.bg-lightgray { background:#f5f5f5; }
.uix-box.round { position:relative; behavior:url( "../../js/PIE.htc" ); border-radius:5px; }
.letter_box { width: 100%; padding: 25px 20px; border-top: 1px solid #606060; border-bottom: 1px solid #606060; }
.letter_box table { border-top: 1px solid #e5e5e5; }
.letter_box table > tbody > tr th { background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; font-weight: 300; }
.letter_box table > tbody > tr td { border-bottom: 1px solid #e5e5e5; text-align: left; padding: 10px 15px; }
.letter_box table .uix-form-text { min-width: 100px; height: 40px; line-height: 40px; background-color: #FFF; border: 1px solid #dbdbdb; }

table.letter_box2 { width: 100%; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
table.letter_box2 > tbody > tr > th { width: 120px; background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; font-size: 14px; font-weight: 300; padding: 0; }
table.letter_box2 > tbody > tr > td { border-bottom: 1px solid #e5e5e5; text-align: left; padding: 10px 20px; }
table.letter_box2 .uix-form-text { min-width: 100px; height: 40px; line-height: 40px; background-color: #FFF; border: 1px solid #dbdbdb; }

.uix-box.letter_frame { padding: 20px; border-top: 1px solid #606060; border-bottom: 1px solid #e5e5e5; }

/* Not style element */
fieldset.uix-not-style { margin:0; padding:0; border:none; }
ul.uix-not-style { margin:0; padding:0; list-style:none; }
figure.uix-not-style { margin:0; }
/* Brackets */
.uix-brackets:before { content:'['; }
.uix-brackets:after { content:']'; }
.uix-brackets.small:before { content:'('; }
.uix-brackets.small:after { content:')'; }
.uix-brackets.quots:before { content:'"'; }
.uix-brackets.quots:after { content:'"'; }
.uix-brackets.small-quots:before { content:"'"; }
.uix-brackets.small-quots:after { content:"'"; }
/* Tab contents controller */
.comp-tab-contents { margin:15px 0; }
.comp-tab-contents > nav.uix-grid > * { padding-left:1px; }
.comp-tab-contents > nav.uix-grid > *:first-child { padding-left:0; }
.comp-tab-contents > nav.uix-grid button { position:relative; behavior:url( "../../js/PIE.htc" ); border-radius:0; }
.comp-tab-contents > nav.uix-grid button.active { box-shadow:0 0 0; background:#666; color:#fff; cursor:default; }
.comp-tab-contents .bodies { margin:10px 0 0; }
.comp-tab-contents .bodies > * { display:none; }
.comp-tab-contents .bodies > *.active { display:block; }
.comp-tab-contents .bodies > div { padding:0 15px 15px; }
.comp-tab-contents .bodies > div.not-padding { padding:0; }
/* Main */
#main { position: relative; min-width:1200px; min-height: 100%; padding-bottom: 420px; padding-top: 83px; }
#main > header { position: fixed; left: 0; top: 0; width:100%; background:#fff; border-bottom: 1px solid rgba(0, 0, 0, .1); border-spacing: inherit; z-index: 1002; }
#main > header .header { position:relative; padding:0; width:1100px; height:82px; margin:0 auto; }
#main > header .header h1 { position:absolute; top:12px; left:0; margin:0; }
#main > header .header .unb { position:absolute; top:30px; right:0; overflow:hidden; line-height:24px;}
#main > header .header .unb a { display:inline-block; position: relative; font-size: 16px; color: #303030;  height:24px; float:left; padding:0 13px 0 13px; }
#main > header .header .unb a::after { content: ''; display: block; position: absolute; right: 0; top: 7px; width: 1px; height: 12px; background-color: #afafaf;  }
#main > header .header .unb a:last-of-type::after { display: none; }
#main > header .header .unb a.join { }
#main > header .header .unb a.modify { }
#main > header .header .unb a.admin { color:#ff3c00; }
#main > header .header .unb a:last-child { padding:0 0 0 13px; }
#main > header .header .gnb { position:absolute; top:0; left:250px; right:250px; margin:0 auto; height: 82px; text-align:center; z-index: 100; }
#main > header .header .gnb .gnb_li { display:inline-block; position: relative; height: 82px; padding:31px 0; font-size:18px; font-weight:400; text-align:center; line-height:20px; border-spacing: inherit; }
#main > header .header .gnb .gnb_li a { width: 100%; padding: 0 10px; border-spacing: inherit; }
#main > header .header .gnb .gnb_li.open > a,
#main > header .header .gnb .gnb_li > a.on { color:#ff3c00; }
#main > header .header .gnb .gnb_li:first-child { border-left:none !important; }
#main > header .header .gnb .gnb_li .gnb_sub { display: none; position: absolute; width: 120px; left: 50%; top: 80px; margin-left: -60px; background-color: rgba(255, 255, 255, 0); padding-top: 10px; }
#main > header .header .gnb .gnb_li.open .gnb_sub { display: block; }
#main > header .header .gnb .gnb_li .gnb_sub ul { display: block; width: 100%; padding: 5px 0; background-color: rgba(255, 255, 255, 1); border-radius: 4px; overflow: hidden; border: 1px solid #eaeaea; border-spacing: inherit; }
#main > header .header .gnb .gnb_li .gnb_sub ul li { display: block; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #eaeaea; border-spacing: inherit; }
#main > header .header .gnb .gnb_li .gnb_sub ul li:last-of-type { border-bottom: 0; }
#main > header .header .gnb .gnb_li .gnb_sub ul li a { display: block; width: 100%; text-align: center; font-size: 14px; line-height: 40px; }
#main > header .header .gnb .gnb_li .gnb_sub ul li a:hover { color:#ff3c00; }

#header .acount_icon { display: inline-block; width: 24px; height: 24px; float: left; background-image: url('../../image/web/acount_icon.png'); }

footer { position: absolute; bottom: 0; width:100%; background:#2b2b2b; text-align: left; }
footer .footer { position:relative; width:100%; height:160px; margin:0 auto; background:url('../../image/web/flogo.png') no-repeat 280px 40px; }
footer .footer .fnb { position:absolute; top:37px; left:437px; overflow:hidden; }
footer .footer .fnb a { display:inline-block; float:left; padding:0 8px; border-right:1px solid #999; line-height:14px; font-size:14px; font-weight:600; color:#fff;}
footer .footer .fnb a:hover { color:#fff; }
footer .footer .fnb a:first-child { padding-left:0; }
footer .footer .fnb a:last-child { border-right:0; }
footer .footer .copyright { position:absolute; top:65px; left:437px; color:#a3a3a3; }

footer .footer2 { position:relative; width:100%; height: 300px; margin:0 auto; margin-top: 0; text-align: left; color:#fff; letter-spacing: 0; }
footer .footer2 .fnb {text-align:center; display:block; height: 60px; background-color: #333333; }
footer .footer2 .contact_line { position: relative; height: 70px; line-height: 24px; font-size: 11px; color: rgba(255, 255, 255, .66) ; border-bottom: 1px solid rgba(255, 255, 255, .1); padding: 26px 0 20px; border-spacing: inherit; }
footer .footer2 .contact_line .phone_num { display: inline-block; width: 124px; height: 24px;  overflow: hidden; text-indent: -9999px; background:url('../../image/web/phone_mun.png')  }
footer .footer2 .contact_line span { height: 24px; vertical-align: top; margin-left: 10px;  color: rgba(255, 255, 255, .66); }
footer .footer2 .contact_line .sns_list { display: inline-block; position: absolute; right: 0; top: 26px; text-align: right; }
footer .footer2 .contact_line .sns_list li { display: inline-block; width: 24px; height: 24px; vertical-align: top; margin-left: 14px; background-repeat: no-repeat; opacity: .5;  }
footer .footer2 .contact_line .sns_list li:hover { opacity: 1; }
footer .footer2 .contact_line .sns_list li.sns_fb { background:url('../../image/web/sns_icon_fb.png') }
footer .footer2 .contact_line .sns_list li.sns_in { background:url('../../image/web/sns_icon_in.png') }
footer .footer2 .contact_line .sns_list li.sns_yt { background:url('../../image/web/sns_icon_yt.png') }
footer .footer2 .contact_line .sns_list li a { display: block; width: 100%; height: 100%; overflow: hidden; font-size: 0; text-indent: -9999px;}
footer .footer2 .fnb .body_width { height: 60px; line-height: 30px; text-align: left; font-weight: 300; padding: 15px 0; border-spacing: inherit; }
footer .footer2 .fnb a { display:inline-block; position: relative; float: left; padding:0 15px; font-size:14px; font-weight:300; color: rgba(255, 255, 255, .66);}
footer .footer2 .fnb a::after { content: ''; display: block; width: 1px; height: 12px; position: absolute; right: 0; top: 10px; background-color: rgba(255, 255, 255, .1) }
footer .footer2 .fnb a:hover { color:#fff; }
footer .footer2 .fnb a:first-child { padding-left:0; }
footer .footer2 .fnb a:last-child { border-right:0; }
footer .footer2 .copyright {padding-top:20px; font-size: 13px; line-height: 18px; color:#a3a3a3; text-align: left; }
footer .footer2 .copyright i { display: inline-block; position: relative; width: 15px; height: 18px; vertical-align: top; }
footer .footer2 .copyright i::after { content: ''; display: block; width: 1px; height: 11px; position: absolute; left: 7px; top: 4px; background-color: rgba(255, 255, 255, .1); }
footer .footer2 .copyright .sub_copy { display: block; margin-top: 12px;; font-size: 11px; color: rgba(255, 255, 255, .33); }
footer .footer2 img.logo {position:absolute; margin-left:-70px;}


/* page_visual */
.page_visual { display: table; position: relative; width: 100%; height: 270px; color: #FFF; background-color: #555555; background-repeat: no-repeat; background-size: auto 320px; background-position: bottom center; }
.page_visual header { display: table-cell; text-align: center; vertical-align: middle; box-sizing: border-box; padding-bottom: 35px; }
.page_visual header h1,
.page_visual header span { width: 100%; display: inline-block; text-align: center; }
.page_visual header h1  { font-weight: 300; }
.page_visual.pv_11 { background-image: url('../../image/web/page_visual_pv_11.jpg'); }/* 가상견적 */
.page_visual.pv_21 { background-image: url('../../image/web/page_visual_pv_21.jpg'); }/* 설계의뢰 */
.page_visual.pv_31 { background-image: url('../../image/web/page_visual_pv_31.jpg'); }/* 발주하기 */
.page_visual.pv_41 { background-image: url('../../image/web/page_visual_pv_41.jpg'); }/* 갤러리 */
.page_visual.pv_51 { background-image: url('../../image/web/page_visual_pv_51.jpg'); }/* 고객문의 */
.page_visual.pv_52 { background-image: url('../../image/web/page_visual_pv_52.jpg'); }/* 인테리어팁 */
.page_visual.pv_61 { background-image: url('../../image/web/page_visual_pv_61.jpg'); }/* 이벤트 */
.page_visual.pv_71 { background-image: url('../../image/web/page_visual_pv_71.jpg'); }/* 마이페이지 */
.page_visual.pv_91 { background-image: url('../../image/web/page_visual_pv_91.jpg'); }/* 이용안내 */

.sub_menu_tab { display: block; width: 900px; height: 70px; margin: -35px 0 44px -20px; background-color: #FFF; border-radius: 2px; }
.sub_menu_tab ul { display: block; width: 100%; height: 100%; }
.sub_menu_tab ul li { display: block; float: left; text-align: center; font-size: 17px; line-height: 70px; border-bottom: 2px solid #efefef; }
.sub_menu_tab ul li a { display: block; height: 70px; line-height: 70px; text-align: center; }
.sub_menu_tab ul li.on { border-bottom: 2px solid #ff3c00; }
.sub_menu_tab ul li.on a { color: #ff3c00; font-weight: 700; }
.sub_menu_tab.tab_2 ul li { width: 50%; }
.sub_menu_tab.tab_3 ul li { width: 33.33333%; }
.sub_menu_tab.tab_4 ul li { width: 25%; }
.sub_menu_tab.tab_5 ul li { width: 20%; }
.sub_menu_tab.tab_6 ul li { width: 16.6666%; }
.sub_menu_tab.tab_only_title { margin: -35px 0 15px -20px; }
.sub_menu_tab.tab_only_title li { width: 100%; border-bottom: 0; padding-top: 30px; }
.sub_menu_tab.tab_only_title li a { height: 30px; line-height: 30px; font-size: 19px; font-weight: 700; }

.design_book .search02 { margin: 0 0 50px; }
.design_book .select { width: 312px; height: 42px; float: left; }
.design_book .select select { height: 42px; }
.design_book .sub_menu_tab.tab_only_title li { padding-top: 40px; }
.design_book .sub_menu_tab.tab_only_title li a span { display: inline-block; height: 30px; font-size: 25px; line-height: 30px; vertical-align: top; margin-left: 10px; }
.design_book .search02 input[type="image"] { height: 42px; }

.body_width .sub_menu_tab {  margin: -35px auto 44px; }
.bw_gallery .sub_menu_tab { width: 1000px; }

/* Container */
#container { width:100%; min-height: 100%; margin: 0 auto;}
#container .containe_full { width:100%; }
#container .container { position:relative; width:100%; overflow:hidden; }
#container .container > aside { position:absolute; width:220px; height:100%; padding:0; border-right:1px solid #ccc; display:none}
#container .container > .content { position:relative; width: 860px; margin:0 auto;}
#container .container > .content.login_type { width:560px }
#container .container > .content.join_type { width:760px }
body.index #container .container > aside { display:none; }
.main-wrap { margin:0 auto; width:1000px; }
.main-wrap-bgcolor { padding:15px 0 50px; overflow:hidden; }
#container .container > aside h1 { margin:0; padding:0; text-align:center; height:134px; line-height:132px; font-size:26px; background:#ff3c00; color:#fff; font-weight:600; letter-spacing:-0.5pt; }
#container .container > aside h1.two { padding:35px 0; line-height:30px; }
#container .container > aside ul { margin:0; padding:0; border-top:0; background:#fff; }
#container .container > aside ul > li { position:relative; list-style-type:none; }
#container .container > aside ul > li > a { display:inline-block; width:100%; height:50px; line-height:50px; padding:0 0 0 12px; background:#fff; font-size:15px; font-weight:400; color:#000; border-left:10px solid #fff; }
/*#container .container > aside ul > li > a.on, #container .container > aside ul li a:hover { color:#ff3c00; font-weight:700; background:url('../../image/web/aside-on.png') no-repeat 94% center; }*/
#container .container > aside ul > li > a.on { color:#ff3c00; font-weight:700;}
#container .container > aside ul li a:hover { color:#ff3c00; font-weight:700; background:url('../../image/web/aside-on.png') no-repeat 94% center; }
#container .container > aside ul > li > a.hassub{background:none;}
#container .container > aside ul > li:last-child > a { border-bottom:0; }
#container .container > aside ul > li .sub { position:absolute; top:12px; right:14px; display:inline-block; width:25px; height:25px; background:url('../../image/web/icon-left-menu-sub.png') no-repeat left top; vertical-align:middle; cursor:pointer;}

.title_t01 { position: relative; font-size: 21px; font-weight: 300; height: 32px; line-height: 32px; margin:44px 0 14px;  }
.title_t01 .btn_m_reset { display: inline-block; position: absolute; right: 0; top: 0; height: 32px; line-height: 32px; font-size: 14px; padding: 0 0 0 24px; background:url('../../image/web/icon_m_reset.png') no-repeat left center;  }

/*
#container .container > aside ul > li ul { display:none; position:absolute; top:0; right:-231px; width:230px; background:#f6f6f6; border:1px solid #c9c9c9; border-left:0; z-index:10000; padding:20px 0; }
#container .container > aside ul > li ul a { display:inline-block; width:100%; height:30px; line-height:30px; font-size:14px; font-weight:400; color:#252525; border-left:0; background:#f6f6f6; padding:0 10px 0 30px; }
#container .container > aside ul > li ul a.on, #container .container > aside ul > li ul a:hover { border-left:0; }
#container .container > aside ul > li ul.on { display:block; }
*/
#container .container > aside ul > li ul {
	display:none; width:100%; background:#f6f6f6; border:1px solid #c9c9c9; border-left:0;border-right:0; padding:10px 0;
}
#container .container > aside ul > li ul a { display:inline-block; width:100%; height:30px; line-height:30px; font-size:14px; font-weight:400; color:#252525; border-left:0; background:#f6f6f6; padding:0 10px 0 30px; }
#container .container > aside ul > li ul a.on, #container .container > aside ul > li ul a:hover { border-left:0; }
#container .container > aside ul > li ul.on { display:block; }


/* Page */
.uix-page { padding:0; }
.uix-page.padding { padding:15px; }
.uix-page.not-padding { padding:0; background:#fff;}
.uix-page-headding { margin:80px 0 15px; padding:0; position:relative; }
.uix-page-headding.uph2 { margin:50px 0 15px; padding:0; position:relative; }
.uix-page-headding > h1 { margin:0; text-align:left; font-size:27px; font-weight: 300; line-height: 40px; color:#303030; padding-left: 20px; }
.uix-page-headding > h1 span { color:#ff3c00; }
.uix-page-headding > p { margin:0; font-size:12px; color:#666; }
.uix-page-headding .uix-text-right { position:absolute; top:0; right:0; }
.uix-page-headding .uix-state { position:absolute; bottom:0; right:0; font-size:13px; }
.uix-page-headding .more { position:absolute; top:0; right:0; width:40px; height:40px; line-height:36px; font-weight:700; padding:0; font-size:36px; border-radius:20px; color:#ff3c00; border:2px solid #ff3c00; text-align:center; }
.uix-page-headding .subText { display: inline-block; position: absolute; right: 0; bottom: 5px; font-size: 15px; font-weight: 300; text-align: right; }
.uix-page-headding .subText span { display: inline-block; padding: 0 15px; }
.uix-page-headding .subText a { display: inline-block; height: 30px; padding: 0 15px; font-size: 15px; line-height: 30px; background-color: #303030; color: #FFF; border-radius: 3px; }


.uix-page.faq_type {}


.rbox_type { background-color: #f4f4f4; }
.rbox_type .roundbox { position: relative; width: 100%; margin: 0 auto; padding: 40px; font-size: 26px; font-weight: 300; background-color: #FFFFFF; border: 2px solid #e8e8e8; border-radius: 8px; }
.rbox_type .roundbox .uix-title { height: 40px; margin-bottom: 30px; }
.rbox_type .roundbox fieldset legend { font-size: 30px; line-height: 40px; }
.rbox_type .uix-page-headding { padding: 30px 50px 30px; }
.rbox_type .uix-page-headding > h1 { height: 88px; line-height: 88px; text-align: center; }
.rbox_type .roundbox .uix-register > dl > dt { display: block; width: 100%; font-size: 26px; padding: 20px 0 15px; }
.rbox_type .roundbox .uix-register > dl > dd { display: block; position: relative; width: 100%; min-height: 82px; line-height: 82px; font-size: 0; }
.rbox_type .roundbox .uix-register > dl > dd .uix-form-text { width: 100%; }
.rbox_type .roundbox .uix-register > dl > dd span { font-size: 26px; vertical-align: top; height: 50px; line-height: 50px; }
.rbox_type .roundbox .uix-register > dl > * { display: block; padding: 0; font-size: 26px; }
.rbox_type .roundbox .uix-register .static_field { display: inline-block; width: 100%; height: 82px; line-height: 58px; font-size: 28px; background-color: #f4f4f4; border: 2px solid #ebebeb; border-radius: 8px; padding: 12px 20px; }
.rbox_type .roundbox .uix-register .uix-button { height: 82px; line-height: 82px; background-color: #303030; color: #FFF; }
.rbox_type .roundbox .col-3 { width: 45%; }

.rbox_type .uix-form-help { display: inline-block; position: absolute !important; right: 0; top: -80px; font-size: 22px; margin: 0; padding: 0; margin-top: 0 !important;}


/* Board list */
.uix-table.board-list { margin-top: 60px; }
.uix-table.board-list > thead > tr th { border:0; font-size:15px; font-weight: 300; padding:13px 10px; border-bottom: 0; background-color: #f5f5f5; border-bottom: 1px solid #777777; }
.uix-table.board-list > tbody > tr td { border-left:0; font-size:15px; padding:13px 10px; min-height: 50px; line-height: 24px; }

.tab_only_title + .uix-page .uix-box .board-list { margin-top: 30px; }

/* Board view */
.board-view { border-top:1px solid #303030; }
.board-view.dark-line { border:1px solid #000; }
.board-view.dark-line > tbody > tr:last-child th, .board-view.dark-line > tbody > tr:last-child td { border-bottom:1px solid #000; }
.board-view > tbody > tr > th { padding-top:13px; padding-bottom:13px; background:#FFF; text-align:left; border-bottom:1px solid #303030; font-weight:700; font-size:16px; text-align:center; width:135px }
.board-view > tbody > tr > td { padding:15px 20px; border-bottom:1px solid #303030; text-align:left; line-height:30px; font-size:13px; }
.board-view > tbody > tr > td.cont { padding:30px 20px; height:150px; }
.board-view > tbody > tr > th.uix-text-center { text-align:center; }
.board-view.not-side-border { border-left:0; border-right:0; }
.board-view.not-side-border > tbody > tr > td { border-right:0; }
.board-view .uix-button { height:30px; line-height:28px; padding:0 15px; }
*[name="insert_form"] .board-view .uix-button.size-large {display: inline-block; padding:10px 15px; min-width: 150px; height:44px; font-size:15px; line-height: 24px; border-spacing: inherit;}
.board-view .uix-button.add-del { width:38px; padding:0; text-align:center; font-size:35px; border-radius:19px; font-weight:700; }
.board-view .span_list { display: inline-block; margin-right: 20px; color: #757575;}
.price-table { border: 0; width: 100%; }
.price-table tr th,
.price-table tr td { height: 30px; line-height: 20px; padding: 5px 12px !important; font-size: 13px; }
.price-table tr th { text-align: left; font-weight: 300; }
.price-table tr td { text-align: right; }
.price-table tr:nth-child(odd) th,
.price-table tr:nth-child(odd) td { background-color: #f5f5f5; }
.price-table tr th strong,
.price-table tr td strong { display: inline-block; font-size: 15px; padding: 15px 0 0; }
.price-table tr:last-of-type th,
.price-table tr:last-of-type td { background-color: #FFF; /*border-top:2px solid #f5f5f5;*/ }

/* board-re */
.board-re, .view-info { margin:23px 0 0; border:6px solid #f5f5f5;}
.board-re dt, .view-info dt { padding-top:13px; padding-bottom:13px; text-align:center; background:#f5f5f5; color:#333; border-bottom:1px solid #ddd; font-size:15px; font-weight:600; }
.board-re dd, .view-info dd { padding:20px; font-size:15px; }
/* faq */
.faq { margin:0; padding:0; border-top:1px solid #e5e5e5; }
.faq > li { margin:0; margin:0; padding:0; list-style-type:none; }
.faq > li .question { cursor:pointer; background:#fff; padding:15px 20px; font-size:14px; margin:0; border-bottom:1px solid #e5e5e5; background:url('../../image/web/icon_flip_down.png') no-repeat 97% center; }
.faq > li .question i { display:inline-block; width:16px; height:16px; font-style:normal; background:url('../../image/web/faq_q.png') no-repeat center center; margin:0 10px 0 0; color:#ffb426; font-weight:0; text-indent: -9999px; overflow: hidden; }
.faq > li .answer {display:none; background:#f5f5f5 url('../../image/web/faq_a.png') no-repeat 43px 23px; min-height:90px; margin:0; padding:15px 70px 15px 70px; font-size:16px; border-bottom:1px solid #e7e7e7; }
.faq > li .answer li { margin:0 0 0 10px; list-style-type:none; }
.faq > li .answer li a{display:block; height:23px; line-height:23px; color:#393939; padding:0; font-size:12px; }
.faq > li .answer li a:before { content:" - "; }
.faq > li.on .question { background:#fff url('../../image/web/icon_flip_up.png') no-repeat 97% center; }
.faq > li.on .answer {display:block;}
.faq > li .answer #contents_area { border-bottom: 0; border-top: 0; padding: 20px 0 20px; }
.faq > li .answer #contents_area img { max-width: 100%; }
/* Board form */
.board-form fieldset { margin:0; padding:0; border:none; }
.board-form fieldset dl { display:table; width:100%; margin:0; border-bottom-width:1px; }
.board-form fieldset dl > dt,
.board-form fieldset dl > dd { margin:0; padding:8px 10px; display:table-cell; vertical-align:middle; }
.board-form fieldset dl > dt { width:120px; padding-left:15px; font-weight:bold; background:#f3f3f3; }
.board-form fieldset dl.first { border-top-width:1px; }
.board-form fieldset .description { margin:0 0 8px; font-size:13px; }
/* Terms */
.terms-markup { font-size:12px; }
.terms-markup h2 { margin-top:30px; margin-bottom:10px; }
.terms-markup h3 { margin-top:25px; margin-bottom:10px; }
.terms-markup p { margin:15px 0; }
.terms-markup ul, .terms-markup ol { margin:15px 0; padding-left:24px; line-height:1.6; }
.terms-markup ul li, .terms-markup ol li { margin:8px 0; }
.terms-text {
	margin:15px 0; padding:20px;
	font-size:13px; word-break:break-all; white-space:pre-line;
	border:1px solid #ccc;
	background:#fff;
	line-height:1.6;
	height:550px;
    font-family:'Noto Sans KR','Nanum Gothic', sans-serif !important;
}
.only_read .terms-text { border: 0; }

/* Member box */
.member-box {
	font-size:16px; font-weight:300;
	display:block; width:100%; background:#FFF;
	margin:0 auto; padding:40px;
	border:1px solid #d8d8d8; border-radius:5px;
}.member-box .message {font-size:14px;}
.member-box .uix-btn-group {
	margin-top:30px; margin-bottom:0;
}.member-box .uix-text-primary { border-bottom:1px solid #aaa; }
.member-box .btn-etc { margin:30px auto 0; text-align:center;}
.member-box .btn-etc a { width:90px; margin:0; }
.member-box .uix-text-center { padding: 20px 0 30px; }
/* Login */
.login-box { position:relative; background:#f6f6f6; margin:0 auto; padding:40px; width:100%; background-color: #FFF; border: 1px solid #e8e8e8; border-radius:5px; font-size:13px; font-weight:300; }
.login-box dl { display:table; width:100%; padding:0; margin:0 0 15px; }
.login-box dl:last-of-type { margin:0 0 20px; }
.login-box dl > dt, .login dl > dd { padding:0; float:none; vertical-align:middle; display:table-cell; }
.login-box dl > dt { width:0; display: none; font-size:14px; }
.login-box .size-large { width:100%; line-height: 36px; }
.login-box .btn-etc { width: 100%; margin-top:30px; text-align: left; line-height: 30px; font-size: 12px; }
.login-box .btn-etc a { display:inline-block; width:calc(33.33% - 5px); margin:0 1px; }
.login-box .uix-form-check { text-align:left; }
.uix-box .btn-text { color: #3f3f3f; font-size: 17px; line-height: 30px; padding-top: 30px; }
.uix-box .btn-text a { position: relative; display: inline-block; color: #ff3c00; text-decoration: underline; margin-left: 15px; }
/* Join - confirm */
.join-box { position:relative; background:#f6f6f6; margin:0 auto; padding:40px; width:100%; background-color: #FFF; border: 1px solid #e8e8e8; border-radius:5px; font-size:13px; font-weight:300; }
.join-confirm fieldset { border:none; margin:0 0 15px; padding:0; }
.join-confirm fieldset legend { display:block; margin:0 0 12px; font-size:17px; line-height: 24px; font-weight:700; float:left; }
.join-confirm fieldset textarea { clear:both; width:100%; margin:0; padding:10px; background:#fafafa; border:1px solid #e8e8e8; color: #757575; font-size: 13px; line-height: 20px; }
.join-confirm fieldset .check { margin:0; }
.join-confirm .check-all { margin:0 0 0; font-weight:500; }
/* Join - form */
.join-form fieldset { padding:0; }
.join-form fieldset legend { display: inline-block; font-size:17px; font-weight: 700; line-height: 24px; }
/* Join - result */
.join-result figure {margin-bottom:10px;}
.join-result .body p {margin:5px 0; font-size:14px; color:#7d7d7d;}
.join-result .body .uix-text-lead { font-weight:500; color:#555;}
/* Sprite icons */
.sp-ico { background:transparent url("../../image/web/sp-ico@1x.png") no-repeat; background-size:300px 200px; }
.sp-ico { display:inline-block; text-indent:-9999px; text-align:left; overflow:hidden; }
.sp-ico.abs { position:absolute; left:50%; top:50%; vertical-align:top; }
.ico-check2 { width:12px; height:10px; background-position:-286px -44px; }
.ico-cross4 { width:9px; height:9px; background-position:-286px -64px; }
.ico-circle-pen {width:25px; height:25px; background-position:0 -130px;}
/* State */
.uix-state {
	display:inline-block; padding:0 10px; min-width:60px;/* padding:0 5px; width:60px; */height:26px; line-height:23px;
	font-size:12px; color:#fff; text-align:center;
	background:#aaaaaa; border-radius:13px; border:1px solid #aaaaaa; box-sizing: border-box;
}
.uix-state.width {padding:0 15px; width:initial;}
.uix-state.primary { background:#FFF; border:1px solid #e5e5e5; color:#aaaaaa; }
.uix-state.order { background:#ff3c00; border:1px solid #ff3c00; color:#fff; } /*발주, 낙찰*/
.uix-state.ing { background:#fff; border:1px solid #ff3c00; color:#ff3c00; } /*입찰중*/
.uix-state.end { background:#FFF; border:1px solid #c9c9c9; color:#777; } /*마감*/
.uix-state.waiting { background:#aaaaaa; border:0; color:#fff; } /*대기*/
.uix-state.col-gray { background:#fff; border:1px solid #ccc; color:#555; }
.uix-state-right { position: absolute; right: 0; top: 0; display:inline-block; }
/* mypage_area */
.mypage_area { background:#fff; padding:0; }
.mypage_area .top {padding:20px 0 20px 60px; background:url(../../image/web/icon_local.gif) no-repeat 10px center; font-size:15px; line-height:24px; color:#333; }
.mypage_area .tb_insert { width:100%; border-top:1px solid #ccc; background:#fff; }
.mypage_area .tb_insert th { background:#fbfbfb; text-align:center; border-bottom:1px solid #ddd; padding:15px 0; vertical-align:top; color:#000; }
.mypage_area .tb_insert td { background:#fff; text-align:left; padding:12px 20px; border-bottom:1px solid #ddd; }
.mypage_area .tb_insert td input[type=text], .tb_insert td input[type=password] { width:100%; height:30px; }
.mypage_area .tb_insert td textarea { width:100%; height:307px; }
.mypage_area .tb_insert select { width:40%; margin-right:7px; background:#fff; border:1px solid #ccc; height:34px; padding-left:10px; }
.mypage_area .tb_insert th { font-weight:600; background:#f4f4f4 }
/* 댓글 쓰기 */
.comment .write fieldset { text-align:left; border:0; padding:0; margin:15px 0 0; overflow:hidden; }
.comment .write fieldset textarea { width:calc(100% - 120px); height:60px; line-height:22px; padding:7px 10px; border:1px solid #dcdcdc; vertical-align:middle; margin:0;}
.comment .write fieldset button { float:right; vertical-align:middle; margin:0; width:115px; height:60px; border-radius:3px; }
/* 댓글 리스트 */
.comment { position:relative; overflow:hidden; margin:40px 0 0; }
.comment .list dl { padding:10px 0 10px 12px; }
.comment .list dt { overflow:hidden; padding-bottom:0; }
.comment .list dt .name-date { float:left; margin:5px 0 0; }
.comment .list dt .name-date .name { font-size:14px; font-weight:600; }
.comment .list dt .name-date .date { font-size:13px; line-height:13px; margin-left:10px; color:#a7a7a7; }
.comment .list dt .modify-delete { float:right; }
.comment .list dt .modify-delete .uix-button { padding:0; width:55px; height:25px; line-height:23px; font-size:12px; text-align:center; }
.comment .list dd { font-size:14px; line-height:23px; padding:5px 0 0; }
/* 댓글 수정 */
.comment .modify { position:relative; overflow:hidden; padding:0 0 0 10px; display:none; }
.comment .modify fieldset { text-align:left; border:0; padding:0; margin:0; }
.comment .modify fieldset textarea { width:calc(100% - 120px); height:60px;  line-height:22px; padding:7px 10px; border:1px solid #dcdcdc; vertical-align:middle; margin:0 3px 0 0; }
.comment .modify fieldset .uix-button { height:60px; line-height:60px; padding:0 12px; border-radius:3px; vertical-align:middle; }
/* search01 */
.search01 { position:relative; overflow:hidden; }
.search01 .tab-menu { float:left; width:410px; }
.search01 input[type="text"] { float:right; width:406px; height:45px; }
.search01 input[type="image"] { position:absolute; top:0; right:0; border-radius:5px; }
/* tab-menu */
.tab-menu { overflow:hidden; margin:0 auto 47px; display:inline-block; }
.tab-menu li { float:left; width:201px; }
.tab-menu.item4 li { float:left; width:204px; }
.tab-menu li a { display: block; width: 100%; height:100%; line-height:43px; padding:0; text-align:center; background:#FFF; color:#303030; border:1px solid #777777; border-right: 0; border-radius:0; font-size:15px; opacity: .3;}
.tab-menu li:last-of-type a { border-right: 1px solid #777777; }
.tab-menu li a:hover { background:#fdcdcdcff; }
.tab-menu li a.active { opacity: 1; z-index: 1000; border-right: 1px solid #777777; }

.search012 { position:relative; overflow:hidden; }
.search012 .tab-menu { float:left; width:560px; display:none }
.search012 input[type="text"] { display: inline-block;width:400px; height:50px; }
.search012 input[type="image"] { display: inline-block; width: 85px; height: 50px; border-radius:5px; vertical-align: top; margin-left: 5px; background-color: #ff3c00; color: #FFF; }
.search012 .tab-menu li { float:left; width:135px; }

.search_center form { position:relative; overflow:hidden; }
.search_center form .tab-menu { float:left; width:560px; display:none }
.search_center form input[type="text"] { display: inline-block;width:400px; height:50px; }
.search_center form input[type="image"] { display: inline-block; width: 85px; height: 50px; border-radius:5px; vertical-align: top; margin-left: 5px; background-color: #ff3c00; color: #FFF; }
.search_center form .tab-menu li { float:left; width:135px; }

/* tab-menu3 */
/* item-list */
.item-list { overflow:hidden; }
.item-list p { margin:0; }
.item-list li { background:#fff; float:left; width:320px; border-spacing: inherit; margin:0 20px 25px 0; border-radius:8px; overflow:hidden; border: 1px solid rgba(0, 0, 0, .07); }
.item-list li:nth-child(3n) { margin-right:0; }
.item-list li .img { display: block; position:relative; width:196px; height:161px; border-radius:5px 5px 0 0; overflow:hidden; }
.item-list li .img a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; transition: .3s; }
.item-list li .img a:hover { transform: scale(1.1); transition: .3s; }
.item-list li .img img.wide{height:161px;}
.item-list li .img img.tall{width:191px;}
.item-list li .subject { display: block; position: relative; height: 100px; border-spacing: inherit; padding:13px 20px 17px; overflow:hidden; text-overflow:ellipsis; }
.item-list li .subject > span { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.item-list li .subject .subjectTit.word3 span { display: inline-block; position: relative; padding: 0 9px 0 0; margin: 0 8px 0 0; float: left; }
.item-list li .subject .subjectTit.word3 span::after { content: ''; display: block; position: absolute; width: 1px; height: 14px; background-color: #ccc; right: 0; top: 8px; }
.item-list li .subject .subjectTit.word3 span:last-of-type::after { display: none; }
.item-list li .subject .subcate { display: block; height: 20px; line-height: 19px; font-size: 14px; color: #4c4c4c; padding-left: 22px; background-image: url('../../image/web/icon_cube.png'); background-repeat: no-repeat; background-position: left 3px; }
.item-list li .subject .subjectTit { font-weight: 700; font-size: 19px; color: #303030; }
.item-list li .subject .subjectKeyword { width: 270px; font-size: 13px; color: #8c8c8c; letter-spacing: 0; }
.item-list li .subject .subjectKeyword a:hover { color: #ff3c00; }
.item-list li .id-heart { overflow:hidden; display: block; width: 20px; height: 20px; position: absolute; right: 10px; top: 13px; border-spacing: inherit;  }
.item-list li .id-heart .id { float:left; background:url('../../image/web/icon-id.png') no-repeat left center; background-size:12px auto; font-weight:700; padding-left:18px; }
.item-list li .id-heart .heart { float:right; width:16px; height:15px; margin:2px 0 0; background:url('../../image/web/icon-heart_2.png') no-repeat left center; background-size:15px auto; text-indent:-9999px; background-position: center center; }
.item-list li .id-heart .heart.on { background:url('../../image/web/icon-heart_2_on.png') no-repeat left center; background-size:15px auto; background-position: center center;}
/* view 쪽 heart */
.uix-text-center span.id-heart { overflow:hidden; display: block; width: 100px; height: 20px; position: absolute; left: 10px; top: 13px; font-size: 14px; line-height: 20px; text-align: left; font-weight: 300; vertical-align: top; padding: 0 2px 0 0; }
.uix-text-center span.id-heart .id { float:left; background:url('../../image/web/icon-id.png') no-repeat left center; background-size:12px auto; font-weight:700; padding-left:18px; }
.uix-text-center span.id-heart .heart { display: inline-block; padding: 0 20px 0 0; width:20px; height:20px; margin:0 3px 0 0; background:url('../../image/web/icon-heart_2.png') no-repeat left center; background-size:15px auto; background-position: center center; vertical-align: top; text-indent: -9999px; }
.uix-text-center span.id-heart .heart.on { background:url('../../image/web/icon-heart_2_on.png') no-repeat left center; background-size:15px auto; background-position: center center;}


.item-list li { width:320px; position: relative; }
.item-list li .img { width:320px; height:240px; }
.item-list li .img img {
	width:320px; height:246px;
	object-fit: cover /*fill, cover,contain*/;
}
.item-list.tip_gallery li .img { padding: 10px; }
.item-list.tip_gallery li .img a { overflow: hidden; border-radius: 3px; }
.item-list.tip_gallery li .subject { height: 65px; padding: 6px 40px 7px 20px; }
.item-list.tip_gallery li .subject .subjectTit { font-weight: 300; font-size: 14px; }
.item-list.tip_gallery li .id-heart { top: 8px; }

.item-list.event_list li { width: 490px; height: 186px; margin:0 16px 16px 0; border-radius:8px; overflow:hidden; border: 1px solid rgba(0, 0, 0, .07); box-sizing: border-box; }
.item-list.event_list li:nth-of-type(2n) { margin:0 0 20px 0; }
.item-list.event_list li .img { width: 100%; height: 100%; padding: 0; }
.item-list.event_list li .img a { background-size: auto 180px; overflow: hidden; border-radius: 4px; }
.item-list.event_list li .img img { width: 490px; height: 186px;}



/* 플로팅메뉴 */
.flaoting_menu { position: absolute; right: 20px; top: 180px; width: 100px; border: 1px solid rgba(235, 235, 235, 1); border-spacing: inherit; z-index: 1001; background-color: #FFF; }
.flaoting_menu.sticky { position: fixed; top: 103px;}
.flaoting_menu a { display: block; width: 100%; height: 80px; border-bottom: 1px dashed rgba(215, 215, 215, 1); background-size: 80px 80px; background-position: center center; background-repeat: no-repeat; }
.flaoting_menu a:hover { background-color: rgba(0, 0, 0, .07); }
.flaoting_menu a.fm_01 { height: 100px; background-image: url('../../image/web/flaot_icon_01-2.png') }
.flaoting_menu a.fm_02 { background-image: url('../../image/web/flaot_icon_02-2.png') }
.flaoting_menu a.fm_03 { background-image: url('../../image/web/flaot_icon_03-2.png') }
.flaoting_menu a:last-of-type { border-bottom: 0; }

/* banner-list */
.banner-list { overflow:hidden; }
.banner-list p { margin:0; }
.banner-list li { background:#fff; float:left; width:490px; height: 186px; border-spacing: inherit; margin:0 20px 20px 0; border-radius:8px; overflow:hidden; box-sizing: border-box; }
.banner-list li img { width: 490px; height: 186px; object-fit: cover /*fill, cover,contain*/; }
.banner-list.h120 li img { width: 490px; height: 186px;}
.banner-list.h120 li { height: 120px; border-radius:0; padding: 0px;  }
.banner-list.h120 li:after { content: '셀프인테리어 팁'; display: inline-block; width: 100%; height: 15px; opacity: .5;}
.banner-list li:nth-child(2n) { margin-right:0; }
.banner-list li a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; overflow: hidden; border-radius: 4px; }

/* tip-list */
.tip-list { overflow:hidden; }
.tip-list li { background:#fff; display: table; position: relative; float:left; width:230px; height: 230px; border-spacing: inherit; margin:0 26px 30px 0; border-radius:5px; overflow:hidden; }
.tip-list li:nth-child(4n) { margin-right:0; }
.tip-list li a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; overflow: hidden; }
.tip-list li .subject { display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-spacing: inherit; color: #FFF; font-size: 19px; font-weight: 300; line-height: 24px; text-align: center; word-wrap: normal; word-break: keep-all; letter-spacing: 0; padding: 0 30px 0; background-color: rgba(0, 0, 0, .5); }
.tip-list.main li .subject .dis-td:after { content: '셀프인테리어 팁'; display: inline-block; width: 100%; height: 20px; font-size: 14px; font-weight: 300; margin: 5px 0 0; opacity: .66;}


/* style-img */
.style-img { overflow:hidden; display: block; padding: 15px 0; }
.style-img li { float:left; width:80px; margin:0 25px 0 0; text-align:center; word-break: keep-all; font-size: 13px; line-height: 17px; color: #757575; }
.style-img li:last-of-type { margin:0 0 0 0; }
.style-img li a { display: block; width: 100%; height: 100%;}
.style-img p { margin:0; }
.style-img li em { display: block; height: 30px; line-height: 30px; font-size: 14px; color: #303030; border-bottom: 1px dashed #d1d1d1; font-style: normal; margin-bottom: 6px; }
.style-img .img { position:relative; width:80px; height:80px;
	background-size:cover !important;
	/*background-size:110px 110px !important;*/
	background-repeat:no-repeat !important;
	border-radius:40px;
}.style-img .img img { position:absolute; top:0; left:0px; right:0; bottom:0; margin:auto; max-width:110px; max-height:110px;border-radius:7px; }
/* icon */
.icon { display:inline-block; vertical-align:middle; }
.icon.homepage { width:26px; height:26px; background:url('../../image/web/icon-homepage.png') no-repeat left top; margin:0 5px 0 0; }
.icon.company { width:19px; height:18px; background:url('../../image/web/icon-homepage.png') no-repeat left top; margin:-2px 10px 0 0; }
/* search02 */
.search02 { position:relative; overflow:hidden; margin:0 0 20px; }
.search02 select { float:left; width:300px; height: 32px; margin-right:5px; }
.search02 input[type="image"] { position:absolute; top:0; right:0; border-radius:5px; height:32px; }
.keyword { overflow:hidden; background:#f6f6f6; color:#0a4d81; border-radius:5px; padding:15px; font-weight:700; }
.keyword .heart { float:right; width:36px; height:20px; background:url('../../image/web/icon-heart-on.png') no-repeat left center; background-size:16px auto; padding-right:0; text-align:right; }
/* img-info */
.img-info { overflow:hidden; }
.img-info p { margin:0; }
/*
.img-info .img { position:relative; float:left; width:426px; height:348px; }
.img-info .img img { position:absolute; top:0; left:0; right:0; bottom:0; max-width:426px; max-height:348px; margin:auto; }
*/
.img-info .img { width:100%;}
.img-info .img img { width:100%;height:auto; object-fit: cover; }
.img-info .img2 {  width:756px; margin:0 auto; max-height:350px; overflow:hidden;}
.img-info .img2 img { width:100%;height:100%;max-height:350px; object-fit: cover; }


.img-info .info { float:right; width:46.5%; }
.img-info .info > tbody > tr > th { padding-top:14px; padding-bottom:14px; }
.img-info .info > tbody > tr > td { padding:7px 13px; }
.img-info.size-small { overflow:hidden; }
.img-info.size-small .img { position:relative; float:left; width:286px; height:233px; /*height:286px;*/ }
.img-info.size-small .img img { position:absolute; top:0; left:0; right:0; max-width:286px; max-height:233px;/*max-height:286px;*/ margin:0 auto; }
.img-info.size-small .img img.mb_img_preview{
	margin:auto; width:286px; height:233px;border-radius:3px;
	object-fit: cover/*fill, cover,contain*/;
}.img-info.size-small .info { float:right; width:500px; }
.img-info.size-small .info > tbody > tr > th { padding:19px 15px 18px; }
.img-info.size-small .info > tbody > tr > td {  }
/* img-preview */
.img-preview { overflow:hidden; margin:0 auto; width:100%; }
.img-preview li { position:relative; float:left; width:270px; height:270px; margin:0 25px 25px 0; border-radius: 3px; overflow: hidden; }
.img-preview li:nth-of-type(3n) { margin:0 0 22px 0; }
.img-preview li a {
	position:absolute; top:0; left:0; right:0; bottom:0; max-width:270px; max-height:270px; margin:auto;
	width:100%; height:100%; background-size: cover; transition: .3s;
	object-fit: cover/*fill, cover,contain*/;
}
.img-preview li a:hover { transform: scale(1.1); transition: .3s; }
#main-slides{height:640px;overflow:hidden; background-color: #eaeaea;}
#main-slides .slidesjs-container,
#main-slides .slidesjs-control{ height: 100%!important; }
.slides { position:relative; margin:60px 0; display: none; }
.slides img { height: 640px;}
.slidesjs-control > a { height: 100%!important; }
.slidesjs-control > a .inner_box,
.slides_single > a .inner_box { display: block; width: 100%; height: 100%; background-size: auto 640px; background-position: center center; background-repeat:no-repeat; }
.slides .slidesjs-previous { position:absolute; top:40%; left:0;  background:url('../../image/web/r-prev.png') no-repeat left top; width:16px; height:30px; background-size:16px 30px; text-indent:-5000px; z-index:1000; }
.slides .slidesjs-next { position:absolute; top:40%; right:0; background:url('../../image/web/r-next.png') no-repeat left top; width:16px; height:30px; background-size:16px 30px; text-indent:-5000px; z-index:1000; }
.slides .slidesjs-pagination { display: block; width: 100%; position: absolute; bottom: 50px; left: 0; z-index: 100; text-align: center; }
.slides .slidesjs-pagination li { display: inline-block; width: 16px; height: 16px;  margin: 0 8px 0; overflow: hidden; }
.slides .slidesjs-pagination li a { display: inline-block; width: 16px; height: 16px; border: 2px solid #FFF; border-spacing: inherit; border-radius: 8px; text-indent: -9999px; }
.slides .slidesjs-pagination li a.active { background-color: #FFF; }
.slides_single{height: 640px;overflow:hidden; background-color: #eaeaea;}
.slides_single img { height: 640px; }
.slides_single > a { display: block; width: 100%; height: 100%!important; text-align: center; }


/* 메인섹션 */
.section_title { width: 1000px; margin: 0 auto; position: relative; padding: 58px 0 36px; text-align: left; }
.icon_360 { display: inline-block; width: 65px; height: 35px; background-image: url('../../image/web/icon_360_w.png'); background-position: center center; background-size: contain; background-repeat: no-repeat; letter-spacing: -2px; }
.section_title h2 { display: block; font-weight: 700; font-size: 30px; line-height: 45px; margin: 0; letter-spacing: -1px; }
.section_title h2 em { display: inline-block; position: relative; font-size: 17px; line-height: 26px; vertical-align: text-bottom; font-style: normal; font-weight: 300; margin-left: 15px; }
.section_title span { display: block; position: relative; font-size: 17px; line-height: 26px; }


/* 디자인북 */
.design_book_expl { width: 1000px; height: 130px; margin: 55px auto 65px; background-image: url('../../image/web/db_expl.png'); }
.swiper-container {}
.swiper-container .swiper-slide { width: 310px; height: 360px; background-size: auto 360px; background-position: center center; border-radius: 10px; overflow: hidden; transition: .3s; }
.swiper-container .swiper-slide:hover { background-size: auto 400px; transition: .3s; }
.swiper-container .swiper-slide a { display: block; position: relative;  width: 100%; height: 100%;}
.swiper-container .swiper-slide a .d_type { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; text-align: center; line-height: 60px; font-size: 0; color: #FFF; background-color: rgba(20, 30, 30, .5); transition: .3s; -ms-user-select: none; 
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none; }
.swiper-container .swiper-slide a:hover .d_type { background-color: rgba(20, 30, 30, .8); transition: .3s;  }
.swiper-container .swiper-slide a .d_type > span { display: inline-block; position: relative; padding: 0 8px 0 7px; height: 30px; line-height: 30px; font-size: 17px; margin: 15px 0; vertical-align: top; }
.swiper-container .swiper-slide a .d_type > span::after { content: ''; display: block; position: absolute; width: 1px; height: 14px; right: 0; top: 9px; background-color: rgba(255, 255, 255, .5); }
.swiper-container .swiper-slide a .d_type > span:last-of-type::after { display: none; }
.swiper-container .swiper-slide a .d_type > em { font-style: normal; font-weight: bold; font-size: 19px; margin-right: 7px; text-transform: uppercase; }


/* 중간 섹션비주얼 */
.mid_section { display: table; width: 100%; text-align: center; background-size: auto 480px; background-position: center center; background-repeat: no-repeat;}
.mid_section.mid_section_01 { height: 480px; background: rgb(228,235,239); background: linear-gradient(90deg, rgba(228,235,239,1) 0%, rgba(235,228,239,1) 100%); }
.mid_section.mid_section_02 { height: 400px; }
.mid_section .dis-td { color: #FFF;}
.mid_section.mid_section_01 .dis-td { }
.mid_section.mid_section_02 .dis-td { background-color: rgba(51, 81, 79, .5); }
.mid_section h3 { font-weight: 700; letter-spacing: -2px; padding-bottom: 10px; }
.mid_section h4 { font-weight: 700; font-size: 22px; letter-spacing: -2px; padding-bottom: 10px; }
.mid_section.mid_section_01 h3 { font-size: 38px; color: #192934; padding-bottom: 4px; }
.mid_section.mid_section_02 h3 { font-size: 32px; }
.mid_section.mid_section_01 p { font-size: 19px; line-height: 28px; color: #192934; }
.mid_section.mid_section_02 p { font-size: 19px; line-height: 28px; }
.mid_section a.btn_launch { display: inline-block; width: 270px; height: 42px; line-height: 38px; color: #FFF; font-weight: 700; font-size: 17px; background-color: transparent; margin-top: 30px; border-radius: 3px; border: 2px solid #FFF; transition: .3s; }
.mid_section a.btn_launch:hover { color: #FFF; border: 2px solid #ff3c00; background-color: #ff3c00; transition: .3s; }

.card_box_list { width: 1000px; margin: 0 auto; padding: 30px 0 15px;}
.card_box_list li { display: table; width: 312px; height: 230px; float: left; margin-right: 32px; background-color: #fff; border-radius: 20px; border: 1px solid rgba(200, 204, 212, .5); box-sizing: border-box; transition: .3s; }
.card_box_list li:hover { box-shadow: 12px 12px 0px 0px rgba(0, 0, 0, .05); transform: scale(1.05); transition: .3s; }
.card_box_list li:nth-of-type(3) { margin-right: 0; }
.card_box_list li a { display: table-cell; text-align: center; vertical-align: middle; color: #233846; font-size: 18px; line-height: 25px; }
.card_box_list li a i { display: block; width: 100px; height: 80px; margin: 0 auto 0; background-size: cover; background-position: center center; }
.card_box_list li a::after { content: ''; display: inline-block; width: 32px; height: 32px; border-radius: 16px; background-color: #e4ebef; background-image: url('../../image/web/link_arr.png'); background-size: 32px; background-position: center center; margin: 20px auto 0; }
.card_box_list li.cb_01 a i { background-image: url('../../image/web/icon_kw_1.png'); }
.card_box_list li.cb_02 a i { background-image: url('../../image/web/icon_kw_2.png'); }
.card_box_list li.cb_03 a i { background-image: url('../../image/web/icon_kw_3.png'); }
.card_box_list li a em { display: block; font-size: 25px; font-style: normal; font-weight: 700;}
.card_box_list li a em::before {content: '“'}
.card_box_list li a em::after {content: '”'}


/* 라이트박스 */
.black_overlay{ display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80);	}
.white_content { display:none; position:absolute; top:25%; left:25%; z-index:1002; }
#light-preview-img .close { position:absolute; top:-53px; right:0; }
.result-title { position:relative; padding:0; text-align:left; font-size: 21px; font-weight: 300; margin:30px 0; height:60px; line-height:60px; border-bottom: 1px solid #606060; }
.result-title .guide-box { display:inline-block; vertical-align:middle; margin:-4px 0 0;}
.result-title .guide-box .popup { position:absolute; top:-30px; left:-480px; }
/* select-toggle 
.select-toggle { margin:0; padding:0; }
.select-toggle > li { margin:0 0 15px; padding:0; list-style-type:none; }
.select-toggle > li .title { cursor:pointer; background:#fff; padding:15px 20px; font-size:16px; font-weight:700; color:#6f6f6f; margin:0; border-bottom:1px solid #e7e7e7; background:url('../../image/web/faq-q-off.png') no-repeat 97% center; border:1px solid #e7e7e7;border-radius:5px; }
.select-toggle > li .body {display:none; min-height:90px; margin:0; padding:15px 0; font-size:16px; }
.select-toggle > li .body li { margin:0 0 0 10px; list-style-type:none; }
.select-toggle > li .body li a{display:block; height:23px; line-height:23px; color:#393939; padding:0; font-size:12px; }
.select-toggle > li .body li a:before { content:" - "; }
.select-toggle > li.on .title { background:#fff url('../../image/web/faq-q-on.png') no-repeat 97% center; }
.select-toggle > li.on .body {display:block;}*/
/* guide-box */
.guide-box { position:relative; font-size:13px; font-weight:400; }
.guide-box .popup { display:none; position:absolute; top:-13px; right:0; width:780px; padding:15px; background:#f9f9f9; border:1px solid #ff3c00; border-radius:5px; min-height:250px; text-align:left; z-index:1002; }
.guide-box .popup .close { position:absolute; top:-35px; right:-5px; }
.guide-box .popup .close img { width:30px; }
/* 완료항목 */
.completed-entry { position:absolute; top:118px; right:-120px; width:100px; background:#f9f9f9; border:1px solid #ccc; border-radius:5px; }
.completed-entry dt { font-size:15px; font-weight:600; text-align:center; padding:10px 0; }
.completed-entry ul { border-top:1px solid #ddd; padding:3px 0; }
.completed-entry li { display:none; padding:6px 0; text-align:center; }
.completed-entry li span { display:inline-block; background:#fff; border:1px solid #aaa; border-radius:15px; padding:2px 8px; font-size:12px; }
.completed-entry li.on { display:block; }
.completed-entry li p.txt_box2 {margin:0 auto;width:86px;color:#6f6f6f;padding:7px;
	border-radius:5px; background-color:#eaeaea;text-shadow:2px 2px 5px #aaa;
}/* 선택항목 */
.select-entry { position:absolute; top:306px;/*top:315px;*/ right:-120px; width:100px; background:#f9f9f9; border:1px solid #ccc; border-radius:5px; }
.select-entry dt { font-size:15px; font-weight:600; text-align:center; padding:10px 0; }
.select-entry ul { border-top:1px solid #ddd; padding:3px 0; }
.select-entry li { display:none; padding:6px 0; text-align:center; }
.select-entry li img { width:73px; height:73px; }
.select-entry li p { margin:2px 0;}
.select-entry li.on { display:block; }
.select-entry li span { display:inline-block; background:#fff; border:1px solid #aaa; border-radius:15px; padding:2px 8px; font-size:12px; margin:5px 0 0; }
.select-entry li p.txt_box {margin:0 auto;width:86px; height:70px; line-height:70px;color:#6f6f6f;
	white-space:nowrap;border-radius:5px; background-color:#eaeaea;text-shadow:2px 2px 5px #aaa;
}.select-entry li p.txt_box2 {margin:30px 0;width:86px;color:#6f6f6f;padding:7px;
	border-radius:5px; background-color:#eaeaea;text-shadow:2px 2px 5px #aaa;
}.select-entry li div.txt_box {
	display:block;
	margin:0 auto;width:70px; height:70px; line-height:70px;color:#6f6f6f;
	white-space:nowrap;border-radius:5px; background-color:#eaeaea;text-shadow:2px 2px 5px #aaa;
}.select-entry li div.txt_box .detail {
	border:0;margin:0;padding:0;display:none;line-height:1.5em
}.select-entry li div.txt_box .detail.on {
	display:block;
}/* select-img */
.select-img { position:relative; cursor:pointer; border-radius:5px; overflow:hidden; }
.select-img .cover {width:100%;}
.select-img span { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../image/web/check-img-bg.png') repeat center top; background-size:auto 100%; }
.select-img.on span { display:block; }
.select-img span img { position:absolute; top:0; left:0; right:0; bottom:0;  margin:auto; width:90px; height:auto; }
.step1 .select-img{max-height:350px; }
.step2 .select-img{max-height:280px; }
/* select-img-expansion */
.select-img-expansion { position:relative; cursor:pointer; border-radius:5px; overflow:hidden; }
.select-img-expansion .cover {width:100%;}
.select-img-expansion span { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../image/web/check-img-bg.png') repeat center top; background-size:auto 100%; }
.select-img-expansion.on span { display:block; }
.select-img-expansion span img { position:absolute; top:0; left:0; right:0; bottom:0;  margin:auto; width:90px; height:auto; }
.step2 .select-img-expansion{max-height:200px;}
/* select-img-list */
.select-img-list { overflow:hidden; margin:40px 0 0; }
.select-img-list li { float:left; position:relative; width:395px; overflow:hidden; border-radius:5px; }
.select-img-list li:nth-child(2n) { float:right; }
.select-img-list li > img { position:absolute; top:0; left:0; right:0; bottom:0; max-width:395px; max-height:212px; margin:auto; }
.select-img-list.expansion { position:relative; background:#eaeaea; padding:54px 27px 0; margin:0;}
.select-img-list.expansion li { width:372px; }
.select-img-list.expansion li > div > img { max-width:372px; /*max-height:199px;*/ }
.select-img-list.expansion.center { background:#eaeaea url('../../image/web/bt-arrow.png') no-repeat left top; }
.select-img-list.expansion.left { background:#eaeaea url('../../image/web/bt-arrow-left.png') no-repeat left top; }
.select-img-list.expansion.right { background:#eaeaea url('../../image/web/bt-arrow-right.png') no-repeat left top; }
.step2 .select-img-list .select-img{max-height:212px;}
.step2 .select-img-list .select-img .cover{min-height:212px;}
.step2 .select-img-list.expansion .cover{min-height:200px;}
/* select-img-list-style*/
.select-img-list-style { overflow:hidden; margin:20px 0 0; }
.select-img-list-style li { float:left; position:relative; width:255px; overflow:hidden; border-radius:5px; margin:0 27px 0 0;}
.select-img-list-style li:nth-child(3n) { margin:0; }
.select-img-list-style li > img { position:absolute; top:0; left:0; right:0; bottom:0; max-width:255px; max-height:552px; margin:auto; }
.select-img-list.style { position:relative; background:#eaeaea; padding:54px 27px 0; margin:0;}
.select-img-list.style li { float:left; width:242px; margin:0 20px 0 0; }
.select-img-list.style li:nth-child(3n) { margin:0; }
.select-img-list.style li > div > img { width:242px; /*height:127px;*/ }
.select-img-list.style.center { background:#eaeaea url('../../image/web/bt-arrow.png') no-repeat center top; }
.select-img-list.style.left { background:#eaeaea url('../../image/web/bt-arrow-left.png') repeat-x -60px top; }
.select-img-list.style.right { background:#eaeaea url('../../image/web/bt-arrow-right.png') repeat-x 60px top; }
.select-img-list.style li.on span { display:block; }
.select-img-list.style .select-all { overflow:hidden; }
.select-img-list.style .select-all li { width:140px; height:180px; margin:0 16px 0 0; }
.select-img-list.style .select-all li:nth-child(5n) { margin:0; }
.select-img-list.style .select-all li > img { width:140px; height:140px; margin:0; }
.select-img-list.style .select-all li > a img { width:140px; height:140px; margin:0; }
.select-img-list.style .select-all li .uix-form-check { position:absolute; bottom:10px; font-size:16px; text-align:center; width:100%; }
.select-img-list.style .select-all li .uix-form-check  > p > label > input[type=radio] { margin:6px 0 0 -20px; }
.select-img-list.style .select-all-3 { overflow:hidden; }
.select-img-list.style .select-all-3 li { width:240px; height:180px; margin:0 22px 0 0; }
.select-img-list.style .select-all-3 li:nth-child(3n) { margin:0; }
.select-img-list.style .select-all-3 li > img { width:240px !important; height:140px !important;; margin:0; /*width:240px; height:140px; margin:0;*/ }
.select-img-list.style .select-all-3 li > a img { width:240px !important; height:140px !important;; margin:0; }
.select-img-list.style .select-all-3 li .uix-form-check { position:absolute; bottom:10px; font-size:16px; text-align:center; width:100%; }
.select-img-list.style .select-all-3 li .uix-form-check  > p > label > input[type=radio] { margin:6px 0 0 -20px; }
/* select-img-list3 */
.select-img-list3 { overflow:hidden; margin:0; }
.select-img-list3 li { float:left; position:relative; width:255px; height: 225px; overflow:hidden; border-radius:5px; margin:0 27px 0 0;}
.select-img-list3 li:nth-child(3n) { margin:0; }
.select-img-list3 li .mb_img_preview img{
	margin:auto; width:255px; height:255px;
	object-fit: cover/*fill, cover,contain*/;
}
/* select-img-list4 */
.select-img-list4 { overflow:hidden; margin:0; }
.select-img-list4 li { float:left; position:relative; width:288px; height: 288px; overflow:hidden; border-radius:5px; margin:0 10px 10px 0;}
.select-img-list4 li:nth-child(2n) { margin:0 0 14px 0; }
.select-img-list4 li .mb_img_preview img{
	margin:auto; width:288px; height:288px;
	object-fit: cover/*fill, cover,contain*/;
}
.step31 .select-img{max-height:552px; }
.step31 .select-img .cover{min-height:552px; }
.step31 .select-img-list .select-img-expansion{height:127px; }
.step31 .select-img-list .cover{min-height:127px; }
/* 팝업 이미지 */
.light-select-preview { position:absolute; top:450px; left:0; padding:0; margin:0; }
.light-select-preview img { border-radius:7px; }
.light-select-preview .close { position:absolute; top:-53px; right:0; }
.light-select-preview .uix-form-check { padding:5px; text-align:center; color:#fff; }
.light-select-preview2 { position:fixed; width: 100%; height: 100%; text-align: center; left: 0; top: 0; z-index:9999;}
.light-select-preview2 img { width:100%; max-width:90%px; height:auto; }
.light-select-preview2 .seltop { }
.light-select-preview2 .seltop label { display: inline-block; height: 50px; line-height: 50px; text-align: center; cursor: pointer; padding-left: 25px; background:url('../../image/web/icon_checkcircle_w.png') no-repeat left 16px; }
.light-select-preview2 .seltop input[type="checkbox"] { display: none; }
.light-select-preview2 .close { position:absolute; bottom: 0; right:0; width: 50px; background:url('../../image/web/icon_close_x_mini.png') no-repeat center center; }
.light-select-preview2 .close img {width:50px;height:50px;}
/*.light-select-preview2 .close:before{content:'이미지 드래그가능';color:#666; vertical-align:bottom;}*/
.light-select-preview2 .uix-form-check { padding:5px; text-align:center; color:#fff; }
.light-select-preview2 .inner_dv { display: inline-block; width: 90%; max-width: 1280px; position: relative; }
.light-select-preview2 .inner_dv .image_btn_wrap { width: 100%; height: 50px; color: #FFF; text-align: center; background-color: rgba(0, 0, 0, .75);  }
.light-select-preview2 .inner_dv .image_btn_wrap a { display: inline-block; height: 50px; line-height: 50px; color: #FFF; font-size: 14px;}

/* 메인 비주얼 */
#main-slides { margin:0 auto; }
#main-slides .slidesjs-previous { position:absolute; top:50%; left:50%; margin-left: -650px; margin-top: -22px; background:url('../../image/web/main-r-prev3.png') no-repeat left top; width:44px; height:44px; background-size:44px 44px; text-indent:-5000px; z-index:1000; }
#main-slides .slidesjs-next { position:absolute; top:50%; right:50%; margin-right: -650px; margin-top: -22px; background:url('../../image/web/main-r-next3.png') no-repeat left top; width:44px; height:44px; background-size:44px 44px; text-indent:-5000px; z-index:1000; }
.main-link1 { overflow:hidden; background:url('../../image/web/main-link1-bg.png') no-repeat center top; }
.main-link1 li { float:left; width:50%; height:128px; text-align:right; padding:45px 278px 0 0; font-size:24px; font-weight:700;  }
.main-link1 li:nth-child(2n) { float:right; text-align:left; padding:45px 0 0 50px; }
.main-link1 li a { color:#fff; }
.main-link1 li a span { color:#000; }
.main-link1 li:nth-child(2n) a { color:#999; }
.main-link1 li:nth-child(2n) a span { color:#000; }
/* select-img-overlap */
.select-img-overlap { position:relative; cursor:pointer; border-radius:5px; overflow:hidden; }
.select-img-overlap span { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../image/web/check-img-bg.png') repeat center top; background-size:auto 100%; }
.select-img-overlap.on span { display:block; }
.select-img-overlap span img { position:absolute; top:0; left:0; right:0; bottom:0;  margin:auto; width:90px; height:auto; }
.step32 .select-img-overlap{max-height:280px; }
.step32 .select-img-overlap .cover{width:100%;}
.step41 .select-img{max-height:280px; }
.step41 .select-img-list .select-img-expansion{height:127px; }
.step41 .select-img-list .cover{min-height:127px; }
/*.step41 .select-img-list .cover2{width:100%;min-height:140px !important;}*/
.step41 .select-img-list .cover2{
	position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;
	width:140px; height:140px;
	object-fit: cover/*fill, cover,contain*/;
	border-radius:5px;
}.step5 .select-img-list .select-img{max-height:212px;}
.step5 .select-img-list .select-img .cover{width:395px;min-height:212px;}
.step5 .es_detail3_img{float:left;margin:5px 15px;}
.step5 .es_detail3_img img{ height:60px; border-radius:7px;}
.uix-box2 { border:1px solid #ccc; text-align:center; padding:20px; margin:20px 0 0; font-size:14px; }
div.growlUI {
	/*background: url(/image/check48.png) no-repeat 10px 10px;min-height:55px;max-width:250px !important;*/
	max-width:250px !important;
}div.growlUI h1{color: white; /*padding: 7px 5px 0px 75px; text-align: left;*/ text-align:center; font-weight:bold !important; line-height:1.2em;font-size:1.2em;}
div.growlUI h2 {color: white; /*padding: 0px 5px 0px 75px;*/ padding:5px 10px;text-align: left; font-weight:normal !important; line-height:1em;font-size:1em;}
/* 테이블 tr bg */
.tr_bg1{background:#f9f9f9;}
.tr_bg0{background:#30300;}
/* ######################################### */
/* ######################################### */
/* ######################################### */
/* ######################################### */
/* ######################################### */
/* new publish under */
.cost_step_1 { overflow:hidden; }
.cost_step_1 li { position:relative; float:left; text-align:center; font-size:26px; font-weight:700; color:#6f6f6f; border-radius:5px; overflow:hidden; width:400px; /*height:380px;*/ cursor:pointer; }
.cost_step_1 li:nth-of-type(2) { float:right; }
.cost_step_1 li img { border:2px solid #ddd; border-radius:5px; width:400px; height:380px; }
.cost_step_1 li.on { color:#ff3c00; }
.cost_step_1 li.on img { border-radius:5px; }
.cost_step_1 li.on .alpha { display:inline-block; position:absolute; top:0; left:0; background:url('../../image/web/alpha-bg.png') repeat left top; border-radius:5px; width:400px; height:380px; border:2px solid #ff3c00; }
.cost_step_2 { overflow:hidden; margin:30px 0 0; }
.cost_step_2 dt { }
.cost_step_2 dt.on { border:2px solid #ff3c00; }
.cost_step_2 dd { width:760px; }
.cost_step_2 dd select { height:40px; font-size:15px; }
.cost_step_2 dd select:hover,
.cost_step_2 dd select.on { }
.cost_step_2 dt .puzzle-1 { position:absolute; top:70px; left:60px; width:157px; height:153px; background:url('../../image/web/cost-puzzle-1.png') no-repeat left top; padding:30px 0 0 15px; color:#fff; font-size:90px; line-height:90px; font-weight:700; letter-spacing:-6pt; }
.cost_step_2 dt .puzzle-2 { position:absolute; top:70px; right:78px; width:129px; height:153px; background:url('../../image/web/cost-puzzle-2.png') no-repeat left top; padding:15px 60px 0 60px; color:#fff; font-size:40px; line-height:40px; font-weight:700; letter-spacing:-2pt; overflow:hidden; }
.cost_step_2 dt .puzzle-3 { position:absolute; bottom:52px; left:60px; width:262px; height:129px; background:url('../../image/web/cost-puzzle-3.png') no-repeat left top; padding:60px 0 0; color:#fff; font-size:40px; line-height:40px; font-weight:700; letter-spacing:-2pt; overflow:hidden; text-align:center; }
.cost_step_style { overflow:hidden; border-top: 1px solid #5b5b5b; }
.cost_step_style > li { display: block; position: relative; padding: 10px 50px 10px 180px; box-sizing: border-box; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; min-height: 60px; }
.cost_step_style.choiced > li {  background-color: #FFF; }
.cost_step_style.choiced > li * { opacity: .5;}
.cost_step_style.choiced > li.on { background-color: #f5f5f5; }
.cost_step_style.choiced > li.on * { opacity: 1;}
.cost_step_style > li > label { display: block; position: absolute; left: 50px; top: 10px; width: 120px; height: 44px; line-height: 24px; padding: 10px 0 10px 30px; box-sizing: border-box; text-align: left; background:url('../../image/web/icon_check-item.png') no-repeat left center; }
.guide_txt_s { display: block; font-size: 12px; line-height: 19px; padding: 4px 0; color: #8e8e8e; }
.guide_txt_m { display: block; font-size: 13px; line-height: 21px; padding: 3px 0; margin-top: 14px; color: #8e8e8e; }
.cost_step_style.choiced > li > label { cursor: pointer; }

.cost_step_style .d_type_btn { display: inline-block; height: 28px; color: #333; border: 1px solid #888; line-height: 27px;  border-radius: 20px; padding: 0 20px; margin: 4px 8px 4px 0; box-sizing: border-box; cursor: pointer; background-color: #FFF; }
.cost_step_style .d_type_btn:hover { color: #ff3c00; border: 1px solid #ff3c00 }

/*
.cost_step_style li { float:left; width:265px; height:384px; margin:0 12px 0 0; }
.cost_step_style li:last-child { margin:0; }
/*.cost_step_style li.s { background:url('../../image/web/cost_step_3-s.png') no-repeat left top; cursor:pointer; }
.cost_step_style li.m { background:url('../../image/web/cost_step_3-m.png') no-repeat left top; cursor:pointer; }
.cost_step_style li.a { background:url('../../image/web/cost_step_3-a.png') no-repeat left top; cursor:pointer; }
.cost_step_style li.s.on { background:url('../../image/web/cost_step_3-s_on.png') no-repeat left top; cursor:pointer; }
.cost_step_style li.m.on { background:url('../../image/web/cost_step_3-m_on.png') no-repeat left top; cursor:pointer; }
.cost_step_style li.a.on { background:url('../../image/web/cost_step_3-a_on.png') no-repeat left top; cursor:pointer; }
*/
/*
.cost_step_style li.s { background:url('../../image/web/cost_step_3-s_new.png') no-repeat left top; cursor:pointer; }
.cost_step_style li.m { background:url('../../image/web/cost_step_3-m_new.png') no-repeat left top; cursor:pointer; }
.cost_step_style li.a { background:url('../../image/web/cost_step_3-a_new.png') no-repeat left top; cursor:pointer;}
.cost_step_style li.s.on { background:url('../../image/web/cost_step_3-s_on_new.png') no-repeat left top; cursor:pointer; }
.cost_step_style li.m.on { background:url('../../image/web/cost_step_3-m_on_new.png') no-repeat left top; cursor:pointer; }
.cost_step_style li.a.on { background:url('../../image/web/cost_step_3-a_on_new.png') no-repeat left top; cursor:pointer; }

.cost_step_color { position:relative; height:220px; }
.cost_step_color li { position:absolute; }
.cost_step_color li:last-child { margin:0; }
*/
/*북유럽*/
/*.cost_step_color li.sb { top:-25px; left:0; width:264px; height:220px; background:url('../../image/web/cost_step_3-sb.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sp { top:13px; left:237px; width:306px; height:220px; background:url('../../image/web/cost_step_3-sp.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sw { top:13px; right:0; width:302px; height:184px; background:url('../../image/web/cost_step_3-sw.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sb.on { background:url('../../image/web/cost_step_3-sb_on.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sp.on { background:url('../../image/web/cost_step_3-sp_on.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sw.on { background:url('../../image/web/cost_step_3-sw_on.png') no-repeat left top; cursor:pointer; }*/
.cost_step_color li.sb { top:-45px; left:0; width:266px; height:239px; background:url('../../image/web/cost_step_3-sb_new.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sp { top:-45px; left:221px; width:320px; height:239px; background:url('../../image/web/cost_step_3-sp_new.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sw { top:-45px; right:2px; width:319px; height:239px; background:url('../../image/web/cost_step_3-sw_new.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sb.on { background:url('../../image/web/cost_step_3-sb_on_new.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sp.on { background:url('../../image/web/cost_step_3-sp_on_new.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.sw.on { background:url('../../image/web/cost_step_3-sw_on_new.png') no-repeat left top; cursor:pointer; }
/*모던*/
.cost_step_color li.mw { top:-25px; left:0; width:264px; height:220px; background:url('../../image/web/cost_step_3-mw.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.mb { top:-27px; left:237px; width:306px; height:222px; background:url('../../image/web/cost_step_3-mb.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.mg { top:-27px; right:0; width:302px; height:222px; background:url('../../image/web/cost_step_3-mg.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.mw.on { background:url('../../image/web/cost_step_3-mw_on.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.mb.on { background:url('../../image/web/cost_step_3-mb_on.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.mg.on { background:url('../../image/web/cost_step_3-mg_on.png') no-repeat left top; cursor:pointer; }
/*앤틱*/
.cost_step_color li.ab { top:-25px; left:0; width:264px; height:220px; background:url('../../image/web/cost_step_3-ab.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.an { top:-25px; left:237px; width:306px; height:220px; background:url('../../image/web/cost_step_3-an.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.am { top:-27px; right:0; width:302px; height:222px; background:url('../../image/web/cost_step_3-am.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.ab.on { background:url('../../image/web/cost_step_3-ab_on.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.an.on { background:url('../../image/web/cost_step_3-an_on.png') no-repeat left top; cursor:pointer; }
.cost_step_color li.am.on { background:url('../../image/web/cost_step_3-am_on.png') no-repeat left top; cursor:pointer; }
/* select-toggle.piece 
.select-toggle.piece { margin:0; padding:0; }
.select-toggle.piece > li { margin:0 0 15px; padding:0; list-style-type:none; }
.select-toggle.piece > li .title { cursor:pointer; padding:0; height:76px; font-weight:700; color:#6f6f6f; margin:0; border-bottom:1px solid #e7e7e7; border:0; border-radius:5px; text-indent:-5000px; }
.select-toggle.piece > li.fw .title { background:url('../../image/web/select-toggle-piece-fw.png') no-repeat left top; }
.select-toggle.piece > li.ks .title { background:url('../../image/web/select-toggle-piece-ks.png') no-repeat left top; }
.select-toggle.piece > li.b .title { background:url('../../image/web/select-toggle-piece-b.png') no-repeat left top; }
.select-toggle.piece > li.e .title { background:url('../../image/web/select-toggle-piece-e.png') no-repeat left top; }
.select-toggle.piece > li.r .title { background:url('../../image/web/select-toggle-piece-r.png') no-repeat left top; }
.select-toggle.piece > li.fw.on .title { background:url('../../image/web/select-toggle-piece-fw_on.png') no-repeat left top; }
.select-toggle.piece > li.ks.on .title { background:url('../../image/web/select-toggle-piece-ks_on.png') no-repeat left top; }
.select-toggle.piece > li.b.on .title { background:url('../../image/web/select-toggle-piece-b_on.png') no-repeat left top; }
.select-toggle.piece > li.e.on .title { background:url('../../image/web/select-toggle-piece-e_on.png') no-repeat left top; }
.select-toggle.piece > li.r.on .title { background:url('../../image/web/select-toggle-piece-r_on.png') no-repeat left top; }*/
/*입력항목완료시 on 이미지로 표시
.select-toggle.piece > li.fw.on2 .title { background:url('../../image/web/select-toggle-piece-fw_on.png') no-repeat left top !important; }
.select-toggle.piece > li.ks.on2 .title { background:url('../../image/web/select-toggle-piece-ks_on.png') no-repeat left top !important; }
.select-toggle.piece > li.b.on2 .title { background:url('../../image/web/select-toggle-piece-b_on.png') no-repeat left top !important; }
.select-toggle.piece > li.e.on2 .title { background:url('../../image/web/select-toggle-piece-e_on.png') no-repeat left top !important; }
.select-toggle.piece > li.r.on2 .title { background:url('../../image/web/select-toggle-piece-r_on.png') no-repeat left top !important; }*/
.cost_step_b3 { overflow:hidden; }
.cost_step_b3 .house { position:relative; float:left; background:url('../../image/web/cost_step_b3-house.png') no-repeat left top; width:373px; height:356px; }
.cost_step_b3 ul { float:right; margin:184px 0 0;}
.cost_step_b3 li { width:420px; height:39px; text-indent:-5000px; margin:0 0 6px; cursor:pointer; }
.cost_step_b3 li.fw { background:url('../../image/web/select-toggle-piece-fw.png') no-repeat left top; background-size:420px 39px; }
.cost_step_b3 li.ks { background:url('../../image/web/select-toggle-piece-ks.png') no-repeat left top; background-size:420px 39px; }
.cost_step_b3 li.b { background:url('../../image/web/select-toggle-piece-b.png') no-repeat left top; background-size:420px 39px; }
.cost_step_b3 li.e { background:url('../../image/web/select-toggle-piece-e.png') no-repeat left top; background-size:420px 39px; }
.cost_step_b3 li.fw.on { background:url('../../image/web/select-toggle-piece-fw_on.png') no-repeat left top; background-size:420px 39px; }
.cost_step_b3 li.ks.on { background:url('../../image/web/select-toggle-piece-ks_on.png') no-repeat left top; background-size:420px 39px; }
.cost_step_b3 li.b.on { background:url('../../image/web/select-toggle-piece-b_on.png') no-repeat left top; background-size:420px 39px; }
.cost_step_b3 li.e.on { background:url('../../image/web/select-toggle-piece-e_on.png') no-repeat left top; background-size:420px 39px; }
#house-fw { display:none; position:absolute; top:0; left:0; width:190px; height:234px; background:url('../../image/web/house-fw.png') no-repeat left top; }
#house-ks { display:none; position:absolute; bottom:0; left:47px; width:194px; height:178px; background:url('../../image/web/house-ks.png') no-repeat right top; }
#house-b { display:none; position:absolute; top:2px; right:0; width:187px; height:178px; background:url('../../image/web/house-b.png') no-repeat left top; }
#house-e { display:none; position:absolute; bottom:0; right:46px; width:141px; height:230px; background:url('../../image/web/house-e.png') no-repeat left top; }
#house-fw.on { display:block; }
#house-ks.on { display:block; }
#house-b.on { display:block; }
#house-e.on { display:block; }
/* select-toggle.ker 
.select-toggle.ker { margin:0; padding:0; }
.select-toggle.ker > li { margin:0 0 15px; padding:0; list-style-type:none; }
.select-toggle.ker > li .title { cursor:pointer; padding:0; height:122px; font-weight:700; color:#6f6f6f; margin:0; border-bottom:1px solid #e7e7e7; border:0; border-radius:5px; text-indent:-5000px; }
.select-toggle.ker > li.k .title { background:url('../../image/web/select-toggle-ker-k.png') no-repeat left top; }
.select-toggle.ker > li.e .title { background:url('../../image/web/select-toggle-ker-e.png') no-repeat left top; }
.select-toggle.ker > li.r .title { background:url('../../image/web/select-toggle-ker-r.png') no-repeat left top; }
.select-toggle.ker > li.k.on .title { background:url('../../image/web/select-toggle-ker-k.png') no-repeat left top; }
.select-toggle.ker > li.e.on .title { background:url('../../image/web/select-toggle-ker-e.png') no-repeat left top; }
.select-toggle.ker > li.r.on .title { background:url('../../image/web/select-toggle-ker-r.png') no-repeat left top; }
.select-toggle.ker > li .body li a:before { content:""; }*/
/* 선택항목 */
.select-entry.puzzle { position:absolute; top:305px; right:-120px; width:100px; background:none; border:0; border-radius:0; }
.select-entry.puzzle dt { padding:0; }
.select-entry.puzzle ul { border-top:0; padding:0; margin:-18px 0 0; }
.select-entry.puzzle li { margin:-15px 0 0; width:100px; height:146px; background:url('../../image/web/select-entry-puzzle-li.png') no-repeat left top; padding:0; text-align:center; }
.select-entry.puzzle li img { margin:30px 0 0; width:62px; height:62px; }
.select-entry.puzzle li p { margin:2px 0; font-size:12px; letter-spacing:-0.5pt; line-height:14px; font-weight:700; color:#fff; }
.select-entry.puzzle li.on { display:block; }
.select-entry.puzzle li span { display:inline-block; background:none; border:1px solid #aaa; border-radius:15px; padding:2px 8px; font-size:12px; margin:5px 0 0; }
/* select-toggle-kitchen */
.select-toggle-kitchen { width:820px; height:247px; /*background:url('../../image/web/select-toggle-kitchen-bg.png') no-repeat left top;*/ overflow:hidden; }
.select-toggle-kitchen li { float:left; width:32%; text-align:center; margin:0; }
/*.select-toggle-kitchen li a img { width:150px; height:150px; }*/
.select-toggle-kitchen li p { padding-top:130px; font-size:20px; font-weight:700; text-align:center; }
/* select-toggle-ker-e */
.select-toggle-ker-e { width:100%; height:245px; /*background:url('../../image/web/select-toggle-ker-e-bg.png') no-repeat left top;*/ overflow:hidden; padding:0; margin:0 0 20px; }
.select-toggle-ker-e li { float:left; text-align:center; }
.select-toggle-ker-e li a.select-ext{width:100%;margin:0 auto; height:245px !important;overflow:hidden;border-radius:5px;}
.select-toggle-ker-e li img { width:100%; border-radius:5px; }
.select-toggle-ker-window { overflow:hidden; height:67px; /*background:url('../../image/web/select-toggle-ker-window-bg.png') no-repeat left top;*/ margin:0 0 15px;}
.select-toggle-ker-window dt { width:235px; float:left; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:63px; }
.select-toggle-ker-window dd { width:568px; float:right; font-size:18px; padding-top:18px; }
.select-toggle-ker-window dd span { display:inline-block; margin:0 0 0 50px; width:270px; font-weight:700; }
/* select-toggle.tsl 
.select-toggle.tsl { margin:0; padding:0; }
.select-toggle.tsl > li { margin:0 0 15px; padding:0; list-style-type:none; }
.select-toggle.tsl > li .title2 { cursor:pointer; padding:0; height:172px; font-weight:700; color:#6f6f6f; margin:0; border-bottom:1px solid #e7e7e7; border:0; border-radius:5px; text-indent:-5000px; }
.select-toggle.tsl > li.t .title2 { background:url('../../image/web/select-toggle-tsl-t.png') no-repeat left top; }
.select-toggle.tsl > li.s .title2 { background:url('../../image/web/select-toggle-tsl-s.png') no-repeat left top; }
.select-toggle.tsl > li.l .title2 { background:url('../../image/web/select-toggle-tsl-l.png') no-repeat left top; }
.select-toggle.tsl > li.t.on .title2 { background:url('../../image/web/select-toggle-tsl-t.png') no-repeat left top; }
.select-toggle.tsl > li.s.on .title2 { background:url('../../image/web/select-toggle-tsl-s.png') no-repeat left top; }
.select-toggle.tsl > li.l.on .title2 { background:url('../../image/web/select-toggle-tsl-l.png') no-repeat left top; }*/
.select-toggle.tsl > li .body li a:before { content:""; }
/* select-img-list2 */
.select-img-list2 { overflow:hidden; margin:40px 0 0; zoom:1; }
.select-img-list2 li { float:left; position:relative; width:395px; /*border-radius:5px;*/ }
.select-img-list2 li:nth-child(2n) { float:right; }
.select-img-list2 li > img { position:absolute; top:0; left:0; right:0; bottom:0; max-width:395px; max-height:212px; margin:auto; }
.select-img-list2.expansion { position:relative; background:#eaeaea; padding:54px 27px 0; margin:0;}
.select-img-list2.expansion li { width:372px; }
.select-img-list2.expansion li > div > img { max-width:372px; max-height:199px; }
.select-img-list2.expansion.center { background:#eaeaea url('../../image/web/bt-arrow.png') no-repeat left top; }
.select-img-list2.expansion.left { background:#eaeaea url('../../image/web/bt-arrow-left.png') no-repeat left top; }
.select-img-list2.expansion.right { background:#eaeaea url('../../image/web/bt-arrow-right.png') no-repeat left top; }
.select-img-list2.style { position:relative; padding:0; margin:0; }
.select-img-list2.style > ul { overflow:hidden; }
.select-img-list2.style li { float:left; width:130px; }
.select-img-list2.style li:nth-child(3n) { margin:0; }
.select-img-list2.style li.on span { display:block; }
.select-img-list2.style .select-all { width: 130px; float: left; margin-right: 5px; }
.select-img-list2.style .select-all li { position: relative; width:130px; height:80px; margin-bottom: 5px;}
.select-img-list2.style .select-all li > img { width:130px; height:80px; margin:0; }
.select-img-list2.style .select-all li > a { display: block; width: 100%; height: 100%;}
.select-img-list2.style .select-all li > a img { width:130px; height:80px; margin:0; }
.select-img-list2.style .select-all li .uix-form-check { position:absolute; left: 50%; bottom:0; font-size:16px; text-align:center; width:40px; padding: 0 0 0; margin: 0 0 0 -20px; }
.select-img-list2.style .select-all li .uix-form-check  > p > label { display: block; width: 100%; height: 30px;}
.select-img-list2.style .select-all li .uix-form-check  > p > label > input[type=radio] { position: relative; margin: 0; }
.select-img-list2.style .select-all-3 { overflow:hidden; }
.select-img-list2.style .select-all-3 li { width:240px; height:180px; margin:0 22px 0 0; }
.select-img-list2.style .select-all-3 li:nth-child(3n) { margin:0; }
.select-img-list2.style .select-all-3 li > img { width:240px; height:140px; margin:0; }
.select-img-list2.style .select-all-3 li > a img { width:240px; height:140px; margin:0; }
.select-img-list2.style .select-all-3 li .uix-form-check { position:absolute; bottom:10px; font-size:16px; text-align:center; width:100%; }
.select-img-list2.style .select-all-3 li .uix-form-check  > p > label > input[type=radio] { margin:6px 0 0 -20px; }



.select-img-list2.style .uix-form-check > input[type='radio'] { display: none; }
.select-img-list2.style .uix-form-check > input[type='radio'] + label { display: inline-block; position: relative; width: 40px; height: 30px; text-align: center; cursor: pointer; }
.select-img-list2.style .uix-form-check > input[type='radio'] + label span { display:inline-block; position: relative; vertical-align:middle; line-height: 30px; font-size: 16px; font-weight: 300; margin-left: 27px; cursor:pointer; color: #939393; }
.select-img-list2.style .uix-form-check > input[type='radio']:checked + label span { color: #303030; }
.select-img-list2.style .uix-form-check > input[type='radio'] + label:after { content: ''; display: inline-block; width: 30px; height: 30px; position: relative; background-repeat: no-repeat; background-image: url('../../image/web/icon_checkcircle_m_off.png'); background-position: center center;  -webkit-background-size: auto; -moz-background-size: auto; background-size: auto; }
.select-img-list2.style .uix-form-check > input[type='radio']:checked + label:after { content: ''; background-repeat: no-repeat; color: #303030; background-image: url('../../image/web/icon_checkcircle_m_on.png'); background-position: center center;  -webkit-background-size: auto; -moz-background-size: auto; background-size: auto }



.select-img-list2.style .select-all:nth-of-type(1) li::before {
    position: absolute;
    width: 48px;
    height: 48px;
    display: block;
    font-size: 13px;
    line-height: 48px;
    left: -63px;
    top: 16px;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #ebebeb;
    border-radius: 24px;
    font-weight: 300;}
.select-img-list2.style .select-all:nth-of-type(1) li:nth-of-type(1)::before { content: '현관';}
.select-img-list2.style .select-all:nth-of-type(1) li:nth-of-type(2)::before { content: '거실';}
.select-img-list2.style .select-all:nth-of-type(1) li:nth-of-type(3)::before { content: '주방';}
.select-img-list2.style .select-all:nth-of-type(1) li:nth-of-type(4)::before { content: '욕실';}
.select-img-list2.style .select-all:nth-of-type(1) li:nth-of-type(5)::before { content: '침실';}
.select-img-list2.style .top li { margin:0 32px 0 0;}
.select-img-list2.style .top li:nth-child(3n) { margin:0; }
.select-img-list2.style .body { padding: 63px 0 40px 63px; overflow: auto; }
.select-img-list2.style .body * { zoom : 1;}
.select-img-list2.style .body h2.uix-text-center {}
.select-img-list2.style .body.bg100 { }
.select-img-list2.style .body.bg200 { }
.select-img-list2.style .body.bg300 { }
.style_sub h2.uix-text-center { position: absolute; width: 48px; height: 48px; display: block; font-size: 13px; line-height: 48px; left: 103px; top: 0; text-align: center; background-color: #FFF; border: 1px solid #ebebeb; border-radius: 24px; font-weight: 300; }
.style_sub h2.uix-text-center:nth-of-type(2) {left: 233px;}
.style_sub h2.uix-text-center:nth-of-type(3) {left: 373px;}
/* select-img-expansion2 */
.select-img-expansion2 { position:relative; cursor:pointer; overflow:hidden; width:251px; height:227px; }
.select-img-expansion2 span { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../image/web/check-img-bg.png') repeat center top; background-size:auto 100%; }
.select-img-expansion2.on span { display:block; }
.select-img-expansion2 span img { position:absolute; top:0; left:0; right:0; bottom:0;  margin:auto; width:90px; height:auto; }
.select-img-expansion2.s { background:url('../../image/web/select-img-expansion2-s.png') no-repeat left top; background-size:251px 227px; }
.select-img-expansion2.m { background:url('../../image/web/select-img-expansion2-m.png') no-repeat left top; background-size:251px 227px; }
.select-img-expansion2.a { background:url('../../image/web/select-img-expansion2-a.png') no-repeat left top; background-size:251px 227px; }
.select-img-expansion2.s.on { background:url('../../image/web/select-img-expansion2-s_on.png') no-repeat left top; background-size:251px 227px; }
.select-img-expansion2.m.on { background:url('../../image/web/select-img-expansion2-m_on.png') no-repeat left top; background-size:251px 227px; }
.select-img-expansion2.a.on { background:url('../../image/web/select-img-expansion2-a_on.png') no-repeat left top; background-size:251px 227px; }
.hidden { display:none; }

.help-text{color:#ff7900 !important;}
.redstar_msg { display: inline-block; position: absolute; right: 40px; top: 20px; font-size: 13px; }
.redstar_msg::before { content: '*'; display: inline-block; color: #ff3c00; padding-right: 5px; margin-top: 3px; vertical-align: top; }
.choiced .redstar_msg { display: none; }
.choiced .on .redstar_msg { display: inline-block; }

.contents_area .froala-view img{max-width:100%;}

.bg_big_check { max-width: 540px;  text-align: center; padding: 150px 60px 50px;  margin-top: 50px; font-size: 17px; font-weight: 300; margin: 30px auto 60px; border: 1px solid #dddddd; border-radius: 4px; background:url('../../image/web/icon_big_check.png') no-repeat center 35px; }
.bg_big_check strong { font-weight: 700; }

.search_box_wrap { position: relative; width: 100%; padding: 0 0 30px; text-align: center;  }
.no_data_msg { display: block; padding: 150px; text-align: center; }
.company_info_box { padding: 25px; line-height: 35px; text-align: center; font-size: 16px; }
.company_info_box a { display: inline-block; height: 35px; font-size: 16px; padding: 0 20px; }
.company_info_box a strong { text-decoration: underline; }
.company_info_box .con_cost_total { display: inline-block; position: relative;  padding: 0 20px; }
.company_info_box .con_cost_total::before { content: ''; display: block; position: absolute; width: 1px; height: 12px; left: 0; top: 50%; margin: -6px 0 0; background-color: #ebebeb;}
.company_info_box .con_cost_total strong { display: inline-block; padding: 0 5px;}

#contents_area { border-top: 1px solid #494949; border-bottom: 1px solid #e5e5e5; padding:50px 0 50px; text-align: center; }
#contents_area .keyword_div { padding:15px 50px; line-height: 30px; text-align: center; background-color: #f5f5f5; }
#contents_area .text_div { padding: 60px 40px; text-align: center; }
#contents_area p { text-align: center; }

.contents-view h1 { display: block; position: relative; padding: 0 100px 25px; font-size: 23px; text-align: center; font-weight: 300; line-height: 30px; }
.contents-view h1 .right_side { display: inline-block; position: absolute; height: 20px; right: 0; top: 5px; font-size: 14px; text-align: right; }

.board_view_type h1 { margin:40px 0; font-size: 27px; position: relative; }
.board_view_type.design_book h1 { margin:30px 0; }
.board_view_type.design_book h1 em { display: inline-block; position: relative; padding: 0 9px 0 0; margin: 0 8px 0 0; font-style: normal; font-weight: 300; font-size: 25px; line-height: 39px; vertical-align: top; }
.board_view_type.design_book h1 em::after { content: ''; display: block; position: absolute; width: 1px; height: 18px; background-color: #ccc; right: 0; top: 10px; }
.board_view_type.design_book h1 em:first-of-type { margin-left: 15px; }
.board_view_type.design_book h1 em:last-of-type::after { display: none; }


.board_view_type h1 .sub_tit { font-size: 14px; font-weight: 300; }
.com_info_type .uix-page { padding-left: 270px; position: relative; }
.com_info_type .company_info_card { width: 240px; position: absolute;left: 0; top: 0; padding: 20px; box-sizing: border-box; border: 1px solid #e8e8e8; }
.com_info_type .company_info_card .company_mane { display: block; width: 100%; padding: 20px 0; line-height: 20px; vertical-align: top; text-align: center; font-size: 17px; font-weight: 700; border-bottom: 1px solid #777777; }
.com_info_type .company_info_card dl { display: block; position: relative; min-height: 50px; font-size: 14px; line-height: 24px; border-bottom: 1px solid #dddddd; padding: 13px 0 13px 80px; }
.com_info_type .company_info_card dl dt { display: block; position: absolute; left: 0; top: 13px; font-weight: 700; }
.com_info_type .company_info_card dl.wide_t { padding: 43px 0 13px; }
.com_info_type .company_info_card dl.wide_t dt,
.com_info_type .company_info_card dl.wide_t dd { word-wrap: break-word; }
.com_info_type .company_info_card dl:last-of-type { border-bottom: 0; }
.com_info_type .company_info_card .callPartner { text-decoration: underline; }

.com_info_type .item-list li { width:190px; }
.com_info_type .item-list li .img { width:190px; height:190px; }
.com_info_type .item-list li .img img {
	max-width:190px; max-height:190px;
	width:190px; height:190px;
	object-fit: cover /*fill, cover,contain*/;
}
.com_info_type .item-list li .subject { text-align: center; }



.com_info_type2 .uix-page { padding-left: 270px; position: relative; }
.com_info_type2 .company_info_card { width: 240px; position: absolute;left: 0; top: 0; padding: 20px; box-sizing: border-box; border: 1px solid #e8e8e8; }
.com_info_type2 .company_info_card .company_mane { display: block; width: 100%; padding: 20px 0; line-height: 20px; vertical-align: top; text-align: center; font-size: 17px; font-weight: 700; border-bottom: 1px solid #777777; }
.com_info_type2 .company_info_card dl { display: block; position: relative; min-height: 50px; font-size: 14px; line-height: 24px; border-bottom: 1px solid #dddddd; padding: 13px 0 13px 80px; }
.com_info_type2 .company_info_card dl dt { display: block; position: absolute; left: 0; top: 13px; font-weight: 700; }
.com_info_type2 .company_info_card dl.wide_t { padding: 43px 0 13px; }
.com_info_type2 .company_info_card dl.wide_t dt {  }
.com_info_type2 .company_info_card dl:last-of-type { border-bottom: 0; }
.com_info_type2 .company_info_card .callPartner { text-decoration: underline; }

.com_info_type2 .item-list li { width:188px; height: 260px; overflow: hidden; margin: 0 13px 25px 0;  }
.com_info_type2 .item-list li .img { width:188px; height:188px; }
.com_info_type2 .item-list li .img img {
	max-width:188px; max-height:188px;
	width:188px; height:188px;
	object-fit: cover /*fill, cover,contain*/;
}
.com_info_type2 .item-list li .subject { height: auto; text-align: center; }

.com_info_type2 .item-list li:nth-child(3n) { margin: 0 0 25px 0; }

.bidder_box { padding: 20px 20px 30px; border: 1px dashed #d6d6d6; border-radius: 4px; margin: 20px 0 0; }

#price_toggle tr { display: none; }
#price_toggle tr th,
#price_toggle tr td { border-top: 0; }
#price_toggle.on { margin: 20px 0; }
#price_toggle.on tr { display: table-row; }
#price_toggle tr.price_sum_line { display: table-row !important; }
a.toggle_price_btn { display: inline-block; margin-left: 10px; }
a.toggle_price_btn::after { content: '자세히'; display: inline-block; cursor: pointer; width: 75px; height: 24px; line-height: 22px; border: 1px solid rgba(0, 0, 0, .15); border-radius: 12px; text-align: left;  background:url('../../image/web/icon_flip_down.png') no-repeat right center; background-origin: content-box;  padding: 0 7px 0 15px;}
#price_toggle.on a.toggle_price_btn::after { content: '간략히'; background:url('../../image/web/icon_flip_up.png') no-repeat right center; background-origin: content-box;  padding: 0 7px 0 15px; }

#price_toggle tr th strong,
#price_toggle tr td strong { padding: 0 0 0;}
#price_toggle.on tr th strong,
#price_toggle.on tr td strong { padding: 15px 0 0;}

.bidder_title { display: block; position: relative; height: 24px; margin: 0 10px 20px; }
.bidder_title .bidder_name { font-weight: 700; font-size: 19px; margin-right: 7px;}
.bidder_title .bid_date { font-size: 14px; opacity: .5; }
.bidder_title a.btnSel { position: absolute; right: 0; top: 5px; display: block; width: 78px; height: 24px; color: #ff6b43; font-weight: 700; font-size: 15px; text-align: right; background:url('../../image/web/icon_checkcircle_r.png') no-repeat left center; }

.order_page_title { font-size: 18px; position: relative; display: block; height: 30px; margin-bottom: 20px;}
.order_page_title span.uix-state { border: 0; display: inline-block; position: absolute; right: 0; bottom: 0;  }

/* 공유하기 */
.ara_share_box { display: inline-block; position: absolute; right: 10px; top: 0; height: 40px; text-align: right; }
.ara_share_box i { display: inline-block; background-image:url('../../image/mobile/share_imgset.png'); background-size: 100px auto; background-repeat: no-repeat; }
.ara_share_box .btn_share { display: inline-block; height: 40px; font-size: 14px; line-height: 40px; vertical-align: top; font-weight: 300; color: #303030; }
.ara_share_box .btn_share::after { content: '공유'; }
.ara_share_box .btn_share i { display: inline-block; width: 20px; height: 20px; background-position: -80px -30px; vertical-align: sub; margin-right: 7px; }
.ara_share_box .inner_box { position: relative; padding: 15px 50px 5px 15px; background-color: #FFF; border: 1px solid #e2e2e2; border-radius: 8px; font-size: 0; z-index: 100; }
.ara_share_box .inner_box ul.share_list li { display: inline-block; position: relative; width: 50px; height: 80px; padding: 50px 0 0; margin-right: 10px; }
.ara_share_box .inner_box ul.share_list li a { display: block; font-size: 12px; text-align: center; line-height: 30px; font-weight: 300; text-align: center; color: #777; }
.ara_share_box .inner_box ul.share_list li a:hover { color: #303030; }
.ara_share_box .inner_box ul.share_list li a i { display: block; position: absolute; left: 0; top: 0; width: 50px; height: 50px; }
.ara_share_box .inner_box ul.share_list li a.sns_i.si_kakao i { background-position: 0 0; }
.ara_share_box .inner_box ul.share_list li a.sns_i.si_link i { background-position: 0 -60px; }
.ara_share_box .inner_box .close_btn { position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; }
.ara_share_box .inner_box .close_btn i { display: block; width: 20px; height: 20px; margin: 6px; background-position: -80px 0; }


/* VR기능 */
.vr_wrap { position: relative; width: 100%; height: 360px; background-color: #e2e2e2; border-radius: 4px; overflow: hidden; }
.vr_wrap .vr_jump_menu { display: block; width: 80%; height: 30px; position: absolute; left: 10%; bottom: 20px; text-align: center; font-size: 0; z-index: 1000; }
.vr_wrap .vr_jump_menu li { display: inline-block; position: relative; }
.vr_wrap .vr_jump_menu li::after { content: ''; display: block;position: absolute; width: 1px; height: 100%; top: 0; right: 0; background-color: rgba(0, 0, 0, .33);  }
.vr_wrap .vr_jump_menu li:last-of-type::after,
.vr_wrap .vr_jump_menu li.on::after { display: none; }
.vr_wrap .vr_jump_menu li a { display: inline-block; min-width: 70px; height: 30px; line-height: 30px; font-size: 14px; color: rgba(255, 255, 255, .66); padding: 0 25px; cursor: pointer; text-align: center; background-color: rgba(0, 0, 0, .66); }
.vr_wrap .vr_jump_menu li a:hover { color: rgba(255, 255, 255, .9);; background-color: rgba(0, 0, 0, .9); }
.vr_wrap .vr_jump_menu li:first-of-type a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.vr_wrap .vr_jump_menu li:last-of-type a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.vr_wrap .vr_jump_menu li.on a { font-weight: 700; color: #303030; background-color: #FFFFFF; }

/* 디자인북 Contents */
.vr_text_wrap { min-height: 360px; margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #777777; }
.vr_text_wrap .plan-graphic { width: 50%; min-height: 360px; background-size: 320px auto; background-repeat: no-repeat; background-position: top center; }
.vr_text_wrap .plan-story { text-align: left; vertical-align: top; }
.vr_text_wrap .plan-story .p_story_tit { font-size: 23px; line-height: 32px; padding-bottom: 15px; }
.vr_text_wrap .plan-story .p_story_cont { font-size: 16px; line-height: 180%; }

.design_book .item-list li .img { height: 360px; }
.search_word { position: relative; margin: 50px 0; font-size: 28px; font-weight: 700; text-align: center; }