@charset "utf-8";


* {font-family: 'Noto Sans KR','맑은고딕','Malgun Gothic',-apple-system;font-weight:400;}
a, abbr, address, article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video{font-family: 'Noto Sans KR','맑은고딕','Malgun Gothic',-apple-system;}

@-webkit-keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}
@keyframes ProgressDots {from {width: 0px;}to {width: 100%;}}

@keyframes typing {0%,30% {opacity:1; width: 0%; }100% {opacity:1; width:98%; }}
@-webkit-keyframes typing {0%,30% {opacity:1; width: 0%; }100% {opacity:1; width:98%; }}

@keyframes blink-caret {0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}
@-webkit-keyframes blink-caret {0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}

@keyframes opacity {0%, 100% {opacity:0;}50% {opacity:1;}}
@-webkit-keyframes opacity {0%, 100% {opacity:0;}50% {opacity:1;}}

@keyframes bg {
    0% {transform: scale(1.1) rotate(-0.01deg); -webkit-transform: scale(1.1) rotate(-0.01deg);}
    70%,100% {transform: scale(1) rotate(-0.01deg); -webkit-transform: scale(1) rotate(-0.01deg);}}
@-webkit-keyframes bg {
    0% {transform: scale(1.1) rotate(-0.01deg); -webkit-transform: scale(1.1) rotate(-0.01deg);}
    70%,100% {transform: scale(1) rotate(-0.01deg); -webkit-transform: scale(1) rotate(-0.01deg);}}

.main-photo__skin,
.main-photo__skin .photo_list--wrap,
.main-photo__skin .photo_list--wrap .slick-list,
.main-photo__skin .photo_list--wrap .slick-list .slick-track,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block;width:100%;height:100%;vertical-align:top;}


/* 레이아웃 */
#top_layout {position:absolute;border: none;}


@media(max-width:1519px){
    #top_layout {/* position:fixed; */border-bottom: 1px solid rgba(255,255,255,.2);}
}

/* 레이아웃 */





#main_visual {overflow:hidden;position: relative;width:100%;top:0;height:100%;}


#main_visual .viewer_area {width:100%; height:100%;}
#main_visual .viewer_area .slick-arrow {position: absolute;bottom: 0;display: none !important;}
#main_visual .slick-list {width:100%; height:100%;}
#main_visual .slick-list .slick-track {width:100%; height:100%;}
#main_visual .slick-list .slick-slide {width:100%; height:100%;}
#main_visual .slick-list .slick-slide>div {overflow: hidden;width:100%;height:100%;}
#main_visual .images_fade {width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:center;}
#main_visual .images_fade .bgimg {position:absolute; left:0; top:0; width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:center;}
#main_visual .slick-active .images_fade .bgimg {transform: scale(1.1);-webkit-transform: scale(1.1);animation: bg 12s linear 1; -webkit-animation: bg 12s linear 1;}
#main_visual .images_fade1 .bgimg {background-image:url(/images/login/login_visual01-6a0b489c2eb1d2b1f9da971292fc7916.jpg);}
#main_visual .images_fade2 .bgimg {background-image:url(/images/login/login_visual02-4735db7cebf66655a9715a40443928fb.jpg);}
#main_visual .images_fade3 .bgimg {background-image:url(/images/login/login_visual03-7ef29cb8e21c44f2e084c26fbeada24a.jpg);}
#main_visual .images_fade4 .bgimg {background-image:url(/images/login/login_visual04-b0c5f6bf87e7d2a330c2754792b025d0.jpg);}
#main_visual .tiptxt {position:absolute;left:50px;bottom:45px;z-index: 10;padding:12px 45px 11px 45px;border-radius:30px;background:rgba(0,0,0,.5);}
#main_visual .tiptxt span {display:block; position:relative; color:#fff; }
#main_visual .tiptxt span:before {display:block;position:absolute;left: -15px;top: 8px;content:'';width:5px;height:5px;border-radius:50%;background:#1aa59f;}
#main_visual .tiptxt2 {position:absolute;top: 80%;left:0px;width: 70%;padding: 0 20px 0 100px;text-align:left;z-index:100;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#main_visual .tiptxt2 strong {color:#333;font-family: 'Noto Sans KR';display:block;line-height: 1.2;margin: 0 0 10px;font-weight:500;font-size: 33px;text-shadow: 2px 2px 6px rgb(0 0 0 / 10%);}
#main_visual .tiptxt2 strong b{color:#0090d9;font-weight:700;}


#main_visual .tiptxt2 p {color:#333;font-size:25px;line-height:25px;font-weight:400;letter-spacing:-1px;}
#main_visual .tiptxt2 p span {display:inline-block; }
/*220531*/
#main_visual .tiptxt2.white strong {color:#fff;font-family: 'Noto Sans KR';display:block;line-height: 1.2;margin: 0 0 10px;font-weight:500;font-size: 33px;text-shadow: 2px 2px 6px rgb(0 0 0 / 10%);}
#main_visual .tiptxt2.white strong b{color:#0090d9;font-weight:700;}
#main_visual .tiptxt2.white p {color:#fff;font-size:25px;line-height:25px;font-weight:400;letter-spacing:-1px;}
#main_visual .tiptxt2.white p span {display:inline-block; }
/*220531*/

