.wd-header-wrapper {
	height: 37px;
	background-color: #f8f8f8;
}

.wd-header-wrapper .wd-header {
	width: 940px;
	margin: 0px auto;
}

.wd-header-wrapper .wd-header a.official-link {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	background-position: -462px -384px;
	height: 20px;
	width: 100px;
	display: inline-block;
	margin: 8px 0px 0px 15px
}

.wd-header-wrapper .wd-header .divider {
	background: url(/resources/Images/main/sub-icon.png) no-repeat;
	height: 12px;
	width: 5px;
	background-position: -37px -59px;
	display: inline-block;
}

.wd-header-wrapper .wd-header .login {
	background: url(/resources/Images/main/sub-icon.png) no-repeat;
	background-position-y: -57px;
	height: 14px;
	width: 37px;
	display: inline-block;
	margin-left: 626px;
}

.wd-header-wrapper .wd-header .login:hover {
	background-position-y: -69px;
}

.wd-header-wrapper .wd-header .register {
	background: url(/resources/Images/main/sub-icon.png) no-repeat;
	background-position-y: -57px;
	background-position-x: -50px;
	height: 14px;
	width: 40px;
	display: inline-block;
	margin-left: 7px;
}

.wd-header-wrapper .wd-header .register:hover {
	background-position-y: -69px;
}

.wd-header-wrapper .wd-header .logout {
	background: url(/resources/Images/main/sub-icon.png) no-repeat;
	background-position-y: -56px;
	background-position-x: -105px;
	height: 14px;
	width: 47px;
	display: inline-block;
	margin-left: 610px;
}

.wd-header-wrapper .wd-header .logout:hover {
	background-position-y: -69px;
}

.wd-header-wrapper .wd-header .my {
	background: url(/resources/Images/main/sub-icon.png) no-repeat;
	display: inline-block;
	background-position-y: -56px;
	background-position-x: -166px;
	height: 14px;
	width: 52px;
	margin-left: 7px;
}

.wd-header-wrapper .wd-header .my:hover {
	background-position-y: -69px;
}

.wd-search-wrapper {
	height: 90px;
	background-color: #ffffff;
}

.wd-search-wrapper .wd-search {
	width: 940px;
	margin: 0px auto;
	position: relative;
}

.wd-search-wrapper .logo {
	position: absolute;
	top: 17px;
	left: 15px;
	z-index: 100;
}

.wd-search-wrapper .search-window {
	position: absolute;
	top: 35px;
	left: 595px;
}

.wd-search-wrapper .search-input {
	border: 6px solid #00af84;
	height: 27px;
	width: 322px;
	padding-left: 5px;
	font-size: 14px;
	z-index: 100;
	font-weight: 500;
}

.wd-search-wrapper .search-input:focus {
	border: 6px solid #00af84 !important;
}

.wd-search-wrapper .link {
	position: absolute;
	top: 1px;
	left: 303px;
}

.wd-menu-wrapper {
	height: 80px;
	background-color: #f8f8f8;
	position: relative;
}

.wd-submenu-wrapper {
	position: absolute;
	top: 44px;
	width: 100%;
	height: 36px;
	background-color: #00af84;
	z-index: 5;
}

.wd-menu {
	width: 940px;
	height: 130px;
	margin: 0 auto;
	position: relative;
}

.wd-menu .navi {
	position: absolute;
	height: 30px;
	top: 9px;
	text-align: center;
	padding-right: 250px;
}

.header .navi li {
	float: left;
	margin: 5px;
	height: 15px;
}

.wd-menu .navi .project {
	width: 138px;
	display: inline-block;
	border-right: 2px solid #d0d0d0;
}

.wd-menu .navi .school {
	width: 178px;
	display: inline-block;
	border-right: 2px solid #d0d0d0;
}

.wd-menu .navi .story {
	width: 173px;
	display: inline-block;
	border-right: 2px solid #d0d0d0;
}

.wd-menu .navi .honer {
	width: 173px;
	display: inline-block;
}

.wd-menu .navi span {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	height: 23px;
	width: 86px;
	display: inline-block;
}

.wd-menu .navi span:hover {
	background-position-y: -52px;
}

.wd-menu .navi .sub-menu {
	position: absolute;
	top: 46px;
	left: 25px;
	display: none;
	z-index: 100;
	text-align: left;
}

.wd-menu .navi .sub-menu li {
	display: inline-block;
}

.wd-menu .navi .sub-menu span {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	height: 15px;
	width: 50px;
	display: inline-block;
	background-position-y: -82px;
	margin-right: 17px;
}

.wd-menu .navi .sub-menu span:hover {
	background-position-y: -103px
}

.wd-menu .navi .sub-menu .school-sub {
	background-position-y: -123px;
}

.wd-menu .navi .sub-menu .school-sub:hover {
	background-position-y: -144px;
}

.wd-menu .navi .sub-menu .story-sub {
	background-position-y: -163px;
}

.wd-menu .navi .sub-menu .story-sub:hover {
	background-position-y: -184px;
}

.wd-menu .navi .sub-menu .wadiz-friday-sub {
	background: url(/resources/Images/main/wadiz-friday.png) no-repeat;
	height: 15px;
	width: 103px;
	display: inline-block;
	margin-right: 17px;
	background-position-y: -2px;
}

.wd-menu .navi .sub-menu .wadiz-friday-sub:hover {
	background-position-y: -23px;
}

.wd-menu .rt-pop-ph {
	height: 16px;
	width: 193px;
	position: absolute;
	z-index: 90;
	top: 44px;
	right: 5px;
	margin-top: 13px;
	overflow: hidden;
}

.wd-menu .rt-pop-wrapper {
	width: 193px;
	border: 3px solid #005c97;
	position: absolute;
	z-index: 100;
	top: 44px;
	right: 5px;
	background-color: #fff;
	display: none;
	padding-bottom: 8px;
}

.wd-menu  .title {
	font-size: 12px;
	text-align: center;
	border-bottom: 2px solid #d6d6d6;
	padding: 11px 0px 8px 0px;
	font-weight: 500;
	margin-bottom: 10px;
}

.wd-menu .title .current {
	
}

.wd-menu  .item {
	
}

.wd-menu  .item .number {
	height: 14px;
	display: inline-block;
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	width: 10px;
	background-position-y: -211px;
	margin: 1px 6px 1px 8px;
}

.wd-menu  .item .highlight {
	width: 14px;
	background-position-x: -12px;
}

