@charset "utf-8";
@import url(reset.css); 
@import url(slick.css); 
@import url(slick-theme.css); 
@import url(fonts.css); 


:root {
    --default_color:#1658d9;
    --pink:#be1c48;
    --black:#343246;
    --default_font:'Pretendard GOV';
    --Paperlogy_font:"Paperlogy";
}


::-webkit-scrollbar {
    width: 7px; 
    height: 7px;
    /* width는 세로 스크롤바에만 적용된다. */
    /* height: 8px; */ 
    /* 마찬가지로 height는 가로 스크롤바에만 적용된다 */
  }
  
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: rgba(59, 60, 66, 0.6);
    border-radius: 20px;
    background-clip: padding-box;
    border: 1px solid transparent;
    transition: all 0.3s;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(59, 60, 66, 0.9);
    background-clip: padding-box;
    border: 1px solid transparent;
  }
  
  ::-webkit-scrollbar-button {
  
    display: none; /* 버튼 숨기기 */
    
    }
    
html, body {
	height: 100%;
}
body {

/* 	font-family:'맑은고딕' 'NanumGothic', 'MalgunGothic'; */
	font-family: 'Pretendard GOV', sans-serif;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
  font-weight: 500;
	color: #333;
}

body, div, ul, li, table, tr, td, th, dd,p,i,em{margin:0px; padding:0px; font-style: normal;}
img{border:none;}
ul li {list-style: none;}
a{color:inherit;text-decoration:none;}
button{border:0; background:none; cursor:pointer;}
fieldset{border:none;}
caption,label{overflow:hidden; font-size:0;  }


