@charset "euc-kr";
body { width: 100%; overflow-x: hidden; color: white;  background-color: #222;}
div.wrap { position: relative; clear: both; width: 100%; margin: 0 auto;  background-color: #222;}

/* mobile -wide*/
@media only screen and (max-width:1023px){

div#header{display:none;}

/* 헤더 영역 */

div#m_header { display:block; width: 100%; overflow:auto; background:#222; border-bottom:1px solid #444;}
div.wrap { width: 100%; margin: 0 auto; }

div#h_cont { position: relative; height: 80px;}

div#h_cont a.m_menu{position: absolute; right: 4%; top: 15px; width:50px; }
div#h_cont a.m_menu img { width: 100%;}

div#h_cont h1 {width: 100%; text-align: center; padding-top: 15px;}
div#h_cont h1 img{ width: 250px; height: 50px; padding-right: 50px}
div#h_cont ul.menu{ position: fixed; width:100%; height:100%; top:0; margin:0; padding:0; z-index:99999; background:#fff; }
div#h_cont ul.menu li{ position:relative; float:left; width:98%; padding:2% 1%; border-bottom:1px solid #222}
div#h_cont ul.menu li.menu_top {background:#222 !important; height:50px; line-height:50px}
div#h_cont ul.menu li.menu_top a {display:table-cell;  float:right; width:32%; height:35px; line-height:35px; margin:7.5px 10px 0 0; text-align:center; color:#fff ; }
div#h_cont ul.menu li.menu_top a img {display:block;  width:150px; height:50px;  line-height:50px; vertical-align:middle;} 
div#h_cont ul.menu li.menu_top a.close {margin-right:0;}
div#h_cont ul.menu li.menu_top a.close img {display:block; float:right; width:20px; height:20px; padding:5px; } 
div#h_cont ul.menu li.menu_top a.login {border:1px solid #fff;}
div#h_cont ul.menu li.menu_top a.join {border:1px solid #fff;}
div#h_cont ul.menu li a{ display:block; width:100%; font-size:18px; color:#000; font-weight:bold; text-decoration:none; }
div#h_cont ul.menu li a:hover{/*  background:#eee;  */}


/* 
div#m_header { width: 100%; }
div#m_header div.m_wrap {text-align: center; }
div#m_header h1 {  padding: 5px 0; margin:  0 auto; }
div#m_header h1 img {display:block; width:35%; margin:  15px auto;}
div#m_header table.nav {  width: 100%; margin:  0 auto; border:none !important; padding-bottom:5px !important;}
div#m_header table.nav tr td { padding:3% 1%; text-align:center; }
div#m_header table.nav tr td a { display:block; margin:0 auto; color: #fff; text-decoration: none; font-size: 14px; font-weight:bold }
 */

/* 푸터 영역 */
div#footer{display:none;}

div#m_footer {background:#222; width: 100%; margin: 0 auto; padding:10px 0; }
div#m_footer p {text-align:center; color:#fff; font-size:12px; line-height: 18px;}
div#m_footer p span a{text-align:center; color:#fff;}
div#m_footer p a{color:#fff !important; text-decoration:none}

.rotate1 {
	-webkit-transform: rotate(0deg) translate3d(0, 0, 0);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
.rotate2 {
	-webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

}

/* pc */
@media only screen and (min-width:1024px){

div#m_header{display:none;}

div#header { width: 100%; height: 80px; border-bottom: 1px solid #444; font-family: 'Malgun Gothic'; position: fixed; z-index: 999999;}
div#header div.wrap { height: 80px; }
div#header h1 { position: absolute; left: 40px; bottom: 20px; }
div#header h1 a img {display:block; width: 180px;}
div#header ul.nav { position: absolute; right: 20px; bottom:30px; }
div#header ul.nav li { float: left; padding:0 15px;  color: #fff; text-align:center}
div#header ul.nav li a { color: #fff; font-size: 16px; text-decoration: none;  font-weight:bold; }
div#header ul.nav li a:hover { color:#fff; font-weight:bold;}

div#m_footer{display:none;}

/* 하단 정보 */

div#footer table { width: 720px; margin:0 auto}
div#footer table a { color: #fff;}
div#footer table a:hover { text-decoration: underline; border:none}
div#footer td { font-size: 14px;  }

div#footer td.info1 { width:30%; text-align: left; color: #fff;}
div#footer td.info1 select { display: block; float: right; font-size: 12pt; }
div#footer td.info1 div { clear: both; margin-top: 10px; }
div#footer td.info1 div a { display: block; float: right; margin-left: 10px; font-size: 12pt; }
div#footer td.info1 img{display:inline-block;width:65%;}

div#footer td.info2 { width: 50%; font-size: 14px; color: #fff;}
div#footer td.info2 b { font-size: 25px; color: #fff }
div#footer td.info2 span { display: block; margin-bottom: 5px; color: #fff; font-size: 24px; font-weight: bold; }
div#footer td.info2 a{font-size: 15px; color: #fff;}

div#footer { width: 100%; border-top: 1px solid #444; font-family: 'Malgun Gothic'; }
div#footer div.wrap {  width: 90%; margin:0 auto; padding:20px 0; line-height: 1.5;  font-size: 13px; font-weight:normal; }
div#footer div.wrap P b {display: inline-block; font-size: 13pt; color: #fff; font-weight: bold; }
div#footer div.wrap span.time { color: #fff;  font-size: 13pt; font-weight: bold;}
div#footer div.wrap P a { font-size: 13pt; color:#fff; font-weight: normal; }
div#footer div.wrap P span.text{display: inline-block; color:#fff; font-size: 11pt;}
div#footer div.wrap P span.text a{ color:#fff;}
div#footer div.wrap P span.text2{display: inline-block; margin-top:5px; color:#fff;}
div#footer div.wrap P span.text2 a{ display: inline-block; background: #222; font-size: 13px; padding: 2px 10px; text-decoration: none; margin-right: 5px; }

}