.wd-menu  .item .text {
	height: 12px;
	width: 124px;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	overflow: hidden;
}

.wd-menu  .item .text:hover {
	text-decoration: underline;
}

.wd-menu  .item .highlight {
	color: #ffffff;
}

.wd-menu  .item .status {
	height: 14px;
	display: inline-block;
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	width: 18px;
	background-position-y: -211px;
	background-position-x: -600px;
	margin: 1px 8px;
}

.wd-menu  .item .new {
	background-position-x: -483px;
}

.wd-menu  .item .up {
	background-position-x: -465px;
	width: 8px;
	margin: 1px 13px;
}

.wd-menu  .item .down {
	background-position-x: -454px;
	width: 8px;
	margin: 1px 13px;
}

.wd-content-wrapper {
	height: 100%;
	background-color: #e3eae8;
}

.wd-content {
	width: 940px;
	margin: 0px auto;
}

.wd-content p.learning {
	font-size: 18px;
	color: #514D48;
	font-weight: 500;
	line-height: 30px;
	margin-left: 40px;
}

.wd-content p.learning-center {
	font-size: 16px;
	color: #514D48;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}

.wd-content .steps {
	display: inline-block;
	margin: 30px 45px;
	width: 300px;
	vertical-align: top;
}

.wd-content .steps .img {
	width: 298px;
	height: 177px;
	background-size: cover;
}

.wd-content .steps .subject {
	font-size: 19px;
	color: #514D48;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	margin-top: 10px;
}

.wd-content .works {
	display: inline-block;
	margin: 30px 20px;
	width: 410px;
	vertical-align: top;
	text-align: center;
}

.wd-content .works a {
	color: #00af84;
	text-decoration: underline;
}

.wd-content .works .subject {
	font-size: 22px;
	color: #514D48;
	font-weight: 500;
	line-height: 24px;
	margin-top: 10px;
}

.wd-content .works .text {
	font-size: 14px;
	color: #514D48;
	line-height: 22px;
	margin-top: 10px;
}

.wd-content .works .img {
	width: 120px;
	height: 100px;
	background-size: cover;
	margin: 0px auto 20px auto;
	background-position: center;
}

.wd-content .arrow-right {
	background: url(/resources/Images/learning/arrow-right.png) no-repeat
		center;
	background-size: cover;
	height: 39px;
	width: 40px;
	display: inline-block;
	vertical-align: top;
	margin-top: 110px;
}

.wd-content .learning-goto {
	margin: 14px auto;
	color: #00af84;
	font-size: 17px;
	padding: 8px;
	border: 4px solid #00af84;
	width: 150px;
	text-align: center;
	font-weight: 500;
	border-radius: 3px;
	display: block;
}

.wd-content .learning-goto:hover {
	background-color: #00af84;
	color: #fff;
}

.wd-content .learning-goto2 {
	margin: 14px auto;
	background-color: #00af84;
	color: #fff;
	font-size: 17px;
	padding: 8px;
	border: 4px solid #00af84;
	width: 150px;
	text-align: center;
	font-weight: 500;
	border-radius: 3px;
	display: block;
}

.wd-content .learning-goto2:hover {
	background-color: #e96b23;
	border: 4px solid #e96b23;
}

.wd-content-wrapper .wd-content-left {
	width: 706px;
	margin: 15px 6px;
	display: inline-block;
}

.wd-content-wrapper .main-banner {
	height: 225px;
}

.wd-content-wrapper .con-project-ph {
	height: 200px;
	margin-top: 24px;
	overflow: hidden;
	position: relative;
}

.wd-content-wrapper .con-project-ph .navigate {
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #d9d9de;
	margin-right: 10px;
	width: 20px;
	margin-top: 17px;
}

.wd-content-wrapper .con-project-ph .navigate li {
	font-size: 13px;
	font-weight: 500;
	text-align: left;
	height: 23px;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
}

.wd-content-wrapper .con-project-ph .navigate li.selected {
	border-right: 3px solid #00af84;
	text-decoration: underline;
	color: #00af84;
}

.wd-content-wrapper .con-project-ph .navigate li:hover {
	border-right: 3px solid #00af84;
	text-decoration: underline;
	color: #00af84;
}

.wd-content-wrapper .con-project-ph .navigate-panel {
	display: inline-block;
	position: absolute;
	top: 34px;
}

.wd-content-wrapper .con-project-ph .con-project-title {
	z-index: 5;
	position: relative;
	background: #e3eae8;
}

.con-project-item {
	height: 200px;
}

.con-project-item .image-box {
	height: 164px;
	width: 226px;
	display: inline-block;
}

.con-project-item .text-box {
	display: inline-block;
	width: 410px;
	margin-left: 25px;
	vertical-align: top;
}

.con-project-item .title {
	font-size: 14px;
	margin-bottom: 8px;
}

.con-project-item .host {
	color: #828587;
	display: inline-block;
	margin-right: 12px;
}

.con-project-item .message {
	color: #828587;
	font-size: 13px;
	line-height: 19px;
	margin-top: 13px;
	height: 38px;
	overflow: hidden;
}

.con-project-item .category {
	display: inline-block;
}

.con-project-item .category li {
	display: inline;
	color: #828587;
	background: url(/resources/Images/icons.png) no-repeat;
	padding-left: 14px;
	background-position: left -71px;
}

.con-project-item .guage {
	width: 400px;
	height: 8px;
	background-color: #eaeaea;
	border-radius: 4px;
	margin: 5px 0px;
}

.con-project-item .guage-backed {
	z-index: 100;
	height: 8px;
	background-color: #00af84;
	border-radius: 4px;
	margin: 5px 0px;
}

.con-project-item .project-stat {
	
}

.con-project-item .project-stat li {
	display: inline-block;
	margin-right: 20px;
}

.project-stat .block {
	display: block;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 5px;
}

.project-stat .grey-dark {
	color: #828587;
}

.wd-content-wrapper .pop-project-ph {
	margin-top: 20px;
}

.wd-content-wrapper .pop-project-ph .pop-project-title {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	background-position-y: -455px;
	height: 17px;
	width: 100px;
	margin-bottom: 14px;
}

.wd-content-wrapper .pop-project-ph .pop-project {
	height: 284px;
	width: 226px;
	display: inline-block;
	position: relative;
	background-color: #fff;
	margin: 5px;
	font-weight: 500;
	vertical-align: top;
}

.wd-content-wrapper .pop-project-ph .pop-project .match-project {
	display: inline-block;
	height: 42px;
	width: 226px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-align: center;
	line-height: 19px;
	font-size: 13px;
	padding-top: 122px;
}

.wd-content-wrapper .pop-project-ph .pop-project .match-project:hover {
	text-decoration: underline;
}

.wd-content-wrapper .pop-project-ph .pop-project .img {
	height: 164px;
	width: 226px;
}

.wd-content-wrapper .pop-project-ph .pop-project .title {
	width: 204px;
	position: absolute;
	font-size: 13px;
	left: 13px;
	top: 175px;
}

.wd-content-wrapper .pop-project-ph .pop-project .title:hover {
	text-decoration: underline;
}

.wd-content-wrapper .pop-project-ph .pop-project .amount {
	position: absolute;
	font-size: 13px;
	width: 110px;
	left: 16px;
	top: 221px;
}

.wd-content-wrapper .pop-project-ph .pop-project .guage {
	position: absolute;
	width: 204px;
	height: 13px;
	left: 11px;
	top: 239px;
	background-color: #eaeaea;
}

.wd-content-wrapper .pop-project-ph .pop-project .guage-backed {
	z-index: 100;
	height: 13px;
	background-color: #005c97;
}

.wd-content-wrapper .pop-project-ph .pop-project .rate {
	position: absolute;
	font-size: 11px;
	width: 50px;
	left: 16px;
	top: 258px;
}

.wd-content-wrapper .pop-project-ph .pop-project .days {
	position: absolute;
	font-size: 11px;
	width: 50px;
	right: 12px;
	top: 258px;
	text-align: right;
}

.wd-content-wrapper .content-ph {
	margin-top: 28px;
	text-align: left;
	height: 212px;
}

.wd-content-wrapper .content-ph .title-area {
	height: 1px;
	background-color: #eaeaea;
	position: relative;
	margin-bottom: 30px;
	vertical-align: bottom;
}

.wd-content-wrapper .content-ph .title-area .link-holder {
	position: absolute;
	top: 10px;
	left: 150px;
}

.wd-content-wrapper .content-ph .title-area .link-holder .goto-link {
	margin-right: 10px;
}

.wd-content-wrapper .content-ph .title-area .link-holder .goto-link:hover
	{
	text-decoration: underline;
}

.wd-content-wrapper .content-ph .title-area .title {
	width: 120px;
	height: 16px;
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	background-position-y: -472px;
	position: absolute;
	top: 8px;
	left: 13px;
}

.wd-content-wrapper .content-ph .title-area .goto {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	display: inline-block;
	height: 15px;
	width: 41px;
	background-position: -567px -450px;
	position: absolute;
	top: 8px;
	right: 13px;
}

.wd-content-wrapper .content-ph .withimg {
	height: 164px;
	width: 156px;
	margin: 11px 6px 0px 6px;
	display: inline-block;
	vertical-align: top;
}

.wd-content-wrapper .content-ph .withimg .img {
	width: 156px;
	height: 111px;
	background-size: cover;
}

.wd-content-wrapper .content-ph .withimg .title {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	margin-top: 11px;
	text-align: left;
}

.wd-content-wrapper .content-ph .withimg .title:hover {
	text-decoration: underline;
}

.wd-content-wrapper .content-ph .text-ph {
	width: 304px;
	height: 116px;
	display: inline-block;
	margin: 0px 6px;
	vertical-align: top;
	text-align: left;
	line-height: 20px;
	padding: 24px 12px;
}

.wd-content-wrapper .content-ph .text {
	font-size: 12px;
	font-weight: 500;
	height: 23px;
	overflow: hidden;
}

.wd-content-wrapper .content-ph .text:hover {
	text-decoration: underline;
}

.wd-content-wrapper .wd-content-right {
	width: 198px;
	display: inline-block;
	vertical-align: top;
	margin: 15px 5px;
}

.wd-content-wrapper .wd-content-right .profile-box {
	width: 189px;
	min-height: 85px;
	border: 4px solid #00af84;
	margin-top: 12px;
}

.profile-box .top {
	margin: 11px 15px 7px 15px;
}

.profile-box .top .profile-img {
	height: 38px;
	width: 38px;
	border-radius: 19px;
	display: inline-block;
}

.profile-box .top .profile-name {
	display: inline-block;
	width: 56px;
	margin-left: 5px;
	font-weight: 500;
	vertical-align: top;
	margin-top: 4px;
}

.profile-box .top .logout {
	width: 49px;
	height: 14px;
	background-color: #005c97;
	display: inline-block;
	color: #fff;
	font-size: 8px;
	text-align: center;
	line-height: 14px;
	font-weight: 500;
	margin-top: 5px;
}

.profile-box .bottom {
	text-align: center;
}

.profile-box .bottom .text {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	text-align: center;
	width: 60px;
	vertical-align: top;
	margin-top: 1px;
}

.profile-box .bottom .text:hover {
	text-decoration: underline
}

.wd-content-wrapper .wd-content-right .login-btn {
	width: 198px;
	height: 45px;
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	background-position: -50px -208px;
	margin-top: 12px;
}

.wd-content-wrapper .wd-content-right .login-btn:hover {
	background-position: -50px -255px;
}

.wd-content-wrapper .wd-content-right .prj-btn {
	width: 106px;
	height: 45px;
	background: url(/resources/Images/main/start-btn.png) no-repeat;
	background-position-x: -90px;
	display: inline-block;
	margin-top: 2px;
}

.wd-content-wrapper .wd-content-right .prj-btn:hover {
	background-position-y: -47px;
}

.wd-content-wrapper .wd-content-right .life-btn {
	width: 86px;
	height: 45px;
	display: inline-block;
	background: url(/resources/Images/main/start-btn.png) no-repeat;
	margin-top: 2px;
}

.wd-content-wrapper .wd-content-right .life-btn:hover {
	background-position-y: -47px;
}

.wd-content-wrapper .wd-content-right .ranking {
	background-color: #fff;
	border-radius: 3px;
	margin-top: 12px;
	padding-bottom: 10px;
	margin-bottom: 12px;
}

.wd-content-wrapper .wd-content-right .ranking .title {
	margin-bottom: 22px;
}

.wd-content-wrapper .wd-content-right .ranking .medal {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	display: inline-block;
	height: 28px;
	width: 22px;
	background-position: -517px -210px;
	margin: 12px 0px 0px 8px;
}

.wd-content-wrapper .wd-content-right .ranking .text {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	display: inline-block;
	height: 15px;
	width: 91px;
	background-position: -465px -437px;
}

.wd-content-wrapper .wd-content-right .ranking .seeall {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	display: inline-block;
	height: 14px;
	width: 47px;
	background-position: -569px -439px;
	margin-left: 8px;
	display: none;
}

.wd-content-wrapper .wd-content-right .ranking-item {
	margin: 0px 0px 10px 11px;
	width: 177px;
	height: 15px;
	overflow: hidden;
}

.wd-content-wrapper .wd-content-right .ranking-item a:hover {
	text-decoration: underline;
}

.wd-content-wrapper .wd-content-right .number {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	display: inline-block;
	height: 12px;
	width: 19px;
	background-position-x: -26px;
	background-position-y: -207px;
	margin-left: 8px;
}

.wd-content-wrapper .wd-content-right .name {
	vertical-align: top;
	font-weight: 500;
}

.wd-content-wrapper .wd-content-right .goto {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	display: inline-block;
	height: 64px;
	width: 93px;
	background-position-x: -48px;
	background-position-y: -311px;
	margin-bottom: 10px;
}

.wd-content-wrapper .wd-content-right .goto:hover {
	background-position-y: -379px;
}

.wd-content-wrapper .wd-content-right .sns {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	display: inline-block;
	height: 36px;
	width: 36px;
	background-position-x: -465px;
	background-position-y: -338px;
	margin: 6px;
}

.new-banner {
	z-index: -4;
	display: block;
	height: 225px;
	margin-left: auto;
	margin-right: auto;
}

.new-banner .text-area {
	height: 67px;
	position: absolute;
	top: 56px;
	z-index: 3;
	color: #fff;
	margin: 0 auto;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	line-height: 16px;
}

.new-banner .text-area .text-align {
	width: 704px;
	margin: 0px auto;
	position: relative;
	padding-left: 100px;
}

.new-banner .text-area .text-align .text {
	background: url(/resources/Images/main/new/banner-text-small.png) top
		left;
	height: 17px;
	width: 218px;
	position: absolute;
	top: 12px;
}

.new-banner .text-area .text-align .targetmessage {
	border: 4px solid #00af84;
	height: 16px;
	font-size: 15px;
	font-weight: 500;
	padding: 1px 5px;
	display: inline-block;
}

.new-banner .text-area .text-align .status {
	position: absolute;
	top: 98px;
	right: 215px;
}

.new-banner .text-area .text-align .toproject-btn {
	width: 76px;
	height: 21px;
	text-align: center;
	position: absolute;
	top: 130px;
	right: 124px;
	background: url(/resources/Images/main/new/banner-text-small.png) top
		left;
	background-position-x: -91px;
	background-position-y: -19px;
}

.new-banner .text-area .text-align .toproject-btn:hover {
	background-position-y: -42px;
}

.status-number {
	display: inline-block;
	background: url(/resources/Images/main/new/banner-text-small.png) top
		center no-repeat;
	height: 54px;
	width: 35px;
	background-position-y: -3px;
	background-position-x: 0px;
}

.school-ph {
	margin: 20px 0px;
}

.school-ph .header {
	position: relative;
	height: 28px;
}

.school-ph .header .logo {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	background-position: -462px -384px;
	height: 20px;
	width: 100px;
	position: absolute;
	top: 4px;
	left: 2px;
}

.school-ph .header .gotoschool {
	background: url(/resources/Images/main/main-icon-150114.png) no-repeat;
	display: inline-block;
	height: 13px;
	width: 48px;
	background-position: -567px -439px;
	position: absolute;
	top: 10px;
	right: 2px;
}

.school-ph .header .afreeca-logo {
	background: url(/resources/Images/afreeca/afreeca-logo.png) no-repeat;
	background-position-y: -111px;
	height: 20px;
	width: 100px;
	position: absolute;
	top: 4px;
	left: 2px;
	padding-left: 90px;
}

.school-ph .school-item {
	margin: 5px auto;
	padding: 9px 15px;
	width: 173px;
	line-height: 16px;
	background-color: #ffffff;
	border-radius: 5px;
}

.school-ph .school-item .date {
	
}

.school-ph .school-item .day {
	font-size: 14px;
	color: #01588f;
	font-weight: 500;
}

.school-ph .school-item .time {
	
}

.school-ph .school-item .title {
	font-size: 12px;
	font-weight: 500;
}

.school-ph .school-item .img {
	height: 100px;
	width: 172px;
	margin-bottom: 8px;
}

.school-ph .school-item .title:hover {
	text-decoration: underline;
}

.school-ph .school-item .venue {
	
}

.basic-bg {
	height: 100%;
	background-color: #f8f8f8;
	padding-top: 130px;
}

.basic-bg .container {
	width: 940px;
	margin: 0px auto;
	background-color: #fff;
	padding: 20px 0 14px;
}

.basic-bg .container .leftpane {
	width: 756px;
	border-right: 1px solid #dddddd;
	display: inline-block;
	min-height: 400px;
}

.basic-bg .container .leftpane .top-desc {
	color: #7c8288;
	line-height: 1.71;
	font-weight: 500;
	font-size: 14px;
}

.basic-bg .container .leftpane .top-desc em {
	color: #e54545;
}

.basic-bg .container .rightpane {
	width: 214px;
	vertical-align: top;
	display: inline-block;
	margin-top: 30px;
}

.basic-bg .container .menu li {
	display: inline-block;
	margin-right: -4px;
}

.basic-bg .container .menu .menu-btn {
	border-left: 1px solid #d9d9de;
	border-top: 1px solid #d9d9de;
	border-bottom: 1px solid #d9d9de;
	font-size: 16px;
	width: 120px;
	display: inline-block;
	text-align: center;
	padding: 12px 0px;
	background-color: #fff;
	font-weight: 500;
	vertical-align: top;
}

.basic-bg .container .menu .menu-btn:hover {
	background-color: #F6F9F9;
}

.howto-item {
	padding: 7px;
}

.banner-item.guide-banner {
	margin-bottom: 34px;
}

.banner-item .banner-img {
	margin-bottom: 6px;
}

.banner-item .banner-text {
	font-size: 12px;
	line-height: 1.38;
	color: rgba(0, 0, 0, 0.54);
}

.howto-item .text-block {
	display: inline-block;
	vertical-align: top;
	width: 164px;
	margin-left: 6px;
}

.howto-item .title {
	line-height: 18px;
	margin-bottom: 4px;
	font-weight: 700;
}

.howto-item .title.link {
	display: block;
	color: #00b28f;
	text-decoration: underline;
}

.howto-item .text {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54);
}

