@charset "utf-8";

.upfont {
    font-size: 1.1em
}

.downfont {
    font-size: 0.9em
}

input[type=submit],
input[type=button] {
    cursor: pointer;
}

#detail_con img {
    max-width: 100%;
    vertical-align: middle;
}

#detail_con .point {
    color: #2b5cc1;
}

#detail_con .point_red {
    color: #ef1626;
}

#detail_con .gourl {
    display: inline-block;
    margin-left: 4px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
    background: url(/main/images/contents/ic_link02.gif) no-repeat left 4px;
}

#detail_con .downlink {
    display: inline-block;
    margin-left: 4px;
    padding-left: 24px;
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
    background: url(/main/images/contents/ic_down02.gif) no-repeat left 4px;
}

#detail_con .btn_box {
    margin-top: 30px;
    text-align: center;
}

#detail_con .conbtn {
    display: inline-block;
    margin-bottom: 2px;
    padding: 7px 20px;
    min-width: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    background: #43464e;
    border: 1px solid #43464e;
    border-bottom: 3px solid #1a1c20;
    line-height: 140%;
    overflow: hidden;
    font-size: 15px;
    transition: all .2s ease;
}

#detail_con .conbtn:hover {
    background-color: #245abe !important;
    border-color: #245abe !important;
    box-shadow: 0px 1px 0px #1f4894 !important;
}

#detail_con .conbtn .link {
    padding: 2px 0px;
    padding-left: 25px;
    background: url(/main/images/contents/ic_link.png) no-repeat left bottom;
}

#detail_con .conbtn .down {
    padding: 2px 0px;
    padding-left: 25px;
    background: url(/main/images/contents/ic_down.png) no-repeat left bottom;
}

#detail_con .conbtn .map {
    padding: 3px 0px 2px;
    padding-left: 25px;
    background: url(/main/images/contents/ic_map.png) no-repeat left bottom;
}

#detail_con h4 {
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 24px;
    color: #333333;
}

#detail_con h4:first-child {
    margin-top: 0px;
}

#detail_con h4 span.num {
    display: inline-block;
    margin-right: 8px;
    width: 42px;
    height: 40px;
    text-align: center;
    background: #2b5cc1;
    /* background:url(/main/images/contents/h4_bg.gif) no-repeat center center; */
    letter-spacing: -2px;
    font: bold 22px/40px verdana;
    color: #fff;
    border-radius: 4px;
}

#detail_con h4.sblet {
    margin-top: 30px;
}

#detail_con .sblet {
    margin-top: 25px;
    padding-left: 24px;
    font-weight: bold;
    font-size: 18px;
    color: #2b5cc1;
    background: url(/main/images/contents/sblet2022.gif) no-repeat left 7px;
}

#detail_con .sblet .color {
    font-weight: normal;
    color: #484848;
}

#detail_con .ssblet {
    margin-top: 3px;
    font-size: 16px;
    padding-left: 15px;
    background: url(/main/images/contents/ssblet.gif) no-repeat left 7px;
}

#detail_con .ssblet .sbtn {
    vertical-align: top;
}

#detail_con .sssblet {
    margin-bottom: 5px;
    padding-left: 11px;
    font-size: 15px;
    background: url(/main/images/contents/sssblet.gif) no-repeat left 9px;
}

#detail_con .ssssblet {
    margin-top: 5px;
    padding-left: 13px;
    background: url(/main/images/contents/ssssblet.gif) no-repeat left 10px;
}

#detail_con .tbtd_list {}

#detail_con .tbtd_list2 {
    margin-left: 18px;
}

#detail_con .tbtd_list3 {
    margin-left: 31px;
}

#detail_con .para01 {
    margin-top: 25px;
    margin-left: 13px;
}

#detail_con .para02 {
    margin-left: 8px;
    margin-top: 8px;
}

#detail_con .para03 {
    margin: 7px 0px 15px;
}

#detail_con .para02+.para03 {
    margin-left: 23px;
}

#detail_con .para03 .para04 {
    margin-left: 20px;
}


#detail_con .para04 .ssssblet {
    margin-top: 0;
}

#detail_con .para05 {
    margin: 2px 0 8px;
}

#detail_con .para05 .ssssbl {
    position: relative;
    padding-left: 10px;
}

#detail_con .para05 li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 1px;
    background: #333;
}

/*문단 새스타일*/
#detail_con.newPara h5 {
    position: relative;
    margin-top: 25px;
    padding-left: 13px;
    font-weight: bold;
    font-size: 20px;
    color: #2b5cc1;
}

#detail_con.newPara h5::after {
    display:block;
    content:"";
    position:absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 16px;
    background: #2b5cc1;
}

.ref {display:inline-block; margin-top:4px; padding:5px 8px 4px 28px; border:1px solid#93b0e9; font-size:13px; background: #edf2fc url('/main/images/contents/ic_ref.png') no-repeat 6px 6px;}
#detail_con.newPara .pr01 {margin-top: 25px; margin-left: 13px;}
#detail_con.newPara .pr02 {margin-top: 20px; margin-left: 13px; }
#detail_con.newPara .pr02>li{padding:32px 0}
#detail_con.newPara .pr02>li:first-child{padding-bottom:0 !important}
#detail_con.newPara .pr03 {margin-top: 20px; margin-left: 13px;}
#detail_con.newPara .pr03>li{margin-top: 20px; margin-left: 13px;}
#detail_con.newPara .pr04 {margin-top: 20px}
#detail_con.newPara .pr05 {margin-top: 6px; margin-bottom: 20px;}
#detail_con.newPara .pr05 * {font-size:14px;}

#detail_con.newPara .sbl+.pr04 {margin-top: 20px; margin-left: 13px;}
#detail_con.newPara h5+.pr04 {margin-top: 20px; margin-left: 13px;}
#detail_con.newPara h5+.datatable {margin-top: 20px;}
#detail_con.newPara .sbl+.datatable {margin-top: 20px;}

#detail_con.newPara .sbl {
    padding-left: 22px;
    font-weight: bold;
    font-size: 17px;
    color: #2b5cc1;
    background: url(/main/images/contents/sblet2022.gif) no-repeat left 5px;
}

#detail_con.newPara .pr03>li {
    font-size: 16px;
    padding-left: 14px;
    background: url(/main/images/contents/ssblet.gif) no-repeat left 7px;
}

#detail_con.newPara .pr04>li {
    position: relative;
    margin-bottom:10px;
    padding-left: 11px;
    font-size: 15px;
}
#detail_con.newPara .pr04>li::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background-color: #333;
    width:5px;
    height:5px;
    border-radius: 2px;
}
#detail_con.newPara .pr05>li {
    position: relative;
    padding-left: 12px;
    font-size:14px;
}
#detail_con.newPara .pr05>li::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #666;
    width:6px;
    height:2px;
}

#detail_con.newPara .content-area {
    padding: 1% 1.6%;
    margin-bottom:8px;
    background: #EEF3FB;
}

#detail_con.newPara li.nobl::after {
    display:none !important;
}
/*문단 새스타일 끝*/































#detail_con caption {
    display: block;
    position: fixed;
    top: -500000px;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 0px;
    text-indent: -50000px;
    border: 0px;
}


#detail_con .datatable .data th,
#detail_con .datatable .data td {
    word-break: break-all;
}

#detail_con .datatable {
    margin-top: 5px;
    margin-bottom: 20px;
}

#detail_con .datatable .data {
    width: 100%;
    border-spacing: 0px;
}

#detail_con .datatable .data thead th,
#detail_con .datatable .data thead td {
    padding: 10px 0px;
    background: #fbfbfb;
    color: #3245ba;
    text-align: center;
    border: 1px solid #1f4ba6;
    border-right: 0px
}

#detail_con .datatable .data tbody th {
    text-align: center;
    color: #282828;
    background: #fbfbfb;
}

#detail_con .datatable .data thead th.line_r {
    border-right: 1px solid #1f4ba6;
}

#detail_con .datatable .data tbody th,
#detail_con .datatable .data tbody td {
    padding: 8px 1%;
    border: 1px solid #c7b8b0;
    border-right: 0px;
}

#detail_con .datatable .data tbody td:last-child {
    border-right: 0px
}

#detail_con .datatable .data tbody th:first-child,
#detail_con .datatable .data tbody td:first-child,
#detail_con .datatable .data thead th:first-child,
#detail_con .datatable .data thead td:first-child {
    border-left: 0px
}

#detail_con .datatable .data thead+tbody tr:first-child th,
#detail_con .datatable .data thead+tbody tr:first-child td {
    border-top: 0px;
}

#detail_con .datatable .data caption+tbody tr:first-child th {
    border-top: 1px solid #1f4ba6;
}

#detail_con .datatable .data caption+tbody tr:first-child td {
    border-top: 1px solid #1f4ba6;
}

#detail_con .datatable .data thead .bdL {
    border-left: 1px solid #1f4ba6 !important;
}

#detail_con .datatable .data thead .bdR {
    border-right: 1px solid #1f4ba6 !important;
}

#detail_con .datatable .data tbody .bdL {
    border-left: 1px solid #c7b8b0 !important;
}

#detail_con .datatable .data tbody .bdR {
    border-right: 1px solid #c7b8b0 !important;
}

#detail_con .datatable .data .sssblet {
    margin-bottom: 2px;
}

#detail_con .datatable .data tbody tr.darkBG th {
    background-color: #eee;
}

#detail_con .datatable .data tbody tr.darkBG td {
    background-color: #f8f8f8
}



#detail_con .tbox {
    margin-top: 2%;
    border: 1px solid #dcdcdc;
    border-top: 3px solid #5369c9;
    border-radius: 8px;
    background: url(/main/images/contents/tbox_line.gif) no-repeat 4% center, url(/main/images/contents/tbox_line.gif) no-repeat 96% center;
    /*  -webkit-box-shadow: 0px 5px 21px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 21px -13px rgba(0,0,0,0.75); */
    box-shadow: 0px 5px 21px -13px rgba(0, 0, 0, 0.75);
}

#detail_con .tbox>div {
    padding: 4% 8% 4% 215px;
    background-repeat: no-repeat;
    background-position: 80px center;
}

#detail_con .tbox>div .tit {
    margin-bottom: 10px;
    color: #222;
    font-weight: bold;
    font-size: 20px;
}

#detail_con .tbox>div .tit.martop {
    margin-top: 3%;
}

#detail_con .tbox>div.noicon {
    padding: 4% 8%;
}

#detail_con .tbox>div.civil {
    background-image: url(/main/images/contents/tbox_civil.gif);
}

#detail_con .tbox>div.admin {
    background-image: url(/main/images/contents/tbox_admin.gif);
}

#detail_con .tbox>div.part {
    background-image: url(/main/images/contents/tbox_part.gif);
}

#detail_con .tbox>div.community {
    background-image: url(/main/images/contents/tbox_community.gif);
}

#detail_con .tbox>div.yeonsu {
    background-image: url(/main/images/contents/tbox_yeonsu.gif);
}

#detail_con .tbox>div.guidance {
    background-image: url(/main/images/contents/tbox_guidance.gif);
}

#detail_con .tbox>div.listen {
    background-image: url(/main/images/contents/tbox_listen.gif);
}

#detail_con .tbox>div.manage {
    background-image: url(/main/images/contents/tbox_manage.gif);
}

#detail_con .tbox>div.animal {
    background-image: url(/main/images/contents/tbox_animal.gif);
}

#detail_con .stbox {
    margin-top: 1%;
    padding: 2% 3%;
    background: #fbfbfb;
    border: 1px solid #d4d4d4;
}

#detail_con .gray_area {
    padding: 1% 2%;
    margin-top: 10px;
    background: #EEF3FB;
    text-align: center;
}

#detail_con .ps {
    display: inline-block;
    padding-left: 20px;
    background: url(/main/images/contents/ic_ps.gif) no-repeat left 4px;
    font-size: 14px;
}

#detail_con .ps.dp_block {
    display: block;
}

#detail_con .attach {
    /* margin-top:3px; */
    padding-left: 19px;
    background: url(/main/images/contents/attach.png) no-repeat left 5px;
}

#detail_con .step {
    margin-top: 5px;
    overflow: hidden;
}

#detail_con .step>li {
    float: left;
    margin: 5px 0px;
    min-width: 11%;
    background: url(/main/images/contents/step_arr.gif) no-repeat 98% center;
}

#detail_con .step>li:last-child {
    background: none;
    padding-left: 0px;
}

#detail_con .step>li>div {
    display: table;
    padding: 10px 12px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #86a1ca;
}

#detail_con .step>li>div.tit {
    min-height: 40px;
    font-weight: bold;
    background: #f1f5fe;
    border-bottom: 0px;
    font-size: 14px;
}

#detail_con .step>li>div.con {
    min-height: 65px;
    border-top-style: dotted;
}

#detail_con .step>li>div .cell {
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
    line-height: 150%;
}

#detail_con .step>li>div.foot {
    border-top-style: dotted;
    border-top: 0;
    background: #fafafa;
}

#detail_con .step>li {
    padding-right: 3%;
}

#detail_con .step.col6>li {
    padding-right: 3%;
    width: 13.5%;
}

#detail_con .step.col5>li {
    padding-right: 3%;
    width: 17%;
}

#detail_con .step.col4>li {
    padding-right: 3%;
    width: 22%;
}

#detail_con .step.col3>li {
    padding-right: 3%;
    width: 30.3%;
}

#detail_con .step.col2>li {
    padding-right: 3%;
    width: 47%;
    background-position: 99% center;
}

#detail_con .step.mih200>li .con {
    min-height: 200px;
}

#detail_con .step.mih150>li .con {
    min-height: 150px;
}

#detail_con .step.flex.mih150>li .con {
    display: flex;
    justify-content: center;
    align-items: center;
}

#detail_con .step.mih100>li .con {
    min-height: 100px;
}

#detail_con .step02>li {
    display: table;
    padding-top: 25px;
    width: 100%;
    background: url(/main/images/contents/step_arrD.gif) no-repeat center 3px;
}

#detail_con .step02>li:first-child {
    padding-top: 1%;
    background: none;
}

#detail_con .step02>li>div {
    display: table-cell;
    padding: 2%;
    border: 1px solid #86a1ca;
}

#detail_con .step02>li>div.tit {
    width: 25%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    background: #f1f5fe;
    border-right: 0px;
}

#detail_con .step02>li>div.con {
    border-left-style: dotted;
}

#detail_con .outlink {
    margin-top: 3%;
    padding: 4.5% 5%;
    border: 1px solid #dcdcdc;
    background: #fbfbfb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 3px 0px #eee;
}

#detail_con .outlink>.img {
    float: right;
    margin-top: 2%;
    width: 45%;
    text-align: center;
}

#detail_con .outlink>.con {
    float: left;
    width: 51%;
}

#detail_con .outlink>.con p.tit,
#detail_con .outlink>.con h4 {
    margin-bottom: 5%;
    padding-bottom: 3%;
    font-size: 38px;
    color: #2b5cc1;
    border-bottom: 1px solid #bbb;
}

#detail_con .outlink>.con p.tip {
    font-weight: bold;
    margin: 5px 0px;
    color: #4c5d87;
    font-size: 14px;
}

#detail_con .outlink>.con .point {
    font-weight: bold;
}

#detail_con .outlink>.con .txt {
    margin-bottom: 5%;
}

#detail_con .outlink .btn_box {
    clear: both;
    text-align: left;
}

#detail_con .outlink .conbtn .link {
    padding: 10px 25px 10px 32px;
    font-size: 17px;
    background: url(/main/images/contents/ic_link.png) no-repeat left center, url(/main/images/contents/ic_arrR.png) no-repeat right center;
}

#detail_con .linklist {
    margin-top: 10px;
    overflow: hidden;
}

#detail_con .linklist>li {
    position: relative;
    float: left;
    width: 23%;
    margin: .8%;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    overflow: hidden;
}

#detail_con .linklist>li>div {
    text-align: center;
}

#detail_con .linklist>li>div .name {
    display: table;
    position: relative;
    width: 100%;
    background: #f9f9f9;
}

#detail_con .linklist>li>div .name:after {
    display: block;
    content: '';
    position: absolute;
    top: 20px;
    left: 40%;
    width: 50px;
    height: 1px;
    background: #4d4643;
}

#detail_con .linklist>li>div .go {
    padding: 5% 3%;
    border-top: 1px dotted #d8d8d8;
}

