@charset "UTF-8";

/**/
#header{width:100%; position:relative;}
#header .top{width:100%; border-bottom:1px solid #e6e6e6;}
#header .top .sect{width:1200px; margin:0 auto; overflow:hidden;}
#header .top .sect ul{float:right; padding:12px 0;}
#header .top .sect ul li{float:left;}
#header .top .sect ul li::before{content:"|"; margin:0 15px; color:#e4e4e4;}
#header .top .sect ul li:nth-child(1)::before{display:none;}
#header .top .sect ul li a{font-size:14px; line-height:16px; font-family:"G_L";}

#header .middle{width:100%; padding:35px 0;}
#header .middle .sect{width:1200px; overflow:hidden; margin:0 auto;}
#header .middle .sect h1{width:230px; float:left;}
#header .middle .sect .h_sch{width:calc(100% - 510px); padding-top:6px; float:left; text-align:center;}
#header .middle .sect .h_sch input{width:350px; height:50px; border:0 none; background:url("../images/h_sch_l.png") no-repeat; background-size:auto 100%; padding-left:25px; font-size:15px;}
#header .middle .sect .h_sch input::placeholder{color:#787878;}
#header .middle .sect .h_user{width:280px; float:left; padding-top:15px;}
#header .middle .sect .h_user div{width:50%; float:left; position:relative;}
#header .middle .sect .h_user .h_bsk{text-align:left;}
#header .middle .sect .h_user .h_mpg{text-align:right;}
#header .middle .sect .h_user div::before{content:""; width:1px; height:23px; background:#dedede; position:absolute; top:5px; right:0;}
#header .middle .sect .h_user div:nth-child(2)::before{display:none;}
#header .middle .sect .h_user div a{display:inline-block; font-size:16px; line-height:33px; padding-left:47px; position:relative;}
#header .middle .sect .h_user div a span{width:20px; height:20px; border-radius:10px; line-height:23px; font-size:13px; overflow:hidden; position:absolute; top:-2px; left:11px; text-align:center; color:white; background:#e8383d;}
#header .middle .sect .h_user .h_bsk a::before{content:""; width:47px; height:33px; background:url("../images/h_bsk.png") no-repeat left; background-size:auto 100%; position:absolute; top:0; left:0;}
#header .middle .sect .h_user .h_mpg a::before{content:""; width:47px; height:33px; background:url("../images/h_mpg.png") no-repeat left; background-size:auto 100%; position:absolute; top:0; left:0;}

#header .bottom{width:100%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
#header .bottom .sect{width:1200px; margin:0 auto; height:55px;}
#header .bottom .sect .all{width:220px; line-height:55px; float:left; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
#header .bottom .sect .all a{font-size:16px; display:block; width:100%; height:100%; text-align:center; color:#1a2b7e;}
#header .bottom .sect .all a img{margin-right:10px;}
#header .bottom .sect ul{float:right; padding-right:50px;}
#header .bottom .sect ul li{line-height:55px; font-size:16px; margin-left:120px; float:left; text-align:center;}
#header .bottom .sect ul li:nth-child(1){margin-left:0;}

