@charset "utf-8";
@import url("./default.css"); 

body{ }

#container { margin:0px auto; position:relative; }
#container .default_layout { position:absolute; left:50%; transform:translateX(-50%); top:212px; z-index:1; }

#layerBell{width:758px;height:426px;position:fixed; left:calc(50% - 339px); top:calc(50% - 213px);  padding:0px 30px 0px; z-index:999; background:#fff;  box-sizing:border-box; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);}
#layerBell .lb_titlebox { text-align:center; position:relative; width:100%; height:110px; }
#layerBell .lb_titlebox:before { content:""; display:block; width:178px; height:192px; background:url(../images/layer/layer_bg.png) center top no-repeat; position:absolute; right:0; bottom:0; }
#layerBell .lb_titlebox h3 { font-size:28px; color:#333; font-weight:500; padding:38px 0 6px; }
#layerBell .lb_titlebox p { font-size:14px; color:#666666; }
#layerBell.bellview { display:none; }
#layerBell .close{position:absolute;bottom:5px;right:5px;}
#layerBell ul { height:240px;  overflow-y:scroll; position:relative; box-sizing:border-box; padding:20px; background:#f5f5f5; }
#layerBell ul:before { content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:18px; top:0px; }
#layerBell ul li { line-height:50px; font-size:15px; color:#333; margin-bottom:10px;  }
#layerBell ul li a { display:block; width:100%; height:50px; line-height:50px; position:relative; padding:0 85px 0 55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; box-sizing:border-box; }
#layerBell ul li a span.Blink { display:block; position:absolute; right:15px; top:calc(50% - 13px); width:55px; height:25px; line-height:25px; background:#999; font-size:12px; color:#fff; text-align:center;  transition:all 0.4s; }

#layerBell ul li a:before { content:""; display:block; width:38px; height:38px; position:absolute; left:0; top:6px; background:#eee url(../../../images/member/cal_off.png) 11px center no-repeat; border-radius:50%; transition:all 0.4s; }
#layerBell ul li a:hover { font-weight:500; }
#layerBell ul li a:hover:before { background:#01b093 url(../../../images/member/cal_on.png) 11px center no-repeat; transition:all 0.4s; }

#layerBell ul li a:hover span.Blink { background:#444;  transition:all 0.4s;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:right; }
#layerBell .today_close_box span { display:block; width:calc(100% - 172px); cursor:pointer; line-height:45px; font-weight:500; color:#4e4e4e; box-sizing:border-box; padding:0 44px 0 0; }
#layerBell .today_close_box span:before { content:""; display:inline-block; background:url(../images/layer/new_chk_on.png) left top no-repeat; width:18px; height:17px; position:relative; margin:0 12px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:172px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }

#layerBell table.cStyle {border-top:2px solid #93a9d7; width:100%; border-left:1px solid #dddddd; font-size:13px; text-align:center; border-collapse:collapse; word-break:break-all; margin:0px 0; background:#fff;}
#layerBell table.cStyle th {background:#f4f6fa; color:#444; line-height:24px; padding:6px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
#layerBell table.cStyle td {color:#555; padding:6px 5px; line-height:20px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:14px; font-weight:500; }
#layerBell .tablecont {  position:relative;  box-sizing:border-box; padding:20px; background:#f5f5f5;}
#layerBell .layer_table {  overflow-y:scroll; position:relative; box-sizing:border-box; height:203px;}
#layerBell table.cStyle .Blick { display:block; width:68px; height:28px; margin:0 auto; line-height:28px; background:#d95f5f; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; }
#layerBell table.cStyle .Blick:hover { background:#c31414;  transition:all 0.4s;}
#layerBell .lb_chk { display:inline-block; height:28px; margin:0 auto; line-height:28px; background:#5d86e0; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; padding:0 10px;}
#layerBell .bell_text { }


/*박스 공통*/
.col_box{float:left;  position:relative; width:30%; height:195px; box-sizing:border-box; } /* 340 / 1100 = */

