/* common */

body {
    min-width: 1220px;
}

#wrap {
    width: 100%;
}

#main {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}


/*mainslider*/

#mv {
    width: 100%;
    background: #999;
    height: 629px;
    color: #fff;
    overflow: hidden;
    position: relative;
}

#mv .mainSlider {
    width: 100%;
}

#mv .mainSlider li {
    float: left;
    width: 100%;
    height: 629px;
}

#mv .mainSlider li.m_bg1 {
    background: url(../images/main/mainImg1.jpg) no-repeat top center;
}

#mv .mainSlider li.m_bg2 {
    background: url(../images/main/mainImg2.jpg) no-repeat top center;
}
#mv .mainSlider li.m_bg3 {
    background: url(../images/main/mainImg3.jpg) no-repeat top center;
}
#mv .mainSlider li.m_bg4 {
    background: url(../images/main/mainImg4.jpg) no-repeat top center;
}

#mv .btn_wrap {
    width: 1200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    transform: translateX(-50%);
}

#mv .btn_wrap .main_pre_btn a {
    float: left;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    width: 42px;
    height: 82px;
    background: url(../images/main/pre_btn.png) no-repeat center center;
}

#mv .btn_wrap .main_next_btn a {
    float: left;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    width: 42px;
    height: 82px;
    background: url(../images/main/next_btn.png) no-repeat center center;
}

#mv .m_slogan {
    position: absolute;
    top: 204px;
    left: 50%;
    transform: translateX(-50%);
}

#mv .m_slogan .m_slo_eng {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}

#mv .m_slogan .m_slo_kor {
    display: block;
    margin: 0 auto 25px;
}

#mv .m_slogan .m_slo_2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

#mv .m_slogan .m_abx {
    width: 551px;
    margin: 0 auto;
}

#mv .m_slogan .m_abx a {
    display: block;
    width: 112px;
    height: 60px;
    line-height: 60px;
    transition: all 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    padding-left: 56px;
    float: left;
    margin-right: 20px;
}

#mv .m_slogan .m_abx .m_a01 {
    background: rgba(0, 0, 0, 0.3) url(../images/main/m_icon1.png) no-repeat 18px 50%;
}

#mv .m_slogan .m_abx .m_a01:hover {
    background: rgba(0, 0, 0, 0.7) url(../images/main/m_icon1.png) no-repeat 18px 50%;
}

#mv .m_slogan .m_abx .m_a02 {
    background: rgba(0, 0, 0, 0.3) url(../images/main/m_icon2.png) no-repeat 18px 50%;
}

#mv .m_slogan .m_abx .m_a02:hover {
    background: rgba(0, 0, 0, 0.7) url(../images/main/m_icon2.png) no-repeat 18px 50%;
}

#mv .m_slogan .m_abx .m_a03 {
    margin-right: 0;
    background: rgba(0, 0, 0, 0.3) url(../images/main/m_icon3.png) no-repeat 18px 50%;
}

#mv .m_slogan .m_abx .m_a03:hover {
    background: rgba(0, 0, 0, 0.7) url(../images/main/m_icon3.png) no-repeat 18px 50%;
}

#mcontent {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}

.layout {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}


/*main_cont*/

.wtline {
    width: 30px;
    height: 1px;
    background: #fff;
}


/*sec1*/

.m_sec1 {
    width: 100%;
    background: url(../images/main/sec1_bg.jpg) no-repeat top center;
    height: 442px;
    padding: 89px 0;
}

.search_bx {
    width: 882px;
    height: 442px;
    float: left;
    background: #fff;
}

.search_bx .sec1_tit {
    float: left;
    width: 190px;
    height: 384px;
    padding: 58px 0 0 30px;
    background: #e18b1c url(../images/main/sec1_tit.jpg) no-repeat bottom right;
    color: #fff;
}

.search_bx .sec1_tit .fs14 {
    color: #f5d8b2;
    font-weight: bold;
}

