/* 메인화면 한줄공지 */
.newsTicker {
    width: 820px;
    height: 50px;
    background: url(../images/news_ticker_bg.png) repeat-x;
    position: relative;
    top: -20px;
    margin: 0 auto;
}

    .newsTicker:before, .newsTicker:after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 50px;
        position: absolute;
        top: 0;
    }

    .newsTicker:before {
        left: -20px;
        background: url(../images/news_ticker_bg_l.png) no-repeat;
    }

    .newsTicker:after {
        right: -20px;
        background: url(../images/news_ticker_bg_r.png) no-repeat;
    }

    .newsTicker span, .newsTicker ul {
        float: left;
    }

    .newsTicker span {
        width: 58px;
        font-size: 11px;
        text-align: center;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: 700;
        margin-top: 6px;
        margin-right: 10px;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        /*2020.11.24 안신효 CSS 오류 코드 수정*/
        -ms-behavior: url('/resource/js/PIE.htc');
    }

#ticker_container {
    line-height: 38px;
}

#ticker_controls {
    margin-top: 11px;
}

    #ticker_controls a {
        display: inline-block;
        width: 12px;
        height: 15px;
        margin-right: 5px;
        text-indent: -99999px;
        opacity: .3;
    }

        #ticker_controls a:hover {
            opacity: .8;
        }

#pause_trigger {
    background: url('../images/icon_control_pause.png') no-repeat center center;
}

#play_trigger {
    background: url('../images/icon_control_play.png') no-repeat center center;
}

#prev_trigger {
    background: url('../images/icon_control_prev.png') no-repeat center center;
}

#next_trigger {
    background: url('../images/icon_control_next.png') no-repeat center center;
}



/* 메인화면 비주얼 */
.visual .mainMsg {
    position: relative;
    text-align: center;
    margin: 24px auto 0 auto;
    width: 723px;
    height: 86px;
}

    .visual .mainMsg .msg {
        position: absolute;
        top: 0;
        display: none;
        transition-duration: .3s;
    }

        .visual .mainMsg .msg.on {
            display: block;
            transition-duration: .3s;
        }

.visual .mainIcons {
    text-align: center;
    margin-top: 45px;
}

    .visual .mainIcons li {
        display: inline-block;
        width: 125px;
        height: 125px;
        position: relative;
        margin: 0 7px;
        cursor: pointer;
    }

        .visual .mainIcons li span {
            position: absolute;
            bottom: 0;
            display: block;
            width: 100%;
            text-align: center;
            font-size: 12px;
            color: #525252;
        }

        .visual .mainIcons li.checked sapn, .visual .mainIcons li:hover span {
            color: #4aa1a5;
            font-weight: 700;
        }

        .visual .mainIcons li.checked:before {
            content: '';
            display: inline-block;
            width: 40px;
            height: 40px;
            background: url('../images/main_visual_icon_check.png') no-repeat left top;
            position: absolute;
            top: -15px;
            right: -8px;
        }

.main-article {
    padding: 0;
}

    .main-article .row {
        position: relative;
    }

/* 메인화면 검색창 */
.main_sch_container {
    float: left;
    width: 100%;
    height: 125px;
    background: url('/resource/images/main_sch_bg_shadow.png') no-repeat center bottom;
    margin-top: 28px;
}

.main_sch {
    position: relative;
    width: 820px;
    height: 70px;
    margin: 0 auto;
    border: 0;
    background: #4aa1a5;
    z-index: 999;
}

    .main_sch:before, .main_sch:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 70px;
        position: absolute;
        top: 0;
    }

    .main_sch:before {
        background: url('/resource/images/main_sch_bg_l.png') no-repeat left top;
        left: -10px;
    }

    .main_sch:after {
        background: url('/resource/images/main_sch_bg_r.png') no-repeat left top;
        right: -10px;
    } 

    .main_sch .select, .main_sch input {
        float: left;
    }

    .main_sch .select, .main_sch input {
        height: 58px;
        font-size: 16px;
        color: #7f7f7f;
        border: 0;
        margin-top: 6px;
        text-indent: 6px;
        background: #fff;
    }

    .main_schEng .select {
        line-height: 58px;
    }