#header .drop{width:100%; padding:35px 0; background:white; position:absolute; top:233.5px; left:0; z-index:99999999; display:none;}
#header .drop .drop_box{width:1200px; margin:0 auto;}
#header .drop .drop_box .box{width:50%; float:left;}
#header .drop .drop_box .box .list{width:100%; margin-top:20px; display:flex; font-size:13px;}
#header .drop .drop_box .box .list:nth-child(1){margin-top:0;}
#header .drop .drop_box .box .list .left{width:150px; height:42px; display:flex; justify-content:center; align-items:center; background:#1c235a;}
#header .drop .drop_box .box .list .left a{color:white;}
#header .drop .drop_box .box .list .right{width:calc(100% - 160px); margin-left:10px; display:flex; flex-direction:column;}
#header .drop .drop_box .box .list .right .r_list{width:100%; margin-top:5px; display:flex; flex-direction:column;}
#header .drop .drop_box .box .list .right .r_list:nth-child(1){margin-top:0;}
#header .drop .drop_box .box .list .right .r_list .scm{width:100%; display:flex; letter-spacing:-0.5px;}
#header .drop .drop_box .box .list .right .r_list .scm span{display:inline-block; width:150px; height:42px; line-height:44px; overflow:hidden; text-align:center; border:1px solid #e6e6e6;}
#header .drop .drop_box .box .list .right .r_list .ttm{width:100%; padding:10px 0 0 20px; display:flex; background:url("../images/drop_ico_1.png") no-repeat 4px 14px;}
#header .drop .drop_box .box .list .right .r_list .ttm ul{width:100%; overflow:hidden;}
#header .drop .drop_box .box .list .right .r_list .ttm ul li{float:left; line-height:22px; margin-right:10px;}
#header .drop .drop_box .box .list .right .r_list .ttm ul li a:hover{color:#1c235a;}

/**/
#m_header{display:none; width:100%; position:fixed; top:0; left:0; z-index:999; background:white;}
#m_header .top{width:100%; padding:20px 0; text-align:center;}
#m_header .top img{width:auto; height:28px;}
#m_header .middle{width:100%; text-align:Center;}
#m_header .middle div input{width:calc((100% - 87px) - 70px); height:42px; border:0 none; background:url("../images/m_h_sch_m.png") repeat-x;}
#m_header .middle div::before{content:""; display:inline-block; vertical-align:middle; width:27px; height:42px; background:url("../images/m_h_sch_l.png") no-repeat;}
#m_header .bottom{width:100%; display:flex; justify-content:center;}
#m_header .bottom div{width:20%; height:50px; letter-spacing:-1px; display:flex; justify-content:center; flex-direction:column; text-align:center;}
#m_header .m_bsk{position:absolute; top:24px; right:20px;}
#m_header .m_bsk span{position:absolute; top:-6px; right:-3px; width:17px; height:17px; border-radius:8.5px; line-height:19px; font-size:12px; overflow:hidden; text-align:center; color:white; background:#e8383d;}
#m_header .m_menu{position:absolute; top:24px; left:20px;}

#m_gnb{width:80%; position:absolute; top:0; left:0; display:none; z-index:999; background:#192a7d;}
#m_gnb .m_close{position:absolute; top:20px; right:18px; z-index:9;}
#m_gnb .m_close img{width:14px; height:auto;}
#m_gnb .m_gnb_top{width:100%; padding:20px 0; overflow:hidden; background:white;}
#m_gnb .m_gnb_top div{float:left; padding:0 14px; position:relative;}
#m_gnb .m_gnb_top div::before{content:"|"; color:#e4e4e4; position:absolute; top:-2px; left:0;}
#m_gnb .m_gnb_top div:nth-child(1)::before{display:none;}
#m_gnb .m_gnb_top div a{font-size:13px; line-height:16px; font-family:"G_L";}

#m_gnb .m_g_menu{width:100%; font-size:14px; line-height:16px;}
#m_gnb .m_g_menu .m_g_depth1{width:100%; overflow:hidden; background:#192a7d; border-bottom:1px solid #203285; position:relative;}
#m_gnb .m_g_menu .m_g_depth1 a{display:block; width:100%; float:left;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_link{width:calc(100% - 50px); padding:14px 0 14px 14px; color:white;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_btn{width:50px; height:44px; float:left; position:relative;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_btn img{position:absolute; top:14px; left:17px;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_depth2{width:100%; float:left; background:#19276b; border-top:1px solid #253480; position:relative; display:none;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_depth2 a{color:#969dbd; padding:14px 0 14px 14px;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_depth2 .m_g_link{color:#969dbd;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_depth2 .m_g_btn img{top:18px; left:18px;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_depth2 .m_g_depth3{width:100%; float:left; background:#172257; display:none;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_depth2 .m_g_depth3 div{width:100%; float:left; border-top:1px solid #222d63;}
#m_gnb .m_g_menu .m_g_depth1 .m_g_depth2 .m_g_depth3 div a{display:block; width:100%; padding:14px 0 14px 14px; color:#6b77b4;}

