@charset "utf-8";

#container_sub {
    /* background: url(/images/search/common/bg_sub.jpg) repeat-x 50% 100%; */
}

#sub_default {
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
    padding: 85px 0 0 0;
    line-height: 160%;
}

@media screen and (max-width:768px) {
    #sub_default{
        gap: 0;
    }
}

@media screen and (max-width:568px) {
    #sub_default{
        padding-top: 50px;
    }
}

#sub_board{
    width: calc(100% - 230px - 6rem);
}

@media screen and (max-width: 1491px){
    #sub_board{
        width: 100%;
    }
}

#sub_board .box_info .inner {
    padding-top: 10px;
}

#sub_hope .box_info .inner:before {
    top: 37px;
    background-image: url(/images/search/open/bg_hope.jpg);
}

.tabmenu2 {
    margin: 0 0 32px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.tabmenu2>li {
    padding: 0 5px 9px 4px;
    width: 33.33%;
    float: left;
    font-size: 18px;
    letter-spacing: -1px;
    box-sizing: border-box;
}

.tabmenu2>li>a {
    display: block;
    padding: 0 0 0 18px;
    border: 1px solid #dedede;
    position: relative;
    height: 47px;
    font-size: 17px;
    line-height: 47px;
    text-decoration: none;
    transition: 0.2s ease-in;
    border-radius: 5px;
}

.tabmenu2>li>a.on,
.tabmenu2>li>a:hover {
    border-color: #757575;
    box-shadow: inset 0 0 0 2px #757575;
    font-weight: 500;
    color: #292e44;
}

.tabmenu2>li>a:hover:after,
.tabmenu2>li>a.on:after {
    border-top: 5px solid #292e44;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    transition: 0.2s ease-in;
}

.tab5>li {
    width: 20%;
}

@media all and (max-width:1280px) {
    .tabmenu2>li>a:after {
        right: 10px;
    }
}

@media all and (max-width:1160px) {
    .tab5>li {
        width: 50%;
    }

    .tab5>li:nth-child(-n + 3) {
        width: 33.33%;
    }
}

@media all and (max-width:1024px) {
    .tabmenu2>li {
        font-size: 17px;
    }

    .tabmenu2>li>a {
        height: 53px;
        line-height: 54px;
    }
}

@media all and (max-width:768px) {
    .tabmenu2 {
        margin: 0 0 25px;
    }

    .tabmenu2>li {
        font-size: 16px;
    }

    .tabmenu2>li>a {
        padding: 0;
        height: 49px;
        line-height: 51px;
        text-align: center;
    }

    .tabmenu2>li>a:after {
        display: none;
    }
}

@media all and (max-width:568px) {
    .tabmenu2 {
        margin: 0 0 20px;
    }

    .tabmenu2>li {
        padding: 0 3px 6px 3px;
        width: 50%;
        font-size: 15px;
    }

    .tabmenu2>li>a {
        height: 43px;
        line-height: 44px;
    }
}

@media all and (max-width:380px) {
    .tabmenu2 {
        margin: 0 0 17px;
    }

    .tabmenu2>li {
        font-size: 14px;
    }

    .tabmenu2>li>a {
        height: 40px;
        line-height: 41px;
    }
}

@media all and (max-width:360px) {
    .tab5>li {
        width: 50%;
    }

    .tab5>li:nth-child(-n + 3) {
        width: 50%;
    }
}


.inner {margin: 0 auto; width: 1650px; box-sizing: border-box;}
@media screen and (max-width: 1650px){
    .inner{
        width: 100%;
    }
}

section.inner {margin-bottom: 10em;}

#header {position: relative;height: 90px;}
#header #h_top .logo {left: 0; transform: translateX(0);}
#header #h_top .search_bar {padding: 33px 0 0;width: calc(100% - 300px);float: right;}
#header #h_top .search_bar fieldset {display: flex;}
#header #h_top .search_bar .btuniv {margin: 0 20px 0 0;padding: 0 10px;width: 180px;height: 46px;}
#header #h_top .search_bar .sch {width: calc(100% - 510px);height: 46px;}
#header #h_top .search_bar .btn_wrap {display: flex;margin: 0 20px;}
#header #h_top .search_bar .btn_wrap input {border: none;width: 70px;height: 46px;background: #305299;font-size:15px;color: #fff;}
#header #h_top .search_bar .btn_wrap input:last-child {margin: 0 0 0 5px;background: #5c5c5c;}
#header #h_top .search_bar .result_chang {display: flex; align-items: center;}
#header #h_top .search_bar .result_chang label {margin: 0 0 0 5px;}



/* 검색컨텐츠 */
#form_skin input[type="text"], #form_skin input[type="number"],#form_skin select{ border:1px solid #ddd;height:40px; background-color:#f9f9f9; line-height:40px;}
#form_skin{margin-bottom:40px;padding: 40px 29px 40px;border: 1px solid #ddd;position:relative;z-index:1;background: none;box-sizing:border-box;border-radius: 4px;}
#form_skin:before{display:block;display: none;position:absolute;top:10px;left:10px;z-index:-1;width:calc(100% - 20px);height:calc(100% - 20px);background:#fff;content:'';}
#form_skin .con_box{ width:100%;float:left; }
#form_skin .con_box .con:not(:last-child){display: none;}
#form_skin .con{padding: 11px 0 0 140px;border-bottom: 1px dashed #ddd;position:relative;width:100%;float:left;box-sizing:border-box;}
#form_skin .title{display: inline-flex;align-items: center;padding:7px 0 0 0;position:absolute;top: 12px;left:11px;font-size:17px;font-weight:800;color:#003964;}
#form_skin .title label{width: 100px;font-size: 18px;font-weight:600;color: #333;}
#form_skin .title:before{display:inline-block;margin: 0;border-top: 1px solid #333;border-right: 1px solid #333;position: absolute;right: 0;width: 8px;height: 8px;vertical-align:middle;background: none;content:'';transform: rotate(45deg);}
#form_skin .title:after{display:inline-block;margin: 0;border-top: 1px solid #333;border-right: 1px solid #333;position: absolute;right: 9px;width: 8px;height: 8px;vertical-align:middle;background: none;content:'';transform: rotate(45deg);}
#form_skin .details{display:flex; justify-content:center; flex-wrap:wrap; margin:0 0 12px; position:relative; width:100%; float:left;}
#form_skin .name{display:inline-block; margin:0px 0px 8px 0;}
#form_skin .details li{border:0;}
#form_skin .details label{display:inline-block; padding:0 5px 0 5px}
#form_skin .impo{margin:0 0 0 5px; color:#e81919;}
#form_skin .btns{ padding:23px 0 0 0; width:100%;clear:both; text-align:center; }
#form_skin .btn{min-width: 110px;height: 37px;line-height: 36px;}
#form_skin .btn.blue{border-color: #3F58D4;background: #3F58D4;}
#form_skin .btn.blue:hover{color: #3F58D4;}
#form_skin input[type="text"]{display:inline-block;padding:0 0 0 19px;width:100%;vertical-align:top;background: #fff;}
#form_skin select{padding:0 60px 0 19px;width:100%;background:#f9f9f9 url(/council/images/common/ico_assem.png) no-repeat right 15px top 50%;background-color: #fff;-webkit-appearance:none;box-sizing:border-box;}
#form_skin select::-ms-expand{display:none;}
#form_skin .wave{display:inline-block; width:10%; font-size:22px; line-height:40px; text-align:center;}
#form_skin .search_btn{margin-bottom: 0;border-color: #3F58D4; height: 40px;background-color: #3F58D4;border-radius: 5px 5px 0 0;}
#form_skin fieldset{padding:1rem;background-color: #f9f9f9;border-radius:4px 0 4px 4px}


@media all and (max-width:1230px) {
	#form_skin .con{padding: 0 0 0 140px;}
    #form_skin .title{top: 0px; left: 6px;}
}
@media all and (max-width:1024px) {
	.form_info{margin:0 0 10px; font-size:14px;}
	#form_skin{padding: 45px 45px;}
	#form_skin .con{padding:0 0 0 120px;}

	#search_result .title{font-size:24px;}
}
@media all and (max-width:768px) {
	#tree ul.fancytree-container{font-size:15px;}

	#form_skin{margin:0 0 25px;padding: 40px 32px;}
	#form_skin .con{padding: 0 0 0 118px;}
	#form_skin .details{margin:0 0 12px;}
	#form_skin .title{font-size:16px;}
	#form_skin select{padding:0 35px 0 15px;}
	#form_skin input[type="text"]{padding:0 0 0 15px;}
}


@media all and (max-width:568px) {
	.form_info{font-size:13px;}
	#form_skin{padding: 24px 16px;}
	#form_skin .con{padding: 39px 0 0 0px;}
	#form_skin .details{margin:0 0 10px;}
	#form_skin select{background-position:right 7px top 50%;}
    #form_skin .search_btn{height: 37px;}
    #form_skin .title:before,#form_skin .title:after{display: none;}
}

@media all and (max-width:380px) {
	.form_info{font-size:12px;}
	#form_skin{margin: 0 0 20px;padding: 30px 16px;}
	#form_skin .title{padding:8px 0 0 0; font-size:15px;}
	#form_skin .details{margin:0 0 8px;}
	#form_skin .wave{line-height:38px;}
    #form_skin .btn{min-width: 100px;}
	#form_skin .btns{padding:17px 0 0 0;}
	#form_skin input[type="text"], #form_skin input[type="number"],#form_skin select{height:38px; line-height:38px;}
}
#sub_search{position:relative;float: left; box-sizing: border-box;}
#sub_search a:not(#pagingNav a) {display: inline-flex;display: block;align-items: center;width: 100%;width: auto;height: 100%;text-decoration: none;}
#sub_search > .info {margin: 0 0 10px;text-align: center;}
#sub_search .search{ margin:0 0 30px 0; padding:60px 0;width:100%; background:#f2f2f2;}
#sub_search .search *{display:inline-block; vertical-align:top;}
#sub_search .search form,
#sub_search .search fieldset{width:100%; text-align:center;}
#sub_search .search label{margin:0 1em 0 0; font-size:115%; line-height:39px;}
#sub_search .search #word{border:1px solid #c8c8ca;width:30%;height: 39px;line-height: 39px;}
#sub_search .search button{width:60px; height:39px; background:#305299; color:#fff;}
#sub_search .result h4{margin: 0 0 40px 0;border-bottom:1px solid #ccc;font-size:120%;font-weight:800;text-align: center;}
#sub_search .result > .dot{margin:0 0 0 10px;}
#sub_search .result > .dot > li { margin:0 0 7px;padding:0 0 0 12px; font-weight:800;}
#sub_search .result > .dot > li ul{font-weight:200;}
#sub_search .result > .dot > li:before{top:8px; width:5px; height:5px; background:#37405b;}
#sub_search .orange{color:#a94a46;}
#sub_search .more {display: block; margin: 15px 0 0 auto; border: 1px solid #305299; width: 110px; height: 36px; background: #305299; line-height: 34px; color: #fff; text-align: center; transition: .25s ease-in-out; border-radius: 5px; box-sizing: border-box;}
#sub_search .more:hover { border-color: #305299; background: #fff;color: #305299;}
#sub_search .more2 {display: block;margin: 15px auto;border: 1px solid #222;height: 40px;line-height: 40px;color: #222;text-align: center;transition: .25s ease-in-out;border-radius: 5px;box-sizing: border-box;/* width: 110px; *//* background: #3F58D4; */}
#sub_search .more2:hover {border-color: #3F58D4;background: #fff;font-weight: 600;color: #3F58D4;}

#sub_search .tit_wrap {display: flex; align-items: baseline; margin: 0 0 10px;}
#sub_search .tit_wrap h4 {padding-bottom: 0;padding-left: 22px;width: auto;background: none;background-position: 3px 2px;font-size: 22px;}
#sub_search .tit_wrap h4:before{
    display:inline-block;
    border: 1px solid #3F58D4;
    position: absolute;
    top: 8px;
    left: 0;
    width:14px;
    height:14px;
    content: '';
    transform:rotate(45deg);
    border-radius: 1px;
}
#sub_search .tit_wrap h4:after{
    display:inline-block;
    position:absolute;
    top: 12px;
    left: 4px;
    width: 6px;
    height: 6px;
    background : #3f58d4;
    content:'';
    transform:rotate(45deg);
    border-radius: 1px;
}
#sub_search .con_wrap .no-data{
    flex-direction: column;
    height:185px;
    background-color: #f9f9f9;
    font-weight: 500;
    text-shadow: none;
}

