﻿@charset "utf-8";

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, select {
    font-family: Dotum,"돋움","Malgun Gothic","Mangal","Apple Gothic","굴림",Gulim,sans-serif;
    /*font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;*/
    margin: 0;
    padding: 0;
    font-size: 12px;
    /*font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.03px;*/
}

ul {
    list-style: none;
}

input, textarea, button {
    font-size: 12px;
    font-family: "돋움",Dotum,"Malgun Gothic","Mangal","Apple Gothic","굴림",Gulim,sans-serif;
    /*font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;*/
    vertical-align: top;
}

/*---------------------------------------------
                 공용버튼
---------------------------------------------*/

/* 1. 검정 그라데이션 버튼 */
.ifa_btn_com_1 {
    color: #fff;
    /* background-color: #757475; */
    border-radius: 4px;
    padding: 3px 7px;
    border: 1px solid rgba(0,0,0,0.3);
    font-weight: 500;
    letter-spacing: -0.5px;
    background: rgb(122,121,122);
    background: linear-gradient(180deg, rgba(122,121,122,1) 28%, rgba(100,99,100,1) 100%);
    display: inline-block;
    cursor: pointer;
}

    .ifa_btn_com_1 span {
        color: #fff;
    }

/* 2. 팝업버튼 - border 에메랄드색 */
.ifa_btn_com_2 {
    font-weight: bold;
    box-sizing: border-box;
    padding: 5px 10px;
    display: inline-block;
    border: 2px solid #92c6c2;
    border-radius: 5px;
    cursor: pointer;
    min-width: 60px;
} 

/*---------------------------------------------
                  // 공용버튼
---------------------------------------------*/


/* layout */
body {
    margin: 0;
    padding: 0;
}

#wrap {
    padding-left: 40px;
}

#header {
    width: 909px;
    overflow: hidden;
    padding-top: 10px;
}

#container {
    background: url(../images/layout/container_bg.gif) repeat-y left top;
    overflow: hidden;
    width: 1260px;
    position: relative;
}

#container_top {
    /*background: url(../images/layout/container_top_bg.gif) no-repeat left top;*/
    height: 5px;
    width: 920px;
}

#container_bottom {
    background: url(../images/layout/container_bottom_bg.gif) no-repeat left top;
    height: 5px;
}

#footer {
    width: 100%;
    padding-top: 34px;
    padding-bottom: 50px;
}

#snb {
    float: left;
    width: 199px;
    overflow: hidden;
}

#content {
    float: left;
    /*width: 646px;
    padding-top: 29px;
    padding-left: 32px;
    padding-right: 33px;
    padding-bottom: 30px;*/
    position: relative;
    width: 710px;
    box-sizing: border-box;
    padding: 30px;
}

#content:before {
    position: absolute;
    content: "";
    width: 711px;
    height: 1px;
    background-color: #c7c7c7;
    top: 0;
    left: -1px;
}

#content:after {
    position: absolute;
    content: "";
    width: 198px;
    height: 1px;
    background-color: #213bbf;
    top: 0;
    left: -200px;
}


#curtain {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg/bg_curtain.png) repeat left top;
    z-index: 20;
}

.cf:after {
    content: '';
    clear: both;
    display: block;
}

/*-------------
    color
------------- */
.user_info_text .ie_span {
    color: #000;
}

.user_info_box .user_menu li span, .snb_menu li a:hover,
.c_color, .snb_menu li li.sele a {
    color: #213bbf !important;
}

.c_border,
#snb .user_info_box {
    border: 1px solid #213bbf;
}

.c_b_left, .snb_title {
    border-left: 1px solid #213bbf !important;
}

.c_b_right, .snb_title {
    border-right: 1px solid #213bbf !important;
}

.c_b_top {
    border-top: 1px solid #213bbf !important;
}

.c_b_bottom {
    border-bottom: 1px solid #213bbf !important;
}


#gnb .top_img li a, #gnb .text.c_text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif !important;
}

/*#gnb .text.c_text {
    display: inline-block;
}*/


/*아이패드에서 메뉴 텍스트가 깨짐*/
#gnb li:nth-child(2) .c_text {
    width: 30px;
}

#gnb li:nth-child(8) .c_text {
    width: 35px;
}

#gnb .top_img li a:hover {
    text-decoration: none;
}

#gnb .top_img li a img {
    height: 20px;
    padding-right: 10px;
}

#gnb li span {
    color: #828282;
    font-weight: 500;
}

.top_header .header_line.c_one {
    margin-bottom: 25px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top_header .header_line.c_one .c_search_box {
    margin-right: 16px;
    position: relative;
}

.top_header .header_line.c_one .c_search_box .search_icon {
    background: url(/Images/version/icon/icon_search.png) center;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 33px;
}

.top_header .header_line.c_one .search_box:focus-visible {
    outline-color: #213bbf;
}


.top_header .header_line.c_one .search_box {
    border: 2px solid #213bbf;
    box-sizing: border-box;
    padding: 0px 40px 0px 10px;
    height: 35px;
    width: 300px;
    background: #fff;
    border-radius: 0;
}

.top_header .header_line.c_one input.search_box:focus { 
    outline: none;
}

.c_upper_icon {
    display: flex;
    justify-content: flex-end;
}

.c_upper_icon .c_admin, .c_upper_icon .c_logout {
    border: 1px solid #d5d9df;
    padding: 3px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-left: 8px;
    color: #828282;
    font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
    /*font-weight: 200;*/
    line-height: 1.3;
}

.c_upper_icon .c_admin {
    background-color: #efeff1;
}


.c_upper_icon .c_logout {
}

.c_upper_icon a:hover {
    text-decoration: none;
}

/* header */
.logo {
    float: left;
    /*padding-left: 11px;
    padding-top: 64px*/
}

#gnb {
    float: right;
    padding-right: -7px;
    overflow: hidden;
    padding-bottom: 25px;
    padding-bottom: 23px;
    text-align: right;

}

#gnb li {
    float: left;
    padding-left: 52px;
    /*padding-right: 9px;*/
}

#gnb li:first-child {
    padding-left: 0px;
}

#gnb li.active span {
    font-weight: bold;
    color: #000;
}

.tahoma_red_b {
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
}

.marginR5 {
    margin: 0 5px 0 0
}

select::-ms-expand {
    display: none;
}


/* snb */

.snb_title {
    padding-left: 39px;
    padding-top: 30px;
    border-left: 1px solid #f00;
    border-right: 1px solid #f00;
    width: 160px;
    position: relative;
    left: -1px;
    border-top: 1px solid #213bbf;
}

.snb_title p {
    padding-top: 7px;
}


/* 설문, div_마이오피스 */

.div_moffice {
    width: 640px;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    z-index: 99999999;
    border: 3px solid #d0d0d0;
    text-align: center;
    margin: 30px 0 0 32px
}


/* user_info */
.user_info_box {
    padding-left: 36px;
    padding-top: 20px;
    width: 160px
}

.user_info_box .user_info {
    overflow: hidden;
}

.user_info_box .user_info .user_img {
    float: left;
}

.user_info_box .user_info .user_info_text {
    float: left;
}

.user_info_box .user_info .user_info_text p {
    line-height: 16px;
    color: #666666;
    font-size: 12px
}

.user_info_box .user_info .user_info_text p a {
    color: #666;
    font-weight: bold;
    padding-right: 3px;
}

.user_info_box .user_info .user_info_text p.user_kind {
    color: #1c3aed;
    padding-top: 3px;
}

.user_info_box .user_btn_box {
    padding-top: 8px;
    overflow: hidden;
}

.user_info_box .user_btn_box li {
    float: left;
    padding-right: 3px;
}

.user_info_box .user_menu {
    padding-top: 12px;
    clear: left;
    *padding-top: 10px;
}

.user_info_box .user_menu li {
    padding-left: 12px;
    background: url(../images/bullet/bu_user_info.gif?20210615) no-repeat left 5px;
    height: 19px;
}

.user_info_box .user_menu li a {
    color: #666666;
    font-weight: bold;
}

.user_info_box .user_menu li a:hover, .user_info_box .user_menu li a:active, .user_info_box .user_menu li a:focus,
.user_info_box .user_menu li:hover, .user_info_box .user_menu li:active, .user_info_box .user_menu li:focus,
.user_info_box .user_menu li span:hover, .user_info_box .user_menu li span:active, .user_info_box .user_menu li span:focus,
.user_info_box .user_menu li img:hover, .user_info_box .user_menu li span:active, .user_info_box .user_menu li img:focus {
        text-decoration: none !important;
    }

.user_info_box .user_menu li span {
    /*color: #ee2b33;*/
    font-size: 11px;
}

.user_info_box .user_menu .menu_box1 {
    padding-bottom: 2px;
}

.user_info_box .user_menu .menu_box1 span {
    font-family: "tahoma";
    font-size: 10px;
}

.user_info_box .user_menu .menu_box1 li#mybox {
    position: relative;
}

.user_info_box .user_menu .menu_box2 span {
    font-family: "tahoma";
    font-size: 10px;
}

.user_info_box .user_menu .menu_box2 {
    border-top: 1px solid #b2b2b2;
    width: 121px;
    padding-top: 8px;
}

.user_info_box .user_menu li a .c_text {
    display: none;
}



/* snb_search */
.snb_search {
    padding-left: 39px;
    padding-top: 5px;
}

.snb_search #search {
    width: 81px;
    height: 20px;
    background: #f8f8f8;
    border-top: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}



/* center year box */
.mbo .year_btn_box {
    width: 264px;
    padding-bottom: 15px;
}

.year_btn_box {
    overflow: hidden;
    margin: 0px auto;
    margin-top: 10px;
    width: 200px;
}

    .year_btn_box .prev {
        float: left;
    }

    .year_btn_box .next {
        float: right;
    }

    .year_btn_box p input {
        border: none;
        width: auto;
        height: auto;
    }

.year_btn_box .year_box {
    float: left;
    overflow: hidden;
    width: 144px;
    margin-top: 1px;
    text-align: center;
}

.year_btn_box .year_box .hidden_box1 {
    width: 720px;
}

.year_btn_box .year_box .hidden_box1 p {
    float: left;
    width: 200px;
    font-size: 17px;
    font-family: "tahoma";
    text-align: center;
    color: #555;
}





/* snb_menu 건드리기전 연락요망^^*_120522 */
.snb_menu {
    padding-left: 39px;
    padding-bottom: 83px;
}

.snb_menu li {
    padding: 20px 0 0 0;
}

.snb_menu li a {
    padding: 0 0 0 0
}

.snb_menu .type2 p a img {
    padding: none
}

    

.snb_menu li .category li a:hover {
    color: #ed1c24;
    font-weight: bold
}

