@charset "utf-8";
@import url(/_boassem/css/common.css);
:root { --point_color:var(--deep_green); } 

#content .snb { margin-top: 2%; } 
#content .snb .subMenu {border:0px;}

.content_title { border-top: 0px; border-bottom: 1px solid var(--border_color); } 

.logo_wrap { } 

.stickmenu.sticky .logo h1 strong { line-height: 27px; } 
.logo h1 strong { padding-top: 3px; } 


#Menu3.localNavi>ul>li>ul>li>a {
    display: block;
    font-size: 18px;
    color: #666;
    font-family: var(--paperlogy_font);
    line-height: 28px;
    padding: 5px 0px 5px 30%;
    letter-spacing: -0.05em;
    transition: all 0.3s;
    font-weight: 500;
}



@media only screen and (max-width:1200px) {.logo_wrap { padding-top: 7px; padding-left: 10px; } 
.logo h1 strong { font-size: 160% !important; } 
.logo h1 strong span { line-height: 14px !important; } 
.logo h1 IMG { margin-right: 5px; } 
 }

.logo_wrap.mobile_logo { padding: 15px 5px 10px 15px; } 
.logo_wrap.mobile_logo h1 IMG { margin-right: 5px; } 


.sub_visual { background-color: #282c35; border-radius: 0; padding: 60px 0; text-align: center; background-image: url(/_bolawmaker/images/sub/sub_visual.jpg); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; position: relative; margin: 0; } 

 .sub_visual::before { display: none; } 
.sub_visual .wrap_container { padding-left: 0px; } 
.sub_visual * { color: #fff; } 
.sub_visual::after { display: none; } 
.sub_visual .wrap_container > strong span { color: antiquewhite; } 
.sub_visual .location i { color: #8bffb9; } 
.sub_visual .location span i { color: rgba(255,255,255,0.5); } 
.sub_visual .location a:hover { color:#fff; } 
.sub_visual .location strong { font-size: 110%; } 
.sub_visual .wrap_container>p span { color: #8bffb9; font-weight: 700; } 

#content .snb .sub_title { display: block; height: auto; background-size: 100% auto; background-position: 0 0; line-height: 30px; font-size: 100%; padding: 6px 15px 27px 15px; background-color: transparent; background-image : none; border-bottom: 2px solid #000; } 
#content .snb .sub_title strong { font-weight: 700; color: var(--deep_green); font-family: var(--paperlogy_font); font-size: 30px;}
#content .snb .sub_title img { background: linear-gradient(-180deg, #fbfcff, #e5ebff); border-radius: 50px 25px 25px 25px; } 
#content .snb .sub_title .title_box { } 
#content .snb .sub_title .title_box strong { font-size: 150%; line-height: 60px; font-weight: 600; } 
#content .snb .sub_title .title_box strong span { font-size: 80% } 
#content .snb .sub_title .title_box .lawmaker_history { font-weight: 500; font-size: 85%; } 
#content .snb .sub_title .title_box .lawmaker_history dl { position: relative; margin: 0 0 0 10px; } 
#content .snb .sub_title .title_box .lawmaker_history dl::before { content: ''; content:''; position:absolute; top:13px; left:0px; background-color: rgba(255,255,255,0.7); width:4px; height:4px; border-radius:10px; } 
#content .snb .sub_title .title_box .lawmaker_history dl dt { text-align:justify; padding: 0 10px; white-space: nowrap; color:rgba(255,255,255,0.9) } 
#content .snb .sub_title .title_box .lawmaker_history dl dd { text-align: left; padding: 0 10px; white-space: nowrap; color: #fff; font-weight: 600; letter-spacing: 0; } 

#content .snb .subMenu { margin-top: 10px; padding: 20px 0px 150px 0px; } 




#opNav.Left { right: auto; } 

.mobile_menu.Left { right: auto; left: -250px; } 

.subMenu,
.childMenu,
.schildMenu { position: relative; } 

.subMenu:after { content: ""; display: block; } 

.subMenu ul,
.childMenu ul,
.schildMenu ul { margin: 0 auto; } 

.subMenu ul li,
.childMenu ul li,
.schildMenu ul li { position: relative; max-width: 100%; } 

.subMenu ul li a,
.childMenu ul li a,
.schildMenu ul li a { display: block; position: relative; font-weight: 500; letter-spacing: -0.05em; } 

.subMenu .active,
.childMenu .active,
.schildMenu .active { } 



/* .subMenu.Wide ul li,.childMenu ul li,.schildMenu ul li { float:left; } */
.subMenu.Wide { margin-top: -22px; position: relative; height: 45px}

.subMenu.Wide::before { content: ''; background-color: rgba(6, 29, 80, 0.5); position: absolute; left: 0; bottom: 0; right: 0; top: 10px; } 

.subMenu.Wide ul { position: relative; display: flex; justify-content: center; } 

.subMenu.Wide ul li { margin: 0 3px}

.subMenu.Wide ul li a { color: #000; line-height: 48px; height: 45px; text-align: center; padding: 0 50px; background-color: #bac8d8; } 

.subMenu.Wide ul li .active { background: var(--default_color); color: #000}

.subMenu.Mobile { display: none}

.subMenu.Mobile ul li a { padding-left: 20px}

.sub_nav { position: relative; } 

.subMenu.Location { position: relative; display: block !important; height: 60px; } 

.subMenu:after,
.subMenu:before,
.sub_nav:before { content: ''; clear: both; display: none; } 

.subMenu.Location div { float: left; display: block; border-right: 1px solid rgba(255, 255, 255, 0.1); } 

.subMenu.Location div>a { display: block; padding: 0 20px; line-height: 60px; height: 60px; font-size: 17px; position: relative; color: #fff; letter-spacing: -0.05em; } 

.subMenu.Location div:last-child>a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; z-index: 99; } 

.subMenu.Location div.home { border-right: 1px solid rgba(255, 255, 255, .1)}

.subMenu.Location div.home>a { position: relative; display: block; width: 100px; line-height: 60px; height: 60px; font-size: 0; padding: 0 !important;; } 

.subMenu.Location div.home>a:after { content: '\f015'; font-family: 'FontAwesomeS'; position: absolute; left: 0; right: 0px; top: 0; bottom: 0; color: #fff; font-size: 18px; } 

.subMenu.Location div.depth { position: relative; min-width: 250px; text-align: left; } 

.subMenu.Location div>ul { width: 100%; } 

.subMenu.Location div.depth>a { padding-right: 50px; } 

.subMenu.Location div.depth>a:before { font-family: 'FontAwesomeS'; position: absolute; right: 30px; content: '\f078'; font-size: 80%; line-height: 60px; transition: all ease-out 0.1s; } 

.subMenu.Location div.depth>a.up:before { transform: rotate(-180deg); } 

.subMenu.Location div>ul { position: absolute; border: solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px; background-color: #fff; top: 60px; z-index: 99999; display: none; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05); } 

.subMenu.Location div>ul>li { display: block; text-align: left}

.subMenu.Location div>ul>li>a { display: block; padding-left: 20px; line-height: 50px; height: 50px; font-size: 16px; border-top: 1px solid rgba(0, 0, 0, 0.1); color: inherit; transition: all 0.3s; } 

.subMenu.Location div>ul>li.active>a { font-weight: 500; background-color: #f1f4f9}

.subMenu.Location div>ul>li>a:hover { background-color: rgba(0, 0, 0, 0.05); } 

.subMenu.Location .newWin:after { color: #333; vertical-align: top; height: 50px; line-height: 50px; } 




@media only screen and (max-width:1200px) {
 .subMenu.Location div { display: none}

 .subMenu.Location { background-color: #0042af}

 .subMenu.Location div.depth>a { color: #fff}

 /* 
.subMenu.Location div.depth.m02 { display:block; min-width:100%; } 
.subMenu.Location div.depth.m02 > a:after { content: ''; position: absolute; bottom:0; left:0; right:0; background-color:#7f7ff3; height:3px; } 
*/
 .subMenu.Location div:last-child { display: block; min-width: 100%; border-right: none; } 

 .subMenu.Location div:last-child>a:after { display: none; } 

 .subMenu.Location { height: 50px; } 

 .subMenu.Location div>a { line-height: 50px; height: 50px; font-size: 16px; } 

 .subMenu.Location div.home>a { line-height: 50px; height: 50px;; } 

 .subMenu.Location div.depth { position: relative; min-width: 100%; text-align: left; } 

 .subMenu.Location div.depth>a { padding-right: 30px; } 

 .subMenu.Location div.depth>a:before { right: 30px; line-height: 50px;; } 

 .subMenu.Location div>ul { top: 50px; } 
}


.subMenu.Mobile .parents { background-color: #f6f6f6; box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1); } 

.subMenu.Mobile .parents li a { color: #333}

.subMenu.Mobile .parents li .active { background: none; } 


.subMenu.Left { padding-bottom: 50px; } 

.subMenu>ul>li { transition: all 0.3s; overflow: hidden; display: block; } 

.subMenu>ul>li+li { border-top: 1px solid #e0e2e6; } 

.subMenu>ul>li::after { position: absolute; right: 15px; align-self: anchor-center;
    top: 0px; font-size: 13px; color: #d6dde7; } 

.subMenu>ul>li.active::after { content: '\f054'; color: rgba(0, 0, 0, 0.8)}

.subMenu>ul>li.has_sub::after { content: '\f054'; } 

.subMenu>ul>li.has_sub.active::after { content: '\f078'; } 

.subMenu>ul>li>a { line-height: 20px; padding: 15px 25px 20px 25px; border-radius: 12px; font-size: 17px; font-weight: 500;  } 

.subMenu>ul>li>a>i { font-size: 14px; margin-right: 5px; } 

.subMenu .parents>li.active:before {

    background: none;
    border-radius: 8px 8px 8px 8px;

}
.subMenu .parents>li.active>a {  font-weight: 700; color: #000; margin: 5px 0; } 

.subMenu .parents>li.active>ul { margin-bottom: 5px; } 

.subMenu .parents>li>ul { padding: 13px 8px; display: block; background-color: #f3f3f4; border-radius: 0 13px 0 13px; } 

.subMenu .parents>li>ul>li>a { font-size: 15px; padding: 6px 2px 6px 38px; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.7); } 

.subMenu .parents>li>ul>li>a:hover { color: rgba(0, 0, 0, 0.9); } 

.subMenu .parents>li>ul>li.active>a { color: #000}

.subMenu .parents>li>ul>li::after { content: '\f138'; position: absolute; left: 20px; top: 6px; width: 15px; height: 15px; font-size: 12px; font-family: FontAwesomeS; color: rgba(0, 0, 0, 0.3); } 
.subMenu .parents>li.active:before {box-shadow:none;}
.subMenu .parents>li>ul>li.active::after { color: #000}

.subMenu.Left ul li { float: none; } 

.subMenu.Left ul.childes { display: none; } 

.subMenu.Left .parents>li>ul>li>ul { display: none; position: absolute; left: 100px; right: 20px; top: 5px; z-index: 99; background-color: #fff; padding: 5px 0}

.subMenu.Left .parents>li>ul>li>ul>li>a { color: #47545d; line-height: 25px; padding: 0 15px; } 

.subMenu .newWin:after { vertical-align: middle; } 

.subMenu.Mobile.Location { position: relative; text-align: center; font-size: 115%; line-height: 50px; } 

.subMenu.Mobile.Location .prev,
.subMenu.Mobile.Location .next { position: absolute; top: 0; bottom: 0; width: 40px; font-size: 0; line-height: 0}

.subMenu.Mobile.Location .prev:before,
.subMenu.Mobile.Location .next:before { font-family: FontAwesomeS; font-size: 16px; line-height: 3em; } 

.subMenu.Mobile.Location .prev { left: 0; } 

.subMenu.Mobile.Location .prev:before { content: '\f060'}

.subMenu.Mobile.Location .next { right: 0; } 

.subMenu.Mobile.Location .next:before { content: '\f061'}

.subMenu.Mobile.Location>p { margin: 0 40px; } 


.childMenu+.schildMenu { margin-top: 20px; } 

/* 3뎁스 카테고리 */
.childMenu { position: relative; overflow: hidden; padding-top: 40px;/* border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); */}

.childMenu ul:after { content: ""; display: block; clear: both; min-height: 1px; } 

.childMenu ul { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; margin: 0 -2px; } 

.childMenu ul li { flex: 0 1 20%; transition: all 0.3s ease-out; margin: 2px 0; } 

.childMenu ul li:before { display: none; } 

.childMenu ul li,
.childMenu ul li a { display: block; border-radius: 10px 0 10px 0; white-space: nowrap; position: relative; line-height: 45px; height: 100%; text-align: center; background-color: #fff; } 

.childMenu ul li a { vertical-align: middle; padding: 0 15px; font-weight: 400; margin: 0 2px; color: #666; font-weight: 500; font-size: 90%; background-color: #f3f3f4; } 

.childMenu ul li a span { line-height: 100%; } 

.childMenu ul li.active a { background: var(--blue); border-color: var(--blue); letter-spacing: -0.05em; color: #fff; font-weight: 700; } 

.schildMenu { border: 1px solid #ddd; display: block; border-radius: 10px 10px 0 0; padding: 10px 10px; } 

.schildMenu ul:after { content: ''; display: block; clear: both; min-height: 1px; } 

.schildMenu ul { display: flex; flex-wrap: wrap; } 

.schildMenu ul li:before { display: none; } 

.schildMenu ul li { flex: 0 1 auto; } 

.schildMenu ul li:last-child { } 

.schildMenu ul li,
.schildMenu ul li a { height: 100%; } 

.schildMenu ul li a { font-size: 85%; line-height: 25px; padding: 0 20px 0 25px; position: relative; color: #666; letter-spacing: -0.05em; } 

.schildMenu ul li a:hover { text-decoration: underline; color: #333}

.schildMenu ul li a:before { content: ''; width: 4px; height: 4px; background-color: #aaa; position: absolute; border-radius: 50%; top: 10px; left: 13px; } 

.schildMenu ul li.active a { color: #111; font-weight: 600; } 

.schildMenu ul li.active a:before { background-color: #111; }