@charset "UTF-8";

.wrap-sexual .noti {display: flex; padding: 4rem; background: #fff; border: 10px solid #f1f6fa; font-size: 2.8rem;}
.wrap-sexual .noti .ico {flex-shrink: 0; width: 15rem; padding-right: 4.5rem;}
.wrap-sexual .noti .text {flex-grow: 1; padding-top: 1.5rem;}

.apply .must-text {display: flex; justify-content: flex-end; font-family: pm; font-size: 1.6rem; color: #155fbb;}
.apply-form {display: flex; flex-wrap: wrap; border-top: 2px solid #2c2c2c;}
.apply-form .row {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%;}
.apply-form .row .title {display: flex; align-items: flex-start; flex-shrink: 0; width: 24rem; height: 100%; min-height: 7rem; padding: 2rem 0 2rem 3rem; background: #f5f7f9; border-bottom: 1px solid #e1e1e1; font-family: pm; font-size: 1.8rem; color: #050505;}
.apply-form .row .title .must {display: flex; position: relative; left: 1rem; top: .4rem; width: .8rem; height: .9rem; background: url('../images/ic-must.png') no-repeat center / cover; text-indent: -9999rem;}
.apply-form .row .insert .vertical {display: flex; flex-direction: column; align-items: flex-start; width: 100%;}
.apply-form .row .insert .horizon {display: flex; align-items: center; width: 100%;}
.apply-form .row .insert {display: flex; align-items: center; flex-grow: 1; padding: 1.5rem 3rem; min-height: 7rem; border-bottom: 1px solid #e1e1e1; font-family: pr; font-size: 1.6rem; color: #666666;}
.apply-form .row .insert #EDITOR_AREA_CONTAINER {width: 100%;}
.apply-form .row .insert input[type="text"] {width: 100%; height: 4rem; padding: 0 2rem; border: 1px solid #cccccc; border-radius: .5rem; font-family: pr; font-size: 1.5rem; color: #666666;}
.apply-form .row .insert input[type="text"].date {background: url('../images/ic-date.png') no-repeat calc(100% - 1.7rem) center;}
.apply-form .row .insert input[type="text"]:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.apply-form .row .insert textarea {width: 100%; min-height: 16rem; padding: 2rem; border: 1px solid #cccccc; border-radius: .5rem; font-family: pr; font-size: 1.5rem; color: #666666;}
.apply-form .row .insert textarea:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.apply-form .row .insert .multselBox {width: 100%; padding: 1rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.apply-form .row .insert .multselBox:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.apply-form .row .insert .attach {display: flex; align-items: center; margin-top: 1rem;}
.apply-form .row .insert .attach .add {margin-right: 1rem;}
.apply-form .row .insert .attach input {display: flex; height: 3rem; padding: 0 1rem; background: #fff; border: 1px solid #0d5dbe; border-radius: .5rem; font-family: pm; font-size: 1.4rem; color: #0d5dbe;}
.apply-form .row .insert .attach input:hover {background: #0d5dbe; color: #fff;}
.apply-form .row .max400 {max-width: 40rem;}

.board-button .row {display: flex; justify-content: center; margin-top: 5rem;}
.btn01,.btn02,.btn03,.btn04,.btn05,.btn06 {display: flex; justify-content: center; align-items: center; min-width: 13rem; height: 5rem; margin: 0 1rem; padding: 0 1.5rem; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #fff; transition: .35s;}
.btn01 {background: #00baff;}
.btn01:hover {background: #0d5dbe;}
.btn02 {background: #fff; border: 1px solid #333; color: #333;}
.btn02:hover {background: #000; color: #fff;}
.btn03 {background: #05bcd7;}
.btn03:hover {background: #006274;}
.btn04 {background: #39329c;}
.btn04:hover {background: #302a6c;}
.btn05 {background: #ff8400;}
.btn05:hover {background: #934c00;}
.btn06 {background: #9f9f9f;}
.btn06:hover {background: #616161;}

@media screen and (max-width: 805px) {
	.wrap-sexual .noti {flex-wrap: wrap; padding: 3rem;}
	.wrap-sexual .noti .ico {width: 100%; display: flex; justify-content: center;}
	.wrap-sexual .noti .text {padding-top: 3rem;}
}

@media screen and (max-width: 650px) {
	.apply-form .row {flex-wrap: wrap;}
	.apply-form .row .title {width: 100%; height: auto; min-height: auto; padding: 1.5rem 2rem;}
	.apply-form .row .insert {min-height: auto; padding: 1.5rem 2rem;}
}