/* 2019-02-25 홈페이지 리뉴얼 CSS */
/* 기본레이아웃 변경 */
/* html, body {overflow-x:hidden; max-width: 100%; height: 100%;}  */
body, html, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .button {font-family: 'Noto Sans KR', sans-serif;}
body {background: #fff; }
.row {max-width: 1200px;}
.container {padding-top: 10px; padding-bottom: 100px;}
hr {margin-top: 10px; margin-bottom: 10px;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th, .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {background-color: #fff;}
.sub-nav > ul > li > ul {border-top: none;}
.sub-nav > ul > li > span {border-bottom: 1px solid #dbdbdb;}
.col-main {padding: 10px 20px; border: none;}
div.smart-sub {display: none;}
.chat {max-height: 100%; height: auto; overflow: visible; border: none; background: #fafafa;}
.message-img img {border-radius: 100%; border: 1px solid #dbdbdb; background: #fff; width: 100%; height: 100%;}



/* 게시판 & 버튼 기본 스타일 변경 */
.table > thead.color-header {background: #e5e9ed;}
.table > thead.color-header th {color: #000;}
.btn-talk {background-color: #e5e9ed; border-color: #e5e9ed; color: #000; font-weight: 700;}
a {color: #000;}
a:hover {text-decoration: none;}
.main-title {margin-bottom: 30px;}

.header-nav {height: auto;}
.header-nav > ul > li > a {font-size: 16px; color: #000; padding: 10px;}
.main-login > h4 {font-size: 18px;}
.main-content-community h4 {font-size: 16px;}
.table > thead > tr > th, .table > tbody > tr > td,
.table > thead.ts-header > tr > th, .table > tbody.ts-tbody > tr > td {
	font-size: 13px;
}
.header-nav a, .header-nav a:hover {font-size: 16px;}

header .input-group {width: 100%;}
header .input-group>div {display: table-cell; width: 80%}
header .input-group>span {display: table-cell; width: auto;}

.smart-category.right {display: none;}

#me-header {height: auto; padding-bottom: 5px;}


#me-footer .container {padding: 0;}
#me-header .logo-container {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 150px;}
#me-footer .logo-container {text-align: center; width: 100%;}
#me-footer .logo-container>img {width: 150px; display: inline-block;}
#me-header .header-menu {float: right; margin: 0; padding-top: 10px;}
#me-navigation {background: #fff; border-top: none; border-bottom: 1px solid #dbdbdb;}
#me-navigation .header-nav .main-gnb {display: flex; justify-content: space-around; margin-bottom: 0;}

.header-nav .main-gnb li.current>a {
 color: #ff3366; 
}
#me-navigation .header-nav .main-gnb .main-gnb-depth {display: none; position: absolute;
top: 100%;
width: 150px;
background: #fff;
text-align: center;     box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28); left: 50%;
transform: translateX(-50%);}
#me-navigation .header-nav .main-gnb .main-gnb-depth>li {display: block; float: none;}
#me-navigation .header-nav .main-gnb .main-gnb-depth>li>a {display: block; padding: 10px; color: #000; font-size: 14px;}
#me-navigation .header-nav .main-gnb .main-gnb-depth>li>a:hover {background: #e5e9ed; color: #000;}
#me-navigation .header-nav .main-gnb>li:hover>a {
	background: #fff; color: #ff3366; 
	
}
#me-navigation .header-nav .main-gnb>li:hover>.main-gnb-depth {display: block;}


@media(max-width: 992px) {
	header .input-group>span {width: 1%;}
	#me-navigation {background: #fff; border-bottom: none;}
	#smart-sub-category > div {padding: 0;}
	#smart-sub-category > div > ul:nth-of-type(1) > li + li > a {border-left: none;}
	#smart-sub-category > div > ul:nth-of-type(1) {height: auto; margin: 0;}
	#smart-sub-category {border: none; background: #fafafa; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
	#smart-sub-category > div > ul:nth-of-type(1) > li:active,
	#smart-sub-category > div > ul:nth-of-type(1) > li.active {
		border: none;
	}
	.main-slider1 {border-top: 1px solid #fafafa; border-bottom: 1px solid #fafafa;}
}

/* 로그인폼 수정 */
.main-login {height: auto;}
.main-login > h4 {border: none; margin: 0;}
.main-login .radio-inline,
.main-login .checker {width: 15px; height: 15px;;}
.main-login .checkbox-inline {
	font-size: 12px; vertical-align: 1px;
}
.main-login .checker span {vertical-align: bottom; width: 100%; height: 100%;}
.main-login button.btn-mlogin {padding: 8px 0 9px; float: none;}
.main-login button.btn-mlogin > i {font-size: 13px;}
.main-login .join-and-password {font-size: 12px; color: #888;}
.main-login .join-and-password a {color: #888;}

.main-login .tab-my-info select {font-size: 12px; padding: 5px; height: auto;}
.tab-my-info > div:first-child {padding: 0; font-size: 14px; font-weight: 900;}
.tab-my-info > div:nth-of-type(2) {border: none; padding: 0;}

@media(max-width:993px){
	.main-login {height: auto; margin-top: 10px;}
	.main-login .m-login-left {float: left; width: 60%;}
	.main-login .m-login-right {float: left; width: 40%;}
	#me-navigation > div.row > div.hidden-header > div:nth-of-type(1) > a:nth-of-type(2) > img {width: 140px; height: auto;}
	.hidden-header .navbar-smart-member {font-size: 32px;}
}
@media(max-width:569px) {
	.main-login .m-login-left {float: none; width: 100%;}
	.main-login .m-login-right {float: none; width: 100%;}
}

/* 메인페이지 커뮤니티 게시판 */
.main-content-community {background: #fff; border: none;}
.main-content-community h4 { background: #fff; border-radius: 0; padding: 7px 15px 5px; font-weight: 700; border-top: 3px solid #ff3366;}


.main-content-community .title {background: #498bf9; color: #fff; font-weight: 700; font-size: 10px; border-radius: 4px; padding: 3px 5px;}
.main-content-community .video .title {background: #FF2D77;}
.main-content-community .book .title {background: #ffbb00;}
.main-content-community .min-height {min-height: 26px;}






/* 교재 시리즈 - 신규 북 퀴즈 목록 */
.book-ar-list {background: #fff; border: none;}
.book-ar-list .owl-carousel {max-width: 1000px; margin: 0 auto;}
.book-ar-list .title {text-align: center; position: relative; padding: 0 15px;}
.book-ar-list .title>h3 {font-weight: 700; 	display: inline-block;
	padding: 3px 30px;
	border-radius: 50px; 	background: #fff; position: relative; width: 33.3333%;}
.book-ar-list .title>h3:before {
	content:'';
	position: absolute;
	left: 100%;
	top: 50%;
	width: 100%;
	height: 3px;
	background: red;
	transform: translateY(-50%);
}
.book-ar-list .title>h3:after {
	content:'';
	position: absolute;
	right: 100%;
	top: 50%;
	width: 100%;
	height: 3px;
	background: red;
	transform: translateY(-50%);
}

.book-ar-list .title>h4 {font-weight: 700;}
.book-ar-list .title>h4>span {background: #ff3366; color: #fff; font-weight: 900; border-radius: 100px; display: inline-block; padding: 2px 30px 1px;}
.book-ar-list .title .btn-view {position: absolute; right:60px; bottom:0}
.book-ar-list .title .btn-view>a {padding: 5px 10px; background: #fff; color: #212121; border-radius: 4px; font-weight: 700; font-size: 12px; border: 1px solid #212121;}
.book-ar-list .title .btn-view>a:hover {background: #ff3366; color: #fff; text-decoration: none; border: 1px solid #ff3366;}

.book-ar-list  .col-series
{ position: relative; min-height: 1px; padding: 5px 5px 0; width: 100%; margin-bottom: 10px; text-align: center; }
.book-ar-list  .col-series > a > h6
{ display: block; margin: 0; padding: 0; line-height: 22px; }


.book-ar-list  .col-series > a
{ position: relative; display: block; }
.book-ar-list  .col-series > a > .bimg > .bcounting
{ font-size: 12px; background: #000; opacity: .6; width: 100%; position: absolute; left:0; bottom: 2px; font-weight: 700; }
.book-ar-list  .col-series > a:hover > .bimg >.bcounting
{ color: #FFFFFF; }

.book-ar-list  .col-series > a > .bimg
{position: relative; display: block; }
.book-ar-list  .col-series > a > .bimg > img
{ width: 100%; height: 130px; text-align: center; padding: 0; margin: 0; }

.book-ar-list  .col-series > a > .bimg > span
{ text-align:center; padding: 5px; line-height: 1;  font-size: 12px; color: #FFFFFF; font-weight: 700; position: absolute; left:-3px; bottom: 10px; }
.book-ar-list  .col-series > a > .bimg > span:after
{ content:''; position: absolute; left:0; bottom:100%; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #000000; border-bottom: 2px solid #000000; }

.book-ar-list  .col-series > a > .bimg > span.icon-quiz { background: #510FA8; }
.book-ar-list  .col-series > a > .bimg > span.icon-script { background: #FF2D77; }
.book-ar-list  .col-series > a > .bimg > span.icon-video { background: #FF3B30; }

.book-ar-list  .col-series > a > .bimg > span:nth-of-type(1)
{ bottom: 10px;}
.book-ar-list  .col-series > a > .bimg > span:nth-of-type(2)
{ bottom: 36px;}
.book-ar-list  .col-series > a > .bimg > span:nth-of-type(3)
{ bottom: 62px;}



.book-ar-list  .col-series > a > footer
{ display: block; margin-top: 0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1;  }
.book-ar-list  .col-series > a > footer > h6
{ font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; letter-spacing: 0em; color: #000000; margin: 6px 0 0; display: inline-block; margin-bottom: 5px; }
.book-ar-list  .col-series > a > footer > h6 > small
{ display: block; font-weight: 700; padding: 3px 0 0; color:#777777; }

.book-ar-list  .col-series > a > footer > span
{ display: block; font-size:11px; color: #555555; font-weight: 400; line-height: 14px; padding-top: 4px; }
.book-ar-list  .col-series > a > footer > span > em
{ color: #999999; font-style: normal; }
.book-ar-list  .col-series > a > footer > span > small
{ color: #EEEEEE; padding: 0 10px; font-family: 'Vollkorn', serif; font-weight:400; font-style: normal; }

.book-ar-list  .col-series > a > footer > span:last-child
{ display: block; padding-top: 3px; font-weight: 600; font-size: 10px; }


.book-ar-list  .col-series > a > footer > p
{ display:block; padding: 0; margin: 0; font-size:16px; color: #555555; font-weight: 400; }
.book-ar-list  .col-series > a > footer > p > em
{ color: #999999; font-style: normal; }
.book-ar-list  .col-series > a > footer > p > span
{ vertical-align: sub; }
.book-ar-list  .col-series > a > footer > p > .label-icon
{ font-weight:500; font-size:12px; padding: 2px 7px; color:#FFFFFF; background-color: #FFCC00; -webkit-border-radius:3px; border-radius:3px; }

.book-ar-list  .col-series > a:hover > img
{ transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; padding: 3px; border: 2px solid #000000; }
/* 레벨 및 시리즈 별 */


/* 지역모임방 CSS */
.location-detail-wrap .bookpd-category > a {background: none; border: none;}
.bookpd-category > a {display: inline-block; background: #e5e9ed; padding: 2px 25px; border-radius: 4px; margin: 0 10px 10px;}
.location-title-wrap .bookpd-category > a.active {background: #fff; border: 1px solid #ff3366;}
.bookpd-category-detail a {border: 1px solid #dbdbdb; padding: 3px 8px; border-radius: 4px; display:inline-block; margin-top: 5px;}
.bookpd-category-detail a span {border-radius: 50%; background: #FF2D77;color: #fff;width: 15px;height: 15px;display: inline-block;font-size: 12px;line-height: 13px;text-align: center; margin-left: 5px; font-weight: 700;}
.community-search > .input-group-btn > .btn {white-space: nowrap;}

.info-room-list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.info-room-list .info-room-box {border-radius: 6px; width: 49%; box-shadow: 0 0 2px 0 rgba(46,62,72,.12),0 2px 4px 0 rgba(46,62,72,.12); overflow: hidden; margin-bottom: 10px;}
.info-room-list .info-room-box>a {padding: 20px; position: relative; display: block;}
.info-room-box .info-city {color: #2D73CB; font-size: 14px;}
.info-room-box .info-room-title {color: #212121; font-weight: 700; font-size: 22px; margin: 5px 0;}
.info-room-box .t-left {color: #767687; font-size: 15px; height: 47px; overflow: hidden; text-overflow: ellipsis;}
.info-room-box .info-member-count {color: #767687; font-size: 14px;}
.info-room-box .info-btn-wrap {display: flex; justify-content: space-between; align-items: center; margin-top: 5px;}
.info-room-box .btn-join>button {background: #FFFFFF; color: #2D73CB; font-weight: 700; padding: 5px 20px; border: 1px solid #2D73CB; border-radius: 4px;}
.info-room-box .info-room-owner { color: #313131; font-weight: 700; margin: 5px 0; display: inline-block; font-size: 12px;}
.mroom-userlist-panel {border: none;}
.mroom-userlist-panel > h5 {background: #fff; color: #000; margin: 10px 0;}
.userlist-box-wrap {display: flex; justify-content: start; flex-wrap: wrap;}
.userlist-box { position: relative; text-align: center;  border-radius: 4px; padding: 20px 0px; width: 19%; margin: 0 0.5%; margin-bottom: 10px; box-shadow: 0 0 2px 0 rgba(46,62,72,.12),0 2px 4px 0 rgba(46,62,72,.12);}
.userlist-box .img-wrap img {width: 60px; height: 60px; border: 1px solid #dbdbdb; border-radius: 50%;}
.userlist-box .label-owner {position: absolute; left: 0; top: 0; background: none; color: #ff3366;}
.userlist-box .nickname-wrap {font-size: 14px; font-weight: 700; padding-left: 10px;}
.userlist-box .reg-date-wrap {font-size: 12px;}
.btn-join-wrap {text-align: center; padding-top: 70px;}
.btn-join-wrap>a {padding: 10px 80px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 900;
	color: #2D73CB;
	background: #fff;
	border: 1px solid #2D73CB;
	box-shadow: 0 0 2px 0 rgba(46,62,72,.12),0 2px 4px 0 rgba(46,62,72,.12);
}
.btn-join-wrap>.btn-point { border-color: #FF6600; color: #FF6600;}

.side-userlist-box-wrap .userlist-box {display: flex; width: 100%; align-items: center; box-shadow: none; padding: 5px 0; border-bottom: 1px solid #dbdbdb; border-radius: 0; margin-bottom: 0;}
.side-userlist-box-wrap .userlist-box .img-wrap img {width: 30px; height: 30px; overflow: hidden; border-radius: 100%; border: 1px solid #dbdbdb;}
.side-userlist-box-wrap .userlist-box .label-owner {display: block; position: static;}
.official-room {
position: absolute;

right: 0;

top: 0;

background: #f36;

padding: 3px 10px;

color: #fff;

font-weight: 900;
}

@media (max-width: 759px) {
	.info-room-list {display: block;}
	.info-room-list .info-room-box {width: 100%; margin-bottom: 5px;}
	.bookpd-category > a {margin: 0 5px 10px;}
	.userlist-box {width: 32.3333%;}
}
@media (max-width: 480px) {
	.userlist-box {width: 49%;}
}

/* 311레이아웃최적화 2019-03-12 */
#smart-sub-category > div > ul:nth-of-type(1) > li {width: auto; padding: 10px 5px; font-weight: 700; min-width: 38px;}

.footer-copyright {text-align: center;}
#smart-sub-category>div > ul:nth-of-type(1){display: flex; justify-content: space-around; flex-wrap: wrap;}
#me-footer {background: #212121; color: #9d9d9d; font-weight: 700; font-size: 14px; padding: 30px 0 20px; text-align: center;}
#me-footer a {color: #fff;}
.f_company_info div {margin-top: 10px; display: inline-block;}
#me-navigation > div.row > div.hidden-header > div:nth-of-type(1) > a:nth-of-type(1) > .img-wrap {width: 36px; margin-top: 5px;}

@media (max-width: 400px) {
	#smart-sub-category>div > ul:nth-of-type(1) {justify-content: center;}
}
.hidden-header .family_site {
	position: absolute;
	top: 47px;
	left: 12px;
	list-style: none;
	background: #FFFFFF;
	border-radius: 2px;
	text-align: center;
	width: 0;
	/* transition: all 0.2s; */
	width: 300px;
	height: 0;
	overflow: hidden;
	z-index: 100;
}

.hidden-header .family_site.on {
	height: auto;
	overflow: visible;
	padding: 20px 5px;
	border: 1px solid #999;
}

.hidden-header .family_site:before {
	content: '';
	position: absolute;
	border-bottom: 14px solid #999;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	top: -14px;
	left: 5px;
}

.hidden-header .family_site:after {
	content: '';
	position: absolute;
	border-bottom: 14px solid #FFFFFF;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	top: -13px;
	left: 5px;
}

.hidden-header .family_site>li {
	margin: 15px;
	display: inline-block;
	width: 60px;
}

.hidden-header .family_site>li img {
	width: 100%;
}
.header-nav .desktop_family_site {position: absolute; top: 56px; right: -110px; border: 1px solid #ff3366; background: #fff; padding: 0 10px;}
.header-nav .desktop_family_site li,
.header-nav .desktop_family_site li a {float: none;}
.header-nav .desktop_family_site li a {display: block; width: 80px; padding: 5px; height: auto; border-bottom: 1px solid #dbdbdb;}
.header-nav .desktop_family_site li:last-child a {border-bottom: none;}
.header-nav .desktop_family_site li a:hover {background: none;}

.mobile-nav {padding-bottom: 0;}


/* 서브페이지 수정 */
.sub-nav {overflow: hidden; border-radius: 6px;}
.sub-nav > h1 {background: #fff; font-weight: 700; color: #000;}
.sub-nav > ul > li.current > a,
.sub-nav > ul > li > a {
	font-weight: 400;
}
.sub-nav > ul > li.current > span,
.sub-nav > ul > li > span {
	font-weight: 700;
}
.main-title {position: relative;}
.main-title > h1 {border: none; font-weight: 700;}
.main-title > .member-count {font-size: 12px;

	font-weight: 900;
	
	position: absolute;
	
	top: 30%;
	
	right: 0;
	
	border: 1px solid #000;
	
	border-radius: 4px;
	
	padding: 5px 10px;
	
	color: #000;
	
	background: #fff;}

/* venobox 팝업 디자인수정 */
.venobox-body > h3 {font-weight: 900;}
.vbox-inline {border-radius: 6px;}
.venobox-close {right:0; top:-5px;}



@media (max-width: 992px) {
	#me-navigation > div.row > div.hidden-header {height: auto;}
	.book-ar-list .title .btn-view {right: 0;}
	.book-ar-list .title>h3 {width: 100%;}
	.book-ar-list .title>h3:after,
	.book-ar-list .title>h3:before {display: none;}
	.book-ar-list .title > h4 > span {
		font-size: 14px;
	}
	.mobile-nav {padding-top: 0; margin-top: 0;}
	div.smart-sub {border-bottom: 1px solid #AAAAAA;}
	div.smart-sub > p {text-align: center; margin-top: 20px;}
	div.smart-sub > p > a {padding: 5px 50px; font-weight: 700;}
	div.smart-sub > ul > li {list-style: none; margin-left: 0;}
	div.smart-sub > ul > li > h5,
	div.smart-sub > ul > li.active,
	div.smart-sub > ul > li.active > h5 {font-weight: 700;}
	#me-footer,
	.footer-copyright,
	.f_company_info {text-align: center;}
	.smart-category.right {display: block;}
	.header-nav .desktop_family_site {display: none;}
	#smart-sub-category > div > ul:nth-of-type(1) > li > a {font-size: 13px;}
	.main-title > .member-count {display: inline-block; position: static; border: none;}
	.mroom-userlist-panel {display: none;}
	.mobile-nav > .sub-nav {border-radius: 0;}

	.sub-nav > ul > li.current > a > i, .sub-nav > ul > li.current > span > i {display: none;}
	.col-main {padding: 0 5px;}
	.table-responsive {border: none;}
}


@media (max-width: 480px) {
	.main-title {text-align: center;}
}


/* 게시판레이아웃 수정 */
.board-bottom {border-bottom: none; padding: 6px 20px;}
.community-view-menu {padding: 0;}


/* 미션방(사진방) 수정 */
.content-mission-photo .mission-photo-box {padding: 0 0 15px; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); border-radius: 4px; overflow: hidden; margin: 0 0.5%; width: 24%; margin-bottom: 10px; position: relative;}
.content-mission-photo .mission-photo-box .user-info {display: flex; align-items: center; padding-left: 5px; margin-top: 5px;}
.content-mission-photo .mission-photo-box .user-photo-wrap {display: block; width: 23px; height: 23px; border-radius: 100%; overflow: hidden; border: 1px solid #dbdbdb;}
.content-mission-photo .mission-photo-box .user-name-wrap {display: block; font-weight: 700; padding-left: 5px;}
.content-mission-photo .mission-photo-box .btn-remove-photo {position: absolute; right: 10px; top: 4px; color: #fff; background: #888; font-size: 12px; border-radius: 4px; overflow: hidden;}
.content-mission-photo .mission-photo-box .btn-remove-photo>a {color: #fff; padding: 1px 5px; display: block;}
.content-mission-photo .mission-photo-box .btn-remove-photo span {color: #fff;}
.content-mission-photo .mission-photo-box .comment-wrap {padding: 5px; text-align: left; font-size: 14px; color: #333; font-weight: 400;}
.content-mission-photo .mission-photo-box .comment-wrap>span {font-weight: 700; margin-right: 5px; color: #000;}
.content-mission-photo .mission-photo-box .tag-wrap {font-size: 12px;
	color: #4f89e9;
	font-weight: 700;
	text-align: left;
	padding-left: 8px; margin-top: 10px;}
	.content-mission-photo .mission-photo-box .img-wrap {position: relative;}
	.content-mission-photo .mission-photo-box .voca-group {position: absolute; left: 3px; top: 3px; background: #4f89e9;
		font-size: 12px;
		padding: 3px 7px;
		border-radius: 4px;
		color: #fff;
		font-weight: 900;}
		.content-mission-photo .mission-photo-box .date-wrap {position: absolute; right: 10px; bottom: 15px; color: #666; font-size: 10px;}
@media(max-width: 526px) {
	.content-mission-photo .mission-photo-box {
		width: 49%;
	}
}



/* 마이페이지 수정사항 */
.total-login-info {text-align: center;}
.total-login-info h3 {font-weight: 900;}
.total-login-info .family-site-wrap p {display: inline-block; margin: 0 10px; font-weight: 700; font-size: 22px;}
.total-login-info .family-site-wrap p:first-child {color: #0d5dc9;}
.total-login-info .family-site-wrap p:nth-child(2) span {color: #ffbb00;}
.total-login-info .family-site-wrap p:nth-child(3) span {color: #0eadee;}
.total-login-info .family-site-wrap p:nth-child(4) span {color: #ff2d77;}
.total-login-info .family-site-wrap h5 {font-size: 14px; font-weight: 400; color: #666;}



/* 모바일 마이페이지 메뉴 수정 */
.icommunity-jroom > h6 {
	font-size: 14px;
	color: #333333;
	padding: 8px 0 6px 10px;
	margin: 0;
	border-bottom: 1px solid #DFDFDF;
}
.icommunity-jroom > ul {
    margin-left: 4px;
    padding: 5px 0 0;
    font-size: 12px;
}
.icommunity-jroom > ul > li {
	list-style-type: disc;
	display: block;
	padding: 2px 10px;
}

/* 마이페이지 미션다이어리 css 수정 */
.mission-calendar-wrap {padding: 30px; border: 1px solid #dbdbdb;}
.widget-calendar tbody td {height: 100px;}
.main-col h1 {margin-top: 10px; font-weight: 700; font-size: 28px; color: #000;}
.mission-calendar-wrap .mission-img-wrap {width: 70%;
	height: auto;
	border-radius: 4px;
	overflow: hidden; margin: 0 auto; margin-bottom: 3px;}
.mission-calendar-wrap .mission-img-wrap>img {width: 100%; height: 100%;}
.book-closeme {float: right;}

.my-mission-photo-wrap h2 {font-size: 22px; font-weight: 700;}
.my-mission-photo-wrap > div:nth-child(2) {display: flex; width: 100%;}
.my-mission-photo-wrap > div:nth-child(2)>.img-wrap {width: 19%; margin: 0 0.5%; border-radius: 4px; overflow: hidden; text-align: center;}
.mission-calendar-wrap .mission-count {background: rgba(0, 0, 0, 0.5); width: 100%; padding: 3px 0; color: #ffbb00; font-weight: 700; border-radius: 3px;}
@media (max-width: 480px) {
	.widget-calendar tbody td {height: 45px;}
	.mission-calendar-wrap {border: none; padding: 5px;}
}

.video-column > .col-video
{ float: left; position: relative; min-height: 1px; padding: 5px 6px 0; width: 25%; margin-bottom: 10px; text-align: center; }
.video-column > .col-video > a > h6
{ display: block; margin: 0; padding: 0; line-height: 22px; }
.video-column > .col-video > a > img
{ width: 100%; height: 120px; text-align: center; padding: 0; margin: 0; }
.video-column > .col-video > a > footer
{ display: block; margin-top: 0; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; text-align: center; }
.video-column > .col-video > a > footer > h5
{ font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; letter-spacing: 0em; color: #000000; margin: 6px 0 0;  }
.video-column > .col-video > a > footer > h6
{ font-style: normal; font-weight: 600; font-size: 11px; line-height: 11px; letter-spacing: -0.5px; color: #777777; margin: 6px 0 0;  }
.video-column > .col-video > a > footer > span
{ padding: 0; margin: 4px 0 0; font-size: 11px; color: #777777; font-weight: 400; }
@media all and (max-width: 526px)
{
	.video-column > .col-video
	{ width: 33.33333333333333%; }
}




/* 원서정보페이지 수정 */
.book-info > div:nth-of-type(2) {border: none;}


/* 마이페이지 포인트 안내 css */
.point-guide-contents .column1-title-wrap {background: #fc6f50 url('../images/mypage/point_column1_bg.jpg') no-repeat 50% 50%; background-size: contain;}
.point-guide-contents .txt {max-width: 620px; margin: 0 auto;}
.point-guide-contents .column1-content-wrap {width: 100%; float: none;}



/* 모임방 사이드 배너 */
.side-banner-community {max-width: 101px; position: absolute; top: 470px; right: -110px;}




/* 메인페이지 로그인한 후 프로필 레이아웃 수정 */
.main-login h5 {font-weight: 700; margin-top: 5px;}
.main-login h6 {font-weight: 700; font-size: 14px;}
.main-login .tab-my-picture {max-width: 60px;}
.main-login .tab-my-community {display: flex; justify-content: space-between;}
.main-login .tab-my-community > li > a {text-align: center; display: block; font-size: 12px; font-weight: 700; color: #ff3366;}
.main-login .tab-my-community > li > a > span {display: block; font-size: 14px;}

/* 메인페이지 미션사진방 갤러리 */
.word-mission-gallery .owl-carousel .owl-nav button.owl-next,
.word-mission-gallery .owl-carousel .owl-nav button.owl-prev {transform: translateY(-60%);}