#main_visual .title_wrap {position:absolute;top: 87%;z-index: 10;width: 70%;padding: 0 20px 0 100px;text-align: left;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

#main_visual .pagingbox {position:relative;right: auto;bottom: auto;z-index: 10;margin: 30px 0;}
#main_visual .paging {margin-top: 0px;
    position: relative;
    text-align: left;
    width: auto;}
#main_visual .paging .inner {display: inline-block;position:relative;margin-right: 10px;}
#main_visual .paging .slick-dots {display:inline-block;position: relative;top: -4px;width: 200px;height: 1px;background: rgba(255, 255, 255, 0.3);}
#main_visual .paging .slick-dots:after{display:block; clear:both; visibility:hidden; content:'';}
#main_visual .paging .slick-dots li {display:inline-block;float:left;position: absolute;left:0;bottom:0;width:0;height: 100%;background: #fff;}
#main_visual .paging .slick-dots li.slick-active {width: 100%;-webkit-animation: ProgressDots 10s both;animation: ProgressDots 10s both;}
#main_visual .paging .slick-dots li button {display:none;}
#main_visual .paging >button {display:inline-block;margin: 0;font-size: 0;}
#main_visual .paging >button.pause {}
#main_visual .paging >button.play {}
#main_visual .paging >button[data-control="stop"]:before{width: 3px;height: 12px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
#main_visual .paging >button[data-control="play"]:before{right: -2px;width: 0;height: 0;border-width: 6px 0 6px 9px;border-style: solid;border-color: transparent transparent transparent #fff;}
#main_visual .paging .total {display:inline-block;margin: 0 5px 0 15px;}
#main_visual .paging .total span {font-family:'Noto Sans KR';display:inline-block;line-height:25px;font-size:13px;color: rgba(255,255,255,.5);}
#main_visual .paging .total span.current {font-family:'Noto Sans KR';font-size:13px; font-weight:700; color:#fff;}
#main_visual .paging .total span.current:before,
#main_visual .paging .total span.count:before {display:inline-block; content:"0"; font-size:13px;}
#main_visual .paging .total span.line {margin:0 5px 0 3px;}

#main_visual .paging .slick-arrow {display:inline-block;position:relative; width:25px; height:25px; margin:0 10px;background:url(http://demo.matrix2b.com:8080/innoPM/images/login/arr.png)no-repeat;font-size:0; vertical-align:top;}
#main_visual .paging .slick-prev {}
#main_visual .paging .slick-next:before {display:block; position:absolute; top:50%; left:-10px;  content:''; width:1px; height:10px; margin-top:-5px; background:rgba(255,255,255,.5);}
#main_visual .paging .slick-next {background-position:-25px 0;}



.section1 {position:relative;height: 100vh !important;min-height: 969px;overflow:hidden;}



@media(max-width:1650px){
    #main-menu {left: 2%;}
    #main_visual .tiptxt {left:2%; bottom:25px;}
    .lo-ft-b-c {width:44%;padding-top:15px;}
    .lo-ft-b-c ul {margin-left:0;}
}

@media(max-width: 1519px){  
    html.fp-enabled, .fp-enabled body {overflow:visible;}
    .fp-tableCell {display:block;height: 100% !important;}
    
    #main-menu {display:none;}
    #main_visual .tiptxt {display:none;}

    #main_visual .title_wrap {position:absolute;top: 87%;z-index: 10;width: 40%;padding: 0 20px 0 100px;text-align: left;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    #main_visual .title {position:relative;top:auto; left:auto;  text-align:center;}
    #main_visual .form_wrap {position:relative;top:auto;right:auto;margin: 0 auto;}
    #main_visual .pagingbox {position:relative;right:auto;bottom:auto;margin: 30px 0;}

    #main_visual .tiptxt2 {top: 80%;left: 0;width: 40%;padding: 0 20px 0 100px;text-align:left;z-index:100;line-height:22px;}
    #main_visual .tiptxt2 strong {font-size:33px;}

    #main_visual .tiptxt2 p span {display:block; }
    .lo-ft-b-c {width:34%;padding-top:0px;}
    .lo-ft-b-c ul {margin-left:0;}

}


