@charset "UTF-8";

body{background:#f2f3f4;}

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

.header h1{position:absolute; top:21px; left:0;}

.header .header_top{width:100%; padding:15px 0; float:left;}
.header .header_top .left{width:50%; float:left;}
.header .header_top .left li{float:left; line-height:20px; margin-left:25px;}
.header .header_top .left li:nth-child(1){margin-left:0;}
.header .header_top .left li img{margin-right:7px;}
.header .header_top .left li a{color:white;}
.header .header_top .right{width:100%; float:left; text-align:right; line-height:20px; color:white;}
.header .header_top .right a{color:white;}

.header .header_bottom{width:100%; float:left;}
.header .header_bottom .gnb_menu{width:100%; float:left;}
.header .header_bottom .gnb_menu .gnb_li{float:left; text-align:center; font-size:17px; line-height:78px;}
.header .header_bottom .gnb_menu .gnb_li:nth-child(1){/*width:20%;*/ width:25%;}
.header .header_bottom .gnb_menu .gnb_li:nth-child(2){/*width:20%;*/ width:25%;}
.header .header_bottom .gnb_menu .gnb_li:nth-child(3){/*width:16%;*/ width:25%;}
.header .header_bottom .gnb_menu .gnb_li:nth-child(4){/*width:20%;*/ width:25%;}
.header .header_bottom .gnb_menu .gnb_li:nth-child(5){width:24%;}
.header .header_bottom .gnb_menu .gnb_li a{color:white;}

.header .gnb_menu .drop_gnb{width:100%; position:absolute; top:128px; left:0; z-index:9999999; background:rgba(255,255,255,0.9); padding:15px 0 20px 320px; box-sizing:border-box; overflow:hidden; display:none;}
.header .gnb_menu .drop_gnb ul{float:left; text-align:center;}
.header .gnb_menu .drop_gnb ul:nth-child(1){/*width:20%;*/ width:25%;}
.header .gnb_menu .drop_gnb ul:nth-child(2){/*width:20%;*/ width:25%;}
.header .gnb_menu .drop_gnb ul:nth-child(3){/*width:16%;*/ width:25%;}
.header .gnb_menu .drop_gnb ul:nth-child(4){/*width:20%;*/ width:25%;}
.header .gnb_menu .drop_gnb ul:nth-child(5){width:24%;}
.header .gnb_menu .drop_gnb ul li{padding:6px 0; line-height:18px;}
.header .gnb_menu .drop_gnb ul li a{font-weight:600;}
.header .gnb_menu .drop_gnb ul li a:hover{color:#b5191a;}

/*모바일 헤더*/
#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 #2c2c2c;}
#m_header .m_user_menu ul li a{display:block; color:#767474; font-size:12px;}

#m_header h1{position:absolute; top:44px; left:10px;}

#m_header .home_ico{position:absolute; top:7px; left:10px;}

#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:black;}
#m_gnb li{line-height:48px; font-size:13px; border-bottom:1px solid #343434; font-weight:600;}
#m_gnb li a{color:white; padding-left:15px;}
#m_gnb li ul{width:100%; display:none; background:#222222;}
#m_gnb li ul li{border-bottom:0 none; font-weight:normal; border-top:1px solid #343434;}
#m_gnb li ul li a{display:block; color:#acacac;}
#m_gnb li.m_gnb_top{padding-left:0; background:#b5191a; height:42px; line-height:100%; overflow:hidden;}
#m_gnb li.m_gnb_top a{display:block; float:left; line-height:42px; padding:0 8px; border-right:1px solid #981516; color:#cd7c7c;}
#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;}

/*스폰서*/
#sponsor{width:100%; background:#f7f7f7; border-top:1px solid #e9e9e9;}
.sponsor{width:1024px; background:#f7f7f7; margin:0 auto; padding:25px 0;}
.sponsor ul{width:100%; overflow:hidden;}
.sponsor ul li{width:14.28%; float:left; text-align:center;}
.sponsor ul li:nth-child(7){width:14.32%;}

/*푸터*/
#footer{width:100%; height:279px; background:url("../images/footer_back.jpg") repeat-x;}

.footer{width:1024px; height:279px; background:url("../images/footer_back.jpg") repeat-x; margin:0 auto;}

.footer .footer_top{width:100%; overflow:hidden; padding-bottom:1px;}
.footer .footer_top .left{float:left; font-size:15px; color:#8c8c8c; line-height:76px;}
.footer .footer_top .left li{float:left;}
.footer .footer_top .left li::before{content:"|"; margin:0 8px;}
.footer .footer_top .left li:nth-child(1)::before{content:""; margin:0;}
.footer .footer_top .left a{color:white;}
.footer .footer_top .right{float:right; padding:15.5px 0;}
.footer .footer_top .right li{float:left; margin-right:30px;}
.footer .footer_top .right li:last-child{margin-right:0;}

.footer .footer_bottom{width:100%; overflow:hidden; padding:25px 0 0 0; position:relative;}
.footer .footer_bottom h1{width:134px; float:left;}
.footer .footer_bottom ul{width:calc(100% - 134px); float:left;}
.footer .footer_bottom ul li{color:#a0a0a0; line-height:18px; margin-top:10.5px;}
.footer .footer_bottom ul li:nth-child(1){margin-top:0;}
.footer .footer_bottom .es_img{position:absolute; bottom:0; right:0;}

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

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

	/*스폰서*/
	.sponsor{width:720px; padding:10px 0;}
	.sponsor ul li{width:25%; padding:10px 0;}
	.sponsor ul li:nth-child(7){width:25%;}

	/*푸터*/
	#footer{height:auto; background:#333 url("../images/footer_back.jpg") repeat-x top; background-size:1px 230px;}

	.footer{width:720px; height:auto; background:#333 url("../images/footer_back.jpg") repeat-x top; background-size:1px 230px;}

	.footer .footer_top .left{font-size:13px; line-height:63px;}
	.footer .footer_top .left li::before{margin:0 7px;}
	.footer .footer_top .right{padding:14px 0;}
	.footer .footer_top .right li{margin-right:20px;}
	.footer .footer_top .right li img{width:35px; height:auto;}

	.footer .footer_bottom{padding:25px 0 35px 0;}
	.footer .footer_bottom h1{display:none;}
	.footer .footer_bottom ul{width:100%;}
	.footer .footer_bottom ul li{font-size:12px; letter-spacing:-0.5px; line-height:17px; margin-top:10.5px;}
	.footer .footer_bottom ul li:nth-child(1){margin-top:0;}
	.footer .footer_bottom .es_img{width:auto; height:50px; position:absolute; bottom:18px; right:0;}
}

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

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

	/*스폰서*/
	.sponsor{width:100%; padding:10px 0;}
	.sponsor ul li{width:33.33%; padding:10px 0;}
	.sponsor ul li:nth-child(3n){width:33.34%;}
	.sponsor ul li:nth-child(7){width:33.33%;}

	/*푸터*/
	#footer{height:auto; background:#333;}

	.footer{width:100%; height:auto; background:#333;}

	.footer .footer_top{padding-bottom:0;}
	.footer .footer_top .left{width:100%; float:none; overflow:hidden; font-size:12px; background:#2a2a2a;}
	.footer .footer_top .left li{width:33.33%; float:left; text-align:center; line-height:40px; border-right:1px solid #666;}
	.footer .footer_top .left li:nth-child(3){width:33.34%; border-right:0 none;}
	.footer .footer_top .left li::before{content:""; margin:0;}
	.footer .footer_top .right{width:100%; float:none; padding:20px 0; text-align:center;}
	.footer .footer_top .right li{display:inline; float:none; margin:0 8px;}
	.footer .footer_top .right li:last-child{margin-right:0 8px;}
	.footer .footer_top .right li img{width:35px; height:auto;}

	.footer .footer_bottom{padding:0;}
	.footer .footer_bottom h1{display:none;}
	.footer .footer_bottom ul{width:100%; float:none; padding:0 10px 25px 10px;}
	.footer .footer_bottom ul li{color:#a0a0a0; line-height:18px; margin-top:8px; font-size:12px; letter-spacing:-0.5px;}
	.footer .footer_bottom ul li:nth-child(1){margin-top:0;}
	.footer .footer_bottom .es_img{display:none;}
}