/* rotate */
/* transform */
/* transition */
/* transform-transition */
/* css-transition */
/* transform-css-transition */
/* keyframes */
/*@include keyframes(scroll-loop) { 0% { @include  transform(translateY(0)); } 50% { @include  transform(translateY(0));  } 100% { @include  transform(translateY(0));  }
}*/
/* line */
body { overflow-x: auto; background: #fff; }

.footer_wrap { position: relative; z-index: 100; }

#content { position: relative; min-width: 1280px; margin: 0 auto; overflow: hidden; line-height: 28px; padding-bottom: 184px; }

.section { overflow: hidden; position: relative; width: 100%; }

.btn_download { display: inline-block; width: 210px; height: 45px; font-size: 0; text-indent: -9999px; vertical-align: top; background: url(../img/btn_download.png) no-repeat 0 0; }

.btn_download:hover { background-position: 0 -55px; }

*, *:before, *:after { box-sizing: border-box; }

.content .inner-cont-wrap { width: 1120px; margin: 0 auto; }

.close-btn { position: fixed; top: 70px; right: 0; padding: 50px; z-index: 100; }
.close-btn.color-white a ul li { width: 50px; border-top: 1px solid #fff; }
.close-btn a { display: block; }
.close-btn a ul { position: relative; width: 72px; height: 72px; }
.close-btn a ul li { position: absolute; width: 50px; border-top: 1px solid #000; left: 36px; top: 36px; -webkit-transform-origin: 0 0.5px; -moz-transform-origin: 0 0.5px; -ms-transform-origin: 0 0.5px; -o-transform-origin: 0 0.5px; transform-origin: 0 0.5px; -webkit-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -webkit-transition-delay: 0s; -moz-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -moz-transition-delay: 0s; -ms-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -ms-transition-delay: 0s; -o-transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); -o-transition-delay: 0s; transition: all 0.8s cubic-bezier(0.5, 0, 0.5, 1); transition-delay: 0s; }
.close-btn a ul li.line0 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.close-btn a ul li.line1 { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.close-btn a ul li.line2 { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.close-btn a ul li.line3 { -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); }

/*part section*/
#section-1 .title-holder { padding: 100px 0 68px 214px; }
#section-1 .title-holder h3 { position: relative; display: inline-block; margin-bottom: 36px; font-family: 'samsungonekorean400'; font-size: 24px; line-height: 24px; }
#section-1 .title-holder h3:after { display: block; content: ''; width: 100%; height: 3px; background: #000; }
#section-1 .title-holder h1 { margin-bottom: 10px; font-family: 'samsungonekorean400'; font-size: 100px; line-height: 100px; }
#section-1 .title-holder h2 { font-family: 'samsungonekorean400'; font-size: 24px; }
#section-1 .key-visual { height: 1074px; }

#section-2 .inner-cont-wrap .txt-box p { font-family: 'samsungonekorean400'; font-size: 18px; line-height: 34px; letter-spacing: -.075em; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1.5s ease-out; -moz-transition: opacity 1.5s ease-out; -ms-transition: opacity 1.5s ease-out; -o-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out; }
#section-2 .inner-cont-wrap .txt-box p.onTrans { opacity: 1; filter: alpha(opacity=100); }

.video { position: relative; }
.video video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: auto; }
.video .poster { position: relative; z-index: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }
.video .btn_play { position: absolute; z-index: 2; display: block; width: 120px; height: 120px; left: 50%; top: 50%; margin-left: -60px; margin-top: -60px; background: url(../img/btn_play.png); will-change: transform,scale; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s ease-out,opacity 0.4s linear; -moz-transition: -moz-transform 0.2s ease-out,opacity 0.4s linear; -ms-transition: -ms-transform 0.2s ease-out,opacity 0.4s linear; -o-transition: -o-transform 0.2s ease-out,opacity 0.4s linear; transition: transform 0.2s ease-out,opacity 0.4s linear; }
.video .btn_play.onPause { background: url(../img/btn_pause.png); }
.video .btn_play.onHide { opacity: 0; filter: alpha(opacity=0); }
.video .btn_play:hover { -webkit-transform: scale(0.83); -moz-transform: scale(0.83); -ms-transform: scale(0.83); -o-transform: scale(0.83); transform: scale(0.83); -webkit-transition: -webkit-transform 0.2s ease-out,opacity 0.2s linear; -moz-transition: -moz-transform 0.2s ease-out,opacity 0.2s linear; -ms-transition: -ms-transform 0.2s ease-out,opacity 0.2s linear; -o-transition: -o-transform 0.2s ease-out,opacity 0.2s linear; transition: transform 0.2s ease-out,opacity 0.2s linear; }

.video.onPlay .poster { opacity: 0; filter: alpha(opacity=0); }

.grid-list-free > ul { overflow: hidden; }
.grid-list-free > ul > li { margin-bottom: 10px; }
.grid-list-free > ul > li.align_l { float: left; }
.grid-list-free > ul > li.align_r { float: right; }
.grid-list-free > ul > li > .grid-box { position: relative; overflow: hidden; }
.grid-list-free > ul > li > .grid-box .grid-mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }
.grid-list-free > ul > li > .grid-box .grid-mask.left { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.grid-list-free > ul > li > .grid-box .grid-mask.right { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.grid-list-free > ul > li > .grid-box .grid-mask.top { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.grid-list-free > ul > li > .grid-box .grid-mask.bottom { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.grid-list-free > ul > li > .grid-box.judge { padding: 15px; }
.grid-list-free > ul > li > .grid-box.judge .content-frame { display: table; width: 100%; height: 100%; border: 1px solid #000; }
.grid-list-free > ul > li > .grid-box.judge .content-frame .content-inner { display: table-cell; vertical-align: middle; }
.grid-list-free > ul > li > .grid-box.judge .content-frame .content-inner h3 { font-family: 'samsungonelatin600'; letter-spacing: -.025em; font-size: 32px; margin-bottom: 30px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1.5s ease-out; -moz-transition: opacity 1.5s ease-out; -ms-transition: opacity 1.5s ease-out; -o-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out; }
.grid-list-free > ul > li > .grid-box.judge .content-frame .content-inner p { padding-left: 6px; font-family: 'samsungonekorean400'; font-size: 18px; letter-spacing: -.075em; line-height: 34px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1.5s 0.2s ease-out; -moz-transition: opacity 1.5s 0.2s ease-out; -ms-transition: opacity 1.5s 0.2s ease-out; -o-transition: opacity 1.5s 0.2s ease-out; transition: opacity 1.5s 0.2s ease-out; }
.grid-list-free > ul > li > .grid-box.judge .content-frame .content-inner p span { margin-left: -6px; }
.grid-list-free > ul > li.onTrans .grid-mask { -webkit-transition: -webkit-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1s cubic-bezier(0.7, 0, 0.2, 1); -o-transition-delay: 0s; transition: transform 1s cubic-bezier(0.7, 0, 0.2, 1); transition-delay: 0s; }
.grid-list-free > ul > li.onTrans .grid-mask.left { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.grid-list-free > ul > li.onTrans .grid-mask.right { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.grid-list-free > ul > li.onTrans .grid-mask.top { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.grid-list-free > ul > li.onTrans .grid-mask.bottom { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.grid-list-free > ul > li.onTrans .grid-box.judge .content-frame .content-inner h3, .grid-list-free > ul > li.onTrans .grid-box.judge .content-frame .content-inner p { opacity: 1; filter: alpha(opacity=100); }

#section-1 .key-visual { background: url(../img/plant_kv_bg.jpg) no-repeat center center; background-size: auto 100%; }
#section-1 .key-visual .inner-cont-wrap { position: relative; height: 100%; }
#section-1 .key-visual .inner-cont-wrap h4 { position: absolute; right: 97px; top: 350px; font-family: 'samsungonekorean600'; font-size: 32px; line-height: 48px; letter-spacing: -.075em; color: #000; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 1.4s .3s linear; -moz-transition: opacity 1.4s .3s linear; -ms-transition: opacity 1.4s .3s linear; -o-transition: opacity 1.4s .3s linear; transition: opacity 1.4s .3s linear; }
#section-1 .key-visual .inner-cont-wrap h4:before { position: absolute; top: 0; left: -34px; display: block; content: '\201C'; font-family: 'samsungonekorean600'; font-size: 60px; }
#section-1 .key-visual .inner-cont-wrap h4:after { position: absolute; bottom: -11px; right: -40px; display: block; content: '\201D'; font-family: 'samsungonekorean600'; font-size: 60px; }
#section-1 .key-visual .inner-cont-wrap h4.onTrans { opacity: 1; filter: alpha(opacity=100); }

#section-2 { padding: 100px 0; }
#section-2 .inner-cont-wrap { padding-left: 214px; }

.grid-list-free > ul > li.grid-list01 .grid-mask { background: #83938a; }
.grid-list-free > ul > li.grid-list02 .grid-mask { background: #eeeeee; }
.grid-list-free > ul > li.grid-list03 .grid-mask { background: #e5e5e5; }
.grid-list-free > ul > li.grid-list04 .grid-mask { background: #d7d8d1; }
.grid-list-free > ul > li.grid-list06 .grid-mask { background: #fdfdfd; }
.grid-list-free > ul > li > .grid-box.judge { width: 604px; height: 407px; background: #e9ebea; }
.grid-list-free > ul > li > .grid-box.judge .content-frame .content-inner { padding-left: 80px; }

/*# sourceMappingURL=plant_life.css.map */