.main_sch .select {
    position: relative;
    /* width: 190px;  */
    width: auto;
    /* padding: 8px 15px 8px 10px; */
    padding: 0;
    box-sizing: border-box;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




        .main_sch .select:before {
            content: '';
            position: absolute;
            left: -4px;
            top: 0;
            width: 4px;
            height: 58px;
            background: url('/resource/images/main_sch_input_bg_l.png') no-repeat left top;
            display: none;
        }

        .main_sch .select select {
            width: 180px;
            height: 20px;
            margin-top: 20px;
            border: 0;
            font-size: 16px;
            color: #7f7f7f;
            line-height: 20px;
        }

    .main_sch input {
        position: relative;
        padding: 0 10px;
        width: 535px;
        border-left: 1px solid #e9e9e9;
    }

    .main_sch > .btn {
        float: right;
        padding: 0;
        width: 62px;
        height: 58px;
        text-indent: -9999px;
        margin-top: 6px;
        margin-right: 2.5px;
        background: url(/resource/images/icon_main_sch.png) no-repeat center center;
        border: 0;
    }

.main-box-l {
    position: relative;
    float: left;
    width: 490px;
    height: 210px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    /*2020.11.24 안신효 CSS 오류 코드 수정*/
    -ms-behavior: url('/resource/js/PIE.htc');
}

    .main-box-l h2 {
        position: relative;
        font-size: 16px;
    }

/* 메인화면 롤링배너 */

.main-banner {}

.main-banner h2 {
    position: absolute;
    height: 0;
    top: -99999px;
    visibility: hidden;
}

.main-banner ul {}

.main-banner ul li {
    text-align: center;
}
/*2021.10.15 안신효 롤링베너 라디오 버튼 크기 조정(기존:width:10px;)*/
.main-banner ul li div a {
    position: absolute;
    top: 12px;
    right: 0;
    display: inline-block;
    width: 17px;
	/*2020.11.25 안신효 CSS 위치 설정 삭제*/
    /* height: 10px; */
    overflow: hidden;
}

/*2021.10.15 안신효 롤링베너 라디오 버튼 위치 조정*/
.main-banner ul li div a.num1 {right:212px;}
.main-banner ul li div a.num2 {right:190px;}
.main-banner ul li div a.num3 {right:168px;}
.main-banner ul li div a.num4 {right:146px;}
.main-banner ul li div a.num5 {right:122px;}
.main-banner ul li div a.num6 {right:100px;}
.main-banner ul li div a.num7 {right:78px;}
.main-banner ul li div a.num8 {right:56px;}
.main-banner ul li div a.num9 {right:34px;}
.main-banner ul li div a.num10 {right:12px;}
/*.main-banner ul li div a.num1 {right:138px;}
.main-banner ul li div a.num2 {right:124px;}
.main-banner ul li div a.num3 {right:110px;}
.main-banner ul li div a.num4 {right:96px;}
.main-banner ul li div a.num5 {right:82px;}
.main-banner ul li div a.num6 {right:68px;}
.main-banner ul li div a.num7 {right:54px;}
.main-banner ul li div a.num8 {right:40px;}
.main-banner ul li div a.num9 {right:26px;}
.main-banner ul li div a.num10 {right:12px;}*/

.main-banner ul li span a {
    display: block;
    width: 100%;
    min-height: 160px;
    text-align: center;
}


/*.main-banner ul li div a img {}*/

.main-banner .main-banner-controls {
    position: absolute;
    bottom: 16px;
    left: 20px;
}

.main-banner ul,
.main-banner ul li {
    background: #35395c;
}


/*.main-banner ul, .main-banner ul li, .main-banner .ban01 {background:#35395c;}
.main-banner .ban02 {background:#44a342;}
.main-banner .ban03 {background:#4369b1;}
.main-banner .ban04 {background:#f9b846;}
.main-banner .ban05 {background:#a31639;}
.main-banner .ban06 {background:#f68120;}
.main-banner .ban07 {background:#35395c;}
.main-banner .ban08 {background:#44a342;}
.main-banner .ban09 {background:#4369b1;}*/

/* 메인화면 공지 탭 */
.main-notice ul > li span.main-notice-title {
    position: relative;
    float: left;
    width: 33.333%;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    text-indent: 30px;
    line-height: 48px;
    box-sizing: border-box;
    letter-spacing: -0.06em;
}

        /*2021.09.15 김태완 탭 인덱스 기능 추가*/
    .main-notice ul > li span.main-notice-title span a {
        position: absolute;
        /*2020.11.25 안신효 CSS 위치 설정 삭제*/
        /*top: 19px;*/
        right: 20px;
    }

.main-notice ul > li > ul {
    position: absolute;
    top: 66px;
    left: 30px;
    width: 430px;
}

    .main-notice ul > li > ul li {
        position: relative;
        line-height: 24px;
    }

        .main-notice ul > li > ul li a {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .main-notice ul > li > ul li a span {
                position: absolute;
                top: 0;
                right: 0;
                font-size: 11px;
                color: #949494;
            }

.main-notice ul > li.skip-tap > ul {
    display: none;
}

.main-notice ul > li.skip-tap span.main-notice-title {
    background: #f2f2f2;
}

.main-notice ul > li.skip-tap span.main-notice-title {
    border-left: 1px solid #d9d9d9;
}

.main-notice ul > li:first-child span.main-notice-title {
    border: 0;
}
 /*2021.09.15 김태완 탭 인덱스 기능 추가*/
.main-notice ul > li.skip-tap span.main-notice-title span a {
    display: none;
}

.main-notice.level-group ul > li span.main-notice-title { /*width:100%;*/
    width: 50%;
    margin-top: 8px;
}

    .main-notice.level-group ul > li span.main-notice-title img {
        margin-right: 6px;
    }

        .main-notice.level-group ul > li span.main-notice-title img.input {
            width: 20px;
            height: 20px;
        }

/* 메인화면 등급분류 신청도우미 */
.main-quick h2 {
    float: left;
    width: 430px;
    margin: 20px 0 0 30px;
}

.main-quick ul {
    float: left;
    width: 430px;
    margin: 25px 0 0 30px;
}

    .main-quick ul li {
        float: left;
        margin-right: 24px;
    }

        .main-quick ul li a {
            display: inline-block;
            width: 66px;
            height: 66px;
        }

            .main-quick ul li a:hover {
                color: #4aa1a5
            }

        .main-quick ul li:last-child {
            margin-right: 0;
        }

        .main-quick ul li span {
            display: inline-block;
            width: 66px;
            height: 66px;
            margin-bottom: 10px;
        }

        .main-quick ul li img {
            vertical-align: top;
        }

        .main-quick ul li p {
            text-align: center;
            line-height: 1.4em;
            padding: 0 4px;
        }

        /*2020.11.13 안신효, 메인페이지 등급분류 신청도우미 마우스 오버 시, 이미지 중복현상 처리 a:hover span 에 .quickGuideIcon 클래스명 추가*/
        .main-quick ul li a:hover span.quickGuideIcon {
            text-indent: -99999px;
        }

        .main-quick ul li.quick1 a:hover {
            background: url('/resource/images/icon_help_01_2.png') no-repeat;
            background-size: 100%;
        }

        .main-quick ul li.quick2 a:hover {
            background: url('/resource/images/icon_help_02_2.png') no-repeat;
            background-size: 100%;
        }

        .main-quick ul li.quick3 a:hover {
            background: url('/resource/images/icon_help_03_2.png') no-repeat;
            background-size: 100%;
        }

        .main-quick ul li.quick4 a:hover {
            background: url('/resource/images/icon_help_04_2.png') no-repeat;
            background-size: 100%;
        }

        .main-quick ul li.quick5 a:hover {
            background: url('/resource/images/icon_help_05_2.png') no-repeat;
            background-size: 100%;
        }

        .main-quick ul li.mquick {
            display: none;
        }

/* 메인화면 불법게임물 신고 포상금, 자주하는 질문 */
.main-box-l.info-box-1 {
    height: 182px;
    border: 0;
    background: none;
    margin-bottom: 20px;
}

    .main-box-l.info-box-1 .main-box-s {
        float: left;
        width: 178px;
        height: 140px;
        margin-right: 9px;
        border: 1px solid #d9d9d9;
        background: #fff;
        border-radius: 8px;
        padding: 20px 30px;
        /*2020.11.24 안신효 CSS 오류 코드 수정*/
        -ms-behavior: url('/resource/js/PIE.htc');
    }

        .main-box-l.info-box-1 .main-box-s:last-child {
            margin: 0;
        }

        .main-box-l.info-box-1 .main-box-s h2 .more {
            position: absolute;
            /*2020.11.25 안신효 CSS 위치 설정 삭제*/
            /*top: 6px;*/
            right: -10px;
        }

        .main-box-l.info-box-1 .main-box-s p {
            margin-top: 16px;
            color: #949494;
        }

        .main-box-l.info-box-1 .main-box-s.banner-posang {
            background: #fff url('../images/icon_posang.png') no-repeat 162px 110px;
        }

        .main-box-l.info-box-1 .main-box-s.banner-faq {
            background: #fff url('../images/icon_faq.png') no-repeat 162px 110px;
        }

/* 메인화면 링크 모음 */
.main-box-l.info-box-2 {
    height: 180px;
    margin-bottom: 20px;
}

    .main-box-l.info-box-2 .main-box-s {
        float: left;
        width: 244px;
        height: 180px;
        border-right: 1px solid #d9d9d9;
    }

        .main-box-l.info-box-2 .main-box-s:last-child {
            border: 0;
        }

        .main-box-l.info-box-2 .main-box-s ul {
            margin: 20px 30px;
        }

            .main-box-l.info-box-2 .main-box-s ul li {
                width: 100%;
                height: 35px;
                margin-bottom: 16px;
            }

                .main-box-l.info-box-2 .main-box-s ul li p {
                    display: table-cell;
                    vertical-align: middle;
                    height: 35px;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 1.1em;
                    padding-left: 42px;
                }

                    .main-box-l.info-box-2 .main-box-s ul li p span {
                        display: block;
                        font-size: 14px;
                        color: #949494;
                    }
                /* 하단 링크  아이콘 설정 */
                .main-box-l.info-box-2 .main-box-s ul li.complaint {
                    background: url('../images/icon_call.png') no-repeat left center;
                }

                .main-box-l.info-box-2 .main-box-s ul li.report {
                    background: url('../images/icon_clover.png') no-repeat left center;
                }

                .main-box-l.info-box-2 .main-box-s ul li.reward {
                    background: url('../images/icon_posang_s.png') no-repeat left center;
                }

                .main-box-l.info-box-2 .main-box-s ul li.certificate {
                    background: url('../images/icon_lock.png') no-repeat left center;
                }

                .main-box-l.info-box-2 .main-box-s ul li.announcement {
                    background: url('../images/icon_graph.png') no-repeat left center;
                }

                .main-box-l.info-box-2 .main-box-s ul li.gamewe {
                    background: url('../images/icon_book.png') no-repeat left center;
                }

/* 메인화면 하단 관련 사이트 */
.organLinkArea {
    border-top: 1px solid #dbdde1;
    background-color: #fff;
}

    .organLinkArea .dir {
        float: left;
        width: 100px;
        height: 50px;
    }

        .organLinkArea .dir strong {
            display: block;
            margin: 7px 0 4px;
        }

        .organLinkArea .dir a {
            float: left;
        }

    .organLinkArea .rolling {
        overflow: hidden;
    }

    .organLinkArea li {
        float: left;
        margin-left: 0;
    }

        .organLinkArea li a {
            display: block;
            padding-top: 13px;
            width: 173px;
            height: 37px;
            text-align: center;
        }

#RollingBanner {
    width: 900px;
    height: 50px;
}

.organLinkArea .organLink_1 {
    float: right;
}

/* 로그인 */
.login {
    margin: 0 auto;
    padding: 50px 8%;
    width: 84%;
    padding-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

.login-form {
    position: relative;
    margin-bottom: 70px;
    padding-left: 275px;
    background: url(/resource/images/login_bg.png) no-repeat;
}

    .login-form .form-control {
        width: 100px;
    }

    .login-form .form-group {
        position: relative;
    }

        .login-form .form-group.offset {
            padding-left: 103px;
        }

            .login-form .form-group.offset label {
                margin: 0 15px 0 3px;
            }

    .login-form li input {
        width: 117px;
    }

    .login-form .btn {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        width: 70px;
        height: 67px;
        line-height: 67px;
        text-align: center;
        font-size: 14px;
    }

.login-etc {
    border: 1px solid #dbdde1;
}

    .login-etc span {
        display: inline-block;
        width: 230px;
    }

    .login-etc ul {
        padding: 15px 20px;
        background-color: #f8f9fa;
    }

        .login-etc ul li {
            margin-bottom: 5px;
            padding-left: 13px;
            background: url(/resource/images/ic_s_arrow.png) no-repeat left center;
        }

        .login-etc ul.ex {
            border-bottom: 1px solid #dbdde1;
            background-color: #fff;
        }

/* 회원가입*/
.join-select {
    overflow: hidden;
    margin-bottom: 40px;
    background: url(/resource/images/i_join_bar.png) no-repeat right 10px;
}

    .join-select li {
        float: left;
        width: 20%;
        text-align: center;
        background: url(/resource/images/i_join_bar.png) no-repeat left 10px;
    }

        .join-select li strong {
            display: block;
            margin-bottom: 3px;
            padding-top: 90px;
            background-repeat: no-repeat;
            background-position: center 0;
        }

        .join-select li span {
            display: block;
            height: 40px;
            line-height: 1.3;
            font-size: 11px;
            font-family: dotum, sans-serif;
            color: #949494;
        }

    .join-select .join-sel1 strong {
        background-image: url(/resource/images/ic_join1.png)
    }

    .join-select .join-sel2 strong {
        background-image: url(/resource/images/ic_join2.png)
    }

    .join-select .join-sel3 strong {
        background-image: url(/resource/images/ic_join3.png)
    }

    .join-select .join-sel4 strong {
        background-image: url(/resource/images/ic_join4.png)
    }

    .join-select .join-sel5 strong {
        background-image: url(/resource/images/ic_join5.png)
    }

/* 아이디비번찾기 */
.form-dl {
    margin-bottom: 10px;
    border-top: 1px solid #AEB0BD;
    border-bottom: 1px solid #AEB0BD;
}

    .form-dl dt, .form-dl dd {
        padding: 7px 10px;
        border-bottom: 1px solid #DBDDE1;
        line-height: 32px;
        height: 32px;
    }

    .form-dl dt {
        float: left;
        width: 120px;
        font-weight: bold;
        padding-left: 20px;
        text-align: left;
        border-left: 0;
        border-right: 1px solid #DBDDE1;
        background-color: #F8F9FA;
    }

    .form-dl dd {
        overflow: hidden;
    }
    /*.form-dl .lh, .form-dl.lh dd{ line-height:1.6em;}*/
    .form-dl .last {
        border-bottom: 0;
    }

    .form-dl .text-muted {
        font-size: 11px;
    }

.idpw dt {
    width: 60px;
}

.idpw .col {
    width: 360px;
}

.idpw-n .idpw-width {
    width: 330px;
}

.idpw-n dt {
    width: 60px;
}

.idpw-n .col {
    width: 100%;
}

/* 인사말 */
/*2021.08.06 안신효 위원장 사진 숨김처리*/
/* .introduce {
    overflow: hidden;
    padding: 20px 100px 220px 80px;
    background: url(/resource/images/introduce_img.png) no-repeat 129% bottom;
} */
.introduce{overflow:hidden; background:url(/resource/images/introduce_img_20211001.png) no-repeat 129%; background-position: 18% 1%;}

/*2021.10.01 안신효 인사말 좌측 쏠림에 따른 우측 간격 줄임(padding:20px 100px 220px 80px;)*/
.introduce{overflow:hidden; padding:20px 80px 220px 80px; }

    .introduce h3 {
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1px;
    }

    .introduce h4 {
        margin-bottom: 30px;
        padding-right: 40px;
        font-size: 15px;
        color: #666;
        letter-spacing: -1px;
    }

        .introduce h4:first-letter {
            font-size: 1.6em;
            font-weight: 700;
            float: left;
            margin-bottom: -10px;
            margin-right: 5px;
            color: #736892;
        }

    .introduce p {
        margin-bottom: 20px;
        line-height: 2.0;
        padding-right: 40px;
    }

/* 등급분류신청 - 신규접수 */
.sign p {
    clear: both;
    text-align: center;
}

.sign dl {
    display: inline-block;
    margin: 20px 0;
    white-space: nowrap;
}

    .sign dl dt {
        float: left;
        margin-right: 5px;
    }

    .sign dl dd {
        overflow: hidden;
    }

.sub-desc .apply-desc {
    margin-bottom: 10px;
}

.apply-desc .bs-example {
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.apply-desc .ex {
    margin-bottom: 40px;
    width: 680px;
}

    .apply-desc .ex .inst {
        margin-left: 0;
    }

        .apply-desc .ex .inst .bs-example .bg-info {
            margin: 0;
            border: 0;
            padding: 0;
        }

    .apply-desc .ex p.color3.b {
        margin: 10px 0;
    }

.apply-desc figure img {
    float: left;
    margin: 0 1%;
    width: 48%;
}


/* 등급분류신청 -  신청페이지 20141219  kim */
table.gatl tbody th, table.gatl td {
    text-align: left !important;
}

    table.gatl tbody th > span {
        float: right;
    }

table.gatl table thead th {
    text-align: center !important;
}

table.gatl p {
    margin-bottom: 10px;
}

table.gatl input + p {
    margin: 5px 0 10px;
}

table h5.t {
    margin-bottom: 12px;
    margin-left: 40px;
    padding-left: 10px;
    background: url(/resource/images/i_t.png) no-repeat 0 center;
}


/* 등급분류신청 신규접수 -  sept3 */
.grade-img {
    margin-bottom: 20px;
    text-align: center;
}

    .grade-img li.fl {
        float: none !important;
    }
    /*.grade-img li{vertical-align:top; display:inline-block; *display:inline; *zoom:1; padding:0 15px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3;}*/
    .grade-img li {
        vertical-align: top;
        display: inline-block;
        padding: 0 10px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }

        .grade-img li.on, .grade-use li {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

.box.grade-use {
    margin-top: 0;
    padding: 15px 0;
}

    .box.grade-use .grade-img {
        margin: 0;
    }

.grade-use li {
    width: 75px;
    border-left: 1px solid #eee;
}

.grade-use .first {
    border-left: 0;
}

.grade-use strong {
    height: 40px;
    width: 75px;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
}

.grade-use span {
    display: block;
    line-height: normal;
    font-size: 11px;
    font-family: dotum, sans-serif;
}

/* 등급분류신청 - 시험용확인신청 - 신청결과조회 - 접수번호클릭시 레이어 :접수상세내용 */
.box-bd {
    padding: 5px 10px;
    border: 1px solid #dbdde1;
}

    .box-bd.file {
        height: 60px;
        overflow-y: auto;
        overflow-x: hidden;
    }

.box-dash {
    padding: 5px 10px;
    border: 1px dashed #dbdde1;
}
/*.radio-inline dt, .radio-inline dd, .radio-inline li{display:inline-block; *display:inline; *zoom:1;}*/
.radio-inline dt, .radio-inline dd, .radio-inline li {
    display: inline-block;
}

.radio-inline li {
    margin-right: 15px;
}

.radio-inline.vertical {
    text-align: center;
}

    .radio-inline.vertical img {
        display: block;
        margin-bottom: 5px;
    }

.radio-inline dt {
    margin-right: 5px;
}

.radio-inline dd {
    margin-right: 10px;
}

.col-group li {
    float: left;
    margin-bottom: 3px;
}

    .col-group li.w {
        width: auto;
    }

.col2 li {
    width: 50%;
}

.col3 li {
    width: 33.3%;
}

/* 등급분류제도 안내 - kim */
.sub-desc .inst {
}

.sub-desc dl dt {
    font-weight: 700;
    margin-bottom: 4px;
}

.sub-desc dl dd {
    margin-bottom: 10px;
}

.bs-example ul {
    margin: 0;
    padding: 15px 0;
}

    .bs-example ul li {
        background: url('../images/ic_dot_s.gif') no-repeat 15px 5px;
        padding: 0 20px 0 28px;
    }

.bs-example.no-bg ul li {
    background: none;
    padding-left: 20px;
}

.bs-example ol {
    margin: 0;
    padding: 10px 0;
}

    .bs-example ol li {
        margin: 4px 0px;
        line-height: 1.5;
        list-style: decimal;
        margin-left: 38px;
        padding: 4px 20px 4px 0;
    }

.sub-desc > img, .sub-desc li img {
    display: block;
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

/* 게임WE e-book - kim */
.ebook_bg {
    position: relative;
    background: url(/resource/images/ebook_bg.png) no-repeat;
    overflow: hidden
}

.ebook_month {
    width: 655px;
    padding: 20px 0 0 0;
    list-style: none;
    margin: 0 auto 30px
}

.ebook_lst {
    width: 655px;
    padding: 20px 0 0 0;
    list-style: none;
    border-top: dashed 1px #666;
    margin: 0 auto
}

    .ebook_lst li {
        list-style: none;
        border-bottom: solid 1px #dbdde1;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

.ebook_lst2 {
    position: relative;
    overflow: hidden;
}

    .ebook_lst2 dt {
        display: inline-block;
        padding: 3px 8px;
        font-size: 11px;
        background-color: #9a9cac;
        border: solid 1px #92939e;
        margin-bottom: 10px
    }

        .ebook_lst2 dt.tit {
            color: #fff;
            background: #9a9cac;
            border: solid 1px #92939e;
        }

        .ebook_lst2 dt.mtit {
            color: #fff;
            background: #353959;
            border: solid 1px #25283e;
        }

    .ebook_lst2 dd.photo {
        float: left;
        margin: 0px 30px 0 0;
        color: #fff;
        border: solid 1px #dbdde1;
    }

    .ebook_lst2 dd.pdfdown {
        position: absolute;
        z-index: 8;
        right: 0px;
        top: 0px;
    }
    /*.ebook_lst2 dd.button {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding-right:3px; color:#99999c; line-height:normal; white-space:nowrap; background:url(/resource/images/button_bg.png) no-repeat right 0;}
.ebook_lst2 dd.button > span{display:inline-block; *display:inline; *zoom:1; padding:0 7px 0 10px; height:29px; line-height:29px; background:#fff url(/resource/images/button_bg.png) no-repeat left 0;}*/
    .ebook_lst2 dd.button {
        display: inline-block;
        vertical-align: middle;
        padding-right: 3px;
        color: #99999c;
        line-height: normal;
        white-space: nowrap;
        background: url(/resource/images/button_bg.png) no-repeat right 0;
    }

        .ebook_lst2 dd.button > span {
            display: inline-block;
            padding: 0 7px 0 10px;
            height: 29px;
            line-height: 29px;
            background: #fff url(/resource/images/button_bg.png) no-repeat left 0;
        }

    .ebook_lst2 dd ul li {
        float: left;
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

.ebook_lst li {
    list-style: none;
    border-bottom: solid 1px #dbdde1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* 게임물찾기 */
/*.search-statistics .form-wrap{display:inline-block; *display:inline; *zoom:1; width:580px;}*/
.search-statistics .form-wrap {
    display: inline-block;
    width: 580px;
}

.search-statistics .form-control {
    font-size: 12px;
}

/* 참여마당 - 민원신청확인 */
.resident-img {
    width: 250px;
}

    .resident-img dl {
        margin-top: 10px;
        line-height: 1.5;
    }

    .resident-img dt {
        margin-bottom: 4px;
        font-size: 13px;
        font-weight: bold;
    }

/* 참여마당 - 자주하는질문 */
.faq-list {
    margin-bottom: 20px;
    border-top: 2px solid #353959;
}

    .faq-list li {
        background: url(/resource/images/i_down.png) no-repeat 97% 17px;
        border-bottom: 1px solid #dbdde1;
    }

        .faq-list li.on {
            background-image: url(/resource/images/i_up.png);
        }

        .faq-list li .ans {
            display: none;
        }

        .faq-list li.on .ans {
            display: block;
        }

    .faq-list .que {
        padding: 5px 60px;
        min-height: 30px;
        line-height: 30px;
        background: url(/resource/images/i_faq_q.png) no-repeat 18px center;
    }

    .faq-list .ans {
        padding: 14px 60px;
        font-size: 11px;
        background-color: #f8f9fa;
        border-top: 1px solid #dbdde1;
    }

/* bskim */
.tip_none {
    clear: both;
    margin-bottom: 30px;
    padding: 10px 15px;
    line-height: 1.6;
    border: 1px solid #e1e3e6;
    background: #f8f8f8;
}

    .tip_none a {
        color: #cb4c69;
    }

.td_li li {
    list-style: circle !important;
    text-indent: -0px;
}

.td_photo {
    width: 80px;
}

.both_contents {
    position: relative;
    overflow: hidden;
}

    .both_contents ul li {
        border-bottom: 1px dotted #ccc;
        padding: 30px 0;
    }

        .both_contents ul li:after {
            content: '';
            display: block;
            clear: both;
        }

.block_content1, .block_content2, .block_content3 {
    float: left;
    padding: 24px 0 0 74px;
    margin-right: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #675698;
    letter-spacing: -1px;
    width: 226px;
    height: 71px;
    line-height: 1.3;
}

.block_content1 {
    background: url(/resource/images/Committee/bg03_01.png) no-repeat 0 0;
}

.block_content2 {
    background: url(/resource/images/Committee/bg03_02.png) no-repeat 0 0;
}

.block_content3 {
    background: url(/resource/images/Committee/bg03_03.png) no-repeat 0 0;
}

.block_content_txt {
    float: left;
    padding-left: 20px;
}

    .block_content_txt ul li {
        list-style: circle !important;
        text-indent: -6px;
        line-height: 1.6;
        font-size: 13px;
        padding: 0;
        border-bottom: 0;
    }

/* 관리위원회 -  소개관리위원회 개요 - 주요 연혁 및 임무 -bskim */
.history {
    clear: both;
}

    .history ul li {
        border-bottom: 1px dotted #ccc;
        padding: 15px 0;
        margin-bottom: 20px;
        background: url(/resource/images/Committee/img04_02_arrow.png) no-repeat 36px bottom;
    }

        .history ul li:first-child {
            border-top: 1px dotted #ccc;
        }

        .history ul li:last-child {
            background: none;
            border-bottom: 0;
        }

        .history ul li:after {
            content: '';
            display: block;
            clear: both;
        }

    .history .year {
        float: left;
        width: 85px;
        height: 45px;
        line-height: 45px;
        color: #FFF;
        font-size: 18px;
        text-align: center;
        margin-right: 30px;
        font-weight: bold;
    }

    .history .year1 {
        background: #9385bb;
    }

    .history .year2 {
        background: #4aa1a5;
    }

    .history .date_wrap {
        float: left;
        margin: 0px;
    }

        .history .date_wrap ul li {
            width: 100%;
            border: 0;
            padding: 0;
            margin: 0;
            line-height: 1.8;
            background: none;
        }

        .history .date_wrap .history_date {
            float: left;
            width: 85px;
            font-weight: bold;
        }

        .history .date_wrap .history_txt {
            float: left;
        }

/* 관리위원회 -  소개관리위원회 개요 - 기구 및 조직 -bskim */
#organogrms h4 {
    margin-bottom: 12px;
    padding-left: 10px;
    background: url(/resource/images/i_stit.png) no-repeat left center;
    font-size: 14px;
}

.org {
    clear: both;
    position: relative;
    overflow: hidden;
    width: 770px;
    height: 450px;
    background: url(/resource/images/Committee/img04_03_01.png) no-repeat center top;
}

    .org .org_btn1 {
        position: absolute;
        z-index: 10;
        left: 110px;
        top: 100px;
    }

        .org .org_btn1 img {
            width: 130px;
            height: 40px;
        }

    .org .org_btn2 {
        position: absolute;
        z-index: 10;
        left: 320px;
        top: 120px;
    }

        .org .org_btn2 img {
            width: 130px;
            height: 60px;
        }

    .org .org_btn3 {
        position: absolute;
        z-index: 10;
        left: 110px;
        top: 250px;
    }

        .org .org_btn3 img {
            width: 130px;
            height: 55px;
        }

    .org .org_btn4 {
        position: absolute;
        z-index: 10;
        left: 250px;
        top: 250px;
    }

        .org .org_btn4 img {
            width: 130px;
            height: 55px;
        }

    .org .org_btn5 {
        position: absolute;
        z-index: 10;
        left: 390px;
        top: 250px;
    }

        .org .org_btn5 img {
            width: 130px;
            height: 55px;
        }

    .org .org_btn6 {
        position: absolute;
        z-index: 10;
        left: 530px;
        top: 250px;
    }

        .org .org_btn6 img {
            width: 130px;
            height: 55px;
        }

.org_fax {
    float: right;
    padding-left: 22px;
    font-size: 11px;
    background: url(/resource/images/Committee/fax.gif) no-repeat left center;
}

/* 관리위원회 -  사무국 소개 - 부서별 업무 및 직원안내 - bskim*/
.org2 {
    clear: both;
    position: relative;
    overflow: hidden;
    width: 770px;
    height: 216px;
    background: url(/resource/images/Committee/img05_02_01.png) no-repeat center top;
}

    .org2 .org2_btn1 {
        position: absolute;
        z-index: 10;
        left: 110px;
        top: 133px;
    }

        .org2 .org2_btn1 img {
            width: 130px;
            height: 55px;
        }

    .org2 .org2_btn2 {
        position: absolute;
        z-index: 10;
        left: 250px;
        top: 133px;
    }

        .org2 .org2_btn2 img {
            width: 130px;
            height: 55px;
        }

    .org2 .org2_btn3 {
        position: absolute;
        z-index: 10;
        left: 390px;
        top: 133px;
    }

        .org2 .org2_btn3 img {
            width: 130px;
            height: 55px;
        }

    .org2 .org2_btn4 {
        position: absolute;
        z-index: 10;
        left: 530px;
        top: 133px;
    }

        .org2 .org2_btn4 img {
            width: 130px;
            height: 55px;
        }

/* 관리위원회 -  사무국 소개 - 감사 소개 */
/* 20230809 고은지 감사팀 조직도 수정 주석
.org3 {
    clear: both;
    position: relative;
    overflow: hidden;
    width: 140px;
    height: 100px;
    background: url(/resource/images/Committee/img04_03_02.png) no-repeat left top;
    margin-left: 10px
}

    .org3 .org_btn1 {
        position: absolute;
        z-index: 10;
        left: 5px;
        top: 54px;
    }

        .org3 .org_btn1 img {
            width: 130px;
            height: 40px;
        }
*/

/*20230809 고은지 감사팀 조직도 수정 시작*/

#org3_1 {
    height: 40px;
    border: solid 1px #26B5BA;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

#org3_1:hover {
    cursor: pointer;
}

#org3_1:active {
    border: dotted 2px #949494 !important;
}
#orgTable {
    width: 140px;
}

    #orgTable th {
        height: 40px;
        border: solid 1px #26B5BA;
        width: auto;
        font-size: 15px;
    }
/*20230809 고은지 감사팀 조직도 수정 끝*/

/* 관리위원회 -  사무국 소개 - 사이버홍보실 - bskim*/
.vod_wrap {
    clear: both;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 10px 15px;
    line-height: 1.6;
    border: 1px solid #e1e3e6;
    background: #f8f8f8;
}

    .vod_wrap .vod1 .vod_img, vod2 .vod_img {
        float: left;
        margin-right: 20px;
    }

    .vod_wrap .vod1 {
        float: left;
        width: 48%;
        border-right: 1px dotted #666;
    }

        .vod_wrap .vod1 img, vod2 img {
            float: left;
            width: 120px;
        }

.vod_wrap {
    clear: both;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 10px 15px;
    line-height: 1.6;
    border: 1px solid #e1e3e6;
    background: #f8f8f8;
}

    .vod_wrap .vod1 .vod_img, .vod_wrap .vod2 .vod_img {
        float: left;
        margin-right: 20px;
    }

    .vod_wrap .vod1 img, .vod_wrap .vod2 img {
        float: left;
        width: 120px;
    }

    .vod_wrap .vod1 {
        float: left;
        width: 50%;
        border-right: 1px dotted #666;
    }

    .vod_wrap .vod2 {
        float: right;
        width: 46%;
    }

    .vod_wrap .vod_txt_wrap {
        float: left;
    }

        .vod_wrap .vod_txt_wrap .vod_txt1 {
            font-size: 13px;
            font-weight: bold;
            letter-spacing: -1px;
            margin-bottom: 5px;
        }

        .vod_wrap .vod_txt_wrap .vod_txt2 {
            font-size: 11px;
            line-height: 1.2;
            height: 32px;
        }

.poster_wrap {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px -30px;
}

    .poster_wrap ul li {
        float: left;
        width: 128px;
        margin: 0 0 30px 30px;
    }

    .poster_wrap .photo {
        border: 1px solid #f3f3f3;
    }

        .poster_wrap .photo img {
            width: 128px;
            height: 90px;
        }

    .poster_wrap .photo_txt {
        width: 100%;
        text-align: center;
        line-height: 1.4;
        margin-top: 10px;
    }

.photo_wrap {
    position: relative;
    overflow: hidden;
    margin: 0;
}

    .photo_wrap ul li {
        float: left;
        width: 20%;
        margin-bottom: 20px;
    }

    .photo_wrap .photo {
        border: 0;
    }

        .photo_wrap .photo img {
            width: 99.5%;
            height: auto;
        }

    .photo_wrap .photo_txt {
        width: 80%;
        text-align: center;
        line-height: 1.4;
        margin-top: 10px;
        padding: 0 10%;
    }

/* 관리위원회 -  사무국 소개 - 찾아오시는 길 - bskim*/
.map_txt {
    font-size: 15px;
    color: #222;
    margin-bottom: 20px;
}

.map_subway {
    background: url(/resource/images/Committee/ico_subway.png) no-repeat 0 2px;
    padding-left: 22px;
    margin-bottom: 20px;
}

.map_bus {
    background: url(/resource/images/Committee/ico_bus.png) no-repeat 1px 3px;
    padding-left: 22px;
    margin-bottom: 20px;
}

.map_plane {
    background: url(/resource/images/Committee/ico_plane.png) no-repeat 1px 1px;
    padding-left: 22px;
    margin-bottom: 20px;
}

.map_train {
    background: url(/resource/images/Committee/ico_train.png) no-repeat 2px 1px;
    padding-left: 22px;
    margin-bottom: 20px;
}

.map_park {
    background: url(/resource/images/Committee/i_p.png) no-repeat 2px 1px;
    padding-left: 22px;
    margin-bottom: 5px;
}

/* 메인 레이어 -style.css */
.main_layerPop {
    position: absolute;
    left: 257px;
    top: 20px;
    width: 370px;
    height: 240px;
    background: #dedede;
    padding: 5px;
}

    .main_layerPop .layer_box {
        background: #fff;
        border: 1px solid #d0d0d0;
        height: 228px;
        padding: 5px 10px;
    }

        .main_layerPop .layer_box.style1 {
            background: #fff url(../images/main/layer4.gif) no-repeat 0 100%;
        }

            .main_layerPop .layer_box.style1 h2 {
                border-bottom: 1px solid #ddd;
                font-size: 16px;
                color: #333;
                line-height: 1.8;
            }

                .main_layerPop .layer_box.style1 h2 strong {
                    color: #016f9d;
                }

    .main_layerPop .layer_con {
        padding: 10px 0;
        color: #202020;
        line-height: 1.5;
    }

    .main_layerPop .layer_box.style2 {
        background: #e7f4fc url(../images/main/layer2.gif) no-repeat 0 100%;
    }

        .main_layerPop .layer_box.style2 h2 {
            border-bottom: 1px solid #ddd;
            font-size: 16px;
            color: #333;
            line-height: 1.8;
        }

            .main_layerPop .layer_box.style2 h2 strong {
                color: #016f9d;
            }

    .main_layerPop .layer_box.style3 {
        background: url(../images/main/layer3.gif) no-repeat 0 100%;
    }

        .main_layerPop .layer_box.style3 h2 {
            font-size: 16px;
            color: #fff;
            line-height: 1.6;
            padding-left: 10px;
        }

    .main_layerPop .layer_box .layer_close {
        position: absolute;
        right: 15px;
        top: 18px;
    }

/* 메인 이벤트 팝업 -style.css */
#event_pop {
    background: #fff;
}

    #event_pop .event_pop_style1 {
        background: url(../images/event_pop/pop_1.gif) no-repeat 0 0;
        width: 530px;
    }

        #event_pop .event_pop_style1 h1 {
            text-align: right;
            background: url(../images/event_pop/pop_1_h1.png) no-repeat 99% 99%;
            height: 110px;
        }

        #event_pop .event_pop_style1 .intro {
            background: #2399cd;
            color: #fff;
            padding: 5px 15px;
        }

        #event_pop .event_pop_style1 .event_pop_con {
            padding: 20px 15px;
        }

    #event_pop .event_pop_style2 {
        background: url(../images/event_pop/pop_2.gif) no-repeat 0 0;
        width: 530px;
    }

        #event_pop .event_pop_style2 h1 {
            text-align: right;
            background: url(../images/event_pop/pop_1_h1.png) no-repeat 95% 138%;
            height: 110px;
        }

        #event_pop .event_pop_style2 .intro {
            color: #333;
            padding: 0 15px 10px 75px;
        }

        #event_pop .event_pop_style2 .event_pop_con {
            padding: 20px 75px;
        }

    #event_pop .event_pop_style3 {
        background: url(../images/event_pop/pop_3.gif) no-repeat 0 0;
        width: 530px;
    }

        #event_pop .event_pop_style3 h1 {
            text-align: right;
            background: url(../images/event_pop/pop_1_h1.png) no-repeat 3% 10%;
            height: 170px;
        }

        #event_pop .event_pop_style3 .intro {
            color: #333;
            padding: 0 15px 10px 15px;
        }

        #event_pop .event_pop_style3 .event_pop_con {
            padding: 20px 15px;
        }

    #event_pop .event_close {
        background: #333;
        color: #fff;
        padding: 5px 15px;
        text-align: right;
    }

        #event_pop .event_close a {
            color: #fff;
        }

