.index_head {
    background: var(--color-blue) url("../img/2021_string_1080.png") no-repeat
        80% 50%;
    background-size: auto 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100vh;
    transition: all 0.25s ease-in-out;
}
.index_head:before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.25s ease-in-out;
}
.index_head:hover:before {
    opacity: 1;
}
.index_head_bg {
    display: inline-block;
    width: 100%;
    background: url("../img/index_head_bg.png") repeat-x 0 0;
    background-size: contain;
}
.index_head_gradation {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    height: 100vh;
    padding: 3rem 6vw;
}

.index_head #skip {
    border: none;
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 65px;
    left: 0;
    right: 0;
    height: 2.5rem;
    text-align: center;
}
.index_head #skip img {
    width: 100%;
    max-width: 39px;
}
.index_head .cont_text {
    position: absolute;
    top: calc(50% + 58px);
    left: 0;
    width: calc(100% - 0px);
    padding: 0 0 0 310px;
    overflow: hidden;
    z-index: 0;
    color: var(--color-yellow);
    transform: translate(0, -50%);
}
.index_head .cont_text .tx1 {
}
.index_head .cont_text .tx2 {
    padding: 46px 0 19px 0;
}
.index_head .cont_text .tx3 {
    padding: 0 0 43px 0;
    line-height: 100%;
}
.index_head .cont_text .tx4 {
}
.index_head .cont_text .tx5 {
    padding: 6px 0 0 0;
}
.index_head .cont_text .tx6 {
    display: inline-block;
    margin-top: 80px;
    width: 100%;
    max-width: 222px;
    letter-spacing: -0.05em;
    border: 1px solid var(--color-white);
    border-radius: 3.5vw;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.index_head .cont_text .tx6 .link_icon {
    display: inline-block;
    width: 100%;
    min-height: 60px;
    line-height: 58px;
    text-indent: -10%;
    text-align: center;
    color: var(--color-white);
    background: url("../img/svg/next_btn_icon.svg") no-repeat 90% 50%;
    background-size: auto 31%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.index_head .cont_text .tx6:hover {
    background: var(--color-yellow);
    border: 1px solid var(--color-yellow);
}
.index_head .cont_text .tx6:hover a {
    color: var(--color-black);
    background: url("../img/svg/next_btn_icon.svg") no-repeat 150% 50%;
    text-indent: 0;
}

.gnb_right {
    position: fixed;
    z-index: 9999;
    right: 1vw;
    display: inline-block;
    min-height: 100%;
}
.gnb_right .quick {
    position: absolute;
    right: 60px;
    bottom: 25px;
    /*
    top: 50%;
    transform: translate(0, -50%);
    */
}
.gnb_right .quick a.link1 {
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
}
.gnb_right .quick a.link2 {
    margin: 15px 0;
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
}
.gnb_right .quick > a {
    color: var(--color-white);
    background: var(--color-DackGray);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.gnb_right .quick > a > img {
    margin-top: 14px;
    width: 29%;
}
.gnb_right .quick > a > p {
    margin: 4px auto 0 auto;
    width: 80%;
    letter-spacing: -0.05em;
}
.gnb_right .quick button.link3 {
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    color: var(--color-white);
    background: var(--color-GrayLine) url("../img/svg/quick_r_icon3.svg") 50%
        50% no-repeat;
    background-size: 35%;
    border-radius: 50%;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.gnb_right .quick > a:hover {
    color: var(--color-yellow);
    background: var(--color-black);
}
.gnb_right .quick button.link3:hover {
    color: var(--color-yellow);
    background: var(--color-GrayLine) url("../img/svg/quick_r_icon3.svg") 50%
        50% no-repeat;
    background-size: 30%;
}

.inx_content1 {
    padding: 120px 0;
    width: 100%;
    background: var(--color-blue);
}
.inx_content1 .cont_count {
    margin: 0 auto;
    width: 94%;
    max-width: 1000px;
}
.inx_content1 .cont_count ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.inx_content1 .cont_count > ul > li {
    float: left;
    width: 25%;
    padding-left: 15px;
    border-left: 1px solid var(--color-white);
    color: var(--color-white);
}
.inx_content1 .cont_count .tx1 {
    padding-bottom: 40px;
}
.inx_content1 .cont_count .tx2 {
    position: relative;
    margin-bottom: -5px;
    line-height: 100%;
    letter-spacing: -0.075em;
}

.inx_content2 {
    padding: 110px 0;
    background: url("../img/bg2.jpg") no-repeat 50% 50%;
    background-size: cover;
}
.inx_content2 .in_title_w {
}
.inx_content2 .in_title_w img {
    position: relative;
    margin-top: -8px;
    margin-right: 15px;
    width: 100%;
    max-width: 95px;
}
/*************************************************** live 박스 디자인 */
.live_container {
    margin: 100px auto 0 auto;
    width: 94%;
    max-width: 1300px;
}
.live_container > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.live_container .live_icon {
    background-image: url("../img/svg/live_icon.svg");
    background-repeat: no-repeat;
    background-position: 95% 28px;
    background-size: 15% auto;
}
.live_container .li_icon_play {
	background-image: url("../img/svg/icon_04.svg");
    background-repeat: no-repeat;
    background-position: 95% 16px;
    background-size: 10% auto;
}
.live_container > ul > li {
    float: left;
    width: 31%;
    margin-bottom: 5%;
    color: var(--color-black);
    background-color: var(--color-yellow);
}
.live_container > ul > li:nth-child(3n-1) {
    margin-left: 3.5%;
    margin-right: 3.5%;
    color: var(--color-yellow);
    background-color: var(--color-blue);
}
.live_container > ul > li:nth-child(3n-1) a {
    color: var(--color-yellow);
}
.live_box {
    padding: 1.5vw 0 1.25vw 0;
    margin: 0 auto;
    width: calc(100% - 80px);
    text-align: center;
    letter-spacing: -0.05em;
}
.live_box .tx1 {
}
.live_box .tx2 {
    position: relative;
    margin: 22px 0 12px 0;
    height: 72px;
    overflow: hidden;
}
.live_box .tx2 span {
    position: absolute;
    bottom: 0;
    left: calc(50% - 15px);
    display: inline-block;
    width: 30px;
    height: 3px;
    font-size: 0;
    border-radius: 3px;
    background-color: var(--color-blue);
}
.live_box .tx3 {
    margin: 0 auto;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.live_box .tx4 {
}

.live_container > ul > li:nth-child(3n-1) .tx2 span {
    background-color: var(--color-yellow);
}
.live_container > ul > li:nth-child(3n-1) .tx3,
.live_container > ul > li:nth-child(3n-1) .tx4 {
    color: var(--color-white);
}
.live_the_more {
    text-align: center;
}
.live_the_more a {
    display: inline-block;
    width: 100%;
    max-width: 168px;
    height: 60px;
    line-height: 60px;
    text-indent: -10%;
    background: var(--color-blue) url("../img/svg/next_btn_icon.svg") no-repeat
        70% 50%;
    background-size: auto 30%;
    color: var(--color-white);
    border-radius: 10vw;
}
/*************************************************** live 박스 디자인 */

.inx_content3 {
    padding: 110px 0;
    width: 100%;
    background: var(--color-yellow);
}
.inx_container_box1 {
    margin: 0 auto;
    width: 94%;
    max-width: 1300px;
}
.inx_container_box1 > ul {
}
.inx_container_box1 > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.inx_container_box1 > ul > li {
}

.inx_container_box1 .box_left {
    float: left;
    width: 32%;
}
.inx_container_box1 .box_left .tx1 {
    letter-spacing: -0.05em;
}
.inx_container_box1 .box_left .tx2 {
    padding: 5rem 0;
}
.inx_container_box1 .box_left .tx2 > img {
    width: 100%;
    max-width: 365px;
}
.inx_container_box1 .box_left .tx3 {
    text-align: justify;
    line-height: 160%;
}
.inx_container_box1 .box_right {
    float: right;
    width: 62%;
}
.inx_container_box1 .box_design_style1 {
    float: left;
    display: inline-block;
    width: calc(50% - 5px);
    padding: 35px 10px 15px 18px;
    color: var(--color-blue);
    border-left: 10px solid var(--color-blue);
}
.inx_container_box1 .box_design_style1:nth-child(1) {
    margin-right: 10px;
    margin-bottom: 10px;
}
.inx_container_box1 .box_design_style1:nth-child(2) {
    margin-bottom: 10px;
}
.inx_container_box1 .box_design_style1:nth-child(3) {
    margin-right: 10px;
}
.inx_container_box1 .box_icon1 {
    background: var(--color-white) url("../img/svg/banner_icon_01.svg")
        no-repeat 93% 22px;
    background-size: auto 40%;
}
.inx_container_box1 .box_icon2 {
    background: var(--color-white) url("../img/svg/banner_icon_02.svg")
        no-repeat 93% 22px;
    background-size: auto 40%;
}
.inx_container_box1 .box_icon3 {
    background: var(--color-white) url("../img/svg/banner_icon_03.svg")
        no-repeat 93% 22px;
    background-size: auto 40%;
}
.inx_container_box1 .box_icon4 {
    background: var(--color-white) url("../img/svg/banner_icon_04.svg")
        no-repeat 93% 22px;
    background-size: auto 40%;
}
.inx_container_box1 .box_design_style1 .box_tx1 {
    letter-spacing: -0.075em;
    height: 70px;
    line-height: 130%;
    overflow: hidden;
}
.inx_container_box1 .box_design_style1 .box_tx2 {
    padding-top: 15px;
    padding-right: 20px;
    height: 70px;
    overflow: hidden;
    letter-spacing: -0.075em;
    line-height: 150%;
}

/* */
.inx_content4 {
    padding: 110px 0;
    width: 100%;
    background: var(--color-lightGray);
}
.schedule_container {
    margin: 0 auto;
    width: 94%;
    max-width: 1300px;
}

.schedule_the_more {
    margin-top: 35px;
    width: 100%;
    text-align: center;
}
.schedule_the_more a {
    display: inline-block;
    width: 100%;
    max-width: 190px;
    height: 60px;
    line-height: 60px;
    text-indent: -10%;
    background: var(--color-blue) url("../img/svg/next_btn_icon.svg") no-repeat
        85% 54%;
    background-size: auto 30%;
    color: var(--color-white);
    border-radius: 10vw;
}
.schedule_date {
    padding: 25px 0 25px 0;
}
.schedule_box {
}
.schedule_table {
    border-top: 2px solid var(--color-Gray);
    border-bottom: 2px solid var(--color-Gray);
}
.schedule_table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: pointer;
}
.schedule_table table tbody th {
    width: 190px;
    text-align: left;
    padding: 19px 0 18px 0;
    border-bottom: 1px solid var(--color-GrayLine);
}
.schedule_table table tbody td {
    width: calc(100% - 190px);
    padding: 19px 35px 18px 0;
    border-bottom: 1px solid var(--color-GrayLine);
    background: url("../img/svg/icon_02.svg") 99% 50% no-repeat;
    background-size: 30px auto;
}

.schedule_table table tbody tr:nth-last-child(1) td,
.schedule_table table tbody tr:nth-last-child(1) th {
    border-bottom: none;
}
.schedule_table table tbody td .tx0 {
    display: none;
}
.schedule_table table tbody td .tx1 {
    line-height: 100%;
    word-break: keep-all;
}
.schedule_table table tbody td .tx2 {
    padding: 15px 0 12px 0;
    line-height: 140%;
    letter-spacing: -0.075em;
    word-break: keep-all;
}
.schedule_table table tbody td .tx3 {
    line-height: 140%;
    color: var(--color-Gray);
    word-break: keep-all;
}
/************************************************************************************ */
.inx_content5 {
    padding: 110px 0;
    width: 100%;
    min-height: 1100px;
    background: var(--color-blue);
}
.slide_gallery_the_more {
    padding-top: 80px;
    text-align: center;
}
.slide_gallery_the_more a {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    height: 60px;
    line-height: 60px;
    text-indent: -10%;
    background: var(--color-white) url("../img/svg/next_btn_iconB.svg")
        no-repeat 85% 50%;
    background-size: auto 30%;
    color: var(--color-blue);
    border-radius: 10vw;
}

/************************************************************************************ */
.inx_content6 {
    width: 100%;
    background: var(--color-white);
}
.inx6_container {
    padding: 90px 0;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid var(--color-GrayLine);
}
.inx6_container .inx6_box {
    position: relative;
    margin: 0 auto;
    width: 94%;
    max-width: 1540px;
}
.inx6_container .inx6_box:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.inx6_container .inx6_box .inx6_newsletter {
    float: left;
    width: 50%;
}
.inx6_container .inx6_box .inx6_newsletter .tx1 {
}
.inx6_container .inx6_box .inx6_newsletter .tx2 {
    padding: 25px 0 40px 0;
}
.input_newsletter_box {
    position: relative;
}
.input_style {
    width: calc(100% - 190px);
    height: 60px;
    line-height: 58px;
    text-indent: 28px;
    border: 1px solid var(--color-GrayLine);
}
.btn_newsletter {
    position: absolute;
    right: 0;
    width: 190px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: var(--color-blue);
    color: var(--color-white);
    border: none;
}

.inx6_container .inx6_box .inx6_sns {
    position: absolute;
    right: 0;
    bottom: 0;
}
.inx6_hashtag {
    padding-bottom: 25px;
    text-align: center;
    color: var(--color-blue);
}
.inx6_hashtag span {
    margin: 0 6px;
}
.inx6_sns_list {
    text-align: center;
}
.inx6_sns_list > a {
    display: inline-block;
}
.inx6_sns_list > a > img {
    margin: 0 20px;
    width: 100%;
    max-width: 88px;
}
.inx6_slide {
    margin: 0 auto;
    padding: 70px 0;
    width: 94%;
    max-width: 1600px;
}
/* 하단 */
#ft_container {
    display: block;
    width: 100%;
    background: var(--color-Gray80) url("../img/svg/foot_Bg_line.svg") no-repeat
        50% 0;
    background-size: auto 100%;
}
@media (max-width: 2000px) {
    #ft_container {
        width: 100%;
        background: var(--color-Gray80) url("../img/svg/foot_Bg_line.svg")
            no-repeat 0 0;
        background-size: 1920px auto;
    }
}
.foot {
    position: relative;
    padding: 60px 0 110px 0;
    margin: 0 auto;
    width: 94%;
    max-width: 1530px;
}
.foot > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.foot .ft_left {
    position: relative;
    float: left;
    width: 60%;
}
.foot .ft_left .img1 {
    float: left;
    width: 175px;
}
.foot .ft_left .img1 img {
    width: 100%;
}
.foot .ft_left .img2 {
    float: left;
    margin: 0 0 0 35px;
    width: calc(100% - 210px);
}
.foot .ft_left .img2 img {
    width: 100%;
    max-width: 460px;
}
.foot .ft_left .img2 .tx1 {
    position: absolute;
    left: 210px;
    bottom: 0;
}
.foot .ft_left .img2 .tx1 p {
    color: var(--color-white);
}
.foot .ft_left .img2_en {
    float: left;
    margin: 0 0 0 35px;
    width: calc(100% - 210px);
}
.foot .ft_left .img2_en img {
    width: 100%;
    max-width: 550px;
}
.foot .ft_left .img2_en .tx1 {
    position: absolute;
    left: 210px;
    bottom: 0;
}
.foot .ft_left .img2_en .tx1 p {
    color: var(--color-white);
}
.foot .ft_right {
    position: relative;
    float: right;
    width: 40%;
    min-height: 200px;
    color: var(--color-white);
}
.foot .ft_right .tx1 {
    padding: 0 0 15px 0;
}
.foot .ft_right .tx2 {
}
.foot .ft_right .tx3 {
    padding-top: 5px;
}
.foot .ft_right .tx4 {
    position: absolute;
    left: 0;
    bottom: 0;
}
/***
***
***
***
서브 컨텐츠 cSS
***
***
***
***/
.sub_head_title_container {
    position: relative;
    width: 100%;
    min-height: 400px;
    background-size: auto 155% !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.sub_head_title_container .sub_head_title {
    position: absolute;
    top: calc(50% + 26px);
    left: 50%;
    width: 80%;
    text-align: center;
    transform: translate(-50%, -50%);
    color: var(--color-white);
}
.sub_head_title_container .sub_head_bbs_title {
    position: absolute;
    top: calc(50% + 26px);
    left: 50%;
    width: 80%;
    text-align: center;
    transform: translate(-50%, -50%);
    color: var(--color-white);
}
.sub_head_img_c1 {
    background: url("../img/head_forum.jpg") 50% 28.5% no-repeat;
}
.sub_head_img_c2 {
    background: url("../img/head_gwangju.jpg") 50% 53.5% no-repeat;
}
.sub_head_img_c3 {
    background: url("../img/head_meeting.jpg") 50% 45% no-repeat;
}
.sub_head_img_c4 {
    background: url("../img/head_onair.jpg") 50% 35% no-repeat;
}
.sub_head_img_c5 {
    /* 게시판 */
    min-height: 400px;
    background: url("../img/bg.jpg") 50% 50% no-repeat;
    background-size: 100% 100% !important;
}
.sub_head_img_c5 .sub_head_title {
    top: calc(50% + 70px);
}
.bbs_container_box {
    position: relative;
    top: 0px;
    padding: 0 0 120px 0;
}
/* 서브 gnb head */
.gnb_sub_head {
    margin: 85px 0 0 0;
}
.gnb_sub_head ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.gnb_sub_head > ul > li {
    float: left;
    margin-right: 28px;
    width: calc(100% / 4 - 21px);
}
.gnb_sub_head ul.ul_w2 li {
    margin-right: 40px;
    width: calc(100% / 2 - 20px);
}
.gnb_sub_head ul.ul_w5 li {
    width: 16%;
    margin-left: 0.3%;
    margin-right: 0.3%;
    min-height: 58px;
    line-height: 58px;
}
.gnb_sub_head ul.ul_w4 li {
    width: 19%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    min-height: 58px;
    line-height: 58px;
}
.gnb_sub_head > ul > li:last-child {
    margin-right: 0;
}
.gnb_sub_head > ul > li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--color-black);
    cursor: pointer;
}
.gnb_sub_head > ul > li:hover > a {
    margin-bottom: 0;
    border-bottom: 3px solid var(--color-black);
}
.gnb_sub_head li.on a {
    margin-bottom: 0;
    border-bottom: 3px solid var(--color-black);
}
.gnb_sub_head span.icon_live {
    position: relative;
    top: -1px;
    margin-left: 15px;
    padding: 0 15px 2px 15px;
    line-height: 90%;
    border-radius: 8px;
    font-size: 0.85em;
    color: var(--color-white);
    background: var(--color-red);
}
/* 서브 공통 */
.sub_container {
    margin-top: 160px;
    margin-bottom: 135px;
}
.sub_container_100 {
    margin-top: 100px;
    margin-bottom: 135px;
}
.sub_container_130 {
    margin-top: 130px;
    margin-bottom: 135px;
}
/* 개요 */
.Invitation_Message {
}
.Invitation_Message > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.Invitation_Message > ul > li:nth-child(1) {
    float: left;
    width: calc(100% - 370px);
}
.Invitation_Message > ul > li:nth-child(1) .ceo_sign {
    display: inline-block;
    margin-top: 50px;
    float: right;
}
.Invitation_Message > ul > li:nth-child(1) .ceo_sign img {
    margin-left: 15px;
    height: 40px;
}
.Invitation_Message > ul > li:nth-child(2) {
    float: right;
    width: 321px;
}
.Invitation_Message > ul > li:nth-child(2) img {
    width: 100%;
}

.outline_container {
}
.outline_container .tx1 {
    padding: 65px 0 5px 0;
}
.outline_container .tx2 {
    letter-spacing: -0.03em;
}
.outline_con1 {
    display: inline-block;
    margin-top: 36px;
    width: 100%;
    max-width: 415px;
    border-top: 1px solid var(--color-Gray80);
}
.outline_con1 > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.outline_con1 > ul > li {
    float: left;
    height: 74px;
    line-height: 74px;
    border-bottom: 1px solid var(--color-Gray80);
}
.outline_con1 > ul > li:nth-child(1) {
    width: 122px;
}
.outline_con1 > ul > li:nth-child(2) {
    width: calc(100% - 122px);
}
/* 영문 */
.outline_con1_eng {
    display: inline-block;
    margin-top: 36px;
    width: 100%;
    max-width: 740px;
}
.outline_con1_eng table {
    width: 100%;
    max-width: 820px;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid var(--color-Gray80);
}
.outline_con1_eng table th {
    padding: 18px 0;
    width: 100px;
    text-align: left;
    border-bottom: 1px solid var(--color-Gray80);
}
.outline_con1_eng table td {
    padding: 18px 0;
    border-bottom: 1px solid var(--color-Gray80);
}
/* 영문  끝 */
.concept_note {
    /*    line-height: 220%;
*/
}
.concept_note .con_sub_title {
}
.concept_note .concept_note_title {
    padding: 80px 0 55px 0;
}
.Cooperation_container {
}
.Cooperation_container .con_sub_title {
}
.Cooperation_logo {
    margin-top: 55px;
    margin-bottom: 35px;
}
.Cooperation_logo > ul {
}
.Cooperation_logo > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.Cooperation_logo > ul > li {
    float: left;
    margin-bottom: 20px;
    width: calc(100% / 5);
    text-align: center;
}
.Cooperation_logo > ul > li > a {
    margin: 0 5px;
    display: inline-block;
}
.Cooperation_logo > ul > li img {
    width: 100%;
    max-width: 216px;
    border: 1px solid var(--color-lightGray);
}
/* 인권도시 광주의 발자취 */
.history_title {
    position: relative;
    width: 100%;
}
.history_title .tx1 {
    position: absolute;
    top: 30%;
    left: 50%;
    z-index: 1;
    color: var(--color-blue);
    transform: translate(-50%, -50%);
}
.history_title .tx_img {
    position: relative;
    overflow: hidden;
    min-height: 240px;
    border-bottom: 3px solid var(--color-blue);
}
.history_title .tx_img img {
    width: 100%;
    min-width: 960px;
    min-height: 240px;
}
@media (max-width: 960px) {
    .history_title .tx_img img {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }
}
.history_list {
    padding-top: 130px;
    background: url("../img/line_history.gif");
    background-repeat: no-repeat;
    background-position-x: 45%;
    background-position-y: calc(100% - 130px);
}
.history_list > ul {
    margin-bottom: 50px;
    background: url("../img/history_point.png");
    background-repeat: no-repeat;
    background-position-x: calc(45% - 2px);
    background-position-y: calc(0% + 73px);
}
.history_list > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.history_list > ul > li {
    float: left;
}
.history_list > ul > li:nth-child(1) {
    padding: 0 0 0 5vw;
    width: 45%;
    background: url("../img/line_history_width.gif");
    background-repeat: no-repeat;
    background-position-x: calc(0% + 5vw);
    background-position-y: calc(0% + 81px);
}
.history_list > ul > li:nth-child(2) {
    padding: 65px 0 0 45px;
    width: 55%;
}
.history_list > ul > li:nth-child(2) > p {
    padding: 5px 0;
}
.history_list > ul > li:nth-child(2) > p > span {
    position: relative;
    margin-left: -15px;
    margin-right: 10px;
}
.history_list > ul > li:nth-child(1) > div {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    border: 3px solid var(--color-blue);
    border-radius: 50%;
}
.history_list > ul > li:nth-child(1) > div span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 100%;
    text-align: right;
}
.history_list .year_c1 {
    color: var(--color-white);
    background: var(--color-blue);
}
.history_list .year_c2 {
    color: var(--color-blue);
    background: var(--color-white);
}
.history_list p.po {
}

