@charset "utf-8";

.flex													{ display:flex; flex-wrap:wrap; }
.sc_point												{ background:#ffff33 }	


/********************** 통합검색 **********************/
.search_area												{ margin-bottom:6rem;}
.search_area	 .con_inner								{ max-width:1320px; padding:0 1.25rem; margin:0 auto; word-break:keep-all}
.search_area .search_form							{ padding:4rem 0; background:#f1f1f7}
.search_form .input-form							{ max-width:900px; margin:0 auto; text-align:center; }
.search_form .input-form .search-form			{ gap:5px}
.search_form .input-form input					{ flex:1; height:55px; padding:0 1em; color:#666; font-size:1.2rem; background:#fff; border:1px solid var(--purple); border-radius:1.8em; }
.search_form .input-form .btn_search			{ width:5em; color:#fff; font-size:1.2rem; background:var(--purple); border-radius:2em }
.search_form .input-form .btn_search i			{ display:inline-block; vertical-align:top; margin-top:.1em;}
.search_form .best_search							{ justify-content:center; align-items:center; gap:.2em .5em; margin-top:.5em; font-size:1.13rem; line-height:1.3; letter-spacing:-.075em; color:#333; }
.search_form .best_search em						{ padding:.2em 1em;  line-height:1.2; font-weight:700; color:#fff; background:var(--purple); border-radius:2em; }
.best_search .keyword_list							{ align-items:center; gap:.2em .5em;}
.best_search .keyword_list li a::before			{ content:"＃"; vertical-align:top }
.search_form .search_txt								{ margin-top:2em; text-align:center; font-size:1.22rem; font-weight:500; letter-spacing:-.05em;}
.search_form .search_txt strong					{ color:var(--purple); font-size:1.22em;}

.search_area	 .search_con						{ margin-top:2rem }
.search_con .tab_menu							{ gap:.2rem 1%; margin-bottom:2rem; }
.search_con .tab_menu>li						{ flex:1; text-align:center; }
.search_con .tab_menu>li .tab					{ display:block; margin-bottom:0; padding:10px; color: #555; font-size:1.3rem; letter-spacing:-.04em; border-bottom:4px solid #aaa; cursor:pointer }
.search_con .tab_menu>li .tab span			{ margin-top:.3em; font-size:.85em; font-weight:300 }
.search_con .tab_menu>li .tab.on				{ color:var(--purple); font-weight:700; border-bottom:4px solid var(--purple); }

.search_con .tab_con								{ display:none; }
.search_con .tab_con.on							{ display:block;}
.search_con .tab_con .board_sec				{ display:block; margin-top:4em;}

.search_con .board_sec h3						{ display:block; font-size:1.85rem; color:#222; }
.search_con .board_sec h3 .cnt					{ display:inline-block; margin-top:-.2em; vertical-align:middle; font-size:.7em; font-weight:300; }
.search_con .board_sec .img_type, 
.search_con .board_sec .list_type li			{ border-bottom:1px solid rgba(0,0,0,.1); }
.search_con .board_sec li						{ margin-top:2em; padding-bottom:2em; }
.search_con .board_sec .tit 						{ display:block; font-size:1.38rem; color:#222; margin-bottom:.2em; font-weight:500; line-height:1.4; letter-spacing:-.05em; }
.search_con .board_sec .cont					{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:.5em; overflow:hidden; font-size:1.07rem; color:#222; font-weight:300; letter-spacing:-.05em; line-height:1.4; }
.search_con .board_sec .path					{ display:block; font-size:.96rem; color:#999; line-height:1.3; }
.search_con .tab_con a.more					{ display:block; width:160px; margin:0 auto 1em; color:#fff; text-align:center; font-size:1.06rem; padding:.6em 4em .8em; letter-spacing:-.05em; background:#222; border-radius:0 0 2em 2em; }

.search_con .board_sec .img_type					{ gap:1.5% }
.search_con .board_sec .img_type li				{ width:32.33% }
.search_con .board_sec .img_type .img			{ position:relative; width:100%; height:0; margin-bottom:.5em; padding-top:62.25%; overflow:hidden; border-radius:1rem}
.search_con .board_sec .img_type .img img	{ position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}


@media screen and (max-width:1024px){
	.search_form .input-form input				{ height:50px; }	
	.search_form .input-form .btn_search		{ font-size:1.1rem; }
	.search_form .search_txt							{ font-size:1.15rem; }
	
	.search_con .tab_menu>li						{ flex:auto; width:32%; }
	.search_con .tab_menu>li .tab					{ font-size:1.2rem; }

	.search_con .board_sec h3						{ font-size:1.65rem;  }
	.search_con .board_sec .tit 						{ font-size:1.28rem; }
	.search_con .tab_con a.more					{ font-size:1rem;  }
}
@media screen and (max-width:668px){
	.search_area .search_form						{ padding:2.5em 0; }
	.search_form .input-form input				{ width:calc(100% - 45px); height:40px; font-size:1rem; }
	.search_form .input-form .btn_search		{ width:40px; height:40px; font-size:1rem;  }
	.search_form .best_search						{ font-size:.95rem; }
	.search_form .best_search em					{ width:2em; text-align:center;}
	.best_search .keyword_list						{ width:calc(100% - 4.5em)}
	.search_form .search_txt							{ margin-top:1em; font-size:1.05rem; }

	.search_area	 .search_con						{ margin-top:1rem }
	.search_con .tab_menu>li						{ width:49%; }
	.search_con .tab_menu>li .tab					{ padding-bottom:.2em;font-size:1rem; }

	.search_con .tab_con .board_sec				{ margin-top:3em;}
	.search_con .board_sec h3						{ font-size:1.45rem;  }
	.search_con .board_sec ul li						{ margin-top:1.3em; padding-bottom:1.3em }
	.search_con .board_sec .tit 						{ font-size:1.03rem; }
	.search_con .board_sec .cont					{ font-size:.95rem;  }
	.search_con .board_sec .path					{ font-size:.82rem;}
	
	.search_con .board_sec .img_type li			{ width:100% }
	.search_con .tab_con a.more					{ width:130px; padding:.4em 2em .6em; font-size:.88rem; }
}
@media screen and (max-width:400px){
	.search_form .input-form .btn_search		{ width:2.5em;}
}