@charset "utf-8";


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

    프린트

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

@media print {    
    .sub_top,
    .sleft_menu,
    .evaluation,
    .ft_bar,
    #hd,
    #mob_gnb, /* 0920 */
    #ft {display: none;}
    .sub_tit {padding: 0; margin: 0;}
    
    .content {
        width: 100%;
        height: 100%;
        padding: 50px;
        font-size: 15px;
    }
}

@page {
    size : A4;
}



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

    sub 공통 - sub top

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

/* sub top */
.sub_top {text-align:center;}
.sub_top ul {display:flex; flex-direction:column; justify-content:center; align-content:center; height:265px; animation: zoom-out 2.0s linear;} /* 0727 */
.sub_top ul li {color:#fff; font-size:18px; font-weight:500; margin:20px 0; word-break: keep-all; animation: fade-in 2.3s ease;} /* 0727 */
.sub_top ul li:first-child {font-size:33px; font-weight:700; margin-top:0;}
.sub_top ul li:nth-child(2) {background:#ffd602; width:60px; height:3px; margin:0 auto;}
.sub_top ul li:last-child {margin-bottom:0;}


/* 0727 */
@keyframes zoom-out {
    0%   {background-size: auto 120%;}
    100% {background-size: auto 100%;}
}

@keyframes fade-in {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
/* 0727 */


/* sub top 배경 img */
.sub_top .dg01 {background:url(/home/site/east/2023/img/sub/subtop_bg01.jpg) no-repeat top center;}
.sub_top .dg02 {background:url(/home/site/east/2023/img/sub/subtop_bg02.jpg) no-repeat top center;}
.sub_top .dg03 {background:url(/home/site/east/2023/img/sub/subtop_bg03.jpg) no-repeat top center;}
.sub_top .dg04 {background:url(/home/site/east/2023/img/sub/subtop_bg04.jpg) no-repeat top center;}
.sub_top .dg05 {background:url(/home/site/east/2023/img/sub/subtop_bg05.jpg) no-repeat top center;}
.sub_top .dg07 {background:url(/home/site/east/2023/img/sub/subtop_bg07.jpg) no-repeat top center;}

@media screen and (max-width: 1400px) {
    .sub_top ul li {font-size:15px; margin:18px 0;}
    .sub_top ul li:first-child {font-size:31px;}
}

@media screen and (max-width: 1080px) {
    .sub_top ul {height:220px;}
    .sub_top ul li {font-size:14px;}
    .sub_top ul li:first-child {font-size:28px;}
    .sub_top ul li:nth-child(2) {width:50px; height:2px;}
}

@media screen and (max-width: 760px) {
    .sub_top ul {height:200px;}
    .sub_top ul li {margin:15px 0; padding:0 20px;}
    .sub_top ul li:first-child {font-size:24px;}
    .sub_top ul li:nth-child(2) {width:45px;}
}

@media screen and (max-width: 480px) {
    .sub_top ul {height:180px;}
    .sub_top ul li {font-size:13px; margin:13px 0; padding:0 15px; line-height: 1.4;}
    .sub_top ul li:first-child {font-size:22px;}
    .sub_top ul li:nth-child(2) {width:40px;} 
}














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

    sub 공통 - cont기본

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

#con_area {width:1500px; margin:0 auto; /* text-align:center; */ margin-top:40px; display:flex; justify-content:space-between; align-items:flex-start;}

@media screen and (max-width: 1500px) {
    #con_area {width:1400px;}
}

@media screen and (max-width: 1400px) {
    #con_area {width:100%; padding:20px;}
}

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

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

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
















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

    sub 공통 - left menu

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

.sleft_menu {text-align:left; width:310px;}

.sleft_menu .sm_top {display:flex; flex-direction:column; justify-content:center; align-content:center; text-align:center; width:100%; height:160px; background:url(/home/site/east/2023/img/sub/sub_leftmenu.png) no-repeat, #183e82; color:#fff; border-radius:3px; margin-bottom:10px;}
.sleft_menu .sm_top li {font-size:18px; font-weight:400;}
.sleft_menu .sm_top li:first-child {font-size:30px; font-weight:500;}

/* dep01 */
.sm_list a[target=_blank] {background: url(/home/site/east/2023/img/icon/icon_link_btn.png) right 30px center no-repeat !important;} /* 0726 */

.sleft_menu .sm_list .sm_dep01 {margin: 5px 0;}
.sleft_menu .sm_list .sm_dep01 a.smdep01_dg {display:flex; justify-content:space-between; align-items:center; border:1px solid #ddd; padding:18px 24px; font-size:17px; font-weight:400; color:#333; gap: 15px; transition: background-color 0.3s ease;}
.sleft_menu .sm_list .sm_dep01 a.smdep01_dg:hover, .sleft_menu .sm_list .sm_dep01 a.smdep01_dg.active {border:1px solid #0b62c5; background:#e5f1fb; font-weight:600; color:#183e82;}
.sleft_menu .sm_list .sm_dep01 a {cursor:pointer;}
.sleft_menu .sm_list .sm_dep01 .hide_dep01 {display:none; border:1px solid #0b62c5; border-top: 0;}

/* dep01 icon */
.sleft_menu .sm_list .sm_dep01 a.smdep01_dg span:last-child {margin-right:6px;}
.sleft_menu .sm_list .sm_dep01 a.smdep01_dg span:last-child div:where(.line01,.line02) {background-color: #737B80;}
.sleft_menu .sm_list .sm_dep01 a.smdep01_dg span:last-child div.line01 {width:14px; height:2px; margin-top:5px;}
.sleft_menu .sm_list .sm_dep01 a.smdep01_dg span:last-child div.line02 {width:2px; height:14px; margin:-8px 0 0 6px;}
.sleft_menu .sm_list .sm_dep01 a.smdep01_dg.active span:last-child div.line01 {background:#183e82;}
.sleft_menu .sm_list .sm_dep01 a.smdep01_dg.active span:last-child div.line02 {display:none;}
.sleft_menu .sm_list .sm_dep01 a.smdep01_dg.active + .hide_dep01 {display:block;}


/* dep02 */
.sleft_menu .sm_list .sm_dep02 a.smdep02_dg {display:flex; justify-content:space-between; align-items:center; border:1px solid #ddd; padding:20px 33px; padding-right:30px; border-top:none; font-size:15px; font-weight:400; gap: 15px; transition: background-color 0.3s ease;}
.sleft_menu .sm_list .sm_dep02 a.smdep02_dg:hover, .sleft_menu .sm_list .sm_dep02 a.smdep02_dg.active {font-weight:600; color:#1d52b2;}
.sleft_menu .sm_list .sm_dep02:first-child a.smdep02_dg {margin-top:-5px;}
.sleft_menu .sm_list .sm_dep02.dg02 {cursor:pointer;}
.sleft_menu .sm_list .sm_dep02.dg02 a.smdep02_dg.active i {transform: rotate(180deg); transition: 0.1s; color:#1d52b2;}
.sleft_menu .sm_list .sm_dep01 a.smdep02_dg.active + .hide_dep02 {display:block;}

.sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 {display:none; background:#f6f7f9; border-bottom:1px solid #ddd; padding:15px 62px;}
.sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 li {margin-bottom:13px; list-style:disc;}
.sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 li:last-child {margin-bottom:0;}
.sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 li::marker {color:#1d52b2;}
.sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 li a {display:block; font-size:15px; font-weight:400; color:#333; transition: background-color 0.3s ease;}
.sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 li a:hover, .sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 li a.active {color:#1d52b2; text-decoration:underline; font-weight:600;}


@media screen and (max-width: 1500px) {
    .sleft_menu {width:280px;}
}

@media screen and (max-width: 1400px) {
    .sleft_menu {width:18%;}

    .sleft_menu .sm_top {height:130px;}
    .sleft_menu .sm_top li {font-size:14px;}
    .sleft_menu .sm_top li:first-child {font-size:24px;}

    /* dep01 */
    .sleft_menu .sm_list .sm_dep01 a.smdep01_dg {padding:15px 20px; font-size:15px;}

    /* dep01 icon */
    .sleft_menu .sm_list .sm_dep01 a.smdep01_dg span:last-child {margin-right:4px;}
    .sleft_menu .sm_list .sm_dep01 a.smdep01_dg span:last-child div.line01 {width:11px; height:1px; margin-top:3px;}
    .sleft_menu .sm_list .sm_dep01 a.smdep01_dg span:last-child div.line02 {width:1px; height:11px; margin:-6px 0 0 5px;}

    /* dep02 */
    .sleft_menu .sm_list .sm_dep02 a.smdep02_dg {padding:15px 26px; padding-right:22px; font-size:13px;}

    .sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 {padding:12px 52px;}
    .sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 li {margin-bottom:13px;}
    .sleft_menu .sm_list .sm_dep02.dg02 .hide_dep02 li a {font-size:13px;}
}

@media screen and (max-width: 1080px) {
    .sleft_menu {display:none;}
}

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

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
















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

    sub 공통 - content title

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

.content {width:1120px;}


/* sub title */
.sub_tit {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ddd; padding-bottom:25px; margin-bottom:60px;}

.sub_tit .st_font {text-align:left; margin-top:14px;}
.sub_tit .st_font h1 {font-size:35px; font-weight:600;}
.sub_tit .st_font ul {display:flex; align-items:center; margin-top:16px;}
.sub_tit .st_font ul li:nth-child(2n) {margin:0 8px;}
.sub_tit .st_font ul li a {color:#666; font-size:16px; font-weight:400;}
.sub_tit .st_font ul li a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}

.sub_tit .st_btn {}
.sub_tit .st_btn .sb_pc {display:flex; align-items:center;}
.sub_tit .st_btn .sb_pc li {margin-right:15px;}
.sub_tit .st_btn .sb_pc li:last-child {margin-right:0;}
.sub_tit .st_btn .sb_pc li a {}
.sub_tit .st_btn .sb_pc li a img {transition: filter 0.3s ease;}
.sub_tit .st_btn .sb_pc li a img:where(:hover,:focus) {filter: brightness(0.95);}

.sub_tit .st_btn .sb_pc .sb_sharing {display:flex; flex-direction:row-reverse; align-items:center;}
.sub_tit .st_btn .sb_pc .sb_sharing a {}

.sub_tit .st_btn .sb_pc .sb_sharing .sus_ul {display:none;}
.sub_tit .st_btn .sb_pc .sb_sharing .sus_ul ul {display:flex; justify-content:center; align-items:center; margin-right:10px;}
.sub_tit .st_btn .sb_pc .sb_sharing .sus_ul li {margin-left:-10px;}
.sub_tit .st_btn .sb_pc .sb_sharing .sus_ul li:first-child {margin-left:0;}
.sub_tit .st_btn .sb_pc .sb_sharing .sus_ul li a img {width:32px;}

.sub_tit .st_btn .sb_moblie {display:none;}




@media screen and (max-width: 1500px) {
    .content {width:1080px;}
}

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

    /* sub title */
    .sub_tit .st_font {margin-top:27px;}
    .sub_tit .st_font h1 {font-size:30px;}
    .sub_tit .st_font ul {margin-top:12px;}
    .sub_tit .st_font ul li:nth-child(2n) {margin:0 6px;}
    .sub_tit .st_font ul li a {font-size:14px;}

    .sub_tit .st_btn .sb_pc li {margin-right:12px;}

    .sub_tit .st_btn .sb_pc .sb_sharing .sus_ul li {margin-left:-5px;}
    .sub_tit .st_btn .sb_pc .sb_sharing .sus_ul li a img {width:30px;}
    
}

@media screen and (max-width: 1080px) {
    .content {width:100%;}

    /* sub title */
    .sub_tit .st_font {margin-top:0;}
    .sub_tit .st_font h1 {font-size:26px;}
    .sub_tit .st_font ul {margin-top:8px;}
    .sub_tit .st_font ul li:nth-child(2n) {margin:0 4px;}
    .sub_tit .st_font ul li a {font-size:13px;}

    .sub_tit .st_btn .sb_pc li {margin-right:10px;}
}

@media screen and (max-width: 760px) {
    /* sub title */
    .sub_tit .st_font h1 {font-size:22px;}
    .sub_tit .st_font ul {margin-top:8px;}

    .sub_tit .st_btn {margin-top:12px;}

/*     .sub_tit .st_btn .sb_pc {display:none;} */

    .sub_tit .st_btn .sb_moblie {display:block;}
    .sub_tit .st_btn .sb_moblie .sbm_btn {display:flex; justify-content:flex-start; align-items:center;}
    .sub_tit .st_btn .sb_moblie .sbm_btn li {margin-right:10px;}
    
   .sub_tit .st_btn .sb_moblie .pop_wrap {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); font-size:0; text-align:center; z-index:99;}
    .sub_tit .st_btn .sb_moblie .pop_wrap .pop_inner {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display:inline-block; background:#fff; width: 460px; font-size:14px; border-radius:10px;}
    
    .sub_tit .st_btn .sb_moblie .pop_wrap .pop_inner ul {padding:20px 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
    .sub_tit .st_btn .sb_moblie .pop_wrap .pop_inner ul li a {display:flex; flex-direction: column; align-items:center; justify-content:center; padding: 3px;}
    .sub_tit .st_btn .sb_moblie .pop_wrap .pop_inner ul li a span:last-child {font-size: 11px; margin-top: 5px;}
    .sub_tit .st_btn .sb_moblie .pop_wrap .pop_inner ul li a:hover {color: #0063ff;}
    
    .sub_tit .st_btn .sb_moblie .pop_wrap .pop_inner button {text-align:center; background:#183e82; width:100%; height:50px; font-weight:600; color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
}

@media screen and (max-width: 590px) { 
    .sub_tit {display:block;}
    .sub_tit .st_font ul {flex-wrap: wrap;}

}

@media screen and (max-width: 480px) { 
    .sub_tit .st_btn .sb_moblie .pop_wrap .pop_inner {width: calc(100% - 50px);}
    .sub_tit .st_btn .sb_moblie .pop_wrap .pop_inner ul {padding:20px 15px;}

}















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

    sub 공통 - 하단 페이지 평가

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

.evaluation {border:1px solid #aaa; border-radius:5px; margin-top:150px; margin-bottom:55px;}
.evaluation .e_opinion {padding:30px;}

.evaluation .e_opinion .eo_top {display:flex; flex-wrap: wrap; justify-content:space-between; gap: 10px 20px;}
.evaluation .e_opinion .eo_top .eot_tit {font-weight:500; font-size:16px;}
.evaluation .e_opinion .eo_top .eot_tit span {color:#325ed6; font-weight:800;}

.evaluation .e_opinion .eo_top .eot_radio {}
.evaluation .e_opinion .eo_top .eot_radio ul {display:flex; align-items:center; flex-wrap: wrap; gap: 5px 10px;}
.evaluation .e_opinion .eo_top .eot_radio ul li {display:flex; align-items:center; font-size:15px;}
.evaluation .e_opinion .eo_top .eot_radio ul li input {margin-right:10px; width:20px; height:20px;}
.evaluation .e_opinion .eo_top .eot_radio ul li input[type="radio"]:checked {appearance:none; border-radius:50%; box-sizing:border-box; border: 5.5px solid #325ed6; padding:0;}


.evaluation .e_opinion .eo_bottom {display:flex; justify-content:center; margin-top:25px;}
.evaluation .e_opinion .eo_bottom div:first-child {width:92%;}
.evaluation .e_opinion .eo_bottom :where(textarea,button) {height: 55px;}
.evaluation .e_opinion .eo_bottom textarea {border:1px solid #ddd; width:90%; padding:15px; font-size: 15px;}
.evaluation .e_opinion .eo_bottom textarea::placeholder {color:#888;}
.evaluation .e_opinion .eo_bottom button {flex-shrink: 0; background:#747474; color:#fff; font-size:14px; font-weight:400; padding:0 15px; font-weight:500;}

.evaluation .e_infor {display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; background:#f5f5f5; padding:20px 30px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; gap: 8px 20px;}
.evaluation .e_infor .ei_left {font-weight:600; font-size:16px;}

.evaluation .e_infor .ei_right {font-size: 15px;}
.evaluation .e_infor .ei_right dl {display: flex; align-items: center; flex-wrap: wrap; gap: 5px 0;}
.evaluation .e_infor .ei_right dl > div {display: flex; align-items: center; gap: 7px; position: relative;}
.evaluation .e_infor .ei_right dl > div:not(:last-of-type) {padding-right: 15px; margin-right: 13px;}
/* .evaluation .e_infor .ei_right dl > div:not(:last-of-type)::before {content: ""; width: 1px; height: 17px; position: absolute; top: 3px; right: 0; background-color: #000;} */
.evaluation .e_infor .ei_right dt {font-weight: 600;}
.evaluation .e_infor .ei_right dd {font-weight: 500;}

/*0920  */
@media screen and (max-width: 1240px) {
    .evaluation .e_opinion .eo_bottom button {width: 80px;}
    
}
/*-- 0920 */
    
@media screen and (max-width: 1080px) {
    .evaluation .e_opinion .eo_top .eot_tit {font-size: 15px;}
    .evaluation .e_opinion .eo_top .eot_radio ul {gap: 5px 15px;}
    .evaluation .e_opinion .eo_top .eot_radio ul li {font-size: 14px;}
    .evaluation .e_opinion .eo_top .eot_radio ul li input {width: 15px; height: 15px; margin-right: 7px;}
    .evaluation .e_opinion .eo_bottom :where(textarea,button) {height: 50px;}
    .evaluation .e_opinion .eo_bottom button { width: 80px;}  /* 0920 */
    .evaluation .e_opinion .eo_bottom textarea {font-size: 14px; padding: 14px;}
    .evaluation .e_infor .ei_left {font-size: 15px;}
    .evaluation .e_infor .ei_right dl {font-size: 14px;}
    .evaluation .e_infor .ei_right dl > div:not(:last-of-type) {padding-right: 12px; margin-right: 10px;}
    .evaluation .e_infor .ei_right dl > div:not(:last-of-type)::before {height: 15px; top: 2px;}
}

@media screen and (max-width: 480px) { 
    .evaluation .e_opinion {text-align: left; padding: 20px 15px;}
    .evaluation .e_infor {padding: 15px;}
    .evaluation .e_opinion .eo_top .eot_tit {font-size: 14px;}
    .evaluation .e_opinion .eo_top .eot_radio ul li {font-size: 13px; width:80px;}
    .evaluation .e_opinion .eo_top .eot_radio ul li input {width: 13px; height: 13px; margin-bottom: 2px; margin-right: 5px;}
    .evaluation .e_opinion .eo_bottom {flex-wrap: wrap;}
    .evaluation .e_opinion .eo_bottom button {width: 90%;} /* 0927 */
    .evaluation .e_opinion .eo_bottom textarea {height: 100px; font-size: 13px; padding: 12px 10px;}
    .evaluation .e_opinion .eo_bottom button {height: 40px; font-size: 12px;}
    .evaluation .e_infor .ei_right dl {font-size: 13px;}
    .evaluation .e_infor .ei_right dl > div {flex-wrap: wrap; width: 100%;}
    .evaluation .e_infor .ei_right dl > div:not(:last-of-type) {margin-right: 0; padding-right: 0;}
    .evaluation .e_infor .ei_right dl > div:not(:last-of-type)::before {display: none;}
    .evaluation .e_infor .ei_right dd {font-weight: 400;}
    
}







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

    sub 공통 - tab

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

.sub_tab {margin-bottom: 5%;}
.sub_tab ul {display:grid; grid-template-columns: repeat(auto-fill, minmax(30%, auto)); width: 100%;}
.sub_tab ul li {line-height:65px; border:1px solid #ddd; border-left:none;}
.sub_tab ul li:first-child, .sub_tab ul li:nth-child(3n+1) {border-left:1px solid #ddd;}
.sub_tab ul li:nth-child(n+4) {border-top:none;}
.sub_tab ul li a {display:block;font-size:18px;font-weight:500;color:#888;padding:0 25px;text-align: center;}
.sub_tab ul li a:hover, .sub_tab ul li a.active {color:#fff; background:#5472a5; font-weight:600;}
/* .sub_tab ul li:nth-of-type(4) a, .sub_tab ul li:nth-of-type(5) a, .sub_tab ul li:nth-of-type(6) a {border-top: 0;}  */

/* .sub_tab a[target=_blank] {position: relative;}
.sub_tab a[target=_blank]::after {content: ''; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 17px; height: 17px; background: url(/home/site/east/2023/img/icon/icon_link_btn.png) no-repeat center; transition: all 0.3s ease;}
.sub_tab a[target=_blank]:hover::after {filter: brightness(3);} */
.sub_tab a[target=_blank] {display: flex; align-items: center; justify-content: center; gap: 5px; word-break: keep-all;}
.sub_tab a[target=_blank]::after {content: ''; display: inline-block; width: 17px; height: 17px; background: url(/home/site/east/2023/img/icon/icon_link_btn.png) no-repeat center; transition: all 0.3s ease;}
.sub_tab a[target=_blank]:hover::after {filter: brightness(3);}

/* 외부 연결 */
.sub_tab ul .st_link a span {float:right;}


@media screen and (max-width: 1400px) {
    .sub_tab ul li a {font-size:17px;}
}

@media screen and (max-width: 1080px) {
    .sub_tab ul li a {font-size:16px;}
}

@media screen and (max-width: 760px) {
    .sub_tab ul {grid-template-columns: repeat(auto-fill, minmax(40%, auto));}
    .sub_tab ul li:nth-child(3n+1) {border-left:none;}
    .sub_tab ul li:first-child, .sub_tab ul li:nth-child(2n+1) {border-left:1px solid #ddd;}
    .sub_tab ul li:nth-child(n+3) {border-top:none;}
    .sub_tab ul li a {font-size:14px;}
}

@media screen and (max-width: 480px) { 
    .sub_tab ul {grid-template-columns: repeat(auto-fill, minmax(60%, auto));}
    .sub_tab ul li:nth-child(n+1) {border-left:1px solid #ddd;}
    .sub_tab ul li:nth-child(2) {border-top:none;}
}











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

    sub 공통 - 상단 공지

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

.announcement {background:#f6f7f9; border:2px solid; border-image:linear-gradient(0deg, #ddd 50%, #5472a5 50%); border-image-slice: 1; margin-top:40px; display:flex; align-items:center; padding:25px 50px; margin-bottom:40px;}
.announcement > div img {margin-right:30px;}

.announcement div:last-child {font-size:16px; font-weight:400; text-align:left; color:#272727; line-height:1.7em;}
.announcement div:last-child h5 {font-size:17px; font-weight:600; color:#272727; margin-bottom:15px;}
.announcement div:last-child span {font-weight:700;}
.announcement div:last-child button {background:#183e82; color:#fff; font-size:16px; font-weight:400; padding:15px 40px; border-radius:3px; margin-top:20px;}

.announcement.dg01 {border:1px solid #ddd;}



@media screen and (max-width: 1400px) {
    .announcement > div img {width:75px; margin-right:25px;}

    .announcement div:last-child h5 {font-size:16px; margin-bottom:10px;}
    .announcement div:last-child p {font-size:15px; line-height:1.6em;}
    .announcement div:last-child button {font-size:15px; margin-top:15px;}
}

@media screen and (max-width: 1080px) {
    .announcement div:last-child h5 {font-size:15px;}
    .announcement div:last-child p {font-size:14px;}
    .announcement div:last-child button {font-size:14px; padding:13px 35px;}
}

@media screen and (max-width: 760px) {
    .announcement {padding:20px 30px;}
    .announcement > div img {width:70px; margin-right:20px;}

    .announcement div:last-child h5 {font-size:14px;}
    .announcement div:last-child p {font-size:13px; line-height:1.5em;}
    .announcement div:last-child button {font-size:12px; padding:12px 30px;}
}

@media screen and (max-width: 480px) { 
    .announcement {padding:15px 20px;}
    .announcement > div img {width:55px; margin-right:15px;}

    .announcement {flex-direction:column;}
    .announcement div:first-child {background:#fff; width:100%; margin-bottom:20px;}
    .announcement div img {width:90px; margin:auto;}
}
















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

    sub 공통 - con subtit

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

.ctit_dg01 {margin-top:75px;} 
.ctit_dg01.first {margin-top:0;}
.ctit_dg01 h2 {font-size:22px; text-align:left; font-weight:600; margin-left:40px;}
.ctit_dg01 h2::before {display:block; position:absolute; content:""; width:10px; height:10px; border:9px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(-133deg, #f2b100 50%, #183e82 50%); background-origin: border-box; background-clip: content-box, border-box; border-radius:50%; margin-left:-40px; margin-top:2px;}
.ctit_dg02 {position: relative; color: #000; font-size: 20px; font-weight: 600; padding-left: 32px; text-align: left; letter-spacing: -1px; margin-bottom: 20px;}
.ctit_dg02::before {content: ""; width: 20px; height: 20px; border-radius: 50%; border: 6px solid #325ed6; background-color: #fff; position: absolute; top: 4px; left: 0; box-sizing: border-box;}

.cs_fonticon {text-align:left;}
.cs_fonticon .dg01 {font-size:18px; font-weight:600; margin-left:25px; margin-top:52px;}
.cs_fonticon .dg01.sy01 {margin-top:30px;}
.cs_fonticon .dg01::before {display:block; position:absolute; content:""; width:13px; height:4px; background:#325ed6; z-index:1; margin-top:10px; margin-left:-25px;}

.cs_fonticon .dg02 {}
.cs_fonticon .dg02 p {font-size:18px; font-weight:600; margin-left:25px; margin-top:52px;}
.cs_fonticon .dg02 p::before {display:block; position:absolute; content:""; width:13px; height:4px; background:#325ed6; z-index:1; margin-top:10px; margin-left:-25px;}
.cs_fonticon .dg02 ul {margin-left:30px; margin-top:15px;}
.cs_fonticon .dg02 ul li {font-size:16px; font-weight:400; list-style:disc; margin:5px 0;}
.cs_fonticon .dg02 ul li::marker {color:#325ed6;}

.cs_fonticon .dg03 {padding:30px 22px; background:#f9f9f9; border:1px solid #ddd;} /* 1005 */
.cs_fonticon .dg03 .sy01 {font-size:16px; font-weight:400; margin-left:25px;}
.cs_fonticon .dg03 .sy01::before {display:block; position:absolute; content:""; width:13px; height:4px; background:#325ed6; z-index:1; margin-top:10px; margin-left:-25px;}

.cs_fonticon .dg03 .sy02 {font-size:16px; font-weight:500; margin-top:15px;}
.cs_fonticon .dg03 .sy02.first {margin-top:0;}

.cs_fonticon .dg03 .sy03 {margin-top:20px;}
.cs_fonticon .dg03 .sy03 p {color:#173e82; margin-left:15px; font-size:16px; font-weight:500;}
.cs_fonticon .dg03 .sy03 p::before {display:block; position:absolute; content:""; width:6px; height:6px; background:#325ed6; z-index:1; border-radius:50%; margin-top:8px; margin-left:-15px;} 

.cs_fonticon .dg03 .sy03 .s_sy01 {margin-left:15px;}
.cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 {margin:17px 0; font-size:16px; font-weight:300; margin-left:10px;}
.cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02::before {display:block; position:absolute; content:""; background:#325ed6; width:4px; height:4px; border-radius:50%; margin-top:10px; margin-left:-10px;}

.cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 ul {margin-left:5px;}
.cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 ul li {margin:6px 0; margin-left:20px; font-size:15px;} /* 0913 */
.cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 ul li::before {display:block; position:absolute; content:""; width:10px; height:1px; background:#000; margin-top:10px; margin-left:-20px;}

/* table */
.con_table {margin-top:55px;}
.con_table_02 {margin-top: 15px;} /* 0727 */
.con_table .ct_toptxt {font-size:16px; font-weight:400; text-align:right; margin-bottom:13px;}
.con_table .ct_bottxt {text-align:left; margin-top:22px; font-size:16px; font-weight:400; margin-left:12px;}
.con_table .ct_bottxt::before {display:block; position:absolute; content:"*"; color:#000; margin-left:-12px;}
.con_table .ct_list {padding: 15px 0;}
.con_table .ct_list > li:not(:last-of-type) {margin-bottom: 8px;}
.con_table .ct_btn_list {display: flex; justify-content: center; gap: 3px;}
.con_table .ct_btn_list > li {}
.con_table .ct_btn_list button {width: 35px; height: 35px; border: 1px solid #aaa;}
.con_table .ct_btn_list button:where(:hover,:focus) {background-color: #e8e8e8;}

.con_table table {border-top:3px solid #5472a5; min-width:909px;} /* 0920 */
.con_table table tr {}
.con_table table :where(td,th) {font-size:16px;font-weight:400;border:1px solid #ddd;padding:18px 5px;/* word-break: keep-all; */}
.con_table table tr th {background-color: #f6f7f9;}

.con_table table thead tr {background:#f6f7f9;}
.con_table table thead :where(td,th) {font-weight:600;}

.con_table table tbody tr {}
.con_table table tbody td {}


@media screen and (max-width: 1400px) {
    .ctit_dg01 h2 {font-size:20px; margin-left:38px;}
    .ctit_dg01 h2::before {width:8px; height:8px; border:8px solid transparent; margin-left:-38px; margin-top:3px;}


    .cs_fonticon .dg01, .cs_fonticon .dg02 p {font-size:17px; margin-left:23px;}
    .cs_fonticon .dg01::before, .cs_fonticon .dg02 p::before {width:12px; margin-left:-23px;}
    
    .cs_fonticon .dg02 ul {margin-left:27px;}
    .cs_fonticon .dg02 ul li {font-size:15px;}

    .cs_fonticon .dg03 {padding:30px;}
    .cs_fonticon .dg03 .sy01 {font-size:15px; margin-left:23px;}
    .cs_fonticon .dg03 .sy01::before {width:12px; margin-left:-23px;}

    .cs_fonticon .dg03 .sy02 {font-size:15px;}

    .cs_fonticon .dg03 .sy03 p {margin-left:14px; font-size:15px;}
    .cs_fonticon .dg03 .sy03 p::before {width:5px; height:5px; margin-top:9px; margin-left:-14px;} 

    .cs_fonticon .dg03 .sy03 .s_sy01 {margin-left:12px;}
    .cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 {margin:16px 0; font-size:15px; margin-left:9px;}
    .cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02::before {width:3px; height:3px; margin-left:-9px;}

    .cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 ul li {margin-left:18px; font-size:15px;}
    .cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 ul li::before {width:9px; margin-left:-18px;}

    /* table */
    .con_table .ct_toptxt, .con_table .ct_bottxt {font-size:15px;}
    .con_table table :where(td,th) {font-size:15px; padding:16px 5px; word-break:keep-all; } /* 0927 */
    .con_table .ct_btn_list button {width: 30px; height: 30px;}
}

@media screen and (max-width: 1080px) {
    .ctit_dg01 h2 {font-size:18px; margin-left:36px;}
    .ctit_dg01 h2::before {width:7px; height:7px; border:7px solid transparent; margin-left:-36px;}
    .ctit_dg02 {font-size: 18px; margin-bottom: 15px; padding-left: 26px;}
    .ctit_dg02::before {width: 18px; height: 18px; border-width: 5px; top: 4px;}

    .cs_fonticon .dg01, .cs_fonticon .dg02 p {font-size:16px; margin-left:21px;}
    .cs_fonticon .dg01::before, .cs_fonticon .dg02 p::before {width:11px; height:3px; margin-left:-21px;}
    
    .cs_fonticon .dg02 ul {margin-left:24px;}

    .cs_fonticon .dg03 .sy01 {margin-left:21px;}
    .cs_fonticon .dg03 .sy01::before {width:11px; height:3px; margin-left:-21px;}
}

@media screen and (max-width: 860px) {
    /* table */
    .con_table div {overflow:hidden; overflow-x:scroll !important; width:100%;}
    
}



@media screen and (max-width: 760px) {
    .ctit_dg01 {margin-top:60px;}
    .ctit_dg01 h2 {font-size:17px; margin-left:34px;}
    .ctit_dg01 h2::before {width:6px; height:6px; border:6px solid transparent; margin-left:-34px;}

    .cs_fonticon .dg01.sy01 {margin-top:20px;}

    .cs_fonticon .dg01, .cs_fonticon .dg02 p {font-size:14px; margin-left:18px; margin-top:40px;} /* 0920 */
    .cs_fonticon .dg01::before, .cs_fonticon .dg02 p::before {width:10px; height:2px; margin-left:-18px;}
    
    .cs_fonticon .dg02 ul {margin-left:20px; margin-top:8px;}
    .cs_fonticon .dg02 ul li {font-size:14px;}

    .cs_fonticon .dg03 {padding:25px 20px;}
    .cs_fonticon .dg03 .sy01 {font-size:14px; margin-left:18px;}
    .cs_fonticon .dg03 .sy01::before {width:10px; height:2px; margin-left:-18px;}

    .cs_fonticon .dg03 .sy02 {font-size:14px; margin-top:10px;}

    .cs_fonticon .dg03 .sy03 {margin-top:15px;}
    .cs_fonticon .dg03 .sy03 p {margin-left:12px; font-size:14px;}
    .cs_fonticon .dg03 .sy03 p::before {width:4px; height:4px; margin-top:7.5px; margin-left:-12px;} 

    .cs_fonticon .dg03 .sy03 .s_sy01 {margin-left:8px;}
    .cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 {margin:14px 0; font-size:14px; margin-left:7px;}
    .cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02::before {width:2px; height:2px; margin-top:7.5px; margin-left:-7px;}

    .cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 ul li {margin-left:16px; font-size:14px;}
    .cs_fonticon .dg03 .sy03 .s_sy01 .s_sy02 ul li::before {width:8px; margin-left:-16px;}

    /* table */   /* 0920 */
    .con_table {margin-top:45px;}
    .con_table_02 {margin-top: 15px;} /* 0727 */
    .con_table table {border-top:2px solid #5472a5;}
    .con_table{overflow:hidden;overflow-x:scroll !important;width:100%;padding-top:40px !important;background:url('https://www.jeonnam.go.kr/home/site/jeonnam/imgs/common/swipe.png') no-repeat right top; background-size:60px}
    .con_table:before{display:block;margin-bottom:10px; content:"※ 왼쪽으로 스크롤 하여 보실 수 있습니다."} 
    .con_table .ct_toptxt, .con_table .ct_bottxt {font-size:14px;}
    .con_table .ct_toptxt {margin-bottom:8px;}
    .con_table .ct_bottxt {margin-top:16px;}
    .con_table table :where(td,th) {font-size:14px; padding:13px;}
}
/* 0920 */

@media screen and (max-width: 480px) { 
    .ctit_dg02::before {top: 0;}
    .ctit_dg01 h2 {margin-left: 29px;}
    .ctit_dg01 h2::before {margin-top: 0; margin-left: -29px;}

}





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

    sub102 - 01 동부지역 도정자문 협의회

**********************************************/
.sub0102_content ul li {text-align: start;}
.sub0102_content > ul {padding: 0px 30px;}
.sub0102_content > ul > li {list-style: disc; list-style-position: inside; padding: 5px 0;}
.sub0102_content > ul > li::marker {color: #325ed6;}


/* 0926 */
.sub0102_content > ul > li > ul li {text-indent: -20px; padding-left: 20px;} 
.sub0102_content > ul > li > ul li::before {content: ''; display: inline-block; width: 10px; height: 2px; background: #325ed6; margin-right: 8px; margin-bottom: 6px;}
.sub0102_content > ul > li > ul li::marker {color: #325ed6;}
/* 0926 */

.sub0102_content ul.top {margin-top: 10px;} /* 0720 */
.ctit_dg01.bottom {margin-bottom: 20px;} /* 0720 */

.cafe_link_btn {display: block; width: fit-content; margin: 30px; text-align: left;} /* 0720 */
.cafe_link_btn img {margin: 0;} /* 0720 */


@media screen and (max-width: 768px) {
    .sub0102_content ul li {font-size: 14px;}
    .sub0102_content > ul {padding: 0; padding-left: 10px;} /* 0720 */
      .sub0102_content > ul > li > ul li {padding: 3px 30px;} /* 0926 */

    .cafe_link_btn {margin: 10px 30px;} /* 0720 */
    .cafe_link_btn img {width: 140px;} /* 0720 */

}




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

    sub103 - 예약 공통
    
**********************************************/
/* 예약페이지 공통 테이블 */
.rv_com_table {width: 100%; overflow: hidden; overflow-x: auto;}
.rv_com_table table {width: 100%; text-align: start; }
.rv_com_table table tr {border-bottom: 1px solid #ddd;}
.rv_com_table table td {padding: 12px 0 12px 15px;}
.rv_com_table table th {text-align: start; padding-left: 25px; font-weight: 600; color: #333;}
.rv_com_table table td span {font-size: 15px; font-weight: 400; color: #333;}
.rv_com_table table td input[type="text"] {height: 40px; padding: 3px; width: 227px;}
.rv_com_table table td #phone {width: 120px;}
.rv_com_table table td select {height: 40px; width: 227px;}
.rv_com_table table td textarea {height: 70px;}

/* th 바탕색 */
.rv_com_table table.th_gray {min-width: 480px; border-top: 1px solid #000; table-layout: fixed;}
.rv_com_table table.th_gray th {background: #f9f9f9;}

.rv_com_table table.th_blue {min-width: 820px; border-top: 1px solid #474747;}
.rv_com_table table.th_blue th {background: #f6f7f9; width: 20%;}
.rv_com_table table.th_blue td #userNum {width: 80px;}
.rv_com_table table.th_blue td {padding: 12px 0 10px 15px;}

@media screen and (max-width: 1080px) {
    .rv_com_table table {font-size: 14px;}
    .rv_com_table table th {font-weight: 500;}
    .rv_com_table table td span {font-size: 14px;}
    
    .rv_com_table table.th_blue th {font-size: 15px;}
    
}

@media screen and (max-width: 768px) {
    .rv_com_table table td input[type="text"] {height: 35px; width: 200px;}
    .rv_com_table table td #phone {width: 25%;}
    .rv_com_table table td select {height: 35px; width: 180px;}
    .rv_com_table table td {padding: 8px 10px;}
    .rv_com_table table.th_blue th {font-size: 14px;}
    
    
}

@media screen and (max-width: 480px) {
    .rv_com_table table.th_blue {min-width: 100%; border: 1px solid #eaecf0; }
    .rv_com_table table.th_blue tr {border-bottom: none;}
    .rv_com_table table.th_blue th {padding: 10px 0;}
    .rv_com_table table.th_blue td {padding-left: 0;}
    .rv_com_table table.th_blue td, .rv_com_table table.th_blue th {display: block; width: 100%; text-align: center;}
    .rv_com_table table.th_blue td span {display: block; margin-top: 5px;}
    .rv_com_table table.th_blue td input[type="text"] {height: 35px; width: 95%; border: 1px solid #ddd;}
    .rv_com_table table.th_blue td #phone {width: 30%; margin-top: 5px;}
    .rv_com_table table.th_blue td #mail {width: 30%;}
    .rv_com_table table.th_blue td #mail_adr {width: 30%;}
    .rv_com_table table.th_blue td #userNum {width: 60%;}
    .rv_com_table table.th_blue td select {height: 35px; width: 180px; margin-top: 5px; border: 1px solid #ddd;}
    .rv_com_table table.th_blue td select#mail_adr {margin-top: 0;}
    .rv_com_table table.th_blue td textarea {width: 95%; border: 1px solid #ddd;}

}


/* 예약 페이지 공통 하단 버튼 */
.rv_apply_btn_wrap {display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 40px;}
.rv_apply_btn_wrap button {padding: 15px 45px; font-size: 19px;}
.rv_apply_btn_wrap button.rv_blck_btn {background: #333; color: #fff;}
.rv_apply_btn_wrap button.rv_blck_btn:where(:hover,:focus) {background-color: #111;}
.rv_apply_btn_wrap button.rv_white_btn {border: 1px solid #ddd; color: #888;}
.rv_apply_btn_wrap button.rv_white_btn:where(:hover,:focus) {background-color: #f9f9f9;}
.rv_apply_btn_wrap.right {justify-content: flex-end; gap: 8px; margin-top: 40px;}
.rv_apply_btn_wrap button.rv_blck_btn:hover {background: #555555;} /* 0720 */
.rv_apply_btn_wrap button.rv_white_btn:hover {background: #f7f7f8;} /* 0720 */

.rv_apply_btn_wrap.right button {color: #333; font-size: 15px;}

@media screen and (max-width: 1080px) {
    .rv_apply_btn_wrap button {padding: 15px 30px; font-size: 16px;}
    
    .rv_apply_btn_wrap.right button {color: #333; font-size: 14px;}
    
}

@media screen and (max-width: 480px) {
    .rv_apply_btn_wrap button {padding: 12px 20px; font-size: 14px;}
}




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

    sub103 - 01 01 시설대관 리스트 
    
**********************************************/
.sub0103_content > p {text-align: start; letter-spacing: -0.5px; margin-top: 25px; padding-left: 5px;}
.sub0103_announcement {text-align: start;}
.sub0103_announcement span {display: block;}
.sub0103_list span {display: block; margin-top: 5px;}

@media screen and (max-width: 1080px) {
    .sub0103_content > p {font-size: 15px; margin-top: 15px;}

}

@media screen and (max-width: 480px) {
    .sub0103_content > p {font-size: 14px;}

}


/* 신청절차 */
.reservation_step_list {display: flex; align-items: flex-start; justify-content: space-between; position: relative; padding: 50px 0;}
.reservation_step_list::after {content: ''; width: 100%; height: 1px; background: #ddd; position: absolute; top: 37%; left: 0; transform: translateY(-50%); z-index: -1;}
.reservation_step_list li {width: 15%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.reservation_step_list li p {word-break: keep-all; margin-top: 20px; font-size: 15px;}
.reservation_step_list li .step-circle {background: #fff; border: 2px solid #4563a1; color: #4563a1; width: 74px; height: 74px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 600;}
.reservation_step_list li .step-circle span {font-size: 14px;}
.reservation_step_list li:first-of-type .step-circle, .reservation_step_list li:last-of-type .step-circle {background: #4563a1; color: #fff;}


@media screen and (max-width: 1080px) {
    .reservation_step_list {justify-content: space-between;}
    .reservation_step_list::after {}
    .reservation_step_list li p {font-size: 14px;}
    
}

@media screen and (max-width: 768px) {
    .reservation_step_list {flex-direction: column; gap: 20px; padding: 20px 0; margin: 20px 0;}
    .reservation_step_list::after {width: 1px; height: 100%; left: 18px; transform: translateY(0); top: 0;}
    .reservation_step_list li {flex-direction: row; width: 100%; justify-content: flex-start; padding-left: 10px;}
    .reservation_step_list li::before {content: ''; width: 12px; height: 12px; background: #fff; border: 3px solid #4563a1; border-radius: 50%; margin-right: 10px;}
    .reservation_step_list li:first-of-type::before , .reservation_step_list li:last-of-type::before {background: #4563a1;}
    .reservation_step_list li p {margin-top: 0; margin-left: 15px; word-break: break-all;}
    .reservation_step_list li .step-circle {width: auto; height: auto; flex-direction: row; background: transparent; border: none; font-size: 15px; font-weight: 800;}
    .reservation_step_list li .step-circle span {font-size: 13px; padding-left: 3px;}
    .reservation_step_list li:first-of-type .step-circle, .reservation_step_list li:last-of-type .step-circle {background: transparent; color: #4563a1;}
    
}

@media screen and (max-width: 480px) {
    .reservation_step_list {padding: 10px 0;}
    .reservation_step_list::after {left: 4px;}
    .reservation_step_list li::before {width: 3px; height: 3px;}
    .reservation_step_list li {padding-left: 0;}
    .reservation_step_list li p {margin-left: 5px;}

}


.space_rv_box {display: flex; align-items: center; justify-content: space-between; padding: 5%; border: 1px solid #ddd;}

.rv_lb {width: 48%;}
.space_tab_btn_wrap {width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 5px;}
.space_tab_btn_wrap li {width: 24%; text-align: center; padding: 40px 0; font-size: 19px; cursor: pointer;}
.space_tab_btn_wrap li.tabBtn_01 {background: url(/home/site/east/2023/img/sub/space01.png) no-repeat center; background-size: cover;}
.space_tab_btn_wrap li.tabBtn_02 {background: url(/home/site/east/2023/img/sub/space02.png) no-repeat center; background-size: cover;}
.space_tab_btn_wrap li.tabBtn_03 {background: url(/home/site/east/2023/img/sub/space03.png) no-repeat center; background-size: cover;}
.space_tab_btn_wrap li.tabBtn_04 {background: url(/home/site/east/2023/img/sub/space04.png) no-repeat center; background-size: cover;}
.space_tab_btn_wrap li.active {border: 3px solid #4563a1;}

.space_img_box {width: 100%;}
.space_img {width: 100%; position: relative; width: 100%; display: none;}
.space_img img {width: 100%;}
.space_img.active {display: inherit;}

.rv_rb {width: 48%; text-align: start;}
.rv_rb h2 {display: block; width: 100%; font-size: 22px; padding: 25px 10px;}
.space_info {position: relative; width: 100%; display: none;}
.space_info.active {display: inherit;}
.space_info button {float: right; padding: 12px 25px; margin-top: 20px; background: #4563a1; color: #fff;}


@media screen and (max-width: 1080px) {
    .space_rv_box {padding: 30px 20px;}
    .rv_rb h2 {font-size: 18px; font-weight: 500;}
    
    .space_info button {font-size: 15px;}
}

@media screen and (max-width: 768px) {
    .space_rv_box {flex-direction: column;}
    
    .rv_lb {width: 80%;} 
    .rv_rb {width: 100%; margin-top: 15px;} 
    .rv_rb h2 {padding: 15px 5px; font-size: 15px;}
    
    .space_tab_btn_wrap li {padding: 20px 0;}
    
}

@media screen and (max-width: 480px) {
    .rv_lb {width: 100%;} 
    .rv_rb h2 {padding: 15px 5px;}
    
    .space_info button {font-size: 14px;}

}


/* 예약 단계 박스(2 단계) */
.rv_step_box {display: flex; align-items: center; justify-content: space-between; margin: 0px auto; position: relative; width: 216px; margin-bottom: 50px;}
.rv_step_box::after {content: ''; width: 100%; height: 1px; background: #eee; position: absolute; top: 35%; left: 0; z-index: -1;}
.rv_step_box li {display: flex; flex-direction: column; align-items: center; justify-content: space-between; background: #fff;}
.rv_step_box li .step_circle {width: 63px; height: 63px; border: 10px solid #f9f9f9; font-weight: 900; background: #eee; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.rv_step_box li .step_circle.active_step {border: 10px solid #b7c9ee; background: #4563a1; color: #fff;}
.rv_step_box li p {font-size: 15px; margin-top: 10px;}

@media screen and (max-width: 480px) {
    .rv_step_box {width: 200px;}
    .rv_step_box li .step_circle {width: 40px; height: 40px; border: 5px solid #f9f9f9; font-weight: 900; background: #eee; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
    .rv_step_box li .step_circle.active_step {border: 5px solid #b7c9ee; background: #4563a1; color: #fff; font-size: 14px;}
    .rv_step_box li p {font-size: 15px; margin-top: 10px; font-size: 13px;}
    
}



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

    sub103 - 01 02 시설대관 신청서 작성 
    
**********************************************/
.rv_form_box h2 {text-align: start; font-size: 18px; margin-bottom: 15px; margin-top: 40px;}
                    
@media screen and (max-width: 1080px) {
    .rv_form_box h2 {font-size: 16px;}
    
}

@media screen and (max-width: 480px) {
    .rv_form_box h2 {font-size: 15px;}
    
}


/* 0720 */
.agree_info_box {border: 1px solid #ddd; border-top: 2px solid #0f0f0f; width: 100%; max-height: 250px; padding: 30px 40px; text-align: justify; letter-spacing: -0.5px; color: #333; overflow: hidden; overflow-y: auto; font-size: 15px; line-height: 1.7;}
.agree_info_box span {display: block;}

.rv_chk-wrap {display: flex; align-items: center; justify-content: flex-end; margin-top: 15px;}
.rv_chk-wrap input[type="radio"] {margin-left: 40px; appearance: none; -webkit-appearance: none; position: relative; border: none;} 
.rv_chk-wrap input[type="radio"]::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -10px; width: 25px; height: 25px; border: 1px solid #aaa;} /* 0720 */
.rv_chk-wrap input[type="radio"]:checked::before {content: '\2714'; text-align: center; color: #0e52d1;}
.rv_chk-wrap input[type="radio"]:hover::before {background: #f5f3f3;}


@media screen and (max-width: 1080px) {
    .agree_info_box {font-size: 14px; padding: 20px;}
    
    .rv_chk-wrap input[type="radio"]+label {font-size: 15px;}
    .rv_chk-wrap input[type="radio"]::before {width: 20px; height: 20px;}
    
}

@media screen and (max-width: 480px) {
    .agree_info_box {font-size: 13px;}
    
    .rv_chk-wrap input[type="radio"] {margin-left: 12px;} 
    .rv_chk-wrap input[type="radio"]+label {font-size: 14px;}
    
}
/* 0720 */



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

    sub103 - 01 03 시설대관 예약완료
    
**********************************************/
.rv_complete_box {margin-top: 60px;}
.rv_complete_box h1 {font-size: 20px; margin-bottom: 50px; font-weight: 500;}

@media screen and (max-width: 1080px) {
    .rv_complete_box h1 {font-size: 16px; margin-bottom: 30px;}

}
@media screen and (max-width: 480px) {
    .rv_complete_box h1 {font-size: 15px;}

}




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

    sub103 - 02 01 예약확인 로그인
    
**********************************************/
.rv_login_request_box {margin-top: 100px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10% 0; border: 1px solid #ddd;}
.rv_login_request_box p {font-size: 24px; line-height: 1.6; font-weight: 600;}
.rv_login_request_box p span {display: block; font-size: 18px; font-weight: 400;}

@media screen and (max-width: 1080px) {
    .rv_login_request_box {margin-top: 80px;}
    .rv_login_request_box p {font-size: 20px;}
    .rv_login_request_box p span {font-size: 16px;}
    .rv_apply_btn_wrap {margin-top: 30px;}
}
@media screen and (max-width: 768px) {
    .rv_login_request_box {margin-top: 50px; padding: 7% 0;}
}
@media screen and (max-width: 480px) {
    .rv_login_request_box p {font-size: 15px;}
    .rv_login_request_box p span {font-size: 13px;}
    .rv_apply_btn_wrap {margin-top: 20px;}
}


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

    sub103 - 02 02 예약확인 뷰
    
**********************************************/
.rv_view_box {margin-top: 50px;}




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

    sub103 - 02 03 예약확인 리스트
    
**********************************************/
.rv_list_box {margin-top: 50px;}
.page_num_box {display: flex; margin-bottom: 15px;}
.page_num_box p:first-of-type::after {content: '\002F'; margin: 0 5px;}
.page_num_box p span {color: #184ba5; font-weight: bold;}

.rv_list {overflow: hidden; overflow-x: auto;}
.rv_list table {min-width: 786px;}
.rv_list table td span.end_rv {color: #111;}
.rv_list table td span.end_use {color: #888;}

.rv_list_box .roundBorder_begin {border-radius: 5px 0 0 5px; font-weight: bold;}
.rv_list_box .roundBorder_begin i {font-weight: bold; color: #666;}
.rv_list_box .roundBorder_end {border-radius: 0 5px 5px 0; font-weight: bold;}
.rv_list_box .roundBorder_end i {font-weight: bold; color: #666;}




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

    sub301 - 01 민원실 안내 
    
**********************************************/
.cs_fonticon .dg02 p.top {margin-top: 30px;}
.guide_content .tab_content {display: none;}
.guide_content .tab_content.active {display: block;}



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

    sub301 - 02 민원편람 - 쓰기 권한 없음
    
**********************************************/
.authArea {padding: 10% 0; border: 1px solid #ddd;}
.bbs_view > h3 {font-size: 24px; font-weight: 500; text-align: center;}
.bbs_btn {display: flex; align-items: center; justify-content: center;}
.bbs_btn .btn-wide {display: block; padding: 15px 45px; background: #333; font-size: 19px; color: #fff; margin-top: 30px;}
.bbs_btn .btn-wide:hover {background: #555;}

@media screen and (max-width: 1080px) {
    .bbs_view > h3 {font-size: 20px;}
    .bbs_btn .btn-wide {padding: 15px 35px; font-size: 16px; margin-top: 20px;}

}

@media screen and (max-width: 768px) {
    .bbs_view > h3 {font-size: 16px;}
    .bbs_btn .btn-wide {padding: 10px 25px; font-size: 15px; margin-top: 15px;}

}





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

    sub501 인사말

**********************************************/
.sub_0501_greeting {width: 100%;}
/* .sub_0501_greeting p {font-weight: 600;} */

.greeting_top_box {width: 100%; padding: 8%; margin-top: 50px; background: #f5f4f2; text-align: left; border-top-left-radius: 60px; display: flex; flex-flow: column nowrap; justify-content: center;}
.greeting_top_box :where(p,h2) {line-height: 1.5; word-break: keep-all;}
.greeting_top_box p {color: #009457; font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.greeting_top_box h2 {font-size: 25px; font-weight: 500;}
.greeting_top_box h2 span { font-weight: 600;}

.greeting_mid_box {padding: 0 3%; margin-top: 65px;}
.greeting_mid_box p {text-align: justify; margin-bottom: 30px; font-size: 18px; line-height: 1.6; letter-spacing: -0.8px; word-break: keep-all;} /* 0720 */

.greeting_bt_box {width: 100%; display: flex; flex-flow: column nowrap; align-items: flex-end; justify-content: flex-end; margin-top: 100px;}
.greeting_bt_box p {font-size: 19px;}
.greeting_bt_box img {margin: 0; margin-top: 10px;}




@media screen and (max-width: 1080px) { 
    .greeting_top_box p {font-size: 18px;}
    .greeting_top_box h2 {font-size: 22px;}

    .greeting_mid_box {margin-top: 40px;}
    .greeting_mid_box p {font-size: 16px; margin-bottom: 20px;}
    
    .greeting_bt_box {margin-top: 40px;}
    .greeting_bt_box p {font-size: 17px;}
}

@media screen and (max-width: 768px) { 
    .greeting_top_box {padding: 8% 5%;}
    .greeting_top_box p {font-size: 16px; margin-bottom: 5px;}
    .greeting_top_box h2 {font-size: 20px;}
    
    .greeting_mid_box p {font-size: 15px;}
    
    .greeting_bt_box p {font-size: 16px;}
    .greeting_bt_box img {width:90px;}



}

@media screen and (max-width: 480px) { 
    .greeting_top_box {border-top-left-radius: 0;}
    .greeting_top_box p {font-size: 14px;}
    .greeting_top_box h2 {font-size: 16px;}
    
    .greeting_top_box img {width: 150px; margin: 0;}

    .greeting_mid_box p {word-break: break-all; font-size: 14px;}

    .greeting_bt_box p {font-size: 15px;}
    .greeting_bt_box img {width:80px;}

}




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

    sub0503 조직도

**********************************************/
.sub_0503_organization {position:relative;margin-top: 80px;width: 100%;/*height: 1000px;*/text-align: center;} /* 0717 */
.sub_0503_organization::before {content:'';position:absolute;left:0;top:0;width:100%;height:760px;background: url(/home/site/east/2024/img/sub/sub0503-oganization_line02.png) no-repeat center -73px;object-fit: cover;z-index:-1;}
.sub_0503_organization > div { width: 100%;}
.org_list {width: 100%; margin-top: 50px; display: flex; align-items: flex-start; justify-content: center; gap: 10px; flex-wrap: wrap;} /* 0717 */
.org_list > ul {width: 23.4%;}
.org_tl_box {display: block; width: 230px; padding: 15px 0; font-size: 17px; border-radius: 5px; background: #183e82; color: #fff; position: relative;}
.org_tl_box::after {content: ''; display: block; width: 10px; height: 10px; background: #183e82; border: 2px solid #fff; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); border-radius: 50%;}
.org_black_box {background: #333; display: block; padding: 10px 0; font-size: 15px; letter-spacing: -0.5; color: #fff;}
.org_white_box {width: 100%; background: #fff; border: 1px solid #aaa; margin-top: 5px; padding: 10px 0; box-shadow: 5px 5px rgba(0, 0, 0, 0.1);} /* 0717 */ 
.org_white_box li a {display: block; padding: 5px; font-size: 15px;}

.org_top p {display: block; margin: 0px auto; width: 320px; padding: 20px 0; background: #fff; border: 5px solid #009457; border-radius: 10px; font-size: 20px; font-weight: 600; line-height: 44px;}
.org_top p span {display: block; font-size: 17px;}

.org_mid {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 85px;flex-wrap: wrap;}
.org_mid > div {width: 44%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.org_mid .org_black_box {padding:5px 0;display:flex;align-items:center;justify-content:center;height:60px;line-height:1.4;}
.org_mid .org_list ul:last-of-type .org_black_box {letter-spacing:-1.5px;}
.org_mid .org_list ul:last-of-type .org_black_box br:last-of-type {display:none;}
.org_bt {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.org_bt > div {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.org_bt > div.org_bt_lb {width: 65.5%;margin-top:33px;}
.org_bt .org_list {gap: 15px;}
.org_bt .org_list > ul {width: 17%;}
.org_bt > .org_bt_rb {width: 34%; display: flex; align-items: flex-start; justify-content: center; flex-direction: row; margin-top: 33px; flex-wrap: wrap;}
.org_bt > .org_bt_rb .org_tl_box {width: 140px;} /* 0717 */
.org_bt .org_bt_rb_01 {margin-right: 67px;} /* 0717 */


@media screen and (max-width: 1400px) {
    .sub_0503_organization {background: none; height: auto;}
	.sub_0503_organization::before {display:none;}
    .org_mid {justify-content: center; margin-top: 40px;}
    .org_mid > div {width: 99%; margin-bottom: 40px;}
    .org_list { margin-top: 0px; gap: 0; justify-content: space-between;}
	.org_black_box {padding:10px 5px !important;}
	.org_mid .org_black_box {height:auto;}
	.org_mid .org_list ul:last-of-type .org_black_box br:first-of-type {display:none;}
	.org_mid .org_list ul:last-of-type .org_black_box br:last-of-type {display:block;}
    
    .org_tl_box {padding: 12px 0; width: 100%;border-radius: 0; margin-bottom: 8px;}
    .org_tl_box::after {display: none;}
    .org_white_box {padding: 0;}
    
    .org_bt {margin-top: 0;}
    .org_bt > div {width: 100%;}
    .org_bt > div.org_bt_lb {width: 100%;margin-top:0;}
    .org_bt .org_list {gap: 0;}
    .org_bt .org_list > ul {width: 19%;}
    .org_bt > .org_bt_rb {width: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: row; margin-top: 40px;}
    
    .org_bt > .org_bt_rb {justify-content: space-between;}
    .org_bt > .org_bt_rb .org_tl_box {width: 100%;}
    .org_bt .org_bt_rb_01 {width: 49%; margin-right: 0;}
    .org_bt .org_bt_rb_02 {width: 49%; margin-right: 0;}
    
}


/* 230920 */
@media screen and (max-width: 768px) {
    .org_list > ul {width: 100%; margin-bottom: 10px;}
	
    
    .org_tl_box {font-size: 15px;}	
	.org_black_box br {display:none !important;}
    .org_white_box li a {font-size: 14px;}

    .org_top p {width: auto; padding: 10px 0; background: #fff; border: 3px solid #009457; border-radius: 5px; font-size: 16px;}
    .org_top p span {font-size: 15px;}

    .org_mid {margin-top: 20px;}
	.org_mid > div {margin-bottom:30px;}

	.org_bt > .org_bt_rb {margin-top:30px;}
    .org_bt .org_list > ul {width: 100%;}
    .org_bt .org_bt_rb > div {width: 100%; margin-bottom: 10px;}
	.org_bt .org_bt_rb_01 {margin-bottom:40px !important;}
    
}

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

}
/* // 230920 */





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

    sub0503 연혁

**********************************************/
/* 230829 */
.sub0503_history {width: 100%; margin-top: 50px;text-align: center;}
.sub0503_history > span {font-size: 18px;}
.sub0503_history > h2 {font-size: 28px; color: #5aae58;}
.sub0503_history .history_box {width: 100%; padding: 40px 0; position: relative;}
.sub0503_history .history_box::before {content: ''; height: 100%; width: 1px; background: #ddd; position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.sub0503_history .history_box li {width: 100%; display: flex; align-items: center;}
.sub0503_history .history_box li div {width: 50%; position: relative; padding: 20px 0;}
.sub0503_history .history_box li div h2 {font-size: 32px; letter-spacing: -0.8px;}
.sub0503_history .history_box li div span {letter-spacing: -0.8px;}
.sub0503_history .history_box li div > span {display: block; word-break: keep-all; font-weight: 500; margin-top: 6px;} /* 0720 */
.sub0503_history .history_box li div > span > span {font-weight: 800; margin-right: 8px;}
.sub0503_history .history_box li.lb {justify-content: flex-start; text-align: right;}
.sub0503_history .history_box li.lb h2, .sub0503_history .history_box li.lb div > span {margin-right: 35px;}
.sub0503_history .history_box li.rb {justify-content: flex-end; text-align: start;}
.sub0503_history .history_box li.rb h2, .sub0503_history .history_box li.rb div > span {margin-left: 35px;}
.sub0503_history .history_box li.lb div::after {content: ''; position: absolute; top: 32%; right: -8px; display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%;}
.sub0503_history .history_box li.rb div::before {content: ''; position: absolute; top: 32%; left: -8px; display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%;}
.sub0503_history .history_box li.lb div.y_2005::after {border: 3px solid #52ab50;}
.sub0503_history .history_box li.lb div.y_2014::after {top: 25%; border: 3px solid #3a9773;}
.sub0503_history .history_box li.lb div.y_2018::after {border: 3px solid #1578a9;}
.sub0503_history .history_box li.lb div.y_2020::after {top: 25%; border: 3px solid #006fba;}
.sub0503_history .history_box li.lb div.y_2023::after {top: 14%; border: 3px solid #025b97;}
.sub0503_history .history_box li.lb div.y_2005 h2 {color: #52ab50;}
.sub0503_history .history_box li.lb div.y_2014 h2 {color: #3a9773;}
.sub0503_history .history_box li.lb div.y_2018 h2 {color: #1578a9;}
.sub0503_history .history_box li.lb div.y_2020 h2 {color: #006fba;}
.sub0503_history .history_box li.lb div.y_2023 h2 {color: #025b97;}
.sub0503_history .history_box li.rb div.y_2010::before {border: 3px solid #4ea855;}
.sub0503_history .history_box li.rb div.y_2017::before {border: 3px solid #238494;}
.sub0503_history .history_box li.rb div.y_2019::before {border: 3px solid #0c71b6;}
.sub0503_history .history_box li.rb div.y_2021::before {top: 24%; border: 3px solid #0169ae;}
.sub0503_history .history_box li.rb div.y_2010 h2 {color: #4ea855;}
.sub0503_history .history_box li.rb div.y_2017 h2 {color: #238494;}
.sub0503_history .history_box li.rb div.y_2019 h2 {color: #0c71b6;}
.sub0503_history .history_box li.rb div.y_2021 h2 {color: #0169ae;}

@media screen and (max-width: 768px) {
    .sub0503_history > span {font-size: 16px;}
    .sub0503_history > h2 {font-size: 25px;}
    .sub0503_history .history_box {margin-top: 20px;}
    .sub0503_history .history_box li div {padding: 12px 0;}
    .sub0503_history .history_box li div h2 {font-size: 28px;}
    .sub0503_history .history_box li div span {font-size: 14px; font-weight: 500;}
    .sub0503_history .history_box li div > span {margin-top: 6px;}
    .sub0503_history .history_box li div > span > span {margin-right: 5px;}

    .sub0503_history .history_box li.lb div::after, .sub0503_history .history_box li.rb div::before  {width: 8px; height: 8px;}
    .sub0503_history .history_box li.lb div::after {right: -7px;} 
    .sub0503_history .history_box li.rb div::before {left: -7px;}

    .sub0503_history .history_box li.lb h2, .sub0503_history .history_box li.lb div > span {margin-right: 25px;}
    .sub0503_history .history_box li.rb h2, .sub0503_history .history_box li.rb div > span {margin-left: 25px;}
   
    .sub0503_history .history_box li.lb div.y_2023::after {top: 9%;}

}

@media screen and (max-width: 480px) {
    .sub0503_history > span {font-size: 15px;}
    .sub0503_history > h2 {font-size: 20px;}
    .sub0503_history .history_box li div h2 {font-size: 22px;}

  

}











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

    sub0504 직원검색 

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

.sub_employee_search {}
.sub_employee_search .announcement {text-align: left; border: 1px solid #ddd; border-image: none;}
.sub_employee_search .announcement .txt {line-height: 1.6; word-break: keep-all;}
.sub_employee_search .announcement .com_brd_srch_box {border: none; padding: 0; margin-bottom: 0; justify-content: flex-start; margin-top: 20px;}
.sub_employee_search .announcement > .rb {padding-left: 20px;}
.sub_employee_search .announcement button {margin-top: 0 !important;}
.sub_employee_search .con_table .txt_left {text-align: left; padding: 0 20px;}

@media screen and (max-width: 768px) {
    .sub_employee_search .con_table .txt_left {padding: 0 12px;}
}

@media screen and (max-width: 480px) {
    .sub_employee_search .announcement {flex-wrap: wrap; gap: 15px;}
    .sub_employee_search .announcement > div {width: 100%;}
    .sub_employee_search .announcement img {margin: 0 auto;}
    .sub_employee_search .announcement > .rb {padding-left: 0;}
}









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

    sub0505 부서별안내

**********************************************/
.intro {min-height: 250px; padding: 0 50px; background-size: 100% 100%; text-align: left; color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 15px;} 
.intro > img {margin: 0;}
.intro h2 {font-size: 35px; margin-bottom: 10px;}
.intro p {font-size: 18px;}

/* 부서별안내 타이틀박스 배경 */
.intro.sub0505_con_01 {background: url("/home/site/east/2023/img/sub/sub_bg_01.png") no-repeat;} /* 일자리투자유치국 */
.intro.sub0505_con_02 {background: url("/home/site/east/2023/img/sub/sub_bg_02.png") no-repeat;} /* 문화융성국 */
.intro.sub0505_con_03 {background: url("/home/site/east/2023/img/sub/sub_bg_03.png") no-repeat;} /* 환경산림국 */
.intro.sub0505_con_04 {background: url("/home/site/east/2023/img/sub/sub_bg_04.png") no-repeat;} /* 여순사건지원단 */
.intro.sub0505_con_05 {background: url("/home/site/east/2023/img/sub/sub_bg_05.png") no-repeat;} /* 민원행정담당관 */
.intro.sub0505_con_06 {background: url("/home/site/east/2023/img/sub/sub_bg_06.png") no-repeat;} /* 동부지역본부장 */ /* 0726 */

.tab_box {display: flex; gap: 15px; height: 70px; margin-top: 25px; margin-bottom: 30px;}
.tab_box a {letter-spacing: -1.5px; padding: 0 10px; transition: color 0.3s ease, background-color 0.3s ease; line-height: 1.2;}
.tab_box a:not(.active):where(:hover,:focus) {background-color: #f1f1f1;}
.tab_box > :where(.lb,.rb) {display: flex;}
.tab_box > .lb {width: 80%; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.tab_box > .lb li {width: 100%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tab_box > .lb a {height: 100%; color: #888; font-size: 20px; display: flex; justify-content: center; align-items: center; text-align: center;}
.tab_box > .lb a.active {color: #fff; background-color: #5472a5;}
.tab_box > .rb {width: 20%; gap: 5px;}
.tab_box > .rb li {width: 100%; border: 1px solid #aaa;}
.tab_box > .rb a {height: 100%; color: #333; font-size: 14px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; word-break: keep-all;}
.tab_box > .rb .img_box img {height: 29px;}
.com_brd_srch_box {background-color: #f6f7f9;}
.con_table .txt_left {padding: 20px; text-align: left;}
 .intro p {word-break: keep-all;}  /* 0920 */
 
@media screen and (max-width: 1080px) {
   .intro {min-height: 200px; padding: 25px 40px; gap: 10px;}
   .intro h2 {font-size: 30px;}
   .intro p {font-size: 16px;}
   .intro > img {display: none;}

   .tab_box {height: 65px;}
   .tab_box > .lb a {font-size: 18px;}
   .tab_box > .rb a {font-size: 13px;}
    
}

@media screen and (max-width: 768px) {
    .intro {min-height: 145px; padding: 25px;}
    .intro h2 {font-size: 26px; margin-bottom: 5px;}
    .intro p {font-size: 14px;}
    
    .tab_box {flex-wrap: wrap; height: auto;}
    .tab_box > :is(.lb, .rb)  {width: 100%;}
    .tab_box > .lb a {height: 52px; font-size: 16px;}
    .tab_box > .rb a {height: 70px;}

    .sub_job_invest .con_table .txt_left {padding: 0 12px;}
}

@media screen and (max-width: 480px) {
    .intro h2 {font-size: 22px;}
    .intro p {font-size: 13px;}
    .tab_box > .lb a {height: 45px; font-size: 14px;}


}




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

    sub0506 - 1.청사배치도

**********************************************/
.sub0506_part_location > img {width: 100%;}
.building_outline {margin-top: 20px; width: 100%; border: 1px solid #dddddd; padding: 3% 0; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}
.building_outline li {width: 18%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.building_outline li p {font-size: 17px; font-weight: 500; margin-top: 15px; text-align: center;} /* 0830 */
.building_outline li p span {display: block; font-size: 15px; letter-spacing: -0.8px; margin-top: 5px; word-break: keep-all;}

.interior_list p {margin-top: 20px !important;}

@media screen and (max-width: 1080px) {
    .building_outline li p {font-size: 15px; margin-top: 10px;}
    .building_outline li p span {font-size: 14px;}

}

@media screen and (max-width: 768px) {
    .building_outline {gap: 15px; padding: 20px 0;}
    .building_outline li img {width: 60px;}
    .building_outline li {width: 30%;}

}

@media screen and (max-width: 360px) {
    /* .building_outline {gap: 15px;} */
    .building_outline li {width: 100%; flex-direction: row; align-items: flex-start;} /* 0830 */
    .building_outline li img {margin: 0; width: 50px;}
    .building_outline li p {width: 50%; text-align: start; margin-left: 20px; margin-top: 0;}

}

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

    sub0701 전라남도 개인정보처리방침

**********************************************/
.sub_namdo_policy {text-align: left; letter-spacing: -1.5px;}
.sub_namdo_policy .index { position: relative; text-align: center; border: 1px solid #000; margin-top: 60px; margin-bottom: 40px;}
.sub_namdo_policy .index .txt {width: 90%; padding: 10px; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 20px; font-weight: 600; border-radius: 50px; background-color: #5472a5;}
.sub_namdo_policy .index .list {width: 90%; padding: 60px 10px 45px; gap: 10px 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0 auto; align-items: flex-start;}
.sub_namdo_policy .index .list li {}
.sub_namdo_policy .index .list a {display: block; padding: 10px; background-color: #fff;}
.sub_namdo_policy .index .list a:where(:hover,:focus) {filter: brightness(0.92);}
.sub_namdo_policy .index .list p {font-size: 16px; color: #000; margin-top: 10px; line-height: 1.2; word-break: keep-all;}
.sub_namdo_policy h3 {display: flex; align-items: center; font-size: 20px; color: #000; margin-bottom: 20px;}
.sub_namdo_policy h3 img {margin: 0; margin-right: 15px;}
.sub_namdo_policy :is(.txt_01, .cs_fonticon .dg02 :is(p,ul li)) {font-size: 16px; color: #000; font-weight: 400;}
.sub_namdo_policy .cs_fonticon .dg02 p {margin-top: 0;}
.sub_namdo_policy .cs_fonticon .dg02 ul {margin-left: 45px;}
.sub_namdo_policy .cs_fonticon .dg02 ul li {margin: 0;}
.sub_namdo_policy :is(.btn_01,.btn_02, .con_table, .cs_fonticon .dg02 :is(p,ul li)) {margin-bottom: 12px;}
.sub_namdo_policy :where(.btn_01,.btn_02)  {display: block; text-align: center; width: 100%; font-size: 17px; padding: 10px;}
.sub_namdo_policy .btn_01 {max-width: 350px; margin-left: 17px; background-color: #3b4961; border-radius: 50px; color: #fff;}
.sub_namdo_policy .btn_01:where(:hover,:focus) {background-color: #1a2334;} 
.sub_namdo_policy .btn_02 {max-width: 285px; background-color: #f9f9f9; border: 1px solid #ddd;}
.sub_namdo_policy .btn_02:where(:hover,:focus) {background-color: #f1f1f1;} 
.sub_namdo_policy .cs_fonticon .dg02 .dash_list_01 {margin: 0; padding: 0 30px;}
.sub_namdo_policy .cs_fonticon .dg02 .dash_list_01 li {list-style-type: none; position: relative; text-align: left; margin-bottom: 5px;}
.sub_namdo_policy .cs_fonticon .dg02 .dash_list_01 > li {padding-left: 10px;}
.sub_namdo_policy .cs_fonticon .dg02 .dash_list_01 > li::before {content: "\002D"; position: absolute; top: 0; left: 0;}
.sub_namdo_policy .cs_fonticon .dg02 .dash_list_01 > li.normal {padding-left: 0;}
.sub_namdo_policy .cs_fonticon .dg02 .dash_list_01 > li.normal::before {content: "";}
.sub_namdo_policy .cs_fonticon .dg02 .dash_list_02 {margin: 0; margin-top: 12px;}
.sub_namdo_policy .cs_fonticon .dg02 .dash_list_02 > li {list-style-type: none; position: relative; padding-left: 17px;}
.sub_namdo_policy .cs_fonticon .dg02 .dash_list_02 > li::before {content: ""; width: 8px; height: 1px; position: absolute; top: 11px; left: 0; background-color: #325ed6;}
.sub_namdo_policy .con_table {margin-top: 0;}

@media screen and (max-width: 1080px) {
    .sub_namdo_policy .index .list {grid-template-columns: repeat(4, minmax(0, 1fr));}
}

@media screen and (max-width: 768px) {
    .sub_namdo_policy .index .txt {font-size: 16px;}
    .sub_namdo_policy .index .list {grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 50px 10px 25px;}
    .sub_namdo_policy .index .list p {font-size: 14px;}
    .sub_namdo_policy h3 {font-size: 16px; margin-bottom: 10px;}
    .sub_namdo_policy :where(.index .list img, h3 img) {width: 40px;}
    .sub_namdo_policy h3 img {margin-right: 12px;}
    .sub_namdo_policy :is(.txt_01, .cs_fonticon .dg02 :is(p,ul li)) {font-size: 14px;}
    .sub_namdo_policy :where(.btn_01,.btn_02) {font-size: 15px;}
    .sub_namdo_policy .btn_01 {max-width: 300px;}
    .sub_namdo_policy .btn_02 {max-width: 250px;}
    .sub_namdo_policy :is(.btn_01,.btn_02, .con_table, .cs_fonticon .dg02 :is(p,ul li)) {margin-bottom: 10px;}
    .sub_namdo_policy .cs_fonticon .dg02 .dash_list_01 {padding: 0 15px;}
    .sub_namdo_policy .cs_fonticon .dg02 ul {margin-left: 35px;}
    .sub_namdo_policy .cs_fonticon .dg02 .dash_list_02 {margin-top: 10px;}
    .sub_namdo_policy .cs_fonticon .dg02 .dash_list_02 > li {padding-left: 15px;}
    .sub_namdo_policy .cs_fonticon .dg02 .dash_list_02 > li::before {top: 6px;}
}

@media screen and (max-width:480px) {
    .sub_namdo_policy .index .list {grid-template-columns: repeat(2, minmax(0, 1fr));}
}





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

    sub0506 - 2. 층별안내도

**********************************************/
.sub0506_partPlan {margin-top: 50px;}
.sub0506_tabWrap {display: flex; justify-content: center; border-top: 1px solid #aaa; gap: 20px; border-bottom: 1px solid #eee;}
.sub0506_tabWrap li {text-align: center; padding: 20px 10px; cursor: pointer; color: #272727;}
.sub0506_tabWrap li.active {color: #183e82; font-weight: 600; border-bottom: 3px solid #183e82;}

.partPlanImg {position: relative; width: 100%; display: none; }/* 0926 */
.partPlanImg img {max-width: 100%; border: 5px solid #eee; margin-top: 25px;} /* 0926 */
.partPlanImg.active {display: inherit;}

.floor_guide_table {margin-top: 20px !important;}
.floor_guide_table td:last-of-type {text-align: start; padding: 0 25px; word-break: keep-all;}


@media screen and (max-width: 1240px) {
    .floor_guide_table td:last-of-type {padding: 0 15px;}

}

@media screen and (max-width: 1080px) {
    .sub0506_tabWrap li {padding: 12px 0px; font-size: 14px;}

}




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

    sub0507 - 오시는길

**********************************************/
/* 청사 위치 지도 */
.sub0507_locationMap {width: 100%;}
.locationMap_box {border: 1px solid #c2c2c2;}
.locationMap .wrap_controllers,.locationMap .wrap_btn_zoom {display: none;}
.map_con {border-top: 1px solid #c2c2c2; padding: 20px 10px; display: flex; align-items: center; justify-content: space-between;}
.lacation_adress li {text-align: start; word-break: keep-all; display: flex; align-items: center; justify-content: flex-start; padding: 5px 0;}
.lacation_adress li::before {content: ''; display: inline-block; width: 4px; height: 4px; background: #1a4589; border-radius: 50%; margin-right: 10px;}
.lacation_adress li span {font-weight: 600; word-break: keep-all;}

.map_btn {height: 63px; display: flex; align-items: center; justify-content: center; gap: 10px;}
.map_btn a {display: block; width: 150px; height: 100%; display: flex; align-items: center; justify-content: center; word-break: keep-all;}
.map_btn a.lb_btn {border: 1px solid #aaa; background: #fff;}
.map_btn a.rb_btn {border: 1px solid #153b77; background: #2f5da8; color: #fff;}
.map_btn a.rb_btn::before {content: ''; display: inline-block; width: 30px; height: 30px; background: url(/home/site/east/2023/img/icon/icon_kakaomap.png) no-repeat center; margin-right: 5px; background-size: cover;}
.map_btn a.lb_btn:hover {color: #1e69e0;}
.map_btn a.rb_btn:hover {background: #4e7bc2;}

/* 중간 알림 */
.sub0507_locationMap > p {text-align: start; margin: 50px 0 30px 0; font-size: 15px;}

/* 이용수단 */
.location_directions {display: flex;flex-flow: row wrap; justify-content: space-between;text-align: center;} /* 0927 */
.location_directions li {width: 49%; border: 1px solid #c2c2c2; border-top: 3px solid #1a4589; margin-bottom: 20px;}
.ld_top_box {width: 100%; background: #fafafa; padding: 25px 0;}
.ld_top_box p {font-weight: 600; margin-top: 15px;}

.id_bt_box {padding: 22px 0;}
.id_bt_box p {font-size: 15px; line-height: 1.8; letter-spacing: -1.2px;}
.id_bt_box p span {color: #0063ff;}
.id_bt_box button {margin-top: 15px;}
.id_bt_box button a {display: block; font-size: 15px; padding: 10px 0; width: 220px; background: #3b4961; color: #fff;}
.id_bt_box button a:hover {background: #506891;}
.id_bt_box .id_btn_box button a {/* width: 150px; */}





@media screen and (max-width: 1240px) {
    .map_con {flex-direction: column;}
    .lacation_adress li {font-size: 15px;}
    
    .map_btn {margin-top: 10px; height: 40px;}
    .map_btn a {font-size: 14px; width: 120px;}
    .map_btn a.rb_btn::before {width: 20px; height: 20px;}
    
    .ld_top_box img {width: 60px;}
}

@media screen and (max-width: 1080px) {
    .ld_top_box img {width: 60px;}

}


/* 230920 */
@media screen and (max-width: 900px) {
    .location_directions li {width: 100%;}
}

@media screen and (max-width: 768px) {
    .lacation_adress li::before {content: none;}
    .lacation_adress li {flex-direction: column; text-align: center;}
    
    .sub0507_locationMap > p {margin: 40px 0 30px 0; font-size: 14px;}
    
    .ld_top_box {padding: 22px 0;}
    .ld_top_box p {margin-top: 12px; font-size: 15px;}
    .id_bt_box {padding: 12px 0;}
    .id_bt_box p {font-size: 14px; line-height: 1.5;}
    .id_bt_box button {margin-top: 12px;}
    .id_bt_box button a {font-size: 12px; padding: 10px 15px; width: auto; background: #3b4961; color: #fff;}
    .id_bt_box .id_btn_box button a {width: auto;}
    
}

@media screen and (max-width: 480px) {
    .locationMap {height: 250px;}
    .map_btn {width: 95%;}
    .map_btn a {width: 50%;}


}
/* // 230920 */


@media screen and (max-width: 768px) {
    .lacation_adress li::before {content: none;}
    .lacation_adress li {flex-direction: column; text-align: center;}
    
    .sub0507_locationMap > p {margin: 40px 0 30px 0; font-size: 14px;}
    
    .ld_top_box {padding: 22px 0;}
    .ld_top_box p {margin-top: 12px; font-size: 15px;}
    .id_bt_box {padding: 12px 0;}
    .id_bt_box p {font-size: 14px; line-height: 1.5;}
    .id_bt_box button {margin-top: 12px;}
    .id_bt_box button a {font-size: 12px; padding: 10px 15px; width: auto; background: #3b4961; color: #fff;}
    .id_bt_box .id_btn_box button a {width: auto;}
    
}

@media screen and (max-width: 480px) {
    .locationMap {height: 250px;}
    .map_btn {width: 95%;}
    .map_btn a {width: 50%;}

    .location_directions li {width: 100%;}

}




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

    sub0508 - 관련누리집

**********************************************/
.rs_list {display: flex; flex-flow: row wrap; border: 1px solid #c2c2c2;}
.rs_list li {width: 33.33%; padding: 30px 10px; border: 1px solid #eee;}
.rs_list li img {max-width: 100%;}
.rs_list li a {display: block;}
.rs_list li p {text-align: start; padding-left: 20px; margin-top: 22px; font-weight: 600; word-break: keep-all;}
.rs_list li p span {display: block; width: fit-content; color: #888; font-size: 14px; font-weight: 400; word-break: break-all;}
.rs_list li a:hover span {color: #0d4dff;}

@media screen and (max-width: 1080px) {
    .rs_list li img {width: 200px;}
    .rs_list li p {font-size: 15px; padding-left: 10px; margin-top: 10px;}
    .rs_list li p a {font-size: 13px;}

}

@media screen and (max-width: 768px) {
    .rs_list li {width: 50%; padding: 20px 5px;}
    .rs_list li p {padding-left: 0px; text-align: center;}
    .rs_list li p a {margin: 0 auto;}

}
@media screen and (max-width: 480px) {
    .rs_list li {width: 100%; padding: 20px 5px;}

}





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

    sub0702 영상정보처리기기 운영관리 방침

**********************************************/
.sub_media_info {text-align: left; letter-spacing: -1.5px;}
.sub_media_info :is(.con_table, .cs_fonticon .dg02 p) {margin-top: 30px;}
.sub_media_info .cs_fonticon .dg02 p {font-weight: 500;}
.sub_media_info .cs_fonticon .dg02 ul {margin-left: 45px; margin-top: 20px;}
.sub_media_info .cs_fonticon .dg02 li {margin: 0;}
.sub_media_info .cs_fonticon .dg02 li:not(:last-of-type) {margin-bottom: 10px;}
.sub_media_info .cs_fonticon .dg02 :is(p, ul li) {font-size: 16px;}
.sub_media_info .cs_fonticon .dg02 .dash_list {margin-left: 0;}
.sub_media_info .cs_fonticon .dg02 .dash_list li {list-style-type: none; position: relative; padding-left: 15px;}
.sub_media_info .cs_fonticon .dg02 .dash_list li::before {content: ""; width: 8px; height: 1px; display: block; background-color: #325ed6; position: absolute; top: 11px; left: 0;}

@media screen and (max-width: 768px) {
    .sub_media_info .cs_fonticon .dg02 :is(p, ul li) {font-size: 14px;}
    .sub_media_info :is(.con_table, .cs_fonticon .dg02 p) {margin-top: 20px;}
    .sub_media_info .cs_fonticon .dg02 ul {margin-top: 15px;}
    .sub_media_info .cs_fonticon .dg02 .dash_list li::before {top: 9px;}
}









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

    sub0703 사이트맵

**********************************************/
.sub_siteMap {text-align: left;}
.sub_siteMap .list {display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 45px 10px;}
.sub_siteMap .list i {color: #325ed6; font-weight: 600; margin-left: 6px; font-size: 14px;}
.sub_siteMap .list a {letter-spacing: -1.5px; font-size: 16px;}
.sub_siteMap .list dt {}
.sub_siteMap .list dt a {width: 100%; height: 60px; padding: 0 10px; display: flex; justify-content: center; align-items: center; text-align: center; color: #333; font-weight: 600; background-color: #f9f9f9; border: 1px solid #aaa; border-radius: 10px;}
.sub_siteMap .list dt a:where(:hover,:focus) {background-color: #f1f1f1;}
.sub_siteMap .list dd {}
.sub_siteMap .list ul {padding: 15px;}
.sub_siteMap .list li {}
.sub_siteMap .list li:not(:last-of-type) {margin-bottom: 10px;}
.sub_siteMap .list li a {display: block; width: fit-content; position: relative; color: #333; padding-left: 12px;}
.sub_siteMap .list li a:where(:hover,:focus) {text-decoration: underline;}
.sub_siteMap .list li a::before {content: ""; width: 4px; height: 4px; background-color: #325ed6; border-radius: 50%; position: absolute; top: 8px; left: 0;}

@media screen and (max-width: 1080px) {
    .sub_siteMap .list {gap: 35px 10px;}
    .sub_siteMap .list a {font-size: 14px;}
    .sub_siteMap .list i {font-size: 13px;}
    .sub_siteMap .list dt a {height: 50px;}
    .sub_siteMap .list li:not(:last-of-type) {margin-bottom: 8px;}
}

@media screen and (max-width: 768px) {
    .sub_siteMap .list {grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 8px;}
}

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

    sub0506 01-청사배치도

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







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

    sub 공통 - 페이지 준비중

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

.preparing {margin-top:120px;}
.preparing div {}
.preparing div img {}

.preparing h2 {font-size:40px; font-weight:600; color:#333; margin-top:70px;text-align: center;}
.preparing h2 span {color:#df2c22;}
.preparing p {font-size:17px; font-weight:400; color:#888; margin:auto; margin-top:32px; width:448px; text-align:center;}


@media screen and (max-width:1400px) {
    .preparing h2 {font-size:38px;}
    .preparing p {font-size:16px; width:420px;}
}

@media screen and (max-width:1080px) {
    .preparing h2 {font-size:36px; margin-top:60px;}
    .preparing p {font-size:15px; margin-top:26px; width:390px;}
}

@media screen and (max-width:760px) {
    .preparing div img {width:340px;}
    .preparing h2 {font-size:32px; margin-top:50px;}
    .preparing p {font-size:14px; margin-top:23px; width:370px;}
}

@media screen and (max-width:480px) {
    .preparing div img {width:70%;}
    .preparing h2 {font-size:24px; margin-top:40px;}
    .preparing p {font-size:13px; margin-top:20px; width:100%;}
}










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

    sub0403_01환경및산림시책

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

.environment {margin-top:35px;}
.environment .en_policy {}
.environment .en_policy .question {text-align:left; width:100%; margin:5px 0; border:1px solid #ddd; padding:20px 22px; display:flex; justify-content:space-between; align-items:center;}
.environment .en_policy .question span {cursor:pointer; font-size:18px; font-weight:500;}
.environment .en_policy .question i {color:#888;}
.environment .en_policy .question.active i {transform: rotate(180deg); transition: 0.1s;}

.environment .en_policy .cs_fonticon {display:none; margin-top:-5px;}
.environment .en_policy .cs_fonticon ul {border-top:none;}
.environment .en_policy .cs_fonticon .sy03 p.sub {font-weight:400; margin-left:0; margin-top:15px;}
.environment .en_policy .cs_fonticon .sy03 p.sub::before {display:none;}

.environment .en_policy .cs_fonticon .sy03 li.sub_li {margin-left:0; display:flex; flex-direction:column; margin-top:5px;}
.environment .en_policy .cs_fonticon .sy03 li.sub_li::before {display:none !important;}
.environment .en_policy .cs_fonticon .sy03 li.sub_li span:first-child {margin-left:-20px;}
.environment .en_policy .cs_fonticon .sy03 .s_syli_div {display:flex; flex-direction: column;}

.environment .en_policy .cs_fonticon .sy04 {display:flex; flex-direction:column; margin-top:25px;}
.environment .en_policy .cs_fonticon .sy04 span {font-size:16px; font-weight:400; margin:3px 0; margin-left:10px;}
.environment .en_policy .cs_fonticon .sy04 span::before {display:block; position:absolute; content:""; background:#325ed6; width:4px; height:4px; border-radius:50%; margin-top:10px; margin-left:-10px;}
.environment .en_policy .cs_fonticon .sy04.s_sy_li {margin-bottom:35px;}
.environment .en_policy .cs_fonticon .sy04 .s_sy_span {margin-left:30px;}
.environment .en_policy .cs_fonticon .sy04 .s_sy_span::before {display:block; position:absolute; content:""; width:10px; height:1px; background:#000; margin-top:10px; margin-left:-20px;}
.environment .en_policy .cs_fonticon .sy04 .s_sy_span01::before {display:none;}

.environment .en_policy .cs_fonticon .sy04 .s_span {margin-top:10px;} 

.environment .en_policy .cs_fonticon .sy05 {margin-top:17px;}
.environment .en_policy .cs_fonticon .sy05 ul {display:flex; justify-content:space-between; align-items:center;}
.environment .en_policy .cs_fonticon .sy05 ul li {background:#183e82; width:220px; padding:25px 30px; border-radius:10px;}
.environment .en_policy .cs_fonticon .sy05 ul li:nth-child(2n) {background:none; width:0; margin-left:-10px; padding:0 20px;}
.environment .en_policy .cs_fonticon .sy05 ul li div {color:#ffdf06; margin-bottom:15px; font-size:14px; font-weight:700;}
.environment .en_policy .cs_fonticon .sy05 ul li p {color:#fff; font-size:16px; font-weight:500;}

.environment .en_policy .cs_fonticon .sy05.dg07 ul li {width:300px;}
.environment .en_policy .cs_fonticon .sy05.dg07 ul li:nth-child(2n) {width:0;}


@media screen and (max-width:1400px) {
    
    .environment {margin-top:35px;}
    .environment .en_policy .question span {font-size:17px;}

    .environment .en_policy .cs_fonticon .sy04 span {font-size:15px;}

    .environment .en_policy .cs_fonticon .sy05 ul {flex-wrap: wrap;}
    .environment .en_policy .cs_fonticon .sy05 ul li {margin-bottom:20px;}
    .environment .en_policy .cs_fonticon .sy05 ul li div {font-size:13px;}
    .environment .en_policy .cs_fonticon .sy05 ul li p {font-size:15px;}

    .environment .en_policy .cs_fonticon .sy05.dg07 ul li {width:300px;}
}

@media screen and (max-width:1080px) {
    .environment {margin-top:35px;}
    .environment .en_policy .question span {font-size:16px;}

}

@media screen and (max-width:760px) {
    .environment .en_policy .question span {font-size:15px;}

    .environment .en_policy .cs_fonticon .sy04 span {font-size:14px;}

    .environment .en_policy .cs_fonticon .sy05 ul li p {font-size:14px;}

    .environment .en_policy .cs_fonticon .sy05 ul {flex-direction:column;}
    .environment .en_policy .cs_fonticon .sy05 ul li, .environment .en_policy .cs_fonticon .sy05.dg07 ul li {width:100%;}
    .environment .en_policy .cs_fonticon .sy05 ul li:nth-child(2n) {transform: rotate(90deg); margin-left:0; margin-top:-10px;}
}

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

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








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

    sub0403_03 환경통계, 산림통계

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

.tab_stats {margin-top:65px;}
.tab_stats.dg01, .ct_bottxt.dg01 {margin-top:0;}
.tab_stats .con_table {margin-top:10px;}

.ct_toptxt.dg01 {margin-bottom:0;}

.con_table.dg01 {padding-top:13px;}


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

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

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

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










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

    sub0401_02분야별정보

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

.sub04_view {margin-top:55px;}





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

    sub0401_02분야별 기업정보

**********************************************/
.material_type_list_wrap {width: 100%; height: 100%; overflow: hidden; overflow-y: auto; padding: 15px 30px; background:#f9f9f9; border: 1px dashed #243d6b;margin-bottom: 30px;margin-top: 30px;}
.mtrl_type_list {height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; text-align: left; }
.mtrl_type_list li {width: 33%; list-style: disc; list-style-position: inside; padding: 3px 0;}
.mtrl_type_list li::marker {color: #243d6b; font-size: 5px;}
.mtrl_type_list li a {display: inline-block; font-size: 15px;}
.mtrl_type_list li a:hover {text-decoration: underline;}

@media screen and (max-width: 768px) {
    .mtrl_type_list li {width: 50%;}
    .mtrl_type_list li a {font-size: 14px;}

}

@media screen and (max-width: 480px) {
    .material_type_list_wrap {height: 250px;}
    .mtrl_type_list li {width: 100%;}
}




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

    sub0405 동부권일반통계

**********************************************/ 
.chartWrap {width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
                
/* 바차트 */
.chartBox {width: 65%; height: 335px; overflow: hidden; overflow-x: auto;}

/* 파이차트 */
.sub0405_eastStatistics .container {width: 340px; display: flex; align-items: center; justify-content: center;}
.chart {position: relative; width: 280px; height: 280px; border-radius: 50%; transition: 0.3s;}
.chart_bg {position: absolute; z-index: -10; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; height: 90%; border-radius: 50%; transition: 0.3s; background: #fdd400;}

.total_num {position: absolute; font-size: 12px; background: #fff; border-radius: 30px; padding: 8px 10px; letter-spacing: -1.2px;}
.total_num_A {top: 30px; right: -30px; border: 2px solid #da6719;}
.total_num_B {bottom: 40px; left: 0px; border: 1px solid #aaa;}

.sub0405_tl {margin-top: 80px !important;}
.sub00405_table {margin-top: 0px !important;}

@media screen and (max-width: 1400px) {
    .chartWrap {flex-direction: column-reverse;}

    .sub0405_eastStatistics .container {width: 100%; margin-bottom: 20px;}
    .chart {width: 240px; height: 240px;}
    .total_num { padding: 3px 5px;}

}
@media screen and (max-width: 768px) {
    .chartBox {width: 100%; padding: 30px 15px;}
    .chartBox canvas {min-width: 350px; /* transform: scale(0.9); */}

    .sub0405_eastStatistics .container {width: 100%; margin-bottom: 20px;}
    .chart {width: 200px; height: 200px;}
    .total_num { padding: 3px 5px;}

}


/* 글쓰기 버튼 */
.com_brd_info.btnWrap {display: block; text-align:right;}
.com_brd_info .btn_write {width: 60px;height: 30px;/* display: flex; */justify-content: center;align-items: center;color: #fff;background-color: #183e82;font-size: 13px;font-weight: 600;border-radius: 3px;}

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

    직원추가 팝업박스

**********************************************/ 
.popup_employee_add {}
.popup_employee_add .logo_box {padding: 30px 10px;}
.popup_employee_add .con_table {width: 95%; max-width: 800px; margin: 0 auto;}
.popup_employee_add .con_table table {min-width: unset;}
.popup_employee_add .con_table th {padding-left: 10px; padding-right: 10px; background-color: #f9f9f9;}
.popup_employee_add .con_table td {text-align: left; padding-left: 20px; padding-right: 20px;}
.popup_employee_add .con_table textarea {height: 200px; padding: 8px 12px;}
.popup_employee_add .btn_box {display: flex; justify-content: center; padding: 30px 0 50px; gap: 5px;}
.popup_employee_add .btn_box button {border: 1px solid #aaa; padding: 15px 40px;}
.popup_employee_add .btn_box .btn_01 {background-color: #264f95; color: #fff;}

@media screen and (max-width: 760px) {
    .popup_employee_add .logo_box img {width: 250px;}
    .popup_employee_add .con_table td {padding-left: 15px; padding-right: 15px;}
    .popup_employee_add .btn_box {gap: 3px;}
    .popup_employee_add .btn_box button {font-size: 14px; padding: 10px 30px;}
}

@media screen and (max-width: 480px) {
    .popup_employee_add input {width: 100%;}
    .popup_employee_add .con_table textarea {height: 150px;}
}







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

    (도청) 공통 부분

**********************************************/ 
/* h2, h3 */
.sub_com_content_box {text-align: left;    margin-top: 4%;}
.sub_com_content_box p {font-size: 15px; line-height: 2.0; letter-spacing: -1.2px;}
.sub_com_content_box h2 {margin: 10px 0; padding-left: 32px; background:url(/home/site/east/2023/img/icon/icon_tl_circle.png) no-repeat left center; color:#000; font-weight:bold; font-size: 22px; background-size: 23px;}
.sub_com_content_box h2:not(:first-of-type) {margin-top: 30px;} /* 1005 */
.sub_com_content_box h2.mt30 {margin-top: 30px;}

.sub_com_content_box h3 {margin: 5px 0; font-size: 18px; font-weight: 500; text-indent: -20px; padding-left: 20px;} 
.sub_com_content_box h3::before {content: ''; display: inline-block; width: 12px; height: 4px; background: #325ed6; margin-right: 10px; margin-bottom: 5px;} 
.sub_com_content_box h3.mt20 {margin-top: 30px;}
.sub_com_content_box > h3:not(:first-of-type) {margin-top: 20px;} /* 1005 */

.sub_com_content_box h4 {display: flex; align-items: center; font-size: 15px; font-weight: 500; margin: 5px 0;}
.sub_com_content_box h4::before {content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-left: 10px; background: #325ed6; margin-right: 5px;}
.sub_com_content_box h4.mt20 {margin-top: 20px;}

.sub_com_content_box > ul {text-align: left;}
.sub_com_content_box > ul > li {color:#252525; line-height: 2.5; font-size: 15px; list-style: disc; word-break : keep-all;}
.sub_com_content_box > ul > li::marker {color: #325ed6;}

.sub_com_content_box img {max-width: 100%;}
.sub_com_content_box > ul {margin-left: 30px;} 
.sub_com_content_box > ul > li > p::before {content: ''; display: inline-block; width: 5px; height: 1px; background: #000; margin-right: 5px; margin-bottom: 5px;}
.sub_com_content_box .intro_top_box_01 {display: flex; align-items: center; min-height: 230px; padding: 20px; gap: 20px; border: 1px dashed #bbb; margin-bottom: 20px;}
.sub_com_content_box .intro_top_box_01 .img_box {width: 30%;}
.sub_com_content_box .intro_top_box_01 .img_box img {max-width: 100%;}
.sub_com_content_box .intro_top_box_01 .txt_box {width: 70%;}
.sub_com_content_box .intro_top_box_01 .txt_box .title {font-size: 24px; font-weight: 600; margin-bottom: 10px;}
.sub_com_content_box .intro_top_box_01 .txt_box p {font-size: 16px; line-height: 1.5;}

.sub_list_type01 {text-align: left; margin-left: 30px;}
.sub_list_type01 li {color:#252525; line-height: 2.5; font-size: 15px; list-style: disc;}

.sub_list_type01.inline li p {display: inline-block;}
.sub_list_type01 li > p::before {content: ''; display: inline-block; width: 5px; height: 1px; background: #000; margin-right: 5px; margin-bottom: 5px;}
.sub_list_type01 li::marker {color: #325ed6;}

.sub_list_type02 li {padding: 5px 20px; font-size: 15px;}

.sub_list_type03 {text-align: left;}
.sub_list_type03 li {padding-left: 10px; color:#252525; line-height: 2.5; display: flex; align-items: flex-start; font-size: 15px;}
.sub_list_type03 li::before {content: ''; display: inline-block; width: 3px; height: 3px; background: #325ed6; border-radius: 50%; margin-right: 5px; margin-top: 18px;}

.sub_list_type04 {text-align: left;}
.sub_list_type04 li {color:#252525; line-height: 2.5; color: #787878; }
.sub_list_type04 li::before {content: '\203A'; display: inline-block; margin-right: 5px;  font-size: 5px;}
.sub_list_type04 li > p {color: #000;}
.sub_list_type04 li > p::before {content: ''; display: inline-block; width: 5px; height: 1px; background: #000; margin-right: 5px; margin-bottom: 5px;}

/* 상단 정보 박스 */
.sub_page_top_info_box {min-height:110px; margin: 50px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding:30px 30px 30px 150px; border:1px dashed #d7d7d7;  background: url("/home/site/east/2023/img/icon/icn_topinfo.gif") no-repeat left 30px center; color:#476b8f; background-color:#f6f6f6;}/* 0731 */
/* 임시 */
.page_info p{display:inline-block;line-height:150%;vertical-align:middle;}
.page_info_btn a{margin-bottom:3px;}
.btn_go_now{display:inline-block;padding:7px 25px 7px 10px!important;background:#3f4146 url("/home/site/jeonnam/imgs/common/btn_go_now.gif") no-repeat 95% center;color:#fff;border-radius:15px;}
.page_info_btn{float:right;margin-top:5%;}
.btn_point1{background-color:#eb741d !important;color:#fff;}

/* 서브 내용 공통 토글 슬라이드 (도청) */
.tgList_wrap {width:100%;}
.tgList_wrap .tgList_tl {border: 1px solid #dee0e3; padding: 0 22px; height: 67px; margin-top: 5px; position: relative; display: flex; align-items: center; cursor: pointer;}
.tgList_wrap .sub_tl_type02 a {transition: none; font-weight: 500; font-size: 18px; display: flex; width: 90%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tgList_wrap .sub_tl_type02 a::after {content: '\2228'; display: inline-block; transition: all .4s ease; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.tgList_wrap .tgList_con {display:none; margin-top: -1px; width:100%; padding:10px 20px 30px 22px; overflow:hidden; border:1px solid #dee0e3; margin-bottom: 5px; background: #f9f9f9;} /* 1005 */
.tgList_wrap .tgList_con.active {display: block;}
.tgList_wrap .underline {width: 100%; border-bottom: 1px dashed #ddd; padding: 10px 0; margin-bottom: 20px; font-weight: 600;}
.tgList_wrap .tgList_con h3 {font-size: 17px;}


/* 테이블 */
.sub_com_content_box div {overflow: hidden; overflow-x: auto; width:100%;}
.sub_com_content_box table {width: 1100px; min-width: 700px; border-top:3px solid #5472a5; background: #FFF; word-break: keep-all;} /* 0926 */
.sub_com_content_box table tr {}
.sub_com_content_box table :where(td,th) {font-size:16px; font-weight:400; border:1px solid #ddd; padding:18px 10px;}
.sub_com_content_box table :where(td) {border-top: 0;}
.sub_com_content_box div.mt20 {margin-top: 20px;}

.sub_com_content_box table thead tr {background:#f6f7f9;}
.sub_com_content_box table thead :where(td,th) {font-weight:600;}

/* .sub_com_content_box table tbody td {word-break: keep-all;} */ /* 0731 */

/* 다운로드 버튼 */
.btn_down {display:inline-block; padding: 7px 10px 7px 35px; background:#476b8f url("/home/site/east/2023/img/icon/btn_down.png") no-repeat 10px center; color:#fff; margin: 10px 0;}

/* h2.sub_tl_type02 {margin:30px 0px 10px 0px; padding:0 0 0 30px; background:url(/home/site/east/2023/img/icon/icon_tl_circle.png) no-repeat left center; color:#476b8f; font-weight:bold; font-size: 20px;     background-size: contain;}
h3.sub_dash_tl {display: flex; align-items: center; font-size: 18px; font-weight: 500;}
h3.sub_dash_tl::before {content: ''; display: inline-block; width: 12px; height: 4px; background: #476b8f; margin-right: 5px;} */



@media screen and (max-width: 1080px) {
    .sub_com_content_box h2 {font-size: 16px;}
    .sub_com_content_box h3 {font-size: 15px;}
    
    .sub_com_content_box p {font-size: 14px; line-height: 1.8;}
    
    .sub_com_content_box > ul > li {font-size: 14px; line-height: 1.8;}
    .sub_com_content_box > ul > li > p {font-size: 14px;}

    .sub_com_content_box .intro_top_box_01 .txt_box .title {font-size: 20px; margin-bottom: 5px;}
    .sub_com_content_box .intro_top_box_01 .txt_box p {font-size: 14px;}
    
    .sub_list_type01 li  {font-size: 14px; line-height: 1.8;}
    .sub_list_type02 li {font-size: 14px;}
    .sub_list_type04 li  {line-height: 1.8;}
    
    .tgList_wrap .tgList_tl {height: 40px;}
    .tgList_wrap .sub_tl_type02 a {font-size: 14px;}
    .tgList_wrap .underline {font-weight: 500;}
    .tgList_wrap .tgList_con h3 {font-size: 14px;}
    
    .sub_page_top_info_box {padding: 20px 20px 20px 70px; background: url("/home/site/east/2023/img/icon/icn_topinfo.gif") no-repeat left 10px center; background-size: 50px; color:#476b8f; background-color:#f6f6f6; font-size: 14px;}/* 0731 */
    .btn_go_now {font-size: 14px;} /* 0731 */
    .sub_com_content_box table th {font-size: 14px;}
    .sub_com_content_box table td {font-size: 14px;}
    
    .btn_down {margin: 5px 0;}
}

@media screen and (max-width: 480px) {
     .sub_com_content_box {margin-top: 10%;}/* 0731 */
    .sub_com_content_box .intro_top_box_01 {flex-wrap: wrap;}
    .sub_com_content_box .intro_top_box_01 .img_box {width: 100%;}
    .sub_com_content_box .intro_top_box_01 .txt_box {width: 100%;}
    
    .tgList_wrap .tgList_tl {padding: 0 10px;}
    .tgList_wrap .sub_tl_type02 {background: none; }
    .tgList_wrap .sub_tl_type02 a {line-height: 1.5;}
    .tgList_wrap .sub_tl_type02 a::after {right: 10px;}
    .tgList_wrap .tgList_con {padding:10px 10px 20px 10px;}

}



/* 1005 */
/********************************************** 

    sub402_02분야별정보-05창업정보-01창업의 개념

**********************************************/ 
.sub0402_0205_01 > h3 {margin-top: 20px;}
.sub0402_0205_01 .sub_list_type01 {margin-bottom:15px;}
.sub0402_0205_01 > p {margin: 15px 0;}
/* 1005 */



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

    sub402_02분야별정보-05창업정보-02창업해당여부확인요령

**********************************************/ 
.sub0402_0205_02 div:last-of-type table tr:last-of-type td {text-align: left; padding-left: 25px;}




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

    sub402_02분야별정보-05창업정보-03창업의절차

**********************************************/
.sub0402_0205_03 h3 {font-size: 16px;}
.sub0402_0205_03 img {margin: 20px 0;}




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

    sub0401_0203_01 전남의 5일장

**********************************************/ 
.sub_5day_market {}
.sub_5day_market tbody th {background-color: #f6f7f9;}




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

    sub0401_0203_02 전통시장 활성화

**********************************************/ 
.sub0203_02 .mart_intro {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 15px;}
.sub0203_02 .mart_intro img {width: 318px; margin: 0px auto;}
.sub0203_02 .mart_intro div {margin-left: 15px;}


@media screen and (max-width: 1080px) {
    .sub0203_02 .mart_intro {flex-direction: column;}
    .sub0203_02 .mart_intro div {margin-left: 0; margin: 20px 0;}

}




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

    sub0401_ 1인 창조기업 비즈니스센터

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

/* h3.sub_dash_tl {margin: 4px 0 6px 0; padding: 0 0 0 16px; color: #2c2d2d; font-weight: 500; line-height: 150%;} */




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

    sub0401_ 0204_01 일자리공시제

**********************************************/ 
.sub0204_01 .job_plan {width:100%; margin:60px 0;}
.sub0204_01 .job_plan th {padding:15px 0; background:#0577b7 url("/home/site/jeonnam/imgs/05/bg_tit_vision.png"); color:#fff; font-weight:700; font-size:130%; border:1px solid #0577b7;}
.sub0204_01 .job_plan tr {}
.sub0204_01 .job_plan tr td {font-size:100%; border:1px solid #bbb; padding:20px 0;}
.sub0204_01 .job_plan tr td:first-child {text-align:center; font-weight:800; color:#000; background:#eee;}
.sub0204_01 .job_plan tr td:last-child {padding:20px 30px;}

.sub0204_01 .job_vision{margin-top:20px;overflow:hidden;}
.sub0204_01 .job_vision .tt_top{width:325px;height:325px;margin:0 auto;background:url("/home/site/jeonnam/imgs/05/img_job_vision.gif") no-repeat;color:#fff;text-align:center;font-weight:bold;}
.sub0204_01 .job_vision .tt_top dt{padding-top:80px;font-size: 20px;color:#fff;}
.sub0204_01 .job_vision .tt_top dd{padding:20px 0;font-size:200%;color:#fff;line-height:130%;letter-spacing:-2px;}
.sub0204_01 .job_vision .tt_top2{padding:20px 0;border-top:2px solid #bbb;border-bottom:2px solid #bbb;text-align:center;}
.sub0204_01 .job_vision .tt_top2 dt{color:#0170af;font-size:232%;}
.sub0204_01 .job_vision .tt_top2 dd{padding:10px 0;font-size:152%; word-break: keep-all;} /* 0927 */
.sub0204_01 .job_vision .plan_wrap {margin-top:30px; width: 100%; overflow: hidden; overflow-x: auto;} /* 0731 */
.sub0204_01 .job_vision .plan{min-width: 700px;}
.sub0204_01 .job_vision .plan h2:first-child{width:30%;margin-right:2%;background:#0577b7 url("/home/site/jeonnam/imgs/05/bg_tit_vision.png");}
.sub0204_01 .job_vision .paln_tt{overflow:hidden;}
.sub0204_01 .job_vision .plan h2{float:left;width:68%;margin:0px;background:#0491e2 url("/home/site/jeonnam/imgs/05/bg_tit_vision.png");color:#fff;padding:15px;text-align:center;}
.sub0204_01 .job_vision .plan ul{margin:20px 0;width:100%;text-align:left;overflow:hidden;}
.sub0204_01 .job_vision ul p{float:left;width:30%; margin-right:2%; height:157px; display: flex; align-items: center; justify-content: center; background:#858b92 url("/home/site/east/2023/imgs/common/bg_tit_vision.png");font-weight:bold;font-size:132.72%;color:#fff;text-align:center;}
.sub0204_01 .job_vision ul p span{display:inline-block;line-height:150%;color:#fff;}
.sub0204_01 .job_vision ul dl{float:left;width:68%;height:157px;padding:15px;border:1px solid #bbb;}
.sub0204_01 .job_vision .plan ul ul{float:left;width:68%;height:157px;margin:0;padding:15px;border:1px solid #bbb;}

.nuri_wrap {display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end;}
.nuri_wrap p {font-size: 14px; color: #aaa; margin-top: 10px;}
.nuri_wrap p a:hover {text-decoration: underline;}

/* 0927 */
@media screen and (max-width: 360px) {
    .sub0204_01 .job_vision .tt_top{width:250px;height:250px;}
    .sub0204_01 .job_vision .tt_top dt {padding-top: 65px; font-size: 16px; color: #fff }
}

/* 0927 */
/********************************************** 

    sub0401_ 0204_02 지역고용혁신프로젝트

**********************************************/
.sub0204_02 .temp_div1 {text-align:center;}
.sub0204_02 .temp_div1 > div {text-align: initial; display:inline-block; border-radius: 40px; padding: 20px; background: #deefd6;}
.sub0204_02 .temp_div1 > div > p {margin: 15px; font-size: 20px; font-weight: 500;}

.sub0204_02 table.bg_gray th {background: #fafafa;}
.sub0204_02 table.mt20 {margin-top: 20px;}

@media screen and (max-width: 1080px) {
    .sub0204_02 .temp_div1 > div {border-radius: 30px; padding: 10px;}
    .sub0204_02 .temp_div1 > div > p {margin: 12px; font-size: 14px;}

}


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

    sub0401_ 0204_06 취업네트워크

**********************************************/
.call_box {border: 4px solid #f1f1f1; padding: 5px 10px; margin-top: 10px;}




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

    sub0401_ 0208_01 마을공동체

**********************************************/
/* .sub0402_0208_01 h3 {font-size: 17px;} */
.sub0402_0208_01 .town_tl {font-size:20px; font-weight: 600; margin: 30px 0;}
.sub0402_0208_01 .town_tl::before {content: ''; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; width: 35px; height: 36px; border-top-left-radius: 20px; background: #325ed6; margin-right: 10px; /* margin-bottom; */}
.sub0402_0208_01 .town_tl01::before {content: '01';}
.sub0402_0208_01 .town_tl02::before {content: '02';}

@media screen and (max-width: 1080px) {
/*     .sub0402_0208_01 h3 {font-size: 14px;} */
    .sub_com_content_box .town_tl {font-size:16px; margin: 20px 0;}
    .sub_com_content_box .town_tl::before {font-size:16px;}

}




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

    sub0401_ 0209_01 협동조합이란

**********************************************/
.sub0402_0209_01 .coop_establish {display: flex; align-items: flex-start; justify-content: space-between;}
.sub0402_0209_01 .coop_establish .ce_lb {width: 35%; display: flex; flex-flow: column wrap;}
.sub0402_0209_01 .coop_establish .ce_lb > li {width:100%; padding:10px; margin: 10px 0; background:#1b5086; color:#fff; font-size: 16px; border-radius:8px; word-break: keep-all;} /* 0927 */
.sub0402_0209_01 .coop_establish .ce_rb {width:60%; display: flex; flex-flow: column wrap; align-items: flex-start; gap: 20px;}
.sub0402_0209_01 .coop_establish .ce_rb > dl {width: 100%; border:1px solid #d8dce3; border-top:3px solid #476b8f; padding-bottom:10px;}
.sub0402_0209_01 .coop_establish .ce_rb > dl > dt {padding:8px 0; background:#f6f7f9; text-align:center; font-weight:bold; color:#333; margin-bottom:10px;}
.sub0402_0209_01 .coop_establish .ce_rb > dl > dd {font-size: 15px; padding:2px 0; margin-left:10px;}
.sub0402_0209_01 .coop_establish .ce_rb > dl > dd::before {content: ''; display: inline-block; width: 8px; height: 1px; background: #787878; margin-right: 5px; margin-bottom: 5px;}


@media screen and (max-width: 1080px) {
    .sub0402_0209_01 .coop_establish {flex-flow: column nowrap;}
    .sub0402_0209_01 .coop_establish .ce_lb {width: 100%; flex-flow: row wrap; justify-content: space-between; margin-bottom: 20px;}
    .sub0402_0209_01 .coop_establish .ce_lb li {width: 32%; font-size: 14px;}
    .sub0402_0209_01 .coop_establish .ce_rb {width:100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between;}
    .sub0402_0209_01 .coop_establish .ce_rb dl dt {font-size: 14px;}
    .sub0402_0209_01 .coop_establish .ce_rb dl dd {font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .sub0402_0209_01 .coop_establish .ce_lb {width: 100%; flex-flow: row wrap; justify-content: space-between;}
    .sub0402_0209_01 .coop_establish .ce_lb li {width: 100%; margin: 5px 0;}
    .sub0402_0209_01 .coop_establish .ce_rb {width:100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between;}
    .sub0402_0209_01 .coop_establish .ce_rb dl {width: 100%;}
    .sub0402_0209_01 .coop_establish .ce_rb dl dt {font-size: 14px;}
    .sub0402_0209_01 .coop_establish .ce_rb dl dd {font-size: 14px;}
}

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

    sub0403_0205 녹색생활의 지혜

**********************************************/
.sub0403_0205 .list_01 {}
.sub0403_0205 .list_01 > li {display: flex; gap: 20px; min-height: 200px; padding: 20px 0; border-bottom: 1px dashed #bbb; margin: 0;}
.sub0403_0205 .list_01 > li::before {display: none;}
.sub0403_0205 .list_01 > li > ul {width: 50%;}
.sub0403_0205 .top_intro_box {display: flex; align-items: center; gap: 20px; background-color: #f2f2f2; border: 1px dashed #d7d7d7; padding: 25px 20px; min-height: 230px;}
.sub0403_0205 .top_intro_box .img_box {width: 30%;}
.sub0403_0205 .top_intro_box .img_box img {max-width: 100%;}
.sub0403_0205 .top_intro_box .txt_box {width: 70%; text-align: left;}
.sub0403_0205 .top_intro_box .txt_box h2 {margin-bottom: 10px;}
.sub0403_0205 .top_intro_box .txt_box p {line-height: 1.8;}

@media screen and (max-width: 1080px) {
    .sub0403_0205 .top_intro_box .txt_box h2 {font-size: 20px; margin-bottom: 5px;}
    .sub0403_0205 .top_intro_box .txt_box p {font-size: 14px;}
}

@media screen and (max-width: 768px) {
    .sub0403_0205 .list_01 > li {flex-wrap: wrap; padding: 0; min-height: unset; border: none; gap: 0;}
    .sub0403_0205 .list_01 > li > ul {width: 100%; padding: 10px 0 20px; border-bottom: 1px dashed #bbb;}
}

@media screen and (max-width: 480px) {
    .sub0403_0205 .top_intro_box {flex-wrap: wrap; margin-bottom: 20px;}
    .sub0403_0205 .top_intro_box .img_box {width: 100%;}
    .sub0403_0205 .top_intro_box .txt_box {width: 100%;}
}

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

    sub0401_ 0210_01 사회적경제육성기본계획

**********************************************/
.sub0402_0210_01 button.social_icon_pdf { border:1px solid #ddd; padding:5px 10px;  background-color:#fff; border-radius:10px; cursor:pointer; display: flex; align-items: center; margin: 15px 0;}
.sub0402_0210_01 button.social_icon_pdf img { padding-right:5px;}
.sub0402_0210_01 .social_economy_content .social_economy_targetBox {background-color:#f5f9fc; width:100%; padding:15px 60px 35px; margin-top:30px;}
.sub0402_0210_01 .social_economy_content .social_economy_targetBox h2 {color:#333; font-size:22px; font-weight:600; text-align:center; margin-bottom:30px; background:none; word-break: keep-all;} /* 0927 */
.sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList li {text-align:center;}
.sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList li .social_iconBox {width:134px; height:134px; border:1px solid #ddd; background-color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto;}
.sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList li p.social_designation {font-size:17px; color:#2d4478; font-weight:600; margin:10px 0 4px;}
.sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList li p.designation_number {color:#454545; font-size:16px;}
.sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList li p.designation_number .change_year {color:#454545; font-weight:600;}
.sub0402_0210_01 .social_economy_content .social_eco_title {width:90%; height:120px; border:3px solid #235ca9; border-radius:20px; background-image: url("/home/site/east/2023/img/sub/bg_diagonal.png"); background-repeat:no-repeat; margin:60px auto 0; position:relative; }
.sub0402_0210_01 .social_economy_content .social_eco_title::after {content:""; width:100%; height:100%; display:block; background-color:#fff; position:absolute; top:0; z-index:-1;}
.sub0402_0210_01 .social_economy_content .social_eco_title h1 {height:100%; color:#235ca9; font-size:26px; font-weight:600; display:flex; align-items:center; justify-content:center;}
.sub0402_0210_01 .social_economy_content .social_bg_arrow {display:block; width:847px; height:320px; background-image:url("/home/site/east/2023/img/sub/img_enterprise_arrowup.png"); background-repeat:no-repeat; margin:-40px auto; z-index:-2;}
.sub0402_0210_01 .social_economy_content .strategic_direction {width:100%; margin:-170px auto 50px;}
.sub0402_0210_01 .social_economy_content .strategic_direction::after {content:""; display:block; clear:both;}
.sub0402_0210_01 .social_economy_content .strategic_direction h2 {color:#222; font-size:24px; font-weight:600; text-align:center; padding-bottom:130px; position:relative; background:none;}
.sub0402_0210_01 .social_economy_content .strategic_direction h2::after {content:""; width:1px; height:35px; background-color:#ddd; position:absolute; bottom:70px; left:50.5%; z-index:-1;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list {width:100%; display:flex; justify-content:center; position:relative;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list::after {content:""; display:block; clear:both;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle {width:286px; height:286px; border-radius:50%; position:relative; float:left; margin-left:-26px;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle p {height:100%; text-align:center; font-size:18px; font-weight:600; display:flex; align-items:center; justify-content:center; line-height:1.5;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir01 {background-image:url("/home/site/east/2023/img/sub/bg_social_circle01.png"); background-repeat:no-repeat; position:relative;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir02 {background-image:url("/home/site/east/2023/img/sub/bg_social_circle02.png"); background-repeat:no-repeat; position:relative;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir03 {background-image:url("/home/site/east/2023/img/sub/bg_social_circle03.png"); background-repeat:no-repeat; position:relative;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir04 {background-image:url("/home/site/east/2023/img/sub/bg_social_circle04.png"); background-repeat:no-repeat; position:relative;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir01::before {content:""; display:block; width:15px; height:15px; background-color:#7fd7e1; border-radius:50%; position:absolute; top:-40px; left:48%;;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir02::before {content:""; display:block; width:15px; height:15px; background-color:#97bbdf; border-radius:50%; position:absolute; top:-40px; left:48%;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir03::before {content:""; display:block; width:15px; height:15px; background-color:#235ca9; border-radius:50%; position:absolute; top:-40px; left:48%;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir04::before {content:""; display:block; width:15px; height:15px; background-color:#ffc97f; border-radius:50%; position:absolute; top:-40px; left:48%;}

.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list::before {content:""; width:75%; height:1px; background-color:#ddd; position:absolute; top:-80px; left:12%;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir01::after {content:""; width:1px; height:50px; background-color:#ddd; position:absolute; top:-80px; left:50.5%; z-index:-1;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir02::after {content:""; width:1px; height:50px; background-color:#ddd; position:absolute; top:-80px; left:50.5%; z-index:-1;}

.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir03::after {content:""; width:1px; height:50px; background-color:#ddd; position:absolute; top:-80px; left:50.5%; z-index:-1;}
.sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir04::after {content:""; width:1px; height:50px; background-color:#ddd; position:absolute; top:-80px; left:50.5%; z-index:-1;}


.sub0402_0210_01 .Main_tasks_wrap {width: 100%; overflow: hidden; overflow-x: auto;}
.sub0402_0210_01 .Main_tasks_box {margin-top:40px; min-width: 700px;}
.sub0402_0210_01 .Main_tasks_box .tasksTitle {display:flex; justify-content:space-between; margin-bottom:10px;;}
.sub0402_0210_01 .Main_tasks_box .tasksTitle .colorNavy {background-color:#2d4478; padding:20px; border-radius:20px; color:#fff; font-size:20px; }
.sub0402_0210_01 .Main_tasks_box .tasksTitle .left_w {width:30%; text-align:center;}
.sub0402_0210_01 .Main_tasks_box .tasksTitle .right_w {width:68%; margin-left:2%; text-align:center;}
.sub0402_0210_01 .Main_tasks_box .tasks_con_one {margin-bottom:15px;}
.sub0402_0210_01 .Main_tasks_box .tasks_con_one ul {display:flex; justify-content:space-between;}
.sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .leftBox {width:30%; display:flex; border:1px solid #2d4478; border-radius:20px; display:flex; flex-direction: column; align-items:center; justify-content:center;}
.sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .leftBox p.title {color:#2d4478; font-size:19px; font-weight:600; padding-bottom:5px;}
.sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .leftBox p.m_tit {color:#333; font-size:18px; font-weight:600;}
.sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .rightBox {width:68%; border:1px solid #ddd; border-radius:20px; background-color:#fbfbfb; padding:30px 40px;}
.sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .rightBox p {color:#333; font-size:16px; line-height:1.7; position:relative; padding-left:15px;}
.sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .rightBox p::before {content:""; width:5px; height:5px; background-color:#2d4478; position:absolute; left:0; border-radius:50%; top:10px;}


/* 0927 */
.social_economy_targetBox h2 {padding-left: 0;}
.strategic_direction h2 {padding-left: 0;}
.social_eco_title {overflow-x: hidden !important; }


/* 0927 */


@media screen and (max-width:1080px){
    .sub0402_0210_01 .social_economy_content .social_economy_targetBox h2 {font-size:16px; background:none;}
    .sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList {justify-content: center;}
    .sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList li .social_iconBox {width:100px; height:100px;}
    .sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList li .social_iconBox img {width:50%;}
    .sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList li p.social_designation {font-size:16px; margin:10px 0 0;}
    .sub0402_0210_01 .social_economy_content .social_economy_targetBox .social_targetList li p.designation_number {font-size:15px;}
    .sub0402_0210_01 .social_economy_content .social_eco_title {width: 100%; height:80px; padding: 0 10px;}
    .sub0402_0210_01 .social_economy_content .social_eco_title h1 {font-size:16px; word-break: keep-all; text-align: center;}
    .sub0402_0210_01 .social_economy_content .social_bg_arrow {width:100%;background-size:60%; background-position:center center;}
    .sub0402_0210_01 .social_economy_content .strategic_direction h2 {font-size:16px;}
    .sub0402_0210_01 .social_economy_content .strategic_direction .direction_list {flex-wrap:wrap;}
    .sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle {width:190px; height:190px; background-size:190px; }
    .sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle p {font-size:16px;}
    .sub0402_0210_01 .Main_tasks_box .tasksTitle .colorNavy {font-size:15px;}
    .sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .leftBox p.title {font-size:16px; padding-bottom:0;} 
    .sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .leftBox p.m_tit {font-size:14px;}
    .sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .rightBox {padding:20px 30px;}
    .sub0402_0210_01 .Main_tasks_box .tasks_con_one ul .rightBox p {padding-left:12px; font-size: 14px;}

    .sub0402_0210_01 .social_economy_content .strategic_direction .direction_list::before {display:none;}
    .sub0402_0210_01 .social_economy_content .strategic_direction h2::after {display:none;}
    .sub0402_0210_01 .social_economy_content .strategic_direction h2 {padding-bottom:80px;}
    .sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle {margin-left:0;}
    .sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir01::after {display:none;;}
    .sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir02::after {display:none;;}
    .sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir03::after {display:none;;}
    .sub0402_0210_01 .social_economy_content .strategic_direction .direction_list .bg_circle.bgCir04::after {display:none;;}
}

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

    sub0403_0206_01 가정 실천수칙

**********************************************/
.sub0403_0206_01 h3.sub_dash_tl {padding-left: 0;}

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

    sub0403_0206_02 기업 실천수칙

**********************************************/
.sub0403_0206_01 h3.sub_dash_tl {padding-left: 0;}

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

    sub0403_0206_03 공공기관 실천수칙

**********************************************/
.sub0403_0206_01 h3.sub_dash_tl {padding-left: 0;}


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

    sub0403_ 0201_01 물이용부담금제도

**********************************************/
.list_step01{overflow:hidden;}
.list_step01 li{float:left;width:122px;height:122px;margin-bottom:20px;background:#f5f5f5;text-align:center;line-height:122px;vertical-align:middle;font-weight:bold;border-radius:50%;}
.list_step01 li:first-child:before{background:none;}
.list_step01 li span{display:inline-block;line-height:135%;vertical-align:middle;}
.list_step01 .next_step{display:block;width:15px;margin:0 10px 0 10px;background:url(/home/site/east/2023/img/sub/icn_arrow_right.gif) no-repeat center center;}

.list_step02{margin:20px 0;padding:5% 0 5% 0;border:1px solid #ddd; display: flex; flex-direction: column; align-items: center;}
.list_step02 li{width:50%;min-width:200px; height:auto; padding: 20px 0; margin:0 auto; background:#f5f5f5;text-align:center;/*  middle;  */font-weight:bold;border-radius:50px;}
.list_step02 li:first-child:before{background:none;}
.list_step02 li p{display:inline-block;}
.list_step02 li p span{display:block;padding-bottom:10px;font-size:116%;color:#476b8f;}
.list_step02 .next_step{display:block;width:25px;height:15px;margin:15px auto;background:url(/home/site/east/2023/img/sub/icn_arrow_down.gif) no-repeat center center;}


@media screen and (max-width: 768px) {
    .list_step02 li {width: 95%;}
    .list_step02 li p {font-size: 14px;}
    .list_step02 li p span{font-size: 14px; padding-bottom: 0;}

}




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

    sub0403_ 0202_01 대기배출부담금제도

**********************************************/
.sub0403_0202_01 .tgList_wrap .tgList_con .sub_list_type01 li p {margin-left: 10px;}
.sub0403_0202_01 .tgList_wrap .tgList_con div.mt20 {margin-top: 20px;}




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

    sub0403_ 0202_03 국제기구현황

**********************************************/
.tgList_wrap .tgList_con .sub_list_type01 li a:hover {text-decoration: underline;}



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

    sub0403_ 0209 나무은행

**********************************************/
.sub0403_0209 .tree_step{padding:10px;background:#f0f4fa url("/home/site/east/2023/imgs/05/bg_tree_step.png") no-repeat bottom right;border-radius:10px; overflow: hidden; overflow-x: auto; width: 100%;}
.sub0403_0209 .list_img02{min-width: 700px;}
.sub0403_0209 .list_img02 li{float:left;width:23%;margin:2% 1%;border-bottom:1px solid #bbb;border-top:3px solid #476b8f;text-align:center;background:#fff;}
.sub0403_0209 .list_img02 li p{padding:0 0 5px 0;}
.sub0403_0209 .list_img02 li p img{text-align:center;width:100%;}
.sub0403_0209 .list_img02 li > span{width:100%;padding:5px 0 15px 0;display:inline-block;text-align:center;font-weight:bold;}
.sub0403_0209 .list_img02 li > span > span{width:25px;height:25px;margin-right:5px;background:#476b8f;color:#fff;padding:2px;text-align:center;display:inline-block;border-radius:100%;}


@media screen and (max-width: 1080px) {
    .sub0403_0209 .list_img02 li > span {font-size: 14px;}
    .sub0403_0209 .list_img02 li > span > span{font-size: 14px;}

}



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

    sub0403_0208_01 명품숲 12선

**********************************************/
.sub0403_0208_01 .page_wrap {width: 100%; max-width: 910px; margin: 0 auto;}
.sub0403_0208_01 .intro_box {font-size: 16px; font-weight: 500; padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 30px; text-align: center;}
.sub0403_0208_01 .intro_box p {}
.sub0403_0208_01 .intro_box .title {font-size: 25px; color: #476b8f; margin-bottom: 15px;}
.sub0403_0208_01 .list {margin-bottom: 30px;}
.sub0403_0208_01 .list > li {width: 100%; margin: 0; display: flex; align-items: flex-end; gap: 20px; position: relative; padding: 30px 20px;}
.sub0403_0208_01 .list > li::before {display: none;}
.sub0403_0208_01 .list > li::after {content: ""; position: absolute; bottom: 0; width: 80%; height: 2px; background-color: #dee3eb;}
.sub0403_0208_01 .list > li:nth-of-type(2n -1)::after {left: 0;}
.sub0403_0208_01 .list > li:nth-of-type(2n)::after {right: 0;}
.sub0403_0208_01 .list .img_box {width: 50%;}
.sub0403_0208_01 .list p {width: 50%; margin: 0;}
.sub0403_0208_01 .list p::before {display: none;}

@media screen and (max-width: 480px) {
    .sub0403_0208_01 .list > li {flex-wrap: wrap; padding: 20px 10px;}
    .sub0403_0208_01 .list > li::after {width: 100%;}
    .sub0403_0208_01 .list .img_box {width: 100%;}
    .sub0403_0208_01 .list .img_box img {width: 100%;}
    .sub0403_0208_01 .list p {width: 100%;}
}


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

    sub0403_ 0208_04 휴양림
    
**********************************************/
.sub0403_0208_04 {text-align: start;}
.sub0403_0208_04 .webzin_list_wrap {width: 100%; overflow: hidden; overflow-x: auto;}
.sub0403_0208_04 .webzin_list {text-align: start;  border-top:solid 2px #4e5660; border-bottom:solid 1px #dee0e3;  width:100%; min-width: 700px; }
.sub0403_0208_04 .webzin_list dl { position:relative; padding:20px 20px 20px 225px; border-top:solid 1px #dee0e3; min-height:148px; line-height:160%;}
.sub0403_0208_04 .webzin_list dl:first-child { border-top:none;}
.sub0403_0208_04 .webzin_list dl dt { padding:4px 0;font-size: 18px;}
.sub0403_0208_04 .webzin_list dl dd.thumb { position:absolute; top:20px; left:15px;}
.sub0403_0208_04 .webzin_list dl dd.date { color:#808080; margin:0 0 11px; }
.sub0403_0208_04 .webzin_list dl a { text-decoration:none;}
.sub0403_0208_04 .webzin_list dl a:hover dt, .webzin_list dl a:focus dt {color:#476b8f; font-weight:bold; text-decoration:underline;}

@media screen and (max-width: 1080px) {
    .sub0403_0208_04 .webzin_list dl a {font-size: 14px;}
    
}




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

    sub0403_ 0208_02 가치있는산림자원조성
    
**********************************************/
.sub0403_0208_02 .future_forest{position:relative;width:90%;height:590px;margin:20px auto 20px auto;background:url("/home/site/east/2023/img/sub/future_forest_map.png") no-repeat center center;}
.sub0403_0208_02 .future_forest01, .future_forest02, .future_forest03, .future_forest04 {position:absolute;width:192px;height:193px;line-height:203px;color:#fff;font-size: 20px;font-weight:bold;text-align:center;text-shadow:-1px 0px 13px rgba(0, 0, 0, 1); display: flex; align-items: center; justify-content: center;}
.sub0403_0208_02 .future_forest01 span, .future_forest02 span, .future_forest03 span, .future_forest04 span {color:#fff;display:inline-block; line-height: 1.5;}
.sub0403_0208_02 .future_forest01{top:0px;left:0px;background:url("/home/site/east/2023/img/sub/future_forest01.jpg") no-repeat top center;}
.sub0403_0208_02 .future_forest02{top:0px;right:0px;background:url("/home/site/east/2023/img/sub/future_forest02.jpg") no-repeat top center;}
.sub0403_0208_02 .future_forest03{bottom:0px;left:0px;background:url("/home/site/east/2023/img/sub/future_forest03.jpg") no-repeat top center;}
.sub0403_0208_02 .future_forest04{bottom:0px;right:0px;background:url("/home/site/east/2023/img/sub/future_forest04.jpg") no-repeat top center;}


@media screen and (max-width: 1080px) {
    .sub0403_0208_02 .future_forest {display: flex; flex-flow: row wrap; background: none; height: auto;}
    .sub0403_0208_02 .future_forest01, .future_forest02, .future_forest03, .future_forest04 {position: relative; width: 50%;/*  background-size: 150px; */ display: flex; align-items: center; justify-content: center;}
    .sub0403_0208_02 .future_forest01 span, .future_forest02 span, .future_forest03 span, .future_forest04 span {font-size: 16px; }

}
@media screen and (max-width: 768px) {
    .sub0403_0208_02 .future_forest {display: flex; flex-flow: row wrap;}
    .sub0403_0208_02 .future_forest01, .future_forest02, .future_forest03, .future_forest04 {width: 100%;}

}



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

    sub0404_01 여순1019사건시책

**********************************************/
.ys_incident .ctit_dg01 {margin-bottom: 35px;}
.ys_incident .ys_policy {}
.ys_incident .ys_policy .con_table {background-color: #fff; margin-top: 20px;}
.ys_incident .ys_policy .con_table thead th {background-color: #dce9ff;}
.ys_incident .ys_policy .con_table tr.first_tr {background-color: #f6f7f9;}
.ys_incident .ys_policy .courses {display: flex; flex-wrap: wrap; margin-bottom: 10px; gap: 10px;}
.ys_incident .ys_policy .courses > li {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100px; border: 1px solid #000; padding: 0 10px;}
.ys_incident .ys_policy .courses p {margin: 0 !important; color: #000 !important; text-align: center;}
.ys_incident .ys_policy .courses p::before {display: none;}
.ys_incident .ys_policy .courses .first { background-color: #dce9ff;}
.ys_incident .ys_policy .courses .arrow {border: none; padding: 0;}
.ys_incident .ys_policy .courses .txt_list p, .ys_incident .ys_policy .courses .txt_list > li {text-align: left;}
.ys_incident .ys_policy .courses .txt_color_blue {color: #1052c6 !important;}
.ys_incident .ys_policy .question {text-align:left; width:100%; margin:5px 0; border:1px solid #ddd; padding:20px 22px; display:flex; justify-content:space-between; align-items:center;}
.ys_incident .ys_policy .question span {cursor:pointer; font-size:18px; font-weight:500;}
.ys_incident .ys_policy .question i {color:#888;}
.ys_incident .ys_policy .question.active i {transform: rotate(180deg); transition: 0.1s;}

.ys_incident .ys_policy .cs_fonticon {display:none; margin-top:-5px;}
.ys_incident .ys_policy .cs_fonticon ul {border-top:none;}
.ys_incident .ys_policy .cs_fonticon .sy03 p.sub {font-weight:400; margin-left:0; margin-top:15px;}
.ys_incident .ys_policy .cs_fonticon .sy03 p.sub::before {display:none;}
.ys_incident .ys_policy .cs_fonticon .s_sy02.diff::before {display: none;}
.ys_incident .ys_policy .cs_fonticon .sy03 li.sub_li {margin-left:0; display:flex; flex-direction:column; margin-top:5px;}
.ys_incident .ys_policy .cs_fonticon .sy03 li.sub_li::before {display:none !important;}
.ys_incident .ys_policy .cs_fonticon .sy03 li.sub_li span:first-child {margin-left:-20px;}
.ys_incident .ys_policy .cs_fonticon .sy03 .s_syli_div {display:flex; flex-direction: column;}

.ys_incident .ys_policy .cs_fonticon .sy04 {display:flex; flex-direction:column; margin-top:25px;}
.ys_incident .ys_policy .cs_fonticon .sy04 span {font-size:16px; font-weight:400; margin:3px 0; margin-left:10px;}
.ys_incident .ys_policy .cs_fonticon .sy04 span::before {display:block; position:absolute; content:""; background:#325ed6; width:4px; height:4px; border-radius:50%; margin-top:10px; margin-left:-10px;}
.ys_incident .ys_policy .cs_fonticon .sy04.s_sy_li {margin-bottom:35px;}
.ys_incident .ys_policy .cs_fonticon .sy04 .s_sy_span {margin-left:30px;}
.ys_incident .ys_policy .cs_fonticon .sy04 .s_sy_span::before {display:block; position:absolute; content:""; width:10px; height:1px; background:#000; margin-top:10px; margin-left:-20px;}
.ys_incident .ys_policy .cs_fonticon .sy04 .s_sy_span01::before {display:none;}

.ys_incident .ys_policy .cs_fonticon .sy04 .s_span {margin-top:10px;} 

.ys_incident .ys_policy .cs_fonticon .sy05 {margin-top:17px;}
.ys_incident .ys_policy .cs_fonticon .sy05 ul {display:flex; justify-content:space-between; align-items:center;}
.ys_incident .ys_policy .cs_fonticon .sy05 ul li {background:#183e82; width:220px; padding:25px 30px; border-radius:10px;}
.ys_incident .ys_policy .cs_fonticon .sy05 ul li:nth-child(2n) {background:none; width:0; margin-left:-10px; padding:0 20px;}
.ys_incident .ys_policy .cs_fonticon .sy05 ul li div {color:#ffdf06; margin-bottom:15px; font-size:14px; font-weight:700;}
.ys_incident .ys_policy .cs_fonticon .sy05 ul li p {color:#fff; font-size:16px; font-weight:500;}

.ys_incident .ys_policy .cs_fonticon .sy05.dg07 ul li {width:300px;}
.ys_incident .ys_policy .cs_fonticon .sy05.dg07 ul li:nth-child(2n) {width:0;}


@media screen and (max-width:1400px) {
    
    .ys_incident .ys_policy .question span {font-size:17px;}

    .ys_incident .ys_policy .cs_fonticon .sy04 span {font-size:15px;}

    .ys_incident .ys_policy .cs_fonticon .sy05 ul {flex-wrap: wrap;}
    .ys_incident .ys_policy .cs_fonticon .sy05 ul li {margin-bottom:20px;}
    .ys_incident .ys_policy .cs_fonticon .sy05 ul li div {font-size:13px;}
    .ys_incident .ys_policy .cs_fonticon .sy05 ul li p {font-size:15px;}

    .ys_incident .ys_policy .cs_fonticon .sy05.dg07 ul li {width:300px;}
}

@media screen and (max-width:1080px) {
    .ys_incident .ys_policy .question span {font-size:16px;}

}

@media screen and (max-width:760px) {
    .ys_incident .ys_policy .courses {flex-wrap: wrap; gap: 5px; margin-bottom: 30px;}
    .ys_incident .ys_policy .courses > li {width: 100%; height: auto; padding: 10px;}
    .ys_incident .ys_policy .courses .arrow {transform: rotate(90deg);}
    .ys_incident .ys_policy .question span {font-size:15px;}

    .ys_incident .ys_policy .cs_fonticon .sy04 span {font-size:14px;}

    .ys_incident .ys_policy .cs_fonticon .sy05 ul li p {font-size:14px;}

    .ys_incident .ys_policy .cs_fonticon .sy05 ul {flex-direction:column;}
    .ys_incident .ys_policy .cs_fonticon .sy05 ul li, .ys_incident .ys_policy .cs_fonticon .sy05.dg07 ul li {width:100%;}
    .ys_incident .ys_policy .cs_fonticon .sy05 ul li:nth-child(2n) {transform: rotate(90deg); margin-left:0; margin-top:-10px;}
}

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

    sub0401_01 일자리및투자시책

**********************************************/
.job_invest .ctit_dg01 {margin-bottom: 35px;}
.job_invest .ji_policy {}
.job_invest .ji_policy b.fw600 {font-weight: 500;}
.job_invest .ji_policy .fund_course {display: grid; align-items: center; grid-template-columns: 1fr 40px 1fr 40px 1fr; margin-bottom: 40px;}
.job_invest .ji_policy .fund_course.type02 > div {height: 100px;}
.job_invest .ji_policy .fund_course.type02 > div :where(dt,dd) {height: 50%;}
.job_invest .ji_policy .fund_course.type03 > div {height: 160px;}
.job_invest .ji_policy .fund_course.type03 > div dt {height: 30%;}
.job_invest .ji_policy .fund_course.type03 > div dd {height: 70%;}
.job_invest .ji_policy .fund_course .arrow {border: none;}
.job_invest .ji_policy .fund_course .arrow dt {background-color: unset; height: 100% !important; border: none;}
.job_invest .ji_policy .fund_course > div {height: 140px; border: 1px solid #000; position: relative;}
.job_invest .ji_policy .fund_course > div :where(dt, dd) {padding: 0 10px;}
.job_invest .ji_policy .fund_course > div dt {height: 65%; background-color: #dce9ff; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #000;}
.job_invest .ji_policy .fund_course > div dd {height: 35%; display: flex; align-items: center;}
.job_invest .ji_policy .fund_course .with_down_arrow::before {content: "\21E9"; position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%);}
.job_invest .ji_policy .diff_txt_box {background-color: #eee; padding: 10px 20px; margin-top: 10px;}
.job_invest .ji_policy .diff_txt_box i {font-weight: 600;}
.job_invest .ji_policy .diff_txt_box li {margin-left: 0 !important;}
.job_invest .ji_policy .diff_txt_box li::before {display: none !important;}
.job_invest .ji_policy .con_table {background-color: #fff; margin-top: 20px;}
.job_invest .ji_policy .con_table thead th {background-color: #dce9ff;}
.job_invest .ji_policy .con_table tr.first_tr {background-color: #f6f7f9;}
.job_invest .ji_policy .question {text-align:left; width:100%; margin:5px 0; border:1px solid #ddd; padding:20px 22px; display:flex; justify-content:space-between; align-items:center;}
.job_invest .ji_policy .question span {cursor:pointer; font-size:18px; font-weight:500;}
.job_invest .ji_policy .question i {color:#888;}
.job_invest .ji_policy .question.active i {transform: rotate(180deg); transition: 0.1s;}

.job_invest .ji_policy .cs_fonticon {display:none; margin-top:-5px;}
.job_invest .ji_policy .cs_fonticon ul {border-top:none;}
.job_invest .ji_policy .cs_fonticon .sy03 p.sub {font-weight:400; margin-left:0; margin-top:15px;}
.job_invest .ji_policy .cs_fonticon .sy03 p.sub::before {display:none;}
.job_invest .ji_policy .cs_fonticon .s_sy02.diff::before {display: none;}
.job_invest .ji_policy .cs_fonticon .sy03 li.sub_li {margin-left:0; display:flex; flex-direction:column; margin-top:5px;}
.job_invest .ji_policy .cs_fonticon .sy03 li.sub_li::before {display:none !important;}
.job_invest .ji_policy .cs_fonticon .sy03 li.sub_li span:first-child {margin-left:-20px;}
.job_invest .ji_policy .cs_fonticon .sy03 .s_syli_div {display:flex; flex-direction: column;}

.job_invest .ji_policy .cs_fonticon .sy04 {display:flex; flex-direction:column; margin-top:25px;}
.job_invest .ji_policy .cs_fonticon .sy04 span {font-size:16px; font-weight:400; margin:3px 0; margin-left:10px;}
.job_invest .ji_policy .cs_fonticon .sy04 span::before {display:block; position:absolute; content:""; background:#325ed6; width:4px; height:4px; border-radius:50%; margin-top:10px; margin-left:-10px;}
.job_invest .ji_policy .cs_fonticon .sy04.s_sy_li {margin-bottom:35px;}
.job_invest .ji_policy .cs_fonticon .sy04 .s_sy_span {margin-left:30px;}
.job_invest .ji_policy .cs_fonticon .sy04 .s_sy_span::before {display:block; position:absolute; content:""; width:10px; height:1px; background:#000; margin-top:10px; margin-left:-20px;}
.job_invest .ji_policy .cs_fonticon .sy04 .s_sy_span01::before {display:none;}

.job_invest .ji_policy .cs_fonticon .sy04 .s_span {margin-top:10px;} 

.job_invest .ji_policy .cs_fonticon .sy05 {margin-top:17px;}
.job_invest .ji_policy .cs_fonticon .sy05 ul {display:flex; justify-content:space-between; align-items:center;}
.job_invest .ji_policy .cs_fonticon .sy05 ul li {background:#183e82; width:220px; padding:25px 30px; border-radius:10px;}
.job_invest .ji_policy .cs_fonticon .sy05 ul li:nth-child(2n) {background:none; width:0; margin-left:-10px; padding:0 20px;}
.job_invest .ji_policy .cs_fonticon .sy05 ul li div {color:#ffdf06; margin-bottom:15px; font-size:14px; font-weight:700;}
.job_invest .ji_policy .cs_fonticon .sy05 ul li p {color:#fff; font-size:16px; font-weight:500;}

.job_invest .ji_policy .cs_fonticon .sy05.dg07 ul li {width:300px;}
.job_invest .ji_policy .cs_fonticon .sy05.dg07 ul li:nth-child(2n) {width:0;}


@media screen and (max-width:1400px) {
    .job_invest .ji_policy .fund_course {font-size: 15px;}
    .job_invest .ji_policy .question span {font-size:17px;}

    .job_invest .ji_policy .cs_fonticon .sy04 span {font-size:15px;}

    .job_invest .ji_policy .cs_fonticon .sy05 ul {flex-wrap: wrap;}
    .job_invest .ji_policy .cs_fonticon .sy05 ul li {margin-bottom:20px;}
    .job_invest .ji_policy .cs_fonticon .sy05 ul li div {font-size:13px;}
    .job_invest .ji_policy .cs_fonticon .sy05 ul li p {font-size:15px;}

    .job_invest .ji_policy .cs_fonticon .sy05.dg07 ul li {width:300px;}
}

@media screen and (max-width:1080px) {
    .job_invest .ji_policy .question span {font-size:16px;}

}

@media screen and (max-width:760px) {
    .job_invest .ji_policy .fund_course {display: flex; flex-wrap: wrap; font-size: 14px;}
    .job_invest .ji_policy .fund_course.reverse {flex-direction: column-reverse;}
    .job_invest .ji_policy .fund_course > div {width: 100%; height: auto !important;}
    .job_invest .ji_policy .fund_course > div :is(dt, dd) {height: auto; padding: 10px; text-align: center; justify-content: center;}
    .job_invest .ji_policy .fund_course .arrow.right {transform: rotate(90deg);}
    .job_invest .ji_policy .fund_course .arrow.left {transform: rotate(-90deg);}
    .job_invest .ji_policy .fund_course .list {text-align: left;}
    .job_invest .ji_policy .question span {font-size:15px;}

    .job_invest .ji_policy .cs_fonticon .sy04 span {font-size:14px;}

    .job_invest .ji_policy .cs_fonticon .sy05 ul li p {font-size:14px;}

    .job_invest .ji_policy .cs_fonticon .sy05 ul {flex-direction:column;}
    .job_invest .ji_policy .cs_fonticon .sy05 ul li, .job_invest .ji_policy .cs_fonticon .sy05.dg07 ul li {width:100%;}
    .job_invest .ji_policy .cs_fonticon .sy05 ul li:nth-child(2n) {transform: rotate(90deg); margin-left:0; margin-top:-10px;}
}



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

    sub0301_04 스마트민원실 안내

**********************************************/
.smart_complaints {}
.smart_complaints .operation_course {display: flex; align-items: center; flex-wrap: wrap; gap: 15px 10px;}
.smart_complaints .operation_course li {border: 1px solid #000; height: 110px;}
.smart_complaints .operation_course li.arrow {border: none; display: flex; align-items: center; justify-content: center; text-align: center;}
.smart_complaints .operation_course :where(.txt_01, .txt_02) {padding: 0 10px;}
.smart_complaints .operation_course .txt_01 {height: 40%; font-size: 18px; font-weight: 500; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #dce9ff;}
.smart_complaints .operation_course .txt_02 {height: 60%;display: flex; align-items: center;}
.smart_complaints .system_operation {display: flex;}
.smart_complaints .system_operation .box {width: 39%;}
.smart_complaints .system_operation .box > .tb {margin-bottom: 25px;}
.smart_complaints .system_operation .box > .bb {background-color: #f1f6ff; border: 6px solid #183e82; border-radius: 20px; padding: 20px; font-size: 18px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 500;}
.smart_complaints .system_operation :where(.box > .bb, .box.center) {height: 340px;}
.smart_complaints .system_operation .box.center {width: 22%; display: flex; flex-direction: column; justify-content: center; align-self: flex-end; padding: 0 20px;}
.smart_complaints .system_operation .box.center img {width: 100%; height: 40px; margin: 5px 0 20px;}
.smart_complaints .system_operation .box.center .txt_01 {font-size: 24px; font-weight: 600; text-align: center;}
.smart_complaints .system_operation .place {text-align: center; font-size: 24px; font-weight: 600; margin-bottom: 15px; padding: 10px; background-color: #183e82; color: #fff;}
.smart_complaints .system_operation .list {width: fit-content; margin: 0 auto; font-size: 18px; padding: 0 10px;}
.smart_complaints .system_operation .list li:not(:last-of-type) {margin-bottom: 5px;}
.smart_complaints .system_operation .list_02 {font-size: 17px;}
.smart_complaints .system_operation .list_03 {font-size: 16px; margin-top: 5px;}
.smart_complaints .system_operation .list_02 > li {position: relative; padding-left: 10px;}
.smart_complaints .system_operation .list_02 > li::before {content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000;}
.smart_complaints .system_operation .list_02 > li:first-of-type {display: flex;}
.smart_complaints .system_operation .list_02 .tit_01 {flex-shrink: 0; font-weight: 500;}
.smart_complaints .system_operation .list_02 > li:not(:last-of-type) {margin-bottom: 7px;}
.smart_complaints .system_operation .list_03 > li:not(:last-of-type) {margin-bottom: 3px;}
.smart_complaints .system_operation .equipment {width: 100%; text-align: center; border: 2px solid #000; padding: 20px 10px; margin: 30px 0; background-color: #fefefe;}
.smart_complaints .system_operation .icon_box {display: flex; justify-content: center; align-items: center; gap: 10px;}
.smart_complaints .system_operation .icon_box img {margin: 0;}
.smart_complaints .system_operation .icon_officer {width: 56px;}
.smart_complaints .system_operation .icon_user {width: 65px;}
.smart_complaints .system_operation .mob_img {display: none;}

@media screen and (max-width: 1400px) {
    .smart_complaints {font-size: 15px;}
    .smart_complaints .operation_course .txt_01 {font-size: 17px;}
    .smart_complaints .system_operation .place {font-size: 22px;}
    .smart_complaints .system_operation .box.center .txt_01 {font-size: 22px;}
    .smart_complaints .system_operation .list {font-size: 17px;}
    .smart_complaints .system_operation .list_02 {font-size: 16px;}
    .smart_complaints .system_operation .list_03 {font-size: 15px;}
    .smart_complaints .system_operation .box > .bb {font-size: 17px;}
}

@media screen and (max-width: 1080px) {
    .smart_complaints {font-size: 14px;}
    .smart_complaints .system_operation .place {font-size: 20px;}
    .smart_complaints .operation_course .txt_01 {font-size: 16px;}
    .smart_complaints .system_operation .list {font-size: 16px;}
    .smart_complaints .system_operation .list_02 {font-size: 15px;}
    .smart_complaints .system_operation .list_03 {font-size: 14px;}
    .smart_complaints .system_operation .box {width: 37%;}
    .smart_complaints .system_operation .box > .bb {font-size: 16px; padding: 15px;}
    .smart_complaints .system_operation .box.center {width: 26%; padding: 0 15px;}
    .smart_complaints .system_operation .box.center .txt_01 {font-size: 20px;}
}

@media screen and (max-width: 768px) {
    .smart_complaints .operation_course {flex-wrap: wrap; gap: 10px;}
    .smart_complaints .operation_course li {width: 100%; height: auto;}
    .smart_complaints .operation_course li.arrow {transform: rotate(90deg);}
    .smart_complaints .operation_course :is(.txt_01, .txt_02) {height: auto; padding: 10px; text-align: center; justify-content: center;}
    .smart_complaints .system_operation {flex-wrap: wrap; justify-content: center; gap: 10px;}
    .smart_complaints .system_operation .equipment {margin: 15px 0;}
    .smart_complaints .system_operation .place {font-size: 18px;}
    .smart_complaints .system_operation .list {font-size: 15px;}
    .smart_complaints .system_operation .box {width: 100%;}
    .smart_complaints .system_operation .box.center {width: 100%;}
    .smart_complaints .system_operation .box.center img {display: none;}
    .smart_complaints .system_operation .box > .tb {margin-bottom: 20px;}
    .smart_complaints .system_operation .box > .bb {font-size: 15px; height: auto;}
    .smart_complaints .system_operation .mob_img {display: block;}
    .smart_complaints .system_operation :where(.box > .bb, .box.center) {height: auto;}
    .smart_complaints .system_operation .box.center {border: 2px solid #000; padding: 10px;}
    .smart_complaints .system_operation .list_02 {width: fit-content; margin: 0 auto;}
    .smart_complaints .system_operation .list_02 br {display: none;}
    .smart_complaints .system_operation .box.center .txt_01 {margin-bottom: 10px;}
    .smart_complaints .system_operation .mob_img img {height: 60px;}
}

/* 0927 들여쓰기 */
.indentList li {word-break: keep-all;}
.indentList.disc {transform: translateX(-18px);}
.indentList.disc li {list-style: none;}
.indentList.disc li::before {content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #325ed6; margin-right: 8px; margin-bottom: 3px;}
.indentList.bar li::before {content: ''; display: inline-block; width: 10px; height: 2px; background: #325ed6; margin-right: 8px; margin-bottom: 6px;}
.indentList.disc02 li::before { content:none !important;}
.indentList.disc02 li span::before {content:""; display: inline-block; background:#325ed6; width:4px; height:4px; border-radius:50%; margin-bottom: 4px; margin-right: 8px;}
.indentList.bar02 li::before { content:none !important;}
.indentList.bar02 li span::before {content:""; display: inline-block; width:10px; height:1px; background:#000; margin-bottom:5px; margin-right: 8px;}
/* 0927 */

@media screen and (max-width: 1080px) {
    .indentList.disc li::before {width: 5px; height: 5px;}

}
@media screen and (max-width: 768px) {
    .indentList.bar li {padding: 3px 10px;}

}
/* 0927 */
@media screen and (max-width: 760px) {
    .indentList.disc02 li span::before {width:2px; height:2px; margin-right: 5px;}
    .indentList.bar02 li span::before {width: 8px; margin-right: 5px;}
}



/* 1024 */
/* sub0207 - 한눈에 달력 */
#jeonnam_calendar_wrap {width:100%; margin:0 auto;}
#jeonnam_calendar_wrap .inner {width:860px; margin:0 auto;}
#jeonnam_calendar_wrap .jn_calendar_box {height:auto; text-align:center;}
#jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover {background-color:#006939; padding:55px 30px 70px; position:relative;}
#jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .c_top_w { display: flex; flex-wrap:wrap;}
#jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .left_cover_logo {width:200px; padding-top:30px; margin-left:50px;}
#jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .left_cover_logo img {width:80%; }
#jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .right_cover_con {width:calc(100% - 250px); padding-left:30px;}
#jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .right_cover_con h1 {color:#fff; font-size:60px; font-weight:700; padding:30px 0 15px;}
#jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .right_cover_con h2 {color:#ffff40; font-size:40px; font-weight:600; padding-bottom:40px;background: none;}
#jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .right_cover_con p {color:#fff; font-size:25px;}
#jeonnam_calendar_wrap .jn_calendar_box .cal_cover_logo {text-align:right; margin-bottom:30px;;}
#jeonnam_calendar_wrap .jn_calendar_box .cal_cover_logo img {width:200px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box {width:100%; background-color:#f2f3f3; padding:40px 30px 30px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news {background-color:#fff; padding:70px 80px 40px; position:relative}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .po_logo {width:91px; height:105px; position:absolute; display:block; left:0; top:0; background-image: url("/home/site/jeonnam/imgs/sub/calendar/img_con_logo.png"); background-repeat:no-repeat; }
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top {display:flex; width:100%; justify-content:center; margin-bottom:70px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_left_year {display:flex; align-items:center; justify-content:center;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_left_year b.month {color:#353dad; font-size:80px; font-weight:600; padding-right:10px; }
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_left_year p.year {color:#353dad; font-size:30px; font-weight:600; text-align:left; line-height:1.4;padding-top:14px; margin-right:auto;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb {padding-left:20px; margin-left:auto;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr th {color:#333; font-size:20px; padding:10px; text-align:center; font-weight:600;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr td {text-align: center; padding:5px 0;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr td p {font-size: 25px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr td a {color:#222; font-size:25px; display:block; position: relative;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr td a::before {content: ''; display: inline-block; width: 35px; height: 35px; border: 3px solid #E74371; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr .holiday {color:#306d93;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr .holiday a {color:#306d93;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .division_line {content:""; display:inline-block; border-bottom:1px dashed #ddd; width:100%; margin:20px 0;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one {width:100%; display:flex; flex-wrap:wrap;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .left_date {color:#fff; width:100px; height:100px; background-color:#E74371; border-radius:50%; font-size:22px; font-weight:500; line-height:100px; box-shadow: 2px 2px 8px #ddd;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .right_con {width:calc(100% - 100px); text-align:left; padding-left:50px; margin:auto;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .right_con .list_con .con_head {font-weight:600; font-size:17px; color:#555;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .right_con .list_con .con_head a {color: #c25c7d;margin-left: 20px;border: 1px solid #c25c7d;font-size: 90%;padding: 3px 5px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .right_con .list_con.mg {margin-bottom:10px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .right_con .list_con p {color:#777; padding-top:4px; position:relative; padding-left:10px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .right_con .list_con p::before {content:""; display:inline-block; position:absolute; left:0;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .bottom_logo {margin-top:60px; width: 100%;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .bottom_logo img {max-width: 100%;}

#jeonnam_calendar_wrap .infoBox li {display: flex; align-items: flex-start; justify-content: flex-start; padding: 2px 0;}
#jeonnam_calendar_wrap .infoBox li p {width: 79%; margin-left: 5px; word-break: keep-all;}
#jeonnam_calendar_wrap .infoBox li span {display: block; font-size: 14px;}


@media screen and (max-width:1080px){
    #jeonnam_calendar_wrap .inner {width:100%;}
    #jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover {padding:35px 30px 40px;}
    #jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .c_top_w {padding:0 20px}
    #jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .left_cover_logo {width:100%; margin-top:0; padding-top:25px; margin-left:0;}
    #jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .left_cover_logo img {width:30%;}
    #jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .right_cover_con {width:100%; padding-left:0;}
    #jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .right_cover_con h1 {font-size:32px; padding:30px 0 5px;}
    #jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .right_cover_con h2 {font-size:25px; font-weight:500;}
    #jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .right_cover_con p {font-size:20px;}
    #jeonnam_calendar_wrap .jn_calendar_box .cal_start_cover .cal_cover_logo img {width:120px; height:auto;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box {padding:20px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .po_logo {width:50px; background-size:50px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news {padding:30px 30px 40px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top {margin-bottom:30px; flex-wrap:wrap;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_left_year {width:100%;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_left_year b.month {font-size:50px; width:100%; padding-right:0;} 
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_left_year p.year {width:100%; font-size:20px; text-align:center; padding-top:5px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_left_year p.year br {display:none;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb {padding-left:0; margin-top:25px; margin-left:0;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 {width:100%;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr th {font-size:16px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .left_date {width:80px; height:80px; margin:auto; line-height:80px; font-size:18px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .right_con {width:100%; padding-left:0; margin-top:15px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .right_con .list_con .con_head {font-size:15px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_sche_list .s_one .right_con .list_con p {font-size:14px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .bottom_logo {margin:30px auto 0;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .bottom_logo img {width:200px;}
}


#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news.sNews02 {padding:70px 60px 40px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top.s_02 {margin-bottom:50px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box {margin-bottom:30px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 {width:100%;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr th {background-color:#E74371; padding:12px 10px; color:#fff; font-weight:600; font-size:17px; position:relative;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr th.w_line::after {content:""; display:inline-block; width:1px; height:20px; border-right:1px solid #fff; position:absolute; right:0;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td {border-bottom:1px solid #eee; padding:45px 20px 45px 30px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td.c_date {background-color:#fffafc; color:#E74371; font-size:17px; font-weight:700; border-right:1px solid #efefef;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td.c_date span.color_num {font-size:24px; font-weight:700;color:#E74371;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td .list_one {text-align:left;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td .mgB10 {margin-bottom:10px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td .list_one a {color:#E74371; font-size:14px; font-weight:600; border:1px solid #E74371; border-radius:5px; padding:2px 7px; margin-left:5px; display: inline-block; margin: 5px 0;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td .list_one a:hover {background-color:#fffafc;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td .list_one b {font-size:16px; color:#555; font-weight:600;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td .list_one p {color:#777; font-size:14px;}
#jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td .list_one p::before {content:""; display:inline-block; color:#999; position:absolute; left:0; text-indent: -14px;}


@media screen and (max-width:1080px){
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box {overflow-x: scroll; }
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 {min-width:650px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr th {font-size:14px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td {padding:20px; font-size:14px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td.c_date span.color_num {font-size:16px; vertical-align:baseline;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td.c_date {font-size:15px; width:10%;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td .list_one b {font-size:14px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .date_tbl_box .tbl_list01 tr td .list_one a {font-size:13px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_left_year p.year.year02 {padding-top:13px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news.sNews02 {padding:20px 15px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top.s_02 {margin:30px 0;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01.s_tb02 tr td a > p {line-height:21px;}
}

@media screen and (max-width:480px){
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news {padding: 20px 15px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr td p {font-size: 14px;}
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr td a::before {width: 20px; height: 20px; border: 2px solid #E74371;}
}

@media screen and (max-width:280px){
    #jeonnam_calendar_wrap .jn_calendar_box .schedule_con_box .schedule_news .s_top .sch_tb .s_tb01 tr td a::before {width: 15px; height: 15px; border-radius: 0; border: none; background: #e7437146;}
}
/* 1024 끝 */