.whrcf_background_style1 {
    padding: 95px 0 112px 0;
    background: var(--color-yellow) url("../img/svg/box_bg_cion1.svg");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: calc(100% + 15px);
}
.whrcf_background_style1 .con_sub_title {
    padding-top: 20px;
}
.whrcf_background_style2 {
    padding: 86px 0;
    background: var(--color-lightGray);
}
/*
plus_icon.png
*/
.whrcf_cont1 {
}
.whrcf_cont1 > ul {
}
.whrcf_cont1 > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.whrcf_cont1 > ul > li {
    float: left;
    width: 30%;
}
.whrcf_cont1 > ul > li:nth-child(2) {
    width: 40%;
    padding: 0 5%;
    background: url("../img/plus_icon.png"), url("../img/plus_icon.png");
    background-repeat: no-repeat, no-repeat;
    background-position-x: calc(0% + 0.55vw), calc(100% - 0.55vw);
    background-position-y: 50%, 50%;
    background-size: 50px auto;
}
.whrcf_box_white {
    padding: 37px 30px;
    color: var(--color-blue);
    background: var(--color-white);
}
.whrcf_box_white .tx1 {
    padding: 0 0 24px 0;
    margin: 0 0 24px 0;
    border-bottom: 1px solid var(--color-blue);
}
.whrcf_box_white .tx2 {
    margin: 0 auto;
    width: 90%;
    line-height: 200%;
    letter-spacing: -0.05em;
}
.whrcf_cont2 {
}
.whrcf_cont2 > ul {
}
.whrcf_cont2 > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.whrcf_cont2 > ul > li {
}
.whrcf_cont2 > ul > li:nth-child(1) {
    float: left;
    width: 65%;
    max-width: 745px;
}
.whrcf_cont2 > ul > li:nth-child(1) .tx1 {
}
.whrcf_cont2 > ul > li:nth-child(1) .tx2 {
    padding: 35px 0 36px 0;
    line-height: 160%;
}
.whrcf_cont2 > ul > li:nth-child(1) .tx3 {
}
.whrcf_cont2 > ul > li:nth-child(1) .tx3 a {
    display: inline-block;
    width: 100%;
    max-width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: var(--color-blue);
    background: var(--color-white);
    border: 1px solid var(--color-blue);
}
.whrcf_cont2 > ul > li:nth-child(1) .tx3 a img {
    position: relative;
    top: -5px;
    margin-left: 15px;
    width: 100%;
    max-width: 28px;
}
.whrcf_cont2 > ul > li:nth-child(2) {
    float: right;
    padding-top: 14px;
    width: 25%;
    max-width: 280px;
}
.whrcf_cont2 > ul > li:nth-child(2) img {
    width: 100%;
}
.whrcf_container {
}
.whrcf_container > ul {
}
.whrcf_container > ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.whrcf_container > ul > li {
    float: left;
    margin-bottom: 80px;
    width: calc(50% - 40px);
}
.whrcf_container > ul > li:nth-child(2n-2) {
    float: right;
}
.whrcf_tile_box {
    position: relative;
    padding: 45px;
    height: 810px;
    border: 1px solid var(--color-black);
    border-top: 10px solid var(--color-blue);
    overflow: hidden;
    cursor: pointer;
}
.whrcf_tile_box .whrcf_poster_dayTH {
    position: absolute;
    top: 0;
    left: 35px;
    width: 65px;
    height: 90px;
    color: var(--color-white);
    background: var(--color-blue);
}
.whrcf_tile_box .whrcf_poster_dayTH span {
    position: absolute;
    bottom: calc(0% + 10px);
    display: inline-block;
    width: 100%;
    text-align: center;
}
.whrcf_tile_box .whrcf_poster {
    text-align: center;
}
.whrcf_tile_box .whrcf_poster img {
    width: 100%;
    max-width: 240px;
}
.whrcf_tile_box .whrcf_poster .on {
    display: none;
}
.whrcf_tile_box:hover .whrcf_poster .on {
    display: inline-block;
}
.whrcf_tile_box:hover .whrcf_poster .off {
    display: none;
}

