@charset "utf-8";

:root{
	--barch-layout-max:1280px;
	--barch-page-padding:20px;
	--barch-section-gap:24px;
	--barch-touch-size:44px;
	--barch-brand:#345bd9;
}

/* 홈: 데스크톱도 동일한 Grid 구조를 사용한다. */
.home-ad{
	position:relative;
	width:100%;
	height:120px;
	max-height:120px;
	min-height:0;
	margin:40px 0 12px;
	border:1px solid #ddd;
	border-radius:8px;
	overflow:hidden;
	background:#fff;
}
.home-ad.is-filled{height:120px; max-height:120px;}
.home-ad:has(.adsbygoogle[data-ad-status="unfilled"]){display:none;}
.home-ad__slot{width:100%; height:100%; overflow:hidden;}
.home-ad .gad_top{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	min-height:0;
}
.home-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--barch-section-gap) 20px;
	margin-top:24px;
}
.gxcon_area .home-grid .home-card{
	float:none;
	width:auto;
	min-width:0;
	margin:0;
	padding:0;
	clear:none;
}
.home-card--wide{grid-column:1 / -1;}
.home-card--gallery .latest_mq1{display:block;}
.home-card--gallery .latest_mq2,
.home-card--gallery .latest_mq3{display:none;}
.home-card--gallery .gx_ptop_gallULa{
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:14px;
}
.home-card--gallery .gx_ptop_gallULa li{
	float:none;
	width:auto;
	margin:0;
}
.home-card--gallery .gx_ptop_gallULa li .thumb,
.home-card--gallery .gx_ptop_gallULa li .thumb img{
	width:100%;
	height:auto;
}

@media all and (min-width:1280px){
	.gxcon_area .skinDiv.subMo,
	.gxcon_area .skinDiv.subMo_361px{display:none;}
	.gxcon_area .skinDiv.subPc{display:block;}
}

