h1,h2,h3,h4,h5,h6,ol,ul,li,form,fieldset,input,textarea,p,th,td,dt,dd,dl {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;}
li {list-style:none;}
img,fieldset {border:0;vertical-align:top;}
em {font-style:normal;}
input.radio {width:13px; height:13px; vertical-align:middle;}
address,em,i {font-style:normal;}
.hdn, legend,table caption{font-size:0; height:0; overflow:hidden; position:absolute;visibility:hidden; width:0; line-height:0;}
table caption{font-size:0; height:0; overflow:hidden; position:static;visibility:hidden; width:0; line-height:0;}
a {text-decoration:none; color:inherit;}

html { height:100%; }

body,td,th {
	font-family: 'NanumBarunGothic','NanumGothic','맑은고딕','Malgun Gothic','Apple SD Gothic Neo',Helvetica,sans-serif;
	font-size: 12px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	/*background:url(../images/background.jpg);*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#0e0d19;
}

.wrap { position:relative; width:100%; height:100%; margin:0; font-family: "맑은 고딕","Malgun Gothic"; }

.loginlogo { position:relative; padding:0; margin:0 0 10px 0; text-align:center; width:100%; }

.login { position:absolute; width:300px; height:100%; padding:0 50px; margin:0; top:0; right:0; background:url(../images/opbg.png); }
.login_wrapper { position:absolute; width:300px; top:40%; margin-top:-250px; }
.login h1 { text-align:left; font-size:12px; font-weight:100; color:#ffc000; }
.login h2 { text-align:left; font-size:12px; font-weight:100; color:#ffc000; margin:8px 0 0; letter-spacing:-1pt; }
.login .inputbox { position:relative; width:100%; float:left; padding:0; margin:4px 0 0 0; }

.inputstyle_user {
	margin:0;
	width:100%;
	height:38px;
	background-color:#000;
	color:#fff;
	font-size:15px;
	text-align:center;
	border:1px #a196a6 solid;
	border-radius:1px;
}

.inputstyle_key {
	margin:0;
	width:100%;
	height:38px;
	background-color:#000;
	color:#fff;
	font-size:15px;
	text-align:center;
	border:1px #a196a6 solid;
	border-radius:1px;
}

.login .loginbutton { position:relative; width:100%; height:40px; cursor:pointer; margin:10px 0 0; text-align:center; line-height:40px; color:#fff; font-size:20px; background:#207697; display:inline-block; }
.login .loginbutton:hover { background:#4cb5ff; }
.login .loginbutton:active { position:relative; top:1px; }
.login .registerbutton { position:relative; width:100%; height:40px; cursor:pointer; margin:4px 0 0; text-align:center; line-height:40px; color:#222; font-size:15px; background:#eec315; display:inline-block; }
.login .registerbutton:hover { background:#ffe064; }
.login .registerbutton:active { position:relative; top:1px; }

.login .register_txt { position:relative; width:100%; height:40px; cursor:pointer; margin:15px 0 0; text-align:center; font-size:15px; font-weight:100; color:#FFF; display:inline-block; } .login .register_txt span { color:#3F6; }

.kakao {  position:absolute; top:50%; margin-top:40px; right:120px; background:url(../images/kakaocha.png) top left no-repeat; width:220px; height:90px; }
.kakao h5 { position:relative; float:left; width:100%; font-size:12px; font-weight:100; color:#fff200; margin:4px 0 0 54px; }
.kakao h5 span { color:#fff; font-size:20px; font-weight:bold; }
.kakao h3 { position:relative; float:left; font-size:12px; font-weight:100; color:#fff200; margin:5px 0 0; }

.login .email { position:relative; float:left; width:100%; margin:20px 0 0 0; }
.login .email .emailimg { width:100%; padding:0; margin:0; }
.login .email h5 { width:100%; font-size:20px; font-weight:100; color:#3CF; margin:10px 0 0; line-height:20px; }
.login .email h5 span { color:#FFF; font-size:12px; }
.login .email h3 { width:100%; font-size:15px; font-weight:100; color:#ffffff; margin:10px 0 0; line-height:20px; }
.login .email h3 span { color:#3CF; font-size:20px; }

.agreementbutton { position:relative; float:left; margin:4px 0 0 0; padding:10px 0; width:250px; background-color:#F90; border-radius:3px; color:#222; text-align:center; font-size:15px; cursor:pointer; }
.agreementbutton:hover { background-color:#FC0; }
.agreementbutton:active { position:relative; top:1px; }

::-webkit-input-placeholder { color:#fff; font-size:15px; }
/* Firefox 18- */
:-moz-placeholder { color:#fff; font-size:15px; }
/* Firefox 19+ */
::-moz-placeholder { color:#fff; font-size:15px; }
:-ms-input-placeholder { color:#fff; font-size:15px; }

.register { position:absolute; width:600px; top:7%; left:50%; background:#FFF; margin-left:-301px; background:#101319; border-radius:5px; border:1px #00b4ff solid; padding:0 0 20px 0;
-moz-box-shadow: 0px 3px 10px 2px #000824;
-webkit-box-shadow: 0px 3px 10px 2px #000824;
box-shadow: 0px 3px 10px 2px #000824; }
.register_wrapper { position:relative; margin:90px 90px 90px; }
.register h1 { color:#00b4ff; font-size:20px; font-weight:100; text-align:left; line-height:20px; }
.register h1 span { font-size:12px; color:#00b4ff; opacity:0.5; }

.inputliner { position:relative; padding:0; margin:10px 0 0; }
.inputliner label { color:#fff; font-size:15px; margin:5px 0 0; font-weight:bold; }
.inputliner .inputarea { margin:5px 0 0; }

.inputliner select { width:30%; height:36px; margin:0; background-color:#101319; border:1px #434f68 solid; color:#fff; font-size:15px; border-radius:2px; text-indent:5px; }
.inputliner h3 { float:left; margin:7px 5px 0 7px; color:#fff; }

.inputliner .inputstyle2 {
	width:30%;
	height:36px;
	background-color:#101319;
	color:#fff;
	font-size:15px;
	text-indent:10px;
	border:1px #434f68 solid;
	border-radius:2px;
	margin:0 0 0 4px;
}

.inputliner .inputstyle {
	margin:0;
	width:70%;
	height:36px;
	background-color:#101319;
	color:#fff;
	font-size:15px;
	text-indent:10px;
	border:1px #434f68 solid;
	border-radius:2px;
}

.inputliner ::-webkit-input-placeholder { color:#313a4c; font-size:15px; }
/* Firefox 18- */
.inputliner :-moz-placeholder { color:#313a4c; font-size:15px; }
/* Firefox 19+ */
.inputliner ::-moz-placeholder { color:#313a4c; font-size:15px; }
.inputliner :-ms-input-placeholder { color:#313a4c; font-size:15px; }

.inputliner h5 { margin:5px 0 0 ; color:#C00; font-size:12px; font-weight:100; }

.btn_dup { position:relative; margin:0 0 0 4px; padding:12px 0; width:70px; background-color:#1369a6; color:#fff; text-align:center; font-size:12px; font-weight:100; cursor:pointer; border-radius:2px; display:inline-block; }
.btn_dup:hover { background-color:#3c9de1; }
.btn_dup:active { position:relative; top:1px; }

.bottombutton { position:relative; margin:20px 0 0; }
.bottombutton .ncbutton { width:200px; height:50px; cursor:pointer; margin:0; text-align:center; line-height:50px; color:#222; font-size:15px; background:#eec315; display:inline-block;; }
.bottombutton .ncbutton:hover { background:#ffe064; }
.bottombutton .ncbutton:active { position:relative; top:1px; }
.bottombutton .cancelbutton { width:90px; height:50px; background:#434f68; text-align:center; line-height:50px; color:#fff; display:inline-block; cursor:pointer; font-size:15px; }
.bottombutton .cancelbutton:hover { background:#6b76a3; }
.bottombutton .cancelbutton:active { position:relative; top:1px; }

#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=90);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#light {
    display: none;
    position: absolute;
    top: 30%;
    left: 50%;
    width: 500px;
    height: 340px;
    margin-left: -250px;
    padding: 0;
    z-index:1002;
    overflow:visible;
	background:#101319;
	border-radius:4px;
	border:1px #00b4ff solid;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#light h5 { position:relative; float:left; width:100%; text-align:center; color:#00b4ff; font-size:18px; font-weight:100; margin:90px 0 0 0; line-height:20px; }
#light h5 span { font-size:12px; color:#999; }
#light .inputarea { float:left; width:100%; text-align:center; padding:0; margin:10px 0 0 0; clear:both; }
#light .inputarea .boxtype {
	margin:0;
	width:198px;
	height:38px;
	background-color:#141723;
	color:#fff;
	font-size:15px;
	text-indent:10px;
	border:0;
	border:1px #00b4ff solid;
	border-radius:10px;
}

#light .buttonarea { float:left; width:100%; text-align:center; padding:0; margin:10px 0 0 0; clear:both; }
#light .buttonarea .agree_button { width:202px; background:#d32a2a; border-radius:1px; font-size:15px; text-align:center; color:#fff; padding:10px 0; display:inline-block; cursor:pointer; border-radius:10px; }
#light .buttonarea .agree_button:hover { background:#a32f31; }
#light .buttonarea .agree_button:active { position:relative; top:1px; }
#light .closebutton { position:absolute; width:40px; height:40px; background:url(../images/close.png); top:10px; right:10px; cursor:pointer; display:inline-block; }

#light .inputarea .boxtype::-webkit-input-placeholder { color:#48517a; font-size:15px; }
/* Firefox 18- */
#light .inputarea .boxtype:-moz-placeholder { color:#48517a; font-size:15px; }
/* Firefox 19+ */
#light .inputarea .boxtype::-moz-placeholder { color:#48517a; font-size:15px; }
#light .inputarea .boxtype:-ms-input-placeholder { color:#48517a; font-size:15px; }


.callcenter-popup {
    position: absolute;
    width: 320px;
    height: 340px;
    padding: 0;
    z-index:1002;
    overflow:visible;
	background:#101319;
	border-radius:4px;
	border:1px #00b4ff solid;
}
.callcenter-popup .closebutton { position:absolute; width:40px; height:40px; background:url(../images/close.png); top:10px; right:10px; cursor:pointer; display:inline-block; }
.callcenter-popup .innerwrap { position:relative; margin:70px 30px 0; padding:0; }
.callcenter-popup .innerwrap h1 { margin:0 0 20px; color:#0CF; font-size:14px; font-weight:200; text-align:center; }

.cont-line { position:relative; display:block; padding:0; margin:10px 0 0; height:34px; }
.cont-line label { position:relative; font-size:12px; font-weight:100; text-align:center; float:left; width:20%; color:#eee; top:10px; }
.cont-line .cont { float:left; width:80%; }
.cont-line .cont .selecter { width:100%; height:36px; background:#111; border-radius:3px; border:1px #222 solid; font-size:12px; text-indent:10px; color:#eee; }
.cont-line .cont .boxtype { width:100%; height:34px; background:#111; border-radius:3px; border:1px #222 solid; font-size:12px; text-indent:10px; color:#eee; }

.cont-button { position:relative; width:100%; padding:14px 0; text-align:center; background:#09F; font-size:14px; color:#fff; cursor:pointer; display:inline-block; border-radius:3px; }

.login .callcenter-b { position:relative; width:100%; height:50px; cursor:pointer; margin:10px 0 0; text-align:center; line-height:50px; color:#444; font-size:20px; background:#CCC; display:inline-block; }