/* ERROR PAGE -style.css */
.no_page {
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .no_page .error {
        position: absolute;
        width: 574px;
        height: 200px;
        margin: -150px 0 0 -300px;
        top: 50%;
        left: 50%;
    }

        .no_page .error .errorBox {
            margin: 30px;
            background: url(../images/contents/errorBoxBg.gif) no-repeat 0 0;
            padding-left: 120px;
        }

            .no_page .error .errorBox p {
                font-size: 14px;
                color: #547896;
                font-weight: bold;
            }

.grade_icon ul {
    width: 100%;
    text-align: center;
    clear: both;
}

.grade_icon li {
    border: 1px solid #fff;
    padding: 10px;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

    .grade_icon li.on {
        border: 2px solid #00c1bc;
        padding: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.grade_icon.none li {
    opacity: 0.3;
    filter: alpha(opacity=100);
    border: 0;
}


/* Popup Layer - Kor */
#popLayer1, #eng_popLayer1 {
    position: absolute;
    z-index: 900;
    left: -9px;
    bottom: -9px;
    width: 418px;
}

#popLayer1 {
    height: 273px;
}

    #popLayer1 .pop20141218 {
        position: relative;
        overflow: hidden;
    }

.pop_btn_x {
    position: absolute;
    z-index: 11;
    right: 10px;
    bottom: 10px;
}