.whrcf_tile_box .whrcf_poster_title {
    padding: 45px 0 26px 0;
    text-align: center;
    border-bottom: 1px solid var(--color-black);
}
.whrcf_tile_box .whrcf_poster_title > p:nth-child(1) {
    padding-bottom: 10px;
}
.whrcf_tile_box .whrcf_poster_container {
    padding-top: 20px;
}
.whrcf_tile_box .whrcf_poster_container .tx1 {
    margin: 10px 0;
    padding: 0 0 0 50px;
    word-break: keep-all;
    line-height: 160%;
}
.whrcf_tile_box .whrcf_poster_container .tx1 > span {
    position: relative;
    display: inline-block;
    margin-right: 11px;
    margin-left: -45px;
    font-weight: 700;
}
/*
.whrcf_tile_box .whrcf_poster_container .tx1 > span::before {
    content: "·";
    font-size: 1em;
    font-weight: 800;
}
*/
.btn_program {
    display: inline-block;
    margin: 25px 0;
    width: 100%;
    max-width: 270px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 30px;
    background: var(--color-white);
}
.btn_program img {
    position: relative;
    top: -5px;
    margin-left: 10px;
    width: 100%;
    max-width: 26px;
}
/******
*********
*********
*********
**************************************************** 시작   *****************
**************************************************** 게시판 프로그램 스케줄   *****************
**************************************************** 시작   *****************
*********
*********
*********
*******/
.whrcf_program_container {
    display: inline-block;
    margin: 50px 0 0 0;
    padding: 80px 0 0 0;
    width: 100%;
    border-top: 1px solid var(--color-black);
}
.whrcf_program_container ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.whrcf_program_container .whrcf_program_left {
    float: left;
    width: 260px;
}
.whrcf_program_container .whrcf_program_left .ss_tx {
	padding-bottom:15px;
}
.whrcf_program_container .whrcf_program_right {
    position: relative;
    float: right;
    width: calc(100% - 260px);
}
.btn_program_link {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 150px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    color: var(--color-white);
    background: var(--color-blue);
}
.btn_program_link img {
    position: relative;
    top: -3px;
    margin-left: 8px;
    width: 25px;
}
/* 영문 */
.btn_program_link_en {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 200px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    color: var(--color-white);
    background: var(--color-blue);
}
.btn_program_link_en img {
    position: relative;
    top: -3px;
    margin-left: 8px;
    width: 25px;
}
/* 영문 끝 */
.program_bbs_title {
    width: calc(100% - 180px);
}
.program_bbs_con1 {
    padding: 30px 0 30px 0;
}
.program_bbs_con1 > ul {
    padding: 10px 0;
}
.program_bbs_con1 ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.program_bbs_con1 > ul > li {
    float: left;
}
.program_bbs_con1 > ul > li:nth-child(1) {
    width: 60px;
    text-align: right;
    line-height: 180%;
    font-family: "Noto Sans KR";
    font-weight: 700;
}
.program_bbs_con1 > ul > li:nth-child(2) {
    padding-left: 20px;
    width: calc(100% - 60px);
    line-height: 180%;
    font-family: "Noto Sans KR";
    font-weight: 400;
}
.program_bbs_con1 > ul > li:nth-child(2) span.po {
    color: var(--color-Gray80);
}
.program_bbs_con1 > ul > li:nth-child(2) p.po {
	margin-top:-3px;
	margin-bottom:8px;
	line-height:140%;
    color: var(--color-Gray80);
}
.program_bbs_con1 > ul > li:nth-child(2) .po_Download {
	position: relative;
	display:inline-block;
	padding:10px 12px;
	margin-bottom:-5px;
	margin-right:10px;
	color: var(--color-white);
	background:#121840  url(../img/svg/download.svg) no-repeat 50% 50%;
	background-size: 14px auto;
	border-radius:3px;

}
.program_bbs_con1_eng ul > li:nth-child(1) {
    width: 100px;
}
.program_bbs_con1_eng > ul > li:nth-child(2) {
    width: calc(100% - 100px);
}

