@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');

/*헤더*/
#header{width:100%; background:url("../images/header_back.jpg") repeat-x; height:156px;}
#header .header{width:1200px; margin:0 auto; background:url("../images/header_back.jpg") repeat-x; position:relative; padding-top:55px;}

#header .header .header_sns_group{position:absolute; top:10px; left:0;}
#header .header .header_sns_group li{float:left; margin-right:10px;}
#header .header .header_sns_group li:last-child{margin-right:0;}

#header .header .header_menu_group{font-size:12px; position:absolute; top:5px; right:0}
#header .header .header_menu_group ul{float:left; border:1px solid #335584; border-radius:5px; box-sizing:border-box; height:40px;}
#header .header .header_menu_group ul li{float:left; padding:0 20px; border-right:1px solid #335584; line-height:38px; height:38px; box-sizing:border-box;}
#header .header .header_menu_group ul li:last-child{border-right:0 none;}
#header .header .header_menu_group ul li a{display:block; color:white;}
#header .header .header_menu_group a span{display:inline-block; float:left; border:1px solid #335584; background:#0e3d79; line-height:38px; height:40px; box-sizing:border-box; border-radius:5px; width:90px; text-align:center; margin-left:10px; color:white;}

#header .header h1{position:absolute; top:10px; left:50%; margin-left:-56px; z-index:9999999999999999999;}

#header .header .header_gnb{width:100%; padding-top:41px; display:inline-block; position:relative;}
#header .header .header_gnb li.gnb_menu{float:left; width:11.11%; text-align:center; line-height:60px; font-size:18px;}
#header .header .header_gnb li.gnb_menu:nth-child(6){width:14.81%;}
#header .header .header_gnb li.gnb_menu:nth-child(7){width:14.81%;}
#header .header .header_gnb li.gnb_menu:nth-child(8){width:14.81%;}
#header .header .header_gnb li.gnb_menu a{color:white; display:block;}
#header .header .header_gnb li.gnb_menu a{color:white; display:block; box-sizing:border-box; padding:21px 0;}
#header .header .header_gnb .drop_menu{width:100%; position:absolute; top:101px; left:0; background:rgba(1,27,68,0.7); z-index:99; display:none; overflow:hidden; padding:22px 0;}
#header .header .header_gnb .drop_menu ul{width:11.11%; float:left;}
#header .header .header_gnb .drop_menu ul:nth-child(6){width:14.81%;}
#header .header .header_gnb .drop_menu ul:nth-child(7){width:14.81%;}
#header .header .header_gnb .drop_menu ul:nth-child(8){width:14.81%;}
#header .header .header_gnb .drop_menu ul li{width:100%; font-size:14px; font-weight:600; box-sizing:border-box; text-align:center; line-height:30px;}
#header .header .header_gnb .drop_menu ul li a{color:white;}
#header .header .header_gnb .drop_menu ul li:hover a{color:white;}

/*모바일 헤더*/
#m_header{display:none; width:100%; min-width:320px; height:92px; margin:0 auto; background:url("../images/m_header_back.jpg") repeat-x; position:relative;}
#m_header .m_user_menu{width:100%;}
#m_header .m_user_menu ul{float:right;}
#m_header .m_user_menu ul li{float:left; height:42px; line-height:42px; padding:0 8px; border-left:1px solid #335585;}
#m_header .m_user_menu ul li a{display:block; color:white; font-size:12px;}

#m_header h1{position:absolute; top:8px; left:8px;}
#m_header h1 a img{width:auto; height:75px;}

#m_header .m_menu{display:block; text-indent:0px; position:absolute; top:56px; right:14px; z-index:9; }
#m_gnb .m_close{display:none; position:absolute; top:10px; right:14px; z-index:9; }

#m_gnb{width:80%; position:absolute; top:0; right:0; display:none; z-index:999; background:#012d6b;}
#m_gnb li{line-height:48px; font-size:13px; border-bottom:1px solid #335585; font-weight:600;}
#m_gnb li a{color:white; padding-left:15px;}
#m_gnb li ul{width:100%; display:none; background:#002251;}
#m_gnb li ul li{border-bottom:0 none; font-weight:normal; border-top:1px solid #335585;}
#m_gnb li ul li a{display:block; color:white;}
#m_gnb li.m_gnb_top{padding-left:0; background:white; height:42px; line-height:100%; color:#333;}
#m_gnb li.m_gnb_bottom{padding:9px 0; overflow:hidden;}
#m_gnb li.m_gnb_bottom a{padding-left:10px; float:left;}
#m_gnb li.m_gnb_bottom a img{height:30px; width:auto;}

/*푸터*/
#footer{background:#34373f;}

#footer .footer_sponsor{width:1200px; margin:0 auto;}
#footer .footer_sponsor .f_sponsor_list{width:100%; overflow:hidden;}
#footer .footer_sponsor .f_sponsor_list li{width:20%; float:left; text-align:center; padding:30px 0;}
#footer .footer_sponsor .f_sponsor_list li img{width:auto; height:50px;}

