/*   Main   */

#scroll-nav { position: fixed; margin: -45px 0 0 0; top: 50%; right: 40px; z-index: 199; }
#scroll-nav ul li { margin-bottom: 10px; text-align: right;}
#scroll-nav ul li a{ display: inline-block; width: 100%; height: 12px; }
#scroll-nav ul li a:after{display:inline-block; content:''; width:12px; height: 12px; background: #fff; border: 1px solid #444; cursor: pointer;}
#scroll-nav ul li span{display:none;position:relative;top:-2px;margin-right: 10px; font-size: 14px; color: #fff;}
#scroll-nav ul li a:focus span{display:inline-block;}
/*#scroll-nav ul li.active a:after, #scroll-nav ul li:hover a:after{background: #fff; }*/
#scroll-nav ul li.active a:after, #scroll-nav ul li:hover a:after{background: #444;border:1px solid #444; }
#scroll-nav ul li.active a:before, #scroll-nav ul li:hover a:before{content: "" attr(titulo) "";}
#scroll-nav ul li.active a.nav-a-wh:before, #scroll-nav ul li:hover a.nav-a-wh:before{color:#fff;font-size:14px;}
#scroll-nav ul li.active a.nav-a-blk:before, #scroll-nav ul li:hover a.nav-a-blk:before{color:#444;font-size:14px;}


/***시작 #m-container ***/
#m-container .section {overflow:hidden; position: relative; display:block; width:100%; height: 100%; min-width: 320px; min-height: 320px; transform-style: preserve-3d;}
#m-container .section.sec-tbl {display:table; width: 100%;  -webkit-box-sizing: border-box; box-sizing: border-box; height: 200px; }
#m-container .section .section-cell {display:table-cell;overflow: hidden; vertical-align: middle; text-align:center;}
#m-container .section .tit{padding: 0px 0 60px; text-align: center;}
#m-container .section .tit h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 350;
    letter-spacing: -1px;
    margin-top: 20px;
}


#m-container .section .tit h2 strong{font-size: 60px; font-weight: 600; color: #fff;}
#m-container .section .tit h2 strong.tit-black{color: #222; margin-top: 50px;}
#m-container .section .tit p{padding-top: 20px; color: #fff; font-size: 18px;font-weight:300;}
#m-container .section .tit p.tit-p-blk{color: #333;}



@media all and (max-width: 960px) {
#m-container .section .tit p{display:none; padding-top:10px; font-size: 12px;}
#m-container .section .tit h2{font-size:20px;}
#m-container .section .tit h2 strong{font-size:25px;}
#m-container .section.sec-tbl{display: block;}
#m-container .section .section-cell{display: block;}
	}
	
@media (min-width: 768px) and (max-width: 1024px) {
#m-container .section .tit{padding: 65px 0 30px;}
}
@media (min-width: 481px) and (max-width: 767px) {
#m-container .section .tit{padding: 45px 0 30px;}
}
@media (min-width: 320px) and (max-width: 480px) {
#m-container .section .tit{padding: 30px 0;}
}
/***끝 #m-container ***/

