@charset "utf-8";
.expert_system_title{text-align: center; display: flex; align-items: center; justify-content: center; height: 80px; line-height: 37px; margin-top: 30px; color: #004a89;}
.expert_system_title h3{font-size: 24px; position: relative; font-weight: 500;}
.expert_system_title h3:before{content: ''; display: inline-block; width: 100%; height: 6px; position: absolute; bottom: 0px; background: #0b478d; z-index: 0; opacity: .5;}
.expert_system_doc{display: flex; justify-content: space-between; margin-top: 30px;}
.expert_system_doc>div{width: 48%; height: 100%; position: relative;}
.expert_system_doc>div:first-child:after{content: ''; display: inline-block; position: absolute; left: 104%; top: 42px; height: calc(100% - 42px); border-left: 2px solid #000;}
.expert_system_name{font-size: 17.6px; font-weight: bold; display: flex; align-items: center; height: 40px; justify-content: center;}
.expert_system_list>ul{display: flex; align-items: center; flex-direction: column; height: 485px; justify-content: space-between; align-content: space-between; border: 1px solid #ddd; box-sizing: border-box; padding: 0 3%; border-radius: 5px;}
.expert_system_list>ul>li{display: inline-flex; align-items: center; justify-content: flex-start; width: 100%; height: 48%; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.expert_system_list>ul>li:last-child{border-bottom:0;}
.expert_system_list>ul>li>a{width: 100%; height: 100%; display: flex; align-items: center; font-size: 18px; color:#000; font-weight: normal;}
.expert_system_list>ul>li>a>small{width: 65%; margin-top: 3px;}
.expert_system_list select{width: 300px; background-position: 100% center !important;}
.expert_system_list select[disabled="disabled"]{opacity: .3;}
.expert_system_doc>div:nth-child(1){--color: #168516; }
.expert_system_doc>div:nth-child(2){--color: #008aff; }
.expert_system_area{width: 100%; height: auto; margin-top: 30px;}
.expert_cover select {display: block !important; height: 34px;}

.question{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; margin: auto; border: 1px solid #ddd; margin-bottom: 50px; border-radius: 10px;padding-bottom: 15px;}
.question:hover{border-color:#3b5999}
.question:last-of-type{margin-bottom: 0;}
.question label{border-bottom: 1px solid #ddd; width: 100%; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: #e9e9e9; position: relative;}
.question>div{display: flex; align-items: center; justify-content: center;}
.question>div>input{margin-left: 5px;}
.question h3{margin:15px 0}
.question label:nth-last-child(2){border-bottom: 0; margin-bottom: 10px;}
.question label:hover{background: #3b5999; color:#ffffff;}
.question label :checked ~ span,.question label input{z-index: 10; position: relative; color:#fff}
.question label :checked ~ div{color: #ffffff; content: ''; position: absolute; left: 0; top: 0; background: #223e7a; width: 100%; height: 100%; z-index: 0;}
.submit_btn{width: 20%; height: 100px; margin: auto; display: flex; align-items: center; justify-content: center; position: fixed; right: 100px; top: 50%; margin-top: -50px;}
.expert_system_list_1 li:nth-child(1) a:before{background: url(/images/exportimg/vegetable.svg) no-repeat;}
.expert_system_list_1 li:nth-child(2) a:before{background: url(/images/exportimg/farming.svg) no-repeat;}
.expert_system_list_1 li:nth-child(3) a:before{background: url(/images/exportimg/greenhouse.svg) no-repeat;}
.expert_system_list_1 li:nth-child(4) a:before{background: url(/images/exportimg/map.svg) no-repeat;}
.expert_system_list_1 li:nth-child(5) a:before{background: url(/images/exportimg/location_pin.svg) no-repeat;}
.expert_system_list_1 li:nth-child(6) a:before{background: url(/images/exportimg/invest.svg) no-repeat;}
.expert_system_list_1 li:nth-child(7) a:before{background: url(/images/exportimg/investment.svg) no-repeat;}
.expert_system_list_2 li:nth-child(1) a:before{background: url(/images/exportimg/thermometer.svg) no-repeat;}
.expert_system_list_2 li:nth-child(2) a:before{background: url(/images/exportimg/location.svg) no-repeat;}
.expert_system_list_2 li:nth-child(3) a:before{background: url(/images/exportimg/sett.svg) no-repeat;}
.expert_system_list_2 li:nth-child(4) a:before{background: url(/images/exportimg/reject.svg) no-repeat;}
.expert_system_list_2 li:nth-child(5) a:before{background: url(/images/exportimg/smart_farm.svg) no-repeat;}
.expert_system_list_2 li:nth-child(6) a:before{background: url(/images/exportimg/work-process.svg) no-repeat;}
.expert_system_list_2 li:nth-child(7) a:before{background: url(/images/exportimg/clipboard.svg) no-repeat;}
.expert_system_list li a:before{content: ''; display: inline-block; width: 50px; height: 40px; background-size: contain !important; background-position: center center !important; filter: grayscale(1);}
.container-fluid li:hover a:before,
.expert_system_list li:hover a:before,
.expert_system_list li.on a:before{filter:none}
.expert_system_page #pop_area{background: none;}
.expert_system_page #pop_contbox{padding: 0;}
.expert_system_page .cbtn_c{min-width: 0; overflow: hidden; padding: 0; font-size: 0; border: 0; line-height: normal; height: auto;}
.expert_system_page .form_btn_box{margin-top: 0;height: 0;}


.expert_system_search{margin-top: 30px;}
/* 검색영역 input cover */
.expert_system_search_box{display: flex; border: 1px solid #ddd; border-radius: 5px; --width: 80px; padding: 10px; box-sizing: border-box; position: relative;}
.expert_system_box{display: flex; flex-wrap: wrap; justify-content: flex-start; max-height: 130px; overflow: auto; padding: .5% 1%; box-sizing: border-box; width: calc(100% - 30px);}
.expert_system_box.on{max-height: initial;}
/* 검색영역 타이틀 */
.expert_system_search_title{font-size: 18px; font-weight: 600; margin-bottom: 3px; margin-top: 30px;}
/* 검색영역 세부타이틀 */
.expert_system_box_title{	font-size: 13px; font-weight: bold; display: inline-flex; padding-left: 8px; z-index: 1; width: auto; align-items: center; justify-content: flex-start; position: relative; min-width: 100px;}
.expert_system_box_title:before {content: ''; border-radius: 50%; border: 2px solid #000; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
/* 검색영역 input */
.expert_system_search_box label{width:calc(100% / 14); font-size: 14px; margin-bottom: 10px; height: 30px; display: flex; align-items: center; justify-content: flex-start; min-width: 100px;}
.expert_system_search_box input[type="radio"]{position: relative; --size:18px; width: 18px; height: 18px; width:var(--size);height:var(--size); border-radius: 0; border-color:#000}
.expert_system_search_box input[type="radio"]:after{border-radius: 0;}
/* .expert_system_search_box input[type="radio"]:before{position: absolute; left: 0; top: 0px; background: url(/images/chkbox.png); width: 17px; height: 17px; width: var(--size); height: var(--size); display: inline-block; background-position: -2px -2px; border: 1px solid #699ED4; background-repeat: no-repeat; background-size: 19px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: '';} */
/* .expert_system_search_box input[type="radio"]:checked:before{background-position:-2px -20px;} */
.expert_system_search_box span{display: inline-flex; align-items: center; justify-content: flex-start; cursor: pointer;}
.expert_system_search_box span:after{content: ''; display: inline-block; width: 18px; height: 18px; background: url(/images/exportimg/user_b.svg) 50% 50% / contain no-repeat; margin-left: 5px;}
.expert_system_search_box input[type="radio"]:checked ~ span:after{background: url(/images/exportimg/user.svg) 50% 50% / contain no-repeat;}
/* 검색영역 첫번째 강조*/
.expert_system_search_box label:first-child{font-weight: 600;}
.expert_system_search_box label:first-child span:after{background:url(/images/exportimg/up_arrows.svg) 50% 50% / contain no-repeat; margin-left: 0; 	content: ''; display: inline-block; width: 18px; height: 18px;}
.expert_system_search_box label:first-child input[type="radio"]:checked ~ span:after{background:url(/images/exportimg/up_arrows.svg) 50% 50% / contain no-repeat;}
/* 검색영역 플러스버튼 */
.expert_system_search_box .plus_btn{--width_height: 18px; background: #3b5999; width: var(--width_height); height: var(--width_height); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; right: 10px; margin-top: calc(var(--width_height) / -2); top: 50%; border:0;}
.expert_system_search_box .plus_btn::before,
.expert_system_search_box .plus_btn::after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; display: inline-block;}
.expert_system_search_box .plus_btn::after{width: 8px; height: 2px;}
.expert_system_search_box .plus_btn::before{width: 2px; height: 8px;}
.expert_system_search_box .plus_btn.on::before{width: 0px;}

.expert_system_box{display: flex; flex-wrap: wrap; max-height: 182px; overflow: auto; padding: .5% 1%; box-sizing: border-box; width: calc(100% - 30px); justify-content: space-evenly;}
.expert_system_search_box span{display: inline-flex; align-items: center; justify-content: flex-start; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 10px); white-space: nowrap; font-weight: normal;}
.expert_system_search_box span:after{display: none;}
.expert_system_search_box label{width: calc(100% / 14); height: 140px; font-size: 14px; margin-bottom: 50px; display: flex; align-items: center; justify-content: flex-start; min-width: 140px; border: 1px solid #ddd; box-sizing: border-box; margin: 0px 15px 50px 14px; position: relative; background: url(/images/exportimg/user_b.svg) 50% 50% / 100px no-repeat; }
.expert_system_search_box label:first-child{background: url(/images/exportimg/click.svg) 50% 50% / 100px no-repeat;}
.expert_system_search_box input[type="radio"]{position: absolute; left: 3px; top: 3px; opacity: 1;}

/* 파이썬용 이미지 */
#pop_tit.export_system01{background: #699ed4 url(/static/images/icon/vegetable.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
#pop_tit.export_system02{background: #699ed4 url(/static/images/icon/farming.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
#pop_tit.export_system03{background: #699ed4 url(/static/images/icon/greenhouse.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
#pop_tit.export_system04{background: #699ed4 url(/static/images/icon/map.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
#pop_tit.export_system05{background: #699ed4 url(/static/images/icon/location_pin.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
#pop_tit.export_system06{background: #699ed4 url(/static/images/icon/invest.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
#pop_tit.export_system07{background: #699ed4 url(/static/images/icon/investment.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
#pop_tit.export_system_result{background: #699ed4 url(/static/images/icon/clipboard.svg)  20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px; font-size: 22px; color: #fff; font-weight: 600; letter-spacing: -1px;}
.expert_system_list_1 li:nth-child(1) a:before{background: url(/static/images/icon/vegetable.svg) no-repeat;}
.expert_system_list_1 li:nth-child(2) a:before{background: url(/static/images/icon/farming.svg) no-repeat;}
.expert_system_list_1 li:nth-child(3) a:before{background: url(/static/images/icon/greenhouse.svg) no-repeat;}
.expert_system_list_1 li:nth-child(4) a:before{background: url(/static/images/icon/map.svg) no-repeat;}
.expert_system_list_1 li:nth-child(5) a:before{background: url(/static/images/icon/location_pin.svg) no-repeat;}
.expert_system_list_1 li:nth-child(6) a:before{background: url(/static/images/icon/invest.svg) no-repeat;}
.expert_system_list_1 li:nth-child(7) a:before{background: url(/static/images/icon/investment.svg) no-repeat;}
.expert_system_list_2 li:nth-child(1) a:before{background: url(/static/images/icon/thermometer.svg) no-repeat;}
.expert_system_list_2 li:nth-child(2) a:before{background: url(/static/images/icon/location.svg) no-repeat;}
.expert_system_list_2 li:nth-child(3) a:before{background: url(/static/images/icon/sett.svg) no-repeat;}
.expert_system_list_2 li:nth-child(4) a:before{background: url(/static/images/icon/reject.svg) no-repeat;}
.expert_system_list_2 li:nth-child(5) a:before{background: url(/static/images/icon/smart_farm.svg) no-repeat;}
.expert_system_list_2 li:nth-child(6) a:before{background: url(/static/images/icon/work-process.svg) no-repeat;}
.expert_system_list_2 li:nth-child(7) a:before{background: url(/static/images/icon/clipboard.svg) no-repeat;}
.result_01:before{background:url(/static/images/export_img/result_01.svg) 50% 50% / contain no-repeat;}
.result_02:before{background:url(/static/images/export_img/result_02.svg) 50% 50% / contain no-repeat;}
.result_03:before{background:url(/static/images/export_img/result_03.svg) 50% 50% / contain no-repeat;}
.result_04:before{background:url(/static/images/export_img/result_04.svg) 50% 50% / contain no-repeat;}
.result_05:before{background:url(/static/images/export_img/result_05.svg) 50% 50% / contain no-repeat;}
.result_06:before{background:url(/static/images/export_img/result_06.svg) 50% 50% / contain no-repeat;}

.farm_sec3 .result_01:before{background:url(/static/images/export_img/farm_sec3_1.svg) 50% 50% / contain no-repeat;}
.farm_sec3 .result_02:before{background:url(/static/images/export_img/farm_sec3_2.svg) 50% 50% / contain no-repeat;}
.farm_sec3 .result_03:before{background:url(/static/images/export_img/farm_sec3_3.svg) 50% 50% / 80px no-repeat !important}
.farm_sec3 .result_04:before{background:url(/static/images/export_img/farm_sec3_4.svg) 50% 50% / contain no-repeat;}
.farm_sec3 .result_05:before{background:url(/static/images/export_img/farm_sec3_5.svg) 50% 50% / contain no-repeat;}
.farm_sec4 .result_01:before{background:url(/static/images/export_img/farm_sec4.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.farm_sec5 .result_01:before{background:url(/static/images/export_img/farm_sec5_1.svg) 50% 50% / contain no-repeat;}
.farm_sec5 .result_02:before{background:url(/static/images/export_img/farm_sec5_2.svg) 50% 50% / contain no-repeat;}
.farm_sec5 .result_03:before{background:url(/static/images/export_img/farm_sec5_3.svg) 50% 50% / contain no-repeat;}
.farm_sec6 .result_01:before{background: url(/static/images/export_img/farm_sec6.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.farm_sec7 .result_01:before{background: url(/static/images/export_img/farm_sec7.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}

.layer_container .result_01:before{background:url(/images/exportimg/result_c_1.svg) 50% 50% / contain no-repeat;}
.layer_container .result_02:before{background:url(/images/exportimg/result_c_2.svg) 50% 50% / contain no-repeat;}
.layer_container .result_03:before{background:url(/images/exportimg/result_c_3.svg) 50% 50% / contain no-repeat;}
.layer_container .result_04:before{background:url(/images/exportimg/result_c_4.svg) 50% 50% / contain no-repeat;}
.layer_container .result_05:before{background:url(/images/exportimg/result_c_5.svg) 50% 50% / contain no-repeat;}

.sec2 .result_01:before{background: url(/static/images/export_img/sec2_1.svg) 50% 50% / contain no-repeat;}
.sec2 .result_02:before{background: url(/static/images/export_img/sec2_2.svg) 50% 50% / contain no-repeat;}
.sec2 .result_03:before{background: url(/static/images/export_img/sec2_3.svg) 50% 50% / contain no-repeat;}
.sec3 .result_01:before{background: url(/static/images/export_img/sec3_1.svg) 50% 50% / contain no-repeat;}
.sec3 .result_02:before{background: url(/static/images/export_img/sec3_2.svg) 50% 50% / contain no-repeat;}
.sec3 .result_03:before{background: url(/static/images/export_img/sec3_1.svg) 50% 50% / 150px no-repeat !important; width: 150px;}
.sec4 .result_01:before{background: url(/static/images/export_img/sec4_1.svg) 50% 50% / contain no-repeat;}
.sec4 .result_02:before{background: url(/static/images/export_img/sec4_2.svg) 50% 50% / contain no-repeat;}
.sec4 .result_03:before{background: url(/static/images/export_img/sec4_3.svg) 50% 50% / contain no-repeat;}
.sec5 .result_01:before{background: url(/static/images/export_img/sec5.svg) 50% 50% / contain no-repeat;}
.sec6 .result_01:before{background: url(/static/images/export_img/sec6.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}

/* 공통이미지 */
.subContentArea #pop_tit.export_system01,
.sub #pop_tit.export_system01{background: #699ed4 url(/images/icon/vegetable.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
.subContentArea #pop_tit.export_system02,
.sub #pop_tit.export_system02{background: #699ed4 url(/images/icon/farming.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
.subContentArea #pop_tit.export_system03,
.sub #pop_tit.export_system03{background: #699ed4 url(/images/icon/greenhouse.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
.subContentArea #pop_tit.export_system04,
.sub #pop_tit.export_system04{background: #699ed4 url(/images/icon/map.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
.subContentArea #pop_tit.export_system05,
.sub #pop_tit.export_system05{background: #699ed4 url(/images/icon/location_pin.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
.subContentArea #pop_tit.export_system06,
.sub #pop_tit.export_system06{background: #699ed4 url(/images/icon/invest.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
.subContentArea #pop_tit.export_system07,
.sub #pop_tit.export_system07{background: #699ed4 url(/images/icon/investment.svg) 20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
.subContentArea #pop_tit.export_system_result,
.sub #pop_tit.export_system_result{background: #699ed4 url(/images/icon/clipboard.svg)  20px 50% / 40px no-repeat; padding: 25px 40px 25px 66px;}
.container-fluid .expert_system_list_1 li:nth-child(1) a:before,
.subContentArea .expert_system_list_1 li:nth-child(1) a:before,
.sub .expert_system_list_1 li:nth-child(1) a:before{background: url(/images/icon/vegetable.svg) no-repeat;}
.container-fluid .expert_system_list_1 li:nth-child(2) a:before,
.subContentArea .expert_system_list_1 li:nth-child(2) a:before,
.sub .expert_system_list_1 li:nth-child(2) a:before{background: url(/images/icon/farming.svg) no-repeat;}
.container-fluid .expert_system_list_1 li:nth-child(3) a:before,
.subContentArea .expert_system_list_1 li:nth-child(3) a:before,
.sub .expert_system_list_1 li:nth-child(3) a:before{background: url(/images/icon/greenhouse.svg) no-repeat;}
.container-fluid .expert_system_list_1 li:nth-child(4) a:before,
.subContentArea .expert_system_list_1 li:nth-child(4) a:before,
.sub .expert_system_list_1 li:nth-child(4) a:before{background: url(/images/icon/map.svg) no-repeat;}
.container-fluid .expert_system_list_1 li:nth-child(5) a:before,
.subContentArea .expert_system_list_1 li:nth-child(5) a:before,
.sub .expert_system_list_1 li:nth-child(5) a:before{background: url(/images/icon/location_pin.svg) no-repeat;}
.container-fluid .expert_system_list_1 li:nth-child(6) a:before,
.subContentArea .expert_system_list_1 li:nth-child(6) a:before,
.sub .expert_system_list_1 li:nth-child(6) a:before{background: url(/images/icon/invest.svg) no-repeat;}
.container-fluid .expert_system_list_1 li:nth-child(7) a:before,
.subContentArea .expert_system_list_1 li:nth-child(7) a:before,
.sub .expert_system_list_1 li:nth-child(7) a:before{background: url(/images/icon/investment.svg) no-repeat;}
.container-fluid .expert_system_list_2 li:nth-child(1) a:before,
.subContentArea .expert_system_list_2 li:nth-child(1) a:before,
.sub .expert_system_list_2 li:nth-child(1) a:before{background: url(/images/icon/thermometer.svg) no-repeat;}
.container-fluid .expert_system_list_2 li:nth-child(2) a:before,
.subContentArea .expert_system_list_2 li:nth-child(2) a:before,
.sub .expert_system_list_2 li:nth-child(2) a:before{background: url(/images/icon/location.svg) no-repeat;}
.container-fluid .expert_system_list_2 li:nth-child(3) a:before,
.subContentArea .expert_system_list_2 li:nth-child(3) a:before,
.sub .expert_system_list_2 li:nth-child(3) a:before{background: url(/images/icon/sett.svg) no-repeat;}
.container-fluid .expert_system_list_2 li:nth-child(4) a:before,
.subContentArea .expert_system_list_2 li:nth-child(4) a:before,
.sub .expert_system_list_2 li:nth-child(4) a:before{background: url(/images/icon/reject.svg) no-repeat;}
.container-fluid .expert_system_list_2 li:nth-child(5) a:before,
.subContentArea .expert_system_list_2 li:nth-child(5) a:before,
.sub .expert_system_list_2 li:nth-child(5) a:before{background: url(/images/icon/smart_farm.svg) no-repeat;}
.container-fluid .expert_system_list_2 li:nth-child(6) a:before,
.subContentArea .expert_system_list_2 li:nth-child(6) a:before,
.sub .expert_system_list_2 li:nth-child(6) a:before{background: url(/images/icon/work-process.svg) no-repeat;}
.container-fluid .expert_system_list_2 li:nth-child(7) a:before,
.subContentArea .expert_system_list_2 li:nth-child(7) a:before,
.sub .expert_system_list_2 li:nth-child(7) a:before{background: url(/images/icon/clipboard.svg) no-repeat;}

/* 시설원예 이미지 */
.sub .result_01:before{background:url(/images/export_img/result_01.svg) 50% 50% / contain no-repeat;}
.sub .result_02:before{background:url(/images/export_img/result_02.svg) 50% 50% / contain no-repeat;}
.sub .result_03:before{background:url(/images/export_img/result_03.svg) 50% 50% / contain no-repeat;}
.sub .result_04:before{background:url(/images/export_img/result_04.svg) 50% 50% / contain no-repeat;}
.sub .result_05:before{background:url(/images/export_img/result_05.svg) 50% 50% / contain no-repeat;}
.sub .result_06:before{background:url(/images/export_img/result_06.svg) 50% 50% / contain no-repeat;}
.sub .farm_sec3 .result_01:before{background:url(/images/export_img/farm_sec3_1.svg) 50% 50% / contain no-repeat;}
.sub .farm_sec3 .result_02:before{background:url(/images/export_img/farm_sec3_2.svg) 50% 50% / contain no-repeat;}
.sub .farm_sec3 .result_03:before{background:url(/images/export_img/farm_sec3_3.svg) 50% 50% / 80px no-repeat !important;}
.sub .farm_sec3 .result_04:before{background:url(/images/export_img/farm_sec3_4.svg) 50% 50% / contain no-repeat;}
.sub .farm_sec3 .result_05:before{background:url(/images/export_img/farm_sec3_5.svg) 50% 50% / contain no-repeat;}
.sub .farm_sec4 .result_01:before{background:url(/images/export_img/farm_sec4.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.sub .farm_sec5 .result_01:before{background:url(/images/export_img/farm_sec5_1.svg) 50% 50% / contain no-repeat;}
.sub .farm_sec5 .result_02:before{background:url(/images/export_img/farm_sec5_2.svg) 50% 50% / contain no-repeat;}
.sub .farm_sec5 .result_03:before{background:url(/images/export_img/farm_sec5_3.svg) 50% 50% / contain no-repeat;}
.sub .farm_sec6 .result_01:before{background: url(/images/export_img/farm_sec6.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.sub .farm_sec7 .result_01:before{background: url(/images/export_img/farm_sec7.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}

/* 양돈 이미지 */
.layer_container .sec2 .result_01:before{background: url(/images/exportimg/sec2_1.svg) 50% 50% / contain no-repeat;}
.layer_container .sec2 .result_02:before{background: url(/images/exportimg/sec2_2.svg) 50% 50% / contain no-repeat;}
.layer_container .sec2 .result_03:before{background: url(/images/exportimg/sec2_3.svg) 50% 50% / contain no-repeat;}
.layer_container .sec3 .result_01:before{background: url(/images/exportimg/sec3_1.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px}
.layer_container .sec3 .result_02:before{background: url(/images/exportimg/sec3_2.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.layer_container .sec3 .result_03:before{background: url(/images/exportimg/sec3_3.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.layer_container .sec4 .result_01:before{background: url(/images/exportimg/sec4_1.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.layer_container .sec4 .result_02:before{background: url(/images/exportimg/sec4_2.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.layer_container .sec4 .result_03:before{background: url(/images/exportimg/sec4_3.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.layer_container .sec5 .result_01:before{background: url(/images/exportimg/sec5.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.layer_container .sec6 .result_01:before{background: url(/images/exportimg/sec6.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}

/* 양계 이미지 */
.container-fluid .result_01:before{background:url(/images/exportimg/result_c_1.svg) 50% 50% / contain no-repeat;}
.container-fluid .result_02:before{background:url(/images/exportimg/result_c_2.svg) 50% 50% / contain no-repeat;}
.container-fluid .result_03:before{background:url(/images/exportimg/result_c_3.svg) 50% 50% / contain no-repeat;}
.container-fluid .result_04:before{background:url(/images/exportimg/result_c_4.svg) 50% 50% / contain no-repeat;}
.container-fluid .result_05:before{background:url(/images/exportimg/result_c_5.svg) 50% 50% / contain no-repeat;}

.container-fluid .sec2 .result_01:before{background: url(/images/exportimg/sec2_1.svg) 50% 50% / contain no-repeat;}
.container-fluid .sec2 .result_02:before{background: url(/images/exportimg/sec2_2.svg) 50% 50% / contain no-repeat;}
.container-fluid .sec2 .result_03:before{background: url(/images/exportimg/sec2_3.svg) 50% 50% / contain no-repeat;}
.container-fluid .sec3 .result_01:before{background: url(/images/exportimg/sec3_1.svg) 50% 50% / contain no-repeat;}
.container-fluid .sec3 .result_02:before{background: url(/images/exportimg/sec3_2.svg) 50% 50% / contain no-repeat;}
.container-fluid .sec3 .result_03:before{background: url(/images/exportimg/sec3_1.svg) 50% 50% / 150px no-repeat !important; width: 150px;}
.container-fluid .sec4 .result_01:before{background: url(/images/exportimg/sec4_1.svg) 50% 50% / contain no-repeat;}
.container-fluid .sec4 .result_02:before{background: url(/images/exportimg/sec4_2.svg) 50% 50% / contain no-repeat;}
.container-fluid .sec4 .result_03:before{background: url(/images/exportimg/sec4_3.svg) 50% 50% / contain no-repeat;}
.container-fluid .sec5 .result_01:before{background: url(/images/exportimg/sec5.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}
.container-fluid .sec6 .result_01:before{background: url(/images/exportimg/sec6.svg) 50% 50% / 180px no-repeat !important; width: 180px; height: 200px;}

.result_content,
.sec2.result_content,
.sec3.result_content,
.sec4.result_content,
.sec5.result_content,
.sec6.result_content,
.farm_sec3.result_content,
.farm_sec4.result_content,
.farm_sec5.result_content,
.farm_sec6.result_content,
.farm_sec7.result_content{border-bottom:0 !important; margin: 10px 0 !important; padding-bottom: 10px !important;}
.sec3 .result_textarea_cotent,
.sec5 .result_textarea_cotent,
.sec6 .result_textarea_cotent,
.farm_sec3.result_textarea_cotent
.farm_sec4.result_textarea_cotent
.farm_sec5.result_textarea_cotent
.farm_sec6.result_textarea_cotent
.farm_sec7.result_textarea_cotent{font-size: 24px;}
@keyframes top {
	0%{transform:translateY(30px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes selectme{
	0%{box-shadow:0;}
	50%{box-shadow: 0px 0px 5px 0px rgb(59 80 187 / 62%);}
	100%{box-shadow:0;}
}

body{margin: 0; color:#565656}
body,html{font-family:'NanumGothic'}
.red{color:#d00000 !important;}
.mt5{margin-top: 5px !important;}
#form{background: #fff; padding:20px 20px 20px 20px; max-height: calc(100vh - 176px); overflow: auto;}
.question{font-size:1.17em; border-bottom:1px solid #000}
.question p{margin-bottom:0;}
#certainty p{margin-bottom:0;}
#button{margin-top:20px; text-align: right; height: 50px;}
#button button:first-child{float: left;}
#button button:nth-last-child(-n+2){ margin-left:15px}
/* #answer_list{margin: 10px 0; max-height: 320px; overflow-x: auto;} */
#answer_list{margin: 10px 0;}
#answer_list label{display: inline-flex; align-items: center; border-radius: 100px; padding: 0px 8px; cursor: pointer; transition: .3s;}
#answer_list label:hover,
#answer_list label:focus-within {background: hsla(0, 0%, 80%, .14);}
#answer_list label input{position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; z-index: -1;}
#answer_list label span{display: flex; align-items: center; min-height: 50px; position: relative; padding-right: 5px; box-sizing: border-box;}
#answer_list label span::before {content: ''; display: inline-flex; align-items:center; justify-content:center; border-radius: 100px; position: relative; background: hsl(0, 0%, 90%); transform: scale(1.1); transition: .3s; height: 20px; width: 20px; margin-right: 8px; margin-top: 1px; min-width:20px; min-height: 20px;}
#answer_list label input:checked + span::after{content: '✔'; color: #fff; font-size: 18px; position: absolute; left: 2px;}
#answer_list label input:checked + span::before {background: linear-gradient(to right bottom, hsl(154, 97%, 62%), hsl(225, 97%, 62%));}
#answer_list label input:checked + span {color: hsl(0, 0%, 40%);}
#button button {background: #fff;outline: 0;border: 1px solid #000;border-radius: 3px;padding: 6px 10px; display: inline-flex;align-items: center;vertical-align: top;}
#button button:not(:disabled):hover{background: linear-gradient(to right bottom, hsl(154, 97%, 62%), hsl(225, 97%, 62%)); color:#fff; cursor:pointer;}
#certainty_answer{border: 1px solid #000; border-radius: 3px; width: 309px; height: 28px; margin-top: 2px; border-color: #ddd;}
#result p{border: 1px solid #699ed4; border-radius: 5px; margin-top: 30px; padding: 10px; font-weight: 600;}
#result p:before{content:'#'; margin-right: 3px;}
#comingsoon{background: #fff; height: 500px; display: flex;align-items: center;  justify-content: center;  font-size: 28px;}

#button button img {width: 24px; height: 24px; margin-right: 8px; margin-top: 1px;}
/* #button button:last-child img{transform:rotate(180deg); margin-right: 0; margin-left: 4px;} */
#button button:not(:disabled):hover img {filter: invert(1);}
#button button:disabled img{opacity:.3}


#button a:first-child{float: left;}
#button a:nth-last-child(-n+2){ margin-left:15px}
#button a {background: #fff !important; color:#000 !important; outline: 0; border: 1px solid #000;border-radius: 3px;  padding: 6px 10px; display: inline-flex; align-items: center; vertical-align: top; float: none; height: auto; line-height: normal; min-width: 110px; justify-content: center; min-height: 26px;}
#button a:not(:disabled):hover{background: linear-gradient(to right bottom, hsl(154, 97%, 62%), hsl(225, 97%, 62%)) !important; color:#fff !important; cursor:pointer;}
#button a img {	width: 24px; height: 24px; margin-right: 8px; margin-top: 1px;}
#button a img.revert{transform:rotate(180deg); margin-right: 0; margin-left: 4px;}
#button a:not(:disabled):hover img {filter: invert(1);}
#button a:disabled img{opacity:.3}
#button a#reset{margin-left: 0;}
#button a:only-child{float: right;}
.qa{font-size:1.17em;}
.qa p{margin-bottom: 0; font-weight: 600; font-size: 16px; border-bottom: 1px solid #000; padding-bottom: 7px;}
.qa p:before{content: "Q."; font-size: 20px; font-weight: 600; margin-right:7px}
.ans label{display: inline-flex; align-items: center; border-radius: 100px; padding: 0px 15px; cursor: pointer; transition: .3s; position: relative;}
.ans label:first-child {padding-left: 27px;}
.ans label input[type=radio]{position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; z-index: -1;}
.ans label input[type=number],
.ans label input[type=text]{position: relative; opacity: 1; z-index: 1; width: 50px; border: 0; border-bottom: 1px solid #6A78BF; outline: 0; height: 24px; font-size: 12px; display: none; text-align: center !important; border-radius: 3px 3px 0 0; padding-left: 1px; padding-right: 3px; max-width: initial; box-sizing: content-box; margin-right: 5px;}
.ans label input[type=text]{border:1px solid #000; border-radius:0;}
.ans label input[type=radio] + span{display: flex; align-items: center; min-height: 50px; position: relative; padding-right: 5px; box-sizing: border-box; font-size: 14px; font-weight: normal;}
.ans label input[type=radio] + span:before {content: ''; display: inline-flex; align-items:center; justify-content:center; border-radius: 100px; position: relative; background: hsl(0, 0%, 90%); transform: scale(1.1); transition: .3s; height: 20px; width: 20px; margin-right: 8px; margin-top: 1px; min-width:20px; min-height: 20px;}
.ans label input[type=radio]:checked + span::after{content: '✔'; color: #fff; font-size: 18px; position: absolute; left: 2px;}
.ans label input[type=radio]:checked + span::before {background: linear-gradient(to right bottom, hsl(154, 97%, 62%), hsl(225, 97%, 62%));}
.ans label input[type=radio]:checked + span {color: hsl(0, 0%, 40%);}
.ans label input[type=radio]:checked ~ input[type=number],
.ans label input[type=radio]:checked ~ input[type=text]{display: block;}
.ans label input[type=radio]:checked ~ .acc input,
.ans label input[type=radio]:checked ~ .self_input input {display: block; margin: 0;}
.acc{position:relative;margin-right: 5px;display: none;}
.acc:before{content: '확신도';background: var(--st-color,#47a3da);color: #fff;font-size: 12px;display: flex;align-items: center;justify-content: center;margin-top: 10px;padding: 2px 5px;border-radius: 2px;position:absolute;top: 100%;width: 100%;box-sizing: border-box;}
.acc:after{content: '';display: inline-block;width: 0;height: 0;line-height: normal;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #47a3da;position: absolute;top: calc(100% + 5px);z-index: 0;left: 50%;margin-left: -5px;}
.self_input{position:relative;display: none;}
.self_input:before{content: '직접입력';background: var(--st-color,#47a3da);color: #fff;font-size: 12px;display: flex;align-items: center;justify-content: center;margin-top: 9px;padding: 2px 5px;border-radius: 2px;position:absolute;top: 100%;width: 100%;box-sizing: border-box; white-space: nowrap;}
.self_input:after{content: '';display: inline-block;width: 0;height: 0;line-height: normal;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #47a3da;position: absolute;top: calc(100% + 4px);z-index: 0;left: 50%;margin-left: -5px;}
.lazer {height: 1px;display: block;position: absolute;width: 100%;left: 0;top: 101%;z-index: 100;animation: selectme 1s ease infinite;}
.ans label input[type=radio]:checked ~ .acc,.ans label input[type=radio]:checked ~ .self_input {display: block;}
.flash_ani{animation: selectme 1s ease infinite;}
.layer_container .flash_ele{width: 100%; position: absolute; width: 54px; height: 1px; top: 38px; display: none;}
.flash_ele{width: 100%; position: absolute; width: 54px; height: 1px; top: 38px; display: none;}
.flash_ele:before{content: '확신도'; background: var(--st-color,#47a3da); color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; margin-top: 10px; padding: 2px 5px; border-radius: 2px; font-weight: normal;}
.flash_ele:after{content: ''; display: inline-block; width: 0; height: 0; line-height: normal; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #47a3da; position: absolute; top: calc(100% + 4px); z-index: 0; left: 50%; margin-left: -5px;}
.pop-con .flash_ele{right:20px;}
#pop_tit ~ div .flash_ele{right:20px;}
.modal-body .flash_ele{right:20px;}
.sub .flash_ele{right:11px}
.list_loca_area .ans label input[type=number] + .flash_ele{top: calc(100% - 1px); right: 68px;}
#pop_tit ~ div .list_loca_area .ans label input[type=number] + .flash_ele{right:34px !important}
.list_loca_area .ans label input[type=number] + .flash_ele:before{position: absolute; left: 67px; top: -30px; white-space: nowrap;}
.list_loca_area .ans label input[type=number] + .flash_ele:after{border-right: 5px solid #47a3da; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left:0; position: absolute; top: calc(100% + 4px); z-index: 0; left: 50%; margin-left: -5px; left: 67px; top: -16px;}
.ans label input[type=radio]:checked ~ .flash_ele {display: block;}
.question_list{margin-bottom: 40px; padding: 0 0 10px 0; }
.question_list:not(:first-child){animation: top .6s ease;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.list_loca_area{position: relative; top: -40px; background: #fff; border-radius: 0 0 10px 10px; margin-bottom: 0; display: none;}
.list_loca_area .ans {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-top: 0;}
.list_loca_area .ans label {width: calc(100% / 8); box-sizing: border-box; font-size: 13px; padding: 0 6px; display: block;}
.list_loca_area .ans label input[type=radio] + span{min-height: 32px;}
.list_loca_area .ans label input[type=radio] + span:before{width: 14px; height: 14px; min-width: 14px; min-height: 14px;}
.list_loca_area .ans label input[type=radio]:checked + span::after{font-size: 12px; }
.list_loca_area .ans label input[type=number]{margin-left: 20px;}
.result_content{display: flex; align-items: center; justify-content: space-between; margin-bottom: 67px; padding-bottom: 70px; margin-top:40px}
.result_content>div{display: flex; flex-direction: column; align-items: center; width: 100%; margin-left: 30px;}
.result_content>div:first-child{margin-left: 0;}
.export_review{border-radius: 10px; min-height: 220px; padding: 10px; box-sizing: border-box;}
.result_tit{text-align: center; display: inline-block; position: relative; font-size: 20px;}
.result_textarea{width: 100%; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.result_textarea_cotent{display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; font-weight: 600;}

.result_01:before,
.result_02:before,
.result_03:before,
.result_04:before,
.result_05:before,
.result_06:before{content: ""; display: inline-block; width: 100px; height: 140px; background-size: 100px !important; margin: 3px 3px 6px 3px; right: -20px; top: 50%;}
.export_review_cover{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.export_review_tit {font-weight: 600; font-size: 20px; text-align: center; position: relative; display: inline-block;}
.export_review_tit:before {content: ''; display: inline-block; width: 100%; height: 6px; position: absolute; bottom: -5px; background: #9257b7; z-index: 0; opacity: .5;}
.export_review{width: 100%; border-radius: 10px; min-height: 190px; padding: 20px 30px 10px 30px; box-sizing: border-box; font-size: 14px; line-height: 30px; text-align: center;}
.result_tit b {margin-right: 3px;}
.result_tit:before {content: ''; display: inline-block; width: 100%; height: 6px; position: absolute; bottom: -5px; background: #e81717; z-index: 0; opacity: .5;}
.result_content div:nth-child(2) .result_tit:before {background: #d8db03;}
.result_content div:nth-child(3) .result_tit:before {background: #003de1;}
.disable{opacity: .5; pointer-events:none;}
.question_list.disable{display: none;}
.expert_system_doc ~ .modal .modal-lg{max-width: 1250px !important;}
.expert_system_doc ~ .modal .ans *{font-weight: normal;}
.cert{
    border: 1px solid #565656;
	text-align: center;
	padding: 15px;
	margin: auto;
	margin-top: 20px;
	display: none;
	overflow: hidden;
	position: relative;}
.cert input{
    min-width: 110px;
	border: 0;
	border-bottom: 1px solid #000;
	outline: 0;
	font-size: 14px;
	height: 24px;}
.result_textarea_cotent .red{background-color: transparent !important;}