#detail_con .linklist>li>div .go .sbtn {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* #detail_con .linklist>li>div .link .sbtn:hover { background-color:#4d4643; border-color:#3b3633; } */
#detail_con .linklist>li>div .txt {
    padding: 3%;
    border-radius: 3px;
}

#detail_con .linklist>li:hover .name,
#detail_con .linklist>li:hover {
    background: #f4f9fd;
    border-color: #5369c9;
}

#detail_con .linklist>li:hover:after {
    display: block;
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    border: 15px solid #5369c9;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

#detail_con .linklist.short>li>div .go {
    padding: 3%;
}

#detail_con .linklist.corona_menu {
    display: flex;
    justify-content: space-between;
}

#detail_con .linklist.corona_menu li {
    margin: 0;
}

#detail_con .linklist.corona_menu.col3>li {
    width: 32.5%;
}

#detail_con .logolink {
    margin-top: 10px;
    overflow: hidden;
}

#detail_con .logolink>li {
    float: left;
    width: 30.3%;
    margin: 1.3%;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    overflow: hidden;
}

#detail_con .logolink>li>div {
    padding: 4%;
    border: 4px solid #f1f1f1;
    border-radius: 3px;
}

#detail_con .logolink>li>div p.logo {
    padding: 2% 0px 3%;
    text-align: center;
}

#detail_con .logolink>li>div p.name {
    padding: 7px 0px;
    text-align: center;
    font-weight: bold;
    background: #f5f5f5;
}

#detail_con .logolink.col4 {
    padding-left: 0%;
}

#detail_con .logolink.col4>li {
    float: left;
    width: 22%;
    margin: 1.3%;
}

#detail_con .fraudlist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px 0;
    margin-top: 20px;
}

#detail_con .fraudlist>li {
    width: 32%;
    height: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
}

#detail_con .fraudlist>li>div {
    padding: 7%;
    border: 4px solid #f1f1f1;
    border-radius: 3px;
}

#detail_con .fraudlist>li>div p.logo {
    padding: 2% 0px 8%;
    text-align: center;
}

#detail_con .fraudlist>li>div p.txt {
    min-height: 100px;
    line-height: 1.5;
    padding: 0 10px;
    font-size: 14px;
    letter-spacing: -.5px;
}

#detail_con .fraudlist>li>div p.name {
    padding: 7px 0px;
    text-align: center;
    font-weight: bold;
    background: #f5f5f5;
}

#detail_con .photo {
    display: inline-block;
    position: relative;
    margin: 1% .5% 1% 1%;
    width: 47.5%;
    border: 1px solid #dbdbdb;
    background: #f5f5f5;
}

#detail_con .photo.center {
    display: block;
    margin: 1% auto;
}

#detail_con .photo.center img {
    width: 85%;
}

#detail_con .photo .img {
    position: relative;
    left: -2px;
    top: -2px;
    padding: 2%;
    border: 1px solid #dbdbdb;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
}

#detail_con .photo .img img {
    vertical-align: top;
    width: 100%;
}

#detail_con .photo .txt {
    position: absolute;
    bottom: 2%;
    padding: 8px 0px;
    width: 96%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: rgba(0, 0, 0, .7);
}

#detail_con .photo_col4 {
    margin-top: 8px;
}

#detail_con .photo_col4 .photo {
    width: 22.5%;
}

#detail_con .photo_col4 .img {
    padding: 3%;
}

#detail_con .photo_col4 .txt {
    bottom: 3%;
    width: 94%;
}

#detail_con .photo_col3 .photo {
    width: 31%;
}

#detail_con .photo_col3 .img {
    padding: 3%;
}

#detail_con .photo_col3 .img>p {
    padding-top: 5px;
}

#detail_con .photo_col3 .txt {
    bottom: 3%;
    width: 94%;
}

#detail_con .photo_col1 {
    display: block;
    margin: 1% auto;
    width: 90%;
}

#detail_con .photo_col1 .img {
    padding: 1.5%;
}

#detail_con .photo_col1 .txt {
    bottom: 2.5%;
    width: 97%;
}

#detail_con .photo2 {
    display: inline-block;
    position: relative;
    margin: 1% .5% 1% 1%;
    width: 80%;
    border: 1px solid #dbdbdb;
    background: #f5f5f5;
}

#detail_con .photo2.center {
    display: block;
    margin: 1% auto;
}

#detail_con .photo2.center img {
    width: 85%;
}

#detail_con .photo2 .img {
    position: relative;
    left: -2px;
    top: -2px;
    padding: 2%;
    border: 1px solid #dbdbdb;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
}

#detail_con .photo2 .img img {
    vertical-align: top;
    width: 100%;
}

#detail_con .photo_width {
    position: relative;
    width: auto !important;
}

#detail_con .photo_width .img {
    padding: 12px !important;
}

#detail_con .photo_width .tit {
    position: absolute;
    display: inline-block;
    right: 15px;
    bottom: 15px;
    padding: 8px 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: rgba(0, 0, 0, .7);
}

#detail_con .oathBox {
    position: relative;
    margin-top: 3%;
    padding: 3% 8%;
    overflow: hidden;
    border: 1px solid #cecece;
    border-bottom-color: #a4a4a4;
    border-right-color: #a4a4a4;
}

#detail_con .oathBox:before,
#detail_con .oathBox:after {
    display: block;
    content: '';
    position: absolute;
    width: 118px;
    height: 118px;
}

#detail_con .oathBox:before {
    top: 0px;
    left: 0px;
    background: url(/main/images/contents/oath_bgT.gif) no-repeat center center;
}

#detail_con .oathBox:after {
    bottom: 0px;
    right: 0px;
    background: url(/main/images/contents/oath_bgB.gif) no-repeat center center;
}

#detail_con .oathBox .tit {
    margin: 5% 1%;
    text-align: center;
}

#detail_con .oathBox .tit span {
    display: inline-block;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
    color: #4d4643;
    border-bottom: 5px double #4d4643;
    font: bold 33px 'Nanum Myeongjo';
    letter-spacing: -1px;
}

#detail_con .oathBox .txt,
#detail_con .oathBox .txt * {
    text-align: center;
    font: bold 18px/150% 'Nanum Myeongjo';
    letter-spacing: -1px;
}

#detail_con .oathBox .point {
    color: #245abe;
}

#detail_con .oathBox .oathlist {
    position: relative;
    margin: 80px 0px;
}

#detail_con .oathBox .oathlist:before,
#detail_con .oathBox .oathlist:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 48px;
    background: url(/main/images/contents/oath_bgM.gif) no-repeat center center;
}

#detail_con .oathBox .oathlist:before {
    top: -50px;
}

#detail_con .oathBox .oathlist:before {
    bottom: -20px;
}

#detail_con .oathBox .oathlist li {
    display: flex;
    align-items: center;
    padding: 15px 0px;
    padding-left: 50px;
    min-height: 45px;
    background: url(/main/images/contents/oath_hand.gif) no-repeat left center;
    font-weight: bold;
}

#detail_con .oathBox.song {
    margin: 3% auto;
    padding: 7% 5%;
    width: 80%;
}

#detail_con .shadowBox {
    padding: 5% 2%;
    text-align: center;
    border: 1px solid #dcdcdc;
    background: #fcfcfc;
    box-shadow: 0px 3px 0px #eee;
}

#detail_con .mapBox {
    padding: 5px;
    text-align: center;
    border: 1px solid #dcdcdc;
    background: #fff;
}

#detail_con .mapBox>div {
    border: 1px solid #dcdcdc;
}

#detail_con .bddotT {
    border-top: 1px dotted #ccc;
}

#detail_con .iframe {
    text-align: center;
}

#detail_con .iframe iframe {
    width: 100%;
}

#detail_con .playbox {
    margin-top: 30px;
    overflow: hidden;
}

#detail_con .playbox>div {
    float: left;
    padding: 1%;
    height: 400px;
    border: 1px solid #dbdbdb;
}

#detail_con .playbox .play {
    width: 53%;
}

#detail_con .playbox .play video {
    width: 100%;
    height: 100%;
}

#detail_con .playbox .play object {
    width: 100%;
    height: 400px;
    vertical-align: top;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}

#detail_con .playbox .play object>div {
    background: #f9f9f9 url(/main/images/contents/part/ic_video.gif) no-repeat center 60%;
    height: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#detail_con .playbox .play object>div p.wfont {
    margin-top: 5%;
    text-align: center;
}

#detail_con .playbox .play object>div div.info {
    padding: 3%;
}

#detail_con .playbox .play object>div div.info p {
    font-size: 14px;
}

#detail_con .playbox .txt {
    float: right;
    width: 41%;
    overflow-y: scroll;
}

#detail_con .playbox .txt>div {
    padding: 2% 3%;
}

/* #detail_con .organ_info>div { display:none; } */
#detail_con .ollist>li {
    position: relative;
    margin-top: 5px;
    padding-left: 17px;
}

#detail_con .ollist>li span.num {
    position: absolute;
    left: 0px;
    top: -1px;
}

#detail_con .ollist .ollist {
    margin-left: -5px;
    margin-bottom: 10px;
}

#detail_con .ollist .ollist>li {
    margin-top: 3px;
}

/***** 종합민원 *****/
#detail_con .civil_guide {
    padding: 4% 10px;
    text-align: center;
    border: 1px solid #dbdbdb;
    background: #fbfbfb;
}

#detail_con .form_tab ul {
    margin-bottom: 20px;
    overflow: hidden;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}

#detail_con .form_tab li {
    float: left;
    width: 10%;
    padding: 0px;
    margin: 0px;
}

#detail_con .form_tab li a {
    display: table;
    padding: 60px 0px 5px;
    width: 100%;
    border: 1px solid #dbdbdb;
    border-top: 0px;
    background: #fbfbfb;
    background-position: center 20px;
    background-repeat: no-repeat;
    text-align: center;
}

#detail_con .form_tab li a span {
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -1px;
}

#detail_con .form_tab li.ic01 a {
    background-image: url(/main/images/contents/general/form_tab01.png);
}

#detail_con .form_tab li.ic02 a {
    background-image: url(/main/images/contents/general/form_tab02.png);
}

#detail_con .form_tab li.ic03 a {
    background-image: url(/main/images/contents/general/form_tab03.png);
}

#detail_con .form_tab li.ic04 a {
    background-image: url(/main/images/contents/general/form_tab04.png);
}

#detail_con .form_tab li.ic05 a {
    background-image: url(/main/images/contents/general/form_tab05.png);
}

#detail_con .form_tab li.ic06 a {
    background-image: url(/main/images/contents/general/form_tab06.png);
}

#detail_con .form_tab li.ic07 a {
    background-image: url(/main/images/contents/general/form_tab07.png);
}

#detail_con .form_tab li.ic08 a {
    background-image: url(/main/images/contents/general/form_tab08.png);
}

#detail_con .form_tab li.ic09 a {
    background-image: url(/main/images/contents/general/form_tab09.png);
}

#detail_con .form_tab li.ic10 a {
    background-image: url(/main/images/contents/general/form_tab10.png);
}

#detail_con .form_tab li.select {
    background: url(/main/images/contents/general/form_tab_on.gif) repeat right top;
}

#detail_con .form_tab li.select a {
    background-color: transparent;
    border-color: #0d5cac;
}

#detail_con .form_tab li.ic01.select a {
    background-image: url(/main/images/contents/general/form_tab01_on.png);
}

#detail_con .form_tab li.ic02.select a {
    background-image: url(/main/images/contents/general/form_tab02_on.png);
}

#detail_con .form_tab li.ic03.select a {
    background-image: url(/main/images/contents/general/form_tab03_on.png);
}

#detail_con .form_tab li.ic04.select a {
    background-image: url(/main/images/contents/general/form_tab04_on.png);
}

#detail_con .form_tab li.ic05.select a {
    background-image: url(/main/images/contents/general/form_tab05_on.png);
}

#detail_con .form_tab li.ic06.select a {
    background-image: url(/main/images/contents/general/form_tab06_on.png);
}

#detail_con .form_tab li.ic07.select a {
    background-image: url(/main/images/contents/general/form_tab07_on.png);
}

#detail_con .form_tab li.ic08.select a {
    background-image: url(/main/images/contents/general/form_tab08_on.png);
}

#detail_con .form_tab li.ic09.select a {
    background-image: url(/main/images/contents/general/form_tab09_on.png);
}

#detail_con .form_tab li.ic10.select a {
    background-image: url(/main/images/contents/general/form_tab10_on.png);
}

#detail_con .form_tab li.select a span {
    font-weight: bold;
    color: #fff;
}

#detail_con .datatable.foreign .legend {
    padding-bottom: 5px;
    text-align: right;
}

#detail_con .datatable.foreign .gu,
#detail_con .datatable.foreign .dong {
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 20px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

#detail_con .datatable.foreign .gu {
    background: #7c340e;
}

#detail_con .datatable.foreign .dong {
    background: #245abe;
}

#detail_con .datatable.foreign .sbtn {
    margin: 3px 0px;
    width: 110px;
    text-align: center;
}

#detail_con .roadname {
    margin-top: 20px;
    padding: 9px;
    text-align: center;
    border: 1px solid #dbdbdb;
}

#detail_con .adviertise {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #ccc;
}

#detail_con .adviertise>p {
    float: left;
    max-width: 49.9%;
}

#detail_con .adviertise>p img {
    width: 100%;
    vertical-align: top;
}

#detail_con .adviertise>p:first-child {
    border-right: 1px dotted #929292;
}

#detail_con .constiution {
    margin-top: 30px;
    padding: 40px 40px;
    border: 4px solid #d8d8d8;
    border-top: 4px solid #2b5cc1;
    border-bottom: 4px solid #333;
    border-radius: 40px 0 40px 0;
    text-align: center;
}

#detail_con .constiution .tit {
    display: inline-block;
    margin-bottom: 25px;
    padding-bottom: 4px;
    border-bottom: 2px solid #0c68d6;
    color: #0c68d6;
    letter-spacing: -2px;
}

#detail_con .constiution .tit span {
    padding-bottom: 4px;
    border-bottom: 1px solid #2b5cc1;
    font: bold 30px/150% 'Nanum Myeongjo', '나눔명조';
}

#detail_con .constiution .s_tit {
    margin-top: 30px;
    padding: 20px;
    text-align: left;
}

#detail_con .constiution .s_tit p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #757575;
}

#detail_con .constiution ul {
    padding: 0 20px;
}

#detail_con .constiution ul li {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
}

#detail_con .constiution .sign {
    margin-top: 50px;
    text-align: center;
}

#detail_con .constiution .sign p {
    font: bold 22px/150% 'Nanum Myeongjo', '나눔명조';
}

#detail_con .constiution .sign p.name {
    font-size: 20px;
    font-weight: 600;
}

#detail_con .slide_img {
    overflow: hidden;
    margin-top: 15px;
}

#detail_con .slide_img .thum .con {
    margin: auto;
}

#detail_con .slide_img .thum .con img {
    width: 100%;
}

#detail_con .slide_img .thum .list {
    margin: auto;
    width: 308px;
}

#detail_con .slide_img .thum .list ul {
    overflow: hidden;
}

#detail_con .slide_img .thum .list ul li {
    float: left;
    width: 135px;
    height: 80px;
    border: 3px solid #d7d7d7;
    margin: 10px 5px;
}

#detail_con .slide_img .thum .list ul li img {
    width: 100%;
    height: 100%;
}

#detail_con .slide_img .thum .list ul li:hover,
.slide_img .thum .list ul li.select {
    border: 3px solid #6941a0;
}

#detail_con .slide_img h4.ir {
    margin: 0 !important;
}

#detail_con .flag img {
    width: 50px;
    margin: 2%;
    border: 1px solid #ccc;
}

/***** 행정정보 *****/
#detail_con .paper {
    margin-top: 4%;
    text-align: center;
}

#detail_con .regulation_info {
    margin: 10px 0px;
    min-width: 800px;
}

#detail_con .regulation_info table th {
    text-align: center;
}

#detail_con .regulation_info table th,
#detail_con .regulation_info table td {
    padding: 8px 5px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
}

#detail_con .regulation_info table thead th {
    border-bottom: 0px;
    font-size: 18px;
}

#detail_con .regulation_info table .last {
    padding: 5% 5%;
}

#detail_con .regulation_info table .last p {
    padding: 3px 0px;
}

#detail_con .regulation_info .ex {
    color: #245abe;
}

#detail_con .open {
    padding: 4% 5%;
    background: #fbfbfb;
    border: 1px solid #dbdbdb;
}

