@charset "utf-8";
@font-face {
  font-family: 'Eoe_YE_B';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/Eoe_YE_B.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*Non-Contact Layer PopUp*/
  .btns-pay{
    margin-left:10px;
  }

.layer_popup_wrap { width:100%; width: calc(100% - 520px);}
.layer_popup_wrap.center { top:50%; transform: translateX(-50%) translateY(-50%);}
.layer_popup_wrap .layer_popup .layer_popup_window {
  /* width:calc(100% - 320px); */
  max-width:100%;
  padding:0;
  /*min-height: 556px;*/
  /*background: url(../../images/thanksgiving/2022_thanksgiving_layerbg.jpg) 0 0 no-repeat #fff;*/
  /*background-size: 100% 100%;*/
  background-size:
  cover;
  background-position:
  center;
  /*border:2px solid #f9f9f9;*/
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

.lecname{letter-spacing: 4.2rem;}
.lecture-border-box{
 		padding: 0px 20px 0 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    word-break: break-word;
    max-height: 216px;
    overflow-y: auto;
    overflow-x: hidden;
  }
.lecture-border-box pre{
		word-break: keep-all;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.lp_content{
  padding-bottom:0px!important;
}
.lp_content .btns{
  clear: both;
  margin-top: 60px;
  height:50px;/*201211 추가*/
}
.lp_title_span{
  font-size:16px;
}
.layer_popup_wrap .btn{
  background-color:#0030a0;
  padding: 12px 40px 12px 40px;
  font-size:18px;
  font-weight: 600;
  color:#fff;
  border-radius: 10px;
}/*201211 추가*/

.layer_popup_wrap .btn:hover{background-color:#001850; }
.btn-box{text-align: center;}
.guide_intro_video{margin-bottom:30px;}
  /*2021 newyear pop button_main portal page*/
.main_middle_2020 .main_middle_wrap .mayor_area_wrap .mayor_area_box ul{top:135px;}
.main_middle_2020 .main_middle_wrap .mayor_area_wrap .mayor_area_box ul li { width: 116px;  margin-top: 6px;}
.guide_intro_video { width:100%; padding:0 20px 30px 20px; background-color:#f3ece0; box-sizing: border-box; }/* 260202 수정 */
.guide_intro_video .video-wrap { position:relative; width:100%; height:0; padding-top:calc(320 / 640 * 100%) }
.guide_intro_video iframe { position:absolute; left:0; top:0; display: block; width: 100%; height:100%; }


/*신년인사전문*/
.newyear_contents-wrap {  margin: 0 auto; width: 1000px; }
.newyear_contents-wrap pre{overflow-wrap:break-word; word-wrap: break-word;  word-break:break-all; overflow:auto; white-space:pre-wrap;}
.newyear_letter_title { font-size: 32px; letter-spacing: -1px; font-weight: 400; margin:30px 0px 30px 0px;}
.main_middle_2020 .main_middle_wrap .mayor_area_wrap .mayor_area_box ul li a.newyear-btn{ position:relative; color: #fff; font-family:'Eoe_YE_B','NanumGothic', 'Malgun Gothic', 'dotum', 'Arial', sans-serif; /*background: url(../../images/newyear_acc.png) 0 0 no-repeat;*/ padding:1px 8px; text-align: center; background-color: #a8a8a8;  }
.main_middle_2020 .main_middle_wrap .mayor_area_wrap .mayor_area_box ul li a.newyear-btn::before { content:""; display:none; position:absolute; left:0px; top:0px; width:23px; height:25px; background-image:url("../../images/thanksgiving/thanksgiving_acc.png"); background-size:cover; }
.main_middle_2020 .main_middle_wrap .mayor_area_wrap .mayor_area_box ul li a.newyear-btn strong{ /*font-size:17px; */}
.layer_popup_wrap .layer_popup .layer_popup_window  { position:relative; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_content { padding:0; max-height:100%; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_content .top-img { width:100%; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_content .top-img .img-wrap {position:relative;width:100%;height:0;padding-top: calc(150 / 960 * 100%);}
.layer_popup_wrap .layer_popup .layer_popup_window .lp_content .top-img .img-wrap img { position:absolute; left:0; top:0; width:100%; height:100%; }
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top{ background: none; border-bottom: none; padding:0px;}
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top:before {display:none;}
.layer_popup_wrap .layer_popup .layer_popup_window .lp_top .close_layer_popup { /*background-color: rgba(0,0,0,0.5)!important;*/ margin: 10px;}
.layer_popup_wrap .layer_popup .layer_popup_window .today-close { position:absolute; bottom:0; left:0; width:100%; text-align:left; background-color:#222; color:#fff; padding:10px; border:1px solid #333; box-sizing: border-box;  }
.layer_popup_wrap .layer_popup .layer_popup_window .today-close input[type="checkbox"] { width:15px; height:15px; vertical-align: middle; }
.layer_popup_wrap .layer_popup .layer_popup_window .today-close label { font-size:16px; vertical-align: middle; }

@media (max-width:1280px){
  .layer_popup_wrap { width:calc(100% - 220px); }
}

@media (max-width: 1100px){
  .newyear_contents-wrap {  margin: 0 auto; width: 100%; }
  .layer_popup_wrap { width:calc(100% - 120px); }
}

@media (max-width:768px){
  .guide_intro_video { padding:0 10px 20px 10px }
  .layer_popup_wrap .layer_popup .layer_popup_window { width:100%; }
  .layer_popup_wrap { width:100%; }
}

@media (max-width: 800px){

}

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

}




/*
.board_view {
    clear: both;
}
.con-title1 {
    font-size: 15px;
    padding: 0 0 10px 20px;
    color: #1f4f8c;
    background: url(http://www.gwanak.go.kr/images/gwanak/common/content/icon_title1.gif) 0 3px no-repeat;
}
.board_view table {
    display: table;
    width: 100%;
    border-top: 1px solid #333;
}
.board_view table th {
    min-height: 50px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    background-color: #f1f1f1;
    font-weight: 700;
    text-align: left;
}
.board_view table td {
    min-height: 50px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
*/
/* mp4 영상 비율 수정 */
.guide_intro_video .video-wrap.video-mp4 { padding-top:calc(720 / 1280 * 100%) }