.pop_btn_gcrb {
    position: absolute;
    z-index: 12;
    right: 30px;
    bottom: 62px;
    margin-top: 10px;
}

.pop_btn_more {
    position: absolute;
    z-index: 12;
    left: 30px;
    bottom: 22px;
}


/* Popup Layer - Eng */
#eng_popLayer1 {
    position: absolute;
    width: 340px;
    height: 280px;
    left: 50%;
    top: 10px;
    margin-left: -170px;
    border: 2px solid #2eb6bb;
}

    #eng_popLayer1 .pop20141218 {
        position: relative;
    }

    #eng_popLayer1 .pop_btn_x {
        position: absolute;
        z-index: 11;
        right: 6px;
        top: 6px;
    }

        #eng_popLayer1 .pop_btn_x img {
            width: 100%;
        }

.pop_btn_more_eng {
    position: absolute;
    z-index: 12;
    right: 5%;
    top: 85%;
}

/* mobile */
em.mobile_color2 {
    color: #736892 !important
}
/*purple*/

/* openAPI */
.openapi {
    overflow: hidden;
    padding: 0;
}

    .openapi h3 {
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1px;
    }

    .openapi h4 {
        padding-bottom: 10px;
        font-size: 15px;
        color: #666;
        letter-spacing: -1px;
    }

