@charset "UTF-8";

/* header {
	margin: 0 auto;
	padding: 30px 0 30px 0;
	width: 1200px;
} */

body {
	overflow: auto;
}

input::-ms-clear, input::-ms-reveal {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	display: none;
}

input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {
	display: none;
}

footer {
	width: 100%;
	border-top: 1px solid #e3e3e3;
	color: #acacac;
}

footer .ptg-footer {
	width: 1200px;
	padding: 40px 0px;
	margin: 0 auto;
	font-size: 12px;
}

footer .ptg-footer span {
	margin-right: 15px;
	line-height: 180%;
}

footer .ptg-footer span:last-child {
	margin: 0px;
}

nav.ptg-pagination {
	height: auto;
}

/* 헤더 */
.header-wrapper {
	padding: 16px 0 14px 0;
}

.header-wrapper .gnb {
	line-height: 13px;
	display: flex;
	align-items: center;
}

.header-wrapper .gnb a {
	padding: 0px 13px;
	border-right: 1px solid #b4b4b4;
}

.header-wrapper .gnb a:last-child {
	border-right: 0px;
}

.header-wrapper .gnb span {
	font-size: 14px;
	text-align: right;
	/* padding-right: 20px; */
	padding: 0 20px;
	border-left: 1px solid #b4b4b4;
	cursor: pointer;
}

.header-wrapper .gnb > span:first-of-type {
	border:0px;
}

.header-wrapper .gnb select {
	width: 150px;
	height: 40px;
	font-size: 14px;
	margin-left: 20px;
	padding: 4px 16px;
	border: 1px solid #ccc;
	border-radius: 0.25rem;
	background-image: url(../../../images/cmmn/arrow_down.svg);
	background-position: right 16px center;
	background-repeat: no-repeat;
	background-color: #fff;
	box-sizing: border-box;
}

/* .logo .global {
	text-align: right;
	float: right;
} */

