﻿@charset "utf-8";


.slick-slider{position:relative;}
.slick-slide a:focus{outline: none !important;}
.slick-arrow{cursor:pointer;}
.slick-arrow:focus{outline: none !important;}
.slick-slide{float:left;}
.slick-track{*zoom:1;}
.slick-track:after{content:''; display:block; clear:both;}
.slick-dots{text-align:center;}
.slick-list{overflow:hidden;}
.textC_green{color:#1aa381;}



/* 메뉴 */
#Gnb.gnb2022 .gnb > ul > li > a { padding: 0 15px;}
#Gnb.gnb2022 .gnb > ul .ann20th_menu2022 a{position:relative;}
#Gnb.gnb2022 .gnb > ul .ann20th_menu2022 a span{position:static;}
#Gnb.gnb2022 .gnb > ul .ann20th_menu2022 a span img{position:absolute; left: 50%; top: 15px; transform: translateX(-50%);}
#Gnb.gnb2022 .gnb > ul .ann20th_menu2022 a .motion{position: absolute; top: -10px; left: -40px; width: 220px; height: 100px;}
#Gnb.gnb2022 .gnb > ul .ann20th_menu2022.onload a .motion{background: url(../../images/2022/gnb_ani_onload.gif) no-repeat;}
#Gnb.gnb2022  .depth04{display:none;}

/*pc 페이지 오른쪽 네비*/
.nav_2022{position:relative;background-color:#fcfcfc;}
.nav_2022 .nav_Wrap2022> li{padding: 30px 0; box-sizing: border-box; border-bottom: 1px solid #d9d9d9;}
.nav_2022 .nav_Wrap2022> li h2{font-weight:700; padding-left: 15px; box-sizing:border-box; font-size:18px;}
.nav_2022 .nav_Wrap2022> li h2 a:hover,
.nav_2022 .nav_Wrap2022> li h2 a.on{color: #0f80f8;}
.nav_2022 .nav_Wrap2022 > li:first-of-type{padding-top:0;}
.nav_2022 .nav_Wrap2022 > li:last-of-type{border-bottom: 0;}
.nav_2022 .nav_Wrap2022> li ul li:first-of-type{margin-top:20px;} /*mj*/
.nav_2022 .nav_Wrap2022> li ul li{position: relative; height: 15px; margin-top: 18px;}/*mj*/
.nav_2022 .nav_Wrap2022> li ul li a{position: absolute;top: -5px;left: 0;border-radius: 20px;padding: 5px 15px; box-sizing: border-box;color: #666666;}
.nav_2022 .nav_Wrap2022> li ul li a:hover,
.nav_2022 .nav_Wrap2022> li ul li.on a{color: #fff;background: #0f80f8;}

/* .anniversaryLogo{ position: absolute;top: 40px; right: -91px; width: 90px;text-align: center; background: #f1f1f1;box-sizing: border-box; padding: 25px 0; border-radius: 0 20px 20px 0;box-shadow: 3px 10px 9px #dbd8d8; cursor:pointer;}
.anniversaryLog a{position:relative;}
.anniversaryLogo .motion{position: absolute; top: -32px; left: -100px; width: 300px; height: 200px;}
.anniversaryLogo.onload .motion{background: url(../../images/2022/side_ani_onload.gif)no-repeat 50% 50%;} 
.anniversaryLogo span{display:block;padding-top:10px; box-sizing:border-box;}
 */
/* 2월 28일 수정  */
/*.ann_banner_2022{position:relative;width:1200px; margin:0 auto;}*/
.ann_banner_2022 .anniversaryLogo{ position: absolute;top: 40px;right: -90px;width: 89px; text-align: center;background: #f1f1f1;box-sizing: border-box;padding: 25px 0;border-radius: 0 20px 20px 0;box-shadow: 3px 5px 10px #dbd8d8;cursor:pointer; z-index:10;}
.ann_banner_2022 .anniversaryLog a{position:relative;}
.ann_banner_2022 .anniversaryLogo .motion{position: absolute; top: -32px; left: -100px; width: 300px; height: 200px;}
.ann_banner_2022 .anniversaryLogo.onload .motion{background: url(../../images/2022/side_ani_onload.gif)no-repeat 50% 50%;}
.ann_banner_2022 .anniversaryLogo span{display:block;padding-top:10px; box-sizing:border-box;}
/* 2월 28일 수정  */

.mo_nav_2022{display:none;}
.anniversaryWrap2022{display: flex; width: 1200px; margin: 0 auto;  border-right: 1px solid #e7e7e7; box-sizing: border-box; -moz-box-sizing: border-box; *behavior: url(../js/boxsizing.htc);background-color:#fcfcfc;}
.anniversaryWrap2022 .titleSection h2{font-weight: bold;}
.anniversaryWrap2022 .srchSection .flL strong.ftB{color: #0f4e8c;}
/*.anniversaryWrap2022 .photoGallery li{width: 206px;}*/
.anniversaryWrap2022 .photoGallery .photoInfo strong{color:#252525;}
.anniversaryWrap2022 .photoGallery .photoInfo{text-align:left; background-color: #fff;height:60px;padding: 0;}
.anniversaryWrap2022 .photoGallery .photoInfo span,
.anniversaryWrap2022 .photoGallery li a:hover .photoInfo span, 
.anniversaryWrap2022 .photoGallery li a:focus .photoInfo span{color:#666666;}
.anniversaryWrap2022 .photoGallery li a:hover .photoInfo, 
.anniversaryWrap2022 .photoGallery li a:focus .photoInfo{background-color: #fff;}
.anniversaryWrap2022 .photoGallery li a:hover .photoInfo, 
.anniversaryWrap2022 .photoGallery li a:hover .photoInfo strong,
.anniversaryWrap2022 .photoGallery li a:focus .photoInfo strong{color: #073573; text-decoration: none;}
.anniversaryWrap2022 .photoGallery li .imgWrap2022,
.anniversaryWrap2022 .photoGallery li .video2022{position:relative; width:100%; overflow: hidden;display:inline-block;}
.anniversaryWrap2022 .photoGallery li .imgWrap2022 .thumb,
.anniversaryWrap2022 .photoGallery li .video2022 .thumb{width:100%; height:100%; transition:.2s ease-out;}
.anniversaryWrap2022 .photoGallery li .video2022 .thumb:hover{transform:scale(1.075);transition:.2s ease-out;}
.anniversaryWrap2022 .presidentNews .thumb span{display: block;width:100%; overflow:hidden;}
.anniversaryWrap2022 .presidentNews .thumbCont:hover a{color: #0f80f8;}
.anniversaryWrap2022 .presidentNews a.thumb:hover span img,
.anniversaryWrap2022 .photoGallery li a:hover .imgWrap2022 .thumb{  -webkit-animation: kenburns-top 1s ease-out both;  animation: kenburns-top 1s ease-out both;transform:scale(1.075);}
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
.anniversaryWrap2022 .photoGallery li .video2022:after{ content:'';position: absolute;top:85%; left:15%;transform: translateX(-50%) translateY(-50%);width:30px; height:30px;background:url('../../images/2022/btn_video_off.png') no-repeat;}
.anniversaryWrap2022 .photoGallery li a:hover .video2022:after,
.anniversaryWrap2022 .photoGallery li a:focus .video2022:after{background:url('../../images/2022/btn_video_on.png') no-repeat;}
.anniversaryWrap2022 .presidentNews .thumbCont .cont,
.anniversaryWrap2022 .presidentNews .thumbCont .info{color: #666666;}
.anniversaryWrap2022 .presidentNews .thumbCont .info .date{position:relative;}
.anniversaryWrap2022 .presidentNews .thumbCont .info .date:after{content: ''; position: absolute; top: 6px; right: 0; width: 1px; height: 12px; background: #dedede;}
.anniversaryWrap2022 .srchSection2022{position:relative;text-align:center;margin-top: 50px;} 
.anniversaryWrap2022 .srchSection2022 .srcWrap2022{display: flex; justify-content: center; align-items: center; text-align:center; margin-bottom:35px;}
.anniversaryWrap2022 .srchSection2022 .srcWrap2022 .inputType01{padding: 6px;}
.anniversaryWrap2022 .srchSection2022 .btnArea{position: absolute; top: 0; right: 0;}
.srchSection2022 select {height: 30px; padding: 3px 10px 6px; margin-right: 5px; font-size: 1.00em;}
.anniversaryWrap2022 .srchSection2022 .btnType20{display: inline-block; zoom: 1; *display: inline;  background-color: #1a9f88; vertical-align: middle; font-weight: bold; height: 50px; line-height: 50px; padding: 0px 32px; color: #fff;}
.anniversaryWrap2022 .btnGroup .btnType02{height: 40px; line-height: 40px; font-size:15px; padding: 0px 32px; font-weight: 500; background-color: #41464e; }
.anniversaryWrap2022 .prevNext td a{height: 29px;overflow: hidden;box-sizing: border-box; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.anniversaryWrap2022 .dataTbType03 th,
.anniversaryWrap2022 .generalView th{width: 10%;}
.list_Title_Wrap2022{padding-top:25px; text-align: center;}
.list_Title_Wrap2022 h3{font-size: 38px; color:#252525;font-family:'Nanum Square';}
.list_Title_Wrap2022 p{font-size:20px;line-height:150%;}
.anniversaryWrap2022 .photoWdu{width:100%;}

/* 20주년 소개 */
.subTextWrap2022{text-align: center; padding:78px 0 49px;}
.subTextWrap2022 p{font-size:24px;font-weight:400; color:#252525;font-family:'Nanum Square';}
.subTextWrap2022 h3{color: #37427c; font-size: 40px; margin: 20px 0 0; font-weight:700; font-family:'Nanum Square';}
.emblem20thWrap h4{font-size: 24px; color: #252525; padding: 0 0 20px 0; margin: 60px 0 5px; background: url(../../images/common/bul_h4.gif) no-repeat -9999px 9999px;}
.emblem20thWrap .grayBox.mo{display:none;}
.emblem20thWrap .grayBox{position: relative; background-color:#f8f9fb; box-sizing: border-box; padding: 45px 40px;}
.emblem20thWrap .grayBox:last-child{margin-top:20px;}
.emblem20thWrap .grayBox strong{display:block; font-size:20px; box-sizing: border-box; padding-bottom:45px; }
.emblem20thWrap .grayBox > div p{color:#000000;}
.emblem20thWrap .grayBox ul{padding-top: 30px; box-sizing: border-box;}
.emblem20thWrap .grayBox ul li{display:flex;align-items:center;}
.emblem20thWrap .grayBox ul li i{width: 30px; height: 30px; background-color: #354280;}
.emblem20thWrap .grayBox ul li:last-of-type{margin-top:15px;}
.emblem20thWrap .grayBox ul li:last-of-type i{background-color:#cd1719; }
.emblem20thWrap .grayBox ul li span{padding-left:20px; color:#000000; font-size:14px;}
.emblem20thWrap .grayBox.pc  .emblem20thImgWrap{position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
.department2022-tab {display:flex;margin:30px 0;}
.department2022-tab > li {width:100%; text-align:center;}
.department2022-tab.over8 {flex-wrap:wrap;}
.department2022-tab.over8 > li {width:calc(100% / 7);}
.department2022-tab > li a {display:flex;justify-content:center;align-items:center;width:100%;height:60px;box-sizing:border-box;border:solid 1px #ccc;font-size:16px; font-weight:500;}
.department2022-tab > li a:hover {background:#073573;color:#fff;}
.department2022-tab > li a.on {background:#073573;color:#fff; font-weight:500;}
.department2022-tab > li + li > a {border-left:0;}
.department2022-tab > li:nth-child(n+8) > a {border-top:0;}
.department2022-tab > li:nth-child(7n+1) > a {border-left:solid 1px #ccc;}
.emblem20thTabWrap .emblem20thCont{display:none;}
.emblem20thTabWrap .emblem20thCont .cont2022.left2022{margin-right: 50px;}
.emblem20thTabWrap .emblem20thCont .cont2022 strong{display:block; color:#252525; padding-bottom:15px; font-size:18px;}
.emblem20thTabWrap .emblem20thCont .cont2022 .btnArea{text-align:left; margin-top: 15px;}
.mo2022{display:none!important;}
.moveViewTit { font-size: 24px; color: #252525;line-height: 2.5em;font-weight: 500; text-align:center;}

/* 팝업 */
#layerBgArea{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:101; background:#000; opacity:.8;}
.popupWrap{position: fixed; top: 10%;  left: 50%; text-align: center; transform: translateX(-50%); z-index: 110; width: 100%;  }
.popupWrap .anniversary-vod--tabcont{position:relative; width: 914px; margin: 0 auto 55px auto;}
.popupWrap .slick-arrow{position:absolute; top:50%; width:21px; height:40px; transform: translateY(-50%); z-index:2; text-indent:-999px; overflow:hidden;}
.popupWrap .slick-prev{left:-20px; background:url(../../images/2022/icon_prev.png) no-repeat 50% 50%;}
.popupWrap .slick-next{right:-20px; background:url(../../images/2022/icon_next.png) no-repeat 50% 50%;}
.popupWrap .slider-nav {width: 955px; margin: 0 auto;}
.popupWrap .slider-nav .photoInfo{padding: 12px 0 0;text-align: left;}
.popupWrap .slider-nav .photoInfo strong{color:#fff;  height: 50px; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;}
.popupWrap .slick-slide a:hover .photoInfo strong{color: #fff000;}
.popupWrap .slick-slide{padding: 0 20px;}
.popupWrap .slick-slide a{display:inline-block;}
.popupWrap .slick-slide .video2022{position: relative; width: 100%; /*height: 142px;*/ overflow: hidden;}
.popupWrap .slick-slide .video2022 img{width: 100%;  height: auto;}
.popupWrap .slick-slide .video2022:after {content: ''; position: absolute; top: 85%; left: 10%; transform: translateX(-50%) translateY(-50%); width: 25px; height: 25px; background: url(../../images/2022/btn_video_off.png) no-repeat;}
.popupWrap .slick-slide a:hover .video2022:after,
.popupWrap .slick-slide a:focus .video2022:after{background:url('../../images/2022/btn_video_on.png') no-repeat;}
.popupWrap .popCloseBtn{position: absolute; top: 0; right: -35px;}

/*게시판*/
.srchSection2022{position:relative;text-align:center;margin-top: 50px;} 
.srchSection2022 .srcWrap2022{display: flex; justify-content: center; align-items: center; text-align:center; margin-bottom:35px;}
.srchSection2022 fieldset{border:0;position:relative;clear:both;}
.srchSection2022 select,.srchSection2022 input[type="text"]{display:inline-block;padding:5px 30px 5px 20px;height:45px;border:1px solid #b9b9b9;box-sizing:border-box;font-size:16px;line-height:26px;vertical-align:middle;}
.srchSection2022 select{width:120px; margin-right:5px; background:#fff url(../../images/2022/input_select_n.png) center right 10px no-repeat; appearance:none; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none;}
.srchSection2022 input[type="text"]{width:250px;-webkit-ime-mode:active !important;-moz-ime-mode:active !important;-ms-ime-mode:active !important;ime-mode:active !important;}
.srchSection2022 input[type="submit"]{margin:0 0 0 10px;}
.srchSection2022 input[type="image"] {width:87px; height:46px; margin-left:-1px; background-color:#145ba2;}
.srchSection2022 .brd_btn.btn_c1 {width: 87px;height: 45px;margin-left: -1px;background-color: #41464e; border: none; border-radius: 0; font-size: 16px;color: #fff !important;}
.pagination{margin:30px 0;text-align:center;}
.pagination > *{display:inline-block; min-width:36px; height:36px; box-sizing:border-box; margin:2px 2px; border:1px solid #ddd; background:#fff; color:#777; font-size:15px; text-align:center; vertical-align:top; line-height:34px; transition:border-color 0.3s ease 0s;}
.pagination a[class^="btn_"]{width:36px; background:url(../../images/2022/icon_pagination.png) -1px -1px no-repeat  ; text-indent:100%; overflow:hidden; white-space:nowrap;}
.pagination a[class^="btn_"]:hover,
.pagination a[class^="btn_"]:focus{background-position-y:-38px;}
.pagination a.btn_prev{background-position-x:-38px;}
.pagination a.btn_next{background-position-x:-76px;}
.pagination a.btn_last{background-position-x:-114px;}
.pagination a.on{border-color:#073573; color:#073573;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{border-color:#bdc7e0; background:#f3f6fd;}
.pagination.mobile{display:none}

@media screen and  (min-width: 1280px){
.presidentNews .thumbCont{width:720px}
}
@media all and (max-width:1279px){
.anniversaryWrap2022{width:100%;background-color:#fff;}
/* 02월 28일 수정 */
.ann_banner_2022 {width:100%; display:none;}
/* 02월 28일 수정 end*/
}
@media all and (max-width:1153px){
#Gnb.gnb2022 .gnb > ul > li > a {padding: 0 10px;}
}
@media (min-width: 641px) and (max-width: 1279px){
.anniversaryWrap2022 .photoWdu{ width: 640px; margin:0 auto;}  
.anniversaryWrap2022 .photoGallery li,
.anniversaryWrap2022 .photoGallery li.pd{width: 31.3%;} 
}
@media screen and (max-width: 1080px){
/*#Gnb.gnb2022 .gnb > ul > li > a {padding: 0 10px; font-size: 1.125em;}*/
#Gnb.gnb2022 .gnb > ul .ann20th_menu2022 a span img{top: 20px;}
#Gnb.gnb2022 .gnb > ul .ann20th_menu2022.act a .motion,
#Gnb.gnb2022 .gnb > ul .ann20th_menu2022 a:hover .motion{top: 10px; left: 0; width: 100%; height: 100%; background-size: contain;}
}

@media screen and (max-width: 1024px){
.nav_2022{display:none;}
#Gnb.gnb2022 .gnb > ul > li > a { padding: 0 8px;}
.popupWrap .popCont2022{width:90%; margin:0 auto;}
.popupWrap .popCont2022 .anniversary-vod--tabcont{width:100%;}
.popupWrap .popCont2022 .slider-nav{width:100%;}
.popupWrap .slick-initialized .slick-slide{padding: 0 10px;}
.popupWrap .slick-prev{left: -30px}
.popupWrap .slick-next{right:-30px;}
.popupWrap .anniversary-vod--tabcont { margin: 0 auto 10px auto;/*padding-top: 80%;*/ }
.popupWrap{padding: 0 15px; box-sizing: border-box; margin-top:-50px;z-index:999}
.popupWrap .slick-arrow{position:absolute; top:26%; width:21px; height:35px; transform: translateY(-50%); z-index:2; text-indent:-999px; overflow:hidden;}

}

@media screen and (max-width: 914px){
#Gnb.gnb2022 .gnb > ul > li > a {padding:0 8px;font-size:1.0em;}
#Gnb.gnb2022 .gnb > ul .ann20th_menu2022 a span img {top: 24px;}
}

@media screen and (max-width: 768px){
.pc2022{display:none !important;}
.mo2022{display:block !important;}

#Gnb.gnb2022 .gnb > ul .ann20th_menu2022{display:none;}
.emblem20thWrap .grayBox.pc{display:none;}
.emblem20thWrap .grayBox.mo{display:block;}
#Gnb.gnb2022 .depth04{padding:15px 0 15px 20px;  background: #344280;}
#Gnb.gnb2022 .depth04 h3{color: #fff;  padding: 0 44px;  line-height: 30px;  font-size: 1.00em;}
#Gnb.gnb2022 .depth04 li ul{padding-left: 20px;}
#Gnb.gnb2022 .mo_menu20th_btn{position:relative;}
#Gnb.gnb2022 .mo_menu20th_btn:after{
   content: "";
    position: absolute;
    right: 25px;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;  
    background: url(../../images/2022/icon_plus.png) 0px 0px no-repeat;
    background-size: 40px auto;
}
#Gnb.gnb2022 .mo_menu20th_btn.on2:after{background-position:0px -20px;}
#Gnb.gnb2022 .depth04 h3 a{position:relative; display:block; width:100%;}
#Gnb.gnb2022 .depth04 h3 .menu_plus2022:after{
  content: "";
    position: absolute;
    right: -17px;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    background: url(../../images/2022/icon_plus.png) -26px 0 no-repeat;
    background-size: 40px auto; 
}

#Gnb.gnb2022 .mo_menu20th_btn.on2:after{background-position:0px -20px;}
#Gnb.gnb2022 .depth04 h3 a{position:relative; display:block; width:100%;}
#Gnb.gnb2022 .depth04 h3 .menu_plus2022:after{
  content: "";
    position: absolute;
    right: -17px;
    top: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    background: url(../../images/2022/icon_plus.png) -26px 0 no-repeat;
    background-size: 40px auto; 
}

#Gnb.gnb2022 .depth04 h3.on .menu_plus2022:after{background-position:-26px -21px;}
#Gnb.gnb2022 .gnb-sublist .depth04 ul{display:none;}
#Gnb.gnb2022 .gnb-sublist .depth04 ul li > a{color: #85f1eb;}
.mo_nav_2022{display:block; position:relative; padding: 15px 0 15px 2%; border-top: 1px solid #e1e1e1; }
.mo_nav_2022 h1 a{display:inline-block; width:250px;} 
.mo_nav_2022 h1 a img{width:100%;}
.mo_nav_Wrap2022{position: absolute; right: 0; top: 0; z-index: 10;}
.mo_nav_Wrap2022.active{color: #fff; background: #344280;}
.mo_nav_Wrap2022 .nav_openBtn{position:relative; display: inline-block; font-size: 1.1em; vertical-align: middle; padding: 24px 20px;}
.mo_nav_Wrap2022 .nav_openBtn:after{ content: ''; display: inline-block; width: 13px; height: 10px; margin-top: -3px; margin-left: 12px; vertical-align: middle; background: url(../../images/2022/icon_mo_menu_arrow_off.png)no-repeat 50% 50% / 100%;}
.mo_nav_Wrap2022.active .nav_openBtn:after{background:url(../../images/2022/icon_mo_menu_arrow_on.png)no-repeat 50% 50% / 100%;}
.mo_nav_Wrap2022 .mo_nav_list{display: none; padding: 0 0 40px;}
.mo_nav_Wrap2022.active .mo_nav_list{display:block;} 
.mo_nav_Wrap2022 .mo_nav_list >li{margin-top: 25px;}
.mo_nav_Wrap2022 .mo_nav_list >li:first-of-type{margin-top:0;}
.mo_nav_Wrap2022 .mo_nav_list li h2{ font-size: 1.15em; color:#fff; padding-left:20px;}
.mo_nav_Wrap2022 .mo_nav_list ul{margin-top:10px;}
.mo_nav_Wrap2022 .mo_nav_list ul li{position:relative; height: 20px; margin-bottom:5px; padding:0 20px; }
.mo_nav_Wrap2022 .mo_nav_list ul li:last-of-type{margin-bottom:0;}
.mo_nav_Wrap2022 .mo_nav_list ul li a{position: absolute; top: -10px;  left: 0; width: 100%; padding: 10px 0 10px 20px; color: #85f1eb;}
.mo_nav_Wrap2022 .mo_nav_list ul li a:hover,
.mo_nav_Wrap2022 .mo_nav_list ul li.on a{background:#182357;}
.mo_nav_Wrap2022 img{width:70%;}
.list_Title_Wrap2022{padding-top:20px;}
.list_Title_Wrap2022 h3{font-size:25px;}
.list_Title_Wrap2022 p{font-size:18px;}
.anniversaryWrap2022 .titleSection h2 {border-bottom: 0px; }
.anniversaryWrap2022 .photoGallery .photoInfo strong{font-size: 15px;}
.anniversaryWrap2022 .boardViewTb .title{padding-left: 0;font-weight: 500;color: #252525;}
.anniversaryWrap2022 .boardViewTb p{padding-left: 0;}
.anniversaryWrap2022 .srchSection2022{margin-top: 30px; padding-bottom: 20px;}
.anniversaryWrap2022 .srchSection2022 .srcWrap2022 .inputType01{width: 100%}
.anniversaryWrap2022 .srchSection2022 .btnArea{top: 75px; width: 100%;}
.anniversaryWrap2022 .srchSection2022 .btnType20{width: 100%; padding:0; border-radius: 5px;}
.anniversaryWrap2022 .btnGroup{display: flex; justify-content: center; margin-top: 55px;}
.anniversaryWrap2022 .btnGroup .btnType02 {border-radius: 5px;}
.anniversaryWrap2022 .btnGroup a{width: 100%;text-align: center;}
.anniversaryWrap2022 .newsdata2022 p:nth-of-type(2){padding-bottom:12px;}
.anniversaryWrap2022 .newsdata2022 .mb_fileDown{padding-top: 12px; border-top: 1px solid #dedede;}
.anniversaryWrap2022 .boardViewTb{border-bottom: 0;}
.anniversaryWrap2022 .presidentNews .thumbCont .info .date:after{display:none;}
.subTextWrap2022 {padding: 39px 0 20px;}
.subTextWrap2022 p {font-size: 1em;}
.subTextWrap2022 h3 {font-size: 23px; margin:0;}
.emblem20thWrap h4{font-size:17px;}
.emblem20thWrap .grayBox {padding: 25px 20px;}
.emblem20thWrap .grayBox strong {padding-bottom: 20px; font-size:16px;}
.emblem20thWrap .grayBox ul{display:flex; align-items:center;padding-bottom: 30px;}
.emblem20thWrap .grayBox ul li:last-of-type{margin-top:0; margin-left: 15px;}
.emblem20thWrap .grayBox ul li span {padding-left: 10px;}
.emblem20thWrap .grayBox .emblem20thImgWrap{text-align:center;}
.emblem20thTabWrap .department2021-tab { text-align: center;}
.emblem20thTabWrap .emblem20thCont{flex-wrap: wrap;}
.emblem20thTabWrap .emblem20thCont .cont2022{position: relative;}
.emblem20thTabWrap .emblem20thCont .cont2022.left2022{margin-right:0; margin-bottom: 50px;}
/*.emblem20thTabWrap .emblem20thCont .cont2022 .btnArea{position: absolute; top: -20px; right: 0;} mj수정*/

.popupWrap .popCont2022{width: 100%;}
.popupWrap .popCont2022 .slider-nav {width: 93%;margin: 0 auto;}
.popupWrap .slick-prev {left:-10px; background-size: 100%;}
.popupWrap .slick-next {right: -10px; background-size: 100%;}
.popupWrap .popCloseBtn{top: -40px; right:0;}
/*.popupWrap  .video2022 img{height:100%; width: 100%;}*/
.popupWrap .slider-nav .photoInfo strong{height: 46px; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.popupWrap .slick-slide .video2022:after { top:80%;left:15%;}



}
@media (max-width: 640px){
.anniversaryWrap2022 .photoGallery li,
.anniversaryWrap2022 .photoGallery li.pd{width: 46%;}
.popupWrap .popCont2022 .slider-nav{width: 90%;}
.popupWrap .slick-prev{left:-20px;}
.popupWrap .slick-next{right: -20px;}


/*게시판*/
.srchSection2022 select {width:95px;}
.srchSection2022 select, .srchSection2022 input[type="text"] {height:36px; padding-right:10px; padding-left:10px; font-size:14px; line-height:22px;}

 .srchSection2022 input[type="text"] {width:calc(100% - 200px);}
 .srchSection2022 .brd_btn.btn_c1 {width:67px; height:36px; font-size:14px;}
  
.pagination{margin-bottom:25px;display:none}
.pagination.mobile{display:block}
.pagination > *{min-width:34px; height:34px; font-size:14px;line-height:34px;}
.pagination a[class^="btn_"]{width:34px;}
.pagination a.btn_next{background-position-x:-79px;}
.pagination a.btn_last{background-position-x:-117px;}
.pagination a.on{border-color:#073573; color:#073573;}
.popupWrap{padding: 0 15px; box-sizing: border-box; margin-top:-250px;position:absolute;}
.vod-frame iframe{width:100%;max-height:300px;}

}
@media (max-width: 460px){
.mo_nav_2022 h1 a{width: 210px;}
.mo_nav_Wrap2022 .nav_openBtn {padding:20px;}
}

@media (max-width: 360px){
.emblem20thWrap .grayBox ul{flex-wrap:wrap;}
.emblem20thWrap .grayBox ul li:last-of-type{margin-left: 0; margin-top: 10px;}
}
@media (max-width: 320px){
.mo_nav_2022 h1 a{width: 170px;}
}