@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-list {max-width:1200px; margin:0 auto;}
.board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #505050;}
.board-list table thead tr {}
.board-list table thead th {height:45px; border-bottom:1px solid #ddd; color:#2c2c2c; font-size:15px; font-weight:500; background-color:#c8eff4;}
.board-list table tbody td {padding:10px 0; border-bottom:1px solid #ddd; text-align:center; font-size:16px; font-weight:300; line-height:22px; color:#747474;}
.board-list table tbody td.subject {text-align:left; padding-left:15px;}
.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 {color:#3134bf; font-weight:350;}
.board-list .label {display:inline-block;zoom:1;*display:inline;color:#3134bf;font-weight:500;padding:0 10px;font-size:14px;line-height:30px;}
.board-list .comment {color:#ff6000;font-family:Tahoma;font-size:11px;}

.gallery-list {max-width:1200px; padding-top:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 auto; overflow:hidden;}
.gallery-list ul{*zoom:1; margin:0 -20px;}
.gallery-list ul:after {content:" "; display:block; clear:both;} 
.gallery-list ul li {float:left; width:25%; text-align:center; font-size:14px; line-height:1.4em; padding:0 20px; margin-bottom:30px; box-sizing:border-box;}
.gallery-list ul li:nth-child(4n+1) {clear:left;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {height:180px; border:1px solid #ddd; overflow:hidden; margin-bottom:10px;}
.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 #898989;}
.news-list ul li {*zoom:1; padding:20px 0; border-bottom:1px solid #ddd;}
.news-list ul li:after {content:" "; display:block; clear:both;}
.news-list ul li .thumb {float:left; width:180px;}
.news-list ul li dl {margin-left:200px;}
.news-list ul li dl dt {color:#333; font-size:16px; font-weight:500; line-height:24px;}
.news-list ul li dl dd {padding:7px 0;}
.news-list ul li img {vertical-align:middle;}
.news-list ul li.none {padding:70px 0; text-align:center; color:#999; font-size:14px; line-height:22px;}

.event-list {max-width:1200px; margin:0 auto; border-top:2px solid #898989;}
.event-list ul li {*zoom:1; padding:20px 0; border-bottom:1px solid #ddd;}
.event-list ul li:after {content:" "; display:block; clear:both;}
.event-list ul li .thumb {float:left; width:300px;}
.event-list ul li dl {margin-left:320px;}
.event-list ul li dl dt {color:#333; font-size:16px; font-weight:500; line-height:24px;}
.event-list ul li dl dd {padding:7px 0;}
.event-list ul li img {vertical-align:middle;}
.event-list ul li.none {padding:70px 0; text-align:center; color:#999; font-size:14px; line-height:22px;}
.event-list .label {display:inline-block;zoom:1;*display:inline;min-width:45px;text-align:center;color:#fff;background:#ff6000;font-weight:400;padding:2px 10px;font-size:14px;line-height:22px;border-radius:4px;}
.event-list .label.on {background:#ff3d3d;}
.event-list .label.off {background:#999;}


/* list_검색 */
.b-search {position:relative; margin-bottom:80px;}
.b-search:after {content:""; display:block; clear:both;}
.b-search .total-page {float:right; line-height:60px;}
.b-search .cate {float:right; margin-left:15px;}
.b-search .search {float:right;}
.b-search .search input.input {width:300px; padding-left: 0; height: 60px;}
.b-search .search .input {border:0; border-bottom:2px solid #242424;}
.b-search .btn-pack {position:absolute; top:50%; right:20px; margin-top:-10px; width:22px; height:21px; background:url("../images/sub/search_img.png") 50% 50% no-repeat; border:0; overflow:hidden; text-indent:-9999em;}

/* faq */
.faq-list {max-width:1200px; margin:0 auto; border-top:1px solid #ddd;}
.faq-list dt {position:relative;font-size:15px; line-height:30px; font-weight:400; border-bottom:1px solid #e4e4e4;}
.faq-list dt:after {content:""; position:absolute; top:10px; left:20px; width:40px; height:30px; background:url('../images/bbs/faq_q.png') 0 50% no-repeat}
.faq-list dt a {display:block; color:#747474; padding:10px 20px 10px 60px; background:url('../images/bbs/faq_down.png') 98% 50% no-repeat; text-decoration:none;}
.faq-list dt.active a {color:#747474; background:#f5f5f5 url('../images/bbs/faq_up.png') 98% 50% no-repeat;}
.faq-list dd {display:none; padding:15px 15px 15px 30px; border-bottom:1px solid #e4e4e4;}


/* 글작성 */
.board-write {max-width:1200px; border-top:1px solid #505050; 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:1px solid #505050;}
.board-view .head .tit {color:#2c2c2c; font-size:16px; font-weight:400; line-height:1.3em; padding:13px 15px; 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:15px;}
.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:#505050;color:#fff;border:1px solid #505050;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;outline:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#3134bf; border:1px solid #3134bf; 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.white {background:#fff; border-color:#ddd}
.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:60px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.btn-pack.submit {width:110px; height:40px; border:0; background:#3134bf; border:1px solid #3134bf; 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;font-size:16px;font-weight:500;line-height:32px;color:#555;text-decoration:none;text-align:center;vertical-align:middle;}  
.paginate strong{color:#3134bf;}  
.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:hover.direction.first {background-image:url("../images/bbs/btn_first_on.png");}
.paginate a:hover.direction.prev {background-image:url("../images/bbs/btn_prev_on.png");}
.paginate a:hover.direction.next {background-image:url("../images/bbs/btn_next_on.png");}
.paginate a:hover.direction.last {background-image:url("../images/bbs/btn_last_on.png");}
.paginate a.direction.disabled {display:none;}

/* 코멘트 */
.comment-area {max-width:1200px; margin:20px auto 0; padding:20px; border:1px solid #ddd; 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; padding:35px 15px 35px; border:1px solid #ddd; }
.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 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686;}
.mailform table tbody th {padding:9px 20px; height:35px; font-size:14px; font-weight:400; line-height:22px; text-align:left; color:#4d4d4d; border-bottom:1px solid #ddd;}
.mailform table tbody td {padding:9px 20px; color:#5c5c5c; font-size:14px; line-height:22px; border-bottom:1px solid #ddd;}
.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;}

/* 제품 게이트*/
/* /sub/product_gate.php 페이지로 이동
.product-menu {max-width:1200px; margin:0 auto; overflow:;}
.product-menu .menuWrap {margin:0 -30px;}
.product-menu .menuWrap:after {content:"";display:block;clear:both;}
.product-menu .row {float:left; position:relative; width:33.333%; padding:0 30px; box-sizing:border-box;}
.product-menu .row:nth-child(3n+1) {clear:left;}
.product-menu .col {position:relative; cursor:pointer;}
.product-menu .col .close {opacity:0; transition: all 0.5s ease;}
.product-menu .col .menu {border:3px solid #505050; background:#fff; width:100%;  box-sizing:border-box; transition: all 0.5s ease;}
.product-menu .col .menu .nav {height:170px; background-position:37px 40px; background-repeat:no-repeat}
.product-menu .col .menu .nav.icon1 {background-image:url('../images/sub/gate_icon01.png');}
.product-menu .col .menu .nav.icon2 {background-image:url('../images/sub/gate_icon02.png');}
.product-menu .col .menu .nav.icon3 {background-image:url('../images/sub/gate_icon03.png');}
.product-menu .col .menu .nav.icon4 {background-image:url('../images/sub/gate_icon04.png');}
.product-menu .col .menu .nav.icon5 {background-image:url('../images/sub/gate_icon05.png');}
.product-menu .col .menu dl {padding:35px 0 0 152px;}
.product-menu .col .menu dl dt {color:#2c2c2c; font-size:34px; line-height:1.6em; font-weight:700;font-family:'NanumSquare';}
.product-menu .col .menu dl dd {color:#878787; font-size:14px; line-height:1.4em;}
.product-menu .col .menu ul {display:none;}
.product-menu .col:hover .menu .nav.icon1 {background-image:url('../images/sub/gate_icon01_on.png');}
.product-menu .col:hover .menu .nav.icon2 {background-image:url('../images/sub/gate_icon02_on.png');}
.product-menu .col:hover .menu .nav.icon3 {background-image:url('../images/sub/gate_icon03_on.png');}
.product-menu .col:hover .menu .nav.icon4 {background-image:url('../images/sub/gate_icon04_on.png');}
.product-menu .col:hover .menu .nav.icon5 {background-image:url('../images/sub/gate_icon05_on.png');}
.product-menu .col:hover .menu {border-color:#2124c2;}
.product-menu .col:hover .menu dl dt {color:#2124c2}
.product-menu .col:hover .menu dl dd {color:#2124c2}
.product-menu .col.active {margin-bottom:25px;}
.product-menu .col.active .menu {height:385px; border-color:#2124c2; background-color:#2124c2; background-position:100% 0; background-repeat:no-repeat}
.product-menu .col.active .menu .nav {height:300px;}
.product-menu .col.active .menu .nav.icon1 {background-image:url('../images/sub/gate_icon01_active.png');}
.product-menu .col.active .menu .nav.icon2 {background-image:url('../images/sub/gate_icon02_active.png');}
.product-menu .col.active .menu .nav.icon3 {background-image:url('../images/sub/gate_icon03_active.png');}
.product-menu .col.active .menu .nav.icon4 {background-image:url('../images/sub/gate_icon04_active.png');}
.product-menu .col.active .menu .nav.icon5 {background-image:url('../images/sub/gate_icon05_active.png');}
.product-menu .col.active .menu.bg1 {background-image:url('../images/sub/gate_bg1.png');}
.product-menu .col.active .menu.bg2 {background-image:url('../images/sub/gate_bg2.png');}
.product-menu .col.active .menu.bg3 {background-image:url('../images/sub/gate_bg3.png');}
.product-menu .col.active .menu.bg4 {background-image:url('../images/sub/gate_bg4.png');}
.product-menu .col.active .menu.bg5 {background-image:url('../images/sub/gate_bg5.png');}
.product-menu .col.active .menu {border-color:#fff;}
.product-menu .col.active .menu dl dt {color:#fff}
.product-menu .col.active .menu dl dd {color:#fff}
.product-menu .col.active .menu ul {display:block; width:280px; margin:0 auto; padding-top:30px;}
.product-menu .col.active .menu ul li {font-size:16px; line-height:38px; height:38px;}
.product-menu .col.active .menu ul li a {display:block; color:#fff; padding-left:25px; background:url('../images/sub/menu_off.png') 90% 50% no-repeat; transition: all 0.5s ease; border-radius:38px;}
.product-menu .col.active .menu ul li a:hover {background:#fff url('../images/sub/menu_on.png') 90% 50% no-repeat; color:#2124c2;}
.product-menu .col.active .close {opacity:1;position:absolute; top:20px; right:20px;z-index:100; transform:rotate(360deg);}
*/

.pro-nav {margin-bottom:40px; max-width:1200px; overflow:hidden;}
.pro-nav ul {margin:0 -4px;}
.pro-nav ul:after {content:"";display:block;clear:both;}
.pro-nav ul li {float:left; width:14.2%; height:40px; text-align:center; padding:0 4px; margin-bottom:8px; box-sizing:border-box;}
.pro-nav ul li:nth-child(7n+1) {clear:left;}
.pro-nav ul li button {width:100%; height:40px;color:#fff; background:#3f42b7; font-size:16px; line-height:38px; outline:0; border:0;font-family:'Montserrat','Noto Sans KR',sans-serif; border-radius:40px;}
.pro-nav ul li.active button {color:#2124c2; background:#dfdfdf;}
.pro-nav ul li.more a {display:block; background:#fff; color:#3f42b7; border:2px solid #3f42b7; font-size:16px; line-height:36px; font-family:'Noto Sans KR','Montserrat',sans-serif; border-radius:40px;}

.pro-wrap {position:; max-width:1200px; margin:0 auto; overflow:hidden;}
.pro-wrap:after {content:""; display:; clear:;}
.pro-wrap .btn-wrap {position:absolute; top:0; right:0; width:50px; height:100%; background:#f4f4f4; border:1px solid #ddd; box-sizing:border-box;}
.pro-wrap .btn-wrap .bt-next {position:absolute; top:0; right:0; width:50px; height:50px; border:0; border-left:1px solid #5f606f; }
.pro-wrap .btn-wrap .bt-next.end {opacity: 0.3; cursor:not-allowed;}

.pro-table {width:95.9%; position:relative; overflow:hidden;}
.pro-table table {table-layout: fixed;width:100%; border-collapse:collapse; border-spacing:0px; border:1px solid #dfdfdf}
.pro-table table thead th { padding:0 20px; height:50px; font-size:18px; font-weight:500; line-height:1.4em; text-align:left; color:#4d4d4d;}
.pro-table table tbody th {padding:0 20px; font-size:14px; font-weight:400; line-height:1.4em; color:#4d4d4d; text-align:left; border:1px solid #dfdfdf; font-family:'Montserrat','Noto Sans KR',sans-serif;}
.pro-table table tbody td {padding:20px 20px; color:#505050; text-align:center; font-size:14px; line-height:1.4em; border:1px solid #dfdfdf; font-family:'Montserrat','Noto Sans KR',sans-serif;}
.pro-table .category-header {width:220px;padding:0 20px; border:1px solid #dfdfdf; height:50px; background:#f4f4f4;font-family:'Noto Sans KR','Montserrat',sans-serif;font-weight:500; color:#2c2c2c; font-size:18px; line-height:1.4em;}
.pro-table .bt-prev {position:absolute; top:1px; left:171px; width:50px; height:50px; border:0; background: url('../images/bbs/list_bt_prev.gif') 0 0 no-repeat; z-index:10}
.pro-table .bt-prev.first {opacity:0.3; cursor:not-allowed; }
.pro-table .item-header {background:#444554; height:50px; border-bottom:1px solid #444554; position:relative; text-align:center; color:#fff; font-family:'Montserrat','Noto Sans KR',sans-serif;}
.pro-table .item-header:first-child:after {display:none;}
.pro-table .item-header:after {content:"";position:absolute;top:0;left:0;width:1px; height:50px; border-left:1px solid #5f606f}
.pro-table .item-header .bt-check {border:0; outline:0; width:17px; height:30px; position:absolute; top:10px; left:20px; font-size:0; background:url('../images/bbs/bt_check.png') 0 50% no-repeat;}
.pro-table .item-header.pin .bt-check {background-image:url('../images/bbs/bt_check_on.png');}
.pro-table .item-header.pin {background:#3f42b7}
.pro-table .item-header .bt-close {border:0; outline:0; width:17px; height:30px; position:absolute; top:10px; right:20px; font-size:0; background:url('../images/bbs/list_bt_close.png') 0 50% no-repeat;}
.pro-table .thumb {position:relative; height:0; padding-bottom:61.5%; margin-bottom:10px; overflow:hidden;}
.pro-table .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pro-table .bt-more {display:block; width:130px; margin:0 auto; font-weight:200; height:30px; text-align:center;background:#444554; color:#fff; font-size:16px; line-height:30px; font-family:'Noto Sans KR','Montserrat',sans-serif; border-radius:30px;}
.pro-table .bt-more:hover {background:#3f42b7}
.pro-table .item-header,.pro-table .pro-trigger {width:310px;}

/* 검색창 */
.board-search {*zoom:1; max-width:1200px; margin:0 auto 20px;}
.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;}
.board-search .search .input {width:200px;}
.board-search .search .btn-pack {padding:0 20px;height:35px;color:#fff;font-size:0;line-height:0;background:url('/images/bbs/bt_search.png') 50% 50% no-repeat; border:0}

/* 전체 검색 페이지 */

 html{scroll-behavior:smooth;}


/* 레이아웃 변경 - max-width:100% 에서 변경 */ 
.pro-wrap {width:px; margin:0 auto; overflow:;}
.pro-wrap .list {float:; clear:both;}
.pro-wrap .list:after{margin-right:0px !important;}
.pro-wrap .list .box{float:left; width:290px; height:310px; border:1px solid #696969; margin-right:8px; margin-bottom:30px; position:relative; display:block; box-sizing: border-box;}
.pro-wrap .list .box:after {margin-right:0px !important;}
.pro-wrap .list .photo{max-width:px; max-height:100px; position:;}
.pro-wrap .list .photo img {
  position:absolute; 
  top:40%; left:50%; 
  transform:translate(-50%,-50%); 
  -ms-transform:translate(-50%,-50%); 
  max-width:70% !important; 
  object-fit: fill;
}

.pro-wrap .list .photo img:hover{}
.pro-wrap .list .photo p {width:200px; display:block; text-align:center; position:absolute; top:67%; left:50%; margin:0 auto; transform:translate(-50%,-50%);
font-size:18px; font-weight:500; color:#121212; background-color:#ffffff;}
.pro-wrap .list .photo .sub_t{width:220px; display:block; margin:0 auto; line-height:18px; font-size:14px; font-weight:300; color:#999999; text-align:center; position:absolute; top:77%; background-color:#ffffff;}
.pro-wrap .list .box .view{display:block; width:290px; height:45px; line-height:45px; text-align:center; background-color:#424242; position:absolute; bottom:0; left:0;}
.pro-wrap .list .box .view a{font-size:18px; font-weight:500; color:#fff; text-decoration:none;}
.pro-wrap .list .box .view .bt-more:hover{display:block; width:290px; height:45px; background-color:#3f42b7; color:#ffffff;}


.product-summary {*zoom:1; max-width:1200px; margin:50px auto 30px; }
.product-summary:after {content:" "; display:block; clear:both;} 
.product-summary .photo {float:left; width:380px; height:; margin-top:30px; border:;} /* width:360px;에서 변경 */
.product-summary .photo .thumb {position:relative; height:0; padding-bottom:65%; overflow:hidden;}  /* padding-bottom:61.5%; */
.product-summary .photo .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; transition: all 0.5s ease;}

.product-summary .info {margin-left:420px;} /* margin-left:400px;에서 변경 */

.product-summary .info .title {position:relative; margin-bottom:10px;}
.product-summary .info .title h3 {color:#2c2c2c; font-size:30px; font-weight:700; line-height:normal; font-family:'Montserrat','Noto Sans KR',sans-serif; letter-spacing:-.60px;}

.product-summary .info .title .bt-down {position:absolute; top:0; right:0; width:165px; height:38px; text-align:center; background:#3765cc; color:#fff; font-size:16px; line-height:38px; border-radius:38px;}
.product-summary .info .title .bt-down span {display:inline-block; position:relative; vertical-align:top; width:20px; height:38px; background:url('../images/bbs/icon_down.png') 0 50% no-repeat; margin-right:5px;}

.product-summary .info .opt-cnt {margin-bottom:20px;}
.product-summary .info .opt-cnt ul {border-top:2px solid #003399; border-bottom:1px solid #cccccc; box-shadow:2px 2px 5px 0px gray;} /* border:1px solid #878787;*/
.product-summary .info .opt-cnt ul:after {content:"";display:block;clear:both;}
.product-summary .info .opt-cnt ul li {float:left; position:relative; width:33.333%; font-size:18px; line-height:1.4em; color:#505050; text-align:center; padding:10px 0; height:;}
.product-summary .info .opt-cnt ul li:after {content:""; position:absolute; top:10%; left:0; width:1px; height:180px; background:#cccccc} /* 세로선위치 width:1px; */
.product-summary .info .opt-cnt ul li:first-child:after {display:none;}
.product-summary .info .opt-cnt ul li .tit {font-size:20px; line-height:1.4em; margin:0 auto; background-color:#; color:#; font-weight:500; width:150px; height:40px; line-height:40px;}
.product-summary .info .opt-cnt ul li .img {height:85px; width:100%; text-align:center; display:table;}
.product-summary .info .opt-cnt ul li .img .icon {display:table-cell; vertical-align:middle; height:85px;}
.product-summary .info .opt-cnt ul li .opt {width:100%; height:40px; display:table; font-family:'Montserrat','Noto Sans KR',sans-serif; letter-spacing:-.4; margin-top:5px;}
.product-summary .info .opt-cnt ul li .opt .ipt-cnt {display:table-cell; vertical-align:middle; height:30px; font-size:14px;}
.product-summary .info .opt-cnt ul li .opt strong {font-weight:700;}
.product-summary .info .opt-cnt ul li .opt .ipt-cnt.key{font-size:12px;}

/* 다운로드 버튼 위치 변경 */
.product-summary .info .dw {position:relative; width:780px; height:80px;}
.product-summary .info .dw .bt-down {position:absolute; top:0; left:0; width:165px; height:38px; text-align:center; background:#3765cc; color:#fff; font-size:16px; line-height:38px; border-radius:38px;}
.product-summary .info .dw .bt-down1 {position:absolute; top:0; left:205px; width:165px; height:38px; text-align:center; background:#3765cc; color:#fff; font-size:16px; line-height:38px; border-radius:38px;}
.product-summary .info .dw .bt-down2 {position:absolute; top:0; right:205px; width:165px; height:38px; text-align:center; background:#3765cc; color:#fff; font-size:16px; line-height:38px; border-radius:38px;}
.product-summary .info .dw .bt-down3 {position:absolute; top:0; right:0; width:165px; height:38px; text-align:center; background:#3765cc; color:#fff; font-size:16px; line-height:38px; border-radius:38px;}

.product-summary .info .dw .bt-down span {display:inline-block; position:static; vertical-align:top; width:20px; height:38px; background:url('../images/bbs/icon_down.png') 0 50% no-repeat; margin-right:5px;}
.product-summary .info .dw .bt-down1 span {display:inline-block; position:static; vertical-align:top; width:20px; height:38px; background:url('../images/bbs/icon_down.png') 0 50% no-repeat; margin-right:5px;}
.product-summary .info .dw .bt-down2 span {display:inline-block; position:static; vertical-align:top; width:20px; height:38px; background:url('../images/bbs/icon_down.png') 0 50% no-repeat; margin-right:5px;}
.product-summary .info .dw .bt-down3 span {display:inline-block; position:static; vertical-align:top; width:20px; height:38px; background:url('../images/bbs/icon_down.png') 0 50% no-repeat; margin-right:5px;}


.product-detail.type2 {border-top:2px solid #878787; padding-top:20px;}
.product-detail {max-width:1200px; margin:0 auto 30px; }
.product-detail .cnt {position:relative; letter-spacing:-.60px; margin-bottom:20px; display:block; }
.product-detail .cnt em {
	position:absolute;
	display:block;
	bottom:0;left:0;
	width:100%;height:100%;
	background:linear-gradient(to top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);}
.product-detail .hide-cnt {display:none; margin-bottom:5px;}
.product-detail .bt {display:inline-block; position:relative; color:#2124c2; font-size:16px; line-height:25px; vertical-align:top; font-weight:500; letter-spacing:-.60px;}
.product-detail .bt .plus {display:inline-block; position:relative; vertical-align:top; width:13px; height:25px; background:url('../images/bbs/view_up.png') 50% 50% no-repeat; transition: all 0.5s ease;}
.product-detail .bt:hover .plus {transform:rotate(180deg); -ms-transform:rotate(180deg);}
.product-detail .bt .more {display:block;}
.product-detail .bt .more-click {display:none;}
.product-detail .bt .more-click .close {display:inline-block;position:relative;vertical-align:top;width:13px; height:25px; background:url('../images/bbs/view_close.png') 50% 50% no-repeat; transition: all 0.5s ease;}
.product-detail .bt:hover .more-click .close {transform:rotate(180deg); -ms-transform:rotate(180deg);}
.product-detail.active .bt .more {display:none;}
.product-detail.active .bt .more-click {display:block;}
.product-spec {display:;}
.product-spec .title {font-size:22px; line-height:1.4em; color:#2c2c2c; padding-left:30px; background:url('../images/bbs/dot.png') 0 5px no-repeat; margin-bottom:20px;}
.product-spec .table.open {display:none;}
.product-spec .table.open table {border-top:0}
.product-spec .table.open table tbody td {border-top:0}
.product-spec .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #6163b2;}
.product-spec .table table thead th {padding:0 20px; height:50px; font-size:18px; background:#d8edfc; font-weight:500; 
line-height:1.4em; color:#2c2c2c; border:1px solid #dfdfdf; font-family:'Montserrat','Noto Sans KR',sans-serif;}
.product-spec .table table tbody th {padding:20px 20px; font-size:16px; line-height:1.4em; color:#4d4d4d; 
border-bottom:1px solid #dfdfdf; background:#f4f4f4; font-family:'Montserrat','Noto Sans KR',sans-serif;}
.product-spec .table table tbody td {padding:20px 20px; color:#505050; font-size:14px; line-height:1.4em; 
border:1px solid #dfdfdf; font-family:'Montserrat','Noto Sans KR',sans-serif;}
.product-spec .table table th:first-child,.product-spec .table table td:first-child {border-left:0}
.product-spec .table table th:last-child,.product-spec .table table td:last-child {border-right:0}
.product-spec .spec-more {display:block; text-align:center; background:#eaebf5; border-bottom:1px solid #878787; padding:15px 0;position:relative;color:#2124c2; font-size:16px; line-height:25px; vertical-align:top; font-weight:500; letter-spacing:-.60px;}
.product-spec .spec-more .plus {display:inline-block;position:relative;vertical-align:top;width:13px; height:25px; background:url('../images/bbs/view_up.png') 50% 50% no-repeat; transition: all 0.5s ease;}
.product-spec .spec-more:hover .plus {transform:rotate(180deg); -ms-transform:rotate(180deg);}
.product-spec .spec-more .more {display:block;}
.product-spec .spec-more .more-close {display:none;}
.product-spec.active .spec-more .more {display:none;}
.product-spec.active .spec-more .more-close {display:block;}
.product-spec.active .spec-more .close {display:inline-block;position:relative;vertical-align:top;width:13px; height:25px; background:url('../images/bbs/view_close.png') 50% 50% no-repeat; transition: all 0.5s ease;}
.product-spec.active .spec-more:hover .close {transform:rotate(180deg); -ms-transform:rotate(180deg);}

/*탑 이동 버튼*/
a#MOVE_TOP_BTN {position:fixed; right:5%; bottom:70px; display:none; z-index:999; width:50px; height:50px;}

/* 팝업 */
.pop-layer {position: absolute;
  top: 50%;
  left: 50%;
  width: 550px;
  height:282px;
  margin:-141px 0 0 -275px;
  background-color: #fff;
  z-index: 10;}
.pop-layer .pop-container {font-size:20px; line-height:1.4em; color:#2c2c2c; padding:30px; box-sizing:border-box;}
.pop-layer .logo {float:left; width:80px;}
.pop-layer .info {margin-left:100px; letter-spacing:-.60px;}
.pop-layer .info strong {color:#00039d; font-weight:500}
.dim-layer h1 {background:#2c2ea0; color:#fff; font-size:20px; line-height:60px; padding-left:30px;}
.dim-layer .cnt {letter-spacing:-1px; font-size:18px; font-weight:500; font-family:'Montserrat','Noto Sans KR',sans-serif;}
.dim-layer .cnt span {color:#00039d; font-weight:400}
.dim-layer {position: fixed;_position: absolute;top: 0;left: 0; width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: #000; opacity: .62; filter: alpha(opacity=62);}
.dim-layer .pop-layer {display:block;}
.btn-layerClose {position:absolute; top:17px; right:20px;}

/* solutions */
/* /sub/solution_gate.php 로 뺐습니다.
.sol-menu {max-width:1200px; margin:0 auto; overflow:hidden;}
.sol-menu .menuWrap {margin:0 -30px;}
.sol-menu .menuWrap:after {content:"";display:block;clear:both;}
.sol-menu .row {float:left; position:relative; width:33.333%; padding:0 30px; margin-bottom:30px; box-sizing:border-box;}
.sol-menu .row:nth-child(3n+1) {clear:left;}
.sol-menu .col {position:relative; width:100%; height:175px; display:table; cursor:pointer;}
.sol-menu .col .close {opacity:0; transition: all 0.5s ease;}
.sol-menu .col .menu {border:3px solid #505050; background:#fff; width:100%; box-sizing:border-box; transition: all 0.5s ease;}
.sol-menu .col .menu .nav {height:175px; display:table-cell; vertical-align:middle; background-position:37px 40px; background-repeat:no-repeat}
.sol-menu .col .menu .nav.icon1 {background-image:url('../images/sub/sol_icon1.png');}
.sol-menu .col .menu .nav.icon2 {background-image:url('../images/sub/sol_icon2.png');}
.sol-menu .col .menu .nav.icon3 {background-image:url('../images/sub/sol_icon3.png');}
.sol-menu .col .menu .nav.icon4 {background-image:url('../images/sub/sol_icon4.png');}
.sol-menu .col .menu .nav.icon5 {background-image:url('../images/sub/sol_icon5.png');}
.sol-menu .col .menu .nav.icon6 {background-image:url('../images/sub/sol_icon6.png');}
.sol-menu .col .menu dl {padding:0 0 0 152px;}
.sol-menu .col .menu dl dt {color:#2c2c2c; font-size:28px; line-height:1.2em; font-weight:700;font-family:'NanumSquare'; letter-spacing:-.60px; margin-bottom:5px;}
.sol-menu .col .menu dl dd {color:#878787; font-size:14px; line-height:1.4em; letter-spacing:-.60px;}
.sol-menu .col .menu ul {display:none;}
.sol-menu .col:hover .menu .nav.icon1 {background-image:url('../images/sub/sol_icon1_on.png');}
.sol-menu .col:hover .menu .nav.icon2 {background-image:url('../images/sub/sol_icon2_on.png');}
.sol-menu .col:hover .menu .nav.icon3 {background-image:url('../images/sub/sol_icon3_on.png');}
.sol-menu .col:hover .menu .nav.icon4 {background-image:url('../images/sub/sol_icon4_on.png');}
.sol-menu .col:hover .menu .nav.icon5 {background-image:url('../images/sub/sol_icon5_on.png');}
.sol-menu .col:hover .menu .nav.icon6 {background-image:url('../images/sub/sol_icon6_on.png');}
.sol-menu .col:hover .menu {border-color:#2124c2; background:#2124c2}
.sol-menu .col:hover .menu dl dt {color:#fff}
.sol-menu .col:hover .menu dl dd {color:#fff}
*/
.sol-detail-top {margin-bottom:25px;}
.sol-detail-top h2 {font-size:34px; line-height:1.4em; font-weight:500; color:#2c2c2c; margin-bottom:20px; width:100%;}
.sol-detail-top h5 {width:180px; height:20px; line-height:20px; background-color:#3765cc; color:#fff; text-align:center; margin-bottom:10px; font-size:1.0em;}
.sol-detail-top .cnt {font-family:'Noto Sans KR',sans-serif; letter-spacing:-.60px; font-size:16px; line-height:2.0em; padding:20px 10px; background:#f4f4f4; border-top:2px solid #d3d3d3; /*  font-family:'Montserrat','Noto Sans KR',sans-serif; */}

/*첨부파일 추가 버튼*/
.real-cont .sol-detail-top {position:relative;}
.sol-detail-top .files {position:; text-align:right; padding:10px 0 0; font-size:15px; }
.sol-detail-top .files > a {text-decoration:none;}
.sol-detail-top .files img {vertical-align:middle;}
.sol-detail-top .files .ico-down {vertical-align:middle; margin-left:4px;}
.sol-detail-top .files .num {color:#ff4e00;}
.sol-detail-top .files .fileLayer {display:none; position:absolute; top:; 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;}
.sol-detail-top .files .fileLayer a {display:block; text-decoration:none;}
.sol-detail-top .files .fileLayer .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;}

.sol-title {font-size:22px; line-height:1.4em; color:#2c2c2c; padding-left:30px; background:url('../images/bbs/dot.png') 0 5px no-repeat; margin-top:30px; margin-bottom:20px;}
.sol-title.eng {background-position:0 3px;}
.sol-cnt {font-size:18px; line-height:1.8em; margin-bottom:15px;}
.sol-img {border:1px solid #dfdfdf; padding:30px 0; text-align:center;}
.sol-img  > img {display:flex; width:800px; margin:;}

.sol-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #6163b2; margin-top:20px;}
.sol-table table tbody th {padding:20px 20px; font-size:20px; line-height:1.4em; color:#505050; border-bottom:1px solid #dfdfdf;background:#eaebf5; font-family:'Montserrat','Noto Sans KR',sans-serif;}
.sol-table table tbody td {padding:20px 20px; color:#505050; font-size:18px; line-height:1.4em; border:1px solid #dfdfdf; font-family:'Montserrat','Noto Sans KR',sans-serif;}
.sol-table table th:first-child,.product-spec .table table td:first-child {border-left:0}
.sol-table table th:last-child,.product-spec .table table td:last-child {border-right:0}
.sol-table .menu a {display:inline-block; position:relative;vertical-align:top; color:#505050; margin:0 10px;}
.sol-table .menu a:hover {text-decoration:underline; color:#3765cc; font-weight:500;}


.lte-list {max-width:1200px; margin:0 auto;}
.lte-list ul {margin:0 -16px;}
.lte-list ul:after {content:"";display:block;clear:both;}
.lte-list ul li {float:left; width:50%; padding:0 16px; margin-bottom:30px; box-sizing:border-box;}
.lte-list ul li:nth-child(2n+1) {clear:left;}
.lte-list ul li a {display:block;}
.lte-list ul li .box {position:relative; border:1px solid #dfdfdf; height:310px; box-sizing:border-box; padding:35px 30px 30px 30px; transition: all 0.2s ease;}
.lte-list ul li .box:after {content:"";display:block;clear:both;}
.lte-list ul li .box .tit {color:#2c2c2c; font-size:24px; line-height:1.4em; font-weight:500; font-family:'Montserrat','Noto Sans KR',sans-serif; width:350px; height:35px;white-space:nowrap;
;text-overflow:ellipsis; margin-bottom:20px;}
.lte-list ul li .box .more {position:absolute; top:30px; right:30px; padding:0 30px; border-radius:32px; font-size:18px; line-height:32px; color:#fff; border-radius:32px; background:#454545; transition: all 0.3s ease;}
.lte-list ul li .box .photo {float:left; width:245px;}
.lte-list ul li .box .photo .thumb {position:relative; height:0; padding-bottom:75.5%;}
.lte-list ul li .box .photo .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
.lte-list ul li .box .info {margin-left:265px; height:178px; padding-top:10px; font-size:16px; line-height:23px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7;}
.lte-list ul li a:hover .box {box-shadow:3px 3px 0 0 rgba(0,0,0,.1);}
.lte-list ul li a:hover .box:before {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #3f42b7;  box-sizing:border-box;}
.lte-list ul li a:hover .box .photo .thumb img {transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1);}
.lte-list ul li a:hover .box .more {background:#3f42b7;}

/* 자료실 추가 manual.php */
.pdf{position:relative; margin-top:20px; width:380px; height:450px; box-sizing:border-box; border:1px solid #ccc; float:left; margin:0 10px; background:#525252; overflow:hidden; z-index:2;}
.pdf > img{position:absolute; top:10%; left:10%; width:300px;}
.down{position:absolute; text-align:center; bottom:0; width:380px; height:130px; background:#ccc; padding-top:10px;}
.down span{display:block; margin:0 auto; width:100px; height:30px; border:1px solid #fff;}
.down span a{color: #fff; font-size:14px; line-height:30px;}
.down p{font-size:20px; font-weight:600; margin:20px 0;}
.down span:hover{background:#fff;}
.down span:hover a{color:#2727bd; font-weight:600;}


/* 채용공고추가 about06.php */
.contact{width:940px; height:550px; margin:0 auto;}
.contact .part {float:left; width:430px; height:230px; border:solid 1px #ccc; border-radius:25px; margin:20px; box-sizing:border-box;}
.contact .part h3{width:390px; height:30px; border-bottom:solid 1px #ccc; text-align:; margin-left:20px; padding:30px 0 10px; font-weight:800; color:#181818; font-size:24px !important;}
.contact .part h4{margin:20px 0 40px 20px; font-size:18px;}
.contact .part a .bt{width:180px; height:45px; background-color:#0b0b8e; text-align:center; line-height:45px; color:white; margin-left:20px; border-radius:10px; font-size:18px;}
.contact .part a .bt{color:white; text-decoration:none;}
.cont{width:900px; margin:0 auto;}
.btn-pack-06{display:block; width:150px; height:50px; background-color:#0b0b8e; border-radius:10px; margin:0 auto 50px;
text-align:center; font-weight:500; color:#FFF; font-size:20px; line-height:50px;}

/* a/s 페이지추가 about07.php */
.as_back{position:relative; width:1000px; height:1350px; margin:0 auto; background-image:url('../images/sub/as_back.jpg'); background-repeat:no-repeat;}
.as_back .as_txt{position:absolute; top:23%; left:5%;}
.as_back .as_txt h2{margin-top:50px; margin-bottom:30px; font-size:28px;}
.as_back .as_txt p{font-size:20px; margin-top:10px; margin-bottom:10px;}
.as_back .as_txt ul{font-size:20px;}
.as_back .as_txt ul li{ margin-bottom:5px;}