.inner{width: 1400px; margin: 0 auto; }
.main_visual{background: #e7f1fd;}

#main{padding-top: 186px}
.main_visual{width:100%;position: relative;z-index: 3; height: 670px;background: #e7f1fd;}
.main_visual .main_slider{ height:100%;overflow: hidden; position: relative;}
.main_visual .main_slider .slide_box .slide_bg{background: #17273c; opacity: 0.9; position: absolute; top: 0;left: 0; width: 245px; height: 100%}
.main_visual .main_slider .slide_box{ overflow: hidden;width:100%;height:100%; position: relative; }
.main_visual .main_slider .slide_box > div{ overflow: hidden;height:inherit;position: absolute;left:0;top:0;right:0; z-index: 3; overflow: hidden;
width: 100%; height: 100%;
opacity:0;
}
.main_visual .main_slider .slide_box > div{
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

.main_visual .main_slider .slide_box .main_img{ position: absolute;left: 0; top: 0; overflow: hidden; width: 100%; height: 100%; padding-left:140px;
/* -moz-transition: all 8s ;
-webkit-transition: all 8s;
-o-transition: all 8s;
-ms-transition: all 8s ;
transition: all 8s ;
transform: scale(1.2); */
}
.main_visual .main_slider .slide_box .main_img img{ display: block; min-width: 100%;  max-width: auto;height: 100%; position: absolute;object-fit : contain}
.main_visual .main_slider .slide_box .main_img img.pc{display: block}
.main_visual .main_slider .slide_box .main_img img.mo{display: none}
.main_visual .main_slider .slide_box  > div.on .main_img{ transform: scale(1.0); transform:perspective(500px) rotate(.001deg); }
.main_visual .main_slider .slide_box .box1{/* background:url('/img/main/main_visual01.jpg') center center no-repeat;  *//* background-size:cover;background: #e8f1fe */}
.main_visual .main_slider .slide_box .box2{/* background:url('/img/main/main_visual03.jpg') center center no-repeat;  *//* background: #e8f1fe */}
/* padding-top:360px; */
.main_visual .main_slider .slide_box .in_obj{text-align: left; position: absolute; top:0%;width: 1400px;left: 50%;margin-left: -700px;z-index: 999;padding-top: 135px; }
.main_visual .main_slider .slide_box .box5 .in_obj{text-align: left; position: absolute; top:0%;width: 1400px;left: 50%;margin-left: -700px;z-index: 999;padding-top: 60px; }  /*버튼형 배너 위치 조정할경우 여기 padding-top 조정*/
.main_visual .main_slider .slide_box .in_obj .wrap_t{margin-bottom: 25px;}

.main_visual .main_slider .slide_box div strong{ display: block; position: relative;left:30px; opacity:0;
font-weight: 500;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: left 1s;
-webkit-transition: left 1s;
-o-transition: left 1s;
-ms-transition: left 1s;
transition: left 1s;
transition-delay: 0.6s;
}
.main_visual .main_slider .slide_box div div.wrap_tit{display: block; opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
transition-delay: 0.6s;}
.main_visual .main_slider .slide_box div.on div.wrap_tit{
    opacity: 1
}
.main_visual .main_slider .slide_box .box5 div.wrap_tit{
width: 21%;
background-color: #003A93;
border-radius:24px;
padding-bottom:10px;
margin-left:5%;
box-shadow: 12px 12px 10px rgb(0 0 0 / 15%);
transition-delay: 0.1s;
}
.main_visual .main_slider .slide_box .box5 div.wrap_tit:hover{background-color: #ffffff;}
.main_visual .main_slider .slide_box .box5 div.wrap_tit:hover strong{color: #565656;}
.main_visual .main_slider .slide_box .box5 div.wrap_tit:hover strong em{color: #565656;}

.main_visual .main_slider .slide_box div span{  display: block; position: relative;opacity:0; left:30px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
transition-delay: 0.7s;
}
.main_visual .main_slider .slide_box div span em{font-style: normal;font-weight: 600}
.main_visual .main_slider .slide_box div a{ 
/* margin-bottom:5px; strong, em 있을 때*/ 
margin-bottom:12px;  /*strong 만 있을 때*/
margin-top: 10px; display: block; position: relative;opacity:0; left:30px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
color: #ffffff;
font-size: 18px;
line-height: 1.7;
font-weight: 500;
margin-left: 12.5%;
width: 75%;
/* padding-top: 3px; */
transition-delay: 0.8s;
}
.main_visual .main_slider .slide_box div.on a
{position:relative;opacity:1;
left:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
transition-delay: 0.2s
}
.main_visual .main_slider .slide_box div p{  margin-top: 20px; display: block; position: relative;opacity:0; left:30px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
color: #373737;
font-size: 16px;
line-height: 1.7;
font-weight: 400;
 padding-left: 50px;
transition-delay: 1.5s;
}
.main_visual .main_slider .slide_box div p em{font-weight: 600;font-style: normal}
.main_visual .main_slider .slide_box div.on p
{position:relative;;opacity:1;
left:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
transition-delay: 1s
}
.main_visual .main_slider .slide_box > div.on strong
{ left:0;opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.fa.fa-search{display: none}
#bo_sch{border: none}
/*.main_visual .main_slider .slide_box div.on em{position:absolute;right:100%;display:block;width:915px;height:1000px;background:url(../img/dd.png)}*/
.main_visual .main_slider .slide_box div.on em{ /*transition-delay:0.2s */}
.main_visual .main_slider .slide_box > div.on{ z-index: 5; opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.main_visual .main_slider .slide_box > div.on em,
.main_visual .main_slider .slide_box > div.on span,
.main_visual .main_slider .slide_box > div.on strong
{ left:0;opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
} 

.main_visual .main_slider .slide_box div div.wrap_tit ul:after{content: ''; display: block; clear: both;}
.main_visual .main_slider .slide_box div div.wrap_tit ul li{float: left; width: 130px; margin-right: 15px}
.main_visual .main_slider .slide_box div div.wrap_tit ul li:last-child{margin-right: 0}
.main_visual .main_slider .slide_box div div.wrap_tit ul li a{display: block; height: 170px; border: 1px solid rgba(255,255,255,0.4);text-align: center;box-sizing: border-box; padding-top: 42px; transition: 0.8s}
.main_visual .main_slider .slide_box div div.wrap_tit ul li:hover a{background: rgba(5,90,206,0.8); border-color: rgba(5,90,206,0.8)}
.main_visual .main_slider .slide_box div div.wrap_tit ul li a em{display: block; color: #ffffff; letter-spacing: -0.5px; line-height: 30px; margin-top: 30px;}
.main_visual .main_slider .slide_box div div.wrap_tit ul li:first-child a em{margin-top: 14px; }

.main_visual .main_slider .slide_box div div.wrap_tit ul li{opacity: 0;transform: translateX(30px);transition: 1s}
.main_visual .main_slider .slide_box div.on div.wrap_tit ul li{opacity: 1;transform: translateX(0)}
.main_visual .main_slider .slide_box div.on div.wrap_tit ul li:nth-child(1){transition-delay: 0.9s}
.main_visual .main_slider .slide_box div.on div.wrap_tit ul li:nth-child(2){transition-delay: 1.2s}
.main_visual .main_slider .slide_box div.on div.wrap_tit ul li:nth-child(3){transition-delay: 1.5s}
.main_visual .main_slider .slide_box div.on div.wrap_tit ul li:nth-child(4){transition-delay: 1.7s}

.main_visual .main_slider .slide_box > div .wrap_tit > em{color: #fff; font-size: 22px; letter-spacing: -0.25px;  font-style: normal; position: relative; left: 30px;transition: 0.8s; transition-delay: 0.3s; position: relative; margin-bottom: 20px;}
.main_visual .main_slider .slide_box > div.on .wrap_tit > em{left: 0;transition-delay: 0.3s}
.main_visual .main_slider .slide_box > div strong{ display: block;color: #fff;font-size: 40px;line-height:1; ; margin-bottom:43px;font-weight: 600;color: #f7950b;padding-left: 93px}
.main_visual .main_slider .slide_box > div strong em{font-style: normal; color: #373737; display: block; font-size: 34px; font-weight: 500;padding-left: 50px; margin-top: 18px}
.main_visual .main_slider .slide_box > div.box2 strong{padding-left: 30px;padding-top: 40px}
.main_visual .main_slider .slide_box > div.box2 strong em{display: inline-block;padding-left: 0}
/* .main_visual .main_slider .slide_box > div.box3 strong{text-shadow: 0 0 0 #000} */
.main_visual .main_slider .slide_box > div.box4 strong{color: #373737; font-weight: 500; font-size: 34px; }
.main_visual .main_slider .slide_box > div.box4 strong em{display: block;color: #fff;font-size: 40px;line-height:1; ; margin-bottom:43px;font-weight: 600;color: #f7950b;padding-left: 93px}
/*box5 strong em 없을 때 사용*/
.main_visual .main_slider .slide_box > div.box5 strong{color: #FFFFFF; font-weight: 600; font-size: 35px; padding-left: 9%; margin-bottom:20px;padding-top:9%;}
/*box5 strong em 있을 때 사용*/
/* .main_visual .main_slider .slide_box > div.box5 strong{color: #FFFFFF; font-weight: 600; font-size: 35px; padding-left: 9%; margin-bottom:10px; padding-top:9%;} */
.main_visual .main_slider .slide_box > div.box5 strong em{display: block;color: #FFFFFF;font-size: 25px;line-height:1; margin-top:10px; margin-bottom:15px;font-weight: 600; margin-left:-10px; letter-spacing:0.1px}
.main_visual .main_slider .slide_box > div span { font-size:16px;letter-spacing: -0.25px;line-height:34px;display: block;color: #e6e5e5;  font-weight: 300}

.thum_wrap{ position: absolute;  left: 50%;bottom:75px; z-index: 10; margin-left: -700px;bottom: 214px; }
.thum_wrap em{display: block;color: #003586; font-size: 16px; margin-bottom: 20px;font-weight: 500}
.thum_wrap em i{font-weight: inherit;}
.thum{display: block;}
.thum li{ transition: all 0.0s ; width:10px;height:10px;cursor:pointer;display: inline-block;margin-right:18px; background: #a9b8d0; border-radius: 11px 0; font-size: 0;line-height:0;float: left;transition: 0.6s}
.thum li.on{ width: 40px; background: #003586}

.thum li.last{display: none;}
.main_visual .vis_btn .tit{padding-left: 20px; margin-bottom: 50px}
.main_visual .vis_btn .tit strong{color: #003586; font-size: 22px; }
.main_visual .vis_btn {right: 50%; margin-right: -700px; position: absolute;z-index: 9; top: 5px;padding-left: 130px;/* background: url('/img/main/btn_bg.png') no-repeat right ; */padding-bottom: 5px;padding-top: 5px;padding-right: 25px}
.main_visual .vis_btn ul:after{content: ''; display: block; clear: both;}
.main_visual .vis_btn ul{width: 300px}
.main_visual .vis_btn ul li{float: left;margin-right: 3.68%; width: 140px; margin-bottom: 20px}
.main_visual .vis_btn ul li:nth-child(5){margin-right: 0}
.main_visual .vis_btn ul li a{display: block; padding-top: 29px; height: 140px; transition: 0.8s; border-radius: 24px; box-sizing: border-box; border: 3px solid #e5eaf3; background: #ffffff; box-shadow: 12px 12px 5px rgb(0 0 0 / 10%); }
.main_visual .vis_btn ul li:nth-child(1) a,
.main_visual .vis_btn ul li:nth-child(2) a,
.main_visual .vis_btn ul li:nth-child(3) a{display: flex; align-items: center; height: 96px; padding-top: 0;}
.main_visual .vis_btn ul li a i{display: block;margin: 0 auto; width: 55px; height: 51px;transition: 0.8s}
.main_visual .vis_btn ul li:nth-child(2) a i{display: block;margin: 0 auto; width: 56px; height: 51px;transition: 0.8s}
.main_visual .vis_btn ul li:hover a{border-color: transparent; background: linear-gradient(#003a92, #003a92) padding-box, linear-gradient(135deg, #7bb3ff, #f7950b) border-box;}
.main_visual .vis_btn ul li:nth-child(1){width: 290px; margin-right: 0; margin-bottom: 12px}
.main_visual .vis_btn ul li:nth-child(1) div{width: 200px}
.main_visual .vis_btn ul li:nth-child(2){width: 290px; margin-right: 0; margin-bottom: 12px}
.main_visual .vis_btn ul li:nth-child(2) div{width: 200px}
.main_visual .vis_btn ul li:nth-child(3){width: 290px; margin-right: 0; margin-bottom: 12px}
.main_visual .vis_btn ul li:nth-child(3) div{width: 200px}

/* 일반 START */
.main_visual .vis_btn ul li:nth-child(1) a i{background: url('/img/main/main_icon_p01.png?v=2');margin-right: 10px;}
.main_visual .vis_btn ul li:nth-child(2) a i{background: url('/img/main/main_icon_p02.png?v=2');margin-right: 10px;}
.main_visual .vis_btn ul li:nth-child(3) a i{background: url('/img/main/main_icon_p05.png?v=2');margin-right: 10px;}
.main_visual .vis_btn ul li:nth-child(4) a i{background: url('/img/main/main_icon_p03.png?v=2')}
.main_visual .vis_btn ul li:nth-child(5) a i{background: url('/img/main/main_icon_p04.png?v=2')}
.main_visual .vis_btn ul li:nth-child(6) a i{background: url('/img/main/main_icon_08.png')} 

.main_visual .vis_btn ul li:nth-child(1):hover a i{background: url('/img/main/main_icon_p01_on.png?v=2')}
.main_visual .vis_btn ul li:nth-child(2):hover a i{background: url('/img/main/main_icon_p02_on.png?v=2')}
.main_visual .vis_btn ul li:nth-child(3):hover a i{background: url('/img/main/main_icon_p05_on.png?v=2')}
.main_visual .vis_btn ul li:nth-child(4):hover a i{background: url('/img/main/main_icon_p03_on.png?v=2')}
.main_visual .vis_btn ul li:nth-child(5):hover a i{background: url('/img/main/main_icon_p04_on.png?v=2')}
.main_visual .vis_btn ul li:nth-child(6):hover a i{background: url('/img/main/main_icon_on08.png')}
.main_visual .vis_btn ul li a strong{display: block; font-size: 15px; color: #3F3F3F;margin-top: 11px;text-align: center;transition: 0.8s;font-weight: 600}
.main_visual .vis_btn ul li:nth-child(1) a strong{display: block; font-size: 23px; color: #3F3F3F;font-weight: 600; margin-top: 0px;text-align: center;transition: 0.8s;}
.main_visual .vis_btn ul li:nth-child(2) a strong{display: block; font-size: 23px; color: #3F3F3F;font-weight: 600; margin-top: 0px;text-align: center;transition: 0.8s;/* letter-spacing: -1.4px; */}
.main_visual .vis_btn ul li:nth-child(3) a strong{display: block; font-size: 23px; color: #3F3F3F;font-weight: 600; margin-top: 0;text-align: center;transition: 0.8s;}
.main_visual .vis_btn ul li a p{font-weight: 600;transition: 0.8s;}
.main_visual .vis_btn ul li:hover a strong{color: #F7950B; }
.main_visual .vis_btn ul li:hover a p{color: #F3F3F3; }
.main_visual .vis_btn ul li:nth-child(2) a p{font-size: 13px;}
/* 일반 END */

/* 총회시스템 기간 START */
/* .main_visual .vis_btn ul li:nth-child(1) a i{background: url('/img/main/main_icon_01.png')}
.main_visual .vis_btn ul li:nth-child(2) a i{background: url('/img/main/main_icon_07.png')}  
.main_visual .vis_btn ul li:nth-child(2) a {background: #3792ef; border-color: #3792ef;}   
.main_visual .vis_btn ul li:nth-child(2) a strong{color: #fff; } 
.main_visual .vis_btn ul li:nth-child(2) a p{color: #fff; } 
.main_visual .vis_btn ul li:nth-child(3) a i{background: url('/img/main/main_icon_03.png')}
.main_visual .vis_btn ul li:nth-child(4) a i{background: url('/img/main/main_icon_04.png')}
.main_visual .vis_btn ul li:nth-child(5) a i{background: url('/img/main/main_icon_02.png')}  
.main_visual .vis_btn ul li:nth-child(6) a i{background: url('/img/main/main_icon_08.png')}  

.main_visual .vis_btn ul li:nth-child(1):hover a i{background: url('/img/main/main_icon_on01.png')} 
.main_visual .vis_btn ul li:nth-child(2):hover a i{background: url('/img/main/main_icon_on07.png')} 
.main_visual .vis_btn ul li:nth-child(2):hover a {background: #3792ef; border-color: #3792ef;} 
.main_visual .vis_btn ul li:nth-child(3):hover a i{background: url('/img/main/main_icon_on03.png')}
.main_visual .vis_btn ul li:nth-child(4):hover a i{background: url('/img/main/main_icon_on04.png')} 
.main_visual .vis_btn ul li:nth-child(5):hover a i{background: url('/img/main/main_icon_on02.png')} 
.main_visual .vis_btn ul li:nth-child(6):hover a i{background: url('/img/main/main_icon_on08.png')} 
.main_visual .vis_btn ul li a strong{display: block; font-size: 16px; color: #565656;font-weight: 400; margin-top: 11px;text-align: center;transition: 0.8s;font-weight: 600}
.main_visual .vis_btn ul li:hover a strong{color: #fff; }
.main_visual .vis_btn ul li:hover a p{color: #fff; } */
/* 총회시스템 기간 END */

.main_visual .vis_notice{position: absolute;width: 1400px;left: 50%;margin-left: -700px;bottom: -70px;z-index: 9}
.main_visual .vis_notice ul:after{content: ''; display: block; clear: both;}
.main_visual .vis_notice ul{background: #003a93;position: relative;box-shadow: 10px 10px 10px rgba(0,0,0,0.1)}
.main_visual .vis_notice ul:before{content: ''; display: block;height: 11px; width: 90%; left: 5%; background: #e18504;position: absolute;bottom: -11px}
.main_visual .vis_notice ul li{float: left;width: 33.33%;position: relative;}
.main_visual .vis_notice ul li:hover{z-index: 2;}
.main_visual .vis_notice ul li a{top: 0}
.main_visual .vis_notice ul li a{display: block; padding: 30px 40px ;position: relative;background: #003a93;transition: 0.6s;box-shadow: 15px 15px 30px rgba(0,0,0,0.2)}
.main_visual .vis_notice ul li:hover a{top: -16px}
.main_visual .vis_notice ul li a .hover{position: absolute; width: 100%; height: 100%;padding: 10px;; top: 0;left: 0}
.main_visual .vis_notice ul li a .hover div{position: relative;width: 100%; height: 100%; opacity: 0;transition: 0.6s}
.main_visual .vis_notice ul li:hover a .hover div{opacity: 1}
.main_visual .vis_notice ul li a .hover div i{position: absolute; background: #fff}
.main_visual .vis_notice ul li a .hover div i.line01{width: 100%; height: 2px; left: 0;top: 0;background: linear-gradient(to right,#7bb3ff,#ff8100)}
.main_visual .vis_notice ul li a .hover div i.line02{width: 2px; height: 100%; right: 0;top: 0;background: #ff8100}
.main_visual .vis_notice ul li a .hover div i.line03{width: 100%; height: 2px; right: 0;bottom: 0;background: linear-gradient(to right,#7bb3ff,#ff8100)}
.main_visual .vis_notice ul li a .hover div i.line04{width: 2px; height: 100%; left: 0;bottom: 0;background: #7bb3ff}
.main_visual .vis_notice ul li .tit{position: relative;padding-right: 120px;margin-bottom: 15px}
.main_visual .vis_notice ul li .tit em{position: absolute;color: #94a3c7;font-size: 14px; right: 0; top: 0}
.main_visual .vis_notice ul li .tit strong{display: block; color: #ffffff; font-size: 16px; font-weight: 400;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden;}
.main_visual .vis_notice ul li .tit strong span{color: #f7950b;font-weight: 600}
.main_visual .vis_notice ul li .txt p{color: #fefefe; font-weight: 300; line-height: 26px; letter-spacing: -0.5px;font-size: 14px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word;
height: 52px }

.main_con01{padding-top: 155px;padding-bottom: 140px}
.main_con01 > div:after{content: ''; display: block; clear: both;}
.main_con01 > div > div{float: left;}

/*.main_con01 > div > div.left{width: 41.21%; margin-right: 3.42%}*/
.main_con01 > div > div.left{width: 33%; margin-right: 3.3%}
.main_con01 > div > div.left .tab{margin-bottom: 30px}
.main_con01 > div > div.left .tab:after{content: ''; display: block; clear: both;}
.main_con01 > div > div.left .tab ul{float: left;}
.main_con01 > div > div.left .tab .more{float: right;padding-top: 5px}
.main_con01 > div > div.left .tab .more a{display: block; transition: 0.6s}
.main_con01 > div > div.left .tab .more a:hover{transform: rotate(90deg);}
.main_con01 > div > div.left .tab ul:after{content: ''; display: block; clear: both;}
.main_con01 > div > div.left .tab ul li{float: left;margin-right: 60px;position: relative;}
.main_con01 > div > div.left .tab ul li.on:before{content: ''; display: block; width: 128px; height: 26px; background: url('/img/main/btn_on.png');position: absolute;top: 8px}
.main_con01 > div > div.left .tab ul li:last-child{margin-right: 0}
.main_con01 > div > div.left .tab ul li a{color: #565656; font-size: 26px; transition: 0.6s;font-weight: 600}
.main_con01 > div > div.left .tab ul li:hover a{color: #003586; }
.main_con01 > div > div.left .tab ul li.on a{color: #003586}
.main_con01 > div > div.left .list {display: none;}
.main_con01 > div > div.left .list.on {display: block;}
.main_con01 > div > div.left .list ul li{position: relative;margin-bottom: 8px}
.main_con01 > div > div.left .list ul li a{display: block;padding: 16px; padding-left: 120px;border: 2px solid #e5eaf3;border-radius:5px}
.main_con01 > div > div.left .list ul li .date{position: absolute;left: 0; top: 0; width: 103px; height: 100%;box-sizing: border-box;display: table;background: #e5eaf3;border: 2px solid #ced8e8;border-right:none;border-radius:5px;transition: 0.6s}
.main_con01 > div > div.left .list ul li:hover .date{border-color: #003586; background: #003586}
.main_con01 > div > div.left .list ul li .date div{display: table-cell;vertical-align: middle;width: 100%}
.main_con01 > div > div.left .list ul li .date div span{display: block; font-size: 16px; font-weight: 400; color: #3f3f3f; text-align: center;margin-bottom: 7px;transition: 0.6s}
.main_con01 > div > div.left .list ul li:hover .date div span{color: #fff}
.main_con01 > div > div.left .list ul li .date div strong{display: block; font-size: 20px; color: #003586; text-align: center;transition: 0.6s}
.main_con01 > div > div.left .list ul li:hover .date div strong{color: #f7950b}
.main_con01 > div > div.left .list ul li .txt strong{display: block;font-size: 16px; font-weight: 600; letter-spacing: -0.5px;color: #3f3f3f; /* margin-bottom: 10px */}
.main_con01 > div > div.left .list ul li .txt p{font-size: 14px; font-weight: 400; letter-spacing: -0.5px;color: #565656;     white-space: pre;
    word-wrap: normal;
    width: 100%;
    overflow: hidden}

.main_con01 > div > div.middle{width: 30%; margin-right: 3.3%;}
.main_con01 > div > div.middle .tab{margin-bottom: 30px}
.main_con01 > div > div.middle .tab:after{content: ''; display: block; clear: both;}
.main_con01 > div > div.middle .tab ul{float: left;}
.main_con01 > div > div.middle .tab .more{float: right;padding-top: 5px}
.main_con01 > div > div.middle .tab .more a{display: block; transition: 0.6s}
.main_con01 > div > div.middle .tab .more a:hover{transform: rotate(90deg);}
.main_con01 > div > div.middle .tab ul:after{content: ''; display: block; clear: both;}
.main_con01 > div > div.middle .tab ul li{float: left;margin-right: 60px;position: relative;}
.main_con01 > div > div.middle .tab ul li.on:before{content: ''; display: block; width: 208px; height: 26px; background: url('/img/main/btn_on_02.png');position: absolute;top: 8px}
.main_con01 > div > div.middle .tab ul li:last-child{margin-right: 0}
.main_con01 > div > div.middle .tab ul li a{color: #565656; font-size: 26px; transition: 0.6s;font-weight: 600}
.main_con01 > div > div.middle .tab ul li:hover a{color: #003586;}
.main_con01 > div > div.middle .tab ul li.on a{color: #003586}
.main_con01 > div > div.middle .list {display: none;}
.main_con01 > div > div.middle .list.on {display: block; }
.main_con01 > div > div.middle .list ul li{position: relative;margin-bottom: 8px}
.main_con01 > div > div.middle .list ul li a{display: block;padding: 16px; padding-left: 10px;background: #e5eaf3;border: 2px solid #e5eaf3; border-radius:5px}
.main_con01 > div > div.middle .list ul li .percent{position: absolute; right: 0; top: 0; width: 100px; height: 100%;box-sizing: border-box;display: table;border-radius:5px}
.main_con01 > div > div.middle .list ul li:hover .percent{border-color: #003586; background: #003586}
.main_con01 > div > div.middle .list ul li .percent div{display: table-cell;vertical-align: middle;width: 100%}
.main_con01 > div > div.middle .list ul li .percent div span{display: block; font-size: 16px; font-weight: 600; color: #3f3f3f; text-align: center;}
.main_con01 > div > div.middle .list ul li:hover .percent div span{color: #ffffff; }
.main_con01 > div > div.middle .list ul li .percent div strong{display: block; font-size: 20px; color: #003586; text-align: center;}
.main_con01 > div > div.middle .list ul li:hover .percent div strong{color: #f7950b}
/*
.main_con01 > div > div.middle .list ul li .txt{position: relative; right: 0; top: 0; height: 100%;box-sizing: border-box;display: table;background: #e5eaf3;border: 2px solid #ced8e8;border-right: none;transition: 0.6s}
.main_con01 > div > div.middle .list ul li:hover .txt{border-color: #003586; background: #003586}
.main_con01 > div > div.middle .list ul li .txt div{display: table-cell;vertical-align: middle;width: 100%}
.main_con01 > div > div.middle .list ul li .txt div span{display: block; font-size: 16px; font-weight: 400; color: #3f3f3f; text-align: center;margin-bottom: 7px;transition: 0.6s}
.main_con01 > div > div.middle .list ul li:hover .txt div span{color: #fff}
.main_con01 > div > div.middle .list ul li .txt div strong{display: block; font-size: 20px; color: #003586; text-align: center;transition: 0.6s}
.main_con01 > div > div.middle .list ul li:hover .txt div strong{color: #f7950b}
*/
.main_con01 > div > div.middle .list ul li .txt strong{display: block;font-size: 16px; font-weight: 600; letter-spacing: -0.5px;color: #3f3f3f;}
.main_con01 > div > div.middle .list ul li .txt p{font-size: 14px; font-weight: 400; letter-spacing: -0.5px;color: #565656;white-space: pre;word-wrap: normal;width: 100%;overflow: hidden}
.main_con01 > div > div.middle .list ul li:hover a{border-color: #003586; background: #003586;}
.main_con01 > div > div.middle .list ul li:hover .txt strong{color: #f7950b;}
.main_con01 > div > div.middle .list ul li:hover .txt p{color: #ffffff;}

.main_con01 > div > div.right{width: 30%; }
.main_con01 > div > div.right > div{float: left;/*width: 48.5%*/}
.main_con01 > div > div.right > div.banner02{float: right; width: 376px; /*필요시*/margin-right: 7%}
.main_con01 > div > div.right > div.banner01{margin-right: 3%}
.main_con01 > div > div .banner{width: 376px; position: relative;box-shadow: 19px 19px 35px rgba(7,54,129,0.1);}
.main_con01 > div > div .banner .slick-arrow {position: absolute;z-index: 8;bottom: 0; display: block; width: 66px; height: 65px; right: 0;border: none; text-indent: -9999px;transition: 0.5s}
.main_con01 > div > div .banner .slick-prev {background: #003586 url('/img/main/prev.png'); right: 65px; border-radius:5px 0px 0px 5px}
.main_con01 > div > div .banner .slick-next {background: #003586 url('/img/main/next.png');border-left: 1px solid #194992; border-radius:0px 5px 5px 0px}
.main_con01 > div > div .banner .slick-prev:hover {background: #005def url('/img/main/prev.png');}
.main_con01 > div > div .banner .slick-next:hover {background: #005def url('/img/main/next.png');}
.main_con01 > div > div.right > div img{max-width: 100%; border-radius:5px}

/*
.main_visual .vis_btn .tit {transform: translateY(30px);opacity: 0; transition: transform 1s, opacity 1s}
.main_visual.on .vis_btn .tit {transform: translateY(0);opacity: 1;}
.main_visual .vis_btn ul li{transform: translateY(30px);opacity: 0; transition: transform 1s, opacity 1s}
.main_visual.on .vis_btn ul li{transform: translateY(0);opacity: 1;}
.main_visual .vis_btn ul li:nth-child(1){transition-delay: 0.3s}
.main_visual .vis_btn ul li:nth-child(2){transition-delay: 0.6s}
.main_visual .vis_btn ul li:nth-child(3){transition-delay: 0.9s}
.main_visual .vis_btn ul li:nth-child(4){transition-delay: 1.2s}
.main_visual .vis_btn ul li:nth-child(5){transition-delay: 1.5s}
.main_visual .vis_btn ul li:nth-child(6){transition-delay: 1.8s}
*/
.main_visual .vis_notice{transform: translateY(30px);opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 1.1s}
.main_visual.on .vis_notice {transform: translateY(0);opacity: 1;} 

.main_con01 > div > div.left {transform: translateY(30px);opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 1.2s}
.main_con01.on > div > div.left{transform: translateY(0);opacity: 1;}
.main_con01 > div > div.middle {transform: translateY(30px);opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 1.3s}
.main_con01.on > div > div.middle{transform: translateY(0);opacity: 1;}
.main_con01 > div > div.right {transform: translateY(30px);opacity: 0; transition: transform 1s, opacity 1s;transition-delay: 1.3s}
.main_con01.on > div > div.right{transform: translateY(0);opacity: 1;}
@media (max-width: 1416px){
  .inner{width: 100%; padding: 0 20px}
  #header .hd02 .gnb{display: none}
  .main_visual .vis_notice{width: 95%; left: 0; margin-left: 2.5%}
  .main_con01 > div > div.left{float: none; width: 800px; margin: 0 auto; margin-bottom: 80px; max-width: 100%}
  .main_con01 > div > div.middle{float: left; width: 400px; margin: 0 auto; margin-left:15%; margin-right:3%; max-width: 100%}
  .main_con01 > div > div.right{float: right;  width: 376px; margin: 0 auto; margin-right:13%; max-width: 100%}
  .main_con01 > div > div.right > div img{width: 100%}
  .main_visual .vis_btn{right: 20px; margin-right: 0}
  .main_visual .main_slider .slide_box .in_obj{left: 0;margin-left: 0}
  .thum_wrap{left: 0;margin-left: 20px}
  .main_visual .main_slider .slide_box .in_obj{width: 100%;left: 0; margin-left: 0}
  #main{padding-top: 112px}
  .main_visual .main_slider .slide_box .main_img {left:-140px;padding-left:0px}
  .main_visual .main_slider .slide_box .box5 div.wrap_tit{margin-left:10%;}
}

@media (max-width: 1180px){
  .main_con01 > div > div.left{float: none; width: 800px; margin: 0 auto; margin-bottom: 80px; max-width: 100%}
  .main_con01 > div > div.middle{float: none; width: 800px; margin: 0 auto; margin-bottom:80px; max-width: 100%}
  .main_con01 > div > div.right{float: none;  width: 376px; margin: 0 auto; max-width: 100%}
  .main_con01 > div > div.right > div.banner02{float: none; width: 100%; /*필요시*/margin-right: 7%}
}
@media (max-width: 1150px){
  .main_visual .main_slider .slide_box .in_obj{padding-top: 50px}
 /*  .main_visual .vis_btn{top: 180px} */
  .main_visual .vis_notice ul li{width: 50%}
  .main_visual .vis_notice ul li:nth-child(3){display: none}
  
  .main_visual .main_slider .slide_box .main_img {left:-200px;padding-left:0px}
  .main_visual .main_slider .slide_box .box5 div.wrap_tit{margin-left:15%;}
}
@media (max-width: 920px){
  #main{padding-top: 70px}
  .main_visual .main_slider .slide_box .box5 div.wrap_tit{margin-left:20%;}
}
@media (max-width: 860px){
  .main_visual .main_slider .slide_box .main_img {left: 0px;padding-left:0px}
  .main_visual .main_slider .slide_box .box5 .in_obj{text-align: left; position: absolute; top:0%;width: 1400px;left: 50%;margin-left: -430px;z-index: 999;padding-top: 10px; }  /*버튼형 배너 위치 조정할경우 여기 padding-top 조정*/
  .main_visual .main_slider .slide_box > div strong{font-size: 22px}
  .main_visual .main_slider .slide_box > div strong em{font-size: 24px;margin-top: 15px}
  
  .main_visual .main_slider .slide_box div p{font-size: 14px; margin-bottom: 5px}
  .main_visual .main_slider .slide_box div a{font-size: 15px; margin-bottom: 0px}
  .main_visual .main_slider .slide_box > div.box2 strong{padding-left: 30px;padding-top: 0px}

  .main_visual .main_slider .slide_box > div.box4 strong{color: #373737;  font-size: 22px;  font-weight: 500; padding-left: 30px;padding-top: 0px}
  .main_visual .main_slider .slide_box > div.box4 strong em{font-style: normal; color: #f7950b; font-size: 24px; font-weight: 600; padding-left: 0px; margin-top: 15px}
  .main_visual .main_slider .slide_box > div.box4 p{padding-left: 20px; }
  .main_visual .main_slider .slide_box > div.box5 strong{padding-left: 0%; padding-top:3%; font-size: 25px}
  .main_visual .main_slider .slide_box > div.box5 strong em{font-size: 20px}
  
  .main_con01 > div > div.left .tab ul li a{font-size: 16px}
  .main_con01 > div > div.left .list ul li .txt strong{font-size: 13px}
  .main_con01 > div > div.left .list ul li .txt p{font-size: 12px}
  .main_con01 > div > div.left .list ul li .date div span{font-size: 12px}
  .main_con01 > div > div.left .list ul li .date div strong{font-size: 16px}
  .main_con01 > div > div.left .list ul li a{padding: 10px;padding-left: 100px}
  .main_con01 > div > div.left .list ul li .date{width: 80px; }
  .main_con01 > div > div.middle .tab ul li a{font-size: 16px}
  .main_con01 > div > div.middle .list ul li .txt strong{font-size: 13px}
  .main_con01 > div > div.middle .list ul li .txt p{font-size: 12px}
  .main_con01 > div > div.middle .list ul li .percent div span{font-size: 12px}
  .main_con01 > div > div.middle .list ul li .percent div strong{font-size: 16px}
  .main_con01 > div > div.middle .list ul li a{padding: 10px;}
  .main_con01 > div > div.middle .list ul li .percent{width: 80px; }
  
  .main_visual .vis_btn ul li a i{display: block;margin: 0 auto; width: 45px; height: 41px;transition: 0.8s}
  .main_visual .vis_btn ul li:nth-child(2) a i{display: block;margin: 0 auto; width: 45px; height: 41px;transition: 0.8s}
  
  .main_visual .vis_btn ul li:nth-child(1) a i{background: url('/img/main/main_icon_p01_m.png?v=2');margin: 0 auto;}
  .main_visual .vis_btn ul li:nth-child(2) a i{background: url('/img/main/main_icon_p02_m.png?v=2');margin: 0 auto;}
  .main_visual .vis_btn ul li:nth-child(3) a i{background: url('/img/main/main_icon_p05_m.png?v=2');margin: 0 auto;}
  .main_visual .vis_btn ul li:nth-child(4) a i{background: url('/img/main/main_icon_p03_m.png?v=2')}
  .main_visual .vis_btn ul li:nth-child(5) a i{background: url('/img/main/main_icon_p04_m.png?v=2')}
	
  .main_visual .vis_btn ul li:nth-child(1):hover a i{background: url('/img/main/main_icon_p01_m_on.png?v=2')}
  .main_visual .vis_btn ul li:nth-child(2):hover a i{background: url('/img/main/main_icon_p02_m_on.png?v=2')}
  .main_visual .vis_btn ul li:nth-child(3):hover a i{background: url('/img/main/main_icon_p05_m_on.png?v=2')}
  .main_visual .vis_btn ul li:nth-child(4):hover a i{background: url('/img/main/main_icon_p03_m_on.png?v=2')}
  .main_visual .vis_btn ul li:nth-child(5):hover a i{background: url('/img/main/main_icon_p04_m_on.png?v=2')}

  /* .main_visual .vis_btn ul li a i{display: none}
  .main_visual .vis_btn ul li:nth-child(1) a i{display: none}
  .main_visual .vis_btn ul li:nth-child(2) a i{display: none} 
  .main_visual .vis_btn ul li:nth-child(1) div {width: 290px;}
  .main_visual .vis_btn ul li:nth-child(2) div {width: 290px;} */
  .thum_wrap{display: none}
  .main_visual .vis_btn ul li a{height: 70px; padding: 8px 0}
  .main_visual .vis_btn ul li a strong{margin-top: 0}
  .main_visual .vis_btn{padding: 20px; width: 95%; right: 2.5%;margin-top: 110px;}
/*   .main_visual .vis_btn ul{width: 100%} */
  .main_visual .main_slider .slide_box > div {text-align: center;}
  .main_visual .main_slider .slide_box > div strong{margin-bottom: 20px;text-align: center;padding-left: 0}
  .main_visual .main_slider .slide_box > div strong em{padding-left: 0}
  .main_visual .main_slider .slide_box div p{text-align: center;padding-left: 0; display: none}
/*   .main_visual .main_slider .slide_box div a{transform: translateX(55%);} */
  .main_visual .vis_btn ul{width: 300px;margin:0px auto 0}
  .main_visual .vis_btn ul li a{border-radius: 12px;border: 0px solid #aec3e3;box-shadow: 12px 12px 10px rgb(0 0 0 / 15%); }
  .main_visual .vis_btn ul li a strong{font-size: 14px}
  .main_visual .vis_btn ul:nth-child(1) li a strong{font-size: 14px}
  .main_visual .vis_btn ul:nth-child(1) li a strong{font-size: 14px}
/*   .main_visual .vis_btn ul li:nth-child(1) a strong{font-size: 14px;margin-top: -20px;}
  .main_visual .vis_btn ul li:nth-child(2) a strong{font-size: 14px;margin-top: -25px;} */
  .main_visual .vis_btn ul li a p{display:none;font-size: 12px}
  .main_visual .vis_btn .tit{text-align: center;padding-left: 20px;margin-bottom: 0px;}
  .main_visual .vis_btn .tit strong{font-size: 15px}
  .main_visual .vis_btn ul li{margin-bottom: 15px}
  .main_visual .vis_btn ul li{float: left;margin-right: 3.68%; width: 140px; margin-bottom: 20px}
  .main_visual .vis_btn ul li:nth-child(1){float: left;margin-right: 3.68%; width: 140px; margin-bottom: 20px}
  .main_visual .vis_btn ul li:nth-child(2){float: left; width: 140px; margin-bottom: 20px; margin-right: 0}
  .main_visual .vis_btn ul li:nth-child(3){float: left;margin-right: 3.68%; width: 140px; margin-bottom: 20px}
  .main_visual .vis_btn ul li:nth-child(4){margin-right: 0}
  .main_visual .vis_btn ul li:nth-child(1) div{width: 100%}
  .main_visual .vis_btn ul li:nth-child(2) div{width: 100%}
  .main_visual .vis_btn ul li:nth-child(3) div{width: 100%}

  .main_visual .vis_btn ul li:nth-child(1) a{display: block;padding: 9px 0; height: 70px;}
  .main_visual .vis_btn ul li:nth-child(2) a{display: block;padding: 9px 0; height: 70px;}
  .main_visual .vis_btn ul li:nth-child(3) a{display: block;padding: 9px 0; height: 70px;}
  .main_visual .vis_btn ul li:nth-child(1) a strong{display: block; font-size: 14px; color: #3F3F3F;font-weight: 400; margin-top: 0px;text-align: center;transition: 0.8s;font-weight: 600;letter-spacing: 0px;}
  .main_visual .vis_btn ul li:nth-child(2) a strong{display: block; font-size: 14px; color: #3F3F3F;font-weight: 400; margin-top: 0px;text-align: center;transition: 0.8s;font-weight: 600;letter-spacing: 0px;}
  .main_visual .vis_btn ul li:nth-child(3) a strong{display: block; font-size: 14px; color: #3F3F3F;font-weight: 400; margin-top: 0px;text-align: center;transition: 0.8s;font-weight: 600;letter-spacing: -1px;}

  /* === 모바일 3+2 레이아웃: 1줄 3개 + 2줄 2개 (5번째 버튼 잘림 방지) === */
  .main_visual .vis_btn ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 6px; width: 300px; margin: 0 auto;}
  .main_visual .vis_btn ul li,
  .main_visual .vis_btn ul li:nth-child(1),
  .main_visual .vis_btn ul li:nth-child(2),
  .main_visual .vis_btn ul li:nth-child(3),
  .main_visual .vis_btn ul li:nth-child(4),
  .main_visual .vis_btn ul li:nth-child(5){float: none; width: calc((100% - 16px) / 3); margin: 0;}
  .main_visual .vis_btn ul li a,
  .main_visual .vis_btn ul li:nth-child(1) a,
  .main_visual .vis_btn ul li:nth-child(2) a,
  .main_visual .vis_btn ul li:nth-child(3) a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; height: 86px; padding: 4px 2px;}
  .main_visual .vis_btn ul li a i{flex-shrink: 0;}
  .main_visual .vis_btn ul li a strong,
  .main_visual .vis_btn ul li:nth-child(1) a strong,
  .main_visual .vis_btn ul li:nth-child(2) a strong,
  .main_visual .vis_btn ul li:nth-child(3) a strong{font-size: 12px; line-height: 1.25; margin-top: 0;}
  .main_visual .vis_btn ul li:hover a strong{color: #F7950B; } 

  .main_visual{height: 465px}
  .main_visual .vis_notice {bottom:0px}
  .main_visual .vis_notice ul li a{padding: 20px 10px}
  .main_visual .vis_notice ul li .txt p{font-size: 12px; line-height: 24px; height: 48px; }
  .main_visual .vis_notice ul li .tit strong{font-size: 13px}
  .main_visual .vis_notice ul li .tit em{font-size: 11px}
  .main_visual .vis_notice ul li .tit{padding-right: 68px; margin-bottom: 7px}
  
  .main_con01{padding-top: 50px;padding-bottom: 60px; }
  .main_con01 > div > div.left .tab ul li.on:before{width: 80px; background-size: 100% auto; height: 16px}
  .main_con01 > div > div.left .tab ul li{margin-right: 30px}
  .main_con01 > div > div.left .tab{margin-bottom: 20px; }
  .main_con01 > div > div.left{margin-bottom: 30px}
  .main_con01 > div > div .banner .slick-arrow{width: 40px; height: 40px; background-size: 100% 100% !important}
  .main_con01 > div > div .banner .slick-prev{right: 40px}
  .main_con01 > div > div.left .tab .more{padding-top: 0}
  .main_con01 > div > div.left .tab .more img{width: 17px}
  .main_con01 > div > div.middle .tab ul li.on:before{width: 130px; background-size: 100% auto; height: 16px}
  .main_con01 > div > div.middle .tab ul li{margin-right: 30px}
  .main_con01 > div > div.middle .tab{margin-bottom: 20px; }
  .main_con01 > div > div.middle{margin-bottom: 30px}
  .main_con01 > div > div.middle .tab .more{padding-top: 0}
  .main_con01 > div > div.middle .tab .more img{width: 17px}
}
@media (max-width: 660px){
  #main{padding-top: 62px}
  .main_visual .vis_notice ul li .tit em{display: none}
  .main_visual .vis_notice ul li .tit{padding-right: 0}
  /* .main_visual .vis_btn{background: rgba(255,255,255,0.95)} */
  .main_visual .vis_notice ul li a .hover div{display: none}
  .main_visual .main_slider .slide_box .main_img img{left: -200px;opacity: 0.3}
}