@charset "utf-8";


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


.lang_wrap {position: fixed;top: 70px;right: 20px;width: 100%;height: 100%;padding: 0 30px;z-index: 9991;background: #183047;}
.lang_wrap ul {width: 100%;padding: 20px 0 20px;overflow: hidden;}
.lang_wrap ul.country {padding: 30px 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;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:#eb1111;}


/*sidemenu*/
.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: inline-block;/* overflow: hidden; */position: relative;top: 11px;right: 0;bottom: -10px;width: 100%;padding: 10px 0 0 0px;font-size: 0;background: #183047 url('/renewal2019/img/logo.png') no-repeat center;/* opacity: 0.7; */z-index: 1000;background-size: 38%;}
.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: absolute;
    left: 30px;
    width: 30px;
    top: 15px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    background: url('/renewal2019/img/close_bg.png') no-repeat;
    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: #183047;}
.sidemenu .menu > ul {position: relative;width: 800px;height: 100%;margin:0 auto}
.sidemenu .menu > ul > li {
    width: 100%;
    height: auto;
}
.sidemenu .menu > ul > li > a {display: inline-block;margin: 0 auto;padding: 6px 0;font-size: 28px;color: #fff;font-weight: bold;text-decoration: none;line-height: 140%;}
.sidemenu .menu > ul > li > a:hover {color:#e12121;}
.sidemenu .menu > ul > li.sub > a.on {display: inline-block;color: #e12121;font-family: NotoKrB;}
.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;}
.sidemenu .menu > ul > li > ul li.contents .txt {padding-top: 10px; font-size: 14px;color: #999999;white-space: normal;}
.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.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;}
.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: .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: 18px;color: #999999;text-decoration: none;}
.sidemenu .menu > ul > li > ul li.au_contents a:hover {color: #e12121;}
.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 > 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;padding-right: 12px;box-sizing: content-box;} 
.sidemenu .menu > ul > li > ul li.ak_contents p {margin: 0 0 10px 0;text-align:center;}
.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: 90%;}
.sidemenu .menu > ul > li > ul li.ak_contents .txt a {font-size: 16px;color: #fff;white-space: normal;/* text-align: center; */}
.sidemenu .menu > ul > li > ul li.ak_contents .txt a:hover {color: #e12121;}
.sidemenu .menu > ul > li > ul {position: absolute;left: 280px;top: 0;width: 492px;}
.side_footer {width: 800px; margin:30px auto auto;}
.side_footer .f_menu {border-bottom: 1px solid #7d8692;padding:0 0 30px 20px;}
.side_footer .f_menu a {font-size: 16px;color: #a5a7aa;white-space: normal;text-decoration: none;}
.side_footer .f_menu a:hover {color: #e12121;}
.side_footer .f_menu > a + a {padding-left: 100px;}
.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: 137px;height: 44px;font-size: 0;text-indent: -9999px; z-index: 9999; background-size: 100%;}
.side_footer .f_banner p {float:left;margin-left: 28px;margin-bottom:20px}

.sidemenu_search {position: absolute;right: 70px;top: 10px;margin: 0 auto;width: 400px;}
.sidemenu_search input {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 {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: 15px;top: 10px;}
	.lang_wrap {top: 45px;right: 0;padding: 0;}
	.lang_wrap ul {display: none;}
	.lang_wrap ul.country {display: block;width: 120px;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;}
	.sidemenu.open .btn-search {display: none;}
	.sidemenu .menu_body {width: 100%;min-width: 280px;max-width: 400px;background: #122238;overflow: auto;}
	.sidemenu .menu {overflow: hidden;padding: 60px 0 60px;}
	.sidemenu .menu > ul {width: 100%;padding-left: 30px;}
	.sidemenu .menu > ul > li > ul {width: 100%;border-left:0;position: inherit;padding-left: 0;clear: both;height: auto;}
	.sidemenu .menu > ul > li > a {font-size: 20px;}
	.sidemenu .menu > ul > li.sub > a.on {position: relative; display: block;border-bottom: 1px solid #e12121;}
	.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 {border-top: 0;margin-top: 0;padding: 10px 0 10px 20px;}
	.sidemenu .menu > ul > li > ul li a {display: block;font-size: 18px;color:#999;font-weight: bold;line-height: 180%;}
	.sidemenu .menu > ul > li > ul li a:before {content: none;}
	.sidemenu .menu > ul > li > ul li div {background: #414e60;padding-left: 1rem;height:auto;width: 100%;border-bottom: 1px solid #122238;}
	.sidemenu .menu > ul > li > ul li div a {display: block;font-size: 15px;color:#fff;padding: 4px 10px 4px 0px;font-weight: normal;}
	.sidemenu .menu > ul > li > ul li div a:before {content: none;}
	.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;}
}


@media only screen and (max-width:700px) {

	header {width: 100%;height: 50px;line-height: 45px;text-align: center;}
	header .btn-setting {left: 15px;width: 27px;}
	header .btn-setting:before {background-size: 32px;}
	header h1.logo {width: 100%;background-size: 140px;line-height: 48px;margin-left: 0;}

	header .sns_box {float: right;position: absolute;right: 15px;top: 10px;}
	.lang_wrap {top: 45px;right: 0;padding: 0;}
	.lang_wrap ul {display: none;}
	.lang_wrap ul.country {display: block;border-bottom:0;/* padding: 10px 0 10px; */}
	.lang_wrap ul.country li {width: 50%;display: block;}
	.lang_wrap li a {font-size: 20px;padding: 22px 0;font-weight: bold;}
	
    .sidemenu.open .menu_bg {position: relative;top: 6px;right: 0;bottom: -10px;width: 100%;padding: 10px 0 0 0px;z-index: 1000;background-size: 140px;}
    .sidemenu.open .btn-close {width: 20px;height: 20px;}
	.sidemenu.open .btn-search {display: none;}
	.sidemenu .menu_body {background: #183047;overflow: auto;}
	.sidemenu .menu {overflow: hidden;padding: 70px 0 60px;}
	.sidemenu .menu > ul {width: auto;padding: 0 17px;}
	.sidemenu .menu > ul > li > ul {width: 100%;border-left:0;position: inherit;padding-left: 0;clear: both;height: auto;}
	.sidemenu .menu > ul > li > a {font-size: 20px;}
	.sidemenu .menu > ul > li.sub > a.on {position: relative;display: block;border-bottom: 2px solid #e12121;}
	.sidemenu .menu > ul > li.sub > a.on:after {
		content: '';
		display: inline-block;
		clear: both;
		position: absolute;
		right: 0;
		top: 8px;
		width: 22px;
		height: 22px;
		padding-left: 10px;
		background: url('/renewal2019/img/gnb_menu_bg.png') no-repeat center right;
		z-index: 9999;
		background-size: 17px;
	}
	.sidemenu .menu > ul > li > ul li.contents {display: none;}
	.sidemenu .menu > ul > li > ul li {border-top: 0;margin-top: 0;padding: 10px 0 10px 20px;}
	.sidemenu .menu > ul > li > ul li a {display: block;font-size: 17px;color:#999;margin: 6px 0;line-height: 180%;}
	.sidemenu .menu > ul > li > ul li a:before {content: none;}
	.sidemenu .menu > ul > li > ul li div {background: #414e60;padding-left: 10px;height:auto;border-bottom: 1px solid #122238;}
	.sidemenu .menu > ul > li > ul li div a {display: block;font-size: 14px;color:#fff;padding: 3px 0;margin: 3px 0 0 0;line-height: 1.4em;font-weight: normal;}
	.sidemenu .menu > ul > li > ul li div a:before {content: none;}
	.side_footer {width: 100%;}
	.side_footer .f_menu {border-bottom: 0;}
	.side_footer .f_menu > a {display: none;}
	.side_footer .f_banner {display: none;}
}