.howto-item .text.link {
	color: #00b28f;
	text-decoration: underline;
}

.howto-item ul.text li {
	margin-bottom: 4px;
}

.howto-item ul.text li.style-list {
	list-style: disc;
	margin-left: 20px;
}

#step1 .rightpane {
	margin-top: 28px;
}

#step1 .howto-item {
	padding: 0;
}

#step1 .howto-item .text-block {
	width: auto;
	margin: 0;
}

#step1 .container .leftpane {
	width: 742px;
}

#stepComing .leftpane {
	width: 734px;
}

.w-field-section {
	margin: 32px 0px;
}

.w-field-section .title-box {
	display: inline-block;
	width: 220px;
	vertical-align: top;
	padding-left: 30px;
}

.w-field-section .title-box .title {
	color: #111111;
	font-weight: 800;
	font-size: 14px;
	line-height: 24px;
}

.w-field-section .title-box .desc {
	font-size: 14px;
	line-height: 19px;
	color: #555555;
}

.w-field-section .title-box .desc a {
	color:#00b28f;
	text-decoration:underline
}

.w-field-section .title-box ul.desc li {
	font-size: 14px;
	list-style: disc;
	margin-left: 20px;
}

.w-field-section .edit-box {
	display: inline-block;
	vertical-align: top;
	margin-left: 60px;
	width: 667px;
	background-color: #f8f8f8;
	border: 1px solid #dddddd;
}

