@charset "utf-8";

/*그리드*/
.graypbox{ margin-bottom : 20px;  clear:both;  margin-top: 10px; border-top: 2px #1e5c97 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;}

/* 셀렉트 */
.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;}
}

/*달력인풋*/
.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('/_exam/_app/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('/_exam/_app/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:#c91a1a !important;font-size:17px !important; font-family: 'NanumSquareB';background: url('/_exam/_app/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;}


a.cbtn, .cbtn {display:inline-block; color:#fff;padding: 3px 10px;border-radius:5px;}
.pbtn { background: #8a5c9e;border: 1px solid #714684;color:#fff !important; padding: 3px 10px; border-radius:5px;}

.pbtn1 { background: #1e5c97;border: 1px solid #0f4476;color:#fff !important; padding: 3px 10px; border-radius:5px;}
.pbtn2 { background: #bd5eb3;border: 1px solid #9d5395;color:#fff !important; padding: 3px 10px; border-radius:5px;}
.pbtn3 { background: #37959d;border: 1px solid #268088;color:#fff !important; padding: 3px 10px; border-radius:5px;}
.pbtn4 { background: #7fbb0a;border: 1px solid #7aa91f;color:#fff !important; padding: 3px 10px; border-radius:5px;}
.pbtn5 { 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 85%, #e9e9e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 85%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 85%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */

border: 1px solid #767676;color:#000 !important; padding: 3px 10px; border-radius:5px; position:relative; font-size: 12px;}

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+85,e9e9e9+100 */


#bo_v_file ul { margin: 0;  padding: 10px; list-style: none;  background: #f5f5f5; }
#bo_v_file ul li { background: #ffffff; padding: 17px;  margin-bottom: 5px; }
.file_tit1{ color:#1e5c97;}
.bo_v_file_cnt{padding-top:10px;}

@media screen and (max-width: 700px) {
	.bo_v_file_cnt{float:none; display:inline; position: relative; top: 0; right: 0;}
}