
@charset "utf-8";

ul, li { padding: 0; margin: 0; list-style: none; }

a { text-decoration: none; }

#menu { min-width: 1px; width: auto; min-height: 1px; height: auto; float: left; margin-bottom: 0px; margin-top: 0px; font-family: myPro; display: block; }

.menus { float: left; height: auto; margin-right: 0px; /*background:url(../images/mcizgi.png) right center repeat-y;*/ }

.menus a { min-width: 1px; width: auto; min-height: 1px; height: auto; display: block; font-size: 18px; color: #656565; padding: 24px 8px 15px 8px; line-height: 17px; margin-left: 5px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }


.menus.active > a, .menus > a.active, .menus.active > a:hover,   .menus.acildi  > a { background: #4ab9e3; color: #fff; }
.menus a:hover { color: #467699; }

.menus:last-child a, .menus:last-child a span { border: none; }

/*.menus.active a, .menus a.active, .menus.active a:hover { border-bottom: solid 4px #ac0000; border-top: solid 1px #fff; color:#ac0000;  }*/

/*.menus a:hover { color: #F7CC2D; }*/
.menus a.secili {/* padding-right: 20px; */ /*background: url(../images/mnsc.png) right bottom no-repeat;*/}

.menus.secili:hover { background: url(../images/marow2.png/) right center no-repeat; }

.menus.active .alt_menus li a { color: #888888; }

.menus.active .alt_menus li a:hover { color: #ffffff; }

.menus.home a { background: url(../images/home.png/) no-repeat #fdb515 center center; width: 34px; height: 34px; padding: 0px; margin-left: 9px; }
.menus.home a:hover { background: url(../images/home.png/) no-repeat #bf8a15 center center; }


.alt_menus { position: absolute; width: 190px; min-height: 0px; display: none; background-color: #ffffff; border-bottom: solid 4px #5491BC; z-index: 9999; }
.alt_menus li a, .menus.kr.active .alt_menus li a, .menus.lc.active .alt_menus li a, .menus.mv.active .alt_menus li a, .menus.ys.active .alt_menus li a, .menus.tr.active .alt_menus li a { width: 170px; min-height: 1px; height: auto; text-align: left; font-weight: normal; text-decoration: none; color: #888888; line-height: 1em; display: block; font-size: 14px; padding: 10px 10px 10px 10px; background: none; border-bottom: solid 1px #dcdcdc; margin-left: 0px; border-radius: 0px; }

.alt_menus li a:hover, .menus.kr.active .alt_menus li a:hover, .menus.lc.active .alt_menus li a:hover,
.menus.mv.active .alt_menus li a:hover, .menus.ys.active .alt_menus li a:hover, .menus.tr.active .alt_menus li a:hover { color: #ffffff; background-color: #5fabca; border-bottom: solid 1px #dcdcdc; }
.alt_menus li:last-child , .alt_menus li:last-child a{border:none;}

    @media screen and (max-width :980px) {


        a.kmenu { display: block; }
        .menus.home { display: none; }

        #menu { width: 230px; float: left; color: #fff; display: none; position: absolute !important; right: 10px; background: #4AB9E3; border-bottom: solid 6px #4495B4; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; position: relative; z-index: 99999999; margin-top: 16px; }


        .menus.active a, .menus a.active, .menus.active a:hover { background: #47A9CE; color: #fff !important; border: none !important; border-bottom: none !important; border-top: none !important; }

        .menus a:hover { border-bottom: none !important; border-top: none !important; color: #fff !important; }

        .menus { width: 100%; float: left; border-bottom: solid 1px #45A4C8; font-size: 13px; }

        .menus a { box-sizing: border-box; padding: 15px 25px 15px 15px; position: relative; border-right: none; color: #ffffff; font-size: 15px; border: none; margin-left: 0px !important; }

        .menus a span { display: block; border: none; float: none; }

        .alt_menus { position: relative; float: left; box-sizing: border-box; padding-left: 16px; padding-right: 10px; width: 100%; min-height: 0px; display: none; background-color: #4F585B; border-bottom: none; }

        .alt_menus li a, .menus.kr.active .alt_menus li a, 
        .menus.lc.active .alt_menus li a, .menus.mv.active .alt_menus li a, .menus.ys.active .alt_menus li a, 
        .menus.tr.active .alt_menus li a { width: 100%; min-height: 1px; height: auto; text-align: left; font-weight: normal; text-decoration: none; color: #fff; line-height: 1em; display: block; font-size: 13px; padding: 10px 10px 10px 10px; background: none; border-bottom: solid 1px #c7c5c2; margin-left: 0px; border-radius: 0px; }

        .alt_menus li a { border-bottom: solid 1px #606F7A; }
        .alt_menus li:last-child a { border-bottom: none; }
        .alt_menus li a:hover, .menus.kr.active .alt_menus li a:hover, 
        .menus.lc.active .alt_menus li a:hover,
        .menus.mv.active .alt_menus li a:hover, 
        .menus.ys.active .alt_menus li a:hover, .menus.tr.active .alt_menus li a:hover { color: #ffffff; background-color: #5fabca; border-bottom: solid 1px #dcdcdc; }


    }
