@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Reset CSS  */
* { margin:0; padding:0; border:0; outline:0; -webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl{ list-style:none; }
img, video{ border:0; vertical-align:top; }
a { vertical-align:top; text-decoration:none; color:#777777; }
input, select { vertical-align:middle; }
html{ height:100%; width:100%; }
body{ font-family:'Nanum Gothic','맑은 고딕',돋움,Dotum,sans-serif; font-size:12px; line-height:130%; height:100%; background:#2b3440; background:url("../img/main/bg_m01.jpg") no-repeat fixed; background-size:cover;}
label{ cursor:pointer; }
.blind,legend,hr,caption{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address{ font-style:normal; font-weight:normal; }
a,a:link,a:visited{color:#666666; text-decoration:none;}
a:hover{color:#242424;}


/*  Layout base */
#wrap{ width:100%; min-height:100%; margin:0 auto; position:relative;}
header{ width:100%; margin:0 auto; background:#ffffff;}
section{ margin:0 auto; width:94%; box-sizing:border-box;}
footer {position:relative; width:100%; height:65px; margin-top:30px;}
.copy {width:94%; height:65px;  margin:0 auto; text-align:center; line-height:150%; color:rgba(255,255,255,.5); font-size:11px;}
.copy a {color:rgba(255,255,255,.5);}
.copy a:hover {color:rgba(255,255,255,.5);}



/* login */

@media all and (orientation:portrait){
	.log_txt1 {position:relative; width:200px; height:220px; margin:0 auto; background:url("../img/main/log_txt01.png") 50% 100% no-repeat; background-size:200px 220px;}
    .log_txt2 {position:absolute; bottom:0px; width:96%; height:65px; margin:0 auto; text-align:center; color:rgba(255,255,255,.5); line-height:160%; font-size:11px;}
	.ma_txt1 {width:100%; height:100px; background:url("../img/main/m_txt1.png") 50% 60% no-repeat; background-size:270px 40px;}
}
@media all and (orientation:landscape){
	.log_txt1 {position:relative; width:200px; height:90px; margin:0 auto; background:url("../img/main/log_txt02.png") 50% 70% no-repeat; background-size:200px 40px;}
    .log_txt2 {position:relative; bottom:0px; width:100%; height:65px; margin-top:10px; text-align:center; color:rgba(255,255,255,.5); line-height:160%; font-size:11px;}
	.ma_txt1 {width:100%; height:90px; background:url("../img/main/m_txt1.png") 50% 55% no-repeat; background-size:270px 40px;}
}


.logform {position:relative; width:280px; height:200px; margin:0 auto;}

.inputForm
{
	font-size:18px;
	letter-spacing:1px;
	color: #FFFFFF;
	height:48px;
	width:280px;
	background-color:transparent;
	border-bottom:1px solid rgba(255,255,255,.2);
	border-radius:0px;
}

input::-webkit-input-placeholder{color:#ffffff;}
input::-moz-placeholder{color:#ffffff;}


.logbt {width:280px; margin-top:30px; text-align:center;}
.subbt1 {cursor:pointer; HEIGHT:54px; WIDTH:130px; background:url(../img/main/log_bt.png) no-repeat; background-size:130px 54px;}


/* agree */

.agr_txt1 {position:relative; width:200px; height:110px; margin:0 auto; background:url("../img/main/log_txt02.png") 50% 60% no-repeat; background-size:200px 40px;}
.agr_txt2 {position:relative; width:90%; height:55px; margin:0 auto; text-align:center; color:rgba(255,255,255,.8); line-height:150%; font-size:11px;}
.agr_chk {position:relative; width:90%; height:24px; margin:0 auto; color:rgba(255,255,255,.8);}
.agr_cont {position:relative; width:90%; margin:0 auto; margin-bottom:20px;}
.agr_cont2 {position:relative; width:130px; height:54px; margin:0 auto; padding-bottom:50px;}
textarea.agrtxt1 {width:100%; height:90px; vertical-align:top; text-align:left; line-height:150%; padding:10px; color:#7b7b7b; font-size:11px; background:rgba(255,255,255,.8); border:0px; font-family:'Nanum Gothic','맑은 고딕',돋움,Dotum,sans-serif; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; border-radius:8px;}

.tab_01 {border:0; border-collapse:collapse; width:100%;}
.tab_01 td {background:rgba(255,255,255,.8); color:#595959; font-size:11px; text-align:center; vertical-align:middle; height:28px; padding:7px 10px 7px 10px; line-height:140%; letter-spacing:-1px; border-bottom:1px solid #839ab8; border-top:0px; border-left:0px; border-right:1px solid #839ab8;}
.tab_01 th {background:rgba(212,212,212,.8); color:#666666; font-size:11px; text-align:center; font-weight:bold; vertical-align:middle; height:28px; padding:7px 10px 7px 10px; line-height:140%; letter-spacing:-1px; border-bottom:1px solid #839ab8; border-top:0px; border-left:0px; border-right:1px solid #839ab8;}


/* main */
.logo {height:54px; width:94%;  margin:0 auto;}
.logo_img {width:130px; height:40px; float:left; margin-top:7px;}
.out_img {width:19px; height:19px; float:right; margin-top:18px;}
.goa {height:60px; width:100%;  margin:0 auto; background:rgba(61,69,79,.75);}
.goa_txt1 {width:94%; height:60px; margin:0 auto; color:#ff8455; font-weight:normal; font-size:12px; text-align:center; letter-spacing:-1px; box-sizing:border-box; padding-top:24px;}
.goa_img {margin-top:-6px;}

.name_top {width:100px; height:19px; float:right; margin-top:19px; text-align:right; color:#666666;}
.name_top2 {width:120px; height:19px; float:right; margin-top:19px; padding-right:5px; text-align:right; color:#666666; }


.qui {width:327px; height:109px; margin:0 auto;}
.qui ul li {width:107px; height:107px; float:left; box-sizing:border-box; padding:1px}

.noti {width:100%; margin-top:30px;}
.noti ul {width:90%; margin:0 auto;}
.noti ul li {width:100%; height:45px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.2); text-align:center; letter-spacing:-1px; font-size:13px; color:rgba(255,255,255,.8); padding-top:15px;}
.noti ul li a {color:rgba(255,255,255,.8);}
.noti ul li a:hover {color:rgba(255,255,255,.8);}
.noti ul li.noti_bt {border-bottom:10px; text-align:center; height:45px; padding-top:18px;}


.bot_logo {position:relative; width:150; height:70px; margin:0 auto; background:url("../img/main/bot_logo.png") 50% 0% no-repeat; background-size:150px 35px;}