@charset "utf-8";


/*
#thema_wrapper .at-body > .at-container{ max-width:100%; padding:0px !important;}
#thema_wrapper .at-body > .at-container > .at-content{ padding:0px;}
*/


/* 카테고리 */
.list-category { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* 목록 */
.shopList{padding:50px 0px;}
.shopList_View{padding:50px 0px;}
.new_title{ font-size:15px;  border-bottom:solid 1px #111;}
.new_title .table{margin:0px;}
.new_title .bigTxt{font-size:30px; padding-bottom:10px; font-weight:700; }


.new_title .bigTxt ul{font-size:20px; font-weight:400; display:inline-block; margin-left:10px; overflow:hidden;}
.new_title .bigTxt ul li{display:inline-block; padding:0px 10px; border-right:solid 1px #999; line-height:1em; float:left;}
.new_title .bigTxt ul li:last-child{border:none;}
.new_title .bigTxt ul li.on{font-weight:700}
.new_title .ordera{text-align:right; padding-bottom:10px; font-weight:300; color:#777 }
.new_title .ordera a{}
.new_title .ordera a.on{font-weight:700; }
.new_title .ordera a:nth-child(1){ margin-right:10px; }
.new_title .ordera a:nth-child(2){ margin-left:10px; }

@media (max-width:640px) {

	
}


.album_category{
	padding-bottom: 2px;
}
.album_category ul{
}
.album_category li{
	font-size: 18px;
	display: inline-block;
	width: auto;
}
.album_category li a{
	padding: 18px 20px;
	font-size: inherit;
	display: block;
}
.album_category li.on{
	font-weight: bold;
	border-bottom: 3px solid #000;
}
.album_category .swiper-button-prev, .album_category .swiper-container-rtl .swiper-button-next{
	background-image: url('/img/st_arr.png');
	left: 0;
}
.album_category .swiper-button-next, .album_category .swiper-container-rtl .swiper-button-prev{
	background-image: url('/img/st_arr_right.png');
	right: 0;
}
.album_category .swiper-button-next, .album_category .swiper-button-prev{
	background-size: 10px;
	width: 20px;
	background-color: #fff;
	margin-top: 0;
	top: 0;
	height: 65px;
}
.album_category .swiper-button-prev.swiper-button-disabled, .album_category .swiper-button-next.swiper-button-disabled{
	opacity: 0;
}
.album_category.swiper-container-horizontal>.swiper-scrollbar{
	bottom: 0;
	height: 2px;
}
.album_category .swiper-scrollbar-drag{
	background: rgba(0,0,0,0.2);
}


@media (max-width:1200px) {
	
	.shopList{padding:30px 0px;} 
	.shopList_View{padding:30px 0px;}

	.album_category li{
		font-size: 13px;
	}
	.album_category li.on{
		border-bottom: 2px solid #000;
	}
	.album_category li a{
		padding: 10px 15px;
	}
	.album_category .swiper-button-next, .album_category .swiper-button-prev{
		height: 43px;
	}
}

@media (max-width:640px) {
	
	.shopList{position:relative; padding:80px 0px 20px 0px;} 
	.shopList_View{position:relative; padding:20px 0px;} 
	.new_title .bigTxt b{position:absolute; left:0px; top:40px;}
	.new_title .bigTxt ul{margin-left:0px;}
	.new_title .bigTxt ul li{ font-size:17px;}
	.new_title .bigTxt ul li:first-child{padding-left:0px !important;}
	.new_title .ordera{padding-bottom:7px;}
	.new_title .ordera a{}
	.new_title .table-cell{ vertical-align:middle;}
}
@media (max-width:480px) {
	.new_title .ordera a:nth-child(1){ margin-right:3px; }
	.new_title .ordera a:nth-child(2){ margin-left:1px; }
	.new_title .bigTxt ul li{ padding:0px 5px;}
}
@media (max-width:360px) {

	.new_title a{ font-size:15px !important;}
}


.list-item .label-tack { padding-left:10px; }
.list-item strong { display:block; line-height:20px; margin:10px 5px 5px; text-align:center; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-item .item-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:left; font-size:19px; padding-top:10px; padding-bottom:90px; line-height:1.2em; }
.list-item .item-name b{font-weight:500;}

.item-cybtn{overflow:hidden; font-size:15px; margin-top:10px }
.item-cybtn span {float:left; display:inline-block; padding:2px 8px; text-align:center; border:solid 1px #ddd; border-radius:5px; background-color:#e6e7e9; font-weight:500;}
.item-cybtn a {float:right; display:inline-block; padding:2px 8px; text-align:center; border:solid 1px #d95842; border-radius:5px; background-color:#d95842; color:#fff; font-weight:500;}



/* Responsive */
@media all and (max-width:767px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:420px) {
	.responsive .list-row { width:100% !important }
	.list-item .item-name {  padding-bottom:40px;  }
}

/* 아이콘 */
.list-wrap .wr-icon { display:inline-block; padding:0px; margin:0px; overflow:hidden; vertical-align:middle; background-repeat: no-repeat; background-position: left top; }
.list-wrap .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.list-wrap .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.list-wrap .wr-hot { width:12px; height:12px; background-image: url('./img/icon_hot.gif'); }

/* 목록 공통 */
.list-notice .wr-notice { display:inline-block; padding:0px; margin:0px; overflow:hidden; vertical-align:middle; background-repeat: no-repeat; background-position: left top; width:37px; height:19px; background-image: url('./img/icon_notice.gif'); }
.list-wrap { width:100%; }
.list-btn-box { margin-bottom: 15px; }
.list-btn-box a span { margin-left: 4px; }
.list-btn-box .sort a { color:crimson !important; font-weight:bold !important; }
.list-btn-box .dropdown-menu { font-size: 12px; }
.list-none { margin:0px 0px 15px; padding:80px 0px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }

/* 내용 공통 */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.view-wrap .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap h1 { font-size: 25px; font-weight:bold; margin:0px;  display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin:0px;  color: rgb(59, 62, 67); letter-spacing:-1px; border-bottom:solid 1px #111; padding-bottom:10px}
.view-wrap h1 .photo { border-radius: 50%; width: 50px; height: 50px; margin-bottom:10px; margin-right:10px; }
.view-wrap .view_time{text-align:right;}
.view-wrap .no-attach { border-bottom:0px; }

.view-wrap .view_main{display:table; width:100%;}
.view-wrap .view_main .table-cell{display:table-cell; }
.view-wrap .view_main .table-cell.LeftYoutube{width:60%; vertical-align:middle; }
.view-wrap .view_main .table-cell.RightYoutube{ overflow:hidden; vertical-align:middle; }
.view-wrap .view_main .table-cell.RightYoutube .yyybox{width:50%; padding-left:10px; float:left; }
.view-wrap .apms-autowrap{max-width:100%;}
.view-wrap .view_main iframe{width:100%}



.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

.view-head { border-left:0px; border-right:0px; }
.view-head .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.view-head .list-group-item { padding:5px 15px; border-style:dotted; }
.view-tag { margin:10px 0px; padding:0px; color:#888; }
.view-tag a { color:#888; }
.view-tag a:hover { color:crimson; }
.view-cnt { margin-top:4px; }
.view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
.view-content { padding:0px; margin-top:50px }
.view-mobile .view-content { padding:0px 0px 20px; }
.view-content img { width:auto; height:auto; max-width:100%; }
.view-content p { padding:0; margin:0; line-height:22px; }
.view-good-box { text-align:center; }
.view-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.view-good-box a { background: rgb(245, 245, 245); padding-top:14px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.view-good-box .view-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.view-good-box .view-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-comment { color: rgb(51, 51, 51); font-family: "Roboto", sans-serif; margin: 0px 0px 10px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; font-size: 20px; font-weight: 500; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; position: relative; }


#bo_v_sns {margin:4px 0 15px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}



.scrollbarr{
	max-height:300px; overflow-y:auto;
    scrollbar-width: auto;
    scrollbar-color: #06abed #ffffff;
  }

  /* Chrome, Edge, and Safari */
.scrollbarr::-webkit-scrollbar {
    width: 12px;
  }

.scrollbarr::-webkit-scrollbar-track {
    background: #ffffff;
  }

.scrollbarr::-webkit-scrollbar-thumb {
    background-color: #06abed;
    border-radius: 10px;
    border: 3px solid #ffffff;
}


.view-wrap{overflow:hidden; font-size:15px; line-height:2em;}

.view-wrap .topTable{width:100%; display:table; table-layout:fixed;}
.view_nameImg{ width:50%; display:table-cell; padding-right:20px; vertical-align:top;}
.view_info_profile{ width:50%;  display:table-cell; padding-left:20px; vertical-align:top;}
.view_info_profile a{margin-top:10px; display:inline-block; width:100%; padding:15px 0px; background-color:#ea5198; color:#fff; text-align:center;}


.view_profile{ margin-top:50px;}
.view-wrap h2{font-size:20px !important; font-weight:700 !important; border-bottom:solid 1px #111; padding:0px 0px 5px 0px; line-height:1em; margin:0px; font-family: "Montserrat",'Noto Sans KR',sans-serif ,dotum; margin-bottom:10px;}
.view-wrap h2 b{margin-right:10px; font-weight:700 !important; }
.view-wrap h2 u{text-decoration:none; float:right; font-weight:700 !important; }
.view-wrap .view_movie{ margin-top:50px; overflow:hidden;}
.view-wrap .view_movie ul{ overflow:hidden; width:calc(100% + 15px)}
.view-wrap .view_movie ul li{ float:left; width:50%; padding-right:15px; padding-bottom:15px; }



.item-image{position:relative; width:100%; }
.item-image img{width:100%;}

.item-thumb{ overflow:hidden; position:relative; padding:0px 20px; margin-top:10px; }
.item-thumb a{margin:0px; width:100%;}
.item-thumb img{width:100%; height:auto;  border:solid 1px #ddd; }
.item-thumb .slick-slide{}

.item-thumb2{ margin-top:10px; overflow:hidden; position:relative; padding:0px 25px; }
.item-thumb2 img{width:100%;height:auto; border:solid 1px #ddd;}
.item-thumb img.small{position:absolute; right:6px; top:6px; width:30px; border:none; opacity:1; }

.slick-slide{ padding:5px; position:relative; border:none !important; }
.slick-prev{ position:absolute; left:0px; top:0px; z-index:2; overflow:hidden; text-indent:-9999px; width:17px; height:100%; background:#fff  url("/img/arrow_left1.png") no-repeat left center; background-size:12px 30px; border:none; outline:none;}
.slick-next{ position:absolute; right:0px; top:0px; z-index:2; overflow:hidden; text-indent:-9999px; width:17px; height:100%; background:#fff  url("/img/arrow_right1.png") no-repeat left center; background-size:12px 30px; border:none; outline:none;}

.slick-disabled {
  display: none !important; 
  pointer-events:none;
}

.mv_more{margin-top:30px; text-align:center; font-size:20px; font-weight:700; }



@media all and (max-width:860px) {
	
	.scrollbarr{max-height:none !important; overflow-y:visible;}
	.view_nameImg{ width:100%; float:none; padding-right:0px;}
	.view_info_profile{ width:100%; float:none; padding-left:0px;}
	.view_info{margin-top:50px;}

	.view-wrap .topTable{width:100%; display:inline-block;}
	.view_nameImg{ width:100%; display:inline-block; padding-right:0px;}
	.view_info_profile{ width:100%;  display:inline-block; padding-left:0px;}

	
}
@media all and (max-width:480px) {
	
	.view-wrap h2 {border:none; font-size:18px !important;}
	.view-wrap h2 b{ border-bottom: solid 1px #111; width:100%; padding:0px 0px 10px 0px; width:100%; display:inline-block; }
	.view-wrap h2 u { display:block; width:100%; text-align:right;  float:none; padding-top:10px; font-size:0.8em;}

	
}

/* 댓글 */
.comment-media { }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }

.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content {	margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good, .comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background: url('./img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background: url('./img/cmt_nogood.gif') no-repeat left center; color:#888; }

#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 0 0 20px; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

/* 쓰기 공통 */
.write-wrap { width:100%; overflow:hidden; }
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold; }
.write-wrap .write-content { height: 300px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }

#autosave_pop div { text-align:right; }
#autosave_pop button { margin:0; margin-left:10px; padding:0; border:0; background:transparent; color:#888; }
#autosave_pop ul { margin:0; padding:0; padding-left:15px; list-style:disc; }
#autosave_pop li { padding:2px 5px;  }
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""; }
#autosave_pop a { display:block; float:left; }
#autosave_pop span { display:block;; float:right; }


.youtubeAddDiv{position:relative; padding-right:80px;}
.youtubeAddDiv input[type=button]{width:75px; height:100%; position:absolute; right:0px; top:0px; background-color:#06abed; color:#fff;}
#youtubeList{margin-top:10px;}
#youtubeList ul {overflow:hidden;}
#youtubeList ul li{float:left; width:50%; margin-bottom:30px; padding:3px;}
#youtubeList ul li:after{}
#youtubeList ul li a{float:right; font-size:15px; }

.iframebox{position:relative; display:inline-block;  width:100%; }
.iframebox:after{ content:''; display:inline-block; width:100%;  padding-top:56.25%}
.iframebox iframe{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1; }

@media all and (max-width:480px) {
	#youtubeList ul li{float:none; width:100%; margin-bottom:30px; padding:0px;}
}


/* 반응형 공통 */
@media all and (max-width:460px) {

	

	/*.responsive .list-btn { text-align:center; margin:0px auto; }
	.responsive .pull-right.list-btn { float:none !important; margin-bottom:14px; }*/
	.responsive .view-wrap h1 { text-overflow:clip; overflow:none; white-space:normal; line-height: 24px; font-size: 18px; margin-bottom:10px; }
	.responsive .view-wrap h1 .photo { display:none; }
	.responsive .view-btn i { margin-right:0px; }
	.responsive .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
	.responsive .comment-btn { text-align:center; }
	.responsive .comment-btn .pull-right { float:none !important; }
}