@charset "utf-8";

/********************
 * common
 ********************/

/* 공통컬러 */
.m_title strong, .law_greating .content > strong > i, #page h3, .law_greating .content .con dl dd a
{color:#6b6bc5 !important}

.profile_box .content .profile_more, .subMenu > #now, .law_greating .content > span::after
{background-color:#6b6bc5 !important}

.icon_box
{background-color:#4e57a4 !important}

#page h3:before
{border-color:#6b6bc5}

html, body {font-family:'Noto Sans KR'; overflow-x:hidden; font-size:18px; font-weight:300;}


/*컨테이너 사이즈*/
.wrap_container, .content_wrap {width: 1300px; margin: 0 auto;}
#container {padding-top:149px; min-height: 1000px;}


h1.logo {position: relative; float: left; padding:25px 10px 20px 10px; margin:0; letter-spacing: -0.03em;}
h1.logo img {float: left; margin-right: 10px;}
h1.logo span {display: block; font-size: 14px;font-weight: 500; color: #777; line-height: 13px; margin-top:3px}
h1.logo strong {display: block; overflow: hidden; text-align: left; font-size: 30px; font-weight: 700;}
h1.logo strong em{font-size: 80%; color: #666;}


/* 스크롤시 메뉴 높이 */
header.sticky .localNavi > ul > li > a{line-height:80px; height:80px;}
header.sticky h1.logo {padding:8px 10px; margin:0}
header.sticky .menu_wrap {top:80px}
header.sticky .localNavi > ul > li > ul {top:80px;}


/* 메뉴영역 */
.nav_wrap .localNavi {float:right; width: 60%; margin-right:0px;}
.localNavi > ul > li > a{font-weight:500; font-size: 25px;}
.localNavi > ul > li > ul > li a {font-size:18px; text-align: center; padding: 5px 0;}

#subVisual{background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover;  
height:394px;position:relative;  overflow:hidden; background-image:url(/images/lawmaker/common/sub_visual_bg.jpg); background-position:center center; 
 background-color:#444; height: 330px;}
#subVisual *{vertical-align:middle; text-align:center}
#subVisual .visual_txt{ position:relative; padding-top:70px }
#subVisual .visual_txt strong{position:relative;color:#fff;font-size:230%;text-shadow:0 3px 5px rgba(0,0,0,0.3); margin:0 auto; font-weight:500  }
#subVisual .visual_txt strong:after{content:''; display:block; width:1px; margin:0 auto; height:25px; background:rgba(255,255,255,0.4); margin-top:5px}
#subVisual .visual_txt p{color:rgba(255,255,255,1); font-size:110%;text-shadow:0 3px 5px rgba(255,255,255,0.3); margin:10px auto; font-weight: 400;}

.subMenu {margin-top:-60px; position: relative; background-color:rgba(30,30,30,0.8); height:60px}
.subMenu.Wide ul li a {color:#fff; line-height: 60px; height: 60px;}
.subMenu.Wide ul {margin:0 15%}
.subMenu.Wide .parents li .active { background:#fff; color:#000}


@media only screen and (max-width:1330px){
    .wrap_container, .content_wrap {width:100%; min-width: 320px; margin:0 auto;}
    .main_content .wrap_container { padding-right:20px; padding-left: 20px;}
    html, body {font-size:17px}
}

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

    html, body {font-size:17px}
    #container {    padding-top: 80px;    }
    h1.logo {padding:8px 10px; margin:0}
    #subVisual{ height: 250px; font-size: 80%;}
    #subVisual .visual_txt{ padding-top:45px }

}

@media only screen and (max-width: 750px) {
    html, body {font-size:15px}
	h1.logo span {font-size: 13px; margin-top:8px}
	h1.logo strong { font-size: 25px; letter-spacing:-0.05em}
	h1.logo img {margin-right:0}
}

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

}