#sub_search .con_wrap .no-data p{
    padding-left:1.5rem;
    position:relative;
    font-size: 20px;
}

#sub_search .con_wrap .no-data p:after {
    display: block;
    border: 2px solid #b00101;
    position: absolute;
    top: 3px;
    left: 0px;
    width: 18px;
    height: 18px;
    color: #b00101;
    text-align: center;
    content: "!";
    font: 800 18px / 18px helvetica;
    border-radius: 50px;
}

#sub_search .con_wrap .no-data-info{
    margin-top: 1rem;
    text-align: center;
}

#sub_search .con_wrap .no-data-info li{
    font-size: 14px;
    font-weight: 400;
}
#sub_search .tit_wrap .total {margin: 0 0 0 10px;font-size: 16px;font-weight: 800;font-weight: 500;color: #666;}
#sub_search .con_wrap {margin: 0 0 50px;padding: 1rem;border: 1px solid #ddd;border-radius: 4px;}
#sub_search .integration_box {display: flex;align-items: center;flex-wrap: wrap;border: 1px solid #eee;box-sizing: border-box;/* height: 170px; */}
#sub_search .integration_box .title {display: none;width: 260px;height: 100%;background: #005e5d;font-size: 20px;line-height: 170px;color: #fff;text-align: center;}
#sub_search .integration_box ul {display: flex;gap: 7px;align-items: center;justify-content: start;flex-wrap: wrap;padding: 16px;width: 100%;box-sizing: border-box;}
#sub_search .integration_box ul li {padding: 8px;box-shadow: 0 0 2px rgba(52,52,52,0.3);width: calc((100% - 14px) / 3);height: 42px;transition: .3s;box-sizing: border-box;border-radius: 4px;}
#sub_search .integration_box ul li:hover{background-color: #3F58D4;}
#sub_search .integration_box ul li:hover a{font-weight: 400;color:#fff;}
#sub_search .integration_box ul li:nth-child(n + 11) {padding-bottom: 0;}
#sub_search .integration_box ul li a::before {display:none;margin: 0 8px -4px 0;width: 19px;height: 19px;background: url(/council/images/search/ico_plus.png)no-repeat; content:'';}
#sub_search .menu_box ul li a {display: block;margin: 0 0 10px;padding: 15px 20px;border: 1px solid #ddd;box-shadow: 0 3px 9px 0 rgba(0,0,0,.06);transition: .2s ease-in-out;border-radius: 5px;box-sizing: border-box;}
#sub_search .menu_box ul li a:hover {box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)}
#sub_search .con_wrap .list li {margin: 0 0 12px;border-bottom: 1px dashed #ddd;}
#sub_search .con_wrap .list li a {display: block;padding: 20px 0px;transition: .2s ease-in-out;box-sizing: border-box;}
/* border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 3px 9px 0 rgba(0,0,0,.06) */
/* #sub_search .con_wrap .list li a:hover {box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)} */
#sub_search .con_wrap .list .tit {margin: 0 5px 0 0;font-family: 'NanumGothic';font-size: 18px;font-weight: 800;font-weight: 500;color: #3F58D4;}
#sub_search .con_wrap .list .date {font-size: 14px;color: #888;}
#sub_search .con_wrap .list .stit {display: -webkit-box;margin: 3px 0 0;overflow: hidden;font-family: 'NanumGothic';font-size: 16px;font-weight: 400;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#sub_search .normal_list tbody tr:nth-child(even) td {background: #f5f5f5;}

