@charset "UTF-8";
/* CSS Document */


/*디폴트이미지*/
.default_image{position:relative; left:0; top:0;}
.default_image p.menu_info_txt span {
    float: left;
    padding: 20px 0;
    font-size: 220%;
    font-weight: 900;
}
.default_image p.menu_info_txt {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 40%;
    height: 250px;
    border-right: 1px solid #ddd;
    background: url(/theme/henalhome/design/img/menu_ico0.png) right bottom no-repeat;
}

.default_image p.menu_info_txt span.text {
    clear: both;
    display:block;
    float: left;
    font-size: 120%;
    font-weight: 300;
    text-align: left;
}
/*디폴트이미지*/

/*상단로그인*/


#globalmenu ul.language{display:block; float:left; padding:2px 0;}
@media(max-width:1200px){
#globalmenu ul.language{float:none; }
}
#globalmenu ul.language li{float:left; margin-right:15px; font-size:85%; border:1px solid #ddd; padding:2px 10px; border-radius:15px;}
#globalmenu ul.language li b{color:#313131;}
#globalmenu ul.language li:hover{border-bottom:3px solid #efefef;}
#globalmenu ul.language li a{color:#444;}

#globalmenu ul.quickmenu{display:block; width:auto; height:auto; text-align:center; float:right; margin-right:0px;}
@media(max-width:1200px){
#globalmenu ul.quickmenu{float:none; margin-right:0;}
}
#globalmenu ul.quickmenu li.menu {display:inline-block !important; padding:10px 5px; text-align:center; line-height:100%; font-size:95%; color:#fff; border: 0px solid #777777; border-radius:10px; margin-top:7px; margin:0;}
#globalmenu ul.quickmenu li.none{padding:5px 0px;}
#globalmenu ul.quickmenu li.menu a{color:#eee;}
#globalmenu ul.quickmenu li.menu a:hover{color:#fff;}
#globalmenu ul.quickmenu li.snslogin{border:0;}
#globalmenu ul.quickmenu li.pushmsg{}
#globalmenu ul.quickmenu li.menu .sharebtn{display:block; z-index:999;}


