
/* 풀페이지 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 35px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 16px;
    height: 16px;
    margin: 15px 0;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    width:16px;height:16px;background:#7dbe42;
    margin: -8px 0 0 -8px;
    border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 100%;
    position: absolute;
    z-index: 1;
    height: 10px;
    width: 10px;
    border: 0;
    background:rgba(230,230,230, .6);
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: 2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: none;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

#fp-nav ul li:last-child{display:none !important;}



/* 공통 */
.main_color{color:#2f5fd2;}
.blind{position:fixed;left:-9999px;top:-9999px;}
.b1{border:1px solid #ff0004;}

/* 레이아웃 */
body{background:#141414;}
.container{max-width:1440px;}

/* 상단 */
.wrap_header{position:fixed;left:0;top:0;z-index:1000;width:100%;transition:all .3s;}
.header{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100px;margin:0 auto;}

/* 로고 */
.header h1{position:absolute;left:0;top:0;display:inline-flex;justify-content:center;align-items:center;height:100px;}
.header h1 a img{height:22px;padding-bottom:2px;transition: all .3s;}

/* 상단 스크롤 고정 */
h1{display:inline-flex;margin-left:30px;}
.fp-viewing-LOOCUS .header,
.fp-viewing-NEWS .header,
.fp-viewing-4 .header,
.fp-viewing-CONTACT .header{background:rgba(0,0,0, .8);}

 /* 메뉴 */
.pc_menu{display:inline-flex;justify-content:center;align-items:center;}
.pc_menu li{position:relative;}
.pc_menu li a{display:flex;justify-content:center;align-items:center;height:100px;font-size:1.8rem;font-family:'Montserrat';color:#fff;font-weight:600;padding:0 30px 0;transition: all .3s;}
.pc_menu li.active a, .pc_menu li a:hover{color: #5689e4;}

/* 언어 */
.lang_select > li{position:absolute;right:30px;top:35px;border:1px solid #fff;border-radius:15px;transition: all .3s;cursor:pointer;}
.lang_select > li > em{position:relative;display:inline-block;width:80px;line-height:28px;color:#fff;font-size:1.4rem;text-align:left;padding:0 20px 2px;}
.lang_select > li > em:after{content: '';position:absolute;right:15px;top:0;display:block;width:12px;height:28px;background:url('/main/images/common/icon_arr.svg') no-repeat center;background-size:12px auto;}
.lang_select > li ul{display:none;width:100%;}
.lang_select > li ul li a{display:block;line-height:28px;font-size:1.4rem;color:#fff;padding:0 20px;}
.lang_select > li ul li a:hover{color:#7dbe42;}

/* 모바일 메뉴 토굴 */
.wrap_mobile_menu{display:inline-flex;}
.menu_on{display:none;}
.menu_off{display:none;}

/* 박스 */
.fullscreen_1{display:flex;justify-content:center;height:100vh;}




/* 메인 슬라이드 */
.bxslider li .wrap-slide > img{width:100%;height:100vh;object-fit:cover;object-position:center;}
.slide-content{position:absolute;top:0;left:0;display:flex;justify-content:center;width:100%;height:100%;}
.fadeInUpSD {animation-name: fadeInUpSD;}
.slick-active .slide-content {animation-name: fadeInUpSD;animation-duration: 1s;opacity: 1;}
.box_slider_text{display:flex;flex-direction:column;justify-content:center;align-items: flex-start;max-width:1440px;width:100%;height:100%;padding:0 20px;}
.box_slider_text em{font-weight:500;font-size:6.4rem;color:#fff;line-height:1.2;transform:translateY(100px);opacity:0;}
.box_slider_text span{font-weight:300;font-size:2.8rem;color:#fff;line-height:1.5;margin-top:50px;margin-bottom:30px;opacity:0;transform:translateY(40px);}


.in-view .box_slider_text em{transform:translateY(0);opacity:1;transition:all 0.5s 0.1s;}
.in-view .box_slider_text span{transform:translateY(0);opacity:1;transition:all 0.5s 0.4s;}



@-webkit-keyframes fadeInUpSD {
    0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInUpSD {
    0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
    100% {opacity: 1;-webkit-transform: none;transform: none;}
}

/* bxslider */
.bxslider{width:100%;overflow-y:hidden !important;}
.bx-wrapper{border:0 !important;box-shadow:none !important;margin:0 !important;}
.bx-controls-direction{display:none !important;}

.bx-controls{position:absolute;left:50%;top:90%;display:flex;justify-content:flex-start;width:100%;max-width:1400px;transform: translate(-50%, -90%);}
/*.bx-controls{position:absolute;left:50%;top:67%;display:flex;justify-content:flex-start;width:100%;max-width:1400px;transform: translate(-50%, -67%);}*/
.bx-controls-auto{position:absolute !important;left:170px !important;right:0 !important;bottom:inherit !important;display:inline-flex !important;width:auto !important;}
.bx-pager{position:absolute !important;left:0 !important;bottom:inherit !important;display:inline-flex !important;align-items:center;width:auto !important;padding:0 !important;margin:4px 0 0 0 !important;}
.bx-wrapper .bx-pager.bx-default-pager a{width:50px !important;height:3px !important;background:rgba(255,255,255, .3) !important;margin:0 !important; margin-right:0 !important;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#0a97d4 !important;}

.bx-wrapper .bx-controls-auto .bx-start{display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url('/main/images/common/controls.png') -86px -11px no-repeat !important;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url('/main/images/common/controls.png') -86px -44px no-repeat !important;margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;}

/* LOOCUS */
.box_loocus{background:url('/main/images/common/bg_loocus_01.jpg') no-repeat center;background-size:auto 100%;transition: all .5s;}
.flex_full{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;}
.loocus_menu{display:flex;justify-content:space-between;width:100%;opacity:0;transform:translateY(40px);}
.loocus_menu a{display:flex;flex-direction:column;justify-content:space-between;width:calc(25% - 22.5px);height:470px;background:rgba(0,0,0, .5);padding:30px 30px 0;transition:all .5s;outline:none;}
.loocus_menu a > span:nth-of-type(1){display:flex;flex-direction:column;justify-content:center;align-items:center;}
.loocus_menu a > span:nth-of-type(1) em{position:relative;font-family:'Montserrat';font-weight:700;font-size:4.6rem;color:#fff;margin-top:30px;}
.loocus_menu a > span:nth-of-type(1) em:after{content:'TM';position:absolute;right:-22px;top:4px;font-family:'Montserrat';font-weight:600;font-size:1.2rem;color:#fff;}
.loocus_menu a > span:nth-of-type(1) strong{font-weight:400;color:#fff;font-size:2.4rem;margin:30px 0 70px 0;}
.loocus_menu a > span:nth-of-type(1) span{font-size:1.4rem;font-weight:300 !important;color:#fff;line-height:1.8;opacity:.7;padding-bottom:20px;}

.loocus_menu a > span:nth-of-type(2){border-top:1px solid rgba(255,255,255, 0.1);padding:30px 0;}
.loocus_menu a > span:nth-of-type(2) button{display:flex;align-items:center;min-width:90px;font-weight:300;font-size:1.3rem;color:#fff;opacity:.7;}
.loocus_menu a > span:nth-of-type(2) button i{margin-left:10px;}

.loocus_menu a:hover{background:#0a97d4;transform: scale(1.02);}

/* 영문 */
.loocus_menu.eng{display:flex;justify-content:space-between;width:100%;opacity:0;transform:translateY(40px);}
.loocus_menu.eng a{display:flex;flex-direction:column;justify-content:space-between;width:calc(25% - 22.5px);height:auto;background:rgba(0,0,0, .5);padding:30px 30px 0;transition:all .5s;outline:none;}
.loocus_menu.eng a > span:nth-of-type(1){display:flex;flex-direction:column;justify-content:center;align-items:center;}
.loocus_menu.eng a > span:nth-of-type(1) em{position:relative;font-family:'Montserrat';font-weight:700;font-size:4.6rem;color:#fff;margin-top:30px;}
.loocus_menu.eng a > span:nth-of-type(1) em:after{content:'TM';position:absolute;right:-22px;top:4px;font-family:'Montserrat';font-weight:600;font-size:1.2rem;color:#fff;}
.loocus_menu.eng a > span:nth-of-type(1) strong{display:inline-flex;align-items:center;min-height:100px;font-weight:400;color:#fff;font-size:2.4rem;margin:30px 0 30px 0;}
.loocus_menu.eng a > span:nth-of-type(1) span{font-size:1.4rem;font-weight:300 !important;color:#fff;line-height:1.8;opacity:.7;}

.loocus_menu.eng a > span:nth-of-type(2){border-top:1px solid rgba(255,255,255, 0.1);padding:30px 0;}
.loocus_menu.eng a > span:nth-of-type(2) button{display:flex;align-items:center;font-weight:300;font-size:1.3rem;color:#fff;opacity:.7;}
.loocus_menu.eng a > span:nth-of-type(2) button i{margin-left:10px;}

.loocus_menu.eng a:hover{background:#0a97d4;transform: scale(1.02);}



.wrap_loocus .title{transform:translateY(100px);opacity:0;}
.loocus_menu{opacity:0;transform:translateY(40px);}
.in-view .wrap_loocus .title{transform:translateY(0);opacity:1;transition:all 0.5s 0.1s;}
.in-view .loocus_menu{transform:translateY(0);opacity:1;transition:all 0.5s 0.4s;}



/* VISUWORKS INSIDE */
.box_news{background:#0c1017;}
.wrap_news .title{font-size:4.8rem;font-family:'Montserrat';font-weight:600;color:#fff;line-height:1.1;}

.title_s{display:flex;justify-content: space-between;align-items:center;height:60px;}
.title_s em{font-size:2.8rem;font-family:'Montserrat';font-weight:600;color:#fff;}
.title_s a{display:flex;align-items:center;font-size:1.6rem;font-family:'Montserrat';font-weight:600;color:#0a97d4;}
.title_s a i{font-size:1.8rem;margin-left:10px;}



.contents_news ul{display:flex;flex-wrap:wrap;margin:0 -5px;}
.contents_news ul li{width:calc(33.33333333333% - 10px);margin:0 5px;}
.contents_news ul li a{position:relative;display:block;height:290px;overflow:hidden;}/* height:290px; */
.contents_news ul li a:after{content:'';position:absolute;left:0;top:0;z-index:2;display:block;width:100%;height:100%;background:linear-gradient(rgba(0,0,0, .1), rgba(0,0,0, .7));transition: all 0.2s linear;}
.contents_news ul li a img{width:100%;object-fit:cover;transition: all 0.2s linear;}
.contents_news ul li a:hover:after{transform: scale(1.05);}
.contents_news ul li a:hover img{transform: scale(1.05);}
.contents_news ul li a span{position:absolute;left:0;bottom:0;z-index:4;display:flex;flex-direction:column;width:100%;padding:15px 20px;}
.contents_news ul li a span em{display:block;width:100%;font-size:1.8rem;font-weight:300;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.contents_news ul li a span i{color:#fff;opacity: 0.5;}

.contents_news_popup ul{display:flex;flex-wrap:wrap;margin:0 -5px;}
.contents_news_popup ul li{width:calc(33.33333333333% - 10px);margin:0 5px;}
.contents_news_popup ul li a{position:relative;display:block;height:auto;overflow:hidden;}/* height:290px; */
.contents_news_popup ul li a:after{content:'';position:absolute;left:0;top:0;z-index:2;display:block;width:100%;height:100%;background:linear-gradient(rgba(0,0,0, .1), rgba(0,0,0, .7));transition: all 0.2s linear;}
.contents_news_popup ul li a img{width:100%;object-fit:cover;transition: all 0.2s linear;}
.contents_news_popup ul li a:hover:after{transform: scale(1.05);}
.contents_news_popup ul li a:hover img{transform: scale(1.05);}
.contents_news_popup ul li a span{position:absolute;left:0;bottom:0;z-index:4;display:flex;flex-direction:column;width:100%;padding:15px 20px;}
.contents_news_popup ul li a span em{display:block;width:100%;font-size:1.8rem;font-weight:300;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.contents_news_popup ul li a span i{color:#fff;opacity: 0.5;}

/*
.contents_news ul{display:flex;flex-wrap:wrap;margin:0 -5px;}
.contents_news ul li{width:calc(33.33333333333% - 10px);margin:0 5px;}
.contents_news ul li a{position:relative;display:block;overflow:hidden;}
.contents_news ul li a:after{content:'';position:absolute;left:0;top:0;z-index:2;display:block;width:100%;height:100%;background:linear-gradient(rgba(0,0,0, .1), rgba(0,0,0, .7));transition: all 0.2s linear;}
.contents_news ul li a img{width:100%;object-fit:cover;transition: all 0.2s linear;}
.contents_news ul li a:hover:after{transform: scale(1.05);}
.contents_news ul li a:hover img{transform: scale(1.05);}
.contents_news ul li a span{position:absolute;left:0;bottom:0;z-index:4;display:flex;flex-direction:column;width:100%;padding:15px 20px;}
.contents_news ul li a span em{display:block;width:100%;height:40px;font-size:1.8rem;font-weight:300;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.contents_news ul li a span i{color:#fff;opacity: 0.5;}
*/

.contents_blog_media{display:flex;flex-wrap:wrap;justify-content: space-between;}
.contents_blog_media > div{width:calc(50% - 20px);}

.contents_blog ul{display:flex;flex-wrap:wrap;margin:0 -5px;}
.contents_blog ul li{width:calc(33.3333333% - 10px);margin:0 5px;}
.contents_blog ul li a{display:flex;flex-direction:column;justify-content: space-between;height:220px;background:#232323;padding:30px 20px;transition: all .3s;}
.contents_blog ul li a span:nth-of-type(1){display:flex;flex-direction:column;}
.contents_blog ul li a span:nth-of-type(1) em{font-size:1.6rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.contents_blog ul li a span:nth-of-type(1) strong{overflow:hidden;max-height:92px;font-size:1.4rem;font-weight:300;color:#777;line-height:1.6;margin-top:20px;}
.contents_blog ul li a span:nth-of-type(2){font-size:1.3rem;font-weight:300;color:#fff;opacity: 0.2;}
.contents_blog ul li a:hover{background:#000;}


.contents_media ul{display:flex;flex-wrap:wrap;margin:0 -5px;}
.contents_media ul li{width:calc(50% - 10px);margin:0 5px;}
.contents_media ul li a{overflow:hidden;display:flex;flex-direction:column;justify-content: space-between;height:220px;}
.contents_media ul li a span{position:relative;height:calc(220px - 50px);overflow:hidden;}
.contents_media ul li a span:after{content:'';position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;background:url('/main/images/common/icon_movie.png') no-repeat center;}
.contents_media ul li a span img{width:auto;object-fit:fill;object-position:right !important;transition: all 0.2s linear;}
.contents_media ul li a em{display:block;height:50px;line-height:48px;font-size:1.6rem;font-weight:300;color:#fff;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;opacity:0.5;}
.contents_media ul li a:hover span:nth-of-type(1) img{transform: scale(1.1);}

.wrap_news .title{transform:translateY(100px);opacity:0;}
.wrap_news .contents_news{opacity:0;transform:translateY(40px);}
.wrap_news .contents_blog_media{opacity:0;transform:translateY(40px);}
.in-view .wrap_news .title{transform:translateY(0);opacity:1;transition:all 0.5s 0.1s;}
.in-view .wrap_news .contents_news{transform:translateY(0);opacity:1;transition:all 0.5s 0.4s;}
.in-view .wrap_news .contents_blog_media{transform:translateY(0);opacity:1;transition:all 0.5s 0.4s;}



/* CONTACT & OUR PARTNERS */
.box_contact{background:#fff;}
.wrap_contact .title{font-size:4.8rem;font-family:'Montserrat';font-weight:600;color:#000;line-height:1.1;}
.contents_contact{display:flex;justify-content: space-between;}
.contents_contact > div:nth-of-type(1){position:relative;width:calc(100% - 460px);height:470px;}
.wrap_location{height:calc(100% - 55px);}
.location{position:absolute;left:0;bottom:0;z-index:998;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;background:#002548;padding:20px 0;}
.location em{font-size:1.4rem;color:#fff;opacity:.7;padding-right:30px;}
.location strong{font-size:1.5rem;font-weight:300;color:#fff;padding:0 10px;}
.location strong i{opacity:.7;padding-right:5px;}

.contents_contact > div:nth-of-type(2){width:430px;}
.contents_partner{display:flex;flex-wrap:wrap;justify-content:center;}
.contents_partner li{position:relative;width:50%;}
.contents_partner li img{object-fit:cover;}
.contents_partner li:nth-of-type(2):after,
.contents_partner li:nth-of-type(3):after,
.contents_partner li:nth-of-type(6):after,
.contents_partner li:nth-of-type(7):after,
.contents_partner li:nth-of-type(10):after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0, .02);}

.wrap_contact .title{transform:translateY(100px);opacity:0;}
.wrap_contact .contents_contact{opacity:0;transform:translateY(40px);}
.in-view .wrap_contact .title{transform:translateY(0);opacity:1;transition:all 0.5s 0.1s;}
.in-view .wrap_contact .contents_contact{transform:translateY(0);opacity:1;transition:all 0.5s 0.4s;}



/* 카피라이터 */
.footer{display:flex;justify-content:center;background:#141414;}
.logo_footer img{height:28px;}
.wrap_address{display:flex;flex-wrap:wrap;justify-content:space-between;}
address{font-size:1.8rem;color:#777;line-height:1.6;opacity:0.8;}
.btn_down{display:inline-flex;justify-content:space-between;align-items:center;width:258px;height:42px;border-radius:21px;background:#0a97d4;padding:0 36px;}
.btn_down span{width:calc(100% - 30px);font-size:1.6rem;color:#fff;}
.btn_down img{height:18px;}
.copyright{font-size:1.4rem;color:#fff;font-weight:300;opacity: 0.2;}




/* 고정메뉴 */
.fiex_menu{position:fixed;bottom:60px;right:30px;z-index:999;}

.btn_demo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;background:#7dbe42;border-radius:100%;transition: all .3s;}/* animation:ani 1s infinite alternate; */
.btn_demo i{color:#fff;font-size:2.2rem;}
.btn_demo em{font-size:1.5rem;font-family:'Montserrat';font-weight:500;color:#fff;line-height:1.1;text-align:center;margin-top:5px;}
.btn_demo:hover{background: #73b442;transform: scale(1.1);}

.btn_news{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;background:#069e49;border-radius:100%;margin-top:20px;transition: all .3s;}/* animation:ani 1s infinite alternate; */
.btn_news i{color:#fff;font-size:2.2rem;}
.btn_news em{font-size:1.5rem;font-family:'Montserrat';font-weight:500;color:#fff;line-height:1.1;text-align:center;margin-top:5px;}
.btn_news:hover{background: #069749;transform: scale(1.1);}

@keyframes ani{
    0%{transform:translate(0,0);}
    100%{transform:translate(0,-20px);}
}




/* 앵커 시작 */
.ancor{position:fixed;top:50%;right:50px;z-index:999;margin-top:-84px;}
.ancor ul li{display:flex;justify-content:center;}
.ancor ul li a{display:block;width:10px;height:10px;border-radius:100%;background:rgba(230,230,230, .6);margin:15px 0;}
.ancor ul li a.active{width:16px;height:16px;background:#7dbe42;}

/* 모달 루카스 */
.modal_loocus .modal-dialog{max-width:1320px;}
.modal_loocus .modal-content{position:relative;background:#f5f5f7;padding:0;}
.modal_loocus .close{position:absolute;right:20px;top:20px;z-index:100;opacity:1;margin:0;padding:0;}
.modal_loocus .close i{font-size:4rem;color:#000;}
.modal_loocus .modal-body{padding:0;}
.modal_loocus .title{display:block;font-size:4.2rem;font-weight:600;color:#002548;text-align:center;line-height:1.1;}
.modal_loocus .title i{position:relative;font-size:4.8rem;font-family:'Montserrat';font-weight:700; !important;color:#002548;margin-top:30px;margin-right:20px;}
.modal_loocus .title i:after{content:'TM';position:absolute;right:-26px;top:10px;font-weight:600;font-size:1.6rem;color:#002548;}
.modal_loocus .title_sub{display:block;font-size:2rem;font-weight:300;color:#00a2e8;line-height:1.3;text-align:center;}

.box_popup_loocus{padding:8% 5%;}

.metapo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:280px;background:#fff;border:1px solid #00a2e8;padding:20px;margin:0 20px;}
.metapo em{font-size:2rem;font-weight:500;color:#009adc;margin:15px 0 10px;}
.metapo span{font-size:1.6rem;font-weight:400;color:#002548;line-height:1.5;text-align:center;}

.box_article{background:#fff;padding:50px 50px;}
.box_article > em{display:block;font-size:3.4rem;font-weight:600;color:#002548;text-align:center;}
.box_article > em i{position:relative;font-size:3.8rem;font-family:'Montserrat';font-weight:700; !important;color:#002548;margin-top:30px;margin-right:20px;}
.box_article > em i:after{content:'TM';position:absolute;right:-20px;top:10px;font-weight:600;font-size:1.3rem;color:#002548;}
.box_article > span{display:block;font-size:1.6rem;font-weight:400;color:#002548;text-align:center;margin-top:20px;}

.vc_con_01{display:flex;justify-content:space-around;align-items:center;}
.vc_con_01 > div{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.vc_con_01 > div img{height:160px;}
.vc_con_01 > div em{width:100%;font-size:2rem;color:#002548;text-align:center;margin-top:20px;}

.soon{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.soon > i{display:inline-flex;justify-content:center;align-items:center;width:10px;height:10px;border-radius:100%;background:#154985;margin:10px;}

.box_article_news em{display:block;font-size:3rem;font-weight:500;color:#002548;padding:20px 0 10px;}
.box_article_news ul{display:flex;flex-wrap:wrap;margin:0 -10px;}
.box_article_news ul li{display:inline-flex;width:calc(50% - 20px);margin:0 10px;padding:10px 0;}
.box_article_news ul li a{display:flex;}
.box_article_news ul li a img{width:25%;}
.box_article_news ul li a span{display:inline-flex;flex-direction:column;justify-content:space-between;width:calc(100% - 25%);padding:10px 0 10px 20px;}
.box_article_news ul li a span strong{font-size:1.6rem;font-weight:400;color:#002548;line-height: 1.3;}
.box_article_news ul li a span i{font-size:1.3rem;font-weight:300;color:#aaa;}

.text-color{color:#002548;}

.box_article_news ul{display:flex;flex-wrap:wrap;margin:0 -5px;}
.box_article_news ul li{width:calc(33.33333333333% - 10px);margin:0 5px;}
.box_article_news ul li a{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content: space-between;height:290px;transition:all .3s;}
.box_article_news ul li a span:nth-of-type(1){position:relative;height:100%;}
.box_article_news ul li a span:nth-of-type(1):before{content:'';position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;background:rgba(0,0,0, .1);}
.box_article_news ul li a span:nth-of-type(1):after{content:'';position:absolute;left:0;top:0;z-index:2;display:block;width:100%;height:100%;background:linear-gradient(rgba(255,255,255, 0), rgba(0,0,0, .7));}
.box_article_news ul li a span:nth-of-type(1) img{width:auto;object-fit:cover;object-position:center;}

.box_article_news ul li a span:nth-of-type(2){position:absolute;left:0;bottom:0;z-index:4;display:flex;flex-direction:column;width:100%;padding:15px 20px;}
.box_article_news ul li a span:nth-of-type(2) em{display:block;width:100%;height:40px;font-size:1.8rem;font-weight:300;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.box_article_news ul li a span:nth-of-type(2) i{color:#fff;opacity: 0.5;}

.box_area{display:flex;justify-content:center;align-items:center;font-size:1.6rem;color:#000;text-align:center;line-height:1.3;border:1px solid #ddd;background:#f9f9f9;}

.box_patent{display:flex;flex-wrap:wrap;justify-content:space-between;}
.box_patent div{width:24%;height:300px;}

.box_detail{display:flex;flex-wrap:wrap;justify-content:space-between;}
.box_detail div{position:relative;overflow:hidden;width:32%;border:1px solid #ddd;background:#f9f9f9;}
.box_detail div:before{content: '';position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,93,164, 0.5);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);}
.box_detail div span{position:absolute;left:0;top:0;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.2rem;font-weight:500;color:#fff;text-align:center;line-height:1.3;}
/*.box_detail div:hover:before{transform: translate(0, -100%);opacity: 0.5;}*/
/*.box_detail div:hover span{opacity:0;transition: all .3s;}*/


.box_detail div:nth-of-type(4),
.box_detail div:nth-of-type(5),
.box_detail div:nth-of-type(6){margin-top:70px;}

.box_detail div img{width:100%;}


.box_detail.myopia div span{font-size:2.2rem;}


/* 모달 데모 */
.modal_demo .modal-dialog{max-width:700px;}
.modal_demo .modal-content{position:relative;padding:5% 5% 0;}
.modal_demo .close{position:absolute;right:20px;top:20px;z-index:100;opacity:1;margin:0;padding:0;}
.modal_demo .close i{font-size:4rem;color:#000;}
.modal_demo .title{display:block;font-size:4rem;color:#000;font-family:'Montserrat';font-weight:700;}

.modal_demo .modal-body{padding:0;}
.form_2dan{display:flex;justify-content:space-between;align-items:center;}
.form_2dan > div{width:calc(50% - 10px);}
.modal_demo label{display:block;font-size:1.4rem;color:#002548;margin-bottom:8px;}
.modal_demo input{width:100%;height:40px;line-height:37px;font-size:1.5rem;color:#000;border:1px solid #ddd;background:#f5f5f5;padding:0 10px;}
.modal_demo select{width:100%;height:40px;line-height:37px;font-size:1.5rem;color:#000;border:1px solid #ddd;background:#f5f5f5;padding:0 10px;}
.modal_demo textarea{width:100%;line-height:1.8;font-size:1.5rem;color:#000;border:1px solid #ddd;background:#f5f5f5;padding:0 10px;}

.modal_demo .modal-footer{display:flex;justify-content:center;align-items:center;border-top:0;margin:50px 0;}

.btn_1{display:inline-flex;justify-content: center;align-items:center;width:100%;max-width:200px;height:42px;font-size:1.6rem;color:#fff;border-radius:21px;padding-bottom:2px;}
.btn_blue{background:#0a97d4;}
.btn_black{background:#000;}


/* 브레이크 포인트 */
/* xl */
@media(max-width:1439px){

    /* 로고 */
    .header h1 a img{height:20px;padding-bottom:2px;}

    /* 메뉴 */
    .menu > ul > li > a{padding:0 20px 0;}



    .container{max-width:100%;padding:0 30px;}

    /* 메인 슬라이드 */
    /*.wrap-slide > img{width:100%;height:100vh;object-fit:cover;object-position:center;}*/
    .slide-content{position:absolute;top:0;left:0;display:flex;justify-content:center;width:100%;height:100%;}
    .fadeInUpSD {animation-name: fadeInUpSD;}
    .slick-active .slide-content {animation-name: fadeInUpSD;animation-duration: 1s;opacity: 1;}
    .box_slider_text{display:flex;flex-direction:column;justify-content:center;align-items: flex-start;max-width:auto;width:100%;height:100%;padding:0 50px;}
    .box_slider_text em{font-weight:500;font-size:5.8rem;color:#fff;line-height:1.2;}
    .box_slider_text span{font-weight:300;font-size:2.4rem;color:#fff;line-height:1.5;margin-top:50px;margin-bottom:30px;}

    @-webkit-keyframes fadeInUpSD {
        0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
        100% {opacity: 1;-webkit-transform: none;transform: none;}
    }
    @keyframes fadeInUpSD {
        0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
        100% {opacity: 1;-webkit-transform: none;transform: none;}
    }

    /* bxslider */
    .bxslider{width:100%;overflow-y:hidden !important;}
    .bx-wrapper{border:0 !important;box-shadow:none !important;margin:0 !important;}
    .bx-controls-direction{display:none !important;}

    .bx-controls{position:absolute;left:50%;top:90%;display:flex;justify-content:flex-start;width:100%;max-width:auto;transform: translate(-50%, -90%);}
    .bx-controls-auto{position:absolute !important;left:220px !important;right:0 !important;bottom:inherit !important;display:inline-flex !important;width:auto !important;}
    .bx-pager{position:absolute !important;left:50px !important;bottom:inherit !important;display:inline-flex !important;align-items:center;width:auto !important;padding:0 !important;margin:4px 0 0 0 !important;}
    .bx-wrapper .bx-pager.bx-default-pager a{width:50px !important;height:3px !important;background:rgba(255,255,255, .3) !important;margin:0 !important; margin-right:0 !important;}
    .bx-wrapper .bx-pager.bx-default-pager a.active{background:#0a97d4 !important;}


}

/* lg */
@media(max-width:1190px){

    /* LOOCUS */
    .wrap_loocus .title img{height:34px;}
    .loocus_menu{flex-wrap:wrap;justify-content:space-between;width:100%;}
    .loocus_menu a{display:flex;flex-direction:column;justify-content:space-between;width:calc(50% - 5px);height:240px;background:rgba(0,0,0, .5);padding:30px 30px 0;transition:all .5s;}
    .loocus_menu a:nth-of-type(3), .loocus_menu a:nth-of-type(4){margin-top:10px;}
    .loocus_menu a > span:nth-of-type(1){display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .loocus_menu a > span:nth-of-type(1) em{position:relative;font-family:'Montserrat';font-weight:700;font-size:4.2rem;color:#fff;margin-top:30px;}
    .loocus_menu a > span:nth-of-type(1) em:after{content:'TM';position:absolute;right:-22px;top:4px;font-family:'Montserrat';font-weight:600;font-size:1.2rem;color:#fff;}
    .loocus_menu a > span:nth-of-type(1) strong{font-weight:400;color:#fff;font-size:2.4rem;margin:10px 0 0 0;}
    .loocus_menu a > span:nth-of-type(1) span{display:none;font-size:1.4rem;font-weight:300 !important;color:#fff;line-height:1.8;opacity:.7;}

    .loocus_menu a > span:nth-of-type(2){border-top:1px solid rgba(255,255,255, 0.1);padding:20px 0;}
    .loocus_menu a > span:nth-of-type(2) button{display:flex;align-items:center;font-weight:300;font-size:1.3rem;color:#fff;opacity:.7;}
    .loocus_menu a > span:nth-of-type(2) button i{margin-left:10px;}
    .loocus_menu a:hover{background:#0a97d4;transform: scale(1);}

    /* 영문 */
    .loocus_menu.eng{flex-wrap:wrap;justify-content:space-between;width:100%;}
    .loocus_menu.eng a{display:flex;flex-direction:column;justify-content:space-between;width:calc(50% - 5px);height:240px;background:rgba(0,0,0, .5);padding:30px 30px 0;transition:all .5s;}
    .loocus_menu.eng a:nth-of-type(3), .loocus_menu a:nth-of-type(4){margin-top:10px;}
    .loocus_menu.eng a > span:nth-of-type(1){display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .loocus_menu.eng a > span:nth-of-type(1) em{position:relative;font-family:'Montserrat';font-weight:700;font-size:4.2rem;color:#fff;margin-top:30px;}
    .loocus_menu.eng a > span:nth-of-type(1) em:after{content:'TM';position:absolute;right:-22px;top:4px;font-family:'Montserrat';font-weight:600;font-size:1.2rem;color:#fff;}
    .loocus_menu.eng a > span:nth-of-type(1) strong{display:inline-flex;align-items:center;min-height:inherit;font-weight:400;color:#fff;font-size:2.4rem;margin:10px 0 0 0;}
    .loocus_menu.eng a > span:nth-of-type(1) span{display:none;font-size:1.4rem;font-weight:300 !important;color:#fff;line-height:1.8;opacity:.7;}

    .loocus_menu.eng a > span:nth-of-type(2){border-top:1px solid rgba(255,255,255, 0.1);padding:20px 0;}
    .loocus_menu.eng a > span:nth-of-type(2) button{display:flex;align-items:center;font-weight:300;font-size:1.3rem;color:#fff;opacity:.7;}
    .loocus_menu.eng a > span:nth-of-type(2) button i{margin-left:10px;}
    .loocus_menu.eng a:hover{background:#0a97d4;transform: scale(1);}

    /* CONTACT & OUR PARTNERS */
    .wrap_contact .title{font-size:4.2rem;}
    .contents_contact{justify-content: space-between;}
    .contents_contact > div:nth-of-type(1){position:relative;width:calc(100% - 360px);height:420px;}
    .wrap_location{height:calc(100% - 70px);}
    .location{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:70px;background:#002548;padding:0 20px;}
    .location em{text-align:left;font-size:1.4rem;color:#fff;opacity:.7;padding-right:0;padding-bottom:5px;}
    .location span{display:flex;flex-wrap:wrap;}
    .location strong{font-size:1.3rem;font-weight:300;color:#fff;padding:0;}
    .location strong i{opacity:.7;padding-right:5px;}
    .location strong:nth-of-type(1){width:100%;}
    .location strong:nth-of-type(2){margin-right:20px;}

    .contents_contact > div:nth-of-type(2){width:330px;}
    .contents_partner{display:flex;flex-wrap:wrap;justify-content:center;height:100%;margin-top:50px;}
    .contents_partner li{position:relative;display:flex;justify-content:center;align-items:center;width:50%;}
    .contents_partner li img{width:100%;object-fit:cover;}
    .contents_partner li:nth-of-type(2):after,
    .contents_partner li:nth-of-type(3):after,
    .contents_partner li:nth-of-type(6):after,
    .contents_partner li:nth-of-type(7):after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0, .02);}
}

/* md */
@media(max-width:991px){

    /* 풀페이지 */
    .fp-tableCell{display:block;width: 100%;height:auto !important;}
    .fp-section.fp-table, .fp-slide.fp-table{display:block;height:auto !important;}

    .fullscreen_1{justify-content:flex-start;height:auto;padding:100px 0;}


    /* 상단 */
    .wrap_header{position:fixed;left:0;top:0;z-index:1000;width:100%;transition:all .3s;}
    .header{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:60px;margin:0 auto;}

    /* 로고 */
    .header h1{position:absolute;left:0;top:0;display:inline-flex;justify-content:center;align-items:center;height:60px;}
    .header h1 a img{height:18px;padding-bottom:2px;}

    /* 상단 스크롤 고정 */
    h1{display:inline-flex;margin-left:20px;}
    .fp-viewing-LOOCUS .header,
    .fp-viewing-NEWS .header,
    .fp-viewing-4 .header,
    .fp-viewing-CONTACT .header{background:rgba(0,0,0, .8);}

    /* 언어 */
    .lang_select > li{position:absolute;right:60px;top:15px;border:1px solid #fff;border-radius:15px;transition: all .3s;cursor:pointer;}
    .lang_select > li > em{position:relative;display:inline-block;width:60px;line-height:28px;color:#fff;font-size:1.4rem;text-align:left;padding:0 10px 2px;}
    .lang_select > li > em:after{content: '';position:absolute;right:10px;top:0;display:block;width:12px;height:28px;background:url('/main/images/common/icon_arr.svg') no-repeat center;background-size:12px auto;}
    .lang_select > li ul{display:none;width:100%;}
    .lang_select > li ul li a{display:block;line-height:28px;font-size:1.4rem;color:#fff;padding:0 10px;}
    .lang_select > li ul li a:hover{color:#7dbe42;}

    /* 모바일 메뉴 토굴 */
    .menu_on{position:absolute;right:10px;top:10px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;}
    .menu_on i{color:#fff;font-size:2.4rem;}
    .menu_off{position:absolute;right:10px;top:10px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;}
    .menu_off i{color:#fff;font-size:3.4rem;}

    .wrap_mobile_menu{position:fixed;left:0;top:0;z-index:1000;display:none;justify-content:center;align-items:center;width:100%;height:100vh;background:rgba(0,0,0, .9);}
    .wrap_mobile_menu.on{display:inline-flex !important;}
    .wrap_mobile_menu.off{display:none !important;}

    .mobile_menu{display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .mobile_menu li a{display:flex;justify-content:center;align-items:center;width:100%;font-family:'Montserrat';font-size:2.4rem;font-weight:600;color:#fff;padding:20px 0;}

    .mobile_menu li.active a{color:#5689e4;}


    /* 메인 슬라이드 */
    .wrap-slide:nth-of-type(1) > img{object-fit:cover;object-position:63% 50% !important;}
    .slide-content{position:absolute;top:0;left:0;display:flex;justify-content:center;width:100%;height:100%;}
    .fadeInUpSD {animation-name: fadeInUpSD;}
    .slick-active .slide-content {animation-name: fadeInUpSD;animation-duration: 1s;opacity: 1;}
    .box_slider_text{display:flex;flex-direction:column;justify-content:center;align-items: flex-start;max-width:auto;width:100%;height:100%;padding:0 40px;}
    .box_slider_text em{font-weight:500;font-size:4.6rem;color:#fff;line-height:1.2;}
    .box_slider_text span{font-weight:300;font-size:2rem;color:#fff;line-height:1.5;margin-top:50px;margin-bottom:30px;}



    @-webkit-keyframes fadeInUpSD {
        0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
        100% {opacity: 1;-webkit-transform: none;transform: none;}
    }
    @keyframes fadeInUpSD {
        0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
        100% {opacity: 1;-webkit-transform: none;transform: none;}
    }

    /* bxslider */
    .bxslider{width:100%;overflow-y:hidden !important;}
    .bx-wrapper{border:0 !important;box-shadow:none !important;margin:0 !important;}
    .bx-controls-direction{display:none !important;}

    .bx-controls{position:absolute;left:50%;top:90%;display:flex;justify-content:flex-start;width:100%;max-width:auto;transform: translate(-50%, -90%);}
    .bx-controls-auto{position:absolute !important;left:220px !important;right:0 !important;bottom:inherit !important;display:inline-flex !important;width:auto !important;}
    .bx-pager{position:absolute !important;left:40px !important;bottom:inherit !important;display:inline-flex !important;align-items:center;width:auto !important;padding:0 !important;margin:4px 0 0 0 !important;}
    .bx-wrapper .bx-pager.bx-default-pager a{width:50px !important;height:3px !important;background:rgba(255,255,255, .3) !important;margin:0 !important; margin-right:0 !important;}
    .bx-wrapper .bx-pager.bx-default-pager a.active{background:#0a97d4 !important;}



    /* LOOCUS */
    .wrap_loocus .title img{height:34px;}
    .loocus_menu{flex-wrap:wrap;justify-content:space-between;width:100%;}
    .loocus_menu a{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:auto;background:rgba(0,0,0, .5);padding:30px 30px 0;transition:all .5s;}
    .loocus_menu a:nth-of-type(2), .loocus_menu a:nth-of-type(3), .loocus_menu a:nth-of-type(4){margin-top:10px;}
    .loocus_menu a > span:nth-of-type(1){display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .loocus_menu a > span:nth-of-type(1) em{position:relative;font-family:'Montserrat';font-weight:700;font-size:4.2rem;color:#fff;margin-top:30px;}
    .loocus_menu a > span:nth-of-type(1) em:after{content:'TM';position:absolute;right:-22px;top:4px;font-family:'Montserrat';font-weight:600;font-size:1.2rem;color:#fff;}
    .loocus_menu a > span:nth-of-type(1) strong{font-weight:400;color:#fff;font-size:2.4rem;margin:20px 0 30px 0;}
    .loocus_menu a > span:nth-of-type(1) span{display:block;font-size:1.4rem;font-weight:300 !important;color:#fff;line-height:1.8;opacity:.7;}

    .loocus_menu a > span:nth-of-type(2){align-items:center;border-top:1px solid rgba(255,255,255, 0.1);padding:20px 0;margin-top:20px;}
    .loocus_menu a > span:nth-of-type(2) button{min-width:90px;font-weight:300;font-size:1.3rem;color:#fff;opacity:.7;}
    .loocus_menu a > span:nth-of-type(2) button i{margin-left:10px;}

    .loocus_menu a:hover{background:#0a97d4;}

    /* 영문 */
    .loocus_menu.eng{flex-wrap:wrap;justify-content:space-between;width:100%;}
    .loocus_menu.eng a{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:auto;background:rgba(0,0,0, .5);padding:30px 30px 0;transition:all .5s;}
    .loocus_menu.eng a:nth-of-type(2), .loocus_menu a:nth-of-type(3), .loocus_menu a:nth-of-type(4){margin-top:10px;}
    .loocus_menu.eng a > span:nth-of-type(1){display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .loocus_menu.eng a > span:nth-of-type(1) em{position:relative;font-family:'Montserrat';font-weight:700;font-size:4.2rem;color:#fff;margin-top:30px;}
    .loocus_menu.eng a > span:nth-of-type(1) em:after{content:'TM';position:absolute;right:-22px;top:4px;font-family:'Montserrat';font-weight:600;font-size:1.2rem;color:#fff;}
    .loocus_menu.eng a > span:nth-of-type(1) strong{font-weight:400;color:#fff;font-size:2.4rem;margin:20px 0 30px 0;}
    .loocus_menu.eng a > span:nth-of-type(1) span{display:block;font-size:1.4rem;font-weight:300 !important;color:#fff;line-height:1.8;opacity:.7;}

    .loocus_menu.eng a > span:nth-of-type(2){border-top:1px solid rgba(255,255,255, 0.1);padding:20px 0;margin-top:20px;}
    .loocus_menu.eng a > span:nth-of-type(2) button{display:inline-flex;justify-content:flex-start;align-items:center;opacity:.7;}
    .loocus_menu.eng a > span:nth-of-type(2) button b{text-align:left;min-width:70px;font-weight:300;font-size:1.3rem;color:#fff;}
    .loocus_menu.eng a > span:nth-of-type(2) button i{margin-left:10px;}

    .loocus_menu.eng a:hover{background:#0a97d4;}



    /* VISUWORKS INSIDE */
    .wrap_news .title{font-size:4.2rem;}

    .contents_news ul li{width:100%;}
    .contents_news ul li a{height:auto;}
    .contents_news ul li a span:nth-of-type(1) img{width:100%;object-fit:fill;}
    .contents_news ul li a span:nth-of-type(2){padding:15px 20px 30px;}
    .contents_news ul li a span:nth-of-type(2) em{display:block;width:100%;height:30px;font-size:1.8rem;font-weight:300;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
    .contents_news ul li a span:nth-of-type(2) i{color:#fff;opacity: 0.5;}

    .contents_news_popup ul li{width:100%;}
    .contents_news_popup ul li a{height:auto;}
    .contents_news_popup ul li a span:nth-of-type(1) img{width:100%;object-fit:fill;}
    .contents_news_popup ul li a span:nth-of-type(2){padding:15px 20px 30px;}
    .contents_news_popup ul li a span:nth-of-type(2) em{display:block;width:100%;height:30px;font-size:1.8rem;font-weight:300;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
    .contents_news_popup ul li a span:nth-of-type(2) i{color:#fff;opacity: 0.5;}


    .contents_blog_media > div{width:100%;}
    .contents_blog ul{display:flex;flex-wrap:wrap;margin:0;}
    .contents_blog ul li{width:100%;margin:2px 0 0 0;}
    .contents_blog ul li a{height:auto;}

    .contents_media ul{margin:0;}
    .contents_media ul li{width:100%;margin:2px 0 0 0;}
    .contents_media ul li a{height:auto;}
    .contents_media ul li a span{position:relative;height:auto;}
    .contents_media ul li a span:after{content:'';position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;background:url('/main/images/common/icon_movie.png') no-repeat center;}
    .contents_media ul li a span img{width:100%;object-fit:fill;}
    .contents_media ul li a em{display:block;height:50px;line-height:48px;font-size:1.6rem;font-weight:300;color:#fff;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;opacity:0.5;}



    /* CONTACT & OUR PARTNERS */
    .wrap_contact .title{font-size:4.2rem;}
    .contents_contact{flex-wrap:wrap;justify-content:flex-start;}
    .contents_contact > div:nth-of-type(1){position:relative;width:100%;height:420px;}
    .wrap_location{height:calc(100% - 70px);}
    .location{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:70px;background:#002548;padding:0 20px;}
    .location em{text-align:left;font-size:1.4rem;color:#fff;opacity:.7;padding-right:0;padding-bottom:5px;}
    .location span{display:flex;flex-wrap:wrap;line-height:1.5;}
    .location strong{font-size:1.3rem;font-weight:300;color:#fff;padding:0;}
    .location strong i{opacity:.7;padding-right:5px;}
    .location strong:nth-of-type(1){width:100%;}
    .location strong:nth-of-type(2){margin-right:20px;}

    .contents_contact > div:nth-of-type(2){width:100%;}
    .contents_partner{display:flex;flex-wrap:wrap;justify-content:flex-start;height:auto;}
    .contents_partner li{position:relative;display:flex;justify-content:center;align-items:center;width:33.33333333%;height:70px;}
    .contents_partner li img{width:auto;height:90%;object-fit:cover;}
    .contents_partner li:nth-of-type(2):after,
    .contents_partner li:nth-of-type(4):after,
    .contents_partner li:nth-of-type(6):after,
    .contents_partner li:nth-of-type(8):after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0, .02);}
    .contents_partner li:nth-of-type(3):after, .contents_partner li:nth-of-type(7):after{display:none;}



    /* 카피라이터 */
    .logo_footer img{height:22px;}
    .wrap_address{flex-wrap:wrap;justify-content:flex-start;}
    address{width:100%;font-size:1.4rem;color:#777;line-height:1.6;opacity:0.8;}
    .btn_down{margin-top:10px;}
    .btn_down span{font-size:1.6rem;color:#fff;}
    .btn_down img{height:18px;}
    .copyright{font-size:1.3rem;color:#fff;font-weight:300;opacity: 0.2;}



    /* 고정메뉴 */
    .fiex_menu{position:fixed;right:20px;bottom:20px;}

    .btn_demo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;background:#7dbe42;border-radius:100%;transition: all .3s;}/* animation:ani 1s infinite alternate; */
    .btn_demo i{color:#fff;font-size:2rem;}
    .btn_demo em{font-size:1.3rem;font-family:'Montserrat';font-weight:500;color:#fff;line-height:1.1;text-align:center;margin-top:5px;}
    .btn_demo:hover{background: #73b442;transform: scale(1.1);}
    .btn_news{display:none;}

    /* detail */
    .box_detail{display:flex;flex-wrap:wrap;justify-content:space-between;}
    .box_detail div{position:relative;overflow:hidden;width:100%;height:200px;border:1px solid #ddd;background:#f9f9f9;}
    .box_detail div:before{content: '';position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,93,164, 0.5);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);}
    .box_detail div span{position:absolute;left:0;top:0;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.4rem;font-weight:500;color:#fff;text-align:center;line-height:1.3;}
    .box_detail div:hover:before{transform: translate(0, 0);opacity: 1;}
    .box_detail div:hover span{opacity:1;transition: all .3s;}


    .box_detail div:nth-of-type(4),
    .box_detail div:nth-of-type(5),
    .box_detail div:nth-of-type(6){margin-top:0;}

    .box_detail div img{width:100%;}




}

/* sm */
@media(max-width:767px){

    /* 레이아웃 */
    .container{max-width:100%;padding:0 20px;}

    .box_slider_text em{font-weight:500;font-size:3.4rem;color:#fff;line-height:1.2;}

    /* 모달 루카스 */
    .modal_loocus .modal-dialog{max-width:1320px;}
    .modal_loocus .modal-content{position:relative;background:#f5f5f7;padding:8% 5%;}
    .modal_loocus .close{position:absolute;right:20px;top:20px;z-index:100;opacity:1;margin:0;padding:0;}
    .modal_loocus .close i{font-size:3rem;color:#000;}
    .modal_loocus .modal-body{padding:0;}
    .modal_loocus .title{display:block;font-size:3.2rem;font-weight:600;color:#002548;text-align:center;}
    .modal_loocus .title_sub{display:block;font-size:1.6rem;font-weight:300;color:#00a2e8;text-align:center;}

    .metapo{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:280px;background:#fff;border:1px solid #00a2e8;padding:20px 15px;margin:0 2px;}
    .metapo img{width:60px;}
    .metapo em{font-size:1.6rem;font-weight:500;color:#009adc;margin:15px 0 10px;}
    .metapo span{font-size:1.4rem;font-weight:400;color:#002548;line-height:1.3;text-align:center;}

    .box_article{background:#fff;padding:50px 20px;}
    .box_article > em{display:block;font-size:3rem;font-weight:600;color:#002548;text-align:center;line-height:1.3;}
    .box_article > span{display:block;font-size:1.4rem;font-weight:400;color:#002548;text-align:center;line-height:1.4;margin-top:10px;}

    .vc_con_01{flex-direction:column;}
    .vc_con_01 > div{display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .vc_con_01 > div img{height:160px;}
    .vc_con_01 > div em{font-size:2rem;color:#002548;margin-top:15px;margin-bottom:15px;}




    .soon{display:flex;flex-direction:column;justify-content:center;align-items:center;}
    .soon > i{display:inline-flex;justify-content:center;align-items:center;width:6px;height:6px;border-radius:100%;background:#154985;margin:5px;}

    .box_article_news em{display:block;font-size:2rem;font-weight:500;color:#002548;padding:20px 0 10px;}
    .box_article_news ul{display:flex;flex-wrap:wrap;margin:0;}
    .box_article_news ul li{display:inline-flex;width:100%;margin:0;padding:10px 0;}
    .box_article_news ul li a{display:flex;}
    .box_article_news ul li a img{width:25%;}
    .box_article_news ul li a span{display:inline-flex;flex-direction:column;justify-content:space-between;width:calc(100% - 25%);padding:10px 0 10px 20px;}
    .box_article_news ul li a span strong{font-size:1.4rem;font-weight:400;color:#002548;line-height: 1.2;}
    .box_article_news ul li a span i{font-size:1.2rem;font-weight:300;color:#aaa;}


    .btn_down{padding:0 20px;}


    /* 모달 데모 */
    .modal_demo .modal-dialog{max-width:700px;}
    .modal_demo .modal-content{position:relative;padding:5% 5% 0;}
    .modal_demo .close{position:absolute;right:20px;top:20px;z-index:100;opacity:1;margin:0;padding:0;}
    .modal_demo .close i{font-size:3rem;color:#000;}

    .modal_demo .title{display:block;font-size:3rem;color:#000;font-family:'Montserrat';font-weight:700;}

    .modal_demo .modal-body{padding:0;}

    .form_2dan{display:flex;justify-content:space-between;align-items:center;}
    .form_2dan > div{width:calc(50% - 10px);}
    .modal_demo label{display:block;font-size:1.4rem;color:#002548;margin-bottom:8px;}
    .modal_demo input{width:100%;height:40px;line-height:37px;font-size:1.5rem;color:#000;border:1px solid #ddd;background:#f5f5f5;padding:0 10px;}
    .modal_demo select{width:100%;height:40px;line-height:37px;font-size:1.5rem;color:#000;border:1px solid #ddd;background:#f5f5f5;padding:0 10px;}
    .modal_demo textarea{width:100%;line-height:1.8;font-size:1.5rem;color:#000;border:1px solid #ddd;background:#f5f5f5;padding:0 10px;}

    .modal_demo .modal-footer{display:flex;justify-content:center;align-items:center;border-top:0;margin:20px 0;}

    .btn_1{display:inline-flex;justify-content: center;align-items:center;width:100%;max-width:150px;height:42px;font-size:1.6rem;color:#fff;border-radius:21px;padding-bottom:2px;}
    .btn_blue{background:#0a97d4;}
    .btn_black{background:#000;}

}

/* xs */
@media(max-width:575px){
    /* 메인 슬라이드 */
    .img-responsive.cover.mv_1{object-position:63% 50% !important;}
    .img-responsive.cover.mv_2{object-position:60% 50% !important;}
    .img-responsive.cover.mv_3{object-position:63% 50% !important;}
    /*.xs-point{padding-bottom:49px;}*/


    .loocus_menu.eng a > span:nth-of-type(2) button{display:inline-flex;justify-content:flex-start;align-items:center;opacity:.7;border:1px solid transparent;}
    .loocus_menu.eng a > span:nth-of-type(2) button b{text-align:left;min-width:70px;font-weight:300;font-size:1.3rem !important;color:#fff;border:1px solid transparent;}
    .loocus_menu.eng a > span:nth-of-type(2) button i{margin-left:10px;border:1px solid transparent;}

    /* 팝업 이미지 */
    .img_mobile_01{width:100%;height:280px;overflow:hidden;}
    .img_mobile_01 img{width:100% !important;height:280px;object-fit:cover;object-position:50% 50%;}

    .img_mobile_01.m_p_1 img{object-position:46% 50%;}
    .img_mobile_01.m_p_3 img{object-position:0% 50%;}
}
