@charset "utf-8";
 
/* sub */
.subWrap{ position:relative;padding-bottom:30px;margin: 0 auto;width:92%; }
.sub_tit{ padding:100px 0 0 93px; font-size:29px; color:#4da926; font-weight:bold; height:50px;background:url(../images/ico_sub.png) no-repeat 30px 85px}
.sub_tab{font-size:19px ;height:45px;margin-bottom:15px}
#wrapper .tabBtn{ float:right}
#wrapper .tabBtn a{ padding:0 19px;height:45px;width:127px;display:inline-block;margin:0 0 0 4px;line-height:32px;text-align:center;}
.dlist{border-spacing: 0 !important;border-collapse:collapse;}
table.dlist{width:1015px !important; text-align:center;}
table.dlist th{font-size:20px;color:#50720D;font-weight:600;letter-spacing:-1px;text-align:center;height:36px;background:linear-gradient( to top,#b9d689, #d5e6b7);padding: 0 15.2px;border-right:2px solid #98BB6D;border-top: 3px solid #7FA740;}
table.dlist th img{ vertical-align:middle}
table.dlist td{font-size:19px;color:#50720D;font-weight:600;letter-spacing:-1px;line-height:130%;text-align:center;padding:10px ;border: 2px solid #98BB6D;cursor: pointer;}
table.dlist td.lefta{ text-align:left; padding-left:25px;pointer-events: none;border-left: none !important;}

#wrapper {
    position: absolute;
    margin: 0 auto;
    text-align: left;
    bottom: 110px;
    left: 255px;
    width: 1125px;
    height: 670px;
    background-image: url(../images/intro/data_bg.png);
    background-size: 100% 100% ;
}
.dlist {
    position: absolute;
    top: 91px;
    left: 13px;
}
table.dlist td:hover {
    background-color: yellow;
}
.dlist img {
    height: auto !important;
    width: auto !important;
}
.sub_tab {
    position: absolute;
    top: 27px;
    left: 12px;
}
#btn_tab1 a{
    background-image: url(../images/intro/chapter1.png) !important;
    background-size: 100% 100% !important;
}
#btn_tab1 a.on,
#btn_tab1 a:hover {
    background-image: url(../images/intro/chapter1_h.png) !important;
    background-size: 100% 100% !important;
}

#btn_tab2 a{
    background-image: url(../images/intro/chapter2.png) !important;
    background-size: 100% 100% !important;
}
#btn_tab2 a.on,
#btn_tab2 a:hover {
    background-image: url(../images/intro/chapter2_h.png) !important;
    background-size: 100% 100% !important;
}
#btn_tab3 a{
    background-image: url(../images/intro/chapter3.png) !important;
    background-size: 100% 100% !important;
}
#btn_tab3 a.on,
#btn_tab3 a:hover {
    background-image: url(../images/intro/chapter3_h.png) !important;
    background-size: 100% 100% !important;
}
.wran {
    text-shadow: 2px 0.5px 1px #679;
    position: absolute;
    font-size: 12px;
    color: #fff;
    top: 59px;
    font-weight: 600;
    right: 14.9px;
}
.hwp_icon{
    box-shadow: 1px 1.5px 1px #aaa;
}

/* 탭 */

.on_table {
    display: block;
}
.w475 {
    width: 475px;
}
.td_w30 {
    width: 300px !important;
}