@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: 840px; width: 100%; overflow: hidden; padding-top: 130px;}
.main_wrap .item{position: relative; height: 840px; 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: 840px; }
.main_wrap .item span{position: absolute; display: block; background: url(../../images/main/mv1.jpg) center center no-repeat; background-attachment: fixed !important;  height: 840px; left: 0; top: 0; width: 100%;  background-repeat: no-repeat;background-position: center center; }
.main_wrap .item div{ position: absolute; left: 0; height: 840px; 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 span{transition:.8s; transform-origin:left 0;  width: 0;} 
.main_wrap .active .item div span{ width: 100%; transition:0s;}
.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: 840px; 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: 840px; } 
.main_wrap .owl-dots{position: absolute; left: 105px; top: 50%; margin-top: -105px; z-index: 1054;}
.main_wrap .owl-dots .owl-dot{width: 39px; height: 39px; transition:.3s; box-sizing: border-box; border: 1px solid rgba(255,255,255,0); border-radius: 50%; clear: both; display: block; margin-bottom: 20px;}
.main_wrap .owl-dots .owl-dot:hover,
.main_wrap .owl-dots .owl-dot.active{border: 1px solid rgba(255,255,255,1);}
.main_wrap .owl-dots .owl-dot:last-child{margin-bottom: 0;}
.main_wrap .owl-dots .owl-dot span{width: 7px; height: 7px; background: #fff; margin-top: 15px; margin-left: 15px;}
.main_wrap .owl-dots .owl-dot:hover span,
.main_wrap .owl-dots .owl-dot.active span{background: #fff;}

.btm_arr{position: absolute;left: 50%;transform: translateX(-50%); bottom: 60px; z-index: 900; margin-left: 15px;} 
.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: 303px; padding-right: 0px; box-sizing: border-box;}
.mtxt h2{position: relative; left: 20px; font-size: 20px; font-weight: 700; letter-spacing: 0.35em; top:50px;  opacity: 0; transition:.6s; transition-delay:.3s} 
.mtxt h3{font-size: 75px; font-weight: 500; letter-spacing: -0.03em; text-shadow:0px 10px 10px rgba(0,0,0,0.3);  line-height: 1; margin: 9px 0 42px; position: relative; top:50px; left: 13px; opacity: 0; transition:.6s; transition-delay:.8s}
.mtxt p{font-size: 22px; line-height: 1.545; text-shadow:5px 5px 5px rgba(0,0,0,0.3); letter-spacing: -0.03em; position: relative; left: 14px; top:50px; opacity: 0; transition:.6s; transition-delay:1s}

.active .mtxt h2,
.active .mtxt h4,
.active .mtxt h3,
.active .mtxt p{opacity: 1; top:0px; }

/*¸ÞÀÎÈ¿°ú*/
.tit_ty1{overflow: hidden;}

/* mcnt1 */
.mcnt1{position: relative;}
.mcnt1:before{position: absolute; content:''; width: 510px; height: 100%; background: url(../../images/main/mcnt1_bg.jpg) center no-repeat; left: 0; top: 0; z-index: -1;}
.m_cnt1 {position: relative; }
.m_tbx_ty1 p{font-size: 18px; color: #606060; text-align: center; margin-left: 3px; line-height: 28px;}
.m_tbx_ty1 p b.bol{font-weight: 500; color: #303030;}
 
.m_tit_ty1{position: relative; font-size: 45px; color: #303030; line-height: 1; font-weight: 900; padding-top: 30px; text-align: center; margin-bottom: 18px;}
.m_tit_ty1:before{position: absolute; content: ''; width: 12px; height: 18px; background: url(../../images/main/mtit_b.png) center no-repeat; top: 0; left: 50%; margin-left: -6px;}
.ul_3_ty1 li,
.mcnt2 ul li{float: left; width: 31.81%; margin-right: 2.27%; height: 428px;}
.ul_3_ty1 li a{display: block; height: 100%; position: relative; box-sizing: border-box; padding-left: 60px; color: #fff; padding-top: 280px;}
.ul_3_ty1 li a p{transition:.3s; font-size: 14px; letter-spacing: 0.2em; } 
.ul_3_ty1 li a h4{font-size: 30px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; margin-top: 14px; margin-left: -2px;}
.ul_3_ty1 li a span{position: absolute; border-bottom: 1px solid rgba(255,255,255,0.3);padding-top: 29px; box-sizing: border-box; right: -42px; bottom: 42px; font-size: 14px; line-height: 30px; letter-spacing: 0.2em; font-weight: 500; display: block; transform:rotate(90deg); width: 150px; height: 66px; ;}
.ul_3_ty1 li{overflow: hidden;}

.ul_3_ty1 li a:before{position: absolute; content: ''; left: 0; top: 0 ; width: 100%; height: 100%; background: url(../../images/main/mcnt1_1.jpg) center no-repeat; z-index: -1; transition:.8s;}
.ul_3_ty1 li:nth-child(2) a:before{background: url(../../images/main/mcnt1_2.jpg) center no-repeat;}
.ul_3_ty1 li:nth-child(3) a:before{background: url(../../images/main/mcnt1_3.jpg) center no-repeat;}
.ul_3_ty1 li:last-child,
.mcnt2 ul li:last-child{margin-right: 0;} 
.ul_3_ty1 li:hover a p{color: #f3bc23;}

.ul_3_ty1 li:hover a:before{transform: scale(1.3) rotate(0.01deg); }

/* mcnt2 */
.mcnt2{background: url(../../images/main/mcnt2_bg.jpg) center no-repeat; text-align: center;}
.mcnt2 ul li{box-shadow:10px 10px 20px rgba(0,0,0,0.08); height: auto;}
.mcnt2 ul li figure{position: relative; z-index: 10; box-sizing: border-box; padding: 3px; background: #fff; box-shadow:10px 10px 20px rgba(0,0,0,0.08)}
.mcnt2 ul li figcaption{box-sizing: border-box; padding: 0 10px;background: #fff; text-align: center; font-size: 18px; height: 96px; line-height: 96px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; transition:.3s;} 
.mcnt2 ul li:hover figcaption{background: #bdbdbd; color: #fff; font-weight: 500;}

.m_btn_1{position: relative; overflow: hidden; z-index: 3; margin: 0 auto; box-sizing: border-box; width: 185px; line-height: 62px; border: 2px solid #312e2f; font-size: 16px; color: #fff; text-align: center; border-radius: 50px; transition:.6s;}
.m_btn_1:before{position: absolute; content:''; width: 300px; height: 300px; transform:rotate(45deg); left:-15px; top: -67px; background: #312e2f; z-index: -1; transition:.6s;}
.m_btn_1:hover:before{left: 300px;}
.m_btn_1:hover{color: #303030;}

/* mcnt3 */
.m_cnt3{display: table; width: 100%; table-layout: fixed; padding: 120px 0 113px;}
.m_cnt3 > div{display: table-cell; vertical-align: top;}
.m_cnt3 > .noti_tit{width: 25%;}
.m_cnt3 > .noti_tit h3{font-size: 45px; color: #303030; font-weight: 900; line-height: 45px; margin-bottom: 35px;}
.m_cnt3 > .noti_tit a{width: 185px; background: url(../../images/main/noti_bg.jpg) center left; border-radius: 50px; line-height: 66px; text-align: center; font-size: 16px; color: #fff; transition:.3s;}
.noti_con{position: relative; top:-3px; box-sizing: border-box; }
.noti_con1{padding-right: 5%;}
.noti_con2{padding-left: 5.1%;}
.noti_con1:after{position: absolute; content:''; width: 1px; height: 100%; background: #dbdbdb; right: -2px; top: 0;}
.noti_con dl{display: table; width: 100%; table-layout: fixed;}
.noti_con dl dt{font-size: 36px; color: #303030; font-weight: 700; display: table-cell; width: 122px; vertical-align: top; line-height: 36px; letter-spacing: -0.03em;}
.noti_con dl dd{display: table-cell; vertical-align: top; position: relative; top: 3px;}
.noti_con dl dd h4{font-size: 20px; color: #303030; line-height: 1; font-weight: 400; transition:.3s;}
.noti_con dl dd p{font-size: 16px; line-height: 26px; color: #606060; word-break: keep-all; max-height:48px; overflow: hidden; margin: 17px 0 38px; transition:.3s;}
.noti_con dl dd b{font-size: 15px; color: #303030; font-weight: 400; transition:.3s;}
.noti_con:hover dl dd h4{color: #f18e44; font-weight: 500;}
.noti_con:hover dl dd p{text-decoration: underline;}
.noti_con:hover dl dd b{color: #f18e44; font-weight: 500;}
.m_cnt3 > .noti_tit a:hover{ opacity: 0.9;}

/* ¸ÞÀÎÄÁÅÙÃ÷ È¿°ú */