.w-field-section .edit-box::after {
	display: block;
	clear: both;
	content: '';
}

.w-field-section .edit-box.type-padded {
	padding: 0 10px;
}

.w-field-section .edit-box .biztitle {
	font-size: 14px;
	width: 58px;
	display: inline-block;
	text-align: right;
	margin: 0px 6px;
	font-weight: 500;
}

.w-field-section .edit-box .tail {
	color: #6a6a6a;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
}

.w-field-section .edit-box .tailLight {
	color: #6a6a6a;
	font-size: 12px;
	line-height: 20px;
}

.w-field-section .edit-box .text-input {
	height: 30px;
	width: 460px;
	font-size: 16px;
	padding-left: 10px;
	margin-left: 20px;
	color: #2a2a2a;
	border: 2px solid #dddddd;
	margin: 14px 20px;
}

.w-field-section .edit-box .text-input:focus {
	border: 2px solid #00af84;
}

.w-field-section .edit-box textarea.text-input {
	height: 100px;
}

.w-field-section .edit-box .image-box {
	border: 1px dashed #dddddd;
	width: 100%;
	height: 248px;
	cursor: pointer;
	background-color: #fff;
	background-size:cover
}
.w-field-section .edit-box .image-box ul{width:200px;margin:0 auto;text-align:left;}
.w-field-section .edit-box .image-box ul li{list-style-type:disc;margin-left:20px;font-size:14px;line-height:25px;}
.w-field-section .edit-box .image-box .default-background{display:none}
.w-field-section .edit-box .image-box .default-project-card{display:none;width:100%;height:100%;background-size:cover;}

