@charset "UTF-8";

/* reset */
html {font-size:16px;}
body {color:#333;line-height:1.5;letter-spacing:-0.5px;margin:0;font-weight:300;overflow-x:hidden;-webkit-text-size-adjust:none;font-family:"Noto Sans Korean", sans-serif;}
ul, li,dl,dt,dd {list-style:none;margin:0;padding:0;}
a {color:#666;text-decoration:none;}
p, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
table {width:100%;border-collapse:collapse;border-spacing:0;font-size:inherit;}
table th {font-weight:normal;}
caption {height:0;width:0;overflow:hidden;font-size:0;line-height:0;text-indent:-99999em;}
u {font-style:oblique;text-decoration:none;}
html body * {box-sizing:border-box;}
a:hover, a:focus {text-decoration:none;}
em, address {font-style:normal;}
img {max-width:100%;}

/* 로그인 */
.login_content {position:relative;min-height:100vh;line-height:1.3;word-break:keep-all;}
.login_content .inner {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:450px;margin:0 auto;padding:100px 50px;border:1px solid #ececec;background-color:#fff;border-radius:20px;}
.login_content .login_cont {padding:25px 0 0 0;}
.login_content .input_wrap {display:block;}
.login_content .input_wrap ~ .input_wrap {margin-top:10px;}
.login_content h1 {text-align:center;}
.login_content h1 img {max-width:200px;}
.login_content .login_info {padding:13px 0 15px;}
.login_content .login_btn {width:100%;}
.login_content .join_btn {width:100%;}
.login_content .login_link {text-align:center;padding:18px 0 25px 0;}
.login_content .login_link a {position:relative;display:inline-block;font-size:0.9375rem;color:#666;padding:0 15px;}
.login_content .login_link a:before {content:'';display:block;clear:both;position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:16px;background-color:#cfd0d0;}
.login_content .login_link a:first-child:before {display:none;}

/* button */
input[class*="btn_basic"],
button[class*="btn_basic"],
a[class*="btn_basic"] {display:inline-block;width:auto;font-size:17px;padding:12px 10px 14px 10px;min-width:120px;text-align:center;line-height:1.4;font-weight:500;cursor:pointer;
font-family: "Noto Sans Korean", sans-serif;}
input[class*="btn_basic"].round,
button[class*="btn_basic"].round,
a[class*="btn_basic"].round {border-radius:5px;}
input[class*="btn_basic"].full_type,
button[class*="btn_basic"].full_type,
a[class*="btn_basic"].full_type {width:100%;}
.btn_basic1 {color:#fff !important;border:1px solid #171619;background-color:#171619;}
.btn_basic1:hover {background-color:#171619;}
.btn_basic2 {color:#fff !important;border:1px solid #003da7;background-color:#003da7;}
.btn_basic2:hover {background-color:#003da7;}
.w100 {width:100% !important;}

/* input */
input[type='text']::-ms-clear {display:none !important}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'] {width:100%;font-size:16px;padding:15px 10px;border:1px solid #cecece;border-radius:4px;-webkit-appearance:none !important;outline:none;font-weight:400;
font-family: "Noto Sans Korean", sans-serif;}
input[type='file'] {line-height:1;padding:0 7px;border:1px solid #d2d2d2;cursor:pointer;outline:none;}
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='tel']:focus {/* border-color:#ff9000; */}
input[readonly='readonly'],
input[readonly],
input[disabled='disabled'],
input[disabled] {color:#999;}
input::placeholder {color:#8b8b8b;}
input:-ms-input-placeholder {color:#8b8b8b;}

/* checkbox */
.chkbox {position:relative;}
.chkbox ~ .chkbox {margin-left:20px;}
.chkbox input[type='checkbox'] {position:absolute;top:50%;left:0;z-index:1;width:19px;height:19px;margin-top:-10px;vertical-align:middle;opacity: 0 !important;}
.chkbox label {position:relative;z-index:3;display:inline-block;padding-left:35px;margin:0 0 5px 0;font-size:1rem;line-height:1.5625rem;color:#333;vertical-align:middle;cursor:pointer;}
.chkbox label:before {content:'';position:absolute;left:0;top:0;display:inline-block;width:25px;height:25px;border:1px solid #cecece;border-radius:4px;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
transition:border 0.15s ease-in-out, color 0.15s ease-in-out;background-color:#fff;box-sizing:border-box;}
.chkbox label:after {display:none;font-family: 'icomoon' !important;content:"\e902";position:absolute;top:1px;left:6px;color:#fff;font-size:0.625rem;}
.chkbox input[type='checkbox']:checked + label:before {border:1px solid #003da7;background-color:#003da7;}
.chkbox input[type='checkbox']:checked + label:after {display:block;}
.chkbox input[type='checkbox']:disabled + label {color:#999;}
.chkbox input[type='checkbox']:disabled + label:before {background-color:#f2f2f2;cursor:not-allowed;}

@media screen and (max-width: 767px) {
	/* 로그인 */
	.login_content {position:relative;min-height:100vh;line-height:1.3;word-break:keep-all;}
	.login_content .inner {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:100%;padding:100px 20px;border:none;background-color:transparent;}
	.login_content .login_cont {padding:25px 0 0 0;}
	.login_content .input_wrap {display:block;}
	.login_content .input_wrap ~ .input_wrap {margin-top:10px;}
	.login_content h1 {text-align:center;}
	.login_content h1 img {width:75%;max-width:200px;}
	.login_content .login_info {padding:13px 0 15px;}
	.login_content .login_btn {width:100%;}
	.login_content .join_btn {width:100%;}
	.login_content .login_link {text-align:center;padding:18px 0 25px 0;}
	.login_content .login_link a {position:relative;display:inline-block;font-size:0.9375rem;color:#666;padding:0 15px;}
	.login_content .login_link a:before {content:'';display:block;clear:both;position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:16px;background-color:#cfd0d0;}
	.login_content .login_link a:first-child:before {display:none;}
}

div.editable {
    width: 300px;
    height: 200px;
    border: 1px solid #dcdcdc;
    overflow-y: auto;
}