@charset "UTF-8";
/* main common */
.main-page .gnb .gnb-wrap.wrap-bottom{background-color:transparent;border-color:transparent;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.main-page .gnb.expanded .gnb-wrap.wrap-bottom {background-color:#fff !important;border-color:#999 !important;}
.main-page > .content {position: relative;}
.main-sprite, .main-sprite-before:before, .main-sprite-after:after {background-image:url(../img/main_sprite.png);background-size:500px auto;background-repeat: no-repeat;}
.main-page.container .content .section .section-inner {width:1145px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inline-fix {font-size:0;}
.inline-fix > * {vertical-align: top;}
.hide {display: none;}
.main-page .gnb .gnb-inner .menu a img {margin-top:-98px;}
.main-page .gnb.expanded .gnb-inner .menu a img {margin-top:0;}
.main-page .gnb .gnb-inner .menu a:hover img,
.main-page .gnb .gnb-inner .menu a.selected img {margin-top: -49px !important;}
button, input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


/* //main common */
.main_banner {
    width: 100%;
    margin: 0 auto;
    padding-top: 94px;
	text-align: center;
}

.main_banner img{width:100%}
.blind{position:absolute;overflow:hidden; clip:rect(0 0 0 0);margin:-1px;width:1px ;height:1px}
/* banner */
.section.banner {position:relative;height:100vh;margin-top:-141px;padding-top:81px;min-height:768px;overflow: hidden;}
.section.banner ul {position: relative;overflow: hidden;height:100%;}
.section.banner ul li {position:absolute;width:100%;height:100%;top:0;left:0;visibility: hidden;}
.section.banner ul li a {display:block;height:100%;}
.section.banner ul li a:focus:after {content:'';position:absolute;width:100%;height:100%;border:1px dashed #fff;box-sizing: border-box;top:0;}
.section.banner ul li.view {visibility: visible;z-index:1;}
.section.banner ul li.view.on {z-index:2;}
.section.banner ul li.old {z-index:1 !important;}
.section.banner ul .img-wrap {position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;top:0;left:0;
/*	background-color:#f5f6f7;*/
	opacity: 0;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
.section.banner.play ul .img-wrap {-webkit-transition: transform 7s linear, opacity 1s;-moz-transition: transform 7s linear, opacity 1s;-ms-transition: transform 7s linear, opacity 1s;-o-transition: transform 7s linear, opacity 1s;transition: transform 7s linear, opacity 1s}
.section.banner ul li.view .img-wrap {opacity:1;}
.section.banner ul li.view.leave .img-wrap,
/*.section.banner ul li.on .img-wrap {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}*/
.section.banner.stop ul .img-wrap {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;}
.section.banner ul li.stop .img-wrap {-webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;}
.section.banner ul .img-wrap .dim {background-color:rgba(0,0,0,0.3);height:100%;}
/*
#sectionBanner {background-image:url(../img/main_visual_bg.png);background-size:cover;}
.section.banner ul .item-01 .img-wrap {background-image:url(../img/main_visual2.png)}
.section.banner ul .item-02 .img-wrap {background-image:url(../img/main_visual.png)}
*/
html[lang='en'] .section.banner ul .item-01 .img-wrap {background-image:url(../img/main_visual.png);}
html[lang='en'] .section.banner ul .item-02 .img-wrap {background-image:url(../img/main_visual2.png);}
.section.banner ul .txt-wrap {display:table;width:1145px;height:100%;margin:0 auto;}
.section.banner ul .txt-wrap p {position: relative;z-index:1;display: table-cell;vertical-align: middle;left: 280px;}
.section.banner ul .txt-wrap p img {width:100%;vertical-align: top;margin-left:-70px;opacity: 0;}
.section.banner.play ul .txt-wrap p img {-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-ms-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;}
.section.banner ul li.on .txt-wrap p img {margin-left:0;opacity: 1;width:60%}
.section.banner ul li.on.leave .txt-wrap p img {margin-left:70px;opacity: 0;}
.section.banner.stop ul .txt-wrap p img {margin-left:0 !important;opacity: 1 !important;-webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;}
.section.banner ul li.stop .txt-wrap p img {
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.section.banner .controller {position:relative;bottom:80px;text-align:center;z-index:10;display: table;margin:0 auto;}
.section.banner .controller button {width:40px;height:40px;border:none;vertical-align: top;font-size:0;}
.section.banner .controller button + button {margin-left:12px;}
.section.banner .controller .btn-dot span {display: inline-block;width:12px;height:12px;border-radius: 50%;background-color:rgba(255,255,255,0.5);}
.section.banner .controller .btn-dot.on span {width:18px;height:18px;background-color:#fff;}
.section.banner .controller .btn-control span {display: inline-block;width:14px;height:20px;background-position:-5px -5px;}
.section.banner .controller .btn-control.stop span {background-position:-83px -5px;}

/*동영상일경우*/
.topVisual{position: relative}
.ment{position: absolute;top:40%;   /*text-align:;*/}
.ment p{color:#fff;font-size:40px}
.ment p span{color:#fff;font-size:60px}
/*Insight*/
.section.insight .section-inner {padding-top:100px;}
.section .sec-head {position:relative;}
.section .sec-head h3 {display: inline-block;vertical-align: top;
    font-size: 40px;font-family: 'NotoKr-Bold';}

.section .sec-head h3 img {height:40px;vertical-align: top;}
.section .sec-head a {position:relative;display: inline-block;font-size:16px;line-height:22px;color:#f26521;margin-right:14px;}
.section .sec-head a:after {content: '';position:absolute;display: inline-block;width:7px;height:12px;background-position:-38px -5px;margin-left:6px;top:5px;}
.section .sec-head a:before {content:'';position:absolute;display: inline-block;width:0;height:1px;background-color:#ed283b;bottom:-1px;left:0;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -ms-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;}
.section .sec-head a:hover:before {width:100%;}
.section.insight .sec-head a {
    float: right;
    margin-top: 16px;
    position: relative;
    top: 60px;
    left: 52px;
}


.list_area {width:1200px;margin:0 auto;position:relative;padding-bottom:40px;}
.list_area .title_area {height:34px;position:relative;text-align:center;overflow:hidden;}
.list_area .title_area:after {content:'';width:0;height:1px;background:#b2b2b2;position:absolute;right:50%;top:15px;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.list_area .title_area:before {content:'';width:0;height:1px;background:#b2b2b2;position:absolute;left:50%;top:15px;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.list_area .title_area.active:after {width:50%;}
.list_area .title_area.active:before {width:50%;}

.list_area .title_area .title_box {padding:0 70px;background:#fff;font-size:25px;color:#222;display:inline-block;position:relative;z-index:2;top:34px;}
.list_area .title_area .title_box.active {top:0;}
.list_area .title_area .title_box span {font-size:28px;font-weight:700;}

.list_area .list_ul {overflow:hidden;margin-top:65px;}

.list_area .list_ul.financial li {margin-bottom:50px;}

.list_area .list_ul li {width:380px;float:left;margin-right:30px;position:relative;padding-top:385px;}
.list_area .list_ul li:nth-child(3) {margin-right:0;}
.list_area .list_ul li .thumb {height:0;overflow:hidden;position:absolute;left:0;top:0;z-index:2;}
.list_area .list_ul li .thumb.active {height:360px;}
.list_area .list_ul li .thumb .bg {position:relative;top:-70px;}
.list_area .list_ul li .thumb .logo {width:100%;position:absolute;left:0;top:154px;text-align:center;}
.list_area .list_ul li .thumb .logo.active {top:210px;}

 .list_area .list_ul li .thumb .btn_detail_view {width:118px;height:37px;border:1px solid #fff;position:absolute;left:50%;top:414px;margin-left:-55px;margin-top: 21px;font-size:14px;color:#fff;text-align:center;line-height:37px;opacity:0;visibility:hidden; }
 .list_area .list_ul li .thumb .btn_detail_view.active {top:394px;opacity:1;visibility:visible;}
 .list_area .list_ul li .thumb .btn_detail_view.bg1:hover {background:#fff;color:#f26521}
 .list_area .list_ul li .thumb .btn_detail_view.bg2:hover {background:#fff;color:#f26521}
 .list_area .list_ul li .thumb .btn_detail_view.bg3:hover {background:#fff;color:#f26521}
 .list_area .list_ul li .thumb .btn_detail_view.bg4:hover {background:#fff;color:#f26521}
 .list_area .list_ul li .thumb .btn_detail_view.bg5:hover {background:#fff;color:#f26521}
 .list_area .list_ul li .text_box {height:166px;position:relative;padding-left:20px;opacity:0;top:-30px;}
 .list_area .list_ul li .text_box.active {opacity:1;top:0;}
 .list_area .list_ul li .text_box .title {font-size:24px;color:#000;font-weight:700;}
 .list_area .list_ul li .text_box .text {font-size:16px;color:#333;line-height:28px;margin:15px 0;letter-spacing:-0.5px;}
 .list_area .list_ul li .text_box .text span {font-weight:700;}
 .list_area .list_ul li .text_box .text .etc {font-size:14px;font-weight:500;color:#999;}
 .list_area .list_ul li .text_box .btn_detail_view {width:108px;height:33px;border:1px solid #000;position:absolute;right:20px;bottom:0;font-size:14px;color:#ed283b;text-align:center;line-height:34px;border-radius:33px;}
 .list_area .list_ul li .text_box .btn_detail_view:hover {background:#000;color:#fff;}
 .list_area .list_ul.financial li .text_box {height:202px;position:relative;}
 .list_area .list_ul.financial li .thumb .btn_detail_view {top:335px;}
 .list_area .list_ul.financial li .thumb .btn_detail_view.active {top:310px;}
 .g_btn_view_more {color:#f26521;display: inline-block;border:1px solid #f26521;padding:9px 20px;margin-top:15px;transition: .3s}
.g_btn_view_more:hover{transition: .3s;background: #f26521;color:#fff;
  
} 
 .list_area .list_ul.financial li .thumb .logo {width:100%;position:absolute;left:0;top:154px;text-align:center;opacity:0;visibility: hidden;}
 .list_area .list_ul.financial li .thumb .logo.active {top:240px;opacity:1;visibility: visible;}
 .list_area .list_ul li .thumb .btn_detail_view.active {top:270px;}
 .list_area .list_ul.financial li .thumb .btn_detail_view.active {top:280px;}

.mot1 {
    -webkit-transition: all 0.01s;
    -moz-transition: all 0.01s;
    -o-transition: all 0.01s;
    transition: all 0.01s;
}

.mot2 {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.mot3 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mot4 {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mot5 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.mot6 {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

/*Active*/
div#sectionActive {background: url(../img/main_c4_bg.png)no-repeat center bottom fixed;background-size:cover;    margin-bottom: 305px;height: 664px;}
div#sectionActive .sec-head h3,.sec-head p {color:#fff}
.section .sec-head p {
    font-size: 40px;
    font-family: 'NotoKr-light';
	padding-top:30px;
	line-height: 1.2
}
.section.active .section-inner {padding-top:100px;padding-bottom:120px;}
.section.active .sec-head {display:inline-block;width:600px;}
.section.active .sec-body {width:760px;position:relative;overflow: hidden;top: 6px;left: 179px;padding:0 40px 30px}
.section.active .sec-body a {
    position: relative;
    display: block;
    width:100%;
    height:100%;
    /* right: 14px; */
    /* margin-top: 34px; */
}
#sectionActive .sec-body a:after {
    content: '';
    display: block;
    width: 105.3%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: .3s;
}
#sectionActive .sec-body a:hover:after {
    opacity: 1;
}
.section.active .sec-body .img-wrap {
	position: relative;
    width:800px;height: 600px;
    overflow: hidden;
    box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.6);}
.section.active .sec-body .img-move-wrap {
	height:100%
}
.section.active .sec-body .img-wrap img {
	position:absolute;top:0;left:0;
	width:800px;height:600px
	
}
.section.active .sec-body .txt-wrap {
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	bottom:30px;
	padding:20px 30px;
	box-sizing:border-box;
	z-index:2;
	height: 138px; 
	overflow: hidden;
	width:105.3%
}
.section.active .sec-body .txt-wrap .title {
	font-size:26px;
	line-height:33px;
	color:#fff;
	font-weight:bold;
	height:33px;
	overflow: hidden
}
.section.active .sec-body .txt-wrap .dc {
    font-size: 17px;
    line-height: 28px;
    color: #ccc;
    height: 48px;
    margin-top: 15px;
    overflow: hidden;
    line-height: 23px;
}
p.txt {
    width: 100%;
    height: 135px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 999;
    color: #fff;
    padding: 20px 30px;
    box-sizing: border-box;
}
p.txt strong {
    font-size: 25px;
    display: block;
    margin-bottom: 10px;
}
p.txt span {
    color: #fff;
    font-size: 18px;
    display: block;
}
p.txt span.bottom{color:#ccc;font-size:14px}

/*Quick link */
.section.quick-link > ul {overflow: hidden;}
.section.quick-link > ul > li {position:relative;overflow: hidden;background-color:#808080;}
.section.quick-link .box-bg {position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-size:cover;background-repeat: no-repeat;-webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;-ms-transition: transform 0.5s;-o-transition: transform 0.5s;transition: transform 0.5s;}
.device-type-desktop .section.quick-link > ul > li:hover .box-bg {-webkit-transform: scale(1.3);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.section.quick-link .item-01 .box-bg {background-image:url(../img/main_C5.png);}
.section.quick-link .item-02 .box-bg {background-image:url(../img/main_C6.png);}
.section.quick-link .item-01, .section.quick-link .item-02 {float:left;width:50%;height:550px;}
.section.quick-link .box-cont {position:relative;z-index:1;box-sizing: border-box;height:100%;}
.section.quick-link .item-01 .box-cont {float: right;width:572px;}
.section.quick-link .item-02 .box-cont {width:573px;}
.section.quick-link .item-01 .box-cont, .section.quick-link .item-02 .box-cont {padding-top:70px;padding-left:60px;}

.section.quick-link h3 {
	opacity: 0;-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.section.quick-link .dc {
	opacity: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
.section.quick-link .animate h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    font-size: 26px;
    color: #f49712;
}

.section.quick-link .animate .dc {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);color: #fff;font-size: 30px;padding-top: 40px;line-height: 58px}
.section.quick-link h3 img {height:20px;margin-bottom:32px;}
.section.quick-link .item-01 .box-cont .dc img, .section.quick-link .item-02 .box-cont .dc img {height:80px;}
.section.quick-link .item-03 .box-cont .dc img {height:100px;}
.section.quick-link .box-cont .link-wrap {position:absolute;bottom:70px;font-size:0;}
.section.quick-link .item-03 .box-cont .link-wrap {left:0;right:0;margin:0 auto;}
.section.quick-link .box-cont .link-wrap a {display: inline-block;}
.section.quick-link .box-cont .link-wrap a span {    
	display: inline-block;
    font-size: 1.7rem;
    color: #fff;}
.section.quick-link .box-cont .link-wrap a + a {margin-left:70px;}
.section.quick-link .box-cont .link-wrap img {height:40px;vertical-align: top;}
.section.quick-link .box-cont .link-wrap i {    
	display: inline-block;
    width: 179px;
    height: 40px;
    background-position: 113px -55px;
    margin-left: 18px;
    vertical-align: top;
    margin-left: -103px;}

.section.quick-link .box-cont .link-wrap i:hover {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 08px;
    margin-left: 0px;
     -webkit-animation: mymove 5s infinite; 
     animation: mymove 1s infinite; 
}
@-webkit-keyframes mymove {
    from {left: -103px;}
    to {left: -80px;}
}

@keyframes mymove {
    from {left: -103px;}
    to {left: -80px;}
}

.viual {width: 100%; position: relative;top: -60px;}
.visual_text{position: absolute;top:0;bottom:0;right: 0;left:0}
.visual_text h2{color:rgba(255,255,255,0.7);font-size: 48px;font-family: 'NotoKr-Medium';text-align: center;padding: 17% 0;;line-height: 1.9}
.visual_text h2 span{font-size:60px;color:#fff}


.section.quick-link .item-01 .box-cont .link-wrap,.section.quick-link .item-02 .box-cont .link-wrap {left:60px;}

/* cerigo */
.section.cerigo {background-color:#f5f5f5;}
.section.cerigo ul {overflow: hidden;}
.section.cerigo ul li {position:relative;float:left;width:286px;height:285px;text-align: center;}
.section.cerigo ul li > div {height:100%;}
.section.cerigo ul li:not(.item-01) a {display: block;height:100%;}
.device-type-desktop .section.cerigo ul li a:hover,
.device-type-desktop .section.cerigo ul li a:focus {background-color:rgba(0,0,0,0.05);}
.section.cerigo ul li.item-01 {width:287px;background:url(../img/orange.png) center no-repeat;background-size:cover;}
.section.cerigo ul li.item-01 a {position:relative;display: block;height:50%;box-sizing: border-box;}
.section.cerigo ul li.item-01 .link-01 {padding-top:39px;}
.section.cerigo ul li.item-01 .link-02 {padding-top:45px;}
.section.cerigo ul li.item-01 .link-01:after {content:'';position:absolute;display: inline-block;width:160px;height:1px;background-color:rgba(255,255,255,0.5);bottom:0;left:50%;margin-left:-80px;}
.section.cerigo ul li.item-01 img {height:40px;font-size:1rem;}
.section.cerigo ul li.item-01 p {color:#fff;font-size:30px;display: inline-block;text-align: left}
.section.tworld ul li.item-01 .img-wrap {position:relative;font-size:0;}

.section.cerigo ul li.sub i {display: inline-block;width:110px;height:110px;margin-top:62px;}
.section.cerigo ul li.sub.item-02 i {background-position:-5px -98px;}
.section.cerigo ul li.sub.item-03 i {background-position:-115px -98px;}
.section.cerigo ul li.sub.item-04 i {background-position:-225px -98px;}
.section.cerigo ul li.sub span {display:block;font-size:20px;line-height:24px;color:#333;margin-top:15px;}
.section.cerigo ul li.sub + li.sub:before {content: '';position:absolute;display: inline-block;height:175px;border-left:2px solid #e2e2e2;left:-1px;top:55px;}


.section.foot_top ul{overflow: hidden}
.section.foot_top ul li{float: left;padding-right:5px;margin-top:30px}
.section.foot_top ul li:after{content: "·";padding-left:5px;color:#555}
.section.foot_top ul li:last-child:after{display: none}
.section.foot_top ul li.item-00{font-weight: 600;color:#fd8204}
.section.foot_top ul li.item-01{color:#999}
.section.foot_top ul li.item-02{font-weight: 600;color:#555}

/*move*/
#con2-3li.scroll > ul li{animation:fadeAni .5s 7s ease-out;animation-fill-mode: both;}
#con2-3li.scroll > ul li:first-child{animation-delay: 0.4s;}/*1*/
#con2-3li.scroll > ul li:nth-child(2){animation-delay: 0.7s;}/*2*/
#con2-3li.scroll > ul li:last-child{animation-delay: 1.0s;}/*3*/
#sectionActive.scroll > div >.sec-body{animation:slideInUp 2s;}

/*scroll표시 */
.scroll_wrap {
     width: 100px;
    height: 130px;
    position: absolute;
   /*  bottom: 13%; */
    bottom: 19%;
    left: 48%;
    right: 0;
}
#scroll {
    width: 3%;
    position: absolute;
	bottom:0;
	
}
#scroll p{
    width:98px;
    margin: 11px -5px;
    text-align: center;
	/* color:#fff */
	color:#000 
}
.mouse {
/*   background:-webkit-linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%); */
  background:-webkit-linear-gradient(transparent 0%, transparent 50%, #000 50%, #000 100%);
  /* background:  linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%); */
  background:  linear-gradient(transparent 0%, transparent 50%, #000 50%, #000 100%);
  position: relative;bottom:39px;left:42px;
  background-size: 100% 100%;
  border-radius: 100px;
  -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
  animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse:before, .mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -7px;
  margin: auto;
}
.mouse:before {
    width: 4px;
    height: 65px;
    /* background-color: #fff; */
    background-color: #000;
    border-radius: 100px;

}
.mouse:after {
/*   background-color: #ffffff; */
  background-color: #000;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 5s linear infinite;
          animation: trackBallSlide 5s linear infinite;
}

.mouse > p{width:3%;border:1px solid red;}
	
@-webkit-keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
   /*  background-color: #ffffff; */
    background-color: #000;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59.99% {
   /*  background-color: #ffffff; */
    background-color: #000;j
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  89.99%, 100% {
    /* background-color: #ffffff; */
    background-color: #000;
  }
}

@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.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  89.99%, 100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
@keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}


#index_video_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 0;
}
#index_video_wrap video {
    height: auto;
}


.index_video_wrap .dim {
    background: rgba(0,71,39,0.3);
    width: 100%;
    height: 99.5%;
    position: absolute;
}



#txt {
    margin: 0 auto;
    width: 720px;
    height: 379px;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
}

#slidetxt div {position:absolute;left:0;right:0;margin:0 auto;width:500px}
#slidetxt img {width: 100%}
#slideAllCount {display: none}

/*한줄공지*/
.notice {
    position: relative;
	top: -6px;
	background: #f9f9f9;
	border-bottom:1px solid #e3e3e3;

}
.notice_inner{
	width:1144px;
	margin:0 auto;
	overflow: hidden;
	box-sizing: border-box
}
.notice_inner > div{float:left;}
.notice_inner > div:first-child{width:300px;background:#ed283b;}
.notice_inner > div:first-child p{
	background:#f26521;
	color: #fff;
	text-align: center;
	font-family: 'NotoKr-Medium';
	font-size:24px;padding: 14px 0;
}
.notice h4{
	color: #fff;
	font-family: 'NotoKr-DemiLight';
	background:url(../img/icon/notice.png)no-repeat 0;
	background-size:13px;padding-left:23px
}
.notice > a {
    position: absolute;
    top: 30px;
    right: 20px;
    color: #fff;
    font-size: 11px;
    background: url(../img/icon/notice-next.png)no-repeat center right;
    background-size: 4px;
    padding-right: 9px;
}
.Notice_area{
	overflow:hidden;
	margin-top:5px;
	background: #f9f9f9;
    position: relative;
    height: 58px;
}

#notice_roll{width:100%; height:50px; overflow:hidden;}
#notice_roll ul.rolling{position:relative; width:100%; height:auto;}
#notice_roll ul.rolling li{width:100%; height:50px; line-height:50px;}

#notice_roll ul.rolling li a{position: relative;display: block}
#notice_roll ul.rolling li a p {
    color: #222;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-family: 'NotoKr-Light';
    padding: 0 15px;
    line-height: 2.8;
    width: 100%;
	font-weight: bold
}
#notice_roll ul.rolling li a p span{color:#f08213;margin-right:10px}