.w-field-section .edit-box .school-lecture-wrap {
	margin: 0 12px;
	margin-bottom: 9px;
    border: solid 1px #c8c8c8;
    background: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
}

.w-field-section .edit-box .school-lecture-wrap .school-lecture-top {
	padding-left:9px;
	padding-bottom:9px;
	border-bottom:solid 1px #c8c8c8;
}

.w-field-section .edit-box .school-lecture-wrap .school-lecture-top span {
	padding-right: 50px;
}

.w-field-section .edit-box .school-lecture-wrap .school-lecture-bottom label {
	padding-top:7px;
	padding-left:9px;
	font-size:13px;
	line-height: 24px;
}

.w-field-section .edit-box .school-lecture-wrap .school-lecture-bottom input {
	margin-right:3px;
}

.w-field-section .edit-box .school-lecture-wrap .school-lecture-bottom span {
	padding-left:10px;
}

.w-field-section .edit-box .school-lecture-wrap .school-lecture-bottom span.name {
	display: inline-block;
	width: 187px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 7px;
}

.w-field-section .edit-box .school-lecture-wrap .school-lecture-bottom span.place {
	display: inline-block;
	width: 110px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 7px;
}

#storyform .w-field-section.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.edit-box .inner-box {
	padding: 15px 10px;
}

.edit-box .inner-box.type-half {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding-right: 10px;
	padding-left: 10px;
}

.edit-box .inner-box.type-stack {
	width: 100%;
}

.edit-box .inner-box.type-stack + .inner-box.type-stack {
	border-top: 1px solid #dfdfdf;
}

.edit-box .message-box .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	color: #44484b;
	margin-top: 4px;
	margin-bottom: 12px;
}

.edit-box .message-box .list {
	padding-left: 12px;
	margin-bottom: 8px;
}

.edit-box .message-box .list li {
	position: relative;
	line-height: 1.5;
}

.edit-box .message-box .list li::before {
	content: '*';
	margin-right: 4px;
	position: absolute;
	right: 100%;
}

.edit-box .message-box .list.small li::before {
	content: '';
	margin-right: 5px;
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -1px;
	width: 2px;
	height: 2px;
	background: #666;
}

.edit-box .campaign-member {
	padding-left: 20px;
	padding-bottom: 10px;
	overflow: hidden;
}

.edit-box .campaign-member ui {
	margin-top: 10px;
}

.edit-box .campaign-member ul li {
	float: left;
	margin-right: 10px;
}

.edit-box .campaign-member .box-add {
	padding-left: 2px;
	background-position: left top;
}

.edit-box .campaign-member .box-add span {
	position: relative;
	display: block;
	padding: 0 25px 0 5px;
	color: #00af84;
	line-height: 21px;
	background-position: right -20px;
	height: 20px;
	border: 1px solid #dddddd;
	background-color: #fff;
}

.edit-box .campaign-member .box-add a {
	display: block;
	position: absolute;
	right: 6px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: url(/resources/Images/icons.png) no-repeat -152px top;
}

.title-edit {
	font-weight: 500;
	font-size: 30px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 16px;
	color: #2a2a2a;
	word-spacing: 0.05em;
}

.title-edit .edit-btn {
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	color: #6a6a6a;
}