/**/
#footer{width:100%; border-top:2px solid #1a2b7e;}

#footer .footer_top{width:100%; border-bottom:1px solid #e8e8e8;}
#footer .footer_top .sect{width:1200px; margin:0 auto;}
#footer .footer_top .sect ul{width:100%; overflow:hidden; padding:17px 0 17px 40px;}
#footer .footer_top .sect ul li{margin-left:25px; font-size:14px; line-height:16px; float:left;}
#footer .footer_top .sect ul li:nth-child(1){margin-left:0;}
#footer .footer_top .sect ul li:nth-child(2) a{color:#1a2b7e;}

#footer .footer_bottom{width:100%;}
#footer .footer_bottom .sect{width:1200px; margin:0 auto; overflow:hidden; display:flex; border-left:1px solid #e8e8e8;}
#footer .footer_bottom .sect .left{width:50%; display:flex; flex-direction:column; border-right:1px solid #e8e8e8;}
#footer .footer_bottom .sect .left .box{width:100%; padding:40px 0 40px 30px; border-top:1px solid #e8e8e8;}
#footer .footer_bottom .sect .left .box:nth-child(1){border-top:0 none;}
#footer .footer_bottom .sect .left .box div{width:100%; line-height:20px; margin-top:8px; overflow:hidden; font-family:"G_L";}
#footer .footer_bottom .sect .left .box div:nth-child(1){margin-top:0;}
#footer .footer_bottom .sect .left .box div p{float:left;}
#footer .footer_bottom .sect .left .box div p::before{content:"|"; margin:0 15px; color:#d9d9d9;}
#footer .footer_bottom .sect .left .box div p:nth-child(1)::before{display:none;}
#footer .footer_bottom .sect .left .box div p a{margin-left:15px; padding:0 3px; display:inline-block; background:#f0f0f0;}
#footer .footer_bottom .sect .center{width:30%; display:flex; flex-direction:column; justify-content: center; align-items:center; border-right:1px solid #e8e8e8;}
#footer .footer_bottom .sect .center .top{font-size:15px; line-height:17px; margin-bottom:20px;}
#footer .footer_bottom .sect .center .tel{font-size:28px; line-height:30px; letter-spacing:-1px; color:#1a2b7e; font-family:"G_B";}
#footer .footer_bottom .sect .center .tel::before{content:url("../images/tel_ico.png"); display:inline-block; margin-right:10px;}
#footer .footer_bottom .sect .center ul{margin-top:20px;}
#footer .footer_bottom .sect .center ul li{margin-top:5px; line-height:22px;}
#footer .footer_bottom .sect .center ul li:nth-child(1){margin-top:0;}
#footer .footer_bottom .sect .center ul li span{width:70px; height:22px; line-height:24px; margin-right:10px; background:#1a2b7e; color:white; text-align:center; display:inline-block;}
#footer .footer_bottom .sect .right{width:20%; display:flex; flex-direction:column; justify-content: center; align-items:center; border-right:1px solid #e8e8e8;}
#footer .footer_bottom .sect .right .top{font-size:15px; line-height:17px; margin-bottom:20px;}
#footer .footer_bottom .sect .right .ico{margin-bottom:10px;}
#footer .footer_bottom .sect .right .act{font-size:24px; line-height:26px; letter-spacing:-1px; color:#1a2b7e; font-family:"G_B";}
#footer .footer_bottom .sect .right .dps{font-size:14px; line-height:16px; padding:30px 0 25px 0;}

