@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: 0; 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: 17px; color: #818483; padding: 21px 12px; /*background: url(../images/mnUs2t.png) repeat-x;*/ line-height: 13px; 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 { color: #1B1B1B; }
.menus.acildi > a, .menus.acildi > a:hover { background: #808483; color: #fff; }

.menus a:hover { color: #1B1B1B; }

.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 { }

.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: 203px; min-height: 0px; display: none; z-index: 9999; margin-top: 0; box-sizing: border-box; background: url(../images/shp.png) repeat-y #818583; font-family: Arial; padding: 10px 0px 10px 9px; }
.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: 8px 17px; background: none; border-right: none; margin-left: 0px; border-radius: 0px; margin-right: 0px; box-sizing: border-box; line-height: 12px; background: url(../images/yvr.png) no-repeat 7px center; margin-bottom: 1px; border-bottom: solid 1px #8E8E8E; }

.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: url(../images/yvr.png) no-repeat 7px center #6C6C6C; }

.alt_menus li:last-child a { border: none; }
.alt_menus .ucgn { width: 16px; height: 8px; position: absolute; left: 15px; top: -8px; background: url(../images/ucgn.png) no-repeat; }
.alt_menus li.active a { background: url(../images/yvr.png) no-repeat 7px center #767676; }

.alt_menus li.devam { }
.alt_menus li.devam a { background: none; margin-top: 12px; margin-bottom: 13px; }

.megaUrun { width: calc(100% - 240px);float: right; position: relative;}
.megaMenu { width: 100%;min-height: 182px;position: absolute; z-index: 9999; left: 0px; background: #808483; padding: 10px; border-bottom: solid 5px #faaa26; display: none;}
.megaMenu ul { display: block; position: static;min-height: 210px;float: left; transition: none; -webkit-transition: none; -moz-transition: none;}
.megaUrun ul.mega {width: 100%; display: none; position: absolute; right: 0px; top: 0px; background: #808483;}
.megaUrun ul.mega li { width: 25%; float: left; box-sizing: border-box; padding: 7px; }
.megaUrun ul.mega li a { width: 100%; float: left; background: no-repeat; padding: 0px; transition: color .4s; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; }
.megaUrun ul.mega li a img { width: 100%; float: left; box-sizing: border-box; border: solid 2px #cccccc; transition: all .4s; background: #808483; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.megaUrun ul.mega li a h6 { width: 100%; float: left; font-size: 13px; color: #ffffff; text-align: center; line-height: 15px; margin-top: 11px; transition: color .4s; background: #808483; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; }
.megaUrun ul.mega li a:hover h6 { color: #FFE3B5; }
.megaUrun ul.mega li a:hover img { border: solid 2px #FFE3B5; }


@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; left: 10px; background: #D6D6D6; border-bottom: solid 6px #C6C1C1; 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: 55px; }


    .menus.active a, .menus a.active, .menus.active a:hover { background: #6C6C6C; 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; background: #6C6C6C; }

    .menus { width: 100%; float: left; font-size: 13px; margin-bottom: 0px; padding-bottom: 0px; border-bottom: solid 1px rgb(198, 193, 193); }

    .menus a { box-sizing: border-box; padding: 13px 25px; position: relative; border-right: none; color: #515151; font-size: 15px; border: none; margin-left: 0px !important; text-align: left; }

    .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: #595858 !important; border-bottom: none; margin-top: 0px; }

    .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 21px 10px 10px; background: none; border-bottom: solid 1px #c7c5c2; margin-left: 0px; border-radius: 0px; text-align: left; }

    .alt_menus li a { border-bottom: solid 1px #464646; }
    .alt_menus li:last-child a { border-bottom: none; }
    .alt_menus li a:hover { background: none !important; }
    .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 { background: none; }
}