@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendardvariable.css');
body {font-family: 'Pretendard', sans-serif; font-weight: 400; color:#333333;line-height: normal;font-style: normal; -webkit-tap-highlight-color: rgba(0,0,0,0); 
	
	/*
	-webkit-touch-callout: none;
	-webkit-user-drag: none; user-drag: none;
	-webkit-user-select: none; user-select: none;
	*/
	
}
ul {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
a {color:#000;}

.title h3 {COLOR: #FF8300; margin:0; font-size:18px;}
.title h1 {COLOR: #FF8300; margin:0; font-size:22px;}
.MO_title {padding:10px; font-size:16px; font-weight:bold;}

.middle-container { display: flex; justify-content: center; width: 100%; padding-top:10px;}
.middle {display: flex; flex-wrap: nowrap; width: 100%; max-width: 1180px;}
/*
.sidebar {width: 260px; box-sizing: border-box;}
.content {flex: 1; box-sizing: border-box; background-color: #fff;}
*/
.sidebar {width: 23%; box-sizing: border-box;}
.content {width: 77%; flex: 1; box-sizing: border-box; background-color: #fff;}
.year_item {text-align:center; font-size:14px; border-bottom: 1px solid #DEDEDE; }
.year_item a {font-size:14px;}

.menu-bar {width: 100%;text-align: center;position: relative;top: 0;}
.menu_fixed {position: fixed;top: 0;left: 0;right: 0;z-index: 1000;}

.tab {width:100%;  position: relative; font-size:16px; font-weight: 600; display: flex; justify-content: center; border-bottom: 1px solid #DEDEDE;}
.tab button {background-color: transparent; border: none; cursor: pointer; padding-top:3px; padding-bottom:12px; margin: 0px 30px; font-size: 16px; font-weight: 600; color:#424242;} /* 탭 링크 스타일 */
.tab button.active {border-bottom: 2px solid #2C6ED5;}

.tabcontent {background:#f1f1f1; padding:8px; white-space:nowrap; overflow-x: auto; overflow-y: hidden;} /* 탭 내용 스타일 */
.tabcontent > ul {align-items: center;}
.tabcontent > ul > li {display:inline-block;}

.btn-3 {cursor:pointer; color: #545454; font-size: 15px; font-weight : bold; font-weight: 500; margin:0px 12px;}
.btn-4 {background: #2C6ED5; border-radius: 20px; color: #FFF; font-size: 14px; font-weight: 700; padding: 4px 8px; margin:0px 12px;}
.btn-sel {cursor:pointer; color: #2C6ED5; font-size: 15px; font-weight: 600; margin: 0px 12px;}

/*
@media(max-width: 1180px) {
	#main_wrap {width:100%;}
}
*/

@media (max-width: 768px) {
	.sidebar {display: none;}
	.content {width: 100%;}
	.middle {flex-direction: column;}
}

@media all and (max-width: 768px) {
	#PC_year { display: none; }
	#MO_year { display: visible; }
	.PC_title { display: none; }
	.MO_title { display: visible; }
}
@media not all and (max-width: 769px) {
	#PC_year { display: visible; }
	#MO_year { display: none; }
	.PC_title { display: visible; }
	.MO_title { display: none; }
}

@media(max-width: 599px) {
	.tab button {margin: 0px 16px;} /* 탭 링크 스타일 */
}
@media(max-width: 499px) {
	.tab button {font-size: 15px; margin: 0px 8px;} /* 탭 링크 스타일 */
	.btn-3 {font-size: 14px;}
	.btn-4 {font-size: 13px;}
	.btn-sel {font-size: 14px;}
}
@media(max-width: 399px) {
	.tab button {font-size: 14px; margin: 0px 4px; flex:1;} /* 탭 링크 스타일 */
	.btn-3 {font-size: 13px;}
	.btn-4 {font-size: 12px;}
	.btn-sel {font-size: 13px;}
}