@charset "utf-8";


.page{position: relative;}

/*2104006 교외체험학습*/
.box01{ position: relative;height: auto; border: 1px solid #dedede; border-radius:10px; padding: 10px 20px; overflow: hidden; }
.box01 h3{ display: inline-block;}
.box01 .tBox { clear: both; float: right; width: 85%; font-size: 14px; font-family: 'NotoR'; line-height: 35px; padding: 0 5px;}
.box01 .tBox02 { clear: both; width: 85%; height: auto;  font-size: 14px; font-family: 'NotoR'; padding: 20px 0 10px 90px; line-height: 18px; overflow: hidden;}
.box01 .tBox02 h4{font-size: 16px; color: #00479d; line-height: 32px;}
.box01 .t01{background: url(/images/sch/co/er/ico_01.png) no-repeat left 18px;}
.box01 .t02{background: url(/images/sch/co/er/ico_02.png) no-repeat left 18px;}
.box01 .t03{background: url(/images/sch/co/er/ico_03.png) no-repeat left 18px;}
.box01 .t04{background: url(/images/sch/co/er/ico_04.png) no-repeat left 18px;}
.box01 .t05{background: url(/images/sch/co/er/ico_05.png) no-repeat left 18px;}

.box01 .btn_st2{display: inline-block; position: relative; top:5px; left: 10px}
.btn_st02 {overflow:hidden;  width: 60%;}
.btn_st02 a {width: 40%; display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; color:#fff; border-bottom:1px solid #66c443; border-right:1px solid #66c443; background:#66c443;}
.btn_st02 a.b2{ border-bottom:1px solid #00479d; border-right:1px solid #00479d; background:#00479d;}
.btn_st02 a:hover{text-decoration: underline;}

span.font_blue{color: #2c6ce5;}
span.font_red{color: #ff0808;}



/*210406 설문조사*/
.box_st5 {position:relative; padding:10px 25px; border:2px solid #dfe6ee; background:#fff; }

.box_st5 p{  font-size: 16px; color: #000; line-height: 32px; font-family: 'NotoR';}
.box_st5:before {content:''; position:absolute; top:-2px; left:-2px; width:50px; height:50px; border-top:4px solid #266ed4; border-left:4px solid #266ed4;}
.box_st5:after {content:''; position:absolute; bottom:-2px; right:-2px; width:50px; height:50px; border-bottom:4px solid #2a384a; border-right:4px solid #2a384a;}
.box_st_ico {position:relative; min-height:70px; padding-left:90px;}
.box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}


@media screen and (max-width:600px){ 


	/* 박스 : 박스 기본 타입 */
	.box_st_ico {padding-left:0;}
	.box_st_ico .ico_boxImg {position:relative; left:auto; top:auto; margin:0 auto 10px; text-align:center;}
    
    .box01{ padding: 5px 10px; }
    .box01 .tBox .btn_st2{ width: 80% !important; float: right; margin-top: -30px}
    .box01 .tBox{padding: 0; float: none; width: 100%;}
    
    .btn_st02 { width: 100%;}
    .btn_st02 a {width: 42%;}
    
}