@charset "utf-8";

/* company */
.about-content {margin-bottom:140px;}
.about-content .group {display:flex; align-items:center; margin-bottom:140px;}
.about-content .group:last-child {margin-bottom:0;}
.about-content .group .photo {width:522px; margin-right:90px;}
.about-content .group .info {flex:1 1 auto; min-width:0; width:1%;}
.about-content .group .info h3 {font-size:60px; line-height:1.3em; font-weight:700; margin-bottom:45px;}
.about-content .group .info .cnt {font-size:18px; line-height:1.67em; margin-bottom:30px;}
.about-content .group .info .cnt:last-child {margin-bottom:0;}
.about-content .group:nth-child(even) .photo {margin-left:180px; margin-right:0; order:2;}
.about-content .group:nth-child(even) .info {order:1;}

.location-title {height:486px; margin-bottom:140px; display:flex; align-items:center; justify-content:center; text-align:center; background:url('/html/_skin/public_html/images/sub/about_location.jpg') 50% 50% no-repeat; background-size:cover;}
.location-title h2 {font-size:60px; line-height:1.4em; color:#fff;font-weight:700;}

.location-map {margin-bottom:30px; border-radius:10px; overflow:hidden;}
.location-map iframe {width:100% !important; height:455px !important;}
.location-info .group {display:flex; align-items:center; border-bottom:1px solid #e5e5e5; padding-bottom:25px; margin-bottom:25px;}
.location-info .group:last-child {margin-bottom:0;}
.location-info .group .col {padding:0 30px; display:flex; font-size:20px;line-height:1.5em; letter-spacing:-.020em; font-weight:500;}
.location-info .group .col:first-child {padding-left:0;}
.location-info .group .col:last-child {padding-right:0;}
.location-info .group .col h3 {position:relative; font-size:20px;line-height:1.5em; margin-right:40px; color:#3d90cd; font-weight:700; padding-left:30px;}
.location-info .group .col h3:before {content:"";position:absolute; top:0; left:0; width:22px; height:22px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.location-info .group .col.addr h3:before {background-image:url('/html/_skin/public_html/images/sub/icon_addr.png');}
.location-info .group .col.tel h3:before {background-image:url('/html/_skin/public_html/images/sub/icon_tel.png');}
.location-info .group .col.fax h3:before {background-image:url('/html/_skin/public_html/images/sub/icon_fax.png');}
.location-info .group .col.mail h3:before {background-image:url('/html/_skin/public_html/images/sub/icon_mail.png');}
.location-info .group .bar {display:inline-block; vertical-align:middle; width:1px; height:16px; background:#dedede; margin:0 20px;}

.history dl {position:relative; display:flex; padding-bottom:100px;}
.history dl:after {content:""; position:absolute; top:30px; left:146px; width:1px; height:100%; background:#ced6df; z-index:-1;}
.history dl:last-child {padding-bottom:0;}
.history dl:last-child:after {display:none}
.history dl dt {width:146px; font-size:45px; line-height:1.3em; font-weight:700; color:#0b3160; position:relative;}
.history dl dt:after {content:""; position:absolute; top:25px; right:-4.5px; width:9px; height:9px; background:#0b3160; border-radius:100%;}
.history dl dd {flex:1 1 auto; min-width:0; width:1%; padding-left:100px;}
.history dl dd .pic {margin-bottom:30px;}
.history dl dd ul {padding-left:20px;}
.history dl dd ul li {margin-bottom:14px; display:flex;}
.history dl dd ul li:last-child {margin-bottom:0;}
.history dl dd ul li .month {width:70px; font-size:35px; line-height:1.4em; color:#3d90cd;font-weight:700;}
.history dl dd ul li .cnt {flex:1 1 auto; min-width:0; width:1%; color:#4e4e4e; font-size:18px; line-height:1.4em; text-indent:-.6em; padding-left:.6em; padding-top:.6em;}

/* board */
/* 검색 */
.board-search {margin-bottom:12px; display:flex; align-items:center; justify-content:space-between}
.board-search .total {font-size:15px; line-height:1.3em; color:#000}
.board-search .search {max-width:300px; position:relative;}
.board-search .search input.input {width:100%; padding-right:50px;}
.board-search .search .bt-search {position:absolute; top:0; right:0; width:50px; height:50px; background:url('/html/_skin/public_html/images/bbs_skin/btn_search.png') 50% 50% no-repeat; border:0;}


.board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #151515;}
.board-list table thead th {padding:20px 5px; font-weight:700; line-height:1.5em; border-bottom:1px solid #dedede;}
.board-list table tbody td {padding:20px 15px; font-weight:300; text-align:center; line-height:1.5em; border-bottom:1px solid #dedede; opacity:.60;}
.board-list table tbody td.subject {opacity:1; text-align:left;}
.board-list table tbody td a {display:inline-block;}
.board-list table tbody td a:hover {text-decoration:underline; color:#3d90cd;}

.board-view {border-top:2px solid #151515;}
.board-view .head {border-bottom:1px solid #dedede; padding:50px 0; text-align:center;}
.board-view .head h3 {font-size:26px; line-height:1.3em; color:#1a1a1a;font-weight:700; margin-bottom:20px;}
.board-view .head .date {font-weight:300;}
.board-view .head .date span.bar {display:inline-block; vertical-align:middle; width:1px;height:14px; background:#151515; opacity:.20; margin:0 20px;}
.board-view .body {border-bottom:1px solid #dedede; padding:50px 20px;}
.board-view .file {border-bottom:1px solid #dedede; padding:14px 0; font-weight:300;}
.board-view .file ul li {display:flex; border-bottom:1px dotted #dedede; padding-bottom:10px; margin-bottom:10px;}
.board-view .file ul li:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.board-view .file ul li .tit {width:120px; color:#1a1a1a; text-align:right; padding-right:20px; position:relative; margin-right:20px;}
.board-view .file ul li .tit:after {content:"";position:absolute; top:50%; margin-top:-7px;right:0; width:1px; height:14px; background:#151515; opacity:.20;}
.board-view .file a {display:inline-block;} 
.board-view .file a:hover {text-decoration:underline; color:#3d90cd;}

.board-prev-next {border-top:1px solid #151515; border-bottom:1px solid #151515;}
.board-prev-next dl {display:flex; border-bottom:1px solid #dedede; padding:20px;}
.board-prev-next dl:last-child {border-bottom:0;}
.board-prev-next dl dt {position:relative; padding-left:40px;width:125px; font-weight:700;}
.board-prev-next dl dt:after {content:""; position:absolute; top:50%; left:0; transform:translateY(-35%) rotate(-135deg); width:10px; height:10px; border-right:2px solid #151515; border-bottom:2px solid #151515;}
.board-prev-next dl dd {flex:1 1 auto;  min-width:0; width:1%; font-weight:300; opacity:.80;display:flex;}
.board-prev-next dl dd .tit {flex:1 1 auto; min-width:0; width:1%;}
.board-prev-next dl dd .date {width:100px; text-align:right;}
.board-prev-next dl dd a {display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.board-prev-next dl dd a:hover {text-decoration:underline; color:#3d90cd;}
.board-prev-next dl.next dt:after {transform:translateY(-75%) rotate(45deg);}



.cert-list {border-top:1px solid #ccc; padding-top:40px;}
.cert-list ul {display:flex; flex-wrap:wrap; margin:0 -26px;}
.cert-list ul li {width:25%; padding:0 26px; text-align:center; margin-bottom:60px;}
.cert-list ul li .photo {background:#f5f5f5; padding:43px 29px;}
.cert-list ul li .thumb {position:relative; height:0; padding-bottom:140.2%; box-shadow:3px 3px 6px rgba(0,0,0,.10); overflow:hidden;}
.cert-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%; min-height:100%; object-fit:contain; transition:0.3s;}
.cert-list ul li a:hover .thumb img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04); opacity:.6;}
.cert-list ul li .tit {margin-top:26px; font-weight:700; font-size:20px; line-height:1.3em;}
.cert-list ul li.none {width:100%; padding:40px 0; opacity:.8;}

.blocker {z-index:999 !important;}
.pop-cert {display:none; width:100%; height:auto; max-width:557px; border-radius:20px; padding:30px 70px 40px; background:#fff; z-index:103; overflow:visible}
.pop-cert h1 {text-align:center; font-size:28px;line-height:1.4em;font-weight:700; margin-bottom:25px;}
.pop-cert .photo {max-width:369px; width:100%; margin:0 auto;}
.pop-cert .pic {position:relative; height:0; padding-bottom:141.2%; overflow:hidden;}
.pop-cert .pic 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%; min-height:100%; object-fit:contain; transition:0.3s;}
.pop-cert .close {position: absolute;top:-30px;right:-30px;width:60px;height:60px;border-radius:100%;cursor: pointer;background:#3d90cd url('/html/_skin/public_html/images/close.png') 50% 50% no-repeat;z-index: 8040; opacity:1;}

.product-menu-list ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.product-menu-list ul li {width:33.333333%;  padding:0 10px; margin-bottom:20px}
.product-menu-list ul li a {display:block;}
.product-menu-list ul li .box {position:relative;}
.product-menu-list ul li .thumb {position:relative; height:0; padding-bottom:119.4%; overflow:hidden;}
.product-menu-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%; min-height:100%; object-fit:contain; transition:0.3s;}
.product-menu-list ul li .tit {position:absolute; top:50%; color:#fff; word-break:break-all; text-transform:uppercase; transform:translateY(-50%); left:0; transition:.3s; padding:0 40px; text-shadow:3px 3px 10px rgba(0,0,0,.20);width:100%; font-size:40px; line-height:1.10em; font-weight:900; letter-spacing:-.025em; z-index:2}
.product-menu-list ul li .hover {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; transition:.3s;}
.product-menu-list ul li .hover .content {padding:45px 30px; position:absolute; top:0; left:0; width:100%; height:100%; z-index:4; }
.product-menu-list ul li .hover .content .tit {position:static; top:0; transform:none;  text-shadow:none; padding-left:0; margin-bottom:40px;}
.product-menu-list ul li .hover .content .cnt {font-size:18px; line-height:1.67em; color:#fff; height:calc(1.67em * 1 * 7); -webkit-line-clamp:7; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical;}
.product-menu-list ul li .hover .content .more {position:absolute; bottom:40px; left:45px; width:55px; height:20px; background:url('/html/_skin/public_html/images/product/arrow.png') 0 50% no-repeat; background-size:contain;}
.product-menu-list ul li.active .hover {display:block;}
.product-menu-list.maketing ul li {width:50%;}
.product-menu-list.maketing ul li .thumb {padding-bottom:78.4%; }
.product-menu-list.maketing ul li .hover .thumb {background:#004170;}
.product-menu-list.maketing ul li .hover .thumb img {opacity:.10;}

.product-list {border-top:1px solid #ccc; padding-top:40px;}
.product-list ul {display:flex; flex-wrap:wrap; margin:0 -8px;}
.product-list ul li {width:25%; padding:0 8px; margin-bottom:54px; text-align:center;}
.product-list ul li .thumb {position:relative; height:0; padding-bottom:111.8%; overflow:hidden;}
.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%; min-height:100%; object-fit:contain; transition:0.3s;}
.product-list ul li .thumb:after {content:"";position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #eee;}
.product-list ul li a:hover .thumb img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}
.product-list ul li .tit {margin-top:20px; font-size:20px; line-height:1.3em;}
.product-list ul li.none {width:100%; padding:40px 0; opacity:.8;}

.product-head {display:flex; align-items:flex-end; margin-bottom:75px;}
.product-head h2 {width:50%; font-size:50px; line-height:1.1em; font-weight:700; color:#0b3160; letter-spacing:-.010em;}
.product-head .btns {padding-left:110px; width:50%;}
.product-head .btns ul {display:flex;}
.product-head .btns ul li {width:45%; padding-left:5px;}
.product-head .btns ul li:first-child {padding-left:0;}
.product-head .btns ul li a {display:flex; align-items:center; font-size:20px; line-height:1.3em;font-weight:600; color:#fff; position:relative; background:#3d90cd; border-radius:10px; padding:0 35px; height:60px;}
.product-head .btns ul li a:after {content:"";position:absolute; top:0; right:35px; width:21px; height:inherit; background:url('/html/_skin/public_html/images/product/more_arrow.png') 50% 50% no-repeat; background-size:contain}
.product-head .btns ul li.list {width:80px;}
.product-head .btns ul li.list a {background:#003257; padding:0; text-align:center; justify-content:center;}
.product-head .btns ul li.list a:after {display:none;}

.product-slider-content {margin-bottom:70px; overflow:hidden;}
.product-slider-content .flex-row {display:flex; margin:0 -10px;}
.product-slider-content .flex-col {padding:0 10px; width:50%;}
.product-slider-content .group {display:flex;}
.product-slider-content .group .nav-thumb {width:123px; margin-right:24px;}
.product-slider-content .group .nav-thumb .product-nav {padding:81px 0;}
.product-slider-content .group .nav-thumb .slick-current .thumb:after {border:1px solid #3d90cd}
.product-slider-content .group .nav-thumb .slick-slide {margin-bottom:10px;}
.product-slider-content .group .nav-thumb .slick-arrow {position:absolute; left:0; width:100%; height:50px; border:0; background-color:#e5e5e5; background-repeat:no-repeat; background-position:50% 50%; text-indent:-999em;}
.product-slider-content .group .nav-thumb .slick-prev {top:0; background-image:url('/html/_skin/public_html/images/product/slide_up.png');}
.product-slider-content .group .nav-thumb .slick-next {bottom:0; background-image:url('/html/_skin/public_html/images/product/slide_down.png');}
.product-slider-content .group .thumb {position:relative; height:0; padding-bottom:110.5%; overflow:hidden;}
.product-slider-content .group .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%; min-height:100%; object-fit:contain; transition:0.3s;}
.product-slider-content .group .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #e5e5e5;}
.product-slider-content .group .photo {flex:1 1 auto; min-width:0; width:1%;}
.product-slider-content .img {position:relative; height:0; padding-bottom:87%; overflow:hidden;}
.product-slider-content .img 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%; min-height:100%; object-fit:contain; transition:0.3s;}

.one-page #video {background:#f8f8f8; padding:100px 0;}

.lnb-tab.fixed {position:fixed; top:80px; left:0; width:100%; z-index:20; margin-bottom:0;}

.one-page #spec, #video {margin-bottom:120px;}
.one-page img {width:auto !important; height:auto !important;}
.product-detail {margin-bottom:100px;}

.product-title {font-size:35px; line-height:1.3em; font-weight:700; color:#000; margin-bottom:15px;}
.product-spec-cnt {margin-bottom:100px;}
.product-spec-cnt dl {display:flex; font-size:18px; line-height:1.3em; color:#000; margin-bottom:12px;}
.product-spec-cnt dl:last-child {margin-bottom:0;}
.product-spec-cnt dl dt {width:185px; position:relative; padding-left:15px;}
.product-spec-cnt dl dt:before {content:"";position:absolute; top:7px; left:0; width:7px; height:7px; background:#093b76; border-radius:100%;}
.product-spec-cnt dl dd {flex:1 1 auto; min-width:0; width:1%;}

.product-table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.product-table table thead th {padding:20px 15px; font-weight:400; color:#fff; background:#3d90cd; border-left:1px solid rgba(0,0,0,.20);}
.product-table table tbody td {padding:20px 15px; color:#000; background:#f8f8f8; text-align:center; border-left:1px solid rgba(0,0,0,.20); border-bottom:1px solid rgba(0,0,0,.20);}
.product-table table th:first-child,
.product-table table td:first-child {border-left:0;}
.product-table table tr:last-child td {border-bottom:0;}

.video-list {max-width:960px; margin:0 auto; width:100%;}
.video-list .group-col {margin-bottom:20px;}
.video-list .group-col:last-child {margin-bottom:0;}

.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000; border-radius:10px;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video{position: absolute;top:0;left:0;width:100%;height:100%;}


.download-list ul li {text-align:center;}
.download-list .none {width:100%; padding:50px 0; color:#999;}
.download-list .thumb {position:relative; height:0; padding-bottom:103.2%; overflow:hidden;}
.download-list .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%; min-height:100%; object-fit:contain; transition:0.3s;}
.download-list .tit {padding-top:30px; margin-bottom:22px; font-size:20px;line-height:1.3em;font-weight:700; color:#000;}
.download-list .thumb:hover img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}
.download-list .btns {display:inline-flex; align-items:center; position:relative; color:#fff; padding:0 35px; font-size:16px; line-height:1.3em;font-weight:700; background:#3d90cd; height:60px; border-radius:3rem; font-family: 'Roboto', sans-serif;}
.download-list .btns a {position: absolute;top:0; left:0;display: block; width: 100%; height: 100%;}
.download-list .btns:before {content:""; display:inline-block;vertical-align:top; width:27px; height:inherit; background:url('/html/_skin/public_html/images/product/icon_download.png') 50% 50% no-repeat; background-size:contain; margin-right:14px;}
.download-list .slick-list {margin-left:-54px;}
.download-list .slick-slide {margin-left:54px;}
.download-list .slick-arrow {position:absolute; top:50%; margin-top:-26.5px; width:28px;height:53px; font-size:0; line-height:0; border:0; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; z-index:10}
.download-list .slick-arrow:focus {outline:0}
.download-list .slick-prev {left:-50px; background-image:url('/html/_skin/public_html/images/product/product_prev.png');}
.download-list .slick-next {right:-50px; background-image:url('/html/_skin/public_html/images/product/product_next.png');}
.download-list.list {border-top:1px solid #ccc; padding-top:40px;}
.download-list.list ul {display:flex; flex-wrap:wrap; margin-left:-54px;}
.download-list.list ul li {width:25%; margin-bottom:54px; padding-left:54px;}

.news-list {border-top:1px solid #ccc; padding-top:40px;}
.news-list ul li {border-bottom:1px solid #dedede; padding-bottom:30px; margin-bottom:30px;}
.news-list ul li a {display:flex;}
.news-list ul li .photo {width:300px; margin-right:50px;}
.news-list ul li .photo .thumb {position:relative; height:0; padding-bottom:76.3%; border-radius:15px; overflow:hidden;}
.news-list ul li .photo .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%; min-height:100%; object-fit:contain; transition:0.3s;}
.news-list ul li dl {flex:1 1 auto; min-width:0; width:1%; padding-top:30px;}
.news-list ul li dl dt {font-size:26px; line-height:1.4em; color:#000;font-weight:700; margin-bottom:20px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; letter-spacing:-.020em; transition:0.3s;}
.news-list ul li dl dd {line-height:1.56em; letter-spacing:-.020em; height:calc(1.56em * 1 * 4); -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical; transition:0.3s;}
.news-list ul li .date {width:120px; text-align:right; opacity:.60; padding-top:30px;}
.news-list ul li a:hover dl dt {color:#3d90cd}
.news-list ul li a:hover dl dd {opacity:.70;}
.news-list ul li a:hover .thumb img {opacity:.8; transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}
.news-list ul li.none {padding:40px 0; text-align:center; font-size:1.1em; line-height:1.4em; color:#999}

.gallery-list {border-top:1px solid #ccc; padding-top:40px;}
.gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -12px;}
.gallery-list ul li {width:25%; padding:0 12px; margin-bottom:60px; text-align:center;}
.gallery-list ul li .thumb {position:relative; height:0; padding-bottom:97%; overflow:hidden;}
.gallery-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%; min-height:100%; object-fit:contain; transition:0.3s;}
.gallery-list ul li .thumb:after {content:"";position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #eee;}
.gallery-list ul li a:hover .thumb img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}
.gallery-list ul li .tit {margin-top:20px; font-size:20px; line-height:1.3em; color:#000;font-weight:700; margin-bottom:4px;}
.gallery-list ul li .date {opacity:.60;}
.gallery-list ul li.none {width:100%; padding:40px 0; opacity:.8;}


.mailform-group {display:flex;}
.mailform-info {width:415px; margin-right:2rem;}
.form-title {position:relative; font-size:40px;line-height:1.2em; font-weight:700; margin-bottom:45px; padding-bottom:40px;}
.form-title:after {content:"";position:absolute; bottom:0; left:0; width:154px; height:1px; background:#151515; opacity:.10;}

.form-group .group {margin-bottom:60px;}
.form-group .group:last-child {margin-bottom:0;}
.form-group .group h4 {position:relative; font-size:18px; line-height:1.3em; color:#000; font-weight:700; padding-left:80px; margin-bottom:20px;}
.form-group .group h4:before {content:""; position:absolute; top:-15px; left:0; width:51px; height:51px; background-color:#000; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; border-radius:100%;}
.form-group .group.tell h4:before {background-image:url('/html/_skin/public_html/images/sub/icon_tell.png');}
.form-group .group.office h4:before {background-image:url('/html/_skin/public_html/images/sub/icon_office.png');}
.form-group .group .info {padding-left:80px;}
.form-group .group .info dl {margin-bottom:12px;}
.form-group .group .info dl:last-child {margin-bottom:0;}
.form-group .group .info dl dt {font-size:20px; line-height:1.3em; font-weight:700; color:#000}
.form-group .group .info dl dd {font-size:28px; line-height:1.3em; font-weight:700; color:#3d90cd;}

.required {color:#ff0000}

.mailform-box {flex:1 1 auto; min-width:0; width:1%; background:url('/html/_skin/public_html/images/bbs_skin/mailform_bg.jpg') 0 0 repeat; border-radius:1.5rem; padding:4rem 2rem;}
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px;}
.mailform table tbody th {padding:12px 20px; font-weight:600; text-align:left; line-height:1.4em;}
.mailform table tbody td {padding:12px 20px; color:#5c5c5c;}
.mailform table th:first-child {padding-left:0;}
.mailform .input {height:40px; border:0;}
.mailform .required {font-size:1.3em; vertical-align:middle;}
.mailform .checkbox-text {margin-top:15px; color:#111;font-weight:600;}
.mailform .code-group {display:flex; align-items:center; margin:0 -5px;}
.mailform .code-group .col {padding:0 5px; line-height:0;}
.mailform .code-group .reset {position:relative; height:28px; border-radius:14px; width:90px; background:#d7d7cc; color:#333;font-size:16px; line-height:28px; border:0; padding:0 10px;}
.mailform .code-group .reset:before {content:"";display:inline-block; vertical-align:top; width:13px; height:28px; border:0; background:url('/html/_skin/public_html/images/bbs_skin/code_reset.png') 50% 50% no-repeat; background-size:contain; margin-right:10px;}
.mailform + .buttons {margin:60px 0 0;}

/* 버튼 */
.buttons {margin:30px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 8px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:20px;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px; border-radius:.6rem; background:#fff;color:#151515;border:1px solid #151515;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;transition:.2s;}
.btn-pack.focus {background:#3d90cd; border:1px solid #3d90cd; color:#fff;}
.btn-pack.gray {background:#a6a6a6; border:1px solid #a6a6a6; color:#fff;}
.btn-pack.dark {background:#151515; border:1px solid #151515; color:#fff;}
.btn-pack.border {background:#fff; border:1px solid #3d90cd; color:#3d90cd;}
.btn-pack.small {height:27px;padding:0 12px;line-height:25px;font-size:14px;}
.btn-pack.medium {height:48px;padding:0 20px;line-height:46px;font-size:18px;}
.btn-pack.large {min-width:175px; height:62px;padding:0 30px;line-height:60px;font-size:18px; font-weight:700;}
.btn-pack.xlarge {min-width:240px; height:75px;padding:0 35px;line-height:54px;font-size:18px;}
.btn-pack.xxlarge {min-width:300px; height:80px;padding:0 35px;line-height:78px;font-size:22px;font-weight:700;}
.btn-pack.icon-list:before {content:"";display:inline-block; vertical-align:top; width:28px; margin-right:10px; height:inherit; background:url('/html/_skin/public_html/images/bbs_skin/icon_list.png') 50% 50% no-repeat; background-size:contain}

.checkbox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.checkbox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.checkbox label {display:inline-block;}
.checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:24px; height:24px; border-radius:100%; border:2px solid #ddd; background:#fff url("/html/_skin/public_html/images/bbs_skin/checkbox.png") 50% 50% no-repeat;}
.checkbox input:checked + label:before {background-image:url("/html/_skin/public_html/images/bbs_skin/checkbox_on.png"); background-color:#df3838; border-color:#df3838;}
.checkbox input:focus + label:before {outline:2px solid highlight;}

/* 페이지목록 */
.paginate {margin-top:40px;text-align:center;}
.paginate a,  
.paginate strong{display:inline-block;padding:0;margin:0 1px;width:44px;height:44px;font-size:15px;font-weight:300;line-height:44px;color:#666;text-decoration:none;text-align:center;vertical-align:middle;}  
.paginate strong{color:#000;font-weight:700;}  
.paginate a.direction{background-position:50% 50%;background-repeat:no-repeat; opacity:.5;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("/html/_skin/public_html/images/bbs_skin/btn_first.png");}
.paginate a.direction.prev {background-image:url("/html/_skin/public_html/images/bbs_skin/btn_prev.png");}
.paginate a.direction.next {background-image:url("/html/_skin/public_html/images/bbs_skin/btn_next.png");}
.paginate a.direction.last {background-image:url("/html/_skin/public_html/images/bbs_skin/btn_last.png");}
.paginate a.direction.disabled {display:none;}


/* full calendar */
.fc .fc-toolbar {display:block !important; text-align:center !important;}
.fc-toolbar-title {margin-bottom:40px !important; font-size:3rem !important; color:#333 !important}
.fc-day.fc-day-sat {color:#3900ff !important}
.fc-day.fc-day-sun {color:#ff0000 !important}
.fc .fc-button {padding:.6rem 1.6rem !important; font-size:1.2rem !important}
.fc .fc-today-button {background:#003257 !important; opacity:1 !important; margin-right:5px !important; border-radius:5px !important;}
.fc .fc-excelButton-button {background:#3d90cd !important; border-color:#3d90cd !important; border-radius:5px !important;}

.calendar-content {position:relative;}
.calendar-btn {position:absolute; top:50%; width:37px; height:73px; border:0; text-indent:-9999em; transform:translateY(-50%); background-repeat:no-repeat; background-position:50% 50%; background-color:transparent;}
.calendar-btn.prev {left:-60px; background-image:url('/html/_skin/public_html/images/bbs_skin/cal_prev.png');}
.calendar-btn.next {right:-60px; background-image:url('/html/_skin/public_html/images/bbs_skin/cal_next.png');}




/*********************** 2025.07.21 스타일 추가 ************************/

.border-gray { border: 1px solid #dedede; }

.radius-20px { border-radius: 20px ;}

.thumbnail-box figure {
    position: relative;
    height: auto;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.thumbnail-box figure.type1 {
    aspect-ratio: 440 / 340;
}

.thumbnail-box figure.type2 {
    aspect-ratio: 495 / 335;
}

.thumbnail-box img,
.thumbnail-box video,
.thumbnail-box iframe {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    transition: all 0.5s ease;
}

.row-basic {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

.row-cols-3.gap-45px {
    width: calc(100% + 45px);
    margin-top: -45px;
    margin-left: -45px;
}

.row-cols-3.gap-45px > * {
    -ms-flex: 0 0 calc(calc(100% / 3) - 45px);
    flex: 0 0 calc(calc(100% / 3) - 45px);
    max-width: calc(calc(100% / 3) - 45px);
    margin-top: 45px;
    margin-left: 45px;
}

@media (max-width: 991px) {
    .row-cols-3.gap-45px {
        width: calc(100% + 20px);
        margin-top: -20px;
        margin-left: -20px;
    }

    .row-cols-3.gap-45px > * {
        -ms-flex: 0 0 calc(calc(100% / 2) - 20px);
        flex: 0 0 calc(calc(100% / 2) - 20px);
        max-width: calc(calc(100% / 2) - 20px);
        margin-top: 20px;
        margin-left: 20px;
    }
}

.one-page #gallery, 
.one-page #tutorials {
/*.one-page #download {*/
    margin-bottom:120px;    
}

.one-page #tutorials article + article {
    border-top: 1px solid #dedede;
    padding-top: 40px;
    margin-top: 40px;
}

.one-page #tutorials .imgs {
    width: 495px;
}

.one-page #tutorials .txts {
    width: calc(100% - 495px);
    padding-left: 45px;
    font-size: 1.125rem;
    font-weight: 300;
    color: #333333;
}

@media (max-width: 991px) {
    .one-page #tutorials .txts {
        padding-left: 20px;
    }
}

@media (max-width:767px) {
    .radius-20px { border-radius: 10px ;}

    .one-page #tutorials article + article {
        padding-top: 20px;
        margin-top: 20px;
    }

    .one-page #tutorials .imgs {
        width: 100%;
    }

    .one-page #tutorials .txts {
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }
}