/*메인비주얼*/
.visual_wrap { position:relative; margin:0 0 0 0px; width:100%; height:810px; overflow:hidden; }
.visual_wrap div { height:810px; }
.visual_wrap div .imgdef { display:block; margin:0 auto 0; width:100%; max-width:1920px; height:810px;}
.visual_wrap .visual_txt { position:absolute; left:50%; transform:translateX(-50%); top:209px; text-align:left; padding:0 0px 0 0px; width:100%; max-width:1400px;  }

.visual_wrap .visual_txt .vitxt_box { 
    opacity: 0; }

.visual_wrap .visual_txt .vitxt_box.effect { opacity:1; -webkit-animation: fade-in-left 1.1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-left 1.1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }

.visual_wrap .visual_txt .vt1 { line-height:30px; font-size:26px; font-weight:600; color:#8bc5fe; }
.visual_wrap .visual_txt dl { }
.visual_wrap .visual_txt dl dt { font-family: 'Paperlogy-7Bold';
    font-weight: 700; line-height:60px; font-size:48px; color:#fff; margin:7px 0 18px; }
.visual_wrap .visual_txt dl dt span { display:block; }	
.visual_wrap .visual_txt dl dd { font-weight: 500; line-height:30px; font-size:24px; color:#fff; }


.visual_wrap .slick-dots { position:absolute; right:92px; bottom:30px; }
.visual_wrap .slick-dots::after { content:""; display:block; clear:both; }
.visual_wrap .slick-dots li { float:left; cursor:pointer; width:23px; height:23px; box-sizing:border-box; border-radius:50%; background:rgba(255,255,255,0.7); margin-right:15px; box-shadow:5px 5px 5px 1px rgba(0,0,0,0.15); }
.visual_wrap .slick-dots li.slick-active { background:#fff; }
.visual_wrap .slick-dots li span { display:none; }



@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


/*팝업버튼*/
.pop_call { display:none !important; }

.linkbox { float:left; margin:266px 166px 0 0; width:460px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.linkbox li { width:calc(50% - 10px); margin-bottom:20px; }
.linkbox li a { display:block; width:100%; height:60px; box-sizing:border-box; line-height:58px; border:1px solid #fff; transition:all 0.5s; border-radius:150px; background:rgba(0,0,0,0.5); text-align:center; font-size:20px; color:#fff; font-weight:600; }
.linkbox li a:hover { background:#0466c8; }


/*사업*/
.noticeGroup { width:769px; background:none; height:auto; margin:23px 0 0 0; }
.noticeGroup .pro_tepbox {  position:relative; display:flex; justify-content:space-between; margin-bottom:16px; }
.noticeGroup .pro_tepbox::after { content:""; display:block; clear:both; }
.noticeGroup .pro_tepbox li { width:167px; }
.noticeGroup .pro_tepbox li.size { width:198px; }
.noticeGroup .pro_tepbox li:last-child { margin-right:0; }
.noticeGroup .pro_tepbox li.on { }
.noticeGroup .pro_tepbox li a { display:block; width:100%; height:43px; box-sizing:border-box; line-height:40px; position:relative; font-size:18px; font-weight:600; color:#fff; transition:all 0.5s; opacity:0.6; }
.noticeGroup .pro_tepbox li a::before { content:""; display:block; width:100%; height:3px; position:absolute; left:0; bottom:0; background:rgba(255,255,255); }

.noticeGroup .pro_tepbox li.on a { opacity:1; }

.noticeGroup .tepbox { display:none; }
.noticeGroup .pro_show { display:block; }

.noticeGroup .tep_cont { width:calc(100% + 417px); position:relative; left:-5px; min-height:251px; }
.noticeGroup .tep_cont .slick-slide { width:397px; box-sizing:border-box; border:0 none; padding:5px 15px 5px 5px }
.noticeGroup .tep_cont .slick-slide .pitem { width:100%;  }
.noticeGroup .tep_cont .slick-slide .pitem a { display:block; width:100%; height:241px; box-sizing:border-box; position:relative; background:#fff; border-radius:35px 0 0 0; box-shadow:0px 0px 5px rgba(0,0,0,0.3); padding:22px 30px 0; transition:all 0.5s; }
.noticeGroup .tep_cont .slick-slide .pitem a:hover { background:#fdfbf3; }
.noticeGroup .tep_cont .slick-current + .slick-active + .slick-slide a {background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 21%, rgba(255, 255, 255, 0) 55%) !important; }

.noticeGroup .tep_cont .slick-slide .pitem a .ptxt { color:#0466c8; line-height:30px; font-size:15px;  }
.noticeGroup .tep_cont .slick-slide .pitem a dl { }
.noticeGroup .tep_cont .slick-slide .pitem a dl dt { margin-top:-2px; margin-bottom:13px; /* 여러 줄 자르기 추가 스타일 */
	overflow:hidden;
    white-space: normal;
    line-height: 24px;
    height: 48px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; font-size:18px; color:#333; font-weight:700; }
.noticeGroup .tep_cont .slick-slide .pitem a dl dd { line-height:24px; font-size:16px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.noticeGroup .tep_cont .slick-slide .pitem a .more { box-shadow:none; transition:all 0.5s;  width:138px; height:34px; text-align:center; border-radius:150px; line-height:34px; font-size:16px; color:#fff; font-weight:700; background: #0466C8;
background: linear-gradient(90deg,rgba(4, 102, 200, 1) 0%, rgba(1, 58, 122, 1) 100%); margin:14px 0 0; }

.noticeGroup .tep_cont .slick-slide .pitem a:hover .more {box-shadow:3px 3px 7px rgba(0,0,0,0.15); background: #013a7a;
background: linear-gradient(90deg,rgba(1, 58, 122, 1) 0%, rgba(1, 58, 122, 1) 100%);}
.noticeGroup .tep_cont .slick-slide .pitem a .more span { display:inline-block; vertical-align:top; width:13px; height:12px; background:url(../images/main/p_arrow.png) left top no-repeat; margin:11px 0 0 13px;}

.noticeGroup .tep_cont .slick-current + .slick-active + .slick-slide a .ptxt { background: linear-gradient(to right, #0466c8 0%, transparent 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;  }
.noticeGroup .tep_cont .slick-current + .slick-active + .slick-slide a dl dt { background: linear-gradient(to right, #333 0%, transparent 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
.noticeGroup .tep_cont .slick-current + .slick-active + .slick-slide a dl dd { background: linear-gradient(to right, #555 0%, transparent 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }




.noticeGroup .tep_cont .slick-slide .pitem a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:3px solid transparent; border-radius:35px 0 0 0; }
.noticeGroup .tep_cont .slick-slide .pitem a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:3px solid transparent; border-radius:35px 0 0 0; }
.noticeGroup .tep_cont .slick-slide .pitem a:hover::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.noticeGroup .tep_cont .slick-slide .pitem a:hover::after { width:100%; height:100%;    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.noticeGroup .tep_cont .slick-slide .pitem a:hover::before { border-top-color:#ffc300; border-right-color:#ffc300; }
.noticeGroup .tep_cont .slick-slide .pitem a:hover::after {  border-bottom-color:#ffc300; border-left-color:#ffc300; }

.noticeGroup .tep_cont .slick-current + .slick-active + .slick-slide a::before { display:none !important; }
.noticeGroup .tep_cont .slick-current + .slick-active + .slick-slide a::after { display:none !important; }

.noticeGroup .btbox { margin:23px 0 0 5px; width:calc(100% - 412px); display:flex; justify-content:flex-end; }
.noticeGroup .btbox .main_btn { margin:3px 0 0; }
.noticeGroup .btbox .main_btn::after { content:""; display:block; clear:both; } 
.noticeGroup .btbox .main_btn li { float:left; }
.noticeGroup .btbox .main_btn li.pbtn03 {  margin-left:20px; }
.noticeGroup .btbox .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:64px; height:17px;  }
.noticeGroup .btbox .main_btn li.pbtn01 a { background:url(../images/main/p_bt1.png) center center no-repeat; }
.noticeGroup .btbox .main_btn li.pbtn03 a { background:url(../images/main/p_bt3.png) center center no-repeat; }

.noticeGroup .btbox p.more { margin:0 0 0 21px; text-indent:-99999px; }
.noticeGroup .btbox p.more a { display:block; width:25px; height:24px; background:url(../images/main/p_more.png) center center no-repeat;}








/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/

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

/*레이어 알람*/
#layerBell{width:94%; position:fixed; left:3%; padding:0 3%; }
#layerBell .lb_titlebox:before { display:none; }
#layerBell table.cStyle .Blick { display:inline-block; padding:0 5px; height:auto; line-height:24px; width:auto; }
#layerBell .lb_chk { display:inline-block; height:auto; margin:0 auto; line-height:24px;  padding:0 5px;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:center; }
#layerBell .today_close_box span { display:block; box-sizing:border-box; padding:0 5px 0 5px; width:calc(100% - 82px); }
#layerBell .today_close_box span:before {  margin:0 8px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:82px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }


#container {width:100%; margin:0px auto; min-height:100%; padding-bottom:20px; }
#container .default_layout { position:static; transform:none; top:0px; z-index:1; }

/*메인비주얼*/
.visual_wrap { position:absolute; height:100%; margin:0 0 0 0px; width:100%; overflow:hidden; }
.visual_wrap .slick-slide { width: 100vw;
  height: 100%; }
.visual_wrap div { width: 100vw;
  height: 100% !important; }
.visual_wrap div .imgdef { display:block; margin:0 auto 0; width:100%; max-width:1920px; position:absolute; 
  height: 100%;
  object-fit: cover; /* 이미지가 슬라이드에 꽉 차도록 */ }
.visual_wrap .visual_txt { position:relative; left:0; height:auto !important; box-sizing:border-box; transform:none; top:40px; text-align:left; padding:0 3% 0px; width:100% !important; max-width:1400px; }
.visual_wrap .visual_txt div { width:100% !important; height:auto !important;}

.visual_wrap .visual_txt .vt1 { line-height:30px; font-size:20px; }
.visual_wrap .visual_txt dl dt {  line-height:40px; font-size:33px; margin:7px 0 18px; }
.visual_wrap .visual_txt dl dt span { display:block; }	
.visual_wrap .visual_txt dl dd { line-height:30px; font-size:15px; color:#fff; letter-spacing:-1px; }

/*박스 공통*/
.col_box{float:left; clear:both;  width:94%; margin:0px 3% 25px 3% !important;}

.linkbox { float:left; margin:270px 3% 15px; width:94%; position:relative; z-index:1; }
.linkbox li { width:calc(50% - 10px); margin-bottom:20px; }
.linkbox li a { display:block; width:100%; height:55px; box-sizing:border-box; line-height:53px; border:1px solid #fff; transition:all 0.5s; font-size:16px; color:#fff; font-weight:600; }


/*사업*/
.noticeGroup { width:94%; background:none; height:auto;  }
.noticeGroup .pro_tepbox {  position:relative; display:flex; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; }
.noticeGroup .pro_tepbox::after { content:""; display:block; clear:both; }
.noticeGroup .pro_tepbox li { width:auto !important; margin:0 1% 10px !important; flex-grow:1; }

.noticeGroup .tep_cont { width:100%; position:relative; left:0; }
.noticeGroup .btbox { margin:23px 0 0 0px; width:100%; display:flex; justify-content:flex-end; }





}



@media all and (max-width:420px) {
#layerBell ul:before { display:none; }
#layerBell ul li a {  padding:0 85px 0 0px;  }
#layerBell ul li a:before { display:none !important; }	
	
}