@charset "euc-kr";
.sect_1 { width:100%; height:100vh; overflow:hidden; }
.flexslider { position:relative; width:100%; height:100vh; }
.flexslider .slides img { width:100vw; height:100vh; object-fit:cover; }
.slides { position:relative; width:100%; height:100%; text-align:center; overflow:hidden; }
.slides .txtWrap { position:relative; width:100%; height:100%; z-index:9; }
.slides .txtWrap .txt { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:1200px; text-align:left; }
.slides .txtWrap .txt .viewBtn { margin-top:50px; }
.slides .txtWrap .txt .viewBtn a { padding:13px 38px 14px 22px; width:100px; font-size:16px; color:#FFF; border:1px solid rgba(255,255,255,.7); -webkit-transition:.3s all; -moz-transition:.3s all; -o-transition:.3s all; transition:.3s all; }
.slides .txtWrap .txt .viewBtn a:hover,
.slides .txtWrap .txt .viewBtn a:focus { padding:13px 38px 14px 34px; color:#333; background-color:rgba(255,255,255,1); }
.slides .txtWrap .txt .viewBtn a i { -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; opacity:0; filter:alpha(opacity=0); }
.slides .txtWrap .txt .viewBtn a:hover i,
.slides .txtWrap .txt .viewBtn a:focus i { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); opacity:1; filter:alpha(opacity=100); }
.slides .txtWrap .txt .txt_group1 { float:left; margin-left:0%; }
.slides .txtWrap .txt .txt_group2 { float:right; margin-right:0%; }
.slides .txtWrap .txt .txt_group3 { float:left; margin-left:0%; }
.slides .txtWrap .txt .txt_group4 { float:right; margin-right:0%; }
.slides .txtWrap .txt .txt01 { font-size:62px; font-family:'GmarketSansBold'; color:rgba(240,174,146,1); }
.slides .txtWrap .txt .txt01 span { font-family:'GmarketSansLight'; }
.slides .txtWrap .txt .txt02 { font-size:20px; font-family:'GmarketSansLight'; color:rgba(255,255,255,.7); }
.slides .txtWrap1 { left:0; top:444px; }
.slides .txtWrap2 { left:0; top:444px; }
.slides .txtWrap3 { left:0; top:444px; }
.slides .txtWrap4 { left:0; top:444px; }
.flex-direction-nav a:before { font-size:14px; }
.flex-direction-nav a.flex-prev { left:60px !important; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.flex-direction-nav a.flex-next { right:60px !important; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
.flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-next { width:64px; height:64px; line-height:64px; border-radius:50%; color:#FFF; border:2px solid rgba(255,255,255,.2); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all 0.3s ease; transition:all .3s ease; }
.flex-direction-nav a.flex-prev:hover,
.flex-direction-nav a.flex-next:hover { border-color:#FFF; background:#FFF; }
.flexslider:hover .flex-direction-nav a.flex-prev { left:80px !important; }
.flexslider:hover .flex-direction-nav a.flex-next { right:80px !important; }
.scrollDown { position:absolute; left:50%; top:91vh; 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:92vh; }50%{ top:91vh; }100%{ top:92vh; }}
@-webkit-keyframes scrollanim { 0%{ top:92vh; }50%{ top:91vh; }100%{ top:92vh; }}
.optbr { display:block; }
.sect_2 { position:relative; width:100%; height:100vh; background:#00121C url(../images/business_bg.png) no-repeat center/cover; }
.sect_2 h3.recomm_mtitle { position:absolute; left:50%; top:100px; margin-left:-104px; padding:14px 32px 10px; font-size:20px; color:#FFF; font-family:'Montserrat'; font-weight:400; background:rgba(175,105,75,1); }
.product_Slide { width:100%; max-width:1400px; margin:0 auto; }
.product_Slide .slick-arrow { display:block; width:20px; height:39px; position:absolute; top:75px; left:50%; text-indent:-9999px; border:none; background-size:contain; background-color:transparent; cursor:pointer; overflow:hidden; z-index:9; }
.product_Slide .slick-prev { background:url(../images/ico_prev.png); background-position:top right; margin-left:-20%; -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-in-out; }
.product_Slide .slick-prev:hover { background-position:top left; }
.product_Slide .slick-next { background:url(../images/ico_next.png); background-position:top left; margin-left:18%; -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-in-out; }
.product_Slide .slick-next:hover { background-position:top right; }
.product_Slide .hisCont { padding:0 30px; box-sizing:border-box; }
.product_Slide li { width:100%; max-width:476px; }
.product_Slide li:focus { outline:none; }
.product_Slide li .pname { height:150px; text-align:center; }
.product_Slide li .pname .hisCont { display:table; width:100%; height:100%; border-bottom:0px solid rgba(255, 255, 255, .2); }
.product_Slide li .pname span { display:table-cell; font-size:32px; color:rgba(255, 255, 255, .3); font-weight:100; font-family:'Montserrat', sans-serif; vertical-align:middle; transition:all .5s; }
.product_Slide li.slick-center .pname span { font-size:56px; color:rgba(240,174,146,1); font-weight:600; font-family:'Montserrat', sans-serif; vertical-align:middle; }
.product_Slide li .pimages { overflow:hidden; margin-top:10px; }
.product_Slide li .pimages .hisCont > a { position:relative; display:block; z-index:-1; }
.product_Slide li .pimages .hisCont > a:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background:rgba(0, 0, 0, .6); opacity:1; z-index:1; transition:all .5s; }
.product_Slide li .pimages .hisCont > a > img { max-width:100%; height:auto; border-radius:10px; transition:all .5s; }
.product_Slide li.slick-center .pimages .hisCont > a { z-index:1; }
.product_Slide li.slick-center .pimages .hisCont > a:before { opacity:0; }
.product_Slide li .ptexts { font-size:14px; color:rgba(255, 255, 255, .5); line-height:1.6; padding:20px 0; transition:all .5s; }
.product_Slide li.slick-center .ptexts { color:#FFF; }
.sect_3 { width:100%; height:100vh; background:rgba(252,250,246,1); }
.qsTit { position:relative; top:30px; width:350px; margin:0 auto; text-align:center; font-size:42px; letter-spacing:-1px; background:rgba(252,250,246,1); }
.qsTit .qsTit_1 { color:#E71613; font-size:50px; font-weight:bold; }
.qsTit .qsTit_2 { color:#FC6305; font-weight:bold; }
#qsArea { width:100%; max-width:1100px; margin:0 auto; padding:100px 0; border-top:1px solid rgba(68,68,68,.1); border-bottom:1px solid rgba(68,68,68,.1); }
#qsArea .qsCont { position:relative; width:100%; }
#qsArea .qsCont .prev-btn a { position:absolute; top:50%; transform:translate(0, -50%); left:0; width:60px; height:60px; border-radius:50%; text-align:center; line-height:61px; border:1px solid #E1E1E1; background:transparent; -webkit-transition:.3s ease; -moz-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; }
#qsArea .qsCont .prev-btn a i { font-size:14px; color:#000; }
#qsArea .qsCont .prev-btn a:hover,
#qsArea .qsCont .prev-btn a:focus { border:1px solid #4C4C4C; background:#4C4C4C; }
#qsArea .qsCont .prev-btn a:hover i,
#qsArea .qsCont .prev-btn a:focus i { color:#FFF; }
#qsArea .qsCont .next-btn a { position:absolute; top:50%; transform:translate(0, -50%); right:0; width:60px; height:60px; border-radius:50%; text-align:center; line-height:61px; border:1px solid #E1E1E1; background:transparent; -webkit-transition:.3s ease; -moz-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; }
#qsArea .qsCont .next-btn a i { font-size:14px; color:#000; }
#qsArea .qsCont .next-btn a:hover,
#qsArea .qsCont .next-btn a:focus { border:1px solid #4C4C4C; background:#4C4C4C; }
#qsArea .qsCont .next-btn a:hover i,
#qsArea .qsCont .next-btn a:focus i { color:#FFF; }
#qsArea .qsCont .itemWrap { width:100%; max-width:840px; margin:0 auto; }
#qsArea .qsCont .itemWrap li { display:none; }
#qsArea .qsCont .itemWrap li:first-child { display:block; }
#qsArea .qsCont .title { padding:0 0 10px 0; font-size:24px; color:#111; font-weight:bold; }
#qsArea .qsCont .cont { padding:0; font-size:18px; color:#828282; line-height:1.52; overflow:hidden; }
#qsArea .qsCont .qsBtnArea { width:100%; }
#qsArea .qsCont .qsBtnArea a { margin-top:30px; width:100px; display:block; padding:13px 38px 14px 22px; color:#FFF; background:rgba(175,105,75,1); font-size:16px; text-align:center; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#qsArea .qsCont .qsBtnArea a:hover,
#qsArea .qsCont .qsBtnArea a:focus { padding:13px 38px 14px 32px; }
#qsArea .qsCont .qsBtnArea a i { -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; opacity:0; filter:alpha(opacity=0); }
#qsArea .qsCont .qsBtnArea a:hover i,
#qsArea .qsCont .qsBtnArea a:focus i { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); opacity:1; filter:alpha(opacity=100); }
.sect_4 { 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(175,105,75,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_5 { width:100%; height:100vh; }
#roadmap_contents { float:left; width:100%; height:100vh; margin:0; }
#roadmap_contents .nodemap { position:relative; width:100%; height:100vh; }
.map_cont { position:relative; z-index:9; }
.guideWrap { margin:0 auto; }
.guideWrap:before, .guideWrap:after { content:''; display:table; }
.guideWrap:after { clear:both; }
.map_cont .guide { position:absolute; left:50%; margin-left:110px; bottom:243px; padding:55px; background:rgba(132,71,45,1); }
.map_cont .guide .clsBtn { position:absolute; top:0; right:0; }
.map_cont .guide .clsBtn a { display:block; width:34px; height:34px; line-height:34px; font-size:17px; text-align:center; background:rgba(255, 255, 255, 1); color:rgba(58, 81, 13, 1); border:1px solid rgba(255, 255, 255, 1); }
.map_cont .guide .clsBtn a i { -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; }
.map_cont .guide .clsBtn a:hover i,
.map_cont .guide .clsBtn a:focus i { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
.map_cont .guide .guide_mt { font-size:30px; color:rgba(255, 255, 255, 1); font-weight:700; margin-bottom:20px; }
.map_cont .guide .guide_info.addr { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid rgba(255, 255, 255, 0.2); }
.map_cont .guide .guide_info .info_t { font-size:18px; color:rgba(240,174,146,1); font-weight:700; margin-bottom:5px; }
.map_cont .guide .guide_info li,
.map_cont .guide .guide_info li.picto { font-size:15px; color:#FFF; font-weight:300; line-height:1.7; }
.map_cont .guide .guide_info li.picto i { font-size:13px !important; padding-right:2px; }
.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; }