/* 모바일·태블릿 공통 */
@media all and (max-width:1279px){
	:root{
		--barch-page-padding:16px;
		--barch-section-gap:20px;
	}

	.top_menu,
	.gnb,
	.top_bg,
	.top_shadow,
	.top_bg2,
	.main_ban3case .mainban_pointbg{display:none !important;}

	#wrap,
	.header{
		width:100% !important;
		height:72px;
	}
	.header{background-color:var(--barch-brand) !important;}
	.top_logo{
		left:var(--barch-page-padding) !important;
		top:0 !important;
		width:auto !important;
		height:72px;
		display:flex;
		align-items:center;
		text-align:left;
	}
	.top_logo a{display:flex; align-items:center; min-height:var(--barch-touch-size);}
	.top_logo img{display:block; width:auto; max-width:180px; max-height:64px; height:auto;}
	.mlb_btn{
		display:block;
		position:absolute;
		top:14px;
		right:10px;
		width:var(--barch-touch-size);
		height:var(--barch-touch-size);
		line-height:var(--barch-touch-size);
	}
	.mlb_btn:focus-visible,
	.mlb_close:focus-visible,
	.mlb_subtoggle:focus-visible,
	.dark_btn:focus-visible,
	.footer_ud:focus-visible{
		outline:3px solid #fff;
		outline-offset:2px;
	}

	.container,
	.content{
		float:none;
		width:100% !important;
		max-width:none;
		padding:0 !important;
		overflow:visible;
	}
	.container{border-radius:0; box-shadow:none;}
	.container_area{overflow:visible;}
	.gxcon_area{padding:0 var(--barch-page-padding) !important;}
	.side_content{display:none;}

	.home-ad{
		height:90px;
		max-height:90px;
		min-height:0;
		margin:20px 0 0;
		border-radius:8px;
	}
	.home-ad.is-filled{height:90px; max-height:90px;}
	.home-ad .gad_top{min-height:0;}
	.home-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:var(--barch-section-gap);
		margin:var(--barch-section-gap) 0 32px;
	}
	.gxcon_area .skinDiv{min-width:0;}
	.gxcon_area .skinDiv.subMo{display:block;}
	.gxcon_area .skinDiv.subMo_361px,
	.gxcon_area .skinDiv.subPc{display:none;}

	.mainban_area_wrap{height:auto; min-height:90px; margin:20px 0; border-radius:8px;}
	.mainban_area_wrap .gad_top{width:100%; max-width:100%; height:auto; min-height:90px;}
	.mainban .slides img,
	.loading_mb img,
	.gx_gall_item img,
	#bo_gall .gall_img,
	#bo_gall .gall_img a,
	#bo_gall .gall_img img,
	#bo_gall .gall_img video{width:100% !important; height:auto !important;}

	.footer_area{width:100% !important; padding:28px var(--barch-page-padding);}
	.footer_menu,
	.gpe_snsLink{position:relative; top:auto; right:auto; clear:left; padding-top:18px;}
	.footer_menu ul li:first-child,
	.gpe_snsLink ul li:first-child{padding-left:0;}

	.mlb_area{
		width:min(82vw,360px);
		max-width:360px;
	}
	.mlb_close{
		right:min(82vw,360px);
		width:var(--barch-touch-size);
		height:var(--barch-touch-size);
		line-height:var(--barch-touch-size);
		margin-top:8px;
		background:#161616;
		border-radius:8px 0 0 8px;
	}
	.mlb_menu > ul{
		display:flex;
		width:100%;
		clear:both;
	}
	.mlb_menu > ul > li{
		float:none;
		width:50%;
		box-sizing:border-box;
	}
	.mlb_menu li .mlb_login,
	.mlb_menu li .mlb_join,
	.mlb_menu li .mlb_member_link{
		display:block;
		height:60px;
		padding-top:12px;
		line-height:48px;
		text-align:center;
		color:#b3b3b3;
		font-size:13px;
		font-weight:700;
		background-color:#161616;
	}
	.mlb_member_heading{
		display:flex;
		align-items:center;
		gap:6px;
		min-height:54px;
		padding:0 16px !important;
		box-sizing:border-box;
		color:#fff;
		background:#1b1b1b;
		border-bottom:1px solid #303030;
		font-size:14px;
	}
	.mlb_member_heading i{font-size:18px; color:#d7d7d7;}
	body > #nc_container{display:none;}
	.ncenterlite_block{display:none;}
	.mlb_notification_slot:empty{display:none;}
	.mlb_notification_slot #nc_container{
		display:block;
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
		z-index:auto;
		width:100%;
		max-width:none;
		height:auto;
		min-height:52px;
		box-sizing:border-box;
		border-width:0 0 1px;
		opacity:1;
	}
	.mlb_notification_slot #nc_container ul.nc_memu{
		display:flex;
		align-items:center;
		min-height:52px;
		margin:0;
		padding:0 14px;
		box-sizing:border-box;
	}
	.mlb_notification_slot #nc_container ul.nc_memu li{
		display:block;
		float:none;
		width:auto;
		height:auto;
		padding:0;
		border:0;
	}
	.mlb_notification_slot #nc_container ul.nc_memu .nc_profile{display:none;}
	.mlb_notification_slot #nc_container ul.nc_memu li:nth-child(2){flex:1; min-width:0;}
	.mlb_notification_slot #nc_container a.notify{
		display:block;
		float:none;
		overflow:hidden;
		padding:15px 10px 15px 0;
		line-height:22px;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.mlb_notification_slot #nc_container a.close{
		min-width:44px;
		padding:15px 0;
		line-height:22px;
		text-align:right;
	}
	.mlb_notification_slot #nc_container a.readall{
		float:none;
		margin:0;
		padding:0 10px 12px 0;
	}
	.mlb_notification_slot #nc_container .list{
		position:relative;
		top:auto;
		left:auto;
		width:100%;
		max-width:none;
		box-sizing:border-box;
	}
	.mlb_notification_slot #nc_container .listscroll,
	.mlb_notification_slot #nc_container .list ul{
		max-height:min(50vh,360px);
		overflow-x:hidden;
		overflow-y:auto;
	}
	.mlb_notification_slot #nc_container .list li{float:none; width:100%; height:auto;}
	.mlb_notification_slot #nc_container .list li a{white-space:normal; overflow-wrap:anywhere;}
	.mlb_list li.mlb_li > a{display:block; min-height:50px; padding:0 56px 0 20px; line-height:50px;}
	.mlb_subtoggle{
		position:absolute;
		top:3px;
		right:4px;
		width:var(--barch-touch-size);
		height:var(--barch-touch-size);
		background:transparent;
		color:#d0d0d0;
	}
	.mlb_subtoggle[aria-expanded="true"] i{transform:rotate(180deg);}
	.mlb_subtoggle i{transition:transform .18s ease;}

	.dark_btn{
		position:fixed;
		right:14px;
		bottom:calc(14px + env(safe-area-inset-bottom));
		min-width:var(--barch-touch-size);
		height:var(--barch-touch-size);
		line-height:var(--barch-touch-size);
		padding:0 13px;
		background:rgba(30,34,42,.82);
		z-index:20;
	}
	.dark_btn i{color:#fff;}
	.dark_btn i::after{display:none;}
	.footer_updown{
		top:auto;
		right:14px;
		bottom:calc(68px + env(safe-area-inset-bottom));
		z-index:19;
	}
	.footer_updown .footer_ud{width:var(--barch-touch-size); height:var(--barch-touch-size);}
}

