@charset "utf-8";



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

    body 기본 설정 및 스크롤 설정

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

body::-webkit-scrollbar {width:12px;}
body::-webkit-scrollbar-thumb {background:#999; border-radius:20px;}
body::-webkit-scrollbar-track {background:#fefefe;}

.mg_body, .content {padding:0 60px;}
.my_body {flex:0 0 auto;}
.content {flex:1 0 auto;}

@media screen and (max-width:1400px) {
    .mg_body, .content {padding:0 40px;}
}

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

@media screen and (max-width:1000px) {
    .mg_body, .content {padding:0 30px;}
}

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

@media screen and (max-width:680px) {
    .mg_body, .content {padding:0 20px;}
}

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

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












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

    intro

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

#intro_bg {background:url(/images/common/bg_intro.jpg) no-repeat center; padding:0;}

.box_sorting {display:flex; justify-content:center; align-items:center; width:100%; height:100vh;}
.box_sorting .login_box {width:520px; background:#fff; border-radius:20px; padding:60px;}

/* logo */
.box_sorting .login_box .lb_logo {text-align:center;}
.box_sorting .login_box .lb_logo img {}

/* input 박스 */
.box_sorting .login_box .lb_idpw {margin-top:50px;}
.box_sorting .login_box .lb_idpw li {margin-bottom:15px;}
.box_sorting .login_box .lb_idpw li:last-child {margin-bottom:0;}
.box_sorting .login_box .lb_idpw li input {padding:15px 25px; width:100%; border-radius:8px; border:1px solid #ddd;}
.box_sorting .login_box .lb_idpw li input::placeholder {font-size:16px; font-weight:400; color:#aaa;}
.box_sorting .login_box .lb_idpw li input:focus {border:1px solid #006d80;}

/* 아이디저장 */
.box_sorting .login_box .lb_check {text-align:left; margin:15px 0 30px;}
.box_sorting .login_box .lb_check label {display:flex; align-items:center; font-size:14px; font-weight:400; color:#888;}
.box_sorting .login_box .lb_check label input {margin-right:8px;}
.box_sorting .login_box .lb_check label:hover {text-decoration:underline; color:#666;}

/* btn */
.box_sorting .login_box .lb_lgbtn {width:100%; background:#006d80; text-align:center; color:#fff; border-radius:8px; font-size:17px; font-weight:700; padding:15px 20px;}
.box_sorting .login_box .lb_lgbtn:hover {background:#005f70;}

/* 회원가입,id/pw찾기 */
.box_sorting .login_box .lb_find {display:flex; align-items:center; justify-content:center; margin-top:25px;}
.box_sorting .login_box .lb_find li {margin-right:24px;}
.box_sorting .login_box .lb_find li:last-child {margin-right:0;}
.box_sorting .login_box .lb_find li a {font-size:14px; font-weight:400; color:#aaa;}
.box_sorting .login_box .lb_find li a:hover {text-decoration:underline; color:#666;}

.box_sorting .login_box .lb_find li::before {content:""; position:absolute; width:1px; height:12px; background:#aaa; margin:7px 0 0 -12px;}
.box_sorting .login_box .lb_find li:first-child:before {display:none;}


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

@media screen and (max-width:1280px) {
    #intro_bg {background-size:auto 100vh;}
    .box_sorting .login_box {width:480px;}
}

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

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

@media screen and (max-width:680px) {
    .box_sorting .login_box {width:380px; padding:40px 50px;}

    /* logo */
    .box_sorting .login_box .lb_logo img {width:210px;}

    /* input 박스 */
    .box_sorting .login_box .lb_idpw {margin-top:30px;}
    .box_sorting .login_box .lb_idpw li {margin-bottom:10px;}
    .box_sorting .login_box .lb_idpw li input {padding:10px 20px;}
    .box_sorting .login_box .lb_idpw li input::placeholder {font-size:14px;}

    /* 아이디저장 */
    .box_sorting .login_box .lb_check {margin:12px 0 20px;}
    .box_sorting .login_box .lb_check label {font-size:12px;}

    /* btn */
    .box_sorting .login_box .lb_lgbtn {font-size:15px; padding:12px 20px;}

    /* 회원가입,id/pw찾기 */
    .box_sorting .login_box .lb_find {margin-top:20px;}
    .box_sorting .login_box .lb_find li {margin-right:20px;}
    .box_sorting .login_box .lb_find li a {font-size:12px;}

    .box_sorting .login_box .lb_find li::before {height:10px; margin:9px 0 0 -10px;}
}

@media screen and (max-width:480px) {
    .box_sorting .login_box {width:80%; padding:35px; border-radius:12px;}

    /* logo */
    .box_sorting .login_box .lb_logo img {width:190px;}

    /* input 박스 */
    .box_sorting .login_box .lb_idpw {margin-top:25px;}
    .box_sorting .login_box .lb_idpw li input {padding:8px 20px;}

    /* 회원가입,id/pw찾기 */
    .box_sorting .login_box .lb_find {margin-top:15px;}
}

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













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

    header - pc

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

/* layout */
#pc_nav {display:block; position:relative; width:100%; background:#fff; border-radius:50px; margin-top:40px;}
#pc_nav .gnb {display:flex; align-items:center; justify-content:space-between; padding:0 30px 0 40px; height:80px;}

/* logo */
#pc_nav .gnb .pg_logo a {display:flex; align-items:center;}
#pc_nav .gnb .pg_logo img {}

/* dep1 */
#pc_nav .gnb .pg_menu {display:flex; align-items:center; gap:60px;}
#pc_nav .gnb .pg_menu .pm_dep1 {position:relative;}
#pc_nav .gnb .pg_menu .pm_dep1 > .dep1_tit {display:block; font-size:20px; font-weight:600; color:#222;}
#pc_nav .gnb .pg_menu .pm_dep1:hover > .dep1_tit {color:#006d80;}
#pc_nav .gnb .pg_menu .pm_dep1.is-active > .dep1_tit {color:#006d80;}
#pc_nav .gnb .pg_menu .pm_dep1 .pm_dep2 {display:none !important;}

/* icon btn */
#pc_nav .meun_btn {display:flex; align-items:center;}
#pc_nav .meun_btn li {width:50px; height:50px; margin-right:15px; display:flex; align-items:center; justify-content:center;}
#pc_nav .meun_btn li:last-child {margin-right:0;}
#pc_nav .meun_btn li a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:#f2f2f2; border-radius:50%;}
#pc_nav .meun_btn li a:hover {background:#ddd;}
#pc_nav .meun_btn li a img {}

/* dep2 */
#pc_nav .pm_dep2_wrap {position:absolute; top:100%; left:0; width:100%; margin-top:15px; background:url(/images/common/bg_menu.png) no-repeat right bottom, #fff; border-radius:30px; display:none; justify-content:center; z-index:100;}
#pc_nav .pm_dep2_wrap::before {content:""; position:absolute; top:-15px; left:0; width:100%; height:15px;}
#pc_nav .pm_dep2_wrap .pm_dep2 {gap:40px; padding:70px; margin:0; display:grid; grid-template-columns:1fr 1fr 6fr;}

/* dep2 상세 */
#pc_nav .pm_dep2 .dep2_tit {display:flex; flex-wrap:wrap; align-content:space-between; width:100px; min-height:180px !important;}
#pc_nav .pm_dep2 .dep2_tit h2 {font-size:30px; font-weight:700; color:#000; text-align:left;}
#pc_nav .pm_dep2 .dep2_tit div {}
#pc_nav .pm_dep2 .dep2_tit div a {}
#pc_nav .pm_dep2 .dep2_tit div a i {font-size:25px; border:2px solid #000; color:#000; border-radius:50%; padding:6px;}
#pc_nav .pm_dep2 .dep2_tit div a:hover i {background:#000; color:#fff;}

#pc_nav .pm_dep2 .dep2_menu {}
#pc_nav .pm_dep2 .dep2_menu li {margin-bottom:50px; list-style:disc;}
#pc_nav .pm_dep2 .dep2_menu li:last-child {margin-bottom:0;}
#pc_nav .pm_dep2 .dep2_menu li a {font-size:18px; font-weight:500;}
#pc_nav .pm_dep2 .dep2_menu li a:hover {color:#006d80; font-weight:700; text-decoration:underline;}

#pc_nav .pm_dep2 .dep2_name {}
#pc_nav .pm_dep2 .dep2_name .dn_divide {}
#pc_nav .pm_dep2 .dep2_name .dn_divide p {font-size:16px; color:#666; font-weight:500; margin:20px 0 10px;}
#pc_nav .pm_dep2 .dep2_name .dn_divide p.mt-none {margin-top:0;}
#pc_nav .pm_dep2 .dep2_name .dn_divide ul {display:grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap:15px;}
#pc_nav .pm_dep2 .dep2_name .dn_divide ul li {text-align:center;}
#pc_nav .pm_dep2 .dep2_name .dn_divide ul li a {display:block; font-size:17px; padding:12px 0; color:#222; font-weight:500; border:1px solid #ddd; border-radius:10px; background:#fff;}
#pc_nav .pm_dep2 .dep2_name .dn_divide ul li a:hover {background:#006d80; color:#fff; border:1px solid #006d80;}

/* popup */
#pc_nav .cp_overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.7); z-index:140;}
#pc_nav .cp_noti {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:640px; background:#fff; border-radius:15px; z-index:150;}
#pc_nav .cp_noti .cn_inner {padding:50px;}

#pc_nav .cp_noti .cn_inner .cn_tit {display:flex; align-items:center; justify-content:space-between; margin-bottom:30px;}
#pc_nav .cp_noti .cn_inner .cn_tit h3 {font-size:30px; font-weight:700; color:#000;}
#pc_nav .cp_noti .cn_inner .cn_tit div {display:flex; align-items:center; gap:10px;}
#pc_nav .cp_noti .cn_inner .cn_tit div button {background:none; border:none; cursor:pointer; font-size:16px; font-weight:500; color:#666;}
#pc_nav .cp_noti .cn_inner .cn_tit div button:hover {color:#006d80; border:1px solid #006d80;}

#pc_nav .cp_noti .cn_inner .cn_tit div .np_elim {border:1px solid #ddd; border-radius:50px; padding:8px 20px;}
#pc_nav .cp_noti .cn_inner .cn_tit div .np_close i {font-size:35px; color:#000;}
#pc_nav .cp_noti .cn_inner .cn_tit div .np_close:hover {border:none;}
#pc_nav .cp_noti .cn_inner .cn_tit div .np_close:hover i {color:#006d80;}

#pc_nav .cp_noti .cn_inner .cn_con {list-style:none; margin:0; padding:0; overflow-y:auto; max-height:610px;}
#pc_nav .cp_noti .cn_inner .cn_con .notif {margin-bottom:10px; overflow:hidden;}
#pc_nav .cp_noti .cn_inner .cn_con .notif:last-child {margin-bottom:0;}
#pc_nav .cp_noti .cn_inner .cn_con .notif a {display:block; padding:20px 30px; border:1px solid #eee; border-radius:10px;}
#pc_nav .cp_noti .cn_inner .cn_con .notif a h4 {font-size:18px; font-weight:500; color:#222; margin-bottom:12px;}
#pc_nav .cp_noti .cn_inner .cn_con .notif a p {font-size:16px; font-weight:400; color:#666; margin-bottom:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#pc_nav .cp_noti .cn_inner .cn_con .notif a .no_infor {display:flex; align-items:center; justify-content:space-between;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           13px; color:#999;}
#pc_nav .cp_noti .cn_inner .cn_con .notif a .no_infor .ni_time {display:flex; align-items:center;}
#pc_nav .cp_noti .cn_inner .cn_con .notif a .no_infor .ni_time span {margin-right:6px; font-size:14px; color:#aaa;}
#pc_nav .cp_noti .cn_inner .cn_con .notif a .no_infor .ni_min {display:flex; align-items:center; font-size:14px; color:#aaa; }
#pc_nav .cp_noti .cn_inner .cn_con .notif a .no_infor .ni_min i {margin-left:3px; vertical-align:middle;}

#pc_nav .cp_noti .cn_inner .cn_con .notif a:hover {border:1px solid #006d80;}
#pc_nav .cp_noti .cn_inner .cn_con .notif a:hover h4 {color:#006d80; text-decoration:underline; font-weight:600;}
#pc_nav .cp_noti .cn_inner .cn_con .notif a:hover p {text-decoration:underline; font-weight:500;}

/* body scroll lock */
body.scrlock {overflow:hidden;}





/* animation */
@keyframes dropdown {
    from {opacity:0; transform:translateY(-5px);} 
    to {opacity:1; transform:translateY(0);}
}


@media screen and (max-width:1400px) {
    /* dep1 */
    #pc_nav .gnb .pg_menu {gap:40px;}

    /* dep2 상세 */
    #pc_nav .pm_dep2 .dep2_name .dn_divide ul {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap:12px;}
}


@media screen and (max-width:1280px) {
    /* layout */
    #pc_nav .gnb {padding:0 20px 0 30px; height:74px;}

    /* logo */
    #pc_nav .gnb .pg_logo img {width:170px;}
    
    /* dep1 */
    #pc_nav .gnb .pg_menu {gap:30px;}
    #pc_nav .gnb .pg_menu .pm_dep1 > .dep1_tit {font-size:18px;}

    /* icon btn */
    #pc_nav .meun_btn li {width:46px; height:46px; margin-right:10px;}
    #pc_nav .meun_btn li a img {width:18px;}

    /* dep2 */
    #pc_nav .pm_dep2_wrap {margin-top:15px;}
    #pc_nav .pm_dep2_wrap .pm_dep2 {gap:10px; padding:60px; grid-template-columns:1fr 1fr 3fr;}

    /* dep2 상세 */
    #pc_nav .pm_dep2 .dep2_tit {width:80px;}
    #pc_nav .pm_dep2 .dep2_tit h2 {font-size:26px;}
    #pc_nav .pm_dep2 .dep2_tit div a i {font-size:22px;}

    #pc_nav .pm_dep2 .dep2_menu li {margin-bottom:40px;}
    #pc_nav .pm_dep2 .dep2_menu li a {font-size:16px;}

    #pc_nav .pm_dep2 .dep2_name .dn_divide p {font-size:14px; margin:15px 0 8px;}
    #pc_nav .pm_dep2 .dep2_name .dn_divide ul {grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));}
    #pc_nav .pm_dep2 .dep2_name .dn_divide ul li a {font-size:15px;}

    /* popup */
    #pc_nav .cp_noti .cn_inner .cn_tit {margin-bottom:20px;}
    #pc_nav .cp_noti .cn_inner .cn_tit h3 {font-size:26px;}
    #pc_nav .cp_noti .cn_inner .cn_tit div button {font-size:14px;}
    #pc_nav .cp_noti .cn_inner .cn_tit div .np_close i {font-size:30px;}

    #pc_nav .cp_noti .cn_inner .cn_con .notif a {padding:16px 26px;}
    #pc_nav .cp_noti .cn_inner .cn_con .notif a h4 {font-size:17px; margin-bottom:10px;}
    #pc_nav .cp_noti .cn_inner .cn_con .notif a p {font-size:15px; margin-bottom:16px;}                 
    #pc_nav .cp_noti .cn_inner .cn_con .notif a .no_infor .ni_time span {margin-right:4px; font-size:13px;}
    #pc_nav .cp_noti .cn_inner .cn_con .notif a .no_infor .ni_min {font-size:13px;}
}

@media screen and (max-width:1100px) {
    /* dep1 */
    #pc_nav .gnb .pg_menu {gap:20px;}
}

@media screen and (max-width:1000px) {
    #pc_nav {display:none;}
}

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

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

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

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

















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

    header - mobile

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

#mobile_nav {display:none;}


@media screen and (max-width:1000px) {
   /* Layout */
    #mobile_nav {display:block; margin-top:40px; z-index:1000; background:#fff; border-radius:50px;}
    #mobile_nav .mn_gnb {display:flex; align-items:center; justify-content:space-between; height:65px; padding:0 20px 0 30px;}
    #mobile_nav .mg_util {display:flex; align-items:center; gap:10px;}

    /* Logo */
    #mobile_nav .mg_logo a {display:flex; align-items:center;}
    #mobile_nav .mg_logo a img {width:165px;}

    /* btn */
    #mobile_nav .mg_util {display:flex; align-items:center;}
    #mobile_nav .mg_util button {width:47px; height:47px; background:#f2f2f2; border-radius:50%; display:flex; align-items:center; justify-content:center;}
    #mobile_nav .mg_util button.mg_alarm {}
    #mobile_nav .mg_util button.mg_alarm img {}
    #mobile_nav .mg_util button.mg_btn {}
    #mobile_nav .mg_util button.mg_btn i {font-size:28px; color:#000;}
    #mobile_nav .mg_util button:hover {background:#ddd;}

    /* Menu Wrapper */
    #mobile_nav .m_menu_wrap {position:fixed; top:0; right:-80%; width:80%; height:100%; background:#fff; transition:right 0.35s ease; z-index:1100;}
    #mobile_nav .m_menu_wrap.active {right:0;}

    /* Alarm Wrapper */
    #mobile_nav .m_alarm_wrap {position:fixed; top:0; right:-100%; width:100%; height:100%; background:#fff; transition:right 0.35s ease; z-index:1100; display:flex; flex-direction:column;}
    #mobile_nav .m_alarm_wrap.active {right:0;}

    /* Overlay */
    #mobile_nav .m_overlay {position:fixed; inset:0; background:rgba(0,0,0,0.6); opacity:0; visibility:hidden; transition:opacity 0.35s ease; z-index:1090;}
    #mobile_nav .m_overlay.active {opacity:1; visibility:visible;}

    /* Menu Header */
    #mobile_nav .m_menu_header, #mobile_nav .m_alarm_header {display:flex; align-items:center; justify-content:space-between; padding:10px 20px; background:#006d80;}
    #mobile_nav .m_close i, #mobile_nav .m_alarm_close i {font-size:30px; color:#fff;}

    /* Menu List */
    #mobile_nav .m_gnb {}
    #mobile_nav .m_gnb > li {border-bottom:1px solid #eee;}
    #mobile_nav .m_gnb > li > a {display:block; padding:15px 30px; color:#222; font-weight:500; font-size:17px; position:relative;}
    #mobile_nav .m_gnb > li > a.active {color:#fff; background:#005f70; font-weight:700;}
    #mobile_nav .m_gnb > li > a::after {content:"\e941"; font-family:xeicon; position:absolute; right:30px; top:50%; transform:translateY(-50%); font-size:18px; transition:transform 0.3s;}
    #mobile_nav .m_gnb > li > a.active::after {transform:translateY(-50%) rotate(180deg);}

    /* dep2 */
    #mobile_nav .m_dep2 {display:none; background:#f5f5f5;}
    #mobile_nav .m_dep2 li {}
    #mobile_nav .m_dep2 li a {display:flex; align-items:center; justify-content:space-between; padding:12px 30px; font-weight:500; font-size:16px; color:#222; border-top:1px solid #ddd;}
    #mobile_nav .m_dep2 li a i {font-size:16px; color:#888; transition:transform 0.3s;}
    #mobile_nav .m_dep2 li a.active i {transform:rotate(180deg); color:#fff;}
    #mobile_nav .m_dep2 li a:hover, #mobile_nav .m_dep2 li a.active {color:#fff; background:#47bcc6;}
    #mobile_nav .m_dep2 li a:hover i {color:#fff;}

    /* dep3 */
    #mobile_nav .m_dep3 {display:none; background:#e6e6e6;}
    #mobile_nav .m_dep3 li a {display:block; padding:12px 45px; font-size:15px; color:#444; border-top:1px solid #d1d1d1;}
    #mobile_nav .m_dep3 li a:hover {background:#c8e6ec; color:#000;}

    /* Alarm List */
    #mobile_nav .m_alarm_header {}
    #mobile_nav .m_alarm_header h2 {color:#fff; font-size:26px;}
    #mobile_nav .m_alarm_header .m_alarm_delet {font-size:17px; padding:8px 20px; font-weight:400; color:#fff; border:1px solid #fff; border-radius:50px;}
    #mobile_nav .m_alarm_header .m_alarm_delet:hover {background:#fff; color:#006d80; font-weight:600;}

    #mobile_nav .m_alarm_list {background:#fff; overflow-y:auto;}
    #mobile_nav .m_alarm_list li {border-bottom:1px solid #eee;}
    #mobile_nav .m_alarm_list li a {display:block; padding:15px 30px;}
    #mobile_nav .m_alarm_list li a h4 {font-size:18px; font-weight:600; color:#222;}
    #mobile_nav .m_alarm_list li a p {margin:5px 0 20px; font-size:16px; font-weight:400; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    #mobile_nav .m_alarm_list li a .list_group {display:flex; align-items:center; justify-content:space-between;}
    #mobile_nav .m_alarm_list li a .list_group .lg_time, #mobile_nav .m_alarm_list li a .list_group .lg_detail {display:flex; align-items:center;}
    #mobile_nav .m_alarm_list li a .list_group .lg_time span, #mobile_nav .m_alarm_list li a .list_group .lg_detail span {font-size:15px; color:#888;}
    #mobile_nav .m_alarm_list li a .list_group .lg_detail span i {margin-left:5px;}

    #mobile_nav .m_alarm_list li a:hover {background:#f2f2f2;}
    #mobile_nav .m_alarm_list li a:hover h4, #mobile_nav .m_alarm_list li a:hover p {text-decoration:underline;}
    #mobile_nav .m_alarm_list li a:hover h4 {color:#006d80; font-weight:700;}


}

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

@media screen and (max-width:680px) {
    /* Logo */
    #mobile_nav .mg_logo a img {width:155px;}

    /* btn */
    #mobile_nav .mg_util button {width:45px; height:45px;}
    #mobile_nav .mg_util button.mg_btn i {font-size:24px;}
  
    /* Menu Header */
    #mobile_nav .m_menu_header, #mobile_nav .m_alarm_header {padding:12px 20px;}
    #mobile_nav .m_close i, #mobile_nav .m_alarm_close i {font-size:24px;}
    #mobile_nav .m_menu_header img {width:155px;}

    /* Menu List */
    #mobile_nav .m_gnb > li > a {padding:15px 20px; font-size:16px;}
    #mobile_nav .m_gnb > li > a::after {right:30px; font-size:16px;}

    /* dep2 */
    #mobile_nav .m_dep2 li a {padding:12px 25px; padding-right:30px; font-size:14px;}
    #mobile_nav .m_dep2 li a i {font-size:14px;}

    /* dep3 */
    #mobile_nav .m_dep3 li a {padding:12px 35px; font-size:13px;}

    /* Alarm List */
    #mobile_nav .m_alarm_header .m_alarm_delet {font-size:15px; padding:6px 15px;}
    #mobile_nav .m_alarm_header h2 {font-size:20px;}

    #mobile_nav .m_alarm_list li a {padding:15px 25px;}
    #mobile_nav .m_alarm_list li a h4 {font-size:16px;}
    #mobile_nav .m_alarm_list li a p {margin:5px 0 18px; font-size:14px;}
    #mobile_nav .m_alarm_list li a .list_group .lg_time span, #mobile_nav .m_alarm_list li a .list_group .lg_detail span {font-size:13 px;}
}

@media screen and (max-width:480px) {
    /* Logo */
    #mobile_nav .mg_logo a img {width:135px;}

    /* btn */
    #mobile_nav .mg_util button {width:40px; height:40px;}
    #mobile_nav .mg_util button.mg_alarm img {width:17px;}
    #mobile_nav .mg_util button.mg_btn i {font-size:20px;}
}

@media screen and (max-width:360px) {
    /* Layout */
    #mobile_nav .mn_gnb {height:55px; padding:0 10px 0 20px;}
    #mobile_nav .mg_util {gap:4px;}

    /* Logo */
    #mobile_nav .mg_logo a img {width:125px;}

    /* btn */
    #mobile_nav .mg_util button {width:36px; height:36px;}
    #mobile_nav .mg_util button.mg_alarm img {width:15px;}
    #mobile_nav .mg_util button.mg_btn i {font-size:18px;}

    /* Menu Wrapper */
    #mobile_nav .m_menu_wrap {right:-100%; width:100%;}
}
















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

    footer_260205수정

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

#footer {background:#333; padding:30px 60px; margin-top:60px;}
#footer.dg01 {margin-top:0;}
#footer .ft_group {display:flex; align-items:center; justify-content:space-between;}

#footer .ft_group .ft_left {}
#footer .ft_group .ft_left img {}

#footer .ft_group .ft_right {display:flex; flex-direction:column; gap:20px;}
#footer .ft_group .ft_right .fr_top {display:flex; align-items:center; justify-content:space-between;}
#footer .ft_group .ft_right .fr_top ul {display:flex; align-items:center;}
#footer .ft_group .ft_right .fr_top ul li {font-size:15px; margin-left:36px;}
#footer .ft_group .ft_right .fr_top ul li:first-child {margin-left:0;}
#footer .ft_group .ft_right .fr_top ul li::before {content:""; position:absolute; width:1px; height:13px; background:#888; margin:5px 0 0 -18px;}
#footer .ft_group .ft_right .fr_top ul li:first-child:before {display:none;}
#footer .ft_group .ft_right .fr_top ul li a {color:#888;}

#footer .ft_group .ft_right .fr_top p {color:#888; font-size:15px; text-align:center;}
#footer .ft_group .ft_right .fr_top p span {color:#fff;}

#footer .ft_group .ft_right .fr_bottom {display:flex; align-items:center; justify-content:flex-end; gap:10px;}
#footer .ft_group .ft_right .fr_bottom button {padding:0;}
#footer .ft_group .ft_right .fr_bottom button img {}



@media screen and (max-width:1400px) {
    #footer {padding:30px 40px;}
}

@media screen and (max-width:1280px) {
    #footer .ft_group .ft_left img {width:320px;}

    #footer .ft_group .ft_right {gap:15px;}
    #footer .ft_group .ft_right .fr_top {flex-direction:column; justify-content:flex-end; gap:5px;}
    #footer .ft_group .ft_right .fr_top ul {margin-right:0;}
    #footer .ft_group .ft_right .fr_top ul li {font-size:14px; margin-left:30px;}
    #footer .ft_group .ft_right .fr_top ul li::before {height:12px; margin:4px 0 0 -15px;}

    #footer .ft_group .ft_right .fr_top p {font-size:14px;}

    #footer .ft_group .ft_right .fr_bottom {display:grid; grid-template-columns:repeat(auto-fill, minmax(40%, auto));}
    #footer .ft_group .ft_right .fr_bottom button img {width:186px;}

}

@media screen and (max-width:1000px) {
    #footer {padding:25px 30px; margin-top:40px;}

    #footer .ft_group .ft_left img {width:300px;}

    #footer .ft_group .ft_right .fr_top ul li {font-size:13px; margin-left:26px;}
    #footer .ft_group .ft_right .fr_top ul li::before {height:11px; margin:3px 0 0 -13px;}

    #footer .ft_group .ft_right .fr_top p {font-size:13px;}

    #footer .ft_group .ft_right .fr_bottom button img {width:170px;}
}

@media screen and (max-width:760px) {
    #footer .ft_group {display:block;}

    #footer .ft_group .ft_left {text-align:center; margin-bottom:35px;}

    #footer .ft_group .ft_right .fr_bottom {grid-template-columns:repeat(auto-fill, minmax(20%, auto)); justify-content:center;}
    #footer .ft_group .ft_right .fr_bottom button img {width:100%; max-width:194px;}
}

@media screen and (max-width:680px) {
    #footer {padding:20px; margin-top:30px;}

    #footer .ft_group .ft_left img {width:280px;}

    #footer .ft_group .ft_right {gap:20px;}

    #footer .ft_group .ft_right .fr_top {gap:10px;}
    #footer .ft_group .ft_right .fr_top ul li {font-size:12px; margin-left:22px;}
    #footer .ft_group .ft_right .fr_top ul li::before {height:10px; margin:3px 0 0 -11px;}

    #footer .ft_group .ft_right .fr_top p {font-size:12px;}

    #footer .ft_group .ft_right .fr_bottom {grid-template-columns:repeat(auto-fill, minmax(40%, auto)); width:70%; margin:0 auto;}
}

@media screen and (max-width:480px) {
    #footer .ft_group .ft_right .fr_bottom {width:90%;}
}

@media screen and (max-width:360px) {
    #footer .ft_group .ft_right .fr_top ul {flex-wrap:wrap; justify-content:center;}
    #footer .ft_group .ft_right .fr_bottom {width:100%;}
}















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

    content title

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

.content {}
.content .con_tit {display:flex; align-items:flex-start; justify-content:space-between;}

/* title */
.content .con_tit .ct_left {}
.content .con_tit .ct_left ul.cl_tit {display:flex; align-items:center; gap:30px;}
.content .con_tit .ct_left ul.cl_tit li {}
.content .con_tit .ct_left ul.cl_tit li::before {content:""; position:absolute; width:1px; height:14px; background:#aaa; margin:5px 0 0 -15px;}
.content .con_tit .ct_left ul.cl_tit li:first-child:before {display:none;}
.content .con_tit .ct_left ul.cl_tit li a {font-size:16px; font-weight:500; color:#666;}
.content .con_tit .ct_left ul.cl_tit li:last-child a {font-weight:700;}
.content .con_tit .ct_left ul.cl_tit li a:hover {text-decoration:underline;}

.content .con_tit .ct_left .cl_locat {display:flex; align-items:center; gap:10px; margin-top:5px;}
.content .con_tit .ct_left h3 {font-size:24px; font-weight:700; color:#006d80;}
.content .con_tit .ct_left .cl_locat div a {display:flex; align-items:center;}
.content .con_tit .ct_left .cl_locat div a img {}

/* tab */
.content .con_tit .tab_dg01 {display:flex; align-items:center; justify-content:center;}
.content .con_tit .tab_dg01 li {width:160px;}
.content .con_tit .tab_dg01 li a {font-size:18px; font-weight:500; color:#222; text-align:center; display:block; padding-bottom:10px; border-bottom:2px solid #ddd;}
.content .con_tit .tab_dg01 li a:hover, .content .con_tit .tab_dg01 li a.active {font-weight:700; color:#006d80; border-bottom:2px solid #006d80;}

.tab_dg02 {display:none;}


/* 상태 */
.content .con_tit .ct_right {display:flex; align-items:center; gap:25px;}
.content .con_tit .ct_right li {display:flex; align-items:center; gap:10px; font-size:16px; font-weight:500; color:#666;}
.content .con_tit .ct_right li span {display:block; width:14px; height:14px; border-radius:50%;}

/* color */
.col_01 {background:#0060d6 !important;}
.col_02 {background:#04b800 !important;}
.col_03 {background:#ff8a00 !important;}
.col_04 {background:#ea0000 !important;}


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

@media screen and (max-width:1280px) {
    .content .con_tit {margin-top:30px;}

    .content .con_tit .ct_left ul {gap:26px;}
    .content .con_tit .ct_left ul li::before {height:13px; margin:6px 0 0 -13px;}
    .content .con_tit .ct_left ul.cl_tit li a {font-size:15px;}

    .content .con_tit .ct_left h3 {font-size:22px;}
    .content .con_tit .ct_left .cl_locat div a img {width:22px;}

    .content .con_tit .ct_right {gap:20px;}
    .content .con_tit .ct_right li {gap:8px; font-size:15px;}
    .content .con_tit .ct_right li span {width:13px; height:13px;}

    /* tab */
    .content .con_tit .tab_dg01 li {width:140px;}
    .content .con_tit .tab_dg01 li a {font-size:17px; padding-bottom:8px;}
}

@media screen and (max-width:1000px) {
    .content .con_tit {margin-top:20px; flex-direction:column-reverse;}

    .content .con_tit .ct_left ul {gap:24px; align-self:flex-start; margin-top:20px;}
    .content .con_tit .ct_left ul li::before {height:12px; margin:7px 0 0 -12px;}
    .content .con_tit .ct_left ul.cl_tit li a {font-size:14px;}

    .content .con_tit .ct_left .cl_locat {gap:8px;}
    .content .con_tit .ct_left h3 {font-size:20px;}
    .content .con_tit .ct_left .cl_locat div a img {width:20px;}

    .content .con_tit .ct_right {gap:15px; align-self:flex-end;}
    .content .con_tit .ct_right li {font-size:14px;}
    .content .con_tit .ct_right li span {width:12px; height:12px;}

    .content .con_tit .tab_dg01 {display:none;}

    .tab_dg02 {display:block; position:relative;}
    .tab_dg02 .fake_select {position:relative; width:100%; margin-top:20px;}
    .tab_dg02 .select_btn {width:100%; padding:12px 25px; font-size:16px; font-weight:500; color:#222; border:none; border-radius:50px; background:#fff; cursor:pointer; text-align:left; transition:all .3s ease;}
    .tab_dg02 .select_btn i {position:absolute; top:50%; right:25px; transform:translateY(-50%) rotate(0deg); transform-origin:center 45%; transition:transform .3s ease; font-size:20px; color:#222;}
    .tab_dg02.open .select_btn i {transform:translateY(-50%) rotate(180deg);}
    .tab_dg02 .option_list {display:none; position:absolute; top:calc(100% + 6px); left:0; width:100%; background:#fff; box-shadow:0 3px 10px 1px #ddd; border-radius:12px; overflow:hidden; z-index:10;}
    .tab_dg02 .option_list li {padding:10px 20px; font-size:16px; color:#222; cursor:pointer;}
    .tab_dg02 .option_list li:hover, .tab_dg02 .option_list li.active {background:#f5fafb; color:#006d80; font-weight:600;}


}

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

@media screen and (max-width:680px) {
    .content .con_tit {margin-top:20px; flex-direction:column-reverse;}

    .content .con_tit .ct_left ul {gap:20px; margin-top:10px;}
    .content .con_tit .ct_left ul li::before {height:10px; margin:8px 0 0 -10px;}
    .content .con_tit .ct_left ul.cl_tit li a {font-size:12px;}

    .content .con_tit .ct_left h3 {font-size:18px;}
    .content .con_tit .ct_left .cl_locat {gap:6px;}
    .content .con_tit .ct_left h3 {font-size:18px;}
    .content .con_tit .ct_left .cl_locat div a img {width:18px;}

    .content .con_tit .ct_right {gap:10px;}
    .content .con_tit .ct_right li {font-size:12px;}
    .content .con_tit .ct_right li span {width:10px; height:10px;}

    .tab_dg02 .fake_select {margin-top:15px;}
    .tab_dg02 .select_btn {font-size:15px;}
    .tab_dg02 .select_btn i {font-size:18px;}
    .tab_dg02 .option_list li {font-size:15px;}
}

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

@media screen and (max-width:360px) {
    .content .con_tit .ct_left ul {margin-top:0;}
    .content .con_tit .ct_right {display:none;}
}





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

    페이지네이션

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

/* pagination */
.paging {display:flex; justify-content:flex-end; align-items:center; gap:6px; margin-top:60px;}

.paging .page_num,
.paging .page_btn {min-width:32px; height:32px; padding:0 8px; border-radius:6px; border:1px solid #e2e5eb; background:#fff; font-size:14px; color:#444; display:flex; align-items:center; justify-content:center; cursor:pointer;}

/* 번호 버튼 호버 */
.paging .page_num:hover,
.paging .page_btn:hover {background:#f1f4f8;}

/* 현재 페이지 */
.paging .page_num.is_active {background:#006d80; border-color:#006d80; color:#fff;font-weight:600;}

/* 좌우 화살표 아이콘 */
.paging .page_btn i {font-size:14px;}

/* 비활성(prev/next 없을 때용) */
.paging .page_btn[disabled] {opacity:.4; cursor:default;background:#fff;}

.paging .page_btn.first i:nth-of-type(2) {margin-left:-20px;}
.paging .page_btn.last i:nth-of-type(2) {margin-left:-20px;}

@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) {
    .paging .page_num {min-width:25px; height:25px;}
    .paging .page_btn {width:25px; min-width:initial; height:25px;}
}




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

    팝업

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

.alert_overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.7); z-index:140;}
.alert_popup {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:150; min-width:300px; background:#fff; border-radius:12px;}

.alert_popup .inner {padding:40px 30px 30px; text-align:center;}
.alert_popup .inner h5 {font-size:20px; margin-bottom:20px;}
.alert_popup .inner p {line-height:1.7; color:#666; margin-bottom:40px;}
.alert_popup .ap_btnWrap {display:flex; justify-content:center; gap:6px; }
.alert_popup .ap_btn {flex:1; height:44px; border-radius:8px; border:none; font-size:15px;}

.alert_popup .ap_btn.ok {background:#006d80; color:#fff;}
.alert_popup .ap_btn.cancle {background:#fff; border:1px solid #006d80; 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) {
}

@media screen and (max-width:680px) {
    .alert_popup .inner p {margin-bottom:30px;}
}

@media screen and (max-width:480px) {
    .alert_popup {width:80%;}
}

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



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

    내용없을때

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

.no_content {background:transparent; height:100vh; border-radius:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#888; max-height:400px; margin-top:15px;}
.no_content.bg {background:#fff;}
.no_content .icon {font-size:25px; color:#bdbdbd}
.no_content.faq_empty {max-height:200px;}
.no_content.farm_work {margin-top:0; height:100%; max-height:initial;}
.no_content.bg.alarm {margin-top:0;}

@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) {
}

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

    데이터 없을때

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

.no_data {width:100%; height:auto; display:flex; align-items:center; justify-content:center; background:#f1f4f8; border-radius:10px; font-size:14px; color:#666;}
.no_data.all {min-height:300px; height:100%;}
.no_data.part {min-height:80px;}

@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) {
}







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

    right 상단 데이터 수집현황

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

.ld_right .data_current {margin-bottom:22px;}
.ld_right .data_current a {display:flex; justify-content:space-between; align-items:center; background:#fff; width:100%; border-radius:10px; padding:20px 30px;}
.ld_right .data_current a p {font-size:18px; font-weight:600; color:#222;}
.ld_right .data_current a i {transition:all .3s ease; font-weight:600; color:#222;}
.ld_right .data_current a i.rotate {transform:rotate(180deg);}

/* hover 효과 */
.ld_right .data_current a:hover, .ld_right .data_current.open a {background:#005f70;}
.ld_right .data_current a:hover p, .ld_right .data_current a:hover i, .ld_right .data_current.open a p, .ld_right .data_current.open a i {color:#fff;}

/* 드롭다운 열림 */
.ld_right .data_current .dc_name {display:none; transition:all .3s ease; margin-top:6px; background:#fff; border-radius:10px; padding:20px 30px;}
.ld_right .data_current .dc_name.open {display:block;}

.ld_right .data_current .dc_name ul {padding-right:15px; max-height:100px; overflow-y:auto;}

.ld_right .data_current .dc_name ul li {display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-top:1px dotted #ddd;}
.ld_right .data_current .dc_name ul li:first-child {border-top:none; padding-top:0;}
.ld_right .data_current .dc_name ul li:last-child {padding-bottom:0;}
.ld_right .data_current .dc_name ul li p {font-size:16px; font-weight:500; color:#444;}
.ld_right .data_current .dc_name ul li div {width:14px; height:14px; border-radius:50%;}

/* 스크롤 디자인 */
.ld_right .data_current .dc_name ul::-webkit-scrollbar {width:6px;}
.ld_right .data_current .dc_name ul::-webkit-scrollbar-thumb {background:#999; border-radius:20px;}
.ld_right .data_current .dc_name ul::-webkit-scrollbar-track {background:none;}



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

@media screen and (max-width:1280px) {
    .ld_right .data_current {margin-bottom:23px;}
    .ld_right .data_current a {padding:16px 30px;}
    .ld_right .data_current a p {font-size:16px;}

    /* 드롭다운 열림 */
    .ld_right .data_current .dc_name {padding:16px 30px;}

    .ld_right .data_current .dc_name ul li p {font-size:15px;}
    .ld_right .data_current .dc_name ul li div {width:13px; height:13px;}
}

@media screen and (max-width:1000px) {
    .ld_right .data_current {margin-bottom:15px;}
    .ld_right .data_current a {padding:15px 20px;}
    .ld_right .data_current a p {font-size:15px;}

    /* 드롭다운 열림 */
    .ld_right .data_current .dc_name {padding:15px 20px;}

    .ld_right .data_current .dc_name ul li p {font-size:14px;}
    .ld_right .data_current .dc_name ul li div {width:12px; height:12px;}
}

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

@media screen and (max-width:680px) {
    .ld_right .data_current a p {font-size:14px;}

    /* 드롭다운 열림 */
    .ld_right .data_current .dc_name ul li p {font-size:13px;}
    .ld_right .data_current .dc_name ul li div {width:11px; height:11px;}
}

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

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