@charset "UTF-8";

/* 20221021 추가 */
div { box-sizing: border-box; }
section { box-sizing: border-box; }

.modules_application	{ font-size: 16px; }

@media all and ( max-width: 768px )
{
	.modules_application	{ font-size: 13px; }
}

.button	{ background-color: #fff; }

.proc_application_list .search	{ margin: 0 0 40px 0; }

.proc_application_list .search .input_box	{ display: inline-block; }
.proc_application_list .search .input_box + .input_box	{ margin-left: 5px; }
.proc_application_list .search .input_box .date_title { color: #596f9b; font-weight: 600; }
.proc_application_list .search label,
.proc_application_list .search .label	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.proc_application_list .search input	{ height: 34px; padding: 0 10px; margin: 0; border: 1px solid #e1e1e1; background-color: #fff; box-shadow: none; color: #000; }
.proc_application_list .search input.date	{ width: 8em; text-align: center; }
.proc_application_list .search input[name="searchword"]	{ width: 10em; margin-left: 5px; }
.proc_application_list .search select	{ height: 34px; padding: 0 25px 0 10px; margin: 0; border: 1px solid #e1e1e1; background-color: #fff; box-shadow: none; color: #000; }
.proc_application_list .search button[type="submit"]	{ width: 75px; height: 34px; padding: 0; margin: 0 0 0 6px; border: 0 none; border-radius: 4px; background: #e84c6d; color: #fff; font-size: 14px; font-weight: normal; }
.proc_application_list .search button[type="submit"]:before	{ display: inline-block; width: 18px; height: 15px; background: url(../image/search.png) no-repeat left center; vertical-align: text-top; content: ""; }
.proc_application_list .search button[type="submit"]:focus, .proc_application_list .search button[type="submit"]:hover, .proc_application_list .search button[type="submit"]:active	{ background-color: #3d4652; color: #fff; }

.proc_application_list .search .search_reset { height: 34px; padding: 4px 10px; margin-right: 5px; border: 1px solid #dedede; border-radius: 5px; box-sizing: border-box; background-color: #fff; color: #000; }
.proc_application_list .search .search_reset:before { display: inline-block; width: 15px; height: 15px; background: url("../image/search_ico_01.png") no-repeat left center; content: ""; } 
.proc_application_list .search .search_reset:focus, .proc_application_list .search .search_reset:hover, .proc_application_list .search .search_reset:active { background-color: #3d4652; color: #fff; }
.proc_application_list .search .search_reset:focus.search_reset:before, .proc_application_list .search .search_reset:hover.search_reset:before, .proc_application_list .search .search_reset:active.search_reset:before { background: url("../image/search_ico_02.png") no-repeat left center; content: ""; }

.proc_application_list .search .search_box1	{ padding: 12px 15px; border: 1px solid #dedede; border-radius: 5px; background-color: #f3f3f3; text-align: center; }
.proc_application_list .search .search_box2	{ margin: 15px 0 0 0; text-align: right; }

.proc_application_list .search .view_mode	{ display: inline-block; padding: 0; margin: 0; list-style: none; vertical-align: middle; }
.proc_application_list .search .view_mode:after	{ display: block; clear: both; content: ""; }
.proc_application_list .search .view_mode li	{ float: left; padding: 0; margin: 0; list-style: none; background: none; }
.proc_application_list .search .view_mode li + li	{ margin-left: 3px; }
.proc_application_list .search .view_mode li a	{ display: inline-block; width: 34px; height: 34px; border: 1px solid #dedede; background: #999 no-repeat center center; text-align: left; text-indent: -9999px; overflow: hidden; }
.proc_application_list .search .view_mode li a.gallery	{ background-image: url(../image/view_mode_gallery.png); }
.proc_application_list .search .view_mode li a.list	{ background-image: url(../image/view_mode_list.png); }
.proc_application_list .search .view_mode li a:focus, .proc_application_list .search .view_mode li a:hover, .proc_application_list .search .view_mode li a:active	{ background-color: #000; }
.proc_application_list .search .view_mode li a.active	{ background-color: #0955ba; }


.proc_application_list .list	{}

.proc_application_list .list ul	{ padding: 0; margin: 0; list-style: none; }
.proc_application_list .list ul:after	{ display: block; clear: both; content: ""; }
.proc_application_list .list ul li	{ float: left; width: 30%; padding: 0; margin: 0 0 2.6666666% 0; list-style: none; }
.proc_application_list .list ul li + li	{ margin-left: 2.6666666%; }
.proc_application_list .list ul li:nth-child(3n + 1)	{ clear: both; margin-left: 0; }
.proc_application_list .list ul li a	{ display: block; padding-top: 15px; border: 1px solid #dedede; border-radius: 5px; background: #fff; /* background: #fff url("../image/list_link_icon.png") no-repeat right 17px top 22px; */ overflow: hidden; }
.proc_application_list .list ul li a:after	{ display: block; clear: both; content: ""; }
.proc_application_list .list ul li a:focus, .proc_application_list .list ul li a:hover, .proc_application_list .list ul li a:active	{ box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
.proc_application_list .list ul li a br	{ display: none; }
.proc_application_list .list ul li a em.status	{ float: left; display: block; width: 80px; margin: 0 0 22px 15px; text-align: center; line-height: 31px; background: #666; color: #fff; border-radius: 5px; }
/* .proc_application_list .list ul li a em.status.before	{ background-color: #0fbcae; }
.proc_application_list .list ul li a em.status.ing	{ background-color: #5b47f7; }
.proc_application_list .list ul li a em.status.end	{ background-color: #ff587a; } */
.proc_application_list .list ul li a em.status.before	{ background-color: #5b47f7; }
.proc_application_list .list ul li a em.status.ing	{ background-color: #ec4565; }
.proc_application_list .list ul li a em.status.end	{ background-color: #747474; }
.proc_application_list .list ul li a em.category	{ float: right; display: block; min-width: 80px; margin: 0 15px 22px 0; text-align: center; line-height: 31px; background: #666; color: #fff; border-radius: 5px; }
.proc_application_list .list ul li a strong	{ clear: both; display: block; height: 50px; line-height: 25px; padding: 0 5px 0 5px; margin: 0 10px 8px; box-sizing: border-box; overflow: hidden; font-size: 20px; font-weight: 600; color: #2a2a2a; }
.proc_application_list .list ul li a strong	{ display: -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical; }
.proc_application_list .list ul li a dl	{ padding: 5px 5px 0 5px; margin: 0 10px; list-style: none; border-top: 1px solid #ccc; }
.proc_application_list .list ul li a dl:after	{ display: block; clear: both; content: ""; }
.proc_application_list .list ul li a dl dt	{ clear: both; padding: 3px 15px 0 22px; margin: 0; list-style: none; background: url(../image/list_item_icon.png) no-repeat left 10px; font-weight: bold; font-size: 16px; color: #2f2f2f; }
.proc_application_list .list ul li a dl dd	{ padding: 0 0 10px 22px; margin: 0; list-style: none; font-size: 16px; color: #2f2f2f; }
/* .proc_application_list .list ul li a dl dt,
.proc_application_list .list ul li a dl dd	{ line-height: 20px; padding-top: 8px; padding-bottom: 0px; font-size: 16px; color: #2f2f2f; } */

.proc_application_list .list ul li a dl dt:nth-child(7)	{ position: absolute; width: 0; height: 0; padding: 0; margin: 0; font-size: 0; text-align: left; text-indent: -99999px; overflow: hidden; }
.proc_application_list .list ul li a dl dd:nth-child(8)	{ clear: both; line-height: 39px; padding: 0; margin: 13px -30px 0 -30px; border-top: 1px solid #d7d7d7; background-color: #f9f9f9; text-align: center; }
.proc_application_list .list ul li a dl dd:nth-child(8):before	{ content: "접수 "; }


.proc_application_list .list table	{ margin: 0; border-width: 2px 0; border-color: #555 transparent; background: #fff; }
.proc_application_list .list table thead { background-color: #ebf6f4; }
.proc_application_list .list table thead tr th	{ background: transparent; line-height: 45px; font-size: 18px; border-right: 1px solid #dadada; }
.proc_application_list .list table thead tr th:last-child { border-right: none; }
.proc_application_list .list table tbody	{ text-align: center; }
.proc_application_list .list table tbody tr td	{ height: 41px; border-right: 1px solid #dadada; }
.proc_application_list .list table tbody tr td:last-child { border-right: none; }
.proc_application_list .list table tbody tr td:nth-child(2) { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.proc_application_list .list table tbody tr td em { padding: 7px 10px; background-color: #747474; border-radius: 5px; color: #fff; }
.proc_application_list .list table tbody tr td em.before { background-color: #5b47f7; }
.proc_application_list .list table tbody tr td em.ing { background-color: #ec4565; }
.proc_application_list .list table tbody tr td em.end { background-color: #747474; }

.proc_application_list .list .empty	{ float: none; width: 100%; min-height: 40em; line-height: 40em; text-align: center; }

.contents .pagejump a { width: 30px; height: 30px; padding: 2px; }
.contents .pagejump a span { color: #000; font-weight: bold; }
.contents .pagejump a.now { background-color: #000; border-radius: 100%; box-sizing: border-box; }
.contents .pagejump a.now span { color: #fff; font-weight: bold; }


textarea, select, input[type="file"], input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"] { box-shadow: none; }




.file_upload	{ margin: 0 !important; }
.file_upload ol li	{ line-height: 40px }
.file_upload ol li label	{ display: inline-block; width: auto; }
.file_upload ol li label strong	{ width: auto !important; color: inherit; }


.proc_application_write	{}
.proc_application_write form table	{ margin: 0; background: #fff; }
.proc_application_write form table tbody tr th	{ background-color: #fff; }


.proc_application_write #area_forms ol li	{ line-height: 40px; }
.proc_application_write #area_forms ol li + li	{ border-top: 1px dashed #eee; }
.proc_application_write #area_forms ol li .input_box	{ display: inline-block; }
.proc_application_write #area_forms ol li .input_box + .input_box	{ margin-left: 2em; }
.proc_application_write #area_forms ol li .input_box label	{ font-weight: bold; }
.proc_application_write #area_forms ol li .input_box1	{ display: block; }
.proc_application_write #area_forms ol li .input_box1 label	{ font-weight: bold; }
.proc_application_write #area_forms ol li .input_box2	{ display: block; }

.proc_application_write #area_forms ol li .forms_options	{ display: block; }
.proc_application_write #area_forms ol li .forms_options label	{ display: inline-block; min-width: 10em; text-align: right; font-weight: 600; }
.proc_application_write #area_forms ol li .forms_options .unit	{ display: inline-block; margin-left: 0.5em; }
.proc_application_write #area_forms ol li .forms_options .unit:empty	{ display: none; }
.proc_application_write #area_forms ol li .forms_options .description	{ display: block; line-height: 1.2em; margin-left: 11em; margin-bottom: 0.5em; color: #f00; }
.proc_application_write #area_forms ol li .forms_options .description.big	{ line-height: 1.5em; margin-left: 1em; color: #f00; font-size: 1.2em; }
.proc_application_write #area_forms ol li .forms_options .description:empty	{ display: none; }

.proc_application_write #area_forms ol li .order	{ margin: 0; text-align: right; }

.proc_application_write #area_forms > .order	{ margin: 0; text-align: center; }










/* .proc_application_read	{ padding: 30px 30px 0 30px; background: #fff; } */
.proc_application_read	{ padding: 30px 0px 0 0px; background: #fff; }
.proc_application_read:after	{ display: block; clear: both; content: ""; }

/* .proc_application_read .info_box	{}
.proc_application_read .info_box:after	{ display: block; clear: both; content: ""; }
.proc_application_read .info_box .picture	{ float: left; width: 45.36%; }
.proc_application_read .info_box .picture img	{ display: block; border: 0 none; } */
/* .proc_application_read .info_box .info	{ float: right; width: calc(100% - 45.36% - 40px); }
.proc_application_read .info_box .info table	{ margin: 0; border-color: #555 transparent; }
.proc_application_read .info_box .info table tbody th,
.proc_application_read .info_box .info table tbody td	{ height: 52px; background: transparent; text-align: left; color: #000; } */
.proc_application_read .info_box .info { width: 100%; }
.proc_application_read .info_box .info table { width: 100%; border-top: 2px solid #303030; border-bottom: 1px solid #a7c8ba; }
.proc_application_read .info_box .info table tr { height: 60px; }
.proc_application_read .info_box .info table tr:first-child th { line-height: 3em; background-color: #ebf6f4; border-right: none; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ font-size: 1.3em }
.proc_application_read .info_box .info table tr:first-child th:before { content: none; }
.proc_application_read .info_box .info table tr th { background-color: #fbfff9; font-weight: bold; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.proc_application_read .info_box .info table tr th:before { display: inline-block; height: 18px; content: url(../image/table_ico.png); margin-right: 5px; /*position: absolute; right: 61%; top: 20px;*/ vertical-align: middle; }
.proc_application_read .info_box .info table tr td { padding-left: 1em; background-color: #fbfff9; font-weight: bold; border-right: 1px solid #dedede; }
.proc_application_read .info_box .info table tr:nth-child(2) td:last-child { border-right: none; }
.proc_application_read .info_box .info table tr:nth-child(3) td:last-child { border-right: none; }

.proc_application_read .info_box:after { display: block; clear: both; content: ""; }
.proc_application_read .info_box .picture { width: 100%; padding-bottom: 20px; }
.proc_application_read .info_box .picture img { display: block; margin: 0 auto; border: 0 none; }

.proc_application_read .read_table { width: 100%; border-top: 1px solid #dedede; /* border-bottom: 2px solid #303030; */ }
/* .proc_application_read .read_table:first-child { border-bottom: none; } */
.proc_application_read .read_table.read_table_stl { border-bottom: 2px solid #303030; }
.proc_application_read .read_table h3 { width: 200px; display: inline-block; height: 100%; line-height: 1.2; padding-left: 30px; margin-top: 16px; background: url(../image/table_ico.png) no-repeat left 5px top; color: #333; box-sizing: border-box; vertical-align: top; font-size: 16px; }
.proc_application_read .read_table .content_box { width: calc(100% - 220px); display: inline-block; margin: 16px 0; }
.proc_application_read .read_table .content_box > *	{ margin: 0; }



/* .proc_application_read h3	{ padding-left: 0; margin: 50px 0 20px 0; background: none; color: #000; }
.proc_application_read .content_box	{ padding: 10px; border: 1px solid #eee; } */


/* .proc_application_read .order	{ padding: 40px 10px 20px 10px; margin: 30px -30px 0 -30px; background-color: #f4f4f4; } */
.proc_application_read .order	{ padding: 40px 10px 20px 10px; margin: 30px 0 0 0; }
.proc_application_read .order:after	{ display: block; clear: both; content: ""; }
.proc_application_read .order .left	{ float: left; text-align: left; }
.proc_application_read .order .right	{ float: right; text-align: right; }

.proc_application_read .order .button	{ margin: 0; }
.proc_application_read .order .button + .button	{ margin-left: 10px; }

.proc_application_read .left .button { border: none; box-shadow: none; padding: 8px 15px; }
.proc_application_read .left .button:last-child { background-color: #555555; color: #fff; }
.proc_application_read .right .button { border: none; box-shadow: none; padding: 8px 15px; }
.proc_application_read .right .button:last-child { border: 1px solid #003da4; padding: 7px 12px; }
.proc_application_read .left .button.action_list,
.proc_application_read .right .button.action_list	{ border: 1px solid #666; }
.proc_application_read .left .button.action_mylist,
.proc_application_read .right .button.action_mylist	{ border: 1px solid #003da4; }


.proc_application_read .info table tr th em { display: inline-block; line-height: 30px; background-color: #666; padding: 3px 10px; margin-right: 10px; color: #fff; text-align: center; border-radius: 5px; }
.proc_application_read .info table tr th em.before { background-color: #5b47f7; }
.proc_application_read .info table tr th em.ing { background-color: #ec4565; }
.proc_application_read .info table tr th em.end { background-color: #747474; }


.proc_application_read .content_box .button	{ margin: 0; }
.proc_application_read .content_box .button + .button	{ margin-left: 10px; }





.proc_form_list .search	{ margin: 0 0 40px 0; font-size: 14px; }

.proc_form_list .search .search_box1	{ padding: 12px 15px; border: 1px solid #dedede; border-radius: 5px; background-color: #fff; text-align: center; }

.proc_form_list .search .input_box	{ display: inline-block; }
.proc_form_list .search .input_box + .input_box	{ margin-left: 1em; }
.proc_form_list .search label,
.proc_form_list .search .label	{ display: inline-block; padding-right: 0.5em; font-weight: bold; }
.proc_form_list .search label:after,
.proc_form_list .search .label:after	{ content: " :"; }
.proc_form_list .search input	{ height: 34px; padding: 0 10px; margin: 0; border: 1px solid #e1e1e1; background-color: #fff; box-shadow: none; color: #000; }
.proc_form_list .search input.date	{ width: 8em; text-align: center; }
.proc_form_list .search input[name="searchword"]	{ width: 20em; }
.proc_form_list .search select	{ height: 34px; padding: 0 20px 0 10px; margin: 0; border: 1px solid #e1e1e1; background-color: #fff; box-shadow: none; color: #000; }
.proc_form_list .search button[type="submit"]	{ width: 75px; height: 34px; padding: 0; margin: 0 0 0 6px; border: 0 none; border-radius: 4px; background: #003da4; color: #fff; font-size: 14px; font-weight: normal; }
.proc_form_list .search button[type="submit"]:before	{ display: inline-block; width: 18px; height: 15px; background: url(../image/search.png) no-repeat left center; vertical-align: text-top; content: ""; }
.proc_form_list .search button[type="submit"]:focus, .proc_form_list .search button[type="submit"]:hover, .proc_form_list .search button[type="submit"]:active	{ background-color: #333; color: #fff; }



.proc_form_list .list table	{ margin: 0; border-width: 2px 0; border-color: #555 transparent; background: #fff; font-size: 11px; }
.proc_form_list .list table thead tr th	{ background: transparent; }
.proc_form_list .list table tbody	{ text-align: center; }
.proc_form_list .list table tbody tr td	{ height: 30px; padding: 0; }


.proc_form_list .list .empty	{ float: none; width: 100%; min-height: 40em; line-height: 40em; text-align: center; }




.proc_my_list .list table	{ margin: 0; border-width: 2px 0; border-color: #555 transparent; background: #fff; }
.proc_my_list .list table thead tr th	{ background: transparent; }
.proc_my_list .list table tbody	{ text-align: center; }
.proc_my_list .list table tbody tr td	{ height: 41px; }


.proc_my_list .list .empty	{ float: none; width: 100%; min-height: 40em; line-height: 40em; text-align: center; }







.proc_form_write	{ padding: 30px 0px 0 0px; /*background: #fff;*/ }
.proc_application_read + .proc_form_write	{ padding-top: 50px; }

.proc_form_write h3	{ padding-left: 0 !important; margin: 50px 0 20px 0 !important; background: none !important; color: #000 !important; font-size: 22px !important; }
.proc_form_write h3	{}
.proc_form_write h4	{ padding-left: 0 !important; margin: 50px 0 20px 0 !important; background: none !important; color: #000 !important; font-size: 20px !important; }
.proc_form_write table	{ margin: 0; border-width: 2px 0; border-color: #555 transparent; background: #fff; }
/* .proc_form_write table tbody tr th	{ background-color: #fff; }
.proc_form_write table tbody tr td	{ height: 41px; }
.proc_form_write table tbody tr > *	{ border-left: 1px solid #d0d0d0; } 
.proc_form_write table tbody tr > *:first-child	{ border-left: 0 none; }  */
.proc_form_write table tbody tr th	{ background-color: #fbfff9; }
.proc_form_write table tbody tr td	{ height: 41px; }
.proc_form_write table tbody tr > *	{ border-left: 1px solid #d0d0d0; } 
.proc_form_write table tbody tr > *:first-child	{ border-left: 0 none; }

.proc_form_write table.th_title tbody tr th:before { display: inline-block; content: url(../image/table_ico.png); margin-right: 5px; vertical-align: middle; }

.proc_form_write input[name="member_tel"] { width: 20em; max-width: 100%; box-shadow: none; }
.proc_form_write input[name="member_post"]	{ width: 5em; text-align: center; box-shadow: none; } 
.proc_form_write input[name="member_post"] + .process_address_search	{ margin: 0 0 0 1em; }
.proc_form_write input[name="member_address"]	{ width: 100%; box-shadow: none; }

/*
.proc_form_write input[name="extra_datas['forms_1']"] { width: 100% !important; }
.proc_form_write input[name="extra_datas['forms_2']"] { width: 100% !important; }
*/


.proc_form_write .agree_box	{}
.proc_form_write .agree_box:after	{ display: block; clear: both; content: ""; }
.proc_form_write .agree_box .agree_content	{ max-height: 300px; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ccc; background-color: #fff; overflow: auto; }
.proc_form_write .agree_box .agree_message	{ float: left; margin-top: 5px; font-size: 1.2em; font-weight: bold; }
.proc_form_write .agree_box .agree_button	{ float: right; margin-top: 5px; font-size: 1.2em; }


.proc_form_write input[type="checkbox"],
.proc_form_write input[type="radio"]	{ width: 20px; height: 20px; vertical-align: middle; }

.proc_form_write .button.process_address_search	{ width: auto; height: 34px; padding: 0 1em; margin: 0 0 0 1em; background-color: #555; color: #fff; font-weight: normal; font-size: 15px; box-shadow: none; }

 
.form_area textarea	{ width: 100%; min-height: 100px; }
.form_area input.address	{ width: 100%; }
.form_area .filebox ol	{ line-height: normal; }
.form_area .filebox ol li	{ padding: 5px 0; }
.form_area .filebox input[type="file"]	{ width: 100%; min-width: none !important; max-width: 100% !important; height: 40px; margin: 0; }

ol.form_area	{ margin-left: 2em; margin-right: 2em; }
ol.form_area > li + li	{ border-top: 1px dashed #c8c8c8; }
ol.form_area > li dl dt	{ line-height: 1.7em; padding: 10px 0; font-weight: bold; }
ol.form_area > li dl dd	{ line-height: 40px; }


.form_area .input_description	{ color: #000; opacity: 0.7; }

.form_area .line_description	{ padding: 20px; margin: 50px 0; border: 1px solid #c8c8c8; background-color: #fff; }


.modules_application .title_description	{ padding: 0 20px; margin: 5px 0 20px 0; }









.proc_form_read h3	{ padding-left: 0 !important; margin: 50px 0 20px 0 !important; background: none !important; color: #000 !important; font-size: 22px !important; }
.proc_form_read table	{ margin: 0; border-width: 2px 0; border-color: #555 transparent; background: #fff; }
.proc_form_read table tbody tr th	{ background-color: #fff; }
.proc_form_read table tbody tr td	{ height: 41px; padding-left: 1em; }
.proc_form_read table tbody tr > *	{ border-left: 1px solid #d0d0d0; } 
.proc_form_read table tbody tr > *:first-child	{ border-left: 0 none; } 

.proc_form_read table tbody tr td pre	{ font-family: inherit; }

.proc_form_read .agree_box	{}
.proc_form_read .agree_box .agree_content	{ max-height: 300px; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ccc; background-color: #fff; overflow: auto; }

.proc_form_read .filebox ol	{ line-height: normal; }
.proc_form_read .filebox ol li	{ padding: 2px 0; }

.proc_form_read table.form_area tbody tr th	{ padding-left: 1em; text-align: left; }
.proc_form_read table.form_area tbody tr td	{ padding-left: 1em; text-align: left; }







/* 반응형 */
@media all and ( max-width: 1300px )
{
	.proc_application_list .search .search_box1 { padding: 12px 10px; }
	
}

@media all and ( max-width: 1273px )
{
	.proc_application_list .search { position: relative; }
	/* .proc_application_list .search .search_box1 span:nth-child(6) { margin-top: 10px; } */
	/* .proc_application_list .search .search_box2 { position: absolute; bottom: 12px; right: 16%; } */ 
}

@media all and ( max-width: 1023px )
{
	.proc_application_list .list ul li a strong	{ height: 40px; line-height: 20px; padding: 0; font-size: 16px; }
	.proc_application_list .list ul li a dl	{ margin: 0 5px; }
	.proc_application_list .list ul li a dl dt,
	.proc_application_list .list ul li a dl dd	{ font-size: 13px; }
	.proc_application_list .list ul li a dl dt	{ padding-left: 15px; padding-right: 10px; }
	.proc_application_list .list ul li a dl dd:nth-child(8)	{ margin: 5px -10px 0 -10px; }
	
	.proc_application_list .list ul li { width: calc((100% - 40px) / 3); margin: 0 0 20px 0; }
	.proc_application_list .list ul li:nth-child(4n + 1) { clear: none; margin-left: 20px; }
	.proc_application_list .list ul li:nth-child(3n + 1) { clear: both; margin-left: 0; }
	.proc_application_list .list ul li + li { margin-left: 20px; }
	
	
	.proc_application_read + .proc_form_write { padding-top: 0px; }
	.proc_application_read .info_box .info .table_box	{ width: auto !important; }
	.proc_application_read .info_box .info .table_box:before	{ content: none; }
	.proc_application_read .info_box .info .table_box table	{ min-width: 100% !important; }
	
	.proc_application_read .info_box .info table tr th:before { right: 65%; }
}


@media all and ( max-width: 900px ) 
{
	.proc_application_list .list table tbody tr td em { padding: 7px 5px; }
	
	.proc_application_read .read_table h3 { width: 170px; }
	.proc_application_read .read_table .content_box { width: calc(100% - 180px); }
	
	
	.proc_form_write h3 { margin-top: 20px !important; }
	.proc_application_read .info_box .info table colgroup,
	.proc_application_read .info_box .info table colgroup col { display: none; }
	.proc_application_read .info_box .info table tbody tr { display: block; position: relative; width: 100%; height: auto !important; border-bottom: 0 none; }
	.proc_application_read .info_box .info table tbody tr:first-child { height: 50px !important; }
	.proc_application_read .info_box .info table tbody tr:first-child th { width: 100%; height: 50px !important; line-height: 40px; display: block; }
	.proc_application_read .info_box .info table tbody tr th { display: none; box-sizing: border-box; }
	.proc_application_read .info_box .info table tbody tr td { display: flex; align-items: center; position: relative; width: 100%; height: auto; padding-left: 23%; padding-top: 5px; padding-bottom: 5px; line-height: 1; border-right: none !important; box-sizing: border-box; }
	.proc_application_read .info_box .info table tbody tr td:before { position: absolute; top: 12%; right: 82%; padding-left: 25px; background: url(../image/table_ico.png) no-repeat right 100% center; }
	.proc_application_read .info_box .info table tbody tr:nth-child(2) td:nth-of-type(1):before { content: "담당부서 |"; }
	.proc_application_read .info_box .info table tbody tr:nth-child(2) td:nth-of-type(2):before { content: "신청기간 |"; }
	.proc_application_read .info_box .info table tbody tr:nth-child(3) td:nth-of-type(1):before { content: "접수방법 |"; }
	.proc_application_read .info_box .info table tbody tr:nth-child(3) td:nth-of-type(2):before { content: "접수정원 |"; }
	
	/* .proc_application_read table tbody tr th { position: absolute; width: 100px; left: 0; }
	.proc_application_read table tbody tr td { position: relative; width: calc(100% - 100px); } */
}



@media all and ( max-width: 894px )
{
	.proc_application_list .search .search_box1 span:nth-child(5) { margin-top: 10px; } 
	.proc_application_list .search .search_box2 { right: 2%; }
	
	.proc_application_list .search .search_box1 span:nth-child(6) { margin-top: 10px; } 
	.proc_application_list .search .search_box2 { position: absolute; bottom: 12px; right: 8%; }
	/* .proc_application_list .search .search_box1 span:nth-child(6) { margin-top: 10px; } */
	/* .proc_application_list .search .search_box2 { position: absolute; bottom: 12px; right: 16%; } */ 
}

@media all and ( max-width: 768px )
{
	/* .proc_application_list .list ul li	{ width: 49%; margin-bottom: 2%; } */
	.proc_application_list .list ul li	{ width: calc((100% - 15px) / 2); margin-bottom: 15px; }
	/* .proc_application_list .list ul li + li	{ margin-left: 2%; } */
	/* .proc_application_list .list ul li:nth-child(4n + 1)	{ clear: none; margin-left: 2%; } */
	.proc_application_list .list ul li:nth-child(3n + 1)	{ clear: none; margin-left: 15px; }
	.proc_application_list .list ul li:nth-child(2n + 1)	{ clear: both; margin-left: 0; }
	.proc_application_list .list ul li + li { margin-left: 15px; }
	
	
	.proc_application_read	{ padding: 5px 5px 0 5px; }
	.proc_application_read .info_box .picture	{ float: none; width: auto; margin: 0 0 10px 0; }
	.proc_application_read .info_box .picture img	{ display: block; margin: 0 auto; }
	.proc_application_read .info_box .info	{ float: none; width: auto; }
	
	.proc_application_read .order	{ margin: 10px -10px 0; }
	
	.proc_application_read .read_table h3 { font-size: 17px; }
	
	
	ol.form_area	{ margin-left: 5px; margin-right: 5px; }
	ol.form_area li dl dd	{ margin-left: 0; }
}

@media all and ( max-width: 674px )
{
	.proc_application_list .search .search_box1 { padding: 12px 70px; position: relative; text-align: left; }
	
	.proc_application_list .search .search_reset { position: absolute; right: 70px; bottom: 55px; margin: 0; }
	
	.proc_application_list .search .input_box { width: calc(50% - 6px); }
	.proc_application_list .search .input_box select { width: 100%; }
	
	.proc_application_list .search .input_box .date_title { display: block; font-size: 17px; text-align: center; }
	.proc_application_list .search .search_box1 .appli_date { display: block; width: 100%; margin-left: 0; margin-top: 15px; }
	.proc_application_list .search input.date { width: calc(50% - 65px); margin-top: 10px; }
	.proc_application_list .search .search_box1 .appli_date img { margin-top: 10px; }
	
	.proc_application_list .search .search_box1 span:nth-child(5) { display: block; width: calc(100% - 80px); }
	.proc_application_list .search .search_box1 span:nth-child(5) select { width: 100%; }
	
	.proc_application_list .search .search_box1 span:nth-child(6) { width: calc(100% - 80px); }
	.proc_application_list .search input[name="searchword"] { width: calc(100% - 82px); margin: 0px; }
	.proc_application_list .search .search_box2 { right: 70px; }
	
	
	/* 
	appli_sect
	.proc_application_list .search input.date { width: 30%; }
	.proc_application_list .search .input_box { width: 30%; }
	.proc_application_list .search .input_box select { width: 100%; } */
}

@media all and ( max-width: 520px )
{
	.proc_application_list .search .search_box1 { padding: 12px 10px; }
	.proc_application_list .search .search_box2 { right: 10px; }
	.proc_application_list .search .search_reset { right: 10px; }
	
	.proc_application_list .list ul li:nth-child(3n + 1) { margin-left: 0px; }
	.proc_application_list .list ul li:nth-child(2n + 1) { clear: none; margin-left: 0px; }
	.proc_application_list .list ul li + li { margin-left: 0;}
	.proc_application_list .list ul li { width: 100%; }	
	
	
	.proc_application_read .read_table h3 { width: 130px; font-size: 15px; margin-top: 20px; }
	.proc_application_read .read_table .content_box { width: calc(100% - 137px); }
	
	.proc_form_write input[name="member_tel"] { padding: 6px 5px; }
	
	
	.proc_application_read table tbody tr td { padding-left: 30%; }
	.proc_application_read table tbody tr td:before { right: 75%; background-size: 14px 14px; padding-left: 20px; }
	
	.proc_application_read .info_box .info table tbody tr td:before { right: 79%; }
}

@media all and ( max-width: 430px )
{
	.proc_application_read .read_table h3 { display: block; width: 100%; margin: 0; padding: 15px 0 15px 30px; background-color: #fbfff9; border-bottom: 1px solid #dedede; }
	.proc_application_read .read_table .content_box { display: block; width: 100%; }
}

@media all and ( max-width: 425px )
{
	.proc_application_list .list ul li	{ width: 100%; margin-bottom: 2%; }
	.proc_application_list .list ul li + li	{ margin-left: 0; }
	
	.proc_application_read .info_box .info table tbody tr td { padding-left: 25%; }
	.proc_application_read .info_box .info table tbody tr td:before { right: 77%; background-size: 15px 15px; background-position-x: 7px; }
}

@media all and ( max-width: 390px )
{
	.proc_application_read .order .button + .button { margin-left: 5px; }
	/* .proc_application_read .order .left { float: none; }
	.proc_application_read .order .right { float: left; margin-top: 10px; } */ 
	.proc_application_read .left .button { padding: 8px 10px; }
	.proc_application_read .right .button:first-child { padding: 8px 10px; } 
	.proc_application_read .right .button:last-child { padding: 7px 10px; }
	
	.proc_application_read { padding: 5px 0 0 0; }
	.proc_application_read table tbody tr td { padding-left: 27%; letter-spacing: -1px; }
	.proc_application_read table tbody tr td:before { right: 76%; padding-left: 15px; letter-spacing: -1px; background-size: 12px 12px; }
}

@media all and ( max-width: 353px )
{
	.proc_application_read .info_box .info table tbody tr td { padding-left: 28%; }
	.proc_application_read .info_box .info table tbody tr td:before { right: 74%; }
}





/**
QNA
**/
.modules_application + .modules_board	{ margin-top: 50px; }
.modules_board .proc_list .order	{ text-align: right; }

.modules_board .proc_list .search #boardSearch	{ text-align: center; }