/*
INITIALIZE
	Z-INDEX
	#header 9999		#sidebar 9999		#sidebar-dimmer 9998	#gnb 9100
	#gnb-panel 9000		#lnb 8000			#footer 7000			.main-sec 6000
	.slick-arrow 5000	.visual-sec 5000	.product-slider 1000	.desc-panel	1100
*/
*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, button, input, select, textarea, .pure-g [class *= "pure-u"] {font-family:'Noto Sans KR', Sans-serif;}
html, body {font-family:'Noto Sans KR', Sans-serif; color:#333;}
/* FONT LOADING */
.wf-loading * {opacity:0;}
.wf-active *, .wf-inactive * {opacity:1;}
.fa, .far, .fas {font-family:"Font Awesome 5 Free" !important}
.js-scrollmagic {opacity:0;}
.js-scrollmagic.non-hide {opacity:1;}
.cke_button_label.cke_button__image_label {display:inline-block !important;}

.js-tel-tag,
.js-tel-replace {color:inherit; font-family:inherit;}
img {max-width:100%; vertical-align:middle;}
h1, h2, h3, h4, h5, h6 ,p, li, dt, dd, th, td {word-break:keep-all; word-wrap:break-word;}
a {color:inherit; text-decoration:none;}
body.on-dimmer {overflow:hidden;}

/* CONTAINER */
.container {max-width:1232px; margin:0 auto; padding:0 1em;}
.fixed-container {margin-top:74px; width:100%; height:100%; max-height:720px;}
/* TEXT-ALIGN */
.left-align {text-align:left;}
.center-align {text-align:center;}
.right-align {text-align:right;}
.middle-align {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
/* TEXT ATTR */
.truncate {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* CLEAR */
.list-clr {margin:0; padding:0; list-style:none;}
.list-clr > li > a {color:inherit; text-decoration:none;}
.dot-style > li {position:relative; padding-left:1rem;}
.dot-style > li:before {content:'\00B7'; position:absolute; left:0;}
/* DIVIDER */
.section-divider {border:1px solid #ddd; margin:2em 0;}
.hidden-divider {border:0; margin:4em 0;}
.hidden-divider.half {border:0; margin:2em 0;}
.hidden-divider.big {border:0; margin:6em 0;}
.hidden-divider.bordered {border-top:1px solid #ddd;}
/* ETC */
.overflowed {overflow:visible !important;}
.non-overflowed {overflow:hidden !important;}
.gap-top {margin-top:1.5rem;}
.gap-bottom {margin-bottom:1.5rem;}
/* HEADER */
#header {position:fixed; top:0; left:0; right:0; width:100%; background-color:#fff; z-index:9999; transition:.3s;}
/* GNB */
#gnb {position:relative; border-bottom:1px solid #dcdddd; background-color:inherit; z-index:9100; transition:.5s;}
#gnb > .container {-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#gnb .logo-box > .sidebar-btn {display:none; position:absolute; top:50%; right:16px; width:30px; height:20px; transform:translateY(-50%);}
#gnb .logo-box > .sidebar-btn > span {position:absolute; display:inline-block;}
#gnb .logo-box > .sidebar-open-btn > span {left:0; width:100%; height:2px; background-color:#333;}
#gnb .logo-box > .sidebar-open-btn > span:nth-child(1) {top:0;}
#gnb .logo-box > .sidebar-open-btn > span:nth-child(2) {top:50%;}
#gnb .logo-box > .sidebar-open-btn > span:nth-child(3) {top:100%;}
#gnb .logo-box > .sidebar-close-btn {opacity:0; transform:scale(0) translateY(-50%); transform-origin:top; transition:.3s;}
#gnb .logo-box > .sidebar-close-btn > span {top:-4px; left:15px; width:2px; height:31px; background-color:#fff;}
#gnb .logo-box > .sidebar-close-btn > span:nth-child(1) {transform:rotate(45deg);}
#gnb .logo-box > .sidebar-close-btn > span:nth-child(2) {transform:rotate(-45deg);}
#gnb .menu-box .gnb-list {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#gnb .gnb-box .icon-group {padding:1.2rem 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row; flex-flow:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#gnb .menu-box .gnb-list .gnb-item {position:relative; display:inline-block;padding:0;}
#gnb .menu-box .gnb-list .gnb-item:before,
#gnb .menu-box .gnb-list .gnb-item:after {content:''; position:absolute; bottom:-2px; width:0; height:4px; background-color:#f39700; transition:.2s ease-out;}
#gnb .menu-box .gnb-list .gnb-item:before {left:50%;}
#gnb .menu-box .gnb-list .gnb-item:after {right:50%;}
#gnb .menu-box .gnb-list .gnb-item > a {display:inline-block; padding:1.5rem .5rem; width:100%; font-size:17px; font-weight:500; transition:.3s;}
#gnb .menu-box .gnb-list .gnb-item > ul {visibility:hidden; opacity:0; position:absolute; top:100%; left:50%; right:0; width:100%; min-width:110px; padding:0; background-color:#fff; box-shadow: 0 0 4px rgba(0, 0, 0, .25); transform:translate(-50%, 16px); transition:.3s;}
#gnb .menu-box .gnb-list .gnb-item > ul:before {content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -6px; height: 0; width: 0; border: 6px solid transparent; border-bottom-color: #fff; transform:translateX(-50%);}
#gnb .menu-box .gnb-list .gnb-item.on-focus:before,
#gnb .menu-box .gnb-list .gnb-item.on-focus:after,
#gnb .menu-box .gnb-list .gnb-item.on-active:before,
#gnb .menu-box .gnb-list .gnb-item.on-active:after {width:50%;}
#gnb .gnb-util-box {position:relative; text-align:right;}
#gnb .gnb-util-box > .util-list {line-height:1;}
#gnb .gnb-util-box > .util-list > .util-btn {display:inline-block; margin:0; padding:6px; background:none; border:0; outline:0; vertical-align:middle; font-weight:500;}
#gnb .gnb-util-box > .util-list > .util-btn  ~ .util-btn  {margin-left:.5rem;}
#gnb .gnb-util-box > .util-list > .util-btn.util-sidebar {display:none;}
/* GNB EFFECT */
#gnb.on-active .logo-box > .sidebar-open-btn {transform:scale(0) translateY(-50%);}
#gnb.on-active .logo-box > .sidebar-open-btn > span {background-color:#fff;}
#gnb.on-active .logo-box > .sidebar-close-btn {opacity:1; transform:scale(1) translateY(-50%);}
/* GNB 작은 메뉴 */
#gnb .menu-box.small-menu-box .gnb-list {padding:1.2rem 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row; flex-flow:row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
#gnb .menu-box.small-menu-box .gnb-list .gnb-item {margin-right:.5rem;}
#gnb .menu-box.small-menu-box .gnb-list .gnb-item:last-child {margin:0;}
#gnb .menu-box.small-menu-box .gnb-list .gnb-item > a {padding:0; font-size:14px; font-weight:400;  line-height:1; transition:none;}
/* ICON LIST */
#header .icon-list > .item {display:inline-block;}
#header .icon-list > .item > a {display:inline-block;}
/* GNB PANEL */
#gnb-panel {position:absolute; left:0; right:0; background-color:#fff; box-shadow:0 0 6px rgba(0, 0, 0, .5); visibility:hidden; opacity:0; z-index:9000; transform:translateY(-100%); transition:.3s;}
#gnb-panel .panel-list > .panel-item {padding:.5rem 0; border-right:1px solid #dcdddd; transition:.3s;}
#gnb-panel .panel-list > .panel-item:first-child {border-left:1px solid #dcdddd;}
#gnb-panel .panel-list > .panel-item > a {display:block; padding:.35rem .5rem; font-size:15px; font-weight:300; color:#3e3a39; text-align:center; word-break:keep-all; word-wrap:break-word; transition:color .3s;}
#gnb-panel .panel-list > .panel-item:not(.empty).on-active,
#gnb-panel .panel-list > .panel-item:not(.empty):hover {background-color:#eeefef;}
#gnb-panel .panel-list > .panel-item > a.on-active,
#gnb-panel .panel-list > .panel-item > a:hover {color:#f39700; font-weight:400;}
/* GNB PANEL EFFECT */
#gnb-panel.on-active {visibility:visible; opacity:1; transform:translateY(0);}

/* SIDEBAR */
#sidebar-dimmer {position:fixed; top:0; left:0; opacity:0; transition:opacity .5s;}
#sidebar-dimmer.on-dimmer {background-color:rgba(0, 0, 0, .5); width:100%; height:100%; z-index:9998; opacity:1; transition:opacity .5s;}
#sidebar {position:fixed; top:0; right:0; width:360px; height:100%; padding:0 0 1.5em; background-color:#fff; overflow-y:scroll; box-shadow:-1px 0 10px 4px rgba(0, 0, 0, .3); z-index:9999; transition:.5s; transform:translateX(120%);}
#sidebar.on-active {transform:translateX(0);}
#sidebar > .sidebar-container > .side-logo-box {position:relative; padding:2.5em 1em; border-bottom:1px solid #dfdfdf; background-color:#f5f5f5;}
#sidebar > .sidebar-container > .side-logo-box > p {margin:.5em 0; color:#636363;}
#sidebar .sidebar-close-btn {position:absolute; top:5px; right:10px; font-size:2em;}
/* SIDEBAR NAVIGATION */
.sidebar-nav > .sidebar-nav-list > .side-nav-item {border-bottom:1px solid #ccc;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header {margin:0; padding:1em 1.5em; display:block; color:#333; font-size:1.0625rem; transition:.3s;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header.point-header {position:relative;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header.point-header:before,
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header.point-header:after {content: ''; position: absolute; top:2px; left: .5rem; width: 61px; height: 24px; background-position: center; background-repeat: no-repeat;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header.point-header:before {background-image: url('../../images/ico/ico_gnb_deco.png');}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header.point-header:after {opacity:0; background-image: url('../../images/ico/ico_gnb_deco_invert.png');}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header > .expend-icon {position:relative; display:inline-block; width:24px; height:24px; float:right; transition:.3s;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header > .expend-icon:before,
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header > .expend-icon:after {content:''; position:absolute; top:75%; width:12px; height:2px; background-color:#333; transition:.3s;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header > .expend-icon:before {left:0; transform:rotate(45deg); transform-origin:right;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header > .expend-icon:after {right:0; transform:rotate(-45deg); transform-origin:left;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header.on-active {color:#fff; background-color:#f39700;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header.point-header.on-active:before {opacity:0;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header.point-header.on-active:after {opacity:1;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header > .expend-icon.on-active {transform:scale(-1);}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header > .expend-icon.on-active:before,
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header > .expend-icon.on-active:after {background-color:#fff;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > .side-nav-header > a {display:block;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > dl {display:none; background-color:#f7f7f7;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > dl > dd {margin:0 1em 0 2rem; padding:1em; border-bottom:1px solid #ddd; color:#333; font-size:.9375em; word-break:keep-all; word-wrap:break-word;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > dl > dd:last-child {border:0;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > dl > dd:hover,
.sidebar-nav > .sidebar-nav-list > .side-nav-item > dl > dd.on-active {color:#f39700;}
.sidebar-nav > .sidebar-nav-list > .side-nav-item > dl > dd > a {display:block;}
/* GNB SEARCH */
#global-search-box {position:absolute; top:100%; left:50%; padding:.5rem 1rem; background-color:rgba(255, 255, 255, .5); border-radius:20px; opacity:0; visibility:hidden; transform:translate(-50%, -1rem); transition:transform .3s, opacity .3s, visibility .3s;}
#global-search-box > input {position:relative; padding:0 .25rem; padding-left:1.25rem; width:100%; min-width:120px; border:0; outline:0; background:transparent; z-index:60; transition:padding .3s ease;}
#global-search-box > input ~ label {display:inline-block; position: absolute; top: 50%; left:2.75rem; color:rgba(51, 51, 51, .75); font-size:13px; text-align:center; z-index:50; transform:translateY(-50%); transition:left .3s, opacity .3s, visibility .3s;}
#global-search-box > input ~ button {position: absolute; top: 50%; left: 1.35rem; margin: 0; padding: 0; border: 0; outline:0; background:none; line-height: 0; z-index:100; transform: translateY(-50%); transition:left .3s;}
#global-search-box > input.on-focus ~ label,
#global-search-box > input:focus ~ label {left:1rem; opacity:0; visibility:hidden;}
#global-search-box > input.on-focus ~ button,
#global-search-box > input:focus ~ button {left:.75rem;}
#global-search-box.on-visible {opacity:1; visibility:visible; transform:translate(-50%, 2rem);}
.side-extra-col {margin: 1rem 0 0; padding: 0 1rem; font-size: 18px; text-align: right;}
.side-extra-col > a {display:inline-block;}
.side-extra-col > a > .fa-stack {color:#f39700;}

/* FOOTER */
#footer {position:relative; background-color:#393636; z-index:7000;}
#footer .footer-wrapper {padding:1rem; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#footer .footer-wrapper > .column {padding:0 .5rem; color:#fff;}
#footer .footer-wrapper > .column.logo-col {position:relative;}
#footer .footer-wrapper > .column.logo-col > a {position:absolute; bottom:0; right:0;}
#footer .footer-wrapper > .column.context-col .context-row > .item {margin:0 0 .25rem; font-size:14px; font-weight:300; color:rgba(255, 255, 255, .65);}
#footer .footer-wrapper > .column.context-col .context-row > .item .header {position:relative; color:#fff; font-weight:500;}
#footer .footer-wrapper > .column.context-col .context-row > .item p {display:inline-block; margin:0;}
#footer .footer-wrapper > .column.context-col .context-row > .item p.small {font-size:12px;}
#footer .footer-wrapper > .column.context-col .context-row > .item p.justify {position:relative; padding-left:78px;}
#footer .footer-wrapper > .column.context-col .context-row > .item p.justify .header {color:#fff; font-size:14px; font-weight:500; position: absolute; left: 0; width: 66px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#footer .footer-wrapper > .column.context-col .context-row > .item p.justify .header i {font-style:normal;}
#footer .footer-wrapper > .column.cert-col .icon-list > .item {padding:0 2px 4px; width:auto; max-width:32px; -ms-flex-negative:0; flex-shrink:0;}
#footer .footer-wrapper > .column.social-col .icon-list > .item {transition:.3s;}
#footer .footer-wrapper > .column.social-col .icon-list > .item:hover {transform:translateY(-4px);}
#footer .short-tel {margin-left:8px;}
.privacy-police {margin:.5rem 0 0; text-align:right; font-size:13px; color:rgba(255, 255, 255, .6);}
.privacy-police > a {transition:color .3s;}
.privacy-police > a:hover {color:#fff;}
/* CONTENTS */
.scrolldown-btn {position:absolute; bottom:1rem; left:50%; text-align:center; transform:translateX(-50%);}
.scrolldown-btn > p {margin:.5rem 0 0; color:#fff; font-size:15px;}
.readmore-btn {position:relative; display:inline-block; padding:.5rem 1.5rem; font-size:15px; color:#fff; background-color:rgba(255, 255, 255, .4); border-radius:20px; line-height:100%; outline:0; border:0;}
.readmore-btn > span {position:relative; display:inline-block; width:12px; height:12px; line-height:0; transition:.5s;}
.readmore-btn > span:before,
.readmore-btn > span:after {content:''; position:absolute; background-color:#fff;}
.readmore-btn > span:before {top:50%; left:0; right:0; height:2px; transform:translateY(-1px);}
.readmore-btn > span:after {left:50%; top:0; bottom:0; width:2px; transform:translateX(-1px);}
.readmore-btn:hover > span {transform:translateX(.5rem) rotate(360deg);}
.readmore-btn.orange {background-color:rgba(238, 121, 0, .75); transition:background-color .5s;}
.readmore-btn.orange:hover {background-color:rgba(238, 121, 0, 1);}
.main-sec {position:relative;}
.effect-dimmer-hovering > .ico-zoom {position:absolute; top:50%; left:50%; color:#fff; opacity:0; visibility:hidden; transform:translate(-50%, -100%); transition:opacity .3s, visibility .3s, transform .3s;}
.effect-dimmer-hovering:before,
.effect-dimmer-hovering:after {content:''; position:absolute; opacity:0; visibility:hidden; transition:opacity .5s, visibility .5s;}
.effect-dimmer-hovering:before {top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .75);}
.effect-dimmer-hovering:after {top:1rem; left:1rem; right:1rem; bottom:1rem; border:1px solid #fff;}
.effect-dimmer-hovering:hover:before,
.effect-dimmer-hovering:hover:after {opacity:1; visibility:visible;}
.effect-dimmer-hovering:hover > .ico-zoom {opacity:1; visibility:visible; transform:translate(-50%, -50%);}

/* MAIN SECTION HEADER */
.main-sec {padding:0; background-color:rgba(0, 0, 0, .75); height:100vh; z-index:6000;}
.visual-sec + .main-sec {margin-top:100vh;}
.main-sec-header {position:relative; margin: 0 auto 1.5rem; width: 100%; color:#fff; text-align:center;}
.main-sec-header > h1 {display:inline-block; margin:0; font-size:25px; font-weight:500; text-align:center;}
.main-sec-header > h1 > span {display:block; font-size:20px; font-weight:400;}
.main-sec-header > h1 > b {display:block; font-weight:500;}
.main-sec-header .readmore-box {margin-top:-0.75rem; text-align:right;}
.icon-list > .item {padding:4px;}
/* SLICK SLIDE INIT */
.slick-slide, .slick-slider .slick-track, .slick-slider .slick-list {transform :translate3d(0,0,0); transform :translateZ(0); backface-visibility :hidden;}
.main-sec .slick-arrow {width:auto; height:auto; opacity:.65; z-index:5000; transition:.3s;}
.main-sec .slick-arrow:before {display:none;}
.main-sec .slick-arrow:hover {opacity:1;}
.main-sec .custom-prev {left:3rem;}
.main-sec .custom-next {right:3rem;}

/* MAIN VISUAL INIT */
.main-sec.visual-sec {position:fixed; top:0; left:0; right:0; background-color:transparent; z-index:5000;}
/* MAIN VISUAL ITEM */
#main-visual,
#main-visual .slick-list,
#main-visual .slick-list .slick-track {height:100%;}
#main-visual .visual-item {position:relative; height:100%; outline:0; background-size:cover; background-repeat:no-repeat; background-position:center;}
#main-visual .visual-item > img {display:none;}
#main-visual .visual-item.visual01 {background-image:url('../../images/main/main_visual01.jpg');}
#main-visual .visual-item.visual02 {background-image:url('../../images/main/main_visual02.jpg');}
#main-visual .visual-item.visual03 {background-image:url('../../images/main/main_visual03.jpg');}
#main-visual .visual-item > .context {position:absolute; top:50%; left:0; right:0; color:#fff; font-size:22px; text-align:center; transform:translateY(-50%);}
#main-visual .visual-item > .context > h2 {position:relative; margin:0 0 1.5rem; padding:0 0 1.5rem; font-size:90px; font-weight:500; letter-spacing:0.5px; line-height:100%;}
#main-visual .visual-item > .context > h2:before,
#main-visual .visual-item > .context > h2:after {content:''; position:absolute; bottom:-3px; width:0; height:6px; background-color:#f39700; transition:.5s ease .65s;}
#main-visual .visual-item > .context > h2:before {left:50%;}
#main-visual .visual-item > .context > h2:after {right:50%;}
#main-visual .visual-item > .context > h2 > span {display:block; opacity:0; transition:1s; transform:translateX(-30px);}
#main-visual .visual-item > .context > p {margin:0; opacity:0; transition:1s; transform:translateX(30px)}
/* MAIN VISUAL EFFECT */
#main-visual .visual-item.on-active > .context > h2:before,
#main-visual .visual-item.on-active > .context > h2:after {width:120px;}
#main-visual .visual-item.on-active > .context > h2 > span {opacity:1; transform:translateX(0);}
#main-visual .visual-item.on-active > .context > p {opacity:1; transform:translateX(0);}
/* PORTFOLIO */
.portfolio-list .slick-slide {outline:0;}
.portfolio-list .item-col {position:relative;}
.portfolio-list .item-col > .image-description {position:absolute; bottom:1rem; left:1rem; right:1rem; padding:.5rem 1rem; color:#fff; opacity:0; visibility:hidden; transform:translateY(100%); transition:opacity .3s, visibility .3s, transform .3s;}
.portfolio-list .item-col > .image-description > p {margin:0;}
.portfolio-list .item-col:hover > .image-description {opacity:1; visibility:visible; transform:translateY(0);}
/* EXTRA DATA (BOARD) */
.board-part {margin:0 0 2rem; padding:0 0 1rem; border-bottom:1px solid rgba(255, 255, 255, .45); -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto;}
.board-part > .column {padding:.5rem; color:#fff; text-align:center;}
.board-part > .column > .image-wrapper {position:relative; overflow:hidden; backface-visibility: hidden;}
/*.board-part > .column > .image-wrapper img {transition:.8s; transform:scale(1.08);}*/
.board-part > .column > p {margin:.5rem 0 0; padding:.5rem;}
/*.board-part > .column:hover .image-wrapper img {opacity:.75; transform:scale(1.015) rotate(0.001deg);}*/
.extra-part {padding:1.5rem; background-color:rgba(255, 255, 255, .8);}
.extra-part > .column {position:relative; padding:0 1rem;}
.extra-part > .column:before,
.extra-part > .column:after {content:''; position:absolute; background-color:rgba(51, 51, 51, .38);}
.extra-part > .column:before {display:none; bottom:0; left:0; right:0; width:auto; height:1px;}
.extra-part > .column:after {top:0; bottom:0; right:0; width:1px;}
.extra-part > .column:last-child:after {display:none;}
.extra-part > .column > dl {position:relative; margin:0; margin-left:60px; padding:0; cursor:pointer;}
.extra-part > .column > dl:before {content:''; position:absolute; left:-3.1rem; width:40px; height:40px; background-position:center; background-repeat:no-repeat;}
.extra-part > .column:nth-of-type(1) > dl:before {background-image:url('../../images/ico/ico_cert.png');}
.extra-part > .column:nth-of-type(2) > dl:before {background-image:url('../../images/ico/ico_book.png');}
.extra-part > .column:nth-of-type(3) > dl:before {background-image:url('../../images/ico/ico_card.png');}
.extra-part > .column:nth-of-type(4) > dl:before {left:-2.6rem; background-image:url('../../images/ico/ico_loc.png');}
.extra-part > .column > dl > dt {font-size:15px; font-weight:500;}
.extra-part > .column > dl > dd {margin:0; color:#4b4a4a; font-weight:300; font-size:13px;}
/* PRODUCT SEC */
.product-sec {overflow:hidden;}
/* PRODUCT WRAPPER */
#product-wrapper {position:relative;}
#product-wrapper .product-slider .slick-prev {left:5rem; width:50px; height:50px; background:red; z-index:5000;}
#product-wrapper .product-slider .slick-next {right:5rem; width:50px; height:50px; background:red; z-index:5000;}
#product-wrapper .product-slider {z-index:1000;}
#product-wrapper .product-slider .slick-list {overflow:visible;}
#product-wrapper .product-slider .slide-item {position:relative; margin:0 40px; width:100%; max-width:1200px; display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; outline:0;}
#product-wrapper .product-slider .slide-item .image-box {position:relative; display:inline-block; left:3px; transition:.8s;}
#product-wrapper .product-slider .slide-item .image-box > img {margin:0 auto;}
#product-wrapper .product-slider .slide-item .empty {opacity:0; visibility:hidden;}
#product-wrapper .product-slider .slide-item.prev-slide .image-box {transform:translateX(500px);}
#product-wrapper .description-panel {position:absolute; top:0; bottom:0; left:0; right:0; z-index:1100;}
#product-wrapper .description-panel > .desc-col {position:relative; padding:3rem 2.5rem 12rem; height:100%; background-color:#fff;}
#product-wrapper .description-panel > .desc-col:before {content:''; position:absolute; top:236px; left:0; width:50%; height:4px; background-color:#f39700; transform:translate(-50%, 0);}
#product-wrapper .description-panel > .desc-col .panel-item {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column;}
#product-wrapper .description-panel > .desc-col .panel-item ~ .panel-item {display:none;}
#product-wrapper .description-panel > .desc-col .panel-item p {margin:0;}
#product-wrapper .description-panel > .desc-col .panel-item .item-header {height:100%; max-height:156px; font-size:18px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto;}
#product-wrapper .description-panel > .desc-col .panel-item .item-header > h2 {margin:0 0 1rem; font-size:40px; font-weight:500; color:#f39700;}
#product-wrapper .description-panel > .desc-col .panel-item > .item-description {margin:4rem 0 0;}
#product-wrapper .description-panel > .desc-col .panel-item p .line-comma {display:none;}
/* CUSTOM CONTROLLER */
.custom-controller {position:absolute; left:2.5rem; right:2.5rem; bottom:2rem;}
.custom-controller > nav {display:inline-block;}
.custom-controller > nav .slick-arrow {position:relative; left:auto; right:auto; display:inline-block; width:40px; height:40px; background-color:#ee7900; opacity:1; border-radius:50%; transform:none;}
.custom-controller > nav .slick-arrow.slick-prev {margin-right:.75rem;}
.custom-controller > nav .slick-arrow:before {content:''; position:absolute; display:block; top:50%; width:100%; height:100%; background-position:center; background-repeat:no-repeat; opacity:1; transform:translate(0, -50%); transition:.3s;}
.custom-controller > nav .slick-prev:before {left:0; background-image:url('../../images/ico/slide_prev_small.png');}
.custom-controller > nav .slick-next:before {right:0; background-image:url('../../images/ico/slide_next_small.png');}
.custom-controller > nav .slick-prev:hover:before {left:-6px;}
.custom-controller > nav .slick-next:hover:before {right:-6px;}
.custom-controller > .custom-dots {position:absolute; right:0; display:inline-block; margin:0; width:56px; font-weight:500; color:#b4b5b6; text-align:center;}
.custom-controller > .custom-dots > span {display:inline-block; position:absolute;}
.custom-controller > .custom-dots > span.now-dots {top:-0.5rem; left:0; color:#f39700;}
.custom-controller > .custom-dots > span.total-dots {bottom:-0.5rem; right:0;}
/* MEDIA QUERYS */
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1439px) {
	/* CONTAINER */
	.fixed-container {margin-top:120px;}
	/* GNB */
	#gnb .menu-box .gnb-list {padding:0;}
	#gnb .menu-box .gnb-list .gnb-item > a {padding:1.5rem .2rem;}
	#gnb .gnb-util-box > .util-list > .util-btn  ~ .util-btn  {margin-left:.25rem;}
	/* GNB PANEL */
	#footer .meta-data .header {margin-right:2rem;}
	#footer .meta-data .header.big {font-size:40px;}
	/* MAIN VISUAL ITEM */
	#main-visual .visual-item > .context > h2 {font-size:70px;}
	#product-wrapper .description-panel > .desc-col {padding:3rem 1.5rem 12rem;}
}
@media screen and (max-width:1080px) {
	/* FOOTER */
	#footer .footer-wrapper > .column.context-col .context-row {padding:0 1rem; margin:0 0 .5rem;}
	#footer .footer-wrapper > .column.context-col .context-row > .item .header {position:relative; display:block;}
	#footer .footer-wrapper > .column.context-col .context-row > .item p.justify {padding-left:0;}
	#footer .footer-wrapper > .column.context-col .context-row > .item p.justify .header {position:relative; display:block; margin:0; width:auto;}
	#footer .short-tel {margin-left:0px;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:1023px) {
	/* CONTAINER */
	.fixed-container {margin-top:0; height:auto; max-height:none;}
	/* GNB */
	#gnb .menu-box {display:none;}
	#gnb .logo-box {padding:1rem 0; text-align:center;}
	#gnb .logo-box > .logo-anchor {position:relative; max-width:230px; z-index:9500;}
	#gnb .logo-box > .sidebar-btn {display:inline-block;}
	#gnb .gnb-util-box {position:absolute; top:50%; left:0; right:0; padding:1rem; transform:translateY(-50%);}
	#gnb .gnb-util-box > .util-list > .util-btn ~ .util-btn {margin-left:0;}
	#gnb .gnb-util-box > .util-list > .util-btn.util-search {position:absolute; left:1rem; margin:0;}
	#gnb .gnb-util-box > .util-list > .util-btn.util-lang,
	#gnb .gnb-util-box > .util-list > .util-btn.util-sitemap {display:none;}
	#gnb .gnb-util-box > .util-list > .util-btn.util-sidebar {display:inline-block;}
	/* GNB PANEL */
	#gnb-panel {display:none;}
	/* GNB SEARCH */
	#global-search-box {padding:0; left:0; right:0; border-radius:0; transform:none;}
	#global-search-box.on-visible {transform:translateY(-1px);}
	#global-search-box {border:1rem solid #f39700; background-color:#fff;}
	#global-search-box > input {padding:.5rem 1rem; padding-right:2.5rem;}
	#global-search-box > input ~ label {left:1rem;}
	#global-search-box > input ~ button {left:auto; right:1rem;}
	#global-search-box > input.on-focus ~ button,
	#global-search-box > input:focus ~ button {left:auto;}
	/* FOOTER */
	#footer .footer-wrapper > .column {padding:0; text-align:center;}
	#footer .footer-wrapper > .column.context-col {margin:1.25rem 0; text-align:left;}
	#footer .footer-wrapper > .column.context-col .context-row {padding:0; margin:0;}
	#footer .footer-wrapper > .column.context-col .context-row > .item {padding:0 .5rem;}
	#footer .footer-wrapper > .column.context-col .context-row > .item .header {margin:0; font-size:18px; width:auto; letter-spacing:0;}
	#footer .footer-wrapper > .column.context-col .context-row > .item p {display:block; margin:0 0 .5rem; letter-spacing:0;}
	#footer .footer-wrapper > .column.context-col .context-row > .item p.small {font-size:14px;}
	#footer .footer-wrapper > .column.context-col .context-row > .item p.justify {min-height:67px; width:100%;}
	#footer .footer-wrapper > .column.context-col .context-row > .item p.justify .header {font-size:18px;}
	.main-sec {padding:5rem 0; height:auto;}
	.main-sec.visual-sec {padding:0; height:100vh;}
	/* EXTRA DATA (BOARD) */
	.extra-part > .column {padding:1rem;}
	.extra-part > .column:after {display:none;}
	.extra-part > .column:nth-of-type(-n+2):before,
	.extra-part > .column:nth-of-type(odd):after {display:block;}
	.extra-part > .column > dl > dt {font-size:19px;}
	.extra-part > .column > dl > dd {font-size:15px;}
	/* PRODUCT WRAPPER */
	#product-wrapper .product-slider .slick-list {overflow:hidden;}
	#product-wrapper .product-slider .slide-item {margin:0; overflow:hidden;}
	#product-wrapper .product-slider .slide-item .image-box {left:0;}
	#product-wrapper .product-slider .slide-item.prev-slide .image-box {transform:none;}
	#product-wrapper .description-panel {position:static; height:400px;}
	#product-wrapper .description-panel > .desc-col {padding:2rem 1.5rem 3rem; height:auto;}
	#product-wrapper .description-panel > .desc-col:before {display:none;}
	#product-wrapper .description-panel > .desc-col .panel-item {-webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
	#product-wrapper .description-panel > .desc-col .panel-item .item-header {height:auto; max-height:100%; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto;}
	#product-wrapper .description-panel > .desc-col .panel-item > .item-description {margin:1rem 0 0; padding:2rem 0;}
	/* CUSTOM CONTROLLER */
	.custom-controller {position: relative; left: auto; right: auto; bottom:1rem;}
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:767px) {
	/* GNB */
	#gnb .logo-box > .logo-anchor {padding:0;}
	/* FOOTER */
	#footer .footer-wrapper > .column {margin:0 0 1rem;}
	#footer .footer-wrapper > .column:last-child {margin:0;}
	#footer .footer-wrapper > .column.context-col {margin:0 0 1rem;}
	#footer .footer-wrapper > .column.context-col .context-row > .item {margin:0 0 1rem;}
	#footer .footer-wrapper > .column.context-col .context-row > .item:last-child {margin:0;}
	#footer .footer-wrapper > .column.context-col .context-row > .item p {margin:0; width:100%;}
	#footer .footer-wrapper > .column.context-col .context-row > .item .header {display:inline-block; margin-right:4px; font-size:15px;}
	#footer .footer-wrapper > .column.context-col .context-row > .item p.justify {min-height:auto;}
	#footer .footer-wrapper > .column.context-col .context-row > .item p.justify .header {font-size:15px;}
	/* SLICK SLIDE INIT */
	.main-sec .slick-arrow {width:22px;}
	.main-sec .custom-prev {left:.5rem;}
	.main-sec .custom-next {right:.5rem;}
	/* MAIN VISUAL ITEM */
	#main-visual .visual-item > .context {padding:0 1rem; font-size:17px;}
	#main-visual .visual-item > .context > h2 {margin:0 0 .75rem; padding:0 0 .75rem; font-size:44px; letter-spacing:0;}
	#main-visual .visual-item > .context > h2:before,
	#main-visual .visual-item > .context > h2:after {bottom:-2px; height:4px;}
	/* MAIN VISUAL EFFECT */
	#main-visual .visual-item.on-active > .context > h2:before,
	#main-visual .visual-item.on-active > .context > h2:after {width:60px;}
	/* MAIN SECTION HEADER */
	.main-sec-header .readmore-box {margin-top:.5rem;}
	/* EXTRA DATA (BOARD) */
	.board-part > .column ~ .column {margin:1.5rem 0 0;}
	.extra-part > .column {padding:1rem 0;}
	.extra-part > .column:before {display:block;}
	.extra-part > .column:last-child:before {display:none;}
	.extra-part > .column:after {display:none !important;}
	.extra-part > .column > dl:before {left:-3.1rem !important;}
	/* PRODUCT WRAPPER */
	#product-wrapper .description-panel > .desc-col .panel-item p br:not(.line-br) {display:none;}
	#product-wrapper .description-panel > .desc-col .panel-item p .line-comma {display:inline;}
	/* PORTFOLIO */
	.portfolio-sec .main-sec-header {margin:0 auto 1.5rem;}
}
@media screen and (max-width:425px) {
	/* GNB */
	#gnb .gnb-util-box > .util-list {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row; flex-flow:row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
	/* MAIN VISUAL ITEM */
	#main-visual .visual-item > .context {font-size:15px;}
	#main-visual .visual-item > .context > h2 {font-size:32px;}
	/* PRODUCT WRAPPER */
	#product-wrapper .description-panel > .desc-col {padding:1rem 1rem 2.5rem;}
	#product-wrapper .description-panel > .desc-col .panel-item .item-header {font-size:17px;}
	#product-wrapper .description-panel > .desc-col .panel-item .item-header > h2 {margin:0 0 .5rem; font-size:30px;}
	#product-wrapper .description-panel > .desc-col .panel-item > .item-description {padding:1.5rem 0; font-size:15px;}
}
@media screen and (max-width:424px) {
}
@media screen and (max-width:375px) {
}
@media screen and (max-width:374px) {
}
@media screen and (max-width:320px) {
	/* SIDEBAR */
	#sidebar {width:280px;}
}