@charset "utf-8";

:root {
		--pantone-color-main 	 	: #BB2649; 	/* c00 2023 pantone Color Viva Magenta #BB2649*/
		--pantone-color-main-text 	: #FFFFFF; 	/* c00 2023 pantone Color Text */
		--pantone-color-sub 	 	: #49BB26; 	/* 090 2023 pantone Color Kelly Green #49BB26 */
		--pantone-color-sub-text 	: #FFFFFF; 	/* 090 2023 pantone Color Text */
	}

/* CSS Document */
body{
	font-family: PingFang SC, Tahoma, Helvetica, Arial,Microsoft Yahei, STXihei, Sansoserif;
	margin:0px;
/*	padding:0px;*/
/*	background-color:bisque;*/
	color: #333333;
/*	white-space: nowrap;*/
/*	word-break:keep-all;*/
}

section.container{
	padding:20px;
}
div{
/*	padding:10px;*/
}
a:link, a:visited, a:active {
  	color: #666666;
	text-decoration: none;	
}
a:hover{
  color: #000000;
	text-decoration: none;		 
}

a.hs_link_000_c00:link, a.hs_link_000_c00:visited, a.hs_link_000_c00:active {
  	color: #000000;
	text-decoration: none;	
}
a.hs_link_000_c00:hover{
  	color: var( --pantone-color-main );
	text-decoration: none;		 
}

a.hs_link_090_c00:link, a.hs_link_090_c00:visited, a.hs_link_090_c00:active {
  	color: var( --pantone-color-sub );
	text-decoration: none;	
}
a.hs_link_090_c00:hover{
  	color: var( --pantone-color-main );
	text-decoration: none;		 
}

a.hs_link_c00_000:link, a.hs_link_c00_000:visited, a.hs_link_c00_000:active {
  	color: var( --pantone-color-main );
	text-decoration: none;	
}
a.hs_link_c00_000:hover{
  	color: #000000;
	text-decoration: none;		 
}

a.hs_link_999_c00:link, a.hs_link_999_c00:visited, a.hs_link_999_c00:active {
  	color: #999999;
	text-decoration: none;	
}
a.hs_link_999_c00:hover{
  	color: var( --pantone-color-main );
	text-decoration: none;		 
}

a.hs_link_090_000:link, a.hs_link_090_000:visited, a.hs_link_090_000:active {
  	color: var( --pantone-color-sub );
	text-decoration: none;	
}
a.hs_link_090_000:hover{
  	color: #000000;
	text-decoration: none;		 
}

a.hs_link_999_000:link, a.hs_link_999_000:visited, a.hs_link_999_000:active {
  	color: #999999;
	text-decoration: none;	
}
a.hs_link_999_000:hover{
  	color: #000000;
	text-decoration: none;		 
}

a.hs_link_999_333:link, a.hs_link_999_333:visited, a.hs_link_999_333:active {
  	color: #999999;
	text-decoration: none;	
}
a.hs_link_999_333:hover{
  	color: #333333;
	text-decoration: none;		 
}

a.hs_link_999_333_400:link, a.hs_link_999_333_400:visited, a.hs_link_999_333_400:active {
  	color: #999999;
	text-decoration: none;	
}
a.hs_link_999_333_400:hover{
  	color: #333333;
	font-weight: 400;
	text-decoration: none;		 
}

a.hs_link_666_000:link, a.hs_link_666_000:visited, a.hs_link_666_000:active {
  	color: #666666;
	text-decoration: none;	
}
a.hs_link_666_000:hover{
  	color: #000000;
	text-decoration: none;		 
}

a.hs_link_666_090:link, a.hs_link_666_090:visited, a.hs_link_666_090:active {
  	color: #666666;
	text-decoration: none;	
}
a.hs_link_666_090:hover{
  	color: var( --pantone-color-sub );
	text-decoration: none;		 
}

