.highschool_job {width: 100%;}
.highschool_job > .wrap {position: relative; width: 95%; margin: 0 auto; background-color: beige;}

.highschool_job .top {background-color: #2196F3; padding: 20px 0;}
.highschool_job .top > h1 {color: #fff; font-size: 30px; font-weight: bold; margin-left: 60px;}
.highschool_job .top > .bimg {width: 100%;}
.highschool_job .top > .bimg > img {margin: 0 !important; width: 20%;}
.whiteline {display: none;}

.highschool_job > .wrap > .sangdam {color: #fff; padding: 30px 20px; box-sizing: border-box; background-color: #2196F3;}

.sangdam > .inputbox {display: flex; align-items: center; border-bottom: 1px dashed #fff; padding: 15px 0;}
.sangdam > .inputbox > .name {width: 15%; font-size: 16px;}
.sangdam > .inputbox > .name > h5 {font-size: 16px; font-weight: 500;}
.sangdam > .inputbox > .box {width: 80%;}
.sangdam > .inputbox > .box > input {width: 50%; height: 30px; border: 1px solid #fff;}

.highschool_job > .wrap > .sangdam {color: #fff; padding: 30px 20px; box-sizing: border-box; background-color: #2196F3;}

.sangdam > .inputbox {display: flex; align-items: center; border-bottom: 1px dashed #fff; padding: 15px 0;}
.sangdam > .inputbox > .course {width: 15%; font-size: 15px;}
.sangdam > .inputbox > .course > h5 {font-size: 15px; font-weight: 500;}
.sangdam > .inputbox > .box {width: 80%;}
.sangdam > .inputbox > .box > select {width: 60%; height: 30px; border: 1px solid #fff;}


.sangdam > .selectbox {display: flex; align-items: center; border-bottom: 1px dashed #fff; padding: 15px 0;}
.sangdam > .selectbox > .name {width: 15%; font-size: 16px;}
.sangdam > .selectbox > .name > h5 {font-size: 16px; font-weight: 500;}
.sangdam > .selectbox > .box {width: 80%; display: flex; align-items: center;}
.sangdam > .selectbox > .box > input {width: 28%; height: 30px; border: 1px solid #fff;}
.sangdam > .selectbox > .box > div > select {width: 135%; height: 34px; border: 1px solid #fff; margin-left: 5px;}


.sangdam > .textareabox {display: flex; align-items: top; border-bottom: 1px dashed #fff; padding: 15px 0;}
.sangdam > .textareabox > .name {width: 15%; font-size: 16px;}
.sangdam > .textareabox > .name > h5 { font-size: 15px; font-weight: 500;}
.sangdam > .textareabox > .box {width: 80%;}
.sangdam > .textareabox > .box > textarea {width: 96%; height: 150px; border: 1px solid #fff;}

.sangdam > .agree {display: flex; flex-direction: column; align-items: top; border-bottom: 1px dashed #fff; padding: 15px 0;}
.sangdam > .agree > .name {width: 100%; font-size: 16px;}
.sangdam > .agree > .name > h5 {width: 60%; font-size: 16px; font-weight: 500; padding-bottom: 20px; line-height: 1.5;}
.sangdam > .agree > .box {width: 100%; background-color: #fff;}
.sangdam > .agree > .box > p {padding: 20px; box-sizing: border-box; line-height: 1.75; font-size: 13px; font-weight: 500; color: #000;}
.sangdam > .agree > .box > p > a {color: #2D50B5; font-weight: bold;}
.sangdam > .agree > .box > .dashed {width: 95%; margin: 0 auto; border-bottom: 1px dashed #000;}
.sangdam > .agree > .box > .chkbox {display: flex; align-items: center; color: #000; padding: 20px; box-sizing: border-box;}
.sangdam > .agree > .box > .chkbox > .left { width: 7%;}
.sangdam > .agree > .box > .chkbox > .right { width: 95%;}

.sangdam > .buttonbox {width: 100%; padding: 20px 0;}
.sangdam > .buttonbox > div {width: 156px; height: 46px; background-color: #fff; border-radius: 5px;  text-align: center; margin: 0 auto;}
.sangdam > .buttonbox > div > button {width: 150px; height: 40px; font-size: 16px; font-weight: bold; border: 2px solid #2196F3; background-color: #fff; border-radius: 5px; color: #2196F3; margin-top: 3px; cursor: pointer;}
.sangdam > .buttonbox > div > button:hover {color: #fff; background-color: #5190D8;}

@media all and (min-width:480px) {}
@media all and (min-width:768px) {}
@media all and (min-width:1080px) {

	.whiteline {display: block; margin: 0 !important; position: absolute; top: 35px; right: 8%; width: 70%; height: 1px; background-color: #fff;}

	.highschool_job > .wrap {width: 100%; max-width: 980px; margin: 0 auto;}
	.highschool_job > .wrap > .sangdam {padding: 30px 80px;}

	.sangdam > .agree {display: flex; flex-direction: row; align-items: top; border-bottom: 1px dashed #fff; padding: 15px 0;}
	.sangdam > .agree > .name {width: 16%;}
	.sangdam > .agree > .box {width: 90%;}
	.sangdam > .agree > .name > h5 {width: 77%;}
	.sangdam > .selectbox > .box > select {width: 20%;}
	.sangdam > .agree > .box > .chkbox > .left{width: 3%;}
	.sangdam > .agree > .box > p {font-size: 15px;}
}