@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:1400px;margin:0 auto 15px;}
.board-search:after {content:" ";display:block;clear:both;}
.board-search .total-page {float:left;margin-top:13px; color:#505050;font-size:16px;font-weight:200;line-height:22px;letter-spacing:-.04em;}
.board-search .total-page strong {color:#2c2c2c;font-weight:500;}
.board-search .sort {float:left;}
.board-search .sort .select {width:180px; height:38px; padding:0 5px; color:#444; font-size:15px; font-weight:400;}
.board-search .search {float:right;position:relative;}
.board-search .search .input {height:38px; width:270px; font-weight:200;line-height:26px;letter-spacing:-.06em;}
.board-search .search .btn-pack {height:38px; padding:0 20px; border:0; background:#009f71; color:#fff;font-weight:200;line-height:38px;letter-spacing:-.06em;}

/* 리스트 */
.board-list {max-width:1400px;overflow:hidden;}
.board-list ul {border-top: 3px solid #009f71;}
.board-list ul li {padding:12px 35px;border-bottom:1px solid #ddd;text-align:left; color:#747474;font-size:16px;font-weight:300;line-height:22px;}
.board-list ul li.notice-on {background-color:#fafafa;}
.board-list ul li:hover {background-color:#ebf7f4;}
.board-list ul li:hover a:before {background-color:#009f71;background-image:url('../images/bbs/more_on.png');}
.board-list ul li:hover a .subject {color:#009f71; transition:.2s ease-in-out;}
.board-list ul li img {vertical-align:middle;}
.board-list ul a {position:relative;display:block;}
.board-list ul a:before {content:"";position:absolute;display:block;top:50%;right:0;margin-top:-20px;width:40px;height:40px;border-radius:50%;background-color:transparent;background-image:url('../images/bbs/more.png'); background-position:50% 50%; background-repeat:no-repeat;}
.board-list .label {display:inline-block;background:transparent; color:#009f71;font-size:14px;font-weight:500;line-height:28px;letter-spacing:-.04em;}
.board-list .no {color:#505050;font-size:14px;font-weight:500;line-height:26px;letter-spacing:-.04em;}
.board-list .subject {color:#2c2c2c;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-.04em; transition:.2s ease-in-out;}
.board-list .subject .txt {display:inline-block; vertical-align:middle; max-width:85%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-list .subject .new {display:inline-block; vertical-align:middle; margin:-.1em 0 0 10px;}
.board-list .info {color:#878787;font-size:14px;font-weight:200;line-height:24px;letter-spacing:-.04em;}
.board-list .info span {display:inline-block;margin-right:10px;}
.board-list .comment {color:#ff6000;font-family:Tahoma;font-size:11px;}

.board-list2 {max-width:1400px;margin:0 -3px;overflow:hidden;}
.board-list2 ul {border-top: 3px solid #009f71;}
.board-list2 ul li {padding:12px 50px 12px 15px;border-bottom:1px solid #ddd;text-align:left; color:#747474;font-size:16px;font-weight:300;line-height:22px;}
.board-list2 ul li.notice-on {background-color:#fafafa;}
.board-list2 ul li:hover {background-color:#ebf7f4;}
.board-list2 ul li:hover a:before {background-color:#009f71;background-image:url('../images/bbs/more_on.png');}
.board-list2 ul li:hover a .subject {color:#009f71; transition:.2s ease-in-out;}
.board-list2 ul li img {vertical-align:middle;}
.board-list2 ul a {position:relative;display:block;}
.board-list2 ul a:after  {content:" ";display:block;clear:both;}
.board-list2 ul a:before {content:"";position:absolute;display:block;top:50%;right:0;margin-top:-20px;width:40px;height:40px;border-radius:50%;background-color:transparent;background-image:url('../images/bbs/more.png'); background-position:50% 50%; background-repeat:no-repeat;}
.board-list2 .img-wrap {float:left; width:320px; line-height:0;}
.board-list2 .img-wrap .thumb {position:relative;width:100%;height:0;padding-bottom:68.1%;overflow:hidden;z-index:0; background:#fff;}
.board-list2 .img-wrap .thumb:after {content:" ";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.1);z-index:1;transition: all 0.2s ease-in-out;}
.board-list2 .txt-wrap {margin-left:350px;overflow:hidden; padding-top:20px;}
.board-list2 .label {display:inline-block;background:transparent; color:#009f71;font-size:14px;font-weight:500;line-height:28px;letter-spacing:-.04em;}
.board-list2 .no {color:#505050;font-size:12px;font-weight:500;line-height:26px;letter-spacing:-.04em;}
.board-list2 .subject {color:#2c2c2c;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-.04em; margin-bottom:10px;}
.board-list2 .subject .txt {display:inline-block; vertical-align:middle; max-width:85%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-list2 .subject .new {display:inline-block; vertical-align:middle; margin:-.1em 0 0 10px;}
.board-list2 .info {color:#878787;font-size:14px;font-weight:200;line-height:24px;letter-spacing:-.04em;}
.board-list2 .info span {display:inline-block;margin-right:10px;}
.board-list2 .comment {color:#ff6000;font-family:Tahoma;font-size:11px;}

.project-list {max-width:1400px;padding-top:20px;margin:0 auto;overflow:hidden;}
.project-list ul{display:flex; flex-wrap:wrap; margin:-10px -13px;}
.project-list ul li {position:relative;text-align:center;width:25%;padding:10px 13px;}
.project-list ul li:nth-child(4n+1) {clear:left;}
.project-list ul li a {display:block;}
.project-list ul li .thumb {position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;}
.project-list ul li .thumb:before {content:" ";opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.7);z-index:1;}
.project-list ul li .thumb:after {position:absolute;top:10px;left:10px;bottom:10px;right:10px;border:1px solid rgba(6,161,116,.6);z-index:2;}
.project-list ul li .thumb img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:auto !important;height:auto !important;max-width:100%;max-height:100%;} 
.project-list ul li .hover-cnt {position:absolute;z-index:3;top:0;left:0;bottom:0;right:0; opacity:0; text-align:center;color:#fff;}
.project-list ul li .hover-cnt .tit {padding:0 30px; font-size:24px;font-weight:700;line-height:36px;letter-spacing:-.04em; position:relative; font-family: 'NanumSquare'; max-height:108px;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical;}
.project-list ul li .hover-cnt .inner {display:table;table-layout:fixed;width:100%;height:100%;}
.project-list ul li .hover-cnt .more {padding:0 14px; font-size:14px;font-weight:500;line-height:40px;letter-spacing:-.04em; position:relative;text-align:left; max-width:140px; border:1px solid #fff; margin:50px auto 0;}
.project-list ul li .hover-cnt .more:before {content:""; position:absolute; top:-30px; left:calc(50% - 10px); width:20px;height:2px; background:#fff;}
.project-list ul li .hover-cnt .more:after  {content:""; position:absolute; top:calc(50% - 5px); right:15px; width:25px;height:11px; background:url('../images/sub/ico_more.png') 0 0 no-repeat;}

.project-list ul li.none {float:none;width:100%;padding:50px 0 70px;color:#999;}
.project-list ul li:hover .thumb:before {opacity:1;}
.project-list ul li:hover .thumb:after {content:" ";}
.project-list ul li:hover .hover-cnt {opacity:1;}

.calendar {max-width:1400px;margin:0 auto;}
.calendar .head {position:relative;height:60px;text-align:center;}
.calendar .head span {font-size:35px;letter-spacing:-1px;color:#2c2c2c;line-height:normal;margin:0 auto;}
.calendar .head .btn {position:absolute;top:18px;display:inline-block;height:22px;font-size:16px;line-height:22px;color:#343434;text-decoration:none;}
.calendar .head .btn:hover {color:#888;}
.calendar .head .btn-prev {left:0;background:url('../images/bbs/cal_bt_prev.png') 0 0 no-repeat;padding-left:30px;}
.calendar .head .btn-next {right:0;background:url('../images/bbs/cal_bt_next.png') 100% 0 no-repeat;padding-right:30px;}
.calendar .body {width:100%;margin:0 auto;}
.calendar .body table {width:100%;border-collapse:collapse;border-spacing:0px;}
.calendar .body table thead th {height:40px;font-size:14px;font-weight:500;color:#2c2c2c;border:1px solid #d8d8d8;
	background:#f8f8f9;
	background:-webkit-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
}
.calendar .body table thead th.sun {color:#f20000;}
.calendar .body table thead th.week {color:#777;}
.calendar .body table thead th.sat {color:#0073cb;}
.calendar .body table tbody td {padding:8px;height:80px;vertical-align:top;border:1px solid #d8d8d8;}
.calendar .body table tbody td:hover {background:#fafafa;}
.calendar .body table tbody td .day {height:18px;font-size:14px;font-weight:500;line-height:normal;padding-bottom:4px;}
.calendar .body table tbody td.sun .day {color:#f20000;}
.calendar .body table tbody td.week .day {color:#999;}
.calendar .body table tbody td.sat .day {color:#0073cb;}
.calendar .body table tbody td ul li {color:#999;padding:4px 0;font-size:14px;line-height:22px;}

/* 글작성 */
.board-write {max-width:1400px;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:#2c2c2c;}
.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;}

/* 이전글,다음글 */
.prev_next {max-width:1400px;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:#2c2c2c;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:1400px;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 .fl .btn-pack {margin:0 2px;}
.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 #a6a7a7;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:#009f71;border:1px solid #009f71;color:#fff;}
.btn-pack.dark {background:#1f1f30;border:1px solid #1f1f30;color:#fff;}
.btn-pack.grey {background:#878787;border:1px solid #878787;color:#fff;}
.btn-pack.small {height:30px;padding:0 10px;line-height:28px;font-size:13px;}
.btn-pack.medium {height:38px;padding:0 12px;line-height:36px;font-size:14px;}
.btn-pack.large {height:42px;padding:0 25px;line-height:40px;font-size:15px;}
.btn-pack.xlarge {height:50px;padding:0 32px;line-height:48px;font-size:18px;}
.btn-pack.long {height:52px;padding:0 50px;line-height:50px;font-size:20px;font-weight:400;min-width:180px;}
.btn-pack.round {border-radius:5px;}
.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:#009f71;border:1px solid #009f71;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:#505050;border-color:#505050;}

/* 페이지목록 */
.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:30px;height:30px; background-color:transparent;border:1px solid transparent;font-size:18px;font-weight:400;line-height:28px;color:#878787;text-decoration:none;text-align:center;vertical-align:middle;transition:.2s ease-in-out;}  
.paginate strong {color:#000;border-color:transparent;background-color:transparent;}  
.paginate a:hover {color:#009f71;transition:.2s ease-in-out;}
.paginate a.direction {width:40px;height:40px;line-height:38px;background-color:transparent;border:1px solid transparent;background-position:50% 50%;background-repeat:no-repeat;}
.paginate a.direction:hover {background-color:#009f71;transition:.2s ease-in-out;}
.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.first:hover {background-image:url("../images/bbs/btn_first_on.png");}
.paginate a.direction.prev:hover {background-image:url("../images/bbs/btn_prev_on.png");}
.paginate a.direction.next:hover {background-image:url("../images/bbs/btn_next_on.png");}
.paginate a.direction.last:hover {background-image:url("../images/bbs/btn_last_on.png");}
.paginate a.direction.disabled {display:none;}

/* 코멘트 */
.comment-area {max-width:1400px;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:#2c2c2c;}
.comment-list li .info .date {font-size:13px;font-family:Tahoma;color:#767676;margin:0 4px;}
.comment-list li .txt {color:#505050;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:#2c2c2c;font-size:15px;font-weight:500;padding-bottom:20px;}
.board-password dl dd label {color:#505050;font-size:14px;font-weight:300;margin-right:10px;}

/* 문의 */
.mailform {
	box-sizing: border-box;
	border-top: 3px solid transparent;
	border-image:linear-gradient(90deg, #205faa 0%, #98d550 100%);
	border-image-slice: 1;
}
.mailform table {width:100%;border-collapse:collapse;border-spacing:0px;}
.mailform table tbody th {padding:12px 35px;height:35px;font-size:16px;font-weight:400;line-height:22px;text-align:left;color:#2c2c2c;border-bottom:1px solid #ddd;}
.mailform table tbody td {padding:12px 35px;color:#5c5c5c;font-size:15px;line-height:22px;border-bottom:1px solid #ddd;}
.mailform img {vertical-align:middle;}
.mailform table tbody th .asterisk {color:#cb2f2f;display:inline-block;padding-left:3px;}
.form-agree {position:relative;margin:30px 0;}
.form-agree .btn {position:absolute;top:0;right:0;font-size:14px;font-weight:400;letter-spacing:-.04em;color:#505050;}
.form-agree dt {font-size:18px;font-weight:700;color:#2c2c2c;line-height:1.4em;}
.form-agree dd {padding:10px 0 0 0;text-align:center;color:#505050;font-size:16px;font-weight:400;line-height:1.5em;}
.form-agree .scroll-box {position:relative;overflow:auto;max-height:120px;border:1px solid #ccc;text-align:left;background:#fafafa;color:#606060;font-size:13px;font-weight:300;line-height:1.5em;letter-spacing:-.03em; padding:15px;}
.mailform select.input {color:#878787;font-weight:200;}

/* 검색결과 */
.result-top {max-width:1400px;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:1400px;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:1400px;padding-top:0;border-top:0;border-bottom:1px solid #ddd;margin:0 auto;overflow:hidden;}
.product-list ul{*zoom:1;margin:0 -25px;}
.product-list ul:after {content:" ";display:block;clear:both;} 
.product-list ul li {float:left;position:relative;text-align:center;width:25%;padding:0 25px;margin-bottom:50px;}
.product-list ul li:nth-child(4n+1) {clear:left;}
.product-list ul li a {display:block;position:relative;width:100%;height:100%;padding:31px;padding-bottom:0;}
.product-list ul li a:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #eee;box-shadow: 0 0 rgba(0,0,0,0);transition:all .3s;}
.product-list ul li .thumb {position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;}
.product-list ul li .thumb:before {content:" ";position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:100%;background:transparent;transition:all .3s;z-index:1;}
.product-list ul li .thumb:after {content:" ";position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:100%;background:url('../images/main/viewmore.png') 50% 50% no-repeat;opacity:0;transform:translate(0, -10%);transition:all .3s;z-index:2;}
.product-list ul li .thumb img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:auto !important;height:auto !important;max-width:100%;max-height:100%;}
.product-list ul li .txt {display:table;table-layout:fixed;width:100%;height:86px !important;text-align:center;}
.product-list ul li .txt p {display:table-cell;vertical-align:middle;color:#2c2c2c;font-size:18px;font-weight:400;line-height:28px;letter-spacing:-.06em;}
.product-list ul li .txt p span {display:block;height:56px !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;}
.product-list ul li a:hover:after {border:2px solid #009f71;box-shadow: 3px 3px rgba(0,0,0,.05);transition:all .3s;}
.product-list ul li a:hover .thumb:before {background:rgba(57,138,84,.8);transition:all .3s;}
.product-list ul li a:hover .thumb:after {background:url('../images/main/viewmore.png') 50% 50% no-repeat;opacity:1;transform:translate(0%, 0%);transition:all .3s;}
.product-list ul li.none {float:none;width:100%;padding:70px 0;text-align:center;color:#999;}

.product-summary {*zoom:1;position:relative;max-width:1400px;margin:0 auto;padding:70px 0 50px;}
.product-summary:after {content:" ";display:block;clear:both;} 
.product-summary .items.slick-slider {display:block !important;}
.product-summary .items .slick-list {margin:0 !important;padding:0 !important;}
.product-summary .items .slick-vertical .slick-slide {outline:0;}
.proPic {float:left;}
.proPic .sliderOrigin {width:400px;line-height:0;}
.proPic .sliderOrigin .item {position:relative;height:0;padding-bottom:100%;outline:0;overflow:hidden;}
.proPic .sliderOrigin .item .thumb {position:relative;height:0;padding-bottom:100%;overflow:hidden;cursor:pointer;outline:0;background:#fff;}
.proPic .sliderOrigin .item .thumb:after {content:"";position:absolute;top:0;left:0;bottom:0;right:0;}
.proPic .sliderOrigin .item .thumb img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:auto !important;height:auto !important;max-width:100%;max-height:100%;}
.proPic .sliderNav {width:318px;margin-top:30px;margin-left:42px;}
.proPic .sliderNav .slick-slide {padding:0 13px;outline:0;}
.proPic .sliderNav .item {outline:0;display:block !important;line-height:0;}
.proPic .sliderNav .item .thumb {position:relative;height:0;padding-bottom:100%;overflow:hidden;outline:0;cursor:pointer;background:#fff;}
.proPic .sliderNav .item .thumb:after {content:"";position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid transparent;}
.proPic .sliderNav .item .thumb img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:auto !important;height:auto !important;max-width:100%;max-height:100%;}
.proPic .sliderNav .items .slick-current .item .thumb:after {content:"";position:absolute;top:0;left:0;bottom:0;right:0;border:5px solid #009f71;}
.proPic .slick-arrow {width:14px;height:27px;display:block;background-color:transparent;background-position: 0 0;background-size:100%;border:0;position:absolute;top:50%;margin-top:-13px;text-indent:-999em;overflow:hidden;outline:none;z-index:1;}
.proPic .slick-prev {background-image:url('../images/sub/pro_prev.png');left:-41px;transition:.3s;}
.proPic .slick-next {background-image:url('../images/sub/pro_next.png');right:-41px;transition:.3s;}
.proPic .slick-prev:hover {background-image:url('../images/sub/pro_prev_on.png');transition:.3s;}
.proPic .slick-next:hover {background-image:url('../images/sub/pro_next_on.png');transition:.3s;}
.proInfo {margin-left:480px;}
.proInfo .title {color:#2c2c2c;font-size:30px;line-height:50px;letter-spacing:-.04em;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:25px;}
.proInfo .dot-list {padding-bottom:25px;border-bottom:1px solid #ddd;}
.proInfo .dot-list li .tit {display:inline-block;font-weight:400;line-height:30px;color:#505050;letter-spacing:-.04em;padding:5px 0;width:240px;}
.proInfo .dot-list li .txt {display:inline-block;font-weight:700;line-height:30px;color:#2c2c2c;letter-spacing:-.04em;padding:5px 0;}
.proInfo .buttons {margin-top:30px;height:64px;}
.proInfo .buttons .btn-pack:after {content:" ";display:inline-block;vertical-align:middle;margin:-.2em 0 0 10px;width:14px;height:12px;background:url('../images/sub/icon_arrow.png') 0 50% no-repeat;}


/* 매장검색 */
.store-search {*zoom:1;max-width:1400px;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:#505050;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:#2c2c2c;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:1400px;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:#2c2c2c;font-size:15px;font-weight:500;line-height:22px;padding:2px 0 0 0;}
.review-view-info .price {color:#2c2c2c;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:#2c2c2c;font-size:14px;font-weight:400;padding:12px 0 0 0;}
.review-view-info .grade .grade-star {margin-left:10px;}

/* 상세보기 */
.board-view {max-width:1400px;margin:0 auto;}
.board-view .head {border-top:2px solid #898989;}
.board-view .head .tit {color:#2c2c2c;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:#2c2c2c;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%;}


/* project 상세보기 */
.project-slide {position:relative;}
.project-slide {line-height:0;}
.project-slide .ctr {position:absolute;z-index:3;bottom:-80px;right:0; background:#fff; padding:18px 30px; overflow:hidden; border:1px solid #dfdfdf;}
.project-slide .ctr .slick-arrow {bottom:0;outline:0; width:10px;height:16px;margin-top:3px; text-indent:-9999px;z-index:50;border:0;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;background-size:cover;}
.project-slide .slick-prev {background-image:url('../images/sub/proj_prev.png'); position:relative; margin-right:19px;}
.project-slide .slick-prev:after {content:""; display:inline-block; width:1px; height:14px; background-color:#ddd; position:absolute; top:0; right:-19px;}
.project-slide .slick-next {background-image:url('../images/sub/proj_next.png'); margin-left:18px;}
.project-slide .slick-dots {float:left; margin:0 -14px; margin-right:35px;}
.project-slide .slick-dots li {display:inline-block; padding:0 14px; cursor: pointer;}
.project-slide .slick-dots li a {border:0; background:none; outline:0; font-size:20px;font-weight:800;line-height:1em;letter-spacing:-.06em; color:#ccc; text-decoration:none;}
.project-slide .slick-dots li.slick-active a {color:#009f71;}
.project-slide .thumb {position:relative;width:100%;height:0;padding-bottom:63.6%;overflow:hidden;}
.project-slide .thumb:before {content:" ";opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.7);z-index:1;}
.project-slide .thumb img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:auto !important;height:auto !important;max-width:100%;max-height:100%;} 

.project-info {margin-top:35px;}
.project-info {}
.project-info .tit {font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-.03em;color:#2c2c2c; margin-bottom:35px;}
.project-info .table01 tbody th {padding:15px 0; font-size:18px;font-weight:700; color:#2c2c2c; font-family:'NanumSquare';}
.project-info .table01 tbody td {padding:15px 40px; font-size:16px; text-align:left;}