#detail_con .open ul.part_select {
    overflow: hidden;
}

#detail_con .open ul.part_select>li {
    float: left;
    margin: .5%;
    width: 32.3%;
}

#detail_con .open ul.part_select select {
    width: 100%;
    padding: 3px 2% 3px 2%;
    height: 33px;
    vertical-align: middle;
}

#detail_con .open ul.part_select input[type=text] {
    padding: 0px 2%;
    width: 96%;
    height: 31px;
}

#detail_con .data_vision li {
    padding-top: 40px;
    padding-bottom: 5px;
    text-align: center;
    background: url(/main/images/contents/administration/data_arr.gif) no-repeat center top;
}

#detail_con .data_vision li:first-child {
    background: none;
}

#detail_con .operate {
    margin-top: 20px;
    overflow: hidden;
    text-align: center;
}

#detail_con .operate li {
    position: relative;
    display: inline-block;
    margin: .5%;
    padding: 20px 0px;
    width: 31%;
    letter-spacing: -1px;
    border: 1px solid #d4d4d4;
    font-size: 16px;
    font-weight: bold;
}

#detail_con .operate li:before,
#detail_con .operate li:after {
    display: block;
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border: 5px solid #d4d4d4;
}

#detail_con .operate li:before {
    top: 0px;
    left: 0px;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

#detail_con .operate li:after {
    bottom: 0px;
    right: 0px;
    border-left-color: transparent;
    border-top-color: transparent;
}

#detail_con .operate li span.point {
    display: block;
}

#detail_con .annals .sbtn {
    margin: 1px 0px;
}

#detail_con .info_private {
    margin-top: 20px;
}

#detail_con .info_private li {
    padding: 40px 10px 40px 190px;
    min-height: 130px;
    border-top: 1px dotted #ccc;
    background-position: 10px center;
    background-repeat: no-repeat;
    list-style: decimal;
    font-size: 0;
}

#detail_con .info_private li.num01 {
    background-image: url(/main/images/contents/administration/info_private_num01.gif);
}

#detail_con .info_private li.num02 {
    background-image: url(/main/images/contents/administration/info_private_num02.gif);
}

#detail_con .info_private li.num03 {
    background-image: url(/main/images/contents/administration/info_private_num03.gif);
}

#detail_con .info_private li.num04 {
    background-image: url(/main/images/contents/administration/info_private_num04.gif);
}

#detail_con .info_private li.num05 {
    background-image: url(/main/images/contents/administration/info_private_num05.gif);
}

#detail_con .info_private li.num06 {
    background-image: url(/main/images/contents/administration/info_private_num06.gif);
}

#detail_con .info_private li.num07 {
    background-image: url(/main/images/contents/administration/info_private_num07.gif);
}

#detail_con .info_private li.num08 {
    background-image: url(/main/images/contents/administration/info_private_num08.gif);
}

#detail_con .info_private li p.right {
    margin-top: 10px;
}

#detail_con .personnel {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 20px;
}

#detail_con .personnel .chart {
    position: relative;
    padding:20px 40px;
    border: 1px solid #ccc;
    border-radius: 12px;
    background: #f5f5f5;
}

#detail_con .personnel .chart .total{
    position: absolute;
    left:50%;
    top:50%;
    width:100px;
    margin-left:-50px;
    text-align: center;
    font-weight: bold;
    font-size:16px;
}

@media screen and (max-width: 640px) {
    #detail_con .personnel {
        flex-direction: column;
        gap:20px;
    }
}

/* #detail_con .personnel img {
    float: left;
}

#detail_con .personnel .con {
    padding-top: 10%;
    padding-left: 400px;
} */

#detail_con .eduzone {
    text-align: center;
    padding-top: 50px;
    word-break: keep-all;
}

#detail_con .eduzone dl {
    margin-bottom: 7%;
}

#detail_con .eduzone dl dt {
    display: inline-block;
    margin-bottom: 2.5%;
    padding: 3px 27px;
    border-radius: 30px;
    background: #eaeaea;
    font-size: 17px;
}

#detail_con .eduzone dl dd ul,
#detail_con .eduzone dl dd.direction {
    font-size: 0;
}

#detail_con .eduzone dl.goal {
    position: relative;
    padding-top: 5%;
}

#detail_con .eduzone dl.goal:after {
    content: '';
    position: absolute;
    left: 0;
    top: -60px;
    width: 100%;
    height: 190px;
    background: url(/main/images/contents/administration/eduzone_bg.gif) no-repeat center bottom;
    z-index: -1;
}

#detail_con .eduzone dl dd ul li,
#detail_con .eduzone dl dd.direction ul,
#detail_con .eduzone dl dd.business ul {
    display: inline-block;
}

#detail_con .eduzone dl.goal dd ul li:last-child,
#detail_con .eduzone dl dd ul.strategy li:last-child,
#detail_con .eduzone dl dd.direction ul:last-child {
    margin-right: 0;
}

#detail_con .eduzone dl.goal dd ul>li {
    width: 20%;
    margin-right: 3%;
    vertical-align: top;
    padding-top: 160px;
    background-repeat: no-repeat;
    background-position: top center;
}

#detail_con .eduzone dl.goal dd ul>li.ic01 {
    background-image: url(/main/images/contents/administration/eduzone01.gif);
}

#detail_con .eduzone dl.goal dd ul>li.ic02 {
    background-image: url(/main/images/contents/administration/eduzone02.gif);
}

#detail_con .eduzone dl.goal dd ul>li.ic03 {
    background-image: url(/main/images/contents/administration/eduzone03.gif);
}

#detail_con .eduzone dl.goal dd ul>li.ic04 {
    background-image: url(/main/images/contents/administration/eduzone04.gif);
}

#detail_con .eduzone dl.goal dd ul>li>p {
    font-size: 21px;
    line-height: 1.4;
}

#detail_con .eduzone dl.goal dd ul>li>p strong {
    display: block;
}

#detail_con .eduzone dl.goal dd ul>li.ic01>p strong {
    color: #66b821;
}

#detail_con .eduzone dl.goal dd ul>li.ic02>p strong {
    color: #ee7800;
}

#detail_con .eduzone dl.goal dd ul>li.ic03>p strong {
    color: #3d62ad;
}

#detail_con .eduzone dl.goal dd ul>li.ic04>p strong {
    color: #a38a48;
}

#detail_con .eduzone dl.goal dd ul>li>p,
#detail_con .eduzone dl dd ul.strategy>li>p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#detail_con .eduzone dl dd ul.strategy>li>p {
    color: #fff;
    font-size: 18px;
    text-shadow: 0 0 1px rgba(0, 0, 0, .2)
}

#detail_con .eduzone dl dd ul.strategy li {
    width: 165px;
    height: 165px;
    margin-right: 2%;
    padding: 1.5%;
    border-radius: 100%;
    background: #3d62ad;
}

#detail_con .eduzone dl dd ul.strategy li:nth-child(2) {
    background: #66b821;
}

#detail_con .eduzone dl dd ul.strategy li:nth-child(3) {
    background: #ee7800;
}

/* #detail_con .eduzone dl dd ul.strategy li:nth-child(4) {background:#a38a48;} */
#detail_con .eduzone dl dd.direction ul,
#detail_con .eduzone dl dd.business ul {
    vertical-align: top;
    text-align: left;
    width: 22.5%;
    margin-right: 1%;
    padding: 2%;
    box-sizing: border-box;
}

#detail_con .eduzone dl dd.direction ul {
    min-height: 315px;
    border: 1px solid #3d62ad;
}

#detail_con .eduzone dl dd.direction ul:nth-child(2) {
    border: 1px solid #66b821;
}

#detail_con .eduzone dl dd.direction ul:nth-child(3) {
    border: 1px solid #ee7800;
}

/* #detail_con .eduzone dl dd.direction ul:nth-child(4) {border:1px solid #a38a48;} */
#detail_con .eduzone dl dd.business ul {
    min-height: 240px;
    border: 1px solid #ddd;
}

/* #detail_con .eduzone dl.goal dd ul>li.ic01 {background-image:url(/main/images/contents/administration/eduzone01.gif);}
#detail_con .eduzone dl.goal dd ul>li.ic02 {background-image:url(/main/images/contents/administration/eduzone02.gif);}
#detail_con .eduzone dl.goal dd ul>li.ic03 {background-image:url(/main/images/contents/administration/eduzone03.gif);}
#detail_con .eduzone dl.goal dd ul>li.ic04 {background-image:url(/main/images/contents/administration/eduzone04.gif);}
#detail_con .eduzone dl.goal dd ul>li>p {font-size:21px; line-height:1.4;}
#detail_con .eduzone dl.goal dd ul>li>p strong {display:block;}
#detail_con .eduzone dl.goal dd ul>li.ic01>p strong {color:#66b821;}
#detail_con .eduzone dl.goal dd ul>li.ic02>p strong {color:#ee7800;}
#detail_con .eduzone dl.goal dd ul>li.ic03>p strong {color:#3d62ad;}
#detail_con .eduzone dl.goal dd ul>li.ic04>p strong {color:#a38a48;}
#detail_con .eduzone dl.goal dd ul>li>p, #detail_con .eduzone dl dd ul.strategy>li>p {position:relative; top:50%; transform:translateY(-50%);}
#detail_con .eduzone dl dd ul.strategy>li>p {color:#fff; font-size:18px; text-shadow:0 0 1px rgba(0,0,0,.2)}
#detail_con .eduzone dl dd ul.strategy li {width:165px; height:165px; margin-right:2%; padding:1.5%; border-radius:100%; background:#66b821;}
#detail_con .eduzone dl dd ul.strategy li:nth-child(2) {background:#ee7800;}
#detail_con .eduzone dl dd ul.strategy li:nth-child(3) {background:#3d62ad;}
#detail_con .eduzone dl dd ul.strategy li:nth-child(4) {background:#a38a48;}
#detail_con .eduzone dl dd.direction ul, #detail_con .eduzone dl dd.business ul {vertical-align:top; text-align:left; width:22.5%; margin-right:1%; padding:2%; box-sizing:border-box;}
#detail_con .eduzone dl dd.direction ul {min-height:315px; border:1px solid #66b821;}
#detail_con .eduzone dl dd.direction ul:nth-child(2) {border:1px solid #ee7800;}
#detail_con .eduzone dl dd.direction ul:nth-child(3) {border:1px solid #3d62ad;}
#detail_con .eduzone dl dd.direction ul:nth-child(4) {border:1px solid #a38a48;}
#detail_con .eduzone dl dd.business ul {min-height:200px; border:1px solid #ddd;} */
/***** 분야별정보 *****/
#detail_con .eduzone dl dd ul.innovation {
    padding-top: 3%;
}

#detail_con .eduzone dl dd ul.innovation>li {
    vertical-align: top;
    border: 1px #d4d4d4 solid;
    width: 24%;
    min-height: 270px;
    margin-right: 1.333%;
    box-sizing: border-box;
}

#detail_con .eduzone dl dd ul.innovation>li:last-child {
    margin-right: 0;
}

#detail_con .eduzone dl dd ul.innovation>li>p {
    border-bottom: 1px #d4d4d4 solid;
    padding: 20px 0px;
    background: #fcfcfc;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

#detail_con .eduzone dl dd ul.innovation>li>ul {
    text-align: left;
    padding: 20px;
    min-height: 165px;
}

#detail_con .eduzone dl dd ul.innovation>li>ul>li {
    display: block;
}

#detail_con .improve>li {
    margin-bottom: 40px;
    min-height: 140px;
    background-position: 20px 45px;
    background-repeat: no-repeat;
}

#detail_con .improve>li.ic01 {
    background-image: url(/main/images/contents/part/improve_ic01.gif);
}

#detail_con .improve>li.ic02 {
    background-image: url(/main/images/contents/part/improve_ic02.gif);
}

#detail_con .improve>li.ic03 {
    background-image: url(/main/images/contents/part/improve_ic03.gif);
}

#detail_con .improve>li.ic04 {
    background-image: url(/main/images/contents/part/improve_ic04.gif);
}

#detail_con .improve>li.ic05 {
    background-image: url(/main/images/contents/part/improve_ic05.gif);
}

#detail_con .improve>li.ic06 {
    background-image: url(/main/images/contents/part/improve_ic06.gif);
}

#detail_con .improve ul {
    margin-top: 20px;
    margin-left: 160px;
    padding-left: 4%;
    border-left: 1px dotted #ccc;
}

#detail_con .improve_sidedish {
    overflow: hidden;
}

#detail_con .improve_sidedish>li {
    float: left;
    margin: 1%;
    width: 31.3%;
}

#detail_con .improve_sidedish p.img {
    position: relative;
    background: #fff;
    border: 1px solid #dbdbdb;
}

#detail_con .improve_sidedish p.img img {
    position: relative;
    left: -4px;
    top: -2px;
    width: 95%;
    vertical-align: top;
    padding: 2.5%;
    background: #fff;
    border: 1px solid #dbdbdb;
}

#detail_con .improve_sidedish div.con {
    min-height: 120px;
}

#detail_con .improve_sidedish div.con p.sblet {
    margin-top: 10px;
}

#detail_con .improve_habit>p {
    margin: 4% 1% 3%;
    text-align: center;
    font: bold 28px 'Nanum Myeongjo', '나눔명조';
    color: #7c340e;
}

#detail_con .improve_habit>ul>li {
    padding: 25px;
    padding-left: 170px;
    min-height: 90px;
    border-top: 1px dotted #ccc;
    background-position: 20px center;
    background-repeat: no-repeat;
}

#detail_con .improve_habit>ul>li:first-child {
    border-top: 0px;
}

#detail_con .improve_habit>ul>li p.tit {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: bold;
    color: #2b5cc1;
}

#detail_con .improve_habit>ul>li .sssblet {
    margin-bottom: 1px;
}

#detail_con .improve_habit ul.home>li.ic01 {
    background-image: url(/main/images/contents/part/improve_habit_ic01.gif);
}

#detail_con .improve_habit ul.home>li.ic02 {
    background-image: url(/main/images/contents/part/improve_habit_ic02.gif);
}

#detail_con .improve_habit ul.home>li.ic03 {
    background-image: url(/main/images/contents/part/improve_habit_ic03.gif);
}

#detail_con .improve_habit ul.home>li.ic04 {
    background-image: url(/main/images/contents/part/improve_habit_ic04.gif);
}

#detail_con .improve_habit ul.home>li.ic05 {
    background-image: url(/main/images/contents/part/improve_habit_ic05.gif);
}

#detail_con .improve_habit ul.home>li.ic06 {
    background-image: url(/main/images/contents/part/improve_habit_ic06.gif);
}

#detail_con .improve_habit ul.home>li.ic07 {
    background-image: url(/main/images/contents/part/improve_habit_ic07.gif);
}

#detail_con .improve_habit ul.home>li.ic08 {
    background-image: url(/main/images/contents/part/improve_habit_ic08.gif);
}

#detail_con .improve_habit ul.customer>li.ic01 {
    background-image: url(/main/images/contents/part/improve_habit02_ic01.gif);
}

#detail_con .improve_habit ul.customer>li.ic02 {
    background-image: url(/main/images/contents/part/improve_habit02_ic02.gif);
}

#detail_con .improve_habit ul.customer>li.ic03 {
    background-image: url(/main/images/contents/part/improve_habit02_ic03.gif);
}

#detail_con .improve_habit ul.customer>li.ic04 {
    background-image: url(/main/images/contents/part/improve_habit02_ic04.gif);
}

#detail_con .improve_habit ul.customer>li.ic05 {
    background-image: url(/main/images/contents/part/improve_habit02_ic05.gif);
}

#detail_con .improve_habit ul.customer>li.ic06 {
    background-image: url(/main/images/contents/part/improve_habit02_ic06.gif);
}

#detail_con .improve_habit ul.customer>li.ic07 {
    background-image: url(/main/images/contents/part/improve_habit02_ic07.gif);
}

#detail_con .improve_habit ul.customer>li.ic08 {
    background-image: url(/main/images/contents/part/improve_habit02_ic08.gif);
}

#detail_con .improve_habit ul.owner>li.ic01 {
    background-image: url(/main/images/contents/part/improve_habit03_ic01.gif);
}

#detail_con .improve_habit ul.owner>li.ic02 {
    background-image: url(/main/images/contents/part/improve_habit03_ic02.gif);
}

#detail_con .improve_habit ul.owner>li.ic03 {
    background-image: url(/main/images/contents/part/improve_habit03_ic03.gif);
}

