body{background-color: #f6f6f6;}

.wrap{width:100%;position:relative; line-height:1.6; font-size:1em; }

.unitName{ background:#ffb23a;}

.side-menu {
    position: fixed;
    line-height: 2;
    font-size: 17px;
    max-width: 175px;
}
.side-menu a {
    text-decoration: none;
    color: #444;
}

.side-menu a.is-inview{color:#0a7eda;font-weight: bold;}

.novice-wrap {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
}

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

.mainNav > ul > li:nth-child(5) > a { color:#333; }

}

.novice{ width:100%;max-width:1180px; margin:0 auto; padding-bottom:  100px ; text-align: center; }

 .novice-sort { width:96%; max-width:900px; margin:15px auto 50px;}
 .novice-sort .item{ letter-spacing:-5px; margin-bottom:10px}
	.novice-sort .item > *{ display:inline-block; letter-spacing:1px; vertical-align: middle;}
	.novice-sort .item h3{ font-size:44px; font-weight:bold; color:#ffb23a; text-align:left; width:100%; display:block;}
	.novice-sort .item h3 .icon{}
	.novice-sort .item h3 .icon:before{content"";font-family: 'FontAwesome'; margin-right:.2em;}

	.novice-sort .item h3 .icon-01:before{content:"\f007";}
	.novice-sort .item h3 .icon-02:before{content:"\f013";}
	.novice-sort .item h3 .icon-03:before{content:"\f02d";}

	.novice-sort .item .links { text-align:left; border-left:5px solid #ffb23a; padding-left:1em; min-height:50px;width:100%;  list-style:disc; }
	.novice-sort .item .links li {
    display: inline-block;
    margin: 2px;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    width: 210px;
}
	.novice-sort .item .links li a{ padding:3px 8px; font-size:15px; }
	.novice-sort .item .links li a:before{content:"●"; margin-right:4px; font-size:8px; font-family:"Arial "; position:relative; top:-3px;}
	.novice-sort .item .links li a:hover{ background:#25ced0; color:#FFF; text-decoration:none; border-radius:15px; }

	.novice-proclaim {letter-spacing:-5px; width:96%; max-width:900px; margin:0 auto;  }
	.novice-proclaim .item{text-align:left; display:inline-block; letter-spacing:1px; vertical-align:top; max-width:500px; width:50%; margin-bottom:20px; padding:0 2%;}
	.novice-proclaim .item h3{ font-size:22px; border-bottom:1px solid  #999; color:#17b9bb; font-weight:bold;}

	.novice-proclaim .item h3 .icon:before{content"";font-family: 'FontAwesome'; margin-right:.2em; font-weight:normal;}
	.novice-proclaim .item h3 .icon-01:before{content:"\f059";}
	.novice-proclaim .item h3 .icon-02:before{content:"\f0a1";}

	.novice-proclaim ul{ list-style:disc; padding-left:20px; font-size:15px; margin-top:10px;}
	.novice-proclaim ul li{}
	.novice-proclaim ul li a{}

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

	.novice-sort .item h3{ font-size:34px;}

}

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

	.novice{ text-align:left;}

	.novice-sort .item h3 ,.novice-sort .item .links{ width:96%; margin:0 auto; }
		.novice-sort .item .links {border-left: none; }

			.novice-proclaim .item{ width:100%;}

}