.openapi_contents {
    position: relative;
    overflow: hidden;
}

    .openapi_contents ul li {
        border-bottom: 1px dotted #ccc;
        padding: 30px 0;
    }

        .openapi_contents ul li:after {
            content: '';
            display: block;
            clear: both;
        }

.openapi_content1, .openapi_content2, .openapi_content3, .openapi_content4 {
    float: left;
    padding: 24px 0 0 74px;
    margin-right: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #675698;
    letter-spacing: -1px;
    width: 226px;
    height: 71px;
    line-height: 1.3;
}

.openapi_content1 {
    background: url(/resource/images/Committee/bg03_01.png) no-repeat 0 0;
}

.openapi_content2 {
    background: url(/resource/images/Committee/bg03_02.png) no-repeat 0 0;
}

.openapi_content3 {
    background: url(/resource/images/Committee/bg03_03.png) no-repeat 0 0;
}

.openapi_content4 {
    background: url(/resource/images/Committee/bg03_04.png) no-repeat 0 0;
}

.openapi_content_txt {
    float: left;
    padding-left: 20px;
    width: 330px;
}

.openapi_content_txt p {
    margin-top: 30px;
    font-size: 13px;
}


/*2021.09.16 안신효 대체 텍스트 숨기기*/

.openapi_content_span {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}


