@charset "euc-kr";
.sect_1 { width:100%; height:100vh; overflow:hidden; }
.swiper-container { position:relative; width:100vw; }
.swiper-container .swiper-slide { position:relative; height:100vh; }
.swiper-container .swiper-slide .visImg_mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=10); -khtml-opacity:.1; -moz-opacity:.1; opacity:.1; z-index:8; }
.swiper-container .swiper-slide .title { position:absolute; top:50%; transform:translate(0, -50%); left:31%; margin-top:-110px; font-size:64px; font-weight:100; text-shadow:0 0 3px #333; color:rgba(255, 255, 255, 1); letter-spacing:-1px; z-index:9; }
.swiper-container .swiper-slide .title span { font-weight:700; color:rgba(208,195,131,1); }
.swiper-container .swiper-slide .text { position:absolute; top:50%; transform:translate(0, -50%); left:31%; max-width:800px; font-size:20px; font-family:'GmarketSansLight'; color:rgba(255, 255, 255, .7); line-height:1.45; z-index:9; }
.swiper-container .swiper-slide img { width:100%; height:100vh; object-fit:cover; }
.swiper-container .swiper-pagination-bullet { width:20px; height:20px; line-height:20px; text-align:center; font-size:10px; color:rgba(0,0,0,0); opacity:0; background:rgba(0,0,0,.2); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
.swiper-container:hover .swiper-pagination-bullet { opacity:1; }
.swiper-container .swiper-pagination-bullet-active { color:rgba(255,255,255,1); background:rgba(119,140,0,1); }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom:14vh; }
.swiper-container .swiper-button-prev { left:45px; }
.swiper-container .swiper-button-next { right:45px; }
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next { width:56px; height:56px; line-height:56px; border-radius:50%; color:#FFF; background:rgba(255,255,255,.1); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
.swiper-container .swiper-button-prev:hover,
.swiper-container .swiper-button-next:hover { color:#000; background:rgba(255,255,255,1); }
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after { font-size:10px; }
.swiper-container:hover .swiper-button-prev { left:37px; opacity:1; }
.swiper-container:hover .swiper-button-next { right:37px; opacity:1; }
.scrollDown { position:absolute; left:50%; top:90vh; margin-left:-15px; width:33px; height:20px; z-index:9; -webkit-animation:scrollanim .8s ease-in-out .8s infinite normal; -moz-animation:scrollanim .8s ease-in-out .8s infinite normal; animation:scrollanim .8s ease-in-out .8s infinite normal; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; }
@keyframes scrollanim { 0%{ top:91vh; }50%{ top:90vh; }100%{ top:91vh; }}
@-webkit-keyframes scrollanim { 0%{ top:91vh; }50%{ top:90vh; }100%{ top:91vh; }}
.optbr { display:block; }
.sect_2 { width:100%; height:100vh; background:rgba(208,195,131,.1); }
.sect_2 h3.recomm_mtitle { font-size:30px; color:#333; text-align:center; font-family:'GmarketSansBold'; }
.sect_2 .recomm_stitle { font-size:16px; color:#888; text-align:center; line-height:16px; margin-bottom:40px; }
.TtbanWrap { position:relative; width:100%; max-width:1200px; margin:0 auto; }
.TtbanWrap:before,
.TtbanWrap:after { content:''; display:block; }
.TtbanWrap:after { clear:both; }
.Ttban { position:relative; float:left; width:100%; }
.Ttban .Ttban_items { display:flex; flex-wrap:wrap; justify-content:flex-start; white-space:nowrap; overflow:hidden; -webkit-transition:all 1s 1s; -moz-transition:all 1s 1s; -o-transition:all 1s 1s; transition:all 1s 1s; }
.Ttban .Ttban_items li { position:relative; width:33.333%; height:500px; text-align:center; overflow:hidden; cursor:pointer; box-sizing:border-box; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; }
.Ttban .Ttban_items li .Ttban_bg { position:absolute; top:0; left:50%; width:600px; margin-left:-300px; }
.Ttban .Ttban_items li .Ttban_bg:before { position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:#000; opacity:.3; transition:opacity .5s ease-out; z-index:9; }
.Ttban .Ttban_items li .Ttban_bg > img { display:block; max-width:100%; height:auto; }
.Ttban .Ttban_items li .Ttban_info { position:relative; top:35%; padding:0 30px; transition:top .3s ease-out; z-index:99; }
.Ttban .Ttban_items li .Ttban_info i { font-size:60px; color:#FFF; text-align:center; }
.Ttban .Ttban_items li .Ttban_info span { display:block; font-size:13px; color:#D1D1D1; margin:5px 0 5px; }
.Ttban .Ttban_items li .Ttban_info h3 { font-size:20px; font-family:'GmarketSansLight'; color:rgba(255, 255, 255, .7); }
.Ttban .Ttban_items li .Ttban_info .picto { position:absolute; top:35%; left:50%; width:auto; margin:30px 0 0 -23px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; }
.Ttban .Ttban_items li:hover .picto, .Ttban .Ttban_items li:focus .picto { top:100%; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; }
.Ttban .Ttban_items li .Ttban_info .picto a i { display:block; width:40px; height:40px; line-height:40px; font-size:30px; color:rgba(255, 255, 255, .5); text-align:center; border:2px solid rgba(255, 255, 255, .5); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; }
.Ttban .Ttban_items li .Ttban_info .picto a:hover i,
.Ttban .Ttban_items li .Ttban_info .picto a:focus i { background:rgba(255, 255, 255, 1); color:rgba(0, 0, 0, 1); }
.nd_grid_1 > * { width:33.3333334%; }
.sect_3 { width:100%; height:100vh; background:rgba(247,247,247,1); }
#noticeArea { width:100%; max-width:1200px; height:100vh; margin:0 auto; border-left:1px solid rgba(0,0,0,.1); }
#notice { position:relative; top:30%; width:100%; }
#arrow_bg { position:absolute; left:-1px; top:9px; border:10px solid transparent; border-left:10px solid rgba(247,247,247,1); border-right:none; z-index:2; }
#arrow_bd { position:absolute; left:0; top:9px; border:10px solid transparent; border-left:10px solid rgba(0,0,0,.2); border-right:none; z-index:1; }
#notice > h3.notice_t { margin:0 0 0 82px; font-size:30px; color:#333; font-family:'GmarketSansBold'; }
#notice > .notice_more { position:absolute; left:350px; top:2px; }
#notice > .notice_more a { display:block; width:35px; height:35px; line-height:35px; border-radius:100%; background:rgba(119,140,0,1); font-size:16px; color:#FFF; text-align:center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
#notice > .notice_more a i { -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; }
#notice > .notice_more a:hover i, 
#notice > .notice_more a:focus i { -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); }
#notice .cont { width:100%; margin-top:15px; }
.sect_4 { width:100%; height:100vh; background:rgba(208,195,131,.1); }
.sect_4 h3.recomm_mtitle { font-size:30px; color:#333; text-align:center; font-family:'GmarketSansBold'; margin-top:70px; }
.sect_4 .recomm_stitle { font-size:16px; color:#888; text-align:center; line-height:18px; margin-bottom:40px; }
.container { width:100%; max-width:1000px; margin:0 auto; }
.portfolio-thumbs { position:relative; margin:0 5px 5px 0; overflow:hidden; cursor:pointer; }
.portfolio-thumbs a + img { width:100%; }
.portfolio-thumbs .hover-wrap { display:block; position:absolute; width:100%; height:100%; -webkit-transition:all 450ms ease-out 0s; -moz-transition:all 450ms ease-out 0s; -o-transition:all 450ms ease-out 0s; transition:all 450ms ease-out 0s; -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); opacity:0; filter:alpha(opacity=0); }
.portfolio-thumbs a:focus,
.portfolio-thumbs:hover .hover-wrap,
.portfolio-thumbs.active .hover-wrap { -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); opacity:1; filter:alpha(opacity=100); }
.portfolio-thumbs .hover-wrap .overlay-img { position:absolute; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); }
.portfolio-thumbs .hover-wrap .overlay-img-thumb { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; color:#FFF; font-size:32px; line-height:1em; opacity:1; filter:alpha(opacity=100); }
.sect_4 .btn-wrap { margin:50px auto 0; width:8%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.sect_4 .btn-wrap > a { position:relative; display:block; padding:13px 0; font-size:14px; color:#333; text-align:center; border:1px solid rgba(119,140,0,1); z-index:9; }
.sect_4 .btn-wrap > a:before { content:''; position:absolute; top:0; right:0; width:100%; height:0; background:rgba(119,140,0,1); -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-out; transform:scale(1, 1); z-index:-90; }
.sect_4 .btn-wrap:hover > a:before,
.sect_4 .btn-wrap > a:focus:before { left:0; right:auto; height:100%; transform:scale(1, 1); }
.sect_4 .btn-wrap a i { padding-left:12px; }
.sect_4 .btn-wrap a:hover,
.sect_4 .btn-wrap a:focus { color:#FFF; }
.sect_5 { width:100%; height:100vh; background:rgba(239,248,190,.2) url(../images/business_bg.png) no-repeat center/cover; }
#cs_contents { margin:0 auto; width:100%; overflow:hidden; }
.cs_title { margin:0 auto 30px; text-align:center; }
.cs_title .cs_mTitle { display:block; font-size:54px; color:rgba(0,0,0,1); font-family:'Montserrat'; font-weight:600; letter-spacing:-.6px; }
.customerArea_2 { margin:0 auto; width:100%; max-width:1200px; border-top:1px solid rgba(85,85,85,.2); }
.customer_t2 { margin:35px auto 0; width:100%; max-width:850px; text-align:center; }
.customer_t2 span { display:block; text-align:center; font-size:30px; font-weight:500; color:rgba(34,34,34,.9); padding-bottom:10px; }
.customer_t2 .customer_2_Txt { width:100%; text-align:center; font-size:18px; color:rgba(51,51,51,.8); line-height:1.5; }
.cs_con { width:100%; max-width:1200px; margin:50px auto 0; }
.csInner { float:left; width:100%; margin:0 auto; }
#cs_table { width:100%; max-width:1200px; }
#cs_table .tt1 { padding:20px 0; font-size:18px; font-weight:400; color:rgba(255,255,255,.8); text-align:center; background:rgba(84,99,0,1); }
#cs_table .tt2 { padding:20px 0; font-size:18px; font-weight:400; color:rgba(255,255,255,.8); text-align:center; background:rgba(84,99,0,1); }
#cs_table .tt3 { padding:20px 0; font-size:18px; font-weight:400; color:rgba(255,255,255,.8); text-align:center; background:rgba(84,99,0,1); }
#cs_table .cc { font-size:24px; color:rgba(85,85,85,1); font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .dd { font-size:24px; color:rgba(85,85,85,1); font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .ee { font-size:24px; color:rgba(85,85,85,1); font-weight:400; font-family:'Montserrat'; text-align:center; }
#cs_table tr:first-child { border-top:0; }
#cs_table .tt1_con { padding:30px; border-right:1px solid rgba(85,85,85,.2); border-bottom:1px solid rgba(85,85,85,.2); }
#cs_table .tt1_con.last { border-right:0; }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:176px; margin-left:-270px; z-index:9; }
#popWrapper { float:left; width:540px; }
#popWrapper .popImg { width:540px; height:300px; }
#popWrapper .popFooter { position:relative; background:#000; height:38px; }	
#popWrapper .popFooter .to_cls { position:absolute; right:60px; line-height:38px; }
#popWrapper .popFooter .to_cls input { vertical-align:middle; margin-right:4px; }
#popWrapper .popFooter .to_cls label { color:#BBB; font-size:12px; cursor:pointer; }
#popWrapper .popFooter .cls { position:absolute; top:0; right:0; }