@charset "utf-8";
/*------------------------------------*
    RESET
 *------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template {
display: none
}
a { background-color: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }
h1 { margin: .67em 0; font-size: 2em }
mark { color: #000; background: #ff0 }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0
}
input { line-height: normal }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver }
legend { padding: 0; border: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-spacing: 0; border-collapse: collapse }
td, th { padding: 0 }
/*------------------------------------*
     General & Basic
 *------------------------------------*/
html { overflow-y: scroll; font-size: 75%; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 1em/1.45 'Noto Sans KR', 나눔고딕, 'NanumGothic', '맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', 돋움, sans-serif; color: #333; }
h1, h2, h3, h4, h5, h6, strong, b { font-size: inherit; font-weight: 500; }
a { color: inherit; text-decoration: none }
a:active, a:hover { outline: 0; }
img, fieldset, button { border: 0 none; }
img { vertical-align: top; }
ul, ol { list-style: none; }
:focus { outline: 0; }
hr, caption, legend { display: none; }
button { overflow: hidden; cursor: pointer; }
button span { visibility: hidden; }
address, em { font-style: normal; }
button, input, select, textarea, a { vertical-align: middle; }
select, input[type=text], input[type=password], input[type=file], textarea { box-sizing: border-box; border: 1px solid #ddd; }
input[type=text], input[type=password] { padding: 0 5px; height: 22px; line-height: 20px; }
input[type=file] { padding: 0 2px; background-color: #f9f9f9 }
select { height: 22px; padding: 0 0 0 5px; line-height: 20px }
input:focus { outline: none; }
textarea { overflow: auto; padding: 10px; }
table { width: 100%; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }
/* Layout */
#wrap { min-width: 1200px; }
.container { margin: 0 auto; width: 1200px }
/* Util */
.container:after, .clearfix:after, .row:after, .nav:after { content: ''; display: block; clear: both; }
.clear { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.nav > li { float: left }
.col { float: left }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.sr-only, .visually-hidden, .skip-navigation a { position: absolute; overflow: hidden; display: block; width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0); }
.skip-navigation a:focus, .skip-navigation a:hover, .skip-navigation a:active { position: static; overflow: visible; width: 100%; height: auto; padding: 5px 0; margin: 0; clip: auto; color: #fff; text-align: center; background-color: #3c8200; }
/* Buttons */
a.button, input.button, button.button { box-sizing: border-box; display: inline-block; background-color: #3f3f3f; border: 0 none; font-size: 13px; color: #fff; text-align: center; text-decoration: none; line-height: 1; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.button:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; }
/* Grid*/
.grid { font-size: 0 }
.grid > li { box-sizing: border-box; display: inline-block; vertical-align: top; font-size: 12px }
.grid > li img { max-width: 100% }
/* Space Evenly */
.space-evenly { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; font-size: 0.1px; }
.space-evenly li { display: inline-block; vertical-align: top; }
.space-evenly:after { content: ''; display: inline-block; width: 100%; height: 0px; }
/* Pager */
.pagination { margin: 30px 0; text-align: center; font-size: 0; line-height: 0; }
.pagination ol { display: inline; margin: 0 5px; }
.pagination li { display: inline-block; margin: 0 2px; font-size: 14px; vertical-align: top; }
.pagination li:first-child { margin-left: 0; }
.pagination li a, .pagination li strong { display: block; height: 30px; block;
min-width: 30px; border: 1px solid #dedede; background-color: #fff; font-weight: 400; color: #757575; line-height: 30px; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.pagination li a:hover, .pagination li strong { background-color: #757575; border-color: #757575; color: #fff; }
.pagination > a { overflow: hidden; display: inline-block; margin: 0 2px; width: 30px; height: 30px; border: 1px solid #dedede; background-position: 50% 50%; background-repeat: no-repeat; text-align: left; text-indent: -9999px }
.pagination > a.first { background-image: url(../images/common/pager_first.png) }
.pagination > a.last { background-image: url(../images/common/pager_last.png) }
.pagination > a.prev { background-image: url(../images/common/pager_prev.png) }
.pagination > a.next { background-image: url(../images/common/pager_next.png) }
/* Table Style */
.sc-table { width: 100%; border-top: 1px solid #ddd; }
.sc-table th, .sc-table td { padding: 15px 0 14px; border-bottom: 1px solid #ddd; text-align: center; font-size: 16px; }
.sc-table th { background-color: #f8f8f8; font-weight: 400 }
.sc-table td { color: #676767 }
.sc-table tbody th { text-align: left; vertical-align: middle; }
/* 게시판 버튼 */
[class*="sc-board"] .button-group { overflow: hidden; text-align: center }
[class*="sc-board"] .button { background-color: #fff; border: 1px solid #ddd; font-size: 14px; color: #595959; }
/* 게시판 목록 */
.sc-board-list .sc-board-search { margin: 0 0 20px auto; width: 308px; height: 33px; border: 1px solid #002247 }
.sc-board-list .sc-board-search input[type=text] { padding: 0 10px; width: 260px; height:33px; border: none; line-height: 33px; }
.sc-board-list .sc-board-search .search-button {float:right; width:40px; height:33px; background:url(../images/common/icon_search.png) 50% 50% no-repeat}
.sc-board-list .sc-table { border-top: 2px solid #002247; }
.sc-board-list .sc-table th { border-bottom: 1px solid #002247; }
.sc-board-list .sc-table td { font-weight: 300; text-align: center; }
.sc-board-list .sc-table td.subject { padding-left: 15px; padding-right: 15px; text-align: left; }
.sc-board-list .button-group { margin-top: 25px; text-align: right }
.sc-board-list .button { padding: 12px 50px 13px; background-color: #0f2278; font-size: 16px; color: #fff; }
/* 게시판 글쓰기 */
.sc-board-form .sc-table { border-top: 3px solid #002247; }
.sc-board-form .sc-table th { padding-left: 80px; }
.sc-board-form .sc-table td { padding-left: 30px; text-align: left; }
.sc-board-form .sc-table .placeholder { color: #aaa !important; }
.sc-board-form .sc-table input[type=text], .sc-board-form .sc-table input[type=password], .sc-board-form .sc-table input[type=file], .sc-board-form .sc-table select { padding: 0 15px; margin: 0 5px; height: 42px; line-height: 41px; color: #676767 }
.sc-board-form .sc-table input[type=file] { padding: 7px 15px 6px; line-height: 1 }
.sc-board-form .sc-table input[type=text], .sc-board-form .sc-table input[type=file], .sc-board-form .sc-table textarea { width: 85% }
.sc-board-form .sc-table input[type=radio] + label { margin-right: 10px }
.sc-board-form .sc-table td *:first-child { margin-left: 0 }
.sc-board-form .sc-table textarea { padding: 10px 15px; color: #676767; line-height: 1.65; }
.sc-board-form .sc-table .email input[type=text], .sc-board-form .sc-table .email select, .sc-board-form .sc-table .phone input[type=text], .sc-board-form .sc-table .phone select { width: 26.7%; }
.sc-board-form .sc-table .captcha-image { float: left; margin-right: 15px }
.sc-board-form .sc-table .captcha-input { overflow: hidden }
.sc-board-form .sc-table .captcha-input p { margin-bottom: 10px }
.sc-board-form .sc-table .captcha-input input { margin: 0; width: 250px; height: 32px; line-height: 30px }
.sc-board-form .sc-table td .privacy-policy { color: #878787 }
.sc-board-form .sc-table td .agreement { padding: 15px 0 }
.sc-board-form .button-group { margin-top: 60px; text-align: center }
.sc-board-form .button { margin: 0 4px; padding: 18px 50px; background-color: #00336b; font-size: 16px; color: #fff; }
.sc-board-form .button.grey { background-color: #a6adb0 }
/* 게시판 상세보기 */
.sc-board-detail .sc-table { margin-bottom: 25px; border-top: 2px solid #002247; }
.sc-board-detail .sc-table th, .sc-board-detail .sc-table td { box-sizing: border-box; padding: 10px 5px 9px; border-bottom: 1px solid #e9e9e9; text-align: left; vertical-align: top }
.sc-board-detail .sc-table tr:first-child th, .sc-board-detail .sc-table tr:first-child td { border-top: 1px solid #787775; border-right: none; }
.sc-board-detail .sc-table th { padding: 25px 0;/* border-right: 1px solid #e9e9e9; */ background-color: #fff; font-weight: 600; line-height: 22px; }
.sc-board-detail .sc-table th.subject { font-size: 22px; }
.sc-board-detail .sc-table td + th { border-left: 1px solid #e9e9e9; }
.sc-board-detail .sc-table td { padding-left: 12px; color: #757575; }
.sc-board-detail .sc-table td.content { padding: 40px 0 80px; line-height: 1.65; }
.sc-board-detail .sc-table td.content img { margin: 0 auto 10px; display: block; max-width: 100%; }
.sc-board-detail .sc-table th.meta ul { float: right }
.sc-board-detail .sc-table th.meta ul li { float: left; font-size: 13px; font-weight: 400; color: #4e4e4e }
.sc-board-detail .sc-table th.meta ul li:not(:first-child):before { content: ''; display: inline-block; margin: 0 25px; height: 18px; border-left: 1px solid #a8a8a8; vertical-align: middle }
.sc-board-detail .sc-table th.meta ul li span { margin-right: 15px; }
.sc-board-detail .button-group.right-align { margin-bottom: 65px; text-align: right }
.sc-board-detail .button-group.right-align .button { margin-left: 5px; padding: 10px 40px 11px }
.sc-board-detail .button-group.right-align .button.reply { border-color: #6e6e6e; background-color: #6e6e6e; color: #fff }
.sc-board-detail .button.back-to-list { padding: 18px 70px; background-color: #002247; font-size: 25px; color: #fff }
/* 이전글/다음글 */
.sc-board-detail .sc-board-nav { margin-bottom: 30px; border-top: 1px solid #d7d5d5; border-bottom: 1px solid #d7d5d5; margin-top: 46px; font-size: 13px }
.sc-board-detail .sc-board-nav li { overflow: hidden; border-bottom: 1px solid #e9e9e9; line-height: 140%; color: #353535; }
.sc-board-detail .sc-board-nav li strong, .sc-board-detail .sc-board-nav li a { float: left; padding: 15px; }
.sc-board-detail .sc-board-nav li a { color: #757575; }
.sc-board-detail .sc-board-nav li strong { box-sizing: border-box; width: 160px; padding-left: 60px; border-right: 1px solid #e9e9e9; font-weight: normal; background: url(../images/sub/board_nav_up.png) 40px 50% no-repeat #fafafa; }
.sc-board-detail .sc-board-nav li.next { border: 0; }
.sc-board-detail .sc-board-nav li.next strong { background-image: url(../images/sub/board_nav_down.png) }
/* 코멘트 */
.sc-board-comment .comment-list { margin-top: 40px; border: 1px solid #ddd; border-bottom: none; font-size: 13px }
.sc-board-comment .comment-list ul li { position: relative; border-bottom: 1px solid #ddd; color: #353535; line-height: 140%; }
.sc-board-comment .comment-list ul li div.meta { overflow: hidden; padding: 10px 25px; border-bottom: 1px solid #ddd }
.sc-board-comment .comment-list ul li .name { margin-right: 15px; }
.sc-board-comment .comment-list ul li .date { font-size: 11px; }
.sc-board-comment .comment-list ul li .button-group { position: absolute; top: 8px; right: 25px }
.sc-board-comment .comment-list ul li .button-group .button { margin: 0 1px; padding: 4px 10px 5px; font-size: 13px; color: #595959; }
.sc-board-comment .comment-list ul li .button-group .button.delete:before { content: ''; margin-right: 3px; display: inline-block; width: 7px; height: 7px; background: url(../images/sub/board_delete.png) 0 0 no-repeat; vertical-align: middle }
.sc-board-comment .comment-list ul li .comment { padding: 20px 25px 40px; word-break: break-all; color: #757575; line-height: 1.65; }
.sc-board-comment .comment-form { margin: 0; padding: 15px; border: 1px solid #e9e9e9; background-color: #fafafa; color: #353535; font-size: 13px }
.sc-board-comment .comment-form legend { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
.sc-board-comment .comment-form p { margin: 10px 0 0; }
.sc-board-comment .comment-form h3 { display: block; margin: 0 0 10px 0; }
.sc-board-comment .comment-form .form-row span { display: inline-block; margin-bottom: 10px; }
.sc-board-comment .comment-form input[type=text], .sc-board-comment .comment-form input[type=password], .sc-board-comment .comment-form textarea { border: 1px solid #d9d9d9; }
.sc-board-comment .comment-form input { width: 135px; margin: 0 10px 0 9px; }
.sc-board-comment .comment-form div + div { display: table; width: 100%; }
.sc-board-comment .comment-form .comment { display: table-cell; padding: 5px; width: 100%; }
.sc-board-comment .comment-form .comment textarea { padding: 5px; width: 100%; height: 65px; }
.sc-board-comment .comment-form .button-group { display: table-cell; }
.sc-board-comment .comment-form .submit { margin-bottom: 0; width: 70px; padding: 25px 15px 24px; border-color: #8c8c8c; background-color: #8c8c8c; color: #fff }
/*------------------------------------*
    Header & Navigation
 *------------------------------------*/
.site-header { position: relative; z-index: 3; height: 160px; background-color: #fff; border-top: 24px solid #0e2178 }
.sticky .site-header { position: fixed; z-index: 999; top: 0; left: 0; /*height: 62px;*/ width: 100%; border: none; box-shadow: 0 1px 5px rgba(0,0,0,.1); }
.site-header .site-logo { padding: 20px 0 25px; text-align: center }
/* 주메뉴 */
.primary-nav { position: relative; }
.primary-nav > ul { font-size: 0px; text-align: center }
.primary-nav > ul > li { display: inline-block; padding: 0 55px; background-color: #fff; }
.primary-nav > ul > li > a { font-size: 18px; line-height: 30px; }
.primary-nav > ul > li:hover > a, .primary-nav > ul > li > a.active { color: #0a56a9 }
.primary-nav .dropdown-menu { position: absolute; z-index: 0; left: 0; right: 0; top: 100%; visibility: hidden; opacity: 0; margin-top: 10px; height: 32px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.primary-nav > ul > li:hover .dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; }
.primary-nav .dropdown-menu ul { position: absolute; top: 5px; }
.primary-nav .mm1 ul { left: 220px }
.primary-nav .mm2 ul { left: 397px }
.primary-nav .mm3 ul { left: 577px }
.primary-nav .mm4 ul { left: 754px }
.primary-nav .mm5 ul { left: 915px }
.primary-nav .dropdown-menu ul li { float: left; }
.primary-nav .dropdown-menu ul li a { padding: 0 12px; font-size: 13px; color: #777 }
.primary-nav .dropdown-menu ul li a:hover { color: #0a56a9; }
/*------------------------------------*
    Content
 *------------------------------------*/
#main { padding-bottom: 80px; }
/*상단배너*/
.hero-banner { overflow: hidden; z-index: 1; width: 100%; height: 255px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover }
.page-header { position: relative; height: 100px; border-bottom: 1px solid #dedede }
.page-header h1 { padding-top: 40px; font-size: 42px; color: #2a2a2a; }
/* 현재위치 */
.page-header .breadcrumb { position: absolute; bottom: 5px; right: 0; }
.page-header .breadcrumb ul li { float: left; padding: 0 0 0 12px; margin: 0 0 0 8px; color: #757575; background: url(../images/common/icon_sep.png) 0 50% no-repeat; }
.page-header .breadcrumb ul li:first-child { padding-left: 0; margin-left: 0; background: none; }
.page-header .breadcrumb ul li:first-child a { overflow: hidden; display: block; width: 16px; height: 20px; text-align: left; text-indent: -9999px; background: url(../images/common/icon_home.png) 50% 50% no-repeat; }
.path li a { color: #757575; }
.page-header .breadcrumb ul li a { line-height: 20px }
.page-header .breadcrumb ul li strong { color: #222; font-weight: 400; line-height: 20px }
.page-content { padding-top: 65px; }
/*------------------------------------*
    FOOTER
 *------------------------------------*/
.footer { padding: 30px 0 40px; background-color: #091650; font-weight: 300; color: #f9f9f9; line-height: 1.65 }
.footer .footer-links { margin-bottom: 12px; }
.footer .footer-links li:not(:first-child):before { content: ''; display: inline-block; margin: 0 12px; height: 9px; border-left: 1px solid #878787; vertical-align: middle; }
.footer .footer-links li b { font-weight: 400 }
.footer .scroll-to-top { position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.footer .scroll-to-top:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.footer .address { margin-bottom: 18px }
.footer .address span { margin-right: 15px }
.footer .copyright { text-transform: uppercase }
/*------------------------------------*
    Plugins
 *------------------------------------*/
/* Slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin: 0 auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; margin: 0 auto; max-width: 100% }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { position: absolute; z-index: 99; display: block; background: none; cursor: pointer; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; font-size: 0 }
.slick-prev:hover, .slick-next:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.slick-arrow.slick-disabled:before { }
/* Prevent the flash of stacked slides on load. */
.slider.single-item .slide { display: none; }
.slider.single-item .slide:first-child { display: block; }
.slider.single-item.slick-initialized .slide { display: block; }
.slider.multiple-items { display: none }
.slider.multiple-items.slick-initialized { display: block; }
/* Animate.css */
@-webkit-keyframes fadeInUp-animated { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 -ms-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
 100% {
 opacity:1;
 -webkit-transform:none;
 -ms-transform:none;
 transform:none
}
}

/* Animate.css */
@keyframes fadeInUp-animated { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 -ms-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
 100% {
 opacity:1;
 -webkit-transform:none;
 -ms-transform:none;
 transform:none
}
}

/* Animate.css */
@-webkit-keyframes fadeOutRight-animated { 0% {
 opacity:1
}
 100% {
 opacity:0;
 -webkit-transform:translate3d(80%, 0, 0);
 -ms-transform:translate3d(80%, 0, 0);
 transform:translate3d(80%, 0, 0)
}
}

/* Animate.css */
@keyframes fadeOutRight-animated { 0% {
 opacity:1
}
 100% {
 opacity:0;
 -webkit-transform:translate3d(80%, 0, 0);
 -ms-transform:translate3d(80%, 0, 0);
 transform:translate3d(80%, 0, 0)
}
}
/*------------------------------------*
    Homepage 
 *------------------------------------*/
.home #main .container { width: 1100px }
/* 상단 슬라이더 */
.home .hero { margin-bottom: 85px; overflow: hidden; z-index: 1; width: 100%; }
.home .hero .slide { width: 100%; height: 560px; line-height: 1.65; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover }
.home .hero .slide .caption { position: absolute; top: 0; left: 50%; width: 600px; height: 100%; }
.home .hero .slide h2 { padding-top: 160px; margin-bottom: 35px; font-size: 42px; font-weight: 400; color: #fff; line-height: 1.25; opacity: 0; opacity: 1\9 }
.home .hero .slide p { font-size: 17px; color: #f2f2f2; text-transform: uppercase; opacity: 0; opacity: 1\9 }
.home .hero .slick-slide h2 { -webkit-animation: fadeOutRight-animated 5s both; animation: fadeOutRight-animated 5s both }
.home .hero .slick-slide p { -webkit-animation: fadeOutRight-animated 8s both; animation: fadeOutRight-animated 8s both }
.home .hero .slick-slide.slick-active h2 { -webkit-animation: fadeInUp-animated 1s both 1s; animation: fadeInUp-animated 1s both .5s }
.home .hero .slick-slide.slick-active p { -webkit-animation: fadeInUp-animated 1s both .8s; animation: fadeInUp-animated 1s both .8s }
.home .hero .slick-dots { position: absolute; bottom: 15px; display: block; width: 100%; text-align: center; }
.home .hero .slick-dots li { display: inline-block; margin: 0 3px; }
.home .hero .slick-dots li button { overflow: hidden; display: block; background: rgba(255,255,255,.8); width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-indent: 20px; -webkit-transition: width .2s; -moz-transition: width .2s; -o-transition: width .2s; transition: width .2s; color: transparent; border: 0; outline: none; }
.home .hero .slick-dots li.slick-active button { width: 30px }
.home .hero .slick-prev, .home .hero .slick-next { top: 50%; margin-top: -60px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all ease-in-out .8s; -moz-transition: all ease-in-out .8s; -o-transition: all ease-in-out .8s; transition: all ease-in-out .8s; }
.home .hero .slick-prev { left: -80px; }
.home .hero .slick-next { right: -80px; }
.home .hero:hover .slick-arrow { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; -moz-opacity: .45; -khtml-opacity: .45; opacity: .45; }
.home .hero:hover .slick-prev { left: 3%; }
.home .hero:hover .slick-next { right: 3%; }
.home .hero .slick-prev:hover, .home .hero .slick-next:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.home .hero .slick-arrow.slick-disabled, .home .hero .slick-arrow.slick-disabled:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; -moz-opacity: 0.15; -khtml-opacity: 0.15; opacity: .15; cursor: default }
.home .hero .slick-prev:before, .home .hero .slick-next:before { content: ''; display: block; width: 70px; height: 120px; background: 50% 50% no-repeat; background-size: 70px 70px }
.home .hero .slick-prev:before { background-image: url(../images/home/slider_prev.png) }
.home .hero .slick-next:before { background-image: url(../images/home/slider_next.png) }
/* Featured Product */
.home .featured { margin-bottom: 95px }
.home .featured .slide { width: 100%; background-color: #fff; }
.home .featured .caption { float: left; width: 50% }
.home .featured h3 { margin-bottom: 25px; padding-top: 45px; font-size: 60px; color: #091650; line-height: 1.25 }
.home .featured h3 small { display: block; font-size: 29px; font-weight: 400 }
.home .featured p { margin-bottom: 45px; font-size: 17px; font-weight: 300; color: #777; line-height: 1.45 }
.home .featured a.button { padding: 12px 15px; font-size: 15px; color: #000; border: 1px solid #ddd; background-color: transparent }
.home .featured a.button:hover { background-color: #000; border-color: #000; color: #fff }
.home .featured .image { float: right; width: 50%; text-align: center }
.home .featured .slick-dots { position: absolute; top: 0; left: 0; }
.home .featured .slick-dots li { display: inline-block; margin: 0 3px; }
.home .featured .slick-dots li button { overflow: hidden; display: block; background-color: #aaa; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-indent: 20px; -webkit-transition: width .2s; -moz-transition: width .2s; -o-transition: width .2s; transition: width .2s; color: transparent; border: 0; outline: none; }
.home .featured .slick-dots li.slick-active button { background-color: #555; }
/* Quick Links */
.home .quick-links .grid { margin: 0 -20px }
.home .quick-links .grid li { position: relative; padding: 0 20px; width: 33.33333%; }
.home .quick-links .grid li .read-more { position: absolute; top: 5px; right: 20px; display: block; width: 25px; height: 25px; background: url(../images/home/read_more.png) 0 0 no-repeat }
.home .quick-links .grid li h2 { margin-bottom: 12px; font-size: 23px; font-weight: 400; text-transform: uppercase }
.home .quick-links .grid li .thumb { margin-bottom: 25px }
.home .quick-links .grid li p { font-size: 15px; color: #3b444f }
/*------------------------------------*
    회사소개
 *------------------------------------*/
.about .page-content { margin: 0 auto; width: 1080px; }
.about .image { margin-bottom: 55px }
.about .image img { max-width: 100% }
.about p { margin-bottom: 30px; font-size: 16px; color: #656565; line-height: 1.65 }
/*------------------------------------*
    히스토리
 *------------------------------------*/
.history .page-content { overflow: hidden; margin: 0 auto; width: 1080px; background: url(../images/sub/bg_history.jpg) 50% 70px no-repeat }
.timeline { position: relative; clear: both; margin-top: 60px; }
.timeline.left-align { float: left; }
.timeline.right-align { float: right }
.timeline h2 { margin-bottom: 30px; font: 700 42px 'Lato', sans-serif; }
.timeline ul li { overflow: hidden; margin-bottom: 8px; font-size: 16px }
.timeline ul li strong { float: left; width: 120px; font-family: 'Lato', sans-serif; }
.timeline ul li p { overflow: hidden; color: #656565 }
/*------------------------------------*
    찾아오시는길
 *------------------------------------*/
.location .page-content { margin: 0 auto; width: 1080px; }
.location .map { margin-bottom: 45px }
.location .info li { position: relative; padding-left: 80px; font-size: 15px; color: #5f5f5f; line-height: 1.35 }
.location .info li span.icon { position: absolute; top: 0; left: 0 }
.location .info li h3 { padding-top: 7px; font-weight: 400 }
.location .info li p strong { font-size: 21px; font-weight: 500; color: #7ea845 }
/*------------------------------------*
    회사개요
 *------------------------------------*/
.overview .section { margin-bottom: 90px }
.overview h2 { margin-bottom: 12px; padding-left: 12px; background: url(../images/sub/bullet_title.png) 0 50% no-repeat; font-size: 22px; color: #000 }
.overview .sc-table th, .overview .sc-table td { border-left: 1px solid #ddd; border-right: 1px solid #ddd }
.overview .sc-table th { padding-left: 100px }
.overview .sc-table td { padding-left: 50px; text-align: left }
/*------------------------------------*
    고객센터
 *------------------------------------*/
.inquiry .sc-board-form .sc-table .note { padding-top: 12px; font-size: 11px; color: #ca0a0a }
.inquiry .sc-board-form .sc-table .agreement { padding-top: 15px; font-size: 13px; color: #888 }
.inquiry .sc-board-form .sc-table .agreement p { padding-top: 10px; font-size: 11px; color: #bdbdbd; line-height: 1.65 }
/*------------------------------------*
    제품목록
 *------------------------------------*/
.product-listing .product-grid { font-size: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.product-listing .product-grid li { display: inline-block; width: 33.33333%; }
.product-listing .product-grid li .product-box { padding: 40px 0 30px; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.product-listing .product-grid li .thumb { overflow: hidden; box-sizing: border-box; position: relative; }
.product-listing .product-grid li .thumb img { max-width: 100%; webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; object-fit: cover; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.product-listing .product-grid li:hover .thumb img { transform: scale(.9); }
.product-listing .product-grid li h3 { position: relative; padding: 27px 10px 0; font-size: 18px; font-weight: 300; line-height: 20px; color: #484848; text-transform: uppercase; }
.product-listing .product-grid li:hover h3 { color: #000; font-weight: 400 }
.product-listing .product-grid li h3:before { content: ""; position: absolute; z-index: 1; left: 50%; top: 15px; margin-left: -15px; height: 1px; width: 30px; background-color: #9e9e9e; }
/*------------------------------------*
    제품상세
 *------------------------------------*/
.product-detail .product-info { margin-bottom: 86px; color: #656565; text-align: center }
.product-detail .product-info h2 { margin-bottom: 30px; font-size: 65px; font-weight: 400 }
.product-detail .product-info p { font-size: 16px; font-weight: 300; line-height: 1.65 }
.product-detail .product-desc { overflow: hidden }
.product-detail .product-image { float: left; width: 470px; }
.product-detail .product-image img { max-width: 100% }
.product-detail .product-spec { overflow: hidden }
.product-detail .product-spec .sc-table { margin-bottom: 60px; }
.product-detail .product-spec .sc-table th, .product-detail .product-spec .sc-table td { border-left: 1px solid #ddd; border-right: 1px solid #ddd }
.product-detail .product-spec .sc-table th { font-size: 15px; }
.product-detail .product-spec .sc-table td { font-size: 14px; font-weight: 300 }
.product-detail .product-spec .sc-table.spec-type1 thead th { padding-left: 8px; text-align: left; vertical-align: top }
.product-detail .product-spec .sc-table.spec-type1 thead th:first-child, .product-detail .product-spec .sc-table.spec-type1 tbody th { padding-left: 10px; }
.product-detail .product-spec .sc-table.spec-type1 td { padding-left: 10px; text-align: left; }
.product-detail .product-spec .sc-table.spec-type2 tbody th:first-child { padding-left: 40px }
.product-detail .button-group { margin: 30px 0 0 470px; }
.product-detail .button-group .button { padding: 15px 50px; background-color: #00336b; font-size: 16px; color: #fff }
/*------------------------------------*
    기술현황
 *------------------------------------*/
.technology .section { margin-bottom: 90px }
.technology h2 { margin-bottom: 12px; padding-left: 12px; background: url(../images/sub/bullet_title.png) 0 50% no-repeat; font-size: 22px; color: #000 }
.technology .certificate { margin-bottom: 50px }
.technology .grid { margin: 0 -16px; }
.technology .grid > li { display: inline-block; margin-bottom: 32px; padding: 0 16px; width: 20%; text-align: center; vertical-align: top }
.technology .grid > li img { margin-bottom: 10px; box-shadow: 2px 2px 3px rgba(125,125, 125, .7) }
.technology .sc-table th, .technology .sc-table td { border-left: 1px solid #ddd; border-right: 1px solid #ddd }
.technology .facility .sc-table th { padding-left: 70px }
.technology .facility .sc-table td { padding-left: 50px; text-align: left }


.sc-board-list .sc-table em { padding: 2px 3px; border-radius: 2px; color: #fff; line-height: 1; text-transform: capitalize; }
.sc-board-list .sc-table em.new { margin-left: 10px; background: #fe6363; font: 10px arial, sans-serif; }
.sc-board-list .sc-table em.notice { padding: 0 12px; background-color: #4285f4 }

#privacy-policy { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
text-align: center; z-index: 999999; }
#privacy-policy .policy-wrapper { overflow: hidden; margin: 50px auto; position: relative; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; width: 90%; background-color: #fff; border: 1px solid #999; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0,0,0,0.5); background-clip: padding-box; max-width: 820px; border-radius: 10px; }
.close-popup { position: absolute; top: 15px; right: 15px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; line-height: 1; color: #ccc; text-shadow: 0 1px 0 #fff; }
#privacy-policy .policy-wrapper h4 { color:#000;padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; }
#privacy-policy .policy {color: #000; overflow-y: auto; padding: 30px; text-align: left }
form a.popup-trigger { display: inline-block; padding: 0 5px; line-height: 1.25; text-indent: 0; color: #fff; background-color: #8C8984; font-size: 12px; vertical-align: middle; }
a.popup-trigger2 { display: inline-block; padding: 0 5px; line-height: 1.25; text-indent: 0; color: #fff; font-size: 12px; vertical-align: middle; }