@charset "UTF-8";

/**
HEADER
**/

header aside nav ul:nth-child(2) li a.memcard	{ gap: 9px; }
header aside nav ul:nth-child(2) li a.memcard:before	{ display: block; width: 24px; height: 17px; background: url(../image/header_memcard.png) no-repeat center center; content: ""; }

@media all and ( max-width: 640px )
{
	header aside	{ height: 100px; }
	header aside nav	{ gap: 10px; height: 100px; }
	header aside nav ul:nth-child(2)	{ justify-content: flex-start; gap: 10px; }
	
	nav#GNB .cd1.mobile_active .lb1	{ top: 100px; height: calc(100% - 100px); }
}

@media all and ( max-width: 768px )
{
	nav#GNB .ld1	{ padding-top: 40px; }
	
	nav#GNB .cd2.child_tabmenu .l2.hasChild	{ padding-right: 0; background: none; }
}




/**
FOOTER
**/
@media all and ( max-width: 768px )
{
	footer aside .familysite	{ display: flex; flex-wrap: wrap; gap: 5px; padding: 10px 0; }
	footer aside .familysite dl	{ flex: 1 1 40%; }
	footer aside .links ul	{ justify-content: flex-start; gap: 0 20px; }
	
	footer address	{ padding: 70px 10px 20px 10px; margin: 0; }
	footer address:before	{ content: ""; }
}

@media all and ( max-width: 425px )
{
	footer aside .links ul	{ padding: 10px; }
	
	footer aside .familysite dl dt button	{ height: 37px; padding: 0 30px 0 10px; }
	footer aside .familysite dl dt button:before	{ right: 29px; }
	footer aside .familysite dl dt button:after	{ right: 9px; top: 10px; }
}

@media all and ( max-width: 320px )
{
	footer address	{ font-size: 12px; }
}




/**
MAIN
**/

main.main .lecture_list .list ul	{ gap: 20px; }
main.main .lecture_list .list ul li	{ flex: 0 1 calc((100% - 20px * 2) / 3); }

/* 메인 강좌 2줄로 할 경우 주석 해제 */
/*
main.main .lecture_list .list ul li a .title	{ display: -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical; height: 2.4em; line-height: 1.2; white-space: normal; }
*/

@media all and ( max-width: 768px )
{
	main.main .lecture_list .list ul li a	{ padding: 16px; }
	main.main .lecture_list .list ul li a em	{ line-height: 28px; }
	main.main .lecture_list .list ul li a span	{ width: auto; background-color: transparent; color: #3c3c3c; font-weight: bold; }
}

@media all and ( max-width: 425px )
{
	main.main .area .list ul li	{ flex: 0 1 calc((100% - 5px * 3) / 4); }
	main.main .area .list ul li a	{ height: 40px; }
	
	main.main .section_first br	{ display: inline; }
	main.main .section_first span	{ text-align: center; }
}

@media all and ( max-width: 320px )
{
	main.main .area .list ul li	{ flex: 0 1 calc((100% - 5px * 2) / 3); }
	main.main .area .list ul li a	{ height: 30px; }
}





/**
SUB
**/
.root_daum_roughmap	{ max-width: 100%; }








/**
PROGRAM
**/

.modules_fmcs_lecture .proc_read .top_area .picture .pic_box .status	{ z-index: 2; }


.modules_fmcs_locker .proc_reg_list .search	{ padding: 0; border: 0 none; background: none; }

@media all and ( max-width: 768px )
{
	.card .noti_box	{ padding: 20px; margin: 0 0 20px 0; }
	.card > ul li a	{ padding: 25px; }
	.card .empty	{ line-height: 5em !important; }
	
	
	.modules_fmcs_lecture .search form select	{ margin-top: 0; }
	
	.modules_fmcs_lecture .proc_read h3	{ margin: 40px 0 10px 0; font-size: 20px; }
	.modules_fmcs_lecture .proc_write .result_box	{ padding: 20px 10px; margin: 20px 0; }
	.modules_fmcs_lecture .proc_write .result_box strong	{ font-size: 16px; }
	.modules_fmcs_lecture .proc_write .result_box p:nth-child(2)	{ line-height: 1.5; font-size: 1rem; }
	
	
	.modules_fmcs_locker .search	{ padding: 20px !important; }
	.modules_fmcs_locker .search form label	{ flex: auto !important; top: auto; left: auto; width: auto; height: auto; font-size: 1rem; }
	.modules_fmcs_locker .search form select	{ margin-top: 0; }
}



.ui-dialog	{ max-width: 100%; }
.gov_discount	{ line-height: 1.5; font-size: 16px; }
.gov_discount h3	{ margin: 15px 0; font-size: 22px; }
.gov_discount table tbody tr td	{ height: 50px; text-align: left; }
.gov_discount input[name="person_no_1"],
.gov_discount input[name="person_no_2"]	{ max-width: calc((100% - 2em) / 2); height: 40px; text-align: center; }
.gov_discount input[type="checkbox"]	{ width: 20px; height: 20px; margin: 15px 0; }
.gov_discount label	{ display: inline-block; padding-left: 10px; margin: 15px 0; font-weight: bold; font-size: 1.1em; }
.gov_discount .split	{ display: inline-block; width: 1em; text-align: center; }
.gov_discount ul	{ margin: 15px 0 15px 2em; }
.gov_discount ul li	{ list-style: outside square; }
.gov_discount p	{ margin: 15px 0; }
.gov_discount .order_r	{ display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin: 15px 0 0 0; }
.gov_discount .order_r > *	{ flex: 1; padding: 0 20px; }




@media all and ( max-width: 768px )
{
	.modules_board .proc_list .list table.mobile_table	{}
	.modules_board .proc_list .list table.mobile_table tbody tr	{ background: transparent !important; color: inherit !important; text-align: left !important; }
	.modules_board .proc_list .list table.mobile_table tbody tr td	{ display: inline-block !important; min-height: 0 !important; line-height: 1.1 !important; padding: 5px !important; }
	.modules_board .proc_list .list table.mobile_table tbody tr td:before	{ display: none; position: static; width: auto; background: transparent; }
	.modules_board .proc_list .list table.mobile_table tbody tr td:nth-child(1)	{ display: none !important; }
	.modules_board .proc_list .list table.mobile_table tbody tr td + td	{ border: 0 none !important; }
	.modules_board .proc_list .list table.mobile_table tbody tr.board_notice td:nth-child(1)	{ display: inline-block !important; color: var(--site-color); font-weight: var(--font-bold); }
	.modules_board .proc_list .list table.mobile_table tbody tr.board_notice td:nth-child(1):before	{ display: inline; color: var(--site-color); font-weight: var(--font-bold);  content: "[" }
	.modules_board .proc_list .list table.mobile_table tbody tr.board_notice td:nth-child(1):after	{ color: var(--site-color); font-weight: var(--font-bold); content: "]" }
	
	.modules_board .proc_list .list table.mobile_table tbody tr td[data-title="제목"]	{ display: block !important; }
	.modules_board .proc_list .list table.mobile_table tbody tr td[data-title="읍면동"]	{ color: var(--site-color); font-weight: var(--font-bold); }
	.modules_board .proc_list .list table.mobile_table tbody tr td[data-title="읍면동"]:before	{ display: inline; content: "["; }
	.modules_board .proc_list .list table.mobile_table tbody tr td[data-title="읍면동"]:after	{ content: "]"; }
	.modules_board .proc_list .list table.mobile_table tbody tr td[data-title="첨부"]	{ float: right; }
	.modules_board .proc_list .list table.mobile_table tbody tr td[data-title="첨부"].nofile	{ display: none !important; }
}