@charset "UTF-8";

/**/
#header{width:100%; height:132px; position:absolute; top:0; left:0; z-index:9999999;}
#header.sub_h{background:black;}
#header .header{width:1200px; height:132px; margin:0 auto;}

#header .header h1{width:132px; height:115px; background:url("../images/h_logo.png") no-repeat; position:absolute; top:8px; left:50%; margin-left:-66px;}
#header .header h1 a{display:block; width:132px; height:115px;}

#header .header .h_top{width:100%; overflow:hidden; padding:11px 0 11px 0;}
#header .header .h_top .h_sns{float:left;}
#header .header .h_top .h_sns li{float:left; padding:0 10px; background:url("../images/h_sns_bar.png") no-repeat left;}
#header .header .h_top .h_sns li:nth-child(1){padding:0 10px 0 5px; background:none;}
#header .header .h_top .h_lnb{float:right;}
#header .header .h_top .h_lnb li{float:left; height:28px; line-height:30px; margin-right:10px;}
#header .header .h_top .h_lnb li:nth-child(1),#header .header .h_top .h_lnb li:nth-child(2){margin-right:15px;}
#header .header .h_top .h_lnb li.box{width:70px; overflow:hidden; text-align:center; border:1px solid white;}
#header .header .h_top .h_lnb li a{color:white; font-size:14px; font-family:"G_L";}

#header:hover{background:#1c235a;}
#header:hover .header h1{background:url("../images/h_logo_on.png") no-repeat;}
#header:hover .header .h_top .h_sns li{background:url("../images/h_sns_bar_on.png") no-repeat left;}
#header:hover .header .h_top .h_sns li:nth-child(1){background:none;}

#header .header .h_gnb{width:100%; height:;}
#header .header .h_gnb .h_menu{width:11.11%; height:82px; line-height:84px; overflow:hidden; float:left; text-align:center;}
#header .header .h_gnb .h_menu:nth-child(5){width:11.12%;}
#header .header .h_gnb .h_menu a{color:white; font-size:18px;}
#header .header .h_gnb .drop_menu{width:100%; background:white; padding:30px 0 35px 0; position:absolute; top:132px; left:0; z-index:9999999; display:none;}
#header .header .h_gnb .drop_menu div{width:1200px; margin:0 auto; overflow:hidden;}
#header .header .h_gnb .drop_menu div ul{width:11.11%; float:left;}
#header .header .h_gnb .drop_menu div ul:nth-child(5){width:11.12%;}
#header .header .h_gnb .drop_menu div ul li{text-align:center;}
#header .header .h_gnb .drop_menu div ul li a{color:black; font-size:15px; line-height:35px;}
#header .header .h_gnb .drop_menu div ul li a:hover{color:#f9353c;}

/**/
#m_header{display:none; width:100%; position:absolute; top:0; left:0; z-index:99999999999999999999999;}

#m_header h1{position:absolute; top:8px; left:8px; z-index:99;}
#m_header h1 a img{width:auto; height:60px;}

#m_header .m_menu{display:block; text-indent:0px; position:absolute; top:20px; 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:99999999999999999999999; background:#f1f1f1;}
#m_gnb li{line-height:48px; font-size:13px; border-bottom:1px solid white;}
#m_gnb li a{color:#1c235a; padding-left:15px;}
#m_gnb li ul{width:100%; display:none; background:#e1e1e1;}
#m_gnb li ul li{border-bottom:0 none; font-weight:normal; border-top:1px solid #d1d1d1;}
#m_gnb li ul li a{display:block; color:black;}
#m_gnb li.m_gnb_top{padding-left:0; background:#1c235a; height:42px; line-height:100%;}
#m_gnb li.m_gnb_top ol li{width:auto; height:41px; line-height:42px; text-align:center; border-bottom:0; border-right:1px solid #656565; float:left; padding:0 8px; font-size:11px;}
#m_gnb li.m_gnb_top ol li a{padding:0; display:block; color:white; font-weight:normal; font-family:"G_L";}
#m_gnb li.m_gnb_bottom{padding:10px 0; overflow:hidden;}
#m_gnb li.m_gnb_bottom a{padding-left:12px; float:left;}
#m_gnb li.m_gnb_bottom a img{width:auto; height:23px;}

/**/
.move_banner{width:64px; position:fixed; top:120px; right:25px; z-index:99999999999999999999999;}
.move_banner div{margin-top:12px;}
.move_banner div:last-child{margin-top:20px;}
.move_banner div img{width:100%; height:auto;}

