@charset "euc-kr";
.swiper-container { position:relative; width:100%; background:rgba(0,0,0,1); overflow:hidden; }
.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:50%; transform:translate(0, -50%); left:31%; margin-top:-110px; font-size:80px; font-weight:700; font-family:'Play', sans-serif; background:linear-gradient(to right,#7EC1F4,#D8EEFF); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition-delay:.5s; transition-delay:.5s; z-index:9; }
.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.5; margin-top:20px; opacity:0; filter:alpha(opacity=0); -webkit-transition-delay:.6s; transition-delay:.6s; z-index:9; }
.swiper-container .swiper-slide-active .title,
.swiper-container .swiper-slide-active .text { opacity:1; filter:alpha(opacity=100); }
.swiper-container .swiper-slide img { width:100%; height:100vh; object-fit:cover; }
.swiper-container .swiper-slide .iframeWrap { position:relative; overflow:hidden; width:100vw; height:100vh; }
.swiper-container .swiper-slide .iframeWrap:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=30); -khtml-opacity:.3; -moz-opacity:.3; opacity:.3; z-index:8; }
.swiper-container .swiper-slide .iframeWrap iframe { position:absolute; top:50%; left:50%; width:100vw; height:100vh; transform:translate(-50%, -50%); border:none; }
.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(0,143,197,1); }
.swiper-container .swiper-pagination-bullets { bottom:6%; }
.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:0%; 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; }
.swiper-container .swiper-button-next.swiper-button-disabled, 
.swiper-container .swiper-button-prev.swiper-button-disabled { opacity:0 !important; }
@media (min-aspect-ratio: 16/9){.swiper-container .swiper-slide .iframeWrap iframe{height:56.25vw;}}
@media (max-aspect-ratio: 16/9){.swiper-container .swiper-slide .iframeWrap iframe {width:177.78vh;}}
.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 { padding:24px 0 23px; background:#F7F7F7; }
#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; }
.main_prodcts { position:relative; width:100%; padding:80px 0 100px; background:rgba(255,255,255,1); z-index:89; }
.main_prodcts h3 { font-size:30px; color:#333; text-align:center; font-family:'Montserrat', sans-serif; margin-bottom:25px; }
#galloutWrap { width:100%; }
#galloutWrap .board_output { width:100%; max-width:1300px; margin:0 auto; font-size:13px; color:#555; overflow:hidden; }
#galloutWrap .board_output table { width:100%; }
#galloutWrap .board_output table br { display:none; }
#galloutWrap .board_output table[cellpadding='2'] { padding:0 !important; }
#galloutWrap .board_output table[width='98%'] { width:100% !important; }
#galloutWrap .board_output > tbody > tr { display:flex; justify-content:center; }
#galloutWrap .board_output > tbody > tr:before, 
#galloutWrap .board_output > tbody > tr:after { content:''; display:table; }
#galloutWrap .board_output > tbody > tr:after { clear:both; }
#galloutWrap .board_output > tbody > tr > td { float:left; width:25%; margin-right:14px; overflow:visible !important; }
#galloutWrap .board_output > tbody > tr > td:last-child { margin-right:0; }
#galloutWrap .board_output td.board_output_gallery_img { position:relative; overflow:hidden; }
#galloutWrap .board_output td.board_output_gallery_img img { width:100%; height:auto; transition:transform 0.25s ease-out; }
#galloutWrap .board_output td.board_output_gallery_img > a:before { content:''; position:absolute; right:0; top:0; width:100%; height:0; background:rgba(0,0,0,1); opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galloutWrap .board_output td.board_output_gallery_img > a:after { content:''; position:absolute; left:50%; top:50%; margin:0 0 0 -10px; width:21px; height:21px; background:url(../images/zoom_pict_s.png) center center no-repeat; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
#galloutWrap .board_output table tr:last-child { background:rgba(255,255,255,1); }
#galloutWrap .board_output td.board_output_gallery_img:hover > a:before,
#galloutWrap .board_output td.board_output_gallery_img > a:focus:before { width:100%; height:100%; opacity:.7; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); }
#galloutWrap .board_output td.board_output_gallery_img:hover > a:after,
#galloutWrap .board_output td.board_output_gallery_img > a:focus:after { margin-top:-10px; opacity:1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); }
#galloutWrap .board_output td > .board_output_gallery_subject { display:block; font-size:14px; font-family:'GmarketSansMedium'; color:#111; line-height:1.4; text-align:left; margin-top:18px; }
#galloutWrap .board_output td > .board_output_gallery_etc { display:block; font-size:11px; color:#A1A1A1; font-family:'Montserrat', sans-serif; }
.main_prodcts .btn-wrap { margin:60px auto 0; width:10%; -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; }
.main_prodcts .btn-wrap > a { position:relative; display:block; padding:14px 0; font-size:14px; color:#333; text-align:center; border:1px solid rgba(12,84,142,1); z-index:9; }
.main_prodcts .btn-wrap > a:before { content:''; position:absolute; top:0; right:0; width:100%; height:0; background:rgba(12,84,142,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; }
.main_prodcts .btn-wrap:hover > a:before,
.main_prodcts .btn-wrap > a:focus:before { left:0; right:auto; height:100%; transform:scale(1, 1); }
.main_prodcts .btn-wrap > a:hover,
.main_prodcts .btn-wrap > a:focus { color:rgba(255,255,255,1); }
.main_prodcts .btn-wrap a i { padding-left:8px; }
#cplWrap { float:left; width:100%; background:#F9F9F9; overflow:hidden; }
.txtContInner { position:relative; width:100%; max-width:910px; margin:0 auto; padding:100px 100px; text-align:center; }
.txtContInner:before { content:''; display:block; width:100px; height:80px; background:url(../images/mark_1.png) no-repeat top -10px left 0; position:absolute; left:0; top:0; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); }
.txtContInner:after { content:''; display:block; width:100px; height:80px; background:url(../images/mark_2.png) no-repeat bottom -10px right 0; position:absolute; right:0; bottom:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); }
.txtContInner.onViewrep:before { top:0; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); -webkit-transition:all 1s .5s; -moz-transition:all 1s .5s; -o-transition:all 1s .5s; transition:all 1s .5s; }
.txtContInner.onViewrep:after { bottom:0; -webkit-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%); -webkit-transition:all 1s .5s; -moz-transition:all 1s .5s; -o-transition:all 1s .5s; transition:all 1s .5s; }
.dynamicCont_title { opacity:0; font-size:32px; font-family:"GmarketSansMedium"; line-height:1.4; letter-spacing:-.6px; color:#111; }
.dynamicCont_title .accent { font-family:"GmarketSansBold"; }
.txtContInner.onViewrep .dynamicCont_title { opacity:1; -webkit-transition:all 1s 1.3s; -moz-transition:all 1s 1.3s; -o-transition:all 1s 1.3s; transition:all 1s 1.3s; }
#contWrap { position:relative; width:100%; background:rgba(255,255,255,1); overflow:hidden; }
#contArea { width:100%; max-width:1300px; margin:100px auto; }
#contArea .bot_box { text-align:center; }
#contArea .bot_box .bot_tit { font-size:54px; color:#222; font-weight:600; letter-spacing:-1px; margin-bottom:15px; }
#contArea .bot_box .box_txt { font-size:17px; color:#777; word-break:keep-all; }
#contArea .bot_box .bot_tit b { position:relative; font-weight:600; color:rgba(45,121,181,1); letter-spacing:inherit; z-index:2; }
#contArea .bot_box.onViewrep .bot_tit b:after { display:block; clear:both; content:''; position:absolute; left:0; bottom:0; background:rgba(45,121,181,1); width:0; height:1px; max-width:100%; z-index:-1; animation:highlight 1.5s; animation-delay:1.8s; animation-fill-mode:forwards; }
#contArea .bot_box .bot_box_list { display:flex; max-width:1299px; margin-top:70px; overflow:hidden; }
#contArea .bot_box .bot_box_list li { padding:20px 40px 0; border-right:1px dashed rgba(0,0,0,.1); }
#contArea .bot_box .bot_box_list .picto_img { position:relative; width:130px; height:130px; border-radius:50%; margin:0 auto 45px; background:rgba(45,121,181,1); }
#contArea .bot_box .bot_box_list .picto_img:after { display:block; clear:both; content:''; position:absolute; top:-17px; left:-17px; width:164px; height:164px; border-radius:50%; z-index:-1; opacity:0; background:rgba(45,121,181,.2); animation:circle-ani 2s linear infinite; animation-delay:1s; }
#contArea .bot_box .bot_box_list .picto_img i { font-size:56px; color:rgba(255,255,255,1); line-height:130px; }
#contArea .bot_box .bot_box_list strong { display:block; font-size:20px; font-weight:500; color:rgba(45,121,181,1); margin-bottom:6px; }
#contArea .bot_box .bot_box_list em { display:block; margin:0 auto; color:#666; line-height:1.55; font-size:15px; padding:0 20px; word-break:keep-all; }
@keyframes circle-ani { 0% { transform:scale(.8); opacity: 0.05; } 50% { transform:scale(1); opacity:1; } }
@keyframes highlight { 0% { width:0; } 100% { width:100%; } }
#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 55px 65px; background:rgba(0,52,107,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(97,164,235,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(30, 50, 97, 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; }