@charset "utf-8";


/*main*/
 body {font-family: 'Noto Sans KR';  letter-spacing:-.5px; box-sizing:border-box; color:#333; font-size:16px; font-weight:300; overflow-x: hidden;}

.sec {padding-top: 100px;}
.sec:last-child {padding-top: 0;}


    /*sec1*/
.info_txt{text-align: center; color:#333;}
.info_txt p:first-child{position: relative; font-size: 30px; font-weight: 800;}
.info_txt p:first-child::before{content:""; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 47px; height: 4px; background: url(/resources/img/main/tit_ico.jpg) no-repeat top center;}

.info_txt p:nth-child(2){font-size:20px; opacity: 0.7; font-weight: 500; margin: 10px 0 30px 0;}
.info_txt p:last-child{line-height: 1.6;}

.info_box_wrap{display: flex; flex-wrap: wrap; align-content: center; margin: 50px 0 140px 0;}
.info_box_wrap .info_box{width: 32.6%; height: 265px; background: #ddd; margin-right: 1%; position: relative;}
.info_box_wrap .ib1{background: url(/resources/img/main/info_img1.jpg) no-repeat top center/cover;}
.info_box_wrap .ib2{background: url(/resources/img/main/info_img2.jpg) no-repeat top center/cover;}
.info_box_wrap .ib3{background: url(/resources/img/main/info_img3.jpg) no-repeat top center/cover; margin-right: 0;}
.info_tit_box{width: 180px; margin: 0 auto; text-align: center; position: absolute; bottom: -17%; left: 50%; transform: translateX(-50%); FONT-WEIGHT: 200; padding: 25px 10px; cursor: pointer; background: #343434; color: #fff; box-sizing: border-box; overflow: hidden;}
.info_tit_box::before{width:0%; height:100%; position:absolute; left:0; top:0; background:#131313; transition: .3s ease;  content: ''; z-index: -1;}
.info_tit_box:hover::before{width: 100%;}

.ib2 .info_tit_box::before{background:#d9b800;}
.ib3 .info_tit_box::before{background: #650000;}



.ib2 .info_tit_box{background: #dfbd00;}
.ib3 .info_tit_box{background: #800000;}
.info_tit_box p:first-child{font-size: 14px; line-height: 1.6;}
.info_tit_box p:last-child{font-weight: 700; font-size: 19px; letter-spacing: 0.5px;}

    /*sec2*/
.prx_banner .parallax-item{background: url(/resources/img/main/sec04.jpg) center/cover fixed no-repeat;}
.prx_banner .ct_wrap{display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; }
.prx_banner .ct_wrap .ct_box{height: 250px;}
.prx_banner .ct_wrap .ct_box_inner{position: relative; width: 100%; height: 250px;}
.prx_banner .ct_wrap .ctb1{width: 50%; background:#fff; box-sizing: border-box;}
.tab_title{width: 100%; font-size: 0; z-index: 2; cursor: pointer; } .notice_on{ display: inline-block; width: 50%; height: 45px; line-height: 45px; text-align:left; font-size: 19px; background: #fff;  z-index: 3; color: #333; box-sizing: border-box; padding-left: 30px; font-weight: 600; position: relative;} 
.notice_off{ display: inline-block; width: 50%; height: 45px; line-height: 45px; text-align:left; font-size: 19px; background: #333;  z-index: 3; color: #fff; box-sizing: border-box; padding-left: 30px; font-weight: 600; position: relative;}

.gallery_on{ display: inline-block; width: 50%; height: 45px; line-height: 45px; text-align:left; font-size: 19px; background: #fff;  z-index: 3; color: #333; box-sizing: border-box; padding-left: 30px; font-weight: 600; position: relative;} 
.gallery_off{ display: inline-block; width: 50%; height: 45px; line-height: 45px; text-align:left; font-size: 19px; background: #333;  z-index: 3; color: #fff; box-sizing: border-box; padding-left: 30px; font-weight: 600; position: relative;} 

.tab_title .more_btn{width: 12px; height: 12px; display:inline-block; vertical-align:  middle; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); box-sizing: border-box; background: url(/resources/img/main/more_btn1.png) no-repeat top center/cover;  transition: .3s ease-in-out;}
.tab_title .more_btn2{background: url(/resources/img/main/more_btn2.png) no-repeat top center/cover;}
.notice_off .more_btn {background: url(/resources/img/main/more_btn2.png) no-repeat top center/cover;}
.gallery_on .more_btn{background: url(/resources/img/main/more_btn1.png) no-repeat top center/cover;}

.contents_box{ width: 100%; box-sizing: border-box;} 
.notice_letter{display: block; padding: 30px; width: 100%; color: #333; box-sizing: border-box;} 
.notice_letter li{position: relative; line-height: 1.9; font-size: 16px;} 
.notice_letter li::before{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); vertical-align: middle; background: #ccc; width: 5px; height: 5px; border-radius: 100px; }
.notice_letter li a{ text-overflow: ellipsis; overflow: hidden; height: auto; white-space: nowrap; max-height: inherit; width: 60%; display: inline-block; margin-left: 18px; font-weight: 500; word-break: keep-all;} 
.notice_letter li a:hover{text-decoration: underline; }
.notice_letter li span{position: absolute; right: 0; color: #979797; margin-top: 5px; vertical-align: middle;} 

.gallery_img{ display: none; /*활성시 flex*/ flex-wrap: wrap; align-items: center; padding: 30px; width: 100%; box-sizing: border-box; color:#333;} 
.gallery_img .img_wrap{height: 100px; overflow: hidden; max-width: 156px;}
.gallery_img .img_wrap img{width: 100%;}
.gallery_img li{width: 32%; margin-right: 2%}
.gallery_img li:last-child{margin-right: 0;}
.gallery_img li a{display: block; cursor: pointer;}
.gallery_img li p{display: block; font-weight:500; line-height: 1.7; text-overflow: ellipsis; overflow: hidden; height: auto; white-space: nowrap; max-height: inherit; width: 90%;  word-break: keep-all;}
.gallery_img li p:hover{text-decoration: underline;}
.gallery_img li span{display: block; color: #979797;}


.prx_banner .ct_wrap .ctb2{width: 25%; background:#305ac3;}
.prx_banner .ct_wrap .ctb2 .cont_box{position: relative; vertical-align: middle; display: block; background: #305ac3;}
.prx_banner .ct_wrap .ctb2 .cont_box:first-child{width: 100%; height: 50%;}

.prx_banner .ct_wrap .ctb2 a::before{ width:0%; height:100%; position:absolute; left:0; top:0; background:#4069d0; transition: .3s ease;  content: '';}
.prx_banner .ct_wrap .ctb2 a:hover::before{width: 100%;}

.prx_banner .ct_wrap .ctb2 a:last-child::before{background:#112f7b;}

.prx_banner .ct_wrap .ctb2 .cont_box:last-child{width: 100%; height: 50%; background:#1b3f99; }
.prx_banner .ct_wrap .ctb2 .cont_box .txt{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 19px; font-weight: 700; box-sizing: border-box; width: 100%; margin: 0 auto; text-align: center;}
.prx_banner .ct_wrap .ctb2 .cont_box .txt span{display: inline-block; width: 45px; height: 45px; background: url(/resources/img/main/news_ico1.png) no-repeat top center/cover; vertical-align: middle;}
.prx_banner .ct_wrap .ctb2 .cont_box:last-child .txt span{display: inline-block; width: 45px; height:45px; background: url(/resources/img/main/news_ico2.png) no-repeat top center/cover; vertical-align: middle; margin-right: 8px;}
.prx_banner .ct_wrap .ctb2 .cont_box .txt p{display: inline-block; color: #fff;}

.prx_banner .ct_wrap .ctb3{position: relative; width: 25%; background:#fff;}
.prx_banner .ct_wrap .ctb3 .cont{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%;}
.prx_banner .ct_wrap .ctb3 .ico{width: 67px; height: 53px; background: url(/resources/img/main/call_ico.png) no-repeat top center/cover; text-align: center; margin: 0 auto;}
.prx_banner .ct_wrap .ctb3 .txt{color: #333; text-align: center;}
.prx_banner .ct_wrap .ctb3 .txt p:first-child{font-size: 19px; color: #333; font-weight: 700; margin-top: 30px;}
.prx_banner .ct_wrap .ctb3 .txt p:nth-child(2){font-size: 30px; color: #c20000; font-weight: 800; margin: 15px 0 10px 0; display: block;}
.prx_banner .ct_wrap .ctb3 .txt p:last-child{font-size: 15px; color: #333; font-weight: 300; opacity: 0.7;}





@media screen and (max-width:1024px){
   
}


@media screen and (max-width:768px){
    .prx_banner .parallax-item{background: url(/resources/img/main/sec04.jpg) no-repeat top center/cover;}
    
    .logo_banner_wrap .txt{display: none;}
    .logo_banner_wrap .cont{width: calc(100% - 80px);}
    .info_box_wrap .info_box{width: 100%; margin-right:0; margin-bottom: 110px;}
    .info_box_wrap .info_box:last-child{margin-bottom: 0;}
    
    .prx_banner .ct_wrap .ct_box_inner {height: auto;}
    .prx_banner .ct_wrap .ctb1{width: 100%; height: auto;}
    .prx_banner .ct_wrap .ctb2{width: 50%;}
    .prx_banner .ct_wrap .ctb3{width: 50%; box-sizing: border-box; border: 1px solid #ddd;}
    
}

@media screen and (max-width:500px){
    .prx_banner .ct_wrap .ctb2{width: 100%;}
    .prx_banner .ct_wrap .ctb3{width: 100%; }
    
    .logo_banner_wrap{height: 60px; line-height: 60px;}
    .logo_banner_wrap .cont{width: calc(100% - 60px);}
    .logo_banner_wrap .top_btn{width: 60px; height: 60px;}
  
    
    .gallery_img li{width: 48%; margin-right: 2%;}
    .gallery_img li:last-child{display: none;}


}