/*topnav*/
header{}
header .topall{background:#f0f0f0;width:100%;height:60px;line-height:60px;}
header .topmenu{ width:100%; max-width:1200px; margin:0 auto; color:#e5e5e5;}
header .topmenu ul{height:60px; line-height:60px; box-sizing: border-box; display:inline-flex; width:72%;color: #fff; overflow: hidden; }
header .topmenu ul li{ text-align:center; display:inline-block;font-size:17px; }
header .topmenu ul li a{padding:0 40px}
header .topmenu ul .hwfacebook{padding: 6px 6px 6px 13px;height: 100%;}
header .topmenu ul .hwinstagram {padding: 6px;height: 100%;  }
header .topmenu ul .hwfacebook a,
header .topmenu ul .hwinstagram a{padding:0}
/* header .topmenu ul li:hover{color:#fff; text-decoration:underline; } */
header .topmenu ul .hwhome{background: #fff;color: #555;}
header .topmenu ul .hwmeetinglog{background: #1473c8;}
header .topmenu ul .hwbroadcast{background: #009ab9;}
header .topmenu ul .hwteenager{background: #3c4b96;}
header .topmenu ul .hwoffice {background: #2d376e url(/images/main/top_icon05.png) 25px 19px no-repeat;text-align: left;padding-left: 17px;}

#main_visual{height:670px;padding-top: 215px;background: url(/images/main/main_visual.jpg) center top no-repeat;background-size:cover;padding-left: 10px;padding-right: 10px;}
.main_visual_slogan{width: 100%;margin: auto;height: 50px;background: url(/images/main/main_slogan.png) center no-repeat;background-size:contain;}
.none{display:none;}

#content_wrap {max-width:1200px; margin:0 auto;}
.topright{float:right; line-height:60px; height:60px;}

.txtzoom{display:inline-block;color: #787878;font-size: 18px;font-weight: 700;}
.txtzoom button{overflow:hidden; width:10px; height:21px; text-indent:-999em; margin:0 7px;}
.txtzoom button.zoomIn{background:url('/images/main/zoomPlus.png') 0px no-repeat;}
.txtzoom button.zoomOut{background:url('/images/main/zoomMinus.png') 0px no-repeat;}


.search{position:relative; display:inline-block; line-height:60px; height:60px; }
.search .searchtotal[type="search"]{position:relative;  background:#fff;  width:207px; height:32px; border:0 none; box-sizing:border-box; padding:0 10px;}
.search .sch_btn[type="submit"]{position:relative; top:1px; right:9px;  background:url('/images/main/search_btn.png') no-repeat center center;
cursor:pointer; width:40px; height:32px; line-height:32px; border:0; text-indent:-999em;}

/*크롬만적용*/
 @media screen and (-webkit-min-device-pixel-ratio:0){
	.search .sch_btn[type="submit"]{position:absolute; top:15px; right:0px; background:url('/images/main/search_btn.png') no-repeat center center;
	 cursor:pointer; width:40px; height:32px; border:0; text-indent:-999em; }
 }

.hwmember {background-color: #212838;}
.hwmember select {

    width: auto;
    height: 60px;
    line-height: 39px;
    padding-left: 17px;
    padding-right: 40px !important;
    border: none;
    color: #fff;
    background-color: #212838;
    background-image: url(/images/img/icon_bullet01.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    font-weight: 300;
    border-right: 1px solid #4d5360;
    box-sizing: border-box;
    appearance: none;
    font-size: 17px;
}


/*header*/
.header_logo{position:relative;left:0px;top: 22px;float:left;margin:0;}
.header_logo a{background:url('/images/main/hwcouncil_logo.png') 0px no-repeat; display:block;width:191px; height:57px; text-indent:-9999em; margin:0 auto; }
.header-menu {position:relative;height:100px;width: 1200px;margin:0 auto;}
.header-menu nav{height:100px;}
.header-ul {padding-left: 12px;/* position:relative; */display: flex;justify-items: center;justify-content: center;/* flex-wrap: wrap; *//* left:0; *//* width: 1009px; *//* font-weight:600;  *//* height:100px; *//* line-height: 23px; */font-size: 21px;align-items: center;padding-top: 8px;padding-left: -20px;}
.header-ul li {/* float: left; */margin: 18px;width: 12.5%;/* top: 10px; *//* left: 12px; */text-align: center;/* top: 28px; */}
.header-ul li.on, .header-ul li.active { color: #033d6a;/*  font-weight:600; */}
.header-ul li a{color:#000;/* text-align: justify; *//*  font-weight:600; */}
.header-ul li a:hover{ color:#033d6a;  text-decoration: underline;}
.header-ul li.menu-1 {/* position:relative; *//* left:40px; *//* width:140px; */cursor:pointer;}
.header-ul li.menu-2 {position:relative;/* left:40px; *//* width:140px; */cursor:pointer;}
.header-ul li.menu-3 {position:relative;/* left:40px; *//* width:140px; */cursor:pointer;}
.header-ul li.menu-4 {position:relative;/* left:40px; *//* width:140px; */cursor:pointer;}
.header-ul li.menu-5 {position:relative;/* left:40px; *//* width:140px; */padding-right: 0;background: none;cursor:pointer;}
.header-ul li.menu-6 {position:relative;/* left:40px; *//* width:140px; */padding-right: 0;background: none;cursor:pointer;}
.header-ul li.menu-7 {position:relative;/* left:40px; *//* width:140px; */padding-right: 0;background: none;cursor:pointer;}
.gnb-menu{display: none;width:100%;he;height:310px;background-color: #fff;position: absolute;border-bottom: 8px solid #cfe0f0;border-top:1px solid #ddd;z-index: 999;}
/* .menu_bg{ background:transparent url(/images/main/main_visual_header_DropDown.png) no-repeat;} */
.gnb-nav {
 position: relative;
 margin:0 auto;
 padding:0;
 /* background:url(/images/main/main_visual_header_DropDown.png) 30px no-repeat; */
 max-width:1200px;
 width:100%;
 height:290px;
 }
.gnb-visual { position: absolute; /* top: 37.5px; */top: 3px; left: 0; width: 235px; height: 235px; }
.gnb-ul {position: relative;display:block;/* left:185px; *//* width:1009px; */}
.gnb-ul > li {position: relative;float: left;width: 1000px;left: 200px;height: 301px;border-left: 1px solid #E2E2E2;line-height: 1.2;}
.gnb-ul li a{color:#424242;}
.gnb-ul li a:hover{color:#999; text-decoration:underline;}
.gnb-ul li {position:relative;/* left:40px; *//* width:140px; */width: 126px;text-align:center;}
.gnb-ul li.menu-2 {position:relative;/* left:40px; *//* width:140px; */text-align:center;}
.gnb-ul li.menu-3 {position:relative;/* left:40px; *//* width:140px; */text-align:center;}
.gnb-ul li.menu-4 {position:relative;/* left:40px; *//* width:140px; */text-align:center;}
.gnb-ul li.menu-5 {position:relative;/* left:40px; *//* width:140px; */text-align:center;}
.gnb-ul li.menu-6 {position:relative;/* left:40px; *//* width:140px; */text-align:center;border-right: 1px solid #E2E2E2;}
.gnb-ul li.menu-7 {position:relative;/* left:40px; *//* width:140px; */text-align:center;border-right: 1px solid #E2E2E2;}
.gnb-ul li.menu-8 {position:relative;/* left:40px; *//* width:140px; */text-align:center;/* margin: 34px; */border-right: 1px solid #E2E2E2;}
.gnb-sub-ul {font-size: 16px;/* display: block; */}
.gnb-sub-ul > li {padding:10px 5px 10px 1px;/* width: 12.5%; */}
.gnb-sub-ul > li.li-link:hover, .gnb-sub-ul > li.active { background-color: #f3f3f3; }
/* .gnb-sub-ul > li:hover{display:block; text-decoration:none; color:#fff; background:#09115a;}  */
/*  .gnb-sub-ul > li:hover{ display:block; text-decoration:none; color:#09115a;}  */
.gnb-sub-sub-ul { font-size: 13px; color: #666; }
.gnb-sub-sub-ul li { padding: 2px 0;}
.gnb-sub-sub-ul li:hover{display:block; width:150px; color:#fff; background:#09115a; }




 /*footer*/
footer{clear:both; position:relative; width:100%;/* height:260px;*/ background:#091341; }
.footer_warp{ width:100%; max-width:1300px; height:100%; margin:0 auto;}
.footer_list{position:relative; padding-top:20px; height:60px;}
.footer_list ul{ float:left; width:100%; margin-top: 20px; margin-left:5px;}
.footer_list ul li{float:left;  padding-right:19px; margin-right:19px; background: url('/images/main/footer_bar.jpg') no-repeat 100% 100%; }
.footer_list ul li a{line-height:15px; font-size:17px; color:#fff; font-weight:200;}
.footer_list ul li a:hover{  text-decoration: underline;}

.footer_list02{position:relative;  float:right; width:94%}
.footer_list02 .footer_option01{width:100%; position:relative; display:inline-block;}
.footer_list02 .footer_option01 > select{  width:18%; height:30px; font-size:14px;  border-radius:4px; border:0; cursor:pointer; color:#fff;
background-color:#303e63; /* -moz-appearance: window; -webkit-appearance: none; */ padding-left:5px;}

.footer_list02 .footer_option01 .footer_btn01{position:relative;  width:100%; max-width:50px; display:inline-block;  text-align:center; padding:6px; background:#4d5f85;  border-radius:4px;
border:0; color:#fff; cursor:pointer; }

.footer_contents{position:relative; max-width:1200px; margin:0 auto; }
.footer_contents .f_logo{width:100%; max-width:231px; margin:20px auto 20px;}

footer address{width:100%; max-width:1200px; min-height:45px; color:#d1d4dc; font-size:17px; border-bottom:1px solid #303e63; margin:20px auto 0; text-align:center; font-style: normal;}
footer .copyright{color:#fff; text-align:center; padding:10px 0 0px; font-size:17px;  }

/*search 통합검색*/
.content_body{position:relative; margin-top:50px; margin-bottom:50px; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; }
.searchCouncil{width:100%; max-width:1180px; margin:0 auto;}
.search_wrap{background:#f5f5f5; padding:30px 60px;}
.seach_str{position:relative; top:30%; max-width:950px; background:#fff; margin:0 auto; border:2px solid #18294e;}

.seach_str fieldset{background:#fff; border:0; margin:0; padding:0; }
legend{text-indent:-10000px; width:0px; font-size:0; border-bottom:0; border:0;  display:inline-block;}
.seach_str select{border:0;  color:#17294d; font-size:14px;  height:50px;}
.seach_str fieldset input[type="text"]{border:none; width:93%; height:52px; padding:5px 10px; font-size:14px;}
.seach_str fieldset input[type="button"]{float:right; border:0; /* background:#17294d; */
	background:url('/images/subCommon/search_btn02.png')no-repeat; color:#fff; cursor:pointer; width:65px; height:52px;display:inline-block;}
.fred_color{color:#de3c3c;}
.ser_30{font-size:30px; text-align:center; padding:30px;}
.list_icongo{background:url('/images/subCommon/list_icon.png') no-repeat;}
.list_icongo p{margin-left:20px; font-size:12px; color:#999;}
.list_gobtn {padding:5px; color:#fff; background:#999; border-radius:5px; font-size:12px;}

.search_title{border-bottom:1px solid #ccc; padding-bottom:10px; padding-top:50px;}
.search_title h3{display:inline-block; margin:0; color:#18294e; font-weight:600; font-size:25px;}
.search_title small{color:#999; font-size:12px;}
.ser_more{display:inline-block;float:right; color:#000; font-size:15px; line-height:3; font-weight:bold;}

.ser_cont01{line-height:1.5; padding-top:30px;}
.ser_h{color:#000; font-size:18px; font-weight:bold; margin:0;}
.ser_c{color:#000; font-size:16px; font-weight:500; margin-left:20px;}
.ser_small{color:#000; font-size:12px; font-weight:500; margin:0;}

.serach_tabs{margin:0 auto; max-width:1180px; width:100%;}



/***********************************************mobile***************************************************************/

.M_searchWrap{display: none;}
.header_moall{display: none;}
.mobnone{display: none;}
.slider_mobile{display: none;}
.show-mobile-menu {position:relative;  clear: both; font-size:14px;   width: 100%;   /* padding: 20px 10px 20px 10px;	*/ }
.show-mobile-menu .mobile-menu-icon{ cursor: pointer; background:url('/images/main/mobile_btn.png') no-repeat 50% 50%; color:#fff;
padding:3%; display:inline-block; }
#mobile-menu {display: none; padding:0px 5px;background:#033d6a; position:relative; z-index:99999; margin-bottom:20px;}
#mobile-menu ul{margin: 0;list-style: none;padding:0px 0;width:100%; display:block; }
#mobile-menu ul.sub-Mmenu{display: none;padding: 0px;margin-top: 10px;margin-bottom: 0px; background:#435887;}
#mobile-menu ul.sub-Mmenu li a{padding-left:20px; width:80%; color:#fff;}
#mobile-menu ul.sub-Mmenu li a:hover{ color:#101B32; font-weight:bold;}
#mobile-menu ul li{border-top:1px solid rgba(255,255,255,.1);position: relative;padding:5px 0;display: block}
#mobile-menu ul li:first-child{border-top:none}
#mobile-menu ul li a{display:block;color:#fff;padding:10px 5px 5px 5px;display: inline-block !Important; font-size:16px;}
#mobile-menu ul li a:hover{color:#fff; font-weight:500;}
#mobile-menu ul li.has-children>.action-expand{float: right;font-size:20px;height:24px;line-height:35px;cursor: pointer;}
#mobile-menu ul li.has-children>a{width: 85%;}
#mobile-menu ul li.has-children>.action-expand>.opened,#mobile-menu ul li.has-children.menu-open>.action-expand>.closed{display: none; color:#fff;}
#mobile-menu ul li.has-children>.action-expand>.closed,#mobile-menu ul li.has-children.menu-open>.action-expand>.opened{display: block;  color:#fff;}
#mobile-menu ul ul li a:before{content:'-';margin-right:5px}
#mobile-menu ul ul ul li a:before{content:'- -';margin-right:5px}
#mobile-menu ul ul ul ul li a:before{content:'- - -';margin-right:5px}
#mobile-menu ul ul li:first-child{border-top:1px solid rgba(255,255,255,.1)}
#mobile-menu ul.sub-Mmenu li ul.sub-menu3{display: none;padding: 0;margin-top: 0px;margin-bottom: 0px; background:#0E3F74;}
#mobile-menu ul.sub-Mmenu li ul.sub-menu3 li:first-child{border-top:none}
#mobile-menu ul.sub-Mmenu li ul.sub-menu3 li a{display:block;color:#fff;padding-left: 10px !important;display: inline-block !Important; font-size:16px;}

#mobile-menu ul .Mmenu_home{background:url('/images/main/top_icon01.png') 7px 13px no-repeat; padding-left:35px;}
#mobile-menu ul .Mmenu_home > a:hover{text-decoration:underline;}
#mobile-menu ul .Mhwmeetinglog{ background:url('/images/main/top_icon02.png') 7px 13px no-repeat;  padding-left:35px;}
#mobile-menu ul .Mhwmeetinglog > a:hover{text-decoration:underline;}
#mobile-menu ul .Mhwbroadcast{ background:url('/images/main/top_icon03.png') 11px 11px no-repeat; padding-left:35px;}
#mobile-menu ul .Mhwbroadcast > a:hover{text-decoration:underline;}
#mobile-menu ul .Mhwteenager{ background:url('/images/main/top_icon04.png') 7px 9px no-repeat; padding-left:35px;}
#mobile-menu ul .Mhwteenager > a:hover{text-decoration:underline;}



.topUtil{display: none; }

.topUtil{display:none; float:none; border-top:0 none; padding:0; width:100%;}
.topUtil form{float:none;background:#033d6a; /*height:73px;*/ padding:12px 15px; width:100%;position:absolute; top:100%; left:0; z-index:1000; overflow:hidden; }
.topUtil form .m_search{width:100%; background:#4d5f85; overflow:hidden; border-radius:5px;}
.topUtil form input[type="search"]{width:80%; height:45px;font-size:16px;padding:0 44px 0 10px;background:#fff; }
.topUtil form input[type="button"]{width:15%; height:45px; background:#033d6a; color:#fff; border:0; font-size:15px;}
.topUtil .utilType{display:none;}
.topUtil .bg{    display: block; background: rgba(0, 0, 0, 0.5); width: 100%;  height: 100%;  position: fixed; top: 100px; left: 0; z-index: 800;}

.openSearch{position:relative; float:right; text-align:right; top:-30px; cursor: pointer; background:url('/images/main/Msch_btn.png') no-repeat 50% 50%; color:#fff;
padding:4%; display:inline-block; margin-right:4%; }

.mobile_icon{display:none;}
.slider__mobile{display:none;}


/* Pad */
@media screen and (min-width:768px) and (max-width:1220px){
	header .topall{display:none;}
	header .header-menu{display:none;}
	header{ width:100%;}
	.mobnone{position:relative; display:block;}
	.show-mobile-menu .mobile-menu-icon{ position:relative; bottom:25px; margin-left:4%; cursor: pointer; padding:3%;
	background: url('/images/main/mobile_btn.png') no-repeat 50% 50%; background-size:auto 20px;}
	.header_logo{ position:relative; top:25px; left:0px; float:none; display:inline-block;  width:100%; text-align:center;}


	#content {padding:20px;}
	#content_wrap {width:95%;}
	
}


/* mobile */
@media screen and (min-width:0) and (max-width:767px){

	header .topall{display:none;}
	header .header-menu{display:none;}
	header{ width:100%;}
	.mobnone{display:block;}
	.show-mobile-menu .mobile-menu-icon{ position:relative; bottom:15px; margin-left:4%; cursor: pointer; padding:4%;
	background: url('/images/main/mobile_btn.png') no-repeat 50% 50%; background-size:auto 20px;}
	.header_logo{ float:none; }
	.header_logo a{background:url(/images/main/hwcouncil_logo.png); display:block; width:121px; height:36px;
	margin:0 auto; text-indent:-9999em; background-size:121px 36px; }

	.openSearch{top:-15px;}


	footer{height:auto; padding-bottom:5%;}
	.footer_list{padding-top:0px; height:auto;}
	.footer_list ul{width:100%; padding-top:5%; text-align:center; float:none; height:80px; }
	.footer_list ul li{display:inline-block; padding-right:14px; margin-right:14px; margin-top:5px; float:none;}
	.footer_list ul li a{font-size:15px;}
	.footer_list02{float:none; width:100%;}
	.footer_contents .f_logo{margin:20px auto 20px;}
	.footer_list02 .footer_option01{display:block; float:none; padding-left:12px; padding-right:12px;}
	.footer_list02 .footer_option01 > select{font-size:13px; display:block; width:100%;}
	.footer_list02 .footer_option01 .footer_btn01{width:100%; max-width: none; right: 0;}
	footer address{font-size:15px;}
    footer .copyright{font-size:15px;}
}

/* mobile */
@media screen and (min-width:0) and (max-width:767px){

	.prizeImage{margin: 0 0 0 10px;}
	.mem_selt{display:block;padding: 10px 10px;}
	.mem_selt .mem_option01{width:31.5%;margin-right: 1%;}
	.mem_search{width:100%;padding-top:10px;}
	.mem_search .mem_searchtal[type="text"]{width:95%;}
	.mem_search .mem_search_btn[type="button"]{right:10px;}

}



/*******************************메인 개편 2026***********************************/


/* 슬라이드 버튼 */
.slickwrap{position:relative;}
.slick-track {}
.slick-slide {}
.slick-slide img {display: inline-block !important;}
.slickwrap .slider {}
.slickwrap .slider .item{vertical-align:top;}
.nav {position:absolute;  z-index: 2; left:0; right:0; top:0; right: 0; display: flex; justify-content: space-between; align-items: center;  }
.nav button {  overflow:hidden; border:0; color:transparent !important; white-space:nowrap; vertical-align:top; z-index: 2; width:40px; height:40px; line-height:40px; border: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.6s; border-radius: 50%;  background-color: #65687d; }
.nav .count {font-size: 110%; font-weight: 500; text-align: center; color: #000;  }
.nav .count em{ font-weight: 600; color:var(--default_color)}
.nav button span{position: absolute; left:-9999999999px}
.nav button.active {display: block;}
.nav > * {margin-right:0px}
.prev {left:1px; position: absolute; }
.next {right:1px; position: absolute; }
.prev:before, .next:before, .play:before, .pause:before {  font-size:14px; color:rgba(255,255,255,0.8);font-family: 'FontAwesomeS';text-align:center;   line-height:40px; display: block; transition: all 0.6s; }
.prev:before {content:'\f053';}
.next:before  {content:'\f054';}
.play:before {content:'\f0da'; font-size: 18px; padding-left: 2px; }
.pause:before  {content:'\f52c'; transform: rotate(90deg);font-size:15px; }
.nav button:hover,
.nav button:focus{background-color: #444657;}
.nav button:hover::before,
.nav button:focus::before{color: #fff; }
.nav .ctrl_area {display: inline-flex;}
.nav .ctrl_area > .active {} 
.nav .ctrl_area > .active::before {}  
.nav_more {display: inline-block; background-color: #fff;white-space: nowrap; border-radius: 30px;  line-height:40px; padding:0 15px; font-size: 15px; color: #555; font-family: var(--Paperlogy_font); font-weight: 500; transition: all 0.3s; border: 1px solid rgba(0, 0, 0, 0.1);}
.nav_more:hover {border: 1px solid rgba(0, 0, 0, 0.3); }
.nav_more span{position: absolute; left: -9999999px;}




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

  .nav .count {}
  .nav button, .lawmaker_slider .nav button {width:30px; height: 30px; line-height: 30px;}
  .prev:before, .next:before, .play:before, .pause:before { font-size:15px; line-height: 30px;}
  .play:before {padding-left: 2px; font-size: 15px;}
.nav_more { line-height:30px; padding:0 15px; font-size: 14px; }
}


/* 공통타이틀 */
.slide_show {display: none;}

.m_tit {position: relative; padding: 0 10px; margin-bottom: 20px; }
.m_tit h3{font-family: var(--Paperlogy_font); font-weight: 600; font-size: 150%; color: #292929; line-height: 40px; word-break: keep-all;}
.m_tit h3 img {height: 45px; vertical-align: middle;}
.m_tit h3 span{ font-weight: 700; color: #004fc6;}
.m_tit h3 em{ font-weight: 700; color: #009ab9;}
.m_tit p{ position: relative;color: rgba(0, 0, 0, 0.5); word-break: keep-all;  display: block; font-weight: 500; padding-top: 10px;   font-size: 100%; letter-spacing: -0.02em;}
.m_tit h3 i {font-weight: 500; width: 40px; height: 40px; background-color: #eaeef5; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: 10px; font-size: 20px;}

.m_tit.tac {font-size: 110%;  display: block; margin: 0 auto; margin-bottom: 20px; text-align: center;}
.m_tit.tac h3 { display: inline-block;}
.m_tit.tac h3, .m_tit.tac p{text-align: center;}
.m_tit.tac p{ }

@media only screen and (max-width:1500px){
.m_tit h3{ font-size: 150%;}
}

@media only screen and (max-width:1000px){
.m_tit h3{ font-size: 140%; line-height: 25px;}
.m_tit h3 img {height: 30px; }
.m_tit p{  font-size: 90%; }
}

@media only screen and (max-width:500px){
.m_tit h3{ font-size: 130%;}
.m_tit p{  font-size: 80%; display: none;}
}

.m_content {  position: relative; width: 100%; padding: 3% 0; overflow: hidden;  }
.m_content + .m_content  {}

.visual_wrap {background-color: #ddf1ff; background-image: url(/images/main2026/bg01.png); background-repeat: no-repeat; background-position: right bottom;}
.visual_wrap::before {content: ''; position: absolute; left: -0px; top: -150px; background-image: url(/images/main2026/patten01.png); background-repeat: no-repeat; width: 700px; height: 800px;} 
.main_left {flex:0 1 59%; width: 59%; position: relative;} 
.main_right {flex:0 1 38%; width: 38%;  display: flex; flex-direction: column;  flex-wrap: wrap;  position: relative; align-content:space-between; overflow: hidden; }

.visual_wrap .wrap_container,
.m_bbs .wrap_container {display: flex;  justify-content: space-between; flex-wrap: wrap;}
.wrap_container {width: 1300px; margin: 0 auto}

@media only screen and (max-width:1300px){
  .wrap_container {width: 100%; padding: 0 15px;}

}
@media only screen and (max-width:1100px){
  .m_content {  padding: 30px 0;   }

  .main_left {flex:0 1 100%; width: 100%; } 
.main_right {flex:0 1 100%; width: 100%;  display: block;}
}

/* 팝업존 */
.popup_slider { position: relative;}
.popup_slider .nav { bottom:-15px;  left:50%; transform: translateX(-50%); top:auto;  right:auto; padding: 5px 20px; border-radius: 25px; font-size: 90%; background-color: #000; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: flex; justify-content:space-between; flex-wrap: nowrap; -ms-flex-wrap: nowrap; width: 170px; border:1px solid  rgba(0,0,0,0.2); }
.popup_slider .nav button { width: 25px; height: 25px; line-height: 25px; box-shadow: none; border: none; position: relative;}
.popup_slider .nav button:before{ color:#fff; background-color:#000; line-height: 25px; font-size: 13px;}
.popup_slider .nav .count {color: #fff;  font-size: 100%; line-height: 25px; white-space: nowrap;}
.popup_slider .nav .count em {color: #a8ebff;  line-height: 25px; font-weight: 700;}
.popup_slider .slick-list  {box-shadow:0px 0px 15px rgba(0,0,0,0.15); border-radius: 30px}

.popup_slider .slider .slick-slide img {width:100%; }

.popup_slider .slider .cell {vertical-align: top; display: block; position: relative; padding-bottom:55.7%;}
.popup_slider .slider .cell img{width: 100%; min-width: 100%; position: absolute; left:0; right: 0; top:0; bottom:0;}
.popup_slider .slider .cell:focus {border: 2px solid #000;}





/* 열린 의장실 */
.main_speaker { display: block; position: relative; width:100%;  height: 330px; font-weight: 500;  flex: 1;  background-image: url(/images/main2026/speaker_bg.jpg); ; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat: no-repeat; background-position: center center; border-radius: 20px; overflow: hidden;}
.main_speaker .photo{ position: absolute;top: 0; right:-50px; bottom: 0px; display: flex; align-items: end; text-align: right;}
.main_speaker .photo img{ height: 97%;}
.main_speaker .text_box{position: absolute; left:8%; top:18%;font-size: 100%; z-index: 15;  color:#fff; font-family: var(--Paperlogy_font);  }
.main_speaker .text_box span{ display: block; font-size: 80%; line-height: 120%; padding-bottom: 15px; font-weight: 400; color: #b2d1ff;}
.main_speaker .text_box strong{ display: block;  line-height: 170%; font-weight: 500; font-size: 130%; line-height: 150%;}
.main_speaker .text_box strong i{ color: #feffc5; font-size: 130%; font-weight: 700;}
.main_speaker ul {position: relative; margin-top: 25px; margin-left: -15px;}
.main_speaker #speakerSite.disabled { opacity: 0.4; pointer-events: none; cursor: default; }
.main_speaker ul li {}
.main_speaker ul li a {display: block; position: relative; padding:0px 10px 0px 20px;  color:#fff; line-height: 35px;  font-size: 100%;  transition: all 0.5s;border-radius: 30px;}
.main_speaker ul li a i {color:#b3f3ae; padding-right: 3px;}
.main_speaker ul li a:hover {background-color: rgba(14, 96, 189, 0.1);}




.m_calendar {position: relative; background-color: #2d376e; margin-top: 20px; border-radius: 20px; overflow: hidden; height: 150px;}
.m_calendar {}
.m_calendar .title {position:absolute; left: 15px;  top: 13px; display: flex; align-content: center; flex-wrap: wrap;  padding-left: 10px; font-size: 65%; align-items: center;}
.m_calendar .title h3 {line-height: 30px; font-weight: 500; color: #fff;}
.m_calendar .title h3 span {  font-weight: 500; color: #fff;}
.main_schedule {  position: relative; }
.main_schedule .week_area{  position: relative; }
.main_schedule .week_area .schedule_date{ font-weight: 700; font-size: 160%; color: #fff; text-align:right; padding:0px 30px; line-height: 35px; padding-bottom: 0px;}
.main_schedule .week_area .schedule_date span { font-size: 60%; font-weight: 500;display: inline-block; padding-left: 5px; padding-top: 10px;}

.main_schedule .content{ display: block;  font-family: var(--Paperlogy_font);  overflow: hidden; }
.main_schedule .content #calendar{display: block;  overflow: hidden; padding-top: 5px;  background-color: rgba(255, 255, 255, 0.15); border-radius: 15px; margin: 10px 20px 15px 20px; }
.main_schedule .content #calendar > ul{ overflow-x: hidden; overflow-y: auto; width: 100%; display: block; height: 75px; }
.main_schedule .content #calendar > ul::-webkit-scrollbar-thumb {  background-color: rgba(0, 0, 0, 1);}
.main_schedule .content #calendar > ul.date_1 > li:first-child{padding-top: 20px;}
.main_schedule .content #calendar > ul.date_2 > li:first-child{padding-top: 10px;}
.main_schedule .content #calendar > ul.date_3 > li:first-child{padding-top: 0px;}

.main_schedule .content .calender_content{ padding:0 10px; display: flex; flex-wrap: wrap; align-items: center; line-height: 28px; font-size:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: var(--default_font); }
.main_schedule .content .calender_content > span{font-weight: 400; max-width: 110px; flex:0 1 110px;   ;font-size: 90%;   letter-spacing: 0.05em; color: #fff; text-align: center;}
.main_schedule .content .calender_content > p{color:#fff; display: block;  max-width:calc(100% - 120px); flex: 0 1 calc(100% - 110px); overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500;font-size:95%; letter-spacing: -0.02em}

.main_schedule .content #calendar.no_date {justify-content: center; }
.main_schedule .content #calendar.no_date .calender_more {margin-top: 5px; font-size: 90%;}

.main_schedule .content .calender_more { padding: 3px 15px; font-weight: 500; white-space:nowrap; border-radius: 10px;  display: inline-block; align-items: center; background-color: rgba(0, 0, 0, 0.07); }
.main_schedule .content .calender_more em {display: inline-block; background-color: #fff; width: 25px; height: 15px; border-radius: 3px; line-height: 15px; text-align: center; margin-left: 5px;  font-weight: 600; }

.calender_more { position: relative;  color: #fff; font-size: 15px; width: 25px; height: 25px; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; justify-content: center; align-items: center; margin-left: 20px; border-radius: 5px;}

@media only screen and (max-width:1100px){
.main_speaker {width: 100%; height: 250px; margin-top: 40px; }
.m_calendar {width: 100%;}
.m_calendar .title {font-size: 75%; }
.main_schedule .week_area .schedule_date{font-size: 140%;}

}

@media only screen and (max-width:600px){
  .main_speaker {font-size: 90%; height: 220px;}
  .main_schedule .content .calender_content{  font-size:90%;  }

}
/* 아이콘 바로가기 */
.main_goto { display: block;  position: relative;  width: 100%; margin-top: 7%;}
.main_goto ul {display:flex; justify-content:space-between; width: 100%; flex-wrap: wrap; gap:15px;}
.main_goto ul li {flex:1; position: relative; }
.main_goto ul li a {display: block; padding: 10px 15px 20px 15px; transition: all 0.3s;  font-family: 'Paperlogy'; text-align: center; background-color: #fff; border-radius: 20px; box-shadow: 0 0 10px rgba(13, 76, 158, 0.1);}
.main_goto ul li a span{display: flex; font-weight: 500; height: 30px;  align-items: center; justify-content: center;}
.main_goto ul li a img {transition: all 0.3s; border-radius: 50%;   padding: 10px; }
.main_goto ul li:last-child a strong span {color: #089089;}
.main_goto ul li a:hover img {animation: icon_motion 1.2s cubic-bezier(0.36,0.07,0.19,0.97) both; 
}

@-webkit-keyframes icon_motion {
  0% { transform:rotateY(0deg); }
  100% { transform: rotateY(360deg);  }
}


@media only screen and (max-width:1100px){
.main_goto { margin-top: 40px; }
  .main_goto ul { gap:0px;}
.main_goto ul li {flex:0 1 calc(25% - 10px); margin-bottom: 15px; }

}
@media only screen and (max-width:600px){
  .main_goto ul li {flex:0 1 calc(50% - 10px); }

}
/* 최근게시물 탭박스 영역 */
.m_bbs {padding: 70px 0; position: relative;}
.m_bbs::before {content: ''; position: absolute; right: 10%; bottom: -100px; background-image: url(/images/main2026/patten02.png); background-repeat: no-repeat; width: 400px; height: 400px;} 

.news_tab { position: relative;  min-height: 400px; }
.news_tab .nav {right:0; top:-55px; left: auto; display: flex; gap: 5px;}
.news_tab .nav button {position: relative;}

.tit_tab ul {display: flex;}
.tit_tab li .m_tab {  line-height: 40px;  display: inline-block;  margin-right: 20px;  position: relative; transition: all 0.3s;}
.tit_tab li .m_tab h4 {position: relative; font-size: 130%; font-weight: 400; font-family: 'Paperlogy';  padding: 0 10px; color: #4b4b60; transition: all 0.3s;}
.tit_tab li.active .m_tab h4 {  color:#000; font-weight: 600; font-size: 130%; word-break: keep-all;}
.tit_tab li.active .m_tab::before {content: '';  left: 0px; right: 0;  height: 3px; bottom: 0; border-radius: 5px; background-color: var(--default_color); position: absolute; }

.news_tab { position: relative; display: block;  min-height: 200px;}
.news_tab ul {display: flex;}
.news_tab li img {  width: 100%;}
.news_tab li .view {  position: absolute; top: 50px;  left: 0px;  right: 0px; visibility: hidden; opacity: 0; }
.news_tab li.active .view {  display: block; visibility: visible; opacity: 1;}

.news_tab .slider{}
.news_tab .slider .slick-track{ display: flex; overflow: hidden; }
.news_tab .slider .slick-slide {}
.news_tab .slider .cell {display: block; padding:10px 5px;}
.news_tab .slider .item {display: block;  background-color: #fff; border-radius: 15px 30px 15px 30px; overflow: hidden; transition: all 0.3s; border:1px solid #d9dce4; padding: 35px 36px 40px 36px; position: relative; box-shadow: 0 0 8px rgba(42, 66, 113, 0.15); } 
.news_tab .slider .item > * {display: block;}
.news_tab .slider .item > span {font-size: 120%; font-weight: 300;}
.news_tab .slider .item > strong{font-family: 'Paperlogy'; margin: 30px 0; font-weight: 600; line-height: 30px; height: 60px; font-size: 135%;  overflow:hidden;}
.news_tab .slider .item > p{ font-size: 95%;color: #71757e; line-height: 18px; overflow: hidden; height: 37px; font-weight: 400;}

.news_tab .slider .item:hover, .news_tab .slider .item:focus {box-shadow: 0 0 15px rgba(64, 86, 150, 0.2); border:1px solid #9699a0; }

@media only screen and (max-width:1500px) {
	/* .news_tab .slider .item {width: calc((100vw / 4) - 20px);}*/ 
	.news_tab .view{margin:0px -10px;  }
	
}
@media only screen and (max-width:1300px) {
	/*.news_tab .slider .item {width: calc((100vw / 3) - 20px);}*/ 
	
}

@media only screen and (max-width:1110px) {
  .bbs_news {padding: 50px 0 !important;}
  .bbs_news .m_tit {position:relative; left: 0x; top:0px; padding:0; }
  .tit_tab ul {margin:0px; display: flex;}
  .tit_tab li {flex:1;}
  .tit_tab li .m_tab { margin-right: 5px;  margin-top: 10px; display: block;}
  .tit_tab li .m_tab h4 { line-height: 35px; text-align: center; background-color: #eff1f5; padding:0px 8px; border-radius: 10px ; font-size: 100%;}
  .tit_tab li.active .m_tab::before { display: none;}
  .tit_tab li.active .m_tab h4 {background-color: var(--default_color); color: #fff; font-size: 100%;}
  .news_tab li:first-child .m_tab{ margin-left:0px; }
/*.news_tab .slider .item {width: calc((100vw / 2) - 20px);}*/

.news_tab li .view {  top: 50px; font-size: 90%;  }

  .news_tab .nav {position: relative; top:0px;  font-size: 90%;  display: flex;  justify-content: center;  flex-wrap: nowrap;  -ms-flex-wrap: nowrap;  left:50%; transform: translateX(-50%); width: 100%; }
}

@media only screen and (max-width:600px) {
  .tit_tab li .m_tab h4 span{ display: block; }
  .tit_tab li .m_tab h4 { line-height: 18px; padding: 5px 0; font-size: 90%;}
.news_tab li .view {  top: 60px;   }
/*.news_tab .slider .item {width: calc(100vw - 20px);}*/ 
}


.m_lawmaker {display: block; margin-top: 6%;}
.m_lawmaker_list {display: flex; gap: 13px; flex-wrap: wrap;}
.m_lawmaker_list .cell {display: block;  flex: 1;}
.m_lawmaker_list .cell .photo{display: block; background-color: #fff; border-radius: 10px; overflow: hidden;  border: 3px solid #d4d5da; transition: all 0.3s;}
.m_lawmaker_list .cell .photo img{width: 100%; }
.m_lawmaker_list .cell strong{position: relative;margin-top: -5px;display: block;border-radius: 10px;background-color:#65687d;color: #fff;text-align: center;line-height: 17px;transition: all 0.3s;padding: 12px 0; font-size: 110%;}
.m_lawmaker_list .cell strong span {font-size: 80%;padding-left: 5px;}
.m_lawmaker_list .cell:hover .photo { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
.m_lawmaker_list .cell:hover strong { background-color:#5a617c; }

.m_lawmaker_list .cell:hover .photo{border-color: #000;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
.m_lawmaker_list .cell:hover strong{ background-color: #000;margin-top: -10px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}

@media only screen and (max-width:1100px) {
  .m_lawmaker_list { gap: 0px; justify-content: space-between;}
.m_lawmaker_list .cell { flex:0 1 calc(20% - 10px); margin-bottom: 10px;}

}
@media only screen and (max-width:600px) {
.m_lawmaker {display: block; margin-top: 50px;}
.m_lawmaker_list .cell { flex:0 1 calc(33% - 10px);}

}
@media only screen and (max-width:450px) {
.m_lawmaker_list .cell { flex:0 1 calc(50% - 10px);}
}
/* 회의록 검색 */
.m_assem_search {width: 100%;   font-family: var(--Paperlogy_font); }
.m_assem_search .m_search_box {margin: 0px; overflow: hidden;}
.council_searchbox {display: block; padding: 10px 10px 10px 0px; background-color: #efefef;  border-radius: 30px; }
.council_searchbox form {display: flex; align-items: center;}
.council_searchbox form label{width: 90px; display: inline-block; font-weight: 700; text-align: center; color: #444; font-size: inherit;}
.council_searchbox form .searchform{ flex: 1; display: inline-flex;   border-radius: 40px; overflow: hidden; width: 100%;  background-color: #fff; }
.council_searchbox form .searchform input, .council_search form .searchform button{height:55px; line-height: 45px; padding:0 10px; border: none; }
.council_searchbox form .searchform input { border: none; padding: 0 25px; font-weight: 400; width: 100%; text-align:center;}
.council_searchbox form .searchform button{ min-width: 55px; text-align: center; float:right; font-size: 100%; color: #fff;  border-radius: 50%; background-color: #e2520c;}

.m_search_box > .search_con > ul {display: flex; padding:14px 10px 4px 25px; flex-wrap: wrap;}
.m_search_box > .search_con > ul li { width:50%; padding:3px 5px}
.m_search_box > .search_con > ul li a{display: flex; white-space: nowrap; line-height: 30px; font-weight: 500; font-size: 100%; color:#333; transition: all 0.4s; border-radius: 50px; text-align: center; word-break: keep-all;  }
.m_search_box > .search_con > ul li a > i { font-size: 105%; border-radius: 50%; text-align: center; transition: all 0.3s; color: #3f434b; display: inline-flex; margin-right: 15px; width: 30px; height: 30px; background-color: #f0f0f0; justify-content: center; align-items: center;}
.m_search_box > .search_con > ul li a > span { letter-spacing: -0.0em;}
.m_search_box > .search_con > ul li a:hover > i {color: #000; }

/* 회의록 아래 아이콘 바로가기 */
.m_goto {margin-top: 10px; width: 100%;  }
.m_goto ul {display:flex; justify-content:space-between; width: 100%; flex-wrap: wrap; }
.m_goto ul li {flex: 0 1 48.7%;}
.m_goto ul li a {display: flex; align-items: center;  border: 1px solid #e4e6ea; border-radius: 20px; height: 90px; padding: 5px 15px; transition: all 0.3s;  font-family: 'Paperlogy';}
.m_goto ul li a em{display: block; font-size: 90%; margin-bottom: 5px;}
.m_goto ul li a strong{display: block; font-weight: 700; font-size: 130%; }
.m_goto ul li a strong span {color: var(--default_color); display: inline-block; font-weight: 700;}
.m_goto ul li a img {border-radius: 50%;  background-color: #eff1f5; margin-right: 15px; padding:0px;}
.m_goto ul li:last-child a strong span {color: #e2520c;}
.m_goto ul li a:hover {border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
@media only screen and (max-width:600px) {
  .m_goto ul li {flex: 0 1 100%; margin: 5px 0;}

}


/* 포토갤러리 영역 */
.m_gallery {position: relative; overflow: hidden; background-color: #f0f1f3;; padding: 70px 0 !important; }
.m_gallery .wrap_container {position: relative; z-index: 2;}
.m_gallery .m_tit h3{font-size: 160%;}

.gallery_slider {width: 100%;}
.gallery_slider .nav {position:relative; justify-content: center; width: 300px; margin: 0 auto; gap: 5px;}
.gallery_slider .nav button {position: relative;}

.gallery_slider .slider { }
.gallery_slider .slider .cell {display: block; padding:15px 15px}
.gallery_slider .slider .item {display: block; background-color: #fff; border-radius: 25px; overflow: hidden; padding: 15px; transition: all 0.3s;  border: 2px solid transparent;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
.gallery_slider .slider .item:hover, .gallery_slider .slider .item:focus {box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); transform: translate(0px, -10px); border-color: var(--default_color); background-color: #ddf1ff;}
.gallery_slider .slider .item:hover *, .gallery_slider .slider .item:focus * {}
.gallery_slider .slider .item img {width: 100%; border-radius: 25px;}
.gallery_slider .slider .item .txt {display: block; padding:20px 20px; text-align: center;}
.gallery_slider .slider .item  strong{ line-height: 30px;  text-overflow: ellipsis; white-space:nowrap; overflow: hidden; display: block;  font-weight: 500; font-size: 105%; letter-spacing: -0.05em; font-family: var(--scdream_font); font-family: 'Paperlogy';  }
.gallery_slider .slider .item  span {font-size: 100%;  color:rgba(0,0,0,0.5); font-weight: 400; }

@media only screen and (max-width:1500px){
.m_gallery {border-radius: 0px; }

}
@media only screen and (max-width:1100px){
.m_gallery .m_tit.tac {margin-bottom: 5px;}
.m_gallery .m_tit h3 {line-height: 30px; font-size: 140%;}
.m_gallery .wrap_container {padding: 0;}
}

@media only screen and (max-width:1000px){
.m_gallery {padding: 50px 0px !important;}
}

@media only screen and (max-width:500px){
.gallery_slider .slider .cell { padding:10px; }
.gallery_slider .slider .item {padding: 10px; border-radius: 10px;}
.gallery_slider .slider .item img { border-radius: 10px;}

}




/* 배너모음 */
.m_banner {padding: 50px 0;}
.m_banner .m_tit{margin-bottom: 5px;}
.m_banner .m_tit h3 { line-height: 60px;}

.banner_slider .nav {bottom:auto; top:-54px; left:130px; right:auto; gap: 5px;}
.banner_slider .nav button { box-shadow: none; position: relative;}
.banner_slider .slider a{border: 1px solid #ddd; display: inline-block; margin: 2px;}
.banner_slider > div {text-align: center;}
.banner_slider .slider {margin:0 0px}


@media only screen and (max-width:1200px){
 .m_banner { padding:30px 0 40px 0px !important;}
}
@media only screen and (max-width:1100px){
  .banner_slider .nav { top:-50px; left:110px;}
}