@charset "UTF-8";
/* =========================
	HEADER
========================= */
#header{ position: fixed; z-index: 99999; width: 100%; background: #fff; }

/* logo */
#header .logo_hd a{display: block;max-width: 150px;}
#header .logo_hd a img{ display: block; }
#gnb-pc .depth01 > li > a{ display: block; }
#gnb-pc .depth01 .downBt a{ color: #004391;}
@media all and (max-width:969px){
	#header{padding: 5px 0;}
    #header .logo_hd a{ margin: 10px 0;}
    #header .logo_hd a img{ height: 25px; }
	
    .hdMHig{height: 55px;}
	/* logo */
	#header .logo_hd{ width: 30%; }
	#gnbMOpen{float: right;width: 45px;height: 45px;background-image: url(../images/common/btn_gnb_open.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: 80%;}
	#gnb-pc{display: block;position: fixed;right: -100%;top: 0;height: 100%;transition: 0.8s;-webkit-transition: 0.8s;z-index: 99999;width:100%;}
	#gnb-pc .gnbMPop{ background: #fff; width: 80%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling:touch; float: right; max-width: 440px;z-index: 999999; }
	#gnb-pc .gnbMClose{background: #e1e1e1;width: 100%;}
	#gnb-pc .gnbMClose a{float: right;width: 45px;height: 45px;background-color: #e1e1e1;background-image: url(../images/common/btn_gnb_close.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: 50%;}
	#gnb-pc .depth01 > li a{ padding: 20px; border-bottom: 1px solid #e1e1e1;}
	#gnb-pc .depth01 .downBt{margin: 20px 0 0 0; }
	.gnbMBg{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(60,61,62,0.7); z-index:9999; display: none; }
    #gnb-pc .downBt a{display: block;color: #004391;padding: 20px;}

	
}
@media all and (min-width:970px){
	#header{background: #fff;padding: 15px 0;}
    #header .logo_hd a{margin-top: 5px;}
    #header .logo_hd a img{ display: block; width: 100%; }

	/* nav */
	#gnb-pc{ float: left; }
	#gnb-pc .depth01{ margin-left:20px; }
	#gnb-pc .depth01:after{ display: block; content: ""; clear: both; }
	#gnb-pc .depth01 > li{float: left;margin-right:30px;}
	#gnb-pc .depth01 > li > a{color:#707070;font-size: 18px;display: block;letter-spacing: -1px;box-sizing: border-box;-webkit-box-sizing: border-box;line-height: 40px;text-align: center;}
	#gnb-pc .depth01 > li:hover > a{ font-weight: bold; }
	#gnb-pc .downBt{ display: inline-block; line-height: 30px; padding: 7px 18px; background-color: #004391; position: absolute; top: 50%; right: 0; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 10; }
	#gnb-pc .downBt a{ font-size: 15px; letter-spacing: -0.75px; color: #fff; line-height: 1; }
	#gnb-pc .gnbMClose{display: none;}
}
@media all and (min-width:1200px){
	#gnb-pc .depth01{ margin-left:100px; }
    #gnb-pc .depth01 > li{margin-right: 80px;}

}


#footer{ background-color: #000; color: #fff; padding: 10px 0 40px;}
#footer .ft_sns{ margin-bottom: 5px; }
#footer .ft_sns .snsIcon{display: block;max-width: 45px;}
#footer .ft_sns .snsIcon img{ display: block; width: 100%;}
#footer .ft_sns a{margin-left: 10px;}
#footer .comName{max-width: 230px; margin-bottom: 29px;}
#footer .comName img{display: block; width: 100%;}
#footer .ft_info{letter-spacing: -0.45px;line-height: 1.2;}
#footer .ft_info .copy{margin-top: 20px;}
#footer .ft_info .fs{font-size: 1.2rem; margin-bottom: 20px;}
#footer .ft_info .fs span{color: #fff; font-weight: 700; vertical-align: baseline; margin-left: 10px;}
#footer .div_l{margin-bottom: 20px;}
@media all and (min-width:970px){
    #footer{padding: 35px 0;width: 100%; color: #dfdede;}
    #footer .ft_info{font-size: 18px; line-height: 30px;}
    #footer .div_l{float: left;margin-bottom: 0;}
    #footer .div_r{float: right;text-align: right;}
    #footer .ft_info .fs{font-size: 25px;}
    #footer .ft_info .fs span{font-size: 35px;}
}


.layerPopup {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 9999999;
    justify-content: center;
    align-items: center;
}
.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spinner 2s linear infinite;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}