/*common*/
 
 @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

* {
 margin:0;
 padding:0;
 font-family:"나눔고딕", NanumGothic, "굴림", Gulim, Helvetica, AppleGothic, Sans-serif;
 -webkit-text-size-adjust:none;
}
html {height:100%;}

body {
margin:0; padding:0;
height:100%;
 position:relative;
 background:#d9d9d9;
/* line-height:1.25em;
 color:#000;
 word-wrap:break-word;
 word-break:break-all;
background: #ffffff;*/ /* Old browsers */
/*background: -moz-radial-gradient(center, ellipse cover,  #ffffff 32%, #c9c9c9 100%); /* FF3.6+ */
/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(32%,#ffffff), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
/*background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 32%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-radial-gradient(center, ellipse cover,  #ffffff 32%,#c9c9c9 100%); /* Opera 12+ */
/*background: -ms-radial-gradient(center, ellipse cover,  #ffffff 32%,#c9c9c9 100%); /* IE10+ */
/*background: radial-gradient(ellipse at center,  #ffffff 32%,#c9c9c9 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


body, input, select, textarea {
 font-size:24px;
}
.it, textarea {
 border:1px solid #bcbcbc;
}
li {
 list-style:none;
}
table {
 border-collapse:collapse;
}
img, fieldset {
 border:none;
 margin:0;
}
/* a {
 color:#000;
 text-decoration:none;
 cursor:pointer;
} */
label {
 cursor:pointer;
}
strong {
 font-weight:normal;
}
em, address {
 font-style:normal;
}
.hc {
 visibility:hidden;
 overflow:hidden;
 position:absolute;
 left:-1000em;
 width:0;
 height:0;
 font-size:0;
 line-height:0;
}
.nc, hr {
 display:none !important;
}
.is {
 width:19px;
 height:19px;
}
.fx {
 max-width:100%;
}
/*main*/
.m_key{width:100%;position:relative;  background:url(../image/key_bg.jpg) no-repeat top center; float:left; height:1302px; }
/*main*/
.m_wrap {width:100%;position:relative;  background:url(../image/main_bg.jpg) no-repeat top center; float:left; height:1302px; }
.m_toplogo {width:100%; margin:0 auto; padding:30px 0 0 0px; position:relative; text-align:center; height:80px;}
.m_c_btn{ margin:0 auto; width:720px; padding:780px 0 0 0; text-align:center;}


#wrapreg{ width:720px; margin:0 auto;}
/*login*/
.m_subwrap {width:100%;position:relative;  background:#e3e9f0 url(../image/sub_bg.jpg) no-repeat top center; float:left;  height:auto;display: inline-block; }/*  min-height:100%; display:block; text-align:center;*/
.m_subwrap1 {width:100%;position:relative;  background:#e3e9f0 url(../image/sub_bg1.jpg) no-repeat top center; float:left;   height:auto; display: inline-block;}
.m_tit{ width:100%; margin:0px 0 0 0; text-align:center; float:left; height:90px;}
.m_loginbtn{width:100%; margin:20px 0 0 0; text-align:center; float:left;} 
.m_loginbox { width:100%; margin:15px auto; text-align:left;  float:left;}
.m_loginbox tr{ text-align:left;}
.m_loginbox td{ text-align:left; padding:8px 0;}


.box2 {
	width: 550px;

	margin: 0 0 35px 50px;
	background-color: #fff;
	padding: 30px;
	color: #000;
	font-weight: bold;
	border: 11px solid #fff;

	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	behavior: url(/data/201010/IJ12884818006718/border-radius.htc); /* For IE6 */
	text-align:left;
	float:left;}


/*sub*/
.m_menu{ width:100%; background:none; text-align:center; float:left;}
.m_menuall{ width:720px; margin:0 auto; position:relative;}
.m_m50{ width:25%; margin:0 0 0 -1px; text-align:center; float:left; padding:20px 0;}
.m_m0{ color:#ff262b; font-size:22px;  font-family: 'Nanum Myeongjo', serif; }
.m_m1{ color:#ff262b; font-size:22px;  font-family: 'Nanum Myeongjo', serif; }
.m_m2{ color:#ff262b;font-size:22px;  font-family: 'Nanum Myeongjo', serif; }
.m_m3{ color:#ff262b;font-size:22px;  font-family: 'Nanum Myeongjo', serif; }
.m_m4{ color:#ff262b;font-size:22px;  font-family: 'Nanum Myeongjo', serif; }
.m_m0 a{ color:#6b38d1; font-size:22px;  font-family: 'Nanum Myeongjo', serif; }
.m_m1 a{ color:#6b38d1; font-size:22px;  font-family: 'Nanum Myeongjo', serif; }
.m_m2 a{ color:#6b38d1;font-size:22px;  font-family: 'Nanum Myeongjo', serif; }
.m_m3 a{ color:#6b38d1;font-size:22px;  font-family: 'Nanum Myeongjo', serif; }
.m_m4 a{ color:#6b38d1;font-size:22px;  font-family: 'Nanum Myeongjo', serif; }

.m_ttaxt{ width:720px; margin:0 auto; padding:10px; text-align:right;  color:#000;}
.m_content{ width:100%; float:left; text-align:center;}
.m_720{ width:720px; margin:30px auto 0 auto; position:relative; text-align:center}
.m_720c{ width:720px; margin:0px auto 0 auto; position:relative; text-align:center}
.m_720all{ width:720px; margin:0px auto 0 auto; position:relative; }
.box1 {
	width: 73px;

	margin:0 10px 10px 0;
	background-color: #3a5da4;
	padding: 3px;
	color: #fff;
	font-weight: bold;
	border: 5px solid #3a5da4;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/data/201010/IJ12884818006718/border-radius.htc); /* For IE6 */
	text-align:center;
	float:left;
}

.box3{
	width: 650px;

	margin:  0 0 35px 20px;
	background-color: #fcfcfc;
	padding: 15px 5px;
	color: #000;
	font-weight: bold;
	border: 11px solid #fcfcfc;

	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	behavior: url(/data/201010/IJ12884818006718/border-radius.htc); /* For IE6 */
	text-align:left;
	position:relative;
	float:left;
}

.m_box{ width:100%; color:#505050; font-size:36px; font-family:"나눔고딕", NanumGothic; float:left;}
.m_boxt{width:500px; padding:0 0 20px 10px; float:left;}

.m_boxc{ width:100%; color:#505050; font-size:36px; font-family:"나눔고딕", NanumGothic; float:left;}
.m_boxtc{width:500px; padding:0 0 20px 10px; float:left;}
.box_b { width:630px; /*background:#fff; border:1px solid #dadada;*/ padding:5px; margin:30px 0 0 0; float:left;}
.box_b div{ width:12.5%; margin:0 0 0 -1px; text-align:center; float:left;}
.box_b label{ width:12.5%; margin:0 0 0 -1px; text-align:center; float:left;}
.box_c { width:630px; background:#fff; border:1px solid #dadada; padding:5px; margin:30px 0 0 0; float:left;}
.box_c div{ width:99%; margin:0 0 0 -1px; text-align:left; float:left;}
/*나의별 탭*/
#page-wrap { width: 720px; margin:10px auto; padding:0; }
a { text-decoration: none; }
h3 { margin: 0 0 10px 0;font-family:nanumgothic;color:#35b7e1 }

.tabs {list-style: none; overflow: hidden; padding-left: 10px; font-family:"나눔고딕", NanumGothic, "굴림", Gulim, Helvetica, AppleGothic, Sans-serif; font-size:24px;color:#8a8989; text-align:left;}
.tabs li { display: inline; text-align:left; }
.tabs li a { display: block; float: left; width:306px; height:400px; margin: 0 0 0 -1px; }


.tabs .pl_c1 a{ width:306px; height:433px; background:url(../image/sub/1out.png) no-repeat bottom center;   font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;}
.tabs .pl_c1  a.current { width:306px; height:433px; background:url(../image/sub/1ov.png) no-repeat bottom center;  font-family:"나눔고딕"; font-size:36px; color:#525252;  padding:10px 0 0 0;}

.tabs .pl_c4 a{ width:306px; height:433px; background:url(../image/sub/4out.png) no-repeat bottom center;  font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;}
.tabs .pl_c4 a.current { width:306px; height:433px; background:url(../image/sub/4ov.png) no-repeat bottom center;font-family:"나눔고딕"; font-size:36px; color:#525252;  padding:10px 0 0 0; }

.tabs .pl_c7 a{ width:306px; height:433px; background:url(../image/sub/7out.png) no-repeat bottom center;   font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;}
.tabs .pl_c7  a.current { width:306px; height:433px; background:url(../image/sub/7ov.png) no-repeat bottom center;  font-family:"나눔고딕"; font-size:36px; color:#525252;  padding:10px 0 0 0;}

.tabs .pl_c10 a{ width:306px; height:433px; background:url(../image/sub/10out.png) no-repeat bottom center;  font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;}
.tabs .pl_c10 a.current { width:306px; height:433px; background:url(../image/sub/10ov.png) no-repeat bottom center;font-family:"나눔고딕"; font-size:36px; color:#525252;  padding:10px 0 0 0; }

.tabs .pl_c13 a{ width:306px; height:433px; background:url(../image/sub/13out.png) no-repeat bottom center;   font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;}
.tabs .pl_c13  a.current { width:306px; height:433px; background:url(../image/sub/13ov.png) no-repeat bottom center;  font-family:"나눔고딕"; font-size:36px; color:#525252;  padding:10px 0 0 0;}

.tabs .pl_c16 a{ width:306px; height:433px; background:url(../image/sub/16out.png) no-repeat bottom center;  font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;}
.tabs .pl_c16 a.current { width:306px; height:433px; background:url(../image/sub/16ov.png) no-repeat bottom center;font-family:"나눔고딕"; font-size:36px; color:#525252;  padding:10px 0 0 0; }

.tabs .pl_c19 a{ width:306px; height:433px; background:url(../image/sub/19out.png) no-repeat bottom center;   font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;}
.tabs .pl_c19  a.current { width:306px; height:433px; background:url(../image/sub/19ov.png) no-repeat bottom center;  font-family:"나눔고딕"; font-size:36px; color:#525252;  padding:10px 0 0 0;}

.tabs .pl_c22 a{ width:306px; height:433px; background:url(../image/sub/22out.png) no-repeat bottom center;  font-family:"나눔고딕"; font-size:36px; color:#999; padding:10px 0 0 0;}
.tabs .pl_c22 a.current { width:306px; height:433px; background:url(../image/sub/22ov.png) no-repeat bottom center;font-family:"나눔고딕"; font-size:36px; color:#525252;  padding:10px 0 0 0; }

.box-wrapper { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; padding: 20px; background: white;margin: -1px 0 0 0;  position: relative; height:1500px; }
.content-box { overflow: hidden; position: absolute; top: 20px; left: 10px; width: 600px; }

.current { }

.col-one, .col-two, .col-three { width: 100%; float: left; position: relative; top: 2000px; font-family:dotum;font-size:24px;letter-spacing:-1px;line-height:150%}
.col-one, .col-two { margin-right: 3%; }


.guide_box{ margin:30px 0 0 0; width:100%; float:left;}
.guide_bg{ width:680px; margin:0 auto; display:block; padding:20px; text-align:left; }
.btn_more{ width:90%; text-align:left; padding: 0 0 0 20px;}
.guide_top{ text-align:center; font-weight:bold; color:#3e434c; padding:20px 0;  font-family: 'Nanum Myeongjo', serif;}
.guide_list{  margin:15px 0; width:100%;}
.guide_list_t{ color:#4946ca; font-weight:bold; font-family: 'Nanum Myeongjo', serif; padding:0 0 0 0px; }/*background:url(../image/sub/dot.gif) no-repeat left top; */
.guide_list_c{ color:#3e434c; padding:20px 0; display:block;}/* background:#f3f3f3;*/

.planet_list{ width:100%;}
.planet_list li{ width:30%; margin:10px 0 0 1%; text-align:center; background:#e3e3e3; padding:1%; float:left;}

.wbmb_bluebox{ background:#edf1ff; width:94%; margin:20px 0 0  2%; padding:20px; font-size:24px;  color:#2d2d2d;  font-family: 'Nanum Myeongjo', serif; float:left;}
.wbmb_bluebox_po{ font-size:36px; color:#ff0000;}

.wbmb_tarobox{ width:94%; margin:5px 0 0  2%; padding:10px; font-size:28px; line-height:34px; text-align:left;     float:left;}

.ch_t{ text-align:left;  font-family: 'Nanum Myeongjo', serif; position:absolute;  font-size:48px; color:#fff; margin:240px auto 0 auto; width:50%; height:116px; text-align:center }
.ch_t a{ text-align:left;  font-family: 'Nanum Myeongjo', serif; font-size:48px;  color:#fff;   background:#373d57; margin:0 0 0 10px; padding:15px 5px;}