a.hs_link_666_c00:link, a.hs_link_666_c00:visited, a.hs_link_666_c00:active {
  	color: #666666;
	text-decoration: none;	
}
a.hs_link_666_c00:hover{
  	color: var( --pantone-color-main );
	text-decoration: none;		 
}

a.hs_link_333_000:link, a.hs_link_333_000:visited, a.hs_link_333_000:active {
  	color: #333333;
	text-decoration: none;	
}
a.hs_link_333_000:hover{
  	color: #000000;
	text-decoration: none;		 
}

a.hs_link_333_090:link, a.hs_link_333_090:visited, a.hs_link_333_090:active {
  	color: #333333;
	text-decoration: none;	
}
a.hs_link_333_090:hover{
  	color: var( --pantone-color-sub );
	text-decoration: none;		 
}

a.hs_link_333_c00:link, a.hs_link_333_c00:visited, a.hs_link_333_c00:active {
  	color: #333333;
	text-decoration: none;	
}
a.hs_link_333_c00:hover{
  	color: var( --pantone-color-main );
	text-decoration: none;		 
}

a.hs_link_333_slategray:link, a.hs_link_333_slategray:visited, a.hs_link_333_slategray:active {
  	color: #333333;
	text-decoration: none;	
}
a.hs_link_333_slategray:hover{
  	color:slategray;
	text-decoration: none;		 
}


.hs-w-20px{
	width:20px;
}
.hs-w-30px{
	width:30px;
}
.hs-w-40px{
	width:40px;
}
.hs-w-50px{
	width:50px;
}
.hs-w-60px{
	width:60px;
/*	display:block;	*/
}
.hs-w-100px{
	width:100px;
}
.hs-w-120px{
	width:120px;
}
.hs-w-100percent{
	width:100%;
}

.hs-h-120px{
	height:120px;
}

.hs-font-13px{
	font-size:13px;
}
.hs-font-15px{
	font-size:15px;
}

