@charset "euc-kr";
.txtArea { position:absolute; top:50%; left:50%; text-align:center; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); z-index:9; }
.txtArea small { display:block; font-size:19px; font-weight:normal; }
.txtArea small:first-child { border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:20px; color:rgba(255,255,255,.8); }
.txtArea span { font-size:72px; font-weight:200; color:rgba(255,255,255,1); letter-spacing:-.9px; font-family:'Montserrat',sans-serif; background:linear-gradient(to right,#C8B49A,#F3DEC3); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.txtArea span > strong { font-weight:700; }
#mainVisimgArea { position:relative; height:940px; background:rgba(255,255,255,1); overflow:hidden; }
#mainVisimgArea .visImg { width:100%; }
#mainVisimgArea .visImg .visImg_list li { position:relative; width:100vw; height:auto; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; }
#mainVisimgArea .visImg .visImg_list li img { object-fit:cover; }
#mainVisimgArea .visImg .btnArea { position:absolute; left:2%; top:45%; width:14px; height:8px; z-index:9; }
#mainVisimgArea .visImg .btnArea li { display:block; width:12px; height:auto; padding-bottom:3px; }
#mainVisimgArea .visImg .btnArea li:last-child { padding-bottom:0; }
#mainVisimgArea .visImg .btnArea li img { max-width:100%; height:auto; }
#mainVisimgArea .visImg .btnArea li a { display:block; }
.optbr { display:block; }
#mainCont { position:relative; width:100%; background:rgba(255,255,255,1); overflow:hidden; }
#noticeWrap { position:relative; width:100%; background:rgba(255,255,255,1); z-index:89; }
.noticeCon { width:100%; max-width:1100px; margin:0 auto; }
.noticeCon:before,
.noticeCon:after { content:''; display:block; }
.noticeCon:after { clear:both; }
#notice { position:relative; width:100%; padding:24px 0; border-bottom:1px dashed rgba(0,0,0,.2); background-color:#FFF; }
#notice h3 { float:left; min-width:154px; padding-top:4px; font-size:18px; font-family:'GmarketSansBold'; color:#111; background:url(../images/v_line.gif) right 10px no-repeat; }
#notice h3 a { display:block; color:inherit; }
#notice .noticeRolling { position:relative; top:2px; float:right; width:84%; height:26px; overflow:hidden; }
#notice .noticeLatest { position:relative; top:1px; width:100%; }
#notice .noticeLatest td { padding-top:3px; }
#notice .noticeLatest td[width='1%'] { display:none; }
#notice .noticeLatest td[nowrap] { width:74%; }
#notice .noticeLatest td[align='center'] { font-size:15px; text-align:right !important; font-family:'GmarketSansLight'; color:#A6A8A6; }
#notice .noticeLatest td a { font-size:16px; font-family:'GmarketSansMedium'; color:#555; }
#notice .noticeLatest td a:hover,
#notice .noticeLatest td a:focus { color:#000; }
h3.recomm_mtitle { font-size:28px; color:#333; text-align:center; font-family:'GmarketSansBold'; margin-top:80px; }
.recomm_stitle { font-size:16px; color:#888; text-align:center; line-height:18px; margin-bottom:40px; }
#contArea { margin:0; padding:0; }
.contWrap { margin:0 auto; }
.contWrap:before, .contWrap:after, #elemArea:before, #elemArea:after { content:''; display:table; }
.contWrap:after, #elemArea:after { clear:both; }
#elemArea { margin:0 auto; }
#elemArea li { padding-right:3px; }
#elemArea li:last-child { padding-right:0; }
#elemArea li { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#elemArea li:before, 
#elemArea li:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#elem { position:relative; height:550px; overflow:hidden; }
#elem a.all_link { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0); text-indent:-99999px; z-index:99; }
#elem.elem_1 { background:url('../images/elem_img1.jpg') center center no-repeat; -webkit-background-size:cover; background-size:cover; }
#elem.elem_2 { background:url('../images/elem_img2.jpg') center center no-repeat; -webkit-background-size:cover; background-size:cover; }
#elem.elem_3 { background:url('../images/elem_img3.jpg') center center no-repeat; -webkit-background-size:cover; background-size:cover; }
#elem .elem_titleArea { position:absolute; bottom:0; left:0; width:100%; padding:20px 0; background:rgba(125,105,79,1); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; }
#elem:hover .elem_titleArea { bottom:-90px; }
#elem .elem_titleArea .title_1 { font-size:20px; font-weight:400; text-align:center; }
#elem .elem_titleArea .title_1 a { display:block; color:#FFF; }
#elem .on_txtArea { position:absolute; left:0; top:0; width:auto; height:100%; padding:40px 30px 0 30px; background:rgba(125,105,79,1); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; }
#elem:hover .on_txtArea { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; }
#elem .on_txtArea .imgArea { display:none; }
#elem .on_txtArea .imgArea img { max-width:100%; height:auto; }
#elem .on_txtArea .on_title_1 { font-size:20px; font-weight:400; color:rgba(255,255,255,1); text-align:center; }
#elem .on_txtArea .on_txt { padding:30px 0; margin:30px 0; font-size:15px; color:#FFF; border-top:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255, 255, 255, 0.3); text-align:justify; }
#elem .on_txtArea .picto { position:absolute; bottom:130px; left:50%; width:auto; margin-left:-19px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; z-index:100; }
#elem:hover .picto,
#elem:focus .picto { bottom:100px; }
#elem .on_txtArea .picto a { display:block; width:36px; height:36px; line-height:36px; font-size:26px; color:#FFF; text-align:center; border:1px solid #FFF; -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; }
#elem .on_txtArea .picto a:hover,
#elem .on_txtArea .picto a:focus { background:#FFF; color:rgba(125,105,79,1); }
#dynamicContWrap { overflow:hidden; }
.contInner { position:relative; margin:0 auto; width:1000px; }
.dynamicCont { margin-top:100px; }
.dynamicCont .dynamic_item { position:relative; min-height:100vh; }
.dynamicCont .dynamic_item .contInner { padding:250px 0; }
.dynamicCont .dynamic_item .imgWrap { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }
.dynamicCont .dynamic_item .imgWrap .imgCont { position:absolute; left:0; top:0; width:100%; max-width:100vw; height:100vh; text-indent:-9999px; display:flex; align-items:center; justify-content:center; }
.dynamicCont .dynamic_item .dynamicViewWrap { position:relative; background-color:transparent; }
.dynamicCont .dynamic_item .dynamicViewWrap .dynamicView_title { margin-top:120vh; padding-left:calc(45% + 0px); }
.dynamicCont .dynamic_item .dynamicViewWrap .dynamicView_title .dynamicView_mTitle { font-size:50px; color:#111; font-family:'Montserrat'; font-weight:700; letter-spacing:-.6px; }
.dynamicCont .dynamic_item .dynamicViewWrap .dynamicView_title .dynamicView_sTitle { color:#999; font-size:16px; line-height:.3; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap { margin-top:70px; padding-left:calc(45% + 0px); }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .dymlist { position:relative; padding:50px 0; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .dymlist:after { display:block; content:''; position:absolute; bottom:0; left:50%; width:0; height:1px; background:#E2E2E2; -webkit-transition:all .5s ease-out; -o-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .dymlist:last-child:after { display:none; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .dymlist.active:after { width:100%; margin-left:-50%; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .dymlist:first-child { padding-top:0; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .bizBtnArea a { position:relative; margin:0; width:110px; display:block; padding:12px 38px 12px 22px; border:1px solid #555; background:#FFF; font-size:14px; font-weight:bold; text-align:center; z-index:2; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .bizBtnArea a:hover,
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .bizBtnArea a:focus { padding:12px 38px 12px 32px; background:rgba(125,105,79,1); color:#FFF; border:1px solid rgba(125,105,79,1); border-radius:46px; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .bizBtnArea 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); }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .bizBtnArea a:hover i,
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .bizBtnArea a:focus i { transform:translateX(0%); -ms-transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1; filter:alpha(opacity=100); }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .dymlist .dym_mt { font-size:22px; font-family:'GmarketSansBold'; color:#1F1F1F; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .dymlist .dym_st { font-size:16px; line-height:1.8; color:#777; word-break:keep-all; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .dymlist .dym_st .dym_items { margin-top:0; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .dymlist .dym_st .dym_items:first-child { margin-top:20px; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .qaArea { width:auto; padding:46px 0; border:1px solid #DDD; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .qaArea .qa_item_1 { font-size:22px; font-family:'GmarketSansBold'; color:#1F1F1F; padding-left:70px; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .qaArea .qa_item_2 { font-size:22px; font-family:'GmarketSansMedium'; color:#1F1F1F; padding-left:70px; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .mailArea { width:auto; margin-top:15px; padding:46px 0; border:1px solid #DDD; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .mailArea .mail_item_1 { font-size:22px; font-family:'GmarketSansBold'; color:#1F1F1F; padding-left:70px; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .mailArea .mail_item_2 { font-size:22px; font-family:'Montserrat'; color:#1F1F1F; padding-left:90px; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .recBtnArea { padding-top:60px; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .recBtnArea a { position:relative; margin:0; width:110px; display:block; padding:12px 38px 12px 22px; border:1px solid #555; background:#FFF; font-size:14px; font-weight:bold; text-align:center; z-index:2; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .recBtnArea a:hover,
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .recBtnArea a:focus { padding:12px 38px 12px 32px; background:rgba(125,105,79,1); color:#FFF; border:1px solid rgba(125,105,79,1); border-radius:46px; }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .recBtnArea 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); }
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .recBtnArea a:hover i,
.dynamicCont .dynamic_item .dynamicViewWrap .dymlistWrap .recBtnArea a:focus i { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); opacity:1; filter:alpha(opacity=100); }
.dynamicCont .dynamic_item:first-child .imgCont { background:url(../images/dynamic_bg_1.jpg) center center/cover no-repeat; }
.dynamicCont .dynamic_item:last-child .imgCont { background:url(../images/dynamic_bg_2.jpg) center center/cover no-repeat; }
.dynamicCont .dynamic_item:first-child .contInner,
.dynamicCont .dynamic_item:last-child .contInner { padding-bottom:40vh; }
.dynamicCont .dynamic_item:nth-child(even) .dynamicViewWrap .dynamicView_title { padding-left:0; padding-right:calc(45% + 0px); }
.dynamicCont .dynamic_item:nth-child(even) .dynamicViewWrap .dymlistWrap { padding-left:0; padding-right:calc(45% + 0px); }
.dynamicCont .dynamic_item:nth-child(even) .imgCont { left:auto !important; right:0 !important; }
.dynamicCont .dynamic_item:nth-child(3) .dynamicViewWrap .dynamicView_title { padding-left:0; padding-right:calc(45% + 0px); }
.dynamicCont .dynamic_item:nth-child(3) .dynamicViewWrap .dymlistWrap { padding-left:0; padding-right:calc(45% + 0px); }
.dynamicCont .dynamic_item:nth-child(3) .imgCont { left:auto !important; right:0 !important; }
.counter_item { position:relative; padding:120px 0; background:#FFF; z-index:2; }
#cntArea { display:flex; justify-content:center; align-items:center; }
#cntArea ul#cntWrap { width:100%; max-width:1200px; }
#cntArea ul#cntWrap li { float:left; width:100%; max-width:24.9%; margin-right:0; border-right:1px dotted #CCC; }
#cntArea ul#cntWrap li:last-child { border-right:0; }
#cntArea ul#cntWrap li .num { font-size:64px; color:rgba(125,105,79,1); font-family:'Montserrat'; font-weight:600; text-align:center; padding-bottom:10px; }
#cntArea ul#cntWrap li p.des { color:#777; font-size:16px; font-weight:300; text-align:center; }
#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:200px; padding:55px; background:rgba(125,105,79,1); }
.map_cont .guide .clsBtn { position:absolute; top:0; right:0; }
.map_cont .guide .clsBtn a { display:block; width:35px; height:35px; line-height:35px; font-size:17px; text-align:center; background:rgba(255, 255, 255, 1); color:rgba(58, 81, 13, 1); }
.map_cont .guide .clsBtn a i { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); -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,.2); }
.map_cont .guide .guide_info .info_t { font-size:18px; color:rgba(200,180,154,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; }
.viewBtn { margin-top:30px; }
.viewBtn a { display:block; width:160px; font-size:15px; color:#FFF; text-align:center; padding:10px 0; border:1px solid #FFF; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.viewBtn a:hover { color:rgba(125,105,79,1); background:#FFF; }
.nodepop { position:absolute; width:540px; height:100%; left:50%; top:270px; margin-left:-270px; z-index:9; }
#popWrapper { float:left; width:540px; }
#popWrapper .popImg { width:540px; height:100%; }
#popWrapper .popImg img { border-radius:12px 12px 0 0; }
#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; }