@charset "UTF-8";

/* 메인페이지 공통 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;700;900&family=Noto+Sans:wght@400;700&display=swap');

.slick_slide_box{position: relative;}

.slick_slide{position: relative;}

.slick_con{max-width:1920px;min-height: 100vh;position: relative; overflow: hidden; margin: 0 auto; -webkit-background-size: cover; height: auto;
background-size: cover;}

.slick_con img{width: 1920px; margin: 0 auto;min-height: 100vh; height: auto;}

.slick_con ul{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index: 5;}


.slick_con ul li{display: block; color: #fff;}

.slick_con ul li:nth-child(1){font-size: 50px;padding-bottom: 43px;font-family: 'Noto Sans KR', sans-serif;font-weight: 900; line-height: 1.2em;}

.slick_con ul li:nth-child(2){font-size: 18px;line-height: 1.8em;font-family: 'Noto Sans KR', sans-serif;font-weight: 300;}

.slick_con ul li:nth-child(3){font-size: 18px;line-height: 1.8em;font-family: 'Noto Sans KR', sans-serif;font-weight: 300; display: none;}

.arrow_box{position: absolute;top:50%; left: 0;right: 0; width: 100%;margin: 0 auto;display: flex;justify-content: space-between; align-items: center; transform: translateY(-50%);}

.arrow_box a{color: #fff; z-index:5; display: block; padding: 0 5px;}

.arrow_box a img{ width: 100%; opacity: 0.7; transition: 0.5s;}

.arrow_box a:nth-child(1):hover img{opacity: 1;}
.arrow_box a:nth-child(2):hover img{opacity: 1;}

.main_dots{position: absolute; bottom: 270px; left: 0 ;right: 0; width: 100%; text-align: center; border: 0;}
.main_dots li{display: inline-block; padding: 0 5px; cursor: pointer;}
.main_dots li button{background: none; border: none; text-indent: -9999px; padding: 0; width: 10px; height: 10px; background-color: #7c7c7c; border-radius: 50%; cursor: pointer; outline: 0}
.main_dots li.slick-active button{background-color: #fff;}
/*슬릭 기본 요소 버튼 padding :0 처리*/


.scroll_box{position: absolute; bottom: 50px; left: 0; right: 0; width: 100%; text-align: center;}

.scroll_box > img{animation-name: scrolls; animation-duration: 2s; animation-iteration-count: infinite;}

@keyframes scrolls{
    0%{
        transform: translateY(0px);
    }
    
    50%{
        transform: translateY(20px)
    }
    
    100%{
        transform: translateY(0px);
    }
}



/*business*/


