@page {
    size: auto;  /* auto is the initial value */
    margin: 0;  /* this affects the margin in the printer settings */
}
@media print {
    .no-print {display:none;}
	html {margin:50px 30px; text-align:left;}
	body {margin:50px 30px; text-align:left;}	
}

/* 위의 스타일은 화면출력시 머릿글, 바닥글을 없애기 위한 것 */

@charset "utf-8";

/* 초기화 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
* { margin:0; padding:0; list-style:none; }
.blind {position:absolute;top:-99999px;left:-99999px;}
html {overflow-y:scroll}
body {
	width:100%;
	/* max-width:1920px; */
	margin:0;
	padding:0;
	font-size:13px;
	font-family:"Noto Sans KR", sans-serif;
	/*overflow-x:hidden; 이것이 있으면 masonry 이미지가 안보임 */
}

/* 탑메뉴 */

.dropdown {
	position: relative; padding-bottom:10px;
}

/* position:absolute, width:1000px로 주면, 상단 메뉴 안밀림 */
/* position만 absolute로 바꾸면 메뉴가 안 펼쳐짐 */

.dropdown-menu {
	list-style: none; font-size: 12px; float: left; display: none; position:absolute; z-index: 1000; background-color:#FFF; border:2px solid #888;margin-top:10px;padding-bottom:5px;
}

/* 아래를 지우면 메뉴리스트가 안 나타남 */
/* 메뉴 표시에 display:flex; white-space: nowrap; 을 적용하여 제대로 표시함 20220601 yoochan */

.header_dropdown:hover .dropdown-menu {
	display:flex;
}
.dropdown-menu > ul {
	border-left:1px solid #ccc; background-color:#FFF;white-space: nowrap;
}
.dropdown-menu > ul > li > a {
	padding: 0px; color:#000; clear: both; display: block; white-space: nowrap;
}
.dropdown-menu > ul > li > a:hover {
	background-color:transparent;
}

.all_cate {
	font-size: 14px;
	font-weight:400;
	color: #333;
	line-height:23px;
	background-color:#FFF7F7;
	text-align:left;
	padding:3px 10px;
	border-bottom:1px solid #888;
}
.all_cate a{
	color: #333;
}
.all_cate a:link{
	color: #333;
}
.all_cate a:hover{
	color: #333;
}
.all_cate_m {font-size:13px;LETTER-SPACING: 0px; line-height:18px;text-decoration:none; color:#333;font-weight:400;padding:2px 10px;}
.all_cate_m a{text-decoration:none; color:#333;}
.all_cate_m a:link {text-decoration:none; color:#333;}
.all_cate_m a:visited {text-decoration:none; color:#333;}
.all_cate_m a:active {text-decoration:none; color:#ff6600;}
.all_cate_m a:hover {text-decoration:none; color:blue;background-color:#FFF;}

.index_banner_bottom {border:1px solid #CCC; padding:10px; height:100px; text-align:center;background-color:#FFF7F7; padding-top:30px;
}

/* 최상단 메뉴 */

.header_top_menu {
	width: 100%; height:40px; font-size:12px; border-bottom:0px solid #ccc; background-color:#FFF7F7;
}
.header_top_menu_help {
	padding:3px 15px; height:20px; color:#333; font-size:18px; border:0px solid #aaa;font-weight:600;
}
.header_top_menu_btn {
	margin:10px 0; padding:0 7px;  font-size:13px; border-right: 1px solid #CECECE;
}
.header_top_menu_btn a{
	color:#888;
}
.header_top_menu_btn_2 {
	margin:10px 0; padding:0 7px; color:#888; font-size:16px; border-right: 1px solid #CECECE; font-weight:600;
}
.header_top_menu_btn_2 a{
	color:#888; font-weight:400;
}
.header_top_menu_btn_2 a:hover{
	color:#000; background-color:transparent;
}
.header_top_menu_btn_2:hover{
	color:#000; background-color:transparent; cursor:pointer;
}
.header_top_menu_btn_3 {
	border:0px solid #ddd; margin-left:5px; height:20px; color;#F7F7FF; font-size:16px; font-weight:400;
}