.program_bbs_con2 {
    border-top: 1px solid #ccc;
    padding: 35px 0 30px 0;
}
.program_bbs_con2 .bbs_tx1 {
    padding-bottom: 25px;
}
.program_bbs_con2 .bbs_tx2 {
    line-height: 180%;
}

/******
*********
*********
*********
**************************************************** 끝   *****************
**************************************************** 게시판 프로그램 스케줄   *****************
**************************************************** 끝   *****************
*********
*********
*********
*******/
.HumanRightsCityGwangju_text_box {
    position: relative;
    width: 100%;
}
.HumanRightsCityGwangju_text_box > p {
    padding: 3px 0 3px 20px;
    line-height: 160%;
    word-break: keep-all;
}
.HumanRightsCityGwangju_text_box .text_point {
}
.HumanRightsCityGwangju_text_box .text_Side_point {
    padding-bottom: 15px;
    color: var(--color-Gray);
}

.HumanRightsCityGwangju_text_box span {
    position: relative;
    margin-left: -19px;
    margin-right: 10px;
}
.HumanRightsCityGwangju_title_box .text_B_point {
    padding-left: 0;
    padding-bottom: 8px;
}
/**/

.title_all_text_sub2 {
    padding: 40px 0 10px 0;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
}
.title_all_text_sub2 img {
    display: none;
    position: relative;
    margin-top: -5px;
    padding-right: 15px;
}

