#site-content {
	position: relative;
	z-index: 1;
	/**/
	min-height: 100%;
	min-height: 100vh;
	
    background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    background-color:rgb(255, 255, 255);
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 25px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 25px 0;
	box-shadow: rgba(0, 0, 0, 0.3) 0 5px 25px 0;
  overflow: hidden;
}

/*
#site-footer {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px 0;
	min-height: 350px;
	background-size: cover;
	background-position: center;
    background-color:#25252a;
	
}
*/

/******************************************************** 푸터 스크린 ********/

 .foot-sec {
	overflow: hidden;
}

@media (max-width: 575.99px) {
	#site-footer {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px 0;
	min-height: 550px;
	background-size: cover;
	background-position: center;
    background-color:#ff5722;
	
}

	.foot-12 {
      position: relative;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      height:50px;
    }

    .foot-3 {
      display:none;
    }

    .foot-r3 {
      position: relative;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .fimg img {
    	display:none;
    }

    .foot-6 {
      position: relative;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding:0px;
    }

    .foot-6 h2 {
    	position:relative;
    	margin-left:15px;
    	font-size:18px;
    	font-weight:600;
    	color:rgb(255, 255, 255);
        letter-spacing:1px;
        margin-top:10px;
    }

    .foot-6 span {
    	position:relative;
    	font-size:18px;
    	font-weight:300;
    	color:rgba(255, 255, 255, 0.7);
    }

    .foot-6 p {
    	position:relative;
    	margin-left:15px;
    	margin-top:20px;
    	font-size:12px;
    	font-weight:300;
    	color:rgba(255, 255, 255, 0.8);
        letter-spacing:0.5px;
        line-height:21px;
    }

    .ftex h2 {
    	position:relative;
    	margin-left:15px;
    	margin-top:10px;
    	font-size:18px;
    	font-weight:600;
    	color:rgb(255, 255, 255);
        letter-spacing:1px;
    }

    .ftex h3 {
    	position:relative;
    	margin-left:15px;
    	margin-top:15px;
    	font-size:13px;
    	font-weight:500;
    	color:#CDDC39;
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .ftex h5 {
    	position:relative;
    	margin-left:15px;
    	margin-top:15px;
    	font-size:12px;
    	font-weight:300;
    	color:#ffffff;
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .ftex p {
    	position:relative;
    	margin-left:15px;
    	margin-top:15px;
    	font-size:12px;
    	font-weight:300;
    	color:#ffffff;
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .copy {
    	position:absolute;
        left: 0;
	    right: 0;
	    bottom: 0;
	    font-size:12px;
        background-color:#1f1f21;
    }

    .copy h6 {
    	position:relative;
    	font-size:12px;
    	font-weight:300;
    	text-align:center;
    	letter-spacing:0.5px;
    	color:rgba(255, 255, 255, 0.36);
    	margin-top:20px;
    }
}

@media (max-width: 767.99px) and (min-width: 576px) {
	#site-footer {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px 0;
	min-height: 400px;
	background-size: cover;
	background-position: center;
    background-color:#25252a;
	
}

	.foot-12 {
      position: relative;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      height:50px
    }

    .foot-3 {
      display:none;
    }

    .foot-r3 {
      position: relative;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%;
    }

    .fimg img {
    	display:none;
    }

    .foot-6 {
      position: relative;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%;
      padding:0px;
    }

    .foot-6 h2 {
    	position:relative;
    	margin-left:0px;
    	font-size:18px;
    	font-weight:600;
    	color:rgb(255, 255, 255);
        letter-spacing:1px;
    }

    .foot-6 span {
    	position:relative;
    	font-size:18px;
    	font-weight:300;
    	color:rgba(255, 255, 255, 0.7);
    }

    .foot-6 p {
    	position:relative;
    	margin-left:0px;
    	margin-top:20px;
    	font-size:12px;
    	font-weight:300;
    	color:rgba(255, 255, 255, 0.8);
        letter-spacing:0.5px;
        line-height:22px;
    }

    .ftex h2 {
    	position:relative;
    	margin-left:15px;
    	margin-top:15px;
    	font-size:18px;
    	font-weight:600;
    	color:rgb(255, 255, 255);
        letter-spacing:1px;
    }

    .ftex h3 {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:13px;
    	font-weight:500;
    	color:#CDDC39;
        letter-spacing:-0.1px;
        line-height:26px;
    }

    .ftex h5 {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:12px;
    	font-weight:300;
    	color:#ffffff;
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .ftex p {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:12px;
    	font-weight:300;
    	color:#ffffff;
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .copy {
    	position:absolute;
        left: 0;
	    right: 0;
	    bottom: 0;
        background-color:#1f1f21;
    }

    .copy h6 {
    	position:relative;
    	font-size:12px;
    	text-align:center;
    	letter-spacing:0.5px;
    	color:rgba(255, 255, 255, 0.36);
    	margin-top:20px;
    }
}

@media (max-width: 991.99px) and (min-width: 768px) {
    #site-footer {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px 0;
	min-height: 400px;
	background-size: cover;
	background-position: center;
    background-color:#25252a;
	
}

	.foot-12 {
      position: relative;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      height:50px
    }

    .foot-3 {
      display:none;
    }

    .foot-r3 {
      position: relative;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%;
    }

    .fimg img {
    	display:none;
    }

    .foot-6 {
      position: relative;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%;
      padding:0px;
    }

    .foot-6 h2 {
    	position:relative;
    	margin-left:0px;
    	font-size:24px;
    	font-weight:600;
    	color:rgb(255, 255, 255);
        letter-spacing:1px;
        margin-top:10px;
    }

    .foot-6 span {
    	position:relative;
    	font-size:24px;
    	font-weight:300;
    	color:rgba(255, 255, 255, 0.7);
    }

    .foot-6 p {
    	position:relative;
    	margin-left:0px;
    	margin-top:30px;
    	font-size:13px;
    	font-weight:300;
    	color:rgba(255, 255, 255, 0.8);
        letter-spacing:0.5px;
        line-height:22px;
    }

    .ftex h2 {
    	position:relative;
    	margin-left:15px;
    	margin-top:10px;
    	font-size:24px;
    	font-weight:600;
    	color:rgb(255, 255, 255);
        letter-spacing:1px;
    }

    .ftex h3 {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:16px;
    	font-weight:500;
    	color:#CDDC39;
        letter-spacing:-0.1px;
        line-height:26px;
    }

    .ftex h5 {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:13px;
    	font-weight:300;
    	color:#ffffff;
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .ftex p {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:13px;
    	font-weight:300;
    	color:#ffffff;
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .copy {
    	position:absolute;
        left: 0;
	    right: 0;
	    bottom: 0;
        background-color:#1f1f21;
    }

    .copy h6 {
    	position:relative;
    	font-size:12px;
    	text-align:center;
    	letter-spacing:0.5px;
    	color:rgba(255, 255, 255, 0.36);
    	margin-top:20px;
    }
}

@media (max-width: 1199.99px) and (min-width: 992px) {
    #site-footer {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px 0;
	min-height: 400px;
	background-size: cover;
	background-position: center;
    background-color:#25252a;
	
}

	.foot-12 {
      position: relative;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      height:50px
    }

    .foot-3 {
      position: relative;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .foot-r3 {
      position: relative;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .fimg img {
    	width:100%;
    	padding:10px;
    	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 5px 25px 0;
	    -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 5px 25px 0;
	    box-shadow: rgba(0, 0, 0, 0.6) 0 5px 25px 0;
    }

    .foot-6 {
      position: relative;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding:0px;
    }

    .foot-6 h2 {
    	position:relative;
    	margin-left:45px;
    	font-size:24px;
    	font-weight:600;
    	color:rgb(255, 255, 255);
        letter-spacing:1px;
        margin-top:10px;
    }

    .foot-6 span {
    	position:relative;
    	font-size:24px;
    	font-weight:300;
    	color:rgba(255, 255, 255, 0.7);
    }

    .foot-6 p {
    	position:relative;
    	margin-left:45px;
    	margin-top:35px;
    	font-size:13px;
    	font-weight:300;
    	color:rgba(255, 255, 255, 0.8);
        letter-spacing:0.5px;
        line-height:22px;
    }

    .ftex h2 {
    	position:relative;
    	margin-left:15px;
    	margin-top:10px;
    	font-size:24px;
    	font-weight:600;
    	color:rgb(255, 255, 255);
        letter-spacing:1px;
    }

    .ftex h3 {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:16px;
    	font-weight:500;
    	color:#CDDC39;
        letter-spacing:-0.1px;
        line-height:26px;
    }

    .ftex h5 {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:13px;
    	font-weight:300;
    	color:#ffffff;
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .ftex p {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:13px;
    	font-weight:300;
    	color:#ffffff;
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .copy {
    	position:absolute;
        left: 0;
	    right: 0;
	    bottom: 0;
        background-color:#1f1f21;
    }

    .copy h6 {
    	position:relative;
    	font-size:12px;
    	text-align:center;
    	letter-spacing:0.5px;
    	color:rgba(255, 255, 255, 0.36);
    	margin-top:20px;
    }
}

@media (min-width: 1200px) {
	#site-footer {
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px 0;
	min-height: 400px;
	background-size: cover;
	background-position: center;
    background-color:#FFC107;
	
}

	.foot-12 {
      position: relative;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      height:50px
    }

    .foot-3 {
      position: relative;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .foot-r3 {
      position: relative;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .fimg img {
    	width:100%;
    	padding:10px;
    	background-color:#FFC107;
    	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 25px 0;
	    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 5px 25px 0;
	    box-shadow: rgba(0, 0, 0, 0.3) 0 5px 25px 0;
    }

    .foot-6 {
      position: relative;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding:0px;
    }

    .foot-6 h2 {
    	position:relative;
    	margin-left:45px;
    	font-size:24px;
    	font-weight:600;
    	color:rgb(40, 39, 36);
        letter-spacing:1px;
        margin-top:10px;
    }

    .foot-6 span {
    	position:relative;
    	font-size:24px;
    	font-weight:300;
    	color:rgb(40, 39, 36);
    }

    .foot-6 p {
    	position:relative;
    	margin-left:45px;
    	margin-top:35px;
    	font-size:13px;
    	font-weight:300;
    	color:rgb(40, 39, 36);
        letter-spacing:0.5px;
        line-height:22px;
    }

    .ftex h2 {
    	position:relative;
    	margin-left:15px;
    	margin-top:10px;
    	font-size:24px;
    	font-weight:600;
    	color:rgb(40, 39, 36);
        letter-spacing:1px;
    }

    .ftex h3 {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:16px;
    	font-weight:500;
    	color:#000000;
        letter-spacing:-0.1px;
        line-height:26px;
    }

    .ftex h5 {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:13px;
    	font-weight:300;
    	color:rgb(40, 39, 36);
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .ftex p {
    	position:relative;
    	margin-left:15px;
    	margin-top:25px;
    	font-size:13px;
    	font-weight:300;
    	color:rgb(40, 39, 36);
        letter-spacing:-0.1px;
        line-height:22px;
    }

    .copy {
    	position:absolute;
        left: 0;
	    right: 0;
	    bottom: 0;
        background-color:#FF9800;
    }

    .copy h6 {
    	position:relative;
    	font-size:12px;
    	font-weight:300;
    	text-align:center;
    	letter-spacing:0.5px;
    	color:rgb(255, 255, 255);
    	margin-top:20px;
    }
}