#detail_con .improve_habit ul.owner>li.ic04 {
    background-image: url(/main/images/contents/part/improve_habit03_ic04.gif);
}

#detail_con .improve_habit ul.owner>li.ic05 {
    background-image: url(/main/images/contents/part/improve_habit03_ic05.gif);
}

#detail_con .improve_habit ul.owner>li.ic06 {
    background-image: url(/main/images/contents/part/improve_habit03_ic06.gif);
}

#detail_con .improve_habit ul.owner>li.ic07 {
    background-image: url(/main/images/contents/part/improve_habit03_ic07.gif);
}

#detail_con .improve_habit ul.owner>li.ic08 {
    background-image: url(/main/images/contents/part/improve_habit03_ic08.gif);
}

#detail_con .improve_habit ul.provide>li.ic01 {
    background-image: url(/main/images/contents/part/improve_habit04_ic01.gif);
}

#detail_con .improve_habit ul.provide>li.ic02 {
    background-image: url(/main/images/contents/part/improve_habit04_ic02.gif);
}

#detail_con .improve_habit ul.provide>li.ic03 {
    background-image: url(/main/images/contents/part/improve_habit04_ic03.gif);
}

#detail_con .improve_habit ul.provide>li.ic04 {
    background-image: url(/main/images/contents/part/improve_habit04_ic04.gif);
}

#detail_con .improve_habit ul.provide>li.ic05 {
    background-image: url(/main/images/contents/part/improve_habit04_ic05.gif);
}

#detail_con .improve_habit ul.provide>li.ic06 {
    background-image: url(/main/images/contents/part/improve_habit04_ic06.gif);
}

#detail_con .improve_habit ul.provide>li.ic07 {
    background-image: url(/main/images/contents/part/improve_habit04_ic07.gif);
}

#detail_con .improve_habit ul.provide>li.ic08 {
    background-image: url(/main/images/contents/part/improve_habit04_ic08.gif);
}

#detail_con .food {
    margin-bottom: 30px;
    padding: 4% 5%;
    background: #fdfdfd;
    border: 1px solid #dbdbdb;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-shadow: 0px 3px 0px #eee;
}

#detail_con .food ul {
    overflow: hidden;
}

#detail_con .food ul li {
    display: table;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    width: 33%;
    border-top: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
}

#detail_con .food ul li.ic01 {
    padding-bottom: 10px;
}

#detail_con .food ul li.ic02 {
    padding-bottom: 10px;
}

#detail_con .food ul li.ic03 {
    padding-bottom: 10px;
}

#detail_con .food ul li.ic04 {
    padding-top: 20px;
}

#detail_con .food ul li.ic05 {
    padding-top: 20px;
}

#detail_con .food ul li.ic06 {
    padding-top: 20px;
}

#detail_con .food ul li p {
    padding: 100px 5% 0px;
    background-position: center top;
    background-repeat: no-repeat;
}

#detail_con .food ul li.ic01 p {
    background-image: url(/main/images/contents/part/food_ic01.gif);
}

#detail_con .food ul li.ic02 p {
    background-image: url(/main/images/contents/part/food_ic02.gif);
}

#detail_con .food ul li.ic03 p {
    background-image: url(/main/images/contents/part/food_ic03.gif);
}

#detail_con .food ul li.ic04 p {
    background-image: url(/main/images/contents/part/food_ic04.gif);
}

#detail_con .food ul li.ic05 p {
    background-image: url(/main/images/contents/part/food_ic05.gif);
}

#detail_con .food ul li.ic06 p {
    background-image: url(/main/images/contents/part/food_ic06.gif);
}

#detail_con .food ul li p {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    text-align: center;
    font-weight: bold;
}

#detail_con .roadname_find {
    margin-top: 20px;
    overflow: hidden;
}

#detail_con .roadname_find>p {
    float: left;
    width: 50%;
    text-align: center;
}

#detail_con .roadname_find>ul {
    float: left;
    margin-top: 5%;
    width: 48%;
}

#detail_con .develop {
    display: inline-block;
    border: 1px solid #dbdbdb;
    padding: 6px;
    text-align: center;
}

#detail_con .develop>img {
    border: 1px solid #dbdbdb;
    vertical-align: top;
}

#detail_con .sanitation_sign {
    margin-bottom: 20px;
    overflow: hidden;
}

#detail_con .sanitation_sign li {
    float: left;
    margin: 1% .4%;
    width: 32%;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 0px #eee;
}

#detail_con .sanitation_sign li p.img {
    padding: 10% 3%;
    text-align: center;
}

#detail_con .sanitation_sign li p.txt {
    padding: 4% 3%;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #ccc;
    background: #fbfbfb;
}

#detail_con .sssblet dl.help_phone {
    display: flex;
}

#detail_con .sssblet dl.help_phone dt {
    min-width: 115px;
}

#detail_con .corona_team {
    display: flex;
    justify-content: space-between;
}

#detail_con .corona_team .list2 {
    display: flex;
}

#detail_con .ver_top {
    vertical-align: top !important;
}

/*날씨*/
#detail_con .weatherBox h4 {
    margin-top: 10px;
    padding-left: 50px;
    background: url('/main/images/contents/yeonsu/symbol_mark.gif') no-repeat left center;
    background-size: 42px 33px;
}

#detail_con .weatherBox .datatable table thead th {
    color: #fff;
    background: #223870;
    border-color: #576da5;
}

#detail_con .weatherBox .title {
    padding: 3px 10px;
    text-align: right;
    color: #1755bb;
    font-weight: 600;
}

#detail_con .weatherBox .weather_info {
    display: block;
    overflow: hidden;
}

#detail_con .weatherBox .weather_info li {
    display: inline-block;
    overflow: hidden;
    width: 15.3%;
    text-align: center;
    margin: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .32);
    background: #f8f8f8;
    border-radius: 7px;
}

#detail_con .weatherBox .weather_info li div p {
    display: block;
}

#detail_con .weatherBox .weather_info li div .tit {
    padding: 10px 0;
    margin-bottom: 10px;
    font-size: 17px;
    color: #fff;
    background: linear-gradient(to right bottom, #1c326a, #1555c0);
    font-weight: 600;
}

#detail_con .weatherBox .weather_info li div .info {
    font-size: 16px;
    font-weight: 600;
}

#detail_con .weatherBox .weather_info li div .weatherdata {
    margin-bottom: 7px;
    font-size: 13px;
    letter-spacing: -.7px;
}

#detail_con .weatherBox .weather_info .w_good {
    color: #2266d6;
}

/*좋음/아주좋음*/
#detail_con .weatherBox .weather_info .w_normal {
    color: #418b05;
}

/*보통*/
#detail_con .weatherBox .weather_info .w_bad {
    color: #e3172f;
}

/*나쁨/매우나쁨*/
#detail_con .green_box {
    overflow: hidden;
    margin-top: 15px;
}

#detail_con .green_box li {
    float: left;
    text-align: center;
    padding: 2% 3%;
    width: 20%;
}

#detail_con .green_box li:nth-of-type(1),
.green_box li:nth-last-of-type(1) {
    background: #fbfbfb;
    border: 1px solid #d4d4d4;
}

#detail_con .green_box li:nth-of-type(2) {
    position: relative;
    width: 40%;
}

#detail_con .green_box li:nth-of-type(2) span {
    position: absolute;
    left: 10%;
    width: 40px;
    height: 1px;
    margin-left: 3px;
    margin-top: 10px;
    background-color: #333;
    text-indent: -5000px;
    font-size: 0;
}

#detail_con .green_box li:nth-of-type(2) span:before {
    content: '';
    position: absolute;
    left: 1px;
    top: -5px;
    width: 10px;
    height: 10px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#detail_con .green_box li:nth-of-type(2) span:nth-of-type(2) {
    left: auto;
    right: 10%;
}

#detail_con .green_box li:nth-of-type(2) span:nth-of-type(2):before {
    left: auto;
    right: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/***** 참여알림 ******/
#detail_con .ys_story {
    overflow: hidden;
    width: 100%;
    margin-left: -190px;
    margin-bottom: -50px;
}

#detail_con .ysstory_img {
    text-align: center;
    margin-left: -190px;
}

#detail_con .ys_story img {
    float: left;
    text-align: center;
    margin: 0 3%;
}

#detail_con .ys_story .txt {
    float: left;
    width: 53%;
    margin-top: 25px;
}

#detail_con .ys_story .txt p {
    margin-bottom: 10px;
}

/***** 연수소개 *****/
#detail_con .historyBox {
    position: relative;
    padding-bottom: 80px;
    background: url(/main/images/contents/yeonsu/history_bgB.gif) no-repeat right bottom;
}

#detail_con .historyBox>div {
    position: relative;
    background: #fbfbfb;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

#detail_con .historyBox .img {
    position: absolute;
    width: 40.5%;
}

#detail_con .historyBox .con {
    margin-left: 40.5%;
    padding: 4.5% 4.5% 4%;
    width: 50%;
    background: url(/main/images/contents/yeonsu/history_bg.gif) repeat-y left top;
}

#detail_con .historyBox .con .slogan {
    position: relative;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#detail_con .historyBox .con .slogan p {
    text-align: center;
}

#detail_con .historyBox .con .slogan p.txt1 {
    font-weight: bold;
}

#detail_con .historyBox .con .slogan p.txt2 {
    font-size: 23.5px;
    font-weight: bold;
    color: #5369c9;
}

#detail_con .historyBox .con .slogan p:before,
#detail_con .historyBox .con .slogan p:after {
    display: block;
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #aaa;
    border-radius: 5px;
}

#detail_con .historyBox .con .slogan p.txt1:before {
    top: -3px;
    left: 0px;
}

#detail_con .historyBox .con .slogan p.txt1:after {
    top: -3px;
    right: 0px;
}

#detail_con .historyBox .con .slogan p.txt2:before {
    bottom: -3px;
    left: 0px;
}

#detail_con .historyBox .con .slogan p.txt2:after {
    bottom: -3px;
    right: 0px;
}

#detail_con .historyBox .con .slogan p.txt1 span {
    display: inline-block;
    content: '';
    margin-top: -1px;
    padding-top: 20px;
    border-top: 1px solid #5369c9;
}

#detail_con .historyBox .con .slogan p.txt2 span {
    display: inline-block;
    content: '';
    margin-bottom: -1px;
    padding-bottom: 18px;
    border-bottom: 1px solid #5369c9;
}

#detail_con .historyBox .con .txt {
    padding: 6.5% 1% 0%;
}

#detail_con .historyBox:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 77px;
    left: .25%;
    width: 99.5%;
    height: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#detail_con .historyBox:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 74px;
    left: .5%;
    width: 99%;
    height: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#detail_con .history {
    position: relative;
    top: -50px;
    clear: both;
}

#detail_con .history p.year {
    padding: 3px 0px;
    width: 120px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #3161c2;
    border-radius: 50px;
}

#detail_con .history p.year.now {
    padding: 2px 0px;
    border: 1px solid #3161c2;
    background: #fff;
    color: #3161c2;
}

#detail_con .history ul {
    position: relative;
    margin-bottom: 20px;
    margin-left: 55px;
}

#detail_con .history ul:after {
    display: block;
    content: '';
    position: absolute;
    top: 7px;
    left: 4px;
    width: 6px;
    height: 100%;
    border-radius: 20px;
    background: #f5f5f5;
    z-index: -1;
}

#detail_con .history ul li {
    padding: 30px 0px 0px;
    overflow: hidden;
}

#detail_con .history ul li .date {
    position: relative;
    float: left;
    width: 90px;
    padding-left: 25px;
    text-align: right;
    font-size: 17px;
    font-weight: bold;
    color: #3161c2;
}

#detail_con .history ul li .date:after {
    display: block;
    content: '';
    position: absolute;
    top: 7px;
    left: 0px;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    background: #3161c2;
}

#detail_con .history ul li.sameyear {
    padding-top: 10px;
}

#detail_con .history ul li.sameyear .date:after {
    width: 12px;
    height: 12px;
    left: 1px;
    background: #9cc2dd;
}

#detail_con .history ul li .con {
    float: left;
    margin-top: 2px;
    padding-left: 20px;
}

#detail_con .flow {
    padding: 5%;
    margin-top: 20px;
    background: url(/main/images/contents/yeonsu/flow_bg.gif) repeat left top;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .2);
}

#detail_con .flow .relic {
    text-align: center;
}

#detail_con .flow .relic li {
    display: inline-block;
    position: relative;
    margin: 2% 3%;
}

#detail_con .flow .relic li p.img {
    padding: 4px;
    border: 1px solid #b2b2b2;
}

#detail_con .flow .relic li p.img img {
    border: 1px solid #888;
    box-sizing: border-box;
}

#detail_con .flow .relic li p.num {
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    width: 34px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    background: rgba(0, 0, 0, .7);
}

#detail_con .flow .con p.tit {
    margin: 1% 0%;
    font-size: 18px;
    font-weight: bold;
    color: #5369c9;
}

#detail_con .district {
    margin-bottom: 30px;
    padding: 4% 5%;
    background: #fdfdfd;
    text-align: center;
    border: 1px solid #dbdbdb;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-shadow: 0px 4px 0px #eee;
}

#detail_con .district_law {
    margin-top: 10px;
}

#detail_con .district_law dl {
    border: 1px solid #dbdbdb;
}

#detail_con .district_law dl dt {
    padding: 15px 3% 15px 80px;
    font-weight: bold;
    font-size: 22px;
    border-bottom: 1px solid #dbdbdb;
    background: url(/main/images/contents/yeonsu/district_law_ic01.gif) no-repeat 30px center;
}

#detail_con .district_law dl dt span {
    font-size: 15px;
    color: #517bac;
    font-weight: normal;
}

#detail_con .district_law dl dd {
    padding: 15px 3% 15px 80px;
    background: url(/main/images/contents/yeonsu/district_law_ic02.gif) no-repeat 28px 15px;
}

#detail_con .symbol_mark {
    margin-top: 10px;
    padding: 7% 5%;
    text-align: center;
    border: 1px solid #ccc;
    background: url(/main/images/contents/yeonsu/symbol_bg.gif) repeat center;
}

#detail_con .symbol li {
    padding: 20px 0px;
    border-top: 1px dotted #aaa;
    overflow: hidden;
}

#detail_con .symbol li:first-child {
    border-top: 0px;
}

#detail_con .symbol li p {
    float: left;
    width: 30%;
}

#detail_con .symbol li p img {
    border: 1px solid #dbdbdb;
}

#detail_con .symbol li dl {
    float: left;
    width: 70%;
}

#detail_con .symbol li dl dt {
    margin-top: 5px;
    margin-bottom: 20px;
}

#detail_con .symbol li dl dt span {
    display: inline-block;
    padding-top: 20px;
    padding-left: 80px;
    min-height: 55px;
    font-weight: bold;
    font-size: 22px;
    background-repeat: no-repeat;
    background-position: left top;
}

#detail_con .symbol li.ic01 dl dt span {
    background-image: url(/main/images/contents/yeonsu/symbol_ic01.gif);
}

#detail_con .symbol li.ic02 dl dt span {
    background-image: url(/main/images/contents/yeonsu/symbol_ic02.gif);
}

#detail_con .symbol li.ic03 dl dt span {
    background-image: url(/main/images/contents/yeonsu/symbol_ic03.gif);
}

#detail_con .logo li {
    float: left;
    padding: 7% 5%;
    margin: 10px .5% 0% 1.5%;
    width: 37%;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 0px #eee;
}

#detail_con .logo li.symbol_mark {
    float: right;
}

#detail_con .logo_color {
    margin-top: 10px;
    overflow: hidden;
}

#detail_con .logo_color li {
    float: left;
    margin: .5%;
    width: 13.25%;
    text-align: center;
}

#detail_con .logo_signature {
    margin-bottom: 20px;
    overflow: hidden;
}

#detail_con .logo_signature li {
    float: left;
    margin: 1% .4%;
    width: 23.5%;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 0px #eee;
}

#detail_con .logo_signature.col5 li {
    width: 18.5%;
}

#detail_con .logo_signature li p.img {
    padding: 15% 3%;
    text-align: center;
}

#detail_con .logo_signature li p.txt {
    padding: 5% 3%;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #ccc;
    background: #fbfbfb;
}


#detail_con .logo30th {
    width: 60%;
    padding: 4% 0;
    margin: 20px auto;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 0px #eee;
}