/* 2015 신년사 */
#newyear_pop1 {
    position: relative;
    width: 600px;
    height: 770px;
    background: url(/resource/images/pop/pop_new1.jpg) no-repeat 0 0;
}

#newyear_pop2 {
    position: relative;
    width: 700px;
    height: 700px;
    background: url(/resource/images/pop/pop_new2.jpg) no-repeat 0 0;
}

.newyear_close {
    position: absolute;
    right: 55px;
    bottom: 40px;
    /*2020.11.24 안신효 CSS 오류 코드 수정*/
    z-index: 20;
}

/* 로그인 - 공인인증서 변경 */
.form-control {
    width: 100px !important;
}

table.list.question td.answer {
    text-align: left;
}

/* 애러페이지 */
.error {
    position: absolute;
    width: 400px;
    height: 200px;
    margin: -180px 0 0 -200px;
    top: 50%;
    left: 50%;
}

.errorbox {
    background: url(/resource/images/error_img.png) no-repeat 20px center;
    padding: 0 0 0 100px;
}

/* 행사/이벤트/캠페인 일정 */
.fc-day-grid .fc-row {
    height: 50px;
}

/* 불법신고 배너 */
.illegalityBanners div {
    position: relative;
    border-radius: 8px;
}

.illegalityBanners .illegalityBanner1 {
    float: left;
    background: #32a8ac;
}

.illegalityBanners .illegalityBanner2 {
    float: right;
    background: #7e71ad;
}

.illegalityBanner1 div {
    position: absolute;
    left: 0;
    bottom: -90px;
    width: 100%;
    text-align: left;
}

.illegalityBanner2 div {
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    text-align: center;
}

/* 윤리경영 */
.aCode li {
    margin-top: 20px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px !important;
}

    .aCode li span {
        position: absolute;
        top: 0;
        left: 0;
    }

.aCodeDate {
    text-align: center;
}

    .aCodeDate li {
        display: inline-block;
        width: 60px;
    }

.aCodeBottom {
    margin-top: 40px;
    text-align: center;
}

    .aCodeBottom li {
        display: inline-block;
        width: 22%;
        text-align: left;
    }

        .aCodeBottom li span {
            float: right;
        }

.gameList {
    margin: 5px 0;
}

    .gameList li {
        margin: 2px 0;
    }

#tdAddDelBttton {
    padding-top: 10px;
}

/* 메인페이지 팝업 위치 */
#main_layer1 {
    top: 40px;
    left: 50%;
    margin-left: -350px;
}

#main_layer2 {
    top: 40px;
    left: 50%;
    margin-left: 10px;
}

/* 긴급공지, 온라인 설문조사 팝업 */
/*  긴급공지 */
.emergency_notice {
    border-color: #a31639 !important;
    letter-spacing: -1px;
}

    .emergency_notice .sp_wrap {
        width: 340px;
        height: 280px;
        padding: 15px;
        box-sizing: border-box;
    }

    .emergency_notice h1 {
        font-size: 26px;
        line-height: 1.2em;
        color: #323232;
        margin: 0;
        padding-bottom: 12px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }

    .emergency_notice p {
        font-size: 14px;
        line-height: 20px;
        color: #767676;
    }

        .emergency_notice p strong {
            color: #a31639;
            font-weight: 700;
        }

            .emergency_notice p strong.cb {
                color: #323232;
            }

    .emergency_notice ul {
        margin-top: 15px;
        font-size: 13px;
        color: #767676;
    }

        .emergency_notice ul li {
            margin-bottom: 5px;
        }

            .emergency_notice ul li span.list_title {
                display: inline-block;
                font-size: 12px;
                border: 1px solid #ccc;
                width: 50px;
                text-align: center;
                padding: 2px 0;
                margin-right: 6px;
            }

/*  온라인 설문조사 */
.online_survay {
    border-color: #4369b1 !important;
    letter-spacing: -1px;
}

    .online_survay .sp_wrap {
        width: 340px;
        height: 280px;
        padding: 15px;
        box-sizing: border-box;
    }

    .online_survay h1, .online_survay h2 {
        font-size: 16px;
        line-height: 22px;
    }

    .online_survay h1 {
        float: left;
        color: #fff;
        background-color: #4369b1;
        padding: 0 4px 2px 4px;
        margin: 0;
    }

    .online_survay h2 {
        float: left;
        width: 100%;
        color: #525252;
        padding-left: 42px;
        margin-top: 20px;
        background: url('./i_survey.png') no-repeat left top;
    }

        .online_survay h2 strong {
            color: #4369b1;
        }

    .online_survay ul {
        float: left;
        width: 100%;
        font-size: 14px;
        margin-top: 15px;
    }

        .online_survay ul li {
            margin-bottom: 10px;
            vertical-align: middle;
        }

            .online_survay ul li input {
                margin: 0 6px;
            }

            .online_survay ul li label {
                position: relative;
                top: 1px;
            }



/* 조직도 */
.jOrgChart table a {
    white-space: nowrap !important;
}

/* 관리위원회소개 조직도 */
.committeeChartContainer {
    width: 100% !important;
    position: relative;
    min-width: 700px;
}

    .committeeChartContainer table {
        min-width: 80px !important;
    }

/* #chart0 .jOrgChart {
    margin: 30px 0;
} */

#chart1 {
    position: absolute;
    top: 0;
    right: 13%;
}

    #chart1 .jOrgChart table tbody tr:nth-child(3) {
        display: none;
    }


/* 자동완성 */

#searchBox{}
#searchBox:-webkit-autofill,
#searchBox:-webkit-autofill:hover, 
#searchBox:-webkit-autofill:focus {
  border: 1px solid #fff; 
  -webkit-text-fill-color: #4aa1a5;
  -webkit-box-shadow: 0 0 0px 1000px #eee inset;
  transition: background-color 5000s ease-in-out 0s;
  background: url(../images/ban7.png) no-repeat 0 0;
}

/* .main_sch input.button{float: right; display: block;
    padding: 0;
    width: 62px;
    height: 58px;
    text-indent: -9999px;
    margin-top: 6px;
    margin-right: 2.5px;
    background: url(../images/icon_main_sch.png) no-repeat center center;
    border: 0;}
#box p{}
#box p::after{content: ""; display: block; clear: both;}
#box p input[type=text]{ margin-left: 23.2%; width: 450px;}
#box p input[type=button]{
    padding: 0;
    width: 85px;
    height: 58px;
    text-indent: -9999px;
    background: #fff url(../images/btn_close.png) no-repeat center center;} */