/***시작 .visual-slide ***/
	.visual-slide .slide { width: 100%; height: 100vh; }
	.visual-slide .slide.slide01 .bg { background: url("../images/main/img_slide01.jpg") no-repeat 50% 50%; background-size: cover; }
	.visual-slide .slide.slide02 .bg { background: url("../images/main/img_slide02.jpg") no-repeat 50% 50%; background-size: cover; }
	.visual-slide .slide.slide03 .bg { background: url("../images/main/img_slide03.jpg") no-repeat 50% 50%; background-size: cover; }
	.visual-slide .slide.slide04 .bg { background: url("../images/main/img_slide04.jpg") no-repeat 50% 50%; background-size: cover; }
	.visual-slide .slide.slide05 .bg { background: url("../images/main/img_slide07.jpg") no-repeat 50% 50%; background-size: cover; }
	
	
	.visual-slide .slide .bg { position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; height: 100vh; z-index: -1;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		opacity: 0;
		-ms-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
		transition:transform 7s ease-out, opacity 1s ease 0.3s;
	}
	.visual-slide.ani .slide.slick-active .bg {
		opacity: 1;
		-ms-transform: scale(1, 1) rotate(.001deg);
		-webkit-transform: scale(1, 1) rotate(.001deg);
		transform: scale(1, 1) rotate(.001deg);
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.visual-slide .intro .txt-wrap a {display: inline-block; min-width:130px; width: 130px; height: 34px; margin:0 3px; padding:0 25px; line-height: 28px; vertical-align:top; border: 1px solid #fff; border-radius: 3px; color: #fff; letter-spacing:-1px;}
	
	.visual-slide .intro { display: table; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 30px 60px 200px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.visual-slide .intro .box{padding:30px; width:700px;height:218px;margin:0 auto;background:url('../images/main/bg_box_slide05.png') repeat;}
	.visual-slide .intro .txt-wrap {display: table-cell; padding-top:15%; text-align: center; vertical-align: middle;}
	.visual-slide .intro .top{color: #fff;font-size: 24px;letter-spacing:-1px;font-weight: 400;opacity: 0;display:block;margin-bottom:20px;}
	.visual-slide .intro .tit {position: relative; padding: 0 !important; letter-spacing: -2.5px;}


	.visual-slide .slide05 .intro .tit strong{font-size:35px; }
	.visual-slide .intro .tit em { color: #fff; font-size: 68px; font-weight: 900;color:#0074b6; font-style:normal;}
	/*.visual-slide .intro .tit:after { display: block; margin: 10px auto 0 auto; content: ''; width: 340px; height: 1px; border-top: 1px solid #eae1dc; opacity: 0.5; }*/
	
	.visual-slide.ani .slide.slick-active .intro .top{opacity: 1; transition: -webkit-transform 3s; transition: transform 3s; transition: transform 3s;}
	.visual-slide.ani .slide.slick-active .intro .tit strong {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
	/*
	.visual-slide.ani .slide.slick-active .intro .txt01{-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
	.visual-slide.ani .slide.slick-active .intro .txt02{-webkit-transform:translateY(0); transform:translateY(0); opacity: 1; transition: -webkit-transform 1.5s; transition: transform 1.5s; transition: transform 1.5s; font-size: 18px;font-weight:600; line-height:1.6;text-shadow: 4px 2px 2px rgba(0, 0, 0, 0.4);text-transform: uppercase;}
	*/
	.visual-slide.ani .slide.slick-active .intro .txt01{-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
	.visual-slide.ani .slide.slick-active .intro .txt02{-webkit-transform:translateY(0); transform:translateY(0); opacity: 1; transition: -webkit-transform 1.5s; transition: transform 1.5s; transition: transform 1.5s; font-size: 18px;font-weight:600; line-height:1.6;text-shadow: 4px 2px 2px rgba(0, 0, 0, 0);text-transform: uppercase;}
	#section01 .btn-wrap{opacity: 1; transition: -webkit-transform 1.5s; transition: transform 1.5s; transition: transform 1.5s;}
	
	.visual-slide .intro .txt01 { padding: 30px 0 15px; color: #fff; font-size: 26px;line-height: 35px; letter-spacing:-1px; opacity: 0; -webkit-transform:translateX(50px); transform:translateX(50px);}
	.visual-slide .intro .txt01 strong { color: #fff; font-size: 46px;font-weight:900;text-shadow: 4px 2px 2px rgba(0, 0, 0, 0.4);}
	.visual-slide .intro .txt02 {max-width:800px; margin:0 auto; color: #fff; opacity: 0; -webkit-transform:translateY(50px); transform:translateY(50px);}
	/* .visual-slide .slide04 .intro .txt01, .visual-slide .slide04 .intro .txt02,
	.visual-slide .slide05 .intro .txt01, .visual-slide .slide05 .intro .txt02, .visual-slide .slide05 .intro .tit{text-shadow:0 0 8px rgba(72,72,72,.6);} */
	
	.visual-slide .slick-dots { position: absolute; top:85%; left: 0; margin-top:-60px; width: 100%; text-align: center; z-index: 2;  }
	.visual-slide .slick-dots li { display: inline-block; width: 10px; height: 10px; webkit-transition: all 0.3s ease;
		transition: all 0.3s ease; background:#fff;border-radius:10px; -webkit-box-sizing: border-box; box-sizing: border-box;margin-right:10px; }
	/*.visual-slide .slick-dots li { display: inline-block; width: 20%; max-width: 228px; height: 60px; webkit-transition: all 0.3s ease;
		transition: all 0.3s ease; background: url("../images/main/bg_slick_dots01.png") no-repeat 0 -60px; -webkit-box-sizing: border-box; box-sizing: border-box; }*/
	
	/*.visual-slide .slick-dots li.slick-active{width:30px;background:#0074b6;}*/
	.visual-slide .slick-dots li.slick-active{display:none}
	
	.visual-slide .slick-dots li:nth-child(2){/*background: url("../images/main/bg_slick_dots02.png") no-repeat 0 -60px;*/}
	.visual-slide .slick-dots li:nth-child(3){/*background: url("../images/main/bg_slick_dots03.png") no-repeat 0 -60px;*/}
	.visual-slide .slick-dots li:nth-child(4){/*background: url("../images/main/bg_slick_dots04.png") no-repeat 0 -60px;*/}
	.visual-slide .slick-dots li:nth-child(5){/*background: url("../images/main/bg_slick_dots05.png") no-repeat 0 -60px;*/}
	.visual-slide .slick-dots li a { position: relative; overflow: hidden; display: block; width: 100%; height: 59px; border: none; background: none; color: #9a9c9c; }
	.visual-slide .slick-dots li a em {position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; display: block; text-align: center; line-height: 60px; color: #9a9c9c; text-indent:-9999px; z-index: 3;font-style: normal; }
	.visual-slide .slick-dots li.slick-active a em{color: #fff;}

@media all and (max-width: 1200px) { 
	.visual-slide .slick-dots{margin-top: -50px;}
	.visual-slide .slick-dots li{}
}



@media all and (max-width: 960px) { 
	.visual-slide .slide.slide01 .bg { background: url("../images/main/img_slide01.jpg") no-repeat 50% 50%; background-size: cover;}
	.visual-slide .slide.slide02 .bg { background: url("../images/main/img_slide02.jpg") no-repeat 50% 50%; background-size: cover; }
	.visual-slide .slide.slide03 .bg { background: url("../images/main/img_slide03.jpg") no-repeat 50% 50%; background-size: cover; }
	.visual-slide .slide.slide04 .bg { background: url("../images/main/img_slide04.jpg") no-repeat 50% 50%; background-size: cover; }
	.visual-slide .slide.slide05 .bg { background: url("../images/main/img_slide01.jpg") no-repeat 50% 50%; background-size: cover; }
	.visual-slide .intro{padding: 55px 0 100px;}

	.visual-slide .intro .tit:after{width: 150px;}

	.visual-slide .intro .txt01{padding-top:10px; font-size:13px;line-height:1.5;}
	.visual-slide .intro .txt01 strong{font-size:24px;text-shadow:none;font-weight:400;margin-top:30px;}
	.visual-slide .intro .txt02{margin:0 20px;}
	.visual-slide .intro .txt-wrap{padding-top:0;}
	.visual-slide .intro .txt-wrap a{padding:0 15px;min-width:100px;width:100px;height:30px;line-height:28px;}
	.visual-slide .intro .box{padding:15px; width:300px;height:138px;margin:0 auto;background:url('../images/main/bg_box_slide05.png') repeat; box-sizing:border-box;}


	.visual-slide .slick-dots {margin-top:-60px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}

	.visual-slide .slick-dots li a { height: 43px; }
	.visual-slide .slick-dots li a em { height: 30px; text-align: left; line-height: 30px; font-size: 18px; font-weight: bold; padding-left: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } 
}

	.visual-slide .intro .tit strong {display: block; font-size:38px;  font-weight: 200; color:#fff; -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity: 0;text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.4);  }
	
@media all and (max-width: 960px) { 

}

@media(max-width: 767px) {
	.visual-slide .intro{padding: 50px 0 0;}
		.visual-slide .intro .tit strong{font-size: 30px; line-height:1.3;}
	.visual-slide .intro .tit strong em{font-size: 30px;}
	.visual-slide.ani .slide.slick-active .intro .tit strong{font-size:22px;}
		.visual-slide .slick-dots li a em{font-size:16px;}	
	}
	
@media (min-width: 481px) and (max-width: 767px) {
	.visual-slide .intro .top{font-size: 18px; letter-spacing:0;;margin-bottom:0;}
	.visual-slide .intro .tit strong em{font-size: 40px;}
	.visual-slide.ani .slide.slick-active .intro .tit strong{font-size:30px;letter-spacing:0;}
	.visual-slide .intro .txt01{ padding:0;line-height:0;}
	.visual-slide .intro .txt01 strong{ font-size:18px;letter-spacing:0;font-weight:700;text-shadow:none; }
	.visual-slide .intro .txt02{margin:20px 0;}
	.visual-slide.ani .slide.slick-active .intro .txt02{font-size: 15px;font-weight:400; line-height:1.3;text-shadow: none;padding:0 10px;}	
	
}

@media (min-width: 320px) and (max-width: 480px) {
	.visual-slide .intro .top{font-size: 14px;font-weight:700; letter-spacing:0;}
	.visual-slide .intro .tit strong{font-size: 30px; line-height:1.3; letter-spacing:0;}
	.visual-slide .intro .tit strong em{font-size: 30px;}
	.visual-slide.ani .slide.slick-active .intro .txt02{font-size: 14px;font-weight:400; line-height:1.3;text-shadow: none;}	
}

/***끝 .visual-slide ***/

/***시작 #section01***/
#section01 .slick_slider { opacity:0; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease; }
#section01 .slick-initialized {display: block; max-width: none; position: relative; top: 0; left: 0; margin-left: 0; height: 100%; width: 100%; opacity:1; }
#section01 .btn-wrap{width:100%; margin-top:30px; z-index:100;opacity: 0;}
#section01 .slide05 .btn-wrap .inner{width:700px;}
#section01 .btn-wrap .inner{position:relative;width:960px; margin:0 auto; text-align:center;}
#section01 .btn-wrap .inner .btn-play{position:relative;top:0;left:-1px;width:34px; height:34px; background: url('../images/main/btn_stop.png') no-repeat;}
#section01 .btn-wrap .inner .btn-play.on{background: url('../images/main/btn_play.png') no-repeat;background-size:30px;}
#section01 .btn-wrap .inner .btn-play span{display:block; text-indent:-9999px;}

@media all and (max-width: 960px) {
#section01 .btn-wrap{margin-top:20px;}
#section01 .btn-wrap .inner{width:100% !important;}
#section01 .btn-wrap .inner .btn-play{width:30px;height:30px;background-size: 30px;}
#section01 .visual-slide .slide04 .intro{padding-bottom: 100px;}
#section01 .slide05 .btn-wrap{margin-top:15px;}
}

.ScrollDown {
  width: 100%;
  height: 100vh;
  text-align: center;
  background: url('../index_files/bg07.jpg') no-repeat center center;
  background-size: cover;
}

.ScrollDown_box {
  position: absolute;
  left: 50%;
  bottom: 2%;
  margin-left: -70px;
}
a.btn_ScrollDown {
  display: block;
  padding-top: 54px;
  width: 100px;
  height: 10px;
  margin: 0 auto;
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
		font-weight:bold;
  
}
a.btn_ScrollDown span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -15px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
a.btn_ScrollDown span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
a.btn_ScrollDown span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
a.btn_ScrollDown span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.mouse{
  position: absolute;
  left: 50%;
  bottom: 2%;
  width: 32px;
  height: 43px;
  background: #4e5559 linear-gradient(transparent 0%,
                                      transparent 50%,
                                      #ffffff 50%,
                                      #ffffff 100%);
  background-size: 100% 200%;
  border-radius: 100px;
  animation: colorSlide 5s linear infinite,
             nudgeMouse 5s ease-out infinite;
}
.mouse:before,
.mouse:after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.mouse:before{
  width: 26px;
  height: 37px;
  background-color: #30333a;
  border-radius: 100px;
}
.mouse:after{
  background-color: #ffffff;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  animation: trackBallSlide 5s linear infinite;
}
.text-mouse{
  margin-top: 10px;
  font-family: Cabin;
  letter-spacing: 12px;
  color: #fff;
  text-indent: 12px;
  animation: colorText 5s ease-out infinite,
             nudgeText 5s ease-out infinite;
}

/* Animations */
@keyframes colorSlide{
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}

@keyframes colorText{
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
} 

@keyframes trackBallSlide{
  0%{
    opacity: 1;
    transform: scale(1) translateY(-20px);
  }
  6%{
    opacity: 1;
    transform: scale(0.9) translateY(5px);
  }
  14%{
    opacity: 0;
    transform: scale(0.4) translateY(40px);
  }
  15%, 19%{
    opacity: 0;
    transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99%{
    opacity: 1;
    transform: scale(1) translateY(-20px);
  }
  30%{
    opacity: 1;
    transform: scale(1) translateY(-20px);
  }
  36%{
    opacity: 1;
    transform: scale(0.9) translateY(5px);
  }
  44%{
    opacity: 0;
    transform: scale(0.4) translateY(40px);
  }
  45%, 49%{
    opacity: 0;
    transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99%{
    opacity: 1;
    transform: scale(1) translateY(-20px);
  }
  60%{
    opacity: 1;
    transform: scale(0.9) translateY(-20px);
  }
  66%{
    opacity: 1;
    transform: scale(0.9) translateY(5px);
  }
  74%{
    opacity: 0;
    transform: scale(0.4) translateY(40px);
  }
  75%, 79%{
    opacity: 0;
    transform: scale(0.4) translateY(-20px);
  }
  88%, 100%{
    opacity: 1;
    transform: scale(1) translateY(-20px);
  }
}
@keyframes nudgeMouse{
  0%{
    transform: translateY(0);
  }
  20%{
    transform: translateY(8px);
  }
  30%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(8px);
  }
  60%{
    transform: translateY(0);
  }
  80%{
    transform: translateY(8px);
  }
  90%{
    transform: translateY(0);
  }
}
@keyframes nudgeText {
  0%{
    transform: translateY(0);
  }
  20%{
    transform: translateY(2px);
  }
  30%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(2px);
  }
  60%{
    transform: translateY(0);
  }
  80%{
    transform: translateY(2px);
  }
  90%{
    transform: translateY(0);
  }
}

    .center-scroll {
        margin: 0 auto;
        height: 100vh;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .mouseLayout {
        width: 35px;
        height: 50px;
        background: transparent;
        border: 3px solid #fff;
        border-radius: 25px;
        position: relative;
								margin:0 auto;
    }

    .mouseLayout::before {
        content: '';
        border: 3px solid #fff;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        animation: drop 1s linear infinite;
    }

    .mouseLayout::after {
        content: '';
        border: 3px solid #fff;
        height: 10px;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50px;

        transition: all 2s ease;
    }

    @keyframes drop {
        0% {
            transform: translate(-50%, 10px);
            opacity: 0;
        }

        60% {
            transform: translate(-50%, 20px);
            opacity: .8;
        }

        100% {
            transform: translate(-50%, 30px);
            opacity: 1;
        }
    }


    .text-scroll {
    	margin-top: 10px;
    	font-size: 0.7em;
    	letter-spacing: 4px;
    	text-transform: uppercase;
    	font-weight: 500;
					color:#fff;
					text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.4);
    }

/***끝 #section01 ***/

/***시작 #section02 ***/
#section02 { background: url("./bg02.jpg") no-repeat 50% 50%; background-size: cover; }
#section02 {
    height: 700px !important;
}

@media all and (max-width: 1200px){
#section02 .section-list li a .ico img{width: 42px !important;}
}

@media all and (min-width: 961px) { 
#section02 .section-list{overflow: hidden; /*padding:0 170px;*/}
#section02 .section-list li{position:relative; float: left; margin-bottom: 20px; padding: 0 10px; /*width: 33.3%;*/width:25%; -webkit-box-sizing: border-box; box-sizing: border-box;}
#section02 .section-list li div{display:table; overflow:hidden; width: 100%; height:230px;/* border: 1px solid #fff;*/ -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#section02 .section-list li div:hover{/*border:1px solid #005890;webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/}
#section02 .section-list li a{display:table-cell; vertical-align: middle;}
#section02 .section-list li a .txt{position:relative; padding-top:36px; line-height:1.2; font-size: 22px; color: #fff;}
#section02 .section-list li a .sml-txt{position:relative; padding-top:36px; line-height:1.2; font-size: 16px; color: #fff;font-weight:300;}
#section02 .section-list li a:hover, #section02 .section-list li a:focus{/*background: #005890;  webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; */
}
#section02 .section-list li a .txt:after{position: relative; top:-1px; display: inline-block; content:''; margin-left: 8px; width: 8px; height: 13px; background: url("../images/main/ico_arr_h.png") no-repeat;}
#section02 .section-list li a span{position: relative; display:block;}

#section02 .section-list li a .ico:after{display:block;content:'';position:absolute; bottom:-16px;left:50%; margin-left:-21px; width: 42px;height:1px; /*background: #dee9f1;*/}
}

@media all and (max-width: 960px) {
	#section02,#section03,#section04,#section05{height: 100% !important;}
	#section02 .section-list{padding:0 0 65px 0 !important;}
	#section02 .section-list li{padding: 0 3px;}
	#section02 .section-list li div{height:130px;}
	#section02 .section-list li a .ico img{width: 35px !important;}
	#section02 .section-list li a .txt{padding-top:28px; font-size: 14px;}
	#section02 .section-list li a .txt:after{top:4px; margin-left:5px; width: 5px;background-size: 5px;}
	#section02 .section-list li a .ico:after{bottom:-12px; width: 24px; margin-left: -12px;}	
}
/***끝 #section02 ***/

/***시작 #section03 ***/
#section03 { background: url("./bg03.jpg") no-repeat 50% 50%; background-size: cover; }

#section03 .slick-arrow{position:absolute; top: 50%; margin-top: -37px;}
#section03 .section-list [class^="slide"]{margin:0 25px; width: 289px; /*height: 480px;*/height: 540px;}
#section03 .section-list [class^="slide"] > a{display: block; position: relative; height: 100%; cursor: pointer;}
#section03 .section-list [class^="slide"] dl{position:relative;padding: 40px 20px 0 25px; text-align: left; background:#fff;}
#section03 .section-list [class^="slide"] dl dt{padding-bottom:15px; font-weight: 400; color: #222; font-size: 24px;}
#section03 .section-list [class^="slide"] .bottom dl{height:310px;padding-bottom:35px; box-sizing:border-box;-webkit-box-sizing:border-box;background:#f4f4f4;}
#section03 .section-list [class^="slide"] .bottom dl dt + dd{font-size:16px;line-height:24px;height:120px;overflow: hidden;}
#section03 .section-list [class^="slide"] dl dd.btn{position:absolute; left:20px;bottom:50px;color: #008bca;}
#section03 .section-list [class^="slide"] dl dd.btn:after{display:inline-block;content:''; margin:-3px 0 0 9px; width:20px;height:9px; vertical-align:middle; background: url('../images/main/ico_arr_front.png') no-repeat;}
#section03 .section-list [class^="slide"] .bottom{overflow: hidden; width:100%; /*height: 480px;*/height: 600px;background:none; }
#section03 .section-list [class^="slide"] .bottom .pic{position:relative;/* width:288px; /*height: 170px;*/}
#section03 .section-list [class^="slide"] .bottom .pic:after{position:absolute; bottom:0; left:24px; display:block; content:''; width:19px; height:12px; background: url('../images/main/arr_process.png') no-repeat;}
#section03 .section-list [class^="slide"] .bottom .pic img{width:100%; height:100%;}

#section03 .section-list [class^="slide"] .top dl{height:480px; padding:60px 25px 0 25px; background:#2171b7;box-sizing:border-box; webkit-box-sizing:border-box; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#section03 .section-list [class^="slide"] .top dl dt{color: #fff;}
#section03 .section-list [class^="slide"] .top dl dd{margin-right:-10px;color: #fff; font-weight: 300; line-height: 1.5; font-size: 14px; letter-spacnig:-1px;}
#section03 .section-list [class^="slide"] .top ul{margin:0 -6px; padding: 25px 0;}
#section03 .section-list [class^="slide"] .top ul:after {display: block; content:''; clear: both;}
#section03 .section-list [class^="slide"] .top ul li{float: left; padding:0 6px; margin-bottom: 12px; text-align: center;}
#section03 .section-list [class^="slide"] .top ul li em{display: block; padding: 3px 0 0 5%; color: #b1e5fc; font-size: 11px; text-align:left;}
#section03 .section-list [class^="slide"] .top .btn{margin-top: 50px;}
#section03 .section-list [class^="slide"] .top .btn:after{background: url('../images/main/ico_arr_back.png') no-repeat;}

#section03 .slick-arrow{position:absolute; top: 50%; margin-top: -37px;}
#section03 .slick-prev{left: -60px; /*width: 25px; height: 41px;*/ width: 33px; height: 55px;text-indent:-9999px; background: url('../index_files/btn_prev.png') no-repeat;}
#section03 .slick-next{right: -60px; /*width: 25px; height: 41px;*/width: 33px; height: 55px; text-indent:-9999px; background: url('../index_files/btn_next.png') no-repeat;} 

@media all and (max-width: 1200px){
#section03 .section-list [class^="slide"] .top{height:430px;}
#section03 .section-list [class^="slide"] .top .btn{margin-top: 0;}
#section03 .section-list [class^="slide"] dl{height:290px;padding: 30px 15px 0 15px;}
#section03 .section-list [class^="slide"] dl dd.img{margin-bottom: 20px;}
#section03 .section-list [class^="slide"] .bottom{height:480px;}
#section03 .section-list [class^="slide"] .bottom .pic{overflow:hidden;height: 160px;}
#section03 .slick-arrow{display:none; margin-top: -90px;}
}

@media all and (min-width: 961px) {
#section03 .container{width: 1200px;padding: 0 60px;}
#section03 .section-list [class^="slide"]{margin:0 25px; width: 289px; /*height: 480px;*/height: 540px;}
#section03 .section-list [class^="slide"] > a{display: block; position: relative; height: 100%; cursor: pointer;}
#section03 .section-list [class^="slide"] dl{position:relative;padding: 40px 20px 0 25px; text-align: left; background:#fff;}
#section03 .section-list [class^="slide"] dl dt{padding-bottom:15px; font-weight: 400; color: #222; font-size: 24px;}
#section03 .section-list [class^="slide"] .bottom dl{height:310px;padding-bottom:35px; box-sizing:border-box;-webkit-box-sizing:border-box;background:#f4f4f4;}
#section03 .section-list [class^="slide"] .bottom dl dt + dd{font-size:16px;line-height:24px;height:120px;overflow: hidden;}
#section03 .section-list [class^="slide"] dl dd.btn{position:absolute; left:20px;bottom:50px;color: #008bca;}
#section03 .section-list [class^="slide"] dl dd.btn:after{display:inline-block;content:''; margin:-3px 0 0 9px; width:20px;height:9px; vertical-align:middle; background: url('../index_files/btn_prev.png') no-repeat;}
#section03 .section-list [class^="slide"] .bottom{overflow: hidden; width:100%; /*height: 480px;*/height: 600px;background:none; }
#section03 .section-list [class^="slide"] .bottom .pic{position:relative;/* width:288px; /*height: 170px;*/}
#section03 .section-list [class^="slide"] .bottom .pic:after{position:absolute; bottom:0; left:24px; display:block; content:''; width:19px; height:12px; background: url('../index_files/btn_next.png') no-repeat;}
#section03 .section-list [class^="slide"] .bottom .pic img{width:100%; height:100%;}

#section03 .section-list [class^="slide"] .top dl{height:480px; padding:60px 25px 0 25px; background:#2171b7;box-sizing:border-box; webkit-box-sizing:border-box; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#section03 .section-list [class^="slide"] .top dl dt{color: #fff;}
#section03 .section-list [class^="slide"] .top dl dd{margin-right:-10px;color: #fff; font-weight: 300; line-height: 1.5; font-size: 14px; letter-spacnig:-1px;}
#section03 .section-list [class^="slide"] .top ul{margin:0 -6px; padding: 25px 0;}
#section03 .section-list [class^="slide"] .top ul:after {display: block; content:''; clear: both;}
#section03 .section-list [class^="slide"] .top ul li{float: left; padding:0 6px; margin-bottom: 12px; text-align: center;}
#section03 .section-list [class^="slide"] .top ul li em{display: block; padding: 3px 0 0 5%; color: #b1e5fc; font-size: 11px; text-align:left;}
#section03 .section-list [class^="slide"] .top .btn{margin-top: 50px;}
#section03 .section-list [class^="slide"] .top .btn:after{background: url('../images/main/ico_arr_back.png') no-repeat;}

#section03 .slick-arrow{position:absolute; top: 50%; margin-top: -37px;}
#section03 .slick-prev{left: -60px; /*width: 25px; height: 41px;*/ width: 33px; height: 55px;text-indent:-9999px; background: url('../index_files/btn_prev.png') no-repeat;}
#section03 .slick-next{right: -60px; /*width: 25px; height: 41px;*/width: 33px; height: 55px; text-indent:-9999px; background: url('../index_files/btn_next.png') no-repeat;} 
}

@media all and (max-width: 960px) {
#section03 .container{padding:0 60px;}
#section03 .section-list [class^="slide"]{padding-bottom:65px; height:370px;}
#section03 .section-list [class^="slide"] dl{padding:15px 15px 0 15px;}
#section03 .section-list [class^="slide"] .bottom dl{height:200px;background:#f4f4f4;}
#section03 .section-list [class^="slide"] .top{display:none ;width: 100%;}
#section03 .section-list [class^="slide"] .top dl{width:100%; height:310px; padding-top: 30px;box-sizing:border-box;}
#section03 .section-list [class^="slide"] .top dl dd{width:100%; font-size: 12px;line-height:1.3;}
#section03 .section-list [class^="slide"] .top ul{width:100%; padding:5px 0;}
#section03 .section-list [class^="slide"] .top ul li{width: 50%; box-sizing:border-box;}
#section03 .section-list [class^="slide"] dl dt{padding-bottom:10px; font-size: 18px;}
#section03 .section-list [class^="slide"] dl dd.img{width:180px; margin:10px 0 8px;}
#section03 .section-list [class^="slide"] dl dd.btn{bottom:20px;}
#section03 .section-list [class^="slide"] .top{height:310px;}
#section03 .section-list [class^="slide"] .bottom{height:370px;}
#section03 .section-list [class^="slide"] .bottom .pic{overflow:hidden; width:100%; max-height: 200px;}
#section03 .section-list [class^="slide"] .bottom dl dt + dd{
	height:120px;
	display: -webkit-box;
	white-space: normal;
	line-height:1.5;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;}

#section03 .slick-prev, #section03 .slick-next{width:25px;height:41px;background-size:25px;}
#section03 .slick-prev{left:-25px;}
#section03 .slick-next{right:-25px;}		
}
@media all and (max-width: 767px) {
#section03 .section-list [class^="slide"]{padding-bottom:10px;}
#section03 .section-list [class^="slide"] .bottom dl dt + dd{height:85px;}
}

@media (min-width: 481px) and (max-width: 767px) {
#section03 .container{padding:0 60px 50px 60px;}
#section03 .section-list [class^="slide"] .bottom dl dt + dd{font-size:14px;}
}
@media (min-width: 320px) and (max-width: 480px) {
#section03 .section-list [class^="slide"] .bottom .pic{max-height: 150px;}
#section03 .section-list [class^="slide"] .bottom dl dt + dd{font-size:14px;}
}
/***끝 #section03 ***/


/***시작 #section07 ***/
#section07 { background: url("./bg04.jpg") no-repeat 50% 50%; background-size: cover; }

#section07 .slick-arrow{position:absolute; top: 50%; margin-top: -37px;}
#section07 .section-list [class^="slide"]{margin:0 25px; width: 289px; /*height: 480px;*/height: 540px;}
#section07 .section-list [class^="slide"] > a{display: block; position: relative; height: 100%; cursor: pointer;}
#section07 .section-list [class^="slide"] dl{position:relative;padding: 40px 20px 0 25px; text-align: left; background:#fff;}
#section07 .section-list [class^="slide"] dl dt{padding-bottom:15px; font-weight: 400; color: #222; font-size: 24px;}
#section07 .section-list [class^="slide"] .bottom dl{height:310px;padding-bottom:35px; box-sizing:border-box;-webkit-box-sizing:border-box;background:#f4f4f4;}
#section07 .section-list [class^="slide"] .bottom dl dt + dd{font-size:16px;line-height:24px;height:120px;overflow: hidden;}
#section07 .section-list [class^="slide"] dl dd.btn{position:absolute; left:20px;bottom:50px;color: #008bca;}
#section07 .section-list [class^="slide"] dl dd.btn:after{display:inline-block;content:''; margin:-3px 0 0 9px; width:20px;height:9px; vertical-align:middle; background: url('../images/main/ico_arr_front.png') no-repeat;}
#section07 .section-list [class^="slide"] .bottom{overflow: hidden; width:100%; /*height: 480px;*/height: 600px;background:none; }
#section07 .section-list [class^="slide"] .bottom .pic{position:relative;/* width:288px; /*height: 170px;*/}
#section07 .section-list [class^="slide"] .bottom .pic:after{position:absolute; bottom:0; left:24px; display:block; content:''; width:19px; height:12px; background: url('../images/main/arr_process.png') no-repeat;}
#section07 .section-list [class^="slide"] .bottom .pic img{width:100%; height:100%;}

#section07 .section-list [class^="slide"] .top dl{height:480px; padding:60px 25px 0 25px; background:#2171b7;box-sizing:border-box; webkit-box-sizing:border-box; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#section07 .section-list [class^="slide"] .top dl dt{color: #fff;}
#section07 .section-list [class^="slide"] .top dl dd{margin-right:-10px;color: #fff; font-weight: 300; line-height: 1.5; font-size: 14px; letter-spacnig:-1px;}
#section07 .section-list [class^="slide"] .top ul{margin:0 -6px; padding: 25px 0;}
#section07 .section-list [class^="slide"] .top ul:after {display: block; content:''; clear: both;}
#section07 .section-list [class^="slide"] .top ul li{float: left; padding:0 6px; margin-bottom: 12px; text-align: center;}
#section07 .section-list [class^="slide"] .top ul li em{display: block; padding: 3px 0 0 5%; color: #b1e5fc; font-size: 11px; text-align:left;}
#section07 .section-list [class^="slide"] .top .btn{margin-top: 50px;}
#section07 .section-list [class^="slide"] .top .btn:after{background: url('../images/main/ico_arr_back.png') no-repeat;}

#section07 .slick-arrow{position:absolute; top: 50%; margin-top: -37px;}
#section07 .slick-prev{left: -60px; /*width: 25px; height: 41px;*/ width: 33px; height: 55px;text-indent:-9999px; background: url('../images/main/btn_prev.png') no-repeat;}
#section07 .slick-next{right: -60px; /*width: 25px; height: 41px;*/width: 33px; height: 55px; text-indent:-9999px; background: url('../images/main/btn_next.png') no-repeat;} 

@media all and (max-width: 1200px){
#section07 .section-list [class^="slide"] .top{height:430px;}
#section07 .section-list [class^="slide"] .top .btn{margin-top: 0;}
#section07 .section-list [class^="slide"] dl{height:290px;padding: 30px 15px 0 15px;}
#section07 .section-list [class^="slide"] dl dd.img{margin-bottom: 20px;}
#section07 .section-list [class^="slide"] .bottom{height:480px;}
#section07 .section-list [class^="slide"] .bottom .pic{overflow:hidden;height: 160px;}
#section07 .slick-arrow{display:none; margin-top: -90px;}
}

@media all and (min-width: 961px) {
#section07 .container{width: 1400px;padding: 60px 60px;}
#section07 .section-list [class^="slide"]{margin:0 25px; width: 289px; /*height: 480px;*/height: 540px;}
#section07 .section-list [class^="slide"] > a{display: block; position: relative; height: 100%; cursor: pointer;}
#section07 .section-list [class^="slide"] dl{position:relative;padding: 40px 20px 0 25px; text-align: left; background:#fff;}
#section07 .section-list [class^="slide"] dl dt{padding-bottom:15px; font-weight: 400; color: #222; font-size: 24px;}
#section07 .section-list [class^="slide"] .bottom dl{height:310px;padding-bottom:35px; box-sizing:border-box;-webkit-box-sizing:border-box;background:#f4f4f4;}
#section07 .section-list [class^="slide"] .bottom dl dt + dd{font-size:16px;line-height:24px;height:120px;overflow: hidden;}
#section07 .section-list [class^="slide"] dl dd.btn{position:absolute; left:20px;bottom:50px;color: #008bca;}
#section07 .section-list [class^="slide"] dl dd.btn:after{display:inline-block;content:''; margin:-3px 0 0 9px; width:20px;height:9px; vertical-align:middle; background: url('../images/main/ico_arr_front.png') no-repeat;}
#section07 .section-list [class^="slide"] .bottom{overflow: hidden; width:100%; /*height: 480px;*/height: 600px;background:none; }
#section07 .section-list [class^="slide"] .bottom .pic{position:relative;/* width:288px; /*height: 170px;*/}
#section07 .section-list [class^="slide"] .bottom .pic:after{position:absolute; bottom:0; left:24px; display:block; content:''; width:19px; height:12px; background: url('../images/main/arr_process.png') no-repeat;}
#section07 .section-list [class^="slide"] .bottom .pic img{width:100%; height:100%;}

#section07 .section-list [class^="slide"] .top dl{height:480px; padding:60px 25px 0 25px; background:#2171b7;box-sizing:border-box; webkit-box-sizing:border-box; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#section07 .section-list [class^="slide"] .top dl dt{color: #fff;}
#section07 .section-list [class^="slide"] .top dl dd{margin-right:-10px;color: #fff; font-weight: 300; line-height: 1.5; font-size: 14px; letter-spacnig:-1px;}
#section07 .section-list [class^="slide"] .top ul{margin:0 -6px; padding: 25px 0;}
#section07 .section-list [class^="slide"] .top ul:after {display: block; content:''; clear: both;}
#section07 .section-list [class^="slide"] .top ul li{float: left; padding:0 6px; margin-bottom: 12px; text-align: center;}
#section07 .section-list [class^="slide"] .top ul li em{display: block; padding: 3px 0 0 5%; color: #b1e5fc; font-size: 11px; text-align:left;}
#section07 .section-list [class^="slide"] .top .btn{margin-top: 50px;}
#section07 .section-list [class^="slide"] .top .btn:after{background: url('../images/main/ico_arr_back.png') no-repeat;}

#section07 .slick-arrow{position:absolute; top: 50%; margin-top: -37px;}
#section07 .slick-prev{left: -60px; /*width: 25px; height: 41px;*/ width: 33px; height: 55px;text-indent:-9999px; background: url('../images/main/btn_prev.png') no-repeat;}
#section07 .slick-next{right: -60px; /*width: 25px; height: 41px;*/width: 33px; height: 55px; text-indent:-9999px; background: url('../images/main/btn_next.png') no-repeat;} 
}

@media all and (max-width: 960px) {
#section07 .container{padding:0 60px;}
#section07 .section-list [class^="slide"]{padding-bottom:65px; height:370px;}
#section07 .section-list [class^="slide"] dl{padding:15px 15px 0 15px;}
#section07 .section-list [class^="slide"] .bottom dl{height:200px;background:#f4f4f4;}
#section07 .section-list [class^="slide"] .top{display:none ;width: 100%;}
#section07 .section-list [class^="slide"] .top dl{width:100%; height:310px; padding-top: 30px;box-sizing:border-box;}
#section07 .section-list [class^="slide"] .top dl dd{width:100%; font-size: 12px;line-height:1.3;}
#section07 .section-list [class^="slide"] .top ul{width:100%; padding:5px 0;}
#section07 .section-list [class^="slide"] .top ul li{width: 50%; box-sizing:border-box;}
#section07 .section-list [class^="slide"] dl dt{padding-bottom:10px; font-size: 18px;}
#section07 .section-list [class^="slide"] dl dd.img{width:180px; margin:10px 0 8px;}
#section07 .section-list [class^="slide"] dl dd.btn{bottom:20px;}
#section07 .section-list [class^="slide"] .top{height:310px;}
#section07 .section-list [class^="slide"] .bottom{height:370px;}
#section07 .section-list [class^="slide"] .bottom .pic{overflow:hidden; width:100%; max-height: 200px;}
#ㅍ .section-list [class^="slide"] .bottom dl dt + dd{
	height:120px;
	display: -webkit-box;
	white-space: normal;
	line-height:1.5;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;}

#section07 .slick-prev, #section07 .slick-next{width:25px;height:41px;background-size:25px;}
#section07 .slick-prev{left:-25px;}
#section07 .slick-next{right:-25px;}		
}
@media all and (max-width: 767px) {
#section07 .section-list [class^="slide"]{padding-bottom:10px;}
#section07 .section-list [class^="slide"] .bottom dl dt + dd{height:85px;}
}

@media (min-width: 481px) and (max-width: 767px) {
#section07 .container{padding:0 60px 50px 60px;}
#section07 .section-list [class^="slide"] .bottom dl dt + dd{font-size:14px;}
}
@media (min-width: 320px) and (max-width: 480px) {
#section07 .section-list [class^="slide"] .bottom .pic{max-height: 130px;}
#section07 .section-list [class^="slide"] .bottom dl dt + dd{font-size:14px;}
}
/***끝 #section07 ***/







/***시작 #section04 ***/
#section04 {/* background: url("../images/main/bg04.jpg") no-repeat 50% 50%; background-size: cover; */}
#m-container #section04 .tit h2{font-weight: 500;}

@media all and (max-width: 1200px){
	#section04 .main-news{padding-bottom:50px;}
}

@media all and (min-width: 961px){
#section04 .news-card-wrap .news-card-list > li{height:280px; background:#fff;}
#section04 .news-card-wrap .news-card-list > li.item-bg-full02{background: #0079cc;}
#section04 .news-card-wrap .news-card-list > li.item-bg-full03{background: #138296;}
#section04 .news-card-wrap .news-card-list > li.item-bg-full04{background: #005890;}
#section04 .item-category-info{height:50px;}
#m-container #section04 .tit{padding-bottom: 45px;}
#section04 .container{position:relative;}
#section04 .news-card-wrap{text-align:left;}
#section04 .news-card-wrap .tit, #section04 .news-card-wrap .solid {display:none;}
#section04 .btn{position:absolute; top:120px; right:15px; display:inline-block;color:#fff; font-size: 16px;}
#section04 .btn:after{display: inline-block; content:''; margin-left: 8px; width: 8px; height: 13px; background: url("../images/main/ico_arr_h.png") no-repeat;}
#section04 .btn:hover{text-decoration:underline;}	
}

@media all and (max-width: 960px) {	
#m-container #section04 .tit{padding:50px 0 30px !important; text-align:left;}
#m-container #section04 .btn{top:57px; right:20px; margin-top:0; font-size:13px; letter-spacing:-1px;}
#section04 .btn{margin:30px 0 50px;}
}
@media all and (max-width: 767px) {	
#m-container #section04 .tit{text-align:center;}
}


/*20191121추가*/
@media (min-width: 960px){
#section04 .pc-600{height:100%;}
}	
@media (min-width: 768px) and (max-width: 991px) {
#section04 .pc-600{height:30em;}
}	


/***끝 #section04 ***/

/***시작 #section05 ***/
#m-container #section05 .tit h2{color: #333;}
#m-container #section05 .tit p{color: #666;}
#section05 { background:none }

@media all and (min-width: 961px) { 
#section05 .tit{/*position: absolute; top:45px; left:50%; margin-left:-264px; */color:#222;text-align: center;padding:0!important;}
#section05 .layer-slide .slide{width: 100%; height: 100vh;}
#section05 .layer-slide .slide01{background: url("../images/main/bg05_1.jpg") no-repeat 50% 100%; background-size: 1920px;}

#section05 .layer-slide .slide ul{position:relative; height: 100vh;}
#section05 .layer-slide .slide ul > li{position: absolute;}
#section05 .layer-slide .slide .layer-wrap{position: relative; display: block; width:100%; height:100%;}
#section05 .layer-slide .slide .layer-wrap:focus .layer{display:block;}
#section05 .layer-slide .slide .in{position:relative;}
#section05 .layer-slide .slide .in:after{position:absolute; display: block; content: ''; width: 100%; height:61px;  background: url('../images/main/bg_link_arr.png') no-repeat center 0;}
#section05 .layer-slide .slide .in.top:after{top:-31px;  left:0; background: url('../images/main/bg_link_arr02.png') no-repeat center 0;}
#section05 .layer-slide .slide .in.bt:after{bottom:-34px;}
#section05 .layer-slide .slide .in.left:after{bottom:0; left:-34px; width:61px; height:100%; background: url('../images/main/bg_link_arr03.png') no-repeat 0 center;}
#section05 .layer-slide .slide .in.rt:after{bottom:0; right:-34px; width:61px; height:100%; background: url('../images/main/bg_link_arr04.png') no-repeat 0 center;}

#section05 .layer-slide .slide .layer{display:none; position: absolute; width: 215px; min-height: 168px; z-index:10; background: #fff; border: 3px solid #00a0f0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#section05 .layer-slide .slide .layer dl{position: relative; padding:20px; width: 100%; min-height: 168px; height: 100%; z-index:10; background:#fff; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#section05 .layer-slide .slide .layer dl dt{padding-bottom:20px; color: #333; font-size: 18px; font-weight: 700; letter-spacing: -1px;}
#section05 .layer-slide .slide .layer dl dd{line-height:1.3; color: #666; letter-spacing: -1px;}
#section05 .layer-slide .slide .layer .btn{position:absolute; bottom: 15px; right: 20px; color: #1f4584; z-index: 20;}
#section05 .layer-slide .slide01 .link01{left: 83px; bottom: 554px; width: 164px; height: 62px;}
#section05 .layer-slide .slide01 .link02{left: 250px; bottom: 44px; width: 170px; height: 658px;}
#section05 .layer-slide .slide01 .link03{left: 704px; bottom: 558px; width: 103px; height: 167px;}
#section05 .layer-slide .slide01 .link04{left: 663px; bottom: 15px; width: 121px; height: 308px;}
#section05 .layer-slide .slide01 .link05{right: -168px; bottom: 406px; width: 155px; height: 176px;}
#section05 .layer-slide .slide01 .link01 .layer{top: 88px; left: -20px;}
#section05 .layer-slide .slide01 .link02 .layer{top: 33px; left: 160px;}
#section05 .layer-slide .slide01 .link03 .layer{top: 25px; left: 100px;}
#section05 .layer-slide .slide01 .link04 .layer{top: -196px; left: -50px;}
#section05 .layer-slide .slide01 .link05 .layer{top: 26px; left: -236px;}
}

@media all and (max-width: 960px) {
	#section05 .layer-slide .slide01{background-size:cover !important;}	
}


/*20191121추가*/
/****시작 Column Grids****/
.col{width:100%;	float: left;}
.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.col_2{width: 50%; }
.col_3{width: 33.33%;; }
.col_4{width: 25%; }
.col_5{width: 20%; }
.col_2,
.col_3,
.col_4,
.col_5{	position: relative;display:inline;display: inline-block;	float: left;}

.end { margin-right: 0 !important; }
.row:after {
  content: "";
  display: table;
  clear: both;
}




@media (max-width: 767px){
.col_half { width: 100%; }
.col_third { width: 100%; }
.col_fourth { width: 100%; }
.col_fifth { width: 100%; }
.col_sixth { width: 100%; }
.col_three_fourth { width: 100%;}
.col_twothird{ width: 100%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	margin-right: 0%;}
}


figure {

	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	
}	
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
@media (min-width: 767px){
figure img {max-width:auto;width:100%;}
}
@media (max-width: 767px){
figure img {max-width:100%}
figure {height:auto;}
}
/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}	


#section05 .tit{margin:100px 0 60px;}
#section05 .m-notice{position:relative;border-bottom:1px solid #434343;padding-bottom:25px;}
#section05 .m-notice h3{font-size:30px;text-align:left;font-weight:400;}
#section05 .m-notice a{font-size:30px;position:absolute;top:0;right:0;}
.ir {position:absolute;left:0;top:65px;width:100%;height:265px;margin-top:25px;}
.ir dl {margin-top:32px;padding-left:100px;position:relative;min-height:70px;}
.ir dl:first-child {margin-top:0;}
.ir dl dt {position:absolute;left:0;top:0;width:80px;height:80px;background:#0074b6;white-space:nowrap;text-align:center;font-size:0;}
.ir dl dt:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.ir dl dt .date {display:inline-block;vertical-align:middle;}
.ir dl dt .date > * {display:block;color:#fff;line-height:1em;}
.ir dl dt .date em {font-size:13px;}
.ir dl dt .date strong {font-size:28px;margin-top:5px;}
.ir dl dd .subject a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:18px;color:#000;font-weight:500;text-align:left;}
.ir dl dd ul {margin-top:2px;}
.ir dl dd ul li {font-size:14px;margin-top:1px;line-height:1.4em;height:2.9em;overflow:hidden;white-space:normal;text-align:left;}
.ir dl dd ul li:first-child {margin-top:0;}

@media (max-width: 1180px){
.ir {margin-top:15px;}
.ir dl {margin-top:10px;}
	}

	@media (max-width: 1023px){
#section05 .col_third:first-child{width:100%;}	
#section05 .half-1{width:49%!important;margin-right:2%;}
#section05 .half-2{width:49%!important;}

.ir {position: relative;width:100%;height:100%;top:0;margin-top:25px;}
.ir dl {margin-top:32px;}
}


@media (max-width: 960px){
#section05 .tit{margin:0;}
	}	


	@media (max-width: 767px){
#section05 .half-1{width:49%!important;margin-right:2%;}
#section05 .half-2{width:49%!important;}	
#section05 .m-notice{padding-bottom:10px;}
#section05 .m-notice h3{font-size:24px;}

	}


	
	@media (max-width: 575px){
#section05 .half-1{width:100%!important;}
#section05 .half-2{width:100%!important;}
	}	




/***끝 #section05 ***/


/***시작 mainCon2***/
@media all and (min-width: 961px) { 
.mainCon2 {position:relative; padding:100px 0 109px; /*background:url("../images/icon/mainCon2_bg.jpg") no-repeat 50% 100%;*/}
.mainCon2 .img {position:absolute; /*top:0; left:110%;*/top:10%;left:40%; margin-left:-103px; overflow:hidden; opacity:0;}
.mainCon2 .txtArea {width:1400px; margin:0 auto;background:#0074b6;}
.mainCon2 .txtArea > .tiit {position:relative; top:150px; opacity:0; font-family:'Proxima-Extrabold', sans-serif; font-weight:normal; font-size:70px; color:#000; line-height:1;text-align:left;}
.mainCon2 .txtArea .txt {position:relative; top:150px; opacity:0; font-size:18px; color:#555; line-height:30px; margin-top:20px;}
.mainCon2 .txtArea .btns {position:relative; top:150px; opacity:0; width:220px; margin-top:40px;}
.mainCon2 .txtArea .btns a {position:relative; display:block; padding:20px 0 21px; font-size:18px; font-weight:bold; color:#000; border-bottom:1px solid #c4c4c4; background:url("../images/icon/mainCon2_icon.png") no-repeat 100% 50%; box-sizing:border-box;}
.mainCon2 .txtArea .btns a:hover, .mainCon2 .txtArea .btns a:focus {color:#8cc63e; background:url("../images/icon/mainCon2_icon_on.png") no-repeat 100% 50%; border-bottom:2px solid #8cc63e;}
.mainCon2 .txtArea .downBtns {position:relative; top:100px; opacity:0; overflow:hidden; margin-top:40px; width:450px;}
.mainCon2 .txtArea .downBtns p {float:left; width:220px; margin-left:10px; margin-top:10px; }
.mainCon2 .txtArea .downBtns p:nth-child(2n-2) {margin-left:0;}
.mainCon2 .txtArea .downBtns .tit {margin:0 0 15px 0; float:none; font-size:18px; line-height:1.3; color:#000; font-weight:bold; width:auto; text-align:left;}
.mainCon2 .txtArea .downBtns a {position:relative; display:block; font-size:16px; color:#555; line-height:1.4; text-align:center; padding:18px 0; background:#fff; border-radius:3px; }
.mainCon2 .txtArea .downBtns a span {display:block; text-align:left; padding:0 20px; background:url("../images/icon/mainCon2_down.png") no-repeat right 20px center;}
.mainCon2 .txtArea .downBtns a:hover, .mainCon2 .txtArea .downBtns a:focus {background:#8cc63e; color:#fff;}
.mainCon2 .txtArea .downBtns a:hover span, .mainCon2 .txtArea .downBtns a:focus span {background-image:url("../images/icon/mainCon2_down_on.png");}
}

/***끝 mainCon2***/
















@media screen and (max-width: 960px) { 
.sns { width: 100%; height: 55px; display: table; margin-top: 100px; }
.sns .item { display: table-cell; width: 20%; height: 100%; }
.sns .item a { display: block; width: 100%; height: 100%; text-indent: -9999px; }
.sns .item:nth-child(1) a { background: url(../_images/main/sns1.png) no-repeat center; }
.sns .item:nth-child(2) a { background: url(../_images/main/sns2.png) no-repeat center; }
.sns .item:nth-child(3) a { background: url(../_images/main/sns3.png) no-repeat center; }
.sns .item:nth-child(4) a { background: url(../_images/main/sns4.png) no-repeat center; }
.sns .item:nth-child(5) a { background: url(../_images/main/sns5.png) no-repeat center; }
}










/**** 시작 #section02 산업별 *****/
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after {
  clear: both;
}



.boxes {
  display: block;
  width: 23%;
  position: relative;
  overflow: hidden;
  float: left;
  margin: 1%;
  cursor: pointer;
}

.boxes2 {
  display: block;
  width: 23%;
  height: auto
  margin: 1%;
  cursor: pointer;
}




.view {
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.view .mask,
.view .content {
/*  width: 100%;
  height:auto;
  position: absolute;
  overflow: hidden;
  top: 30%;
  left: 0*/
}

.view img {
  display: block;
  position: relative
}
.view img {
    border-radius: 10px; /* 원하는 라운딩 정도로 수정 가능 */
}
.view h2 {
  color: #40629E;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding-top: 10px;
  padding-bottom: 10px;

  /*background: rgba(0, 0, 0, 0.8);*/
      font-weight:500;
      font-size:24px;
}

.view h2.view-muti {
		line-height:1.5rem;
}

.view p {
  font-family: Merriweather, serif;
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 0px 20px 0px;
  text-align: center
}

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  font-family: Raleway, serif;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000
}

.view a.info:hover {
  box-shadow: 0 0 5px #000
}


/*1*/

.view-first img {
  /*1*/
  transition: all 0.2s linear;
  width: 100%;
      max-width:100%;
}

.view-first .mask {
  opacity: 1;
  transition: all 0.4s ease-in-out;
}

.view-first h2 {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.view-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear;
}

.view-first a.info {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}


/* */

.view-first:hover img {
/*  transform: scale(1.3);*/
}


.view-first:hover .mask {
  transform: scale(1.1);
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
  opacity: 1;
  transform: scale(1.1);
}

.view-first:hover p {
  transition-delay: 0.1s;
}

.view-first:hover a.info {
  transition-delay: 0.2s;
}



@media (min-width: 768px) and (max-width: 1024px) {
.cf{margin-bottom:80px;}
.boxes {height:auto;width:30%;margin:1.5%;}
.view h2 {font-size:20px;line-height:20px;margin:7% 0 0 0;}
.view h2.view-muti{margin:0;}

}

@media (min-width: 768px) and (max-width: 851px) {
.view h2.m-section2-h2-gnrlidstr{margin:0;}
}

@media (min-width: 481px) and (max-width: 767px) {
.cf{margin-bottom:50px;}
.boxes {height:auto;width:45%;margin:2.5%; }
.view .mask, .view .content {top: 13%;}
.view h2 {font-size: 15px;line-height:15px;margin:30px 0 0 0;}
.view h2.m-section2-h2-gnrlidstr{margin:20px 0 0 0;}
}


@media (min-width: 320px) and (max-width: 480px) {
.boxes {width: 100%;margin: 0 0 15px;}
.view h2.view-muti{margin:25px 0 0 0;}
}

/**** 끝 #section02 산업별 *****/


/**** 시작 #section04 about us ****/ 
/* m13 */
.m13 .conwrap {}
.sct-cpn{
   max-width:1920px; width:100%; margin:0 auto 100px;
   display:table; table-layout:fixed;
   }
.sct-cpn .txt {
   display:table-cell; vertical-align:middle;
   text-align:right;
   }
.sct-cpn .txt .box {
   background:#0074b6; padding:65px 50px;
   text-align:left; box-sizing:border-box; width:420px;
   display:inline-block; margin-top:130px;margin-right:-130px; position:relative;
   z-index:1;
   }
.sct-cpn .txt .box .cate {
   font-family:"Montserrat"; font-weight:500;
   font-size:18px; letter-spacing:0.1px; color:#ffffff; margin-bottom:5px;
   }
.sct-cpn .txt .box h4 {font-size:46px; color:#ffffff; margin-bottom:25px;}
.sct-cpn .txt .box p {
   font-size:17px; line-height:27px; letter-spacing:-0.25px;
   color:rgba(255,255,255,0.7);
   }
.sct-cpn .img {display:table-cell;/* vertical-align: bottom;*/ width:1275px;padding:10.65% 0 0 0;}
.vertical-menu {
  width: 100%;
      margin-top: 50px;
}

.vertical-menu a {
  border-bottom:1px solid #dd4954;
  color:#f2bbbf;
  display: block;
  padding: 12px;
  text-decoration: none;
      
}

.vertical-menu a:hover {
  border-bottom:1px solid #ccc;
      color:#fff;
}

.vertical-menu a.active {
 
  color: white;
}
.btn_dwld{
display: inline-block;
    z-index: 1;
    padding: 13px;
    font-size: 14px;
    color: #222 !important;
            background:#fff;
            font-weight:600;
      
}



#m-cpny {
		max-width: 100%; 
  height:100%;
}

#m-cpny div {

}


#m-cpny .view-cpny {
		width:25%;
		height:100%;
  margin: 0;
  float: left;
 /* border: 10px solid #fff;*/
  overflow: hidden;
  position: relative;
  text-align: center;
 /*box-shadow: 1px 1px 2px #e6e6e6;*/
  cursor: default;
  background: #fff url(../images/bgimg.jpg) no-repeat center center;
	position: relative;
}



#m-cpny .view-cpny .mask,
#m-cpny .view-cpny .content {
  width:100%;
  height:100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0
}

#m-cpny .view-cpny img {
  display: block;
  position: relative
}

#m-cpny .view-cpny h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 28px;
 	font-weight:700;
  /*padding: 10px;*/
  /*background: rgba(0, 0, 0, 0.8);*/
  margin: 20px 0 0 0
}

#m-cpny .view-cpny p {
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 0px 20px 0px;
  text-align: center
}

#m-cpny .view-cpny a.info {
  /*display: inline-block;*/
  text-decoration: none;
  padding: 7px 14px;
  color: #fff;
  text-transform: uppercase;
  /*box-shadow: 0 0 1px #000*/
}

#m-cpny .view-cpny a.info:hover {
 /* box-shadow: 0 0 5px #000*/
}


/*1*/

#m-cpny .view-cpny-first{
background:#000;
}
#m-cpny .view-cpny-first img {
  /*1*/
  transition: all 0.2s linear;
  width: 100%;
  height: 100%;
		opacity: 0.6;
		
		
}
#m-cpny .view-cpny-first .mask {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.4s ease-in-out;
}
#m-cpny .view-cpny-first h2 {
  transform: translateY(0px);
  opacity: 1;
  transition: all 0.2s ease-in-out;
		position:absolute;
		top:50%;
		z-index:99;
		width:100%;
		display:block;
}

#m-cpny .view-cpny-first p {
  /*transform: translateY(100px);*/
  opacity: 0;
  transition: all 0.2s linear;
}

#m-cpny .view-cpny-first a.info {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}


/* */

#m-cpny .view-cpny-first:hover img {
  transform: scale(1.1);
}

#m-cpny .view-cpny-first:hover .mask {
  opacity: 1;
}

#m-cpny .view-cpny-first:hover h2,
#m-cpny .view-cpny-first:hover p,
#m-cpny .view-cpny-first:hover a.info {
  opacity: 1;
}
#m-cpny .view-cpny-first:hover h2{
transform: translateY(-20px);
 transition: all 0.2s ease-in-out;
}

#m-cpny .view-cpny-first:hover p {
  transition-delay: 0.1s;
		top:57%;
}

#m-cpny .view-cpny-first:hover a.info {
  transition-delay: 0.2s;
	/*	transform: translateY(200%);*/
		border:1px solid #fff;
		font-size:16px;
		padding: 7px 19px;
		
}
@media (max-width: 767px) {
#m-cpny .view-cpny h2 {font-size:20px;}
#m-cpny .view-cpny-first h2 {top:45%;}
#m-cpny .view-cpny{height:21em;}

}

@media (min-width: 320px) and (max-width: 480px) {
#m-cpny {
display:table-cell;
padding: 20px 20px 0 20px;
}

#m-cpny .view-cpny {
width:100%;
height: 12em;
margin-bottom: 20px;
}

