@charset "utf-8";


/* Header */
header {position:fixed;width: 100%;height:70px;line-height: 70px;z-index:30;background: #122238;}
header .hdr_wrap{margin:0 auto;width: 1300px;}
header h1 {display: inline-block;width: 193px;margin-left: 62px;line-height:70px;color:#fff;font-size:30px;text-align:center;font-family: 'NotoSans',"Arial","Helvetica", san-serif;font-weight: 600;letter-spacing: 0;}
header h1.logo {font-size: 30px;text-indent: -99999px;background:url(/renewal2019/img/logo.png) no-repeat center center;background-size:193px;cursor: pointer;}
button {background: none; cursor:pointer; border:0 none; outline:0 none;}
header button:before {content: '';display: block;width: 29px;height: 100%;margin: auto;}
header .btn-setting {width: 30px;}
header .btn-setting:before {background:url(/renewal2019/img/btn_allNav.png) no-repeat center center;background-size: 29px;}
header .btn-setting {display: block;position: absolute;top: 0;height: 100%;font-size: 0;text-indent: -9999px;}
header .sns_box {float: right;width: 233px;}
/*header li a:hover,a:active,a:focus{color:#122239;text-decoration:none;outline: 0;}*/


.lang_wrap {position: absolute;top: 70px;padding: 0px 20px;z-index: 9991;background: #122238;}
.lang_wrap ul {width: 200px; padding: 20px 0 20px;overflow: hidden;}
.lang_wrap ul.country {padding: 21px 0 20px;border-bottom: 1px solid #ccc;}
.lang_wrap ul.country li {float: left;width: 50%;line-height: 140%;}
.lang_wrap li {padding-bottom: 1px;line-height: 140%;}
.lang_wrap li a {display: block;padding: 5px 0;color: #fff;font-size: 16px;}
.lang_wrap li a:link{text-decoration:none;}
.lang_wrap ul.country li a {text-align: center;}
.lang_wrap li:last-of-type {padding-bottom: 0;}
.lang_wrap ul li a:hover { color:#e42222;}


/*sidemenu*/
.side-wrap {width:1300px;margin: 0 auto;}
.sidemenu {display: none; position: fixed;top: 0;left:0;width: 0;height: 100%;white-space: nowrap;z-index: 998;}
.sidemenu {margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;appearance:none;-moz-appearance:none;resize:none;outline:0;}
.sidemenu {word-break: break-word;font-size: 1.2rem;color: #333;text-align: left;line-height: 140%;}
.sidemenu.open {display:block;width: 100%;}
.sidemenu .menu_bg {position: fixed;top: 0;right:0;width: 0;bottom:0;font-size: 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.sidemenu.open .menu_bg {display: block;overflow: hidden;position: fixed;top: 0;right: 0;bottom:0;width: 100%;font-size: 0;background: #000000;opacity: 0.7;z-index: 99;}
.sidemenu.open .menu_bg p {position: absolute;top: 0;right: 0;left: 0;bottom: 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.sidemenu .btn-close {position: absolute;font-size: 0;text-indent: -9999px;}
.sidemenu.open .btn-close {/* position: relative; */width: 30px;top: 15px;height: 30px;
    text-indent: -9999px; background:url(/renewal2019/img/ico_close.png) no-repeat center center;
    z-index: 9999;background-size: 100%;}
.sidemenu.open .btn-search {position: absolute;right: 30px;width: 30px;top: 15px; height: 30px;font-size: 0;text-indent: -9999px;
    background:url(/renewal2019/img/ico_search.png) no-repeat center center;z-index: 9999;background-size: 100%;
}
.sidemenu .menu_body {position: relative;height:100%;z-index: 999;background: #0a1524;}
.sidemenu .menu {;box-sizing:border-box;padding:170px 0 200px;background: #122238;}
.sidemenu .menu > ul {position: relative;width: 800px;height: 100%;margin:0 auto}
.sidemenu .menu > ul > li {}
.sidemenu .menu > ul > li > a {display: inline-block;margin: 0 auto;padding: 3px;font-size: 28px;color: #fff;text-decoration: none;line-height: 140%;}
.sidemenu .menu > ul > li > a:hover {color:#e42222}
.sidemenu .menu > ul > li.sub > a.on {display: inline-block;color: #e42222;}
.sidemenu .menu > ul > li.sub > a.on:after {
    content: '';display: inline-block;clear: both;width: 11px;height: 20px; padding-left: 10px;
    background:url(/renewal2019/img/ico_menu.png) no-repeat center center;z-index: 9999;background-size: 11px;}
.sidemenu .menu > ul > li > ul {display: none;border-left:1px solid #7d8692;padding-left: 35px;}
.sidemenu .menu > ul > li:first-of-type > ul {display: block;}
.sidemenu .menu > ul > li > ul li.contents {display: block;}
.sidemenu .menu > ul > li > ul li.contents:after {content: '';display: block;clear: both;}
.sidemenu .menu > ul > li > ul li.contents div {position: relative;float:left;width: 140px;padding-left: 12px;box-sizing: content-box;} 
.sidemenu .menu > ul > li > ul li.contents {counter-reset: my-badass-counter;display: flex;flex-wrap: wrap;}
.sidemenu .menu > ul > li > ul li.contents p {} 
.sidemenu .menu > ul > li > ul li.num > div:before {content: counter(my-badass-counter);
    counter-increment: my-badass-counter;text-align: center;line-height: 3rem;position: absolute;top: -20px;left: 12px;display: inline-block;color: #a4a4a4;font-size: 60px;opacity: .6;font-weight: 600;}
.sidemenu .menu > ul > li > ul li.contents div:first-of-type:before {left: 0;}
.sidemenu .menu > ul > li > ul li.contents div:first-of-type {padding-left: 0;} 
.sidemenu .menu > ul > li > ul li.contents .img {display: block;overflow: hidden;height: 88px;width: 140px;}
.sidemenu .menu > ul > li > ul li.contents .img img {width: 100%;}
.sidemenu .menu > ul > li > ul li.contents .txt {padding-top: 10px;font-size: 14px;color: #999999;white-space: pre-line;/* word-break: keep-all; */}
.sidemenu .menu > ul > li > ul li.contents .txt a {font-size: 14px;color: #999999;text-decoration: none;line-height: 140%;}
.sidemenu .menu > ul > li > ul li.contents .txt a:hover {color: #e42222;text-decoration: none;line-height: 140%;}

.sidemenu .menu > ul > li > ul li.last_type {border-top:1px solid #7d8692;white-space: normal;margin-top: 50px;padding-top: 30px;padding-bottom: 20px;}
.sidemenu .menu > ul > li > ul li.last_type a {font-size: 18px;color: #999999;text-decoration: none;white-space: nowrap;}
.sidemenu .menu > ul > li > ul li.last_type a:hover {color: #e12121;}
.sidemenu .menu > ul > li > ul li.last_type a:before {content: '/';display: inline-block;clear: both;padding-right: .5rem;font-weight: 700;}
.sidemenu .menu > ul > li > ul li.last_type a:first-of-type:before {content: none;}

.sidemenu .menu > ul > li > ul li.au_contents {white-space: normal;padding-bottom: 100px;}
.sidemenu .menu > ul > li > ul li.au_contents a {font-size: 18px;color: #999999;text-decoration: none;}
.sidemenu .menu > ul > li > ul li.au_contents a:hover {color: #e42222;}
.sidemenu .menu > ul > li > ul li.au_contents a:before {content: '/';display: inline-block;clear: both;padding-right: .3rem;font-weight: 700;}
.sidemenu .menu > ul > li > ul li.au_contents a:first-of-type:before {content: none;}


html:lang(ru) .sidemenu .menu > ul > li > ul li.ak_contents div {float:left;width: 140px;padding-right: 12px;box-sizing: content-box;height: 150px;}
html:lang(ru) .sidemenu .menu > ul > li > ul li.ak_contents p {margin: 0 0 10px 0;text-align:center;word-break: keep-all;line-height:100%}
.sidemenu .menu > ul > li > ul li.ak_contents {display: block;margin: 0 auto;border: none;padding-top: 10px;}
.sidemenu .menu > ul > li > ul li.ak_contents:after {content: '';display: block;clear: both;}
.sidemenu .menu > ul > li > ul li.ak_contents div {float:left;width: 140px;box-sizing: content-box;} 
.sidemenu .menu > ul > li > ul li.ak_contents p {margin: 0 0 10px 0;text-align:center;word-break: keep-all;}
.sidemenu .menu > ul > li > ul li.ak_contents div:first-of-type {padding-left: 0;} 
.sidemenu .menu > ul > li > ul li.ak_contents .img {display: block;width: 100%;}
.sidemenu .menu > ul > li > ul li.ak_contents .txt a {font-size: 16px;color: #fff;white-space: normal;text-align: center;line-height: 19px;}
.sidemenu .menu > ul > li > ul li.ak_contents .txt a:hover {color: #e42222;}
.sidemenu .menu > ul > li > ul {position: absolute;left: 280px;top: 0;width: 482px;}
.side_footer {width: 800px; margin:30px auto auto;}
.side_footer .f_menu {border-bottom: 1px solid #7d8692;padding: 0 0 30px 10px;}
.side_footer .f_menu a {font-size: 16px;color: #a5a7aa;white-space: normal;text-decoration: none;}
.side_footer .f_menu a:hover {color: #e42222;}
.side_footer .f_menu > a + a {padding-left: 30px;}
.side_footer .f_banner {padding-top: 30px;text-align: center;}
.side_footer .f_banner a + a {margin-left:60px;}
.side_footer .f_banner a {width: 120px;height: 44px;font-size: 0;text-indent: -9999px;z-index: 9999;background-size: 100%;}
.side_footer .f_banner p {float:left;margin-left: 24px;margin-bottom:20px;}

.sidemenu_search {position: relative;float: right;top: 15px;right: 40px;margin: 0 auto;width: 400px;}
    .sidemenu_search input {display:none}
	.sidemenu_search input.open {display:block;width:100%;height: 40px;border-bottom: 1px solid #c5c5c5;border-top: none;border-left: none;border-right: none;margin-right: 40px;background: none;color: #fff;font-size: 21px;}
    .sidemenu_search .btn_search {position: absolute;right: -40px;top: 0;display: inline-block;width: 40px;height: 40px;background: url(/renewal2019/img/ico_search.png) no-repeat center center;}
	
/* Tablet Device */
@media all and (min-width:700px) and (max-width:1024px) {
	header .hdr_wrap{margin:0 auto;width: 100%;}
	header {width: 100%;height: 56px;line-height: 56px;}
	header .btn-setting {left: 25px;width: 30px;}
	header .btn-setting:before {background-size: 27px;}
	header h1.logo {width: 170px;background-size: 170px;line-height: 56px;margin-left: 85px;vertical-align: top;}
	header .sns_box {float: right;width: 232px;}
	.lang_wrap {top: 56px;}
	.lang_wrap ul {width: 170px;padding: 10px 0 15px;}
	.lang_wrap ul.country {padding: 10px 0 15px;}
	.lang_wrap li a {font-size: 14px;}

	.sidemenu .menu {padding: 100px 0 150px;background: #122238;}
	.sidemenu.open .btn-close {width: 20px;height: 20px;left: 20px;}
	.sidemenu.open .btn-search {width: 20px;height: 20px;right: 20px;}

	.sidemenu .menu > ul {width: 400px;}
	.sidemenu .menu > ul > li > a {font-size: 18px;}
	.sidemenu .menu > ul > li > ul li.contents div {width: 80px;}
	.sidemenu .menu > ul > li > ul {left: 160px;}
	.sidemenu .menu > ul > li > ul li.contents .img {display: block;overflow: hidden;height: 54px;}
	.sidemenu .menu > ul > li > ul li.contents .img img {width: 86px;}
	.sidemenu .menu > ul > li > ul li.contents .txt {font-size: 10px;}
	.sidemenu .menu > ul > li > ul li.contents .txt a {font-size: 12px;color: #999999;text-decoration: none;line-height: 140%;}
	.sidemenu .menu > ul > li > ul {width: 310px;}
	
	.sidemenu .menu > ul > li > ul li.last_type {border-top:1px solid #7d8692;white-space: normal;margin-top: 20px;padding-top: 10px;padding-bottom: 20px;}
    .sidemenu .menu > ul > li > ul li.last_type a {font-size: 15px;color: #999999;text-decoration: none;}
    .sidemenu .menu > ul > li > ul li.last_type a:hover {color: #e42222;}
    .sidemenu .menu > ul > li > ul li.last_type a:before {content: '/';display: inline-block;clear: both;padding-right: .3rem;font-weight: 700;}
    .sidemenu .menu > ul > li > ul li.last_type a:first-of-type:before {content: none;}

    .sidemenu .menu > ul > li > ul li.au_contents {white-space: normal;padding-bottom: 100px;}
    .sidemenu .menu > ul > li > ul li.au_contents a {font-size: 15px;color: #999999;text-decoration: none;}
    .sidemenu .menu > ul > li > ul li.au_contents a:hover {color: #e42222;}
    .sidemenu .menu > ul > li > ul li.au_contents a:before {content: '/';display: inline-block;clear: both;padding-right: .3rem;font-weight: 700;}
    .sidemenu .menu > ul > li > ul li.au_contents a:first-of-type:before {content: none;}
	
	.sidemenu .menu > ul > li.sub > a.on:after {height: 12px;background-size: 7px;}
	.sidemenu .menu > ul > li > ul li.ak_contents {display: block;margin: 0 auto;border: none;padding-top: 10px;}
    .sidemenu .menu > ul > li > ul li.ak_contents:after {content: '';display: block;clear: both;}
    .sidemenu .menu > ul > li > ul li.ak_contents div {float:left;width: 70px;box-sizing: content-box;padding-right: 12px;} 
    .sidemenu .menu > ul > li > ul li.ak_contents p {margin: 0 0 10px 0;text-align:center;line-height: 12px;}
    .sidemenu .menu > ul > li > ul li.ak_contents div:first-of-type {padding-left: 0;} 
    .sidemenu .menu > ul > li > ul li.ak_contents .img img {display: block;width: 100%;}
    .sidemenu .menu > ul > li > ul li.ak_contents .txt a {font-size: 12px;color: #fff;white-space: normal;text-align: center;}
    .sidemenu .menu > ul > li > ul li.ak_contents .txt a:hover {color: #e42222;}

	html:lang(ru) .sidemenu .menu > ul {width: 550px;}
	html:lang(ru) .sidemenu .menu > ul > li > ul {width: 410px;}
	html:lang(ru) .sidemenu .menu > ul > li > ul li.ak_contents div {float:left;width: 80px;padding-right: 12px;box-sizing: content-box;height: 140px;}
	html:lang(ru) .sidemenu .menu > ul > li > ul li.ak_contents p {margin: 0 0 10px 0;text-align:center;word-break: keep-all;line-height:100%}
	html:lang(ru) .side_footer .f_menu > a + a {padding-left: 10px;}

	.sidemenu_search {position: absolute;right: 70px;top: 10px;margin: 0 auto;width: 320px;}
    .sidemenu_search input {display:none}
	.sidemenu_search input.open {display:block;width:100%;height: 40px;border-bottom: 1px solid #c5c5c5;border-top: none;border-left: none;border-right: none;margin-right: 40px;background: none;color: #fff;font-size: 21px;}
    .sidemenu_search .btn_search {position: absolute;right: -40px;top: 0;display: inline-block;width: 40px;height: 40px;background: url(/renewal2019/img/ico_search.png) no-repeat center center;}
	.side_footer {width: 500px;margin: 20px auto auto;}
	.side_footer .f_menu {padding: 0 0 20px 20px;}
	.side_footer .f_menu a {font-size: 13px;}
	.side_footer .f_menu > a + a {padding-left: 25px;}
	.side_footer .f_banner {padding-top: 10px;}
	.side_footer .f_banner a + a {margin-left: 30px;}
	.side_footer .f_banner a img {width: 120px;}
	.side_footer .f_banner p {float:left;margin-left: 5px;margin-bottom: 10px;}
}


@media only screen and (max-width:700px) {
	header .hdr_wrap{margin:0 auto;width: 100%;}
	header {width: 100%;height: 45px;line-height: 45px;text-align: center;}
	header .btn-setting {left: 15px;width: 27px;}
	header .btn-setting:before {background-size: 27px;}
	header h1.logo {width: 100%;background-size: 120px;line-height: 45px;margin-left: 0;}
	header .sns_box {float: right;position: absolute;right: 0;top: 2px;width: auto;}
	.lang_wrap {top: 42px;right: 0;padding: 0;}
	.lang_wrap ul {display: none;}
	.lang_wrap ul.country {display: block;width: 100px;border-bottom:0;padding: 10px 0 10px;}
	.lang_wrap ul.country li {width: 100%;float: none; display: block;}
	.lang_wrap li a {font-size: 14px;}

	.sidemenu.open .btn-close {width: 20px;height: 20px;left: 15px;}
	.sidemenu.open .btn-search {display: none;}
	.sidemenu .menu_body {width: 65%;min-width: 280px;max-width: 300px;background: #122238;}
	.sidemenu .menu {overflow: hidden;padding: 60px 0 60px;}
	.sidemenu .menu > ul {width: 90%;padding-left: 30px;}
	.sidemenu .menu > ul > li > ul {width: auto; border-left:0;position: inherit;padding-left: 0;}
	.sidemenu .menu > ul > li > a {font-size: 16px;}
	.sidemenu .menu > ul > li.sub > a.on {position: relative; display: block;border-bottom: 1px solid #e42222;}
	.sidemenu .menu > ul > li.sub > a.on:after {
		content: '';display: inline-block;clear: both;position: absolute;right: 0;top: 8px;width: 11px;height: 12px; padding-left: 10px;
		background:url(/renewal2019/img/ico_menu2.png) no-repeat center center;z-index: 9999;background-size: 11px;
	}
	.sidemenu .menu > ul > li > ul li.contents {display: none;}
	.sidemenu .menu > ul > li > ul li:last-of-type {border-top: 0;margin-top: 0;padding: 10px 0 10px 20px;}
	.sidemenu .menu > ul > li > ul li:last-of-type a {display: block;font-size: 15px;}
	.sidemenu .menu > ul > li > ul li:last-of-type a:before {content: none;}
	.sidemenu .menu > ul > li > ul li.ak_contents {display: block;margin: 0 auto;border: none;padding-top: 10px;}
	.sidemenu .menu > ul > li > ul li.ak_contents:after {content: '';display: block;clear: both;}
	.sidemenu .menu > ul > li > ul li.ak_contents div {float:left;width: 100%;padding-right: 12px;box-sizing: content-box;} 
	.sidemenu .menu > ul > li > ul li.ak_contents p {margin: 0 0 6px 0;text-align:center;word-break: keep-all;}
	.sidemenu .menu > ul > li > ul li.ak_contents div:first-of-type {padding-left: 0;} 
	.sidemenu .menu > ul > li > ul li.ak_contents .img a img {display: none;}
	.sidemenu .menu > ul > li > ul li.ak_contents .txt a {font-size: 16px;color: #999;white-space: normal;text-align: left;line-height: 16px;}
	.sidemenu .menu > ul > li > ul li.ak_contents .txt a:hover {color: #e42222;}
	.side_footer {width: 100%;}
	.side_footer .f_menu {border-bottom: 0;text-align: center;}
	.side_footer .f_menu > a {display: none;}
	.side_footer .f_banner {display: none;}
}

/* 0509  */