.search_bx .sec1_tit .fs35 {
    color: #fff;
    line-height: 40px;
}

.search_bx .sec1_tit .wtline {
    margin: 25px 0;
}

.search_bx .sec1_r {
    float: right;
    width: 662px;
    height: 442px;
}

.search_bx .sec1_r .schbx {
    width: 190px;
    height: 190px;
    float: left;
    padding: 30px 0 0 30px;
}

.search_bx .sec1_r .sch1,
.search_bx .sec1_r .sch2,
.search_bx .sec1_r .sch3 {
    border-bottom: 1px solid #ececec;
}

.search_bx .sec1_r .sch1,
.search_bx .sec1_r .sch2,
.search_bx .sec1_r .sch4,
.search_bx .sec1_r .sch5 {
    border-right: 1px solid #ececec;
}

.search_bx .sec1_r .sch1 {
    background: url(../images/main/sec1_icon5.jpg) no-repeat 120px 125px;
}

.search_bx .sec1_r .sch2 {
    background: url(../images/main/sec1_icon1.jpg) no-repeat 120px 130px;
}

.search_bx .sec1_r .sch3 {
    background: url(../images/main/sec1_icon3.jpg) no-repeat 130px 125px;
}

.search_bx .sec1_r .sch4 {
    background: url(../images/main/sec1_icon2.jpg) no-repeat 135px 135px;
}

.search_bx .sec1_r .sch5 {
    background: url(../images/main/sec1_icon4.jpg) no-repeat 130px 125px;
}

.search_bx .sec1_r .sch6 {
    background: url(../images/main/sec1_icon6.jpg) no-repeat 135px 135px;
}

.search_bx .sec1_r .schbx .sch_tit {
    font-size: 19px;
    font-weight: bold;
    color: #222;
    margin-bottom: 18px;
}

.search_bx .sec1_r .schbx .sch_cont {
    font-size: 14px;
    line-height: 18px;
    color: #7f7f7f;
    margin-bottom: 20px;
}

.search_bx .sec1_r .schbx a {
    color: #b6b6b6;
    font-size: 13px;
    text-decoration: underline;
}

.cs_bx {
    width: 288px;
    height: 442px;
    float: right;
    background: #fff;
}
/*popup zone*/
.cs_bx .popupz{width:100%; height: 253px;}
.cs_bx .popupz .pu_top{width:248px; padding:20px; height: 18px;}
.cs_bx .popupz .pu_top .fs20{ font-size: 20px; line-height: 18px; float:left; font-weight:bold;}
.cs_bx .popupz .pu_top .p_btnbx{float:right; width:48px;}
.cs_bx .popupz .pu_top .p_btnbx .p_btn_pre a {
    float: left;
    text-indent: -9999px;
    width: 22px;
    height: 22px;
    background: url(../images/main/popup_pre.gif) no-repeat center center;
}

.cs_bx .popupz .pu_top .p_btnbx .p_btn_next a {
  float: right;
  text-indent: -9999px;
  width: 22px;
  height: 22px;
  background: url(../images/main/popup_next.gif) no-repeat center center;
}

.cs_bx .popupz .pu_cont{width:100%; height:195px; overflow:hidden; clear:both;}
.cs_bx .popupz .pu_cont li{width:100%; float:left;}
.cs_bx .popupz .pu_cont li a{width:100%;}
.cs_bx .popupz .pu_cont li a img{width:100%;}
.cs_bx .popupz .pu_cont li img{width:100%;}


/* .cs_bx .cs_top {
    width: 100%;
    padding: 30px 0;
    height: 134px;
    text-align: center;
    background: url(../images/main/sec1_cs.jpg) no-repeat top center;
}

.cs_bx .cs_top p {
    color: #fff;
}

.cs_bx .cs_top .fs20 {
    margin-bottom: 15px;
}

.cs_bx .cs_top .morebtn {
    display: block;
    margin-top: 15px;
    width: 88px;
    height: 31px;
    line-height: 31px;
    margin: 15px auto 0;
    border: 1px solid #ffffff;
    color: #fff;
} */

