@charset "utf-8";
.sec_wrap{overflow: hidden;position: relative;}

#sec1{width:100%;height:450px;box-sizing: border-box;overflow: hidden;}
#sec1 .sec1_in{height:100%;width:100%;background: url(../images/sub02/img1.jpg)no-repeat 50% 50%;background-size: cover;position: relative;}
#sec1 .sec1_in:after{content: '';width:100%;height:100%;position: absolute;left:0;top:0;background: #000;opacity: .2;}

#sec1 .sec1_in .tit{font-size:38px;color:#fff;font-family: 'Poppins';position: absolute;left:50%;top:47%;transform: translate(-50%,-0%);z-index: 1;opacity: .8;font-weight: 500;text-align: center;}

/*sec2*/

#sec2{box-sizing: border-box;width:100%;}
#sec2 .sec2_in{width:1400px;margin:83px auto 160px;position: relative;}

#sec2 .sec2_in .tit{text-align: center;padding:80px 0 60px;}
#sec2 .sec2_in .tit h3{font-size:36px;font-weight: 700;color:#0c4da2;letter-spacing: 2px;}
#sec2 .sec2_in .tit h3 span{font-weight: 500;}
#sec2 .sec2_in .tit h2{font-family:'NanumSquare';font-size:22px;font-weight: 600;padding:50px 0 30px;color:#666;letter-spacing: 1px;}
#sec2 .sec2_in .tit h4{font-size:20px;letter-spacing: 2px;font-weight: 500;color:#666;}

#sec2 .sec2_in .img{position: relative;overflow: hidden;height:787px;box-sizing: border-box;}
#sec2 .sec2_in .img .img_tab{position: relative;}
#sec2 .sec2_in .img .img_tab img{width:100%;position: absolute;overflow:hidden;display: none;}
#sec2 .sec2_in .img .img_tab img.on{display: block;}

#sec2 .sec2_in .img .view{position: absolute;right:0px;top:150px;width:300px;}

#sec2 .sec2_in .img .view .view_tab{width:100%;height:100%;box-sizing: border-box;padding:20px 0;background: #fff;border-radius: 2px;}
#sec2 .sec2_in .img .view .view_tab ul{width:100%;height:100%;}
#sec2 .sec2_in .img .view .view_tab ul li{margin-bottom:5px;}
#sec2 .sec2_in .img .view .view_tab ul li a{display: block;font-size:16px;line-height:28px; color:#666;transition: all .5s;padding-left:20px;letter-spacing: 4px;font-weight: 500;background: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
#sec2 .sec2_in .img .view .view_tab ul li.on a{background: #0c4da2;margin-left: -20px;text-indent: 20px;color:#fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}

#sec2 .sec2_in .img2{margin-top:80px;}
#sec2 .sec2_in .img2 img{width:100%;}