/* 검색어순위 */
#right {
    padding: 30px 16px 30px;
    border: 1px solid #ddd;
    width: 230px;
    height: fit-content;
    float: right;
    border-radius: 4px;
}
#right h4 {margin: 0 0 10px; padding-left: 0; background: none; font-size: 20px;}
#right .pop_con {margin: 0 0 20px;border-bottom: 1px solid #ddd;height: 430px;/* padding: 2rem; */}
#right .pop_con > ul {position: relative;}
#right .pop_con > ul > li > a {border: 1px solid #ddd;border-right: 1px solid #ddd;position: absolute;top:0;left: 0;width: 25%;height: 34px;background: #f4f4f4;font-size: 15px;line-height: 32px;text-align: center;text-decoration: none;box-sizing: border-box;}
#right .pop_con > ul > li.on > a {background: #fff;}
#right .pop_con > ul > li:nth-child(2) > a {left: 25%;}
#right .pop_con > ul > li:nth-child(3) > a {left: 50%;}
#right .pop_con > ul > li:nth-child(4) > a {left: 75%;}
#right .pop_con > ul > li .list {display: none; padding: 50px 0 0;}
#right .pop_con > ul > li.on .list {display: block;}
#right .list li {margin: 0 0 5px;}
#right .list li a {display: inline-flex; align-items: center; text-decoration: none;}
#right .list li a::after { display: block; clear: both;content: '';}
#right .list li a span {float: left;font-size: 14px;}
#right .list li a .popNum,
#right .list li a .popNum span {float: right;}
#right .list li a span.num {margin: 0 5px 0px 0;border: 1px solid #ddd;width: 20px;height: 20px;font-size: 13px;font-weight: 600;line-height: 20px;text-align: center;}
#right .list li a span.up {font-size: 12px; font-weight: 900; color: red;}
#right .list li a span.down {font-size: 12px; font-weight: 900; color: blue;}
#right .list li a .popText {font-size: 14px;}