.cs_bx .cs_bot {
    width: 228px;
    padding: 30px;
    height:150px;
    background: #514842;
}
/* .cs_bx .cs_bot .fs20 {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
} */

.cs_bx .cs_bot .cs_sbx{
    width: 100%;
    overflow:hidden;
    margin-bottom:10px;
}
.cs_bx .cs_bot .cs_sbx .fl{
    width: 46px;
    height:38px;
}
.cs_bx .cs_bot .cs_sbx .fr{
    width: 166px;
    height:40px;
}
.cs_bx .cs_bot .cs_sbx .fr .fs13{
    font-size:13px;
    color:#988d86;
}



/*sec2*/

.m_sec2 {
    width: 100%;
    background: url(../images/main/sec2_bg.jpg) no-repeat top center;
    height: 372px;
    text-align: center;
}

.m_sec2 .layout {
    position: relative;
}

.m_sec2 .fs35 {
    padding-top: 90px;
}

.m_sec2 .wtline {
    margin: 20px auto;
}

.m_sec2 .sec2_btnbx {
    width: 331px;
    height: 48px;
    margin: 26px auto 0;
}

.m_sec2 .sec2_btnbx .sec2_link {
    display: block;
    width: 157px;
    height: 46px;
    font-size: 16px;
    line-height: 46px;
    border: 1px solid #fff;
    color: #fff;
    float: left;
}

.m_sec2 .fs35,
.m_sec2 .fs16,
.m_sec2 {
    color: #fff;
}

.m_sec2 .orbx {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #222661;
    color: #fff;
    width: 113px;
    height: 77px;
    font-size: 19px;
    text-align: center;
    padding-top: 36px;
    line-height: 23px;
}


/*sec3*/

.m_sec3 {
    width: 100%;
    background: url(../images/main/sec3_bg.jpg) no-repeat top center;
    padding: 91px 0;
    height: 317px;
}

.m_sec3 .m_board {
    width: 371px;
    height: 275px;
    background: #fff;
    float: left;
    padding: 30px;
}

.m_sec3 .m_board .tabs {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #d1d1d1;
}

.m_sec3 .m_board .tabs li {
    width: 33.333%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
}

.m_sec3 .m_board .tabs li.sel {
    background: url(../images/main/m_sel.gif) no-repeat bottom center;
}

.m_sec3 .m_board .tab_container {
    margin-top: 18px;
    width: 100%
}

.m_sec3 .m_calendar {
    width: 361px;
    height: 275px;
    background: #fff;
    float: left;
    margin: 0 30px;
    padding: 30px;
}

.m_sec3 .m_calendar .cal_top {
    width: 100%;
}

.m_sec3 .m_calendar .cal_top .cal_tit {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 13px;
    float: left;
}

.m_sec3 .m_calendar .cal_top .cal_more {
    float: right;
}

.m_sec3 .m_calendar .cal_top .cal_more img {
    width: 100%;
}

.m_sec3 .m_calendar .cal_cont {
    width: 100%;
    clear: both;
}

.m_sec3 .m_quick {
    width: 228px;
    height: 275px;
    padding: 30px;
    background: rgba(0, 0, 0, 0.4);
    float: left;
}

.m_sec3 .m_quick .m_quick_tit {
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.m_sec3 .m_quick .qm01 {
    width: 100%;
    height: 65px;
    line-height: 65px;
    margin-bottom: 13px;
    background: url(../images/main/quick_01.png) no-repeat center left;
}

.m_sec3 .m_quick .qm02 {
    width: 100%;
    height: 65px;
    line-height: 65px;
    margin-bottom: 13px;
    background: url(../images/main/quick_02.png) no-repeat center left;
}

.m_sec3 .m_quick .qm03 {
    width: 100%;
    height: 65px;
    line-height: 65px;
    background: url(../images/main/quick_03.png) no-repeat center left;
}

.m_sec3 .m_quick>div>a {
    color: #fff;
    font-size: 18px;
    padding-left: 79px;
}


/*m_board css*/

.main_board_sp tr,
.main_board_sp td {
    border-bottom: none;
    padding: 7px 5px;
}

.m_cal_table tr,
.m_cal_table td {
    padding: 0;
}


/*¿ù°£ÀÏÁ¤*/

#showmsg {
    background: #fff;
    width: 220px;
    overflow: hidden;
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 5;
    display: none;
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}

