html, body {-webkit-text-size-adjust: 100%; position: relative; }


/*모바일메뉴시 바디 스크롤 막기*/
.not_scroll{ position: fixed; overflow: hidden; width: 100%; height: 100%}

/*공통*/
.maxBox{width: calc(100% - 200px); margin: 0 auto;}
.color_red{color: #f00 !important;}

/*헤더*/
header{position:fixed;left: 0; top: 0; right:0; width: 100%; z-index: 999; align-items: center;}
.header_wrap_top{box-sizing: border-box; background: #fff; border-bottom: 1px solid #c9c9c9;}
.header_wrap_top::after{clear: both; overflow: hidden; display: block; content: "";}
.header_wrap_top h1{float: left;}
.header_wrap_top h1 img{vertical-align: middle; padding: 16px 0;}
.header_wrap_top_left{float: right; padding: 18px 0;}
.header_wrap_top_search{display: inline-block; border-bottom: 2px solid #111; padding: 10px 5px; margin-left: 10px; width: 210px;}
.header_wrap_top_search input.more{background: url(/images/egovframework/scourt/chi/sub/serch_btn.png)no-repeat left center; width: 15px; height: 15px; vertical-align: middle;}
.header_wrap_top ul{display: inline-block; vertical-align: middle;}
.header_wrap_top ul::after{clear: both; content: ""; display: block; overflow: hidden}
.header_wrap_top ul> li{border-right: 1px solid #000; padding: 0 10px; box-sizing: border-box; float: left;}
.header_wrap_top ul> li:last-child{border-right: none; padding-right: 0;}
.header_wrap_bottom{background: #9a1262;}
.header_wrap_bottom:hover{background: #fff;}
.header_wrap_bottom .maxBox::after{clear: both; overflow: hidden; display: block; content: "";}
.header_wrap_bottom .header_menu::after{clear: both; overflow: hidden; display: block; content: "";}
.header_wrap_bottom .header_menu{width: 802px; margin: 0 auto;}
.header_wrap_bottom .header_menu> li{float: left;}
.header_wrap_bottom .header_menu> li> a{font-size: 24px; color: #fff; display: block; text-align: center; box-sizing: border-box; padding: 20px 10px; margin-right: 80px;}
.header_wrap_bottom .header_menu> li:last-child> a{margin-right: 0;}
.header_wrap_bottom:hover .header_menu> li> a{color: #000;}
.header_wrap_bottom:hover .header_menu> li:hover> a{color: #9a1262; text-decoration: underline; }
.hamburger_pc{float: right; margin-top: -57px; background: url(/images/egovframework/scourt/chi/hamburger.png)no-repeat; width: 40px; height: 40px; border-radius: 40px;}
.header_wrap_bottom:hover .hamburger_pc{background: url(/images/egovframework/scourt/chi/hamburger2.png)no-repeat;}

/*헤더 햄버거*/
.hamburger_mob{display: none;}
.hamburger_page_wrap_pc{position:fixed; left: 0; top: 76px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; z-index: 99;}
.hamburger_page_wrap_pc::after{clear: both; content: ""; display: block; overflow: hidden}
.hamburger_page_wrap_pc .hamburger_page{background: #fff; height: 100%; padding: 50px; box-sizing: border-box; }
.hamburger_page_wrap_pc .closeBtn{background: #fff; float: right; }
.hamburger_page_wrap_mob{display: none !important;}

/*메인메뉴네비*/
.main_nav_wrap{position:absolute; left: 0; top: 152px; background: #fff; width: 100%; z-index: 99; display: none; box-shadow: 1px 1px #ccc; }
.main_nav_wrap .maxBox::after{clear: both; overflow: hidden; display: block; content: "";}
.main_nav_wrap .main_nav_left{float: left; width: 18%; box-sizing: border-box; margin-top: 1%; font-size: 26px; color: #9a1262; text-decoration: underline; line-height: 1.618em; margin-bottom: 20px;}
.main_nav_wrap .main_nav_right{float: right; width: 80%;}
.main_nav_wrap .main_nav_right::after{clear: both; overflow: hidden; display: block; content: "";}
.main_nav_wrap .main_nav_right .main_nav_right_2dep_box {float:left; position: relative;top: 0; width: 100%; margin-bottom: 20px;}
.main_nav_wrap .main_nav_right .main_nav_right_2dep_box::after{clear: both; overflow: hidden; display: block; content: "";}
.main_nav_wrap .main_nav_right .main_nav_right_2dep_box .main_nav_right_2dep{width: 23.5%; margin-right: 2%; float: left; margin-top: 1%;}
.main_nav_wrap .main_nav_right .main_nav_right_2dep_box .main_nav_right_2dep:hover> a{background: #9a1262; color: #fff;}
.main_nav_wrap .main_nav_right .main_nav_right_2dep_box .main_nav_right_2dep> a{ padding: 15px 10px; box-sizing: border-box; display: block; border: 1px solid #c9c9c9; font-size: 17px; text-align: center; font-weight: bold; line-height: 20px;}
.main_nav_wrap .main_nav_right .main_nav_right_2dep_box .main_nav_right_2dep:nth-child(4n){margin-right: 0;}
.main_nav_wrap .main_nav_right .main_nav_right_3dep{margin: 10px 0;}
.main_nav_wrap .main_nav_right .main_nav_right_3dep:hover> a{color: #9a1262; text-decoration: underline;}

.link{background: url(/images/egovframework/scourt/chi/direct.png)no-repeat right 10px center;}


/*푸터*/
footer{border-top: 1px solid #c9c9c9; padding: 20px 0; box-sizing: border-box; position: relative;}
footer address{margin-top: 20px !important;}
footer address, footer p{color: #aaaaaa; margin-top: 5px;}
footer select{position:absolute; right: 5.3%; top: 0; background-color: #f7f7f7 !important; border: 1px solid #cdcdcd; padding: 15px 20px; box-sizing: border-box; font-size: 17px; width: 270px; margin-top: 20px; color: #7d7d7d; appearance:none; background: url(/images/egovframework/scourt/chi/select.png)no-repeat right 20px center;}

/*****테블릿가로버전*****/
@media all and (min-width:1221px) and (max-width:1530px) {  
    /*공통*/
    .maxBox{width: calc(100% - 150px); margin: 0 auto;}
    .mgt30{display: none;}

    /*헤더*/
    .header_wrap_top{box-sizing: border-box; background: #fff; border-bottom: 1px solid #c9c9c9;}
    .header_wrap_bottom .header_menu{width: 720px;}
    .header_wrap_bottom .header_menu> li> a{font-size: 20px;}

    /*헤더 햄버거*/
    .hamburger_pc{margin-top: -52px;}
    .hamburger_page_wrap_mob{display: none !important;}

    /*메인메뉴네비*/
    .main_nav_wrap{top: 143px;}
    .main_nav_wrap .main_nav_left{font-size: 20px;}
    
    /*푸터*/
    footer select{font-size: 17px; padding: 12px 20px;}
}

/*****테블릿세로버전*****/
@media all and (min-width:701px) and (max-width:1220px) { 
    /*공통*/
    .maxBox{width: calc(100% - 100px); margin: 0 auto;}
    .mgt30{display: none;}

    /*헤더*/
    header> div .header_menu{display: none;}
    .header_wrap_top ul{display: none;}
    .header_wrap_top h1{padding: 0; width: 140px;}
    .header_wrap_top h1 a{vertical-align: middle; display: flex; align-items: center; padding: 17px 0;}
    .header_wrap_top h1 a img{width: 100%; padding: 0; vertical-align: initial;}
    .header_wrap_top_left{float: right; padding: 12px 0; margin-right: 50px;}

    /*헤더 햄버거*/
    .hamburger_pc{display: none;}
    .hamburger_mob{float: right; margin-top: -54px; display: block;}
    .hamburger_page_wrap_pc{display: none;}
    .hamburger_page_wrap_mob_bg{width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0; display: none; z-index: 9;}
    .hamburger_page_wrap_mob{position:fixed; right: -40%; top: 0; bottom: 0; width: 40%; height: 100%;  z-index: 9999; border-left: 1px solid #c9d6df; display: block !important; z-index: 9999;}
    .hamburger_page_wrap_mob::after{clear: both; content: ""; display: block; overflow: hidden}
    .hamburger_page_wrap_mob .hamburger_page{background: #fff; height: 100%;}
    .hamburger_page_wrap_mob .left_snav_title{padding:20px !important; text-align: left; background: #9a1262; font-size: 12px;}
    .hamburger_page_wrap_mob .left_snav_title> a{color: #fff;}
    .hamburger_page_wrap_mob .left_snav_title> a::after{content: " |";}
    .hamburger_page_wrap_mob .left_snav_title> a:nth-child(2)::after, .hamburger_page_wrap_mob .left_snav_title> a:last-child::after{content: "";}
    .hamburger_page_wrap_mob .hamburger_page .left_sub_nav_wrap{display: block !important;}
    .hamburger_page_wrap_mob .closeBtn{position: absolute; right: 20px; top: 17px; border: 1px solid #fff; color: #fff; width: 25px; height: 25px; line-height: 25px; display: flex; justify-content: center; font-size: 12px;}   

    /*푸터*/
    footer h1 img{width: 180px; }
    footer select{font-size: 17px; padding: 12px 20px;}
}

/*****모바일*****/
@media all and (max-width:700px) { 
    /*공통*/
    .maxBox{width: calc(100% - 50px); margin: 0 auto;}

    /*헤더*/
    header> div .header_menu{display: none;}
    .header_wrap_top h1{width: 130px;}
    .header_wrap_top h1 a{vertical-align: middle; display: block; padding: 5px 0;}
    .header_wrap_top h1 img{width: 100%; vertical-align: -5px; padding: 0;}
    .header_wrap_top ul{display: none;}
    .header_wrap_top_left{margin-right: 26px; padding: 10px 0;}
    .header_wrap_top_search{padding: 5px; margin: 0; width: 100px;}
    .header_wrap_top_search input{width: 68px; font-size: 10px;}
    .header_wrap_top_search button{background-size: 12px;}

    /*헤더 햄버거*/
    .hamburger_pc{display: none;}
    .hamburger_mob{float: right; margin-top: -46px; display: block; margin-right: -15px ;}
    .hamburger_page_wrap_pc{display: none; }
    .hamburger_page_wrap_mob_bg{width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0; display: none; z-index: 9;}
    .hamburger_page_wrap_mob{position:fixed; right: -60%; top: 0px; bottom: 0; width: 60%; height: 100%;  display: block !important; z-index: 99; display: block; border-left: 1px solid #c9d6df; z-index: 9999;}
    .hamburger_page_wrap_mob::after{clear: both; content: ""; display: block; overflow: hidden}
    .hamburger_page_wrap_mob .hamburger_page{background: #fff; height: 100%; }
    .hamburger_page_wrap_mob{display: none;}
    .hamburger_page .left_sub_nav_wrap{display: block !important;}
    .hamburger_page_wrap_mob .left_snav_title{padding:15px !important; text-align: left; background: #9a1262; color: rgb(82, 97, 107);}
    .hamburger_page_wrap_mob .left_snav_title> a{font-size: 12px !important; color: #fff;}
    .hamburger_page_wrap_mob .left_snav_title> a::after{content: " |";}
    .hamburger_page_wrap_mob .left_snav_title> a:nth-child(2)::after, .hamburger_page_wrap_mob .left_snav_title> a:last-child::after{content: "";}
    .hamburger_page_wrap_mob .hamburgerBox{overflow-y: scroll; height: calc(100% - 60px);}
    .hamburger_page_wrap_mob .hamburger_page .left_sub_nav_wrap{display: block !important;}
    .hamburger_page_wrap_mob .closeBtn{position: absolute;right: 15px;top:14px;width: 25px; height: 25px; line-height: 25px ;border: 1px solid #c9c9c9;color: #fff;font-size: 12px;display: flex;justify-content: center; }

    
    /*푸터*/
    footer{padding: 15px 0;}
    footer h1{display: block;}
    footer h1 img{width: 120px !important;}
    footer select{font-size: 12px; padding: 7px 10px; right: 25px; width: calc(100% - 50px); top: 40px; background: url(/images/egovframework/scourt/chi/select.png)no-repeat right 10px center;}
    footer address{margin-top: 50px !important;}
    footer address, footer p{font-size: 12px; margin-top: 0;}

}