#detail_con .logo30th_signature {
    display: flex;
    gap: 1%;
    margin-bottom: 20px;
    margin-top: 25px;
    margin-left: 13px;
}

#detail_con .logo30th_signature>li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25%;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 0px #eee;
}

#detail_con .logo30th_signature li p.img {
    display: flex;
    justify-content: center;
    padding: 20px 10px;
    flex-grow: 1;
    padding: 25%;
}

#detail_con .logo30th_signature li p.txt {
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    border-top: 1px solid #ccc;
    background: #fbfbfb;
}




#detail_con .life {
    overflow: hidden;
}

#detail_con .life li {
    float: left;
    margin: 1%;
    width: 22.5%;
    border: 1px solid #86a1ca;
}

#detail_con .life li p {
    padding: 7px;
    text-align: center;
    font-weight: bold;
}

#detail_con .life li p.q {
    background: #f1f5fe;
    border-bottom: 1px dotted #86a1ca;
}

#detail_con .life li p.a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 110px;
    height: 40px;
    line-height: 20px;
}

#detail_con .life li.ic01 p.a {
    background: url(/main/images/contents/yeonsu/life_ic01.gif) no-repeat center 20px;
}

#detail_con .life li.ic02 p.a {
    background: url(/main/images/contents/yeonsu/life_ic02.gif) no-repeat center 20px;
}

#detail_con .life li.ic03 p.a {
    background: url(/main/images/contents/yeonsu/life_ic03.gif) no-repeat center 20px;
}

#detail_con .life li.ic04 p.a {
    background: url(/main/images/contents/yeonsu/life_ic04.gif) no-repeat center 20px;
}

#detail_con .life li.ic05 p.a {
    background: url(/main/images/contents/yeonsu/life_ic05.gif) no-repeat center 20px;
}

#detail_con .life li.ic06 p.a {
    background: url(/main/images/contents/yeonsu/life_ic06.gif) no-repeat center 20px;
}

#detail_con .life li.ic07 p.a {
    background: url(/main/images/contents/yeonsu/life_ic07.gif) no-repeat center 20px;
}

#detail_con .life li.ic08 p.a {
    background: url(/main/images/contents/yeonsu/life_ic08.gif) no-repeat center 20px;
}

#detail_con .life li.ic09 p.a {
    background: url(/main/images/contents/yeonsu/life_ic09.gif) no-repeat center 20px;
}

#detail_con .life li.ic10 p.a {
    background: url(/main/images/contents/yeonsu/life_ic10.gif) no-repeat center 20px;
}

#detail_con .life li.ic11 p.a {
    background: url(/main/images/contents/yeonsu/life_ic11.gif) no-repeat center 20px;
}

#detail_con .life li.ic12 p.a {
    background: url(/main/images/contents/yeonsu/life_ic12.gif) no-repeat center 20px;
}

#detail_con .life li.ic13 p.a {
    background: url(/main/images/contents/yeonsu/life_ic13.gif) no-repeat center 20px;
}

#detail_con .life li.ic14 p.a {
    background: url(/main/images/contents/yeonsu/life_ic14.gif) no-repeat center 20px;
}

#detail_con .life li.ic15 p.a {
    background: url(/main/images/contents/yeonsu/life_ic15.gif) no-repeat center 20px;
}

#detail_con .life li.ic16 p.a {
    background: url(/main/images/contents/yeonsu/life_ic16.gif) no-repeat center 20px;
}

#detail_con .organ.organ1 {
    margin-top: 3%;
    background: url(/main/images/contents/yeonsu/organization_bg5.gif) no-repeat left 5px top 0;

}

#detail_con .organ .rank1,
#detail_con .organ .rank2 {
    margin: 0% auto 5%;
    width: 50%;
    max-width: 195px;
}

#detail_con .organ .rank1 a {
    display: block;
    padding: 20px 0px;
    text-align: center;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    color: #fff;
    border: 4px solid #4c7de3;
    background: #2b5cc1 url(/main/images/sub/leftmenu_titbg.gif) no-repeat 200% 300%;
    box-shadow: 0px 1px 0px #a67560;
}

#detail_con .organ .rank2 a {
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #202125;
    background: #43464d;
}

#detail_con .organ .rank2+ul {
    padding-top: 4%;
    overflow: hidden;
}

#detail_con .organ .rank2+ul>li {
    float: left;
    margin: .5%;
    width: 24%;
}

#detail_con .organ .rank2+ul.col5>li {
    float: left;
    margin: .5%;
    width: 19%;
    /* width:15.6%;  */
}

#detail_con .organ .rank2+ul.col7 {
    position: relative;
    background: #fff;
}

#detail_con .organ .rank2+ul.col7::after {
    display: block;
    content: "";
    position: absolute;
    left: 7%;
    top: 0;
    width: 85.4%;
    height: 1px;
    background: #ccc;
}

#detail_con .organ .rank2+ul.col7>li {
    position: relative;
    float: left;
    margin: .2%;
    width: 13.8%;
}

#detail_con .organ .rank2+ul.col7>li::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: -46px;
    width: 1px;
    height: 46px;
    margin-left: -0.5px;
    background: #ccc;
}

#detail_con .organ .rank3 {
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #153d66;
    background: #367dc6;
}

#detail_con .organ .rank3+ul {
    min-height: 300px;
    background: #fbfcfd;
    border: 1px solid #cccfd2;
    border-bottom: 1px solid #aba9ae;
    border-top: 0px;
}

#detail_con .organ .rank3+ul>li {
    border-bottom: 1px dotted #cccfd2;
}

#detail_con .organ .rank3+ul>li.bdB_no {
    border-bottom: 0px;
}

#detail_con .organ .rank3+ul>li a {
    display: block;
    padding: 6px 5px 6px 24px;
    color: #293e54;
    background: url(/main/images/contents/yeonsu/organization_blet.gif) no-repeat 15px 15px;
}

#detail_con .organ .rank3+ul>li a:hover {
    font-weight: bold;
}

#detail_con .organ .rank3+ul>li a:hover span {
    display: inline-block;
    padding-right: 18px;
    background: url(/main/images/contents/yeonsu/organization_link.gif) no-repeat right 6px;
}

#detail_con .organ .rank4 {
    margin-top: 2%;
    overflow: hidden;
}

#detail_con .organ .rank4>li {
    float: left;
    margin: .5%;
    width: 49%;
    /* 24%;  */
}

#detail_con .organ .rank4>li>a,
#detail_con .organ .rank4>li span {
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #71489a;
    background: #8c5cbd;
}

#detail_con .organ .rank4>li>ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1%;
}

#detail_con .organ .rank4>li>ul>li {
    width: 49.5%;
    margin: 0 0 .5% .5%;
    margin-bottom: 1.3%;
}

#detail_con .organ .rank4>li>ul>li a {
    display: block;
    padding: 10px 0px;
    text-align: center;
    background: #fbfdfd;
    border: 1px solid #bbaccb;
}

#detail_con .organ .rank4>li>ul>li a:hover {
    background: #f5f4f7;
}

#detail_con .organ .rank4>li>ul>li:nth-child(odd) {
    margin-left: 0;
}

#detail_con .organ .rank5 {
    margin-top: 2%;
    margin-left: .5%;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #156663;
    background: #20a4b0;
}

#detail_con .organ .rank5+ul {
    margin-top: .7%;
    overflow: hidden;
}

#detail_con .organ .rank5+ul>li {
    float: left;
    margin-left: .5%;
    margin-bottom: .5%;
    width: 19.5%;
}

#detail_con .organ .rank5+ul>li a {
    display: block;
    padding: 10px 0px;
    text-align: center;
    background: #fbfdfd;
    border: 1px solid #92b9b8;
}

#detail_con .organ .rank5+ul>li a:hover {
    background: #eef8f7;
}

#detail_con .location {
    position: relative;
    margin-top: -1px;
    padding: 2% 240px 2% 3%;
    border: 1px solid #ccc;
    background: #fbfbfb;
}

#detail_con .location>ul>li {
    margin: 4px 0px;
    padding-left: 25px;
}

#detail_con .location>ul>li.ic01 {
    background: url(/main/images/contents/ic_place.gif) no-repeat left 3px;
}

#detail_con .location>ul>li.ic02 {
    background: url(/main/images/contents/ic_tel.gif) no-repeat left 3px;
}

#detail_con .location>ul>li span.wfont {
    color: #333;
}

#detail_con .location>p {
    position: absolute;
    right: 2%;
    top: 25%;
}

#detail_con .location_how {
    border-top: 2px solid #2b5cc1;
}

#detail_con .location_how>li {
    display: table;
    width: 100%;
}

#detail_con .location_how>li>div {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px dotted #ccc;
    border-collapse: collapse;
    border-spacing: 0px;
}

#detail_con .location_how>li>div.tit {
    width: 215px;
    border-right: 1px dotted #ccc;
    padding: 20px 0px;
    text-align: center;
}

#detail_con .location_how>li>div.tit p {
    padding-top: 120px;
    background-position: center top;
    background-repeat: no-repeat;
}

#detail_con .location_how>li.ic01>div.tit p {
    background-image: url(/main/images/contents/yeonsu/location_ic01.gif);
}

#detail_con .location_how>li.ic02>div.tit p {
    background-image: url(/main/images/contents/yeonsu/location_ic02.gif);
}

#detail_con .location_how>li.ic03>div.tit p {
    background-image: url(/main/images/contents/yeonsu/location_ic03.gif);
}

#detail_con .location_how>li>div.tit p {
    font-size: 16px;
    font-weight: bold;
    color: #222;
}

#detail_con .location_how>li>div.con {
    padding: 0px 20px 20px;
}

#detail_con .location_how>li>div.con dt {
    margin-bottom: 12px;
}

#detail_con .location_how>li>div.con dd {
    margin-left: 10px;
}

#detail_con .relation {
    position: relative;
    display: table;
    width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}

#detail_con .relation:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -4px;
    left: .5%;
    width: 99%;
    height: 2px;
    border: 1px solid #dbdbdb;
}

#detail_con .relation>div {
    display: table-cell;
    padding: 4% 3%;
    vertical-align: middle;
    border-radius: 5px;
}

#detail_con .relation>div.site {
    width: 40%;
    text-align: center;
    border-right: 1px solid #dbdbdb;
    background: url(/main/images/contents/yeonsu/state_bg1.gif) repeat center center;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#detail_con .relation>div.site img {
    border: 1px solid #dcdcdc;
    box-shadow: 0px 3px 0px #e3e3e3;
}

#detail_con .relation>div.con {
    background: url(/main/images/contents/yeonsu/state_bg2.gif) repeat center center;
}

#detail_con .relation>div.con p.logo {
    display: inline-block;
    margin-bottom: 15px;
    border: 1px solid #dcdcdc;
    background: #fbfbfb;
    box-shadow: 0px 3px 0px #eee;
}

#detail_con .relation>div.con p.logo+ul {
    margin-left: 3px;
}

#detail_con .relation>div.con .purpose {
    margin-top: 7px;
    overflow: hidden;
}

#detail_con .relation>div.con .purpose li {
    float: left;
    min-width: 45%;
}

#detail_con .relation>div.con .purpose li span {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    line-height: 20px;
    border-radius: 2px;
    text-align: center;
    background: #75665f;
    color: #fff;
    font-weight: bold;
}

#detail_con .spot_list>li {
    position: relative;
    margin: 20px 0px;
    padding: 4%;
    border: 1px solid #ccc;
    border-radius: 5px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#detail_con .spot_list>li:before {
    display: block;
    content: '';
    position: absolute;
    top: .5%;
    right: -3px;
    width: 1px;
    height: 98%;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}

#detail_con .spot_list>li:after {
    display: block;
    content: '';
    clear: both;
}

#detail_con .spot_list>li .img {
    float: left;
    width: 25%;
}

#detail_con .spot_list>li .con {
    float: right;
    width: 73%;
}

#detail_con .spot_list.photo40>li .img {
    width: 45%;
}

#detail_con .spot_list.photo40>li .con {
    width: 53%;
}

#detail_con .spot_list>li .con .sblet {
    margin-top: 0px;
}

#detail_con .graph_img {
    margin: 30px auto;
}

#detail_con .hof {
    margin-top: 40px;
}

#detail_con .hof ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 18px;
}

#detail_con .hof ul li {
    flex: 0 0 32%;
    border-radius: 8px;
    overflow: hidden;
}

#detail_con .hof ul li div.hof-box {
    position: relative;
    height: 210px;
    background: url(/main/images/contents/yeonsu/hof-bg.jpg) no-repeat left;
}

#detail_con .hof ul li div.hof-box::before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0px;
    right: 8px;
    width: 97px;
    height: 100px;
    background: url(/main/images/contents/yeonsu/hof-bg-right.png)no-repeat;
}

#detail_con .hof ul li p {
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    word-break: keep-all;
}

#detail_con .hof ul li p.name {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
    height: 48px;
}

#detail_con .hof ul li p.name::before {
    display: block;
    content: '';
    position: absolute;
    top: 34px;
    left: calc(50% - 17px);
    width: 33px;
    height: 17px;
    background: url(/main/images/contents/yeonsu/hof-ic01.svg)no-repeat;
}

#detail_con .hof ul li p.txt {
    position: relative;
    padding-top: 20px;
    z-index: 1;
}

#detail_con .hof ul li p.amount {
    padding: 12px 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: #9C2C2C;
}

#detail_con .hof ul li p.amount span {
    position: relative;
    padding-left: 32px;
    padding-right: 21px;
}

#detail_con .hof ul li p.amount span::before,
#detail_con .hof ul li p.amount span::after {
    display: block;
    content: '';
    position: absolute;
}

#detail_con .hof ul li p.amount span::before {
    top: 0;
    left: 0;
    width: 28px;
    height: 20px;
    background: url(/main/images/contents/yeonsu/hof-ic02.svg)no-repeat;
}

#detail_con .hof ul li p.amount span::after {
    top: 4px;
    right: 9px;
    width: 1px;
    height: 12px;
    background: #d3d3d3;
}

/**** 옴부즈만 ***/
#detail_con.greeting .top {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 40px;
    background: url('/dong/images/sub/greeting.jpg') no-repeat;
}

#detail_con.greeting .top p {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
}

#detail_con.greeting .top p:first-child {
    color: #2e6a9d;
}

#detail_con.greeting .con {
    margin-top: 30px;
}

#detail_con.greeting .con p {
    margin-bottom: 15px;
}

.ombuds .spot_list>li {
    display: flex;
    padding: 2% 4% !important;
}

.ombuds .spot_list dt.tit {
    margin-bottom: 14px;
    font-size: 1.3em;
    font-weight: bold;
}

.ombuds .spot_list .con {
    display: flex;
    align-items: center;
}

/* .ombuds .txt_p {font-size:1.3em; color:#2b5cc1; font-weight:bold;} */
/***** 이용안내 *****/
/* 로그인 */
#detail_con .login_mem {
    margin-top: 20px;
    background: #fbfbfb;
    border: 5px solid #eee;
}

#detail_con .login_mem .loginBox {
    position: relative;
    margin: 6% 8% 5%;
    padding-left: 200px;
    min-height: 135px;
    background: url(/main/images/contents/guidance/login.gif) no-repeat 4.5% center;
}

#detail_con .login_mem .loginBox ul {
    padding-top: 15px;
}

#detail_con .login_mem .loginBox ul li {
    position: relative;
    margin: 6px 0px;
    padding-left: 110px;
    padding-right: 145px;
}

#detail_con .login_mem .loginBox ul li>span {
    position: absolute;
    width: 95px;
    left: 0px;
    top: 7px;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}

#detail_con .login_mem .loginBox ul li input[type=text],
#detail_con .login_mem .loginBox ul li input[type=password] {
    height: 35px;
    padding: 0px 2%;
    width: 96%;
    line-height: 35px;
    font-size: 17px;
}

#detail_con .login_mem .loginBox .btn_login {
    position: absolute;
    right: 0px;
    top: 21px;
}

#detail_con .login_mem .loginBox .btn_login p {
    position: relative;
    background: #43464e url(/main/images/contents/guidance/btn_loginBg.gif) no-repeat center center;
    width: 138px;
    /* overflow:hidden; */
    padding: 1px;
}

#detail_con .login_mem .loginBox .btn_login p input[type=submit] {
    width: 100%;
    height: 80px;
    text-align: center;
    font-size: 20px;
    background: none;
    border: 0px;
    color: #fff;
    font-weight: bold;
}

