@charset "utf-8";

#logo .ir-logo{border:none;display:inline-block;margin:0;padding:0;width:230px;height:62px;font-size:0;line-height:0;background-position:0 -418px;}
#logo .kor{display:none;}

#logo a{color:#2a2a2a;}
#animate{background:url(/images/grad/bg_ani.png) 0 -11px;}
#tm .th1 .th1_lnk{color:#333;}
#sitelink a.sitemap {width:53px;height:53px;border-radius:100%;background:#1a1a1a;}
#sitelink a.sitemap .ir {margin:13px auto 0;}
#sitelink a.sitemap .ir, #sitelink a.mo .ir {
    background-position: -293px -288px;
}

#logo .sitename{
	color:rgba(255, 255, 255, 0);
	max-width: 100%;
	width:250px;
    height:50px;
	background:url(/images/grad/m_logo.png)no-repeat; 
	background-size: auto;
	margin:15px 20px 0;	
}

#navigate span {margin-top:-10px!important;}


#footer{background:#515151;}
#footer .copy span{font-size:inherit;line-height:inherit;}

#tm{padding-right:0;}
#tm .th2.current{transform:translateY(3px);}

#footer .layout {color:#a9a9a9;}
#footer .layout .ffamily > a{color:#a3a3a3;}
#footer .layout .footer_menu ul li a{color:#fff;font-weight:normal;} 

#header #logo {margin-top:5px;}
#logo .sitename {padding:20px 15px 30px;}


#tm .th1 .th1_lnk .line{background-color:#7cbd27!important;}
#tm .th2 a:hover,#tm .th2 a:focus{color: #7cbd27!important; text-decoration:none;}
#sitelink a.kor .ir {display:none;}
#remote #lnb .th2 .link_2th_ov {
    position: relative;
    border-color: #1a1a1a;
    background-color: #1a1a1a;
	color: #fff;}
#remote #lnb .th2 .link_2th_ov:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
	border-top-color: #1a1a1a;}




@media (max-width: 1639px){
	#gnb{padding-left:0;}
	#logo .kor{margin-right:0;width:190px;}
	/*#logo .sitename{padding:0px 0px 0px 40px;}*/
	#logo .kor{padding:20px 60px;}
	/*#header #logo {margin-left:-30px;}*/
}


@media (max-width: 1299px){
	#tm{padding-left:170px;padding-right:30px;}
	#tm .th1 .th1_lnk{padding:5px 0 23px;}
	#tm .th2 a{padding:2px 0;}
}


@media (max-width: 1279px){
	#logo:before{display:none;}
	#logo .sitename{padding-top:20px; margin-left:20px;}
	#logo .sitename,
	#tm .th1 .th1_lnk{color:#fff;}
	#animate{background-position:0 -24px;}
	#sitelink a.sitemap{top:60px;}

	#footer .layout .ffamily{margin-top:0;}
	#header #logo {margin-top:-5px;}
}

@media (max-width: 1023px){
	/*#logo .sitename,
	#tm .th1 .th1_lnk{color:#333;}*/
	#animate{background-position:0 0; padding-top:5px;}
	#sitelink a.mo{width:53px;height:53px;background:#1a1a1a;border-radius:100%;}
	#sitelink a.mo .ir{margin:12px 0 0 12px;}
	#logo .kor{padding:30px 30px;}
	#header #logo {margin-left:0;}
	
}

@media (max-width: 767px){
	#logo .kor{padding:22px 21px;}
	
	#footer .layout .ffamily{display:inline-block;}
	#logo .kor{padding:20px 35px;}
	#logo .sitename {
		background: url(/images/grad/m_logo.png)no-repeat;
		color: rgba(255, 255, 255, 0);
		background-size: containl
	}	
	
}

@media (max-width: 639px){	
	#footer .layout{padding:25px 10px;}
	#footer .layout .footer_menu ul{text-align:center;}
	#footer .layout .footer_menu ul li{display:inline-block;float:none;}
	#footer .number span{display:block;}
	#footer .number span:before{display:none;}
	#footer .finfo address,
	#footer .copy{padding:0;text-align:center;word-break:keep-all;}
	#footer .copy{font-size:13px;letter-spacing:-1px;}
	#footer .copy span{display:block;}
	#footer .layout .ffamily{right:0;top:35px;width:100%;}
	#footer .layout .ffamily > a{margin:0 auto;width:100%;}
	#footer address div{display:block;}

}

@media (max-width: 459px){
	#footer .layout .footer_menu ul li{margin:0 0 5px 15px;width:auto;border:0;}
	#footer .layout .footer_menu ul li:first-child{margin-left:0;}
}




