/* layout 

margin:0 auto;
*/

body {font-family: 'Nanum Gothic'; background-color: #F05253; }

#wrap {width: 100%; background-color: #F05253;}

#header {width: 100%; height:25%; font-family: 'Malgun Gothic';}
#clock { border:0px solid #dedede; width:500px; height:150px; line-height:150px; color:#FFFFFF;font-size:90px; text-align:center; margin-left:20px;}

#contents {width: 100%; height:51%; overflow:hidden; position:relative; z-index:10; }

.container {width: 100%; height: 100%;  position:absolute;  bottom:0;left:0;right:0;top:0; margin:auto; }
.container h2 { font-size: 85px; color:#FFFFFF; letter-spacing: -2px;  line-height:70px;}
.container h3 {  font-size: 80px; color:#FFFFFF; letter-spacing: -1px;  line-height:100px;}
.container h4 {  font-size: 40px; color:#FFFFFF; letter-spacing: -1px;  line-height:20px; margin-left: 5px;}
.container a {text-decoration-line: none;}

.hc { width:990px; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
.vc { height:215px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto; }  /* 세로 중앙 정렬 */
 
#footer {width: 100%; height:24%; position:relative; z-index:0;}
.footer_container {width: 100%; height: 100%;  position:absolute; bottom:0;left:0;right:0;top:0; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; }


#logo {width: 150px; height: 110px;  position:absolute;  right:315;bottom:40; margin:auto; background-image : url('../index_img/logo_100.png'); background-repeat: no-repeat; }
#logo_text {height: 35px;  position:absolute;  right:57;bottom:104; margin:auto;  color: #ffffff; font-size: 31px;}
#logo_text2 {height: 50px;  position:absolute;  right:112;bottom:44; margin:auto; color: #ffffff; font-size: 27px;}

#footer a {color: #ffffff; text-decoration:none;}

/* 화면 너비가 0~1280까지 */
@media (max-width: 1280px){
    #clock { border:0px solid #dedede; width:400px; height:130px; line-height:130px; color:#FFFFFF;font-size:70px; text-align:center; margin-left:10px;}
    .container h2 { font-size: 55px; color:#FFFFFF; letter-spacing: -2px;  line-height:50px; }
    .container h3 {  font-size: 50px; color:#FFFFFF; letter-spacing: -1px;  line-height:70px;}
	.container h4 {  font-size: 30px; color:#FFFFFF; letter-spacing: -1px;  line-height:20px; margin-left: 5px;}
	
    .hc { width:639px; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
    .vc { height:180px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto; }  /* 세로 중앙 정렬 */
}


@media (max-height: 700px){
    #clock { border:0px solid #dedede; width:315px; height:9px; line-height:90px; color:#FFFFFF;font-size:50px; text-align:center; margin-left:10px;}
    .container h2 { font-size: 45px; color:#FFFFFF; letter-spacing: -2px;  line-height:45px;}
    .container h3 {  font-size: 40px; color:#FFFFFF; letter-spacing: -1px;  line-height:45px;}
	.container h4 {  font-size: 20px; color:#FFFFFF; letter-spacing: -1px;  line-height:10px; margin-left: 5px;}
	
    .hc { width:508px; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
    .vc { height:155px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto; }  /* 세로 중앙 정렬 */

	#logo {width: 100px; height: 100px;  position:absolute;  right:255;bottom:6; margin:auto; background-image : url('../index_img/logo_80.png'); background-repeat: no-repeat; }
	#logo_text {height: 35px;  position:absolute;  right:37;bottom:59; margin:auto;  color: #ffffff; font-size: 24px;}
	#logo_text2 {height: 50px;  position:absolute;  right:80;bottom:13; margin:auto; color: #ffffff; font-size: 21px;}

}


/*

@media (max-width: 769px){
    #clock { border:0px solid #dedede; width:400px; height:130px; line-height:130px; color:#FFFFFF;font-size:70px; text-align:center; margin-left:10px;}
    .container h2 { font-size: 40px; color:#FFFFFF; letter-spacing: -2px;  line-height:50px;}
    .container h3 {  font-size: 35px; color:#FFFFFF; letter-spacing: -1px;  line-height:50px;}
    .hc { width:460px; left:0; right:0; margin-left:auto; margin-right:auto; } 
    .vc { height:120px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto; }  
}

*/