.snb_menu li.sele a {
    /*color: #ed1c24;*/
}

.snb_menu li.sele li a {
    color: #a6a6a6;
}

.snb_menu li li {
    padding-top: 3px;
    padding-left: 0px;
}

.snb_menu li li.sele {
    text-decoration: underline
}

.snb_menu li ul {
    padding-top: 5px;
}

.snb_menu li li a {
    /*color: #242424;*/
    /*font-size: 13px;
    font-weight: normal;*/
}

.snb_menu li li.sele a {
    color: #ed1c24;
}

.snb_menu .type2 ul {
    padding-top: 10px;
}

.snb_menu .type2 li {
    line-height: 11px;
}

.snb_menu .type2 a {
    font-family: "dotum";
    color: #a6a6a6;
    font-size: 11px;
    font-weight: normal;
}

.snb_menu .type2 li:hover {
    color: #ed1c24;
    font-weight: bold;
}

.snb_menu .type2 li.sele {
    background: url(../images/bullet/bu_arrow.gif) no-repeat left 39%;
}


/* 새 테이블(실적) */

.snewtb td {
    font-family: Tahoma;
    font-size: 11px;
    color: #5c5c5c;
    padding: 5px
}


/* snb_img_menu */
.snb_img_menu {
    padding-left: 39px;
    padding-bottom: 83px;
}

.snb_img_menu li {
    padding-top: 26px;
}

.snb_img_menu li a {
    font-family: "dotum";
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.snb_img_menu li a:hover {
    color: #ed1c24;
}

.snb_img_menu li.sele a {
    color: #ed1c24;
}

.snb_img_menu li.sele li a {
    color: #a6a6a6;
}

.snb_img_menu li li {
    padding-top: 8px;
    padding-left: 9px;
}

.snb_img_menu li li.sele {
}

.snb_img_menu li ul {
    padding-top: 5px;
}

.snb_img_menu li li a {
    font-family: "dotum";
    color: #a6a6a6;
    font-size: 12px;
    font-weight: normal;
}

.snb_img_menu li li.sele a {
    color: #ed1c24;
}

/* company_box */
.company_box {
}

.company_box .center_tel {
    padding-left: 26px;
    padding-bottom: 18px;
}

.company_box .contact {
    padding-left: 22px;
    width: 155px;
}

.company_box .contact p {
    border-top: 1px solid #d1d1d1;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 16px;
    font-size: 0;
}

.company_box .banner_box {
    padding-left: 12px;
    padding-bottom: 14px;
}

/* footer */
.footer_logo_box {
    /*padding-left: 41px;*/
    overflow: hidden;
    width: 910px;
    padding-bottom: 7px;
}

.footer_logo_box .footer_logo {
    float: left;
}

.footer_logo_box .footer_menu {
    float: right;
}

.footer_logo_box .footer_menu p {
    float: left;
}

.footer_info_box {
    border-top: 1px solid #d9ddde;
    padding-top: 12px;
    /*padding-left: 41px;*/
}

.footer_info_box .company_info {
    overflow: hidden;
}

.footer_info_box .company_info li {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    background: url(../images/bg/bg_footer_menu.gif) no-repeat left center;
}

.footer_info_box .addr {
    clear: left;
    overflow: hidden;
    padding-top: 6px;
}

.footer_info_box .addr p {
    float: left;
    padding-right: 8px;
}

/* content_title */
.content_title {
    position: relative;
    padding-bottom: 10px;
}

    .content_title h3 {
        font-size: 20px;
        color: #555;
        font-family: "Malgun Gothic";
        padding-bottom: 5px;
        line-height: 24px;
    }

    .content_title p {
        color: #757575;
        overflow: hidden;
    }

        .content_title p.p_style1 {
            height: 20px;
            padding-top: 2px;
        }

    .content_title .bread_crumb {
        position: absolute;
        right: 0;
        top: 11px;
        overflow: hidden;
        display: none;
    }

        .content_title .bread_crumb li {
            float: left;
            background: url(../images/bg/bg_crumb.gif) no-repeat 5px center;
            padding-left: 15px;
            padding-right: 0px;
        }

            .content_title .bread_crumb li a {
                color: #757575;
            }

    .content_title .bread_crumb1 {
        position: absolute;
        right: 0;
        top: 5px;
        ;
        overflow: hidden;
    }

        .content_title .bread_crumb1 li {
            float: left;
            background: url(../images/bg/bg_crumb.gif) no-repeat 5px center;
            padding-left: 15px;
            padding-right: 0px;
        }

            .content_title .bread_crumb1 li a {
                color: #757575;
            }

/* banner_area */
.banner_area {
    padding-left: 20px;
    margin-top:;
    position: absolute;
    top: 133px;
    left: 950px;
}

    .banner_area li {
        padding-bottom: 10px;
    }


/* paging */
.pagenator {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 20px;
    font-family: "dotum";
}

    .pagenator a {
        font-size: 11px;
        display: inline-block;
        padding-left: 3px;
        width: 10px;
        border-left: 1px solid #888;
        height: 12px;
        padding-top: 0px;
        vertical-align: middle;
        text-align: center;
        color: #888;
        line-height: 13px;
    }

        .pagenator a.select {
            font-weight: bold;
            color: #888;
        }

        .pagenator a.prev, .pagenator a.front, .pagenator a.next, .pagenator a.end {
            width: 12px;
            height: 20px;
            background: none;
            padding-top: 0;
            border: 0;
        }

        .pagenator a img {
            vertical-align: middle;
            padding-top: 7px;
        }

#pagenator a {
    color: #757575;
}


/*layer popup*/
.popup_top {
    width: 95px;
    background: url(../images/bg/bg_popup.gif) no-repeat left top;
    height: 5px;
    position: relative;
}

    .popup_top span {
        background: url(../images/bg/bg_popup.gif) no-repeat right top;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

#popup {
    width: 91px;
    border-left: 2px solid #ed1c24;
    border-right: 2px solid #ed1c24;
    background: #fff;
    padding-top: 8px;
}

.popup_bottom {
    width: 95px;
    background: url(../images/bg/bg_popup.gif) no-repeat left bottom;
    height: 5px;
    position: relative;
}

    .popup_bottom span {
        background: url(../images/bg/bg_popup.gif) no-repeat right bottom;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

#popup li {
    background: none !important;
    font-weight: normal;
}

    #popup li a {
        color: #555555;
        font-weight: normal;
        font-size: 11px;
    }

        #popup li a:hover {
            color: #ed1c24;
        }

        #popup li a span {
            color: #ed1c24;
            font-weight: bold;
            padding-left: 5px;
        }

/*layer popup*/
#basket {
    position: absolute;
    left: 200px;
    top: 300px;
    display: none;
    z-index: 50;
}

.basket_top {
    width: 250px;
    background: url(../images/bg/bg_popup.gif) no-repeat left top;
    height: 5px;
    position: relative;
}

    .basket_top span {
        background: url(../images/bg/bg_popup.gif) no-repeat right top;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

.basket {
    width: 246px;
    border-left: 2px solid #ed1c24;
    border-right: 2px solid #ed1c24;
    background: #fff;
    padding-top: 25px;
    padding-bottom: 10px;
}

    .basket .red_text {
        color: #ed1c24;
        font-weight: bold;
    }

    .basket p {
        text-align: center;
        line-height: 1.6em;
    }

    .basket .basket_btn {
        padding-top: 8px;
    }

        .basket .basket_btn a {
            padding: 2px;
        }

.basket_bottom {
    width: 250px;
    background: url(../images/bg/bg_popup.gif) no-repeat left bottom;
    height: 5px;
    position: relative;
}

    .basket_bottom span {
        background: url(../images/bg/bg_popup.gif) no-repeat right bottom;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

/* 목표관리 팝업 */
#purposeBox {
    position: absolute;
    top: 500px;
    right: 10px;
    z-index: 50;
}

#purposeBox1 {
    position: absolute;
    top: 850px;
    right: 10px;
    z-index: 50;
}

#purposeBox2 {
    position: absolute;
    top: 150px;
    left: 30px;
    z-index: 50;
}

#purposeBox3 {
    position: absolute;
    top: 150px;
    left: 60px;
    z-index: 50;
}

#purposeBox4 {
    position: absolute;
    top: 150px;
    left: 90px;
    z-index: 50;
}

.purp_box {
}

.purp_top {
    width: 400px;
    /*background: url(../images/bg/bg_popup.gif) no-repeat left top;*/
    height: 5px;
    position: relative;
}

.purp_top span {
    /*background: url(../images/bg/bg_popup.gif) no-repeat right top;*/
    height: 5px;
    width: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

.purp {
    width: 396px;
    /*border-left: 2px solid #ed1c24;
    border-right: 2px solid #ed1c24;*/
    background: #fff;
    padding-top: 25px;
    padding-bottom: 40px;
}

.purp h4 {
    padding-left: 20px;
    float: left;
    overflow: hidden;
}

.purp .pop_year {
    float: right !important;
    overflow: hidden;
    padding-right: 20px;
    font-weight: bold;
    color: #757575 !important;
}

.purp .popup_table_box {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin: 20px;
    margin-top: 10px;
}

.purp .popup_table_box p {
    padding-top: 10px;
    width: 360px;
    padding-bottom: 5px;
    text-align: center;
}

.purp .popup_table_box table {
    border-collapse: collapse;
    width: 100%;
}

.purp .popup_table_box table th {
    height: 35px;
    background: #f9f9f9;
    text-align: center;
}

.purp .popup_table_box tbody th {
    text-align: center;
}

.purp .popup_table_box tbody th,
.purp .popup_table_box tbody td {
    background: none;
    border-bottom: 1px solid #ebebeb;
    height: 35px;
}

.purp .popup_table_box tbody td {
    vertical-align: middle;
    text-align: right;
    padding-right: 5px;
}

.purp .popup_table_box tbody td span {
    color: #ed1c24;
    font-family: "verdana";
}

.purp .popup_table_box table input {
    width: 40px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    text-align: right;
    color: #a6a6a6;
    background: #f8f8f8;
    border: 1px solid #cbcbcb;
    line-height: 20px;
}

#purp_box {
    border: 2px solid #213bbf;
    background: #ffffff;
}

.purp_bottom {
    width: 400px;
    /*background: url(../images/bg/bg_popup.gif) no-repeat left bottom;*/
    height: 5px;
    position: relative;
}

.purp_bottom span {
    /*background: url(../images/bg/bg_popup.gif) no-repeat right bottom;*/
    height: 5px;
    width: 5px;
    position: absolute;
    right: 0;
    top: 0;
}


.purp_box {
}

.purp_top2 {
    width: 400px;
    background: url(../images/bg/bg_popup.gif) no-repeat left top;
    height: 5px;
    position: relative;
}