.title-edit em {
	width: 20px;
	height: 18px;
	background: url(/resources/Images/my/dash_icon.png) no-repeat;
	background-position-y: -4px;
	display: inline-block;
	margin-right: 4px;
}

.title-desc {
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	color: #6a6a6a;
	text-align: center;
}

.default-background {
	margin: 15px 92px;
	text-align: center;
}

.default-img {
	background: url(/resources/static/img/sub/img_regist_cardimg.png) no-repeat;
	background-size: cover;
	width: 204px;
	height: 132px;
	margin: 0 auto 12px;
}

.w-campaign-header {
	border-bottom: 1px solid #dddddd;
	padding: 24px 10px 20px 10px;
}

.w-campaign-header .summary {
	text-align: center;
	margin: 24px auto 0px auto;
}

.w-campaign-header .summary .title-text {
	font-weight: 500;
	color: #fff;
	font-size: 28px;
	line-height: 40px;
	margin: 0px 4px 40px auto;
	display: inline-block;
}

.w-campaign-header input.title {
	height: 44px;
	width: 300px;
	font-size: 20px;
	padding-left: 20px;
	color: #2a2a2a;
	border: 2px solid #dddddd;
	margin-right: 10px;
}

.w-campaign-header .amount-holder {
	padding: 0px 20px;
	height: 44px;
	width: 250px;
	font-size: 20px;
	color: #2a2a2a;
	border: 2px solid #dddddd;
	display: inline-block;
	margin-right: 10px;
	background-color: #fff;
}

.w-campaign-header input.amount {
	height: 40px;
	font-size: 20px;
	border: none;
	width: 166px;
}

.personal-start-btn {
	width: 147px;
	height: 44px;
	background-color: #00af84;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 44px;
}

.personal-start-btn:hover {
	background-color: #f5993f;
}

.width-anchor {
	width: 964px;
	margin: 0px auto;
}

.width-anchor .title {
	color: #00af84;
	font-weight: 500;
	font-size: 20px;
	margin: 10px 0px 20px 0px;
}

.p-location {
	background: url(/resources/Images/icons.png) no-repeat;
	background-position: left -69px;
	padding-left: 20px;
	font-size: 14px;
	margin-bottom: 4px;
}

.p-cause {
	background: url(/resources/Images/icons.png) no-repeat;
	background-position: left -84px;
	padding-left: 20px;
	font-size: 14px;
}

.p-campaign-img {
	display: inline-block;
	padding: 14px;
	background-color: #fff;
	border: 1px solid #d2d2d2;
}

.p-profile-img {
	display: inline-block;
	width: 70px;
	height: 70px;
	overflow: hidden;
	border: 1px solid #d6d7d8;
	border-radius: 100px;
}

.p-profile-info {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	font-size: 14px;
}

.p-profile-info .who {
	color: #a8a8a8;
	margin-bottom: 6px;
}

.p-profile-info .name {
	font-weight: 500;
	margin-bottom: 6px;
}

.p-profile-info .email {
	margin-bottom: 5px;
	padding-left: 24px;
	font-size: 11px;
	background: url(/resources/Images/icons.png) no-repeat;
	background-position: left -116px;
}

.p-profile-info .phone {
	margin-bottom: 6px;
	padding-left: 24px;
	font-size: 11px;
	background: url(/resources/Images/icon_call.png) no-repeat;
}

.p-recipient {
	display: inline-block;
	width: 68px;
	height: 68px;
	overflow: hidden;
	border: 2px solid #00af84;
	border-radius: 100px;
	margin-left: 20px;
	line-height: 67px;
	text-align: center;
	color: #00af84;
	font-weight: 500;
}

.p-friend-holder {
	display: inline-block;
	border: 1px solid #00af84;
	width: 500px;
	height: 100px;
}

.left-anchor {
	display: inline-block;
}

.p-story {
	background-color: #fff;
	padding: 14px;
	border: 1px solid #d2d2d2;
	width: 662px;
	vertical-align: top;
}

.p-story .details {
	width: 632px;
	font-size: 15px;
	line-height: 1.6;
	width: 632px;
}

.p-story .details h1 {
	font-size: 2em;
	line-height: 1.2;
	margin-bottom: 20px;
	word-spacing: 0.05em;
}

.p-story .details h2 {
	font-size: 1.5em;
	line-height: 1.3;
	margin-bottom: 20px;
	word-spacing: 0.05em;
}

.p-story .details h3 {
	font-size: 1.17em;
	line-height: 1.5;
	margin-bottom: 20px;
	word-spacing: 0.05em;
}

.p-story .details p {
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 20px;
	word-spacing: 0.05em;
}

.p-backing {
	background-color: #fff;
	padding: 14px;
	border: 1px solid #d2d2d2;
	width: 282px;
	display: inline-block;
	vertical-align: top;
	margin-left: 12px;
}

.p-backing-item {
	border-top: 1px solid #dddddd;
	padding: 16px 0px;
}

.p-backing .amount {
	margin-bottom: 6px;
}

.p-backing .prettydate {
	color: #a8a8a8;
	font-size: 12px;
}

.p-backing .p-profile-img {
	display: inline-block;
	overflow: hidden;
	border: 1px solid #d6d7d8;
	border-radius: 100px;
	width: 58px;
	height: 58px;
	float: right;
	margin-right: 10px;
}

.p-support-btn {
	display: block;
	width: 262px;
	height: 48px;
	margin-top: 13px;
	cursor: pointer;
	background: url(/resources/Images/details/btn-backing-new.png)
		no-repeat;
	background-position-y: -158px;
	margin-bottom: 11px;
}

.p-support-btn:hover {
	background-position-y: -208px;
}

.p-show-link {
	cursor: pointer;
	margin-left: 10px;
	font-size: 14px;
	color: #00af84;
	text-decoration: underline;
}

.p-banner {
	height: 300px;
	margin: 0px auto;
	background: url(/resources/Images/life/life-banner.png) no-repeat center;
}

.p-banner .text {
	color: #fff;
	font-size: 16px;
	word-spacing: 0.05em;
	margin-bottom: 4px;
	margin-left: 30px;
}

.p-exp-box {
	margin: 0px 196px 41px 196px;
}

.p-exp-box .icon {
	background: url(/resources/Images/life/personal.png) no-repeat;
	height: 110px;
	width: 100px;
	display: inline-block;
	background-size: 80px;
}

.p-exp-box .text-box {
	display: inline-block;
	width: 430px;
	vertical-align: top;
	margin-left: 9px;
}

