*{padding:0; margin:0;font-family: 'Noto Sans KR', sans-serif;}
    ul,li,ol,li{list-style:none;}
    h1{font-size:20px;}
    h2{font-size:16px;}
    h3{font-size:14px;}



    @media screen and (min-width:769px) {
    	.only-m{display:none;}

    	header{width:100%; text-align:center;  background:#fff; position: fixed; z-index: 99999; height:auto; border-bottom: 1px solid #eee;}
		header:before{content: ""; position: absolute; left: 0px; top: 95px; width: 100%; border-bottom: 1px solid #fff0; transition:all 0.3s linear;}
		/*
		header:hover{-webkit-box-shadow: -2px 2px 5px rgb(226 226 226); transition:all 0.3s linear;}
		*/
		header:hover:before{border-bottom: 1px solid #eee; transition:all 0.3s linear;}
		
    	header .head-content{max-width: 1220px; width: 100%; padding: 10px 10px 7px; margin: auto; overflow: hidden; box-sizing: border-box;}
    	header .head-content:after{clear:both; display:block; content:"";}
		header .head-content a img{padding:6px 0 0 0;}

    	header h1{float:left}
    	header h1 a{color:#000; text-transform:uppercase;}

    	header .nav{display:inline-block; margin:auto; vertical-align:middle;}
    	header .nav > ul{margin-top:26px;}
    	header .nav > ul:hover{color:#aaa}
		header .nav > ul:after{clear:both; display:block; content:"";}
    	header .nav > ul li.dep02 {float:left; }	
		header .nav > ul li.dep_hover {position: relative;}
		header .nav > ul li.dep_hover:before{
			content: "";
			position: absolute;
			top: 30px;
			left: 50%;
			width: 8px;
			height: 3px;
			border: 0px solid rgb(144 195 32 / 0);
			background-color: rgb(205 220 57 / 0%);
			border-radius: 20px;
			z-index:9999;
			transition:all 0.3s ease-out;
			}
		header .nav > ul li.dep_hover:hover:before{
			left: 25%;
			border: 0px solid #90c320;
			background-color: #8BC34A;
			transition:all 0.3s ease-out;
            width: 50%;
			height: 3px;
		}
		header .nav > ul li.dep02 h2{margin:0 10px; font-size: 18px;}
		header .nav > ul li.dep02 h2 a{padding: 0 30px; color:#666; font-weight: 400;}
		
		@media screen and (max-width:1200px) {
		header .nav > ul li.dep02 h2 a{padding: 0 20px; color:#666; font-weight: 400;}	
		}
		@media screen and (max-width:1065px) {
		header .nav > ul li.dep02 h2 a{padding: 0 10px; color:#666; font-weight: 400;}	
		}
		@media screen and (max-width:965px) {
		header .nav > ul li.dep02 h2 a{padding: 0 0px; color:#666; font-weight: 400;}	
		}
		@media screen and (max-width:865px) {
		header .nav > ul li.dep02 h2{font-size: 15px;}	
		.remote {padding: 4px 20px!important; font-size: 15px;}
		}
		@media screen and (max-width:810px) {
		header .nav > ul li.dep02 h2{font-size: 12px;}
		.remote {padding: 4px 10px!important; font-size: 12px;}
		}
    	header .nav > ul li.dep02.active h2 a{}
		header .nav > ul li.dep02 h2 ~ ul.dep03{max-height:0; position:relative; margin:0px 0; transition:all 0.8s cubic-bezier(0, 0, 0.32, 1.01); opacity: 0;}
    	header .nav > ul li.dep02.active h2 ~ ul.dep03{opacity: 1; }
		header .nav > ul li.dep02.active h2 ~ ul.dep03{max-height:300px;}
    	header .nav > ul li.dep02 h2 ~ ul.dep03 li{}
    	header .nav > ul li.dep02 h2 ~ ul.dep03 li h3{padding:6px 0; font-size:14px; font-weight: 300; display:inherit; color:#aaa; text-decoration:none;transition:all 0.3s ease-out;}
		header .nav > ul li.dep02 h2 ~ ul.dep03 li h3:hover{color:#333;transition:all 0.2s linear; cursor: pointer;}
    	header .nav > ul li.dep02 h2 ~ ul.dep03 li h3 a{}
    	header .nav > ul li.dep02 h2 ~ ul.dep03 li h3 a:hover{}
		.blank{height:45px;}
		.top_menu_right {float: right; width: 137px; display: flex; height: 51px; justify-content: flex-end;}
		
		.remote {color: #fff!important; background: #2196f3; padding: 4px 30px!important; border-radius: 36px; font-size: 16px;}
    }



    @media screen and (max-width:768px) {
    	.only-m{display:block;}

    	.m-btn-nav{width:30px; height: 24px; float:right; padding:5px; margin: 25px 0 35px; background: transparent; border: 0;}
    	.m-btn-nav span{display:block; width:15px; height:2px; background:#000; position:relative;}
    	.m-btn-nav span:before{display:block; width:15px; height:2px; background:#000; position:absolute; top:-5px; left:0; content:" ";}
    	.m-btn-nav span:after{display:block; width:15px; height:2px; background:#000; position:absolute; bottom:-5px; left:0; content:" ";}



    	header{width:100%; text-align:center;  background:rgba(255, 255, 255 , 1.0); position:fixed; top:0; left:0;z-index: 9;}
    	header .head-content{max-width:100%; width:100%; padding:10px 10px 0px; margin:auto; overflow:hidden; box-sizing:border-box;}
    	header .head-content:after{clear:both; display:block; content:"";}

    	header h1{float:left; margin-top:10px;}
    	header h1 a{color:#000; text-transform:uppercase;}

    	header .nav{display:inline-block; width:100%; margin:auto; vertical-align:middle;}
    	header .nav > ul{display:none;}
    	header .nav > ul.active{display:block;}
    	header .nav > ul:after{clear:both; display:block; content:"";}
    	header .nav > ul li.dep02{float:none; width:100%; overflow: hidden;}
    	header .nav > ul li.dep02 h2{width:100%; margin:0 0px;}
    	header .nav > ul li.dep02 h2 a{padding:5 10px; color:#ebebeb; text-align:center;}
    	header .nav > ul li.dep02.active h2 a{color:#000;}
    	header .nav > ul li.dep02 h2 ~ ul.dep03{display: none; max-height:200px; position:relative; margin-top:0px; transition: none;}
    	header .nav > ul li.dep02.active h2 ~ ul.dep03{display: block; max-height:200px;}
    	header .nav > ul li.dep02 h2 ~ ul.dep03 li{}
    	header .nav > ul li.dep02 h2 ~ ul.dep03 li h3{}
    	header .nav > ul li.dep02 h2 ~ ul.dep03 li h3 a{padding:4px 0;}

    }
@charset "utf-8";
/* CSS Document */

* {	margin: 0;	padding: 0;}
ul, li, ol {	list-style: none;}
a {	text-decoration: none;	color: inherit;}

/* 서브메뉴 */

.jbMenu {position: fixed; top: 93px; width:100%; transition:all 0.5s linear; z-index: 9999;}

/*
.jbFixed {position: fixed; top: 93px; width:100%; background:#0168b7; z-index:9997; color:#fff; transition:all 0.3s linear;display:block}
*/

.sub_category_1	{border-bottom: 1px solid #ffffff; text-align:center; font-size:14px; font-weight:400; padding:10px 0;-webkit-box-shadow: -2px 2px 5px rgb(226 226 226); background:#fff; color:#000;}
.sub_category_1 a {padding: 0 24px; transition:all 0.3s ease-out; font-weight:300; opacity:0.7;}
.sub_category_1 a:hover{transition:all 0.3s ease-out; color:#000; opacity:1;}




/* left_navi */
#left_navi{
	
	}
#left_navi>ul{
	display:flex;
	width:100%;
	
	
	}
#left_navi>ul:after{
	border:2px solid #ff0000;
	
}
#left_navi>ul>li{
	width:100%;
	/* 말줄임표 공식 */
	white-space:nowrap;	/* 줄안바꾸기 */
	text-overflow:ellipsis; /* 생략기호 */
	padding:20px;
	background:#0168b5;
	color: #fff;
	border-left:0px solid white;
	position:relative;
	font-size:18px;
	font-weight:400;
	border-radius: 40px 5px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
	
}

#left_navi>ul>li>ul{
	padding:20px 0px;
	width:100%;
	left:3px;
	top:54px;
	font-size:15px;
	font-weight:400;
	line-height:25px;
    /*border-bottom: 1px solid #00b0c2;*/
	
}

#left_navi>ul>li>ul>li{
	
		
	transition:0.3s;
	border-right: 0px solid #0168b5;
	line-height:25px;
}

#left_navi>ul>li>ul>li:hover{
	
	font-weight:700;	
	transition:0.0s;
	padding-right:5px;
	border-right: 5px solid #fff;
	line-height:25px;
}


.title_padding{
	padding-bottom:5px;
	
}

.title_border{
	padding-bottom:4px;
	border-bottom:2px solid #fff;	
}