/**/
#partner{width:100%; padding:80px 0; border-top:2px solid #1a2b7e;}
#partner .partner{width:1200px; margin:0 auto;}
#partner .partner ul{width:100%; overflow:hidden;}
#partner .partner ul li{width:190px; margin-right:12px; margin-top:12px; float:left;}
#partner .partner ul li:nth-child(6n){margin-right:0;}
#partner .partner ul li:nth-child(1),#partner .partner ul li:nth-child(2),#partner .partner ul li:nth-child(3),#partner .partner ul li:nth-child(4),#partner .partner ul li:nth-child(5),#partner .partner ul li:nth-child(6){margin-top:0;}
#partner .partner ul li img{width:100%; height:auto;}

@media screen and (min-width:1024px) and (max-width:1199px){
	/**/
	#header .top .sect{width:1024px;}
	#header .top .sect ul{padding:12px 0;}
	#header .top .sect ul li::before{margin:0 10px;}

	#header .middle{width:100%; padding:35px 0;}
	#header .middle .sect{width:1024px;}
	#header .middle .sect h1{width:200px;}
	#header .middle .sect h1 a img{width:100%; height:auto;}
	#header .middle .sect .h_sch{width:calc(100% - 450px); padding-top:4.5px;}
	#header .middle .sect .h_sch input{width:300px; height:45px; padding-left:20px; font-size:15px;}
	#header .middle .sect .h_sch a img{width:auto; height:45px;}
	#header .middle .sect .h_user{width:250px; padding-top:12px;}
	#header .middle .sect .h_user div::before{height:20px; top:5px;}
	#header .middle .sect .h_user div a{font-size:15px; line-height:30px; padding-left:40px;}
	#header .middle .sect .h_user div a span{width:18px; height:18px; border-radius:9px; line-height:21px; font-size:12px; top:-2px; left:10px;}
	#header .middle .sect .h_user .h_bsk a::before{width:40px; height:30px;}
	#header .middle .sect .h_user .h_mpg a::before{width:40px; height:30px;}

	#header .bottom .sect{width:1024px; height:50px;}
	#header .bottom .sect .all{width:190px; line-height:50px;}
	#header .bottom .sect .all a{font-size:15px;}
	#header .bottom .sect .all a img{margin-right:8px;}
	#header .bottom .sect ul{padding-right:25px;}
	#header .bottom .sect ul li{line-height:50px; font-size:15px; margin-left:90px;}

	#header .drop{padding:30px 0; top:219.5px;}
	#header .drop .drop_box{width:1024px;}

	/**/
	#footer .footer_top .sect{width:1024px;}
	#footer .footer_top .sect ul{padding:17px 0 17px 40px;}
	#footer .footer_top .sect ul li{margin-left:25px; font-size:14px; line-height:16px;}

	#footer .footer_bottom .sect{width:1024px;}
	#footer .footer_bottom .sect .left{width:55%;}
	#footer .footer_bottom .sect .left .box{padding:30px 0 30px 20px;}
	#footer .footer_bottom .sect .left .box div{line-height:20px; margin-top:8px;}
	#footer .footer_bottom .sect .left .box div p::before{margin:0 10px;}
	#footer .footer_bottom .sect .left .box div p a{margin-left:10px;}
	#footer .footer_bottom .sect .center{width:25%;}
	#footer .footer_bottom .sect .center .tel{font-size:24px;}
	
	/**/
	#partner{padding:60px 0;}
	#partner .partner{width:1024px;}
	#partner .partner ul li{width:164px; margin-right:8px; margin-top:8px;}
}

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

	/**/
	#m_header{display:block;}
	#m_gnb{width:65%;}
	
	/**/
	#footer{border-top:1px solid #1a2b7e;}
	
	#footer .footer_top .sect{width:720px;}
	#footer .footer_top .sect ul{padding:17px 0 17px 40px;}
	#footer .footer_top .sect ul li{margin-left:25px; font-size:14px; line-height:16px;}

	#footer .footer_bottom .sect{width:720px; display:block;}
	#footer .footer_bottom .sect .left{width:100%; border-bottom:1px solid #e8e8e8; float:left; display:block;}
	#footer .footer_bottom .sect .left .box{padding:20px 0 20px 20px;}
	#footer .footer_bottom .sect .left .box div{line-height:20px; margin-top:8px;}
	#footer .footer_bottom .sect .left .box div p::before{margin:0 10px;}
	#footer .footer_bottom .sect .left .box div p a{margin-left:10px;}
	#footer .footer_bottom .sect .center{width:50%; padding:20px 0; text-align:center; float:left; display:block;}
	#footer .footer_bottom .sect .center .tel{font-size:24px;}
	#footer .footer_bottom .sect .center ul{width:210px; margin:20px auto 0 auto;}
	#footer .footer_bottom .sect .center ul li{text-align:left;}
	#footer .footer_bottom .sect .right{width:50%; padding:20px 0; text-align:center; float:left; display:block;}
	
	/**/
	#partner{padding:45px 0; border-top:1px solid #1a2b7e;}
	#partner .partner{width:720px;}
	#partner .partner ul li{width:174px; margin-right:8px; margin-top:8px;}
	#partner .partner ul li:nth-child(4n){margin-right:0;}
	#partner .partner ul li:nth-child(6n){margin-right:8px;}
	#partner .partner ul li:nth-child(12n){margin-right:0;}
	#partner .partner ul li:nth-child(1),#partner .partner ul li:nth-child(2),#partner .partner ul li:nth-child(3),#partner .partner ul li:nth-child(4){margin-top:0;}
	#partner .partner ul li:nth-child(5),#partner .partner ul li:nth-child(6){margin-top:8px;}
}

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

	/**/
	#m_header{display:block;}
	
	#m_gnb .m_gnb_top div{padding:0 10px;}
	#m_gnb .m_gnb_top div:nth-child(1){padding:0 10px 0 14px;}
	
	/**/
	#footer{border-top:1px solid #1a2b7e;}
	
	#footer .footer_top .sect{width:100%;}
	#footer .footer_top .sect ul{padding:12px 0; text-align:center;}
	#footer .footer_top .sect ul li{display:inline; float:none; margin-left:10px; font-size:13px; line-height:15px;}

	#footer .footer_bottom .sect{width:100%; display:block;}
	#footer .footer_bottom .sect .left{width:100%; border-bottom:1px solid #e8e8e8; float:none; display:block;}
	#footer .footer_bottom .sect .left .box{padding:20px 0;}
	#footer .footer_bottom .sect .left .box div{line-height:20px; margin-top:2px; letter-spacing:-0.5px; text-align:center;}
	#footer .footer_bottom .sect .left .box div p{float:none; width:100%; margin-top:2px;}
	#footer .footer_bottom .sect .left .box div p:nth-child(1){margin-top:0;}
	#footer .footer_bottom .sect .left .box div p::before{display:none;}
	#footer .footer_bottom .sect .left .box div p a{margin-left:5px;}
	#footer .footer_bottom .sect .center{width:100%; padding:20px 0; border-bottom:1px solid #e8e8e8; text-align:center; float:none; display:block;}
	#footer .footer_bottom .sect .center .tel{font-size:24px;}
	#footer .footer_bottom .sect .center ul{width:210px; margin:20px auto 0 auto;}
	#footer .footer_bottom .sect .center ul li{text-align:left;}
	#footer .footer_bottom .sect .right{width:100%; padding:20px 0; text-align:center; float:none; display:block;}
	#footer .footer_bottom .sect .right .dps{padding:30px 0 0 0;}
	
	/**/
	#partner{padding:25px 5px; border-top:1px solid #1a2b7e;}
	#partner .partner{max-width:380px; width:100%;}
	#partner .partner ul li{width:49.2%; margin-right:1.6%; margin-top:1.6%;}
	#partner .partner ul li:nth-child(2n){margin-right:0;}
	#partner .partner ul li:nth-child(1),#partner .partner ul li:nth-child(2){margin-top:0;}
	#partner .partner ul li:nth-child(3),#partner .partner ul li:nth-child(4),#partner .partner ul li:nth-child(5),#partner .partner ul li:nth-child(6){margin-top:1.6%;}
}