.p13_2020_box_title {
}
.p13_2020_box {
    margin-top: 30px;
}
.p13_2020_box:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.p13_2020_box .box1 {
    float: right;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    background: #929292;
}
.p13_2020_box .box1 .box2 {
    position: relative;
    min-height: 300px;
    overflow: hidden;
}
.p13_2020_box .box1 .box2:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.p13_2020_box .box1 .box2 .tx1 {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 100%;
    transform: translate(0, -50%);
    background: #344853 url("../img/kang_under.png") repeat-y 0 50%;
}
.p13_2020_box .box1 .box2 .tx1 .p13_2020_p_tx {
    float: right;
    padding: 35px 36px 35px 0;
    width: 65%;
    color: var(--color-white);
    font-size: 0.9em;
    line-height: 160%;
    text-align: justify;
    letter-spacing: -0.05em;
}
.p13_2020_box .box1 .box2 .p13_2020_p1 {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 35%;
    background: url("../img/kang1.png") no-repeat right 12%;
}
.p13_2020_box .box1 .box2 .p13_2020_p2 {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 37%;
    background: url("../img/kang2.png") no-repeat right bottom;
}
@media (max-width: 780px) {
    .p13_2020_box .box1 {
        background: #344853;
    }
    .p13_2020_box .box1 .box2 .p13_2020_p1 {
        position: absolute;
        width: 43%;
        background: url("../img/kang1.png") no-repeat right 12%;
        z-index: 0;
    }
    .p13_2020_box .box1 .box2 .tx1 {
        position: static;
    }
    .p13_2020_box .box1 .box2 .p13_2020_p2 {
        position: absolute;
        width: 48%;
        background: url("../img/kang2.png") no-repeat right 12%;
        z-index: 0;
        transform: translate(0, 6%);
    }
}
@media (max-width: 550px) {
    .p13_2020_box .box1 .box2 {
        min-height: 0;
    }
    .p13_2020_box .box1 .box2 .tx1 .p13_2020_p_tx {
        width: 100%;
        padding: 35px;
    }
    .p13_2020_box .box1 .box2 .p13_2020_p1 {
        display: none;
    }
    .p13_2020_box .box1 .box2 .p13_2020_p2 {
        display: none;
    }
}
/*******
참가 안내
********/
.mobile_line {
    display: none;
}
.display_bk {
    display: inline-block;
}

.guide1 {
    margin-bottom: 80px;
    padding: 0 25px;
}
.guide1:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.guide_img_button a {
    display: inline-block;
    margin: 30px 0 20px 54px;
    width: 186px;
    height: 48px;
    border: 1px solid #c5c3c3;
    text-align: center;
    line-height: 320%;
    color: #fff;
    background: #ed725f;
}
.guidance {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding-left: 0;
    margin-bottom: 50px;
}
.pre_registration_icon_info {
    padding: 40px 0;
}
.pre_registaration_steps {
    margin: 0 auto;
    width: 100%;
}
.pre_registaration_steps:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.registration_steps {
    display: table;
    float: left;
    margin: 0 1%;
    padding: 20px 0;
    min-height: 300px;
    width: 26%;
    text-align: center;
    background-color: #fff;
    border-radius: 60px;
}
.registration_steps:nth-child(2n) {
    width: 5%;
    background-color: #f7f7f7;
}
.registration_steps:nth-child(2n-1):hover {
    box-shadow: 8px 8px 20px #cfcfcf;
}
.steps_inbox {
    display: table-cell;
    vertical-align: middle;
}
.steps_title1 {
    padding: 30px 0;
    font-size: 1.2em;
    font-weight: 700;
    color: #121840;
}
.steps_cont1 {
    line-height: 1.8em;
}
.cont_ul_sub1 {
    margin: 0 auto;
    width: 90%;
}
.cont_ul_sub1:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.cont_li_sub1 {
    float: left;
    width: 50%;
    line-height: 1.6em;
}
.regis_next_icon {
    transform: translateY(350%);
}
.guide_sub {
    display: inline-block;
    padding: 13px 0 10px 0px;
    font-size: 1.1em;
    line-height: 180%;
    width: 100%;
}