#showmsg tr,
#showmsg td {
    border-bottom: none;
}

.cal_border {
    border-bottom: 1px solid #d1d1d1;
    padding: 2px 0;
}

.cal_border:last-child {
    border-bottom: none;
}


/*sec4*/

.m_sec4 {
    width: 100%;
    padding: 91px 0;
    overflow: hidden;
}

.m_sec4 .fs35 {
    /* text-align: center; */
    margin-bottom: 35px;
    color: #222;
}

.m_sec4 .site_tit{
    width: 258px;
    height:370px;
    float:left;
    padding: 58px 0 0 30px;
    background:url(../images/main/site_tit.jpg) no-repeat top center;
}
.m_sec4 .site_tit p{color:#fff;}
.m_sec4 .site_tit p.fs14{color:#dbe4fa; margin-top:20px;}
.m_sec4 .site_tit p.fs35{line-height:42px; margin-bottom:20px;}
.m_sec4 .siteUl {
    float:right;
    overflow:hidden;
}

.m_sec4 .siteUl li {
    float: left;
    margin-right: 15px;
    width: 288px;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;

}
.m_sec4 .siteUl li.cle{
  clear:left;
}

.m_sec4 .siteUl li a {
    width: 286px;
    text-align: center;
    height: 94px;
    margin-bottom: 3px;
    border: 1px solid #ccc;
    overflow:hidden;
}
.m_sec4 .siteUl li a img{
  transition: all 0.3s;
  transform:scale(0.9);             /*  default */
  -webkit-transform:scale(0.9);  /*  Å©·Ò */
  -moz-transform:scale(0.9);     /* FireFox */
  -o-transform:scale(0.9);        /* Opera */
}
.m_sec4 .siteUl li a img:hover{
  transform:scale(1.0);             /*  default */
  -webkit-transform:scale(1.0);  /*  Å©·Ò */
  -moz-transform:scale(1.0);     /* FireFox */
  -o-transform:scale(1.0);        /* Opera */
}

.m_sec4 .siteUl li a img {
    width:100%;
    height: 100%;
}


/* sub layout */

#container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: block;
    padding: 0 0 70px 0;
    min-height: 660px;
}

.conbg1 {
    background: url(../images/common/subtitle_1.jpg) no-repeat top center;
}

.conbg2 {
    background: url(../images/common/subtitle_2.jpg) no-repeat top center;
}

.conbg3 {
    background: url(../images/common/subtitle_3.jpg) no-repeat top center;
}

.conbg4 {
    background: url(../images/common/subtitle_4.jpg) no-repeat top center;
}

.conbg_etc {
    background: url(../images/common/subtitle_2.png) no-repeat top center;
}

.s_tit {
    width: 100%;
    padding: 148px 0 48px;
}

.s_tit p,
.s_tit h2 {
    color: #fff;
    text-align: center;
}

.s_tit .s_tit_p {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.s_tit .s_tit_h2 {
    font-size: 32px;
    margin-bottom: 25px;
}

#sub {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}

.submenu {
    width: 100%;
    background: #fff;
    height: 65px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.submenu .subUl {
    width: 1140px;
    margin: 0 auto;
    overflow: hidden;
}

.submenu .subUl li {
    float: left
}

.submenu .sub1Ul li {
    width: 25%;
}


/*¸Þ´º6°³:Á¶»ç¿¬±¸È°µ¿*/

.submenu .sub2Ul li {
    width: 33.33333%;
}


/*¸Þ´º3°³:¹Ú¹°°ü¼Ò°³*/

.submenu .sub3Ul li {
    width: 20%;
}


/*¸Þ´º5°³:Âü¿©¸¶´ç*/

.submenu .subUl li a {
    width: 100%;
    text-transform: uppercase;
    height: 63px;
    line-height: 62px;
    text-align: center;
    font-size: 17px;
    color: #555555;
}

.submenu .subUl li a.on {
    color: #e18b1c;
    font-weight: bold;
    border-bottom: 2px solid #e18b1c;
    background: url(../images/common/submenu_on.gif) no-repeat bottom center;
}

.submenu .sub_btnwrap {
    position: absolute;
    top: 15px;
}

.submenu .sub_btnwrap .sub_pre a {
    float: left;
    text-indent: -9999px;
    width: 21px;
    height: 37px;
    background: url(../images/common/sub_pre.png) no-repeat top center;
    position: absolute;
    left: 5px;
}

.submenu .sub_btnwrap .sub_next a {
    float: left;
    text-indent: -9999px;
    width: 21px;
    height: 37px;
    background: url(../images/common/sub_next.png) no-repeat top center;
    position: absolute;
    left: 1170px;
}

#content {
    width: 100%;
    overflow: hidden;
    display: block;
    padding: 70px 0 0 0;
}


/* header */

#header {
    width: 100%;
    height: 94px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 999999;
}

#header h1 {
    width: 285px;
    float: left;
    position: relative;
}

