/* #login-container{display: none;}

.login_btn_group{margin-top: 38px;}
.login_btn_group .check_btn{display: none;}

.form-container{margin-top: 170px; margin-bottom: 300px;}
.form-container::after{display: block; content: ''; clear: both;}
.form-container .form-outer{margin-top: 80px; border-bottom:2px solid #333;}
.form-container .form-outer .form-head{display: flex; justify-content: space-between; align-items: end; border-bottom:2px solid #333; padding-bottom: 30px; margin-bottom: 50px;}
.form-container .form-outer .form-head .segment{}
.form-container .form-outer .form-head .segment .scr_title{}
.form-container .form-outer .form-head .segment .text{color:#888;}

.form-container .form-outer .form-body{display: flex; justify-content: space-between; padding-bottom: 50px;}
.form-container .form-outer .form-body .left{width:40%;}
.form-container .form-outer .form-body .left .subject{font-size: 28px; line-height: 1.5em; color:#000; font-family: 'Pretendard-Bold';}
.form-container .form-outer .form-body .right{width:60%;}
.form-container .form-outer .form-body .right .table-outer{}
.form-container .form-outer .form-body .right .table-outer table{width:100%;}
.form-container .form-outer .form-body .right .table-outer table tbody{}
.form-container .form-outer .form-body .right .table-outer table tbody tr{}
.form-container .form-outer .form-body .right .table-outer table tbody tr td{font-size: 16px; line-height: 1.5em; padding:15px 0; border-bottom:1px solid #ddd; color:#000;}
.form-container .form-outer .form-body .right .table-outer table tbody tr td:first-of-type{width:30%; vertical-align: middle; font-family: 'Pretendard-SemiBold';}
.form-container .form-outer .form-body .right .table-outer table tbody tr td:last-of-type{width:70%; vertical-align: middle; font-family: 'Pretendard-Medium';}
.form-container .form-outer .form-body .right .table-outer table tbody tr td .form-control{border-color:#000; border-width:0; padding:0.375rem 0.375rem; background: #f3f3f3; box-shadow: none; font-family: 'Pretendard-Medium'; font-size: 16px; color:#000;}
.form-container .form-outer .form-body .right .table-outer table tbody tr td .form-control:disabled{background: transparent; padding:0;}
.form-container .form-outer .form-body .right .table-outer table tbody tr td label{margin-right:5px; line-height: 30px;}
.form-container .form-outer .form-body .right .table-outer table tbody tr td label:last-of-type{margin-right:0;}
.form-container .form-outer .form-body .right .table-outer .btnwrap{margin-top: 20px; text-align: right;}
.form-container .form-outer .form-body .right .table-outer .btnwrap button{background: #be987e; color:#fff; font-size: 14px; line-height: 1.5em; padding:15px 10px; border-radius: 8px; border:none; width:120px; transition: background .4s;}
.form-container .form-outer .form-body .right .table-outer .btnwrap button:hover,.form-container .form-outer .form-body .right .table-outer .btnwrap button:active,.form-container .form-outer .form-body .right .table-outer .btnwrap button:focus{background: #695446}

.form-container .form-outer .form-body{}
.form-container .form-outer .form-body .artwrap{display: flex; justify-content: start; align-items: start; width:102%; margin-left:-1%; flex-wrap:wrap;}
.form-container .form-outer .form-body .artwrap .article{width:31.33%; margin:0 1%; border-radius: 12px; padding:40px; border-width: 1px; border-style: solid; text-decoration: none; transition: all .4s;}
.form-container .form-outer .form-body .artwrap .article:nth-of-type(3) ~ .article{margin-top: 2%;}
.form-container .form-outer .form-body .artwrap .article.state_a{background:#695446;border-color:#695446;}
.form-container .form-outer .form-body .artwrap .article.state_a h3, .form-container .form-outer .form-body .artwrap .article.state_a .text, .form-container .form-outer .form-body .artwrap .article.state_a .state{color:#fff;}
.form-container .form-outer .form-body .artwrap .article.state_b{background:#fff;border-color:#695446;}
.form-container .form-outer .form-body .artwrap .article.state_b h3, .form-container .form-outer .form-body .artwrap .article.state_b .text, .form-container .form-outer .form-body .artwrap .article.state_b .state{color:#000;}
.form-container .form-outer .form-body .artwrap .article.state_c{background:#EFEFEF;border-color:#EFEFEF;}
.form-container .form-outer .form-body .artwrap .article.state_x{background: #FEF1F1; border-color:#FEF1F1;}
.form-container .form-outer .form-body .artwrap .article.state_c h3, .form-container .form-outer .form-body .artwrap .article.state_c .text, .form-container .form-outer .form-body .artwrap .article.state_c .state, .form-container .form-outer .form-body .artwrap .article.state_x h3, .form-container .form-outer .form-body .artwrap .article.state_x .text, .form-container .form-outer .form-body .artwrap .article.state_x .state{color:#666;}

.form-container .form-outer .form-body .artwrap .article:hover, .form-container .form-outer .form-body .artwrap .article:active, .form-container .form-outer .form-body .artwrap .article:focus{-webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5); box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5);}
	
.form-container .form-outer .form-body .artwrap .article h3{font-family: 'Roboto Condensed'; font-weight: bold}
.form-container .form-outer .form-body .artwrap .article .text{}
.form-container .form-outer .form-body .artwrap .article .state{margin-top: 40px;}

.form-container .form-btnwrap{display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.form-container .form-btnwrap .btnwrap{display: flex; justify-content: start; align-items: center;}
.form-container .form-btnwrap .btnwrap button{color:#fff; font-size: 14px; line-height: 1.5em; padding:15px 10px; border-radius: 8px; border:none; width:120px; transition: background .4s; margin-right:5px;}
.form-container .form-btnwrap .btnwrap button:last-of-type{margin-right:0;}

button.color1{background: #be987e;}
button.color1:hover, button.color1:active, button.color1:focus{background: #695446;}
button.color2{background: #BDB1AA;}
button.color2:hover, button.color2:active, button.color2:focus{background: #a99589;}
button.color3{background: #e35353;}
button.color3:hover, button.color3:active, button.color3:focus{background: #c11f1f;}

@media screen and (max-width:1199px) {
	.form-container .form-outer .form-body .artwrap .article{width:48%;}
	.form-container .form-outer .form-body .artwrap .article:nth-of-type(2) ~ .article{margin-top: 2%;}
}
@media screen and (max-width:1000px) {
	.form-container .form-btnwrap .btnwrap button{width:100px;}
}
@media screen and (max-width:780px) {
	.form-container{margin-top: 140px; margin-bottom: 120px;}
	
	.form-container .form-outer .form-head{padding-bottom: 20px; margin-bottom: 40px;}
	.form-container .form-outer .form-head .segment{text-align: center;}
	.form-container .form-outer .form-body{display: block;}
	.form-container .form-outer .form-body .left{width:100%;}
	.form-container .form-outer .form-body .left .subject{font-size: 24px;}
	.form-container .form-outer .form-body .right{width:100%; margin-top: 20px;}
	.form-container .form-outer .form-body .right .table-outer table tbody tr td{font-size: 15px;}
	.form-container .form-outer .form-body .right .table-outer table tbody tr td .form-control{font-size: 15px;}
	.form-container .form-outer .form-body .right .table-outer .btnwrap button{width:100px;}
	
	.form-container .form-outer .form-body .artwrap .article{padding:30px;}
	.form-container .form-outer .form-body .artwrap .article .state{font-size: 14px;}
}
@media screen and (max-width:620px) {
	.form-container .form-outer .form-head{display: block;}
	.form-container .form-outer .form-body .left .subject{font-size: 22px;}
	.form-container .form-outer .form-body .right .table-outer table tbody tr td{font-size: 14px;}
	.form-container .form-outer .form-body .right .table-outer table tbody tr td .form-control{font-size: 14px;}
	
	.form-container .form-outer .form-body .artwrap .article{width:98%;}
	.form-container .form-outer .form-body .artwrap .article:nth-of-type(1) ~ .article{margin-top: 2%;}
	
	.form-container .form-btnwrap .btnwrap button{width:90px; font-size: 13px; padding:12px 8px;}
}
@media screen and (max-width:520px) {
	.form-container .form-outer .form-body .artwrap .article .text{font-size: 13px;}
	.form-container .form-outer .form-body .artwrap .article .state{font-size: 12px; margin-top: 20px;}
}
@media screen and (max-width:420px) {
	
} */