#autocomplete_container {
    position: absolute;
    top: 70px;
    left: 23.2%;
    width: 68%; 
    /*display: none;*/
}
#autocomplete_container.on{display: block;}

    #autocomplete_container ul {
        border: 1px solid #4aa1a5;
        background: #fff;
        max-height: 305px;
        overflow-y: auto;
    }

        #autocomplete_container ul li {
            padding: 10px;
            border-bottom: 1px solid #d9d9d9;
        }

            #autocomplete_container ul li span {
                display: table-cell;
                padding-right: 10px;
            }

                #autocomplete_container ul li span.ac-img {
                    width: 30px;
/*                    width: 16px; height: 16px; background: url(../images/icon_main_sch03.png) no-repeat 50% 50%;
                    text-indent: -9999px; display: inline-block; box-sizing: border-box; padding-right: 0; margin:0 10px;*/
                }

                #autocomplete_container ul li span.ac-date {
                    width: 80px;
                    text-align: center;
                }

    #autocomplete_container .paging {
        background: #4aa1a5;
        text-align: center;
        padding: 5px 0;
    }

        #autocomplete_container .paging a {
            display: inline-block;
            width: 24px;
            height: 24px;
            text-align: center;
            line-height: 24px;
            border: 1px solid #fff;
            color: #fff;
            margin: 0 4px;
        }

.statics_autocomplete {
    position: relative;
}

    .statics_autocomplete #autocomplete_container {
        top: 38px;
        left: 10px;
        z-index: 1;
    }

        .statics_autocomplete #autocomplete_container ul {
            width: 552px;
        }


/* 메인 검색창 탭버튼 */
.main_sch .chkBox.letter_1 input[type=radio]:not(old) {
    margin:0; padding:0; opacity:0; 
    background:#ddd;  
    width:0; display: none; 
  } 
.main_sch .chkBox.letter_1 input[type=radio]:not(old) + label {
    display: inline-block; 
    height:33px; line-height: 33px; text-align: center; width: 13%;
    background: #F2F2F4; vertical-align: middle; box-sizing: border-box;
    font-size: 14px; color: #303750;  letter-spacing: -0.055em; border-radius: 5px; border: 1px solid #303750; transition: all ease-in-out 0.3s; 
  }
.main_sch .chkBox.letter_1 input[type=radio]:not(old):checked + label {
    background: #303750; color: #fff; letter-spacing: -0.055em; font-weight: 700;
    font-size: 14px; 
  }
.main_sch .chkBox.letter_1 input[type=radio]:not(old) + label:hover{background: #303750; color: #fff; font-weight: 700;}


/* 통합검색 */
#srch_header{   
    position: relative;
    width: 100%;
    height: auto;
    background: url(../../resource/images/top_bg.png) repeat-x left top; background: #fff; z-index: 10;
}
#srch_header h1{
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -88px;
    display: inline-block;
    width: 175px;
    height: 20px;
}
#srch_header h1 a{
    display: block;
    text-indent: -99999px;
    line-height: 20px;
    background: url(../../resource/images/grac_logo.png) no-repeat center center;
}
#srch_header > .container{
    position: relative;
    margin-top: 1.5rem;
    margin: 0 auto;
    width: 100%; height: 110px;
}
#srch_header .search{
    position: absolute;
    top: 50px;
    left: 50%; transform: translateX(-50%);
    width: auto;
    height: auto; margin: 5px auto;     
}
#srch_header .search fieldset{
    display: flex; flex-wrap: nowrap;
}
#srch_header .search .search_wrap{
    position: relative;
}
#srch_header .search .search_left{
    float: left;
    position: relative;
    height: 2.3rem;
}
#srch_header .search .inp_txt{
    width: 24rem;
    height: 100%;
    padding: 0 0 0 0.5rem;
    padding-right: 2.5rem;
    border: 2px solid #4aa1a5; 
}
#srch_header .search #openKeyBoard{display: block;
    position: absolute;
    top: 0.7rem;
    right: 1rem;
    }
#srch_header .search .btn_search{float: left;
    width: 4rem;
    height: 2.3rem;
    margin-left: 0.25rem;
    padding: 0;
    border: 0;
    background-color: #4aa1a5;
    line-height: 2.3rem;
    font-family: inherit;
    font-size: 0.75rem;
    color: #fff;
    cursor: pointer; margin-top: 2px;
}
#srch_header .search .btn_reSearch{
    float: left;
    margin-top: 0.75rem;
    margin-left: 1rem;
    font-size: 0.7rem;
    color: #222;
}
#srch_header .search .btn_reSearch label{
    cursor: pointer;}
#srch_header .search .btn_reSearch input{margin-top: 0;
    margin-right: 0.25rem;
    cursor: pointer;
}
#srch_header .search .search_wrap:after{content: "";
    display: block;
    clear: both;
}
.container:after{clear: both;
    display: block;
    width: 100%;
    content: "";
}
#srch_header .header_bottom{
    background: #fff;
} 
.header_bottom .result_desc{height: 3.25rem;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;}
.header_bottom .result_desc > .container{
    display: table;
    max-width: 820px;
    height: 100%;
    table-layout: fixed;
    text-align: center;
    margin: 0 auto;
}
.header_bottom .result_desc p{display: table-cell;
    width: 100%;
    font-size: 0.95rem;
    letter-spacing: -0.05em;
    line-height: 1.2;
    color: #333;
    word-break: keep-all;
    word-wrap: break-word;
    vertical-align: middle;
}
.result_desc p strong{font-weight: 700;
    color: #ef212f;
}

/**/
.search_result .srch_tab{   
    margin-bottom: 40px;
    padding: 20px;
    height: auto; box-sizing: border-box; background: #f8f9fa;
}
.search_result .srch_tab .inner{    
    padding: 10px; margin-bottom: 0;
    background-color: #fff;
}
.search_result .srch_tab .inner > ul{  
    font-size: 0;
    line-height: 0;
}
.search_result .srch_tab .inner > ul > li{    
    margin-bottom: 20px;
    padding-left: 10px;
    vertical-align: top;
}
.search_result .srch_tab .inner li{
    position: relative;
}
.search_result .srch_tab .inner li:before{    
    content: "";
    display: block;
    position: absolute;
    top: 0.55rem;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #6b6b6b;
}
.search_result .srch_tab .inner > ul > li > a{
    display: block;
    margin-right: 1rem;
}
.search_result .srch_tab .inner li a{
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    word-break: keep-all;
    word-wrap: break-word;
}
.search_result .srch_tab .inner > ul > li > ul{
    font-size: 0;
    line-height: 0;
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    border-top: 1px dotted #ccc;
}
.search_result .srch_tab .inner > ul > li > ul > li{    
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
    padding-left: 0.5rem;
    vertical-align: top;
}
.search_result .srch_tab .inner > ul > li > ul > li:before{
    top: 0.45rem;}