#header h1 a {
    width: 100%;
    padding-top: 20px;
}

#header .gnb_wrap {
    float: left;
    position: relative;
    margin-left: 30px;
}

#header #nav {
    float: left;
}

#header #nav>ul {
    width: 100%;
}

#header #nav>ul>li {
    float: left;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    background: url(../images/common/gnb_bar.gif) no-repeat right 47px;
    position: relative;
}

#header #nav>ul>li>a {
    height: 94px;
    line-height: 94px;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

#header #nav>ul>li.on>a {
    color: #e68d00;
}

#header #nav>ul>li:hover>a {
    color: #e68d00;
}


/* gnb - inner */

#nav .inner {
    /* background: #fff; */
    background: rgba(0, 0, 0, 0.9);
    /* background-color: #e68d00; */
    position: fixed;
    left: 50%;
}

#nav .inner ul {
    overflow: hidden;
}

#nav .inner ul li {
    float: left;
}

#nav .inner ul li a {
    color: #fff;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 14px;
}

#nav .inner ul li:hover a {
    color: #e68d00;
    /* background-color: #fff; */
}

#nav .inner01 {
    margin-left: -423px;
}

#nav .inner02 {
    margin-left: -176px;
}

#nav .inner03 {
    margin-left: -197px;
}

#nav .inner04 {
    margin-left: -542px;
}


/* gnb - inner end */

#header .lgbx {
    float: left;
    margin: 30px 0 0 10px;
    width: 136px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #fff;
    border-radius: 20px;
}

#header .lgbx_long {
    float: left;
    margin: 30px 0 0 47px;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 20px;
}

#header .lgbx a {
    width: 100%;
    height: 31px;
    line-height: 31px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

#header .lgbx_long a {
    display: block;
    color: #fff;
    float: left;
    background: url(../images/common/gnb_bar.gif) no-repeat center right;
    padding: 0 10px;
}

#header .lgbx_long a.mphover {
    background: none;
}

#header .lgbx_long a.mphover:hover {
    text-decoration: underline;
}

#header .h_icon {
    float: right;
    margin-top: 30px;
}

#header .h_icon a {
    float: left;
}

#header .h_icon .menu {
    margin: 5px 20px 0 0;
}

.totalmenu {
    width: 100%;
    height: 500px;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99999999;
    display: none;
    position: absolute;
    top: 94px;
    left: 0;
}