#m-cpny .view-cpny:last-child {
margin-bottom: 0;
}

#m-cpny .view-cpny h2 {
margin:0;
}
#m-cpny .view-cpny-first h2{
top:45%;
}
#m-cpny .view-cpny-first:hover h2 {
transform: translateY(-30px);
}
}

/**** 끝 #section04 about us ****/ 




/**** 시작 #section05 조광아이엘아이ir ****/ 
.links { /*background: #e9f0f5;*/ } 
.links .linksWrap {padding-top: 100px; padding-bottom: 100px; }
.links .sctn05-ul:after { content: ""; display: block; clear: both; }
.links .sctn05-ul li { width: 33.333%; float: left; }
.links .sctn05-ul li p{position:absolute;top:10%;}
.links .sctn05-ul li a { display: block; }
.links .sctn05-ul li .image { width: 100%; position: relative; }
.links .sctn05-ul li .image p { display: block; width: 0px; height: 100%; overflow: hidden; background: rgba(0, 88, 145, 0.6); position: absolute; left: 0; top: 0; transition: .5s ease; }
.links .sctn05-ul li .image span { display: block; vertical-align: middle; width: 100%; height: 100%; background: url(../_images/main/link_arrow.png) no-repeat center; opacity: 0; text-indent: -9999px; position: absolute; left: 0; top: 0; transition: .5s ease; }
.links .sctn05-ul li .image img { display: block; width:100%;}
.links .sctn05-ul li:hover .image p { width: 100%; }
.links .sctn05-ul li:hover .image span { opacity: 1; }
.links .sctn05-ul li .title { margin-top: 20px; font-size: 18px; color: #333; font-weight: 700; }
.links .sctn05-ul li .text { font-size: 15px; line-height: 22px; color: #666; margin-top: 15px; padding-right: 30px; }
@media screen and (max-width: 767px) {
.links .linksWrap{padding-top: 0;}
}
@media screen and (max-width: 575px) {
.links { padding-top: 0; padding-bottom:0; }

.links .sctn05-ul li { width: 100%; padding-bottom: 20px; }
.links .sctn05-ul li .title { margin-top: 15px; font-size: 14px; }
.links .sctn05-ul li .text { font-size: 12px; line-height: 17px; color: #666; margin-top: 10px; padding-right: 15px; } 
		}
/**** 끝 #section05  ****/ 


/* slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block;max-width: 100%; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slider { opacity:0; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; }
.slider:after { content:""; display:block; clear:both; }
.slider.slick-initialized { opacity:1; }
.slider > .item:not(:first-of-type) { position:absolute; opacity:0; }


/*****시작 pc mobile*****/
@media screen and (min-width: 600px){
.pc-600{display:block}
.mb-600{display:none}
}
@media screen and (max-width: 600px){
.pc-600{display:none}
.mb-600{display:block}
}
/*****끝 pc mobile*****/