.search_result .srch_tab .inner > ul > li > ul > li > a{
    font-size: 13px;
    line-height: 1.5; font-weight: normal; color: #444;}
.search_result .srch_tab .inner > ul > li > ul > li > a:hover{text-decoration: underline;}
.search_result .srch_tab .inner > ul > li > ul > li > a strong{font-weight: bold; color: #000;}
.search_result .list_wrap > li{
    position: relative;
    margin-bottom: 40px;
    letter-spacing: -0.05em;
}
.search_result .list_wrap > li .tit_box{
    padding-bottom: 1rem;
    border-bottom: 2px solid #353959; 
    margin-bottom: 0;
}
.search_result .list_wrap > li .result_tit{    
    display: block;
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 1.2;
    color: #333;
}
.search_result .list_wrap > li .result_tit > span{
    color: #4aa1a5;
}
.list_wrap .bbs_ListA table tr{text-align: center;}
.list_wrap .bbs_ListA table tr th{padding: 10px 7px; background: #f8f9fa;}
.list_wrap .bbs_ListA table tr td{padding: 10px 7px; border-bottom: 1px solid #ddd;}

.search_result .list_wrap > li .result_tit > em{
    font-size: 0.95rem;
    vertical-align: bottom;
}
.search_result .list_wrap > li .result_tit > em span{
    color: #4aa1a5;
}
.search_result .list_wrap > li > ul{margin-bottom: 0;}
.search_result .list_wrap > li > ul.type2{
    margin-top: 0;
    font-size: 0;
    line-height: 0;
}
.search_result .list_wrap > li > ul.type2 > li{
    display: inline-table;
    width: 49%;
    height: 2.7rem;
    margin-bottom: 0;
    padding-bottom: 0;
    vertical-align: top;
    table-layout: fixed;
    margin-top: 0;
}
.search_result .list_wrap > li > ul > li{
    margin-bottom: 1rem;
    padding-bottom: 20px;
    border-bottom: 1px dashed #b7b7b7;
    margin-top: 20px;
}
.search_result .list_wrap > li > ul.type2 > li a{
    display: table-cell;
    position: relative;
    width: 100%;
    padding: 0.8rem 0.5rem 0.8rem 1rem;
    line-height: 1.3;
    vertical-align: middle; 
}
.search_result .list_wrap > li > ul.type2 > li:nth-child(odd) a:before{    
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: calc(100% - 1.2rem);
    margin: auto 0;
    border-left: 1px dashed #a8a8a8;
}
.search_result .list_wrap > li > ul.type2 > li a[target="_blank"] strong{
    padding-right: 25px;
    background: url(../images/openbrowser.png) no-repeat 100% 50%;
}
.search_result .list_wrap > li > ul.type2 > li a strong{
    display: inline-block;
    position: relative;
    margin-right: 0.5rem;
    padding-left: 0.5rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: #333;
}
.search_result .list_wrap > li > ul.type2 > li a strong:before{
    content: "";
    display: block;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #aaa;
}
.search_result .list_wrap > li > ul > li .tit{
    display: inline-block;
    overflow:hidden;
}
.search_result .list_wrap > li > ul > li .tit a{
    display: block;
    font-weight: 700;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #222;
    word-break: keep-all;
    word-wrap: break-word;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.search_result .list_wrap > li > ul > li .date{
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 400;
    color: #555; margin-right: 20px; margin-bottom: 0!important;
}
.noticeDate{margin-bottom: 0!important;}
.search_result .list_wrap > li > ul > li .category{   
    margin: 0.5rem 0;
    font-size: 0.7rem;
    line-height: 1.4;
    color: #9185BE; font-weight: bold;
}
.search_result .list_wrap > li > ul > li .txt{
    overflow: hidden;
    max-height: 2.1rem;
    margin-top: 0.5rem;
    font-size: 0.7rem;
    line-height: 1.5;
    color: #444;
    word-break: keep-all;
    word-wrap: break-word;
}
.search_result .list_wrap > li .btns{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    line-height: 0;
}
.search_result .list_wrap > li .btns .btn_more{
    display: inline-block;
    position: relative;
    margin-right: 0.25rem;
    line-height: 1; font-size: 13px; font-weight: bold; color: #555;
}
.search_result .list_wrap > li .btns > a ~ a{
    margin-left: 0.25rem;
}
.noticeType{background: #4aa1a5; color: #fff; padding: 1px 5px; display: inline-block; font-weight: bold; font-size: 12px; margin-bottom:5px!important;
            margin-right: 3px;}
.mBtn{color:#666; font-size:12px; padding:5px 12px;}
.flex02{display: flex; flex-wrap: wrap; box-sizing: border-box;}
.flex02 p{margin-bottom: 0!important;}
.flex02 p:nth-child(1){height: 20px;}
.flex02 p:nth-child(2){margin-left: 5px; width: 89%; margin-top: 2px;}

/* 인기검색어1 */
.right_area{float: right;width: 11.35rem;margin-top: 10px;background: #fff; padding: 20px; box-sizing: border-box; border-top: 3px solid #9185be;}
.search_word .search_word_item ~ .search_word_item { margin-top:2rem; padding-top:0.5rem; border-top:1px solid #cecece; }
.search_word .search_word_item ~ .search_word_item h2 { margin-bottom:1rem; }
.search_word h2{font-size: 0.8rem;font-weight: 700;letter-spacing: -0.05em;color: #222;}

.search_word .tab{display: table;width: 100%;margin: 0.75rem 0;border-collapse: collapse;table-layout: fixed;background: none; border: none;}
.search_word .tab > li{display: table-cell;border: 1px solid #d2d2d2;vertical-align: top;width: 49%;}
.search_word .tab > li a{display: block;height: 1.9rem;background-color: #f5f8fa;font-size: 0.7rem;line-height: 1.9rem;color: #222;text-align: center;}
.search_word .tab > li.on{background-color: #9185BE;}
.search_word .tab > li.on a{background-color: #fff;}

.search_word .list:not(.my_word) { display:none; }
.search_word .list.on{display: block;}
.search_word .list ol li{line-height: 1.6;}
.search_word .list ol li.C a{background-image: url(../images/icon_new.png);}
.search_word .list ol li.C a:after { content:"NEW"; }
.search_word .list ol li.U a {background-image:url("../images/search_word_up.png");}
.search_word .list ol li.U a:after { content:"순위 상승"; }
.search_word .list ol li.N a{background-image: url(../images/search_word_normal.png);}
.search_word .list ol li.D a{background-image: url(../images/search_word_down.png);}
.search_word .list ol li.D a:after { content:"순위 하락"; }
.search_word .list ol li a{display: block;overflow: hidden;padding-right: 1.0rem;background-repeat: no-repeat;background-position: 98% 50%;white-space: nowrap;text-overflow: ellipsis;font-size: 0.71rem;color: #222;}
.search_word .list ol li a:after{position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}
.search_word .list ol li a:hover{text-decoration: underline;}

.search_word .list ol li a span{vertical-align: middle;line-height: 1;}
.search_word .list ol li a .top5{background: #9185BE; border-color: #9185BE!important; color: #fff!important;}

.search_word .list ol li a .num{display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.75rem; border: 1px solid #bebebe; font-family: "돋움"; font-size: 12px; line-height: 0.75rem;
                                letter-spacing: 0.05em; color: #555; text-align: center; vertical-align: middle;}


/* 인기검색어2 */
.search_word .tabs{display: table;width: 100%;margin: 0.75rem 0;border-collapse: collapse;table-layout: fixed;background: none; border: none;}
.search_word .tabs > li{display: table-cell;border: 1px solid #d2d2d2;vertical-align: top;width: 49%;}
.search_word .tabs > li a{display: block;height: 1.9rem;background-color: #f5f8fa;font-size: 0.7rem;line-height: 1.9rem;color: #222;text-align: center;}
.search_word .tabs > li.current{background-color: #9185BE; border-bottom: 2px solid #9185BE;}
.search_word .tabs > li.current a{background-color: #fff;}


.search_word .tab-content:not(.my_word) { display:none; }
.search_word .tab-content.current{display: block;}
.search_word .tab-content ol li{line-height: 1.6;}
.search_word .tab-content ol li.C a{background-image: url(../images/icon_new.png);}
.search_word .tab-content ol li.C a:after { content:"NEW"; }
.search_word .tab-content ol li.U a {background-image:url("../images/search_word_up.png");}
.search_word .tab-content ol li.U a:after { content:"순위 상승"; }
.search_word .tab-content ol li.N a{background-image: url(../images/search_word_normal.png);}
.search_word .tab-content ol li.D a{background-image: url(../images/search_word_down.png);}
.search_word .tab-content ol li.D a:after { content:"순위 하락"; }
.search_word .tab-content ol li a{display: block;overflow: hidden;padding-right: 1.0rem;background-repeat: no-repeat;background-position: 98% 50%;white-space: nowrap;text-overflow: ellipsis;font-size: 0.71rem;color: #222;}
.search_word .tab-content ol li a:after{position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}
.search_word .tab-content ol li a:hover{text-decoration: underline;}

.search_word .tab-content ol li a span{vertical-align: middle;line-height: 1;}
.search_word .tab-content ol li a .top5{background: #9185BE; border-color: #9185BE!important; color: #fff!important;}

.search_word .tab-content ol li a .num{display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.75rem; border: 1px solid #bebebe; font-family: "돋움"; font-size: 12px; line-height: 0.75rem;
                                letter-spacing: 0.05em; color: #555; text-align: center; vertical-align: middle;}


/* 인기검색어3 */
/* 인기검색어 탭버튼 */
.chkBox.letter_1 input[type=radio]:not(old) {
    margin:0; padding:0; opacity:0; 
    background:#ddd;  
    width:0; display: none;
  } 
.chkBox.letter_1 input[type=radio]:not(old) + label {
    display: inline-block; 
    height:32px; line-height: 32px; text-align: center; width: 50%; 
    background: #f5f8fa; vertical-align: middle;
    color: #303750;  letter-spacing: -0.15em; border: 1px solid #ddd; box-sizing: border-box;
  }
 .chkBox.letter_1 input[type=radio]:not(old):checked + label {
    background: #fff; color: #222; letter-spacing: -0.15em; font-weight: 700; border-bottom: 2px solid #9185BE; box-sizing: border-box;
  }
 .chkBox.letter_1 input[type=radio]:not(old) + label:hover{font-weight: 700;}


 .view_img_btn a{
     display:flex;  
     align-items:center;
     justify-content:center;
 }
 .view_img_btn a > img{
     margin: 0 !important;
 }
 .btn.lh26{
     line-height:26px;
 }