@charset "utf-8";
@font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal; font-style: normal; }
.jeju{ font-family: 'Jeju Myeongjo', serif;}

/* Main Visual */

.main_wrap{position: relative; height: 970px; width: 100%; overflow: hidden; 	}
.main_wrap .item{position: relative; height: 970px; width: 100%;  background-attachment: fixed; }
.main_wrap .active .item{	z-index: 10; transition:0s !important}
.main_wrap .item:after{position: absolute; content:''; left: 0; top: 0; background-attachment: fixed;  width: 100%; height: 970px; }

.main_wrap .item span{position: absolute; display: block; background: url(../../images/main/mv1.jpg) top center no-repeat;background-attachment: fixed !important;   height: 970px; left: 0; top: 0; width: 100%;  background-position: center center ; }
.main_wrap .item div{ position: absolute; left: 0; height: 970px; display: block;  opacity: 0; z-index: 100;}
.main_wrap .item div:nth-of-type(1) { width: 5%;  opacity: 1;} 
.main_wrap .item div:nth-of-type(2) { left: 5%; width: 10%;  opacity: 1; }
.main_wrap .item div:nth-of-type(3) { left: 15%; width: 20%; opacity: 1;}
.main_wrap .item div:nth-of-type(4) { left: 35%; width: 30%; opacity: 1;}
.main_wrap .item div:nth-of-type(5) { left: 65%; width: 20%; opacity: 1;}
.main_wrap .item div:nth-of-type(6) { left: 85%; width: 10%; opacity: 1;}
.main_wrap .item div:nth-of-type(7) { left: 95%; width: 5%;  opacity: 1;}

.main_wrap .item div:nth-of-type(8) {left: 0;width: 0; opacity: 1;}

.main_wrap .item div span{transition:.8s; transform-origin:left 0;  width: 0;} 
.main_wrap .item div:nth-of-type(1) span { background-position-x: 0% !important; background-size: cover !important;}
.main_wrap .item div:nth-of-type(2) span { background-position-x: 5.5% !important; background-size: cover !important;}
.main_wrap .item div:nth-of-type(3) span { background-position-x: 18.5% !important; background-size: cover !important;}
.main_wrap .item div:nth-of-type(4) span { background-position-x: 49.3% !important; background-size: cover !important;}
.main_wrap .item div:nth-of-type(5) span { background-position-x: 80.2% !important; background-size: cover !important;}
.main_wrap .item div:nth-of-type(6) span { background-position-x: 93.5% !important; background-size: cover !important;}
.main_wrap .item div:nth-of-type(7) span { background-position-x: 99% !important; background-size: cover !important;}

.main_wrap .active .item div span{ width: 100%; transition:0s;}

.main_wrap .active .item div:nth-of-type(8) {left: 0;width: 100%; opacity: 1;}