#detail_con .login_mem .loginBox .btn_main {
    margin-left: 110px;
    margin-top: 2%;
    color: #fb5f13;
    font-weight: 600;
}

#detail_con .login_mem .loginBox .btn_main a.btn {
    margin-left: 3px;
    vertical-align: middle;
    border: 0;
    color: #fff;
}

#detail_con .login_mem .loginBox .btn_main .btn_back.btn {
    padding: 4px 12px 2px;
    border: 0;
    border-radius: 3px;
    background: #222;
    /*box-shadow:0;*/
}

#detail_con .login_mem .findId {
    margin: 1.5% 4% 0%;
    padding: 3.5% 0%;
    border-top: 1px dotted #c8c8c8;
}

#detail_con .login_mem .findId ul {
    padding: 0px 5px;
    /* overflow:hidden; */
}

#detail_con .login_mem .findId ul:after {
    display: block;
    content: "";
    clear: both;
}

#detail_con .login_mem .findId ul li {
    position: relative;
    float: left;
    width: 50%;
}

#detail_con .login_mem .findId ul li .txt {
    padding-right: 160px;
}

#detail_con .login_mem .findId ul li .txt_join {
    border-right: 1px dotted #ccc;
}

#detail_con .login_mem .findId ul li .txt_find {
    padding: 10px 150px 10px 25px;
}

#detail_con .login_mem .findId ul li .btn_join {
    position: absolute;
    top: 0px;
    right: 25px;
}

#detail_con .login_mem .findId ul li .btn_find {
    position: absolute;
    top: 0px;
    right: 0px;
}

/* 비밀번호 재확인 */
#detail_con .login_mem .loginBox.recheck {
    padding-left: 0;
    padding-top: 155px;
    text-align: center;
    background: url(/main/images/contents/guidance/login.gif) no-repeat top center;
}

#detail_con .login_mem .loginBox.recheck>p.tit {
    font-size: 20px;
    font-weight: bold;
}

#detail_con .login_mem .loginBox.recheck>.info {
    padding: 1% 0 2%;
}

#detail_con .login_mem .loginBox.recheck input[type=password] {
    height: 35px;
    padding: 0px 2%;
    width: 50%;
    line-height: 35px;
    font-size: 17px;
}

#detail_con .login_mem .loginBox.recheck .btn_loginbox {
    margin: 10px auto 0;
    width: 34%;
}

#detail_con .login_mem .loginBox.recheck .btn_login2,
#detail_con .login_mem .loginBox.recheck .btn_loginbox>a {
    display: inline-block;
    width: 48%;
}

#detail_con .login_mem .loginBox.recheck .btn_login2 {
    background: #43464e url(/main/images/contents/guidance/btn_loginBg.gif) no-repeat center;
    overflow: hidden;
}

#detail_con .login_mem .loginBox.recheck .btn_login2 input[type=submit],
#detail_con .login_mem .loginBox.recheck .btn_loginbox>a {
    text-align: center;
    height: 37px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

#detail_con .login_mem .loginBox.recheck .btn_login2 input[type=submit] {
    width: 100%;
    background: none;
    border: 0px;
}

#detail_con .login_mem .loginBox.recheck .btn_loginbox>a {
    margin-left: 1%;
    line-height: 37px;
    background: #888;
    text-decoration: none;
}

/* sns 로그인 */
#detail_con .login_mem .login_sns {
    padding: 2.5% 0;
    text-align: center;
}

#detail_con .login_mem .login_sns li {
    display: inline-block;
    padding: 10px 0;
}

#detail_con .login_mem .login_sns li img {
    width: 183px;
}

#detail_con .login_mem .login_sns li.naver {
    margin-right: 2%
}

#detail_con .login_mem .login_txt {
    text-align: center;
    margin: 0% 4%;
    padding: 2.2% 0%;
    border-top: 1px dotted #c8c8c8;
}

#detail_con .login_mem .login_txt span {
    margin-right: 4px;
    padding: 2px 6px;
    border: 1px solid #2b5cc1;
    border-radius: 6px;
}

#detail_con .login_mem .login_txt a {
    position: relative;
    text-align: center;
    color: #2b5cc1;
    word-break: keep-all;
}

/* #detail_con .login_mem .login_txt a:before, #detail_con .login_mem .login_txt a:after {content:""; position:absolute; right:-10px; top: 4px; width:2px; height:13px; background:#2b5cc1;}
#detail_con .login_mem .login_txt a:before {height:10px; margin-top:-3px; transform:rotate(-45deg);}
#detail_con .login_mem .login_txt a:after {height:10px; margin-top:3px; transform:rotate(45deg);} */
#detail_con .login_mem .login_txt img {
    margin: -2px 0 0 3px;
}

#detail_con .login_mem .modal {
    display: none;
}

#detail_con .login_mem .modal_bg {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 99;
}

#detail_con .login_mem .modal .modal_body {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 1000px;
    height: 60%;
    padding: 55px 30px 75px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    transform: translateX(-50%) translateY(-50%);
    z-index: 999;
}

#detail_con .login_mem .modal .modal_body p.tit {
    color: #333;
    font-size: 30px;
    font-weight: bold;
}

#detail_con .login_mem .modal .modal_body p.nav {
    display: inline-block;
    margin: 10px 0 30px;
    padding: 2px 18px;
    color: #666;
    background-color: #f5f5f5;
    font-size: 22px;
}

#detail_con .login_mem .modal .modal_body p.txt {
    margin: 24px 0 20px;
    color: #497be1;
    font-size: 17px;
    font-weight: bold;
}

#detail_con .login_mem .modal .modal_body .con {
    height: 100%;
    overflow-y: scroll;
}

#detail_con .login_mem .modal .modal_close {
    position: absolute;
    right: -80px;
    top: 0;
    text-align: center;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    width: 60px;
}

#detail_con .login_mem .modal .modal_close span {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: #fff;
}

#detail_con .login_mem .modal .modal_close span:before,
#detail_con .login_mem .modal .modal_close span:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60%;
    height: 1px;
    background: #000;
}

#detail_con .login_mem .modal .modal_close span:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

#detail_con .login_mem .modal .modal_close span:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* 본인확인 */
/* #detail_con .identify { margin-top:20px; overflow:hidden; }
#detail_con .identify>div { float:right; padding:3.2%; width:42.5%; border:1px solid #cecece; }
#detail_con .identify>div:first-child { float:left; }
#detail_con .identify>div:hover { border-color:#bbb; background:#fbfbfb; }
#detail_con .identify>div p.tit { padding:20px 5px 40px; padding-left:110px; border-bottom:1px solid #e4e4e4; font-weight:bold; font-size:24px; color:#222222; }
#detail_con .identify>div:hover p.tit { border-bottom:1px solid #bbb; }
#detail_con .identify>div.phone p.tit { background:url(/main/images/contents/guidance/login_phone.gif) no-repeat 5px top; }
#detail_con .identify>div.ipin p.tit { background:url(/main/images/contents/guidance/login_ipin.gif) no-repeat 5px top; }
#detail_con .identify>div .txt { padding:25px 5px; position:relative; }
#detail_con .identify>div.ipin .txt {  }
#detail_con .identify>div.ipin .txt .wfont { display:block; margin-bottom:5px; }
#detail_con .identify>div.ipin .txt .service { margin-top:8px; color:#ea641b; font-size:14px; }
#detail_con .identify>div.ipin .txt .service .wfont { margin-bottom:1px; }
#detail_con .identify>div p.btn_phone, #detail_con .identify>div p.btn_ipin { text-align:center; } */
#detail_con .login_law {
    margin-top: 2%;
    padding: 3%;
    background: #fbfbfb;
    border: 1px solid #d4d4d4;
}

#detail_con .ic_countion {
    color: #111;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #a6a6a6;
    padding: 20px 15px 20px 65px;
    background: #fbfbfb url(/main/images/contents/ic_caution2.gif) no-repeat 25px center;
}

#detail_con .identify>div .txt .btn_ipinInfo {
    position: absolute;
    bottom: 15px;
    right: 0;
}

#detail_con .identify>div .txt .btn_ipinInfo a.btn {
    font-size: 12px;
    padding: 3px 8px 2px;
}

#detail_con .copyright {
    margin-top: 10px;
    text-align: center;
}

#detail_con .copyright img {
    height: 55px;
}

#detail_con .identify {
    margin-top: 20px;
    overflow: hidden;
}

#detail_con .identify>div {
    float: right;
    padding: 3.2%;
    width: 42.5%;
    border: 1px solid #cecece;
    height: 360px;
}

#detail_con .identify>div:first-child {
    float: left;
}

#detail_con .identify>div:hover {
    border-color: #bbb;
    background: #fbfbfb;
}

#detail_con .identify>div p.tit {
    padding: 100px 0 20px;
    text-align: center;
    border-bottom: 1px dotted #878787;
    background: #f7f7f7;
    font-weight: bold;
    font-size: 24px;
    color: #222222;
}

#detail_con .identify>div:hover p.tit {
    border-bottom: 1px solid #bbb;
}

#detail_con .identify>div.phone p.tit {
    background: url(/main/images/contents/guidance/login_phone.png) no-repeat center top;
}

#detail_con .identify>div.ipin p.tit {
    background: url(/main/images/contents/guidance/login_ipin.png) no-repeat center top;
}

#detail_con .identify>div .txt {
    padding: 25px 5px;
    position: relative;
    text-align: center;
}

#detail_con .identify>div.ipin .txt {}

#detail_con .identify>div.ipin .txt .wfont {
    display: block;
    margin-bottom: 5px;
}

#detail_con .identify>div.ipin .txt .service {
    margin-top: 8px;
    color: #ea641b;
    font-size: 14px;
}

#detail_con .identify>div.ipin .txt .service .wfont {
    margin-bottom: 1px;
}

#detail_con .identify>div p.btn_phone,
#detail_con .identify2>div p.btn_ipin {
    text-align: center;
}

#detail_con .identify>div p.btn_phone a {
    padding: 4px 40px;
}

/* ** */
#detail_con .viewer li {
    position: relative;
    padding: 4% 0px 4% 150px;
    border-top: 1px dotted #ccc;
    background-repeat: no-repeat;
    background-position: 10px center;
}

#detail_con .viewer li:first-child {
    border-top: 0px;
}

#detail_con .viewer li.ic01 {
    background-image: url(/main/images/contents/guidance/viewer_ic01.gif);
}

#detail_con .viewer li.ic02 {
    background-image: url(/main/images/contents/guidance/viewer_ic02.gif);
}

#detail_con .viewer li.ic03 {
    background-image: url(/main/images/contents/guidance/viewer_ic03.gif);
}

#detail_con .viewer li.ic04 {
    background-image: url(/main/images/contents/guidance/viewer_ic04.gif);
}

#detail_con .viewer li.ic05 {
    background-image: url(/main/images/contents/guidance/viewer_ic05.gif);
}

#detail_con .viewer li.ic06 {
    background-image: url(/main/images/contents/guidance/viewer_ic06.gif);
}

#detail_con .viewer li.ic07 {
    background-image: url(/main/images/contents/guidance/viewer_ic07.gif);
}

#detail_con .viewer li.ic08 {
    background-image: url(/main/images/contents/guidance/viewer_ic08.gif);
}

#detail_con .viewer li p.tit {
    position: relative;
    margin-bottom: 7px;
    padding: 0px 130px 7px 35px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #e4e4e4;
}

#detail_con .viewer li.ic01 p.tit {
    background-image: url(/main/images/contents/guidance/viewer_blet01.gif);
}

#detail_con .viewer li.ic02 p.tit {
    background-image: url(/main/images/contents/guidance/viewer_blet02.gif);
}

#detail_con .viewer li.ic03 p.tit {
    background-image: url(/main/images/contents/guidance/viewer_blet03.gif);
}

#detail_con .viewer li.ic04 p.tit {
    background-image: url(/main/images/contents/guidance/viewer_blet04.gif);
}

#detail_con .viewer li.ic05 p.tit {
    background-image: url(/main/images/contents/guidance/viewer_blet05.gif);
}

#detail_con .viewer li.ic06 p.tit {
    background-image: url(/main/images/contents/guidance/viewer_blet06.gif);
}

#detail_con .viewer li.ic07 p.tit {
    background-image: url(/main/images/contents/guidance/viewer_blet07.gif);
}

#detail_con .viewer li.ic08 p.tit {
    background-image: url(/main/images/contents/guidance/viewer_blet08.gif);
}

#detail_con .viewer li p.tit:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0px;
    background: #4d4643;
    width: 26px;
    height: 1px;
}

#detail_con .viewer li p.btn_viewer {
    position: absolute;
    right: 0px;
    top: 38px;
}

#detail_con .popupzone {
    overflow: hidden;
}

#detail_con .popupzone li {
    float: left;
    margin: .5%;
    width: 32.3%;
    text-align: center;
    box-shadow: 1px 2px 1px #ddd;
}

#detail_con .popupzone li img {
    display: block;
    width: 100%;
    height: 200px;
    border: 1px solid #f0f0f0;
}

/* #detail_con .policy h4 {
    margin-top: 80px;
    padding-top: 75px;
    border-top: 1px dashed #ddd;
} */

#detail_con .policy .label {
    margin: 40px 0 70px;
}

#detail_con .policy .label p.tit {
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

#detail_con .policy .labelbox {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#detail_con .policy .labelbox>a {
    position: relative;
    text-align: center;
    width: 23%;
    margin-bottom: 24px;
    padding: 140px 30px 20px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 9px rgba(22, 71, 170, .15);
    box-sizing: border-box;
}

#detail_con .policy .labelbox>a:hover {
    border: 1px solid #2b5cc1;
}

#detail_con .policy .labelbox>a.label01 {
    background-image: url(/main/images/contents/guidance/policy_label1.png);
}

#detail_con .policy .labelbox>a.label02 {
    background-image: url(/main/images/contents/guidance/policy_label2.png);
}

#detail_con .policy .labelbox>a.label03 {
    background-image: url(/main/images/contents/guidance/policy_label3.png);
}

#detail_con .policy .labelbox>a.label04 {
    background-image: url(/main/images/contents/guidance/policy_label4.png);
}

#detail_con .policy .labelbox>a.label05 {
    background-image: url(/main/images/contents/guidance/policy_label5.png);
}

#detail_con .policy .labelbox>a.label06 {
    background-image: url(/main/images/contents/guidance/policy_label6.png);
}

#detail_con .policy .labelbox>a.label07 {
    background-image: url(/main/images/contents/guidance/policy_label7.png);
}

#detail_con .policy .labelbox>a.label08 {
    background-image: url(/main/images/contents/guidance/policy_label8.png);
}

/* #detail_con .policy .labelbox>a.label01 { background-image:url(/main/images/contents/guidance/policy_label01.gif); }
#detail_con .policy .labelbox>a.label02 { background-image:url(/main/images/contents/guidance/policy_label02.gif); }
#detail_con .policy .labelbox>a.label03 { background-image:url(/main/images/contents/guidance/policy_label03.gif); }
#detail_con .policy .labelbox>a.label04 { background-image:url(/main/images/contents/guidance/policy_label04.gif); }
#detail_con .policy .labelbox>a.label05 { background-image:url(/main/images/contents/guidance/policy_label05.gif); }
#detail_con .policy .labelbox>a.label06 { background-image:url(/main/images/contents/guidance/policy_label06.gif); } */
#detail_con .policy .labelbox>a .label_layer {
    display: none;
    text-align: left;
}

#detail_con .policy .labelbox>a.on .label_layer {
    display: block;
}

#detail_con .policy .labelbox>a .label_layer {
    position: absolute;
    top: 0;
    left: 105%;
    width: 350px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    z-index: 999;
}

#detail_con .policy .labelbox>a:nth-child(3n) .label_layer {
    left: -136%;
}

#detail_con .policy .labelbox>a .label_layer .label_top {
    padding: 10px 20px;
    background: #2b5cc1;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-weight: bold;
}

#detail_con .policy .labelbox>a .label_layer .label_txt {
    padding: 20px;
}

#detail_con .policy .labelbox>a .label_layer .label_txt p {
    margin-bottom: 10px;
}

#detail_con .policy .labelbox>a .label_layer .label_txt .sssblet {
    font-size: 14px;
}

#detail_con .policy .labelbox>a .label_layer .label_txt .sssblet ul li {
    display: inline-block;
    width: 49%;
    font-size: 12px;
}

#detail_con .policy .constiution {
    padding: 5%;
}