/**/
#sponsor{width:100%; padding:45px 0 60px 0; background:black; border-top:1px solid #333333;}
#sponsor .sponsor{width:1200px; margin:0 auto; background:black;}
#sponsor .sponsor .box{width:100%; margin-top:60px;}
#sponsor .sponsor .box:nth-child(1){margin-top:0;}

#sponsor .sponsor .box h3{font-size:18px; line-height:20px; margin-bottom:20px; color:white; text-align:center; font-family:"G_B";}

#sponsor .sponsor .box .p_list{width:100%; display:flex; justify-content:center; flex-flow:wrap;}
#sponsor .sponsor .box .p_list div{width:270px; margin-right:40px; margin-top:20px; display:flex; justify-content:center; align-items:center;}
#sponsor .sponsor .box .p_list div:last-child{margin-right:0;}
#sponsor .sponsor .box .p_list div:nth-child(4n){margin-right:0;}
#sponsor .sponsor .box .p_list div:nth-child(1),#sponsor .sponsor .box .p_list div:nth-child(2),#sponsor .sponsor .box .p_list div:nth-child(3),#sponsor .sponsor .box .p_list div:nth-child(4){margin-top:0;}
#sponsor .sponsor .box .p_list div img{width:100%; height:auto;}

#sponsor .sponsor .box .n_list{width:100%; display:flex; justify-content:center; flex-flow:wrap;}
#sponsor .sponsor .box .n_list div{width:224px; margin-right:20px; margin-top:20px; display:flex; justify-content:center; align-items:center;}
#sponsor .sponsor .box .n_list div:last-child{margin-right:0;}
#sponsor .sponsor .box .n_list div:nth-child(5n){margin-right:0;}
#sponsor .sponsor .box .n_list div:nth-child(1),#sponsor .sponsor .box .n_list div:nth-child(2),#sponsor .sponsor .box .n_list div:nth-child(3),#sponsor .sponsor .box .n_list div:nth-child(4),#sponsor .sponsor .box .n_list div:nth-child(5){margin-top:0;}
#sponsor .sponsor .box .n_list div img{width:100%; height:auto;}

/**/
#footer{width:100%; padding:40px 0 50px 0; background:black; border-top:1px solid #333333;}
#footer .footer{width:1200px; margin:0 auto; overflow:hidden; background:black; color:#676767;}
#footer .footer .left{width:calc(100% - 246px); float:left;}
#footer .footer .left p{line-height:24px;}
#footer .footer .left p .bar{margin:0 15px;}
#footer .footer .left ul{width:100%; overflow:hidden; margin-top:25px;}
#footer .footer .left ul li{float:left; margin-left:40px; font-size:14px; line-height:16px;}
#footer .footer .left ul li:nth-child(1){margin-left:0;}
#footer .footer .left ul li a{color:white;}
#footer .footer .left ul li:nth-child(1) a{color:#c4383d;}
#footer .footer .right{width:246px; float:right; padding:42px 0 0 0;}

