@import url('/font/NotoSansKR/fonts.css'); /* 211210 연결 */
@import url('/font/XEIcon-2.3.3/xeicon.min.css'); /* 211210 연결 */
@import url('/font/RemixIcon-4.2.0/remixicon.css'); /* 240715 연결 */
@import url('/font/Geologica/fonts.css'); /* 240715 연결 */

#header #nav #gnb > .wrap {margin-right:80px;}

.F02_popup{  background:#0062b5; }   
.F02_popup h2 {padding: 30px 20px !important;}
.F02_popup ul {margin: 0!important;} 
 .F02_popup ul li img {max-width: 100% !important;width: 100%  !important;height: 240px !important;margin-left: 0% !important;}
.F02_popup h2 { padding:20px 40px !important;  color:#fff !important;  } 
.F02_popup .control a{top: 20px !important;right: 1rem !important;}
.F02_M_link01 li a p.ico img{width:auto !important; height:auto !important;}    

.F02_popup .slick-prev{top:20px !important; right:5rem !important;}
.F02_popup .slick-next{top:20px !important; right:3rem !important;}

/* 메인비주얼 */
.F02_m_visual #m_visual p img {width: 100% !important;object-fit: cover;}
.F02_m_visual { height: 350px !important } /*251222*/

/*이용자서비스 변경 251222*/
.F02_M_link02 li a span.more{background: #00468b !important;}
.F02_M_link02 li a:hover span.more{background: #0b3259 !important;}
.F02_M_link02 li a:hover{border-color: #0b3259 !important;}


/*핫이슈  */
.F02_2 {width: 960px;}
.issue2  {position: relative;width: 100%;font-family: 'Geologica';font-size: 24px;font-weight: 500;background: #fff;}
.issue2 .titWrap{display: flex;justify-content: space-between;align-items: center;padding: 20px 10px 20px 40px !important;height: 60px;box-sizing: border-box;}
.issue2 .titWrap h3 {max-width: calc(100% - 160px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: 'NotoM';font-size: 20px;font-weight: 500;color: #111;}
#issue2Slide{width: 100%;margin: 0;height: auto;}
#issue2Slide p{border: 1px solid #e5e5e5;min-width: 0;margin: 0;}
#issue2Slide p.no_data {width: calc(100% - 40px);margin: 0 auto;}
#issue2Slide p.no_data a {display:flex;align-items: center;justify-content: center;}
#issue2Slide a{position:relative;display:block;overflow:hidden;background:#fff;height: 100%;font-family: 'Pretendard';isolation: isolate;}
#issue2Slide a .img{position:relative;display: block;width:100%;height: 165px;padding: 0 10px;overflow:hidden;background: #fff;box-sizing: border-box;}
#issue2Slide a .img img{position:relative;left:50%;width: 100%;height: 100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all 0.35s;-webkit-transition:all 0.35s;object-fit: cover;}
#issue2Slide a .txtWrap{display: flex;height: 73px;padding: 10px 20px;letter-spacing: normal;flex-direction: column;box-sizing: border-box;}
#issue2Slide a .tit{position:relative;font-size: 18px;font-weight: 700;width: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #222;} 
#issue2Slide a .txt{font-size: 18px;font-weight: 400;position:relative;margin: 0.5rem 0 1.5rem;word-break: break-all;height: 4rem;width: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; /* 5줄로 제한 */-webkit-box-orient: vertical;color: #222;letter-spacing: -1px;} 
#issue2Slide a .date{display:block;color: #666665;font-size: 15px;text-align: right;margin-top: auto;}
#issue2Slide a .date i{font-size: 18px;margin-right: 6px;}
#issue2Slide p,
#issue2Slide a{transition:all 0.35s; -webkit-transition:all 0.35s; }
#issue2Slide a:hover .img img,
#issue2Slide a:focus .img img {transform: translateX(-50%) scale(1.1);}
#issue2Slide a:hover .tit,
#issue2Slide a:focus .tit{text-decoration:underline;}

/* 컨트롤 */
.issue2 .control {display: flex;align-items: center;gap: 5px;}
.issue2 .control a {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;font-size: 20px;color: #444;background: #fff;border: 1px solid #ccc;border-radius: 50%;transition: 0.2s all;-webkit-transition: 0.2s all;}
.issue2 .control a.btn_more{background:#094c9d; color:#fff; border:transparent;} 
.issue2 .control > a.prev:focus,
.issue2 .control > a.next:focus{outline-color:#fff;}
.issue2 .control > a.slick-hidden {opacity:0.3; cursor: none; pointer-events: none;}
/* active */
.issue2 .control a.btn_more:hover,
.issue2 .control a.btn_more:focus {background:#3f86d5; border:transparent;}
.issue2 .control > a:hover,
.issue2 .control > a:focus {border: 1px solid #5D5D5D;}


@media screen and (max-width: 1420px){
.F02_7 {height:300px;}    
 .F02_2 {width: 68%;}
}


@media screen and (max-width: 1200px){
.F02_3 {width: 100%;height:auto;}
.F02_popup ul {height: auto !important;}
.F03_M_link01 ul li {width:100% !important;}
.F02_2 {width: 100%;height: auto;margin: 0 0 20px;}
}
@media screen and (max-width:680px) {
	/* 메인비주얼 251222*/
	.F02_m_visual{height:250px !important;}
}
@media screen and (max-width: 540px){
    .F02_7 {height:440px;}    
    .F02_m_visual {height:auto !important;}
    .F02_m_visual #m_visual p img {margin-left: 0 !important;width: 100% !important;height:auto !important;min-height: 300px;object-fit: cover;}
    .F02_m_visual {width:100%; height:auto;}
    .F02_m_visual::before{width: 100% !important;height: 13vh !important;}
     .F02_m_visual .slogan_wrap {top:0rem !important;}
     .F02_m_visual .slogan_wrap .txt1{font-size: 1.5rem !important;}
 .F02_m_visual .slogan_wrap .txt2{font-size:1rem !important;padding: 10px 0 15px !important;}

 .F02_M_link01 li a p.ico img {width:auto !important; height:45px !important;}
}
@media screen and (max-width: 480px){
/* 메인비주얼 251222*/
	.F02_m_visual{height:200px !important;}
}


@media screen and (max-width:380px) {
	/* 메인비주얼 251222*/
	.F02_m_visual{height:150px !important;}
	 
}