@charset "utf-8";

dl,dt,dd{margin:0;padding:0}
fieldset legend {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}

/* 검색 */
.board-search {*zoom:1; max-width:1200px; margin:0 auto 10px;}
.board-search:after {content:" "; display:block; clear:both;}
.board-search .total-page {float:left; margin-top:13px; font-size:14px; line-height:22px;}
.board-search .search {float:right;}
.board-search .search .select {min-width:120px; background:#fafafa;}
.board-search .search .input {width:200px;}
.board-search .search .btn-pack {padding:0 17px;height:35px;color:#fff;font-size:14px;line-height:33px;background:#0065ad;border-color:#0065ad;}

.board-search2 {*zoom:1; max-width:1200px; text-align:center; margin:0 auto 20px;}
.board-search2 .search {display:inline-block;}
.board-search2 .search .select {min-width:120px; height:50px; line-height:38px; font-size:15px; background:#fff; border:1px solid #ddd;}
.board-search2 .keyword {margin-left:1px; vertical-align:middle; display:inline-block; position:relative; width:355px; height:50px; background:#fff; overflow:hidden; z-index:1;}
.board-search2 .keyword:after {content:" "; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; z-index:-1;}
.board-search2 .keyword * {vertical-align:top;}
.board-search2 .keyword input[type=text] {float:left; width:calc(100% - 50px); height:50px; line-height:50px; padding:0 0 0 20px; font-size:15px; border:0; background:transparent;}
.board-search2 .keyword input[type=text]::placeholder {color:#999;}
.board-search2 .keyword input[type=image] {float:right; background:transparent;}

/* 리스트 */
.board-list {max-width:1200px; margin:0 auto;}
.board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #0065ad;}
.board-list table thead th {height:50px; border-bottom:1px solid #ddd; color:#333; font-size:16px; font-weight:500;}
.board-list table tbody td {padding:22px 0; border-bottom:1px solid #ddd; text-align:center; font-size:15px; font-weight:300; line-height:24px; color:#686868; letter-spacing:0;}
.board-list table tbody td.subject {text-align:left; padding-left:5px; font-weight:400; color:#454545; font-size:16px;}
.board-list table tbody td.no {font-weight:400; color:#454545; font-size:16px;}
.board-list table tbody td img {vertical-align:middle;}
.board-list table tbody td a {text-decoration:none; color:inherit;}
.board-list table tbody tr:hover td {background-color:#fafbfb;}
.board-list table tbody tr:hover td a {color:#0065ad;}
.board-list .label {display:inline-block;zoom:1;*display:inline;color:#fff;background:#ff6000;font-weight:500;padding:0 6px;font-size:11px;line-height:20px;border-radius:2px;}
.board-list .comment {color:#ff6000;font-family:Tahoma;font-size:11px;}

.board-list-m {display:none; border-top:2px solid #0065ad;}
.board-list-m li {padding:18px 15px; border-bottom:1px solid #ddd; line-height:1.5em;}
.board-list-m li img {vertical-align:middle;}
.board-list-m li.none {padding:40px 0; text-align:center; color:#666;}
.board-list-m .label {display:inline-block;color:#fff;background:#ff6000;font-weight:500;margin-right:3px;padding:0 6px;font-size:13px;line-height:22px;border-radius:2px;}
.board-list-m .tit {font-size:18px; font-weight:500; line-height:1.4em; margin-bottom:3px; color:#333;}
.board-list-m strong {font-weight:500;}
.board-list-m .info {font-size:15px; line-height:1.5em; color:#666;}
.board-list-m .info .bar {margin:0 4px; font-family:arial,Sans-serif; color:#ddd;}

.gallery-list {max-width:1200px; padding-top:32px; border-top:2px solid #242424; border-bottom:1px solid #ddd; margin:0 auto; overflow:hidden;}
.gallery-list ul{*zoom:1; margin:0 -13px;}
.gallery-list ul:after {content:" "; display:block; clear:both;}
.gallery-list ul li {float:left; width:20%; text-align:center; font-size:15px; line-height:22px; padding:0 13px; margin-bottom:25px; box-sizing:border-box; letter-spacing:0;}
.gallery-list ul li:nth-child(5n+1) {clear:left;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {position:relative; width:100%; aspect-ratio:220/140; padding:10px; border:1px solid #ddd; overflow:hidden; margin-bottom:10px;}
/* .gallery-list ul li .thumb:after {content:" "; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd;} */
.gallery-list ul li .thumb img {width:100%; height:100%; object-fit:contain;}
.gallery-list ul li .tit {color:#686868; font-weight:500;}
.gallery-list ul li.none {float:none; width:100%; padding:50px 0 70px; text-align:center; color:#999;}

/* .news-list {max-width:1200px; margin:0 auto; border-top:2px solid #868686;}
.news-list ul li {*zoom:1; position:relative; padding:25px 35px 25px 20px; border-bottom:1px solid #ddd;}
.news-list ul li:after {content:" "; display:block; clear:both;}
.news-list ul li .thumb {float:left; width:162px;}
.news-list ul li .thumb a {display:block; position:relative; width:100%; height:0; padding-bottom:74.1%; overflow:hidden;}
.news-list ul li .thumb a img {position:absolute; top:0; left:0; width:100%; height:100%;}
.news-list ul li dl {margin-left:182px;}
.news-list ul li dl dt {color:#383838; font-size:18px; font-weight:500; line-height:25px; letter-spacing:-0.02em;}
.news-list ul li dl dd {padding:10px 0; font-size:15px; line-height:22px; color:#686868; letter-spacing:-0.02em;}
.news-list ul li img {vertical-align:middle;}
.news-list ul li .date {position:absolute; bottom:25px; left:202px; font-size:15px; line-height:22px; color:#878787; letter-spacing:-0.02em;}
.news-list ul li.none {padding:70px 0; text-align:center; color:#999; font-size:14px; line-height:22px;} */

.news-list {max-width:1200px; padding-top:32px; border-top:2px solid #242424; border-bottom:1px solid #ddd; margin:0 auto; overflow:hidden;}
.news-list ul{*zoom:1; margin:0 -12px;}
.news-list ul:after {content:" "; display:block; clear:both;}
.news-list ul li {float:left; width:25%; padding:0 12px; margin-bottom:30px; box-sizing:border-box; letter-spacing:0;}
.news-list ul li:nth-child(4n+1) {clear:left;}
.news-list ul li a {display:block; position:relative; border-radius:15px; overflow:hidden;}
.news-list ul li a:after {content:" "; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:15px; border:1px solid #ddd;}
.news-list ul li .thumb {position:relative; width:100%; height:0; padding-bottom:54.7%; overflow:hidden;}
.news-list ul li .thumb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.news-list ul li .txt {padding:25px 30px; height:207px;}
.news-list ul li .txt .tit {height:60px; font-size:20px; line-height:30px; font-weight:500; color:#1b429a; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden;}
.news-list ul li .txt p {height:84px; font-size:16px; line-height:28px; color:#686868; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden;}
.news-list ul li.none {float:none; width:100%; padding:50px 0 70px; text-align:center; color:#999;}

.event-list {max-width:1200px; padding-top:25px; border-top:2px solid #868686; border-bottom:1px solid #ddd; margin:0 auto; overflow:hidden;}
.event-list ul{*zoom:1; margin:0 -15px;}
.event-list ul:after {content:" "; display:block; clear:both;}
.event-list ul li {float:left; width:33.33333%; font-size:15px; line-height:22px; padding:0 15px; margin-bottom:30px; box-sizing:border-box;}
.event-list ul li:nth-child(3n+1) {clear:left;}
.event-list ul li a {display:block; padding:20px; position:relative;}
.event-list ul li a:after {content:" "; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd;}
.event-list ul li .thumb {position:relative; width:100%; height:0; padding-bottom:52.9%; overflow:hidden; margin-bottom:10px;}
/* .event-list ul li .thumb:after {content:" "; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd;} */
.event-list ul li .thumb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.event-list ul li .tit {font-weight:500; color:#454545;}
.event-list ul li .date {color:#686868;}
.event-list ul li.none {float:none; width:100%; padding:50px 0 70px; text-align:center; color:#999;}

.faq {max-width:1200px; margin:0 auto 38px; border-top:1px solid #e4e4e4;}
.faq li {border-bottom:1px solid #e4e4e4;}
.faq .tit {background:url("../images/bbs/faq_q.png") 25px 10px no-repeat;}
.faq .tit a {position:relative; display:block; padding:14px 80px 14px 80px; overflow:hidden; color:#747474; font-size:14px; font-weight:400; line-height:22px; text-decoration:none !important;}
.faq .tit .icon {position:absolute; top:15px; right:25px; width:20px; height:20px; background:url("../images/bbs/faq_off.png") 50% 50% no-repeat;}
.faq .cnt {display:none; position:relative; padding:14px 25px 14px 80px; background:#fff; color:#747474; font-size:14px; font-weight:300; line-height:22px;}
.faq .cnt .buttons {margin-bottom:0;}
.faq li.active .tit {background-color:#f5f5f5;}
.faq li.active .tit .icon {background-image:url("../images/bbs/faq_on.png");}
.faq .none {padding:70px 0; text-align:center; color:#999;}

.calendar {max-width:1200px; margin:0 auto;}
.calendar .head {position:relative; height:40px; text-align:center; margin-bottom:30px;}
.calendar .head span {font-size:30px; line-height:40px; letter-spacing:-0.02px; color:#101010; font-weight:700; margin:0 auto;}
.calendar .head .btn {position:absolute; top:0; display:inline-block; height:40px; font-size:15px; line-height:40px; color:#686868; text-decoration:none;}
.calendar .head .btn:hover {color:#888;}
.calendar .head .btn-prev {left:0; background:url('../images/sub/cal_bt_prev.png') 0 0 no-repeat; padding-left:40px;}
.calendar .head .btn-next {right:0; background:url('../images/sub/cal_bt_next.png') 100% 0 no-repeat; padding-right:40px;}
.calendar .body {width:100%; margin:0 auto;}
.calendar .body table {width:100%; border-collapse:collapse; border-spacing:0px;}
.calendar .body table thead th {height:50px; font-size:16px; font-weight:500; color:#fff; background:#686868; border-bottom:6px solid #fff; border-left:6px solid #fff;}
.calendar .body table thead th:first-child {border-left:0;}
.calendar .body table tbody td {padding:10px; height:150px; vertical-align:top; background:#efeeee; border-bottom:6px solid #fff; border-left:6px solid #fff;}
.calendar .body table tbody td:first-child {border-left:0;}
.calendar .body table tbody td .day {height:34px; width:34px; text-align:center; font-size:16px; font-weight:400; line-height:34px; border-radius:50%; color:#454545;}
.calendar .body table tbody td ul {margin-top:5px;}
.calendar .body table tbody td ul li {color:#454545; font-size:15px; line-height:22px;}
.calendar .body table tbody td.active {background:#dfdfdf;}
.calendar .body table tbody td.active .day {background:#c53b45; color:#fff;}

/* 글작성 */
.board-write {max-width:1200px; border-top:2px solid #898989; margin:0 auto;}
.board-write .group {position:relative; padding:9px 0 9px 110px; font-size:14px; line-height:35px; border-bottom:1px solid #eee; overflow:hidden;}
.board-write .group:last-child {border-color:#ddd;}
.board-write .group.content {padding-left:0;}
.board-write .group img {vertical-align:middle;}
.board-write .title {position:absolute; left:8px; top:9px; width:95px; font-size:14px; font-weight:400; color:#333;}
.board-write .files_table {width:100%; border-collapse:collapse; border-spacing:0px;}
.board-write .files_table td {padding:0 0 5px 0;}
.board-write .files_table input[type=file]{margin-right:10px;}
.cheditor-tb-wrapper {height:auto !important;}

/* 상세보기 */
.board-view {max-width:1200px; margin:0 auto;}
.board-view .head {border-top:2px solid #898989;}
.board-view .head .tit {color:#333; font-size:16px; font-weight:400; line-height:1.3em; padding:13px 15px; background:#f7f7f7; border-bottom:1px solid #ddd;}
.board-view .head .info {*zoom:1; padding:12px 15px; color:#767676; font-size:14px; line-height:normal; border-bottom:1px solid #ddd;}
.board-view .head .info:after {content:" "; display:block; clear:both;}
.board-view .head .info .name {float:left;}
.board-view .head .info .date {float:left; border-left:1px solid #dedede; padding-left:10px; margin-left:10px;}
.board-view .head .info .hit {float:right;}
.board-view .head .info .hit strong {margin-right:5px;}
.board-view .head .info strong {color:#333; font-weight:400;}
.board-view .head .files {position:relative; text-align:right; padding:10px 0 0; font-size:13px;}
.board-view .head .files > a {text-decoration:none;}
.board-view .head .files img {vertical-align:middle;}
.board-view .head .files .ico-down {vertical-align:middle; margin-left:4px;}
.board-view .head .files .num {color:#ff4e00;}
.board-view .head .files .fileLayer {display:none; position:absolute; top:32px; right:0; text-align:left; font-size:12px; line-height:24px; border:1px solid #f0f0f0; background:#f7f7f7; padding:9px 29px 9px 11px; z-index:5;}
.board-view .head .files .fileLayer a {display:block; text-decoration:none;}
.board-view .head .files .fileLayer .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;}
.board-view .body {padding:20px 15px; border-bottom:1px solid #ddd;}
.board-view .body img {width:auto !important; height:auto !important; max-width:100%;}

.video-wrap {max-width:600px; margin:0 auto;}
.video-container {position:relative; height:0; padding-bottom:56.21%; overflow:hidden;}
.video-container iframe,
.video-container video {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 이전글,다음글 */
.prev_next {max-width:1200px; margin:0 auto; font-size:14px; line-height:22px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.prev_next dl {width:100%; overflow:hidden; clear:both;}
.prev_next dt {float:left; width:90px; color:#333; text-align:center; padding:10px 20px 10px 10px;}
.prev_next dd {margin-left:120px; padding:8px 0;}
.prev_next .prev {border-bottom:1px solid #eee;}
.prev_next .prev dt {background:url('../images/bbs/arrow_up.gif') 75% 50% no-repeat;}
.prev_next .next dt {background:url('../images/bbs/arrow_down.gif') 75% 50% no-repeat;}

/* 버튼 */
.buttons {*zoom:1; max-width:1200px; margin:20px auto;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#fff;color:#4d4d4d;border:1px solid #ddd;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#1b429a; border:1px solid #1b429a; color:#fff;}
.btn-pack.dark {background:#555; border:1px solid #555; color:#fff;}
.btn-pack.medium {height:35px;padding:0 12px;line-height:33px;font-size:14px;}
.btn-pack.large {height:40px;padding:0 26px;line-height:38px;font-size:15px;}
.btn-pack.xlarge {height:45px;padding:0 30px;line-height:43px;font-size:16px;font-weight:400;}
.btn-pack.small {height:30px;padding:0 10px;line-height:28px;font-size:13px;}
.btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.btn-pack.submit {width:110px;height:40px;border:0;background:#0072bc;border:1px solid #0072bc;color:#fff;font-size:15px;font-weight:400;}
.btn-pack.cancel {width:110px;height:40px;border:0;background:#fff;border:1px solid #a6a7a7;color:#4d4d4d;font-size:15px;font-weight:400;}
.btn-map {display:inline-block; padding:0 15px; text-align:center; vertical-align:middle; color:#7b7b7b; font-size:14px; line-height:29px; text-decoration:none !important; border:1px solid #bbb; border-radius:4px;}
.btn-map:hover {color:#fff; background:#555; border-color:#555;}

/* 페이지목록 */
.paginate {margin:20px 0;text-align:center;line-height:normal;}
.paginate a,
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;padding:0;margin:0 1px;width:34px;height:34px;background-color:#fafafa;border:1px solid #ccc;font-size:14px;font-weight:400;line-height:32px;color:#555;text-decoration:none;text-align:center;vertical-align:middle;}
.paginate strong{color:#fff;border-color:#1b429a;background-color:#1b429a;}
.paginate a.direction{background-position:50% 50%;background-repeat:no-repeat;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("../images/bbs/btn_first.png");}
.paginate a.direction.prev {background-image:url("../images/bbs/btn_prev.png");}
.paginate a.direction.next {background-image:url("../images/bbs/btn_next.png");}
.paginate a.direction.last {background-image:url("../images/bbs/btn_last.png");}
.paginate a.direction.disabled {display:none;}

/* 코멘트 */
.comment-area {max-width:1200px; margin:20px auto 0; padding:20px; background:#f7f7f7; box-sizing:border-box;}
.comment-list li {position:relative; padding:10px; border-bottom:1px dotted #ccc;}
.comment-list li .info .name {font-size:14px; font-weight:400; color:#333;}
.comment-list li .info .date {font-size:13px; font-family:Tahoma; color:#767676; margin:0 4px;}
.comment-list li .txt {color:#555; font-size:14px; line-height:22px; padding:4px 0 0 0;}
.comment-list li .controll {position:absolute; top:10px; right:10px; font-size:13px; color:#dddddd;}
.comment-list li .controll a {color:#767676; margin:0 4px;}
.comment-write .write {position:relative; height:70px; padding:0 120px 0 0;}
.comment-write .write textarea {width:100%; height:60px; background:#fff; border:1px solid #ccc; overflow-y:auto;}
.comment-write .btn {position:absolute; top:0; right:0;}

/* 비밀번호 */
.board-password {max-width:460px; text-align:center; margin:0 auto; background:url('../images/bbs/notice.png') 50% 25px no-repeat; padding:95px 15px 35px; border:5px solid #eee; border-radius:10px;}
.board-password dl dt {color:#333; font-size:15px; font-weight:500; padding-bottom:20px;}
.board-password dl dd label {color:#555; font-size:14px; font-weight:300; margin-right:10px;}

/* 문의 */
.mailform {margin:0 auto; max-width:700px;}
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424;}
.mailform table tbody th {padding:10px 20px; height:56px; font-size:15px; font-weight:500; line-height:22px; text-align:left; color:#454545; border-bottom:1px solid #ddd; letter-spacing:0;}
.mailform table tbody th .asterisk {color:#d82222;}
.mailform table tbody td {padding:10px 20px; color:#5c5c5c; font-size:15px; line-height:26px; border-bottom:1px solid #ddd;}
.mailform table tbody td .input.error-line {border:1px solid #d82222;}
.mailform img {vertical-align:middle;}
.form-agree {position:relative; margin-top:33px;}
.form-agree .btn {position:absolute; top:0; right:0; font-size:14px; color:#222;}
.form-agree dt {font-size:15px; font-weight:400; color:#333; line-height:normal;}
.form-agree dd {padding:8px 0 0 0;}
.form-agree .scroll-box {position:relative; height:80px; border:1px solid #d8d8d8; font-size:13px; line-height:18px; background:#f7f7f7; color:#666; padding:10px; overflow:auto;}

.mailform-txt {padding:15px 0 0; margin-bottom:30px; text-align:center; font-size:16px; line-height:25px; font-weight:500; color:#454545; letter-spacing:0;}

/* 검색결과 */
.result-top {max-width:1200px; padding:10px 0 0; margin:0 auto 30px; font-size:20px; color:#000; font-weight:500; line-height:1.2em;}
.result-top .word {color:#d12a07;}
.result-top .num {color:#2e6bdb;}
.result-group {max-width:1200px; border-top:1px solid #ddd; padding:30px 0; margin:0 auto;}
.result-group h3 {margin:0 0 20px; color:#000; font-size:18px; font-weight:500; line-height:1.2em;}
.result-group h3 span {color:#7d7d7d; font-size:14px; font-weight:normal;}
.result-group dl {margin:0 0 20px;}
.result-group dl dt a {font-size:16px; color:#1861c3; margin-right:5px;}
.result-group dl dt img {vertical-align:middle;}
.result-group dl dd {padding:5px 0 0; font-size:13px; line-height:1.45em; color:#444;}
.result-group dl dd.date {color:#999;}
.result-group .more {text-align:right;}
.result-group .more a {font-size:14px; color:#7d7d7d; text-decoration:underline;}

/* 제품 */
.product-list {max-width:1200px; margin:0 auto; overflow:hidden;}
.product-list ul{*zoom:1; margin:0 -15px;}
.product-list ul:after {content:" "; display:block; clear:both;}
.product-list ul li {float:left; width:20%; text-align:center; font-size:14px; line-height:1.4em; padding:0 15px; margin-bottom:30px; box-sizing:border-box;}
.product-list ul li:nth-child(5n+1) {clear:left;}
.product-list ul li a {display:block;}
.product-list ul li .thumb {height:214px; border:1px solid #ddd; overflow:hidden; margin-bottom:10px;}
.product-list ul li.none {float:none; width:100%; padding:70px 0; text-align:center; color:#999;}

.product-summary {*zoom:1; max-width:1200px; margin:0 auto 30px;}
.product-summary:after {content:" "; display:block; clear:both;}
.product-summary .photo {float:left; width:480px;}
.product-summary .info {margin-left:520px;}
.product-summary .info h3 {color:#333; font-size:20px; font-weight:500; line-height:normal; padding:7px 0 10px; border-bottom:1px solid #ddd;}

.product-detail {max-width:1200px; margin:0 auto;}
.product-detail .tit {color:#333; font-size:16px; font-weight:500; line-height:normal; padding:10px 15px; background:#f9f9f9; border:1px solid #ddd;}
.product-detail .cnt {padding:30px 15px; border-bottom:1px solid #ddd;}

/* 매장검색 */
.store-search {*zoom:1; max-width:1200px; background:#f5f5f5; padding:25px 118px 25px 135px; margin:0 auto 50px; box-sizing:border-box;}
.store-search:after {content:" "; display:block; clear:both;}
.store-search .map-area {float:left;}
.store-search .search-area {margin-left:415px; padding-top:15%}
.store-search .search-area h3 {color:#4d4d4d; font-size:18px; font-weight:500; line-height:1.5em; margin-bottom:46px;}
.store-search .search-area dl {margin-top:25px;}
.store-search .search-area dl dt {float:left; color:#545454; font-size:16px; font-weight:400; line-height:35px;}
.store-search .search-area dl dd {position:relative; padding-right:106px; margin-left:110px; overflow:hidden;}
.store-search .submit {position:absolute; top:0; right:0; border:0; cursor:pointer; color:#fff; background:#555; width:100px; height:36px; -webkit-appearance:none; -webkit-border-radius:0}
.store-search .input {width:100%; width:calc(100% - 4px); margin-right:4px;}
.store-search .select {float:left; width:calc(50% - 4px); margin-right:4px;}

/* 상품후기 */
.review-list-info {*zoom:1; text-align:left; padding:7px 0 7px 105px;}
.review-list-info:after {content:" "; display:block; clear:both;}
.review-list-info .img {float:left; margin-left:-95px; line-height:0;}
.review-list-info .bbs-tit {color:#333; font-size:15px; font-weight:500; line-height:22px;}
.review-list-info .bbs-txt {color:#767676; font-size:13px; line-height:18px; padding:4px 0 10px; border-bottom:1px dotted #eee;}
.review-list-info .prd-name {color:#444; font-size:13px; font-weight:400; line-height:18px; padding:10px 0 0 0;}
.review-list-info .prd-opt {color:#4d6ccd; font-size:12px; line-height:18px;}

.review-view-info {*zoom:1; max-width:1200px; margin:0 auto 30px; background:#f8f8f8; border:1px solid #eee; padding:25px 25px 25px 155px; box-sizing:border-box;}
.review-view-info:after {content:" "; display:block; clear:both;}
.review-view-info .img {float:left; margin-left:-130px; line-height:0;}
.review-view-info .tit {color:#333; font-size:15px; font-weight:500; line-height:22px; padding:2px 0 0 0;}
.review-view-info .price {color:#333; font-size:14px; font-weight:500; line-height:18px; padding:2px 0 0 0;}
.review-view-info .opt {color:#4d6ccd; font-size:12px; line-height:18px; padding:2px 0 0 0;}
.review-view-info .grade {color:#333; font-size:14px; font-weight:400; padding:12px 0 0 0;}
.review-view-info .grade .grade-star {margin-left:10px;}

#sub .estimateform {border-top:1px solid #ddd;}
.estimateform .group {width:100%; padding:20px 0; border-bottom:1px solid #ddd;}
.estimateform .row {display:table; table-layout:fixed;}
.estimateform .cell {display:table-cell; vertical-align:middle;}
.estimateform .title {position:relative; font-size:16px; line-height:22px; font-weight:500; color:#454545;}
.estimateform .title span {font-size:15px; font-weight:300; color:#686868;}
.estimateform .cnt {font-size:15px;}
.estimateform .group .title.cell {width:375px;}
.estimateform .checks-lst {margin:0 -35px;}
.estimateform .checks-lst:after {content:" "; display:block; clear:both;}
.estimateform .checks-lst li {float:left; padding:0 35px;}
.estimateform .bg-group {background:#f5f5f5;}
.estimateform .bg-group .in > ul > li {width:100%; padding:20px 40px; border-bottom:1px solid #ddd;}
.estimateform .bg-group .cnt {width:218px;}
#sub .estimateform .bg-group .cnt {width:170px;}
.estimateform .ss-tt {position:absolute; top:0; right:0; font-size:15px; font-weight:200; color:#686868;}
.estimateform .txt {font-size:15px; line-height:25px; color:#686868;}
.estimateform .lst {margin-top:20px;}
.estimateform .lst > ul > li {width:100%; padding:20px 0; border-top:1px solid #ddd;}
.estimateform .lst > ul > li:last-child {padding:20px 0 0;}
.estimateform .lst .tit.cell {width:375px; padding-left:40px; font-weight:300;}

.estimateform .table {margin:10px 0;}
.estimateform .table table {width:100%; border-collapse:collapse; border-spacing:0px; border:1px solid #ddd; background:#fff; text-align:center;}
.estimateform .table table thead th {height:60px; font-size:16px; font-weight:500; color:#454545; border:1px solid #ddd;}
.estimateform .table table tbody th {padding:9px 20px; height:60px; font-size:16px; font-weight:500; line-height:22px; color:#454545; border:1px solid #ddd;}
.estimateform .table table tbody td {padding:9px 20px; color:#454545; font-weight:500; font-size:16px; line-height:26px; border:1px solid #ddd;}
.estimateform .table table tbody .total td {color:#1a3e6f;}
.estimateform .table table tbody .total td .input {color:#1a3e6f;}

.checkbox {padding:20px 0 25px;  font-size:16px; line-height:22px; color:#454545;}
.checkbox:after {content:" "; display:block; clear:both;}
.checkbox a {float:right;}

.estimateform-btn {text-align:center;}
.estimateform-btn .btn {display:inline-block; margin:0 5px; padding:0 28px; height:50px; border-radius:25px; border:0; font-size:18px; line-height:50px; font-weight:500; vertical-align:middle;}
.estimateform-btn .btn.btn1 {background:#1a3e6f; color:#fff;}
.estimateform-btn .btn.btn2 {background:#eee; color:#686868;}

.conversion-list {max-width:1200px; margin:0 auto; border-top:1px solid #ddd;}
.conversion-list ul li {position:relative; display:table; table-layout:fixed; width:100%; padding:20px 89px 20px 34px; border-bottom:1px solid #ddd; background:#fff; overflow:hidden;}
.conversion-list ul li .cell {display:table-cell; vertical-align:middle;}
.conversion-list ul li .date {width:70px; text-align:center; font-size:16px; line-height:1.4em; color:#686868;}
.conversion-list ul li .date .day {font-size:30px; font-weight:700; color:#454545; margin-bottom:8px;}
.conversion-list ul li .subject {position:relative; padding-left:46px; width:100%;}
.conversion-list ul li .subject a {display:inline-block; max-width:calc(100% - 82px); font-weight:500; font-size:18px; line-height:24px; color:#454545; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.conversion-list ul li .subject img {display:inline-block; margin-left:5px; margin-top:2px;}
.conversion-list ul li .info {font-size:14px; line-height:1.4em; font-weight:200; letter-spacing:-0.04em; color:#878787;}
.conversion-list ul li .more {position:absolute; top:50%; right:50px; margin-top:-23px; width:46px; height:46px; border-radius:50%; background:url('../images/main/icon_more.png') 0 0 no-repeat;}
/* .conversion-list ul li.label {background:#fff7f9;} */
.conversion-list ul li:hover .date {color:#1a3e6f;}
.conversion-list ul li:hover .date .day {color:#1a3e6f;}
.conversion-list ul li:hover .subject a {color:#1a3e6f;}
.conversion-list ul li:hover .more {background:url('../images/main/icon_more_on.png') 0 0 no-repeat;}

.instance-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424; background:#fff; text-align:center;}
.instance-list table thead th {height:60px; font-size:16px; font-weight:500; color:#454545; letter-spacing:0; border:1px solid #ddd;}
.instance-list table thead th:first-child {border-left:0;}
.instance-list table thead th:last-child {border-right:0;}
.instance-list table tbody td {padding:12px 20px; height:80px; color:#686868; font-size:16px; line-height:25px; border:1px solid #ddd;}
.instance-list table tbody td:first-child {border-left:0;}
.instance-list table tbody td:last-child {border-right:0;}
.instance-list table tbody td.issue {text-align:left !important;}

.estimate-view {position:relative;}
.estimate-view .head {height:60px; background:#1a3e6f; padding:0 30px; text-align:center;}
.estimate-view .head h3 {font-size:22px; line-height:60px; color:#fff;}
.estimate-view .body {padding:30px 50px 55px;}
.estimate-view .title {text-align:center; font-size:22px; line-height:30px; color:#242424; font-weight:500; margin-bottom:10px;}
.estimate-view .unit {text-align:right; font-size:15px; line-height:20px; color:#454545; margin-bottom:8px;}
.estimate-view .table {margin-bottom:35px;}
.estimate-view .table table {width:100%; border-collapse:collapse; border-spacing:0px; background:#fff; text-align:center;}
.estimate-view .table table thead th {height:60px; font-size:16px; font-weight:500; color:#454545; border:1px solid #ddd;}
.estimate-view .table table tbody th {padding:12px 30px; height:60px; color:#454545; font-size:16px; line-height:25px; font-weight:300; border:1px solid #ddd; text-align:left; background:#f2f6fd;}
.estimate-view .table table tbody th strong {font-weight:500;}
.estimate-view .table table tbody td {padding:12px 20px; height:60px; color:#686868; font-size:16px; line-height:25px; border:1px solid #ddd; text-align:center;}
.estimate-view .table table tbody td strong {font-weight:500;}
.estimate-view .table table tbody .gap td {border:0; height:20px; padding:0;}
.estimate-view .txt {margin-bottom:10px;}
.estimate-view .txt dl dt {font-size:16px; line-height:25px; font-weight:500; color:#1a3e6f;}
.estimate-view .txt dl dd {font-size:15px; line-height:25px; color:#686868;}
.estimate-view .txt dl dd span {color:#1a3e6f;}
.estimate-view .estimateform2 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd; background:#fff; text-align:left;}
.estimate-view .estimateform2 table tbody th {padding:10px 25px; height:60px; font-size:15px; font-weight:500; color:#454545; border-bottom:1px solid #ddd;}
.estimate-view .estimateform2 table tbody td {padding:10px; color:#454545; font-size:15px; line-height:24px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.estimate-view .estimateform2 p {font-size:15px; line-height:25px; color:#686868; margin-top:5px;}
.estimateform-btn2 {text-align:center; margin:73px 0 40px;}
.estimateform-btn2 .btn {display:inline-block; margin:0 5px; width:140px; height:50px; border-radius:25px; border:0; font-size:18px; line-height:50px; font-weight:500; vertical-align:middle;}
.estimateform-btn2 .btn.btn1 {background:#1a3e6f; color:#fff;}
.estimateform-btn2 .btn.btn2 {background:#eee; color:#686868;}
.estimate-view .txt2 {text-align:center;}
.estimate-view .txt2 dl dt {font-size:18px; line-height:28px; font-weight:500; color:#454545;}
.estimate-view .txt2 dl dd {font-size:16px; line-height:28px; color:#454545;}

.estimate-view .btn-close {position:absolute; top:21px; right:31px;}