#detail_con .policy .constiution .tit {
    margin-bottom: 40px;
}

#detail_con .policy .stit {
    padding: 8px 0px 8px 58px;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
    font-size: 16px;
}

#detail_con .policy .ic01 {
    background-image: url(/main/images/contents/guidance/policy_ic01.gif);
}

#detail_con .policy .ic02 {
    background-image: url(/main/images/contents/guidance/policy_ic08.gif);
}

#detail_con .policy .ic03 {
    background-image: url(/main/images/contents/guidance/policy_ic02.gif);
}

#detail_con .policy .ic04 {
    background-image: url(/main/images/contents/guidance/policy_ic03.gif);
}

#detail_con .policy .ic05 {
    background-image: url(/main/images/contents/guidance/policy_ic08.gif);
}

#detail_con .policy .ic06 {
    background-image: url(/main/images/contents/guidance/policy_ic04.gif);
}

#detail_con .policy .ic07 {
    background-image: url(/main/images/contents/guidance/policy_ic05.gif);
}

#detail_con .policy .ic08 {
    background-image: url(/main/images/contents/guidance/policy_ic06.gif);
}

#detail_con .policy .ic09 {
    background-image: url(/main/images/contents/guidance/policy_ic11.gif);
}

#detail_con .policy .ic10 {
    background-image: url(/main/images/contents/guidance/policy_ic08.gif);
}

#detail_con .policy .ic11 {
    background-image: url(/main/images/contents/guidance/policy_ic09.gif);
}

#detail_con .policy .ic12 {
    background-image: url(/main/images/contents/guidance/policy_ic10.gif);
}

#detail_con .policy .ic13 {
    background-image: url(/main/images/contents/guidance/policy_ic11.gif);
}

#detail_con .policy .ic14 {
    background-image: url(/main/images/contents/guidance/policy_ic12.gif);
}

#detail_con .policy .ic15 {
    background-image: url(/main/images/contents/guidance/policy_ic09.gif);
}

#detail_con .policy .ic16 {
    background-image: url(/main/images/contents/guidance/policy_ic13.gif);
}

/* #detail_con .policy .ic01 { background-image:url(/main/images/contents/guidance/policy_ic01.gif); }
#detail_con .policy .ic02 { background-image:url(/main/images/contents/guidance/policy_ic02.gif); }
#detail_con .policy .ic03 { background-image:url(/main/images/contents/guidance/policy_ic03.gif); }
#detail_con .policy .ic04 { background-image:url(/main/images/contents/guidance/policy_ic04.gif); }
#detail_con .policy .ic05 { background-image:url(/main/images/contents/guidance/policy_ic05.gif); }
#detail_con .policy .ic06 { background-image:url(/main/images/contents/guidance/policy_ic06.gif); }
#detail_con .policy .ic07 { background-image:url(/main/images/contents/guidance/policy_ic07.gif); }
#detail_con .policy .ic08 { background-image:url(/main/images/contents/guidance/policy_ic08.gif); }
#detail_con .policy .ic09 { background-image:url(/main/images/contents/guidance/policy_ic09.gif); }
#detail_con .policy .ic10 { background-image:url(/main/images/contents/guidance/policy_ic10.gif); }
#detail_con .policy .ic11 { background-image:url(/main/images/contents/guidance/policy_ic11.gif); }
#detail_con .policy .ic12 { background-image:url(/main/images/contents/guidance/policy_ic12.gif); }
#detail_con .policy .ic13 { background-image:url(/main/images/contents/guidance/policy_ic13.gif); } */
#detail_con .policy .labelbox>a.label04 .label_layer {
    right: 0;
    left: auto;
}

#detail_con .policy .labelbox>a.label08 .label_layer {
    right: 0;
    left: auto;
}

#detail_con .policyNew .label {
    margin: 40px 0 70px;
}

#detail_con .policyNew .label p.tit {
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

#detail_con .policyNew .labelbox {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#detail_con .policyNew .labelbox>a {
    position: relative;
    text-align: center;
    width: 23%;
    margin-bottom: 24px;
    padding: 20px 30px 20px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 9px rgba(22, 71, 170, .15);
    box-sizing: border-box;
}

#detail_con .policyNew .labelbox>a:hover {
    border: 1px solid #2b5cc1;
}

#detail_con .policyNew .labelbox>a .label_layer {
    display: none;
    text-align: left;
}

#detail_con .policyNew .labelbox>a.on .label_layer {
    display: block;
}

#detail_con .policyNew .labelbox>a .label_layer {
    position: absolute;
    top: 0;
    left: 105%;
    width: 350px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    z-index: 999;
}

#detail_con .policyNew .labelbox>a:nth-child(3n) .label_layer {
    left: -136%;
}

#detail_con .policyNew .labelbox>a .label_layer .label_top {
    padding: 10px 20px;
    background: #2b5cc1;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-weight: bold;
}

#detail_con .policyNew .labelbox>a .label_layer .label_txt {
    padding: 20px;
}

#detail_con .policyNew .labelbox>a .label_layer .label_txt p {
    margin-bottom: 10px;
}

#detail_con .policyNew .labelbox>a .label_layer .label_txt .sssblet {
    font-size: 14px;
}

#detail_con .policyNew .labelbox>a .label_layer .label_txt .sssblet ul li {
    display: inline-block;
    width: 49%;
    font-size: 12px;
}

#detail_con .policyNew .constiution {
    padding: 5%;
}

#detail_con .policyNew .constiution .tit {
    margin-bottom: 40px;
}

#detail_con .policyNew .stit {
    font-weight: bold;
    font-size: 16px;
}

#detail_con .policyNew .labelbox>a.label04 .label_layer {
    right: 0;
    left: auto;
}

#detail_con .policyNew .labelbox>a.label08 .label_layer {
    right: 0;
    left: auto;
}


/* 송도관리단 */
#detail_con .hygiene_list {
    display: flex;
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #ddd;
}

#detail_con .hygiene_list .con_img {
    width: 30%;
    margin-right: 20px;
}

#detail_con .hygiene_list .con {
    width: 60%;
}

#detail_con .hygiene_list .con .tit {
    position: relative;
    margin: 0 0 10px 10px;
    color: #2b5cc1;
    font-size: 18px;
    font-weight: bold;
}

#detail_con .hygiene_list .con .tit:after {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    background: #2b5cc1;
}

#detail_con .hygiene_list02 {
    display: inline-block;
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #ddd;
}

#detail_con .hygiene_list02 ul {
    display: flex;
}

#detail_con .hygiene_list02 ul li:last-child {
    margin-left: 10px;
}

#detail_con .hygiene_atp .color_g {
    background: #c2f3c2;
}

#detail_con .hygiene_atp .color_o {
    background: #ffd8b5;
}

#detail_con .hygiene_atp .color_r {
    background: #f1c1c1;
}

#detail_con .manage .info {
    width: 90%;
    margin: 0px auto;
}

#detail_con .manage .info li {
    display: flex;
    margin-top: 40px;
    padding: 20px 0 60px 0;
    border-bottom: 1px solid #e7e7e7;
}

#detail_con .manage .info li .tit {
    position: relative;
    width: 24%;
}

#detail_con .manage .info li .tit p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 158px;
    transform: translate(-50%, -50%);
    text-align: center;
    padding-top: 115px;
    font-size: 21px;
    font-weight: bold;
    color: #000;
}

#detail_con .manage .info li.list01 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img01.svg) no-repeat top;}
#detail_con .manage .info li.list02 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img02.svg) no-repeat top;}
#detail_con .manage .info li.list03 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img03.svg) no-repeat top;}
#detail_con .manage .info li.list04 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img04.svg) no-repeat top;}
#detail_con .manage .info li.list05 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img05.svg) no-repeat top;}
#detail_con .manage .info li.list06 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img06.svg) no-repeat top;}
#detail_con .manage .info li.list07 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img07.svg) no-repeat top;}
#detail_con .manage .info li.list08 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img08.svg) no-repeat top;}
#detail_con .manage .info li.list09 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img09.svg) no-repeat top;}
#detail_con .manage .info li.list10 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img10.svg) no-repeat top;}
#detail_con .manage .info li.list11 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img11.svg) no-repeat top;}
#detail_con .manage .info li.list12 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img12.svg) no-repeat top;}
#detail_con .manage .info li.list13 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img13.svg) no-repeat top;}
#detail_con .manage .info li.list14 .tit p {background: url(/main/images/contents/yeonsu/manage_info_img14.svg) no-repeat top;}

#detail_con .manage .info li .tit span {
    background: linear-gradient(180deg, transparent 0, transparent 60%, #cef3ff 60%, #cef3ff 100%);
}

#detail_con .manage .info li.list02 .tit span {
    background: linear-gradient(180deg, transparent 0, transparent 60%, #f0efd2 60%, #f0efd2 100%);
}

#detail_con .manage .info li.list03 .tit span {
    background: linear-gradient(180deg, transparent 0, transparent 60%, #cbddf8 60%, #cbddf8 100%);
}

#detail_con .manage .info li.list04 .tit span {
    background: linear-gradient(180deg, transparent 0, transparent 60%, #fde4c4 60%, #fde4c4 100%);
}

#detail_con .manage .info li.list05 .tit span {
    background: linear-gradient(180deg, transparent 0, transparent 60%, #cfecbc 60%, #cfecbc 100%);
}

#detail_con .manage .info li.list06 .tit span {
    background: linear-gradient(180deg, transparent 0, transparent 60%, #ffd8d8 60%, #ffd8d8 100%);
}

#detail_con .manage .info li.list07 .tit span {
    background: linear-gradient(180deg, transparent 0, transparent 60%, #fff387 60%, #fff387 100%);
}

#detail_con .manage .info li.list08 .tit span {
    background: linear-gradient(180deg, transparent 0, transparent 60%, #ddd6ff 60%, #ddd6ff 100%);
}

#detail_con .manage .info li dl {
    width: 73%;
}

#detail_con .manage .info li dl dt {
    font-size: 21px;
    font-weight: bold;
    color: #000;
}

#detail_con .manage .info li dl dd {
    margin-top: 15px;
    word-break: keep-all;
}

#detail_con .manage .info li dl dd:last-child {
    margin-top: 20px;
}

#detail_con .manage .info li dl dd span {
    margin-right: 10px;
    padding: 5px 10px 8px;
    font-weight: bold;
    background: #ebebeb;
    border-radius: 5px;
}

/* 카누단 */
#detail_con .canoe>li>ul {
    margin: 10px 0;
}

#detail_con .canoe>li>ul>li {
    display: flex;
    width: 49.2%;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

#detail_con .canoe>li>ul>li img {
    max-width: 200px;
}

#detail_con .canoe div.info {
    position: relative;
    border-right: 1px solid #ddd;
}

#detail_con .canoe div.info>div {
    position: absolute;
    top: 10px;
    left: 10px;
}

#detail_con .canoe div.info>div>p {
    font-size: 18px;
    font-weight: bold;
}

#detail_con .canoe div.info>div>p.num {
    color: #d12f40;
}

#detail_con .canoe div.info>div>p span {
    display: block;
    font-size: 15px;
    color: #7C7D89;
}

#detail_con .canoe dl {
    width: 100%;
    padding: 20px 8px 10px;
    background: #f8f8f8;
}

#detail_con .canoe dl dt {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: bold;
}

#detail_con .canoe dl dd {
    margin-left: 4px;
    font-size: 13px;
    line-height: 130%;
}

#detail_con .canoe .member>ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 기관표창 아코디언 */
#detail_con .commendation tr {
    display: flex;
    flex-wrap: wrap;
}

#detail_con .commendation tbody tr {
    cursor: pointer;
}

#detail_con .commendation tbody td {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    white-space: break-spaces;
    text-overflow: unset;
}

#detail_con .commendation tbody td.noCon {
    display: none !important;
}

#detail_con .commendation th,
.commendation tbody td {
    text-align: center;
    width: 10%;
    box-sizing: border-box;
}

#detail_con .commendation tr th:nth-child(2),
.commendation tr td:nth-child(2) {
    width: 48%;
}

#detail_con .commendation tr th:nth-child(3),
.commendation tr td:nth-child(3) {
    width: 12%;
}

#detail_con .commendation tr th:nth-child(4),
.commendation tr td:nth-child(4) {
    width: 20%;
}

#detail_con .commendation .con {
    display: none;
    width: 100%;
    overflow: hidden;
}

#detail_con .commendation .con>div {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: calc(50% - 20px);
    margin: 0 auto;
}

#detail_con .commendation .con>div.col03 {
    width: calc(32% - 20px);
}

#detail_con .commendation .con>div img {
    max-height: 500px;
    object-fit: contain;
}


#detail_con .foreigner_order {
    display: flex;
    align-items: center;
    gap: 2%;
    border: 2px solid #1f4ba6;
    margin-bottom: 20px;
}

#detail_con .foreigner_order p {
    font-size: 20px;
    font-weight: bold;
    color: #1f4ba6;
    text-align: center;
    width: 100%;
}

#detail_con .foreigner_order p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    color: #ff0000;
    background: #f5f5f5;
    padding: 20px;
}

#detail_con .foreigner_order p img {
    width: 120px;
}


/* #detail_con .commendation .con>div img {width:100%;} */

/* 접근성 */
/* .img_no .board_view .con img {display:none !important;}
.board_view .con img {display:none !important;} */

/*외국인 언어가이드 레이어팝업*/
.layer-pop {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 0px;
    z-index: 9999;
}

.layer-pop>div {
    line-height: 0;
    border-radius: 10px;
    background: #FFF;
    overflow: hidden;
    border: 1px solid #ccc;
}

.layer-pop>div img {
    line-height: 0;
    font-size: 0;
    width: 100%;
}

.layer-pop .layer-pop-close {
    display: flex;
    align-items: center;
    background: #f5f5f5;
}

.layer-pop .layer-pop-close p,
.layer-pop .layer-pop-close a {
    flex: 1 1 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 20px 0;
    color: #888;
    font-weight: 500;
    line-height: 160%;
}

.layer-pop .layer-pop-close p {
    border-right: 1px solid #ccc;
}

.layer-pop .layer-pop-close p input {
    width: 19px;
    height: 19px;
    border-radius: 2px;
    border: 1px solid #000;
    background: #FFF;
}

.layer-pop .layer-pop-close p input:focus-visible {
    outline: 1px solid #ffd84e;
    box-shadow: inset 1px 1px #000, inset -1px -1px #000;
}


@media screen and (max-width: 1200px) {
    #detail_con .operate li {
        width: 48%;
    }

    /* #detail_con .identify>div .txt .btn_ipinInfo { position:static; text-align:center; margin-top:15px; } */
    #detail_con .identify>div .txt .btn_ipinInfo {
        position: static;
        text-align: center;
        margin-top: 15px;
    }

    #detail_con .ys_story {
        margin-left: -70px;
    }

    #detail_con .ysstory_img {
        margin-left: -70px;
    }

    #detail_con .weatherBox .weather_info li {
        width: 30.3%;
    }

    #detail_con .eduzone dl dd ul.innovation>li {
        width: 48%;
        margin-bottom: 30px;
    }

    #detail_con .eduzone dl dd ul.innovation>li>ul {
        min-height: 0;
    }

    #detail_con .login_mem .modal .modal_body {
        width: 85%;
    }

    #detail_con .login_mem .modal .modal_close {
        right: 0px;
        top: -100px;
    }

    #detail_con .corona_team {
        display: flex;
        flex-direction: column;
    }

    #detail_con .corona_team .list2 {
        display: flex;
        flex-direction: column;
    }

    #detail_con .hof ul li {
        flex: 1 1 32%;
    }
}

@media screen and (max-width: 1020px) {
    #detail_con .canoe>li>ul>li {
        width: 100%;
    }

    #detail_con .canoe>li>ul>li img {
        max-width: 180px;
    }
}

@media screen and (min-width: 768px) {
    #detail_con .tbox>div {
        min-height: 100px;
    }

    #detail_con .linklist.col2>li {
        width: 48.2%;
    }

    #detail_con .linklist.col3>li {
        width: 31.3%;
    }

    #detail_con .linklist>li>div .name>p {
        display: table-cell;
        padding: 0px 5%;
        vertical-align: middle;
        padding-top: 30px;
        padding-bottom: 10px;
        height: 75px;
    }

    #detail_con .linklist.short>li>div .name>p {
        padding-top: 20px;
        padding-bottom: 0px;
        height: 50px;
    }

    #detail_con .step>li>div.con .cell {
        height: 50px;
    }

    #detail_con .weatherBox h4 {
        margin-bottom: -20px;
    }

    #detail_con .linklist2>li>div .name>p {
        padding: 0px 10%;
        padding-top: 30px;
        padding-bottom: 10px;
        height: 135px;
        word-break: keep-all;
    }
}