.purp_top2 span {
    /*background: url(../images/bg/bg_popup.gif) no-repeat right top;*/
    height: 5px;
    width: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

.purp2 {
    width: 396px;
    border-left: 2px solid #ed1c24;
    border-right: 2px solid #ed1c24;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.purp2 h4 {
    padding-left: 20px;
    overflow: hidden;
}

.purp2 .pop_year {
    float: right !important;
    overflow: hidden;
    padding-right: 20px;
    font-weight: bold;
    color: #757575 !important;
}

.purp2 .popup_table_box {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin: 20px;
    margin-top: 30px;
}

.purp2 .popup_table_box table {
    border-collapse: collapse;
    width: 100%;
}

.purp2 .popup_table_box tbody th {
    padding-left: 15px;
    text-align: left;
    height: 28px;
}

.purp2 .popup_table_box tbody th,
.purp2 .popup_table_box tbody td {
    background: none;
    border-bottom: 1px solid #ebebeb;
    color: #7b7b7b;
}

.purp2 .popup_table_box tbody td {
    vertical-align: middle;
    text-align: left;
    padding-right: 5px;
}

.purp2 .popup_table_box tbody td span {
    color: #ed1c24;
    font-family: "verdana";
}

.purp2 .popup_table_box tbody .select_type span {
    color: #7b7b7b;
    font-family: "verdana";
}

.purp2 .popup_table_box table td input {
    height: 20px;
    width: 80%;
    vertical-align: middle;
    text-align: right;
    background: #f8f8f8;
    border-top: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

#purposeBox2 .writer_btn,
#purposeBox3 .writer_btn,
#purposeBox4 .writer_btn,
#purposeBox8 .writer_btn {
    margin: 0px auto;
}

.purp_bottom2 {
    width: 400px;
    background: url(../images/bg/bg_popup.gif) no-repeat left bottom;
    height: 5px;
    position: relative;
}

.purp_bottom2 span {
    background: url(../images/bg/bg_popup.gif) no-repeat right bottom;
    height: 5px;
    width: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

.text_p {
    padding-left: 20px;
    padding-top: 15px;
    color: #757575;
}

.my_box {
    position: absolute;
    left: 30px;
    top: 5px;
    display: none;
}

/* 마켓 쇼핑 카테고리 팝업 */
.cate_purp_top2 {
    background: url(../images/bg/bg_popup.gif) no-repeat left top;
    height: 5px;
    position: relative;
}

    .cate_purp_top2 span {
        background: url(../images/bg/bg_popup.gif) no-repeat right top;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

.cate_purp_bottom2 {
    background: url(../images/bg/bg_popup.gif) no-repeat left bottom;
    height: 5px;
    position: relative;
}

    .cate_purp_bottom2 span {
        background: url(../images/bg/bg_popup.gif) no-repeat right bottom;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

.cate_purp2 {
    border-left: 2px solid #ed1c24;
    border-right: 2px solid #ed1c24;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 25px;
}

    .cate_purp2 .writer_btn {
        text-align: center;
        padding-top: 15px;
    }


/* 판매자 정보 */
#writer {
    position: relative;
}

    #writer a {
        color: #757575;
        font-weight: normal;
        font-size: 11px;
    }


#writer_info {
    position: absolute;
    left: 40%;
    z-index: 20;
    display: none;
}

.writer_top {
    width: 245px;
    background: url(../images/bg/bg_popup.gif) no-repeat left top;
    height: 5px;
    position: relative;
}

    .writer_top span {
        background: url(../images/bg/bg_popup.gif) no-repeat right top;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

.writer {
    width: 241px;
    border-left: 2px solid #ed1c24;
    border-right: 2px solid #ed1c24;
    background: #fff;
    padding-top: 8px;
}

.writer_bottom {
    width: 245px;
    background: url(../images/bg/bg_popup.gif) no-repeat left bottom;
    height: 5px;
    position: relative;
}

    .writer_bottom span {
        background: url(../images/bg/bg_popup.gif) no-repeat right bottom;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }



.writer p {
    z-index: -10;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.writer table {
    border-collapse: collapse;
}

    .writer table tbody th {
        background: #fff;
        text-align: left;
        font-size: 11px;
        font-weight: bold;
        padding-left: 10px;
        font-family: "굴림",Gulim;
        padding-top: 8px !important;
        padding-bottom: 7px !important;
    }

    .writer table tbody td {
        border-top: 0 !important;
        background: #fff;
        text-align: left !important;
        font-size: 12px;
        font-family: "굴림",Gulim;
        padding-top: 8px !important;
        padding-bottom: 7px !important;
    }

.writer .writer_btn {
    width: 120px;
    margin: 0px auto;
    padding-top: 15px;
    padding-bottom: 20px;
}

    .writer .writer_btn a {
        padding: 3px;
    }



/*레이어 박스 style1*/
.layer_box_style1 {
    position: absolute;
    left: 25%;
    top: 300px;
    z-index: 20;
    display: none;
}

.layer_box_top {
    background: url(../images/bg/bg_top45.gif) no-repeat left top;
    height: 5px;
    position: relative;
}

    .layer_box_top span {
        background: url(../images/bg/bg_top45.gif) no-repeat right top;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

.layer_box_center {
    padding-left: 15px;
    padding-right: 15px;
    border-left: 2px solid #ed1c24;
    border-right: 2px solid #ed1c24;
    background: #fff;
    padding-top: 8px;
}

.layer_box_bottom {
    background: url(../images/bg/bg_bottom45.gif) no-repeat left bottom;
    height: 5px;
    position: relative;
}

    .layer_box_bottom span {
        background: url(../images/bg/bg_bottom45.gif) no-repeat right bottom;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

.layer_box_center p {
    z-index: -10;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.layer_box_center table {
    border-collapse: collapse;
    width: 100%;
}

    .layer_box_center table tbody th {
        background: #fff;
        text-align: left;
        font-size: 11px;
        color: #8b8b8b;
        font-weight: bold;
        padding-left: 10px;
        font-family: "굴림",Gulim;
        padding-top: 8px !important;
        padding-bottom: 7px !important;
    }

    .layer_box_center table tbody td {
        border-top: 0 !important;
        background: #fff;
        text-align: left !important;
        font-size: 12px;
        font-family: "굴림",Gulim;
        padding-top: 8px !important;
        padding-bottom: 7px !important;
    }

.layer_box_center .writer_btn {
    width: 100px;
    margin: 0px auto;
    padding-top: 15px;
    padding-bottom: 20px;
}

    .layer_box_center .writer_btn a {
        padding: 3px;
    }


/* 판매자 정보 */

#writer_cmt {
    position: absolute;
    left: 40%;
    z-index: 20;
    display: none;
}

.cmt_top {
    width: 400px;
    background: url(../images/bg/bg_popup.gif) no-repeat left top;
    height: 5px;
    position: relative;
}

    .cmt_top span {
        background: url(../images/bg/bg_popup.gif) no-repeat right top;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

.cmt {
    width: 396px;
    border-left: 2px solid #ed1c24;
    border-right: 2px solid #ed1c24;
    background: #fff;
    padding-top: 8px;
}

.cmt_bottom {
    width: 400px;
    background: url(../images/bg/bg_popup.gif) no-repeat left bottom;
    height: 5px;
    position: relative;
}

    .cmt_bottom span {
        background: url(../images/bg/bg_popup.gif) no-repeat right bottom;
        height: 5px;
        width: 5px;
        position: absolute;
        right: 0;
        top: 0;
    }

.cmt p {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    overflow: hidden;
}

    .cmt p.dsc {
        float: right;
        overflow: hidden;
        padding-right: 20px;
        color: #555555;
    }

.cmt textarea {
    padding: 3px;
    padding-left: 5px;
    color: #a6a6a6;
}

.cmt dl {
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    clear: both;
}

    .cmt dl dt {
        float: left;
        width: 66px;
        padding-left: 20px;
        text-align: left;
        font-weight: bold;
        font-size: 11px;
        letter-spacing: -0.1em;
    }

    .cmt dl dd {
        float: left;
        width: 290px;
        text-align: left;
        color: #555;
    }

        .cmt dl dd input {
            height: 18px;
            background: #f8f8f8;
            border: 1px solid #cbcbcb;
        }

        .cmt dl dd .cmt_title {
            width: 280px;
            color: #a6a6a6;
            line-height: 22px;
            padding-left: 5px;
        }

        .cmt dl dd .cmt_text {
            width: 280px;
            height: 50px;
            background: #f8f8f8;
            border: 1px solid #cbcbcb;
            overflow: hidden;
        }

.cmt .cmt_btn {
    width: 120px;
    margin: 0px auto;
    padding-top: 15px;
    padding-bottom: 20px;
}

.cmt .cmt_btn a {
    padding: 3px;
}



/* 리스트 스타일*/
/* board list */
.board_list {
    padding-top: 8px;
    clear: both;
}

.list_count {
    padding-bottom: 8px;
    overflow: hidden;
}

.list_count .board_btn_box {
    float: right;
}

.list_count .board_btn_box p {
    padding-right: 0;
}

.list_count p {
    color: #757575;
    float: left;
    line-height: 20px;
    padding-right: 10px;
    padding-top: 1px;
}

.list_count p span {
    color: #ed1c24;
    font-weight: bold;
}

.list_count .count_form {
    float: left;
    position: relative;
    color: #757575;
    width: 110px;
    display: flex;
    align-items: center;
}

.list_count .count_form span {
    margin-right: 5px;    
}

.list_count .count_form select {
    border: 1px solid #c6c6c6;
    color: #757575;
    margin-top: -2px;
    cursor: pointer;
}

*:first-child + html .list_count .count_form span.ie_span {
    display: block;
    position: absolute;
    margin-left: 0px;
    top: 7px;
}

.list_table {
    clear: left;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin-top: 8px;
}

    .list_table table {
        border-collapse: collapse;
        width: 100%;
    }

        .list_table table tr {
        }

        .list_table table thead th {
            background: #f9f9f9;
            text-align: center;
            color: #757575;
            font-weight: bold;
            font-size: 11px;
            height: 35px;
        }

        .list_table table tbody td {
            border-top: 1px solid #ebebeb;
            text-align: center;
            color: #757575;
            height: 33px;
        }

            .list_table table tbody td.left {
                text-align: left;
            }

            .list_table table tbody td.right {
                text-align: right;
                padding-right: 10px;
            }

            .list_table table tbody td a {
                color: #242424;
            }

                .list_table table tbody td a:hover {
                    text-decoration: underline;
                }

            .list_table table tbody td.bold {
                font-weight: bold;
            }

        .list_table table tbody .row_color {
            color: #242424;
            font-size: 10px;
            font-family: "Verdana";
        }

        .list_table table img {
            line-height: 0;
            font-size: 0;
        }

        .list_table table tbody td.red {
            color: #ed1c24;
        }

        .list_table table tbody td.blue {
            color: #336699;
        }

        .list_table table tbody td.green {
            color: #52b522;
        }

        .list_table table tbody td.price span {
            font-size: 10px;
            font-family: "Verdana";
            font-weight: bold;
            color: #ed1c24;
        }



.list_table7 {
    clear: left;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin-top: 8px;
    width: 645px
}

    .list_table7 table {
        border-collapse: collapse;
        width: 645px
    }

        .list_table7 table tr {
        }

        .list_table7 table thead th {
            background: #f9f9f9;
            text-align: center;
            color: #757575;
            font-weight: bold;
            font-size: 11px;
            height: 35px;
            padding: 5px
        }

        .list_table7 table tbody td {
            border-top: 1px solid #ebebeb;
            text-align: center;
            color: #757575;
            padding: 5px;
        }

            .list_table7 table tbody td.left {
                text-align: left;
            }

            .list_table7 table tbody td.right {
                text-align: right;
                padding-right: 10px;
            }

            .list_table7 table tbody td a {
                color: #757575;
            }

                .list_table7 table tbody td a:hover {
                    text-decoration: underline;
                }

            .list_table7 table tbody td.bold {
                font-weight: bold;
            }

        .list_table7 table tbody .row_color {
            color: #a6a6a6;
            font-size: 10px;
            font-family: "Verdana";
        }

        .list_table7 table img {
            line-height: 0;
            font-size: 0;
        }

        .list_table7 table tbody td.red {
            color: #ed1c24;
        }

        .list_table7 table tbody td.blue {
            color: #336699;
        }

        .list_table7 table tbody td.green {
            color: #52b522;
        }

        .list_table7 table tbody td.price span {
            font-size: 10px;
            font-family: "Verdana";
            font-weight: bold;
            color: #ed1c24;
        }

/*리스트 뷰*/
/* board read */
.board_read {
}

.read_table {
    border-top: 2px solid #213bbf;
}

    .read_table table {
        border-collapse: collapse;
        width: 100%;
        font-family: "dotum";
        color: #757575;
    }

        .read_table table tbody th {
            background: #f9f9f9;
            font-weight: bold;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .read_table table tbody td {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
            text-align: left;
            font-family: "verdana";
            font-size: 11px;
            color: #242424;
        }

            .read_table table tbody th.border,
            .read_table table tbody td.border {
                border-bottom: 1px solid #e4e4e4;
                border-top: 0px;
            }

            .read_table table tbody td.text {
                height: auto;
                padding-top: 10px;
                padding-bottom: 40px;
                border-top: 1px solid #c6c6c6;
                color: #242424;
            }

                .read_table table tbody td.text p {
                    line-height: 1.6em;
                }

                    .read_table table tbody td.text p.ip {
                        padding-bottom: 20px;
                        text-align: right;
                        color: #a6a6a6;
                    }

            .read_table table tbody th.no_table,
            .read_table table tbody td.no_table {
                background: none;
                border-top: 0px;
                vertical-align: top;
            }

        .read_table table tbody th.no_table {
            color: #757575;
            width: 70px;
        }

        .read_table table tbody td.no_table p {
            height: 18px;
        }

        .read_table table tbody td.no_table a {
            color: #a6a6a6;
            font-size: 11px;
        }

            .read_table table tbody td.no_table a:hover {
                text-decoration: underline;
            }

        .read_table table tbody td.re_list {
            padding: 1px;
            border: 1px solid #e6e6e6;
        }

            .read_table table tbody td.re_list .coment_box {
                background: #fbfbfb;
                padding: 8px;
            }

            .read_table table tbody td.re_list p.title_text {
                padding: 0px 0px 8px 0px;
            }

                .read_table table tbody td.re_list p.title_text strong {
                    color: #555555;
                    font-weight: bold;
                    padding-left: 5px;
                }

                .read_table table tbody td.re_list p.title_text img {
                    vertical-align: middle;
                }

            .read_table table tbody td.re_list ul {
                overflow: hidden;
            }

                .read_table table tbody td.re_list ul li {
                    overflow: hidden;
                    padding-top: 11px;
                    padding-bottom: 11px;
                    background: url(../images/bg/coment_line.gif) repeat-x left top;
                }

                    .read_table table tbody td.re_list ul li strong,
                    .read_table table tbody td.re_list ul li p,
                    .read_table table tbody td.re_list ul li span {
                        display: block;
                        float: left;
                        padding-left: 5px;
                    }

                    .read_table table tbody td.re_list ul li strong {
                        width: 105px;
                        color: #213bbf;
                    }

                    .read_table table tbody td.re_list ul li p {
                        color: #555555;
                    }

                        .read_table table tbody td.re_list ul li p textarea {
                            margin-right: 3px;
                        }

                    .read_table table tbody td.re_list ul li span {
                        font-size: 10px;
                        font-family: "Verdana";
                        padding-left: 15px;
                        color: #999999;
                        letter-spacing: -0.1em;
                    }



.board_read .read_list {
    padding-top: 35px;
}

    .board_read .read_list ul {
    }

    .board_read .read_list li {
        overflow: hidden;
    }

        .board_read .read_list li.front {
            border-top: 1px solid #c6c6c6;
            border-bottom: 1px solid #e4e4e4;
        }

        .board_read .read_list li.next {
            border-bottom: 1px solid #c6c6c6;
        }

    .board_read .read_list dt {
        float: left;
        background: #f9f9f9;
        width: 100px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .board_read .read_list dd {
        float: left;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .board_read .read_list dd a {
            color: #757575;
        }

            .board_read .read_list dd a:hover {
                text-decoration: underline;
            }

.tab_btn_box {
    padding-top: 10px;
    overflow: hidden;
}

    .tab_btn_box ul {
        float: right;
    }

        .tab_btn_box ul li {
            float: left;
        }





/* table */
.table_box {
    border: 2px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.table_box1 {
    border: 1px solid #e4e4e4;
    border-right: 0px;
    border-bottom: 0px;
}

.table_box2 {
    border-top: 1px solid #c6c6c6;
    border-bottom: 2px solid #ed1c24;
}

.table_box4 {
    border: 1px solid #e4e4e4;
    border-right: 0px;
    border-bottom: 0px;
}

.table_box1 table {
    border-collapse: collapse;
    width: 100%;
    color: #7b7b7b;
}

    .table_box1 table tr {
    }

    .table_box1 table em {
        font-family: "verdana";
        font-size: 10px;
    }

        .table_box1 table em.bold {
            font-weight: bold;
            font-size: 11px;
        }

    .table_box1 table thead th {
        background: #f9f9f9;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 8px;
        border-bottom: 1px solid #e4e4e4;
        border-right: 1px solid #e4e4e4;
    }

    .table_box1 table thead th,
    .table_box1 table tbody th {
        background: #f9f9f9;
        text-align: center;
    }

    .table_box1 table tbody td {
        font-family: "verdana";
        font-size: 11px;
    }

    .table_box1 table tbody td,
    .table_box1 table tbody th {
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        text-align: right;
        padding-right: 3px;
    }

        .table_box1 table tbody th a,
        .table_box1 table tbody td a {
            color: #585858;
        }

            .table_box1 table tbody th a:hover,
            .table_box1 table tbody td a:hover {
                text-decoration: underline;
                color: #585858;
            }

        .table_box1 table tbody th.center,
        .table_box1 table tbody td.center {
            text-align: center;
        }

        .table_box1 table tbody td.bold,
        .table_box1 table tbody th.bold,
        .table_box1 table tbody td.bold em {
            font-weight: bold;
            color: #585858;
        }


.table_box2 table {
    width: 100%;
    border-collapse: collapse;
}

    .table_box2 table tbody th {
        padding-top: 7px;
        text-align: left;
        padding-left: 15px;
        background: #fbfbfb;
        color: #666666;
        font-weight: bold;
        font-size: 11px;
    }

    .table_box2 table tbody td {
        padding-top: 7px;
        padding-left: 15px;
        color: #757575;
    }

    .table_box2 table tbody th label {
    }

    .table_box2 table tbody td label {
        display: block;
        float: left;
    }

    .table_box2 table tbody th input,
    .table_box2 table tbody td input {
        vertical-align: middle;
        font-size: 12px;
        height: 12px;
        width: 12px;
        color: #757575;
    }

    .table_box2 table tbody th span,
    .table_box2 table tbody td span {
        display: inline-block;
        vertical-align: middle;
        padding-left: 3px;
        padding-right: 7px;
    }

        .table_box2 table tbody td span.width {
            width: 70px;
            margin-bottom: 3px;
        }

    .table_box2 table tbody td img {
        vertical-align: middle;
    }

    .table_box2 table tbody td input.search_style1 {
        height: 20px;
        background: #f8f8f8;
        border-top: 1px solid #cbcbcb;
        border-left: 1px solid #cbcbcb;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        line-height: 22px;
    }


.table_box table {
    width: 100%;
    border-collapse: collapse;
}

    .table_box table tfoot th,
    .table_box table tfoot td,
    .table_box table thead th,
    .table_box table tbody th,
    .table_box table tbody td {
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        height: 18px;
    }

    .table_box table tfoot th,
    .table_box table thead th,
    .table_box table tbody th {
        text-align: center;
    }

    .table_box table tfoot td,
    .table_box table thead td,
    .table_box table tbody td {
        text-align: right;
        color: #434343;
    }


.table_box4 table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .table_box4 table tfoot th,
    .table_box4 table tfoot td,
    .table_box4 table thead th,
    .table_box4 table tbody th,
    .table_box4 table tbody td {
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        height: 25px;
    }

    .table_box4 table tfoot th,
    .table_box4 table thead th,
    .table_box4 table tbody th {
        text-align: center;
        background: #f9f9f9;
    }

    .table_box4 table tfoot td,
    .table_box4 table thead td,
    .table_box4 table tbody td {
        text-align: right;
        color: #434343;
        padding-right: 5px;
    }

        .table_box4 table tbody td.center {
            text-align: center;
        }

        .table_box4 table tbody td.red {
            color: #d33c07;
            font-weight: bold;
        }

        .table_box4 table tbody td.blue {
            color: #336699;
        }



.table_style1,
.table_style2,
.table_style3,
.table_style3 {
    position: relative;
}

.table_style1 table,
.table_style2 table,
.table_style3 table {
    border-collapse: collapse;
    width: 100%;
    border-top: 2px solid #213bbf;
    border-bottom: 1px solid #c6c6c6;
}

.table_style4 table {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.table_style1 table tbody,
.table_style2 table tbody,
.table_style3 table tbody {
}

.table_style1 table tbody th,
.table_style2 table tbody th,
.table_style3 table tbody th {
    background: #fbfbfb;
    text-align: center;
    color: #8b8b8b;
    font-weight: bold;
    padding-top: 7px;
}

.table_style4 table tbody th {
    background: #f9f9f9;
    text-align: center;
    color: #8b8b8b;
    font-weight: bold;
    line-height: 22px;
    padding: 5px;
}

.table_style1 table tbody td {
    height: 45px;
    padding-left: 15px;
    vertical-align: middle;
}

.table_style4 table tbody th {
    text-align: left;
    padding-left: 15px;
    border-bottom: 1px solid #ebebeb;
}

.table_style4 table tbody td {
    color: #757575;
    padding-top: 7px;
    text-align: right;
    padding-left: 15px;
    vertical-align: middle;
    border-bottom: 1px solid #ebebeb;
}

.table_style3 table tbody .table_end td {
    padding-bottom: 7px;
}

.table_style3 table tbody .table_end th {
    padding-bottom: 7px;
}

.table_style4 table tbody td span {
    color: #ed1c24;
    font-family: "verdana";
    font-size: 10px;
}

.table_style3 table tbody td input {
    line-height: 18px;
    padding-left: 2px;
    color: #757575;
}

.table_style1 table tbody td select,
.table_style1 table tbody td input,
.table_style2 table tbody td select,
.table_style2 table tbody td input,
.table_style3 table tbody td select {
    line-height: 20px;
    margin: 3px 3px 3px 0;
}

.table_style1 table tbody td .file_box {
    height: 22px;
    line-height: 20px;
    background: #f8f8f8;
    width: 420px;
}

.table_style1 table tbody td p,
.table_style3 table tbody td p,
.table_style2 table tbody td p {
    text-align: left;
    color: #ed1c24;
    font-family: "dotum";
    line-height: 30px;
}

p.setting_submit {
    overflow: hidden;
    clear: left;
    padding-top: 26px;
    text-align: center;
}

.table_style2 table tbody td {
    padding-top: 7px;
    padding-left: 15px;
    color: #757575;
}

.table_style3 table tbody td {
    padding-top: 6px;
    padding-left: 15px;
}

    .table_style2 table tbody td input.input_style1,
    .table_style3 table tbody td input.input_style1,
    .layer_box_center table tbody td.input_style,
    .table_style1 table tbody td input.input_style1 {
        padding-left: 3px;
        vertical-align: middle;
        color: #8b8b8b;
        line-height: 20px;
        height: 20px;
        background: #f8f8f8;
        border-top: 1px solid #cbcbcb;
        border-left: 1px solid #cbcbcb;
        border-bottom: 1px solid #e4e4e4;
        border-right: 1px solid #e4e4e4;
    }

.table_style3 table tbody th {
    text-align: left;
    padding-left: 15px;
}

.table_style3 table tbody td label label {
    vertical-align: middle;
    padding-left: 3px;
    color: #999;
}

.table_style3 .personal2 thead th {
    padding: 10px 0;
    background: #fbfbfb;
    color: #8b8b8b;
    text-align: center;
    font-size: 11px;
}

    .table_style3 .personal2 thead th p {
        font-size: 11px;
    }

.table_style3 .personal2 tbody td {
    font-size: 11px;
    padding: 8px 0;
    border-top: 1px solid #ddd;
}

    .table_style3 .personal2 tbody td a {
        color: #757575;
    }

        .table_style3 .personal2 tbody td a:hover {
            text-decoration: underline;
        }

.table_styleb {
    position: relative;
}

    .table_styleb table {
        border-collapse: collapse;
        width: 100%;
        border-top: 0px solid #ed1c24;
        border-bottom: 1px solid #c6c6c6;
        background: #000
    }

        .table_styleb table tbody {
        }

            .table_styleb table tbody th {
                background: #666;
                text-align: center;
                color: #ccc;
                font-weight: bold;
                padding-top: 7px;
            }

            .table_styleb table tbody .table_end td {
                padding-bottom: 7px;
            }

            .table_styleb table tbody .table_end th {
                padding-bottom: 7px;
            }

            .table_styleb table tbody td input {
                line-height: 18px;
                padding-left: 2px;
                color: #757575;
            }

            .table_styleb table tbody td select {
                line-height: 20px;
                margin: 3px 3px 3px 0;
            }

            .table_styleb table tbody td p {
                text-align: left;
                color: #ed1c24;
                font-family: "dotum";
                line-height: 30px;
            }

            .table_styleb table tbody td {
                padding-top: 6px;
                padding-left: 15px;
                color: #fff
            }

                .table_styleb table tbody td input.input_style1 {
                    padding-left: 3px;
                    vertical-align: middle;
                    color: #8b8b8b;
                    line-height: 20px;
                    height: 20px;
                    background: #f8f8f8;
                    border-top: 1px solid #cbcbcb;
                    border-left: 1px solid #cbcbcb;
                    border-bottom: 1px solid #e4e4e4;
                    border-right: 1px solid #e4e4e4;
                }

            .table_styleb table tbody th {
                text-align: left;
                padding-left: 15px;
            }

            .table_styleb table tbody td label label {
                vertical-align: middle;
                padding-left: 3px;
                color: #999;
            }

    .table_styleb .personal2 thead th {
        padding: 10px 0;
        background: #fbfbfb;
        color: #8b8b8b;
        text-align: center;
        font-size: 11px;
    }

        .table_styleb .personal2 thead th p {
            font-size: 11px;
        }

    .table_styleb .personal2 tbody td {
        font-size: 11px;
        padding: 8px 0;
        border-top: 1px solid #ddd;
    }

        .table_styleb .personal2 tbody td a {
            color: #fff;
        }

            .table_styleb .personal2 tbody td a:hover {
                text-decoration: underline;
            }

.table_styleg {
    position: relative;
}

    .table_styleg table {
        border-collapse: collapse;
        width: 100%;
        border-top: 0px solid #ed1c24;
        border-bottom: 1px solid #c6c6c6;
        background: #fff
    }

        .table_styleg table tbody {
        }

            .table_styleg table tbody th {
                background: #93b00f;
                text-align: center;
                color: #fff;
                font-weight: bold;
                padding-top: 7px;
            }

            .table_styleg table tbody .table_end td {
                padding-bottom: 7px;
            }

            .table_styleg table tbody .table_end th {
                padding-bottom: 7px;
            }

            .table_styleg table tbody td input {
                line-height: 18px;
                padding-left: 2px;
                color: #757575;
            }

            .table_styleg table tbody td select {
                line-height: 20px;
                margin: 3px 3px 3px 0;
            }

            .table_styleg table tbody td p {
                text-align: left;
                color: #ed1c24;
                font-family: "dotum";
                line-height: 30px;
            }

            .table_styleg table tbody td {
                padding-top: 6px;
                padding-left: 15px;
                color: #999
            }

.table_styleg table tbody tr td:first-child {
    padding-top: 0px;
    padding-left: 0px;
}

                .table_styleg table tbody td input.input_style1 {
                    padding-left: 3px;
                    vertical-align: middle;
                    color: #8b8b8b;
                    line-height: 20px;
                    height: 20px;
                    background: #f8f8f8;
                    border-top: 1px solid #cbcbcb;
                    border-left: 1px solid #cbcbcb;
                    border-bottom: 1px solid #e4e4e4;
                    border-right: 1px solid #e4e4e4;
                }

            .table_styleg table tbody th {
                text-align: left;
                padding-left: 15px;
            }

.table_styleg.second table thead th {
    border: 1px solid #ffffff;
    box-sizing: border-box;
    padding: 5px 0;
}

.table_styleg.second table thead tr:nth-child(2) th {
    border-right: 0;
}

.table_styleg.second thead {
    background: #93b00f;
    color: #ffffff;
}

.table_styleg table tbody th.c_rank {
}

.table_styleg table tbody td label label {
    vertical-align: middle;
    padding-left: 3px;
    color: #999;
}

    .table_styleg .personal2 thead th {
        padding: 10px 0;
        background: #fbfbfb;
        color: #8b8b8b;
        text-align: center;
        font-size: 11px;
    }

        .table_styleg .personal2 thead th p {
            font-size: 11px;
        }

    .table_styleg .personal2 tbody td {
        font-size: 11px;
        padding: 8px 0;
        border-top: 1px solid #ddd;
    }

        .table_styleg .personal2 tbody td a {
            color: #fff;
        }

            .table_styleg .personal2 tbody td a:hover {
                text-decoration: underline;
            }


.table_box3 table tbody td.red {
    color: #fff;
}

.table_box3 table tbody td.blue {
    color: #336699;
}

.h4_style {
    padding-top: 20px;
    margin-bottom: 10px;
}

.h5_style {
    color: #757575;
    font-weight: bold;
    padding-top: 10px;
}

/*텍스트 정렬*/
.text_c {
    text-align: center !important;
}

.user_box {
    padding-bottom: 30px;
}

    .user_box .none_input {
        border: none;
    }

    .user_box h4 {
        padding-bottom: 10px;
    }

/*액자*/
.img_frame {
    position: relative;
}

    .img_frame .top {
        position: absolute;
        top: 0;
        left: 10px;
        display: block;
        height: 13px;
        width: 71px;
        z-index: 30;
    }

    .img_frame .bottom {
        position: absolute;
        bottom: 0;
        left: 10px;
        display: block;
        height: 13px;
        width: 71px;
        z-index: 30;
    }

.img_frame2 {
    position: relative;
}

    .img_frame2 .top {
        position: absolute;
        top: 0;
        left: 0px;
        display: block;
        height: 13px;
        width: 71px;
        z-index: 30;
    }

    .img_frame2 .bottom {
        position: absolute;
        bottom: 0;
        left: 0px;
        display: block;
        height: 13px;
        width: 71px;
        z-index: 30;
    }

.img_frame3 {
    position: relative;
}

    .img_frame3 .top {
        position: absolute;
        top: 0;
        left: 0px;
        display: block;
        height: 26px;
        width: 176px;
        z-index: 30;
    }

    .img_frame3 .bottom {
        position: absolute;
        bottom: 0;
        left: 0px;
        display: block;
        height: 26px;
        width: 176px;
        z-index: 30;
    }

.input_style1 {
    padding-left: 3px;
    vertical-align: middle;
    color: #8b8b8b;
    line-height: 20px;
    height: 20px;
    background: #f8f8f8;
    border-top: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

/* search_table */
.search_table_wrap p {
    padding-bottom: 10px;
}

.search_table_wrap .user_btn_box {
    text-align: center;
}

.search_table {
    border-top: 1px solid #c6c6c6;
    border-bottom: 2px solid #213bbf;
    margin-bottom: 30px;
}

.search_table table {
    border-collapse: collapse;
    width: 100%;
}

.search_table table th {
    padding: 5px 0 0 15px;
    background: #fbfbfb;
    font-weight: bold;
    color: #666;
    font-size: 11px;
    vertical-align: bottom;
    line-height: 22px;
}

.search_table table td {
    padding: 5px 0 0 10px;
    color: #666;
    font-size: 11px;
    vertical-align: middle;
}

.search_table table td p {
    padding-top: 4px;
    color: #757575;
}

.search_table table td label {
    margin-right: 10px;
    color: #757575;
}

.search_table table td .ubir1 {
    margin-right: 3px;
}

.search_table table tbody td span {
    display: inline-block;
    font-size: 11px;
    color: #999;
}

.search_table table tbody th span {
    display: inline-block;
    font-size: 11px;
}

.search_table table td select {
    padding: 0;
}



    .search_table .year_btn_box {
        float: left;
        margin-top: 0;
        display: inline-block;
    }

    .search_table .month {
        width: 130px;
    }

        .search_table .month .year_box {
            width: 60px;
        }

    .search_table .year_btn_box p {
        padding: 0;
    }

    .search_table .year_btn_box .month_box ol li {
        width: 60px;
    }

.date_select_box {
    width: 350px;
    border: 0;
    overflow: hidden;
    margin-left: 160px;
}

.search_table table tbody td span span {
    color: #757575;
}
/*select*/

.list_table_height table tbody td {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
}

    .list_table_height table tbody td.left p span {
        font-size: 11px;
        color: #a6a6a6;
    }

    .list_table_height table tbody td.bold {
        color: #ed124c;
    }

    .list_table_height table tbody td.bold_orange {
        font-weight: bold;
        color: #cf7f20;
    }

    .list_table_height table tbody td.bold span {
        font-weight: normal;
        color: #757575;
    }

.list_table_height table tbody .row_color {
    color: #a6a6a6;
    font-size: 10px;
    font-family: "Verdana";
}

.list_table_height table tbody .verdana {
    font-family: "Verdana";
}

.user_box table .table_top th, .user_box table .table_top td {
    padding-top: 10px;
}

.user_box table .table_bottom th, .user_box table .table_bottom td {
    padding-bottom: 10px;
}

table .table_top th, table .table_top td {
    padding-top: 10px;
}

table .table_bottom th, table .table_bottom td {
    padding-bottom: 10px;
}

/* border_all */
.border_all table thead th {
    border: 1px solid #ebebeb;
    line-height: 22px;
    padding: 3px 0;
}

    .border_all table thead th p {
        color: #757575;
        font-weight: bold;
        text-align: center;
    }

.border_all table tbody th,
.border_all table tbody td {
    border: 1px solid #ebebeb;
    padding: 3px 0;
    line-height: 22px;
    color: #757575;
}

/* 테이블 카운트 컨트롤러 */

.img_board_list {
}

.con_table_div {
    padding: 0 20px;
    margin-bottom: 30px;
}

.partition {
    padding-bottom: 15px;
    border-bottom: 3px solid #ebebeb;
    margin-bottom: 20px;
}

.img_list_count {
    overflow: hidden;
    height: 22px;
}

.img_list_count p {
    color: #757575;
    float: left;
    line-height: 23px;
    padding-right: 10px;
}

.img_list_count p span {
    color: #ed1c24;
    font-weight: bold;
}

.img_list_count .count_form {
    float: left;
    position: relative;
    color: #757575;
    display: flex;
    align-items: center;
}

.img_list_count .count_form span {
    margin-right: 5px;
}


.img_list_count .count_form h4 {
    font-size: 14px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.img_list_count .count_form select {
    width: 50px;
    border: 1px solid #c6c6c6;
    color: #757575;
}

.img_list_count .count_form ul {
    display: inline-block;
    padding-top: 5px;
}

.img_list_count .count_form ul li {
    float: left;
    font-weight: bold;
    border-right: 1px solid #ebebeb;
}

.img_list_count .count_form ul li a {
    color: #9d9d9d;
    letter-spacing: -1px;
}

.img_list_count .count_form ul li a span {
    padding: 0 10px;
}

.img_list_count .count_form ul li a:hover {
    text-decoration: underline;
    background: url(/Images/bullet/bu_arrow3.gif) no-repeat 5px 3px;
}

.table_menu {
    display: inline-block;
    vertical-align: middle;
}

.img_list_count .count_form .table_menu ul {
    padding-top: 0;
}

.table_menu ul li {
    float: left;
    font-weight: bold;
    border-right: 1px solid #ddd;
}

.table_menu ul li a {
    color: #9d9d9d;
    letter-spacing: -1px;
    padding: 0 10px;
}

.table_menu ul li a:hover {
    background: url(/Images/bullet/bu_arrow3.gif) no-repeat 5px 4px;
}

.table_menu ul li.sele a {
    background: url(/Images/bullet/bu_arrow3.gif) no-repeat 5px 4px;
}

.img_list_count .content_btn {
    float: right;
}

    .img_list_count .content_btn a.more {
        text-decoration: underline;
        color: #2683cc;
    }

    .img_list_count .content_btn p {
        padding: 0;
    }

.blue_link table tbody td a {
    color: #2683cc;
}

    .blue_link table tbody td a.title {
        text-decoration: underline;
    }

.ubir1 input {
    background: none;
    border: 0;
    margin-right: 5px;
}

input.ubir2, .ubir2 {
    background: none;
    border: none;
    width: auto;
    height: auto;
}

table td input.ubir2 {
    background: none;
    border: none;
    width: auto;
    height: auto;
}

.ubir2 {
    background: none;
    border: none;
    width: auto;
    height: auto;
}

.user_btn_box {
    text-align: center;
}

.dotum th {
    font-family: dotum
}

/* 지식마켓 개편 121122 */

.market_wrap {
    width: 645px;
    background: url(/images/imarket/imarket_mlist_back.gif) repeat-y
}

    .market_wrap .ml {
        width: 204px;
        min-height: 275px;
        float: left;
        margin: 0 15px 0 0
    }

    .market_wrap .mr {
        width: 204px;
        min-height: 275px;
        float: left;
    }

    .market_wrap .mc {
        width: 204px;
        float: left;
        font-size: 11px;
        font-family: dotum;
        color: #9e9e9e;
        line-height: 150%;
        margin: 0 0 15px 0;
        position: relative
    }

        .market_wrap .mc a {
            font-weight: bold;
            color: #333333;
            font-size: 12px
        }

            .market_wrap .mc a:hover {
                font-weight: bold;
                color: #333333;
                text-decoration: underline
            }

        .market_wrap .mc .btn {
            width: 200px;
            height: 20px;
            border-bottom: 1px solid #000000;
            border-top: 1px solid #000000;
            margin: 29px 0 0 0;
            font-family: Tahoma;
            font-size: 10px;
            font-weight: bold;
            color: #ff0000;
            padding: 2px 0 0 4px
        }

.mwrite_wrap {
    width: 645px
}

.filelink a {
    color: #ffffff
}

    .filelink a:hover {
        color: #ffffff;
        text-decoration: underline
    }

.toprank a {
    color: #626262
}

    .toprank a:hover {
        color: #626262;
        text-decoration: underline
    }

.id_focus {
    background: url(/images/imarket/imarket_formback_title.gif) no-repeat 12px 11px transparent;
}

    .id_focus.id_blur {
        background: none;
    }

.price_focus {
    background: url(/images/imarket/imarket_formback_price.gif) no-repeat 5px 5px transparent;
    text-align: right
}

    .price_focus.price_blur {
        background: none;
    }

.gment_focus {
    background: url(/images/imarket/imarket_formback_gment.gif) no-repeat 5px 5px transparent
}

    .gment_focus.gment_blur {
        background: none;
    }

.wtable {
    background: #f0f0f0
}

    .wtable th {
        font-family: dotum;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        padding-bottom: 10px;
        padding-top: 10px;
        font-weight: bold;
        vertical-align: top
    }

    .wtable td {
        font-family: dotum;
        font-size: 11px;
        vertical-align: top;
        background: #f0f0f0;
        line-height: 140%;
        padding: 2px
    }

.cube_r {
    margin: 2px
}

.cube_b {
    margin: 2px
}

.cube_b2 {
    margin: 2px
}

.cube_y {
    margin: 2px
}

.cube_g {
    margin: 2px
}

.cube_g2 {
    margin: 2px
}


.cube_r td {
    padding: 0
}

.cube_b td {
    padding: 0
}

.cube_b2 td {
    padding: 0
}

.cube_y td {
    padding: 0
}

.cube_g td {
    padding: 0
}

.cube_g2 td {
    padding: 0
}

.cube_r .cubeback {
    background: #f82b2b;
    color: #fff
}

.cube_b .cubeback {
    background: #88b9e8;
    color: #000
}

.cube_b2 .cubeback {
    background: #353271;
    color: #fff
}

.cube_y .cubeback {
    background: #faea30;
    color: #000
}

.cube_g .cubeback {
    background: #8bc227;
    color: #000
}

.cube_g2 .cubeback {
    background: #d6d6d6;
    color: #000
}

.time_r {
    margin-bottom: 3px;
    color: #fff;
    font-weight: bold
}

.time_b {
    margin-bottom: 3px;
    color: #000;
    font-weight: bold
}

.time_b2 {
    margin-bottom: 3px;
    color: #fff;
    font-weight: bold
}

.time_y {
    margin-bottom: 3px;
    color: #000;
    font-weight: bold
}

.time_g {
    margin-bottom: 3px;
    color: #000;
    font-weight: bold
}

.time_g2 {
    margin-bottom: 3px;
    color: #000;
    font-weight: bold
}


/*밭전140418*/

.bj {
    background: url(/images/layout/rcube_back.gif) no-repeat
}

    .bj td {
        text-align: right;
        vertical-align: bottom;
        font-family: malgun gothic;
        font-size: 12px;
        color: #202020
    }

    .bj .message {
        overflow: hidden;
        background: url(/images/)
    }

    .bj span {
        font-family: Tahoma;
        font-size: 10px;
        color: #f00;
        font-weight: bold
    }





.scenter_box img {
    margin: 10px 6px 0 0px
}

.scenter_box1 input {
    margin: 10px 6px 0 0px
}

.steps {
    border: 2px solid #ccc;
    float: left;
    padding: 5px;
    margin-right: 3px;
}

.steps_ov {
    border: 2px solid #d9534f;
    background: #d9534f;
    float: left;
    padding: 5px;
    color: #fff;
    margin-right: 3px
}

.stepsl {
    border: 1px solid #ccc;
    background: #f0f0f0;
    float: left;
    padding: 5px;
    margin-right: 3px
}

.stepsl_ov {
    border: 1px solid #00a651;
    background: #00a651;
    float: left;
    padding: 5px;
    color: #fff;
    margin-right: 3px
}

.stepsl2 {
    border: 1px solid #ccc;
    background: #f0f0f0;
    float:;
    padding: 5px;
    margin-right: 3px
}

.stepsl2_ov {
    border: 1px solid #00a651;
    background: #00a651;
    float:;
    padding: 5px;
    color: #fff;
    margin-right: 3px
}

.stepsbig {
    border: 1px solid #ccc;
    float: left;
    padding: 10px;
    margin-right: 4px;
    font-size: 14px;
    font-family: nanumgothic;
    font-weight: bold;
    width: 21%;
    text-align: center
}

.stepsbig_ov {
    border: 1px solid #d9534f;
    background: #d9534f;
    float: left;
    padding: 10px;
    color: #fff;
    margin-right: 4px;
    font-size: 14px;
    font-family: nanumgothic;
    font-weight: bold;
    width: 20%;
    text-align: center
}

.summertab {
    padding: 20px 20px;
    margin-right: 4px;
    font-size: 14px;
    font-family: malgun gothic;
    font-weight: bold;
    width: 150px;
    text-align: center;
    background: #fff;
    border: 1px solid #93b00f;
    color: #999
}

.summertab_ov {
    padding: 20px 20px;
    margin-right: 4px;
    font-size: 14px;
    font-family: malgun gothic;
    font-weight: bold;
    width: 150px;
    text-align: center;
    background: #93b00f;
    color: #fff
}

.btnAccept {
    border: 1px solid #d9534f;
    background: #d9534f;
    padding: 5px;
    color: #fff;
    cursor: pointer
}

.stepsr {
    border: 2px solid #ccc;
    float: left;
    padding: 7px;
    margin-right: 3px;
    border-radius: 3px;
    color: #999;
}

.stepsr_ov {
    border: 2px solid #d9534f;
    background: #d9534f;
    float: left;
    padding: 7px;
    color: #fff;
    margin-right: 3px;
    border-radius: 3px
}

.stepslr {
    border: 1px solid #ccc;
    float: left;
    padding: 5px;
    margin-right: 3px;
    border-radius: 3px
}

.stepslr_ov {
    border: 1px solid #d9534f;
    background: #d9534f;
    float: left;
    padding: 5px;
    color: #fff;
    margin-right: 3px;
    border-radius: 3px
}

.btnAcceptr {
    border: 1px solid #d9534f;
    background: #d9534f;
    padding: 5px;
    color: #fff;
    cursor: pointer
}

.mdrttbl td {
    padding: 10px
}

.more_btn {
    background: #d9534f;
    padding: 6px 10px;
    color: #fff;
    border-radius: 3px;
    font-size: 11px;
}

.more_btn_text {
    color: #2627d0;
    font-size: 12px;
    font-weight: 600;
}


.new_div_border {
    border: 2px solid #f00;
    border-radius: 20px;
    padding: 20px;
    background: #fff;
    line-height: 160%;
    font-family: nanumgothic;
    font-weight: bold
}

    .new_div_border div {
        font-family: nanumgothic
    }

    .new_div_border input {
        vertical-align: middle
    }

.new_div_btn {
    text-align: center;
    margin-top: 10px
}

.new_div_tit {
    font-weight: bold;
    font-size: 16px;
    color: #f00;
    margin-bottom: 10px
}

.tvlnk a {
    color: #666;
    text-decoration: none
}

    .tvlnk a:hover {
        color: #666;
        text-decoration: underline
    }

/*.fsstbl td, th {
    font-family: malgun gothic
}

.snewtb td, td {
    font-family: malgun gothic
}

.fsstbl p {
    font-family: malgun gothic
}

.snewtb p {
    font-family: malgun gothic
}*/

/* 증권분석서비스 버튼 */
.jb_btn a {
    padding: 10px 15px;
    background: #c41911;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-family: malgun gothic
}

/*border_list_table*/
.border_list_table {
}

.border_list_table {
    position: relative;
}

    .border_list_table table {
        border-collapse: collapse;
        width: 100%;
        border-top: 2px solid #062867;
        border-bottom: 1px solid #c6c6c6;
    }

    .border_list_table thead th {
        background: #fbfbfb;
        color: #8b8b8b;
        text-align: center;
        font-size: 11px;
        height: 30px;
        font-weight: bold;
        font-size: 11px;
    }

    .border_list_table table tbody {
    }

        .border_list_table table tbody th {
            background: #fbfbfb;
            text-align: center;
            color: #8b8b8b;
            font-weight: bold;
            font-size: 11px;
        }

        .border_list_table table tbody td {
            height: 29px;
            font-size: 11px;
            text-align: center;
            color: #757575;
        }

            .border_list_table table tbody td.bold a {
                font-weight: bold;
                color: #757575;
            }

                .border_list_table table tbody td.bold a:hover {
                    text-decoration: underline;
                }

            .border_list_table table tbody td .green {
                color: #52b522;
            }

            .border_list_table table tbody td .red {
                color: #ed1c24;
            }

            .border_list_table table tbody td .navy {
                color: #062867;
            }

            .border_list_table table tbody td.left {
                text-align: left;
                padding-left: 15px;
            }

            .border_list_table table tbody td.right {
                text-align: right;
                padding-right: 10px;
            }


.onebox {
    margin: 10px auto;
    width: 360px;
    position: relative;
    border-radius: 8px;
    border: 1px solid #d4d6dc;
}

.onebox_g {
    margin: 10px auto;
    width: 360px;
    position: relative;
    border-radius: 8px;
    border: 1px solid #d4d6dc;
    background: #f1f1f2;
    letter-spacing: -0.7px;
}


.apps_new {
    text-align: center;
    margin: 0 auto;
}

.apps_new ul {
    padding-bottom: 8px;
}

.apps_new li {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
}

.apps_new li.btn_common {
    background-size: auto 100%;
    background-position: 50% 50%;
    float: left;
    width: 150px;
    height: 150px;
}

.apps_new li.btn_edu { 
    background: url(/images/apps/apps_btn1.png) center center no-repeat;
    width: 310px;
    height: calc(150px * 2 + 8px);
}

.apps_new li.btn_direct {
    background: url(/images/apps/apps_btn_direct.png?20220831) center center no-repeat;
    width: 310px;
    height: calc(150px * 2 + 8px);
}

.apps_new li.btn_direct.b_another {
    background: url(/images/apps/apps_btn_direct_another_2022.png) center center no-repeat;
    width: 310px;
    height: calc(150px * 2 + 8px);
}

.apps_new li.btn_vfa {
    background: url(/images/apps/apps_btn2.png) center center no-repeat;
}

.apps_new li.btn_compare {
    background: url(/images/apps/apps_btn3.png) center center no-repeat;
}

.apps_new li.btn_vfatest {
    background: url(/images/apps/apps_btn77.jpg) center center no-repeat;
}

.apps_new li.btn_tutorial {
    background: url(/images/apps/apps_btn36.png) center center no-repeat;
}

.apps_new li.btn_eduIn {
    background: url(/images/apps/apps_btn33.jpg) center center no-repeat;
}

.apps_new li.btn_fee_prediction {
    background: url(/images/apps/apps_btn7.png) center center no-repeat;
}

.apps_new li.btn_register {
    background: url(/images/apps/apps_btn_register.png) center center no-repeat;
}

.apps_new li.btn_normal {
    background: url(/images/apps/apps_btn_normal.png) center center no-repeat;
}

.apps_new li.btn_fee_share {
    background: url(/images/apps/apps_btn8.png) center center no-repeat;
}

.apps_new li.btn_securities_analysis {
    background: url(/images/apps/apps_btn4.png) center center no-repeat;
}

.apps_new li.btn_car_center {
    background: url(/images/apps/apps_btn10.png) center center no-repeat;
}

.apps_new li.btn_wolf {
    background: url(/images/apps/apps_btn_wolf.jpg) center center no-repeat;
}

.apps_new li.btn_calculator {
    background: url(/images/apps/apps_btn_calculator.png) center center no-repeat;
    position:relative;
}

.apps_new li.btn_clean {
    background: url(/images/apps/app_clean.jpg) center center no-repeat;
}

.apps_new li.btn_shopping_mall {
    background: url(/images/apps/app_btn5_2.png) center center no-repeat;
    height: calc(150px * 2 + 8px);
}

.apps_new li.btn_shopping_mall_2 {
    background: url(/images/apps/app_btn5_3.png) center center no-repeat;
}

.apps_new li.btn_analysis {
    background: url(/images/apps/app_btn_555.png) center center no-repeat;

}
    .apps_new li.btn_marketing {
        background: url(/images/apps/app_btn_333.png) center center no-repeat;
        position:relative;
    }

     li.btn_insurance_money {
        background: url(/images/apps/app_btn_3_1.png) center center no-repeat;
        position: relative;
    }

     li.btn_insurance_inquiry {
        background: url(/images/apps/app_btn_3_2.png) center center no-repeat;
        position: relative;
    }

li.btn_claim_list {
    background: url(/images/apps/app_btn_3_3.png) center center no-repeat;
    position: relative;
}

li.btn_m_card {
    background: url(/images/apps/app_btn_3_4.png) center center no-repeat;
    position: relative;
}

li.btn_disease_s {
    background: url(/images/apps/app_btn_3_5.png) center center no-repeat;
    position: relative;
}

li.btn_unclaimed {
    background: url(/images/apps/app_btn_3_6.png) center center no-repeat;
    position: relative;
}

li.btn_terms_s {
    background: url(/images/apps/app_btn_3_7.png) center center no-repeat;
    position: relative;
}

li.btn_rentalCar {
    background: url(/images/apps/app_btn_3_8.png) center center no-repeat;
    position: relative;
}

li.btn_charge_list {
    background: url(/images/apps/app_btn_3_9.png) center center no-repeat;
    position: relative;
}

.apps_new li.btn_insuclaim {
    background: url(/images/apps/app_btn_124.png) center center no-repeat;
    position: relative;
}


        .apps_new li.btn_hall_of_fame {
            background: url(/images/apps/btnRanking2.png) center center no-repeat;
            height: calc(150px * 2 + 8px);
        }

.apps_new li.btn_store {
    background: url(/images/apps/apps_DBstore.jpg) center center no-repeat;
}

.apps_new li.btn_star_tour {
    background: url(/images/apps/apps_btn14.png?20220118) center center no-repeat;
}

.apps_new li.btn_winter_1 {
    background: url(/images/apps/apps_btn_winter.png) center center no-repeat;
}

.apps_new li.btn_300 {
    background: url(/images/apps/apps_btn_300.png) center center no-repeat;
}

.apps_new li.btn_2023summer {
    background: url(/images/apps/app_btn41.png) center center no-repeat;
}

.apps_new li.btn_certification {
    background: url(/images/apps/btn1.jpg) center center no-repeat;
}
.apps_new li.btn_magazine {
    position:relative;
    background: url(/images/apps/app_btn42.png) center center no-repeat;
}

.apps_new li.btn_ranking  {
    background: url(/images/apps/apps_btn13.png) center center no-repeat;
}

.apps_new li.btn_web_fax_request {
    background: url(/images/apps/btn3.jpg) center center no-repeat;
}

.apps_new li.btn_company_mail {
    background: url(/images/apps/btn4.jpg) center center no-repeat;
}

.apps_new li.btn_need_education {
    background: url(/Tools/IFATV/images/itv_Law.png) center center no-repeat;
}

.apps_new li.btn_death_flag {
    background: url(/images/apps/btn5.jpg) center center no-repeat;
}

.apps_new li.btn_card {
    background: url(/images/apps/btn2.jpg) center center no-repeat;
}

.apps_new li.btn_camp {
    background: url(/images/apps/apps_btn9.png) center center no-repeat;
}

.apps_new li.btn_cis {
    background: url(/images/apps/apps_btn15.png) center center no-repeat;
}

.apps_new li.btn_partner_link {
    background: url(/images/apps/apps_btn22.png) center center no-repeat;
}

.apps_new li.btn_branch_status {
    background: url(/images/apps/apps_btn34.png) center center no-repeat;
}

.apps_new li.btn_web_fax {
    background: url(/images/apps/apps_btn35.png) center center no-repeat;
}

.apps_new li.btn_story {
    background: url(/images/apps/apps_btn12_2.jpg) center center no-repeat;
}

.apps_new li.btn_hope {
    background: url(/images/apps/apps_btn6.png) center center no-repeat;
}

.apps_new li.btn_tutorial_sj  {
    background: url(/images/apps/apps_btn37.png) center center no-repeat;
}

.apps_new li.btn_forest {
    background: url(/images/apps/apps_btn_forest.png) center center no-repeat;
}

.apps_new li.btn_new_edu {
    background: url(/Tools/IFATV/images/itv_fa.gif) center center no-repeat;
}

.apps_new li.btn_sms {
    background: url(/images/apps/apps_img08.gif) center center no-repeat;
}

.apps_new li.btn_customer {
    background: url(/images/apps/customer.png) center center no-repeat;
}

.apps_new li.btn_staff {
    background: url(/images/apps/apps_btn_staff_m.png) center center no-repeat;
}

.apps_new li.btn22 {
    background: url(/images/apps/apps_btn22.png) center center no-repeat;
    background-size: auto 100%;
    background-position: 50% 50%;
    width: 149px;
    height: 150px;
    float: left;
    margin: 0 10px 0 0;
}

.apps_new li.btn11 {
    background: url(/images/apps/apps_btn11.png) center center no-repeat;
    background-size: auto 100%;
    background-position: 50% 50%;
    width: 310px;
    height: 150px;
    float: left;
    margin: 0 10px 0 0;
}

.apps_new li.btn12 {
    background: url(/images/apps/apps_btn12.png) center center no-repeat;
    background-size: auto 100%;
    background-position: 50% 50%;
    width: 310px;
    height: 150px;
    float: left;
    margin: 0 10px 8px 0;
}


.btn_temp {
    background: url(/images/apps/btn_temp.jpg) center center no-repeat;
    background-size: auto 100%;
    background-position: 50% 50%;
    width: 150px;
    height: 150px;
    float: left;
    margin: 0 9px 8px 0;
}

.apps_new li.btn16 {
    background: url(/images/apps/apps_btn16.png) center center no-repeat;
    background-size: auto 100%;
    background-position: 50% 50%;
    width: 149px;
    height: 150px;
    float: left;
}

.apps_new li.btn17 {
    background: url(/images/apps/apps_btn17.png) center center no-repeat;
    background-size: 104% auto;
    background-position: 50% 16%;
    width: calc(32% - 2px);
    height: 99px;
    float: left;
    margin-right: 2%;
}

.apps_new li.btn18 {
    background: url(/images/apps/apps_btn18.png) center center no-repeat;
    background-size: 104% auto;
    background-position: 50% 16%;
    width: calc(32% - 2px);
    height: 99px;
    float: left;
    margin-right: 2%;
}

.apps_new li.btn19 {
    background: url(/images/apps/apps_btn19.png) center center no-repeat;
    background-size: 104% auto;
    background-position: 50% 16%;
    width: calc(32% - 2px);
    height: 99px;
    float: left;
}

.apps_new li.btn20 {
    background: url(/images/apps/apps_btn20.png) center center no-repeat;
    background-size: 104% auto;
    background-position: 50% 16%;
    width: calc(32% - 2px);
    height: 99px;
    float: left;
    margin-right: 2%;
}

.apps_new li.btn21 {
    background: url(/images/apps/apps_btn21.png) center center no-repeat;
    background-size: 104% auto;
    background-position: 50% 16%;
    width: calc(32% - 2px);
    height: 99px;
    float: left;
    margin-right: 2%;
}


.apps_new li.btn23 {
    background: url(/images/apps/staff_btn6.png) no-repeat;
    background-size: auto 100%;
    background-position: 0% 50%;
    width: 149px;
    height: 150px;
    float: left;
}

.apps_new li.btn24 {
    background: url(/images/apps/apps_btn24.png) center center no-repeat;
    background-size: 104% auto;
    background-position: 50% 16%;
    width: calc(32% - 2px);
    height: 99px;
    float: left;
    margin-right: 2%;
}

.apps_new li.btn25 {
    background: url(/images/apps/apps_btn25.png) center center no-repeat;
    background-size: 104% auto;
    background-position: 50% 16%;
    width: calc(32% - 2px);
    height: 99px;
    float: left;
}

.apps_new li.btn26 {
    background: url(/images/apps/apps_btn26.png) center center no-repeat;
    background-size: auto 100%;
    background-position: 50% 50%;
    width: 150px;
    height: 150px;
    float: left;
    margin: 0 10px 0 0;
}

.apps_new li.btn38 {
    background: url(/images/apps/apps_btn38.png) center center no-repeat;
    background-size: auto 100%;
    background-position: 50% 50%;
    width: 149px;
    height: 150px;
    float: left;
    margin: 0 10px 0 0;
}

.apps_new li.btn39 {
    background: url(/images/apps/apps_btn39.png) center center no-repeat;
    background-size: auto 100%;
    background-position: 50% 50%;
    width: 149px;
    height: 150px;
    float: left;
    margin: 0 10px 0 0;
}

.page_apps_main .fl {
    float: left;
}

.page_apps_main .fr {
    float: right;
}

.apps_new .lm10 {
    margin-left: 10px;
}

.rm10 {
    margin-right: 10px;
}

.bm8 {
    margin-bottom: 8px;
}


.apps_new_another {
    padding: 10px 10px 50px 10px;
    text-align: center;
    margin: 0 auto;
    max-width: 340px;
    min-width: 300px;
    width: calc(100% - 20px);
}

.apps_new_another ul {
    padding-bottom: 4px;
}

.apps_new_another li {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
}

    .apps_new_another li.btn1 {
        background: url(/images/apps/apps_btn7.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 50%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn2 {
        background: url(/images/apps/apps_btn3.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn3 {
        background: url(/images/apps/apps_btn8.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
    }

    .apps_new_another li.btn4 {
        background: url(/images/apps/apps_btn4.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn5 {
        background: url(/images/apps/apps_btn12.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(66% - 2px);
        height: 99px;
        float: left;
    }

    .apps_new_another li.btn6 {
        background: url(/images/apps/apps_btn10.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn7 {
        background: url(/images/apps/home_btn2.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn8 {
        background: url(/images/apps/apps_btn9.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
    }

    .apps_new_another li.btn9 {
        background: url(/images/apps/apps_btn11.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(66% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn10 {
        background: url(/images/apps/apps_btn22.png) #fff center center no-repeat;
        background-size: 100% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
    }

    .apps_new_another li.btn11 {
        background: url(/images/apps/apps_btn15.png) #fff center center no-repeat;
        background-size: 100% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn12 {
        background: url(/images/apps/apps_btn16.png) #fff center center no-repeat;
        background-size: 100% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn13 {
        background: url(/images/apps/apps_btn17.png) #fff center center no-repeat;
        background-size: 100% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
    }

    .apps_new_another li.btn14 {
        background: url(/images/apps/apps_btn1.png) center center no-repeat;
        background-size: 105% auto;
        background-position: 50% 50%;
        width: calc(66% - 2px);
        height: 206px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn15 {
        background: url(/images/apps/apps_btn18.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: right;
    }

    .apps_new_another li.btn16 {
        background: url(/images/apps/apps_btn19.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: right;
        margin-top: 2%;
    }

    .apps_new_another li.btn17 {
        background: url(/images/apps/home_btn3.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn18 {
        background: url(/images/apps/home_btn7.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn19 {
        background: url(/images/apps/apps_btn13.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
    }

    .apps_new_another li.btn19 a {
        width: 100%;
        height: 100px;
        float: left;
    }

    .apps_new_another li.btn20 {
        background: url(/images/apps/apps_btn20.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn21 {
        background: url(/images/apps/apps_btn21.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
        margin-right: 2%;
    }

    .apps_new_another li.btn22 {
        background: url(/images/apps/apps_btn22.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
    }

    .apps_new_another li.btn23 {
        background: url(/images/apps/apps_btn23.png) center center no-repeat;
        background-size: 104% auto;
        background-position: 50% 16%;
        width: calc(32% - 2px);
        height: 99px;
        float: left;
    }


/* 마케팅지원서비스 ,new animation추가 */
@keyframes steam {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 0% 115%;
    }

    100% {
        background-position: 0 0;
    }
}

.m_popup li.btn_common {
    background-position: 50% 50%;
    float: left;
    width: 150px;
    height: 150px;
    background-size: auto;
}

.popup_bg {
    background: rgba(0,0,0,0.6);
    width: 0%;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0;
}

    .popup_bg.on {
        background: rgba(0,0,0,0.6);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }


.m_popup {
    width: 0;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 0;
    display: none;
}

    .m_popup.on {
        width: fit-content;
        left: 8%;
        top: 28%;
        opacity: 1;
        transition: 0.3s;
        padding: 15px 17px 25px 30px;
        box-sizing: border-box;
        background: #f2f3f5;
        border-radius: 5px;
        display: block;
    }


