@charset "euc-kr";
#mvisImgWrap { position:relative; width:100%; }
.mainVisimg .elem { position:relative; height:100vh; background-repeat:no-repeat; background-size:cover; }
.mainVisimg .elem.visImg_1 { background-image:url(../images/m_vis_1.jpg); }
.mainVisimg .elem.visImg_2 { background-image:url(../images/m_vis_2.jpg); }
.mainVisimg .elem.visImg_3 { background-image:url(../images/m_vis_3.jpg); }
.mainVisimg .elem .visText { position:absolute; top:34%; left:50%; margin-left:-560px; color:#FFF; z-index:5; }
.mainVisimg .elem .visText .vmt { font-size:64px; font-family:'GmarketSansBold'; }
.mainVisimg .elem .visText .vst { font-size:24px; font-family:'GmarketSansLight'; margin:10px 0 30px; line-height:1.45; }
.mainVisimg .elem .visText .viewBtn a { padding:9px 35px; font-size:14px; color:#FFF; background-color:rgba(255,255,255,.25); border-radius:46px; -webkit-transition:.5s all; -moz-transition:.5s all; -o-transition:.5s all; transition:.5s all; }
.mainVisimg .elem .visText .viewBtn a:hover,
.mainVisimg .elem .visText .viewBtn a:focus { color:#333; background-color:rgba(255,255,255, 1); border-radius:0; }
.ctrlArea { position:absolute; top:65%; left:50%; margin-left:-560px; color:#FFF; font-family:'Montserrat'; }
.process_bar { position:relative; display:inline-block; margin:-4px 5px 0; background:rgba(255,255,255,.2); width:300px; height:1px; text-align:center; vertical-align:middle; text-indent:-9999px; overflow:hidden; }
.process_bar:before { content:''; position:absolute; top:0; left:0; height:100%; background:#FFF; -webkit-transition:5s ease-in-out; transition:5s ease-in-out; }
.process_bar.active::before { width:100%; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-name:PROCBAR; animation-name:PROCBAR; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
@-webkit-keyframes PROCBAR { 0% { width:0; } 100% { width:100%; } }
@keyframes PROCBAR { 0% { width:0; } 100% { width:100%; } }
.playStop { display:inline-block; width:9px; height:11px; background:url('../images/controlBtn_hori.png') no-repeat right; margin-left:10px; text-indent:-9999px; overflow:hidden; -moz-transition:.2s ease; -webkit-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; }
.playStop.on { background:url('../images/controlBtn_hori.png') no-repeat left; }
.ctrlArea > em { font-size:14px; margin-left:10px; text-indent:-9999px; }
.ctrlArea > strong.page_divi { font-size:12px; color:rgba(255,255,255,.5); }
.ctrlArea > span { font-size:14px; color:rgba(255,255,255,.5); text-indent:-9999px; }
.visMovie,
.visMovie_2 { position:relative; overflow:hidden; }
.visMovie .videoSrc,
.visMovie_2 .videoSrc { position:absolute; top:0; left:0; width:100vw; height:100vh; object-fit:cover; }
.visMovie .videoMask,
.visMovie_2 .videoMask { position:absolute; top:0; left:0; width:100vw; height:100vh; background:#000; filter:alpha(opacity=40); -khtml-opacity:.4; -moz-opacity:.4; opacity:.4; z-index:4; }
.optbr { display:block; }
.scrollDown { position:absolute; left:50%; bottom:50px; margin-left:-15px; width:33px; height:20px; z-index:9; }
#mainCont { position:relative; width:100%; background:#FFF; }
#noticeArea { margin:0 auto 80px; width:100%; border-bottom:1px solid rgba(0, 0, 0, .1); }
#notice { position:relative; width:100%; max-width:1000px; margin:0 auto; border-left:1px solid rgba(0, 0, 0, .1); border-right:0 solid rgba(0, 0, 0, .1); padding:70px 0 45px; }
#notice:hover > .notice_more a, #notice > .notice_more a:focus { filter:alpha(opacity=1); -khtml-opacity:1; -moz-opacity:1; opacity:1; }
#arrow_bg { position:absolute; left:-1px; top:75px; border:10px solid transparent; border-left:10px solid rgba(255, 255, 255, 1); border-right:none; z-index:2; }
#arrow_bd { position:absolute; left:0; top:75px; border:10px solid transparent; border-left:10px solid rgba(0, 0, 0, .2); border-right:none; z-index:1; }
#notice > p.notice_t { position:absolute; left:62px; font-size:24px; font-family:'GmarketSansBold'; color:#000; }
#notice > .notice_more { position:absolute; top:68px; left:275px; }
#notice > .notice_more a { display:block; width:34px; height:34px; line-height:34px; border-radius:100%; background:rgba(16,71,91,1); font-size:16px; color:#FFF; text-align:center; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; -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 { -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; }
#notice > .notice_more a:hover i, #notice > .notice_more a:focus i { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
#dynamicContWrap { margin-top:120px; overflow:hidden; }
.txtContInner { position:relative; margin:0 auto; width:100%; max-width:980px; }
.contInner { position:relative; margin:0 auto; width:100%; max-width:1000px; }
.dynamicCont_title { font-size:34px; font-family:"GmarketSansMedium"; line-height:1.4; letter-spacing:-.6px; color:#111; }
.dynamicCont_title:after { display:block; content:''; width:80px; height:1px; background:#AAA; margin-top:50px; }
.dynamicCont_title .accent { font-family:"GmarketSansBold"; }
.dynamicCont { margin-top:85px; }
.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%; }
.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 { margin:0; width:110px; display:block; padding:12px 38px 12px 22px; border:1px solid #555; background:#FFF; font-size:14px; font-weight:500; text-align:center; -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(16, 71, 91, 1); color:#FFF; border:1px solid rgba(16, 71, 91, 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 { -webkit-transform:translateX(0%); -ms-transform:translateX(0%); 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 { margin:0; width:110px; display:block; padding:12px 38px 12px 22px; border:1px solid #555; background:#FFF; font-size:14px; font-weight:500; text-align:center; -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(16, 71, 91, 1); color:#FFF; border:1px solid rgba(16, 71, 91, 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; }
#galleryWrap { float:left; width:100%; margin:0 auto; background:#F7F7F7; }
#galleryWrap #toggle { position:relative; width:100%; max-width:1200px; height:80px; margin:0 auto; }
#galleryWrap #toggle:after { content:''; display:block; position:absolute; left:0; bottom:0; width:0; height:1px; background:#404040; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galleryWrap #toggle.on:after { width:26%; }
#galleryWrap #toggle h2.shopOutput { line-height:80px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galleryWrap #toggle h2.shopOutput.on { padding-left:40px; }
#galleryWrap #toggle .hidden { position:none; float:left; padding:50px 0 60px 12px; border-top:1px solid #EEE; overflow:hidden; }
#galleryWrap #toggle #btn-toggle { position:absolute; top:0; right:0; width:80px; height:80px; background:#404040; border-top:1px solid #404040; border-right:1px solid #404040; border-bottom:1px solid #404040; border-left:1px solid #404040; cursor:pointer; }
#galleryWrap #toggle #btn-toggle .toggle-line { display:block; position:absolute; left:50%; width:34px; height:3px; margin-left:-17px; background:#FFF; -webkit-transition:all .25s ease-in; transition:all .25s ease-in; }
#galleryWrap #toggle #btn-toggle .toggle-line.line1 { top:27px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line2 { top:37px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line3 { top:47px; }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line1 { top:38px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line2 { opacity:0; transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px); }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line3 { top:38px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); }
#boxBannerWrap { width:100%; margin:0 auto; padding:0; background:#FFF; }
.boxBanner { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:130px 0 103px; }
.banLeft { float:left; width:calc(100% - 700px); }
.banLeft h3 { font-size:46px; color:#333; font-family:'GmarketSansBold'; letter-spacing:-.8px; }
.banLeft dl { margin-top:0; }
.banLeft dt { font-size:24px; font-family:'GmarketSansMedium'; }
.banLeft dd { font-size:15px; color:#888; font-family:'GmarketSansLight'; }
.banLeft a { display:block; width:200px; margin:30px 0 0; padding:13px 0; font-size:24px; color:#333; font-family:'Montserrat'; font-weight:600; text-align:center; border-top:1px solid #BBB; border-bottom:1px solid #BBB; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); transform:rotateY(0deg); }
.banLeft a:focus,
.banLeft a:hover { color:#FFF; background:#111; border-radius:46px; -webkit-transition:.3s all; -moz-transition:.3s all; -o-transition:.3s all; transition:.3s all; }
.banrightArea { float:right; }
.banrightArea li:nth-child(1) { float:left; width:224px; margin-right:-25px; }
.banrightArea li:nth-child(2) { float:left; width:224px; margin-right:-25px; }
.banrightArea li:nth-child(3) { float:left; width:224px; }
.circle_1_wrap div { overflow:hidden; }
.circle_1 { position:relative; float:right; display:table; width:224px; height:224px; text-align:center; }
.circle_1 > .cir { position:absolute; top:0; left:0; width:216px; height:216px; border-radius:50%; background:transparent; border:3px dotted #BBB; text-indent:-999px; overflow:hidden; -webkit-animation:18s linear infinite rotate; animation:18s linear infinite rotate; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.circle_1 dl { display:table-cell; vertical-align:middle; }
.circle_1 dt { display:none; }
.circle_1 dd { margin-top:5px; color:#222; font-size:20px; font-family:'Montserrat'; font-weight:600; }
.circle_2_wrap div { overflow:hidden; }
.circle_2 { position:relative; float:right; display:table; width:224px; height:224px; text-align:center; background:transparent; }
.circle_2 > .cir_2 { position:absolute; top:0; left:0; width:216px; height:216px; border-radius:50%; background:transparent; border:3px dotted #BBB; text-indent:-999px; overflow:hidden; -webkit-animation:18s linear infinite rotate; animation:18s linear infinite rotate; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.circle_2 dl { display:table-cell; vertical-align:middle; }
.circle_2 dd { display:none; }
.circle_3_wrap div { overflow:hidden; }
.circle_3 { position:relative; float:right; display:table; width:224px; height:224px; text-align:center; background:transparent; }
.circle_3 > .cir_3 { position:absolute; top:0; left:0; width:216px; height:216px; border-radius:50%; background:transparent; border:3px dotted #BBB; text-indent:-999px; overflow:hidden; -webkit-animation:18s linear infinite rotate; animation:18s linear infinite rotate; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.circle_3 dl { display:table-cell; vertical-align:middle; }
.circle_3 dt { display:none; }
.circle_3 dd { margin-top:5px; color:#222; font-size:20px; font-family:'Montserrat'; font-weight:600; }
@keyframes rotate { 0% { transform:rotate(0deg) } 100% { transform:rotate(360deg) } }
@-webkit-keyframes rotate { 0% { transform:rotate(0deg) } 100% { transform:rotate(360deg) } }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:246px; 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; }