@media screen and (max-width: 767px) {
    #detail_con h4 {
        font-size: 22px;
        letter-spacing: -1px;
    }

    #detail_con h4 span.num {
        width: 30px;
        height: 30px;
        line-height: 34px;
        color: #333;
        background: none;
        border: 3px solid #4d4643;
        border-radius: 5px;
    }

    #detail_con .tbox {
        background: none;
    }

    #detail_con .tbox>div,
    #detail_con .tbox>div.noicon {
        padding: 20px 24px;
        background: none !important;
    }

    #detail_con .tbox>div .tit.martop {
        margin-top: 0%;
    }

    #detail_con .stbox {
        padding: 15px 20px;
    }

    #detail_con .gray_area {
        padding: 15px 20px;
    }

    #detail_con .form_tab li {
        width: 100%;
    }

    #detail_con .form_tab li a {
        padding: 0px;
        background-image: none !important;
    }

    #detail_con .form_tab li a span {
        height: 28px;
    }

    #detail_con .adviertise>p {
        width: 100%;
        max-width: 100%;
    }

    #detail_con .step>li {
        display: table;
        padding-top: 25px;
        width: 100% !important;
        background: url(/main/images/contents/step_arrD.gif) no-repeat center 3px;
    }

    #detail_con .step>li:first-child {
        padding-top: 1%;
        background: none;
    }

    #detail_con .step>li:last-child {
        background: url(/main/images/contents/step_arrD.gif) no-repeat center 3px;
    }

    #detail_con .step>li>div {
        display: table-cell;
    }

    #detail_con .step>li>div.tit {
        width: 25%;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #86a1ca;
        border-right: 0px;
    }

    #detail_con .step>li>div.tit .cell {
        display: inline;
    }

    #detail_con .step>li>div.con {
        width: 75%;
        border: 1px solid #86a1ca;
        border-left-style: dotted;
    }

    #detail_con .step>li>div.con .cell {
        text-align: left;
    }

    #detail_con .outlink {
        padding: 30px 25px 20px;
    }

    #detail_con .outlink>.img {
        padding: 0px 10px;
        width: 80%;
    }

    #detail_con .outlink>.con {
        width: 100%;
    }

    #detail_con .outlink>.con h4 {
        margin-top: 20px;
        font-size: 32px;
    }

    #detail_con .outlink .btn_box {
        text-align: center;
    }

    #detail_con .outlink .conbtn .link {
        font-size: 15px;
        letter-spacing: -1px;
    }

    #detail_con .linklist>li {
        margin: .8% 0%;
        width: 99%;
    }

    #detail_con .linklist>li>div {
        display: table;
    }

    #detail_con .linklist>li>div .name,
    #detail_con .linklist>li>div .go {
        display: table-cell;
        vertical-align: middle;
    }

    #detail_con .linklist>li>div .go {
        padding: 10px;
        border-top: 0px;
        border-left: 1px dotted #ccc;
        min-width: 100px;
    }

    #detail_con .linklist>li>div .name:after {
        display: none;
    }

    #detail_con .linklist2>li>div .name {
        padding: 1% 5%;
        word-break: keep-all;
    }

    #detail_con .fraudlist>li {
        width: 100%;
    }

    #detail_con .logolink>li {
        float: left;
        width: 46.8%;
    }

    #detail_con .photo {
        display: block;
        margin: 2% .5% 1% 1%;
        width: 98.5%;
    }

    #detail_con .photo_col4 .photo,
    #detail_con .photo_col3 .photo {
        display: inline-block;
        width: 47%;
        vertical-align: top;
    }

    #detail_con .oathBox:before {
        top: -5%;
    }

    #detail_con .oathBox:after {
        bottom: -5%;
    }

    #detail_con .oathBox .tit {
        text-align: left;
    }

    #detail_con .oathBox .tit span {
        font-size: 30px;
        line-height: 35px;
    }

    #detail_con .oathBox .txt {
        text-align: left;
    }

    #detail_con .playbox .play,
    #detail_con .playbox .txt {
        float: left;
        margin-bottom: 10px;
        width: 97%;
    }

    #detail_con .foreign.datatable .data {
        border-top: 1px solid #ccc;
    }

    #detail_con .foreign.datatable .data thead {
        display: none;
    }

    #detail_con .foreign.datatable .data tr>td:first-child {
        display: none;
    }

    #detail_con .foreign.datatable .data tr>td:nth-child(3) {
        display: none;
    }

    #detail_con .foreign.datatable .data tbody td.left {
        background: #f3f3f3;
    }

    #detail_con .foreign.datatable .data tbody td,
    #detail_con .foreign .datatable .data tbody th {
        display: block;
        border: 1px solid #ccc;
        border-top: 0px;
        text-align: left;
    }

    #detail_con .operate li {
        padding: 10px 0px;
        width: 98%;
    }

    #detail_con .operate li span.point {
        display: inline;
    }

    #detail_con .info_private li {
        padding: 190px 10px 40px 10px;
        border-top: 1px dotted #ccc;
        background-position: center 20px;
    }

    #detail_con .improve>li {
        margin-bottom: 40px;
        background-position: center 45px;
        background-repeat: no-repeat;
    }

    #detail_con .improve ul {
        margin-left: 0px;
        margin-top: 130px;
        padding-top: 15px;
        padding-left: 0%;
        border-left: 0px;
        border-top: 1px dotted #ccc;
    }

    #detail_con .improve_sidedish>li {
        width: 48%;
    }

    #detail_con .improve_habit>ul>li {
        padding: 25px;
        padding-left: 0px;
        padding-top: 130px;
        background-position: center 20px;
    }

    #detail_con .food ul li {
        width: 49%;
    }

    #detail_con .historyBox .img {
        position: static;
        padding: 3% 3% 5%;
        width: 94%;
        text-align: center;
    }

    #detail_con .historyBox .con {
        margin-left: 0%;
        padding: 4.5% 4.5% 4%;
        width: 91%;
        background: none;
    }

    #detail_con .historyBox .con .slogan {
        position: relative;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    #detail_con .historyBox .con .txt {
        padding: 5% 4% 4%;
    }

    #detail_con .history ul li .date,
    #detail_con .history ul li .con {
        float: none;
        text-align: left;
    }

    #detail_con .symbol li p {
        width: 100%;
        text-align: center;
    }

    #detail_con .symbol li dl {
        margin-top: 20px;
        width: 100%;
    }

    #detail_con .symbol li dl dt {
        text-align: center;
        padding-right: 10%;
    }

    #detail_con .life li {
        float: left;
        width: 47%;
    }

    #detail_con .organ.organ1 {
        background: none;
    }

    #detail_con .organ .rank2+ul {
        padding-top: 0%;
        overflow: hidden;
    }

    #detail_con .organ .rank2+ul>li,
    #detail_con .organ .rank2+ul.col5>li {
        margin: 1%;
        width: 48%;
    }

    #detail_con .organ .rank4 li {
        margin: .5%;
        width: 98%;
    }

    #detail_con .organ .rank4 li a,
    #detail_con .organ .rank5 li a {
        font-size: 15px;
    }

    #detail_con .location {
        padding: 2% 3% 2% 3%;
    }

    #detail_con .location>p {
        position: static;
        margin-top: 20px;
        text-align: center;
    }

    #detail_con .location_how>li {
        display: block;
        width: 100%;
    }

    #detail_con .location_how>li>div {
        display: block;
    }

    #detail_con .location_how>li>div.tit {
        width: 100%;
        border-right: 0px dotted #ccc;
    }

    #detail_con .relation {
        display: block;
    }

    #detail_con .relation>div {
        display: block;
        width: 94% !important;
    }

    #detail_con .relation>div.site {
        border-bottom: 1px solid #dbdbdb;
        border-right: 0px;
    }

    #detail_con .spot_list>li .img {
        float: none !important;
        margin-bottom: 20px;
        width: 100% !important;
        text-align: center;
    }

    #detail_con .spot_list>li .con {
        float: none !Important;
        width: 100% !important;
    }

    #detail_con .viewer li {
        position: relative;
        padding: 4% 0px 4% 150px;
        border-top: 1px dotted #ccc;
        background-repeat: no-repeat;
        background-position: 10px center;
    }

    #detail_con .viewer li:first-child {
        border-top: 0px;
    }

    #detail_con .login_mem .loginBox {
        margin: 20px;
        padding-top: 150px;
        padding-left: 0px;
        background: url(/main/images/contents/guidance/login.gif) no-repeat center top;
    }

    #detail_con .login_mem .loginBox ul li {
        margin: 7px 0px;
        font-size: 16px;
        font-weight: bold;
        text-align: right;
        padding-left: 90px;
        padding-right: 110px;
    }

    #detail_con .login_mem .loginBox ul li>span {
        width: 80px;
    }

    #detail_con .login_mem .loginBox .btn_login p {
        width: 100px;
        top: 151px;
    }

    #detail_con .login_mem .loginBox .btn_main {
        margin-left: 90px;
    }

    /* #detail_con .login_mem .loginBox.recheck { text-align:center; min-height:100px; padding-left:0; } */
    #detail_con .login_mem .loginBox.recheck input[type=password],
    #detail_con .login_mem .loginBox.recheck .btn_loginbox {
        width: 90%;
    }

    #detail_con .login_mem .findId {
        margin: 1.5% 4% 0%;
        padding: 3.5% 0%;
        border-top: 1px dotted #c8c8c8;
    }

    #detail_con .login_mem .findId ul li {
        width: 100%;
    }

    #detail_con .login_mem .findId ul li .txt {
        padding: 15px 150px 20px 0px;
    }

    #detail_con .login_mem .findId ul li .txt_join {
        border-bottom: 1px dotted #ccc;
        border-right: 0px;
    }

    #detail_con .login_mem .findId ul li .btn_join {
        top: 13px;
        right: 0px;
    }

    #detail_con .login_mem .findId ul li .btn_find {
        top: 5px;
        right: 0px;
    }

    /* #detail_con .identify>div { margin-bottom:10px; padding:3.2%; width:93%; border:1px solid #cecece; } */
    #detail_con .identify>div {
        margin-bottom: 10px;
        padding: 3.2%;
        width: 93%;
        border: 1px solid #cecece;
    }

    #detail_con .join_step li p {
        padding: 8% 10%;
        padding-top: 60px;
        border: 2px solid #cecece;
        font-size: 15px;
        letter-spacing: -1px;
        background-position: center 10px;
    }

    #detail_con .join>div,
    .join>div:first-child {
        float: none;
        margin: 10px auto;
        width: 95%;
    }

    #detail_con .withdraw .txt {
        padding: 5% 5% 0%;
        padding-top: 135px;
        width: 90%;
        min-height: 0px;
        background: url(/main/images/contents/guidance/withdraw.gif) no-repeat center top;
    }

    #detail_con .viewer li {
        padding-left: 0px;
        background-image: none !important;
    }

    #detail_con .viewer li p.tit {
        padding-right: 0px;
    }

    #detail_con .viewer li p.btn_viewer {
        margin-top: 5px;
        position: static;
    }

    #detail_con .popupzone li {
        width: 49%;
    }

    #detail_con .ys_story {
        text-align: center;
        margin-left: 0;
        width: 90%;
    }

    #detail_con .ys_story img {
        float: none;
        text-align: center;
        margin: 0 auto;
    }

    #detail_con .ys_story .txt {
        float: none;
        width: auto;
        margin-top: -20px;
        text-align: center;
    }

    #detail_con .ysstory_img {
        text-align: center;
        margin-left: 0;
    }

    #detail_con .personnel img {
        float: none;
        display: block;
        margin: auto;
    }

    #detail_con .personnel .con {
        padding-left: 0;
    }

    #detail_con .eduzone dl.goal dd ul>li {
        width: 47%;
        margin-right: 2%;
        padding-top: 145px;
    }

    #detail_con .eduzone dl.goal dd ul>li:nth-child(even),
    #detail_con .eduzone dl dd.direction ul:nth-child(even) {
        margin-right: 0;
    }

    #detail_con .eduzone dl dd ul.strategy li {
        vertical-align: top;
        width: 140px;
        height: 140px;
        margin-bottom: 2%;
    }

    #detail_con .eduzone dl dd.direction ul,
    #detail_con .eduzone dl dd.business ul {
        width: 48%;
        margin-bottom: 1%;
        padding: 3%;
    }

    #detail_con .eduzone dl dd.direction ul {
        min-height: 380px;
    }

    #detail_con .eduzone dl dd.business ul {
        min-height: 250px;
    }

    #detail_con .eduzone dl dd ul.innovation>li {
        width: 100%;
    }

    #detail_con .policy .label {
        display: none;
    }

    #detail_con .login_mem .modal .modal_body {
        padding: 40px;
    }

    #detail_con .manage .info li {
        flex-direction: column;
        margin-top: 0px;
        padding: 25px 0 40px 0;
    }

    #detail_con .manage .info li .tit {
        width: 100%;
        height: 170px;
    }

    #detail_con .manage .info li dl {
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }

    #detail_con .linklist.corona_menu {
        flex-direction: column;
    }

    #detail_con .linklist.corona_menu.col3>li {
        width: 99.5%;
        margin-bottom: 10px;
    }

    #detail_con .commendation tr th:nth-child(1),
    #detail_con .commendation tr td:nth-child(1) {
        width: 15%;
    }

    #detail_con .commendation tr th:nth-child(2),
    #detail_con .commendation tr td:nth-child(2) {
        width: 60%;
    }

    #detail_con .commendation tr th:nth-child(3),
    #detail_con .commendation tr td:nth-child(3) {
        width: 25%;
    }
}

@media screen and (max-width: 480px) {
    #detail_con .popupzone li {
        width: 98%;
    }

    #detail_con .popupzone li img {
        height: auto;
    }

    .ombuds .spot_list>li {
        display: flex;
        padding: 4% 6% !important;
        flex-direction: column;
    }

    #detail_con .login_mem .login_sns li {
        display: block;
    }

    #detail_con .login_mem .login_sns li.naver {
        margin-right: 0;
    }

    #detail_con .login_mem .login_sns li img {
        width: 183px;
    }

    #detail_con .login_mem .modal .modal_body {
        padding: 30px 25px;
    }

    #detail_con .login_mem .modal .modal_body p.tit {
        font-size: 22px;
    }

    #detail_con .login_mem .modal .modal_body p.nav {
        padding: 2px 8px;
        font-size: 18px;
        word-break: keep-all;
    }

    #detail_con .login_mem .modal .modal_body p.txt {
        font-size: 14px;
    }

    #detail_con .hygiene_list {
        flex-direction: column;
        align-items: center;
    }

    #detail_con .hygiene_list .con_img {
        text-align: center;
        width: 100%;
        margin-right: 0;
    }

    #detail_con .hygiene_list .con {
        width: 80%;
        margin-top: 15px;
    }

    #detail_con .hygiene_list02 ul {
        flex-direction: column;
    }

    #detail_con .hygiene_list02 ul li:last-child {
        margin-left: 0px;
        margin-top: 10px;
    }

    #detail_con .manage .info li.list01 {
        padding: 0 0 40px 0;
    }

    #detail_con .manage .info li .tit {
        height: 150px;
    }

    #detail_con .manage .info li dl dt,
    #detail_con .manage .info li .tit p {
        font-size: 18px;
    }

    #detail_con .manage .info li dl dd {
        margin-top: 10px;
    }

    #detail_con .hof ul li div.hof-box {
        height: 190px;
    }

    #detail_con .hof ul li {
        flex: 1 1 100%;
    }

    #detail_con .hof ul li div.hof-box {
        background-size: cover;
    }

    #detail_con .canoe>li>ul>li {
        flex-direction: column;
    }

    #detail_con .canoe>li>ul>li img {
        max-width: 100%;
    }

    #detail_con .commendation tbody tr td {
        text-align: left;
    }

    #detail_con .commendation tr th:nth-child(1),
    #detail_con .commendation tr td:nth-child(1) {
        width: 18%;
    }

    #detail_con .commendation tr th:nth-child(2),
    #detail_con .commendation tr td:nth-child(2) {
        width: 57%;
    }
}