@charset "utf-8";

/*  GNB  */

@media all and (min-width:1025px) {

header .m_top_util { display:none; }

	.dropdown-content-menu { display:none; float:left; position:absolute; top:76px; background-color:#fff; padding:0; border: 1px solid #ccc; border-top: none; }
	.dropdown-content-menu a { font-size:14px; color:#676f7c; background-color:#fff; padding:10px; min-width:150px; text-align:left; text-decoration:none; outline:none; display:block; font-weight:normal; }
	.dropdown-content-menu a:hover { color:#fff; background-color:#222; }
	.dropdown-menu:hover .dropdown-content-menu { display:block; }
	.dropdown-menu:hover .dropbtn-menu { text-decoration:none; outline:none; }
	.menu-icon { float:right; position:relative; top:3px; }

	.dropdown-content-menu-sub { display:none; float:left; position:absolute; margin-top:-36px; left:151px; padding:0; border: 1px solid #ccc; }
	.dropdown-content-menu-sub a { font-size:14px; color:#2b2b2b; background-color:#FFF; padding:10px; min-width:150px; text-align:left; text-decoration:none; outline:none; display:block; }
	.dropdown-content-menu-sub a:hover { color:#fff; background-color:#676f7c; }
	.dropdown-menu-sub:hover .dropdown-content-menu-sub { display:block; }
	.dropdown-menu-sub:hover .dropbtn-menu-sub { text-decoration:none; outline:none; }

	.dropdown-content { display:none; position:absolute; top:77px; right:0; background-color:#fff; padding:0; }
	.dropdown-content p { text-align:center; font-size:14px; background-color:#222; color:#fff; padding:10px 15px; min-width:120px; }
	.dropdown-content a { font-size:14px; color:#222; background-color:#fff; padding:10px; min-width:120px; text-align:center; text-decoration:none; outline:none; display:block; }
	.dropdown-content a:hover { color:#fff; background-color:#222; }
	.dropdown:hover .dropdown-content { display:block; }
	.dropdown:hover .dropbtn { text-decoration:none; outline:none; }
	.timeline::before { content:" "; height:20px; position:absolute; top:-60px; width:0; z-index:1; right:0; border:medium solid white; border-width:20px 0 20px 20px; border-color:transparent #222 #222 transparent; }
	.language { position:relative;  }
}




/* 모바일 */
@media all and ( max-width:1024px ) {

	header #gnb { display:none; }

	header .m_top_util { float: right; }
	header .m_top_util .menu li { position:relative; float: left; width:55px; height:55px; line-height:55px !important; text-align:center; }
	header .m_top_util .menu li > .tit { display:block; }
	header .m_top_util .menu li > .gnb { margin:0 auto 0; display:block; width: 30px;  height:20px; background: url(../images/icon_gnb.png) no-repeat center; background-size: 100% auto; }

	/* 모바일-언어선택 */
	.dropdown-content { display:none; position:absolute; top:55px; right:0px; background-color:#0; padding:0; }
	.dropdown-content p { height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#222; color:#fff; min-width:120px; margin:0; padding:0; }
	.dropdown-content a { height:40px; line-height:40px; font-size:14px; color:#222; background-color:#fff; padding:0 10px; min-width:120px; text-align:center; text-decoration:none; outline:none; display:block; border-top:1px solid #d6d6d6;  }
	.dropdown-content a:hover { color:#fff; background-color:#222; }
	.dropdown:hover .dropdown-content { display:block; }
	.dropdown:hover .dropbtn { text-decoration:none; outline:none; }
	.timeline::before { content:" "; height:20px; line-height:55px; position:absolute; top:-60px; width:0; z-index:1; right:0; border:medium solid white; border-width:20px 0 20px 20px; border-color:transparent #222 #222 transparent; }
	.lang-img { padding-top:0; }

/*	.bg_01 { background-color:rgba(255, 255, 255, 0.4);}*/
}