ul.mainicon {display:block; width:1200px; height:auto; margin:0 auto; text-align:center; font-family: 'GmarketSansBold';}
ul.mainicon li{display:inline-block; color:#fff; font-size:140%; margin:0 5px; width:22.5%; border-right:1px solid #fff;}
ul.mainicon li:last-child{border-right:0;}
ul.mainicon li img{margin-right:15px;}
ul.mainicon li a{color:#fff;}
@media(max-width:1200px){
ul.mainicon{width:100%;}
ul.mainicon li img{margin:0 auto; display:block;}
ul.mainicon li {
    display: inline-block;
    color: #fff;
    font-size: 97%;
    margin: 0 5px;
    width: 20.5%;
    border-right:0;
}


}



/*홈버튼*/
.homebtn{
	display:none;
	position:absolute;
	top:20px;
	right:87px;
	width: 80px;
    height: auto;
    line-height:38px;
    text-align:center;
    border-radius:0px;
    background: #fff;
    color:#333;
    border:1px solid #333;
    padding: 0px;
    font-size:85%;
    z-index: 8;

}
.homebtn a{color:#333;}

@media(max-width:1200px){
  .homebtn{display:none !important;}
}

/*로고바*/
.sector2{ width:100% !important; height:auto !important;  padding:0 !important; z-index:99; border-top:0px solid #222; overflow:unset !important;}
@media(max-width:1200px){
.sector2{position:absolute;}
}

.mainslide_center{width:1200px; margin:0 auto;}
@media(max-width:1200px){
.mainslide_center{width:100%;}
}

.hovermenu_center{width:1200px; height:auto; overflow:hidden; margin:0 auto; position:relative;}
@media(max-width:1200px){
.hovermenu_center{width:100%;} 
}

.logobar{
    width: 100%;
    height:100px;
    position: absolute;
    /* background:url("./w_50.png") left top repeat; */
    z-index: 999;
}

.logobar h1.logo{float:left;display:block;width:auto;height:100px;text-align:center;padding:35px 0;position: relative;z-index:2; }
/* .logobar h1.logo{display:block;width:121px;height:auto; padding:15px 0 !important; margin:0 auto; text-align:center;padding:0;position: relative;z-index:2; } */

.logobar h1.logo img{ display:block;}
.logobar h1.logo .logo_img{padding:0px 0;}
.logobar #globalmenu{float:right; width:60%; height:100px; border:0; position:relative; border:0px solid #f30; z-index: 999999999999999999;}
/* .logobar #globalmenu{width:100%; height:auto; border:0; position:relative; border:0px solid #f30; z-index: 999999999999999999;} */

@media(max-width:1200px){
    .logobar{padding:10px 0 !important;}
.logobar h1.logo{float:none; display:block;width:auto;height:100px;text-align:center;padding:20px 0;position: relative;z-index:2; }
.logobar h1.logo img{ display:block; margin:0 auto;}
.logobar #globalmenu{display:none;}
}

@media(max-width:425px){
    .logobar h1.logo{padding:10px 0;}
    .logobar h1.logo img{width:80px;}
    
    
} 

.logobar .sitemapbtn{ display:none; width: 40px;height: 40px;text-align:center;border:1px solid #777;font-size:150%;z-index: 9; background:none; position: absolute; right: -70px; top:35px;}
.logobar .sitemapbtn a{color:#777;}

@media(max-width:1200px){
.logobar .sitemapbtn{display:none;}

}



.btn_stamp{
	display: inline-block;
    width: 128px;
    height: 36px;
    border-radius: 20px;
    background: #ff6600;
    text-align: center;
    padding: 9px 0 10px;
    margin-top: 15px;
    }
.btn_stamp span {
    color: #fff;
    font-size: 13px;
    padding-left: 10px;
    -webkit-background-size: 17px 16px;
    background-size: 17px 16px;
}
.btn_stamp.biz{
    background: #e82b76;
}
.btn_stamp.biz span {
}

.btn_stamp.admin{
    width: 70px;
    background: #ff6600;
}
.btn_stamp.biz.admin{
    background: #e82b76;
}

.btn_stamp.admin span {
    color: #fff;
    font-size: 13px;
    padding-left: 5px;
    -webkit-background-size: 17px 16px;
    background-size: 17px 16px;
}



.btn_stamp i{color:#fff;}





/*검색*/
.search-wrapper {
    display:none;
	position: absolute;
    transform: translate(0, 0);
    top:35px !important;
    right:-25px;
    z-index: 9999999999;
}



.search-wrapper.active {}

.search-wrapper .input-holder {
    width:40px;
    height:auto;
    line-height:40px;
    overflow: hidden;

    border-radius:0px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    width:200px;
    border-radius: 40px;
    background: #000;
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
    width:100%;
    height: 40px;
    padding:0px 40px 0 20px;
    opacity: 0;
    position: absolute;
    top:-12px;
    left:0px;
    background: transparent;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#FFF;
    transform: translate(0, 40px);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 10px);
}
.search-wrapper .input-holder .search-icon {
    width:40px;
    height:40px;
    border:1px solid #777;
    background:none;
    border-radius:0px;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;

}
.search-wrapper.active .input-holder .search-icon {
    width: 32px;
    height:32px;
    margin: 4px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}
.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}

/*돋보기*/
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 13px;
    border-radius: 2px;
    background: #777; /*돋보기손잡이*/
}
.search-wrapper .input-holder .search-icon span::after {
    width: 16px;
    height: 16px;
    left: 3px;
    top: -2px;
    border-radius: 50%;
    border: 4px solid #777;/*돋보기*/
}

/*닫기*/
.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:210px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    border-radius: 2px;
}

.search-wrapper.active .close::before, .search-wrapper.active .close::after {
    background: #ddd; /*닫기*/
}

.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}





@media(max-width:1200px){
.search-wrapper {
    display:none;
}

}
@media(max-width:992px){

}
@media(max-width:768px){

}
@media(max-width:480px){

}


/*sclogo*/
.sclogo{position:absolute; top:50%; right:-130px; margin-top:-16px;}

/*globalmenu*/
#globalmenu ul.depth1 {clear:both; display:block; width:100%; height:auto; text-align:center; margin:0 auto; position:absolute; right:0px; bottom:0px;}

/*
#globalmenu ul.depth1 li.depth1{

    display: block;
    float: left;
    position: relative;
    width: 15% !important;
    height: auto;
    line-height: 100px;
    border-left: 0px solid #ccc;
    font-size: 122%;
    font-weight: 400;
    font-family: 'S-CoreDream-9Black';
    margin: 0 10px;
}
*/
#globalmenu ul.depth1 li.depth1{

    display: inline-block;
    position: relative;
    width: 19% !important;
    height: auto;
    line-height: 60px;
    border-left: 0px solid #ccc;
    font-size: 122%;
    font-weight: 800;
    margin: 0;
}


#globalmenu ul.depth1 li.depth1:nth-child(2){border-left:0px solid #ddd;}
#globalmenu ul.depth1 li.depth1 span.subicon{display:none;}
#globalmenu ul.depth1 li.depth1 a{display:block; width:100%; height:100%; text-align:center; position:relative; color:#333; }
#globalmenu ul.depth1 li.depth1 a.depth1{color:#fff;}



#globalmenu ul.depth1 li.depth1 a.depth1.on{color:#777}

#globalmenu ul.depth1 li.depth1.on { font-weight:900; color:#313131; /**/ height:100%;}
#globalmenu ul.depth1 li.depth1.on a.depth1{
color:#e82b76 !important;
position:relative;
}
#globalmenu ul.depth1 li.depth1.on a.depth1:before{
    content: '';
    display: block;
    width: 10px;
    height: 3px;
    border-radius:3px;
    background-color: #e82b76;
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left:-5px;
    margin-top: 0px;
}


