@charset "utf-8";

/*그리드*/
.graypbox{ margin-bottom : 20px;  clear:both;  margin-top: 10px; border-top: 2px #cb64a6 solid;border-bottom: 1px solid #cccccc;}
.graypbox_info{ margin-bottom : 20px; clear:both;  margin-top: 10px; padding : 15px 30px; }

.greed3, .greed2, .greed22{ text-align:left; }
.greed3 > div, .greed2 > div, .greed22 > div, .greed2i > div{ display:inline-block;  vertical-align:top; overflow:hidden;}
.greed22 > div{ padding : 0px;overflow:hidden; }
.greed3 > div{ width : calc( 99% / 3 ); overflow:hidden;}
.greed2 > div, .greed22 > div, .greed2i > div{ width : calc( 100% / 2 ); overflow:hidden; }
.greed1{ padding :0px;  overflow:hidden;}
@media screen and (max-width: 1050px) {
	.greed22 > div{ width : 100% ;  }
}
@media screen and (max-width: 900px) {
	.greed3 > div{ width : 100% ; }
}
@media screen and (max-width: 900px) {
	.greed2 > div{ width : 100% ;  }
	.greed2i > div{ width : 100% ;   }
}

.greed3, .greed2, .greed22{ border-bottom : 1px solid #cccccc;}
.greed1{  border-bottom : 1px solid #cccccc;}
@media screen and (max-width: 1050px) {
	.greed22{ border-bottom : 0px; }
	.greed2i { border-bottom : 1px solid #cccccc;  }
}
@media screen and (max-width: 900px) {
	.greed3 > div{  border-bottom : 1px solid #cccccc; }
}
@media screen and (max-width: 900px) {
	.greed2{ border-bottom : 0px; }
	.greed2 > div{  border-bottom : 1px solid #cccccc;}
	.greed2i { border-bottom : 0px;  }
	.greed2i > div{ border-bottom : 1px solid #cccccc;  }
}

/* input 폼 */
.input_text{ display:inline-block; width : 100%;float:left;  line-height: 56px;font-size : 14px;}
.input_text label, .input_text span {margin-right: 7px;text-align:center;float:left;height :56px; line-height: 56px; padding:0px 5px; display: inline-block;  width : 120px;color : #333333; background: #f5f5f5;font-size : 14px;   }
.input_text span{margin-right: 12px;display: inline-block;color: #555555; font-size: 14px;padding: 0px; background: #f5f5f5;}
.text_input{float:left;font-size : 14px; margin-top: 11px;  width : calc( 100% - 156px);padding: 8px 10px;color: #3333333;  background-color: #ffffff;border: 1px solid #cccccc;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}
@media screen and (max-width: 500px) {
	.input_text label, .input_text span{ width : 80px; font-size:12px; }
	.text_input{padding:8px 2px; width :  calc( 100% - 116px); font-size:12px;}
}

/* 셀렉트 */
.select{ display:inline-block; width : 100%; float:left;}
label.custom-select {position: relative;display: inline-block; width : 100%;}
.custom-select span{margin-right:11px; text-align:center;height :56px; line-height: 56px; float:left; display: inline-block;  width : 120px; color : #333333; background: #f5f5f5;font-size : 14px;}
.custom-select select { min-width: 100px; font-size : 14px; color : #555555;height: 40px;float:left; width : calc( 100% - 134px); display: inline-block;border: 1px solid #cccccc; padding: 4px 3px 3px 5px;margin: 0; margin-top: 7px;font: inherit;outline:none; line-height: 1.2;background: #ffffff;-webkit-appearance:none; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.custom-select:after {content: "▼";position: absolute;top: 12px;right: 7px;bottom: 0;font-size: 9px;width: 32px;height: 32px;text-align: center;line-height: 30px;padding: 0px;color: #555555;pointer-events: none;font-weight: bold;}
}

@media screen and (max-width: 500px) {
	.custom-select span{ width : 80px; font-size:12px; }
	.custom-select select{padding:8px 2px; width :  calc( 100% - 94px);}
}

/*달력인풋*/
.cal_text{ display:inline-block; width : 100%; float:left;}
.cal_text label {text-align:center;float:left;height :56px; line-height: 56px; background: #f5f5f5; padding: 0px 10px;  display: inline-block;  width : 120px;color : #333333; font-size : 14px;  }
.cal_input{float:left;font-size : 14px; width : calc( 100% - 156px);margin-top: 11px;  margin-left: 7px; padding: 8px 10px;color: #3333333;  background : url('../_sub01/img/cal_bg.png') right center no-repeat; background-color: #ffffff;border: 1px solid #cccccc;display: inline-block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}

/*기타*/

.width80{width: 80px;}
.width68{width: 68px;}
.width40{width: 40px;}

@media screen and (max-width: 500px) {
	.width40{width: 30px;}
}
@media screen and (max-width: 400px) {
	.width80{width: 50px;}
	.width68{width: 46px;}
}

.olpro_tit {background: url('/_cyber/img/class_tit.png') no-repeat 0px 13px; padding: 10px 30px ; vertical-align:middle; font-size:18px; font-family: 'NanumSquareB'; color:#222222;}
.olpro_submit{color:#ffffff;font-size:17px; font-family: 'NanumSquareB';background: url('/_olpro/img/olpro_btn1.png') no-repeat ;display: inline-block; width: 91px; height: 43px; border:0px; vertical-align:top;text-align: left;padding-left: 23px;}
.olpro_btn{ text-align:center; }

.olpro_list{color:#850d5a !important;font-size:17px !important; font-family: 'NanumSquareB';background: url('/_olpro/img/olpro_btn2.png') no-repeat ;display: inline-block; width: 91px; height: 43px; vertical-align:top;padding-top: 11px;padding-left: 40px;text-align: left;}