@charset "utf-8";
body{font-family: 'Poppins';}
#sec1{width:100%;height:450px;box-sizing: border-box;overflow: hidden;}
#sec1 .sec1_in{height:100%;width:100%;background: url(../images/sub1/image13.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: .5;}

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


/*sec2*/

#sec2{padding-top:82px;}
#sec2 .seb_in{width:1200px;margin:auto;padding:55px 15px 0;box-sizing: border-box;}
#sec2 .seb_in > h2{font-family: 'Noto Serif KR';font-size:50px;font-weight: bold;color:#333;line-height:72px;}
#sec2 .seb_in .img_wrap{margin:45px 0 60px;position: relative;height:1470px;}
#sec2 .seb_in .img_wrap .img_in{overflow: hidden;box-sizing: border-box;position: absolute;}
#sec2 .seb_in .img_wrap .img_in a{display: block;width:100%;height:100%;position: relative;}
#sec2 .seb_in .img_wrap .img_in a .cover{position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,.0);transition: all .5s ease;}
#sec2 .seb_in .img_wrap .img_in a .bor_top{position: absolute;top:20px;right:20px;border-top:0px solid #fff;width:0%;border-right:0px solid #fff;height:0%;transition: all .5s ease;}
#sec2 .seb_in .img_wrap .img_in a .bor_bot{position: absolute;bottom:20px;left:20px;border-bottom:0px solid #fff;width:0%;border-left:0px solid #fff;height:0%;transition: all .5s ease;}
#sec2 .seb_in .img_wrap .img_in a .txt{color:#fff;z-index: 1;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);text-align: center;width:100%;transition: all .5s ease;opacity: 0;}
#sec2 .seb_in .img_wrap .img_in a .txt h2{margin-bottom:12px;font-family: 'Noto Sans KR';font-size:26px;}
#sec2 .seb_in .img_wrap .img_in a .txt h3{margin-top:12px;font-family: 'Raleway';font-size:30px;width:100%;}

#sec2 .seb_in .img_wrap .img_in:hover a .cover{background: rgba(0,0,0,.4);}
#sec2 .seb_in .img_wrap .img_in:hover a .bor_top{border-top:1px solid #fff;border-right:1px solid #fff;width:45%;height:45%;}
#sec2 .seb_in .img_wrap .img_in:hover a .bor_bot{border-bottom:1px solid #fff;width:45%;border-left:1px solid #fff;height:45%}
#sec2 .seb_in .img_wrap .img_in:hover a .txt{opacity: 1;}

#sec2 .seb_in .img_wrap .img_in.on a .cover{background: rgba(0,0,0,.4);}
#sec2 .seb_in .img_wrap .img_in.on a .bor_top{border-top:1px solid #fff;border-right:1px solid #fff;width:45%;height:45%;}
#sec2 .seb_in .img_wrap .img_in.on a .bor_bot{border-bottom:1px solid #fff;border-left:1px solid #fff;width:45%;height:45%;}
#sec2 .seb_in .img_wrap .img_in.on a .txt{opacity: 1;}

#sec2 .seb_in .img_wrap .img1{width:370px;height:270px;left:0;top:0;background: url('../images/sub6/1.jpg')no-repeat 50% 50%;background-size: cover;}
#sec2 .seb_in .img_wrap .img2{width:370px;height:270px;left:400px;top:0;background: url('../images/sub6/2.jpg')no-repeat 50% 50%;background-size: cover;}
#sec2 .seb_in .img_wrap .img3{width:370px;height:570px;right:0;top:0;background: url('../images/sub6/3.jpg')no-repeat 50% 50%;background-size: cover;}
#sec2 .seb_in .img_wrap .img4{width:770px;height:570px;right:0;bottom:0px;background: url('../images/sub6/4.jpg')no-repeat 50% 50%;background-size: cover;}
#sec2 .seb_in .img_wrap .img5{width:370px;height:270px;left:0px;top:300px;background: url('../images/sub6/5.jpg')no-repeat 50% 50%;background-size: cover;}
#sec2 .seb_in .img_wrap .img6{width:370px;height:270px;left:400px;top:300px;background: url('../images/sub6/6.jpg')no-repeat 50% 50%;background-size: cover;}
#sec2 .seb_in .img_wrap .img7{width:370px;height:270px;left:0px;bottom:0px;background: url('../images/sub6/7.jpg')no-repeat 50% 50%;background-size: cover;}
#sec2 .seb_in .img_wrap .img8{width:370px;height:270px;left:0px;bottom:300px;background: url('../images/sub6/8.jpg')no-repeat 50% 50%;background-size: cover;}
#sec2 .seb_in .img_wrap .img9{width:1170px;height:270px;left:0px;bottom:600px;background: url('../images/sub6/9.jpg')no-repeat 50% 60%;background-size: cover;}

#sec2 .seb_in .tab_wrap{box-sizing: border-box;height:212px;margin-bottom:80px;}

#sec2 .seb_in .tab_wrap .tab_left{float:left;width:470px;box-sizing: border-box;height:100%;background: #f8f8f8;overflow: hidden;position: relative;}
#sec2 .seb_in .tab_wrap .tab_left .tab{width:100%;height:100%;padding:50px 0 0 50px;font-family: 'Noto Sans KR';position: absolute;left:0;top:0;background: #f8f8f8;display: none;}
#sec2 .seb_in .tab_wrap .tab_left .tab h3{line-height:30px;font-size:18px;font-weight: bold;margin-bottom:10px;}
#sec2 .seb_in .tab_wrap .tab_left .tab h3 span{font-size:13px;font-weight: 400;vertical-align: top;}
#sec2 .seb_in .tab_wrap .tab_left .tab h4{font-size:14px;line-height:26px;letter-spacing: -1px;}
#sec2 .seb_in .tab_wrap .tab_left .tab h5{font-size:14px;line-height:26px;letter-spacing: -1px;}
#sec2 .seb_in .tab_wrap .tab_left .tab h6{font-size:14px;line-height:26px;letter-spacing: -1px;}

#sec2 .seb_in .tab_wrap .tab_left .tab.on{display: block !important;}

#sec2 .seb_in .tab_wrap .tab_right{float:right;width:700px;padding:30px 0 0 44px;box-sizing: border-box;height:100%;}
#sec2 .seb_in .tab_wrap .tab_right h3{font-size:18px;font-family: 'Noto Sans KR';}
#sec2 .seb_in .tab_wrap .tab_right p{margin-top:30px;font-size:13px;line-height:26px;letter-spacing: -0px;font-family: 'Noto Sans KR';color:#333;}

#sec2 .seb_in .bot_box{margin-top:60px;height:90px;border-top:1px solid #e6e6e6;position: relative;}
#sec2 .seb_in .bot_box .prev{position: absolute;left:0px;top:50%;transform: translateY(-50%);}
#sec2 .seb_in .bot_box .top{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);color:#000;font-family: 'Poppins';font-size:14px;font-weight: 500;padding:10px 15px;}
#sec2 .seb_in .bot_box .next{position: absolute;right:0px;top:50%;transform: translateY(-50%);}