.fieldBody{position: relative; z-index: 9;}
.sub_left_menu_area{position: relative !important; z-index: 99 !important;}
.sub_left_menu_li_area{background-color: transparent !important; background-image: linear-gradient(to bottom, #11447b 80% , transparent 50px); box-sizing: border-box;}
.bottom_section_01{z-index: 9 !important; position: relative !important;}
.bottom_section_02{z-index: 9 !important; position: relative !important; background: none !important; background-color: #fff !important; width: 100% !important;}
.bottom_section_02> div{width: 1024px; margin: 0 auto; background: url(/eco_reserve/images/main/bottom_logo_img.png) no-repeat; }
.fieldBg{width: 100%; position: fixed; left: 0; bottom: -50px;}
.hide{display: none;}
.red{color: #E03011 !important; vertical-align: middle;}
input, select{vertical-align: middle;}
select{-moz-appearance:none; -webkit-appearance:none; appearance:none;}
select::-ms-expand{display:none;} 
.textLeft{text-align: left;}
.textRight{text-align: right;}
.font11{font-size: 11px !important;}
/*°ßÇнü³¾È³»ÆäÀÌÁö ½ÃÀÛ*/
/*ÅǸ޴º*/
.fieldArea{display: block; position: relative; height: 100%; z-index: 99;}
.fieldArea .fieldTab> ul{display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 5px; font-size: 15px;}
.fieldArea .fieldTab> ul> li{margin-bottom: 5px;}
.fieldArea .fieldTab> ul> li.blue> a{border: 1px solid #11447B; color: #11447B; background: #f5faff; font-weight: bold;}
.fieldArea .fieldTab> ul> li.blue:hover> a, .fieldArea .fieldTab> ul> li.blue.active> a{background: #11447B; color: #fff; font-weight: bold;  transition-duration: 0.5s;}
.fieldArea .fieldTab> ul> li.yellow> a{border: 1px solid #39B06A; color: #18a352; background: #f5fffa; font-weight: bold;}
.fieldArea .fieldTab> ul> li.yellow:hover> a, .fieldArea .fieldTab> ul> li.yellow.active> a{background: #39B06A; color: #fff; font-weight: bold; transition-duration: 0.5s;}
.fieldArea .fieldTab> ul> li> a{display: block; border: 1px solid #ddd; padding: 10px; box-sizing: border-box; background: #fff;}
.fieldArea .fieldTabOl ol{background: #f9f9f9; text-align: center; padding: 15px; box-sizing: border-box; border-radius: 10px; margin-bottom: 10px;}
.fieldArea .fieldTabOl ol> li{padding-left: 25px; position: relative; display: inline-block; margin-right: 20px; box-sizing: border-box;}
.fieldArea .fieldTabOl ol> li:last-child{margin-right: 0;}
.fieldArea .fieldTabOl ol> li::before{position: absolute; content: ""; left: 0; top: 3px; width: 15px; height: 10px; background: #ddd;}
.fieldArea .fieldTabOl ol> li:nth-child(1):before{background: #39B06A;}
.fieldArea .fieldTabOl ol> li:nth-child(2):before{background: #11447B;}
.fieldArea .grayBox{background: #f9f9f9; padding: 15px 20px; box-sizing: border-box; }
.fieldArea .grayBox ul li{margin-bottom: 5px;}
.fieldArea .grayBox ul li:last-child{margin-bottom: 0;}
.fieldCont{width: 100%; display: none; margin-top: 30px; min-height: 180px;}
.fieldCont.show{display: block !important;}
/*³»¿ë*/
.fieldCont> div{margin-bottom: 40px;}
.fieldCont h2{text-align: left; margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-bottom: 20px; box-sizing: border-box; font-size: 26px;}
.fieldCont> div h3{font-size: 20px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #000; box-sizing: border-box; text-align: left; background: url(/eco_reserve/images/field/h2Img.png)no-repeat left 4px; padding-left: 30px;}
.fieldCont> div> .cont{background: #fff; padding: 20px 0; box-sizing: border-box; text-align: left; opacity: 0.9;}
.fieldCont> div> .cont> li{position: relative; padding-left: 15px; box-sizing: border-box; font-size: 15px; margin-bottom: 10px;}
.fieldCont> div> .cont> li:last-child{margin-bottom: 0;}
.fieldCont> div> .cont> li::after{content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; background: #004EA2; border-radius: 10px;}
.fieldCont> div> .cont> li.liNone{padding-left: 0;}
.fieldCont> div> .cont> li.liNone::after{display: none;}
/*Area1*/
.fieldCont .Area1{display: grid; grid-template-columns: 7fr 8fr; grid-column-gap: 40px; background: rgba(255,255,255,0.9); padding: 30px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 20px;}
.fieldCont .Area1 .leftArea{width: 100%; height: 250px; background: #ccc; border-radius: 40px;}
.fieldCont .Area1 .leftArea img{width: 100%; height: 100%; border-radius: 20px; border: 1px solid #ddd;}
.fieldCont .Area1 .RightArea .tit{position: relative; padding: 10px 0 25px 0; box-sizing: border-box; background: url(/eco_reserve/images/field/titleLine.png)no-repeat center bottom; background-size: contain;}
.fieldCont .Area1 .RightArea .tit p{font-size: 20px; font-weight: bold; text-align: left; position: relative;}
.fieldCont .Area1 .RightArea .tit p::after{content: ""; position: absolute; left: 0; top: -10px; background: url(/eco_reserve/images/field/titleTitle.png)no-repeat; width: 30px; height: 3px;}
.fieldCont .Area1 .RightArea .tit a{padding: 10px 30px; background: #004EA2; color: #fff; position: absolute; right: 0; top: 0; box-sizing: border-box; font-size: 15px; font-weight: bold;}
.fieldCont .Area1 .RightArea .con{margin-top: 15px;}
.fieldCont .Area1 .RightArea .con> li{text-align: left; font-size: 15px; margin-bottom: 8px; display: flex;}
.fieldCont .Area1 .RightArea .con> li span{font-weight: bold; width: 90px; height: 100%;}
.fieldCont .Area1 .RightArea .con> li p{width: calc(100% - 90px);}
.fieldCont .Area1 .RightArea .con> li p sup{font-size: 8px;}

/*Area2*/
.Area2 ul{padding: 20px 0 0 0; box-sizing: border-box; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px;}
.Area2 ul> li{border-radius: 20px; box-sizing: border-box; margin-bottom: 15px;}
.Area2 ul> li img{width: 100%; height: 150px; border-radius: 20px 20px 0 0; border: 1px solid #ddd; border-bottom: 0; box-sizing: border-box;}
.Area2 ul> li span{display: block; padding: 15px; box-sizing: border-box; font-size: 15px; text-align: center; background: #fff; border-radius: 0 0 20px 20px; border: 1px solid #ddd;}
/*°ßÇнü³¾È³»ÆäÀÌÁö ³¡*/

/*°ßÇнü³Ä¶¸°´õ ½ÃÀÛ*/
.fieldArea .fieldCal{margin-top: 40px}
.fieldArea .fieldCal .dayArea{position: relative; display: grid; grid-template-columns: 2fr 3fr 150px;}
.fieldArea .fieldCal .dayArea .dayBtn{display: inline-flex;}
.fieldArea .fieldCal .dayArea .dayBtn> a{width: 40px; height: 40px; border: 1px solid #ddd; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.fieldArea .fieldCal .dayArea .dayBtn> p{font-size: 24px; font-weight: bold; display: flex; align-items: center; margin: 0 20px;}
.fieldArea .fieldCal .dayArea .dayBtn> p.stop{background: #f5f5f5; width: 40px; height: 40px; border: 1px solid #ddd; box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin: 0;}
.fieldArea .fieldCal .dayArea ol{display: inline-flex; justify-content: right; align-items: center;}
.fieldArea .fieldCal .dayArea ol> li{margin-right: 15px;}
.fieldArea .fieldCal .dayArea ol> li> span{width: 40px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.fieldArea .fieldCal .dayArea ol> li> span.option1{background: #508f3f;}
.fieldArea .fieldCal .dayArea ol> li> span.option2{background: #E03011;}
.fieldArea .fieldCal .dayArea ol> li> span.option3{background: #f5f5f5; border: 1px solid #ccc;}
.fieldArea .fieldCal .dayArea .fieldBtn{padding: 10px 30px; box-sizing: border-box; background: #004EA2; color: #fff; font-weight: bold; font-size: 15px;}
/*Å×À̺í*/
.fieldArea .fieldCal .dayTable{margin-top: 20px; font-size: 13px;}
.fieldArea .fieldCal .dayTable table{border-collapse: collapse; border-spacing:0; width: 100%;} 
.fieldArea .fieldCal .dayTable table thead tr th{padding: 15px 10px; box-sizing: border-box; border-top: 2px solid #000; background: #fff;}
.fieldArea .fieldCal .dayTable table tbody tr td{background: #fff; border-right: 1px solid #ddd; border-top: 1px solid #ddd; box-sizing: border-box; text-align: left; padding: 10px; box-sizing: border-box; vertical-align: top; opacity: 0.9;}
.fieldArea .fieldCal .dayTable table tbody tr td:last-child{border-right: 0;}
.fieldArea .fieldCal .dayTable table tbody tr:last-child td{border-bottom: 1px solid #ddd;}
.fieldArea .fieldCal .dayTable table tbody tr td.today{background: #fbe5e5;}
.fieldArea .fieldCal .dayTable table tbody tr td span{font-weight: bold;}
.fieldArea .fieldCal .dayTable table tbody tr td div{min-height: 84px; margin-top: 10px;}
.fieldArea .fieldCal .dayTable table tbody tr td div> .type{display: block; padding: 3px 5px; margin-bottom: 3px; text-align: center; box-sizing: border-box; position: relative;}
.fieldArea .fieldCal .dayTable table tbody tr td div> a.type1{background: #508f3f; color: #fff; border: 1px solid #ccc; box-sizing: border-box;}
.fieldArea .fieldCal .dayTable table tbody tr td div> p.type2{background: #E03011; color: #fff; border: 1px solid #ccc; box-sizing: border-box;}
.fieldArea .fieldCal .dayTable table tbody tr td div> p.type3{border: 1px solid #ccc; color: #aaa; background: #f5f5f5; box-sizing: border-box;}
.fieldArea .fieldCal .dayTable table tbody tr td div> p> span{position: absolute; left: 50%; top: 0; width: 100%; height: 100%; background: #555; padding: 7px; box-sizing: border-box; margin-left: -45.5px; cursor: pointer; font-size: 11px; color: #fff; line-height: 9px; opacity: 0; font-weight: lighter;}
.fieldArea .fieldCal .dayTable table tbody tr td div> p:hover{background: #555;}
.fieldArea .fieldCal .dayTable table tbody tr td div> p:hover> span{opacity: 1;}
/*°ßÇнü³Ä¶¸°´õ ³¡*/
 
/*°ßÇнü³½ÅûÆäÀÌÁö ½ÃÀÛ*/
.fieldAppli{margin-top: 10px;}
.fieldAppli h2{text-align: left; box-sizing: border-box; font-size: 26px;}
/*Å×À̺í*/
.fieldAppli table{border-collapse: collapse; border-spacing:0; width: 100%; font-size: 15px; margin-bottom: 10px;} 
.fieldAppli table tbody tr{border-bottom: 1px solid #ddd;}
.fieldAppli table tbody tr:nth-child(1){border-top: 1px solid #000;}
.fieldAppli table tbody tr th,.fieldAppli table tbody tr td{padding: 18px 15px; box-sizing: border-box; text-align: left;}
.fieldAppli table tbody tr th{background: #f9f9f9;}
.fieldAppli table tbody tr td{padding: 10px 15px; background: #fff;}
.fieldAppli table tbody tr td label{vertical-align: middle;}
.fieldAppli table tbody tr td select{border: 1px solid #ddd; padding: 10px; box-sizing: border-box; width: 180px; margin: 0 15px 0 5px; font-size: 13px; background: url(/eco_reserve/images/field/select.png)no-repeat right 10px center; }
.fieldAppli table tbody tr td input{border: 1px solid #ddd; padding: 10px; box-sizing: border-box; width: 150px; font-size: 13px;}
.fieldAppli table tbody tr td input[type="radio"]{width: initial;}
.fieldAppli table tbody tr td input[type="text"]{margin: 0 15px 0 5px;}
.fieldAppli table tbody tr td ul> li{display: block; margin-bottom: 10px; border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
.fieldAppli table tbody tr td ul> li:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.fieldAppli table tbody tr td p{display: inline-block; font-size: 15px; margin-right: 20px;}
.fieldAppli table tbody tr td p label{font-weight: lighter;}
.fieldAppli table tbody tr.Area3 td p:nth-child(2), .fieldAppli table tbody tr.Area3 td p:nth-child(3){font-size: 13px; color: #777;}
.fieldAppli table tbody tr.Area5 td p{font-size: 15px;}
.radioBtnN{display: none;}
label.radioBtn{display: block; border: 1px solid #ddd; padding: 5px 10px; box-sizing: border-box; background: #f9f9f9; display: inline-block; font-size: 13px; cursor: pointer;}
label.radioBtn:hover, label.radioBtn.active{background: #004EA2; color: #fff;}
.radioBtnN:checked + label.radioBtn{background: #004EA2; color: #fff}
.fieldAppli table tbody tr.Area7 td select{margin: 0;}
.fieldAppli table tbody tr td textarea{width: 100%; border: 1px solid #ddd; min-height: 100px; padding: 10px; box-sizing: border-box; resize: none;}
.fieldAppli .ment{display: block; margin-top: 5px; line-height: 16px; color: #777;}
/*µ¿ÀÇ*/
.fieldAppli .agreeBox{margin-top: 40px;}
.fieldAppli .agreeBox h3{font-size: 17px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #000; box-sizing: border-box; text-align: left; background: url(/eco_reserve/images/field/h2Img.png)no-repeat left 4px; padding-left: 30px;}
.fieldAppli .agreeBox .agreeCont{text-align: left; font-size: 13px; padding: 20px 25px; background: #f5f5f5; box-sizing: border-box;}
.fieldAppli .agreeBox .agreeCont p{border-top: 1px dashed #ccc; padding-top: 20px;}
.fieldAppli .agreeBox .agreeCont .agreeRadio{text-align: right; padding: 10px; box-sizing: border-box; margin: 10px 0;}
.fieldAppli .agreeBox .agreeCont .agreeRadio:last-child{margin: 20px 0 0 0;}
.fieldAppli .agreeBox .agreeCont .agreeRadio ul li{display: inline-block; margin-right: 10px;}
.fieldAppli .agreeBox .agreeCont .agreeRadio ul li:last-child{margin-right: 0;}
.fieldAppli .agreeBox .centerBox{margin: 20px auto; }
.fieldAppli .agreeBox .centerBox a{background: #fff; border: 1px solid #004EA2; padding:10px; box-sizing: border-box;  color: #004EA2; font-size: 15px; display: inline-block; width: 130px;}
.fieldAppli .agreeBox .centerBox a.btn{background: #004EA2; color: #fff;}
/*°ßÇнü³½ÅûÆäÀÌÁö ³¡*/