@media screen and (min-width:1024px) and (max-width:1199px){
	/**/
	#header .header{width:1024px;}

	#header .header h1{width:120px; height:103px; background-size:120px 103px; top:14px; margin-left:-60px;}
	#header .header h1 a{width:120px; height:103px;}
	
	#header .header .h_top .h_lnb li{margin-right:8px;}
	#header .header .h_top .h_lnb li:nth-child(1),#header .header .h_top .h_lnb li:nth-child(2){margin-right:12px;}
	#header .header .h_top .h_lnb li a{font-size:13px;}
	
	#header:hover .header h1{background-size:120px 103px;}
	
	#header .header .h_gnb .h_menu a{font-size:16px;}
	#header .header .h_gnb .drop_menu{padding:25px 0 30px 0;}
	#header .header .h_gnb .drop_menu div{width:1024px;}
	#header .header .h_gnb .drop_menu div ul li a{font-size:14px; line-height:32px;}

	/**/
	.move_banner{width:54px; position:fixed; top:120px; right:20px;}
	.move_banner div{margin-top:12px;}
	.move_banner div:last-child{margin-top:20px;}
	.move_banner div img{width:100%; height:auto;}

	/**/
	#sponsor{padding:40px 0 50px 0;}
	#sponsor .sponsor{width:1024px;}
	#sponsor .sponsor .box{margin-top:50px;}

	#sponsor .sponsor .box h3{font-size:16px; line-height:18px; margin-bottom:15px;}

	#sponsor .sponsor .box .p_list div{width:238px; margin-right:24px; margin-top:15px;}

	#sponsor .sponsor .box .n_list div{width:188px; margin-right:21px; margin-top:15px;}

	/**/
	#footer{padding:35px 0 40px 0;}
	#footer .footer{width:1024px;}
	#footer .footer .left p .bar{margin:0 10px;}
	#footer .footer .left ul li{margin-left:30px;}
}

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

	/**/
	#m_header{display:block;}

	/**/
	.move_banner{display:none;}

	/**/
	#sponsor{padding:30px 0 35px 0;}
	#sponsor .sponsor{width:720px;}
	#sponsor .sponsor .box{margin-top:40px;}

	#sponsor .sponsor .box h3{font-size:14px; line-height:16px; margin-bottom:12px;}

	#sponsor .sponsor .box .p_list div{width:168px; margin-right:16px; margin-top:12px;}

	#sponsor .sponsor .box .n_list div{width:168px; margin-right:16px; margin-top:12px;}
	#sponsor .sponsor .box .n_list div:nth-child(4n){margin-right:0;}
	#sponsor .sponsor .box .n_list div:nth-child(5n){margin-right:16px;}
	#sponsor .sponsor .box .n_list div:nth-child(20n){margin-right:0;}
	#sponsor .sponsor .box .n_list div:nth-child(1),#sponsor .sponsor .box .n_list div:nth-child(2),#sponsor .sponsor .box .n_list div:nth-child(3),#sponsor .sponsor .box .n_list div:nth-child(4){margin-top:0;}
	#sponsor .sponsor .box .n_list div:nth-child(5){margin-top:12px;}

	/**/
	#footer{padding:25px 0 30px 0;}
	#footer .footer{width:720px;}
	#footer .footer .left{width:100%; float:left;}
	#footer .footer .left p .bar{margin:0 8px;}
	#footer .footer .left ul{margin-top:20px;}
	#footer .footer .left ul li{margin-left:20px; font-size:13px; line-height:15px;}
	#footer .footer .right{width:100%; float:left; padding:0 0 20px 0;}
	#footer .footer .right img{width:160px; height:auto;}
}

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

	/**/
	#m_header{display:block;}

	/**/
	.move_banner{display:none;}

	/**/
	#sponsor{padding:30px 5px;}
	#sponsor .sponsor{width:100%; max-width:360px;}
	#sponsor .sponsor .box{margin-top:30px;}

	#sponsor .sponsor .box h3{font-size:13px; line-height:15px; margin-bottom:10px;}

	#sponsor .sponsor .box .p_list div{width:calc(50% - 5px); margin-right:10px; margin-top:10px;}
	#sponsor .sponsor .box .p_list div:nth-child(2n){margin-right:0;}
	#sponsor .sponsor .box .p_list div:nth-child(1),#sponsor .sponsor .box .p_list div:nth-child(2){margin-top:0;}
	#sponsor .sponsor .box .p_list div:nth-child(3),#sponsor .sponsor .box .p_list div:nth-child(4){margin-top:10px;}

	#sponsor .sponsor .box .n_list div{width:calc(50% - 5px); margin-right:10px; margin-top:10px;}
	#sponsor .sponsor .box .n_list div:nth-child(2n){margin-right:0;}
	#sponsor .sponsor .box .n_list div:nth-child(5n){margin-right:10px;}
	#sponsor .sponsor .box .n_list div:nth-child(10n){margin-right:0;}
	#sponsor .sponsor .box .n_list div:nth-child(1),#sponsor .sponsor .box .n_list div:nth-child(2){margin-top:0;}
	#sponsor .sponsor .box .n_list div:nth-child(3),#sponsor .sponsor .box .n_list div:nth-child(4),#sponsor .sponsor .box .n_list div:nth-child(5){margin-top:10px;}

	/**/
	#footer{padding:30px 0;}
	#footer .footer{width:100%;}
	#footer .footer .left{width:100%; float:none;}
	#footer .footer .left p{line-height:20px; font-size:12px; text-align:center;}
	#footer .footer .left p .bar{margin:0 7px;}
	#footer .footer .left p .mobile{display:block; width:100%; text-align:center;}
	#footer .footer .left p .mobile .bar{display:none;}
	#footer .footer .left ul{margin-top:15px; text-align:center;}
	#footer .footer .left ul li{float:none; display:inline-block; margin-left:10px; font-size:12px; line-height:14px; text-align:center;}
	#footer .footer .right{width:100%; float:none; padding:0 0 20px 0; text-align:center;}
	#footer .footer .right img{width:160px; height:auto;}
}