.hs-border-b-1-so-aaa{
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color:#aaaaaa;
}
.hs-border-b-1-da-aaa{
	border-bottom: 1px;
	border-bottom-style:dashed;
	border-bottom-color:#aaaaaa;
}
.hs-border-b-1-do-aaa{
	border-bottom: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#aaaaaa;
}
article, aside{
	padding-top:20px;
	padding-bottom:20px;	
}
.navbar{
	height:100px;	

	background-color:transparenttr;
/*	background-color: #FFFFFF;	*/
/*	background-color:rgba(255, 255, 255, 0.95);*/
/*	background-color:#f8f8f8;	*/
/*	background-color:rgba(240, 240, 240, 0.95);	*/
	padding:0px 20px;
/*
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color:slategray;
*/
}
.hs-navbar-bg-animation{
	top:0px;
	left:0px;
	height:100px;
	background-color:#ffffff;
/*	color:slategray;*/
/*	color:silver;	*/
	color:#aaaaaa;	
	border-bottom: 1px;
	border-bottom-style: solid;
/*	border-bottom-color:slategray;	*/
/*	border-bottom-color:silver;	*/
	border-bottom-color:#aaaaaa;	
	z-index:999998;
}
/* TEXT Color */
.hs-c00{
	color:var( --pantone-color-main );
}
.hs-090{
	color:var( --pantone-color-sub );
}
.hs-lightpink{
	color:lightpink;
}
.hs-slategray{
	color:slategray;
}
.hs-header{
	height:60px;	
	z-index:999999;
	background-color:bisque;
}
.hs-header-brand{
	font-size:20px;
}
.hs-header-brand-mobile{
	font-size:20px;
}
.hs-header-center{
	width:60%;
}
.hs-header-slogan{
	font-size:9px;
	background-color: var( --pantone-color-main );
	height:20px;
	margin:0px 20px 0px 20px;
	line-height:12px;
	padding:5px 0px 0px 0px  ;
	color:var( --pantone-color-main-text );
	border-radius: 5px 5px 0px 0px;	
	text-align:center;
	
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*
.hs-header-search-box{
	border-radius: 12px;	
	border:solid 2px var( --pantone-color-main );
	padding:3px 5px;
	margin:0px;
	font-size:13px;
	height:46px;
}
*/
.hs-search-icon-div{
	padding :0px 5px;
}
.hs-search-icon{
	font-size:24px;
	font-weight: 300;
	color:#333333;
}
.hs-header-search-input{
	width:100%;
	border-radius: 12px;	
	border:solid 2px var( --pantone-color-main );
	color: #333333;
	padding-left:40px;
	padding-right:40px;
/*	padding:7px 40px;*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='@236666666' class='bi bi-search' viewBox='-5 0 21 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
  	background-repeat: no-repeat;
	background-position: left center;
}
.hs-header_search_close{
	font-size:20px;
	color:#999999;
	top:5px;
	right:10px;
}
.hs-header-right{
	font-size:15px;
}

.hs_topic_title{
	font-size:20px;
	font-weight: 200;
	color:#333333;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color:#aaaaaa;	
	margin-bottom:5px;
}
.hs_topic_title_text{
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hs_topic_more{
	font-size:13px;
	min-width:60px;
	text-align: right;
/*	background-color: aqua;*/
}

.hs_topic_subtitle{
	padding:6px 0px; 
	font-size:14px;
	font-weight: normal;
	color:#666666;
	

/*
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
*/


}
.hs_topic_subtitle_text{
	display:block;
	white-space: nowrap;
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;	*/
}
.hs_topic_subtitle span{
	font-size:12px;	
	color:var( --pantone-color-sub );
}
.hs_topic_subtitle_like{
	display:block;
	min-width:120px;
	font-size:12px;
	padding-left:10px;
}
.hs_topic_subtitle_view{
	display:block;
	min-width:60px;
	font-size:12px;
	padding-left:10px;
}
.hs_topic_subtitle_sns{
	display:block;
	min-width:60px;
	font-size:15px;
/*	padding-left:10px;*/
}

.hs_banner_type_a{
	font-size:13px;
/*	background-color:antiquewhite;*/
	background-color:slategrey;	
	color:#dddddd;
/*	min-height:100px;*/
/*	margin:20px 0px;*/
	padding : 10px;
	border-radius: 5px;	
}

/* 실시간 일자리 Top10 */
.hs_job_best10{
	font-size:13px;
	background-color:whitesmoke;	
	color:#333333;
	border: 1px;
	border-style: solid;
	border-color:#cccccc;
/*	padding : 10px;*/
	border-radius: 5px;	
}
.hs_job_best10_photo{
	border-radius: 5px 5px 0px 0px ;	
}

.hs_job_best10_day{
	font-size:11px;
	font-weight: 200;
	color:#666666;
	line-height: 16px;
	padding:0px 5px;
}
.hs_job_best10_time{
	font-size:15px;
	font-weight: 300;
	color:#666666;
/*	padding:0px 5px;	*/
	line-height: 16px;
}
.hs_job_best10_title{
	font-size:16px;
	font-weight: 400;
	color:#666666;
/*	line-height: 16px;	*/
	/*
	padding:5px 10px;
	color:snow;
	line-height: 20px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color:#aaaaaa;	
	word-break:keep-all;	
	display:block;
	background-color:slategray;
*/
}

.hs_job_best10_header{
	padding:0px;
	background-color: #ffffff;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color:#cccccc;	
	border-radius: 5px 5px 0px 0px ;	
}

.hs_job_best10_body{
	color:#333333;	
	font-size:13px;		
	font-weight: 200;
	padding:10px;
	word-break:keep-all;
}
.hs_job_best10_footer{
	color:#333333;	
	font-size:14px;		
	font-weight: 300;
	padding:0px 10px 10px 10px;
}
.hs_job_best10_pagination{
	color:#999999;	
	font-size:11px;		
	font-weight: 300;
}

.hs_job_best10_link{
	color:#333333;	
	font-size:14px;		
	font-weight: 300;
	text-align: right;
}

/* 후원금 */
.hs_banner_donation{
	font-size:13px;
	background-color:whitesmoke;	
	color:#333333;
	border: 1px;
	border-style: solid;
	border-color:#cccccc;
/*	padding : 10px;*/
	border-radius: 5px;	
}
.hs_banner_donation_header{
	padding:5px 10px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color:#aaaaaa;	
	margin-bottom:5px;
	background-color:slategray;
}
.hs_banner_donation_title{
	font-size:18px;
	font-weight: 300;
	color:snow;
	line-height: 20px;
	word-break:keep-all;	
	display:block;
}
.hs_banner_donation_title_sub{
	font-size:12px;
	font-weight: 200;
	color:snow;
/*	line-height: 15px;*/
}
.hs_banner_donation_qrcode{
	padding:0px;
}
.hs_banner_donation_qrcode_name{
	padding:0px 3px 3px 3px;
	font-size:11px;
}
.hs_banner_donation_body{
	color:#333333;	
	font-size:13px;		
	font-weight: 200;
	padding:10px;
	word-break:keep-all;
}
.hs_banner_donatio_amount{
	color:#333333;	
	font-size:14px;		
	font-weight: 400;
	word-break:keep-all;	
}
.hs_banner_donation_footer{
/*	padding:0px 10px 10px 10px;*/
	padding:5px 10px;
	border-top: 1px;
	border-top-style: solid;
	border-top-color:#cccccc;
}
.hs_banner_donation_help{
	color:#333333;	
	font-size:14px;		
	font-weight: 300;	
}
.hs_banner_donation_link{
	color:#333333;	
	font-size:14px;		
	font-weight: 300;
/*	padding:0px 10px 10px 10px;*/
	text-align: right;
}


/* 기획] 관광지 및 맛집 */
.hs_banner_special{
	font-size:13px;
/*	background-color:silver;*/
	background-color:whitesmoke;
	border: 1px;
	border-style: solid;
	border-color:#cccccc;
	color:#dddddd;
	border-radius: 5px;	
}
.hs_banner_special_body{
	padding:10px;
}

.hs_banner_special_icon{
	min-width:40px;
	font-size:32px;
	color:#666666;
}

.hs_banner_special_title{
	font-size:18px;
	font-weight: 200;
	color:#333333;
	line-height: 20px;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color:#aaaaaa;	
	margin-bottom:5px;
	word-break:keep-all;
	
	display:block;
/*	white-space: nowrap;*/
/*
	overflow: hidden;
	text-overflow: ellipsis;
*/
}
.hs_banner_special_title_sub{
	font-size:13px;
	font-weight: 200;
	color:var( --pantone-color-sub );
	line-height: 15px;
}
.hs_banner_special_summary{
	color:#333333;	
	font-size:13px;		
	font-weight: 200;
	padding:15px 0px;
	word-break:keep-all;

	white-space:normal;

	overflow: hidden;
	text-overflow: ellipsis;
}

.hs_banner_special_link{
	color:#333333;	
	font-size:14px;		
	font-weight: 300;
/*	padding:10px 0px;*/
	text-align: right;
	border-top: 1px;
	border-top-style: solid;
	border-top-color:#cccccc;
	padding:10px 0px 0px 0px;
}

.hs_banner_special_photo{
	padding:0px;
	background-image: url("/images/special_img01.png");
	background-size:cover;
	background-position: center;
  	background-repeat: no-repeat;
	min-height: 200px;
	border-radius: 5px 5px 0px 0px;	
}

.hs_weather{
	font-size:13px;
/*	background-color:lightgray;*/
	padding : 10px 10px 10px 10px;
	border-radius: 5px;	
	background-image: url("/images/weather_bg_test_01.png");
	background-size:cover;
	background-position: top right ;
  	background-repeat: no-repeat;
	position: relative;
}
.hs_weather_progress{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:4px;
	padding 0px 10px;
}


.hs_weather_2{
	font-size:13px;
/*	background-color:lightgray;*/
	padding : 10px 10px 10px 10px;
	border-radius: 5px;	
	background-image: url("/images/weather_bg_test_02.png");
	background-size:contain;
	background-position: bottom right ;
  	background-repeat: no-repeat;
}


.hs_weather_4{
	font-size:13px;
/*	background-color:lightgray;*/
	padding : 10px 10px 10px 10px;
	border-radius: 5px;	
	background-image: url("/images/weather_bg_test_04.png");
	background-size:cover;
	background-position: top right ;
  	background-repeat: no-repeat;
}
.hs_weather_time{
	color:var( --pantone-color-main );
	font-weight:200;
	font-size:11px;
}
.hs_weather_city{
	color:#333333;
	font-weight:400;
	font-size:16px;	
}
/* 온도 */
.hs_weather_temperatures{
	font-size:30px;
	font-weight: 200;
	color:#333333;

}
.hs_weather_summary{
	color:#333333;	
	font-size:13px;	
	font-weight: normal;
}
.hs_weather_link{
	text-align: right;
}
footer .container-fluid{
	border-top: 1px;
	border-top-style: solid;
/*	border-top-color:#999999;*/
	border-top-color:var( --pantone-color-main );	
/*
	border-bottom: 3px;
	border-bottom-style: solid;
	border-bottom-color:var( --pantone-color-main );
*/
	
/*	height:120px;	*/
	min-height:50px;
	background-color: #EEEEEE;
/*	padding:0px 0px 5px 0px;*/
	color:##666666;
	padding:10px 20px 5px 20px ;
	
}
footer .hs-footer-hr{
	color:var( --pantone-color-main-text );
	padding:0px;
	margin:0px;
	line-height: 1px;
	font-size:1px;
	height:1px;
}
.hs-footer-copyright{
	font-size:9px;
	color:#666666;
/*	vertical-align: middle;*/
}
.hs-footer-sns{
	font-size:18px;
	min-width:130px;
/*	background-color: aquamarine;*/
}
.hs-footer-menu{
	font-size:13px;	
	font-weight: 400;
/*	background-color:antiquewhite;*/
}

/* Header */

/* ----------- category.php ----------- */

.hs-topic-category{
	height:41px; 
	font-size:15px;
	font-weight: 400;
	color:#333333;	
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color:#aaaaaa;

}
.hs-topic-category-cell{
/*	background-color: antiquewhite;*/
	width:100%;
/*	overflow: hidden;*/
/*
	display: block;
	overflow: visible;
*/
}
.hs-topic-category-item-list{
	top:0px;
	left:0px;
}
.hs-topic-category-item{
	display:inline-block;
	color:#999999;	
	font-size:15px;	
	font-weight: 400;	
	padding:8px 8px;	
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color:#aaaaaa;	
}
.hs-topic-category-item-checked{
/*	display: block;*/
	height:41px;
	color:#333333;
	font-weight: 400;
	padding:8px 8px;	
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color:#000000;	
}

.hs-topic-category-item-mobile-checked{
	font-size:18px;
	height:41px;
	color:#333333;
	font-weight: 400;
	padding:8px 16px;	
	
}
.hs-topic-category-item-list-sub{
	color:#999999;
	font-size:15px;	
	font-weight: 400;
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color:#cccccc;
}
.hs-topic-sort{
	top:0px; 
	height:41px;
	font-size:15px;	
	font-weight: 400;	
	min-width:80px;
	padding:8px 0px;	
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color:#aaaaaa;	
}

.hs-topic-category-item-cell{
/*	background-color: antiquewhite;*/
	border-bottom: 1px;
	border-bottom-style:dashed;
	border-bottom-color:#cccccc;
}
.hs-topic-category-item-sub{
	font-size:12px;
	font-weight: 300;
	color:#333333;
	padding-bottom:3px;
}
.hs-topic-category-item-body{
	padding:0px 10px 0px 0px;
}
.hs-topic-category-item-title{
	line-height: 24px;	
	font-size:18px;
	font-weight: 400;
	color:#333333;
	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
 	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
	height:50px;	
}
.hs-topic-category-item-summry{
	line-height: 20px;	
	font-size:15px;
	font-weight: 300;
	padding:10px 0px;
	color:#333333;
	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
 	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
	height:50px;

}
.hs-topic-category-item-photo{
/*	width:120px;*/
	border-radius: 5px;
	background-color:slategray;	
}
.hs-topic-category-item-photo-count{
	font-size:15px;
	font-weight:400;
	color:var( --pantone-color-sub );

}
.hs-topic-category-item-footer{
	padding:20px 0px 0px 0px;
	color:#666666;
}
.hs-topic-new{
	font-size:9px;
	font-weight: 300;
/*		background-color: #666666;*/
	background-color:coral;	
	background-color:seagreen;
	border-radius:2px;
	color: aliceblue;
	padding: 2px 5px;
}
.hs-topic-hot{
	font-size:9px;
	font-weight: 300;
	background-color: crimson;
	border-radius:2px;
	color: aliceblue;
	padding: 2px 5px;
}

/* ----------- topic_read.php ----------- */

.hs_topic_read_category{
	font-size:14px;
	font-weight: 200;
	color:#333333;
}
.hs-topic-read-like-cell{
	padding:10px 0px;
	color:#666666;
}
.hs-topic-read-title{
	line-height: 24px;	
	font-size:22px;
	font-weight: 200;
	color:#333333;
	padding:10px 0px 20px 0px;
}
.hs-topic-read-body{
	font-size:15px;
	color:#333333;
	font-weight: 300;	
	line-height: normal;
	padding:10px 0px;	
}
.hs-topic-read-photo{
	border-radius: 5px;
}
.hs-topic-read-hashtag{
	font-size:15px;
	font-weight: 300;
	color:#999999;
}
.hs_topic_comment{
	font-size:15px;
	font-weight: 300;
	color:#333333;	
}
.hs_topic_comment_header{
/*	line-height: 2px;	*/
	font-size:18px;
	font-weight: 400;
	color:#999999;
/*	padding:10px 0px;*/
}
.hs_topic_comment_body{
	padding:10px;
	font-size:15px;
	font-weight: 300;
	color:#333333;
}
.hs_topic_comment_user{
	font-size:13px;
	font-weight: 200;
	color:var( --pantone-color-sub );
}
.hs_topic_comment_writer{
	color:var( --pantone-color-main );
	font-size:11px;
}
.hs_topic_comment_body_2nd{
	padding:0px 20px 0px 20px ;
	background-color:whitesmoke;
	border-radius: 5px;
}
.hs_topic_comment_body_2nd-cell{
	padding:10px 0px 0px 0px;
}
.hs_topic_comment-input{
	font-size:15px;
	width:100%;
	border-radius: 5px;	
	border:solid 1px #999999;
	color: #666666;
	padding-left:40px;
	padding-right:40px;
/*	padding:7px 40px;*/
/*	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%23666666' class='bi bi-chat-left-dots' viewBox='-5 0 21 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E");*/
	
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%23aaaaaa' class='bi bi-pencil-square' viewBox='-8 0 24 16'%3E%3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E%3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z'/%3E%3C/svg%3E");	
  	background-repeat: no-repeat;
	background-position: left top;
	resize: none;
}
.hs-topic_comment_close{
	font-size:13px;
	color:#999999; 
	top:-18px;
	right:4px;
}
.hs-topic_comment_send{
	font-size:24px;
	color:#999999; 
	top:20px;
	right:10px;
}
.hs_topic_comment_photo_btn{
	font-size:21px;
	color:#666666; 
	top:22px;
	left:11px;	
}

/*  account.php CSS */
.hs-account-id-input{
	font-size:15px;
/*	width:100%;*/
	width:360px;
/*	min-width:200px;	*/
	height:40px;
	border-radius: 12px;	
	border:solid 1px var( --pantone-color-main );
	color: #333333;
	padding-left:40px;
	padding-right:40px;
/*	padding:7px 40px;*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' class='bi bi-person-hearts' viewBox='-5 0 21 16'%3E%3Cpath fill-rule='evenodd' d='M11.5 1.246c.832-.855 2.913.642 0 2.566-2.913-1.924-.832-3.421 0-2.566ZM9 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-9 8c0 1 1 1 1 1h10s1 0 1-1-1-4-6-4-6 3-6 4Zm13.5-8.09c1.387-1.425 4.855 1.07 0 4.277-4.854-3.207-1.387-5.702 0-4.276ZM15 2.165c.555-.57 1.942.428 0 1.711-1.942-1.283-.555-2.281 0-1.71Z'/%3E%3C/svg%3E");
  	background-repeat: no-repeat;
	background-position: left center;
}

.hs-account-pw-input{
	font-size:15px;	
	width:360px;
/*	width:100%;	*/
/*	min-width:200px;*/
	height:40px;
	border-radius: 12px;	
	border:solid 1px var( --pantone-color-main );
	color: #333333;
	padding-left:40px;
	padding-right:40px;
/*	padding:7px 40px;*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' class='bi bi-shield-lock-fill' viewBox='-5 0 21 16'%3E%3Cpath fill-rule='evenodd' d='M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm0 5a1.5 1.5 0 0 1 .5 2.915l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99A1.5 1.5 0 0 1 8 5z'/%3E%3C/svg%3E");
  	background-repeat: no-repeat;
	background-position: left center;
}
.hs-account-submit{
/*	font-size:15px;	*/
	width:200px;
/*	height:40px;*/
/*	border-radius: 12px;	*/
}
.account_input_div{
	padding:5px;
/*	width:400px;*/
}
.hs_account_input_clear_btn{
	right:12px;
	font-size:22px;
	display: none;
}
.account_message_div{
	color : var( --pantone-color-main );
}
.account_footer{
	position:fixed;
	bottom:0px;
	width:100%; 
	font-size:11px;
	color:#666666;
	text-align: center;
	padding:50px 0px 10px 0px;
}
/* Extra small */
@media screen and (max-width: 576px) {
.hs_banner_special_photo{	
	min-height: 320px;
/*	border-radius: 5px 5px 0px 0px  ;	*/
}	
/*
	.hs_banner_special_title{
		padding-top:10px;
	}
*/
/*
	section .container{
		padding:30px;
	}
*/
/*
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{
		background-color: #FAC2C2;		
	}
*/
}

/* Small */
@media screen and (min-width: 577px) and (max-width: 767px) {
.hs_banner_special_photo{	
	border-radius: 5px 0px 0px 5px;	
}
/*
	.hs_banner_special_title{
		padding-top:10px;
	}
*/
	
/*
	.container, .container-sm{
		width:540px;
		background-color: #FAE7C2;
	}
	.container-md, .container-lg, .container-xl, .container-xxl{
		background-color: #FAE7C2;
	}
*/
}

/* Medium */
@media screen and (min-width: 768px) and (max-width: 991px) {
/*
	.container, .container-sm, .container-md{
		width:720px;
		background-color: #DEFAC2;
	}
	.container-lg, .container-xl, .container-xxl{
		background-color: #FAE7C2;
	}
*/
}

/* Large */
@media screen and (min-width: 992px) and (max-width: 1199px) {
/*
	.container, .container-sm, .container-md, .container-lg{
		width:960px;
		background-color: #C2E4FA;
	}
	.container-xl, .container-xxl{
		background-color: #FAE7C2;
	}
*/
}

/* X-Large */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
/*
	.container, .container-sm, .container-md, .container-lg, .container-xl{
		width:1140px;
		background-color: #C6C2FA;
	}
	.container-xxl{
		background-color: #FAE7C2;
	}
*/
}

/* XX-Large */
@media screen and (min-width: 1400px) {
/*
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{
		width:1320px;
		background-color: #FAC2F8;
	}
*/
}