.p-exp-box .title {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 10px;
	word-spacing: 0.05em;
}

.p-exp-box .exp {
	font-size: 18px;
	line-height: 24px;
	word-spacing: 0.05em;
}

.connection-container .text {
	display: inline-block;
	font-size: 13px;
}

.connection-container .connection-img {
	height: 42px;
	width: 42px;
	border-radius: 25px;
	border: 1px solid #d6d7d8;
	display: inline-block;
	vertical-align: top;
}

.connection-container .friend-img {
	height: 30px;
	width: 30px;
	border-radius: 15px;
	border: 1px solid #d6d7d8;
	display: inline-block;
}

.goto-life {
	padding: 106px 20px;
	line-height: 20px;
	text-decoration-color: #fff;
}

.goto-life:hover {
	text-decoration: underline;
	text-decoration-color: #fff;
}

.c-to-all {
	display: inline-block;
	background-color: #fff;
	padding: 10px 49px;
	font-size: 13px;
}

.c-to-all:hover {
	background-color: #f0f0f0;
	text-decoration: underline;
}

.institute-item {
	background-color: #fff;
	padding: 10px 0px;
	font-size: 13px;
	width: 190px;
	text-align: center;
	border-bottom: 1px solid #F4F4F4;
}

.institute-item a {
	display: block;
	height: 15px;
	overflow: hidden;
	margin: 0px 15px;
}

.institute-item:hover {
	background-color: #f0f0f0;
	text-decoration: underline;
}

.institute-link {
	background-color: #fff;
	padding: 10px 0px;
	font-size: 13px;
	width: 190px;
	text-align: center;
	font-weight: 500;
}

.institute-link:hover {
	background-color: #f0f0f0;
	text-decoration: underline;
}

.c-list {
	background-color: #fff;
	vertical-align: top;
	display: inline-block;
}

.c-list .header {
	background-color: #f9f9fa;
}

.c-list .record {
	padding: 10px;
	border-bottom: 1px solid #f4f4f4;
	display: table;
}

.c-list .column {
	overflow: hidden;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 5px;
}

.c-list .no1 {
	width: 70px
}

.c-list .no2 {
	width: 190px;
	font-weight: 500;
	font-size: 14px;
}

.c-list .no3 {
	width: 220px;
	line-height: 15px;
}