.business{position: relative;width: 100%; background: url(../images/main/business.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; min-height: 525px; height: auto;}

.busi_wrap{overflow: hidden;box-sizing: border-box;}

.busi_wrap > img{width: 1920px;margin: 0 auto;}

.text{ text-align: center; /*position: absolute; top: 90px; left: 0; right: 0;*/ width: 100%; padding-top: 90px;}

.text h2{font-size: 40px;font-family: 'Noto Sans KR', sans-serif;font-weight: 900; padding-bottom: 35px; color: #202020;}
.text p{font-size: 18px; line-height: 1.5em; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #202020;}
.text span{ display: block; }
.m_main_text{display: none;}

.busi{display: flex; justify-content: center;/* position: absolute; top: 241px; left: 0; right: 0;*/ width: 100%; margin: 0 auto; padding-top: 35px;}

.busi1{text-align: center;}
.busi2{ text-align: center;}
.busi3{ text-align: center;}


.busi1 p,.busi2 p,.busi3 p{ display: block; color: #000; text-align: center; line-height: 1.3em;}

.buisness{padding: 0 5px; width: 180px;}

/*201118 추가 사항*/

.buisness span{display: block; width: 150px; height: 150px; border-radius: 50%; -webkit-background-size: cover; background-size: cover; margin: 0 auto; text-align: center; line-height: 150px; margin-bottom: 19px; box-sizing: border-box;}

.busi1 a span{background: #1e2874  url(../images/main/new_main01.png) center center no-repeat;}
.busi2 a span{background: #1e2874  url(../images/main/new_main02.png) center center no-repeat;}
.busi3 a span{background: #1e2874  url(../images/main/new_main03.png) center center no-repeat;}

.busi1 a:hover span{background: #fff  url(../images/main/new_main01_1.png) center center no-repeat; border: 1px solid #1e2874;}
.busi2 a:hover span{background: #fff  url(../images/main/new_main02_1.png) center center no-repeat; border: 1px solid #1e2874;}
.busi3 a:hover span{background: #fff  url(../images/main/new_main03_1.png) center center no-repeat; border: 1px solid #1e2874;}


/*201112 추가 사항 newspage*/

.newsnow_wrap{background:  url(../images/main/new_sd02.png) 50% 50% no-repeat; background-position: 50% 50%; width: 100%; min-height: 698px; height: auto;}

.newsnows{max-width: 1200px; margin: 0 auto;}
.padding_wrap{padding: 0 15px;}

.nn_text{padding-top: 50px; text-align: center;}
.nn_text h1{font-size: 40px; color: #202020; font-weight: 800; font-family: 'Noto Sans KR', sans-serif;}
.nn_text h1 > span{display: inline-block; vertical-align: baseline; color: #1e2874;}
.nn_text > span{width: 50px; height: 2px; line-height: 2px; background: #1e2874; display: block; margin: 20px auto; text-align: center;;}
.nn_text > p{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 20px; color: #202020;}

.nn_now{padding-top: 35px;float: right; text-align: center; overflow: hidden;}
.nn_now p{font-size: 15px;color: #353535; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; padding-bottom: 10px; display: block;}
.nn_now a{display: block; background: rgba(0,0,0,0.5);width: 38px; height: 38px; border-radius: 15px; line-height: 2em; margin: 0 auto;}
.nn_now span img{}
.nn_now a:hover{background: #1e2874;}

.nn_news{width: 100%; margin: 0 auto; padding: 80px 0 0; overflow: hidden;}
.nn_news ul{text-align: center;}
.nn_news ul li{display: inline-block; text-align: center; width: 31%; padding: 0 5px;}
.nn_title{max-width: 380px; height: 275px; width: 100%; border: 1px solid #202020; background: #fff; box-sizing: border-box; margin: 0 auto; box-shadow: 5px 5px 10px rgba(0,0,0,0.5); /*transition: all 0.5s ease-out;*/ overflow: hidden;}

/*
.nn_title:hover{transform: translate(-2px ,-5px);}
*/

.nn_title_wrap{padding: 0 20px; width: auto; height: auto; overflow: hidden;}

.nn_name{overflow: hidden;padding: 40px 0 20px;}
.nn_name h5{float: left; overflow:hidden; font-size: 20px; color: #1e2874;  font-family: 'Roboto', sans-serif; font-weight: 500;}
.nn_name a{display: block; float: right; overflow: hidden; color: #1e2874;}
.nn_name a > span{display: block; font-size: 2em; transition: all 0.3s ease-out;}
.nn_name a:hover span{transform: rotate(90deg);}

.nn_title_wrap > span{display: block;text-align: left; color: #a8a8a8; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 15px;  }
.nn_title_wrap p{display: block; text-align: left; line-height: 1.5em; font-family: 'Noto Sans KR', sans-serif!important; font-weight: 400!important; font-size: 17px; color: #3b3b3b; padding-top: 35px; text-transform: uppercase; height: 80px; overflow: hidden; }
.nn_title_wrap p > span{display: block; vertical-align: baseline; font-family: 'Noto Sans KR', sans-serif!important;}



/*poromotion*/

.promotion{ width: 100%; height: 778px; background: #f3f3f3; overflow: hidden; text-align: center; padding: 90px 0 0;}

.promotion h2{display: flex; font-size: 40px; text-align: center;justify-content: center; font-family: 'Noto Sans KR', sans-serif; font-weight: 900; color: #202020;}
.promotion h2 span{color: #1e2874;}

.video_wrpa{ width: 100%; text-align: center;  margin: 30px 10px 0px;   }
.sd_vidoe{ overflow: hidden; padding: 2%; text-align: center; position: relative; width: 100%; max-width: 960px;margin: 0 auto; /*padding-bottom: 56.25%;*/}
.sd_vidoe iframe:nth-child(1){/*position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;margin: 0 auto;*/ width: 100%; max-width: 960px; margin: 0 auto;}
.sd_vidoe iframe:nth-child(2){width: 100%; max-width: 760px; display: none; margin: 0 auto;}
.sd_vidoe iframe:nth-child(3){width: 100%; max-width: 540px; display: none; margin: 0 auto;}

/*about*/


.about_wrap{padding: 90px 0 110px;}

.about_title{padding-bottom: 30px;width: 100%;text-align: center;}

.about_title h2{ font-size: 40px; text-align: center; font-weight: 900; font-family: 'Noto Sans KR', sans-serif; color: #202020;}
.about_title h2 span{color: #1e2874; display: inline-block; vertical-align: baseline;}

.about_more{ display: flex; text-align: center; justify-content: center; vertical-align: middle; align-items: center;}
.about_more .more{ margin: 0 15px; position: relative; overflow: hidden; box-sizing: border-box;} 
.about_more .more img{ width: 100%;max-width: 337px;}

.more_text{position: absolute; top: 98px; left: 0; right: 0; width: 100%; text-align: center;}
.more_text h1{font-size: 24px; color: #fff; font-weight: 700; padding-bottom: 15px; font-family: 'Noto Sans KR', sans-serif;}
.more_text p{font-size: 18px; font-weight: 400; color: #fff; font-family: 'Noto Sans KR', sans-serif;}

.a_more{ position: absolute; bottom: 92px; left: 0; right: 0;width: 100%;text-align: center;}
.a_more a{color: #fff; width: 136px; height: 42px; line-height: 42px; border: 1px solid #fff;display: inline-block; text-align: center;}
.a_more a:hover{ color: #0f21a7; background: #fff;}

/*.more1{ background: url(../images/main/about02.png) center center no-repeat;-webkit-background-size: cover; background-size: cover;}
.more2{ background: url(../images/main/about01.png) center center no-repeat;-webkit-background-size: cover; background-size: cover}
.more3{ background: url(../images/main/about03.png) center center no-repeat; -webkit-background-size: cover; background-size: cover   }*/




@media screen and (max-width:1200px){
    
    .nn_name{padding: 25px 0 20px;}
    .nn_title{width: 350px; height: 250px;}
    
}

@media screen and (max-width:1150px){
    
    .nn_name{padding: 20px 0 20px;}
    .nn_title{width: 320px; height: 220px;}
    
    .nn_name h5{font-size: 18px;}
    .nn_name a > span{font-size: 1.8em;}
    .nn_title_wrap p{font-size: 15px; padding-top: 20px; height: 85px;}
    .nn_title_wrap > span{font-size: 14px;}
}

@media screen and (max-width:1050px){
     .nn_name{padding: 20px 0 20px;}
    .nn_title{width: 300px; height: 200px;}
    
    .nn_name h5{font-size: 16px;}
    .nn_name a > span{font-size: 1.6em;}
    .nn_title_wrap p{font-size: 14px; padding-top: 20px;}
    .nn_title_wrap > span{font-size: 13px;}
}

@media screen and (max-width:1040px){
    .arrow_box{display: none;}
    .scroll_box{display: none;}
    .slick_con ul li:nth-child(2){display: none;}
    .slick_con ul li:nth-child(3){display: block; font-weight: 300; line-height: 1.7em;}
    .slick_con ul li:nth-child(3) span{display: block;}
    .about_more{flex-wrap: wrap; }
    .about_more .more{margin-bottom: 20px;}
}

@media screen and (max-width:985px){
    
    .nn_name{padding: 20px 0 20px;}
    .nn_title{width: 340px; height: 230px;}
    
    .nn_name h5{font-size: 18px;}
    .nn_name a > span{font-size: 1.8em;}
    .nn_title_wrap p{font-size: 17px; padding-top: 20px; height: 80px;}
    .nn_title_wrap > span{font-size: 14px;}
    .nn_news ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; max-width: 700px; margin: 0 auto;}
    .nn_news ul li{width: auto; padding-bottom: 10px;}
    .nn_news{padding: 50px 0 0;}
    
    
    .newsnow_wrap{background-image: url(../images/main/new_sd02-1.png); min-height: 850px;}
   

@media screen and (max-width:900px){
 /*   .sd_vidoe iframe:nth-child(1){display: none;}
    .sd_vidoe iframe:nth-child(2){display: block;}*/
}

@media screen and (max-width:750px){
    .pc_main_text{display: none;}
    .m_main_text{display: block;}
    .busi{display: block;width: 100%;margin: 0 auto; text-align: 
        center; justify-content: center;}
    .buisness{margin: 0 auto; padding-bottom: 30px;}
    
     .nn_name{padding: 20px 0 10px;}
    .nn_title{width: 320px; height: 210px;}
    
    .nn_name h5{font-size: 17px;}
    .nn_name a > span{font-size: 1.7em;}
    .nn_title_wrap p{font-size: 15px; padding-top: 15px; height: 85px;}
    .nn_title_wrap > span{font-size: 13px;}
}

@media screen and (max-width:715px){
    
    .nn_name{padding: 20px 0 10px;}
    .nn_title{width: 300px; height: 200px;}
    .nn_name h5{font-size: 16px;}
    .nn_name a > span{font-size: 1.6em;}
    .nn_title_wrap p{font-size: 14px; padding-top: 20px;}
}

@media screen and (max-width:665px){
    .nn_news ul{justify-content: center;}
    .nn_title{width: 330px; height: 190px;}
    .nn_name h5{font-size: 17px;}
    .nn_name a > span{font-size: 1.7em;}
    .nn_title_wrap p{font-size: 14px; padding-top: 20px;}
    .nn_title_wrap > span{font-size: 12px;}
    .nn_news{padding: 30px 0 0;}
    .newsnow_wrap {min-height: 880px;}
}

@media screen and (max-width:600px){
  /*   .sd_vidoe iframe:nth-child(2){display: none;}
     .sd_vidoe iframe:nth-child(3){display: block;}*/
    .slick_con ul li:nth-child(3){font-size: 16px;}
    .text p{font-size: 14px;}
}

@media screen and (max-width:450px){
    .slick_con ul li:nth-child(1){font-size: 35px;}
    .slick_con ul li:nth-child(3){font-size: 12px;}
    .text h2{font-size: 30px;}
    .promotion h2,.about_title h2{font-size: 30px;}
    .a_more{bottom: 60px;}
    
    
    .nn_text h1{font-size: 27px;}
    .nn_text > p{font-size: 15px;}
    .nn_now p{font-size: 14px;}
    .a_more{bottom: 60px;}
    .nn_title{width: 300px; }
    
}

@media screen and (max-width:380px){
     .nn_title{width: 280px; }
    .nn_name h5{font-size: 16px;}
    .nn_name a > span{font-size: 1.7em;}
    .nn_title_wrap p{font-size: 13px; padding-top: 20px;  height: 80px;}
    .nn_title_wrap > span{font-size: 11px;}
}