@charset "UTF-8";

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream-3Light';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream-4Regular';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'S-CoreDream-6Bold';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


:root
{
	--white : #fff;
	--black : #111;
	--red : #e4353b;
	--blue : #2652c7;
	--gray1 : #fafafa;
	--gray2 : #f0f0f0;
	--gray3 : #eee;
	--gray4 : #aaa;
	--gray5 : #666;
	--gray6 : #333;
	
	--font-default : 400;
	--font-normal : 400;
	--font-sami-bold : 500;
	--font-bold : 700;
	--font-bolder : 900;
	
	--site-color : #2e387e;
	--site-bg-color : #f4f6fd;
}


body	{ line-height: 1.5; font-size: 16px; font-family: 'S-CoreDream-4Regular', sans-serif; font-size: 16px; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; }


*	{ padding: 0; margin: 0; box-sizing: border-box; font-style: normal; font-family: 'S-CoreDream-4Regular', sans-serif; }
*:before,
*:after	{ box-sizing: border-box; }
li	{ list-style: none; }
button	{ cursor: pointer; }
label	{ cursor: pointer; }
a	{ text-decoration: none; color: var(--black); }
a:focus, a:hover, a:active	{ color: var(--red); }
*:focus	{ outline: 2px solid var(--blue); }
a, button	{ transition: all 0.5s ease; }

pre	{ display: block; padding: 0; margin: 0; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; text-align: justify; }
table th, table td	{ word-break: break-all; }