/*modal*/
#lean_overlay {
  position: fixed;
  z-index:100;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background: rgba(0,0,0,0.6);
  display: none;
}

#lean_overlay .modal{
  width:1130px;
  overflow:hidden;
  background:#fff;
  min-height:552px;
  position:fixed;
  top:94px;
  left:50%;
  margin-left:-565px;
  /* transform: translateX(-50%); */
}

.modal_t{width:1070px; height:62px; padding:0 30px; background:#f89313;}
.modal_t .fs19{font-size:19px; line-height:62px; color:#fff; float:left;}
.modal_t .modal_close{cursor: pointer; margin-top:19px; width: 25px; height: 25px; float:right; background:url(../images/common/modal_exit.jpg) no-repeat;}
.sitemap{margin:30px auto; width: 1079px;}
.sitemap .s_sitebx{width:100%; overflow:hidden; background:url(../images/common/modal_bar.jpg) no-repeat top center; padding:15px 0 25px 0;}
.sitemap .s_sitebx .site_l{width:137px; float:left; font-weight:bold;}
.sitemap .s_sitebx .site_r{width:919px; float:right;}
.sitemap .s_sitebx .site_r li{width:143px; font-size:15px; float:left; background:url(../images/common/modal_grbar.gif) no-repeat 0 10px; padding-left:10px; }
.site_more{*zoom:1; display:inline-block; *display:inline; text-align:center; width:100%;}
.site_more:after {content:""; display:block; clear:both;}
.site_more li{display:inline-block; #float:left; color:#fff;}
.site_more li a{display:block; padding:15px 30px; color:#fff; font-size:17px;}
.site_more li .s_pb{background:#3b5998; margin-right:5px;}
.site_more li .s_log{background:#83c906; margin-right:5px;}
.site_more li .s_join{background:#222;}

/* footer */
#footer {
    width: 100%;
    background: #514842;
    padding: 30px 0;
}

#footer .ft_top {
    height: 33px;
    border-bottom: 1px solid #7f756f;
    margin-bottom: 20px;
}

#footer .ft_top .ft_ul li {
    float: left;
    padding: 0 10px;
    background: url(../images/common/ft_bar.gif) no-repeat center right;
}

#footer .ft_top .ft_ul li a {
    color: #fff;
}

#footer .ft_top .fb{
    float:right;
    height:20px;
    line-height:20px;
    color:#fff;
}
#footer .ft_top .fb img{
  margin-right:5px;
}

#footer .address {
    width: 1200px;
    color: #fff;
}


/*#footer .address ul {width:100%; *zoom:1; display:inline-block; *display:inline; text-align:center;}
#footer .address ul:after {content:""; display:block; clear:both;}
#footer .address ul li {display:inline-block; #float:left; padding:0 20px 0 0; color:#999; line-height:1.4;}*/

#footer .copyright {
    width: 100%;
    color: #938d8a;
    font-size: 13px;
    overflow: hidden;
    text-transform: uppercase;
}

#footer .copyright a {
    margin-left: 15px;
    color: #938d8a;
}



/* aside */

#aside h2 {
    width: 100%;
    padding: 35px 0 10px 0;
    border-bottom: 2px solid #222;
    font-size: 30px;
    color: #222;
    text-align: center;
}

#aside ul {
    width: 100%;
}

#aside ul li {
    width: 100%;
}

#aside ul li a {
    width: 90%;
    _width: 100%;
    padding: 0 0 0 10%;
    font-size: 15px;
    font-weight: 600;
    color: #555;
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #ccc;
}

#aside ul li.on a {
    color: #189bcc;
}

#aside ul li.on a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* title */

#title {
    width: 100%;
    /* border-bottom: 1px solid #222; */
}

#title h2 {
    width: 100%;
    padding: 35px 0 10px 0;
    font-size: 30px;
    color: #222;
}

#title {
    width: 100%;
    font-size: 12px;
    color: #888;
}