@media(max-width: 1200px){
    .header {width: 66.5%;max-width:620px;margin: 0 auto;padding: 10px 0% 5px;}
    #main_visual .tiptxt2 {top: 13%;left: 0;right: 0;width: 66.5%;max-width:620px;margin: 0 auto;padding: 0 20px 0 30px;text-align:left;z-index:100;line-height:22px;}
    #lo-footer {position: relative;}
    #lo-footer .lo-inner2 {width: 100%;max-width:620px;}
  
    .lo-content {margin: 100px auto 0 auto;}
    #main_visual .title_wrap {}
    .section1 {height: 100vh !important;min-height: 1000px;}
    #main_visual .tiptxt2 p span {display: inline-block;}
    
    .lo-ft-b {padding:10px 0%;width: 66.5%;
    max-width: 620px;margin: 0 auto;}
    .lo-ft-b-c {float:right;width: calc(100% - 200px);padding-left: 0px;}
    .lo-ft-b-c .copy {margin-right: 20px;}
    .lo-ft-b-bnr {width:100%;text-align:center;}

}
@media(max-width: 1024px){
    
    .lo-ft-b .link {position: relative;top: 0;left: 0;padding-left: 0;}
    .lo-ft-b-c {position:relative;right: 0;padding-left: 0px;margin-top: 0px;}
    .lo-ft-b-c .copy {width: 100%;display: block;}
    .lo-ft-b-bnr {position: relative;top: 0px;right: 0;float: left;width: 100%;margin: 0 auto;text-align: center;margin-top: 10px;padding-right: 0;padding-top: 0px;}


}

@media(max-width:750px){
    .section1 {min-height:1050px;}/*220531*/
    #main_visual .title > span {font-size:18px;}
    #main_visual .title > p {margin: 25px 0 15px;}
    #main_visual .paging .slick-dots {width:200px;}
    #main_visual #titleAC {font-size:45px;}
    #main_visual #titleAC .grap ul {width:120px;}
    #main_visual #titleAC .grap ul li,
    #main_visual #titleAC .grap ul li span {font-size:45px;}
    #main_visual #titleAC .grap ul li:first-child em {height:45px; }
    #main_visual #titleAC .inner:before, #main_visual #titleAC .inner:after {height:45px;}
    .header {width: 90%;}
    #main_visual .tiptxt2 {top: 13%;left: 0;right: 0;width: 90%;margin: 0 auto;padding: 0 20px 0 30px;text-align:left;z-index:100;line-height:22px;}
    
    .header .lo-t-r {right: 0%;}
    .header h1 > a {height: 60px;  }
    .header h1 .logo1 {display:none;}
    .header h1 .logo1 em {display: inline-block;}
    .link_item {margin-top: 28px;}
    .lo-content {margin: 20px auto 20px auto;width:calc(100% - 40px);}
    #main_visual .tiptxt2 {top: 18%;display: none;}
    .login-box {height: auto;}
    .lo-l-t-l {width: 100%;margin-right: 0px;height: auto;}
    .login-box .lo-l-t-r {margin-top: 10px;}
    .lo-l-t-r {width: 100%;height: 45px;}
    .lo-l-t-r .btn-login {line-height: 45px;}
    .lo-l-t-f .btn-find {padding: 0 0px 0 20px;}
    .busi-box .lo-l-t-l {width: 100%;margin-right: 0px;}
    .busi-box .lo-l-t-r {width: 100%;}
    .lo-r-t-b > div {width: 100%;margin-right: 0;}
    .ptnr_icon:before {display: none;}
    .tab_container {height: auto;}
    .lo-r-b section ul.board_list li a {padding-right: 0%;}
    .lo-r-b section ul.board_list li a span {position: relative;display: block;    right: 0px;text-align: right;}
    .lo-ft-b-c {position: relative; width: 100%;padding-left: 0px;margin-top: 00px;margin-bottom: 5px;}
    .lo-ft-b-bnr {position: relative; padding-top:0px; text-align: left;display: block;}
    .lo-ft-b-bnr a img {width: 90%;}
    .lo-ft-b {padding: 10px 3%;width: 100%;}
    .lo-ft-b .link {position: relative;width: 100%;text-align:center;background-position-x: center;margin-bottom: 5px;padding-top: 0px;background-size: 40%;}
    .lo-ft-b-c ul {text-align: center;margin: 0 auto;}
    .lo-ft-b-c ul li {margin-right: 10px;}
    #lo-footer .lo-inner2 {width: 92%;}
    

}

@media(max-width:580px){
    .section1 {min-height: 1400px;}/*220531*/
    
    #main_visual .title > span {font-size:14px;}
    #main_visual .title > p span {font-size:16px;}
    #main_visual .form_wrap {/* margin: 45px auto 0; */}
    #main_visual .form_wrap input[type="text"]{height:60px;line-height: 52px;padding: 0 55px 0 25px;border: 4px solid #05aba7;font-size:16px;}
    
    #main_visual #titleAC {font-size:35px;}
    #main_visual #titleAC .grap {height:40px;}
    #main_visual #titleAC .grap ul {width:90px;}
    #main_visual #titleAC .grap ul li,
    #main_visual #titleAC .grap ul li span {font-size:35px;}
    #main_visual #titleAC .grap ul li:first-child em {height:35px; }
    #main_visual #titleAC .inner:before, #main_visual #titleAC .inner:after {height:35px;border-width: 5px;width: 10px;}

}