.hide, .hidden	{ position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

.input_required	{ display: inline-block; margin: 0 0.3em; color: var(--red); font-weight: var(--font-bold); }

.ui-datepicker,
#ui-datepicker-div	{ z-index: 7 !important; }

.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month	{ height: 30px; }





.new_layerpopup_cover	{ position: fixed; left: 0; top: 0; z-index: 999998; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.new_layerpopup	{ position: fixed; left: 50%; top: 50%; z-index: 999999; width: 430px; /*height: 650px;*/ padding: 0; transform: translate(-50%, -50%); box-sizing: border-box; border-radius: 10px; background-color: #000; color: #fff; }
.new_layerpopup > ul	{ position: relative; padding: 15px 15px 0 15px; margin: 0; list-style: none; }
.new_layerpopup > ul li	{ display: block !important; padding: 0; margin: 0; list-style: none; }
.new_layerpopup > ul div	{ display: block !important; }
.new_layerpopup a	{ position: relative; display: block; width: 400px; height: 565px; background-color: #fff; overflow: hidden; }
.new_layerpopup a:focus:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px dashed red; box-sizing: border-box; content: ""; }
.new_layerpopup a img	{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto; border: 0 none; }
.new_layerpopup p	{ position: relative; clear: both; width: 100%; height: 65px; padding: 17px 20px 0 20px; margin: 0; line-height: 31px; box-sizing: border-box; text-align: left; }
.new_layerpopup p:after	{ display: block; clear: both; content: ""; }
.new_layerpopup p > * { vertical-align: top; }
.new_layerpopup p input	{ width: 23px; height: 31px; margin: 0; }
.new_layerpopup p label	{ display: inline-block; padding: 0 0 0 0.5em; margin: 0; }
.new_layerpopup p button	{ float: right; width: 135px; height: 31px; padding: 0; margin: 0; border: 0 none; border-radius: 10px; background-color: #666; color: #fff; font-weight: normal; }
.new_layerpopup p button:focus, .new_layerpopup p button:hover, .new_layerpopup p button:active	{ background-color: #fff; color: #000; }
.new_layerpopup .slick-prev	{ position: absolute; left: -20px; top: 50%; width: 55px; height: 60px; line-height: 60px; padding: 0; margin: -30px 0 0 0; border: 0 none; background-color: #000; text-align: left; text-indent: -999px; overflow: hidden; color: #fff; font-family: serif; font-weight: bolder; font-size: 40px; z-index: 9999; border-radius: 100% }
.new_layerpopup .slick-prev:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "<"; }
.new_layerpopup .slick-prev:focus, .new_layerpopup .slick-prev:hover, .new_layerpopup .slick-prev:active	{ color: #ffcc00; }
.new_layerpopup .slick-next	{ position: absolute; right: -20px; top: 50%; width: 55px; height: 60px; line-height: 60px; padding: 0; margin: -30px 0 0 0; border: 0 none; background-color: #000; text-align: left; text-indent: -999px; overflow: hidden; color: #fff; font-family: serif; font-weight: bolder; font-size: 40px; z-index: 9999; border-radius: 100%}
.new_layerpopup .slick-next:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ">"; }
.new_layerpopup .slick-next:focus, .new_layerpopup .slick-next:hover, .new_layerpopup .slick-next:active	{ color: #fff; }
.new_layerpopup .slick-dots	{ position: absolute; right: 15px; bottom: 0; padding: 0; margin: 0; list-style: none; }
.new_layerpopup .slick-dots li	{ display: none !important; padding: 0; margin: 0; list-style: none; }
.new_layerpopup .slick-dots li.slick-active	{ display: block !important; }
.new_layerpopup .slick-dots li button	{ width: 65px; height: 42px; padding: 0; margin: 0; border: 0 none; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 13px; font-weight: normal; cursor: default; }
.new_layerpopup .play_stop	{ position: absolute; left: 15px; bottom: 0; width: 65px; height: 42px; padding: 0; margin: 0; border: 0 none;background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 18px; font-weight: normal; font-family: serif; }


@media all and (max-width: 500px)
{
	.new_layerpopup	{ width: 100%; height: auto; }
	.new_layerpopup a	{ position: relative; width: 100%; height: 0; padding-top: 141.25%; }
	.new_layerpopup a img	{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; margin: 0; transform: translate(-50%, -50%); }
}
@media all and (max-width: 500px)
{
	.new_layerpopup p button	{ width: auto; padding: 0 10px; }
}
@media all and (max-width: 320px)
{
	.new_layerpopup p	{ padding-left: 20px; padding-right: 20px; }
}






#accessibility h2	{ position: absolute; width: 0; height: 0; overflow: hidden; }
#accessibility a	{ display: block; width: 100%; height: 0; overflow: hidden; }
#accessibility a:focus	{ display: flex; justify-content: center; align-items: center; height: 50px; border: 2px solid red; outline: 0 none !important; background-color: var(--gray3); color: var(--black); font-weight: var(--font-sami-bold); }





html, body	{ width: 100%; height: 100%; padding: 0; margin: 0; }


body > header	{ position: fixed; left: 0; bottom: 0; z-index: 99; width: 100%; border-radius: 30px 30px 0 0; background: #d5e6ff; }
body > header nav	{}
body > header nav > h1,
body > header nav > ul	{ position: absolute; width: 0; height: 0; overflow: hidden; }
body > header nav > aside	{}
body > header nav > aside ul	{ display: flex; }
body > header nav > aside ul li	{ flex: 1; }
body > header nav > aside ul li.menu_0,
body > header nav > aside ul li.menu_4,
body > header nav > aside ul li.menu_5,
body > header nav > aside ul li.menu_6,
body > header nav > aside ul li.menu_7,
body > header nav > aside ul li.menu_8,
body > header nav > aside ul li.menu_9,
body > header nav > aside ul li.menu_10	{ display: none; }

body > header nav > aside ul li a	{ display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; height: 70px; }
body > header nav > aside ul li a:before	{ display: block; width: 25px; height: 25px; background: no-repeat center center / contain; content: ""; }
body > header nav > aside ul li.home a:before	{ background-image: url(../image/header_icon_home.png); }
body > header nav > aside ul li.sitemap a:before	{ background-image: url(../image/header_icon_sitemap.png); }
body > header nav > aside ul li.menu_1 a:before	{ background-image: url(../image/header_icon_menu_1.png); }
body > header nav > aside ul li.menu_2 a:before	{ background-image: url(../image/header_icon_menu_2.png); }
body > header nav > aside ul li.menu_3 a:before	{ background-image: url(../image/header_icon_menu_3.png); }


body > main	{ padding-bottom: 100px; }

@media all and (max-width: 375px)
{
	body > header nav > aside ul li a	{ font-size: 14px; }
}


/*
dashboard
*/
.dashboard	{ min-height: 100%; background-color: #7187f8; color: #fff; }
.dashboard header	{ display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 0 20px; }
.dashboard header h2	{ display: flex; gap: 20px; font-size: 1.5em; font-weight: bold; }
.dashboard header h2:before	{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 100%; background: #fff url(../image/header_icon_menu_all.png) no-repeat center center; content: ""; }
.dashboard header nav	{ display: flex; gap: 5px; }
.dashboard header nav a	{ display: flex; align-items: center; justify-content: center; height: 2em; padding: 0 1em; border-radius: 1em; background-color: #9eacf4; color: #fff; }

.dashboard .days	{ padding: 20px 0; }
.dashboard .days ul	{ display: flex; }
.dashboard .days ul li	{ flex: 1; }
.dashboard .days ul li a	{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; height: 40px; color: #fff; font-size: 1.2em; font-weight: 500; }
.dashboard .days ul li a.active:before	{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 40px; height: 40px; border-radius: 100%; background-color: #2e4def; content: ""; }

.dashboard .details	{ padding: 30px 20px; border-radius: 30px 30px 0 0; background-color: #fff; color: var(--black); }
.dashboard .details h3	{ margin: 40px 0 10px 0; font-size: 1.2em; color: #405ded; }
.dashboard .details h3:first-child	{ margin-top: 0; }
.dashboard .details p	{ margin: 20px 0; }
.dashboard .details ul.check_list	{ margin: 20px 0; }
.dashboard .details ul.check_list li	{ position: relative; line-height: 1.2; padding-left: 40px; }
.dashboard .details ul.check_list li:before	{ position: absolute; left: 0; top: calc((1.2em - 27px) / 2); width: 27px; height: 27px; border: 1px solid #666; border-radius: 3px; background-color: #fff; content: ""; }
.dashboard .details ul.check_list li.checked:before	{ border: 0 none; background: #5065f2 url(../image/icon_check_white.png) no-repeat center center; }
.dashboard .details ul.check_list li + li	{ margin-top: 15px; }


.dashboard .messagebox	{ padding: 20px; margin: 30px 0; border-radius: 10px; background-color: #f0f4f5; }
.dashboard .messagebox h3	{ position: relative; padding-left: 50px; }
.dashboard .messagebox h3:before	{ position: absolute; left: 0; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-top: -20px; border-radius: 100%; background: #405ded no-repeat center center; color: #fff; content: "!"; }
	.dashboard .messagebox.type1 h3:before	{ background: #7187f8 url(../image/messagebox_type_1.png) no-repeat center center / contain; content: ""; }
	.dashboard .messagebox.type2 h3:before	{ background: #34ab0f url(../image/messagebox_type_2.png) no-repeat center center / contain; content: ""; }
.dashboard .messagebox h3 strong	{ display: block; font-size: 1.2em; color: #405ded; }
.dashboard .messagebox h3 span	{ display: block; font-size: 0.9em; color: #767b7c; }





/**
SUB
**/
body > main.sub	{ min-height: 100%; padding: 0; background-color: #7187f8; }
body > main.sub section header	{ display: flex; justify-content: space-between; align-items: center; height: 70px; padding: 0 20px; }
body > main.sub section header h2	{ display: flex; gap: 20px; font-size: 1.5em; font-weight: bold; color: #fff; }
body > main.sub section header h2:before	{ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: url(../image/logo.png) no-repeat center center / contain; content: ""; }

body > main.sub aticle#new_contents	{ display: block; padding: 30px 20px 100px; border-radius: 30px 30px 0 0; background-color: #fff; color: var(--black); }





.full_page	{ position: fixed; left: 0; top: 0; display: flex; flex-direction: column; width: 100%; height: 100%; padding: 0; background-color: #7187f8; overflow: auto; }
.full_page h2	{ display: flex; align-items: center; gap: 20px; height: 70px; padding: 0 20px; font-size: 1.5em; font-weight: bold; color: #fff; }
.full_page h2:before	{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 100%; background: #fff url(../image/header_icon_menu_all.png) no-repeat center center; content: ""; }
.full_page .page_content	{ flex: 1;display: flex; flex-direction: column; justify-content: space-evenly; padding: 30px 20px 100px; border-radius: 30px 30px 0 0; background-color: #fff; color: var(--black); }
.full_page .page_content .image_member_wait	{ width: 200px; height: 200px; margin: 0 auto; background: url(../image/image_member_wait.png) no-repeat center center / contain; }
.full_page .page_content p	{ margin: 20px 0; text-align: center; font-size: 1.5em; font-weight: 700; }
.full_page .page_content p + div	{ text-align: center; }
.full_page .page_content div.order	{ display: flex; justify-content: center; gap: 10px; margin: 10px 0; }
.full_page .page_content div.order > *	{ flex: 0 1 120px; display: flex; align-items: center; justify-content: center; height: 50px; padding: 0; border: 0 none; border-radius: 50px; background-color: #333; color: #fff; font-size: 16px; font-weight: 600; }


/**
회원
**/
.modules_member .input_required	{ margin: 0; }
.modules_member label .input_required	{ display: inline-block; margin-right: 0.5em; vertical-align: top; }
.modules_member .form_table	{ line-height: 1.5; margin: 0; border: 0 none; background-color: transparent; }
.modules_member .form_table table	{ display: block; }
.modules_member .form_table table caption,
.modules_member .form_table table colgroup	{ display: none; }
.modules_member .form_table table tbody	{ display: block; }
.modules_member .form_table table tbody tr	{ display: block; padding: 10px 0; border-bottom: 1px solid #eee; }
.modules_member .form_table table tbody tr + tr	{ padding-top: 10px; }
.modules_member .form_table table tbody tr th	{ display: block; height: auto; line-height: 1.5; padding: 0; text-align: left; background-color: transparent; }
.modules_member .form_table table tbody tr td	{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; height: auto; line-height: 1.5; padding: 0 0 0 1em; text-align: left; background-color: transparent; }
.modules_member .form_table table tbody tr td input[type="checkbox"],
.modules_member .form_table table tbody tr td input[type="radio"]	{ width: 20px; height: 20px; }
.modules_member .form_table table tbody tr td input[type="text"],
.modules_member .form_table table tbody tr td input[type="password"]	{ width: 100% !important; min-width: 0 !important; max-width: 100%; }

	.modules_member .form_table table tbody tr td input[name="user_id"]	{ flex: 1; }
	.modules_member .form_table table tbody tr td button.process_id_exists_check	{ flex: 0 1 100px; padding: 0; }
	.modules_member .form_table table tbody tr td input[name="birthday"]	{ flex: 1; }
	.modules_member .form_table table tbody tr td img.ui-datepicker-trigger	{ flex: 0 1 16px; height: 15px; }
	.modules_member .form_table table tbody tr td .birthday_LS	{ flex: 1 1 100%; }
	.modules_member .form_table table tbody tr td input[name="post"]	{ flex: 1; }
	.modules_member .form_table table tbody tr td button.process_address_search	{ flex: 0 1 100px; padding: 0; }

.modules_member .form_table table tbody tr td > br	{ display: none; }
.modules_member .form_table table tbody tr td .description	{ flex: 1 1 100%; display: block; }









/**
로그인 페이지
**/
body.member_login	{ padding: 0; background-color: #7187f8; color: #fff; }
body.member_login > header	{ display: none; }
body.member_login > main.sub	{ padding: 0; }
body.member_login > main.sub aticle#new_contents	{ padding: 0; border-radius: 0; background-color: transparent; color: inherit; }
body.member_login > main.sub section header	{ position: absolute; width: 0; height: 0; overflow: hidden; }


.modules_member .proc_login	{ padding: 0 !important; border: 0 none !important; }
.modules_member .proc_login .header	{ padding-top: 5vw; }
.modules_member .proc_login .header h2	{ aspect-ratio: 242 / 102; width: 242px; max-width: 50%; margin: 0 auto; background: url(../image/login_h2.png) no-repeat center center / contain; text-indent: -999px; overflow: hidden; }
.modules_member .proc_login .header h3	{ aspect-ratio: 430 / 76; width: 430px; max-width: 70%; margin: 3vw auto 0 auto; background: url(../image/login_h3.png) no-repeat center center / contain; text-indent: -999px; overflow: hidden; }
.modules_member .proc_login .header p	{ margin: 1vw 0; text-align: center; font-size: 20px; }
.modules_member .proc_login .header p span	{ display: inline-block; }
.modules_member .proc_login .header p strong	{ font-size: 24px; font-weight: bolder; color: #ffeb08; }
.modules_member .proc_login .header:after	{ aspect-ratio: 542 / 432; display: block; width: 542px; max-width: 90%; margin: 30px auto 0 auto; background: url(../image/login_bg.png) no-repeat center center / contain; content: ""; }

.modules_member .proc_login .form	{ position: fixed; left: 0; bottom: 0; width: 100%; padding: 30px 30px 10px 30px; border-radius: 30px 30px 0 0; background-color: var(--white); color: var(--black); }
.modules_member .proc_login .form form	{}
.modules_member .proc_login .form form fieldset	{ display: flex; flex-direction: column; gap: 5px; }
.modules_member .proc_login .form form fieldset p	{ flex: 1; }
.modules_member .proc_login .form form fieldset p label	{ position: absolute; width: 0; height: 0; overflow: hidden; }
.modules_member .proc_login .form form fieldset p input[type="text"],
.modules_member .proc_login .form form fieldset p input[type="password"]	{ display: block; width: 100%; height: 50px; padding: 0 30px; border: 0 none; border-radius: 50px; background-color: #eeeef3; font-size: 16px; color: #000; }
.modules_member .proc_login .form form fieldset p input[type="text"]:focus,
.modules_member .proc_login .form form fieldset p input[type="password"]:focus	{ background-color: #333; color: #fff; }
.modules_member .proc_login .form form fieldset p button[type="submit"]	{ display: block; width: 100%; min-width: 100% !important; height: 50px; padding: 0; border: 0 none; border-radius: 50px; background-color: #405ded; color: #fff; font-size: 16px; font-weight: 600; }

.modules_member .proc_login .form form fieldset p.submit	{ padding-bottom: 20px; border-bottom: 1px solid #c8c8c8; }
.modules_member .proc_login .form form fieldset p.other	{ display: flex; justify-content: center; flex-wrap: wrap; gap: 20px 10px; padding-top: 20px; }
.modules_member .proc_login .form form fieldset p.other a	{ font-size: 16px; }
.modules_member .proc_login .form form fieldset p.other a.join	{ flex: 1 1 100%; display: flex; align-items: center; justify-content: center; gap: 10px; height: 50px; line-height: 1; border: 1px solid #b5c3c3; border-radius: 10px; background-color: #f6f9f9; color: #1836ec; font-weight: 600; }
.modules_member .proc_login .form form fieldset p.other a.join:before	{ display: block; width: 20px; height: 15px; background: url(../image/icon_join_button.png) no-repeat center center / contain; content: ""; }

@media all and (max-width: 425px)
{
	.modules_member .proc_login .header p	{ font-size: 12px; }
	.modules_member .proc_login .header p strong	{ font-size: 14px; }
	.modules_member .proc_login .form form fieldset p.other a.join	{ font-size: 14px; letter-spacing: -1px; }
}







.modules_board table	{ table-layout: fixed; clear: both; width: 100%; margin: 20px 0; border-collapse: collapse; border-width: 3px 1px 2px 1px; border-style: solid; border-color: #0077ca transparent #0077ca transparent; }
.modules_board table caption		{ width: 0; height: 0; line-height: 0; /*visibility: hidden;*/ overflow: hidden; font-size: 0; }
.modules_board table thead th,
.modules_board table thead td	{ line-height: 20px; padding: 10px 3px; border-width: 0 0 1px 0; border-style: solid; border-color: transparent transparent #d0d0d0 transparent; text-align: center; font-size: 1.1em; font-weight: bold; word-break: break-all; word-wrap: break-word; }
.modules_board table thead tr:nth-child(2) th,
.modules_board table thead tr:nth-child(2) td	{ background-color: #fafafa; }
.modules_board table thead tr:nth-child(3) th,
.modules_board table thead tr:nth-child(3) td	{ background-color: #fcfcfc; }
.modules_board table thead tr:nth-child(4) th,
.modules_board table thead tr:nth-child(4) td	{ background-color: #fefefe; }
.modules_board table tbody th,
.modules_board table tbody td	{ line-height: 20px; padding: 5px 3px; border-width: 0 0 1px 0; border-style: solid; border-color: transparent transparent #d0d0d0 transparent; word-break: break-all; word-wrap: break-word; } 
.modules_board table tbody td.table-empty,
.modules_board table tbody td.empty	{ padding: 50px 0 !important; text-align: center; background-color: #fff !important; }
.modules_board table.over tbody tr:focus, .modules_board table.over tbody tr:hover, .modules_board table.over tbody tr:active	{ background-color: #fafafa; background-color:rgba(0, 0, 0, 0.05); }
/*
.modules_board table tbody tr:focus th, .modules_board table tbody tr:hover th, .modules_board table tbody tr:active th,
.modules_board table tbody tr:focus td, .modules_board table tbody tr:hover td, .modules_board table tbody tr:active td	{ background-color: transparent !important; }
*/
.modules_board table tfoot th,
.modules_board table tfoot td	{ line-height: 25px; padding: 3px; border-width: 0 0 1px 0; border-style: solid; border-color: #ccc transparent #d0d0d0 transparent; background-color: #f0f0f0; word-break: break-all; word-wrap: break-word; } 
.modules_board table th strong	{ color: #0077ca; }
.modules_board table tr.table-title th,
.modules_board table tr.table-title td	{ line-height: 2.5em; padding-left: 20px; text-align: left; font-size: 1.1em; color: #0077ca; font-weight: bold; background-color: #ddd; }
.modules_board table tr.table-title2 th,
.modules_board table tr.table-title2 td	{ line-height: 2em; padding-left: 30px; text-align: left; font-size: 1em; color: #000; font-weight: bold; background-color: #f0f0f0; }
.modules_board .pagejump p	{ display: flex; align-items: center; justify-content: center; }

@media all and (max-width: 425px)
{
	.modules_board .proc_list .list table	{ display: block; }
	.modules_board .proc_list .list table caption,
	.modules_board .proc_list .list table colgroup,
	.modules_board .proc_list .list table thead	{ display: none; }
	.modules_board .proc_list .list table tbody	{ display: block; }
	.modules_board .proc_list .list table tbody tr	{ display: block; }
	.modules_board .proc_list .list table tbody tr + tr	{ border-top: 1px solid #666; }
	.modules_board .proc_list .list table tbody tr td	{ position: relative; display: block; padding-left: calc(25% + 10px) !important; padding-right: 10px; text-align: left !important; }
	.modules_board .proc_list .list table tbody tr td:before	{ position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 25%; height: 100%; background-color: #f0f0f0; color: #333; font-weight: bold; content: ""; }
		.modules_board .proc_list .list table tbody tr td:nth-child(1):before	{ content: "번호"; }
		.modules_board .proc_list .list table tbody tr td:nth-child(2):before	{ content: "제목"; }
		.modules_board .proc_list .list table tbody tr td:nth-child(3):before	{ content: "첨부"; }
		.modules_board .proc_list .list table tbody tr td:nth-child(4):before	{ content: "등록일"; }
	.modules_board .proc_list .list table tbody tr td + td	{ border-top: 1px solid #ccc; }
}