#globalmenu ul.depth1 li.mmenu00{width:54px; height:50px; display:none;}
#globalmenu ul.depth1 li:last-child{ }
#globalmenu ul.depth1 li.depth1:nth-child(1).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(2).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(3).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(4).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(5).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(6).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(7).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(8).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(9).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1:nth-child(10).on {color:#313131 !important; }
#globalmenu ul.depth1 li.depth1 a.allbtn{display:block; width:100%; height:100%; background:#fff url("/theme/henalhome/design/img/btn_allmenu.png") center center no-repeat; }
#globalmenu ul.depth1 li.depth1 a.allbtn:hover{display:block; width:100%; height:100%; background:#010101 url("/theme/henalhome/design/img/btn_allmenu_w.png") center center no-repeat; }
#globalmenu ul.depth1 li.depth1 a.mobilemenu{display:none;}
#globalmenu ul.depth1 li.depth1:hover {}
#globalmenu ul.depth1 li.depth1:hover a{color:#fff;} /*서브메뉴 배경색상*/
#globalmenu ul.depth1 li:last-child {/*display:none;멤버십막기*/}
#globalmenu ul.depth2 {display:none; width:160px; height:auto; position:absolute; top:10px; left:0; margin-left:0px; z-index:999999; border-top:0px solid #313131; padding-top:10px; /*주메뉴 밑줄색상*/}
#globalmenu ul.depth2 li.depth2 {display:block; width:auto; height:auto; line-height:30px; border-bottom:1px solid #fff;/*서브메뉴 밑줄색상*/ font-size:80%; letter-spacing:-1; }
#globalmenu ul.depth2 li.depth2 a.hdbtn{display:none;}
#globalmenu ul.depth2 li.depth2 a {display:block; width:100%; height:100%; text-align:left; text-indent:15px; color:#eee !important; background :rgba(255, 255, 255, 0.3) !important; font-weight:normal;
-webkit-transition-property:color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: linear, ease-in;
}
#globalmenu ul.depth2 li.depth2:hover{border-bottom:1px solid #313131; background :rgba(0, 0, 0, 0.3) !important;}/*서브메뉴 오버색상*/
#globalmenu ul.depth2 li.depth2:hover a{color:#313131 !important; background:#699a39; }/*서브메뉴 오버색상*/
#globalmenu ul.depth2 li.depth2 b{color:#313131; margin-right:3px;}
#globalmenu ul.depth3 {display:block; width:100%; height:auto;line-height:21px; margin:0 auto; position:static !important;}