.charge {display: none;}


@media all and (max-width: 1501px){
    .inner {padding: 0 15px; width: 100%;}

	#menu {width: 100%;}
	#menu .depth2 {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 0;}
	#menu .depth2 > li {width: calc(100% / 7);}
	#menu .depth2 > li > a {padding: 0 10px; border-right: none; text-align: center;}
	#menu .depth2 > li:last-child > a { border-right: 1px solid #ddd;}
	#menu .depth2 > li > a:before {display: none;}

    #sub_search {padding: 0;width: 100%;}

	#right {
        display: flex;
        gap: 1rem;
        flex-direction: column;
        margin: 0 auto;
        padding: 0;
        padding: 16px;
        position: initial;
        width: calc(100% - 32px);
        float: none;
        border-radius: 10px;
    }
}
@media all and (max-width:1024px) {
	#header {padding: 15px 0; height: 60px;}
	#header #h_top .logo {position: static;}
	#header #h_top .search_bar {padding: 15px 0 0;width: 100%;}
	#header #h_top .search_bar .btuniv {margin: 0 10px 0 0;}
	#header #h_top .search_bar .sch {width: calc(100% - 270px);}
	#header #h_top .search_bar .btn_wrap {margin: 0 0 0 10px;}
	#header #h_top .search_bar .btn_wrap input:last-child,
	#header #h_top .search_bar .result_chang {display: none;}
}
@media all and (max-width:880px) {
	#sub_search .integration_box {height: auto;}
	#sub_search .integration_box .title {width: 100%;height: 37px;font-size: 18px;line-height: 37px;}
	#sub_search .integration_box ul {padding: 20px;width: 100%;}
}
@media all and (max-width:768px) {
    #header { height: 55px;}
	#menu .depth2 > li {margin: 0;width: calc(100% / 4);}
	#menu .depth2 > li:nth-child(n + 5) {width: calc(100% / 3)}
	#menu .depth2 > li > a {height: 48px; font-size: 16px; line-height: 46px;}
	#menu .depth2 > li:nth-child(4) > a {border-right: 1px solid #ddd;}
	#menu .depth2 > li:nth-child(n + 5) > a {border-top: none;}

	
	#sub_search:before{left:25px; width:140px; height:80px; background-size:100%;}
	#sub_search .search{ margin:0 0 25px;padding:70px 0 45px 0;}
	#sub_search .search fieldset{text-align:center;}
	#sub_search .search #word{width:30%;}
	#sub_search .search button{width:65px; font-size:16px;}
	#sub_search .result > .dot > li:before{top:7px;}
    #right {width: calc(100% - 32px);}
}
@media all and (max-width:568px) {
    #header { height: 40px;}
	#header #h_top .search_bar .btuniv { margin: 0;width: 100px;}
	#header #h_top .search_bar .sch {width: calc(100% - 170px);}
	#header #h_top .search_bar .btn_wrap {margin: 0;}

	#relation .inner {display: block;}
	#relation .inner span {margin: 0 0 10px; text-align: center;}
	#relation .inner ul {display: flex; justify-content: center; flex-wrap: wrap;}

	#total {font-size: 16px;}

	#menu .depth2 > li > a {padding: 0 5px; font-size: 15px;}
	
	#sub_search:before{width:120px;}
	#sub_search .search{padding:55px 0 45px 0;}

	#sub_search .integration_box ul li {width: calc((100% - 7px) /2); text-align: center;}
	#sub_search .con_wrap .list li a {padding: 20px 6px;}
    .con_wrap .tag{margin-bottom: 8px; height: 20px; font-size: 13px; line-height: 20px;}
	#sub_search .con_wrap .list .tit {display: block; overflow: hidden; width: 320px;font-size: 18px; white-space: nowrap; text-overflow: ellipsis;}
    #sub_search .con_wrap .list .stit{font-size: 14px;}

    #sub_search .tit_wrap .total{font-size: 14px;}
    #sub_search .more2{height: 34px !important; line-height: 34px;}
    #sub_search .con_wrap .list .date{font-size: 13px;}
    #sub_search .tabmenu2>li>a{ height: 38px !important;font-size: 15px; font-size: 15px; line-height: 38px;}
}
@media all and (max-width:400px) {
	#sub_search:before{width:100px;}
	#sub_search .search{padding:45px 0 40px 0;}
    #sub_search .tit_wrap h4{background-position: 3px 3px; font-size: 20px;}
    #sub_search .integration_box{border: none;}
    #sub_search .integration_box ul{padding: 0;}
    #sub_search .integration_box ul li{ padding: 8px 4px; height: 36px;}
}

