/* ·¹À̾î ȸ¿ø°¡ÀÔ, ·Î±×ÀÎ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;500;600;700&display=swap');

#joinModal input[type=text], #joinModal input[type=password] { width:43%; padding:20px 5px 20px 10px; margin:0; display:inline-block; border:0px; box-sizing:border-box; font-family:'Noto Sans KR', sans-serif;font-size:14px; }
#loginModal input[type=text], #loginModal input[type=password] { width:100%; padding:20px; margin:3px 0; display:inline-block; border:1px solid #ccc; box-sizing:border-box; font-family:'Noto Sans KR', sans-serif;font-size:16px; }
#loginModal select { width:100%; height:42px; padding-left:15px; margin:10px 0 10px 5px; display:inline-block; border:1px solid #ccc; box-sizing:border-box; color:#000; font-family:'Noto Sans KR', sans-serif;font-size:14px; }
textarea { overflow-x:hidden; overflow-y:auto; line-height:15px; resize:none; padding:10px 5px; font-family:'Noto Sans KR', sans-serif; color:#000; font-size:12px; width:100%; height:60px; }
.l-space0_1{ letter-spacing:-0.1rem}
.l-space0_09{ letter-spacing:-0.09rem}

.join_box{ border:1px solid #ccc; width:100%; padding:0; margin:3px 0; box-sizing:border-box; background-color:#fff; }

.button-1{ background-color:#345382; color:white; padding:14px 20px; margin:8px 0; border:none; cursor:pointer; }
.button-1:hover { opacity:0.8; }
.button-2{ background-color:#345382; color:white; padding:6px 21px 5px 21px; margin:4px 0 10px 5px; border:none; cursor:pointer; }
.button-2:hover { opacity:0.8; }

.imgcontainer { text-align:center; position:relative; }
img.logo { border-radius:50%; }
img.icon { width:44%; }

.container { padding:16px; }
.clearfix { }
.box1 { float:left; width:42.5%; padding:20px 30px; height:460px; }
.box_join1 { float:left; width:45%; padding:20px 30px; height:460px; }
.box_join2 { float:left; width:40%; padding:20px 30px; height:460px; }
.clearfix::after { content:""; clear:both; display:table; }
.box-left{ background-color:#f5f5f5; border-radius:0 0 0 15px; color:#000}
.box-right{ background-color:#0ab2e5;  border-radius:0 0 15px 0; }
.span-red{ font-size:11px; color:#dc3545; font-weight:600; }
.span-blue{ font-size:11px; color:#007bff; font-weight:600; }

.modal { display:none; position:fixed; z-index:99; left:0; top:0; width:100%; height:100%; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); padding-top:60px; }

.modal-content { font-family:'Noto Sans KR', sans-serif; background-color:#fff; margin:5% auto 15% auto; border:1px solid #888; border-radius:15px; width:800px; }

.close { position:absolute; right:25px; top:30; color:#000; font-size:50px; font-weight:700; font-family:Arial, Helvetica, sans-serif; }
.close:hover,
.close:focus { color:#0ab2e5; cursor:pointer; }

.col { float:left; width:50%; margin:auto; padding:10px 0 10px 0; margin-top:6px; }
.col-1 { float:left; width:50%; margin:auto; margin-top:6px; }
.row:after { content:""; display:table; clear:both; }

.text-center{ text-align:center; }
.text-right{ text-align:right; }
.disp_inline{ display:inline-block; }