@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('reset.css');
@charset "utf-8";
/* reset */
body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family:'나눔바른고딕', NanumBarunGothic, nbg_bold, '나눔고딕', NanumGothic, Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum, sans-serif, Lato, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
}
a {
	color:#016FD1;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a:active,
a:hover {
	color:#AF1D71;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	
	font-weight: 600;
	margin: 36px 0 12px;
}

h1 {
	font-size: 22px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 20px;
	line-height: 1;
}

h3 {
	font-size: 18px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 16px;
	line-height: 1.2;
}

h5 {
	font-size: 14px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 13px;
	line-height: 1.5;
}


/* layout */

.logo-h{max-width:1260px; margin: 5px auto 5px ;}
.hblock{
	display: inline-block;
	vertical-align:middle;
	width: 33%;
	 };
.hbanner{max-width:90%; position:relative;float:right;}
.hbanner img{max-width:100%; height:auto;}
.logo-i{margin: 0 auto;}

.mainmenu-h{width:100%; height: 38px; margin:3px auto 3px ;display:block; 
background: rgb(52,49,51);
voice-family : "\"}\"";
voice-family :inherit;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzEzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzRhNDQ0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI0MjAyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODMwMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(52,49,51,1) 0%, rgba(74,68,71,1) 50%, rgba(36,32,35,1) 50%, rgba(56,48,53,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,49,51,1)), color-stop(50%,rgba(74,68,71,1)), color-stop(50%,rgba(36,32,35,1)), color-stop(100%,rgba(56,48,53,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%); /* W3C */

border-top: 1px solid rgba(79, 74, 79, 0.8);
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
.mainmenu-wrap{width:1260px; margin:0 auto; display:block;}
.mainmenu-menu{position:relative;float:left; margin:0;z-index:20;display:block;color:#fff;}
.mainmenu-etc{position:relative;float:right;margin-top:-38px;color:#a5a5a5; clear:both;}

.slide-h{width:1260px; margin:14px auto 3px ;clear:both;}
.maincontainer{display: block;color:#000;max-width:1260px;margin:12px auto 3px;height:auto;}
.maincontainer2{display: block;color:#000;width:100%;height:auto;}
.maincenter{float:left;min-height:100%;
width:976px;
voice-family : "\"}\""; 
voice-family : inherit; 
width: -webkit-calc(100% - 283px);
width:calc(100% - 283px);
background-color:#fff;background-color:rgba(255, 255, 255, .6); 
border: 1px solid rgba(255, 255, 255, 0.6);
padding:10px 10px 10px 10px;}
.maincenter2{float:left; max-width:1260px;margin:0 height:auto;min-height:650px;width:100%;background-color:#fff;background-color:rgba(255, 255, 255, .6); 
border: 1px solid rgba(255, 255, 255, 0.6);
margin:0;padding:0;}
.maincenter-cont{
	margin:0;padding:10px;
	border-right:1px solid #CCC;
	width:976px;
voice-family : "\"}\""; 
voice-family : inherit; 
width: -webkit-calc(100% - 284px);
width:calc(100% - 284px);
float:left;}

.mainside2{position:relative; float:left;width:248px;voice-family : "\"}\"";voice-family :inherit; width:240px;height:100%;min-height:650px;margin:0;padding:10px;}
.mainside{position:relative; float:left; width:240px;height:100%;min-height:650px;padding:10px 10px 10px 10px; 
border-top: 1px solid rgba(151, 208, 251, .5);
border-bottom: 1px solid rgba(151, 208, 251, .5);
border-right: 1px solid rgba(151, 208, 251, .5);
background-color:#97D0FB;
background-color:rgba(151, 208, 251, .6);}
.footer-h{clear:both;position:relative; float:left; width:100%; margin:20px auto 3px ;border-top: 1px solid rgba(40, 81, 147, .2);border-bottom: 1px solid rgba(40, 81, 147, .2);background-color:#285193;background-color:rgba(40, 81, 147, .5);}

.bottom-ha{clear:both;position:relative; width:100%; min-height:38px; margin:3px auto 0px ;background-color:#272F47;background-color:rgba(39, 47, 71, .8);}
.bottom-h{clear:both;position:relative; width:100%; min-height:60px; margin:0px auto 3px ;background-color:#272F47;background-color:rgba(39, 47, 71, .6);}
/* main-menu setting */

.mainmenu-menu li {list-style: none;z-index: 10000;}
.mainmenu-menu li a {text-decoration: none;}
.mainmenu-menu li a:hover,
.mainmenu-menu li ul li a:hover  {
background: #af4a69; 
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

.mainmenu-menu .depth1 { display: block; height: 38px;margin:0;background: url('img/gnb_seperater.png') no-repeat left;}
.mainmenu-menu .depth1 > li {width: 120px; height: 38px; float: left; position: relative; text-align: center; background: url('img/gnb_seperater.png') no-repeat right ;}

.mainmenu-menu .depth1 > li:after {  content: ""; display: block; clear: both;}
.mainmenu-menu .depth1 > li a { display:block; height: 38px; font-size: 13px; line-height: 38px;
    font-family: '나눔바른고딕', NanumBarunGothic, nbg_bold, '나눔고딕', NanumGothic, dotum, gulim, sans-serif;
    color: #fff;
}
.mainmenu-menu .depth1 li a img {vertical-align:middle;}
.mainmenu-menu .depth2 {
    position: absolute;
    left: 0;
    top: 38px;
    background: #fff;
    display: none;
    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
}
.mainmenu-menu .depth2 li {
    float: none;
    background: #fff;
    width: 118px;
    height: 30px;
    border: 1px solid #e6e6e6;
    border-top: none;
    text-align: left;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mainmenu-menu .depth2 li:first-child {
    border-top: 1px solid #e6e6e6;
}

.mainmenu-menu .depth2 li a {
	 display: block;
	 padding-left: 14px;
	 height:32px;
    line-height: 32px;
    font-weight: normal;
    font-size: 12px;
    font-family: 나눔바른고딕, NanumBarunGothic, nbg, 나눔고딕, NanumGothic, dotum, gulim, sans-serif;
    color: #585858;
}

.mainmenu-menu .depth2 > li:hover > a {
	color:#fff;
    font-weight: bold;
}

.mainmenu-menu .depth2 .arrow-right {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
}

.mainmenu-menu .depth3 {
    position: absolute;
    left: 119px;
    top: -1px;
    background: #fff;
    display: none;

}

.mainmenu-menu .depth3 li a {
	    box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
    color: #585858;
}

.mainmenu-menu .depth3 > li:hover > a {
	color:#fff;
    font-weight: bold;
}

.mainmenu-menu .depth1 > li:hover > a .arrow-up {
    position: absolute;
    left: 54px;
    bottom: -1px;
    width: 0px;
    height: 0px;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #fff;
    z-index: 12000;
}

.mainmenu-menu .depth1 > li:hover > a .arrow-up-back {
    position: absolute;
    left: 52px;
    bottom: -1px;
    width: 0;
    height: 0;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid #e6e6e6;
}

/* side menu */
.lnb {position:relative; float :left; width: 100%;}
.lnb:after{content:"";display:block;clear:both}
.sidemenu-title{display:block;clear:both;width:100%; padding:12px 0 12px 0;color:#fff;font-size:18px;font-weight:600;border-bottom: 1px solid rgba(255, 255, 255, .8);background-color:#162C50;background-color:rgba(40, 81, 147, .6);}
.lnb {list-style:none;}
.lnb li {display:block; cursor: pointer;width:100%; font-size:13px;font-weight:300;padding:10px 0 10px 0;border-bottom: 1px solid rgba(255, 255, 255, .8);background-color:#fff;background-color:rgba(255, 255, 255, .3); }
.lnb li a{margin-left:20px; width:100%; }
.lnb li:hover {background-color:#162C50;background-color:rgba(40, 81, 147, .5);}
.lnb li:hover > a {color:#ffffff; }
.lnb li.active {background-color:#fff;background-color:rgba(255, 255, 255, .6); }
.lnb li.active:hover {background-color:#162C50;background-color:rgba(40, 81, 147, .5);}

/* contents */
.maincenter2 .maincenter-cont .title_set {display:block;list-style:none;width:100%; margin:0px 0px 12px; border-bottom:1px solid #c9c9c9; overflow:hidden; padding:0px 0;}
.maincenter2 .maincenter-cont .title_set h2{display:block;float:left; margin-top:0px; background:url(img/bul_h2.png) no-repeat 0 2px; padding-left:26px; font-size:18px; color:#3a3a3a;}
.maincenter2 .maincenter-cont .title_set ul{list-style:none;float:right; margin-top:0px;}
.maincenter2 .maincenter-cont .title_set li{float:left; color:#3a3a3a; padding-left:14px; font-size:11px; background:url(img/bul_location_arrow.png) no-repeat 1px 4px;}
.maincenter2 .maincenter-cont .title_set li:first-child {background:url(img/bul_location_home.png) no-repeat 1px 4px;}

.hblock li{display: inline-block;list-style: none;margin-right:10px;}
.hblock a{color:#706367;}
.hblock a:hover{color:#AF1D71;}
.hblock i{margin-right:4px;font-size:18px;vertical-align:sub;}
.primary-navigation .nav-menu a:before { content: "\f069"; color:#fff; font-family: 'FontAwesome'; margin-right: 10px; } 

.footer-wrap{clear:both;max-width:1260px; margin:16px auto 16px;}
.fblock{display: inline-block;width: 33%; vertical-align:top; color:#fff; }
.fblock a{color:#70CCFE; }
.fblock a:hover{color:#AF1D71; }
.fblock-cont{width:86%;height:240px;margin:0 auto;padding:16px; background-color:#285193;background-color:rgba(40, 81, 147, .5); }
.fblock-cont-l{width:86%;height:240px;float:left;margin:0; padding:16px;background-color:#285193;background-color:rgba(40, 81, 147, .5); }
.fblock-cont-r{width:86%;height:240px;float:right;margin:0 ; padding:16px;background-color:#285193;background-color:rgba(40, 81, 147, .5); }
.fblock i{font-size:42px;float:left; margin-right:14px;}

.bottom-cont{padding:16px; color:#CCC; width:80%; margin:0 auto;}
.bottom-menu{padding: 10px; color:#a59f9f; text-align: center; vertical-align: middle;}
.bottom-menu ul li { list-style: none; display:inline; border-left: 1px solid #666; padding: 0 15px; line-height: 12px;}
.bottom-menu ul:after { content: ""; display: block; clear: both;}
.bottom-menu ul li:first-child { border-left: none; padding-left: 0;}
.bottom-menu ul li a { font-size: 12px;  color: #a59f9f; line-height: 15px;}

/* navigation */

.searchbt{background-color: #a9487c;cursor: pointer;float:right;height: 30px;width: 30px;margin:3px 4px 4px 2px; text-align: center;}
.searchbt:hover,
.searchbt.active {background-color: #a0122a;}
.searchbt i{color: #fff;font-size: 18px;margin-top: 6px;}
.searchbox {display:none;z-index:50;float:right;font-size: 12px; width:150px;height:30px;margin: 4px;}
.s4search .iText {float:right;background:#BDB0AC;top:0px; border:0px; width:110px; height:20px;padding-left: 10px;padding-right: 10px; outline: none;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;
margin-right:2px; margin-top:4px;vertical-align:top;}
.s4search .submit{float:right;margin-top:4px; width:32px !important; height:22px !important;}
.s4search .iText:focus{font-weight: 600;width: 130px;}

.allmenubt{background-color: #c05856;cursor: pointer;float:right;height: 30px;width: 30px;margin:3px 4px 4px 2px;text-align: center;clear:both;}
.allmenubt:hover,
.allmenubt.active {background-color: #a0122a;}
.allmenubt i{color: #fff;font-size: 18px;margin-top: 7px;}
.allmenu{display:none;width:100%;min-height:180px; font-size:12px; z-index:40;background-color:#474145;background-color:rgba(71, 65, 69, .7);vertical-align:top; }
.allmenu-cont{overflow:hidden;width:1260px;margin:0 auto; padding:10px 0 10px 0;}
/* 최상단 전체메뉴 (사이트맵) */
.allmenu-cont ul{text-decoration:none; list-style:none; padding:0px; margin:2px 0 0 10px;}
.allmenu-cont ul li{width:150px; margin:7px 10px;}
.allmenu-cont ul li a{color:white; font-size:14px; font-weight:bold;}
.allmenu-cont ul li li{float:left; margin:0px; margin-top:4px;margin-bottom:5px;}
.allmenu-cont ul li li:first-child{margin-top:10px;}
.allmenu-cont ul li li li:first-child{margin-top:4px;margin-bottom:5px;}
.allmenu-cont ul li li a{color:#C6B8CB; font-size:13px; font-weight:normal;}
.allmenu-cont ul li li li{margin-top:4px;margin-bottom:5px; margin-left:7px;}

.allmenu-cont .selected1{color:#F8DA8B;}
.allmenu-cont .selected2{color:#FFFFFF;}
.allmenu-cont .selected3{color:#FAB35A; text-decoration:underline;}
.allmenu-cont ul li:hover .strong{color:#E372ED;}
.allmenu-cont ul li li a:hover{color:white;}

.allmenu-cont ul li a:before { content: "\f069"; color:#fff; font-family: 'FontAwesome'; margin-right: 5px; }
.allmenu-cont ul li li a:before { content: "\f06c"; color:#C6B8CB; font-family: 'FontAwesome'; margin-right: 5px; }
.allmenu-cont ul li li li a:before { content: "\f141"; color:#C6B8CB; font-family: 'FontAwesome'; margin-right: 5px; }

/* Modal Login*/

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#im_modal_login {
    width: 300px;
    padding: 20px 20px 20px 20px;
    background: #A56170;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.6);
    display: none;
    font-family: 나눔바른고딕, NanumBarunGothic, nbg, 나눔고딕, NanumGothic, dotum, gulim, sans-serif;
    position: relative;
}

#im_modal_login .loginWindow_header {
    margin-bottom: 18px;
}

#im_modal_login .loginWindow {
    width: 300px;
}

#im_modal_login .loginWindow dl dt {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 10px;
}

#im_modal_login .loginWindow #uid, .loginWindow #upw {
    width: 270px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    padding: 0 15px 0 15px;
    margin-bottom: 25px;
    color: #444;
    font-weight: bold;
    font-family: arial, dotum, gulim, sans-serif;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: none;
}

#im_modal_login .loginWindow .keep_text {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding-top: 2px;
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
}

#im_modal_login .loginWindow .keepWrap:after {
    content: "";
    display: block;
    clear: both;
}

#im_modal_login .loginWindow .keep {
    width: 21px;
    height: 21px;
    position: relative;
    float: left;
}

#im_modal_login .loginWindow .keep label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#im_modal_login .loginWindow .keep label:after {
    opacity: 0.2;
    content: '';
    position: absolute;
    width: 7px;
    height: 4px;
    background: transparent;
    top: 5px;
    left: 5px;
    border: 3px solid #A56170;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#im_modal_login .loginWindow .keep label:hover::after {
    opacity: 1;
}

#im_modal_login .loginWindow .keep input[type=checkbox]:checked + label:after {
    opacity: 1;
}

#im_modal_login .loginWindow .submit_btn a {
    display: inline-block;
    width: 270px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    padding: 0 15px 0 15px;
    background-color: #4B3645;
    color: #fff;
    text-decoration: none;
    text-align: center;
}

#im_modal_login .loginWindow .login_menu ul {
    text-align: center;
    margin-top: 25px;
}

#im_modal_login .loginWindow .login_menu ul li {
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #fff;
    list-style: none;
    line-height: 14px;
}

#im_modal_login .loginWindow .login_menu ul li:first-child {
    border-left: none;
}

#im_modal_login .loginWindow .login_menu ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    line-height: 14px;
}

#im_modal_login .loginWindow .login_menu ul li a:hover, #im_modal_login .loginWindow .login_menu ul li a:focus {
    text-decoration: underline;
}

#im_modal_login .close_loginWindow {
    position: absolute;
    right: 25px;
    top: 25px;
}

#im_modal_login .modal_close {
    font-size: 26px;
    color: #fff;
}

.im_hidden {
    display: none;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}


@media screen and (max-width: 400px) {

.mainmenu-wrap{width:100%;}
.logo-h{width:100%;}
.hblock{width:100%;display:block; text-align:center;}
.mainmenu-menu {display:none;}
.maincenter {width:100%;}

.mainside2 , .maincenter-cont {width:100%;margin:5px 0 5px 0;padding:0;}	

.maincenter-cont{border-right:none;float:left;}

.mainside{width:100%;padding:0;margin:0;}
.slide-h{width:100%;}
.mainmenu-etc {margin-top:0px;}
.allmenu-cont{width:100%;}
.allmenu-cont ul{display:block; margin:2px 0 5px 20px;}
.allmenu-cont ul li{float:none;width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}

.fblock{width: 100%;}
.fblock-cont{width:90%;margin:0 auto 15px;}
.fblock-cont-l{width:90%;float:none;margin:0 auto 15px;}
.fblock-cont-r{width:90%;float:none;margin:0 auto 15px;}
}
@media screen and (min-width: 401px) {
	body {background-image:url(img/bckg_small.jpg);background-repeat:repeat;background-attachment:fixed;background-position:top;}
	.mainmenu-wrap{width:100%;}
	.logo-h{width:100%; }
.hblock{width:100%;display:block; text-align:center;}
.mainmenu-menu {display:none;}
	.maincenter {width:100%;}
.mainside2 , .maincenter-cont {width:100%;margin:5px 0 5px;padding:0;}		

.slide-h{width:100%;}
.mainmenu-etc {margin-top:0px;}
.allmenu-cont{width:100%;}
.allmenu-cont ul{display:block; margin:2px 0 5px 20px;}
.allmenu-cont ul li{float:none;width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}
.maincenter-cont{border-right:none;float:left;}
.mainside{width:100%;padding:0;margin:0;}
.fblock{width: 100%;}
.fblock-cont{width:90%;margin:0 auto 15px;}
.fblock-cont-l{width:90%;float:none;margin:0 auto 15px;}
.fblock-cont-r{width:90%;float:none;margin:0 auto 15px;}
}
@media screen and (min-width: 594px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
	.mainmenu-wrap{width:100%;}
	.logo-h{width:100%; }
.hblock{width:100%;display:block; text-align:center;}

.maincenter {width:100%;}
.mainside {width:100%;}
.mainside2 , .maincenter-cont {width:100%;margin:5px 0 5px;padding:0;}		

.mainmenu-menu {display:none;}
.slide-h{width:100%;}
.mainmenu-etc {margin-top:0px;}
.allmenu-cont{width:100%;}
.allmenu-cont ul{display:block; margin:2px 0 5px 20px;}
.allmenu-cont ul li{float:none; width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}
.maincenter-cont{border-right:none;float:left;}
.mainside{width:100%;padding:0;margin:0;}
.fblock{width: 100%;}
.fblock-cont{width:90%;margin:0 auto 15px;}
.fblock-cont-l{width:90%;float:none;margin:0 auto 15px;}
.fblock-cont-r{width:90%;float:none;margin:0 auto 15px;}
}
@media screen and (min-width: 673px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
	.mainmenu-wrap{width:100%;}
	.logo-h{width:100%; }
.hblock{width:100%;display:block; text-align:center;}
.maincenter {width: 100%;  voice-family : "\"}\""; voice-family : inherit; width: -webkit-calc(100% - 283px);width:calc(100% - 283px);}
.mainside2 , .maincenter-cont {width:100%;margin:5px 0 5px;padding:0;}	
.mainmenu-menu {display:none;}
.slide-h{width:100%;}
.mainmenu-etc {margin-top:0px;}	
.allmenu-cont{width:100%;}
.allmenu-cont ul{display:block; margin:2px 0 5px 30px;}
.allmenu-cont ul li{float:none; width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}
.maincenter-cont{border-right:none;float:left;}
.mainside{width:100%;padding:0;margin:0;}
.fblock{width: 100%;}
.fblock-cont{width:90%;margin:0 auto 15px;}
.fblock-cont-l{width:90%;float:none;margin:0 auto 15px;}
.fblock-cont-r{width:90%;float:none;margin:0 auto 15px;}
}
@media screen and (min-width: 783px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
	.mainmenu-wrap{width:100%;}
.logo-h{width:100%; }
.hblock{width:100%;display:block; text-align:center;}
.mainmenu-menu {display:none;}
.mainmenu-etc {margin-top:0px;}
.slide-h{width:100%;}	
.allmenu-cont{width:100%;}
.allmenu-cont ul{display:block; margin:2px 0 5px 50px;}
.allmenu-cont ul li{float:none; width:100%;voice-family :"\"}\"";voice-family:inherit;width: -webkit-calc(100%-20px);width:calc(100%-20px); margin:5px 0 5px 20px; border-bottom:1px solid #8F8F8F;}
.maincenter-cont{
	margin:0;padding:10px;
	border-right:1px solid #CCC;
	width:976px;
voice-family : "\"}\""; 
voice-family : inherit; 
width: -webkit-calc(100% - 284px);
width:calc(100% - 284px);
float:left;}
.mainside2{position:relative; float:left;width:248px;voice-family : "\"}\"";voice-family :inherit; width:240px;height:100%;min-height:650px;margin:0;padding:10px;}
.mainside{width:240px;padding:10px 10px 10px 10px;}
.fblock{width: 33%;}
.fblock-cont{width:86%;margin:0 auto;}
.fblock-cont-l{width:86%;float:left;}
.fblock-cont-r{width:86%;float:right;}
}





@media screen and (min-width: 846px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
	.mainmenu-wrap{width:100%;}
	.hblock{width:33%;display:inline-block;text-align:left;}
.logo-h{width:100%; }
	.mainmenu-menu {display:inherit;}
	.mainmenu-etc {margin-top:-38px;}
.slide-h{width:100%;}
.allmenu-cont{width:100%;}
.allmenu-cont ul{text-decoration:none; list-style:none; padding:0px; margin:2px 0 0 2px;}
.allmenu-cont ul li{float:left; min-width:100px; max-width:150px; margin:5px 20;border-bottom:none;}

}
@media screen and (min-width: 1008px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
	.mainmenu-wrap{width:100%;}
	.hblock{width:33%;display:inline-block;text-align:left;}
.logo-h{width:100%; }
.slide-h{width:100%;}
.allmenu-cont{width:100%;}
	.mainmenu-etc {margin-top:-38px;}
}
@media screen and (min-width: 1040px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
	.mainmenu-wrap{width:100%;}
	.hblock{width:33%;display:inline-block;text-align:left;}
	.logo-h{width:100%; }
.slide-h{width:100%;}
.allmenu-cont{width:100%;}
.mainmenu-etc {margin-top:-38px;}
}
@media screen and (min-width: 1080px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
	.mainmenu-wrap{width:100%;}
	.hblock{width:33%;display:inline-block;text-align:left;}
	.logo-h{width:100%; }
.slide-h{width:100%;}
.allmenu-cont{width:100%;}
.mainmenu-etc {margin-top:-38px;}
}
@media screen and (min-width: 1110px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
	.mainmenu-wrap{width:100%;}
	.hblock{width:33%;display:inline-block;text-align:left;}
	.logo-h{width:100%; }
	.slide-h{width:100%;}
	.allmenu-cont{width:100%;}
.mainmenu-etc {margin-top:-38px;}
}
@media screen and (min-width: 1218px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
	.mainmenu-wrap{width:100%;}
	.hblock{width:33%;display:inline-block;text-align:left;}
.logo-h{width:100%; }
.slide-h{width:100%;}
.mainmenu-etc {margin-top:-38px;}
.allmenu-cont{width:100%;}
}
@media screen and (min-width: 1260px) {
	body {background-image:url(img/bckg.jpg);background-repeat:repeat;background-attachment:fixed;background-position:center;}
.mainmenu-wrap{width:1260px;}
.hblock{width:33%;display:inline-block;text-align:left;}
.logo-h{width:1260px;}
.slide-h{width:1260px;}
.mainmenu-etc {margin-top:-38px;}
.allmenu-cont{width:1260px;}
}
@media screen and (max-width: 1270px) {
.maincenter-cont>div{width:100%!important;}
}
