@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");



/*    메인비주얼    */
.mainvisual {width:100%; height:935px; position:relative; min-width:1100px; font-family:'Noto Sans KR', sans-serif !important; overflow:hidden;}
.mainvisual .slide {width:100%; height:100%;}
.mainvisual .slide .bg {background-repeat:no-repeat; background-position:center; height:935px; background-size:cover; text-align:center;}
.mainvisual .slide .bg.bg01 {background-image:url('/common/img/slide01.jpg');}
.mainvisual .slide .bg.bg02 {background-image:url('/common/img/slide02.jpg');}
.mainvisual .slide .bg.bg02.logo {background-image:url('/common/img/slide02-logo.jpg'); transition:opacity 1.5s ease; opacity:0; position:absolute; top:0; left:0; width:100%; height:935px;}
.mainvisual .slide .bg.bg03 {background-image:url('/common/img/slide03.jpg');}

.mainvisual .slide .bg:after {content:''; display:inline-block; vertical-align:middle; height:100%;}
.mainvisual .slide .bg .txtbox {display:inline-block; vertical-align:middle; overflow:visible;}

.mainvisual .slide .bg.bg01 .txtbox h3 {font-size:70px; font-weight:500; color:#fff; opacity:0.6; line-height:1; letter-spacing:-7px; margin:0 0 0 -7px; opacity:0; transition:opacity 1.5s ease; text-shadow: 3px 3px 3px #000;}
.mainvisual .slide .bg.bg01 .txtbox h2 {font-size:85px; font-weight:400; color:#fff; line-height:100px; letter-spacing:-7.5px; margin:25px 0 0; opacity:0; transition:opacity 1.5s ease; transition-delay:0.5s; text-shadow: 3px 3px 3px rgba(0,0,0,0.69);}
.mainvisual .slide .bg.bg01 .txtbox h2 span {font-weight:700;}


.mainvisual .slide .bg.bg03 .txtbox h3 {font-size:80px; font-weight:700; color:#fff; opacity:0; transition:opacity 1.5s ease; text-shadow: 3px 3px 3px #000; margin:-20px 0 0 -570px; display:inline-block;}
.mainvisual .slide .bg.bg03 .txtbox h2 {font-size:89.87px; font-weight:800; color:#fff; line-height:1; margin:0; letter-spacing:-0.2px; display:inline-block; text-shadow: 3px 3px 3px rgba(0,0,0,0.69);}


.mainvisual .slide .bg.bg03 .txtbox .tit01 {opacity:0; transition:opacity 1.5s ease, transform 1.5s ease; transition-delay:0.5s; transform:translateX(20px);}
.mainvisual .slide .bg.bg03 .txtbox .tit02 {opacity:0; transition:opacity 1.5s ease; transition-delay:1s;}
.mainvisual .slide .bg.bg03 .txtbox .tit03 {opacity:0; transition:opacity 1.5s ease, transform 1.5s ease; transition-delay:1.5s; transform:translateX(-20px);}
.mainvisual .slide .bg.bg03 .txtbox .tit01 h2 {margin:4px 0 0 -350px;}
.mainvisual .slide .bg.bg03 .txtbox .tit02 h2 {margin:17px 0 0 4px;}
.mainvisual .slide .bg.bg03 .txtbox .tit03 h2 {margin:0 0 0 406px;}



.mainvisual .slide .bg.bg01 .txtbox.animation_start h3 {opacity:0.6;}
.mainvisual .slide .bg.bg01 .txtbox.animation_start h2 {opacity:1;}
.mainvisual .slide .bg.bg02.logo.animation_start {opacity:1;}

.mainvisual .slide .bg.bg03 .txtbox.animation_start h3 {opacity:0.6;}
.mainvisual .slide .bg.bg03 .txtbox.animation_start .tit01 {opacity:1; transform:translateX(0);}
.mainvisual .slide .bg.bg03 .txtbox.animation_start .tit02 {opacity:1;}
.mainvisual .slide .bg.bg03 .txtbox.animation_start .tit03 {opacity:1; transform:translateX(0);}


.mainvisual > a {display:block; width:70px; height:70px; background:transparent; position:absolute; left:50%; bottom:0; transform:translate(-50%,0); opacity:0.7; margin:0 0 148px -3px;}


/*

.mainvisual .slider .bg {background-repeat:no-repeat; background-position:center; height:900px; background-size:cover;}
.mainvisual .slider .bg.bg01 {background-image:url('/common/img/slide01.jpg');}
.mainvisual .slider .bg.bg02 {background-image:url('/common/img/slide02.jpg');}
.mainvisual .slider .bg.bg03 {background-image:url('/common/img/slide03.jpg');}
*/




/*
.mainvisual .slider {position:relative; height:100%; background:#f00; z-index:1; }
.mainvisual .slider-ul {height:100%;}
.mainvisual .slider-li {position:absolute; width:100%; height:100%; top:0; left:0; visibility:hidden;}
.mainvisual .slider-li.on {visibility:visible;}
.mainvisual .slider-li .bg {height:100%;}
.mainvisual .slider-li .bg div {position:absolute; height:100%; overflow:hidden;}
.mainvisual .slider-li .bg div:nth-child(1) {width:50%; }
.mainvisual .slider-li .bg div:nth-child(2) {width:50%; left:50%;}
.mainvisual .slider-li .bg div:nth-child(3) {width:20%; left:15%;}
.mainvisual .slider-li .bg div:nth-child(4) {width:30%; left:35%;}
.mainvisual .slider-li .bg div:nth-child(5) {width:20%; left:65%;}
.mainvisual .slider-li .bg div:nth-child(6) {width:10%; left:85%;}
.mainvisual .slider-li .bg div:nth-child(7) {width:5%; left:95%;}
.mainvisual .slider-li .bg div span {position:absolute; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat; background-position:center 100px; background-size:cover; background-attachment:fixed; transition:none;}
.mainvisual .slider-li .bg[data-dir='left'] div span {transform-origin:left 0;}
.mainvisual .slider-li .bg[data-dir='left'] div:nth-child(2) span {transform-origin:left 100 !important;}
.mainvisual .slider-li_bg01 .bg span {background-image:url('/common/img/slide01.jpg');}
.mainvisual .slider-li_bg02 .bg span {background-image:url('/common/img/slide02.jpg');}
.mainvisual .slider-li_bg03 .bg span {background-image:url('/common/img/slide03.jpg');}

.mainvisual .slider .control {display:none;}
*/