.red-mj-top {
	width: 100%;
	height: 90px;
	position: relative;
	background: transparent linear-gradient(104deg, #72BE59 0%, #009E9A 48%, #004EA1 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.red-mj-top .wrap {
	width: 1200px;
	margin: 0 auto;
}

.red-mj-top .wrap .logo {
	text-align: center;
	padding-top: 30px;
}

.red-mj-top .wrap .logo img {
	width: auto;
}

.red-mj-top .wrap .log {
	position: relative;
	top: -30px;
	font-size: 15px;
	color: #fff;
	text-align: right;
	/*-- cursor: pointer; */
}

.red-mj-top .wrap .log span {
	margin: 0px 10px;
	cursor: pointer;
}

.red-mj-top .wrap .log span:last-child {
	margin-right: 0px;
}

.red-mj-top .wrap .log span:hover {
	text-decoration: underline;
}

.red-mj-top .wrap .log .member {
	margin-right: 20px;
	opacity: 50%;
	text-decoration: none;
}

/* 피타RED 템플릿1 */
.ptg-main-tmplat1 {
	width: 100%;
	margin-bottom: 70px;
	background-image: url("/images/bg_main.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 90px;
}

.ptg-main-tmplat1 .search_box {
	width: 560px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.ptg-main-tmplat1 .search_box .search_field {
	width: 500px;
	height: 60px;
	margin: 90px 0px 12px 0px;
	padding: 16px;
	border: 0px;
	font-size: 16px;
	color: #2b2b2b;
	box-sizing: border-box;
	outline: 0px;
}

.ptg-main-tmplat1 .search_box .btn_search {
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	margin-top: 90px;
	padding: 10px;
	border: 0;
	background-color: #CE1226;
	box-sizing: border-box;
}

.ptg-main-tmplat1 .checkbox {
	display: none;
}

.ptg-main-tmplat1 .checkbox-image {
	display: inline-block;
	width: 19px;
	height: 19px;
	background-image: url('../../../images/red/unchecked.svg');
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	top: 4px;
	margin-right: 5px;
	position: relative;
}

.ptg-main-tmplat1 .checkbox:checked+.checkbox-image {
	background-image: url('../../../images/red/checked.svg');
}

.ptg-main-tmplat1 .check_label {
	margin-left: 320px;
	cursor: pointer;
}

.ptg-main-tmplat1 .check_txt {
	color: #fff;
	font-size: 14px;
}

/* 인기 검색어 */
.ptg-main-tmplat1 .keyword {
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	margin: 0 auto;
	font-weight: bold;
	color: #fff;
	margin-top: 10px;
	text-align: center;
}

.ptg-main-tmplat1 .keyword p {
	margin: 0px;
}

.ptg-main-tmplat1 .keyword span {
	border: 1px solid #ccc;
	border-radius: 20px;
	/*-- padding: 8px; */
	padding: 4px 15px 3px 15px;
	margin-left: 10px;
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
}

.ptg-main-tmplat1 .keyword span:first-child {
	margin-left: 15px;
}

/* 인도네시아 검색 결과 탭 버튼 */
.tab_group {
	border-bottom: 1px solid #B4B4B4;
	font-size: 0px;
}

.tab_btn, .relay_tab_btn {
	width: 200px;
	height: 50px;
	background-color: #fff;
	border: 1px solid #B4B4B4;
	border-radius: 10px 10px 0px 0px;
	color: #000;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 0px -1px -1px 0;
	cursor: pointer;
}

.tab_btn, .relay_tab_btn:hover {
	background-color: #F7F7F7;
}

.tab_btn, .relay_tab_btn.clicked {
	background-color: #F39702;
	color: #fff;
	border: 0px;
	position: relative;
	z-index: 1;
}

/* 인도네시아 카테고리 */
.ptg-main-tmplat1 .category {
	margin-top: 60px;
}

.ptg-main-tmplat1 .category ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* 버튼 스타일 */
.ptg-main-tmplat1 .category li {
	display: inline-block;
	width: 240px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border-right: 1px solid #ffffff63;
	border-bottom: 1px solid #ffffff63;
	box-sizing: border-box;
	font-size: 14px;
	background: transparent;
}

/* 클릭시 배경색 변경 */
.ptg-main-tmplat1 .category li:hover, li:focus {
	background-color: #ffffff29;
	color: #fff;
}

/* 선택된 버튼 스타일 */
.ptg-main-tmplat1 .category li.selected {
	background-color: #ffffffd9;
	color: #000;
}

/* 버튼을 가로로 4개 배치 */
.ptg-main-tmplat1 .category .button-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 auto;
	max-width: 1200px;
	justify-content: flex-start;
}

/* 2줄 배치 */
.ptg-main-tmplat1 .category .button-group>li:nth-child(5n+1) {
	border-left: 1px solid #ffffff63;
}

.ptg-main-tmplat1 .category .button-group>li:nth-child(-n+5) {
	border-top: 1px solid #ffffff63;
}

.ptg-pagination .ptg-pagination-wrapper .ptg-pagination-number-selected {
	background-color: #002968!important;
	color: #fff;
}

.search-result .menu button {
	border: 0px;
	font-size: 14px;
	padding: 9px 15px 7px 15px;
	border-radius: 0.25rem;
	background: #7088ad!important;
	color: #fff;
	margin-right: 5px;
	box-sizing: border-box;
	height: 36px;
}

.search-result .menu button:hover {
	background: #004EA1;
}

.search-result .menu button:last-child {
	margin-right: 0px;
}

.search-result .menu .on {
	background: #002968!important;
}

/* 중계 */
/* 중계검색 결과 리스트 메뉴 */
.bridge_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	background: #CE1226!important;
	color: #fff;
	margin: 25px 0px 15px 0px;
}

.bridge_list ul {
	position: relative;
	width: 90%;
	height: 100%;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	transition-property: transform;
	box-sizing: content-box;
	padding: 10px 0px 10px 15px;
	background: #002968!important;
	min-height: 45px;
}

.bridge_list li .on {
	background: #F39702;
	border: 1px solid #F39702;
}

/*-- .bridge_list li span img {
	margin-right: 5px;
} */

.bridge_list .title {
	background-color: #00000000;
	font-size: 15px!important;
	padding: 0px 15px;
}

/* 230904_추가 */
.top_line {
	width: 100%;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	background: repeating-linear-gradient(90deg, #1B52A2, #1B52A2 25px, #FFE971 25px, #FFE971 50px);
}

/* 푸터 */
.red-mj-footer {
	width: 100%;
	height: 120px;
	margin-top: 130px;
	padding-top: 40px;
	display: block;
	box-sizing: border-box;
	font-size: 12px;
	text-align: center;
	background-color: #004EA1;
}

.red-mj-footer span {
	margin-left: 20px;
	position: relative;
	color: #fff;
	top: -14px;
	opacity: 50%;
}

.red-mj-footer img {
	opacity: 50%;
}

@media screen and (min-height: 800px) {
	.red-mj-footer {
		position: static;
	}
}