@charset "utf-8";



/********************************************************

    공통

********************************************************/

/* list 등록갯수 txt */
.list_reg {font-size:20px; gap:10px; font-weight:500; color:#222; display:flex; align-items:flex-end;}
.list_reg span {font-size:23px; font-weight:700;}

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

@media screen and (max-width:1280px) {
    .list_reg {font-size:18px; gap:8px;}
    .list_reg span {font-size:20px;}
}

@media screen and (max-width:1000px) {
    .list_reg {font-size:17px; gap:6px;}
    .list_reg span {font-size:19px;}
}

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

@media screen and (max-width:680px) {
    .list_reg {font-size:16px; gap:4px;}
    .list_reg span {font-size:18px;}
}

@media screen and (max-width:480px) {
    .list_reg {display:block;}
    .list_reg span {display:block;}
}

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


/********************************************************

    sub_main01.링크롤   

********************************************************/

.dash_grid.main01 .dg_data .realtime .section + .section {margin-top:30px !important;}
.dash_grid.main01 .c_card.images .img_main img {height:304px;}
.dash_grid.main01 .chart_card .cc_body {height:509px !important;}

.dg_right .c_card.maturity_level .ml_wrap {display:grid; grid-template-columns: repeat(2, 1fr); gap:40px;}
.dg_right .c_card.maturity_level .ml_item {flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.dg_right .c_card.maturity_level .ml_item.level {background:#f4f4f4; border-radius:20px; padding:30px; text-align:center;}

.c_card.maturity_level .ml_circle {--ml-rate: 0%; position:relative; width:180px; height:180px; border-radius:50%; background: radial-gradient(closest-side, #ffffff 78%, transparent 79% 100%), conic-gradient(#45b2aa 0 var(--ml-rate),#f3f3f3 var(--ml-rate) 100%);}
.c_card.maturity_level .ml_inner {position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.c_card.maturity_level .ml_percent {font-size:36px; font-weight:700; color:#5ab5b0;}
.c_card.maturity_level .ml_percent span {font-size: 0.8em;}
.c_card.maturity_level .ml_label_text {margin-top:6px; font-weight:500;}

.dg_right .c_card.maturity_level .ml_label {}
.dg_right .c_card.maturity_level .ml_value {font-size:60px; color:#0060d6; font-weight:700; line-height:1; margin-top:20px;}
.dg_right .c_card.maturity_level p {font-weight:500; margin-top:10px;}


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

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

@media screen and (max-width:1000px) {
    .c_card.maturity_level .ml_percent {font-size:30px !important;}
}

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

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

@media screen and (max-width:480px) {
    .dg_right .c_card.maturity_level .ml_wrap {grid-template-columns:repeat(1, 1fr);}
    .dg_right .c_card.maturity_level .ml_value {font-size:40px; margin-top:15px;}
}

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

}



/********************************************************

    sub_main03.하다    

********************************************************/

.dash_grid.main03 .dg_data .realtime .section + .section {margin-top:30px !important;}
.dash_grid.main03 .dg_chart .accum .ac_bar_fill.ac_type3 {background:#4f81bd;}
.chart_card .cc_body {height:440px !important;}

.dg_right .c_card.robot_status {}
.dg_right .c_card.robot_status .rs_wrap {display:flex; flex-direction:column; gap:30px;}
.dg_right .c_card.robot_status .rs_wrap .title {font-size:14px; color:#888; margin-bottom:15px;}
.dg_right .c_card.robot_status .rs_inner {display:grid; grid-template-columns: repeat(2, 1fr); text-align:center; gap:15px;}
.dg_right .c_card.robot_status .rs_inner .rs_value {font-size:18px; font-weight:600; margin-top:15px;}

.dg_right .c_card.robot_status .rs_circle {position:relative; width:160px; height:160px; margin:0 auto; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.dg_right .c_card.robot_status .battery_circle {--val: 0; background: radial-gradient(closest-side, #ffffff 78%, transparent 79% 100%), conic-gradient( #4fb2ab 0 calc(var(--val) * 1%), #f3f3f3 calc(var(--val) * 1%) 100%);}

.dg_right .c_card.robot_status .battery_circle .icon {position: absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#4fb2ab; font-size:36px;}
.dg_right .c_card.robot_status .battery_circle .icon i {font-size:40px;}

.rs_circle.dir_circle {position: relative; width: 160px; height: 160px; margin: 0 auto; border-radius: 50%; background: #ffffff; border: 16px solid #f3f3f3;box-sizing: border-box;}
.dir_circle .dir_hand {position: absolute; left: 50%; top: 50%; width: 50px; height: 6px; background: #4fb2ab; border-radius: 999px; transform-origin: 0 50%; transform: translateY(-50%) rotate(var(--dir-angle, 0deg)); transition: transform .3s ease-out;}
.dir_circle .dir_center {position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; background: #4fb2ab; border-radius: 50%; transform: translate(-50%, -50%)}

.rs_tank {width:100%;}
.rs_tank_head {display:flex; justify-content:space-between; align-items:flex-start;}
.rs_tank_head .value {font-weight: 600; color:#4fb2ab; font-size:16px;}
.rs_tank_bar {position: relative; width: 100%; height: 16px; background: #f3f3f3; border-radius: 999px; overflow: hidden;}
.rs_tank_bar .bar_fill {position: absolute; left: 0; top: 0; height: 100%; width: var(--tank-rate, 0%);  background: #4fb2ab; border-radius: 999px;}

.dg_right .c_card.risk .risk_wrap {background:#f9f9f9; border-radius:10px; padding:30px 20px;}
.dg_right .c_card.risk .risk_title p {font-size:18px; font-weight:600; color:#f5ae70; margin-bottom:8px;}
.dg_right .c_card.risk .risk_title span {font-size:13px; color:#888;}
.dg_right .c_card.risk .risk_inner {margin-top:25px; font-size:13px; color:#888; text-align:center;}
.dg_right .c_card.risk .risk_inner p {margin-top:12px;}
.dg_right .c_card.risk .risk_list {margin-top:30px;}
.dg_right .c_card.risk .risk_list li {display:flex; justify-content:space-between;}
.dg_right .c_card.risk .risk_list li + li {border-top:1px solid #eaeaea; padding-top:20px; margin-top:20px;}
.dg_right .c_card.risk .risk_list .label {color:#666;}
.dg_right .c_card.risk .risk_list .value {font-weight:600;}
.dg_right .c_card.risk .risk_list .value.alert {color:#f5ae70;}
.dg_right .c_card.risk .risk_list .value.bad {color:#ea0000;}

.bar_bg {width:100%; height:16px; background:linear-gradient(to right, #4caf50, #ff9800, #f44336); border-radius:999px; position:relative;}
.bar_fill {height:100%; background:transparent; border-radius:999px; transition: width .4s ease;}
.bar_knob {position:absolute; top:50%; width:22px; height:22px; background:#fff; border-radius:50%; border:2px solid #006d80; transform:translate(-50%, -50%); transition: left .4s ease;}



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

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

@media screen and (max-width:1000px) {
    .dg_right .c_card.robot_status .rs_circle {width:130px; height:130px}
    .dir_circle .dir_hand {width:40px;}
    .dg_right .c_card.robot_status .battery_circle .icon i {font-size:32px;}
}

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

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

@media screen and (max-width:480px) {
    .dg_right .c_card.robot_status .rs_inner {grid-template-columns: repeat(1, 1fr);}
}

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


/********************************************************

    sub_main03.에스엠소프트   

********************************************************/

.dash_grid.main04 .dg_data .realtime .section + .section {margin-top:100px !important;}
.dash_grid.main04 .c_card.images .img_main img {height:304px;}

.dg_right .c_card.soil_data {}
.dg_right .c_card.soil_data .sd_wrap {display:grid; grid-template-columns: repeat(2, 1fr); text-align:center; gap:15px;}
.dg_right .c_card.soil_data .sd_item {}
.dg_right .c_card.soil_data .sd_icon {font-size:60px; color:#5ab5b0;}
.dg_right .c_card.soil_data .sd_value {font-size:30px; font-weight:600;}
.dg_right .c_card.soil_data .sd_label {color:#888; margin-top:15px;}

.dg_right .c_card.soil_data .sd_scale {display:flex; justify-content:center; gap:5px; margin-top:30px;}
.dg_right .c_card.soil_data .sd_scale li {width:20px; height:10px; border-radius:999px; background:#e5e7eb;}

/* 각 구간 색 */
.dg_right .c_card.soil_data .sd_scale .lv1 {background:#44a1fb;}
.dg_right .c_card.soil_data .sd_scale .lv2 {background:#ade6c3;}
.dg_right .c_card.soil_data .sd_scale .lv3 {background:#feeebd;}  
.dg_right .c_card.soil_data .sd_scale .lv4 {background:#fed5a9;}  
.dg_right .c_card.soil_data .sd_scale .lv5 {background:#f3afb0;}

.dg_right .c_card.soil_data .sd_scale.humidity .lv1 {background:#cbdff1;}
.dg_right .c_card.soil_data .sd_scale.humidity .lv2 {background:#83badb;}
.dg_right .c_card.soil_data .sd_scale.humidity .lv3 {background:#5aa1cf;}  
.dg_right .c_card.soil_data .sd_scale.humidity .lv4 {background:#084d96;}  
.dg_right .c_card.soil_data .sd_scale.humidity .lv5 {background:#08306b;}  

.soil_data .sd_scale li.active {box-shadow:0 0 0 2px #006d80; background:#fff;}

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

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

@media screen and (max-width:1000px) {
    .dg_right .c_card.soil_data .sd_label {color:#888; margin-top:10px;}
    .dg_right .c_card.soil_data .sd_scale {margin-top:15px;}
}

@media screen and (max-width:760px) {
    .dash_grid.main04 .dg_data .realtime .section + .section {margin-top:30px !important;}
    .dash_grid.main04 .c_card.images .img_main img {height:250px;}
}

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

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

}

@media screen and (max-width:360px) {
    .dg_right .c_card.soil_data .sd_wrap {grid-template-columns: repeat(1, 1fr);}
}


/********************************************************

    sub_main05.에이스퀘어   

********************************************************/

.dash_grid.main05 .dg_data .realtime .section + .section {margin-top:90px !important;}
.dash_grid.main05 .c_card.images .img_main img {height:355px;}

.dg_right .c_card.watering_data .wd_wrap {display:flex; flex-direction:column; gap:15px;}
.dg_right .c_card.watering_data .wd_item {background:#f7f7f7; border-radius:12px; padding:25px 30px; display:flex; align-items:center; justify-content:space-between;}
.dg_right .c_card.watering_data .wd_item.expect {flex-direction:column; align-items:stretch;}
.dg_right .c_card.watering_data .wd_label {}
.dg_right .c_card.watering_data .wd_value {display:flex; align-items:center; gap:3px; color:#888;}
.dg_right .c_card.watering_data .wd_value span {display:flex; align-items:center; justify-content:center;}
.dg_right .c_card.watering_data .wd_value span i {color:#5ab5b0; font-size:30px;}
.dg_right .c_card.watering_data .wd_value .state {}
.dg_right .c_card.watering_data .wd_item.expect .wd_value {font-size:20px; color:#5ab5b0; font-weight:600;}
.dg_right .c_card.watering_data .wd_head {display:flex; justify-content:space-between; margin-bottom:15px;}

.dg_right .c_card.watering_data .watering_bar {position:relative; width:100%; height:20px; background:#fff; border-radius:999px; overflow:hidden;}
.dg_right .c_card.watering_data .bar_fill {position:absolute; left:0; top:0; height:100%; width:var(--watering-rate, 0%); background:#5ab5b0; border-radius:999px;}


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

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

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

}

@media screen and (max-width:760px) {
    .dash_grid.main05 .dg_data .realtime .section + .section {margin-top:30px !important;}
}

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

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

}

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

}



/********************************************************

    sub_main06.하이롬   

********************************************************/

.dash_grid.main06 .dg_data .realtime .section + .section {margin-top:30px !important;}
.dash_grid.main06 .c_card.images .img_main img {height:224px;}

.dg_data .c_card.fall_data {}
.dg_data .c_card.fall_data .fd_chart {display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:10px 0; position:relative;}
.dg_data .c_card.fall_data .fd_chart::before {content: ""; position: absolute; inset: 0; background-image: linear-gradient(to bottom, #e5e7eb 1px, transparent 1px); background-size: 100% 52px; pointer-events: none; z-index: 0;}
.dg_data .c_card.fall_data .fd_col {display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 1 1 0;}
.dg_data .c_card.fall_data .fd_top {font-size:10px; color:#888;}
.dg_data .c_card.fall_data .fd_bottom {font-size:13px; color:#666;}

.dg_data .c_card.fall_data .fd_bar_wrap {height:145px; display:flex;align-items:flex-end;}

.dg_data .c_card.fall_data .fd_bar_bg {position: relative; width: 40px; height: 100%; background: #eef0f3; overflow: hidden; border-top-left-radius:7px; border-top-right-radius:7px;}
.dg_data .c_card.fall_data .fd_bar_fill {position: absolute; left: 0; bottom: 0; width: 100%; background: #4f81bd; display: block; border-top-left-radius:7px; border-top-right-radius:7px;}

.dg_data .c_card.fall_data .fd_summary {text-align:center;}
.dg_data .c_card.fall_data .fd_total {font-size:24px; font-weight:700; color:#6794dc; margin-bottom:20px; margin-top:30px;}
.dg_data .c_card.fall_data .fd_desc {color:#666;}

.dg_right .c_card.environment {}
.dg_right .c_card.environment .en_wrap {display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
.dg_right .c_card.environment .en_item {background:#fff; border-radius:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding-top:25px; text-align:center;}
.dg_right .c_card.environment .en_item.tem {background:#f8ece1;}
.dg_right .c_card.environment .en_item.hum {background:#f5f7fa;}

.dg_right .c_card.environment .en_item.tem i {color:#f5ae70; font-size:40px;}
.dg_right .c_card.environment .en_item.hum i {color:#67b7dc; font-size:40px;}

.en_gauge {position: relative; width:140px; margin: 0 auto;}
.en_gauge canvas {width: 100% !important; height: 100% !important; display: block;}

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

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

@media screen and (max-width:1000px) {
    .dg_data .c_card.fall_data .fd_chart {gap:5px;}
    .dg_data .c_card.fall_data .fd_bar_bg {width:30px;}
    .dg_right .c_card.environment .en_wrap {grid-template-columns: repeat(1, 1fr);}


}

@media screen and (max-width:760px) {
    .dg_data .c_card.fall_data .fd_bar_bg {width:40px;}
    .dg_right .c_card.environment .en_wrap {grid-template-columns: repeat(2, 1fr);}
}

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

@media screen and (max-width:480px) {
    .dg_data .c_card.fall_data .fd_bar_bg {width:30px;}
    .dg_right .c_card.environment .en_wrap {grid-template-columns: repeat(1, 1fr);}

}

@media screen and (max-width:360px) {
    .dg_data .c_card.fall_data .fd_chart {gap:0px;}
    .dg_data .c_card.fall_data .fd_bar_bg {width:20px;}

}




/********************************************************

    sub_main07.아이웍스  

********************************************************/

.dg_right .ai_result {display:flex; gap:25px;}

.dg_right .ai_result div {}
.dg_right .ai_result div img {width:290px; height:220px; border-radius:5px;}

.dg_right .ai_result ul {display:grid; gap:25px;}
.dg_right .ai_result ul li {}
.dg_right .ai_result ul li p {color:#222; font-weight:400; font-size:16px; margin-bottom:0;}
.dg_right .ai_result ul li p:first-child {color:#999; margin-bottom:5px;}


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

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

@media screen and (max-width:1000px) {
    .dg_right .ai_result div img {width:240px; height:180px;}

    .dg_right .ai_result ul {gap:20px;}
    .dg_right .ai_result ul li p:first-child {margin-bottom:3px;}
}

@media screen and (max-width:860px) {
    .dg_right .ai_result {display:block;}

    .dg_right .ai_result div img {width:100%; height:160px;}

    .dg_right .ai_result ul {margin-top:10px; gap:10px;}
    .dg_right .ai_result ul li {display:flex; justify-content:space-between;}
    .dg_right .ai_result ul li p:first-child {margin-bottom:0;}

    .dg_right .head.mg20 {margin-bottom:20px !important;}
}

@media screen and (max-width:760px) {
    .dg_right .ai_result div img {height:260px;}
}

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

@media screen and (max-width:480px) {
    .dg_right .ai_result div img {height:220px;}
}

@media screen and (max-width:360px) {
    .dg_right .ai_result div img {height:180px;}
}





/********************************************************

    sub_main09.리눅스아이티   

********************************************************/

.dash_grid.main09 .dg_col .head {margin-bottom:25px !important;}
.dash_grid.main09 .c_card.images .img_main img {height:346px;}

.dg_right .c_card.driving_data {}
.dg_right .c_card.driving_data .dd_wrap {display:grid; grid-template-columns:repeat(2,1fr); gap:40px;}

.dg_right .c_card.driving_data .dd_info {text-align:right;}
.dg_right .c_card.driving_data .dd_info .dd_item {display:flex; flex-direction:column; gap:7px;}
.dg_right .c_card.driving_data .dd_info .dd_item + .dd_item {margin-top:20px;}
.dg_right .c_card.driving_data .dd_info .label {color:#666;}
.dg_right .c_card.driving_data .dd_info .value {font-weight:500;}
.dg_right .c_card.driving_data .dd_info .battery {font-weight:500; display:flex; align-items:center; justify-content:flex-end; gap:10px;}
.dg_right .c_card.driving_data .dd_info .battery span {display:flex; align-items:center;}
.dg_right .c_card.driving_data .dd_info .dd_bar_bg {position:relative; width:100%; height:7px; background:#f4f4f4; overflow:hidden;}
.dg_right .c_card.driving_data .dd_info .dd_bar_fill {position:absolute; left:0; top:0; height:100%; background:#04b800;}
.dg_right .c_card.driving_data .dd_circle {position:relative; aspect-ratio: 1 / 1; border-radius:50%; border:2px solid #def5ff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.dg_right .c_card.driving_data .dd_circle::before {content:""; position:absolute; inset:8px; border-radius:50%; border:3px solid #67b7dc;}
.dg_right .c_card.driving_data .dd_circle .label {font-weight:500; color:#666; margin-top:8px;}
.dg_right .c_card.driving_data .dd_circle .state {font-size:40px; font-weight:700;}

@media screen and (max-width:1680px) {
    .dg_right .c_card.driving_data .dd_wrap {align-items:center;}
    .dash_grid.main09 .c_card.images .img_main img {height:250px;}
    .dg_right .c_card.driving_data .dd_info .dd_item + .dd_item {margin-top:40px;}
    .dg_right .c_card.driving_data .dd_circle {width:300px;}
}

@media screen and (max-width:1400px) {
    .dash_grid.main09 .c_card.images .img_main img {height:300px;}
    .dg_right .c_card.driving_data .dd_circle {width:250px;}
}

@media screen and (max-width:1280px) {
    .dash_grid.main09 .dg_data .realtime .section + .section {margin-top:35px !important;}
    .dg_right .c_card.driving_data .dd_circle {width:200px;}
    .dg_right .c_card.driving_data .dd_info .dd_item + .dd_item {margin-top:30px;}
}

@media screen and (max-width:1000px) {
    .dg_right .c_card.driving_data .dd_circle {width:180px;}
    .dg_right .c_card.driving_data .dd_info .dd_item + .dd_item {margin-top:20px;}
    .dg_right .c_card.driving_data .dd_wrap {gap:5px}
}

@media screen and (max-width:760px) {
    .dg_right .c_card.driving_data .dd_circle {width:250px;}
}

@media screen and (max-width:680px) {
    .dg_right .c_card.driving_data .dd_circle {width:180px;}
}

@media screen and (max-width:480px) {
    .dg_right .c_card.driving_data .dd_circle {margin:0 auto;}
    .dg_right .c_card.driving_data .dd_wrap {grid-template-columns:repeat(1,1fr); gap:20px;}
    .c_card.driving_data .dd_info {text-align:center !important;}
    .dg_right .c_card.driving_data .dd_info .battery {justify-content:flex-start;}
}

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


/********************************************************

    sub_main10.에이치엠씨

********************************************************/

.dg_right .c_card.cctv .cctv_wrap {width:100%; aspect-ratio: 16 / 9; border-radius:10px; overflow:hidden;}
.dg_right .c_card.cctv .cctv_wrap .cctv_video {width:100%; height:100%; display:block; object-fit:cover;}

.dg_right .entire_font {background:#f5f5f5; border-radius:5px; padding:15px 20px; margin-bottom:20px; display:flex; justify-content:space-between;}
.dg_right .entire_font p {font-weight:500; color:#666; font-size:16px;}
.dg_right .entire_font p span {font-weight:700; color:#222; font-size:20px; margin-right:4px;}

.dg_right .crop {width:100%; height:250px;}

.dg_right .dd_weight {}


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

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

@media screen and (max-width:1000px) {
    .dg_right .entire_font {padding:12px 20px;}
    .dg_right .entire_font p span {font-size:18px !important;}
}

@media screen and (max-width:760px) {
    .dg_right .entire_font p span {font-size:16px !important;}
}

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

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

@media screen and (max-width:360px) {
    .dg_right .entire_font p span {font-size:15px !important;}
}



/********************************************************

    sub_main11.무한정보기술

********************************************************/

.dash_grid.main11 .dg_data .realtime .section + .section {margin-top:90px !important;}

.drone_data {}
.drone_data .dd_startup {display:flex; justify-content:space-between; gap:10px;}
.drone_data .dd_startup li {background:#f5f7fa; border-radius:10px; padding:20px; width:100%;}
.drone_data .dd_startup li div {display:flex; align-items:flex-start; justify-content:space-between;}
.drone_data .dd_startup li div span {}
.drone_data .dd_startup li div span img {}
.drone_data .dd_startup li div span.ds_col {display:block; width:10px; height:10px; border-radius:50%; background:#0060d6;}

.drone_data .dd_startup li h3 {color:#6771dc; font-weight:700; font-size:24px; margin:8px 0 20px;}
.drone_data .dd_startup li:first-child h3 {color:#0060d6;}
.drone_data .dd_startup li p {color:#999; font-weight:400; font-size:16px;}

.drone_data .dd_flight {}
.drone_data .dd_flight .df_speed {background:#f5f7fa; border-radius:10px; padding:20px;}
.drone_data .dd_flight .df_speed li {display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e8ebef; padding:15px 0;}
.drone_data .dd_flight .df_speed li:first-child {padding-top:0;}
.drone_data .dd_flight .df_speed li:last-child {border-bottom:none; padding-bottom:0;}
.drone_data .dd_flight .df_speed li p {color:#222; font-weight:700; font-size:16px;}
.drone_data .dd_flight .df_speed li p:first-child {font-weight:400;}

.drone_data .dd_flight .df_altitude {display:flex; justify-content:space-between; gap:10px; margin-top:10px;}
.drone_data .dd_flight .df_altitude li {background:#f5f7fa; border-radius:10px; padding:20px; width:100%;}
.drone_data .dd_flight .df_altitude li p {font-size:24px; font-weight:700; color:#67b7dc;}
.drone_data .dd_flight .df_altitude li:last-child p {color:#5ab5b0;}

.drone_data .dd_flight .df_altitude li p:first-child {display:flex; align-items:center; color:#666; font-weight:400; font-size:16px; margin-bottom:40px;}
.drone_data .dd_flight .df_altitude li p img {margin-right:8px;}

.drone_data .dd_battery {}
.drone_data .dd_battery ul {display:flex; justify-content:space-between; gap:10px; margin-top:10px;}
.drone_data .dd_battery ul li {background:#f5f7fa; border-radius:10px; padding:20px; width:100%;}
.drone_data .dd_battery ul li p {font-size:24px; font-weight:700; color:#f49000;}
.drone_data .dd_battery ul li:last-child p {color:#f07100;}

.drone_data .dd_battery ul li p:first-child {display:flex; align-items:center; font-weight:400; color:#666; font-size:16px; margin-bottom:65px;}
.drone_data .dd_battery ul li p img {margin-right:8px}

.drone_data h4 {font-weight:600; font-size:16px; margin:35px 0 10px;}
.drone_data ul li p img {max-height:25px;}

.c_card.images .img_main.dg01 img {height:380px;}
.c_card.images .thumb_wrap.dg02 .thumb_btn img {width:120px; height:90px;}



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

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

@media screen and (max-width:1000px) {
    .drone_data .dd_startup li h3, .drone_data .dd_flight .df_altitude li p, .drone_data .dd_battery ul li p {font-size:20px !important;}
    .drone_data .dd_startup li p, .drone_data .dd_flight .df_speed li p, .drone_data .dd_flight .df_altitude li p:first-child, .drone_data .dd_battery ul li p:first-child, .drone_data h4 {font-size:15px !important;}

    .drone_data .dd_battery ul li p:first-child {margin-bottom:70px;}

    .c_card.images .img_main.dg01 img {height:360px;}
    .c_card.images .thumb_wrap.dg02 .thumb_btn img {width:100px; height:80px;}
}

@media screen and (max-width:760px) {
    .dash_grid.main11 .dg_data .realtime .section + .section {margin-top:30px !important;}

    .drone_data .dd_startup li h3, .drone_data .dd_flight .df_altitude li p, .drone_data .dd_battery ul li p {font-size:18px !important;}
    .drone_data .dd_startup li p, .drone_data .dd_flight .df_speed li p, .drone_data .dd_flight .df_altitude li p:first-child, .drone_data .dd_battery ul li p:first-child, .drone_data h4 {font-size:14px !important;}

    .drone_data .dd_flight .df_altitude li p:first-child, .drone_data .dd_battery ul li p:first-child {margin-bottom:20px;}

    .c_card.images .img_main.dg01 img {height:250px;}
}

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

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

@media screen and (max-width:360px) {
    .drone_data .dd_startup {display:block;}
    .drone_data .dd_startup li:first-child {margin-bottom:10px;}

    .drone_data .dd_flight .df_altitude, .drone_data .dd_battery ul {display:block; margin-top:10px;}
    .drone_data .dd_flight .df_altitude li p:first-child, .drone_data .dd_battery ul li p:first-child {margin-bottom:10px;}
    .drone_data .dd_flight .df_altitude li:first-child, .drone_data .dd_battery ul li:first-child {margin-bottom:10px;}
}


/********************************************************

    sub_main12.아이엠알

********************************************************/

.dash_grid.main12 .dg_data .realtime .section + .section {margin-top:60px !important;}
.dash_grid.main12 .c_card.images .img_main img {height:199px;}

.dg_right .c_card.soil_envi .se_wrap {}
.dg_right .c_card.soil_envi .se_top {display:flex; gap:10px;}
.dg_right .c_card.soil_envi .se_mid {display:flex; gap:10px;margin-top:10px}
.dg_right .c_card.soil_envi .se_mid .se_item {display:flex; align-items:center; justify-content:space-between;}
.dg_right .c_card.soil_envi .se_bottom {background:#f5f7fa; border-radius:8px; padding:10px; display:flex; align-items:center; justify-content:center; margin-top:10px;}

.dg_right .c_card.soil_envi .se_item {flex:1; padding:20px; border:1px solid #eeeeee; border-radius:10px;}
.dg_right .c_card.soil_envi .se_item .label {}
.dg_right .c_card.soil_envi .se_item .value {font-size:24px; font-weight:600; text-align:right;}
.dg_right .c_card.soil_envi .se_item .unit {font-size:18px; font-weight:400; margin-left:5px;}

.dg_right .c_card.soil_envi .se_item .se_bar_track {position:relative; width:100%; height:16px; background:#eaeaea; border-radius:999px;}
.dg_right .c_card.soil_envi .se_item .se_bar_fill {position:absolute; left:0; top:0; height:100%; background:#eaeaea; border-radius:999px;}
.dg_right .c_card.soil_envi .se_item.temp .se_bar_fill {background:#f5ae70;}
.dg_right .c_card.soil_envi .se_item.hum .se_bar_fill {background:#0060d6;}


@media screen and (max-width:1800px) {
    .dg_right .c_card.soil_envi .se_mid {flex-direction:column;}
}

@media screen and (max-width:1600px) {
    .dg_right .c_card.soil_envi .se_mid {flex-direction:row;}
}

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

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

@media screen and (max-width:1000px) {
    .dg_right .c_card.soil_envi .se_mid {flex-direction:column;}
}

@media screen and (max-width:760px) {
    .dash_grid.main12 .dg_data .realtime .section + .section {margin-top:30px !important;}
}

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

@media screen and (max-width:480px) {
    .dg_right .c_card.soil_envi .se_top {flex-direction:column;}

}

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



/********************************************************

    sub_main13.코리아노바

********************************************************/

.dash_grid.main13 .dg_data .realtime .section + .section {margin-top:60px !important;}
.dash_grid.main13 .dg_col .c_card.accum .head {margin-bottom:30px;}

.dg_right .c_card.illum_data {display:flex; flex-direction:column;}
.dg_right .c_card.illum_data .id_wrap {display:grid; grid-template-columns: repeat(4,1fr); gap:10px; flex:1;}
.dg_right .c_card.illum_data .id_item {display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; background:#fafafa; border-radius:10px; padding:20px; height:100%; border:2px solid transparent; box-sizing:border-box; transition: all 0.25s ease;}
.dg_right .c_card.illum_data .id_item .label {color:#666;}
.dg_right .c_card.illum_data .id_item .state {font-size:20px; font-weight:600;}
.dg_right .c_card.illum_data .id_item.on .state {color:#5ab5b0;}
.dg_right .c_card.illum_data .id_item.off .state {color:#888888;}
.dg_right .c_card.illum_data .id_item.off img {filter: grayscale(1) brightness(0.84);}

/* 마우스오버 */
/* .dg_right .c_card.illum_data .id_item:hover {background:#f5f5f5; border:2px solid #bad8d6} */


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

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

@media screen and (max-width:1000px) {
    .dg_right .c_card.illum_data .id_wrap {grid-template-columns: repeat(2,1fr);}
}

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

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

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

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



/********************************************************

    sub01_실증지관리view

********************************************************/

.con_view.test_view {}
.con_view.test_view .cv_grid {display:grid; grid-template-columns:240px 1fr; gap:60px;}
.con_view.test_view .cv_grid .cv_content {}
.con_view.test_view .cv_grid .cv_wrap {display:grid; grid-template-columns:560px 1fr; gap:30px;}
.con_view.test_view .cv_grid .info_box {display:flex; flex-direction:column; gap:30px;}
.con_view.test_view .cv_grid .cv_info {background:#fff; }

.con_view.test_view .test_list {}
.con_view.test_view .test_list ul {display:flex; flex-direction:column; gap:10px;}
.con_view.test_view .test_list li {display:flex; flex-direction:column; gap:10px; background:#fff; border:1px solid #fff; box-sizing:border-box; border-radius:8px; transition:all 0.25s ease;}
.con_view.test_view .test_list li a {padding:20px;}
.con_view.test_view .test_list li.active {background:#e9f2f4; border-color:#006d80; font-weight:500;}
.con_view.test_view .test_list .testAdd_btn {width:100%; background:#888888; color:#fff; font-weight:500; border-radius:8px; margin-top:30px; padding:20px; transition:all 0.25s ease;}
.con_view.test_view .test_list li:hover {background:#e9f2f4; border-color:#006d80;}
.con_view.test_view .test_list .testAdd_btn:hover {background:#818181 ;}

.con_view.test_view .info_box .ti_group {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.con_view.test_view .info_box .ti_group + .ti_group {margin-top:20px;}
.con_view.test_view .info_box .ti_group.col1 {grid-template-columns:1fr;}
.con_view.test_view .info_box .ti_item {display:flex; flex-direction:column; gap:7px;}
.con_view.test_view .info_box .ti_input {height:46px;}
.con_view.test_view .info_box .ti_input::placeholder {color:#444}
.con_view.test_view .info_box .ti_textarea {color:#444; border:1px solid #dddddd; min-height:100px; padding:15px 20px; font-size:16px;}
.con_view.test_view .info_box .ti_textarea::placeholder {color:#444; font-size:16px;}

.con_view.test_view .tv_photo {height:100%; overflow:hidden; border-radius:10px;}
.con_view.test_view .tv_photo img {width:100%; height:100%; object-fit:cover; object-position:center; display:block;}

/* con view 영역 */
.con_view {margin-top:35px;}

.con_view .cv_grid {display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; align-items:start;}

.con_view .cv_photo {height:100%; overflow:hidden; border-radius:10px;}
.con_view .cv_photo img {width:100%; height:100%; object-fit:cover; object-position:center; display:block;}
.con_view .cv_info {}
.con_view .cv_info .cv_formgrid {display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.con_view .cv_info .cv_field {display:flex; flex-direction:column; gap:8px;}

.con_view .cv_info .cv_field.full {grid-column:1/-1;}
.con_view .cv_wrap {display:flex; flex-direction:column;}
.con_view .cv_group + .cv_group {margin-top:20px;}
.con_view .cv_data .label {font-size:16px; color:#888; font-weight:400; margin-bottom:8px;}
.con_view .cv_data .cv_badges {display:grid; grid-template-columns:repeat(3,minmax(120px, 1fr)); gap:10px 15px;}
.con_view .cv_data .cv_badge {justify-content:center; padding:10px 20px; border:1px solid #dddddd; color: #444; transition: all 0.3s ease;}

.cv_info[data-mode="view"] .cv_field input {background-color:#f1f3f5;}
.cv_info[data-mode="edit"] .cv_field input:focus {border-color:#2ba9a0; outline:none;}

/* 보기모드일때 선택되지 않은 데이터는 숨김처리 */
.cv_data[data-mode="view"] .cv_badge[data-checked="false"] {display:none;}
.cv_data[data-mode="view"] .cv_badge {pointer-events:none; cursor:default; border-color:#dddddd; color:#444;}

/* 수정모드(edit) — 선택된 항목만 강조 */
.cv_data[data-mode="edit"] .cv_badge[data-checked="true"] {border-color:#006d80; color:#006d80; background:#f5fafb; justify-content: center;}

.con_view.test_view .cv_content,
.con_view.test_view .info_box,
.con_view.test_view .tv_photo,
.con_view.test_view .c_card {min-width:0;}

.con_view.test_view .ti_input,
.con_view.test_view .ti_textarea{width:100%; min-width:0; max-width:100%;box-sizing:border-box;}

@media screen and (max-width:1700px) {
    .con_view.test_view .cv_grid .cv_wrap {grid-template-columns:480px 1fr; gap:10px;}
}


@media screen and (max-width:1600px) {
    .con_view.test_view .cv_grid .cv_wrap {grid-template-columns:1fr; gap:30px;}
}


@media screen and (max-width:1400px) {
    .con_view .cv_grid {gap:30px;}
}

@media screen and (max-width:1280px) {
    .con_view .cv_grid {grid-template-columns:1fr 1fr; grid-template-rows:auto auto; grid-template-areas:"photo info" "data data"; gap:25px;}
    .con_view .cv_photo {grid-area:photo;}
    .con_view .cv_info {grid-area:info;}
    .con_view .cv_data {grid-area:data;}
    /* .con_view .cv_wrap {display:grid; grid-template-columns:repeat(2,1fr); gap:15px 50px;}
    .con_view .cv_group + .cv_group {margin-top:0px;} */
    .con_view .cv_data .cv_badges {grid-template-columns:repeat(3, minmax(120px, 1fr));}


    .con_view.test_view .cv_grid {grid-template-columns:190px 1fr; gap:30px;}
    
}

@media screen and (max-width:1000px) {
    .con_view {margin-top:20px;}
    .con_view .cv_grid {grid-template-columns:1fr; grid-template-rows:auto; grid-template-areas:"photo" "info" "data"; gap:20px;}
    .con_view .cv_info .cv_formgrid {gap:15px;}

    .con_view.test_view .cv_grid {grid-template-columns:1fr;}
    .con_view.test_view .test_list li {padding:15px; font-size:14px;}
    .con_view.test_view .test_list .testAdd_btn {padding:15px; margin-top:15px; font-size:14px;}
    .con_view.test_view .info_box .ti_textarea::placeholder {font-size:15px;}
    .con_view.test_view .info_box .ti_textarea {font-size:15px;}
}

@media screen and (max-width:760px) {
    .con_view .cv_info .cv_formgrid {grid-template-columns:1fr; gap:10px;}
}

@media screen and (max-width:680px) {
    .con_view .cv_data .cv_badges {grid-template-columns:repeat(3,minmax(120px, 1fr));}
    .con_view.test_view .info_box .ti_group {grid-template-columns: 1fr;}
    .con_view.test_view .info_box .ti_textarea::placeholder {font-size:14px;}
    .con_view.test_view .info_box .ti_textarea {font-size:14px;}

}

@media screen and (max-width:480px) {
    .con_view {margin-top:15px;}
    .con_view .cv_data .cv_badges {grid-template-columns:repeat(2,minmax(120px, 1fr));}
    .con_view .cv_data .cv_group + .cv_group {margin-top:15px}

    .con_view.test_view .test_list li {padding:12px;}
    .con_view.test_view .test_list .testAdd_btn {padding:12px;}
}

@media screen and (max-width:360px) {
    .con_view .cv_data .cv_badge {flex:1;}
    .con_view .cv_data .cv_badges {grid-template-columns:repeat(1,minmax(120px, 1fr));}
    .con_view.test_view .test_list li {font-size:13px;}
    .con_view.test_view .info_box .ti_textarea::placeholder {font-size:13px;}
    .con_view.test_view .info_box .ti_textarea {font-size:13px;}

}



/********************************************************

    sub01_실증지관리write

********************************************************/


.con_regi .exp_site {width:1280px;}
.con_regi .c_card.exp_site h5 {margin-bottom:40px;}

.con_regi .curr_site {}
.con_regi .curr_site .site_list {display:flex; flex-direction:row; gap:10px; margin-bottom:50px;}
.con_regi .curr_site .site_list li {border:1px solid #ddd; border-radius:4px; padding:10px 20px;}

.con_regi .exp_site_list {display:flex; flex-direction:column;}
.con_regi .exp_site_list .exp_site_item + .exp_site_item {border-top:1px dashed #888; margin-top:50px; padding-top:50px;}
.con_regi .tr_group.col2 {display:grid; grid-template-columns: 3fr 1.1fr;}
.con_regi .tr_group .tr_item {display:flex; flex-direction:column; gap:15px;}
.con_regi .exp_site .tr_search {background:#006d80; color:#fff; transition:all 0.25s ease;}
.con_regi .exp_site .tr_search:hover {background:#015a69; color:#fff;}
.con_regi .tr_group.half {display:grid; grid-template-columns: repeat(2, 1fr);}
.con_regi .tr_group.half .tr_item .add_grid {display:grid; grid-template-columns:1fr 160px;}
.con_regi .map_box {position:relative; width:100%; height:325px; border-radius:12px; border:1px solid #dddddd; overflow:hidden;}
.con_regi .map_canvas {position:absolute; inset:0; background:#fafafa;}

/* 퍼블리싱용 그리드 배경 -- 필요 없으면 이 before만 삭제하면 됨 */
.map_canvas::before {content:""; position:absolute; inset:0; background-image: linear-gradient(to right, rgba(0,0,0,0.03) 1px, transparent 1px),linear-gradient(to bottom, rgba(0,0,0,0.03) 1px, transparent 1px); background-size:50px 50px;}
.con_regi .map_marker {position:absolute; left:50%; top:50%; transform:translate(-50%, -60%) rotate(-45deg); width:22px; height:22px; border-radius:50% 50% 50% 0; background:#006d80;}
.con_regi .map_marker::after {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); width:6px; height:6px; border-radius:50%;background:#fff;}
.con_regi .map_ctrl {position:absolute; right:16px; bottom:30px; display:flex; flex-direction:column; gap:8px;}
.con_regi .map_ctrl .map_btn {width:35px; height:35px; border-radius:50%; border:none; background:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.con_regi .map_ctrl .map_btn i {font-size:16px; color:#555;}
.con_regi .map_ctrl .map_btn:hover i {color:#006d80;}

.con_regi .field_map_info {margin-top:20px; display:flex; align-items:center;}
.con_regi .field_map_info .coord_label {font-weight:500;}
.con_regi .field_map_info .coord_value {margin-left:6px; color:#bfbfbf;}
.con_regi .field_map_info .coord_divider {margin:0 12px; color:#cfcfcf;}

.con_regi .add_grid {display:grid; grid-template-columns: 1fr 160px;gap:10px;align-items:center;}
.con_regi .add_grid .add_input_wrap,
.con_regi .add_grid .add_select_wrap {width:100%;}
.con_regi .add_grid .add_btn {height:50px; border-radius:7px; border:1px solid #006d80; background:#006d80; color:#fff;}
.con_regi .add_grid .add_btn:hover {background:#005668; border-color:#005668;}

/* 커스텀 셀렉트 */
.add_select {position:relative; width:100%;}
.add_selected {width:100%; height:50px; padding:0 40px 0 12px; border-radius:7px; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-size:14px; color:#333; text-align:left; cursor:pointer; display:flex; align-items:center;}
.add_selected[data-value=""] {color:#afafaf;}
.add_selected::after {content:""; position:absolute; right:12px; top:50%; transform:translateY(-50%); width:10px; height:6px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%23999'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center;}
.add_options {position:absolute; left:0; top:100%; margin:4px 0 0; padding:6px 0; width:100%; max-height:220px; overflow-y:auto; box-sizing:border-box; background:#fff; border-radius:7px; border:1px solid #ddd; z-index:50; list-style:none; display:none;}
.add_select.is_open .add_options {display:block;}
.add_options li {display:flex; align-items:center; justify-content:space-between; padding:8px 12px; font-size:14px; color:#333; cursor:default;}
.add_options li .opt_text {flex:1; margin-right:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.add_options li .opt_del {border:none; background:transparent; font-size:14px; color:#bbb; cursor:pointer; padding:0 2px;}
.add_options li .opt_del:hover {color:#ff5b5b;}
.add_options li.is_selected {background:#e6f5f7; color:#006d80;}
.add_options li:hover {background:#f3f7f8;}

.con_regi .tr_group .tr_item .add_wrap {display:flex; justify-content:space-between; align-items:flex-start; gap:10px;}
.con_regi .tr_group .tr_item .add_box {display:flex; flex-direction:column; flex:1; gap:10px;}
.con_regi .tr_group .tr_item .add_wrap .add_btn {width:160px; height:50px; border-radius:7px; border:1px solid #006d80; background:#006d80; color:#fff; transition:all 0.25s ease;}
.con_regi .tr_group .tr_item .add_wrap .add_btn:hover {background:#015a69;}

.con_regi .c_card.exp_site .btn_wrap {margin-top:60px; margin-bottom:30px;}
.con_regi .c_card.exp_site .btn_wrap .btnAdd {background:#006d80; border-radius:7px; height:50px; width:160px;;}

/* 공통 입력 구조 */
.con_regi .tr_group {display:flex; flex-direction:column; gap:15px;}
.con_regi .tr_label {font-size:16px; color:#222 !important; font-weight:400; cursor:default; position:relative; width:max-content;}
.con_regi .tr_label.is_required::after {content:""; position:absolute; top:4px; right:-10px; width:6px; height:6px; border-radius:50%; background:#006d80;}

.con_regi .tr_input {width:100%; height:50px; border-radius:6px;}
.con_regi .tr_input::placeholder {color:#aaaaaa;}
.con_regi .tr_input:focus {border-color:#006d80; outline:none;}
.con_regi .tr_content .tr_textarea:focus {border-color:#006d80; outline:none;}
.con_regi .tr_group + .tr_group {margin-top:50px;}

/* 주소 입력 + 지도 영역 */
.con_regi .tr_addr {display:grid; grid-template-columns:1fr 50px; gap:8px;}
.con_regi .tr_search {border:1px solid #e2e8f0; background:#006d80; border-radius:7px;}

.con_regi .tr_addrmap .tr_mapwrap {display:flex; flex-direction:column; gap:20px; margin-top:5px;}
.con_regi .tr_map {height:325px; overflow:hidden; background:#f3f4f6; border:1px solid #e6ebf0; border-radius:10px; transition:height .25s ease, opacity .25s ease;}
.con_regi .tr_addrmap[data-has-map="true"] .tr_map {height:260px; opacity:1;}

.con_regi .tr_latlng {font-size:14px; color:#666; display:flex; gap:10px; align-items: center;}
.con_regi .tr_latlng p {display:flex; align-items:center;}
.con_regi .tr_latlng .bar {color:#ccc; font-size:13px; line-height:1;}
.con_regi .tr_latlng b {color:#111; font-weight:500;}

/* 실증과제 추가 영역 */
.con_regi .tr_addtask .tr_addr {grid-template-columns:1fr 80px;}
.con_regi .tr_addtask .tr_btn.tr_add {background:#006d80; color:#fff; border:none; border-radius:6px; font-size:15px; transition:all 0.2s ease;}
.con_regi .tr_addtask .tr_btn.tr_add:hover {background:#038c8c;}
.con_regi .tr_addtask .tr_list {margin-top:12px;}
.con_regi .tr_addtask .tr_list ul {display:flex; flex-direction:column; gap:8px;}
.con_regi .tr_addtask .tr_list li {display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; background:#f8f9fb; border:1px solid #e6ebf0; border-radius:8px; padding:10px 12px; transition:background 0.2s;}
.con_regi.tr_addtask .tr_list li:hover {background:#f1f4f8;}

/* 과제명 */
.con_regi .tr_addtask .name {font-size:15px; color:#222; font-weight:400;}
.con_regi .tr_addtask .name_edit {display:none; width:100%; height:34px; padding:0 8px; border:1px solid #ccc; border-radius:6px; font-size:15px;background:#fff;}
.con_regi .tr_addtask li.editing .name {display:none;}
.con_regi .tr_addtask li.editing .name_edit {display:block;}

/* 버튼 그룹 */
.con_regi .tr_addtask .act {display:flex; gap:8px;}
.con_regi .tr_addtask .act button {display:flex; justify-content:center; align-items:center; width:34px; height:34px; border:1px solid #d9dde3; background:#fff; border-radius:6px; font-size:14px; cursor:pointer; color:#333; transition:all 0.2s;}
.con_regi .tr_addtask .act button:hover {background:#eef3f6; color:#006d80;}

/* 비고영역 */
.con_regi .tr_remarks {margin-top:50px;}
.con_regi .tr_remarks .tr_textarea {min-height:125px; border-radius:5px; border-color:#e2e8f0; padding:10px; resize:vertical; font-size:16px;}
.con_regi .tr_remarks .tr_textarea::placeholder {color:#aaa;}

.con_regi .tr_group.goal_row {display:grid; grid-template-columns: 180px 1fr 140px 195px;}

.goal_wrap {margin-top:50px;}
.goal_wrap .quant_list .tr_group + .tr_group {margin-top:20px;}
.goal_wrap .tr_label {margin-bottom:15px;}
.goal_btn_wrap {margin-top:30px; text-align:center;}
.goal_add_btn {min-width:140px; height:44px; padding:0 20px; border:none; border-radius:6px; background:#006d80; color:#fff; font-size:15px; cursor:pointer;}
.goal_add_btn:hover {background:#005668;}


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

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

@media screen and (max-width:1000px) {
    .con_regi .tr_group {gap:10px;}
    .con_regi .tr_addtask .tr_addr {grid-template-columns:1fr 70px;}
    .con_regi .tr_group.goal_row {grid-template-columns: 120px 1fr 120px 175px;}
    .con_regi .tr_label {font-size:15px;}

    .con_regi .tr_group.col2 {grid-template-columns:2fr 1fr;}
}

@media screen and (max-width:760px) {
    .con_regi .tr_input {height:42px;}
    .con_regi .tr_group.goal_row {grid-template-columns: 120px 1fr 110px 145px;}
    .con_regi .cs_selected {height:42px;}

    .con_regi .tr_group.half {grid-template-columns: 1fr;}
}

@media screen and (max-width:680px) {
    .con_regi .tr_group.goal_row {grid-template-columns: 1fr;}
    .goal_wrap .goal_list .tr_group + .tr_group {margin-top:30px;  padding-top:30px; border-top: 1px dashed #888;}
    .con_regi .tr_label {font-size:14px;}
    .goal_wrap {margin-top:30px;}
    .con_regi .tr_remarks {margin-top:30px;}

    .con_regi .tr_group .tr_item .add_wrap .add_btn {width:100px !important; height:42px !important;}
    .add_selected {height:42px;}

}

@media screen and (max-width:480px) {
    .con_regi .tr_addtask .tr_addr {grid-template-columns:1fr 60px;}
    .con_regi .tr_addtask .act button {width:30px; height:30px;}
    .con_regi .tr_addtask .act {gap:4px;}
    .con_regi .tr_latlng {flex-direction:column; align-items:flex-start; gap:5px;}
    .con_regi .tr_latlng p {border:1px solid #ddd; padding:10px; width:100%; border-radius:6px;}
    .con_regi .tr_latlng .bar {display:none;}
    .con_regi .tr_group .tr_item .add_wrap {flex-direction:column; align-items:stretch;}
    .con_regi .tr_group .tr_item .add_wrap .add_btn {width:100% !important;}
    .con_regi .field_map_info {flex-direction:column; align-items:flex-start; gap:5px;}
    .con_regi .field_map_info .coord_divider {display:none;}

}

@media screen and (max-width:360px) {
    .con_regi .tr_addtask .tr_addr {grid-template-columns:1fr;}
    .con_regi .tr_label {font-size:13px;}
}




/********************************************************

    02.실증과제관리

********************************************************/


/* con_task 영역 */
.con_task {margin-top:35px;}
.con_task .ct_grid {display:grid; grid-template-columns:460px 1fr 1fr; gap:20px; align-items:stretch;}
.con_task .work_title {margin-bottom:15px;}

/* 기업사진 영역 */
.con_task .ct_photo {height:100%; overflow:hidden; border-radius:10px;}
.con_task .ct_photo img {width:100%; height:100%; object-fit:cover; object-position:center; display:block;}

.con_task .goal_progress {position: relative; display: flex; flex-direction: column; margin-right:30px;}
.con_task .goal_progress .gp_wrap {display: grid; grid-template-columns:1fr; gap:40px; align-items:center; flex:1;}
.con_task .goal_progress .donut {--pct:0; width:280px; height:280px; border-radius:50%; background:conic-gradient(#0a7777 calc(var(--pct)*1%), #e9ecef 0);}
.con_task .goal_progress .donut::before{content:""; position:absolute; inset:38px; border-radius:50%; background:#fff;}
.con_task .goal_progress .gp_donut {position:relative; display:flex; justify-content:center; margin-top:20px;}
.con_task .goal_progress .donut {position:relative; display:grid; place-items:center;}
.con_task .goal_progress .donut_label {position:absolute; inset:0; display:grid; place-content:center; gap:4px; text-align:center;}
.con_task .goal_progress .donut_label .percent {display:inline-block; font-size:40px; color:#006d80;}
.con_task .goal_progress .donut_label b.val {font-size:40px; color:#006d80;}
.con_task .goal_progress .donut_label span {font-size:27px; color:#666}

.con_task .goal_progress .gp_list {display:flex; flex-direction:column; gap:8px;}
.con_task .goal_progress .gp_item {background:#f3f5fa; border-radius:10px; padding:15px;}
.con_task .goal_progress .gp_item.incomplete {background:#f7f7f7;}

.con_task .goal_progress .item_head {display:flex; justify-content:space-between; align-items:center; gap:7px;}
.con_task .goal_progress .item_head .label {font-weight:400;}
.con_task .goal_progress .item_head .count {color:#666;}
.con_task .goal_progress .item_head .dot {width:10px; height:10px; border-radius:50%; display:inline-block;}
.con_task .goal_progress .item_head .dot_done {background:#006d80;}
.con_task .goal_progress .item_head .dot_todo {background:#e5e7eb;}
.con_task .goal_progress .bar {height:10px; background:#fefefe; border-radius:999px; margin-top:10px; overflow:hidden;}
.con_task .goal_progress .fill {display:block; height:100%; width:0; border-radius:inherit; transition:width .35s ease;}
.con_task .goal_progress .gp_total{display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid #e9edf1;color:#6b747c}
.con_task .goal_progress .gp_total .total{color:#2b2f33}

.con_task .goal_progress .gp_item.complete .dot {background:#006d80;}
.con_task .goal_progress .gp_item.incomplete .dot {background:#aaa;}
.con_task .goal_progress .gp_item.complete .bar .fill {background:#006d80;}
.con_task .goal_progress .gp_item.incomplete .bar .fill {background:#aaa;}

.con_task .perf_manage {display:flex; flex-direction:column; height:100%;}
.con_task .perf_manage .pm_list {flex:1; max-height:550px; overflow-y:auto; padding-right:8px; scrollbar-width:thin; display:flex; flex-direction:column; gap:25px;}
.con_task .perf_manage .pm_list li {border:1px solid #dddddd; border-radius:10px; padding:20px 25px;}
.con_task .perf_manage .pm_title {font-weight:500; display:flex; gap:5px;}
.con_task .perf_manage.quant .pm_title .year {color:#006d80;}
.con_task .perf_manage.qual .pm_title .year {color:#67478b;}
.con_task .perf_manage .name {font-size:16px; color:#222; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-word; overflow-wrap:anywhere;}
.con_task .perf_manage .pm_bar {height:15px; background:#f4f4f4; border-radius:999px; overflow:hidden; margin-top:25px;}
.con_task .perf_manage .pm_bar .fill {display:block; height:100%; width:0; background:#fff; border-radius:inherit; transition:width .25s ease;}
.con_task .perf_manage.quant .pm_bar .fill {background:#47bcc6;}
.con_task .perf_manage.qual .pm_bar .fill {background:#67478b;}

.con_task .perf_manage .pm_content {margin-top:15px; display:flex; justify-content:space-between; align-items:flex-start;}
.con_task .perf_manage .pm_content .pm_left {display:flex; flex-direction:column; gap:5px;}
.con_task .perf_manage .pm_content .pm_right {font-size:18px;}
.con_task .perf_manage .pm_content .pm_right .percent {font-weight:700;}

/* 모드별 표시 제어 */
.perf_manage[data-mode="view"] .pm_right input{display:none;}
.perf_manage[data-mode="edit"] .pm_right .percent{display:none;}
.perf_manage[data-mode="view"] .name_input {display: none;}
.perf_manage[data-mode="edit"] .name {display: none;}
.perf_manage[data-mode="edit"] .name_input {width:200px; height:32px;}

/* 보기모드 과제명 */
.con_task .perf_manage .name {flex:1; min-width:0; font-size:16px; color:#222; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word;}

/* textarea 기본 숨김 */
.con_task .perf_manage .name_input {display:none; flex:1; min-width:0; height:auto; min-height:44px; padding:6px 8px; font-size:16px; line-height:1.4; border:1px solid #ddd; border-radius:6px; resize:none; background:#fff; box-sizing:border-box; margin-right:20px;}

/* 수정모드에서 span 숨기고 textarea 보여주기 */
.perf_manage[data-mode="edit"] .name {display:none;}
.perf_manage[data-mode="edit"] .name_input {display:block;}

@media screen and (max-width:1400px) {
    .con_task .ct_grid {grid-template-columns:380px 1fr 1fr;}
    .con_task .goal_progress .donut {width:220px; height:220px;}
    .con_task .goal_progress .donut::before {inset:28px;}
    .con_task .goal_progress .donut_label .percent {font-size:35px;}
    .con_task .goal_progress .donut_label b.val {font-size:35px;}
    .con_task .goal_progress .donut_label span {font-size: 20px;}
}

@media screen and (max-width:1280px) {
    .con_task .perf_manage .pm_row {margin-bottom:10px;}
    .con_task .perf_manage .pm_list {gap:15px;}
    .perf_manage[data-mode="edit"] .name_input {width:150px;}
    .con_task .goal_progress {margin-right:10px;}
    .con_task .ct_grid {grid-template-columns:300px 1fr 1fr;}
    .con_task .perf_manage .pm_list li {padding:20px;}
    .con_task .perf_manage .pm_content .pm_right {font-size:16px;}

    .con_task .perf_manage .pm_title {flex-direction:column;}
}

@media screen and (max-width:1000px) {
    .con_task .ct_grid {grid-template-columns:1fr; gap:20px}
    .con_task .goal_progress {margin-right:0px;}
    .con_task .goal_progress .gp_wrap {display:grid; grid-template-columns:auto 1fr; gap:30px; align-items:center;}
    .con_task .goal_progress .gp_donut {justify-content:flex-start;}
    .con_task .perf_manage .pm_title {flex-direction:row;}
}

@media screen and (max-width:760px) {
    .con_task .ct_grid {grid-template-columns:1fr; gap:15px}
    .con_task .goal_progress .gp_total .total {font-size:14px;}
}

@media screen and (max-width:680px) {
    .con_task .goal_progress .gp_wrap {grid-template-columns: 1fr;}
    .con_task .goal_progress .gp_donut {justify-content: center;}
}

@media screen and (max-width:480px) {
    .con_task .perf_manage .pm_row {margin-bottom:7px;}
    .con_task .perf_manage .pm_list {gap:10px;}
    .con_task .work_title {margin-bottom:10px;}
}

@media screen and (max-width:360px) {
    .con_task .perf_manage .pm_left {font-size:14px;}
    .con_task .perf_manage .pm_content .pm_right {font-size:14px;}
    .con_task .perf_manage .pm_title {flex-direction:column;}
    .con_task .goal_progress .donut {width:190px; height:190px;}
    .con_task .goal_progress .donut::before {inset:25px;}
}



/********************************************************

    03.과제관리등록

********************************************************/

.con_regi {display:flex; justify-content:center; margin-top:35px;}
.con_regi .task_regi {width:1280px;}
.con_regi .c_card.task_regi h5 {margin-bottom:40px;}

/* 공통 입력 구조 */
.con_regi .tr_group {display:flex; flex-direction:column; gap:15px;}
.con_regi .tr_input {width:100%; height:50px; border-radius:6px;}
.con_regi .tr_input::placeholder {color:#aaaaaa;}
.con_regi .tr_input:focus {border-color:#006d80; outline:none;}
.con_regi .tr_content .tr_textarea:focus {border-color:#006d80; outline:none;}
.con_regi .tr_group + .tr_group {margin-top:50px;}

/* 주소 입력 + 지도 영역 */
.con_regi .tr_addr {display:grid; grid-template-columns:1fr 50px; gap:8px;}
.con_regi .tr_search {border:1px solid #e2e8f0; background:#edf2f8; border-radius:7px;}

.con_regi .tr_addrmap .tr_mapwrap {display:flex; flex-direction:column; gap:20px; margin-top:5px;}
.con_regi .tr_map {height:325px; overflow:hidden; background:#f3f4f6; border:1px solid #e6ebf0; border-radius:10px; transition:height .25s ease, opacity .25s ease;}
.con_regi .tr_addrmap[data-has-map="true"] .tr_map {height:260px; opacity:1;}

.con_regi .tr_latlng {font-size:14px; color:#666; display:flex; gap:10px; align-items: center;}
.con_regi .tr_latlng p {display:flex; align-items:center;}
.con_regi .tr_latlng .bar {color:#ccc; font-size:13px; line-height:1;}
.con_regi .tr_latlng b {color:#111; font-weight:500;}

/* 실증과제 추가 영역 */
.con_regi .tr_addtask .tr_addr {grid-template-columns:1fr 80px;}
.con_regi .tr_addtask .tr_btn.tr_add {background:#006d80; color:#fff; border:none; border-radius:6px; font-size:15px; transition:all 0.2s ease;}
.con_regi .tr_addtask .tr_btn.tr_add:hover {background:#038c8c;}
.con_regi .tr_addtask .tr_list {margin-top:12px;}
.con_regi .tr_addtask .tr_list ul {display:flex; flex-direction:column; gap:8px;}
.con_regi .tr_addtask .tr_list li {display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; background:#f8f9fb; border:1px solid #e6ebf0; border-radius:8px; padding:10px 12px; transition:background 0.2s;}
.con_regi.tr_addtask .tr_list li:hover {background:#f1f4f8;}

/* 과제명 */
.con_regi .tr_addtask .name {font-size:15px; color:#222; font-weight:400;}
.con_regi .tr_addtask .name_edit {display:none; width:100%; height:34px; padding:0 8px; border:1px solid #ccc; border-radius:6px; font-size:15px;background:#fff;}
.con_regi .tr_addtask li.editing .name {display:none;}
.con_regi .tr_addtask li.editing .name_edit {display:block;}

/* 버튼 그룹 */
.con_regi .tr_addtask .act {display:flex; gap:8px;}
.con_regi .tr_addtask .act button {display:flex; justify-content:center; align-items:center; width:34px; height:34px; border:1px solid #d9dde3; background:#fff; border-radius:6px; font-size:14px; cursor:pointer; color:#333; transition:all 0.2s;}
.con_regi .tr_addtask .act button:hover {background:#eef3f6; color:#006d80;}

/* 비고영역 */
.con_regi .tr_remarks {margin-top:50px;}
.con_regi .tr_remarks .tr_textarea {min-height:125px; border-radius:5px; border-color:#e2e8f0; padding:10px; resize:vertical; font-size:16px;}
.con_regi .tr_remarks .tr_textarea::placeholder {color:#aaa;}

.con_regi.modify .tr_group.goal_row {display:grid; grid-template-columns: 110px 1fr 140px 140px 100px 140px;}
.con_regi .goal_title {display:grid; grid-template-columns: 110px 1fr 140px 140px 100px 140px; margin-top:30px; margin-bottom:10px; gap:15px; color:#888;}

.goal_wrap {margin-top:50px;}
.goal_wrap .quant_list .tr_group + .tr_group {margin-top:20px;}
.goal_wrap .tr_label {margin-bottom:15px;}
.goal_btn_wrap {margin-top:30px; text-align:center;}
.goal_add_btn {min-width:140px; height:44px; padding:0 20px; border:none; border-radius:6px; background:#006d80; color:#fff; font-size:15px; cursor:pointer;}
.goal_add_btn:hover {background:#005668;}

.goal_list .tr_item .goal_label {display:none;}
.con_regi.modify .tr_group + .tr_group {margin-top:25px;}

.company_select .cs_selected {font-size:16px;}
/* 기간선택 */
.tr_date_range {display:flex; gap:10px; align-items:center;}
.tr_date_range .date_box input::placeholder {color:#ddd;}


/* 프로젝트리스트 */
.con_regi .task_regi .project_list {border:1px solid #ddd; background:#fff; border-radius:10px; padding:20px;}
.con_regi .task_regi .project_list .pl_title {display:flex; justify-content:space-between; align-items:center; font-weight:500; margin-bottom:20px;}
.con_regi .task_regi .project_list .pl_title .pl_right {display:flex; align-items:center; gap:7px;}
.con_regi .task_regi .project_list .pl_title .pl_right .count {background:#e1f0f3; font-size:13px; color:#006d80; padding:5px 12px; border-radius:100px;}
.con_regi .task_regi .project_list .pl_title .pl_right .edit_btn {font-size:13px; border:1px solid #ddd; border-radius:12px; background:#fff;}


.con_regi .task_regi .project_list .pl_list {max-height:100px; overflow-y: auto;}
.con_regi .task_regi .project_list .pl_list ul {display:flex; flex-direction:column; gap:10px;}
.con_regi .task_regi .project_list .pl_list ul li {display:flex; align-items:center;}
.con_regi .task_regi .project_list .pl_list ul li .dot {display:block; width:5px; height:5px; background:#006d80; border-radius:999px; margin-right:10px;}

.pl_item--view {width:100%;}
.pl_item--view .project_info {display:flex;}

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

@media screen and (max-width:1280px) {
    .con_regi.modify .goal_title, .con_regi.modify .tr_group.goal_row {grid-template-columns: 110px 1fr 120px 120px 90px 120px;}
}

@media screen and (max-width:1000px) {
    .con_regi .tr_group {gap:10px;}
    .con_regi .tr_addtask .tr_addr {grid-template-columns:1fr 70px;}
    .con_regi.modify .goal_title {gap:10px; font-size:14px;}
    .con_regi.modify .goal_title, .con_regi.modify .tr_group.goal_row {grid-template-columns: 100px 1fr 110px 110px 80px 110px;}
    .con_regi .tr_label {font-size:15px;}
}

@media screen and (max-width:760px) {
    .con_regi .tr_input {height:42px;}
    .con_regi.modify .goal_title, .con_regi.modify .tr_group.goal_row {grid-template-columns: 80px 1fr 90px 90px 70px 90px;}
    .con_regi .cs_selected {height:42px;}
    .con_regi.modify .tr_group + .tr_group {margin-top:15px;}
    .tr_date_range .date_box {flex:1;}
}

@media screen and (max-width:680px) {
    .con_regi.modify .tr_group.goal_row {grid-template-columns: 1fr;}
    .con_regi .tr_group.goal_row {grid-template-columns: 1fr; gap:15px;}
    .goal_wrap .goal_list .tr_group + .tr_group {margin-top:30px;  padding-top:30px; border-top: 1px dashed #888;}
    .con_regi .tr_label {font-size:14px;}
    .goal_wrap {margin-top:30px;}
    .con_regi .tr_remarks {margin-top:30px;}
    .con_regi .goal_title  {display: none;}
    .goal_list .tr_item .goal_label {display:block}
    .con_regi .tr_group .tr_item {gap:10px;}
}

@media screen and (max-width:480px) {
    .con_regi .tr_addtask .tr_addr {grid-template-columns:1fr 60px;}
    .con_regi .tr_addtask .act button {width:30px; height:30px;}
    .con_regi .tr_addtask .act {gap:4px;}
    .con_regi .tr_latlng {flex-direction:column; align-items:flex-start; gap:5px;}
    .con_regi .tr_latlng p {border:1px solid #ddd; padding:10px; width:100%; border-radius:6px;}
    .con_regi .tr_latlng .bar {display:none;}
}

@media screen and (max-width:360px) {
    .con_regi .tr_addtask .tr_addr {grid-template-columns:1fr;}
    .con_regi .tr_label {font-size:13px;}
    .tr_date_range {flex-direction:column; align-items:stretch;}
}





/********************************************************

    CCTV02

********************************************************/

.list_dg02 .cctv_card {position:relative; background:#f1f1f1; border:3px solid transparent; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.list_dg02 .cctv_thumb {width:100%; aspect-ratio: 16 / 9; border-radius:10px; overflow:hidden;}
.list_dg02 .cctv_thumb img {width:100%; height:100%; object-fit:cover; display:block;}
.list_dg02 .cctv_thumb .cctv_video {width:100%; height:100%; display:block; object-fit:cover;}

.list_dg02 .cctv_label {position:absolute; left:0; right:0; top:0; background:rgba(0,0,0,0.6); color:#fff; padding:12px 15px; font-size:16px; font-weight:400;}
.list_dg02.cctv .list_reg {gap:2px;}
.table_dg02.cctv .td_list li a {font-size:18px; padding:18px 25px;}
.table_dg02.cctv .td_list .number {font-weight:400;}
.table_dg02.cctv .td_list .date {font-weight:600;}

.paging.cctv {justify-content:center; margin-top:65px;}

.list_dg02 .ld_wrap > *{
  min-width: 0;
}
.list_dg02 .cctv_thumb,
.list_dg02 .cctv_video,
.table_dg02.cctv{
  min-width: 0;
}

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

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

@media screen and (max-width:1000px) {
    .table_dg02.cctv .td_list li a {font-size:16px; padding:16px 22px;}
}

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

@media screen and (max-width:680px) {
    .table_dg02.cctv .td_list li a {font-size:15;}
}

@media screen and (max-width:480px) {
    .table_dg02.cctv .td_list li a {font-size:14px; padding:13px 20px;}
    .paging.cctv {margin-top:40px;}
}

@media screen and (max-width:360px) {
    .table_dg02.cctv .td_list li a {font-size:13px; padding:13px 20px;}
    .paging.cctv {margin-top:30px;}
}




/********************************************************

    03.생육데이터

********************************************************/


.con_view.growth {}
.con_view.growth .cv_grid {grid-template-columns:1fr 1fr 480px;}
.con_view.growth .cv_right {display:flex; flex-direction:column; gap:20px;}


@media screen and (max-width:1400px) {
    .con_view.growth .cv_grid {grid-template-columns:1fr 1fr 380px;}
}

@media screen and (max-width:1280px) {
    .con_view.growth .cv_grid {grid-template-columns:1fr 1fr; grid-template-rows:auto auto; grid-template-areas:"photo info" "data data"; gap:25px;}
    .con_view.growth .cv_photo {grid-area:photo;}
    .con_view.growth .cv_info {grid-area:info;}
    .con_view.growth .cv_right {grid-area:data;}
}

@media screen and (max-width:1000px) {
    .con_view.growth .cv_grid {grid-template-columns:1fr; grid-template-rows:auto; grid-template-areas:"photo" "info" "data"; gap:20px;}
}

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

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

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

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





/********************************************************

    cctv 기기제어

********************************************************/


.con_view.cctv_control .cv_grid {align-items:stretch;}
.con_view.cctv_control .cv_box {background:#fff; padding:0; border-radius:10px;overflow:hidden; display:flex; flex-direction:column;}

/* 영상 영역 */
.con_view.cctv_control .cctv_screen {width:100%; aspect-ratio: 16 / 9; overflow:hidden;}
.con_view.cctv_control .cctv_screen .cctv_video {width:100%; height:100%; display:block; object-fit:cover;}

/* 컨트롤러 영역 */
.con_view.cctv_control .cctv_controller {background:#fff;display:flex; justify-content:center; align-items:center; gap:50px; flex:1; padding:30px 0px;}

/* Zoom 버튼 스타일 */
.con_view.cctv_control .zoom_btn {width:68px; height:68px; border:2px solid #006d80; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:26px; color:#006d80; background:#fff; transition:0.2s;}
.con_view.cctv_control .zoom_btn:hover {background:#f0fafb;}

/* 방향패드 */
.con_view.cctv_control .dir_pad {width:145px; height:145px; background:#006d80; border-radius:50%; position:relative; display:flex; justify-content:center; align-items:center;}
.con_view.cctv_control .dir_pad .center {width:63px; height:63px; background:#fff; border-radius:50%; border:none;}

/* 방향 화살표 버튼 */
.con_view.cctv_control .dir_pad button {display:flex; align-items: center; justify-content: center;}
.con_view.cctv_control .dir_pad .dir {position:absolute; width:32px; height:32px; border:none; background:none; color:#fff;font-size:22px;}
.con_view.cctv_control .dir_pad .up {top:8px; }
.con_view.cctv_control .dir_pad .down {bottom:8px;}
.con_view.cctv_control .dir_pad .left {left:8px;}
.con_view.cctv_control .dir_pad .right {right:8px;}

.con_view.cctv_control .dir_pad .dir:hover {color:#d4f5f5;}

.con_view.cctv_control  .c_card .c_header {display:flex; align-items:center; justify-content:space-between;}
.con_view.cctv_control  .c_card .c_header h5 {margin-bottom:0px !important;}

.con_view.cctv_control .cv_right {display:flex; flex-direction:column; gap:20px;}
.con_view.cctv_control .c_list {margin-top:40px; display:flex; flex-direction:column; gap:20px;}
.con_view.cctv_control .c_row {display: flex; justify-content:space-between; font-size: 16px;}
.con_view.cctv_control .c_row dt {color: #666;}
.con_view.cctv_control .c_row dd {font-weight: 500;}
.con_view.cctv_control .status-dot {width:14px; height:14px; border-radius:999px; background:#2563eb;}
.con_view.cctv_control .cv_contact .xi-wifi {font-size:20px;}


.con_view.cctv_control .cv_input[readonly] {background:#f1f3f5; border-color:#ddd;cursor:default;}
.con_view.cctv_control .cv_input[readonly]:focus {border-color:#ddd !important;  outline:none;}
.con_view.cctv_control .cv_input:not([readonly]) {background:#ffffff;}
.con_view.cctv_control .cv_input:not([readonly]):focus {border-color:#006d80 !important;}


@media screen and (max-width:1700px) {
    .con_view.cctv_control .cv_grid {align-items:flex-start;}
}

@media screen and (max-width:1600px) {
    .con_view.cctv_control .cctv_controller {gap:30px;}
    .con_view.cctv_control .dir_pad {width:120px; height:120px;}
    .con_view.cctv_control .zoom_btn {width:50px; height:50px;}
    .con_view.cctv_control .dir_pad .center {width:40px; height:40px;}
    .con_view.cctv_control .dir_pad .dir {width:25px; height:25px;}
}

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

@media screen and (max-width:1280px) {
    .con_view.cctv_control .cv_grid {grid-template-columns:1fr 1fr; grid-template-rows:auto auto; grid-template-areas:"photo info" "data data"; gap:25px; align-items:stretch;}
    .con_view.cctv_control .cv_box {grid-area:photo;}
    .con_view.cctv_control .cv_info {grid-area:info;}
    .con_view.cctv_control .cv_right {grid-area:data; flex-direction:row !important;}
    .con_view.cctv_control .cv_right .c_card {flex:1;}
}

@media screen and (max-width:1000px) {
    .con_view.cctv_control .cv_grid {grid-template-columns:1fr; grid-template-rows:auto; grid-template-areas:"photo" "info" "data"; gap:20px;}
    .con_view.cctv_control .cctv_controller {gap:50px;}
}

@media screen and (max-width:760px) {
    .con_view.cctv_control .cv_right {flex-direction: column !important;}
}

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

}

@media screen and (max-width:480px) {
    .con_view.cctv_control .cctv_controller {gap:30px;}
    .con_view.cctv_control .dir_pad {width:100px; height:100px;}
    .con_view.cctv_control .zoom_btn {width:40px; height:40px;}
    .con_view.cctv_control .dir_pad .center {width:40px; height:40px;}
    .con_view.cctv_control .dir_pad .dir {width:17px; height:17px;}
    .con_view.cctv_control .dir_pad .dir i {font-size:14px;}
    .con_view.cctv_control .dir_pad .up {top:6px; }
    .con_view.cctv_control .dir_pad .down {bottom:6px;}
    .con_view.cctv_control .dir_pad .left {left:6px;}
    .con_view.cctv_control .dir_pad .right {right:6px;}
    .con_view.cctv_control .c_row {font-size:15px;}
}

@media screen and (max-width:360px) {
    .con_view.cctv_control .cctv_controller {gap:20px;}
    .con_view.cctv_control .dir_pad {width:80px; height:80px;}
    .con_view.cctv_control .zoom_btn {width:35px; height:35px;}
    .con_view.cctv_control .dir_pad .center {width:30px; height:30px;} 
    .con_view.cctv_control .dir_pad .dir {width:15px; height:15px;}
    .con_view.cctv_control .dir_pad .dir i {font-size:13px;}
    .con_view.cctv_control .dir_pad .up {top:4px; }
    .con_view.cctv_control .dir_pad .down {bottom:4px;}
    .con_view.cctv_control .dir_pad .left {left:4px;}
    .con_view.cctv_control .dir_pad .right {right:4px;}
    .con_view.cctv_control .c_row {font-size:13px;}
}



/********************************************************

    농작업기 list 및 view

********************************************************/

.list_dg03.farm_machine .table_dg03 {grid-template-columns: repeat(3, 1fr);}


.con_view.farm_machine {}
.con_view.farm_machine .fm_grid {display: grid; grid-template-columns:repeat(3, 1fr); gap:25px; align-items:stretch;}

.con_view .fm_photo {height:100%; overflow:hidden; border-radius:10px; position:relative;}
.con_view .fm_photo img {width:100%; height:100%; object-fit:cover; object-position:center; display:block;}
.con_view.farm_machine .fm_photo .label {position:absolute; padding:10px 20px; background:#3eb649; bottom:30px; left:30px; border-radius:8px; color:#fff; font-weight:600;}
.con_view.farm_machine .fi_grid {display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); grid-template-areas: "name hour" "address address" "crop data";}

.fm_item.name { grid-area: name; }
.fm_item.hour { grid-area: hour; }
.fm_item.address { grid-area: address; }
.fm_item.crop { grid-area: crop; }
.fm_item.data { grid-area: data; }

.fm_item {background: #f7f7f9; border-radius:10px; padding:30px 30px;}
.fm_item .label {color:#888; margin-bottom:15px; font-size:14px;}
.fm_item .value {font-weight:500; line-height: 1.4;}

.btn_control {height:280px;}
.btn_control .bc_list {}
.btn_control .bc_row {display:flex; align-items:center; justify-content:space-between; padding:14px 0;}
.btn_control .bc_row + .bc_row {border-top:1px solid #f3f4f6;}
.btn_control .bc_label {}
.btn_control .bc_toggle {position:relative;}
.btn_control .bc_input {position:absolute; inset:0; opacity:0; cursor:pointer;}

/* 토글디자인 */
.btn_control .bc_toggle_label {position:relative; display:flex; align-items:center; justify-content:space-between; width:86px; height:34px; padding:0 12px; box-sizing:border-box; border-radius:999px; background:#e5e7eb; cursor:pointer; font-size:12px; color:#6b7280; transition:background .22s ease;}
.btn_control .bc_toggle_label::after {content:''; position:absolute; top:3px; left:3px; width:28px; height:28px; border-radius:50%; background:#ffffff;transition:transform .22s ease;}
.btn_control .bc_text {position:relative; z-index:1; font-weight:500;}
.btn_control .bc_text.on {color:#fff; opacity:0;}
.btn_control .bc_text.off {color:#888; opacity:9;}

/* 체크됐을 때 (ON 상태) */
.btn_control .bc_input:checked + .bc_toggle_label {background:#006d80;color:#ffffff;}

.btn_control .bc_input:checked + .bc_toggle_label::after {transform:translateX(52px); /* 손잡이 오른쪽으로 이동 */}

.btn_control .bc_input:checked + .bc_toggle_label .bc_text.on {opacity:1;}

.btn_control .bc_input:checked + .bc_toggle_label .bc_text.off {opacity:0;color:#e5f3f5;}

.btn_control .bc_input:focus-visible + .bc_toggle_label {outline:2px solid #006d80;outline-offset:2px;}


/* 리눅스아이티 */
.btn_control.linuxit {height:auto; max-height:270px;}

.btn_control.linuxit .bc_row.dg01 {display:block;}
.btn_control .bc_btn {margin-top:10px; display:grid; grid-template-columns:repeat(auto-fill, minmax(30%, auto)); gap:5px;}
.btn_control .bc_btn button {padding:10px 20px; font-size:16px; font-weight:600; width:100%; background:#777; color:#fff; border-radius:8px;}
.btn_control .bc_btn button:first-child {background:#006d80;}
.btn_control .bc_btn button:last-child {background:#aa0000;}

.btn_control .bc_time {display:flex; align-items:center; gap:20px;}
.btn_control .bc_time ul {display:flex; align-items:center;}
.btn_control .bc_time ul li {font-size:16px; font-weight:500; color:#444;}
.btn_control .bc_time ul li input {width:120px; margin-right:10px; border:1px solid #ddd; border-radius:8px;}
.btn_control .bc_time button {padding:10px 30px; font-size:16px; font-weight:600; color:#444; background:#f1f1f1; border-radius:8px;}

/* 코리아노바 */
.btn_control.koreanova {height:auto; max-height:440px;}
.btn_control.koreanova .id_wrap {display:grid; grid-template-columns: repeat(4,1fr); gap:10px; flex:1;}
.btn_control.koreanova .id_item {display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; background:#fafafa; border-radius:10px; padding:20px; height:100%; cursor:pointer; border:2px solid transparent; box-sizing:border-box; transition: all 0.25s ease;}
.btn_control.koreanova .id_item .label {color:#666; font-size:16px;}
.btn_control.koreanova .id_item .state {font-size:20px; font-weight:600;}
.btn_control.koreanova .id_item.on .state {color:#5ab5b0;}
.btn_control.koreanova .id_item.off .state {color:#888888;}
.btn_control.koreanova .id_item.off img {filter: grayscale(1) brightness(0.84);}

.btn_control .id_item:hover {background:#f5f5f5; border:2px solid #bad8d6}

@media screen and (max-width:1500px) {
    /* 코리아노바 */
    .fm_grid.koreanova .fm_photo, .fm_grid.koreanova .fm_info {height:510px;}
    .btn_control.koreanova {max-height:100%;}
    .btn_control.koreanova .id_wrap {grid-template-columns: repeat(3,1fr);}
}

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

@media screen and (max-width:1280px) {
    /* 코리아노바 */
    .fm_grid.koreanova .fm_photo, .fm_grid.koreanova .fm_info {height:auto;}
    .btn_control.koreanova .id_wrap {grid-template-columns: repeat(4,1fr);}
}

@media screen and (max-width:1000px) {
    .btn_control .id_wrap {grid-template-columns: repeat(2,1fr);}

    /* 코리아노바 */
    .btn_control.koreanova .id_item .label {font-size:15px;}
    .btn_control.koreanova .id_item .state {font-size:18px;}
}

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

@media screen and (max-width:680px) {
    /* 코리아노바 */
    .btn_control.koreanova .id_item .label {font-size:14px;}
    .btn_control.koreanova .id_item .state {font-size:17px;}
}

@media screen and (max-width:480px) {
    /* 코리아노바 */
    .btn_control.koreanova .id_wrap {grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width:380px) {
    /* 코리아노바 */
    .btn_control.koreanova .id_wrap {grid-template-columns: repeat(2,1fr);}
}


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

@media screen and (max-width:1280px) {
    .btn_control {height:auto;}
    .con_view.farm_machine .fm_grid {grid-template-columns:repeat(2, 1fr); gap:20px; grid-template-areas: "fm_photo fm_info" "btn_control btn_control"}
    .fm_photo {grid-area:fm_photo;}
    .fm_info {grid-area: fm_info;}
    .btn_control {grid-area: btn_control;}


    /* 리눅스아이티 */
    .btn_control.linuxit {max-height:100%;}

    .btn_control .bc_btn button {padding:12px 10px;}

    .btn_control .bc_time ul li {font-size:15px;}
    .btn_control .bc_time button {padding:12px 50px;}
}

@media screen and (max-width:1000px) {
     .con_view.farm_machine .fm_grid {grid-template-columns:1fr; grid-template-areas: "fm_photo" "fm_info" "btn_control"} 
}

@media screen and (max-width:760px) {
    .con_view.farm_machine .fi_grid {grid-template-columns:1fr; grid-template-areas:"name " "hour " "address" "crop" "data"; gap:10px;}
    .fm_item {padding:15px 20px;}
    .fm_item .label {margin-bottom:8px;}
}

@media screen and (max-width:680px) {
    /* 리눅스아이티 */
    .btn_control .bc_time ul li {font-size:14px;}
}

@media screen and (max-width:480px) {
    /* 리눅스아이티 */
    .btn_control.linuxit .bc_row.dg02 {display:block;}

    .btn_control .bc_btn {grid-template-columns:repeat(auto-fill, minmax(100%, auto));}
    .btn_control .bc_btn button {padding:10px;}

    .btn_control .bc_time {margin-top:10px; display:grid; grid-template-columns:repeat(auto-fill, minmax(100%, auto)); gap:10px;}
    .btn_control .bc_time ul {display:grid; grid-template-columns:12fr 1fr;}
    .btn_control .bc_time ul li input {width:100%; margin-right:0;}
    .btn_control .bc_time ul li:last-child {margin-left:10px;}
    .btn_control .bc_time button {padding:10px 30px;}
}

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


/********************************************************

    sub04_01통계

********************************************************/

.data_con {display:grid; grid-template-columns:1fr 490px; gap:30px; margin-top:35px; align-items:flex-start;}
.data_con .dc_left {order:1; min-width:0;}
.data_con .dc_left .dc_wrap.graph {}
.data_con .dc_left .dc_wrap {display:flex; flex-direction:column; gap:40px;}
.data_con .dc_left .dc_wrap .dc_item {background:#fff; border-radius:12px; padding:30px; min-width:0;}
.data_con .dc_left .dc_wrap .dc_head {display:flex; justify-content:space-between; font-weight:600; margin-bottom:30px;}
.data_con .dc_wrap h5 {font-size:18px;}
.data_con .dc_left .dc_wrap.table h5 {margin-bottom:30px;}
.data_con .dc_left .dc_wrap .dc_head .avg {font-size:16px;}
.data_con .dc_left .dc_wrap::-webkit-scrollbar{width:6px;}
.data_con .dc_left .dc_wrap::-webkit-scrollbar-track{background: #e3e3e3; border-radius:999px;}
.data_con .dc_left .dc_wrap::-webkit-scrollbar-thumb{background: #878787; border-radius:999px;}

/* 차트 */
.dc_chart_box {width:100%; height:220px;}
.dc_chart_box canvas {width: 100% !important;height: 100% !important;}
.dc_chart_box .dc_chart_scroll {width:100%; height:100%; overflow-x:auto; overflow-y:hidden;}
.dc_chart_box .dc_chart_inner {height:100%;}
.dc_chart_box .dc_chart_inner canvas {display:block; width:100%; height:100%;}

.dc_chart_box .dc_chart_scroll::-webkit-scrollbar {height:6px;}
.dc_chart_box .dc_chart_scroll::-webkit-scrollbar-track {background:#e3e3e3; border-radius:999px;}
.dc_chart_box .dc_chart_scroll::-webkit-scrollbar-thumb {background:#878787; border-radius:999px;}


/* 테이블 */
.dc_table_box {border-radius:10px;background:#ffffff;}
.dc_table_scroll{width:100%; overflow-x:auto; -webkit-overflow-scrolling: touch;}
.dc_table{width:max-content;   min-width:100%;     border-collapse:collapse;table-layout:fixed;}
.dc_table th,
.dc_table td{padding:12px 16px; height:60px; text-align:center; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; min-width:70px; white-space:nowrap;}
.dc_table th.first_col,
.dc_table td.first_col{text-align:center;white-space:nowrap;}
.dc_table thead th{background:#006d80; color:#ffffff;font-weight:600;}
.dc_table th:last-child,
.dc_table td:last-child{border-right:none;}
.dc_table_scroll::-webkit-scrollbar{height:6px;}
.dc_table_scroll::-webkit-scrollbar-track{background:#e3e3e3; border-radius:999px;}
.dc_table_scroll::-webkit-scrollbar-thumb{background:#878787; border-radius:999px;}



.data_con .dc_right {background:#fff; border-radius:10px; padding:30px; order:2; position:sticky; top:20px; max-height: calc(100vh - 40px); overflow-y:auto;}
.data_con .dc_right .set_group {}
.data_con .dc_right .set_group + .set_group {margin-top:25px;}
.data_con .dc_right .set_label {font-size:18px; font-weight:500; margin-bottom:15px;}
.data_con .dc_right .set_item.col2 {display:grid; grid-template-columns: repeat(2,1fr); gap:10px;}
.data_con .dc_right .set_group .label_grid {display:grid; grid-template-columns: repeat(2,1fr); gap:10px;}
.data_con .dc_right .sf_select{position:relative;}
.data_con .dc_right .sf_selected{position:relative; width:100%; height:46px; padding:0 40px 0 16px; border-radius:7px; background:#f4f4f4; display:flex; align-items:center; justify-content:flex-start; cursor:pointer; box-sizing:border-box;}
.data_con .dc_right .sf_selected[data-value=""]{color:#222}
.data_con .dc_right .sf_selected .sf_arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:15px;color:#333;pointer-events:none;}
.data_con .dc_right .sf_options{position:absolute;left:0;top:calc(100% + 4px);width:100%; margin:0;padding:6px 0;list-style:none;background:#fff;border-radius:10px;border:1px solid #ddd;box-shadow:0 4px 10px rgba(0,0,0,0.06);box-sizing:border-box;display:none;z-index:30;}
.data_con .dc_right .sf_select.is_open .sf_options{display:block;}
.data_con .dc_right .sf_select.is_open .sf_selected .sf_arrow{transform:translateY(-50%) rotate(180deg);}
.data_con .dc_right .sf_options li{padding:8px 14px;font-size:14px;color:#333;cursor:pointer;}
.data_con .dc_right .sf_options li:hover{background:#f3f3f3;}
.data_con .dc_right .sf_options li.is_selected{background:#e6f5f7;color:#006d80;}
.data_con .dc_right .set_item.col2.mobile .set_label {display:none;}

.data_con .dc_right .period_wrap {display:flex; flex-direction:column; gap:10px;}
.data_con .dc_right .period_row{display:flex; align-items:center; gap:10px;}
.data_con .dc_right .date_box{position:relative; flex:1;}
.data_con .dc_right .date_input{width:100%; height:46px; padding:0 16px 0 40px; border-radius:10px; border:1px solid #eee;background:#f7f7f7;font-size:15px;color:#333;box-sizing:border-box;}
.data_con .dc_right .date_input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;}

.data_con .dc_right .date_icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:#555;}
.data_con .dc_right .date_wave{font-size:18px;color:#555;}
.data_con .dc_right .period_shortcut{display:flex;gap:8px;margin-top:4px;}
.data_con .dc_right .ps_btn{min-width:64px; padding:10px 18px;border-radius:999px;border:1px solid #ddd;background:#fff;font-size:14px;color:#444;cursor:pointer;box-sizing:border-box;}
.data_con .dc_right .ps_btn.active{background:#006d80;border-color:#006d80;color:#fff;}

.data_con .dc_right::-webkit-scrollbar {width:6px;}
.data_con .dc_right::-webkit-scrollbar-track {background: #e3e3e3; border-radius: 999px;}
.data_con .dc_right::-webkit-scrollbar-thumb {background:#878787;border-radius:999px;}


/* 아이폰 사파리일 경우 */
@supports (-webkit-touch-callout: none) {
  .data_con .dc_right .date_icon { display:none; }

  .data_con .dc_right .date_input{
    padding-left: 16px;     
    padding-right: 16px;     
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .data_con .dc_right .date_box{ min-width:0; }
}




.dt_wrap{margin-top:8px;}
.dt_all{display:flex; align-items:center; gap:8px; padding:15px 20px; border-radius:8px; border:1px solid #ddd; background:#ffffff; cursor:pointer; box-sizing:border-box;}
.dt_all_input{position:absolute; opacity:0; pointer-events:none;}
.dt_all_box{width:20px; height:20px; border-radius:5px; border:1px solid #aaa; background:#ffffff; box-sizing:border-box; position:relative;}
.dt_all_input:checked + .dt_all_box{border-color:#006d80; background:#006d80 url("/images/common/ic_checked.png") no-repeat center center;}
.dt_all_text{font-size:15px; color:#222;}
.dt_group{margin-top:10px;}
.dt_group_head{width:100%; padding:15px 20px; border-radius:8px; border:1px solid #ddd; background:#ffffff; display:flex; align-items:center; justify-content:space-between; cursor:pointer; box-sizing:border-box;}
.dt_group_title{font-size:15px;}
.dt_group_arrow{font-size:15px; color:#222; display:flex; align-items:center; transition:transform 0.15s ease;}
.dt_group.is_open .dt_group_arrow{transform:rotate(180deg);}
.dt_group_body{display:none; box-sizing:border-box; grid-template-columns: repeat(2,1fr); margin-top:10px; gap:10px; padding:0 15px;;}
.dt_group.is_open .dt_group_body{display:grid;}
.dt_chip{display:inline-flex; align-items:center; cursor:pointer; gap:10px;}
.dt_chip .dt_chk{position:absolute; opacity:0; pointer-events:none;}
.dt_chip_box{width:20px; height:20px; border-radius:5px; border:1px solid #aaa; background:#ffffff; box-sizing:border-box; position:relative; flex:none;}
.dt_chip .dt_chk:checked + .dt_chip_box{border-color:#006d80; background:#006d80 url("/images/common/ic_checked.png") no-repeat center center;}
.dt_chip_text{font-size:14px; color:#222;}

.dt_body{display:none;padding:6px 4px 0;}         
.dt_group.is_open .dt_body{display:flex;}      

.dc_button_wrap {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:40px;}
.dc_button_wrap .btn {background:#006d80; border:1px solid #006d80; box-sizing:border-box; height:50px; transition:all 0.25s ease;}
.dc_button_wrap .btn.adapt {color:#fff;}
.dc_button_wrap .btn.excel {color:#006d80; border-color:#006d80; background:#fff;}


/* 조회전 상태 */
.dc_empty {min-height:700px; height: 100%; border-radius: 16px; background: #ffffff; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px;color:#666; padding:20px;}
.dc_empty_icon {width:48px; height:48px; border-radius:50%; background:#f5f7f9; display:flex; align-items:center; justify-content:center; margin-bottom:4px;}
.dc_empty_icon i {font-size:24px; color:#006d80;}
.dc_empty_title {font-size:16px; font-weight:700; color:#222;}
.dc_empty_desc {font-size:14px; line-height:1.5;}

/* 데이터가 없을 때 -- 전체 조회 안되는 경우 */
.dc_item_empty {min-height:120px; display:flex;align-items:center; justify-content:center; text-align:center; font-size:14px; color:#777; border-radius:10px; background:#fafafa; border:1px dashed #ddd;}

/* 데이터 없을 때 -- 일부 데이터 조회 안되는 경우 */
.dc_item_empty.part {height:100% !important;}


@media screen and (max-width:1400px) {
    .dt_group_body{grid-template-columns: repeat(4,1fr);}
    .data_con {grid-template-columns:1fr;}
    .data_con .dc_left  {order:2;}
    .data_con .dc_right {order:1; position: static;}
}

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

@media screen and (max-width:1000px) {
    .dt_group_body{grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width:760px) {
    .dc_table {font-size:14px;}
    .dc_table th, .dc_table td {min-width:50px; padding:12px 10px;}
    .dt_group_body {grid-template-columns:repeat(2, 1fr);}

}

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

@media screen and (max-width:480px) {
    .data_con .dc_right .set_item.col2 {grid-template-columns:1fr;}
    .data_con .dc_right .period_shortcut {flex-wrap:wrap;}
    .data_con .dc_right .period_row {flex-direction:column; align-items:stretch;}
    .data_con .dc_right .date_wave {display:none;}
    .dt_group_body {grid-template-columns:1fr;}
    .data_con .dc_right .set_group .label_grid {display:none;}
    .data_con .dc_right .set_group .set_item.col2.mobile {gap:0px;}
    .data_con .dc_right .set_group .set_item.col2.mobile .sf_select.if_select {margin-top:25px;}
    .data_con .dc_right .set_item.col2.mobile .set_label {display:block;}
}

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

}





/********************************************************

    공통

********************************************************/


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

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

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

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

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

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

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








/********************************************************

    sub05.공지사항list

********************************************************/

.list_dg01.notice .paging {justify-content:center !important;}
.table_dg01.notice div {display:flex; align-items:center; gap:25px;}
.table_dg01.notice div h3 {font-weight:400; color:#666; font-size:18px;}
.table_dg01.notice div p {font-size:18px !important; font-weight:600;}


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

@media screen and (max-width:1280px) {
    .table_dg01.notice .td_list a ul {grid-template-columns: repeat(2,1fr);}
}

@media screen and (max-width:1000px) {
    .table_dg01.notice div {gap:20px;}
    .table_dg01.notice div h3 {font-size:17px;}
    .table_dg01.notice div p {font-size:17px !important;}
}

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

@media screen and (max-width:680px) {
    .table_dg01.notice div {gap:15px;}
    .table_dg01.notice div h3 {font-size:16px;}
    .table_dg01.notice div p {font-size:16px !important;}
}

@media screen and (max-width:480px) {
    .table_dg01.notice .td_list a ul li:first-child {border-bottom:1px solid #ddd;}
    .table_dg01.notice .td_list a ul li:last-child {border-top:none;}
    .table_dg01.notice div {gap:10px;}
    .table_dg01.notice div h3 {font-size:15px;}
    .table_dg01.notice div p {font-size:15px !important;}
}

@media screen and (max-width:360px) {
    .table_dg01.notice div h3 {font-size:14px;}
    .table_dg01.notice div p {font-size:14px !important;}
}


/********************************************************

    sub05.FAQ

********************************************************/

/* 탭메뉴 */
.con_faq .faq_tab {}
.con_faq .faq_tab ul {display:flex; align-items:center; gap:5px;}
.con_faq .faq_tab ul li {}
.con_faq .faq_tab ul li a {display:block; padding:10px 40px;background:#f3f4f6; border-radius:9px; color:#6b7280; font-weight:500; white-space: nowrap;}
.con_faq .faq_tab ul li.active a {background:#006d80; color:#fff; font-weight:600;}

.con_faq .faq_list {margin-top:30px; border-top:1px solid #222;}

.con_faq .fq_head {display:flex; align-items:center; gap:15px; padding:18px 20px; cursor:pointer; border-bottom: 1px solid #e4e4e4;}
.con_faq .fq_item.is_open .fq_head {border:none;}

.con_faq .q_icon {font-weight:700; font-size:36px; color:#f3f4f6;}
.con_faq .fq_badge {padding:6px 20px; border-radius:999px; font-size:13px; color:#006d80; border:1px solid #006d80;}


.con_faq .fq_title {flex:1; font-size:16px; color:#222; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:break-all;}

.con_faq .fq_right {display:flex; align-items:center; gap:10px;}

.con_faq .fq_actions {margin-top:20px; display:flex; justify-content:flex-end; gap:6px;}
.con_faq .fq_edit,
.con_faq .fq_delete {height:30px; padding:0 10px; font-size:13px; border-radius:6px; border:1px solid #e5e7eb; background:#fff; color:#555; cursor:pointer;white-space:nowrap;}

.con_faq .fq_edit {border-color:#006d80; color:#006d80;}
.con_faq .fq_delete {border-color:#f97373;color:#e11d48;}

/* hover 효과 */
.con_faq .fq_edit:hover {
    background:#f0fbfc;
}

.con_faq .fq_delete:hover {
    background:#fff5f5;
}
.con_faq .fq_toggle {display: flex; align-items: center; justify-content: center;}
.con_faq .fq_toggle i {font-size:20px; color:#777; transition:transform .25s ease;}
.con_faq .fq_item.is_open .fq_toggle i {transform:rotate(180deg);}
.con_faq .fq_body {display:none; padding:40px 20px; background:#f7f7f9;}
.con_faq .fq_item.is_open .fq_body {border-bottom:1px solid #e4e4e4;}
.con_faq .fq_answer {display:flex; gap:30px; color:#666666; align-items:center;}
.con_faq .a_icon {font-weight:700; font-size:36px; color:#006d80;}

.btn_wrap.faq_btn {margin-top:20px !important;}
.btn_wrap.faq_btn button {width:100%; border-radius:10px;}
.btn_wrap.faq_btn .btn_write {background:#006d80;}  

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

@media screen and (max-width:1280px) {
    .btn_wrap.faq_btn {margin-top:30px !important;}
    .btn_wrap.faq_btn button {width:100%; border-radius: 10px;}
    .btn_wrap.faq_btn .btn_write {background:#006d80;} 
}

@media screen and (max-width:1000px) {
    .con_faq .faq_tab ul li a {padding:7px 20px; font-size:15px;}
    .con_faq .q_icon, .a_icon {display:none;}
    .con_faq .fq_edit,
    .con_faq .fq_delete {font-size:13px !important;}

}

@media screen and (max-width:760px) {
  .con_faq .faq_tab {overflow-x:auto; -webkit-overflow-scrolling:touch;}
  .con_faq .faq_tab ul {flex-wrap:nowrap; min-width:max-content;}
  .con_faq .faq_tab::-webkit-scrollbar {display:none;}
  .con_faq .fq_actions {gap:4px; margin-top:10px;}
  .con_faq .fq_edit,
  .con_faq .fq_delete {height:30px; padding:0 7px; font-size:12px !important;}
}

@media screen and (max-width:680px) {
    .con_faq .faq_tab ul li a {padding:7px 20px; font-size:14px;}
    .con_faq .fq_head {gap:10px; padding:13px 20px;}
    .con_faq .fq_body {display:none; padding:20px;}
    .con_faq .fq_badge {border:none; padding:0px;}
    .con_faq .fq_toggle i {font-size:14px;}
    .con_faq .fq_answer {line-height:1.7;}
}

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

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



/********************************************************

    sub05.FAQ 등록페이지

********************************************************/

/* FAQ 등록 카테고리 선택 */
.con_regi.faq .tr_category .tr_label {width:120px; font-size:16px; color:#222; flex-shrink:0;}

.con_regi.faq .faq_type {display:flex; flex-wrap:wrap; gap:10px;}
.con_regi.faq .faq_type_item {position:relative; display:inline-flex;}
.con_regi.faq .faq_type_item input {position:absolute; inset:0; opacity:0; pointer-events:none;}
.con_regi.faq .faq_type_item span {display:inline-block; padding:8px 22px; border-radius:999px; border:1px solid #d6dee6; background:#f7f9fb; font-size:14px; color:#6b7280; cursor:pointer; transition:background .2s ease, border-color .2s ease, color .2s ease; white-space:nowrap;}
.con_regi.faq .faq_type_item span:hover {border-color:#006d80; color:#006d80;}
.con_regi.faq .faq_type_item input:checked + span {background:#006d80; border-color:#006d80; color:#fff; font-weight:600;}

.con_regi.faq .type_mobile {display:none;}

.con_regi.faq .type_select {position:relative; width:100%;}
.con_regi.faq .faq_select {width:100%; height:44px; padding:8px 10px; border-radius:8px; border:1px solid #d6dde8; background:#fff; display:flex; align-items:center; justify-content:space-between; font-size:14px; color:#333; cursor:pointer; text-align:left;}
.con_regi.faq .faq_select .label {white-space:nowrap;}
.con_regi.faq .faq_select i {font-size:16px; color:#666; transition:transform .2s ease;}
.con_regi.faq .type_select.is_open .faq_select i {transform:rotate(180deg);}

/* 옵션 리스트 */
.con_regi.faq .select_list {position:absolute; left:0; right:0; top:calc(100% + 4px); background:#fff; border:1px solid #d6dde8; border-radius:8px; box-shadow:0 8px 18px rgba(0,0,0,.06); padding:4px 0; display:none; z-index:20;}
.con_regi.faq .type_select.is_open .select_list {display:block;}
.con_regi.faq .select_list li {}
.con_regi.faq .select_list button {width:100%; padding:8px 12px; background:#fff; border:none; text-align:left; font-size:14px; color:#444; cursor:pointer;}
.con_regi.faq .select_list button:hover {background:#f3f4f6;}


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

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

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

@media screen and (max-width:760px) {
    .con_regi.faq .tr_category {flex-direction:column; align-items:flex-start; gap:10px;}
    .con_regi.faq .tr_category .tr_label {width:auto;}

    .con_regi.faq .type_mobile {display:flex;}
     .con_regi.faq .type_pc {display:none;}
}

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

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

@media screen and (max-width:360px) {
    .con_regi.faq .tr_content .tr_textarea {min-height:200px;}
}




/********************************************************

    sub05.Q&A 리스트

********************************************************/

.list_dg01.qa .paging {justify-content:center;}
.table_dg01.qa div {display:flex; align-items:center;}
.table_dg01.qa div h3 {font-weight:400; color:#666; font-size:18px; margin-right:25px;}
.table_dg01.qa div p {font-size:18px !important; font-weight:600;  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow:hidden;  overflow: hidden; text-overflow:ellipsis; word-break: break-all;}
.table_dg01.qa div .post_private {margin-right:10px; display:flex; align-items:center; justify-content:center;}
.table_dg01.qa div .answer_complete {margin-left:10px; font-weight:600; color:#006d80;}

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

@media screen and (max-width:1280px) {
    .table_dg01.qa .td_list a ul {grid-template-columns: repeat(2,1fr);}
}

@media screen and (max-width:1000px) {
    .table_dg01.qa div h3 {font-size:17px;}
    .table_dg01.qa div p {font-size:17px !important;}
}

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

@media screen and (max-width:680px) {
    .table_dg01.qa div h3 {font-size:15px; margin-right:10px;}
    .table_dg01.qa div p {font-size:15px !important;}
    .table_dg01.qa div .post_private {margin-right:6px;}
    .table_dg01.qa div p {font-size:16px !important;}
    .table_dg01.qa div .answer_complete {font-size:14px;}
}

@media screen and (max-width:480px) {
    .table_dg01.qa .td_list a ul li:first-child {border-bottom:1px solid #ddd;}
    .table_dg01.qa .td_list a ul li:last-child {border-top:none;}
}

@media screen and (max-width:360px) {
    .table_dg01.qa div h3 {font-size:14px;}
    .table_dg01.qa div p {font-size:14px !important;}
}




/********************************************************

    sub05.Q&A뷰

********************************************************/

.view_dg01.qna {grid-template-columns:1fr 640px;}
.view_dg01.qna .post_top {display:flex; align-items:center; justify-content:space-between;}
.view_dg01.qna .pt_right .badge_private {display:flex; flex-direction:row; align-items:center; gap:6px; color:#666;}
.view_dg01.qna .aa_head {padding-bottom:30px; border-bottom:1px solid #e5e5e5; display:flex; align-items:center; justify-content:space-between;}
.view_dg01.qna .aa_head .info {display:flex; align-items:center; justify-content:flex-start; gap:7px;}

.view_dg01.qna .aa_head h5 {margin-bottom:0;}
.view_dg01.qna .aa_head span {color:#666666; font-size:14px;}
.view_dg01.qna .aa_content {padding:40px 0px; line-height:1.6;}

/* 관리자 드롭다운  */
.admin_answer .side {position:relative; display:flex; align-items:center;}
.admin_answer .drop_btn {width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:none; background:transparent; cursor:pointer; border-radius:6px;}
.admin_answer .drop_btn i {font-size:18px; color:#555;}
.admin_answer .drop_btn:hover {background:#f3f4f6;}
.admin_answer .drop_btn:active {transform:translateY(1px);}

.admin_answer .drop_menu {position:absolute; top:40px; right:0; min-width:120px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,.08); padding:10px; display:none; z-index:20;}
.admin_answer .drop_menu li {list-style:none;}
.admin_answer .drop_menu button {width:100%; padding:10px 15px; text-align:left; font-size:14px; color:#222; background:transparent; border:none; cursor:pointer;}
.admin_answer .drop_menu button:hover {background:#f7f7f9; border-radius:7px;}
.admin_answer .drop_menu button i {margin-right:10px;}
.admin_answer .drop_menu .dm_delete {color:#ea0000;}
.admin_answer .side.is_open .drop_menu {display:block;}

.view_dg01.qna .tr_group.tr_file {gap:0px;}

/* 관리자 답변 empty 상태 */
.admin_answer .aa_empty {padding:60px 20px; text-align:center; color:#888; background:#f7f7f9; border-radius:10px; display:flex; flex-direction:column; align-items:center; gap:10px;}
.admin_answer .aa_empty i {font-size:36px; color:#cbd5e1;}
.admin_answer .aa_empty .msg {font-size:15px; color:#666;}

/* 관리자 답변 작성 영역 */
.admin_answer .aa_write { display:flex; flex-direction:column; gap:12px;}
.admin_answer .btn_write_answer {height:46px; border-radius:8px; background:#006d80; color:#fff; font-size:15px; font-weight:500; border:none; cursor:pointer; padding:8px 20px;}
.admin_answer .write_form {display:flex; flex-direction:column; background:#fff;}
.admin_answer .write_form h5 {margin-bottom:15px;}
.admin_answer .aa_textarea {min-height:140px; resize:vertical; border:1px solid #e5e7eb; border-radius:6px; padding:12px; font-size:15px; background:#fff; color:#222; margin-bottom:15px;}
.admin_answer .aa_btns {display:flex; justify-content:flex-end; gap:8px; margin-top:5px;}
.admin_answer .btn_save_answer {height:38px; padding:0 14px; border-radius:6px; background:#006d80; color:#fff; border:none; cursor:pointer; font-size:14px;}
.admin_answer .btn_cancel_answer {height:38px; padding:0 14px; border-radius:6px; background:#fff; color:#666; border:1px solid #ddd; cursor:pointer; font-size:14px;}

.admin_answer .aa_write .write_guide {display:flex; flex-direction:column; gap:30px; align-items:center; text-align:center; padding:40px 0px;}
.admin_answer .aa_write .no_picto {display:flex; justify-content:center; align-items:center; width:70px;}
.admin_answer .aa_write .no_picto img {width:100%; height:100%;}
.admin_answer .aa_write .comment {display:flex; flex-direction:column; gap:5px;}
.admin_answer .aa_write .comment p {font-weight:500; color:#444;}
.admin_answer .aa_write .comment span {font-size:14px; color:#777;}

.admin_answer .aa_btnWrap {display:flex; align-items:center; justify-content:center; gap:10px; margin-top:10px;}
.admin_answer .aa_btnWrap .aa_btn {font-size:14px; background:#ddd; border-radius:7px; padding:8px 15px;}
.admin_answer .aa_btnWrap .aa_btn.save {background:#006d80; color:#fff;}
.admin_answer .aa_btnWrap .aa_btn.cancle {background:#666; color:#fff;}

@media screen and (max-width:1600px) {
    .view_dg01.qna {grid-template-columns:1fr 540px;}
}

@media screen and (max-width:1400px) {
    .view_dg01.qna {grid-template-columns:1fr 440px;}
}

@media screen and (max-width:1280px) {
     .view_dg01.qna {grid-template-columns:1fr;}   
}

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

@media screen and (max-width:760px) {
    .view_dg01.qna .post_top {padding-bottom:30px;}
    .view_dg01.qna .aa_head {padding-bottom:20px;}
    .view_dg01.qna .aa_content {padding:30px 0px !important;}
    .view_dg01 .file_section {padding-top:20px !important;}
}

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

@media screen and (max-width:480px) {
    .view_dg01.qna .post_top {padding-bottom:20px; flex-direction:column; align-items:flex-start; gap:10px;}
    .view_dg01.qna .aa_head {padding-bottom:15px;}
    .view_dg01.qna .aa_content {padding:20px 0px;}

    .admin_answer .aa_write .write_guide {gap:20px;}

}

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


/********************************************************

    sub05.Q&A작성

********************************************************/

/* 공개/비공개 선택 영역 */
.con_regi.qna .tr_open { display:flex; align-items:flex-start; gap:10px;}
.con_regi.qna .open_toggle {display:flex; background:#f7f8fa; border-radius:12px; gap:6px; width:170px;}
.con_regi.qna .ot_btn {
    flex:1; position:relative; display:flex; align-items:center; justify-content:center;
    background:#e6e9ec; color:#555; font-size:15px; padding:10px 0;
    border-radius:8px; cursor:pointer; transition:all .2s ease; overflow:hidden;
}
.con_regi.qna .ot_btn input { position:absolute; opacity:0;}
.con_regi.qna .open_toggle[data-state="open"] .ot_open,
.con_regi.qna .open_toggle[data-state="close"] .ot_close {background:#006d80; color:#fff; font-weight:500;}
.con_regi.qna .ot_btn:hover { background:#dce0e3; }


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

}

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

}

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

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

@media screen and (max-width:760px) {
    .con_regi.qna .tr_open {flex-direction:column; align-items:flex-start;}
    .con_regi.qna .open_toggle {width:100%;}
}

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

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

}

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



/********************************************************

    sub06.정보수정

********************************************************/


.admin_info {}
.admin_info .ai_grid {display:grid; grid-template-columns: 435px 1fr; gap:40px; align-items:flex-start; margin-top:35px;}
.admin_info .ai_wrap {display:flex; flex-direction:column; gap:20px;}
.admin_info .ai_photo {background:#fff; border-radius:10px; height:435px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.admin_info .ai_photo img {display:block;}
.admin_info .ai_photo.empty img {}
.admin_info .ai_photo.has img {width:100%; height:100%; object-fit:cover; object-position:center;}

.admin_info .form_grid {display:grid; grid-template-columns:1fr; row-gap:20px;}
.admin_info .ai_row {width:100%;}

.admin_info .ai_row--2col {display:grid; grid-template-columns:1fr 1fr;  /* 2열 */column-gap:20px;}
.admin_info .ai_field {display:flex; align-items:center;gap:16px;}

.admin_info .ai_label {width:150px; font-size:18px; color:#222; flex-shrink:0; font-weight:500; cursor:default;}
.admin_info .ai_input {flex:1; width:100%; height:50px; background:#fff; border-radius:5px; border:1px solid transparent; padding:0 20px; font-size:16px; color:#666; box-sizing:border-box;}

.admin_info .ai_input:disabled {background:#f7f7f9; color:#666; cursor:not-allowed;}

.admin_info[data-mode="view"] .ai_input {background:#f7f7f9; border-color:transparent; color:#666; cursor:not-allowed;}
.admin_info[data-mode="edit"] .ai_input {background:#fff; border-color:#ddd; cursor:text;}
.admin_info[data-mode="edit"] .ai_input:disabled {background:#f7f7f9; color:#666; cursor:not-allowed;}
.admin_info[data-mode="view"] .btn_img_edit {display:none;}
.admin_info[data-mode="edit"] .btn_img_edit {display:block;}
.admin_info[data-mode="view"] .btn_img_default {display:none;}
.admin_info[data-mode="edit"] .btn_img_default {display:block;}

.admin_info .btn_img_edit {height:50px; background:#fff; color:#006d80; border:1px solid #006d80;}
.admin_info .btn_img_default {height:50px; background:#fff; color:#006d80; border:1px solid #006d80;}

.admin_info .ai_row.pw_change .pw_wrap {display:flex; gap:10px; flex:1;}
.admin_info .ai_row.pw_change .pw_wrap .change_btn {background:#fff; border-radius:7px; border:1px solid #ddd; width:100px; color:#666; display:none;}
.admin_info .ai_row.pw_confirm {display:none;}
.admin_info .ai_row.pw_confirm .confirm_wrap {flex:1; width:100%;}
.admin_info .ai_row.pw_confirm .ai_pw_confirm {width:100%;}

.admin_info .ai_field input.error {border-color: #e11d48 !important;}
.admin_info .ai_field input.success {border: 1px solid #059669;}
.admin_info .af_error {font-size: 13px; color:#e11d48; margin-top:10px;}
.admin_info .af_success {font-size:13px; color:#059669; margin-top:10px;}


@media screen and (max-width:1400px) {
    .admin_info .ai_label {width:130px;}
}

@media screen and (max-width:1280px) {
    .admin_info .ai_label {font-size:17px;}
    .admin_info .ai_row--2col {grid-template-columns: 1fr; row-gap:20px;}
    .admin_info .ai_row.pw_change .pw_wrap .change_btn {width:80px;}
}

@media screen and (max-width:1000px) {
    .admin_info .ai_form {padding:30px;}
    .admin_info .ai_grid {grid-template-columns: 1fr;}
    .admin_info .form_grid {row-gap:15px;}
    .admin_info .ai_row--2col {row-gap:15px;}
    .admin_info .ai_label {width:100px;}
    .admin_info .ai_input {height:45px;}
    .admin_info .btn_img_edit {height:40px; font-size:14px;}
}

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

@media screen and (max-width:680px) {
    .admin_info .ai_grid {gap:20px;}
    .admin_info .ai_photo.empty img {width:130px; height:130px;}
}

@media screen and (max-width:480px) {
    .admin_info .ai_photo {height:300px;}
    .admin_info .ai_field {flex-direction:column; align-items:flex-start; gap:8px;}
    .admin_info .ai_input {flex:none;}
    .admin_info .ai_row.pw_change .pw_wrap {flex-direction:column; width:100%;}
    .admin_info .ai_row.pw_change .pw_wrap .change_btn {width:100%;}
}

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



/********************************************************

    sub06.회원승인list

********************************************************/

.list_dg01.approve .paging {justify-content:center; margin-top:0; padding-top:30px;}

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

@media screen and (max-width:1280px) {
    .table_dg01.approve .td_list a ul {grid-template-columns: repeat(2,1fr);}
}

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

}

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

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

@media screen and (max-width:480px) {
    .table_dg01.approve .td_list a ul li:first-child {border-bottom:1px solid #ddd;}
    .table_dg01.approve .td_list a ul li:last-child { border-top:none;}
}

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



/********************************************************

    sub06.회원승인view

********************************************************/

/* 기업사진 */
.con_view.approve {}
.con_view.approve .ap_grid {display:grid; grid-template-columns: 1fr 1fr 400px; align-items:stretch; gap:40px;}
.con_view.approve .cp_wrap {height:345px; background:#f3f4f6; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; border-radius:10px;}
.con_view.approve .text {color:#6b7280;}
.con_view.approve .cp_info {display:flex; flex-direction:column; border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}
.con_view.approve .cp_info .name {font-weight:600; color:#222; margin-bottom:15px;}
.con_view.approve .cp_info .address {color:#666;}
.con_view.approve .cp_info .update {font-size:14px; margin-top:10px; color:#666;}

/* 기업정보 */
.con_view.approve .cv_info {}
.con_view.approve .info_grid {display:flex; flex-direction:column; gap:30px;}
.con_view.approve .cv_row {display:grid; grid-template-columns:1fr 1fr; gap:20px 40px;}
.con_view.approve .cv_row.dg01 {grid-template-columns: repeat(auto-fill, minmax(50%, auto));}
.con_view.approve .cv_item {display:flex; flex-direction:column; gap:6px;}
.con_view.approve .cv_label {color:#888;}
.con_view.aprrove .cv_val {color:#444; font-weight:600;}
.con_view.approve .cv_divider {height:1px; background:#e5e7eb; margin:10px 0;}
.con_view.approve .cv_item.full {grid-column: 1 / -1;}

/* 승인요청 처리 */
.con_view.approve .cv_right {}
.con_view.approve .status {background:#f3f4f6; padding:12px 15px; border-radius:10px; display:flex; align-items:center; gap:8px;}
.con_view.approve .cv_right .btn_wrap {margin-top:30px;}
.con_view.approve .cv_right .btn_wrap button {border-radius:7px; width:100%; font-weight:400;}
.con_view.approve .cv_right .btn_approve {background:#006d80;}
.con_view.approve .cv_right .btn_reject,.con_view.approve .cv_right .btn_reject1 {background:#f1f1f1; color:#666;}

.con_view.approve .history {border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}

.con_view.approve .history ul {}
.con_view.approve .history ul li {margin-top:15px; border-bottom:1px dotted #ddd; padding-bottom:15px;}
.con_view.approve .history ul li:first-child {margin-top:0;}
.con_view.approve .history ul li:last-child {padding-bottom:0; border-bottom:none;}
.con_view.approve .history ul li .h_title {display:flex; align-items:flex-end; gap:6px;}
.con_view.approve .history ul li .h_title span {display:flex; align-items:center; gap:10px; font-weight:600;}
.con_view.approve .history ul li .h_title span:last-child {font-size:14px; font-weight:400; color:#666;}
.con_view.approve .history ul li .comment {margin-top:4px; color:#666;}

.con_view.approve .cv_right .btn_approve:hover {background:#005e6e;}
.con_view.approve .cv_right .btn_reject:hover, .con_view.approve .cv_right .btn_reject1:hover {background:#e4e4e4; color:#666;}

@media screen and (max-width:1600px) {
    .con_view.approve .cv_grid {grid-template-columns: 1fr 1fr 350px;}
}

@media screen and (max-width:1400px) {
    .con_view.approve .ap_grid {grid-template-columns: 1fr;}
    .con_view.approve .cp_info {display:none;}
}

@media screen and (max-width:1280px) {
    .con_view.approve .ap_grid {gap:20px;}
    .con_view.approve .cp_wrap img {height:50px;}
}
@media screen and (max-width:1000px) {
    .con_view.approve .cv_row {grid-template-columns:1fr;}
    .con_view.approve .cv_val {border:1px solid #ddd; border-radius:7px; padding:7px 12px; background:#f7f7f9}
    .con_view.approve .info_grid {gap:15px;}
    .con_view.approve .cv_divider {display:none;}
}

@media screen and (max-width:760px) {
    .con_view.approve .cp_wrap img {height:40px;}
    .con_view.approve .cp_info {display:flex;}
}

@media screen and (max-width:680px) {
    .con_view.approve .cp_info {margin-top:20px; padding-top:20px;}
    .con_view.approve .history {margin-top:20px; padding-top:20px;}
}

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

@media screen and (max-width:360px) {
    .con_view.approve .cp_wrap {height:250px;}
    .con_view.approve .cp_info {display:none;}
}



/********************************************************

    sub01.농작업일지write

********************************************************/

.con_regi .tr_content .tr_textarea {min-height:300px; border-radius:5px; border-color:#e2e8f0; padding:10px; resize:vertical; font-size:16px;}
.con_regi .tr_content .tr_textarea::placeholder {color:#aaa;}

/* 날짜선택 인풋창 */
.con_regi.work_log .tr_group.tr_date .tr_input {width:160px;}

/* 파일첨부 영역 */
.tr_group.tr_file {display:flex; flex-direction:column; gap:8px;}
.tr_group.tr_file .file_upload {position:relative;}
.tr_group.tr_file .file_input {position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.tr_group.tr_file .file_drop {height:150px; border:1px dashed #d1d8e5; border-radius:8px; background:#fafafa; min-height:80px; display:flex; align-items:center; justify-content:center; text-align:center; transition:background .2s ease, border-color .2s ease;}
.tr_group.tr_file .file_inner {display:flex; flex-direction:column; align-items:center; gap:8px;}
.tr_group.tr_file .file_icon {width:32px; height:32px; border-radius:50%; background:#f0f3f1; display:flex; align-items:center; justify-content:center; font-size:18px; color:#006d80;}
.tr_group.tr_file .file_text {font-size:14px; color:#666;}
.tr_group.tr_file .file_drop:hover {background:#f1f7ff; border-color:#1d6fd8;}

/* 파일리스트 영역 */
.tr_group.tr_file .file_list {margin-top:12px; display:flex; flex-direction:column; gap:8px; width:100%;}
.tr_group.tr_file .file_item {width:100%; overflow:hidden; background:#fafafa; border-radius:10px; border:1px solid #eceff4; padding:10px 15px; display:flex; align-items:center; gap:12px;}
.tr_group.tr_file .file_info {display:flex; align-items:center; gap:10px; flex:1 1 auto; min-width:0; flex-direction:row;}
.tr_group.tr_file .fi_icon {}
.tr_group.tr_file .fi_icon i {font-size:20px; color:#006d80; display:flex; align-items:center;}
.tr_group.tr_file .fi_left {display:flex; align-items:center; gap:10px;}
.tr_group.tr_file .file_meta {display:flex; flex-direction:column; gap:5px; align-items:flex-start;}
.tr_group.tr_file .file_name {font-size:16px; color:#444; font-weight:400; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow:hidden;  overflow: hidden; text-overflow:ellipsis; word-break: break-all;}
.tr_group.tr_file .file_size {font-size:14px; color:#888;}
.tr_group.tr_file .file_remove {border:none; background:transparent; color:#e2574c; font-size:18px; cursor:pointer; flex-shrink:0; padding:0; margin-left:auto}
.tr_group.tr_file .file_remove:hover {color:#c0392b;}
.tr_group.tr_file .file_remove i {width:35px; height:35px; border-radius:6px; background:#fff; display:flex; align-items:center; justify-content:center; color:#c0392b; font-size:16px; flex-shrink:0; border:1px solid #ddd;}

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

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

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

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

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

@media screen and (max-width:480px) {
    .tr_group.tr_file .fi_icon {display:none;}
    .tr_group + .tr_group {margin-top:25px;}
    .tr_content .tr_textarea {min-height:200px;}
}

@media screen and (max-width:360px) {
    .tr_group.tr_file .file_name {font-size:13px;}
    .tr_group.tr_file .file_size {display:none;}
}



/********************************************************

    이용약관 및 정책 

********************************************************/

.con_policy {margin-top:30px;}
.con_policy .policy_card {padding:60px; position:relative;}
.con_policy .policy_card::before {content:""; position:absolute; top:0; left:0; width:100%; height:5px; background:#006d80; border-top-left-radius:10px; border-top-right-radius:10px;}
.con_policy .policy_body {}
.con_policy section + section {padding-top:40px; margin-top:40px; border-top:1px dashed #d8dee6;}
.con_policy .sec_title {font-size:18px; font-weight:700; color:#222; margin-bottom:30px;}
.con_policy .sec_text, .con_policy .sec_list {font-size:16px; color:#666; line-height: 1.7;}
.con_policy .set_depth {padding-left:20px;}

.con_policy span {padding-left:20px;}

.con_policy.privacy {}

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

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

@media screen and (max-width:1000px) {
    .con_policy .policy_card {padding:40px;}
    .con_policy section + section {padding-top:20px; margin-top:20px;}
    .con_policy .sec_list {font-size:15px;}
}

@media screen and (max-width:760px) {
    .con_policy .sec_list {font-size:14px;}
}

@media screen and (max-width:680px) {
    .con_policy .sec_title {margin-bottom:20px;}
}

@media screen and (max-width:480px) {
    .con_policy .policy_card {padding:30px;}
}

@media screen and (max-width:360px) {
    .con_policy .sec_title {margin-bottom:15px;}
    .con_policy .sec_list {font-size:13px;}
}


/********************************************************

    아이디/비밀번호 찾기

********************************************************/

#find_bg {background:#f2f2f2;}
#find_bg .box_sorting {flex-direction:column; justify-content:flex-start; height:auto; margin:40px 0px;}
.box_sorting .fb_logo {display:flex; justify-content:flex-start; width:520px; margin-bottom:30px;}

.account_find {background:#fff; border-radius:10px; padding:60px 40px; width:520px;}
.account_find .af_head {display:flex; flex-direction:column; justify-content:center; align-items:center; margin-bottom:60px; text-align:center;}
.account_find .af_head .img_box {max-width:40px; margin-bottom:25px;}
.account_find .af_head img {width:100%; height:100%; display:block;}
.account_find .af_head  h3 {font-size:24px;}
.account_find .af_head p {color:#666; margin-top:20px;}

.af_tabs {display:flex; width:100%; background:#f3f4f6; border-radius:10px; padding:4px; gap:4px; box-sizing:border-box; margin:25px 0 30px;}
.af_tabs .af_tab {flex:1; height:48px; border:none; background:transparent; border-radius:8px; font-size:16px; font-weight:400; color:#6b7280; cursor:pointer; transition:background .2s ease, color .2s ease;}
.af_tabs .af_tab.active {background:#006d80; color:#fff;}
.af_tabs .af_tab:focus-visible {outline:2px solid #006d80; outline-offset:2px;}

.step_verify {display:flex; flex-direction:column; gap:30px;}
.step_reset {display:flex; flex-direction:column; gap:30px;}
.step_reset input::placeholder {color:#aaaaaa;}
.step_verify input::placeholder {color:#aaaaaa;}

.af_field {display:flex; flex-direction:column; gap:10px;}
.af_field input {border-radius:7px; height:50px;}
.af_field input.error {border-color: #e11d48 !important;}
.af_field input.success {border: 1px solid #059669;}
.af_error {font-size: 13px; color:#e11d48;}
.af_success {font-size:13px; color:#059669;}

.send_box {display:flex; align-items:center; gap:6px;}
.code_box {display:flex; align-items:center; gap:6px;}
.send_box input[type="text"], .code_box input[type="text"] {flex:1; height:50px;}

.step_result {display:flex; flex-direction:column; gap:20px;}
.step_result p {padding:35px 45px; border:1px solid #e2e8f0; border-radius:7px; color:#666;}
.step_result .find_id {font-size:18px; color:#006d80; font-weight:600; line-height:2.5;}

.step_done {}
.step_done .success_guide {display:flex; align-items:center; gap:6px; padding:27px 40px; background:#f5fafb; border:1px solid #006d80; border-radius:7px; color:#006d80; margin-bottom:20px;;}
.step_done .success_guide .icon {font-size:18px;}

.af_btn {height: 50px; padding:0 16px; border-radius:7px; font-size:14px; border:none; white-space:nowrap;}
.af_btn.send {background:#006d80; color:#fff;}
.af_btn.resend {background:#006d80; color:#fff;}
.af_btn.save {background:#006d80; color:#fff;}
.af_btn.confirm {background:#fff; border:1px solid #006d80; color:#006d80;}
.af_btn.login {background:#006d80; color:#fff; font-weight:600; width:100%;}
.step_done .af_btn.login {background:#fff; color:#666; font-weight:400; border:1px solid #cecece;}

.af_bottom {border-top:1px solid #f7f7f7; padding-top:40px; margin-top:50px; text-align:center;}
.af_bottom p {color:#666;}
.af_bottom .go_login {color:#006d80; text-decoration: underline; text-underline-offset:3px; margin-left:7px; font-weight:500;}


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

@media screen and (max-width:1280px) {
    .box_sorting .fb_logo {width:480px;}
    .account_find {width:480px;} 
}

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

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

@media screen and (max-width:680px) {
    .box_sorting .fb_logo {width:400px;}
    .account_find {width:400px;} 
}

@media screen and (max-width:480px) {
    .box_sorting .fb_logo {width:80%; margin-bottom:15px;}
    .box_sorting .fb_logo img {width:160px;}
    .account_find {width:80%; padding:30px;}

    .account_find .af_head {margin-top:20px; margin-bottom:20px;}
    .account_find .af_head h3 {font-size:20px;}
    .account_find .af_head p {font-size:14px; margin-top:10px;}
    .account_find .af_head .img_box {width:35px; margin-bottom:15px;}

    .af_tabs {margin-bottom:20px; margin-top:0;}
    .af_tabs .af_tab {height:35px; font-size:13px;}
    .af_btn {height:40px;}
    .af_field input {height:45px; font-size:14px;}
    .af_field input::placeholder {font-size:14px;}
    .af_field label {font-size:14px;}

    .send_box {flex-direction:column; align-items:stretch; gap:10px;}
    .code_box {flex-direction:column; align-items:stretch; gap:10px;}

    .af_bottom {padding-top:20px; margin-top:20px;}
    .af_bottom p {font-size:12px;}

    .step_verify {gap:20px;}
    .step_result p {font-size:14px; padding:25px 35px;}
    .step_done .success_guide {font-size:14px;}
}

@media screen and (max-width:360px) {
    .af_tabs {flex-direction:column; background:transparent;}
    .af_tabs .af_tab {font-size:13px;}
    .af_tab[data-target="tab-id"] {background:#f7f7f7}
    .af_tab[data-target="tab-pw"] {background:#f7f7f7}
   
    .af_field input {height:40px; font-size:13px;}
    .af_field input::placeholder {font-size:13px;}

    .account_find {padding:20px;}
    .account_find .af_head h3 {font-size:18px;}
    .account_find .af_head p {font-size:13px;}

    .step_result p {padding:25px;}
}


/********************************************************

    회원가입_01이용약관

********************************************************/

.logo_box {padding:20px 0px;}
.join_wrap {background:#fff; border-radius:12px; padding:60px; max-width:1280px; margin:0 auto; margin-top:60px;}
.join_wrap .join_head {display:flex; flex-direction:column; align-items:center; text-align:center;}
.join_wrap .join_head h4 {font-size:32px; font-weight:600;}
.join_wrap .join_head p {font-size:18px; color:#888; margin-top:20px;}

.join_wrap .jw_top .step_list {background:#f2f2f2; border-radius:100px; display:flex; gap:100px; margin-top:60px;}
.join_wrap .jw_top .step_list .step_item {flex:1; display:flex; justify-content:center; align-items:center; gap:10px; position:relative; padding:20px;}
.join_wrap .jw_top .step_list .step_item .step_label {display:block; background:#fff; border-radius:100px; padding:6px 10px; font-size:12px; font-weight:600; display:none;}
.join_wrap .jw_top .step_list .step_item .step_title {font-size:18px; font-weight:600; color:#666; position:relative;}
.join_wrap .jw_top .step_list .step_item.active {background:#006d80; border-radius:100px;}
.join_wrap .jw_top .step_list .step_item.active .step_label {display:block;}
.join_wrap .jw_top .step_list .step_item.active .step_title {color:#fff;}
.join_wrap .jw_top .step_list .step_item .step_label strong {font-weight:500;}
.join_wrap .jw_cont {margin-top:50px;}
.join_wrap .jw_cont .terms_all {background:#fff; padding:20px; border-radius:12px; border:1px solid #e1e4ea;}
.join_wrap .jw_cont .terms_all .all_label {display:flex; gap:10px; align-items:center;}
.join_wrap .jw_cont .terms_all .all_label .all_title {font-size:18px;}
.join_wrap .jw_cont .terms_all .all_label .all_desc {font-size:14px; color:#666; margin-top:5px;}
.join_wrap .jw_cont .terms_all .all_label input[type="checkbox"] {width:18px; height:18px;}

.join_wrap .jw_cont .terms_list {margin-top:25px; display:flex; flex-direction:column; gap:12px;}
.join_wrap .jw_cont .terms_item {background:#fff; border:1px solid #e1e4ea; border-radius:12px; padding:16px 20px;}

.join_wrap .jw_cont .terms_head .terms_check {display:flex; align-items:center; gap:10px;}
.join_wrap .jw_cont .terms_head {display:flex; justify-content:space-between; align-items:center;}
.join_wrap .jw_cont .terms_head .terms_check_input {width:18px; height:18px;}
.join_wrap .jw_cont .terms_head .terms_title {font-size:18px;}
.join_wrap .jw_cont .terms_head .terms_required {margin-left:4px; font-size:16px; color:#1a7b8a; font-weight:500;}
.join_wrap .jw_cont .terms_head .terms_toggle {border: 0; background: none;display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: #666; cursor: pointer;}


.join_wrap .jw_cont .terms_head .terms_toggle .terms_toggle_icon {font-size: 15px;}
.terms_item.is_open .terms_toggle_icon {transform: rotate(0deg);}
.terms_body {margin-top: 16px; padding-top: 16px; border-top: 1px solid #edf0f5;}
.terms_item.is_open .terms_body {display: block;}

.join_wrap .jw_cont .tb_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.join_wrap .jw_cont .tb_title {font-size: 14px; font-weight: 600;color: #333;}
.join_wrap .jw_cont .full_btn {padding: 6px 12px; font-size: 12px; border-radius:4px; border: 1px solid #d0d5dd; background: #fff; color: #555; cursor: pointer;}
.join_wrap .jw_cont .terms_scroll {max-height: 220px; padding:15px 20px; border-radius: 8px; border: 1px solid #e2e5ee; background: #f9f9f9; overflow-y: auto; font-size: 14px; line-height: 1.6; color: #444;}


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

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

@media screen and (max-width:1000px) {
    .join_wrap {padding:60px 30px;}
    .join_wrap .jw_top .step_list {gap:0px;}
    .join_wrap .jw_top .step_list .step_item .step_title {font-size:16px;}
    .join_wrap .jw_cont .terms_all .all_label .all_title {font-size:16px;}
    .join_wrap .jw_cont .terms_head .terms_title {font-size:16px;}
    .join_wrap .jw_cont .terms_head .terms_required {font-size:14px;}

}

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

@media screen and (max-width:680px) {
    .join_wrap {margin-top:10px;}
    .join_wrap .jw_top .step_list {margin-top:40px;}
    .join_wrap .jw_top .step_list .step_item .step_label strong {display:none;}
    .join_wrap .jw_top .step_list .step_item .step_title {font-size:15px;}
    .join_wrap .jw_top .step_list .step_item {padding:15px;}
    .join_wrap .jw_cont .terms_all .all_label .all_title {font-size:15px;}
    .join_wrap .jw_cont .terms_head .terms_title {font-size:15px;}
    .join_wrap .join_head h4 {font-size:24px;}
    .join_wrap .join_head p {font-size:16px;}
}

@media screen and (max-width:480px) {
    .join_wrap {padding-bottom:10px;}
    .join_wrap .jw_cont {margin-top:30px; margin-bottom:30px;}
    .join_wrap .jw_top .step_list .step_item .step_title {font-size:14px;}
    .join_wrap .jw_top .step_list .step_item.active .step_label {display:none;}
    .join_wrap .jw_cont .terms_all .all_label .all_title {font-size:14px;}
    .join_wrap .jw_cont .terms_head .terms_title {font-size:14px;}
    .join_wrap .jw_cont .terms_head .terms_required {font-size:13px;}
    .join_wrap .jw_top .step_list {margin-top:30px;}
 
}

@media screen and (max-width:360px) {
    .join_wrap .jw_top .step_list .step_item {padding:10px;}
    .join_wrap .jw_top .step_list .step_item .step_title {font-size:13px;}
    .join_wrap .jw_top .step_list .step_item:nth-of-type(2),
    .join_wrap .jw_top .step_list .step_item:nth-of-type(3) {display:none;}
    .join_wrap .jw_cont .tb_top {flex-direction:column; align-items:stretch; text-align:center; gap:5px;}
}




/********************************************************

    회원가입_02정보입력

********************************************************/


/* 회원선택 박스 */
.type_box {margin-top:32px;}
.type_box h3 {font-size:16px; font-weight:600; margin-bottom:10px;}
.type_select {background:#f1f1f1; border-radius:0; padding:20px 0;}
.type_select .form_element ul {display:flex; justify-content:center; align-items:center; gap:40px;}
.type_select input[type="radio"] {position:absolute; opacity:0; pointer-events:none;}
.choice_s {position: relative; display: inline-flex; align-items: center; font-size: 15px; color: #777; cursor: pointer;}
.choice_s::before {content: ""; display: inline-block; width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; background: #f3f3f3; border: 2px solid #e1e1e1; box-sizing: border-box;}
.choice_s::after {content: ""; position: absolute; left: 15px; top: 50%; width: 9px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translate(-50%, -60%) rotate(-45deg); opacity: 0.4;}
.type_select input[type="radio"]:checked + .choice_s {color: #333; font-weight: 600;}
.type_select input[type="radio"]:checked + .choice_s::before {background:#006d80; border-color:#006d80;}
.type_select input[type="radio"]:checked + .choice_s::after {opacity: 1;}

/* 기업정보 */
.jw_infoWrap {margin-top:6cqb;}
.jw_group {display:grid; grid-template-columns: repeat(2, 1fr); gap:30px}
.jw_group.col1 {grid-template-columns: repeat(1, 1fr);}
.jw_group + .jw_group {margin-top:30px;}
.jw_group .af_success, .jw_group .af_error {margin-top:10px;}

.jw_group .jw_item {display:flex; flex-direction:column; gap:10px;}
.jw_group .jw_item .jw_label {font-weight:500; position:relative; width:max-content; cursor: default;}
.jw_group .jw_item .jw_label.is_required::after {content:""; position:absolute; top:4px; right:-10px; width:6px; height:6px; border-radius:50%; background:#006d80;}

/* input + btn 함께 있을 때 */
.jw_group .jw_item .jw_confirm {display:grid; grid-template-columns: 1fr 100px; gap:5px;}
.jw_group .jw_item .jw_addr {display:grid; grid-template-columns: 1fr 50px; gap:5px;}
.jw_group .jw_item .dupli_btn {background:#ffffff; border-radius:7px; border:1px solid #ddd; color:#888;}
.jw_group .jw_item .jw_search {border:1px solid #ddd; background:#fff; border-radius:7px; color:#888;}
.jw_group .jw_item .dupli_btn:hover,
.jw_group .jw_item .jw_search:hover {border:1px solid #006d80; color:#006d80;}

/* input 스타일 */
.jw_group .jw_item .jw_input {width:100%; border-radius:7px; height:50px;}
.jw_group .jw_item .jw_input::placeholder {font-size:14px; color:#afafaf;}
.jw_group .jw_item .jw_input:focus {outline:none; border-color:#006d80;}

/* 회원가입 파일첨부 */
.jw_infoWrap .tr_group.tr_file {margin-top:30px;}
.jw_infoWrap .tr_group.tr_file .tr_label {font-weight:500;}

/* 공통 숨김 클래스 */
.jw_group.is_hidden {display:none;}

/* 셀렉트박스 */
.cs_select {position:relative; width:100%;}
.cs_selected {width:100%; height:50px; padding:0 40px 0 12px; border-radius:7px; border:1px solid #ddd; box-sizing:border-box; background:#fff; font-size:14px; color:#333; text-align:left; cursor:pointer; display:flex; align-items:center;}
.cs_selected[data-value=""] {color:#afafaf;}
.cs_selected::after {content:""; position:absolute; right:12px; top:50%; transform:translateY(-50%); width:10px; height:6px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%23999'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center;}
.cs_options {position:absolute; left:0; top:100%; margin:4px 0 0; padding:6px 0; width:100%; max-height:220px; overflow-y:auto; box-sizing:border-box; background:#fff; border-radius:7px; border:1px solid #ddd; z-index:50; list-style:none; display:none;}
.cs_select.is_open .cs_options {display:block;}
.cs_options li {padding:8px 12px; font-size:14px; color:#333; cursor:pointer; white-space:nowrap;}
.cs_options li:hover {background:#f3f7f8;}
.cs_options li.is_selected {background:#e6f5f7; color:#006d80;}


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

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

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

@media screen and (max-width:760px) {
    .type_select {background:transparent; padding:0;}
    .type_select .form_element ul {display:flex; flex-direction:column; gap:10px;}
    .type_select .form_element li {width:100%;}
    .type_select input[type="radio"] {position:absolute; opacity:0; pointer-events:none;}
    
    .choice_s {display:block; width:100%; box-sizing:border-box; padding:12px 14px; border-radius:10px; border:1px solid #ddd; background:#fff; font-size:14px; color:#444; white-space: normal;}
    .choice_s::before, .choice_s::after {content:none;}
    
    .type_select input[type="radio"]:checked + .choice_s {border-color:#006d80; background:#e6f5f7; color:#006d80; font-weight:600;}
    .jw_group .jw_item .jw_input {height:45px;}
}

@media screen and (max-width:680px) {
    .jw_group + .jw_group {margin-top:20px;}
    .jw_group {grid-template-columns: repeat(1, 1fr); gap:20px}
    .jw_group .jw_item .jw_label {font-size:14px;}
    .jw_infoWrap .tr_group.tr_file .tr_label {font-size:14px;}
    .jw_group .jw_item .dupli_btn {font-size:14px;}
}

@media screen and (max-width:480px) {
    .jw_group .jw_item .jw_confirm {grid-template-columns: 1fr 70px;}
}

@media screen and (max-width:360px) {
    .join_wrap.step02 .jw_top .step_list .step_item:nth-of-type(1),
    .join_wrap.step02 .jw_top .step_list .step_item:nth-of-type(3) {display:none !important;}
    .join_wrap.step02 .jw_top .step_list .step_item:nth-of-type(2){display:flex !important;}
}



/********************************************************

    회원가입_03가입완료

********************************************************/


/* .join_wrap .jw_cont {margin-top:100px; margin-bottom:50px;} */

.join_wrap.step03 .jw_cont {display:flex; flex-direction:column; align-items:center; justify-content:center; margin:60px 0px; margin-bottom:30px;}

.join_wrap .jw_cont .jw_greetings {display:flex; flex-direction:column; align-items:center; text-align:center;}
.join_wrap .jw_cont .jw_greetings .picto {background:#006d80; padding:25px; border-radius:50%; color:#fff;}
.join_wrap .jw_cont .jw_greetings .comment {margin-top:30px; font-size:22px; color:#444;}
.join_wrap .jw_cont .jw_greetings .comment span {font-size:16px; color:#888; margin-top:15px; display:block;}

.join_wrap .jw_cont .jw_info {background:#fff; padding:30px; border-radius:22px; margin-top:40px; text-align:center; min-width:400px; border: 1px solid #eaeaea;}
.join_wrap .jw_cont .jw_info p {font-size:14px; color:#888;}
.join_wrap .jw_cont .jw_info ul {display:flex; flex-direction:column; margin-top:30px;}
.join_wrap .jw_cont .jw_info ul li {display:flex; justify-content:space-between;}
.join_wrap .jw_cont .jw_info ul li + li {border-top:1px solid #eee; padding-top:15px; margin-top:15px;}
.join_wrap .jw_cont .jw_info ul li .label {color:#666;}


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

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

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

@media screen and (max-width:760px) {
    .join_wrap .jw_cont .jw_greetings .picto {padding:20px;}
    .join_wrap .jw_cont .jw_greetings svg {width:30px; height:30px;}
    .join_wrap .jw_cont .jw_greetings .comment {font-size:20px;}
    .join_wrap .jw_cont .jw_greetings .comment span {font-size:15px}

}

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

@media screen and (max-width:480px) {
    .join_wrap .jw_cont .jw_info {width:90%; min-width:initial;}
    .join_wrap .jw_cont .jw_greetings .picto {padding:15px;}
    .join_wrap .jw_cont .jw_greetings svg {width:25px; height:25px;}
    .join_wrap .jw_cont .jw_greetings .comment {font-size:18px;}
    .join_wrap .jw_cont .jw_greetings .comment span {font-size:14px}
    .join_wrap .jw_cont .jw_info ul {font-size:14px;}

}

@media screen and (max-width:360px) {
    .join_wrap.step03 .jw_top .step_list .step_item:nth-of-type(1), .join_wrap .jw_top .step_list .step_item:nth-of-type(2) {display:none;}
    .join_wrap.step03 .jw_top .step_list .step_item:nth-of-type(3) {display:flex;}
    .join_wrap.step03 .jw_cont .jw_info ul {font-size:13px;}
    .join_wrap.step03  .jw_cont .jw_info {padding:20px; margin-top:25px;}
    
}



/********************************************************

    공통

********************************************************/


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

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

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

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

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

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

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