@charset "utf-8";

.mobile_gnb{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background: #ffffff;}
.mobile_gnb > strong{font-size: 18px;background: #0c3584;color: #ffffff;display: block;padding: 16px;}
.mobile_gnb_inner{height: calc(100% - 189px);overflow-y: auto;padding: 0 20px;}
.mobile_gnb_menu > div > a{font-size: 17px;font-family: 'NotoKrB';color: #333333;display: block;border-bottom: 1px solid #bbbbbb;padding: 16px 0;background: url(../../img/assm/icon_totalmenu_mobile_top_arrow01_off.png) no-repeat right center;}
.mobile_gnb_menu > div.on > a{color: #0e6fc1;border-bottom: 1px solid #0e6fc1;background: url(../../../img/assm/assm/icon_totalmenu_mobile_top_arrow01_on.png) no-repeat right center;}
.mobile_gnb_menu > div > ul{display: none;border-bottom: 1px solid #bbbbbb;}
.mobile_gnb_menu > div.on > ul{display: block;}
.mobile_gnb_menu > div > ul{padding: 10px;}
.mobile_gnb_menu > div > ul > li > a{font-family: 'NotoKrM';font-size: 14px;display: block;color: #444444;padding: 10px 0 10px 7px;background: url(../../../img/assm/assm/icon_top_submenu.gif) no-repeat 0 center;}
.mobile_gnb_menu > div > ul > li.on > a{color: #0e6fc1;}

.mobile_gnb_menu > div > ul > li > ul{display: none;margin: 0 0 0 2px;background: #f3f3f3;padding: 7px;}
.mobile_gnb_menu > div.on > ul li.on ul{display: block;}
.mobile_gnb_menu > div > ul > li > ul li a{position: relative;display: inline-block;color: #666666;font-size: 14px;padding: 6px 0;}
.mobile_gnb_menu > div > ul > li > ul li a:before{content: "ㆍ";}
.mobile_gnb_menu > div > ul > li > ul li a.on{color: #0e6fc1;}
.mobile_gnb_menu > div > ul > li > ul li a.on:after{
	position: absolute;
	bottom: 4px;
	left: 0;
	width: calc(100% - 14px);
	height: 1px;
	background: #0e6fc1;
	content: "";
	display: block;
	margin-left: 14px;
}

.mobile_gnb_btn{margin: 15px 0;}
.mobile_gnb_btn ul{display: flex;justify-content: space-between;}
.mobile_gnb_btn ul li{width: 100%;text-align: center;margin-left: 10px;}
.mobile_gnb_btn ul li:first-child{margin: 0;}
.mobile_gnb_btn ul li a{display: block;color: #ffffff;background: #4794f3;padding: 12px 0;}
.mobile_gnb_login{margin: 15px 0;}
.mobile_gnb_login a{border: 1px solid #bbbbbb;text-align: center;display: block;padding: 12px 0;color: #333333;font-family: 'NotoKrB';}
.btn_m_x{position: absolute;top: 15px;right: 20px;width: 19px;height: 19px;background: url(../../img/assm/btn_m_x.png) no-repeat center center;display: block;text-indent: -9999px;}

.layer_sns_m{text-align: center;padding: 10px 0;background: #f3f3f3;}
.layer_sns_m ul{overflow: hidden;display: inline-block;}
.layer_sns_m ul li{float: left;}
.layer_sns_m ul li a{margin: 5px;}

.m_lnb_util{margin: 31px 65px 0 0;min-width: 94px;display: none;}
.m_lnb_util li{display: inline-block;}
.m_lnb_search{width: 34px;height: 26px;display: block;text-indent: -9999px;background: url(../../img/assm/lnb_search.png) no-repeat center center;}
.m_lnb_list{margin: 0 0 0 20px;width: 34px;height: 26px;display: block;text-indent: -9999px;background: url(../../img/assm/lnb_list.png) no-repeat center center;}

.m_logo{text-align: center;padding: 20px 0;}
.m_logo h1{display: inline-block;background: url(../../img/assm/logo.png) no-repeat 0 0;text-indent: -9999px;text-align: left;width: 159px;height: 29px;background-size: auto 29px;}
.m_logo span{display: inline-block;background: url(../../img/assm/slogan.png) no-repeat 0 0;text-indent: -9999px;text-align: left;color: #006bce;width: 167px;height: 21px;}

.m_subject{position: relative;margin: 7px 0 0 0;}
.m_date{overflow: hidden;margin:3px 0;}
.m_date li{float: left;font-size: 14px;margin-left: 10px;}
.m_date li:before{content: "|";padding-right: 10px;color: #c1c1c1;font-size: 12px;vertical-align:top;}

.m_date li:first-child{margin-left: 0;}
.m_date li:first-child:before{padding-right: 0;content: "";}

.m_down{position: absolute;top: -28px;right: 0;overflow: hidden;}
.m_down li{float: left;margin: 0 0 0 15px;}

.m_down2{position: absolute;top: -33px;right: 0;overflow: hidden;}
.m_down2 li{float: left;margin: 0 0 0 5px;}

.btn-top-go{
    display:none;
    position:fixed;
    bottom:10%;
    right:15px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#fff;
    font-family:"notoKrM", sans-serif;
    font-weight:500;
    background:rgba(23,59,101,0.8);
    border-radius:3px;
    -webkit-border-radius:3px;
    z-index:20;
}

/* 모바일 페이징 */
.mobile_paging{position:fixed;bottom:0;left:0;width:100%;height:42px;background:#dee2e8;border-top:1px solid #d1d5da;z-index:9;}
.mobile_paging div{text-align:center;line-height:42px;}
.mobile_paging div *{font-family:Arial;font-size:17px;}
.mobile_paging div span{color:#989898;}
.mobile_paging div em{font-style:normal;color:#000000;vertical-align:baseline;font-weight:bold;}
.mobile_paging ul{position:absolute;bottom:0;left:0;width:100%;z-index:2;}
.mobile_paging ul li{position:absolute;bottom:0;right:0;}
.mobile_paging ul li:first-child{position:absolute;bottom:0;left:0;}
.mbtn_arrow_first{width:43px;height:42px;border-right:1px solid #d1d5da;background:url(../../img/assm/btn_m_arrow_first.png) no-repeat  center center;float:left;display:block;text-indent:-9999px;}
.mbtn_arrow_prev{width:43px;height:42px;border-right:1px solid #d1d5da;background:url(../../img/assm/btn_m_arrow_prev.png) no-repeat  center center;float:left;display:block;text-indent:-9999px;}
.mbtn_arrow_next{width:43px;height:42px;border-left:1px solid #d1d5da;background:url(../../img/assm/btn_m_arrow_next.png) no-repeat  center center;float:left;display:block;text-indent:-9999px;}
.mbtn_arrow_last{width:43px;height:42px;border-left:1px solid #d1d5da;background:url(../../img/assm/btn_m_arrow_last.png) no-repeat  center center;float:left;display:block;text-indent:-9999px;}
/* 모바일 페이징 */

@media only all and (max-width: 1400px) {
    .gnb_sns{margin:0;}
    .gnb_menu li{padding:0 7px;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
    }
    .menu > ul > li{padding:0 40px;}
    .menu > ul > li > a{font-size:19px;}
    .assembly_man_box{width:100% !important;min-width:auto !important;}
}

@media only all and (max-width: 1200px) {
    
    .assembly_man_allmenu{display:none !important;}
    
    .btn_print{display:none;}
    
    .list-set{margin-top:20px;}
    .list-set h4{margin-bottom:-7px;}
    
    body{min-width: auto;overflow-y:auto;}
	.containers{width: 100%;min-height: auto;}
	.content{width: auto;padding: 30px 0 0;}
	.content .s .container {margin: 30px auto;width: 95%;}
	.snb{display: none;}
	.menu{display: none;}
	.gnb{display: none;}
	
	.profile_page{flex-direction:column;}
	.profile_page .snb{display:block;width:100%;padding:0;}
	.profile_page .snb .tit{text-align:center;padding:0;}

	.logo a{margin: 18px 0 0 15px;background-size: auto 24px;width: 140px;}
	.slogan {margin: 23px 0 0 10px;font-size: 18px;}
	.lnb{height: 60px;}
	.lnb_util{margin: 19px 15px 0 0;min-width:auto;}

	.location{display: none;}

	.subtitle{height: 53px;}
	.subtitle h3{font-size: 24px;}

	.m_block{display: block !important;}
	.m_none{display: none !important;}
	.board01 table td{height: auto;}
	.board01 tbody td.td_block{display: block;padding: 15px 0 10px 0;border-left: none;}
	.board01 table td a.board_subject{font-size: 16px;font-family: 'NotoKrM';width: calc(100% - 80px);color: #000000;}
	.board01 table td a.board_subject112{font-size: 16px;font-family: 'NotoKrM';width: calc(100% - 110px);color: #000000;
		display: block;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

    .list__link,
    .list__vodLinkUrl{
        text-indent: -9999px;
        width: 33px;
        padding: 0;
        background-position: center center;
    }

	.pagination li{margin: 0;}
	.pagination li a{line-height: 24px;min-width: 25px;height: 25px;}
	.pagination li a span{font-size: 11px;vertical-align: top;}
	.pagination li a:hover{line-height: 24px;min-width: 25px;height: 25px;}
	.pagination li a:hover span{font-size: 11px;}
	.pagination li.active > span{line-height: 24px;min-width: 25px;height: 25px;font-size: 11px;}
	.pagination li.active > span span{font-size: 11px;}

    .footer{text-align: center;}
    .footer footer{width: auto;margin: 0 auto;}
    .footer footer li{padding: 0 10px;}
    .footer footer li a{font-size: 13px;display: block;margin: 4px 0;}
    .footer address span{line-height: 1.5;display: block;}
    .footer div.copyright{line-height: 1.5;border-top: 1px solid #65687e;padding-top: 22px;margin-top: 15px;}
    .footer div br{display: block;}
    .footer_menu{margin:0;}
    .footer footer ul{display:none;}
    .ft_menu_etc{display:none;}
    .logo_footer{position:static;padding:10px 0 30px 0;}

    .btn_gogo{padding: 0 6px;font-size: 13px;}

	.info_content .main_content {display: block;width: 95%;}
	.info-set {text-align: center;display: block;margin: 0 auto 30px;max-width: 230px;width: 100%;}
	.detail-set {display: block;width: 100%;}
	.detail-view .intro {padding: 0 3% 0 0;}

	/* tab */
	.mobile_tab{display: block;}
	.tab{margin: 0 0 10px 0;}
	.tab ul{flex-direction: column;display: none;}
	.tab ul li a{margin: -1px 0 0 0;font-size: 15px;}
	.tab ul li:first-child a{margin: 0;}
	.tab ul li a.on{border-bottom: none;background: #006bce;border: 1px solid #006bce;}

	/* table */
	.board_search{flex-direction: column;}
	.board_count *{font-size: 14px;}
	.board01 colgroup{display: none;}
	.board01 thead{display: none;}
	.board01 tbody td{display: none;}
	.m_subject{display: block;}

	.board_count select{display: none;}
    .board_count button{display: none;}

	.sh {margin-bottom: 20px;}
	.sh .type2 dl:first-child {padding-right: 0;}
	.sh .tac{padding-left:114px;}


	.paginationSet{display: none;}
	.mobile_paging{display: block;}

	.pagination li{margin: 0;}
	.pagination li a{line-height: 24px;min-width: 25px;height: 25px;}
	.pagination li a span{font-size: 11px;vertical-align: top;}
	.pagination li a:hover{line-height: 24px;min-width: 25px;height: 25px;}
	.pagination li a:hover span{font-size: 11px;}
	.pagination li.active > span{line-height: 24px;min-width: 25px;height: 25px;font-size: 11px;}
	.pagination li.active > span span{font-size: 11px;}

    .notice-set{margin:0;}
    .notice{width:100%;padding:0 10px;}
    .notice + .notice {margin-top: 40px;}
    
    .logo a .img, .logo a .pre_img {margin: 9px 0 0 0;vertical-align: middle;}
    
    /* ing mobile */
    .logo .img + span, .logo .pre_img + span {
        margin-top: 9px;
        height: 42px;
	    line-height: 42px;
	    display: inline-block;
	    font-size:18px;
    }
    
}


@media (max-width: 749px) {
	
    .info-top .list-type li{width:100%;}
    
	.content {width: 95%;padding: 20px 0;margin: 0 auto;display: block;flex-grow: inherit;}
	.container {width: 95%;}

	.detail-set .detail-view > div {display: block;}
	.detail-view .intro {padding: 0;}
	.detail-view .profile {width: 100%;margin-top: 20px;}
	.main_content .etc {padding: 0;}
	.main_content .etc ul {overflow:hidden;}
	.main_content .etc li {width: 50%;display: inline-block;float:left;}
	.main_content .etc li + li:nth-child(odd)::before {display: none;}
	.main_content .etc li a {line-height: 1.2;width:100%;}
	.main_content .etc li a img {margin-left: 10px;width:24px;}
	.main_content .etc li a span {}

	.main_content {width: 95%;}

	.info-top {margin-bottom: 30px;}
	.info-top .list2 li {width: 100%;}
	.info-top .list-type li {display: block;}
	.info-top .list-type li + li {margin-top: 10px;}

	.info_content {margin-bottom: 30px;}

	.tab ul {display: block;}

	.sh .type2 dl {width: 100%;}
	.sh .type2 dl + dl {margin-top: 10px;}
	
	.sh button{width:75px;padding:0;letter-spacing:-1px;}

	.footer {margin: 30px 0 0;}
	
	.sh.dt_64px dt{width:64px;word-break:keep-all;}
	
	.ewon_info{display:none;}
	.m_ewon{display:block;}
}

/***** 인선 추가 *****/
@media only all and (max-width: 1200px) {
	.m_align_left{text-align: left !important;}
	.board01 table td .board_subject{font-size: 16px;font-family: 'NotoKrM';width: calc(100% - 80px);color: #000000;}
    .board01 table td .board_subject100{font-size: 16px;font-family: 'NotoKrM';width:100%;color: #000000;}
    
    .mobile_top_tab{display: block;}
    .top_tab{margin: 0 0 10px 0;}
    .top_tab ul{flex-direction: column;display: none;}
    .top_tab ul li a{margin: -1px 0 0 0;font-size: 15px;}
    .top_tab ul li:first-child a{margin: 0;}
    .top_tab ul li a.on{border-bottom: none;background: #006bce;border: 1px solid #006bce;}
    
    /* 2022-05-31 */
    .ewon_info{width:95%;}
    .ewon_info dl{margin-left:0;}
}

@media only all and (max-width: 400px) {
    .layer_search > div{width: auto;margin: 0 10px;}
    .layer_search > div strong{font-size: 16px;}
    .board_search input.w150{width: 90px !important;}
    .board_view_thumbnail > div{width: 150px;}
	.main_content .etc li a span {font-size:13px;}
}
/***** 인선 추가 *****/

/* 2022-05-31 */
@media only all and (max-width: 560px) {
    .popup_ewonsil > div{width:auto;height:230px;margin:0 10px;}
	.frtodate_p span{display: inline}
	.frtodate_p .date_01{width: auto;margin-right: 5px}
}