/* 모바일 */
@media all and (max-width:639px){
	html,body{font-size:15px;}
	.home-grid{grid-template-columns:minmax(0,1fr); gap:18px;}
	.home-card--wide{grid-column:auto;}
	.home-card--gallery .gx_ptop_gallULa{grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px;}
	.home-card--gallery .gx_ptop_gallULa li:nth-child(n+4){display:none;}
	.home-card--gallery .latest_gx_gall .item > h3 > a{font-size:13px;}

	.gx_ptop_listTable td.date,
	.gpe_wgPopularT2 ul.wgP_contents .wgPdate{display:none;}
	.gx_ptop_webzULa li .titconArea,
	.gx_ptop_webzULa li.type2 .titconArea,
	.gx_ptop_webzULa li.type3 .titconArea{width:100% !important;}
	.gx_ptop_webzULa li .thumbArea .thumb,
	.gx_ptop_webzULa li .thumbArea .thumb img{width:104px !important; height:auto !important;}

	.footer_copyright p{font-size:13px;}
	.footer_menu{display:none;}
	.footer_updown{display:none;}

	.tbl_head01 thead,
	#bo_list .td_num2,
	#bo_list .td_name,
	#bo_list .td_num,
	#bo_list .td_datetime{display:none;}
	#bo_list .td_subject{line-height:24px;}
	#bo_list .td_subject .td_subject_mq480{display:block; margin-top:5px;}
	#bo_list .bo_tit a{font-size:15px; font-weight:normal;}
	#bo_list .bo_notice .bo_tit a{font-weight:700;}

	.gall_row .col-gn-2,
	.gall_row .col-gn-3,
	.gall_row .col-gn-4,
	.gall_row .col-gn-5,
	.gall_row .col-gn-6,
	.gall_row .col-gn-7,
	.gall_row .col-gn-8,
	.gall_row .col-gn-9,
	.gall_row .col-gn-10{width:50% !important;}

	#new_sch select,
	#new_sch .frm_input{margin-bottom:10px;}
	#fregister p{height:auto; line-height:28px; padding:10px;}
	#fregister p:before{display:none;}
	#sch_res_detail select{float:left; width:50%;}
	#sch_res_detail .frm_input{width:100%;}
}

@media (prefers-reduced-motion:reduce){
	*,*:before,*:after{
		scroll-behavior:auto !important;
		transition-duration:.01ms !important;
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
	}
}