@charset "euc-kr";
.swiper-container { position:relative; width:100%; }
.swiper-container .swiper-slide { position:relative; height:100vh; overflow:hidden; }
.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:35%; left:28%; font-size:54px; font-weight:100; color:rgba(255, 255, 255, 1); letter-spacing:-1px; z-index:9; }
.swiper-container .swiper-slide .title span { font-weight:500; }
.swiper-container .swiper-slide .subtitle { position:absolute; top:43%; left:28%; z-index:9; }
.swiper-container .swiper-slide .subtitle:after { content:''; display:block; width:60px; height:1px; background:rgba(255, 255, 255, .4); margin:30px auto; }
.swiper-container .swiper-slide .text { position:absolute; top:50%; left:28%; max-width:830px; 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 { bottom:295px; left:0; width:20px; height:20px; text-align:center; line-height:20px; 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(177,223,158,1); background:#50883A; }
.swiper-container .swiper-button-prev { left:40px; }
.swiper-container .swiper-button-next { right:40px; }
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next { width:64px; height:64px; line-height:64px; border-radius:50%; color:#FFF; border:2px solid rgba(255,255,255,0.25); 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; border-color:#FFF; background:#FFF; }
.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after { font-size:20px; }
.swiper-container:hover .swiper-button-prev { left:80px; opacity:1; }
.swiper-container:hover .swiper-button-next { right:80px; opacity:1; }
.scrollDown { position:absolute; left:50%; bottom:50px; margin-left:-15px; width:33px; height:20px; z-index:9; }
.sectArea { position:relative; float:left; width:100%; min-height:100%; }
#cplWrap { float:left; width:100%; margin:100px 0 0; }
.cplArea { width:100%; max-width:660px; margin:0 auto; }
.cpl { float:left; position:relative; bottom:-240px; width:248px; height:240px; background:url('../images/couple.png') no-repeat center bottom/contain; text-indent:-9999px; }
.cpl.onView { bottom:0; -webkit-transition:all 1s 1.3s ease-in-out; -moz-transition:all 1s 1.3s ease-in-out; -o-transition:all 1s 1.3s ease-in-out; transition:all 1s 1.3s ease-in-out; }
.reserveInfo { float:right; width:calc(100% - 306px); overflow:hidden; }
.resinfo_t { text-align:left; font-size:26px; font-family:'GmarketSansBold'; margin-left:-210px; }
.resinfo_t span { font-family:'GmarketSansLight'; }
.resinfo_t.onView { margin-left:0; -webkit-transition:all 1s 1.3s ease-in-out; -moz-transition:all 1s 1.3s ease-in-out; -o-transition:all 1s 1.3s ease-in-out; transition:all 1s 1.3s ease-in-out; }
.resinfo_t:after { display:block; content:''; width:50px; height:1px; background:#D2D2D2; margin:25px 0; }
.resinfo_txt { font-size:14px; line-height:1.65em; margin-left:-350px; }
.resinfo_txt.onView { margin-left:0; -webkit-transition:all 1s 1.3s ease-in-out; -moz-transition:all 1s 1.3s ease-in-out; -o-transition:all 1s 1.3s ease-in-out; transition:all 1s 1.3s ease-in-out; }
#com_contents { width:100%; margin:0 0 100px; overflow:hidden; }
.introBg { position:relative; margin:0 auto 90px; width:100%; max-width:1600px; padding:250px 0; background:url(../images/intro_img.jpg) no-repeat center/cover fixed; }
.introBg .introBg_txt { font-size:30px; color:rgba(255,255,255,.6); font-family:'GmarketSansLight'; text-align:center; letter-spacing:-1px; line-height:1.45; }
.introBg .introBg_txt strong { color:rgba(255,255,255,.9); font-family:'GmarketSansMedium'; }
.introDesc { position:relative; display:flex; width:100%; max-width:1200px; margin:-178px auto 0; background:#FFF; border-radius:20px 20px 0 0; }
.introDesc .desc_left { position:relative; width:43%; }
.cntT { width:100%; text-align:center; padding:80px 0 40px; font-size:21px; font-family:'Montserrat'; font-weight:300; color:#777; }
.nd_progress { width:100%; max-width:72%; margin:0 auto; }
.skillbar { position:relative; display:inline-block; width:100%; margin:21px 0; background:rgba(187,187,187,.3); height:3px; border-radius:15px; }
.skillbar-title { position:absolute; left:0; bottom:10px; font-size:12px; color:#888; }
.skillbar-bar { position:absolute; top:0; width:0; height:3px; background:#50883A; border-radius:15px; }
.skill-bar-percent { position:absolute; right:0; bottom:10px; font-size:13px; color:#BBB; }
.introDesc .desc_right { width:57%; font-size:16px; color:#333; text-align:justify; line-height:1.55; padding:82px 60px 50px 0; }
.introDesc .desc_right strong { position:relative; font-family:'GmarketSansBold'; font-size:17px; color:#50883A; }
.introDesc .desc_right p { margin-bottom:35px; }
.introDesc .desc_right p.last { margin-bottom:0; }
#introArea { width:100%; max-width:1200px; margin:34px auto 0; border-top:1px solid rgba(51, 51, 51, 1); }
#intro_table { width:100%; max-width:100%; font-size:15px; }
#intro_table .comt { font-weight:600; color:#000; }
#intro_table .cc { background:rgba(246, 246, 246, 1); }
#intro_table .tt1_con { width:25%; padding:20px 0; text-align:center; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#intro_table .tt2_con { width:75%; padding:20px 0 20px 22px; border-bottom:1px solid #E5E5E5; }
#pf_contents { margin:0 auto; width:100%; background:#F9F9F9; padding:70px 0; overflow:hidden; }
.port_title { margin:0 auto 70px; text-align:center; }
.port_title .port_mTitle { display:block; font-size:50px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-.6px; }
.port_title .port_sTitle { color:#999; font-size:16px; line-height:.3; }
.work { width:100%; max-width:1000px; margin:0 auto; display:flex; justify-content:center; align-items:center; }
.work #choice { width:auto; }
.work #choice li { float:left; }
.work #choice li a { display:block; color:#7F8289; font-size:15px; padding:15px; }
.work #choice li a:hover { color:#333; }
.work #choice li a.selected { color:#000; font-weight:bold; background:url('../room/images/bot_arrow.png') center top no-repeat; }
.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); }
#biz_contents { margin:0 auto; width:100%; max-width:1000px; padding-top:70px; overflow:hidden; }
.biz_title { margin:0 auto 70px; text-align:center; }
.biz_title .biz_mTitle { display:block; font-size:50px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-.6px; }
.biz_title .biz_sTitle { color:#999; font-size:16px; line-height:.3; }
.biz_con { width:100%; max-width:1000px; margin:0 auto; }
.biz_con img { max-width:100%; height:auto; }
#reserve_contents { margin:0 auto; width:100%; max-width:1000px; padding-top:70px; overflow:hidden; }
.reserve_title { margin:0 auto 70px; text-align:center; }
.reserve_title .reserve_mTitle { display:block; font-size:50px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-.6px; }
.reserve_title .reserve_sTitle { color:#999; font-size:16px; line-height:.3; }
.reserve_con { width:100%; max-width:1000px; margin:0 auto; }
.reserve_con img { max-width:100%; height:auto; }
#est_contents { margin:0 auto; width:100%; max-width:1000px; padding-top:34px; overflow:hidden; }
.estimateArea { width:100%; max-width:1000px; margin:0 auto; }
.estimate_t { margin:0 auto 30px; width:100%; max-width:850px; text-align:center; }
.estimate_t .estimate_Txt { margin:0 auto; width:100%; text-align:center; font-size:22px !important; font-family:'GmarketSansMedium'; }
.estimate_con { width:100%; max-width:1000px; margin:0 auto; }
.estimate_con img { max-width:100%; height:auto; }
#cs_contents { margin:0 auto; width:100%; padding-top:70px; overflow:hidden; }
.cs_title { margin:0 auto 70px; text-align:center; }
.cs_title .cs_mTitle { display:block; font-size:50px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-.6px; }
.cs_title .cs_sTitle { color:#999; font-size:16px; line-height:.3; }
.customerArea_2 { margin:0 auto; width:100%; max-width:1000px; border-top:2px solid #353631; }
.customer_t2 { margin:45px auto; width:100%; max-width:850px; font-size:15px; text-align:center; line-height:24px; }
.customer_t2 .customer_2_Txt { width:100%; text-align:center; }
.customer_t2 .customer_2_Txt_b { display:block; text-align:center; font-size:24px; font-weight:700; color:#333; }
.customer_t2:after { display:block; content:''; width:60px; height:1px; background:#999; margin:40px auto; }
.cs_con { width:100%; max-width:1000px; margin:0 auto; }
.csInner { float:left; width:100%; margin:0 auto; }
#cs_table { width:100%; max-width:1000px; }
#cs_table .tt1 { padding:18px 0; font-size:15px; color:#FFF; text-align:center; background:rgba(0,0,0,0.5); }
#cs_table .tt2 { padding:18px 0; font-size:15px; color:#FFF; text-align:center; background:rgba(0,0,0,0.5); }
#cs_table .tt3 { padding:18px 0; font-size:15px; color:#FFF; text-align:center; background:rgba(0,0,0,0.5); }
#cs_table .cc { font-size:22px; font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .dd { font-size:22px; font-weight:500; font-family:'Montserrat'; text-align:center; }
#cs_table .ee { font-size:22px; font-weight:300; font-family:'Montserrat'; text-align:center; }
#cs_table tr:first-child { border-top:0; }
#cs_table .tt1_con { padding:30px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
#cs_table .tt1_con.last { border-right:0; }
#faq_contents { margin:0 auto 110px; width:100%; padding-top:70px; overflow:hidden; }
.faq_title { margin:0 auto 50px; text-align:center; }
.faq_title .faq_mTitle { display:block; font-size:40px; color:#111; font-family:'Montserrat'; font-weight:300; letter-spacing:-.6px; }
.faqWrap { margin:0 auto; width:100%; max-width:1000px; }
.faqCon { width:100%; }
.faqCon h4 { position:relative; width:100%; border-bottom:1px solid #EEE; padding:28px 0; cursor:pointer; }
.faqCon h4 span { color:#333; font-size:20px; font-family:'GmarketSansMedium'; padding-right:6px; }
.faqCon h4 a { font-size:20px; color:#333; }
.faqCon h4.faqlast { border-bottom:0; }
.faqCon h4 .sp_arrow { display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); }
.faqContInner { display:none; background:#F9F9F9; border-bottom:1px solid #EEE; }
.faqContInner.faqConlast { border-top:1px solid #EEE; }
.Inner_2 { display:flex; position:relative; overflow:hidden; }
.Inner_2 span.a_tit { position:absolute; left:38px; top:35px; font-family:'GmarketSansMedium'; font-size:14px; color:#FFF; z-index:1; }
.Inner_2 span.a_tit:after { content:''; width:26px; height:26px; border-radius:100%; background:rgba(80,136,58,1); position:absolute; top:50%; left:50%; transform:translate(-50%, -56%); z-index:-1; }
.Inner_2 span.Inner_2_con { width:auto; font-size:16px; text-align:justify; padding:30px 30px 30px 70px; }
#roadmap_contents { float:left; position:relative; width:100%; height:740px; margin:0; }
#roadmap_contents .nodemap { width:100%; height:740px; }
.map_cont { position:absolute; left:0; top:145px; width:100%; z-index:9; }
.guideWrap { margin:0 auto; }
.guideWrap:before, .guideWrap:after { content:""; display:table; }
.guideWrap:after { clear:both; }
.map_cont .guide { position:absolute; padding:55px; background:rgba(45,88,28,1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.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 { transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; }
.map_cont .guide .clsBtn a:hover i,
.map_cont .guide .clsBtn a:focus i { transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.map_cont .guide .guide_mt { font-size:30px; color:rgba(255, 255, 255, 1); font-weight:700; margin-bottom:25px; }
.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(177,223,158,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; }