.main_wrap .owl-carousel .owl-stage-outer{overflow: visible;}
.main_wrap .owl-carousel .owl-item{float: none; position: absolute; left: 0 !important; top: 0 !important; height: 970px; z-index: -10; visibility: hidden;}
.main_wrap .owl-carousel .owl-item.active{visibility: visible;}
.main_wrap .owl-carousel .owl-stage{transform: translate3d(0px, 0px, 0px) !important; transition: all 0s ease 0s; width: 100% !Important; height: 970px; } 
.main_wrap .owl-theme .owl-nav{z-index: 150; position: relative; bottom: 0; width: 200px; float: right;  margin-top: -90px; text-align: right; height: 90px; margin-right: 10%;}
.main_wrap .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: 0;}
.main_wrap .owl-theme .owl-nav [class*=owl-]{width: 16px; height:90px; background: url(../../images/main/mv_pre.png) center no-repeat; text-indent: -9999999px; font-size: 0; padding: 0; margin: 0; vertical-align: top;}
.main_wrap .owl-theme .owl-nav .owl-next{background: url(../../images/main/mv_nex.png) center no-repeat;	margin-left: 102px;}
.main_wrap .owl-theme .owl-dots{z-index: 150; position: absolute; right: 14.7%; height: 90px; bottom: -25px;}
.main_wrap .owl-theme .owl-dots .owl-dot{position: absolute; left: 0; top: 0; opacity: 0;}
.main_wrap .owl-theme .owl-dots .owl-dot.active{opacity: 1;}
.main_wrap .owl-theme .owl-dots .owl-dot span{width: 32px; height: 17px;  position: relative; background: 0; }
.main_wrap .owl-theme .owl-dots .owl-dot span:after{position: absolute; content:'1 / 5'; left: 0; top:0; font-size: 16px; color: #fff;}
.main_wrap .owl-theme .owl-dots .owl-dot:nth-child(2) span:after{position: absolute; content:'2 / 5'; left: 0; top:0; }
.main_wrap .owl-theme .owl-dots .owl-dot:nth-child(3) span:after{position: absolute; content:'3 / 5'; left: 0; top:0; }
.main_wrap .owl-theme .owl-dots .owl-dot:nth-child(4) span:after{position: absolute; content:'4 / 5'; left: 0; top:0; } 
.main_wrap .owl-theme .owl-dots .owl-dot:nth-child(5) span:after{position: absolute; content:'5 / 5'; left: 0; top:0; } 

.btm_arr{position: absolute;left: 50%;transform: translateX(-50%); bottom: 24px; z-index: 900; margin-left: 35px;} 
/*.btm_arr {position: absolute;left: 50%;transform: translateX(-50%);bottom: 60px;z-index: 99;animation: 3s ease 0s infinite normal none running ico_Move;}*/
/*@keyframes ico_Move {0% {bottom: 50px; } 100% {bottom:0px}}*/

.mvt{position: absolute; right: 0; bottom: 0;	width: 89.32%; height: 90px; background: rgba(0,38,97,0.7); line-height: 90px; z-index: 800; box-sizing: border-box; padding-left: 60px; }
.mvt h3{font-size: 16px; font-weight: 500; color: #fff; position: absolute; z-index: 900; letter-spacing: 0; }
.mtxt{color: #fff; position: relative; z-index: 900; text-align: right; padding-top: 414px; padding-right: 100px; box-sizing: border-box;}
.mtxt h4{font-size: 30px; line-height: 1; font-weight: 400; line-height: -0.03em; text-shadow:0px 0px 10px rgba(0,0,0,0.2); position: relative; top:50px; opacity: 0; transition:.6s; transition-delay:.6s}
.mtxt h3{font-size: 75px; font-weight: 500; letter-spacing: -0.03em; text-shadow:0px 0px 10px rgba(0,0,0,0.2); line-height: 1; margin: 19px 0 40px; position: relative; top:50px;  opacity: 0; transition:.6s; transition-delay:.8s}
.mtxt p{font-size: 22px; line-height: 1.545; text-shadow:0px 0px 5px rgba(0,0,0,0.3); position: relative; top:50px; opacity: 0; transition:.6s; transition-delay:1s}
.active .mtxt h4,
.active .mtxt h3,
.active .mtxt p{opacity: 1; top:0px; }


/*¸ÞÀÎ ÄÁÅÙÃ÷*/

.tit_ty1{text-align: center;}
.mtit{position: relative; font-size: 45px; line-height: 1; color: #333; font-weight: 900; padding-top: 36px; margin-bottom: 22px; }
.mtit:after{position: absolute; content:''; width: 10px; height: 9px; background: url(../../images/main/mc1.png) center no-repeat; top: 0; left: 50%; transform:translate(-50%, 0);}
.tit_ty1 p{font-size: 18px; color: #666; line-height: 1.667;}
.main_cnt1{margin: 112px auto 148px !important;}
.mcnt1{margin-top: 67px;}
.mcnt1 ul{height: 470px;}
.mcnt1 ul li{position: relative; top: 0; height: 428px; float: left; width: 22.78%; margin-right: 2.95%; transition:.3s;}
.mcnt1 ul li:before{position: absolute; content:''; width: 100%;height: 100%; background: rgba(0,0,0,0.2); left: 0; top: 0; z-index: 10;}
.mcnt1 ul li:last-child{margin-right: 0;}
.mcnt1 ul li a{position: relative; display: block; width: 100%; height: 100%; }

.mcnt1 ul li a:before{position: absolute; content:''; width: 100%; height: 0%; background: rgba(0,38,97,0.9); left: 0; bottom: 50%; z-index: 10; opacity: 0; transition:.3s;}
.mcnt1 ul li a .ibox{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/main/mc1_1.jpg) center no-repeat;}
.mcnt1 ul li:nth-child(2) a .ibox{background: url(../../images/main/mc1_2.jpg) center no-repeat;}
.mcnt1 ul li:nth-child(3) a .ibox{background: url(../../images/main/mc1_3.jpg) center no-repeat;}
.mcnt1 ul li:nth-child(4) a .ibox{background: url(../../images/main/mc1_4.jpg) center no-repeat;}
.mcnt1 ul li a .tbx{position: relative; z-index: 10; text-align: center; display: table; table-layout: fixed; width: 100%; height: 100%; }
.mcnt1 ul li a .tbx img{width: auto;}
.mcnt1 ul li a .tbx .tw{display: table-cell; vertical-align: middle;}
.mcnt1 ul li a .tbx .mc1_num{display: block; font-size: 14px; line-height: 1; color: #fff; letter-spacing: 0.2em; padding: 23px 0 18px; transition:.3s;}
.mcnt1 ul li a .tbx h3{position: relative;font-size: 30px; line-height: 1; color: #fff; font-weight: 500; padding-bottom: 0; transition:.3s;}
.mcnt1 ul li a .tbx h3:after{opacity: 0;position: absolute; content:''; width: 16px; height: 14px; background: url(../../images/main/mc2.png) center no-repeat; bottom: 0; left: 50%; margin-left: -8px; transition:.3s;}
.mcnt1 ul li a .tbx b{opacity: 0;  display: block;font-weight: 700; color: #fff; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.3); width: 247px; margin: 0 auto;  line-height: 0; overflow: hidden; margin-top: 0; transition:.3s;}
.mcnt1 ul li:hover{box-shadow:10px 10px 15px rgba(0,0,0,0.2)}
.mcnt1 ul li:hover a:before{opacity: 1; height:100%; bottom: 0;}
.mcnt1 ul li:hover{height: 470px; top:-30px}
.mcnt1 ul li:hover a .tbx h3{padding-bottom: 39px;}
.mcnt1 ul li:hover a .tbx h3:after{opacity: 1;}
.mcnt1 ul li:hover a .tbx b{opacity: 1; line-height: 54px; margin-top: 32px;}
.mcnt1 ul li:hover a .tbx .mc1_num{opacity: 0.3;}

.main_cnt2{background: #f5f5f5; padding: 117px 0 150px;}
.mcnt2{margin-top: 65px !important;}
.mcnt2 ul li{position: relative;width: 30.86%; margin-right: 3.7%; float: left;}
.mcnt2 ul li:last-child{margin-right: 0;}
.mcnt2 ul li:before{position: absolute; content: ''; width: 100%; height: 1px; background: #ddd; left: 0; bottom: 0;}
.mcnt2 ul li:after{position: absolute; content: ''; width: 0%; height: 1px; background: #002661; left: 0%; bottom: 0; transition:.3s;}
.mcnt2 ul li:last-child{margin-right: 0;}
.mcnt2 ul li .ibx{position: relative; width: 100%; height: 100%; overflow: hidden;}
.mcnt2 ul li h4 span{position: absolute;display: block; width: 88px; height: 44px; font-size: 16px; line-height: 44px; color: #fff; background: #002661; text-align: center; right: 20px; top:-22px;  box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.mcnt2 ul li h4 span.s_ty2{background: #000;}
.mcnt2 ul li h4{position: relative;font-size: 18px; line-height: 1.667; font-weight: 400; color: #333;	padding: 31px 0 21px;} 
.mcnt2 ul li .ibx img{transition:1.2s;}
.mcnt2 ul li:hover .ibx img{transform:scale(1.1)}
.mcnt2 ul li:hover:after{width: 100%; left: 0;}
.mcnt3{position: relative;}
.right_a{position: absolute; right: 0; top: 50%; width: 16px; height: 177px; transform: translate(0%, -50%); background: url(../../images/main/mc3_1.png) center no-repeat;}
.right_a:after{position: absolute; content:''; right: 0; top: 50%; width: 16px; height: 177px; transform: translate(0%, -50%); background: url(../../images/main/mc3_2.png) center no-repeat; opacity: 0; height: 0; transition:.3s;}  
.mcnt3 ul{display: table;  width: 100%; padding: 130px 0 120px;}
.mcnt3 ul li{display: table-cell; vertical-align: top; box-sizing: border-box; padding-right: 60px;}
.mcnt3 ul li:first-child{width: 32.18%;}
.mcnt3 ul li:nth-child(2){width: 31.98%;}
.mcnt3 ul li:nth-child(3){width: 32.82%;}
.mcnt3 ul li a{display: table; table-layout: fixed; width: 100%; vertical-align: top;}
.mcnt3 ul li .data{display: table-cell; font-size: 36px; vertical-align: top; font-weight: 700; color: #333; width: 122px; line-height: 1; letter-spacing: -0.03em; transition:.3s;}
.mcnt3 ul li .tbx{display: table-cell; -ms-word-break: keep-all;word-break: keep-all; }
.mcnt3 ul li .tbx h5{font-size: 20px; margin-top: 3px; line-height: 1; color: #333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width: 100%; font-weight: 400; margin-bottom: 20px; letter-spacing: -0.03em; transition:.3s;} 
.mcnt3 ul li .tbx .p_bx{height: 60px; overflow: hidden;}
.mcnt3 ul li .tbx span{display: block; font-size: 15px; line-height: 1; color: #002661;margin-top: 25px;}
.mcnt3 ul li:hover .data,
.mcnt3 ul li:hover .tbx h5{color: #002661;}
.right_a:hover:after{opacity: 1; height: 177px;}

.main_cnt4{background: url(../../images/main/mc4_1.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; height: 471px; text-align: center; display: table; table-layout: fixed; width: 100%;}
.mcnt4 {display: table-cell; vertical-align: middle; padding-bottom: 18px;}
.mcnt4 h3{font-size: 36px; line-height: 1; color: #fff; font-weight: 500; padding-top: 35px; position: relative;}
.mcnt4 h3:before{position: absolute; content:''; width: 10px;height: 9px;background: url(../../images/main/mc1.png) center no-repeat;  top: 0;left: 50%;transform: translate(-50%, 0);}
.mcnt4 p{color: #fff; margin: 24px 0 46px;}
.mcnt4 p span{display: inline-block; padding: 0px 17px; position: relative; color: #fff;}
.mcnt4 p span:last-child:after{display: none;}
.mcnt4 p span:after{position: absolute; content: ''; width: 2px; height: 14px; background: #fff; right: -1px; top: 0.55em;}
.mcnt4 a{position: relative; display: block; width: 286px; height: 64px; line-height: 64px; background: #cf1818; color: #fff; font-weight: 500; margin: 0 auto; overflow: hidden; transition:.3s;}
.mcnt4 a span{display: block;}

.mcnt4 a:hover{background: rgba(255,255,255,0.8); color: #cf1818;}
.mcnt4 a:after{position: absolute; content:''; width: 15px; height: 2px; background: #cf1818; left: 0; top: 0;}
.mcnt4 a:before{position: absolute; content:''; width: 2px; height: 15px; background: #cf1818; left: 0; top: 0;}
.mcnt4 a span:after{position: absolute; content:''; width: 15px; height: 2px; background: #cf1818; right: 0; bottom: 0;}
.mcnt4 a span:before{position: absolute; content:''; width: 2px; height: 15px; background: #cf1818; right: 0; bottom: 0;}


/*¸ÞÀÎÈ¿°ú*/

.tit_ty1{overflow: hidden;}