@import url(/award/css/reset.css);

*{
	font-family:'¸¼Àº°íµñ', 'Noto Sans KR', 'Noto Serif KR', 'Lora', serif;
	font-size:11pt;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body{min-width: 320px; position: relative; min-height:100%}
body{
	background-color:#170738;
	background-repeat:no-repeat; background-position:top center; background-size:cover;
}
body *{ 
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", Meiryo, "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-feature-settings: 'calt', 'ss01', 'ss02', 'ss03', 'ss05';
	box-sizing: border-box; 
	word-break: keep-all; 
	-webkit-text-size-adjust: none;
	--txt_size_xxl : 120px;
    --txt_size_xl : 80px;
    --txt_size_l : 80px;
    --txt_size_ls : 48px;

    --txt_size_mxl : 40px;
    --txt_size_ml : 30px;
    --txt_size_m : 24px;
    --txt_size_ms : 20px;
    
    --txt_size_sl: 18px;
    --txt_size_s : 14px;
    --txt_size_ss : 12px;

    --padding-xl : 150px;
    --padding-l : 100px;
    --gap-l : 75px;
    --gap-m : 50px;
    --gap-s : 30px;	
	--gap-xs : 15px;

	--paperlogy : "Paperlogy", -apple-system, BlinkMacSystemFont, "Segoe UI",Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
}

table th, table td{height:30px; padding:10px;}
table th{font-weight:500;}
.en{font-family: 'Lora', sans-serif;}

.paperlogy, .paperlogy *{font-family: "Paperlogy", -apple-system, BlinkMacSystemFont, "Segoe UI",Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;}
/* .kr_serif, .kr_serif b, .kr_serif strong, .kr_serif span{font-family:'Noto Serif KR', serif;} */
.inner{position:relative; margin:0 auto; width:1400px;}
.inner:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
.anchor{position: relative; top:-38px;}

#container {
	/* display:table; */ 
	width:100%; min-height:100%;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#container > #content {flex:1;}
#container > #content > div {color:#333; line-height:1.5em;}
/* #container > section {display: table-row; width: 100%;}
#container > #content > div {display:table-cell; width: 100%; height: 100%; color:#555; line-height:1.5em;}
*/


header{position: relative; width:100%; }
header .logo{text-align:center; padding:20px 0;}
header .logo img{max-width:100%;}
header .nav_box{background-color:rgba(0,0,0,0.25);}
	header .nav_box.scroll-to-fixed-fixed{background-color:rgba(0,0,0,0.8);}
header .nav_box_mobile{display:none;}
header .nav_box_mobile .nav_btn{display:table-cell; vertical-align:middle; padding-left:4%;}

header .nav_box .nav_bar{}
header .nav_btn, header .btn_goevent{display:none;}
header .nav_btn a{color:#fff;}
header .nav_btn a i{font-size:40px; margin-right:0;}

nav ul.nav{display:table; width:100%; margin:0 auto;}
nav ul.nav li{display:table-cell;}
nav ul.nav li a{
	display:block; padding:20px 0; text-align:center;
	color:rgba(255, 255, 255, 0.8);
	font-family: 'Paperozi'; font-size:18px; font-weight:600; letter-spacing:2px;
	position:relative; overflow:hidden;

}
nav ul.nav li a:hover{
	color:rgba(255, 255, 255, 1);	
	text-shadow: 0px 0px 5px rgba(255,255,255,0.5);
	transition: 2s all ease;
}
nav ul.nav li a:after{ 
	content:"";
	background: radial-gradient(ellipse at center, rgba(150,31,185,1) 0%,rgba(0,0,0,0) 80%);
    position: absolute;
    width: 70%;
    height: 150%;
    left: 50%; top:50%; transform:translateX(-50%);
    z-index: -1; opacity:0;
}
nav ul.nav li a:hover:after{
	opacity:1;
	transition: 1s all ease;
	
}
nav ul.nav li.nav_event,
nav ul.nav li.nav_event a:hover,
nav ul.nav li.nav_event a.select{background-color:#b8924b; width:200px;}
nav ul.nav li.on a{background: rgb(71, 14, 88, 0.5); color:#fff;}
	header .nav_box.scroll-to-fixed-fixed nav ul.nav li.on a{color:#fff; background: rgb(71, 14, 88, 0.75);}

#menu_mobile{display:none;}

.ssm-overlay{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.85); display:none; z-index:1500; -webkit-backface-visibility: hidden;}


.con{position: relative; padding:30px 0 50px 0;}

.main_visual{display:flex; position:relative;}
.main_visual > .inner{display:flex;}
.main_visual .box{ 
	display: flex;
    flex-direction: column;
    justify-content: center; 
	flex:1;
	margin: var(--gap-m) 0;
}
.main_visual .box.visual{justify-content: flex-end; margin:0;}
.main_visual .title{max-width:480px;}
.main_visual .title .year{max-width:220px; margin-bottom:30pt;}
.main_visual .description{margin-top: var(--gap-l); max-width:580px;}
.main_visual .description h1{font-size: var(--txt_size_m); color:#fff; line-height:1.4; font-weight:500;}
.main_visual .description h3{margin-top: var(--gap-xs); color:#ddd; font-weight:300;}
.main_visual .description h3 strong{font-weight:800;}
.main_visual .visual{max-width:700px;}


.main_visual_mobile{display:none  !important;}
.main_visual_mobile img {width:100%;}
.main_con{position: relative; width:100%;}
.main_con > div{float:left; margin-right:4%;}
.main_con > div:last-child{margin-right:0;}
.main_con .con_bn{width:26%;}
.main_con .con_bn .down_link{width:100%; background:rgba(0, 0, 0, 0.1);}
.main_con .con_bn .down_link a{display:block; text-align:center; padding:10px;}
.main_con .latest{width:33%; }
.main_con .latest iframe{width:100%;}

.main_bbs h1{display:block; font-weight:600; color:#ffa717; font-size:100%; border-bottom:1px solid #fff; padding-bottom:10px;}
.main_bbs h1 .more{float:right; color:#fff; font-weight:300; font-size:xx-small; padding-top:3px;}
.main_bbs h1 .more i{font-size:xx-small;}
.main_bbs table{width:100%; border:0;}
.main_bbs table td{border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:10px 0;}
.main_bbs table td a{color:#fff;}
.main_bbs table td a b{display:inlnie-block; margin-right:3px; font-weight:900;}
.main_bbs table td a:hover{color:#ffa717;}
.main_bbs table td.date{text-align:right; font-size:small; color:rgba(255, 255, 255, 0.5); width:75px;}

.sub_visual{ 
	 position: relative; 
	 display: flex;
	 background-image:url('/award/images/main_visual_img.png');
	     background-size: auto 130%;
    background-repeat: no-repeat;
    background-position: 100% -10px;
    background-origin: border-box;
}
.sub_visual .box{ 
	display: flex;
    flex-direction: column;
    justify-content: center; 
	flex:1;
	margin: var(--gap-m) 0;
}
.sub_visual .box.visual{justify-content: flex-end; margin:0; max-width: 380px;}
.sub_visual .title{max-width:600px;}
.sub_visual .title .year{max-width:180px; margin-bottom:10pt;}
.sub_visual .title .subject_mobile{display:none;}
.sub_visual .description{margin-top: var(--gap-m); max-width:580px;}
.sub_visual .description h1{font-size: var(--txt_size_m); color:#fff; line-height:1.4; font-weight:500;}
.sub_visual .description h3{display:none; margin-top: var(--gap-xs); color:#ddd; font-weight:300;}
.sub_visual .main_effect{z-index: -1; background: #170738;}
.sub_visual_mobile{display:none;}
.sub_page{
	width:100%;
	/*background:url(/images/page_con_bg.jpg) repeat top center; background-size:cover;*/
	background-color:#fff;
	padding-bottom:30px; vertical-align:top;
}

.page_title{text-align:center; padding:30px 0 35px;}
.page_title h1{
	position: relative; display:block; font-size:270%; font-weight:700; color:#111; letter-spacing:3px; padding-bottom:30px;
	font-family:var(--paperlogy);
}
.page_title h1 img{display:block; margin:0 auto; margin-bottom:20px;}
.page_title h1:after{
	background:rgba(150,31,185,0.3); width:50px; content:""; height:2px;
	position: absolute; left: 50%; bottom:0;
	transform: translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
}
.page_tab{background:#f5f5f5; padding:5px; text-align:center;}
.page_tab ul{font-size:0;}
.page_tab li{display:inline-block; padding:5px; width:200px;}
.page_tab li a{display:block; width:100%; background:#fff; border:1px solid #ccc; text-align:center; padding:10px; color:#555;}
.page_tab li a:hover{background:#e5e5e5;}
.page_tab li.on a, .page_tab li.on a:hover{background:#d9a758; color:#fff;}
.page_tab li .select {position: relative; display: block; width:100%; height:100%; }
.page_tab li .select select {width: 100%; height: 100%; padding:11px 10px; vertical-align:0; margin: 0; color: #555; border:1px solid #ccc; cursor: pointer;}
.page_tab li .select select::-ms-expand {display: none;}
.page_tab li .select::after {
	position: absolute; top:0; right:0; bottom:0; width:30pt; padding-top:0.5em;
	content: '\e5c5'; font-family: 'Material Icons'; font-size:x-large;
	background: #ccc; color:#fff;
	pointer-events: none;
}
/* Transition */
.page_tab li .select:hover::after {
  background:#bfa36e;
}
.page_tab li .select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}


/* ¸ÞÀÎ ¹è°æ ÀÌÆåÆ® */
.main_effect{ 
	position: absolute; width:100%; height:100%; 
	background: radial-gradient(circle at 50% 50%, #170738ff 50%, #00000050 100%);
	overflow: hidden; 
}
.main_effect .effect {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: screen;
 
}

/* ´ëÈ¸°³¿ä */
.summary_table{position: relative; width:100%; border-top:1px solid #bfa36e; margin-bottom:-1px;}
.summary_table:after{position: absolute; height:2px; bottom:-1px; content:""; width:100%; border-top:1px solid #bfa36e; background:#fff;}
.summary_table th, .summary_table td{height:30px; padding:13px;}
.summary_table th{background:#f5f5f5; font-weight:500; color:#212121; text-align:left; width:20%; min-width:150px;}
.summary_table td{padding-left:20px !important;}

.brand_list{width:46%;}
.brand_list table th, .brand_list table td{border-right:1px solid #ddd; padding:10px !important; text-align:center;}
.brand_list table th:last-child, .brand_list table td:last-child{border-right:0;}
.brand_list table td.a_division{font-weight:500; color:#764805; height:50px;}
.brand_list table td > .t_small{color:#999; font-size:x-small;}
.brand_list table td .brand_logo{display:block; max-height:25px; margin:5px auto;}

.brand_list .brand_num{
	display:inline-block; font-weight:500; background:#998675; width:21px;height:21px; color:#fff; text-align:center; font-size:80%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

/* Á¶»ç°³¿ä */
.research{}
.research .c1{text-align:left;  margin-bottom:30px;}
.research .c1 h1{
	display:inline-block; background:#b8924b; color:#fff; font-size:140%; font-weight:500; padding:5px 20px; margin-bottom:15px; vertical-align:-2px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.research .c2{padding:40px; border-top:1px solid #bfa36e; border-bottom:1px solid #bfa36e;}
.research .c2 .fl{width:50%; padding-right:10px;}
.research .c2 .fr{width:50%; padding-left:10px;}

.research .c3{margin-top:80px;}
.research .c3 span.t1{display:block; text-align:left; line-height:150%;  margin-bottom:10px; l }
.research .c3 h1{display:inline-block; color:#927640; font-size:140%; padding:2px 10px 3px 0px; margin-bottom:10px; font-weight:500;}
.research .btn_event{
	color:#fff; font-size:large; padding:15px 20px; display:inline-block; margin-top:10px; max-width:80%; width:300px;
	background: rgba(150,37,243,1);
	background: -moz-linear-gradient(-45deg, rgba(150,37,243,1) 0%, rgba(214,22,204,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(150,37,243,1)), color-stop(100%, rgba(214,22,204,1)));
	background: -webkit-linear-gradient(-45deg, rgba(150,37,243,1) 0%, rgba(214,22,204,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(150,37,243,1) 0%, rgba(214,22,204,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(150,37,243,1) 0%, rgba(214,22,204,1) 100%);
	background: linear-gradient(135deg, rgba(150,37,243,1) 0%, rgba(214,22,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9625f3', endColorstr='#d616cc', GradientType=1 );
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.research .btn_event:hover{
	background: rgba(214,22,204,1);
	background: -moz-linear-gradient(-45deg, rgba(214,22,204,1) 0%, rgba(150,37,243,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(214,22,204,1)), color-stop(100%, rgba(150,37,243,1)));
	background: -webkit-linear-gradient(-45deg, rgba(214,22,204,1) 0%, rgba(150,37,243,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(214,22,204,1) 0%, rgba(150,37,243,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(214,22,204,1) 0%, rgba(150,37,243,1) 100%);
	background: linear-gradient(135deg, rgba(214,22,204,1) 0%, rgba(150,37,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d616cc', endColorstr='#9625f3', GradientType=1 );
}
.research .research_guide{position: relative; width:100%; border-bottom:1px solid #bfa36e;}
.research .research_guide:after{position: absolute; height:2px; bottom:-1px; content:""; width:100%; border-top:1px solid #bfa36e; background:#fff;}
.research .research_guide th, .research .c3 .research_guide td{height:30px; padding:13px; text-align:center;}
.research .research_guide th{background:#6f685f; font-weight:500; color:#fff; }
.research .research_guide td{border-bottom:1px solid #e1dedb;}
.research .valuation_basis{padding:40px; background:#c7b29a;}
.research .valuation_basis img{display:block; margin:0 auto; max-width:100%;}
.research .valuation_basis span{
	display:block; background:#bba183; margin-top:30px; color:#fff; font-size:90%; padding:10px 20px; line-height:140%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

/* ¼ö»ó±â¾÷ */
.prizecom_list{margin-top:50pt;}
.prizecom_list .title{font-size:140%; font-weight:500; margin-bottom:10pt;}
.prizecom_list .title .year{display:block; font-family:var(--paperlogy); font-size:140%; color:#927640; font-weight:700; margin-bottom:10pt;}
.prizecom_list .title .champion{font-size:110%; color:#927640; font-weight:600;}

.prizecom_list ul{display:flex; flex-wrap: wrap;}
.prizecom_list ul li{width:33.33%; text-align:center; padding:10px;}
.prizecom_list ul li > div{border:1px solid #e2d9c9; padding:20px; width:100%; }
.prizecom_list ul li h3{display: block; color: #999; font-weight: 400; font-size: small; margin-bottom: 5px;}
.prizecom_list ul li h1{
	display:inline-block; background:#5b398d; color:#fff; font-weight:500; padding:5px 10px 5px 10px; line-height:1.2em;  vertical-align:top;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.prizecom_list ul li dl{}
.prizecom_list ul li dt{text-align:center; width:100%; padding:20px 0 10px 0;}
.prizecom_list ul li dt .brand_logo{height:30px; margin:15px 0;}
.prizecom_list ul li dt .brand_logo.big{height: 50px; margin: 5px 0;}
.prizecom_list ul li dt .brand_logo.person{height: 60px; margin: 0;}
.prizecom_list ul li dt .t_small{display:block; font-size:medium; margin-top:5px; color:#333; font-weight:600; font-family:var(--paperlogy);}
.prizecom_list ul li dd{position: relative; display:block; padding-top:0px; font-size:small; color:#999;}
.prizecom_list ul li dd:after{
	content:""; position: absolute; left:50%; top:0; height:1px; width:50px; 
	/* background:#e2d9c9; */ background: rgba(255,255,255,0);
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0%);
	-ms-transform:translate(-50%, 0%);
	-moz-transform:translate(-50%, 0%);
}
.prizecom_list ul li dd.boder_none:after{background: rgba(255,255,255,0);}
.prizecom_list ul.col_4 li{width:25%;}

/* Á¶»çºÎ¹® */

.awardpart{background:#f5f5f5; padding:30px;}
.awardpart .emblem{text-align:center; display:block; margin-bottom:50px;}
.awardpart_list{width:100%;}
.awardpart_list ul{position: relative; display:flex; flex-wrap: wrap; margin-left:-10px;}
.awardpart_list ul:after{content:""; position:absolute; width:1px; height:100%; background:#f5f5f5; lefT:0; top:0;}
.awardpart_list ul li{width:33%; padding:10px; border-left:0px solid #e1dedb; padding-left:3%;}
.awardpart_list ul li .num{
	display:inline-block; background:#5b398d; color:#fff; width:24px; height:24px; text-align:center; padding-top:1px; font-size:small; margin-right:5px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

/* ÁÖÃÖ»ç¼Ò°³ */
.sponsor{display:table;}
.sponsor > div {display:table-cell;}
.sponsor > div.logo{width:300px; max-width:30%; text-align:center; vertical-align:top;}
.sponsor > div.logo > .box{background:#f9f9f9; position: relative; width:100%; padding:70px 0}
.sponsor > div.logo > .box img {margin-top:-50px; max-width:100%;}
.sponsor > div.logo .link{
	position: absolute; left:50%; bottom:20px; padding:5px 15px; background:#bbb !important;
	transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0%);
	-ms-transform:translate(-50%, 0%);
	-moz-transform:translate(-50%, 0%);
}
.sponsor > div.logo .link:hover{background:#999 !important;}
.sponsor > div.txt{padding-left:30px; padding-top:0px; vertical-align:middle;}
.sponsor > div.txt h1{font-size:large; color:#9e0b0f}
.sponsor > div.txt span{display:block; margin-top:10px; line-height:150%;}
.sponsor > div.txt table{position: relative; width:100%; margin-top:30px; border-bottom:1px solid #000; border-top:1px solid #bfa36e;}
.sponsor > div.txt table:after{position: absolute; height:2px; bottom:-1px; content:""; width:100%; border-top:1px solid #bfa36e; background:#fff;}
.sponsor > div.txt table th{background:#6f685f; font-weight:500; color:#fff; font-size:small; text-align:left; padding-left:30px; border-bottom:0 !important;}
.sponsor > div.txt table td{font-size:small; padding-left:30px;}
.sponsor > div.txt table td:first-child{border-right:0px solid #ddd; font-weight:600; color:#615744;}

/* ¼±Á¤±âÁØ */
.selection{}
.selection .box{
    display: grid;
    gap: var(--gap-s);
    grid-template-columns: repeat(3, 1fr);
	border: 1px solid #e2d9c9;
    padding: var(--gap-m); margin-bottom: var(--gap-l);
    border-radius: 30px;
}
.selection .box:last-child{margin-bottom:0;}
.selection .box > div:first-child{ 
	grid-column: 1 / 4;
	text-align:center;
}

.selection .box .num{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.selection .box h1{font-family: var(--paperlogy); font-weight:300; font-size: x-large;}
.selection .box h1 strong{font-family: inherit; font-weight: 700; }
.selection .box h1 .num{font-size:inherit; background:#e2d9c9; font-weight:400; width:40px; height:40px; margin-bottom:20px;}
.selection .box h1 .per{font-size: inherit; vertical-align: 1px; color:#961fb9;}
.selection .box h1 .per:before{content: "|"; font-weight: 200; color: #ccc; padding: 0 10px 0 10px;}
.selection .box h3{margin-top:20px; font-weight:500; color:#555;}
.selection .box dl{ 
	background: #f5f5f5; border-radius: 20px; 
	padding:30px 30px 30px 20px;
}
.selection .box dl dt{font-size: 120%; font-weight: 600; margin-bottom:15px;}
.selection .box dl dt .num{width:20px; height:20px; background:#961fb9; color:#fff; vertical-align: 1px; margin-right: 5px;}
.selection .box dl dd{margin:5px 0 5px 35px;}
.selection .box dl dd:before{content:"-"; position: absolute; margin-left:-10px;}
.selection .box dl dd.nolist{margin-left:25px;}
.selection .box dl dd.nolist:before{display:none;}

/* ÀÌº¥Æ® */
.event .img_box{
	background-color:#4d0b7f; background-image:url(/award/images/event_2019_bg.jpg); background-size:100%; background-repeat:no-repeat; background-position:top center;
	padding:5em 1em 1em 1em; text-align:center;
}
.event .btn{background-color:#17003f; padding:2em; text-align:center;}

/* Footer */
#footer{background-color:rgba(0,0,0,0.7);}
#footer > div{padding:40px 0; display:table;}
#footer .box > div{display:table-cell;}
#footer .logo{vertical-align:middle; width:100px;}
#footer .logo img{max-width:100%;}
#footer .copyright{vertical-align:middle; padding-left:10px; font-size:small; color:rgba(255, 255, 255, 0.3); line-height:150%; word-break:keep-all; word-wrap:break-word;}
#footer .copyright a{display:inline-block; font-size:100%; color:rgba(255, 255, 255, 0.3);}
#footer .copyright a:hover{color:rgba(255, 255, 255, 0.7);}
#footer .copyright span{display:block; font-size:100%; font-weight:300; margin-top:10px;}
#footer .brand_logo{text-align:right; vertical-align:bottom;}
#footer .brand_logo a{display:inline-block; margin-left:20px;}
#footer .brand_logo a:last-child{margin-right:0;}


/* ±âÅ¸ */
.t_small{display:block; font-size:80%; color:#808285; line-height:140%; margin-top:5px;}
.b_shadow{
	width:100%; background:#fff;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
}
.btn_s{
	display:inline-block; background:#534741; color:#fff; font-size:80%; padding:0px 10px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.btn_s:hover{background:#362f2d;}
b.red700{font-weight:700; color:#9e0b0f;}
b.brown700{font-weight:700; color:#47392a;}
b.dark700{font-weight:700; color:#222;}