@charset "utf-8";

/* Web-font */
@font-face {
    font-family:"Noto";
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/notosanskr/notokr-regular.eot'); 
    src:url('../fonts/notosanskr/notokr-regular.eot#iefix') format("embedded-opentype"),; 
    src:local('☺'),
        url('../fonts/notosanskr/notokr-regular.woff2') format('woff2'),
        url('../fonts/notosanskr/notokr-regular.woff') format('woff'),
        url('../fonts/notosanskr/notokr-regular.ttf') format('truetype');
}

@font-face {
	font-family:"Noto";
	font-style:normal;
	font-weight:500;
	src:url('../font/notosanskr/notokr-medium.eot');
	src:url('../fonts/notosanskr/notokr-medium.eot#iefix') format("embedded-opentype"),; 
	src:local('☺'),
        url('../fonts/notosanskr/notokr-medium.woff2') format('woff2'),
        url('../fonts/notosanskr/notokr-medium.woff') format('woff'),
        url('../fonts/notosanskr/notokr-medium.ttf') format('truetype');
}

@font-face {
	font-family:"Noto";
	font-style:normal;
	font-weight:bold;
	src:url('../font/notosanskr/notokr-bold.eot');
	src:url('../fonts/notosanskr/notokr-regular.eot#iefix') format("embedded-opentype"),; 
	src:local('☺'),
        url('../fonts/notosanskr/notokr-bold.woff2') format('woff2'),
        url('../fonts/notosanskr/notokr-bold.woff') format('woff'),
        url('../fonts/notosanskr/notokr-bold.ttf') format('truetype');
}

/* Reset ----------------------------------------------------------------------------------------------------------------------------------------*/
* {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html, body {height:100%; font-family:Noto, "sans-serif", AppleGothic, dotum, Arial, verdana, Helvetica; font-size:14px; overflow-y:hidden !important;}
body {
	background:#E7EEEF;
	/* background:linear-gradient(to bottom right, #251940, #071832); Standard syntax */
	/* background:-webkit-linear-gradient(to bottom right, #251940, #071832); For Safari 5.1 to 6.0 */
	/* background:-o-linear-gradient(to bottom right, #251940, #071832);  For Opera 11.1 to 12.0 */
	/* background:-moz-linear-gradient(to bottom right, #251940, #071832);  For Firefox 3.6 to 15 */
}

input, button, select, textarea {vertical-align:middle; border-radius:4px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition:background-color 5000s ease-in-out 0s;
	-webkit-transition:background-color 9999s ease-out;
	-webkit-box-shadow:0 0 0px 1000px white inset !important;
	-webkit-text-fill-color:#43425D !important;
}

button {border:0;}
ul,ol {margin:0; list-style:none;}
dl {margin:0;}

.row_clear:before, .row_clear:after {display:table; content:"";}
.row_clear:after {clear:both;}

.container-fluid {overflow:hidden; display:table; padding:0; width:100%; height:100%;}
#container {display:table-cell; vertical-align:middle;}

#log_box {position:relative; margin:0 auto; width:1240px; height:745px; background:#fff url(../images/img_account.png) no-repeat left center; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.16);}
#member_login {position:relative; padding:114px 100px; width:50%; height:100%; background:#fff; margin:0 auto;}
#member_login > dl {margin-bottom:30px; text-align:center;}
#member_login > dl > dt {font-family:sans-serif; font-size:42px; color:#3962C4; font-weight:bold;}
#member_login > dl > dd {}
#member_login > dl > dd:nth-child(2) {font-size:13px; color:rgba(77,79,92,0.48); letter-spacing:-0.03em;}
#member_login > dl > dd:nth-child(3) {font-size:26px; color:#242424; font-weight:bold;}

#member_login > ul {position:relative; padding:0 40px;}
#member_login > ul > li {}
#member_login > ul > li:nth-child(1) {padding-bottom:10px; border-bottom:1px solid #c9c9c9;}
#member_login > ul > li:nth-child(2) {padding:20px 0 10px; border-bottom:1px solid #c9c9c9;}

#member_login > ul label {display:none;}
#member_login > ul input[type=text], #member_login > ul input[type=password] {padding:4px; width:100%; font-size:15px; color:#43425D; font-weight:500; background:#fff; border:0;}
#member_login > ul .msg_err {position:absolute; left:0; padding-top:15px; width:100%; color:#ff0000; text-align:center;}
#member_login > ul .btn_box {padding-top:50px;}
#member_login > ul .btn_login {width:100%; height:48px; font-size:18px; color:#fff; font-weight:500; background:#43425D; border:0; cursor:pointer; transition:all 0.2s ease;}
#member_login > ul .btn_login:hover {background:#1e1d38;}

.userType{overflow: hidden;
    margin-bottom: 30px;}
.userType li{float:left;padding: 0px !important;border: none !important; margin-right: 17px !important;}
.userType li input{margin:0px !important; margin-right: 3px !important;}
.userType li label{display: inline-block !important;}

@media (max-width: 768px) {
	#log_box {
		width: 90%;
		margin: 0 auto;
	}

	#member_login {
		min-width: 330px;
		padding: 114px 0;
	}
}

@media (max-width: 375px) {
	
}