.c-list .no4 {
	width: 60px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

.c-list .no5 {
	width: 100px;
	text-align: center;
}

.c-list .no6 {
	width: 50px;
	text-align: center;
}

.c-list .header .column {
	height: 44px;
}

.c-list .column .img {
	border-radius: 4px;
	border: 1px solid #d6d7d8;
	border-radius: 100px;
	width: 58px;
	height: 58px;
}

.c-list .follow-btn {
	background-color: #00af84;
	width: 75px;
	color: #fff;
	font-weight: 500;
	padding: 5px;
}

.c-list .follow-btn:hover {
	background-color: #f5993f;
}

.c-list .unfollow-btn {
	width: 75px;
	color: #fff;
	font-weight: 500;
	padding: 5px;
	background-color: #005c97;
}

.c-list .unfollow-btn:hover {
	background-color: #f5993f;
}

.inline-menu {
	text-align: center;
	margin-bottom: -1px;
}

.inline-menu .inline-menu-item {
	display: inline-block;
	border-bottom: 1px solid #dddddd;
	padding: 8px 12px;
	color: #878787;
	font-size: 14px;
	font-weight: 500;
}

.inline-menu .inline-menu-item:hover {
	border-bottom: 1px solid #00af84;
	color: #00af84;
}

.inline-menu .selected {
	border-bottom: 1px solid #00af84;
	color: #00af84;
}

.goto-create-project {
	color: #fff;
	font-size: 17px;
	display: block;
	background-color: #00af84;
	width: 200px;
	border-radius: 3px;
	font-weight: 500;
	padding: 10px 0px;
	margin-top: 20px;
}

.goto-create-project:hover {
	background-color: #e96b23;
	color: #ffffff;
}

.recommend-box {
	 margin-top: 18px;
   float: right;
   width: 242px;
   border: 1px solid #e4e4e4;
   padding: 20px 20px;
   background-color: #fff;
}

.recommend-box  .item .number {
	font-size: 12px;
   height: 18px;
   line-height: 18px;
   display: inline-block;
   width: 18px;
   margin: 1px 8px 1px 0px;
   color: #fff;
   background-color: #BABDC0;
   font-weight: 500;
   text-align: center;
}

.recommend-box  .item .text {
	height: 22px;
  font-size: 13px;
  line-height: 18px;
  width: 209px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 2px;
}

.recommend-box  .item .text:hover {
	text-decoration: underline;
}

.goto-crowdri {
	margin: 14px 30px;
	color: #fff;
	font-size: 17px;
	padding: 8px;
	border: 4px solid #fff;
	width: 120px;
	text-align: center;
	font-weight: 500;
	border-radius: 3px;
}

.goto-crowdri:hover {
	color: #000;
	background-color: #fff;
}

.ranking-group {
	width: 460px;
	display: inline-block;
	vertical-align: top;
}

.ranking-group .profile {
	width: 90px;
	height: 90px;
	margin-left: 10px;
	background-size: cover;
	border-radius: 60px;
	display: inline-block;
}

.image-box .top {
	background: url(/resources/Images/connection/top.png);
	height: 53px;
	width: 53px;
	position: absolute;
	background-position-y: -3px;
	top: -2px;
	left: 13px;
}

.ranking-group .profile-link {
	font-size: 20px;
	font-weight: 500;
	vertical-align: top;
	display: inline-block;
	margin-top: 37px;
	margin-left: 20px;
	width: 240px;
}

.ranking-group .profile-link:hover {
	text-decoration: underline;
}

.icon-sns-facebook, .icon-sns-twitter, .icon-sns-linkedin {
	display: inline-block;
	width: 30px;
	margin: 14px 0px 0px 16px;
	height: 30px;
	vertical-align: top;
	background: url(/resources/Images/icon_sns.png) no-repeat;
}

.icon-sns-facebook {
	background-position: left top;
}

.icon-sns-twitter {
	background-position: left -36px;
}

.icon-sns-instargram {
	display: inline-block;
	width: 30px;
	margin: 14px 0px 0px 16px;
	height: 30px;
	vertical-align: top;
	background: url(/resources/static/img/common/icon_rd_instagram.png) no-repeat 0 0;
	background-size:cover;
}

.icon-sns-linkedin {
	background-position: left -72px;
}

.edit-box .reward-no {
	display: inline-block;
	vertical-align: top;
	color: #00af84;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	margin: 13px 16px;
}

.edit-box .reward-content {
	display: inline-block;
	margin-top: 10px;
}

.edit-box .reward-row {
	
}

.edit-box .reward-text {
	color: #6a6a6a;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	width: 60px;
	display: inline-block;
	text-align: right;
	margin-right: 20px;
	vertical-align: top;
	margin-top: 4px;
}

.edit-box .reward-input {
	width: 260px;
	margin: 0px 0px 5px 0px;
	height: 30px;
	font-size: 16px;
	padding-left: 10px;
	color: #2a2a2a;
	border: 2px solid #dddddd;
}

.edit-box textarea.reward-input{
	height:120px
}

.edit-box label {
	color: #6a6a6a;
	font-size: 13px;
	line-height: 24px;
}

.edit-box em.helper-text {
    font-size:12px;
}

.edit-box .icon-calendar {
	width: 16px;
	height: 16px;
	background-position: -81px top;
	margin: 6px 0 0 14px;
	display: inline-block;
	background-image: url(/resources/Images/icons.png);
	overflow: hidden;
}

.edit-box .delete {
	float: right;
	width: 24px;
	height: 25px;
	background: url(/resources/Images/account/nosearch2.png);
	background-size: 19px;
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 5px;
}

.add-reward {
	display: block;
	width: 200px;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	background-color: #787878;
	margin: auto;
}

.add-reward:hover {
	background-color: #606060;
}

/* edit > basicInfo.jsp */
.text-hidden {
	display: block;
	text-indent: -9999px;
	height: 1px;
	margin-top: -1px;
}

.required-documents .edit-box .message-box {
	display: none;
}

.textarea {
	margin-top: 4px;
	width: 100%;
	padding: 14px 16px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	font-size: 13px;
}

.main-photo-guide{width:860px;height:1314px;margin:0 auto;background:url(/resources/static/img/sub/img_cardphoto_guide.png) no-repeat 0 0;}
.main-photo-guide .btn-wrap{display:none;padding-top:1178px;text-align:center}
.main-photo-guide button.btn-wd-mint{display:inline-block;padding:0;width:172px;height:52px;line-height:52px;font-size:18px;background:#23dbab;color:#fff;border:none;cursor:pointer;}
.main-photo-guide button.btn-wd-gray{display:inline-block;padding:0;margin-left:20px;width:172px;height:52px;line-height:52px;font-size:18px;background:#999;color:#fff;border:none;cursor:pointer;}

.session-info-text{width:870px;margin:0 auto;padding-top:30px;}
.session-info-text p{height:49px;text-align:center;font-size:14px;line-height:48px;color:#f98f9b;border:1px solid #f98f9b}
.session-info-text p strong{display:inline-block;padding-right:15px}
.session-info-text p u{text-decoration:underline}

.session-info-text2{margin-top:515px;margin-left:-30px;width:244px;padding:14px;border:1px solid #f98f9b}
.session-info-text2 p{font-size:14px;line-height:20px;color:#f98f9b}
.session-info-text2 p.strtext{text-align:center;font-weight:500;margin-bottom:14px;}

.w-field-section .title-box .desc.guide-text{padding-top:10px;}
.w-field-section .title-box .desc.guide-text p{padding:0 0 5px;}
.w-field-section .title-box .desc.guide-text a{text-decoration:underline;font-weight:700;}

/* 인증서류 파일목록 */
.file-list {margin: 20px 0;}
.file-list li {position: relative;margin-bottom: 8px;}
.file-list li::after {content: '';display: block;clear: both;}
.file-list .file-info {background: #fff;border: 1px solid #dfdfdf;padding: 10px 15px;}
.file-list .file-info .size {margin-left: 4px;color: #a0a5aa;font-size: 13px;}
.file-list .btn-remove {position: absolute;right: 4px;top: 50%;font-size: 18px;width: 24px;height: 24px;background: transparent;transform: translateY(-50%);}
.file-list .btn-remove:hover {background:#f2f2f2;}
.file-list .btn-remove:focus {outline: 1px solid #999;}

/* 인증서류 help 인터컴 트리거 */
.rightpane .btn-intercom {padding: 0;text-align: left;background-color: #F7FAFA;letter-spacing: -0.2px;}

/* 인증서류 첨부안함 체크박스 */
#isAttachedDocuments ~ .textarea {display: none;}
#isAttachedDocuments:checked ~ .textarea {display: block;}

/* 인증서류 업로드 버튼 */
#btnUploadDocFile {width: 60px; height: 30px; padding: 0; line-height: 1; vertical-align: top;}
.field-desc {margin-top: 4px; margin-bottom: 20px;}

/* 심사 필수 확인사항 */
.required-checklist .message-box {margin-bottom: 28px;}
.required-checklist .message-box .desc {font-size: 12px; margin-bottom: 14px; line-height: 1.5;}
.required-checklist .wz-field textarea.wz-textarea {width: 100%; min-height: 60px;  border: solid 1px rgba(0, 0, 0, 0.15); padding: 6px 8px; font-size: 14px;}
.stoped-circulation {display: none; margin-left: 16px;}
.stoped-circulation p.wz-text {font-size: 12px; line-height: 1.5; margin-bottom: 6px;}
.is-product-circulation:checked ~ .stoped-circulation {display: block;}
.dialog-title {font-size: 28px; line-height: 1.3; color: rgba(0, 0, 0, .84); margin-bottom: 12px;}
.dialog-message {font-size: 17px; font-weight: 300;}
#notAttachingCause:checked ~ .no-attaching-cause-list {display: block;}
#notAttachingCause:disabled + label[for='notAttachingCause'] {opacity: .5;}

.wz-field.error textarea.wz-textarea {border: 1px solid #f66 !important;}
.wz-field.error .helper-text {color: #f66;}

.no-attaching-cause-list {display: none; margin-left: 16px;}
.no-attaching-cause-list input[type='radio'] {margin-right: 4px; position: absolute;left: 0; top: 5px;}
.no-attaching-cause-list label {display: block; position: relative; padding-left: 16px; font-size: 12px;}
.no-attaching-cause-list .link {text-decoration: underline; font-size: 12px;}
.wz-field em.helper-text {display:block;text-align: right;}