.tabs_btn_new {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    border: 1px solid #b3b3b3;
}
.tabs_btn_new .tabs {
    margin: 0;
    padding: 0;
    width: 100%;
}
.tabs_btn_new .tabs:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.tabs_btn_new .tabs .tabs_li {
    position: relative;
    float: left;
    width: 20%;
    border-right: 1px solid #b3b3b3;
}
.tabs_btn_new .tabs .tabs_li:last-child {
    border: none;
}
.tabs_btn_new .tabs .tabs_li > a {
    display: block;
    padding: 30px 0;
    min-width: 100%;
    color: #727272;
    text-align: center;
}
.tabs_btn_new .tabs .selected > a {
    margin: 0;
    color: #fff;
}
.tabs_btn_new .tabs .tabs_li > a > p {
    padding-top: 100px;
}
.tabcontents {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.tabs_btn_new .tabs .tab_bg1 {
    background: #fff url("../img/main_icon_1.png") no-repeat 50% 30%;
}
.tabs_btn_new .tabs .tab_bg2 {
    background: #fff url("../img/main_icon_2.png") no-repeat 50% 30%;
}
.tabs_btn_new .tabs .tab_bg3 {
    background: #fff url("../img/main_icon_3.png") no-repeat 50% 30%;
}
.tabs_btn_new .tabs .tab_bg4 {
    background: #fff url("../img/main_icon_4.png") no-repeat 50% 30%;
}
.tabs_btn_new .tabs .tab_bg5 {
    background: #fff url("../img/main_icon_5.png") no-repeat 50% 30%;
}

.tabs_btn_new .tabs .selected .tab_bg1 {
    background: #121840 url("../img/main_icon_1_w.png") no-repeat 50% 30%;
}
.tabs_btn_new .tabs .selected .tab_bg2 {
    background: #121840 url("../img/main_icon_2_w.png") no-repeat 50% 30%;
}
.tabs_btn_new .tabs .selected .tab_bg3 {
    background: #121840 url("../img/main_icon_3_w.png") no-repeat 50% 30%;
}
.tabs_btn_new .tabs .selected .tab_bg4 {
    background: #121840 url("../img/main_icon_4_w.png") no-repeat 50% 30%;
}
.tabs_btn_new .tabs .selected .tab_bg5 {
    background: #121840 url("../img/main_icon_5_w.png") no-repeat 50% 30%;
}
.guide2 {
    margin-bottom: 80px;
}
.guide2:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.guide2 .guide_sub {
    display: inline-block;
    padding: 59px 0 10px 54px;
    font-size: 1.1em;
    line-height: 150%;
}
.guide2 .guide_sub .root_daum_roughmap {
    width: 100% !important;
}
.guide2 .guide_place {
    width: 100%;
    margin: 0 auto;
    padding-left: 54px;
    margin-top: 50px;
    text-align: center;
}
.guide2 .guide_place .guide_chart {
    width: 100%;
    padding-right: 30px;
    border-collapse: collapse;
    font-size: 1.15em;
}
.guide2 .guide_place .guide_chart tbody tr td {
    padding: 20px 30px;
    border: 1px solid #d4d4d4;
    line-height: 180%;
    background: #fff;
}
.guide2 .guide_place .guide_chart tbody tr .chart_left {
    width: 23%;
    border-left: 1px solid #fff;
    font-weight: 700;
}
.guide2 .guide_place .guide_chart tbody tr .chart_right {
    width: 77%;
    border-right: 1px solid #fff;
    text-align: left;
}
.guide2 .guide_place .guide_chart tbody tr .chart_right .place_bus {
    display: inline-block;
    margin: 10px 0 0 0;
    width: 71px;
    height: 30px;
    border-radius: 15px;
    background-color: #e29a0f;
    text-align: center;
    font-size: 0.95em;
    color: white;
    color: #fff;
}
.guide2 .guide_place .guide_chart tbody tr .chart_right .bus_info {
    display: inline-block;
    padding: 0 40px 0 15px;
    font-size: 0.8em;
}
.guide3 {
    margin-bottom: 80px;
}
.guide3:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.guide_sub .hotel_bold {
    display: inline-block;
    font-weight: 700;
}
.guide_sub .hotel_link {
    display: inline-block;
}
.guide_sub .hotel_link a {
    color: #0083c9;
}
.hotel_box {
    width: 100%;
    margin-top: 50px;
    padding-left: 54px;
    overflow-x: auto;
}
.hotel_box .hotel_chart {
    width: 1100px;
    border-collapse: collapse;
    text-align: center;
    font-size: 1.15em;
}
.hotel_box .hotel_chart tbody tr td {
    border: 1px solid #d4d4d4;
    padding: 35px;
    background: #fff;
}
.hotel_box .hotel_chart tbody tr .hotel_chart_title_left {
    width: 30%;
    border-left: 1px solid #fff;
    padding: 24px 0;
}
.hotel_box .hotel_chart tbody tr .hotel_chart_title_right {
    width: 77%;
    border-right: 1px solid #fff;
    padding: 24px 0;
}
.hotel_box .hotel_chart tbody tr .hotel_chart_left {
    width: 30%;
    border-left: 1px solid #fff;
    padding: 0;
}
.hotel_box .hotel_chart tbody tr .hotel_chart_left img {
    height: 100%;
}
.hotel_box .hotel_chart tbody tr .hotel_chart_right {
    width: 77%;
    border-right: 1px solid #fff;
    text-align: left;
}
.hotel_box .hotel_chart tbody tr .hotel_chart_right .hotel_info {
    width: 100%;
}
.hotel_box .hotel_chart tbody tr .hotel_chart_right .hotel_info li {
    width: 170px;
    float: left;
    text-align: right;
}
.hotel_box .hotel_chart tbody tr .hotel_chart_right .hotel_info li.info_left {
    width: calc(100% - 170px);
    text-align: left;
}
.hotel_box
    .hotel_chart
    tbody
    tr
    .hotel_chart_right
    .hotel_info
    li
    .hotel_button {
    display: inline-block;
    width: 163px;
    border: 1px solid #ababab;
    color: #737373;
    font-size: 0.9em;
    text-align: center;
    line-height: 240%;
    margin: 36px 0;
}
.hotel_box
    .hotel_chart
    tbody
    tr
    .hotel_chart_right
    .hotel_info
    li
    .hotel_button:hover {
    background: #121840;
    color: #fff;
}
.guide4 {
    margin-bottom: 80px;
}
.guide4:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.greenbox {
    width: 100%;
    margin-top: 50px;
    padding: 0 54px;
}
.greenbox:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.greenbox .greencampaign {
    width: 90%;
    margin: 0 auto;
    font-size: 1.1em;
}
.greenbox .greencampaign li {
    float: left;
    width: 33.33333%;
    text-align: center;
    padding: 0 10px;
}
.greenbox .greencampaign li .circleicon {
    width: 183px;
    height: 183px;
    margin: 0 auto;
    border-radius: 90px;
    background: #fff;
    box-shadow: -3px 10px 10px #e9e9e9;
}
.greenbox .greencampaign li .circleicon .greenicon1 {
    transform: translate(0px, 33px);
}
.greenbox .greencampaign li .circleicon .greenicon2 {
    transform: translate(0px, 48px);
}
.greenbox .greencampaign li .circleicon .greenicon3 {
    transform: translate(-6px, 38px);
}
.greenbox .greencampaign li .greeninfo {
    width: 100%;
    margin-top: 7px;
}
.greenbox .greencampaign li .greeninfo .green_info_title {
    display: inline-block;
    width: 100%;
    padding: 29px 0;
    font-weight: 700;
}
.guide_service1 {
    width: 100%;
    padding: 0 22px 70px 22px;
    background: #fff;
    margin-bottom: 100px;
}
.guide_service1:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.guide_service1 .guidebook_info {
    width: 80%;
    margin: 0 auto;
    margin-top: 23px;
    font-size: 1.15em;
}
.guide_service1 .guidebook_info .application {
    width: 100%;
    margin-top: 36px;
    font-size: 0.8em;
    margin-bottom: 60px;
}
.guide_service1 .guidebook_info .application .application_step {
    width: 100%;
    margin: 30px 0;
}
.guide_service1 .guidebook_info .application .application_step:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.guide_service1 .guidebook_info .application .application_step li {
    position: relative;
    float: left;
    height: 64px;
    line-height: 64px;
    text-align: center;
}
.guide_service1
    .guidebook_info
    .application
    .application_step
    li.application_step1 {
    width: 54%;
    background: #f0f0f0;
}
.guide_service1
    .guidebook_info
    .application
    .application_step
    li.application_step2 {
    width: 39%;
    background: #f0f0f0;
}
.guide_service1
    .guidebook_info
    .application
    .application_step
    li.application_step2
    img {
    position: absolute;
    left: 0;
    top: 0;
}
.guide_service1 .guidebook_info .application .application_step li.pointer {
    width: 7%;
}
.guide_service1 .guidebook_info .application .application_step li.pointer img {
    position: absolute;
    left: 0;
    left: 0;
    top: 0;
}
.guide_service1 .guidebook_info .application .application_step li.pointer2 {
    width: 3%;
}
.guide_service1 .guidebook_info .application .application_step li.pointer2 img {
    position: absolute;
    left: 0;
    left: 0;
    top: 0;
}
.guide_service1
    .guidebook_info
    .application
    .application_step
    li.application_step3 {
    width: 48%;
    background: #f0f0f0;
}
.guide_service1
    .guidebook_info
    .application
    .application_step
    li.application_step4 {
    width: 47%;
    background: #f0f0f0;
}
.guide_service1
    .guidebook_info
    .application
    .application_step
    li.application_step4
    img {
    position: absolute;
    left: 0;
    top: 0;
}
.guide_service1 .guidebook_info .application .application_step_last {
    display: inline-block;
    padding: 23px 0;
    text-align: center;
    background: #c8e7f2;
    width: 364px;
}
.guide_service1 .guidebook_info .info_sub_content {
    display: inline-block;
    margin-top: 28px;
    padding-left: 18px;
    font-size: 0.9em;
}
.guide_service2 {
    width: 100%;
    padding: 0 22px 70px 22px;
    background: #fff;
    margin-bottom: 100px;
}
.guide_service2:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

.guide_service3 {
    width: 100%;
    padding: 0 22px 55px 22px;
    background: #fff;
    margin-bottom: 100px;
}
.guide_service3:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.guide_service3 .carebox {
    width: 80%;
    margin: 35px auto;
}
.guide_service3 .carebox .caretable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 200%;
}
.guide_service3 .carebox .caretable tbody tr td {
    padding: 20px;
    border: 1px solid #d4d4d4;
}
.guide_service3 .carebox .caretable tbody tr .caretable_left {
    width: 25%;
    text-align: center;
    border-left: 1px solid #fff;
    font-weight: 700;
}
.guide_service3 .carebox .caretable tbody tr .caretable_right {
    width: 75%;
    border-right: 1px solid #fff;
}
.guide_service3 .carebox .caretable tbody tr .caretable_right .table_content {
    display: inline-block;
    padding-left: 20px;
}
/* 2020년 tab 디자인 style */
.tabs_btn {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.tabs_btn .tabs {
    margin: 0;
    padding: 0;
    width: 100%;
}
.tabs_btn .tabs:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.tabs_btn .tabs .tabs_li {
    position: relative;
    float: left;
    font-size: 1.3em;
    border: 1px solid #e2e2e2;
}
.tabs_btn .tabs .tabs_li > a {
    display: block;
    margin-bottom: -2px;
    min-width: 100%;
    height: 64px;
    line-height: 64px;
    background: #f5f5f5;
    color: #000;
    text-align: center;
}
.tabs_btn .tabs .selected > a {
    margin: 0;
    background: #fff;
    border: 2px solid #787878;
    border-bottom: none;
}
.tabs_btn .tabs .selected {
    border: none;
}
.tabs_v2 > li {
    min-width: 50%;
}
.tabs_v3 > li {
    min-width: 33.333333%;
}
.tabs_v3 > li:nth-child(2) a {
    margin: 0 -1px;
}
.filedownbutton {
    display: inline-block;
    margin-left: 54px;
    padding: 7px 30px;
    border: 1px solid #d4d4d4;
    background-color: #121840;
    color: #ffffff !important;
}
.filedownbutton:hover {
    background-color: #0083c9;
}
#view1_v {
    display: none;
}
#view2_v {
    display: none;
}
#view3_v {
    display: none;
}
.blockinfo {
    display: block !important;
}
@media (max-width: 1860px) {
    .foot {
        padding: 60px 0 110px 160px;
        margin: 0 auto;
        width: 100%;
    }
    .foot .ft_right {
        width: 37%;
    }
}
@media (max-width: 1400px) {
    .index_head .cont_text {
        padding: 0 0 0 8vw;
    }
    .index_head {
        background: var(--color-blue) url(../img/2021_string_1080.png) no-repeat
            140% 50%;
    }
}
@media (max-width: 1300px) {
    .foot {
        position: relative;
        padding: 60px 0 110px 160px;
        margin: 0 auto;
        width: 100%;
        background: url(../img/foot_line.gif) no-repeat 127px 100%;
    }
    .foot .ft_left {
        position: relative;
        float: none;
        clear: both;
        display: inline-block;
        padding-right: 155px;
        width: 100%;
    }
    .foot .ft_right {
        position: relative;
        padding-top: 35px;
        float: none;
        clear: both;
        display: inline-block;
        width: 100%;
        min-height: auto;
    }
    .foot .ft_left .img2 .tx1,
    .foot .ft_left .img2_en .tx1 {
        position: relative;
        float: none;
        clear: both;
        left: 0;
        bottom: 0;
        padding-top: 20px;
    }
    .foot .ft_right .tx4 {
        position: relative;
        left: none;
        bottom: none;
    }
    #ft_container {
        width: 100%;
        background: var(--color-Gray80) url(../img/svg/foot_Bg_line.svg)
            no-repeat 0 100%;
        background-size: 1920px auto;
    }
    .foot .ft_left .img1 {
        float: left;
        width: 150px;
    }
    .foot .ft_left .img2,
    .foot .ft_left .img2_en {
        float: left;
        margin: 0 0 0 20px;
        width: calc(100% - 170px);
    }
}
@media (max-width: 1200px) {
    .inx6_container .inx6_box .inx6_newsletter {
        float: none;
        width: 100%;
    }
    .inx6_container .inx6_box .inx6_sns {
        position: relative;
        padding-top: 50px;
        right: none;
        bottom: none;
        width: 100%;
    }
}
@media (max-width: 1130px) {
    .guidance {
        padding-left: 10px;
    }
    .guide_service1 .guidebook_info .application .application_step {
        margin: 0;
    }
    .guide_service1 .guidebook_info .application .application_step li {
        margin-bottom: 20px;
    }
    .guide_service1
        .guidebook_info
        .application
        .application_step
        li.application_step1 {
        width: 100%;
    }
    .guide_service1
        .guidebook_info
        .application
        .application_step
        li.application_step2 {
        width: 100%;
    }
    .guide_service1
        .guidebook_info
        .application
        .application_step
        li.application_step2
        img {
        display: none;
    }
    .guide_service1 .guidebook_info .application .application_step li.pointer {
        display: none;
    }
    .guide_service1
        .guidebook_info
        .application
        .application_step
        li.pointer
        img {
        display: none;
    }
    .guide_service1
        .guidebook_info
        .application
        .application_step
        li.application_step3 {
        width: 100%;
    }
    .guide_service1
        .guidebook_info
        .application
        .application_step
        li.application_step4 {
        width: 100%;
    }
    .guide_service1
        .guidebook_info
        .application
        .application_step
        li.application_step4
        img {
        display: none;
    }
    .guide_service1 .guidebook_info .application .application_step li.pointer2 {
        display: none;
    }
    .guide_service1 .guidebook_info .application .application_step_last {
        width: 100%;
    }
    .live_container {
        width: 100%;
    }

    .live_box {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .live_container > ul > li {
        float: left;
        width: 45% !important;
        margin: 0 2.5% 5% 2.5% !important;
    }
    .live_container > ul > li:nth-child(2n - 1) {
        color: var(--color-black) !important;
        background-color: var(--color-yellow) !important;
    }
    .live_container > ul > li:nth-child(2n - 1) a,
    .live_container > ul > li:nth-child(2n - 1) a .tx3,
    .live_container > ul > li:nth-child(2n - 1) a .tx4 {
        color: var(--color-black) !important;
    }

    .live_container > ul > li:nth-child(2n - 1) span {
        background-color: var(--color-black) !important;
    }

    .live_container > ul > li:nth-child(2n - 2) {
        color: var(--color-yellow) !important;
        background-color: var(--color-blue) !important;
    }
    .live_container > ul > li:nth-child(2n - 2) a {
        color: var(--color-yellow) !important;
    }
    .live_container > ul > li:nth-child(2n - 2) a .tx3,
    .live_container > ul > li:nth-child(2n - 2) a .tx4 {
        color: var(--color-white) !important;
    }

    .live_container > ul > li:nth-child(2n - 2) span {
        background-color: var(--color-yellow) !important;
    }

    /************************************************************
    .live_container > ul > li:nth-child(2n - 2) {
        float: left;
        width: 45%;
        margin: 0 2.5% 5% 2.5%;
        color: var(--color-black) !important;
        background-color: var(--color-yellow) !important;
    }
    .live_container > ul > li:nth-child(2n - 2) a {
        color: var(--color-black) !important;
    }

    .live_container > ul > li:nth-child(2n-2) .tx2 span {
        background-color: none;
    }
    .live_box .tx2 span {
        background-color: var(--color-yellow) !important;
    }
    .live_container > ul > li:nth-child(2n - 2) .tx2 span {
        background-color: var(--color-blue) !important;
    }
    ************************************************************/
}
@media (max-width: 1000px) {
    .pre_registaration_steps {
        margin: 0 auto;
        width: 50%;
    }
    .registration_steps {
        clear: left;
        width: 100%;
    }
    .registration_steps:nth-child(2n) {
        min-height: 5px;
    }
    .regis_next_icon {
        display: none;
    }
    .inx_container_box1 .box_left {
        float: none;
        width: 100%;
        padding-bottom: 80px;
    }
    .inx_container_box1 .box_right {
        float: none;
        width: 100%;
    }
    .whrcf_program_container .whrcf_program_left {
        width: 100%;
    }
    .whrcf_program_container .whrcf_program_right {
        width: calc(100% - 0px);
    }
}

@media (max-width: 950px) {
    .whrcf_tile_box {
        height: 900px;
    }
}
@media (max-width: 910px) {
    .greenbox {
        margin-top: 0;
    }
    .greenbox .greencampaign li {
        width: 100%;
        padding: 35px 0;
    }

    .guide4 {
        margin-bottom: 20px;
    }
    .index_head {
        background: var(--color-blue) url(../img/2021_string_1080.png) no-repeat -5000px
            50%;
    }
}

@media (max-width: 860px) {
    .gnb_right .quick {
        right: 15px;
        bottom: 0;
    }
    .gnb_right .quick button.link3 {
        display: none;
    }
    .inx_content1 .cont_count > ul > li {
        width: 50%;
    }
    .inx_content1 .cont_count > ul > li:nth-child(1),
    .inx_content1 .cont_count > ul > li:nth-child(2) {
        margin-bottom: 30px;
    }
    .sub_head_title_container {
        min-height: 300px;
    }

    .sub_head_title_container .sub_head_title {
        top: calc(38% + 26px);
    }

    .whrcf_cont1 > ul > li {
        float: none;
        clear: both;
        width: 100%;
    }
    .whrcf_cont1 > ul > li:nth-child(2) {
        width: 100%;
        padding: 30px 0;
    }
    .whrcf_cont2 > ul > li:nth-child(1) {
        float: none;
        clear: both;
        width: 100%;
        max-width: 100%;
    }
    .whrcf_cont2 > ul > li:nth-child(2) {
        float: none;
        clear: both;
        padding-top: 50px;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .whrcf_cont2 > ul > li:nth-child(2) img {
        width: 100%;
        max-width: 500px;
    }
    .Cooperation_logo > ul > li {
        width: calc(100% / 3);
        text-align: center;
    }

    .whrcf_container > ul > li {
        width: calc(50% - 10px);
    }

    .Invitation_Message > ul > li:nth-child(1) {
        float: none;
        clear: both;
        width: calc(100% - 0px);
    }
    .Invitation_Message > ul > li:nth-child(2) {
        float: none;
        clear: both;
        padding-top: 50px;
        width: 100%;
    }
    /* 서브 공통 */
    .sub_container {
        margin-top: 80px;
        margin-bottom: 100px;
    }
    .sub_container_100 {
        margin-top: 60px;
        margin-bottom: 100px;
    }
    .sub_container_130 {
        margin-top: 80px;
        margin-bottom: 1100px;
    }
}
@media (max-width: 780px) {
    #ft_container {
        background: var(--color-Gray80) url(../img/svg/foot_Bg_line.svg)
            no-repeat -67px 100%;
        background-size: 1920px auto;
    }
    .foot {
        padding: 60px 0 110px 90px;
        background: url(../img/foot_line.gif) no-repeat 60px 100%;
    }
    .foot .ft_left .img1 {
        display: none;
    }
    .foot .ft_left {
        padding-right: 110px;
    }
    .foot .ft_left .img2,
    .foot .ft_left .img2_en {
        float: left;
        margin: 0 0 0 0;
        width: calc(100%);
    }
    .foot .ft_right {
        padding-top: 20px;
        padding-right: 110px;
    }
}
@media (max-width: 760px) {
    .pre_registaration_steps {
        margin: 0 auto;
        width: 80% !important;
    }
    .cont_ul_sub1 {
        margin: 0 auto;
    }
    .guide_sub {
        padding: 20px 0 10px 10px;
    }
    .hotel_box {
        padding-left: 14px;
    }
    .live_container > ul > li {
        width: 90% !important;
        margin: 0 5% 5% 5% !important;
    }
}

@media (max-width: 720px) {
    .whrcf_tile_box {
        height: auto !important;
    }
    .whrcf_container > ul > li {
        clear: both !important;
        float: none !important;
        width: calc(100% - 0px) !important;
    }
    .schedule_table table > tbody > tr > th {
        display: none;
    }
    .schedule_table table > tbody > tr > td .tx0 {
        display: inline-block;
        padding: 0 0 20px 0;
    }
    .schedule_table table > tbody > tr > td .tx1 {
        line-height: 120%;
    }
    .history_list {
        background-position-x: 100%;
    }
    .history_list > ul {
        margin-bottom: 50px;
        background: url(../img/history_point.png);
        background-repeat: no-repeat;
        background-position-x: calc(100% + 9px);
        background-position-y: calc(0% + 73px);
    }
    .history_list > ul > li:nth-child(1) {
        padding: 0 0 0 0;
        width: 100%;
        background: url(../img/line_history_width.gif);
        background-repeat: no-repeat;
        background-position-x: calc(0% + 5vw);
        background-position-y: calc(0% + 81px);
    }
    .history_list > ul > li:nth-child(2) {
        padding: 30px 0 50px 20px;
        width: 100%;
    }
}

@media (max-width: 680px) {
    .index_head .cont_text {
        padding: 0 8vw;
    }
    .inx_container_box1 .box_design_style1 {
        float: none;
        display: inline-block;
        width: calc(100% - 0px);
        padding: 35px 15px 15px 35px;
        border-left: 10px solid var(--color-blue);
        margin: 0 0 10px 0 !important;
    }
    .inx_container_box1 .box_left .tx2 {
        padding: 3rem 0;
    }
}
@media (max-width: 600px) {
    .guidance {
        margin-bottom: 50px;
    }
    .tabs_btn_new .tabs .tabs_li {
        width: 50%;
        border: none;
    }
    .guide2 .guide_sub {
        padding: 59px 0 10px 0 !important;
    }
    .guide2 .guide_place {
        padding-left: 0;
    }

    .index_head .cont_text {
        position: absolute;
        top: calc(50% + 0px);
        left: 0;
        width: calc(100% - 0px);
        transform: translate(0, -50%);
    }
}
@media (max-width: 580px) {
    .inx6_sns_list > a {
        float: left;
        width: 25%;
    }
    .inx6_sns_list > a > img {
        margin: 0 10px;
    }
    .Cooperation_logo > ul > li {
        width: calc(100% / 2);
        text-align: center;
    }
    .outline_con1 {
        width: 100%;
        max-width: 100%;
    }
    .gnb_sub_head > ul > li {
        margin-right: 6.6666px;
        width: calc(100% / 4 - 5px);
    }
    .outline_con1 > ul > li:nth-child(1) {
        width: 70px;
    }
    .outline_con1 > ul > li:nth-child(2) {
        width: calc(100% - 70px);
    }
    .gnb_sub_head ul.ul_w2 li {
        margin-right: 10px;
        width: calc(100% / 2 - 5px);
    }
    .gnb_sub_head > ul > li:last-child {
        margin-right: 0;
    }
    .gnb_sub_head > ul > li > a {
        letter-spacing: -0.05em;
    }
    .history_title .tx1 {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 520px) {
    .gnb_sub_head ul.ul_w2 li {
        margin-right: 0;
        height: 52px;
        line-height: 52px;
        width: calc(100% - 0px);
    }
}

@media (max-width: 480px) {
    .tabs_btn_new .tabs .tabs_li {
        font-size: 0.9em;
    }
    .tabs_btn .tabs .tabs_li {
        font-size: 0.9em;
    }
    .cont_li_sub1 {
        clear: left;
        width: 100%;
        text-align: center;
    }
    .guide_service1 .guidebook_info {
        width: 95%;
    }
    .guide_service3 .carebox {
        width: 100%;
    }
    .HumanRightsCityGwangju_text_box > p {
        padding: 3px 0 3px 20px;
    }
    .HumanRightsCityGwangju_text_box span {
        margin-left: -15px;
        margin-right: 10px;
    }
}
@media (max-width: 400px) {
    .guide_service1 .guidebook_info .application .application_step li {
        height: auto;
        line-height: 20px;
        padding: 15px 3px;
    }
}

/*******
참가 안내 / 끝 /
********/

.ol_tx {
    line-height: 180%;
} /* 공통 */

.googlephoto1 {
    width: 95%;
    padding: 30px;
    margin: 40px auto;
    border: 1px solid #c5c3c4;
    font-size: 1.1em;
    color: #4c4c4c;
}
.googlephoto1:hover {
    background: #121840;
    box-shadow: 4px 5px 20px #c0c0c0;
}
.googlephoto1:hover ul li {
    color: #fff;
}
.googlephoto1:hover ul li .goimg {
    background: url("../img/gogo_w.png") 0 0 no-repeat;
}
.googlephoto1 ul {
    width: 100%;
}
.googlephoto1 ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.googlephoto1 ul li {
    width: calc(100% - 100px);
    float: left;
    padding: 0;
}
.googlephoto1 ul li:nth-child(1) {
    padding-top: 15px;
    width: 100px;
}
@media (max-width: 580px) {
    .googlephoto1 ul li:nth-child(1) {
        width: 100%;
    }
    .googlephoto1 ul li {
        width: calc(100% - 0px);
    }
}
.goimg {
    position: relative;
    top: -2px;
    width: 23px;
    height: 19px;
    display: inline-block;
    padding-right: 10px;
    transform: translate(0, 4px);
    background: url("../img/gogo.png") 0 no-repeat;
}
.alright {
    text-align: right;
    font-size: 0.9em;
}
.libold {
    font-weight: 700;
}
.margt50 {
    margin-top: 40px;
}
.margb50 {
    margin-bottom: 67px;
}
.live_container_s_text {
    position: relative;
    top: -15px;
    text-align: right;
}

/***************/
/* FOOT selectdiv */
.ft_FamilySite {
    position: absolute;
    right: 50px;
    top: 57%;
}
.selectdiv {
    position: relative;
    right: 0;
    width: 100%;
    max-width: 200px;
}
.selectdiv:after {
    content: " ";
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url("../img/svg/quick_r_icon3.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 10px;
    right: 15px;
    top: 23px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.selectdiv:hover::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    margin: 0px;
    padding: 0px 60px 0px 20px;
    width: 100%;
    height: 50px;
    line-height: 1.75;
    font-weight: 300;
    color: var(--color-white);
    background-color: #4d4d4d;
    -ms-word-break: normal;
    word-break: normal;
    border: none;
}
/*************************************/

.container_line {
    width: 100%;
    height: 0;
    font-size: 0;
    border-top: 1px solid #ccc;
}

@media (max-width: 760px) {
    .ft_FamilySite {
        position: absolute;
        right: 0;
        top: 0%;
    }
}


.input_class__Tx {font-size:22px;color:#000;}