#globalmenu ul.depth3 li.depth3 {display:block; width:100%; height:21px; line-height:21px; border-top:1px solid #84b31e;}
#globalmenu ul.depth3 li.depth3 a{display:block; width:100%; height:100%; color:#777; font-size:11px; font-weight:normal; text-indent:20px;}
#globalmenu ul.depth3 li.depth3:hover a{color:#fff !important; background:#467523;}/*서브메뉴 오버색상*/

/*hovermenu*/
#hovermenu{display:none; clear:both; position:absolute; top:100px; left:0%; width:100% !important; height:auto; margin-left:0px; z-index:99;padding:0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#ffecf0;}
#hovermenu{}

.hovermenu{width:100%; height:auto; margin:0 auto; overflow:hidden; }

.hovermenu ul.depth1 {display:block; width:60% !important; height: auto; float:right; }
/* .hovermenu ul.depth1 {display:block; width:1200px !important; height: auto; position: relative; text-align:center; margin:0 auto; padding:0;} */




.hovermenu ul.depth1 li.depth1{display:table-cell; width:2% !important; height:auto; padding:20px 10px; border-right:1px solid #ddd;}


/*메뉴설명 전체*/
p.menu_info_txt{display:none;} /*메뉴설명 전체 off */
.hovermenu ul.depth1 li.depth1 p.menu_info_txt{position:absolute; left:0; top:0; display:block;}
.hovermenu ul.depth1 li.depth1 p.menu_info_txt span{float:left; padding:20px 0; font-size:220%; font-weight:900;}
.hovermenu ul.depth1 li.depth1 p.menu_info_txt span.text{clear:both; display:none; float:left; font-size:120%; font-weight:300; text-align:left;}
.hovermenu ul.depth1 li.depth1:nth-child(1) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico1.png") right bottom no-repeat;}/*가로 104*/
.hovermenu ul.depth1 li.depth1:nth-child(2) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico2.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(3) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico3.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(4) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico4.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(5) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico5.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(6) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico6.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(7) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico7.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(8) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico8.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(9) p.menu_info_txt{display:none; width:40%; height:100%;  border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico9.png") right bottom no-repeat;}
.hovermenu ul.depth1 li.depth1:nth-child(10) p.menu_info_txt{display:none; width:40%; height:100%; border-right:1px solid #ddd; background: url("/theme/henalhome/design/img/menu_ico10.png") right bottom no-repeat;}
/*메뉴설명 전체*/


.hovermenu ul.depth1 li.depth1.over_back {background:#fff;}
.hovermenu ul.depth1 li.depth1.over_font {}
.hovermenu ul.depth1 li.depth1 a.over_back {}
.hovermenu ul.depth1 li.depth1 a.over_font {color:#fff; }

.hovermenu ul.depth1 li.depth1:nth-child(1).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(1) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(2).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(2) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(3).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(3) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(4).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(4) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(5).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(5) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(6).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(6) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(7).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(7) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(8).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(8) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(9).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(9) a.over_font {color:#101010;}
.hovermenu ul.depth1 li.depth1:nth-child(10).over_back { background:#fff;}
.hovermenu ul.depth1 li.depth1:nth-child(10) a.over_font {color:#101010;}

.hovermenu ul.depth1 li.depth1:nth-child(3) { }
.hovermenu ul.depth1 li.depth1:nth-child(6) { }
.hovermenu ul.depth1 li.depth1:nth-child(7) { }
.hovermenu ul.depth1 li.depth1:nth-child(8) { }
.hovermenu ul.depth1 li.depth1.mmenu00{display:none;}
.hovermenu ul.depth1 li:last-child{ /*멤버십막기*/}

.hovermenu ul.depth1 li.depth1 a.depth1{display:none;/*1차막기*/}
.hovermenu ul.depth1 li.depth1 a.mobilemenu{display:none;}

.hovermenu ul.depth2 {display:block; width:100%; height:auto; z-index:999999; padding:0;}
.hovermenu ul.depth2:hover {}

.hovermenu ul.depth2 li.depth2 {display:block; width:auto; height:auto; line-height:25px; padding:0 0px; font-size:80%; border-bottom:1px solid #ccc;}
.hovermenu ul.depth2 li.depth2:hover {border-bottom:1px solid #f30;}
.hovermenu ul.depth2 li.depth2 a.hdbtn{display:block;}
.hovermenu ul.depth2 li.depth2 a.depth2 {display:block; width:100%; height:100%; text-align:left; text-indent:0px; color:#101010; }


.hovermenu ul.depth2 li.depth2.on a.depth2 {color:#e82b76; font-weight:900;} /*온*/
.hovermenu ul.depth2 li.depth2 a.depth2 span.totalpost{display:none; border-radius:3px; background:#313131; color:#ccc; padding:0 3px; text-align:center;} /*토탈*/
.hovermenu ul.depth2 li.depth2:hover a.depth2{color:#f30;}
.hovermenu ul.depth2 li.depth2 b{color:#01a8ba; margin-right:3px;}
.hovermenu ul.depth2 li.depth2:last-child{border-bottom:0;}

.hovermenu ul.depth3 {display:block; width:100%; height:auto;line-height:21px; margin:0 auto;}
.hovermenu ul.depth3 li.depth3 {display:block; width:100%; height:auto; line-height:25px; text-align:left;}
.hovermenu ul.depth3 li.depth3 a.depth3{display:block; width:100%; height:100%; color:#222; font-size:90%; text-indent:10px; position:relative;}
.hovermenu ul.depth3 li.depth3 a.depth3:before{

    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #666666;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -2px;
}
.hovermenu ul.depth2 li.depth3 a.depth3:hover {color:#010101;}


/*한영전환*/
ul.lang_btn {
                display: block;
                padding: 0px;
                overflow: hidden;
            }

            ul.lang_btn li {
                float: left;
                display: block;
                border: 1px solid #fff;
                border-radius: 15px;
                color: #fff;
                padding: 5px 10px;
                margin: 0 0px;
                margin-top:0 !important;
                font-size:90%;
            }
            ul.lang_btn li:first-child{margin-right:5px !important;}

            ul.lang_btn li a {
                color: #fff !important;
            }

            ul.lang_btn li.on {
                border: 1px solid #5ef679;
            }

            ul.lang_btn li.on a {
                color: #5ef679 !important;
            }

            a.logo img {
                width: 70%;
            }

            @media(max-width:1200px) {
                .topmenubar {
                    width: 100%;
                }
                ul.lang_btn {
                    display: block;
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    margin-top: 0px;
                    padding: 5px 10px;
                    overflow: hidden;
                    z-index: 99999999999;
                }
                ul.lang_btn li {
                    float: left;
                    display: block;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    color: #333;
                    padding: 5px 10px;
                    margin: 0 5px;
                }
            }