@media all and (max-width:320px) {
    #sub_search .con_wrap .list .tit{width:250px}
}


em{ font-weight: 600;color:red; text-decoration: underline; text-underline-offset: 4px;}
em.result{ font-weight: 600;color:red; text-decoration: underline; text-underline-offset: 4px;}

/* 검색엔진 의정 활동 */
.photo2 li a:hover{ border-color: #3a4eb3;box-shadow: 0 0 0 1px #3a4eb3;}
.photo2 li .img{height: 205px;}

.photo2 li .img img{height: 100%;}

.photo2 li em{display: inline-block;}

.photo2 .tag{display: block;overflow: hidden;width: calc(100% - 40px); height: 23px;font-size: 14px;line-height: 23px;white-space: nowrap;text-overflow: ellipsis;}


@media screen and (max-width: 1280px) {
    .photo2 li .img{
        height: 166px;
    }
}

@media screen and (max-width: 768px) {
    .photo2 li{
        width: 50%;
    }
    .photo2 li a {
        height: 240px;
    }

    .photo2 li .img{
        height: 125px;
    }
}

@media (max-width: 430px) {
    .photo2 li a {
        height: 230px;
    }
    .photo2 li .txt {padding: 12px 5px 20px 14px;}
    .photo2 .tag{font-size: 12px;}
}

@media screen and (max-width: 330px) {
    .photo2 li .img {
        height: 91px;
    }

    .photo2 li a {
        height: 178px;
    }
}

.normal_list{border-top: 3px solid #3a4eb3 ;}

/* 의안정보 billType */
.billType{
    color: #444;
    font-weight: 500;
}