@media (max-width: 1500px){ 
#container {width: 96%;}
}



@media (max-width: 1100px){ 
#gnb2.on{padding:0;}
#gnb2 .top_menu > ul > li > a {    font-size: 0.95rem;  padding: 0.3em; border-bottom:#fff solid 1px}
h2{  font-size: 1.33em;}
h3{  font-size: 0.88em;}
#gnb{height: 70px; width:90%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;}
#gnb2 {top:70px;}
#gnb .logo {padding-left:0; width:60%; text-align:left; }

#gnb .top_menu{display:none;}
.etc_btn {    width: 35%;}

.con_wrap h3{font-size:26px;margin-left:0px; margin-right:0px;}
.con_wrap h4{color:#3399ff; line-height:140%; font-size:20px;  font-weight:500;}
.con_wrap h5{color:#212121; line-height:160%; font-size:18px; letter-spacing:-0.25px; font-weight:500; margin-top:-3px; padding-bottom:10px;}

.con_wrap h2{color:#111111; line-height:140%;  font-size:30px;  font-weight:800;  position:relative;}

.con_wrap .t_blue{ font-size:28px;}
.con_wrap h3::before { content:""; width:60px; height:4px; background:#161a7d; position:absolute; left:0px; top:0px;}

#wrapper .content_title2{ padding:35px 0; font-size:30px; word-break:keep-all;}
#wrapper .content_sub_title{padding-top:0; font-size:12px;padding-bottom:0px;}
#wrapper .content_line{width:68px;height:6px;background:#1d224e;margin:0 auto;}




			.navigation {
			width:100%;

			margin: 0 auto;
		}
		.navigation dt{display:none;}
		.navigation > dl{display:flex;}
		.navigation > dl dd{width:50%;}

		.navigation > dl dd > ul {
			width: 50%;
		}


		.etc_btn a.menu_open i {
			font-size: 30px !important;
		}


		.etc_btn a img {width:45px;}
		.etc_btn a.enbtn{width: 45px;    height: 45px;}
	#gnb .logo a img{max-width:260px;width:100%; height: auto;}
	
	 .etc_btn a.menu_open{display:inline-block;width:auto; height:70%; max-height:45px; background:#fff; text-align:right;}
	/*  .etc_btn a.login_btn{display:none;} */
	 .etc_btn a.menu_open i{color:#fe585a;}
	.etc_btn a.lang{display:inline-block;width:100px;height:28px;margin-right:3px;}
	.etc_btn a.lang img{margin:0 2%;padding:0 6%;}
	.etc_btn a.lang .lang_txt{font-size:13px;}
	.etc_btn a.login{display:none;}


#gnb{margin:0 auto;}


#gnb2 .top_menu > ul > li{width: 23%;}
 #gnb2 .top_menu ul li .submenu li a{ padding: 0.3em;
    display: block;}

}


@media (max-width: 800px){ 
h2{  font-size: 1.3em;}
h3{  font-size: 0.85em;}

#gnb2 .top_menu ul li .submenu  li{ padding: 0.3em;   border-bottom: #40546a solid 0px;}
	
#gnb2 .top_menu ul li .submenu li {
margin: 0.15em 0em;
    width: auto;
    text-align: center;
    font-family: 'NanumSquareNeoB';
}
#bumy .bumy_board {font-size:0.9em;}
#bumy .bumy_board table {font-size:0.95em;}
#wrapper .content_title2{font-size:1.6em;}
}

@media (max-width: 680px){ 
#bumy .bumy_board {font-size:0.85em;}
#bumy .bumy_board table {font-size:0.91em;}
h2{  font-size: 1.2em;}
h3{  font-size: 0.75em;}
#gnb2 .top_menu > ul > li { margin-top: 3vh;}
#gnb2 .top_menu > ul > li > a {    font-size: 0.85rem;  }
#gnb2 .top_menu ul li .submenu{margin-top: 0.3em; padding-top:0.3em; }
#gnb2 .top_menu ul li .submenu li  a {    font-size: 0.8rem;line-height:140%;}
.navigation > dl dd {margin:0;}
.navigation > dl dd > ul {    transform: translate(0px, 1px);}
.navigation  a{padding-left: 10px !important; font-size:0.6em !important}

}
@media (max-width:480px){ 
#gnb2 .top_menu > ul > li {    width:50%;margin-top: 3.5vh;}
#gnb2 .top_menu ul li .submenu li  a { font-size: 0.75rem;}
.etc_btn a.enbtn{display:none;}
}