html body {
    height: 100%;
    background-color: #F8F8F8;
}

ul li { list-style:none; }

#header { height:76px; }

#header.header-md #topNav a.logo>img { height:60px; }
 
#header.header-md #topNav a.logo {
	font-size:18px; font-weight:700; color:#5e5873; line-height:70px;
}
#header.header-md #topNav a.logo span { color:#6e64d2; }


section .nav-pills>li>a { margin-bottom:0px; font-size:14px; color:#5e5873; font-weight:500; }
section .nav-pills>li>a i { color:#bbb; }

section .nav-pills>li.active>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a:focus {
    background: -webkit-linear-gradient(332deg,#7367F0,rgba(115,103,240,.7));
    background: linear-gradient(118deg,#7367F0,rgba(115,103,240,.7));
    box-shadow: 0 0 6px 1px rgb(115 103 240 / 60%);
    color: #FFF;
    border-radius: 4px;
}
section .nav-pills>li.active>a i { color:#eee; }




.bri_panel {
	padding: 15px;
    width: 100%; 

	min-width: 0;
    background-color: #FFF;
    background-clip: border-box;
    border: 0 solid rgba(34,41,47,.125);
    border-radius: 8px;
	box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);

	margin-bottom:30px;
}

.bri_panel .tit { color:#5e5873; font-size:16px; font-weight:500; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px; }
.bri_panel .tit span { color:#ccc; font-size:13px; }





.bri_brand_tb { margin-bottom:0px; }
.bri_brand_tb th { font-weight:500; color:#5e5873; font-size:15px; }


.bri_rank_table { }
.bri_rank_table th { text-align:center; font-weight:500; font-size:14px; }
.bri_rank_table th i { color: #9b92f1; }
.bri_rank_table td { text-align:center; font-weight:500; font-size:13px; }
.bri_rank_table td.number_td { text-align:right;  }
.bri_rank_table td.number_td.main_td { background:#d9edf7; font-weight:600;}




.contents_wrap { position:relative;margin:0 auto;padding:0; width:1260px; }

#brand_head { background:#1d314f; }
#brand_head_wrapper {position:relative;margin:0 auto;padding:0; width:1500px; height:840px;zoom:1; }
.left_head { background-image:url('/images/bg_left_head.png')  !important;background-repeat:no-repeat   !important;background-position:left top  !important; width:524px; height:840px; float:left;  }
.left_head_contents { margin-top:58px; margin-left:85px; }
.left_head_text { margin-top:60px; }
.left_head_link { margin-top:60px; }
.left_head_link ul li { margin-bottom:22px; }
.left_head_link ul li a img { border:1px solid #fff; }

.right_head { background-image:url('/images/bg_main_top.png')  !important;background-repeat:no-repeat   !important;background-position:left top  !important; width:976px; height:840px; float:left;  }
#brand_nav { margin-top:50px; margin-left:10px; padding:0px; }
#brand_nav li { float:left; margin-right:6px; }
#brand_nav li a { display:inline-block; padding:15px 6px; color:#fff; font-size:17px; letter-spacing:-0.6px; }
#brand_nav li a:hover { border-bottom:2px solid #fff; }
#brand_nav:after {display:block;visibility:hidden;clear:both;content:""}

#brand_head.sub_head { height:520px; }
#brand_head.sub_head .left_head { height:520px; }
#brand_head.sub_head .right_head { height:520px; background-image:url('/images/bg_sub_top_1.png')  !important;background-repeat:no-repeat }

.brand_member_link { position:absolute; top:24px; right:30px; }
.brand_member_link li { float:left; }
.brand_member_link li a { color:#fff; padding-left:16px; font-size:13px; font-weight:500; }
.brand_member_link:after {display:block;visibility:hidden;clear:both;content:""}

#brand_head_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

.cover_wrap #brand_head_wrapper { height:170px !important; }
.cover_wrap .left_head { height:170px !important; }
.cover_wrap .right_head { height:170px !important; }
.cover_wrap #brand_head.sub_head { height:170px !important; }




.footer_notice { background-image: url( "/images/bg_footer_notice.png" ); background-repeat: no-repeat; background-position: center center; background-size: cover; padding:60px 0px; }
.footer_notice h2 { font-size:30px; color:#fff; font-weight:500; letter-spacing:2px; padding-bottom:20px; }
.footer_notice h2 i { color:#ccc; }
.footer_notice_box ul li { text-align:center; color:#bbb; word-break:keep-all;  }

.footer_rq_box h2 { letter-spacing:-1px; }
.footer_rq_box p { font-size:14px; color:#ddd; font-weight:300; }


.barnd_btn_1 { display:inline-block; width:240px; height:50px; line-height:50px; background:#272a47; color:#eee; font-size:15px; }

.footer_nav { background:#2f2f2f; padding:60px 0px; }
.footer_nav ul { }
.footer_nav li { width:20%; text-align:center; float:left; padding:0px 20px; }
.footer_nav ul:after {display:block;visibility:hidden;clear:both;content:""}
.footer_nav li h3 { font-size:20px; color:#fff; font-weight:300; padding-bottom:14px; margin-bottom:15px; border-bottom:1px solid #555; }
.footer_nav li a { display:block; color:#999; padding:8px 0px; }

#brand_footer { background:#2f2f2f; padding:36px 0px; border-top:1px solid #555; }
.footer_contents .contents_wrap { }
.footer_logo { float:left; margin-right:50px; }
.footer_contents { float:left; color:#999; font-size:13px; }
.footer_contents_link a { color:#fff; font-size:14px; display:inline-block; margin-right:10px; margin-bottom:8px; } 
.footer_copy { }
#brand_footer:after {display:block;visibility:hidden;clear:both;content:""}





/********************************************************************mobile**************************************************************/

#header.dark {
    background-color: #1f2541 !important;
}

#header {
    height: 60px !important;
}
@media only screen and (max-width: 992px){

	::-webkit-scrollbar {
    width: 3px;
	}
	::-webkit-scrollbar-thumb {
		background: #a9a9a9;
	}

	#header #topNav a.logo {
		height: 60px !important;
		line-height: 50px !important;
	}

	#header #topNav a.logo>img {
		max-height: 40px !important;
	}

	#header.fixed ul.nav-second-main li {
		padding-top: 6px;
	}


	.bri_panel {
		margin-bottom:20px;
	}

	.graph-box {
		overflow-x: scroll !important;
		white-space: nowrap;
		position: relative;
	} 

	.graph-box-contents { width:800px; } 
}



.bb svg {

	font: 13px sans-serif !important; 
	font-family:"Noto Sans KR", Noto Serif, 'Open Sans',Arial,Helvetica,sans-serif;
    -webkit-tap-highlight-color: #fff  !important;
}

.bb svg tspan { fill: #666;  }