@charset "utf-8";
/**
공통 레이아웃
*/
.m{display:none !important;}
.mask{visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.45);}
.mask.on{z-index:95; visibility:visible; opacity:1; transition:opacity 0.25s linear;}
#content.on + .mask{opacity:0;}

body{width:100%; min-width:320px; overflow-x:hidden;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

.inner{position:relative; width:1400px; margin:0 auto; box-sizing:border-box;}
.inner:after{content:''; display:block; clear:both; width:100%;}

#header{position:relative; height:133px;}
#header .inner{padding:34px 0 0 0; text-align:right;}

@media all and (max-width:1420px) {
	#mainmenu,
	.inner{width:100%; padding:0 15px; box-sizing:border-box;}
	#header .inner{padding-right:15px;}
}
@media all and (max-width:1024px) {
	img{max-width:100%;}
	.m{display:inline-block !important;}
	.w{display:none;}

	#header{height:70px;}
	#header .inner{width:100%; padding:0;}
}
@media all and (max-width:768px) {
	.inner{padding-right:10px; padding-left:10px;}

	#header{height:62px;}
}
@media all and (max-width:568px) {
	#header{height:58px;}
}
@media all and (max-width:380px) {
	#header{height:54px;}

}

.logo {z-index:94;position:absolute;top: 39px;left:0;line-height:160%;text-align:left;}
.logo *{display:inline-block; vertical-align:top;}
.logo a{text-decoration:none; color:#000;}
.logo img {margin:5px 9px 0 0;} 
.logo strong{padding:4px 0 0; font-size:35px; font-weight:900; letter-spacing:-2px;}
.logo span > span{display:block; padding:0; font-weight:800; font-size:20px; color:#000; text-transform:uppercase;}
.logo strong span {font-size:23px; font-weight:800; line-height: 35px;}
 
@media all and (max-width:1430px) {
	.logo{left:15px;}
}
@media all and (max-width:1024px) {
	.logo{top:13px; left:15px;}
	.logo *{vertical-align:top;}
	.logo img{height:44px;margin: 0 2px 0 0;}
	.logo strong{padding: 3px 0 0;font-size:24px;}
	.logo span{text-align:left;}
	.logo span > span{font-size: 15px;/* letter-spacing:-0.5px; */line-height: 1;}
	.logo strong span {font-size: 20px;line-height: 24px;line-height: 30px;}
}
@media all and (max-width:768px) {
	.logo {top:11px; left:10px;}
	.logo img{height:40px;}
	.logo strong{font-size:22px;}
	.logo span > span{letter-spacing:-0.9px;}
	.logo strong span {font-size: 18px;}
}
@media all and (max-width:568px) {
	.logo img{height:38px;}
	.logo strong{font-size:21px;}
	.logo span > span{font-size:12px; letter-spacing:-0.6px;}
	.logo strong span {font-size:17px; line-height:28px}
}
@media all and (max-width:380px) {
	.logo {top:9px;}
	.logo img{height:36px;}
	.logo strong{padding:3px 0 2px; font-size:20px;}
	.logo span > span{letter-spacing:-0.8px;}
	.logo strong span {font-size:16px;}
}

#top{position:relative; width:100%; height:56px; background:#ececec; font-size:16px;}
#top:after{content:''; display:block; clear:both; width:100%;}

.global{float:left;text-align:center;text-transform:uppercase;width: 100%;}
.global > li{position:relative;float:left;width: 10.2%;box-sizing:border-box;}
.global > li.current,
.global > li.current + li{border-left:none;}
.global > li > a{display:block; margin: 0 2px 0 0; line-height:56px; color:#2c3541; background: #d6e6e7; text-decoration: none; font-weight: 700;}
.global > li.current > a{font-size:17px; font-weight:800; color:#000; background:#fff;}
.global > li.list > a.on{color:#fff; background:#2e343d;}
.global > li.list > a:after{content:''; display:inline-block; vertical-align:middle; width:8px; height:8px; margin:-8px 0 0 22px; border-right:2px solid #0e8287; border-bottom:2px solid #0e8287; transform:rotate(45deg); transition:transform 0.25s ease-in-out;}
.global > li.list > a.on:after{margin-top:1px; border-color:#fff; transform:rotate(-135deg);}
.global .assem,
.global .live{border-left:none;}
.global .assem a{background: #BBE3EB; color: #172755; font-weight: 600;}
.global .live a{color:#fff; background:#6a7487;}
.global .live.on a{background:#d5525e;}

.global li div{display:none;z-index:95;position:absolute;top:56px;left:0;width: calc(100% - 2px);min-width:107px;padding:0 8px 5px;font-weight:400;background:#fff;border:1px solid #2e343d;border-top:none;border-radius:0 0 10px 10px;box-shadow:5px 10px 10px rgba(0,0,0,0.12);box-sizing:border-box;text-align:left;}
.global li div a{display:block;height:44px;line-height:45px;color: #3b434f;font-weight:700;border-bottom: 1px dotted rgba(0,0,0,0.17);text-align:center;box-sizing:border-box;transition:0.25s ease-in-out;}
.global li div a:hover{box-shadow:inset 0 44px 0 rgba(0,0,0,0.04);}
.global li div a[target="_blank"]:after{margin-left:5px;}
.global .list1 div{width:342px;}
.global .list1 li{display:inline-block; width:30%; margin:0 1.1%; vertical-align:top;}
.global .list1 li:last-child a{border-bottom: none;}
.global li div .pos a{line-height:110%;}
.global li div .pos span{display:block; padding:4px 0 0 0; font-size:10px;}

#font_control {position: absolute;right: 0;}
#font_control .sns{float:left;}
#font_control ul{float:left; margin:9px 0 0;}
#font_control ul > li{float:left; text-align:center;}
#font_control ul > li > a{display:block;width:37px;height:37px;line-height:37px;margin:0 0 0 2px;font-size:14px;font-weight: 400;color:#2c3541;background:#fff;box-sizing:border-box;text-decoration:none;}
#font_control li.img a{text-indent:-999px;font-size:0;background: #fff url(/council/minutes/images/common/ico_util.png) no-repeat 15px 13px;}
#font_control li.small a{background-position: -68px 17px;}
#font_control li.print a{width:93px; margin:0 0 0 8px; padding:0 0 0 25px;font-weight: 800;background: #fff url(/council/minutes/images/common/ico_util.png) no-repeat -116px 11px;}
#font_control li a:hover{background-color:rgba(255,255,255,0.55);}

.top_sns {float: left; margin: 9px 15px 0 0;}
.top_sns a {display: inline-block; width: 36px; height: 36px; background: url(/council/minutes/images/kr/common/ico_fb.jpg)no-repeat; border-radius: 50%; text-indent: -9999px;}
.top_sns .yt{margin: 0 0 0 3px; background-image: url(/council/minutes/images/kr/common/ico_yt.jpg);}
.top_sns .blog{margin: 0 0 0 3px; background-image: url(/council/minutes/images/kr/common/ico_blog.jpg);}

@media all and (max-width:1230px) {
	.global{width: 95%;font-size: 15px;}
	.global > li.list > a:after{margin-left: 8px;}
	#font_control li.print a {margin:0 0 0 2px;}
	.top_sns {margin-right: 2px;}
	.top_sns a:not(:first-child) {margin:0;}
}
@media all and (max-width:1024px) {
	#top{height:auto; font-size:15px;}
	#top .inner{padding: 0 15px;}
	.btn_global{float:left; position:relative; width:140px; height:35px; line-height:36px; padding:0 7px 0 25px; margin:0; font-weight:700; letter-spacing:-1px; font-size:14px; color:#fff; background:linear-gradient(125deg, #88c37f 0%, #2a9e98 70%);; box-sizing:border-box;}
	.btn_global:before{content:''; display:block; position: absolute; top:50%; left:10px; width:18px; height:12px; margin:-6px 0 0 0; background:url(/council/minutes/images/common/ico_more.png) no-repeat;}
	.btn_global:after{content:''; display:inline-block; margin:-2px 0 0 15px; border-top:6px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; vertical-align:middle; transition:0.3s ease;}
	.btn_global.on:after{transform:rotate(180deg);}
	.global{opacity:0; visibility:hidden; z-index:95; position:absolute; top:20px; left:15px; width:140px; font-size:15px; font-weight:400; transition:0.3s ease; border-radius:0 0 5px 5px; box-shadow:0 5px 5px rgba(0,0,0,0.15); background:#fff;;}
	.btn_global.on + .global{opacity:1; visibility:visible; top:36px;}
	.global > li{width:100% !important; border-top:1px solid rgba(0,0,0,0.17);}
	.global > li:first-child{border-top:none;}
	.global > li:before{display:none;}
	.global > li > a{padding:0;height:37px;line-height:38px;text-align:center;margin: 0;font-size: 14px;}
	.global > li.current > a {font-size:15px;}
	.global > li.on > a,
	.global > li.list > a.on{font-weight:400;}
	.global > li.list > a:after{margin:-6px 0 0 10px;}
	.global > li.list > a.on:after{margin-bottom:3px; transform:rotate(-45deg);}
	.global li div{top:-1px; left:100%; padding:0 5px; border-top:1px solid #2e343d; border-radius:0 4px 4px 0; box-shadow:3px -3px 10px rgba(0,0,0,0.12);}
	.global .list1 div{width:300px;}
	.global li div a{position:relative; height:40px; line-height:41px;}
	.global li div .pos a{line-height:100%;}
	.global li div .pos span{font-size:9px;}

	#font_control {right:15px;}
	.top_sns {margin:0;}
	.top_sns a {width: 35px;height: 35px;border-radius: 0;}
	.top_sns .yt {margin: 0 0 0 -2px;}
}
@media all and (max-width:768px) {
	#top{font-size:14px;}
	#top .inner {padding:0 10px;}
    .global {left: 10px;}
	.global > li {width:16.666%;}
	.global > li > a{height:36px; line-height:36px;}
	.global > li.current > a{font-size:14px;}
	.global > li.list > a:after{width:6px; height:6px; margin:-6px 0 0 7px;}
	
	.global li div a{height:36px; line-height:37px;}
	.global .list1 div{width:250px;}

	#font_control {right:10px;}
}
@media all and (max-width:568px) {
	.global > li{width:33.33%;}
	.global > li > a{height:33px; line-height:33px;}
	.global > li:nth-child(4) > a{border-top:1px solid #d2d2d2;}
	
}
@media all and (max-width:380px) {
	#top{font-size:13px;}
	.global > li > a{height:31px; line-height:32px;}
	.global > li.current > a{font-size:13px;}
	.global li div{top:31px; padding:0 5px 4px;}
	.global li div a{height:34px; line-height:35px;}
	.global .list1 div{width:212px;}
}

.btn_top{z-index:1; display:block; position:absolute; top:-146px; left:50%; width:76px; height:76px; padding:13px 0 0 0; line-height:100%; margin:0 0 0 700px; font-weight:400; color:#fff; font-size:15px; text-align:center; box-shadow:5px 5px 8px rgba(0,0,0,0.06); transition:box-shadow 0.3s ease-in-out; background:#00907f; box-sizing:border-box;}
.btn_top:before{content:''; display:block; position:absolute; top:22px; left:50%; width:10px; height:10px; margin:0 0 0 -5px; border-top:1px solid #dce2e1; border-left:1px solid #dce2e1; transform:rotate(45deg); transition:top 0.25s ease-in-out;} 
.btn_top:hover{color:#fff; box-shadow:1px 1px 1px rgba(0,0,0,0.06); text-decoration:none;}
.btn_top:hover:before{top:17px;}

#bg_sub .btn_top{display:none;}

@media all and (max-width:1584px) {
	.btn_top{left:auto; right:15px; top:115px; margin:0;}
}
@media all and (max-width:1024px) {
	.btn_top{width:60px; height:60px; padding:15px 0 0 0; font-size:14px;}
	.btn_top:before{top:18px;}
}
@media all and (max-width:768px) {
	.btn_top{top:103px; right:10px; width:55px; height:55px; padding:12px 0 0 0; font-size:13px;}
	.btn_top:before,
	.btn_top:hover:before{top:14px;}
}
@media all and (max-width:568px) {
	.btn_top{top:165px; width:50px; height:50px; font-size:12px;}
	.btn_top:before{top:14px;}
}
@media all and (max-width:380px) {
	.btn_top{top:157px; width:45px; height:45px; font-size:11px;}
	.btn_top:before{top:13px;}
	.btn_top:hover:before{top:10px;}
}

/* 검색*/
#search{z-index:94;position:relative;display:inline-block;vertical-align:top;margin: 0 auto;position: absolute;top: 26px;left: 50%;transform: translateX(-50%);}
#search form{width:571px;height:59px;padding:0 60px 0 0;border:2px solid #368bdc;border-radius:5px;background:#fff;box-sizing:border-box;transition:0.25s ease-in-out;}
#search input[type="text"]{font-family: 'DWImpactamin'; width:100%; height:55px; line-height:38px; padding:0 0 0 25px; border-radius: 5px; border-color:#fff; border:none; text-align:left; box-sizing:border-box;}
#search ::-webkit-input-placeholder{font-size:19px; color:#999;}
#search :-ms-input-placeholder{font-size:19px; color:#999;}
#search ::placeholder{font-size:19px; color:#999;}
#search button{position:absolute;top:2px;right: 1px;width:60px;height:56px;padding:0;font-size:0;text-indent:-999px;background:#368bdc;border-radius: 0 3px 3px 0;}
#search button:before,
#search button:after{content:'';display:block;position:absolute;top: 17px;left: 22px;width:18px;height:18px;border:3px solid #fff;border-radius:50%;box-sizing:border-box;}
#search button:after{left: 35px;top: 33px;width:8px;height:3px;border:none;border-radius:3px;transform:rotate(45deg);background:#fff;}
#search .btn_search{display:none; position:absolute; top:0; right:15px; width:30px; height:30px; padding:0; font-size:0; text-indent:-999px; background:transparent;}
#search .btn_search:before,
#search .btn_search:after{content:''; display:block; position:absolute; top:3px; left:3px; width:18px; height:18px; border:3px solid #292e44; border-radius:50%; box-sizing:border-box; transition:0.25s ease-in-out;}
#search .btn_search:after{top:auto; left:auto; bottom:4px; right:6px; width:10px; height:3px; border:none; border-radius:3px; transform:rotate(45deg); transform-origin:100% 100%; background:#292e44;}
#search ul{padding:0 0 0 3px;}
#search li{margin-bottom:10px; font-size:15px;}
#search li:before{background:#fff;}

@media all and (max-width:1024px) {
	#search{position:absolute;top: 22px;left:0;width:100%;color:#fff;text-align:left;transform: translateX(0);}
	#search.on{z-index:96;}
	#search h2{padding:0 0 12px; font-size:28px;}
	#search form{visibility:hidden; opacity:0; position:absolute; top:-70px; right:0; width:100%; height:auto; padding:65px 30px 50px; border-radius:0; border:none; background:#292e44;}
	#search.on form{opacity:1; visibility:visible; top:-60px;}
	#search .in_sch{position:relative; max-width:500px; margin:0 auto;}
	#search input[type="text"]{height:55px; line-height:55px; padding:0 55px 0 30px;}
	#search .btn_search{display:block;right:56px;}
	#search button{top: 9px;right: 15px;width: 40px;height:37px;background: none;}
	#search button:before{border-color:#292e44;top: 8px;left: 11px;}
	#search button:after{background-color:#292e44;top: 24px;left: 24px;}
	#search .btn_close{top: 55px;right:30px;}
	#search .btn_close:before{top:1px; left:12px; width:27px; height:27px; transform:rotate(45deg); border-radius:0; border:none; border-left:3px solid #fff; transform-origin:0 100%;}
	#search .btn_close:after{left:9px; top:18px; width:27px; border-radius:0; background-color:#fff;}
	#search .in_txt{position:relative; margin:0 0 30px;}
}
@media all and (max-width:768px) {
	#search{top:17px;}
	#search h2{padding:0 0 9px; font-size:24px;}
	#search .btn_search{right:49px;}
	#search li{margin:0 0 7px;}
}
@media all and (max-width:568px) {
	#search{top: 16px;}
	#search form{top:-95px; padding:60px 30px 35px;}
	#search.on form{top:-85px;}
	#search h2{font-size:20px;}
	#search li{font-size:14px;}
}
@media all and (max-width:380px) {
	#search h2{font-size:19px;}
	#search .btn_search{top: -2px;}
	#search li{font-size:13px;}
}

/*생방송*/
#live {position: absolute;top: 36px;right: 0;display: inline-block;padding: 0 0 0 37px;font-family: 'DWImpactamin';font-size: 21px;color: #003;background: url(/council/minutes/images/kr/common/ico_live.png)no-repeat center left;}
#live a {display: inline-block; vertical-align: sub; text-decoration: none;}
#live a span {position: relative; margin: 0 0 0 5px; font-size: 40px; color: #8e8e8e;}
#live a span:after {content: ''; display: block; position: absolute; width: 8px; height: 8px; top: 0; right: -12px; border-radius: 50%; background: #8e8e8e;}
#live a span.on {color: #d93169;}
#live a span.on:after {background: #d93169;} 

.btn_menu{z-index:94;position:absolute;top: 171px;right:50%;width:40px;height: 65px;margin:0 -700px 0 0;}
.btn_menu .bar{display:block; width:17px; height:3px; margin:4px auto; background:#3d3d3d;}
@media all and (max-width:1430px) {
	.btn_menu{right:12px; margin:0;}
    #live {right: 15px;}
}
@media all and (max-width:1024px) {
	.btn_menu{top: 35px;height: 70px;}
    #live {top: 17px; right: 48%;transform: translateX(50%); font-size: 19px;}
    #live a span {font-size: 34px;}
    #live a span:after {width: 6px; height: 6px; right: -10px;}
}
@media all and (max-width:768px) {
	.btn_menu{top: 35px;right: 10px;height: 62px;}
    #live {top: 15px;}
}
@media all and (max-width:568px) {
	.btn_menu{height: 58px;}
    #live {top: 15px; right: 40%; padding: 5px 10px; background: none; font-size: 16px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box;}
    #live a {vertical-align: middle;}
    #live a span {margin: 0 0 0 3px;font-size: 18px;}
    #live a span:after {display: none;}
}
@media all and (max-width:380px) {
	.btn_menu{height: 54px;}
    #live {right: 34%;}
    #live .txt{display: none;}
    #live a span {margin: 0;}
}

.btn_menu_close{display:block; z-index:96; position:absolute; top:27px; right:3%; width:50px; height:50px; border-radius:50%; border:1px solid #3c4968; background:none;}
.btn_menu_close .bar{position:absolute; top:24px; left:12px; display:block; width:25px; height:1px; background:#3c4968;}
.btn_menu_close .bar1{transform:rotate(45deg);}
.btn_menu_close .bar2{transform:rotate(-45deg);}
@media all and (max-width:768px) {
	.btn_menu_close{top:17px; width:35px; height:35px;}
	.btn_menu_close .bar{top:16px; left:4px;}
}

/* 메인메뉴 */
#menuArea{z-index:93; overflow:hidden; position:absolute; top:167px; left:0; width:100%; border-top:1px solid #e5e5e5; background:#fff;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea:after,
#menuArea:before{z-index:96; content:''; display:block; position:absolute; top:70px; left:0; width:100%; height:1px; background:#e5e5e5;}
#menuArea:before{height:100%; width:100%; background:#f3f3f8;}
#menuArea.on:before,
#menuArea.on:after{display:block;}
#menuArea .bar{display:none;}

body.on .mask{z-index:92; visibility:visible; opacity:1; top:auto; bottom:0; height:calc(100% - 198px);}


#topmenu{float:left; width:100%; padding:0 40px 0 0; box-sizing:border-box;}
#topmenu a[target="_blank"]:after{content:''; display:inline-block; vertical-align:middle; width:14px !important; height:14px !important; margin:-4px 0 0 6px; background:url(/council/minutes/images/common/ico_new.png) no-repeat 100% 0 !important;}
#topmenu > li{float:left; width:16.666%; line-height:0;}
#topmenu > li:last-child{display:none;}
#topmenu > li > a{display:block; line-height:133px; font-size:20px; font-weight:800; color:#000; text-align:center; letter-spacing:-1px; text-decoration:none;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{color: #e54d18;font-weight:900;}

#topmenu .menu{display:none; visibility:visible; opacity:1; z-index:96; position:absolute; left:0; top:70px; width:100%; min-height:330px; padding:44px 0 15px 20.57%; box-sizing:border-box; background:#f3f3f8;}
#topmenu .menu, #menuArea:after, #menuArea:before {top: 133px;}
#topmenu .menu:before{content:''; display:block; position:absolute; right:50%; top:0; width:100%; height:100%; margin:0 700px 0 0; background:#292e44;}

#topmenu li .tit{position:absolute; top:0; left:0; width:20.57%; height:100%; padding:45px 0 0 10px; line-height:160%; text-align:left; color:rgba(255,255,255,0.8); background:#292e44; box-sizing:border-box;}
#topmenu li .tit h2{position:relative; line-height:110%; padding:17px 0 0 0; font-size:34px; font-family:"DWImpactamin"; color:#fff;}
#topmenu li .tit h2:before,
#topmenu li .tit h2:after{content:''; display:block; width:26px; height:1px; margin:24px 0 28px 1px; background:#fff;}
#topmenu li .tit h2:before{position:absolute; top:0; left:-10px; width:8px; height:8px; margin:0; border-radius:50%; background:#e26a13;}

#topmenu .menu > ul > li{position:relative; float:left; width:28.057%; margin:0; padding:0 0 40px 5.21%; text-align:left;}
#topmenu .menu > ul > li > a{position:relative; z-index:2; display:block; line-height:110%; padding:0 3px 12px 6px; margin:0 0 9px; letter-spacing:-2px; font-size:18px; color:#292e44; font-weight:800; text-align:left; border-bottom:2px solid #292e44; text-decoration:none;}
#topmenu .menu > ul > li > a:before{content:''; display:block; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#d5525e;}
#topmenu .menu > ul > li:hover > a:before,
#topmenu .menu > ul > li > a:hover:before{width:100%; transition:0.5s ease-in-out;}
#topmenu .menu > ul > li > a:after{content:''; display:block; position:absolute; top:3px; right:6px; width:10px; height:10px; background:url(/council/minutes/images/common/ico_gnb.png) no-repeat 0 100%;}
#topmenu .menu > ul > li:hover > a:after,
#topmenu .menu > ul > li > a:hover:after{background-position:0 -24px;}
#topmenu .menu > ul > li.hasUl > a:after{width:12px; height:7px; background-position:0 0;}
#topmenu .menu > ul > li.hasUl:hover > a:after,
#topmenu .menu > ul > li.hasUl > a:hover:after{background-position:0 -7px;}

/* 3차 메뉴 */
#topmenu ul ul{position:relative; padding:0 0 0 2px;}
#topmenu ul ul li a{position:relative; display:block; line-height:110%; padding:7px 0 8px 12px; margin:0; color:#333; font-weight:700;}
#topmenu ul ul li a:before{content:''; position:absolute; top:13px; left:0; display:block; width:5px; height:5px; border-radius:50%; background:#d5525e;}
#topmenu ul ul li a:hover,
#topmenu ul ul li a:active,
#topmenu ul ul li a:focus,
#topmenu ul ul li.current_on a{color:#000;}

#footer{position:relative; clear:both; width:100%; padding:50px 0; line-height:120%; text-align: center; color: #999;}
#footer .copyright{padding:5px 0 0 0; text-transform:uppercase;}

@media all and (max-width:1024px) {
	#footer {padding:25px 0 40px;}
	#footer .info{padding:0; font-size:14px;}
	#footer address{padding:25px 0 0 0;}
	#footer .copyright{letter-spacing:-0.5px;}
}
@media all and (max-width:768px) {
	#footer .info{font-size:13px;}
	#footer .copyright{font-size:11px;}
}
@media all and (max-width:568px) {
	#footer {padding:12px 0 30px;}
	#footer address span{display:block;}
}
@media all and (max-width:380px) {
	#footer .info{font-size:12px;}
	#footer address{padding:22px 0 0 0;}
	#footer address span{padding:2px 0 0 0;}
	#footer .copyright{font-size:10px;}
}

/*
서브 레이아웃
*/
#subContent{position:relative; max-width:1400px; margin:0 auto; padding:0 0 130px 0; box-sizing:border-box;}
#subContent:after{content:''; display:block; clear:both;}
#subContent #content{float:right; width:77.71%;}
#sub_default{float:left; width:100%; padding:55px 0 0 0;}
@media all and (max-width:1430px) {
	#subContent{padding:0 15px 80px;}
}
@media all and (max-width:1024px) {
	#subContent{width:100%; padding:0 15px 70px; margin:0 auto;}
	#subContent #content{width:100%;}
	#sub_default{padding:30px 0 0 0;}
}
@media all and (max-width:768px) {
	#subContent{padding:0 10px 65px;}
	#sub_default{padding:25px 0 0 0;}
}
@media all and (max-width:380px) {
	#subContent{padding:0 10px 60px;}
	#sub_default{padding:20px 0 0 0;}
}

/* 서브메뉴 */
#submenu{z-index:1; position:relative; float:left; width:17.71%;}
#submenu .sm_tit{display:table;position:relative;width:100%;height: 140px;margin: 55px 0 0 0;letter-spacing:-2px;text-align:center;background: #e05524;border-radius:20px 20px 0 0;}
#submenu .sm_tit h2{display:table-cell; vertical-align:middle; font-size:32px; color:#fff;}
#submenu a[target="_blank"]:after{content:''; display:inline-block; vertical-align:middle; width:10px; height:10px; margin:-3px 0 0 5px; background:url(/council/minutes/images/kr/main/ico_ctrl.png) no-repeat -83px -38px;}
#submenu .depth2 > li{line-height:0;}
#submenu .depth2 > li > a{position:relative;display:block;height:65px;line-height:65px;padding:0 0 0 10px;font-size:19px;font-weight:900;color: #333;border-bottom:1px solid #e1e1e1;text-decoration:none;}
#submenu .depth2 .hasUl:before{content:''; display:block; position:absolute; top:50%; right:12px; width:13px; height:13px; margin:-7px 0 0 0; background:url(/council/minutes/images/common/ico_submenu.png) no-repeat 0 100%;}
#submenu .depth2 li:hover .hasUl:before,
#submenu .depth2 .current_on .hasUl:before{background-position:0 6px;}
#submenu .depth2 > li > a:after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:2px;background: #e05524;}
#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{color: #e05524;}
#submenu .depth2 > li:hover > a:after,
#submenu .depth2 > li.current_on > a:after,
#submenu .depth2 > li > a:hover:after{width:100%; transition:0.25s linear;}
#submenu .depth2 li ul {display:none; position:relative; padding:15px 10px 15px 22px; border-bottom:1px solid #e1e1e1; background:#f5f5f5;}

#submenu .depth2 li ul li a{position:relative; display:block; padding:11px 0 10px 12px; line-height:100%; font-weight:400; color:#666; text-decoration:none;}
#submenu .depth2 li ul li a:before{content:''; display:block; position:absolute; top:16px; left:0; width:5px; height:5px; background:#666;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#121d76; font-weight:800;}
#submenu .depth2 li ul li a:hover:before,
#submenu .depth2 li ul li a:focus:before,
#submenu .depth2 li ul li.current_on a:before{background:#121d76;}

@media all and (max-width:1280px) {
	#submenu{width:20%;}
	#subContent #content{width:75%;}
}
@media all and (max-width:1024px) {
	#subContent #content{width:100%;}
}

/* 문서정보 */
#pageInfo{position:relative; z-index:1; width:100%; color:#000; margin:71px 0 0 0;}
#pageTitle h3{position:relative; line-height:110%; font-size:37px; font-weight:900; color:#000; letter-spacing:-3px;}
#fontSize{float:left; width:100%;}
@media all and (max-width:1280px) {
	#pageInfo{margin:71px 0 0 0;}
}
@media all and (max-width:1024px) {
	#pageInfo{margin:33px 0 0 0;}
	#pageTitle h3{font-size:27px;}
}
@media all and (max-width:768px) {
	#pageInfo{margin:27px 0 0 0;}
	#pageTitle h3{font-size:24px; letter-spacing:-2px;}
}
@media all and (max-width:568px) {
	#pageInfo{margin:23px 0 0 0;}
	#pageTitle h3{font-size:21px; letter-spacing:-1.5px;}
}
@media all and (max-width:380px) {
	#pageInfo{margin:21px 0 0 0;}
	#pageTitle h3{font-size:20px;}
}

.location {position:absolute; right:0; top:16px;}
.location .home{opacity:0.6; float:left; width:20px; height:20px; margin:2px 0 0 0; text-indent:-999px; font-size:0; background:url(/council/minutes/images/kr/common/ico_util.png) no-repeat -74px -30px;}
.location span{position:relative; float:left; padding:0 0 0 30px; line-height:23px; font-size:15px; color:#666;}
.location span:before{content:''; display:inline-block; position:absolute; left:11px; top:50%; width:7px; height:7px; margin:-4px 0 0 0; border-bottom:1px solid #9f9f9f; border-right:1px solid #9f9f9f; transform:rotate(-45deg);}
.location .end{font-weight:800; color:#111d68;}
.location .end:after{content:''; display:block; width:100%; border-bottom:1px solid #111d68;}
@media all and (max-width:1024px) {
	.location {top:7px;}
	.location span{line-height:20px; padding:0 0 0 25px;  font-size:14px;}
	.location span:before{left:7px;}
	.location .home{margin:0;}
}
@media all and (max-width:768px) {
	.location {top:4px;}
	.location span{line-height:17px; padding:0 0 0 19px; font-size:13px;}
	.location span:before{left:4px; margin:-5px 0 0 0;}
	.location .home{margin:-2px 0 0 0;}
}
@media all and (max-width:568px) {
	.location{position:static; float:left; width:100%; margin:11px 0 0 0;}
}
@media all and (max-width:380px) {
	.location{margin:9px 0 0 0;}
	.location span{padding:0 0 0 16px; font-size:12px;}
	.location span:before{left:3px;}
}

.util_wrap{z-index:2; position:absolute; right:50%; bottom:31px; margin:0 -700px 0 0; text-align:center;}
.util_wrap .btns, 
.sns_share a{display:block; font-size:0; text-indent:-999px; background:#1878F3 url(/council/minutes/images/common/ico_sns.png) no-repeat 9px 6px}
.util_wrap .btns{width:49px; height:49px; box-sizing:border-box; background:#fff url(/council/minutes/images/kr/common/ico_util.png) no-repeat 16px 16px; border: 1px solid #fff; border-radius: 5px;}
.sns_share.on .btn_share{background-position:15px -17px;}
.sns_share,
.util_wrap .btns{position:relative; float:left; margin:0 0 0 3px;}
.util_wrap .btns:hover{border-color:#888;}
.util_wrap .btn_print{background-position:-34px 16px;}
.util_wrap .btn_copy{background-position:-87px 14px;}

.sns_share .list{visibility:hidden; opacity:0; position:absolute; top:0; right:45px; width:165px; padding:8px 0 9px 0; border:1px solid #e1e1e1; transition:0.25s ease-in-out; box-sizing:border-box; background:#fff;}
.sns_share.on .list{visibility:visible; opacity:1; right:53px;}
.sns_share .list li{display:inline-block; vertical-align:top; margin:0 1px;}
.sns_share a{width:30px;height:30px;border-radius:50%;background-position: 7px 7px;}
.sns_share .bl{background-color:#00C401;background-position: 7px -80px;}
.sns_share .kko{background-color:#F2CB3A;background-position: 7px -123px;}
.sns_share .insta{background-color:#c536a4; background-position:-102px 7px;}
.sns_share .tw{background-color:#53C2EF;background-position: 8px -37px;}
.sns_share .fb:hover{background-color:#398DF4;}
.sns_share .bl:hover{background-color:#00DF00;}
.sns_share .tw:hover{background-color:#85D2F3;}
.sns_share .kko:hover{background-color:#F3D356;}
.sns_share .insta:hover{background-color:#8a38b4;}

@media all and (max-width:1430px) {
	.util_wrap{right:15px; margin:0;}
}
@media all and (max-width:1024px) {
	.util_wrap{bottom:28px;}
	.util_wrap .btns{width:35px; height:35px; background-position:10px 9px;}
	.util_wrap .btn_copy{background-position:-94px 7px;}
	.util_wrap .btn_print{display:none;}

	.sns_share .list{top:30px; right:0; width:153px; padding:7px 0;}
	.sns_share.on .list{top:38px; right:0;}
	.sns_share.on .btn_share{background-position:8px -25px;}
}
@media all and (max-width:768px) {
	.util_wrap{bottom:15px; right:10px;}
}
@media all and (max-width:568px) {
	.util_wrap{bottom:13px;}
}
@media all and (max-width:380px) {
	.util_wrap{bottom:10px;}
}

/* 모바일 메뉴 */
@media all and (max-width:1024px) {
	.m_menu{position:fixed; top:0; right:-100%; width:60%; height:100%; overflow-y:auto; z-index:100; background:#ccc; transition:right 0.25s ease-in-out;}
	.m_menu .tit{display:none;}
	.m_menu.on{right:0;}
	.m_menu .m_top{position:relative; height:110px; background:#fff;}
	.m_menu .logo{position:absolute; top:35px; left:12px; text-align:left; transform:none;}
	.m_menu > ul{float:left; width:100%; height:calc(100% - 110px); border-top:3px solid #182239; box-sizing:border-box;}
	.m_menu > ul a{display:block; text-decoration:none; cursor:pointer;}
	.m_menu > ul > li{width:43%; border-bottom:1px solid #3d3f4a;}
	.m_menu > ul > li > a{position:relative; height:3em; padding:0 0 0 1em; line-height:3em; font-size:130%; font-weight:400; color:#fff; background:#182239;}
	.m_menu > ul > li > a:before{display:none; content:''; position:absolute; top:50%; right:-8px; width:0; height:0; margin:-8px 0 0 0; border-left:15px solid #fff; border-top:15px solid transparent; transform:rotate(45deg);}
	.m_menu > ul > li.current_on > a,
	.m_menu > ul > li > .on{font-weight:800; background:#eb6383;}
	.m_menu > ul > li.current_on > a:before,
	.m_menu > ul > li > .on:before{display:block;}
	.m_menu > ul > li > div {position:absolute; top:110px; left:43%; display:none; width:57%; height:calc(100% - 110px); padding:13px 0.8em 0 1.2em; border-top:3px solid #182239; background:#fff; box-sizing:border-box;}
	.m_menu > ul > li.current_on .menu,
	.m_menu > ul > li .on + .menu{display:block !important;} 
	.m_menu > ul > li > div > ul > li {margin:0 0 2px; border-bottom:1px solid #e6e6e6;}
	.m_menu > ul > li > div > ul > li > a{position:relative; padding:8px 0 8px 1.2em; font-size:115%; font-weight:400;}
	.m_menu > ul > li > div > ul > li > a:before,
	.m_menu > ul > li > div > ul > li a[target="_blank"]:after{content:''; position:absolute; top:50%; right:8px; display:block; width:10px; height:10px; margin:-5px 0 0 0; background:url(/council/minutes/images/kr/main/ico_ctrl.png) no-repeat -83px -38px;}
	.m_menu > ul > li > div ul li.hasUl > a:after{content:'';display:block; position:absolute; top:50%; right:10px; width:8px; height:8px; margin:-7px 0 0 0; border-bottom:2px solid #555; border-right:2px solid #555; transition:transform 0.3s; transform:rotate(45deg); background:none;}
	.m_menu > ul > li > div ul li.hasUl > a.on:after{margin:-4px 0 0 0; transform:rotate(225deg);}
	.m_menu > ul > li > div > ul > li > a:before{position:absolute; top:14px; left:0.2em; width:13px; height:13px; margin:0; border:4px solid #9ba0aa; border-left:4px solid #182239; border-top:4px solid #182239; background:none;}
	.m_menu > ul > li > div > ul > li > ul{display:none; overflow:hidden; width:100%; margin:2px 0 0 0; padding:0.6em 0 0.5em 0.5em; box-sizing:border-box; background:#f3f3f3;}
	.m_menu > ul > li > div > ul > li > ul li a{position:relative; padding:3px 0 3px 13px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{content:''; display:block; position:absolute; top:10px; left:4px; width:4px; height:4px; border-radius:50%; background:#d5525e;}
	.m_menu > ul > li.current_on .current_on > a{font-weight:800; color:#182239;}
}
@media all and (max-width:768px) {
	.m_menu .m_top{height:72px;}
	.m_menu .logo{top:15px;}
	.m_menu > ul {height:calc(100% - 72px);}
	.m_menu > ul > li > a{padding:0 0 0 0.7em; font-size:16px;}
	.m_menu > ul > li > a:before{right:-7px; margin:-7px 0 0 0; border-left:13px solid #fff; border-top:13px solid transparent;}
	.m_menu > ul > li > div{top:72px; height:calc(100% - 72px); padding:0.6em 0.7em 0.5em 0.7em;}
	.m_menu > ul > li > div > ul > li > a{padding:6px 0 6px 1.2em; font-size:15px; background-size:13px;}
	.m_menu > ul > li > div > ul > li > a:before{top:11px; width:10px; height:10px; border-width:3px;}
	.m_menu > ul > li > div > ul > li > ul{padding:0.5em 0 0.4em 0.4em;}
	.m_menu > ul > li > div > ul > li > ul li a{padding:2px 0 2px 13px; font-size:14px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{top:8px;}
}
@media all and (max-width:568px) {
	.m_menu{width:285px;}
}