@charset "utf-8";
/* CSS Document */
		.m_header_sec{display: none;}
		.header_sec{width: 100%; height: auto; background-color: rgba(0,0,0,0.7); width: 100%; color: #fff; font-size: 1em; letter-spacing: -1px; position: fixed; z-index: 9999999;}/*background:url(../image/default/gnb_black_70.png);*/
		
			.main_gnb{width: 100%; height: 79px; clear: both; }
			.main_gnb a {color: #fff;}
			.main_gnb > ul > li:first-child{margin-left: 20px;}
			.main_gnb > ul > .on{border-bottom:2px solid red;}
				.main_gnb > .logo{width: 13%; height: 80px;float: left;}
				.logo{ margin-left: 5.5%;}

			.lag {position: relative; margin: 27px 0px 0px 5%; float: left; cursor: pointer;}
				.lag > img{cursor: pointer;}
				.lag > p:hover{opacity: 0.8;}
				.lag > ul{background: #fff; width: 80px; position: absolute; z-index: 999; display: none; border-radius: 1px; padding-left: 5px;}
				.lag > ul > li {text-align: left;}
				.lag > ul > li a{color: #000;}
				.lag > ul > li:hover{opacity: 0.8;}
				
			.sitemap{float: left; height: auto; margin-top: 27px; }
			.sitemap:hover a {opacity: 0.8;}
		
			.menu_gnb{width: 65%; float: left;}
				.menu_gnb > li {width: auto; height: 79px; padding:0px 20px; float: left; line-height: 80px; text-align: center; cursor: pointer; margin-left: 30px;}

			.sub_gnb{width: 79%; padding-left:21%;  height: auto; display: flex; justify-content: space-between;}
				.sub_gnb > ul {width: auto; height: auto; margin-top: 20px; padding-bottom: 20px; }
				.sub_gnb > ul > li:hover{color:#ff2341; background:url(../image/default/menu_arrow_icon_hover.png)no-repeat right 5px;}
				.sub_gnb > ul > li:hover > a{color:#ff2341;}
				.sub_gnb > ul > li {width: auto; float: left;  margin-right: 87px; background: url(../image/default/menu_arrow_icon.png)no-repeat right 5px; padding-right: 20px; color:#ff2341;}
				.sub_gnb > ul > li a{color: #fff;}
				.sub_gnb > ul > li > ul {width: 100%;  color: gray; clear: both; padding-left: 7%; margin-bottom: 15px;}
				.sub_gnb > ul > li > ul > li {clear: both; height: 25px; line-height: 30px; }
				.sub_gnb > ul > li > ul > li > a{color:#9a9a9a;}
				.sub_gnb ul > li > ul > li a:hover{color:#ff2341; background: none;}

			/*	
			.sub_gnb{width: 100%; height: auto; clear: both;}
				.sub_gnb > ul {width: 100%; height: auto; display: inline-block; margin: 20px 0 20px 20.5%; clear: both;}
				.sub_gnb > ul > li:hover{color:#ff2341; background:url(../image/default/menu_arrow_icon_hover.png)no-repeat right 5px;}
				.sub_gnb > ul > li:hover > a{color:#ff2341;}
				.sub_gnb > ul > li {width: auto;  float: left; margin-right: 87px; background: url(../image/default/menu_arrow_icon.png)no-repeat right 5px; padding-right: 20px; color:#ff2341;}
				.sub_gnb > ul > li a{color: #fff;}
				.sub_gnb > ul > li > ul {width: auto;  color: gray; clear: both; margin-top: 10px; }
				.sub_gnb > ul > li > ul > li {clear: both; height: 25px; line-height: 30px;}
				.sub_gnb > ul > li > ul > li > a{color:#9a9a9a;}
				.sub_gnb ul > li > ul > li a:hover{color:#ff2341; background: none;}
			*/

			.top_btn{position: fixed; right: 15%; bottom: 2%; cursor: pointer; z-index: 999; display: none; opacity: 0.7;}

	

		@media screen and (max-width : 1024px){
			
			/* header_gnb 숨김 */
			.header_sec{display: none;}
			
			/* top_btn 숨김 */
			.top_btn img{display: none;}

			/* mobile_header */
			.m_header_sec{display: block; width: 100%; position: fixed; z-index: 9999999;}
			.m_main_top {display:inline-block; width: 100%;background-color:rgba(0,0,0,0.7);}
				.m_main_top >.logo >li{float: left;}
				.logo > li:first-child{width: 25.2%; margin-bottom: -5.2px;}
				.logo > li:last-child{width: 8.3%; float: right; margin:3.5% 5.5% 0 0 ;}
				.logo > li img{width: 100%;}
				

		}