/*footer_dep_new*/
#footer{background-color:#000;}
#footer .layout{width:100%; color:#666;font-size:16px;}

.footer_menu {display: block; padding:0; width:100%; margin:0 auto; border:0 none;} 
.footer_menu .ffamily a:before,
.footer_menu .ffamily_dep a:before {display:none;}
.finfo{
	padding: 0 !important;
	float:none!important;
	position: static;
	width:100%;
	max-width: 1400px;
	margin:20px auto 0;
	display: flex;
	gap:10px;
}

#footer .addr span {color:#777; margin:0 10px;}
#footer address {padding-top:10px !important;}
#footer .number span{display:inline-block;position:relative;margin:0 20px 0 0; color:#777;}
#footer address, #footer .copy{display:block;text-align:left; display: block; width:100%; max-width:1400px; margin:0 auto; color:#777; font-size: 16px;;}

.footer_menu .fsite{
	position:static; width:100%; max-width: 1400px; padding-bottom:30px!important; background: #000; margin:0 auto; display: flex; gap:20px; border-bottom:1px solid #555!important;
}

#footer .layout .ffamily{display: inline-block; width:100%; max-width: 320px; position: static;}
#footer .layout .ffamily>a{display:block;padding:10px 105px 10px 20px;background:url(/images/common/department/family_arr.png) no-repeat 95% 50%;border:1px solid #c1c1c1;color:#333;line-height:16px; background-color: #fff; font-weight:normal;}
#footer .layout .ffamily>a.ov{background-image:url(/images/common/department/family_arr_ov.png)}
#footer .layout .ffamily .obj{display:none; position:absolute; bottom:220px; left:auto; padding:10px; width:100%; max-width:320px; height:auto; background-color:#fff; border:1px solid #c1c1c1;}
#footer .layout .ffamily .obj li{margin-left:0;padding:5px 0 4px;width:100%;border-top:1px dashed #c1c1c1;font-size:16px;line-height:18px}
#footer .layout .ffamily .obj li:first-child{border-top:0}
#footer .layout .ffamily .obj li:first-child:before{display:inline-block;}
#footer .layout .ffamily .obj li a {font-weight: normal; color:#666}

#footer .layout .ffamily_dep{display: inline-block; width:100%; max-width: 320px; position: static;}
#footer .layout .ffamily_dep>a{display:block;padding:10px 105px 10px 20px;background:url(/images/common/department/family_arr.png) no-repeat 95% 50%;border:1px solid #c1c1c1;color:#333;line-height:16px; background-color: #fff; font-weight:normal;}
#footer .layout .ffamily_dep>a.ov{background-image:url(/images/common/department/family_arr_ov.png)}
#footer .layout .ffamily_dep .obj{display:none; position:absolute; bottom:220px; left:auto; padding:10px; width:100%; max-width:320px;  height:auto; background-color:#fff; border:1px solid #c1c1c1; }
#footer .layout .ffamily_dep .obj li{margin-left:0;padding:5px 0 4px;width:100%;border-top:1px dashed #c1c1c1;font-size:16px;line-height:18px}
#footer .layout .ffamily_dep .obj li:first-child{border-top:0}
#footer .layout .ffamily_dep .obj li:first-child:before{display:inline-block;}
#footer .layout .ffamily_dep .obj li a {font-weight: normal; color:#666}

.footer_menu li:before{display: none!important;}
.footer_menu li:first-child{margin-left:0;padding-left:0}
.footer_menu li:first-child:before{display:none}

.footer_menu .finfo li a {color:#fff!important; font-weight: normal!important;}
.footer_menu .finfo li .bold {color:#ff0!important; font-weight:bold!important;}

	@media(max-width:1300px) {
		#footer .layout .ffamily_dep .obj,
		#footer .layout .ffamily .obj {bottom:240px;}
		}
		
	@media(max-width:767px){
		.footer_menu .fsite{flex-direction: column; gap:10px;}
		.finfo {display: block;}
		.footer_menu .finfo li a {height:auto; line-height: normal;}
		.footer_menu .finfo>li:last-child {margin:0; display: block;}
		#footer .layout .ffamily_dep .obj {bottom:300px;}
		#footer .layout .ffamily .obj {bottom:250px;}
	}

	@media(max-width:459px){	
		#footer .footer_menu ul{width:100%;}
		#footer .footer_menu ul li{margin:5px 0;width:100%;border:1px solid #ccc;text-align:center;}
		#footer .footer_menu .finfo>li:before{display:none;}
		#footer .layout .copy{text-align:center;}
	}