#footer .footer_wrap{width:100%; border-top:1px solid #42454d;}
#footer .footer_wrap .f_wrap_area{width:1200px; margin:0 auto; overflow:hidden;}
#footer .footer_wrap .f_wrap_area h1{float:left; padding-top:50px;}

#footer .footer_wrap .f_wrap_area .footer_menu{width:380px; border-left:1px solid #42454d; box-sizing:border-box; overflow:hidden; float:right;}
#footer .footer_wrap .f_wrap_area .footer_menu li{width:50%; border-right:1px solid #42454d; border-bottom:1px solid #42454d; box-sizing:border-box; float:left; height:50px; text-align:center; line-height:50px;}
#footer .footer_wrap .f_wrap_area .footer_menu li:nth-child(7),#footer .footer_wrap .f_wrap_area .footer_menu li:nth-child(8){border-bottom:0 none;}
#footer .footer_wrap .f_wrap_area .footer_menu li a{display:block; color:#aeaeb0;}

#footer .footer_wrap .f_wrap_area .footer_sns{width:270px; padding:65px 30px 0 30px; box-sizing:border-box; overflow:hidden; float:right;}
#footer .footer_wrap .f_wrap_area .footer_sns li{float:left; margin-left:20px;}
#footer .footer_wrap .f_wrap_area .footer_sns li:nth-child(1){margin-left:0;}

#footer .footer_copy{width:100%; padding:15px 0; background:black;}
#footer .footer_copy p{width:1200px; margin:0 auto; color:white; line-height:22px; text-align:center; clear:both;}
#footer .footer_copy p span.c_blue{color:#0091d0;}
#footer .footer_copy p span.c_gray{color:#696969;}

@media screen and (min-width:1024px) and (max-width:1199px){
	/*헤더*/
	#header .header{width:1024px; margin:0 auto; background:url("../images/header_back.jpg") repeat-x; position:relative; padding-top:55px;}

	#header .header .header_gnb li{font-size:16px;}

	/*푸터*/
	#footer .footer_sponsor{width:1024px; margin:0 auto;}
	#footer .footer_sponsor .f_sponsor_list li{padding:25px 0;}
	#footer .footer_sponsor .f_sponsor_list li img{width:auto; height:45px;}

	#footer .footer_wrap .f_wrap_area{width:1024px; margin:0 auto; overflow:hidden;}
	#footer .footer_wrap .f_wrap_area h1{float:left; padding-top:50px;}

	#footer .footer_copy p{width:1024px;}
}

@media screen and (min-width:720px) and (max-width:1023px){
	/*헤더*/
	#header{display:none;}

	/*모바일 헤더*/
	#m_header{display:block;}

	#m_gnb{width:60%;}
	#m_gnb li.m_gnb_bottom a{padding-left:15px;}

	/*푸터*/
	#footer{background-size:auto 70px;}

	#footer .footer_sponsor{width:720px;}
	#footer .footer_sponsor .f_sponsor_list li{padding:20px 0;}
	#footer .footer_sponsor .f_sponsor_list li img{width:auto; height:30px;}

	#footer .footer_wrap .f_wrap_area{width:720px;}
	#footer .footer_wrap .f_wrap_area h1{display:none;}

	#footer .footer_wrap .f_wrap_area .footer_menu{width:60%;}
	#footer .footer_wrap .f_wrap_area .footer_menu li{height:45px; line-height:45px;}

	#footer .footer_wrap .f_wrap_area .footer_sns{width:40%;}

	#footer .footer_copy p{width:720px;}
	#footer p span.c_gray{display:block;}
}

@media screen and (max-width:719px){
	/*헤더*/
	#header{display:none;}

	/*모바일 헤더*/
	#m_header{display:block;}

	/*푸터*/
	#footer{background:#34373f;}

	#footer .footer_sponsor{width:100%;}
	#footer .footer_sponsor .f_sponsor_list li{width:50%; padding:10px 0;}
	#footer .footer_sponsor .f_sponsor_list li img{width:auto; height:35px;}

	#footer .footer_wrap .f_wrap_area{width:100%;}
	#footer .footer_wrap .f_wrap_area h1{text-align:center; padding-top:25px; width:100%; float:none;}
	#footer .footer_wrap .f_wrap_area h1 img{height:65px; width:auto;}

	#footer .footer_wrap .f_wrap_area .footer_sns{width:100%; float:none; padding:25px 0; text-align:center;}
	#footer .footer_wrap .f_wrap_area .footer_sns li{float:none; display:inline-block; margin-left:15px;}

	#footer .footer_wrap .f_wrap_area .footer_menu{width:100%; float:none; border-top:1px solid #42454d;}
	#footer .footer_wrap .f_wrap_area .footer_menu li{height:45px; line-height:45px;}

	#footer .footer_copy p{width:100%;}
	#footer p span.c_gray{display:block;}
	#footer p span.c_gray span{display:block;}
}