
*{font-family : 'Noto Sans KR', sans-serif;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html{font-size:16px;}
body{
	font-size:0.875rem;
	color:#595959;
	background-color:#FFF;
	letter-spacing:-0.05em;word-spacing:0.1em;
}
ul, dl, ol, li, dd, dt{list-style: none;}
table{width:100%;border-spacing:0px;padding:0px;border-collapse:collapse;table-layout:fixed;}
i{vertical-align:middle;}
a{text-decoration:none;color:#595959;}

caption{overflow:hidden;font-size:0;line-height:0;}


/************************************************
PLACEHOLDER

WebKit, Blink, Edge			::-webkit-input-placeholder
Mozilla Firefox 4 to 18		:-moz-placeholder
Mozilla Firefox 19+			::-moz-placeholder
Internet Explorer 10-11		:-ms-input-placeholder
Microsoft Edge				::-ms-input-placeholder
************************************************/
.placeholder{color:#CCCCCC;}
::-webkit-input-placeholder{font-size:0.875rem;color:#CCCCCC;}
:-moz-placeholder{font-size:0.875rem;color:#CCCCCC;}
::-moz-placeholder{font-size:0.875rem;color:#CCCCCC;}
:-ms-input-placeholder{font-size:0.875rem;color:#CCCCCC;}
::-ms-input-placeholder{font-size:0.875rem;color:#CCCCCC;}


/************************************************
	SELECT2
************************************************/
.req_place{color:#c4ccd4 !important;}

.select2-default{color:#c4ccd4 !important;}
.select2-results::-webkit-scrollbar{width:6px;background-color:transparent;}
.select2-results::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(15, 135, 166, 0.4);}
.select2-results::-webkit-scrollbar-track{background-color:transparent;}

.select2-results__options::-webkit-scrollbar{width:6px;background-color:transparent;}
.select2-results__options::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(45, 94, 185, 0.4);}
.select2-results__options::-webkit-scrollbar-track{background-color:transparent;}

.select2-container, .select2-dropdown, .select2-search, .select2-results {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.select2-search input[type="search"]{background-color:#FFF;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


/******************************************************************
	SCROLL
******************************************************************/
body::-webkit-scrollbar { width: 6px;}
body::-webkit-scrollbar-track { background-color:#D9D9D9; }
body::-webkit-scrollbar-thumb { background:rgba(0,153,255,0.6); border-radius:3px;}
body::-webkit-scrollbar-thumb:hover { background: #1A1A1A; }
body::-webkit-scrollbar-thumb:active { background: #FFCC00; }
body::-webkit-scrollbar-button { display: none; }

.scroll_theme1::-webkit-scrollbar { width: 6px;}
.scroll_theme1::-webkit-scrollbar-track { background-color:#D9D9D9; }
.scroll_theme1::-webkit-scrollbar-thumb { background:rgba(0,153,255,0.6); border-radius:3px;}
.scroll_theme1::-webkit-scrollbar-thumb:hover { background: #1A1A1A; }
.scroll_theme1::-webkit-scrollbar-thumb:active { background: #FFCC00; }
.scroll_theme1::-webkit-scrollbar-button { display: none; }


/******************************************************************
	FORM
******************************************************************/
input:focus,textarea:focus{outline:none;}
.input_form{display:inline-block;height:48px;font-size:0.875rem !important;line-height:46px;padding:0 12px;}
.input_form:not([disabled]),.textarea_form:not([disabled]){border:1px SOLID #D9D9D9;background-color:#F2F2F2;}
.input_form:disabled,.textarea_form:disabled{background-color:#D9D9D9;}
.input_box:focus, .input_form:focus, .textarea_form:focus{border:1px SOLID #0099FF;background:#FBFAE9;}
.input_form:read-only,.input_form:read-only:focus{background:#f3f1f3;}
.form_box .input_form:not([disabled]), .form_box .textarea_form:not([disabled]){background-color:#FFF;}
.form_box .input_form:disabled,.form_box .textarea_form:disabled{background-color:#f3f1f3;}
.form_box .input_form:read-only,.form_box .input_form:read-only:focus{background:#f3f1f3;}

.date_form{width:120px;}
.input_form:not(.date_form){width:100%;}

.textarea_form{display:inline-block;width:100%;font-size:14px !important;line-height:160%;padding:12px !important;border:1px SOLID #D9D9D9;background-color:#F2F2F2;}

.form_label{display:inline-block;overflow:hidden;width:100%;height:24px;line-height:0}
.form_label .label{display:inline-block;height:24px;font-size:0.9375rem !important;font-weight:bold;color:#1A1A1A;line-height:24px;padding-left:0.25rem;}
.form_label .material-icons{display:inline-block;height:24px;line-height:100%;font-size:1rem;vertical-align:top;}
.form_label .required{height:24px;line-height:24px;color:#FF1B19;padding-left:4px;}
.form_label .annotation{display:inline-block;height:20px;vertical-align:top;margin-left:4px;color:#00CC69;font-weight:normal;}

.article_label{display:flex;justify-content:space-between;width:100%;padding-top:12px;padding-bottom:6px;}
.article_label .label{color:#1A1A1A;}
.article_label .annotation{flex-grow:1;text-align:right;color:#00CC69;}
.article_label .required{color:#00CC69;padding-left:6px;}

.form_spacer{line-height:48px;text-align:center;}

.form_list > li{display:flex;justify-content:space-between;padding-top:36px;}

.form_pattern_list{display:flex;justify-content:space-between;}
.form_pattern_list > li:not(.spacer){flex-grow:1;flex-shrink:1;}
.form_pattern_list > li.spacer{flex-grow:0;flex-shrink:0;text-align:center;line-height:48px;}

.search_form_list > li{display:flex;justify-content:space-between;padding-top:24px;}
.search_form_list > li:first-child{padding-top:0}
.search_form_list .section_label{font-size:0.875rem;font-weight:600;color:#1A1A1A;padding-bottom:3px;padding-left:6px;}


/******************************************************************
	BUTTON, LINK
******************************************************************/
button:focus{background-color: inherit;}
button:disabled{cursor:default;background-color:transparent !important;border:1px SOLID #D9D9D9;color:#CCCCCC !important;}
a.disabled, span.disabled{cursor:default;border:none;color:#CCCCCC !important;}
button:not([disabled]){cursor:pointer;border:none;}

.inline_button{cursor:pointer;font-size: 0.8128rem;line-height:100%;border:1px SOLID #D9D9D9;background-color:#E6E6E6;padding:4px 9px;}
.grid_button{height:48px;font-size:0.875rem;padding:0 1rem;}
.form_button{height:48px;font-size:1rem;padding:0 1rem;}
.submit_button{height:60px;font-size:1.125rem;padding:0 1.25rem;}

.title_button{height:36px;line-height:0;}
.title_button span{display:inline-block;height:34px;font-size:0.9375rem;line-height:34px;padding-left:6px;padding-right:4px;}
.title_button .material-icons{display:inline-block;height:34px;line-height:34px;vertical-align:top;}

.inline_button:hover{color:#1A1700;background-color:#FFCC00;border:none !important;}

.function_button,
.function_button:active,.function_button:focus{color:#FFF;background-color:#1A1700;border:none !important;}
.function_button:not([disabled]):hover{color:#1A1700;background-color:#FFCC00;}

.emphasis_button,
.emphasis_button:active,.emphasis_button:focus{color:#1A1700;background-color:#FFCC00;border:none !important;}
.emphasis_button:not([disabled]):hover{color:#FFF;background-color:#1A1700;}

.border_button,
.border_button:active,.border_button:focus{color:#7F7F7F;background-color:transparent !important;border:1px SOLID #A6A6A6 !important;}
.border_button:not([disabled]):hover{color:#1A1700;background-color:#FFCC00 !important;border:1px SOLID #FFCC00 !important;}

.state_button,
.state_button:active,.state_button:focus{color:#1A1A1A;background-color:transparent !important;border:1px SOLID #D9D9D9 !important;}
.state_button:not([disabled]):hover{color:#FFF;background-color:#FF1B19 !important;border:1px SOLID #FF1B19 !important;}


.grid_button_set{display:inline-flex;height:24px;overflow:hidden;line-height:0;border:1px SOLID #C1CDD7;border-radius:4px;}
.grid_button_set button, .grid_button_set span{display:inline-block; width:24px; height:22px;line-height:0;text-align:center;border:none;border-left:1px SOLID #C1CDD7;border-radius:0;padding:0;}
.grid_button_set .material-icons{font-size:1.125rem;line-height:24px;}

.grid_button_set button:not([disabled]),
.grid_button_set span{color:#A4B8C1;background:#EFF3F5;}
.grid_button_set button:not([disabled]):hover,
.grid_button_set span:hover{color:#FFF;background-color:#2CACED;}


/******************************************************************
	TAB
******************************************************************/
.tab_head{display:flex;height:3.75rem;border-bottom:1px SOLID #1A1A1A;}
.tab_head > span{display:inline-block;height:3.75rem;margin-left:0.125rem;}
.tab_head > span:not(.selected){background:#F2F2F2;border:1px SOLID #D9D9D9;border-bottom:1px SOLID #1A1A1A;}
.tab_head .selected{cursor:default;color:#000 !important;font-weight:600;background:#FFF;border:1px SOLID #1A1A1A;border-bottom:1px SOLID #FFF;}
.tab_head > span:first-child{margin-left:0;}

.tab_head > span a{display:inline-block;font-size:1rem;line-height:3.75rem;color:#CCC;padding:0 3.75rem;}
.tab_head > span:not(.selected) a{cursor:pointer;}
.tab_head > span:not(.selected):hover{background-color:#282828;}
.tab_head > span:not(.selected):hover a{color:#FFF;}

.tab_head > li{flex-grow:1;flex-shrink: 1;font-size:1rem;line-height:3.75rem;padding:0 3.75rem;text-align:center;height:3.75rem;line-height:3.75rem;border-bottom:1px SOLID #1A1A1A;}
.tab_head > li:not(.selected){cursor:pointer;}
.tab_head > li:not(.selected):hover{color:#FFF;background-color:#282828;}


.sub_tab_head{display:flex;}
.sub_tab_head > span{display:inline-block;height:2.25rem;margin-left:0.125rem;}
.sub_tab_head > span:not(.selected){border-left:1px SOLID #D9D9D9;border-right:1px SOLID #D9D9D9;border-top:1px SOLID #D9D9D9;border-bottom:1px SOLID #1A1A1A;background:#F2F2F2;}
.sub_tab_head .selected{border-left:1px SOLID #1A1A1A;border-right:1px SOLID #1A1A1A;border-top:1px SOLID #1A1A1A;border-bottom:1px SOLID #fff;background:#fff;}
.sub_tab_head > span:first-child{border-left:none !important;margin-left:0;}

.sub_tab_head > span a{display:inline-block;font-size:0.875rem;line-height:2.25rem;color:#CCC;padding:0 2.25rem;}
.sub_tab_head .selected a{cursor:default;color:#1A1A1A !important;}
.sub_tab_head > span:not(.selected) a{cursor:pointer;}

.sub_tab_body{border-top:1px SOLID #1A1A1A;margin-top:-1px;}

@media only screen and (max-device-width: 719px){
	.tab_head{width:100%;	height:2.25rem;padding-left:0.75rem;}
	.tab_head > li{height:2.25rem;line-height:2.25rem;font-size:0.875rem;padding:0 2.25rem;}

	.tab_head > span{height:2.25rem;}
	.tab_head > span a{font-size:0.875rem;line-height:2.25rem;color:#CCC;padding:0 0.75rem;}
}


/******************************************************************
	DOCUMENT ARTICLE
******************************************************************/
.wrapper_width_form{width:360px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_chart{width:480px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_clip{width:600px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_card{width:720px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_slim{width:840px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_simple{width:960px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_container{width:1080px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_nav{width:1128px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_pad{width:1152px; max-width:100%; margin-left:auto; margin-right:auto;}
.wrapper_width_max{width:1176px; max-width:100%; margin-left:auto; margin-right:auto;}

.wrapper_border_t{border-top:1px SOLID #E6E6E6;}
.wrapper_border_b{border-bottom:1px SOLID #E6E6E6;}

.wrapper_padding_none{padding-top:0px;padding-bottom:0px;}
.wrapper_padding_wd{padding-top:60px;padding-bottom:60px;}

main h1, main h2, main h3, main h4, main h5, main h6{color:#1A1A1A;font-weight:700;margin:0; padding:0;}
main h1{font-size:2.25rem;}
main h2{font-size:2rem;}
main h3{font-size:1.5rem;}
main h4{font-size:1.25rem;}
main h5{font-size:1rem;}
main h6{font-size:0.875rem;}

.modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4, .modal-body h5, .modal-body h6{color:#1A1A1A;font-weight:700;margin:0; padding:0;}
.modal-body h1{font-size:2.25rem;}
.modal-body h2{font-size:2rem;}
.modal-body h3{font-size:1.5rem;padding-top: 60px;padding-bottom: 6px;}
.modal-body h4{font-size:1.25rem;padding-top: 48px;padding-bottom: 6px;}
.modal-body h5{font-size:1rem;padding-top: 36px;padding-bottom: 6px;}
.modal-body h6{font-size:0.875rem;padding-top: 24px;padding-bottom: 6px;}

.document_container h4{padding-top:48px;padding-bottom:6px;}
.document_container h5{padding-top:36px;padding-bottom:6px;}

.gap_top_gen{padding-top:48px;}
.gap_bottom_gen{padding-bottom:48px;}

@media only screen and (max-device-width: 719px){
	main h1{font-size:1.75rem;}
	main h2{font-size:1.5rem;}
	main h3{font-size:1.25rem;}
	main h4{font-size:1rem;}
	main h5{font-size:0.875rem;}
	main h6{font-size:0.8125rem;}

	.modal-body h1{font-size:1.75rem;}
	.modal-body h2{font-size:1.5rem;}
	.modal-body h3{font-size:1.25rem;}
	.modal-body h4{font-size:1rem;}
	.modal-body h5{font-size:0.875rem;}
	.modal-body h6{font-size:0.8125rem;}
}


/*
	Title
*/
.title_1{font-size:2.25rem;font-weight:700;color:#1A1A1A;padding-top:60px;padding-bottom:60px;}
.title_3{font-size:1.75rem;color:#1A1A1A;}

.title_block .label{font-size: 2.25rem;font-weight:700;color:#1A1A1A;}
.page_title_61{text-align:center;padding-bottom:48px;}

@media only screen and (max-device-width: 719px){
	.title_block .label{font-size: 1.25rem;}
	.page_title_61{padding-bottom:24px;}
}


/*
	CONTENT
*/
.content_block{padding-top:48px;}
.content_block .title_article{display:flex;justify-content:space-between;padding-left:6px;padding-bottom:9px;}
.content_block .title_article .label{flex-grow:0;flex-shrink:0;font-size:1.5rem;line-height:36px;color:#1A1A1A;}

.icon_indent{padding-left:26px;}

.curtain{position:absolute;width:100%;background-color:rgba(62,62,64,0.6);}

.document_container p,
.remark_container p{line-height:210%;}

.form_row{padding-top:0.375rem;display:flex;justify-content:space-between;}

.section_box{border:1px SOLID #D9D9D9;}
.remark_box{border:1px SOLID #E6E6E6;background-color:#F2F2F2;}
.document_box{border:1px SOLID #E6E6E6;}
.form_box{border:1px SOLID #E6E6E6;background-color:#F2F2F2;padding:24px;}
.announce_box{border:1px SOLID #D9D9D9;background-color:#F2F2F2;padding-top:60px;padding-bottom:60px;}

.line_nn_top{border-top:none !important;}
.line_nn_bottom{border-bottom:none !important;}
.line_nn_both{border-top:none !important;border-bottom:none !important;}

.line_tp_top{border-top:1px SOLID transparent !important;}
.line_tp_bottom{border-bottom:1px SOLID transparent !important;}
.line_tp_both{border-top:1px SOLID transparent !important;border-bottom:1px SOLID transparent !important;}

.line_gn_top{border-top:1px SOLID #E6E6E6;}
.line_gn_bottom{border-bottom:1px SOLID #E6E6E6;}
.line_gn_both{border-top:1px SOLID #E6E6E6;border-bottom:1px SOLID #E6E6E6;}

.line_gn_left{border-left:1px SOLID #E6E6E6;}
.line_gn_right{border-right:1px SOLID #E6E6E6;}

.ln_border{border-left:none !important;}
.rn_border{border-right:none !important;}

.required{color:#FF1B19;}
.inform{color:#B3B3B3 !important;}
.attention{color:#00CC69 !important;}
.expatiate{color:#00CC69 !important;}

.currency:after{content:'원';padding-left:3px;}

.form_list .attention{font-size:0.8125rem;padding-top:6px;}

.bgc_white{background-color:#FFF;}
.bgc_fine{background-color:#F8F8F8;}
.bgc_light{background-color:#F2F2F2;}
.bgc_gray{background-color:#E6E6E6;}
.bgc_dark{background-color:#DCDBDB;}

.parentheses:before{content:'(';padding-left:6px;padding-right:4px;}
.parentheses:after{content:')';padding-left:4px;padding-right:6px;}
.square_bracket:before{content:'[';padding-left:6px;padding-right:4px;}
.square_bracket:after{content:']';padding-left:4px;padding-right:6px;}
.curly_bracket:before{content:'{';padding-left:6px;padding-right:4px;}
.cursy_bracket:after{content:'}';padding-left:4px;padding-right:6px;}
.angle_bracket:before{content:'<';padding-left:6px;padding-right:4px;}
.angle_bracket:after{content:'>';padding-left:4px;padding-right:6px;}

.list_container,.decimal_list,.square_list,.circle_list,.disc_list,.alpha_b_list,.alpha_list{padding-left: 24px !important;}
.spacer_form{display:inline-block;height:3rem;font-size:0.875rem;line-height:3rem;margin:0 0 6px 0;vertical-align:top;}
.warning_color{color:#FF1B19;}
.confirm_color{color:#0099FF;}

.empty_block{background-color:#F8F8F8;border:3px SOLID #D9D9D9;padding-top:60px;padding-bottom:60px;}
.empty_block .icon,.empty_block .message{text-align:center;}
.empty_block .icon .material-icons{font-size:4rem;color:#CCCCCC;}
.empty_block .message{font-size:1rem;color:#CCCCCC;padding-top:6px;}

.empty_row{padding-top:60px !important;padding-bottom:60px !important;}
.empty_row .icon,.empty_row .message{text-align:center;}
.empty_row .icon .material-icons{font-size:4rem;color:#CCCCCC;}
.empty_row .message{font-size:1rem;color:#CCCCCC;padding-top:6px;}

.cell_sort{cursor:pointer;}
.cell_button{text-align:center;line-height:0;}

.label_block{display:inline-flex;height:24px;font-size:0.8125rem;}
.label_block .label{line-height:24px;font-weight:700;color:#1A1A1A;}
.label_block .label:after{content:'|';line-height:24px;color:#CCC;padding-left:9px;padding-right:9px;}
.label_block .cont{line-height:24px;}

.announce_block{padding-top:3px;}
.announce_block .announce_row{display: flex;justify-content: space-between;color:#FF1B19;padding-top:3px;}
.announce_block .announce_row .icon{flex-grow: 0;flex-shrink: 0; width:24px;line-height:0;}
.announce_block .announce_row .icon .material-icons{line-height:24px;}
.announce_block .announce_row .message{flex-grow: 1;flex-shrink: 1; line-height:24px;padding-left:3px;}

.popup{position:fixed;width:100%;height:100%;;left:0;top:0;right:0;bottom:0; background-color:rgba(0,0,0,0.8);z-index:99999900;}
.popup_wrapper{position:absolute;left:50%;top:50%;
	transform: translate(-50%, -50%);
	overflow:hidden;
}

.popup_wrapper .popup_container_head{height:36px;font-size:1rem;line-height:36px;color:#FFF;text-align:center;white-space:nowrap;}
.popup_wrapper .popup_container_body{overflow:auto;border:1px SOLID #1A1700;background-color:#FFF;}
.popup_wrapper .popup_container_body::-webkit-scrollbar { width: 6px;}
.popup_wrapper .popup_container_body::-webkit-scrollbar-track { background-color:#D9D9D9; }
.popup_wrapper .popup_container_body::-webkit-scrollbar-thumb { background:rgba(0,153,255,0.6); border-radius:3px;}
.popup_wrapper .popup_container_body::-webkit-scrollbar-thumb:hover { background: #1A1A1A; }
.popup_wrapper .popup_container_body::-webkit-scrollbar-thumb:active { background: #FFCC00; }
.popup_wrapper .popup_container_body::-webkit-scrollbar-button { display: none; }

.popup_wrapper .popup_container_foot{display:flex;height:36px;justify-content:space-between;background-color:#1A1700;}
.popup_wrapper .popup_container_foot > span{width:50%;height:36px; text-align:center;}
.popup_wrapper .popup_container_foot > span{border-left:1px SOLID #FFF;}
.popup_wrapper .popup_container_foot > span:first-child{border-left:none;}

.popup_wrapper .popup_container_foot .toggle_cookie{line-height:36px;cursor:pointer;color:#FFF;}
.popup_wrapper .popup_container_foot .toggle_cookie:hover{color:#1A1700;background-color:#FFCC00;}

.popup_wrapper .popup_container_foot .toggle_button button{width:100%;height:36px;text-align:center;color:#FFF;;background-color:transparent;}
.popup_wrapper .popup_container_foot .toggle_button button:hover{color:#1A1700;background-color:#FFCC00;}


/******************************************************************
	GRID
******************************************************************/
.loading{text-align:center;background-image:url('/common/system/virtualdesk2/images/spinner.svg');background-repeat:no-repeat;background-position:center center;background-size:contain;}
.loading:after{content:'Loading...';font-size:12px;font-weight:bold;line-height:120px;color:#99DDFF;}

.loading_icon{text-align:center;background-image:url('/common/system/virtualdesk2/images/spinner.svg');background-repeat:no-repeat;background-position:center center;background-size:contain;}

.empty_article{font-size:1rem;text-align:center; color:#BAC2C6;padding-top:60px;padding-bottom:60px;}
.empty_article .icon .material-icons{font-size:4rem;color:#BAC2C6;}
.empty_article .message{font-size:1rem;padding-top:6px;}

.no_data{text-align:center;padding:36px 0;}
.no_data p{text-align:center;color:#CCC;}
.no_data .material-icons{font-size:2rem;line-height:140%;}
.no_data:after{content:'검색된 자료가 없습니다';font-size:1rem;color:#CCC;}

.grid_table{border-top:2px SOLID #1A1A1A;border-bottom:1px SOLID #A6A6A6;}
.grid_table thead{text-align:center;border-bottom:1px SOLID #A6A6A6;}
.grid_table thead th{background-color:#F8F8F8;padding:12px 0; }
.grid_table thead th:not(.first_cell),
.grid_table tbody td:not(.first_cell){border-left:1px SOLID #D9D9D9}
.grid_table tbody tr:not(.first_row) td{border-top:1px SOLID #D9D9D9;}

.grid_list{border-top:2px SOLID #1A1A1A;border-bottom:1px SOLID #A6A6A6;}
.grid_list .head_row{background-color:#F8F8F8;border-bottom:1px SOLID #A6A6A6;}
.grid_list .row_article{display:flex;justify-content:space-between;width:100%;border-top:1px SOLID #D9D9D9;padding-top:12px;padding-bottom:12px;}

.grid_list .head_row .list_cell{font-weight:700;color:#1A1A1A;text-align:center;}
.grid_list .head_row .row_article:first-child, .grid_list .body_row .row_article:first-child{border-top:none;}

.grid_list .table_row_article{display:flex;justify-content:space-between;width:100%;border-top:1px SOLID #D9D9D9;}
.grid_list .table_row_article:first-child{border-top:none;}
.grid_list .table_row_article .list_cell{padding-top:9px;padding-bottom:9px;}
.grid_list .list_cell:not(.first_cell){border-left:1px SOLID #D9D9D9;}

.grid_list .text_cell{line-height:24px;padding-left:9px;padding-right:9px;}
.grid_list .button_cell{line-height:0;}
.grid_list .button_cell label{line-height:0;}
.grid_list .form_cell{padding-left:2px;padding-right:2px;}
.grid_list .form_cell input[type="text"]{border:none;}

.grid_list .sum_row{background-color:#E6FFF3;}
.grid_list .sum_row .emphasis_cell{font-weight:bold;color:#1A1700;}
.grid_list .foot_row{background-color:#F8F8F8;}
.grid_list .foot_row .emphasis_cell{font-weight:bold;color:#1A1700;}

.sortable_list > li{border-top:1px SOLID #D9D9D9;}
.sortable_list > li:first-child{border-top:none !important;}

.table_list:not(.no_border){border-top:1px SOLID #D9D9D9;border-bottom:1px SOLID #D9D9D9;}
.table_list > li{display:flex;justify-content:space-between;border-top:1px SOLID #D9D9D9;}
.table_list > li:first-child{border-top:none;}
.table_list > .active_row:hover{background-color:#F2F2F2;}

.chart_list:not(.n_t_border){border-top:1px SOLID #D9D9D9;}
.chart_list:not(.n_b_border){border-bottom:1px SOLID #D9D9D9;}
.chart_list > li{display:flex;justify-content:space-between;width:100%;border-top:1px SOLID #D9D9D9;padding-top:12px;padding-bottom:12px;}
.chart_list > li:first-child{border-top:none;}
.chart_list .chart_label{flex-grow:0;flex-shrink: 0;color:#D9D9D9;line-height:24px;padding-left:12px;padding-right:12px;}
.chart_list .chart_content{flex-grow:1;flex-shrink: 1;line-height:24px;;border-left:1px SOLID #D9D9D9;padding-left:12px;padding-right:12px;}

.block_chart_list > li{width:100%;border-top:1px SOLID #D9D9D9;}
.block_chart_list > li:first-child{border-top:none;}
.block_chart_list .row_article{display:flex;justify-content:space-between;width:100%;border-top:1px SOLID #F2F2F2;padding-top:12px;padding-bottom:12px;}
.block_chart_list li .row_article:first-child{border-top:none}

.block_chart_list .row_article section{display:flex;justify-content:space-between;}
.block_chart_list .chart_label{flex-grow:0;flex-shrink: 0;font-weight:600;color:#1A1A1A;line-height:24px;padding-left:12px;padding-right:12px;}
.block_chart_list .chart_content{flex-grow:1;flex-shrink: 1;line-height:24px;border-left:1px SOLID #D9D9D9;padding-left:12px;padding-right:12px;}

.grid_chart{border-top:2px SOLID #1A1A1A;border-bottom:1px SOLID #A6A6A6;}
.grid_chart .chart_row{display:flex;justify-content:space-between;padding-top:12px;padding-bottom:12px;}
.grid_chart .chart_row:not(.first_row){border-top:1pX SOLID #D9D9D9;}

.grid_chart .row_article{display:flex;justify-content:space-between;}
.grid_chart .row_article .cell_label{flex-grow:0;flex-shrink: 0;font-weight:700;color:#1A1A1A;line-height:24px;padding-left:12px;padding-right:12px;}
.grid_chart .row_article .cell_content{flex-grow:1;flex-shrink: 1;line-height:24px;border-left:1px SOLID #D9D9D9;padding-left:12px;padding-right:12px;}

.list_table{border-top:1px SOLID #98C2E6;border-bottom:1px SOLID #98C2E6;}
.list_table thead th{font-size:0.9375rem;font-weight:400;color:#1A1A1A;background-color:#F9F9F9;border-bottom:1px SOLID #E9E9E9;border-left:1px SOLID #E1E6EA;padding-top:12px;padding-bottom:12px;}

.list_table tbody td{border-top:1px SOLID #E1E6EA;border-left:1px SOLID #E1E6EA;padding:6px;}

.list_table .first_row td{border-top:none;}
.list_table .first_cell{border-left:none;}

.clean_row{display:flex;justify-content:space-between;font-size:0.9375rem;;padding-top:6px;padding-bottom:6px;}
.clean_row .label{display:inline-block;color:#2D4652;background:url('/common/source/picture/line_v_14_c9c9c9.png') no-repeat right 4px;}
.clean_row .cell{display:inline-block;flex-grow:1;padding-left:12px;}
.clean_row .label_c{display:inline-block;color:#2D4652;}

.question_list .cell{line-height:24px;}
.question_list .state{display:inline-block;width:100%;text-align:center;}
.question_list .state.answer{border:1px SOLID #0287CA; color:#0287CA;}
.question_list .state.question{border:1px SOLID #FC0341; color:#FC0341;}
.question_list .state_sign{font-size:2rem;font-weight:bold;}
.question_list .questioned{color:#FD688D;}
.question_list .answered{color:#35BAFD;}

.board_list .subject_row,
.board_list .question_row,
.board_list .answer_row{display:flex;justify-content:space-between;}

.board_list .cell_state{flex-grow:0; flex-shrink: 0;width:80px;text-align:center;}
.board_list .cell_susbject{flex-grow:1; flex-shrink: 1;padding-left:12px;padding-right:12px;}
.board_list .cell_writer{flex-grow:0; flex-shrink: 0;text-align:center;width:120px;}
.board_list .cell_date{flex-grow:0; flex-shrink: 0;width:100px;text-align:center;color:#BAC2C6;}

.board_list a{cursor:pointer;}
.board_list a:hover{text-decoration: underline;}

.board_list .content_row{background-color:#F2F6F8;border:1px SOLID #DEE8ED;padding:12px 0;margin-top:12px;}
.board_list .answer_row{border-top:1px SOLID #DEE8ED;padding:12px 0;}

.page_section{display:flex;justify-content:center;align-items:center;padding-top:12px;}
.page_section .btn_pager{font-size:0.875rem;margin-left:0.1875rem;margin-right:0.1875rem;}
.page_section .material-icons{font-size:2rem !important;}
.page_section .arrow:not(.disabled){cursor:pointer;color:#A6A6A6;}
.page_section .arrow:not(.disabled):hover{color:#1A1A1A;}
.page_section .disabled{color:#F2F2F2;}

.page_section .num{height:36px;line-height:34px;padding-left:0.5rem; padding-right:0.5rem;}
.page_section .num:not(.selected){cursor:pointer;border:1px SOLID #D9D9D9;}
.page_section .num:not(.selected):hover{color:#1A1700;background-color:#FFCC00;border:1px SOLID #FFCC00;}
.page_section .selected{cursor:default;color:#FFF;background-color:#1A1A1A;border:1px SOLID #1A1A1A;}


/******************************************************************
	MATERIALIZE CUSTOMIZED
******************************************************************/
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav{
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.03), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.09);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.03), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.09);
}
.row {margin-bottom: 0;}
.form_container{overflow:hidden;}

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
display:inline-block;
background-color: transparent;
border: none;
border-bottom: 1px solid #d8eaf3;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
line-height:160%;
font-size: 0.875rem;
margin: 0 0 6px 0;
padding-left: 12px;
padding-right:12px;
}

input:not([type]):disabled, input:not([type])[readonly="readonly"],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly="readonly"],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly="readonly"],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly="readonly"],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly="readonly"],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly="readonly"],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly="readonly"],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly="readonly"],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly="readonly"],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly="readonly"],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
color: #c4e0ed;
border-bottom: 1px solid #d8eaf3;
}

input:not([type]):disabled + label,
input:not([type])[readonly="readonly"] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly="readonly"] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly="readonly"] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly="readonly"] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly="readonly"] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly="readonly"] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly="readonly"] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
 color: #c4e0ed;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
		border-bottom: 1px solid #9dcbe1;
 -webkit-box-shadow: 0 1px 0 0 #9dcbe1;
				box-shadow: 0 1px 0 0 #9dcbe1;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
color: #3687b0;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
color: #3687b0;
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
color: #F44336;
}

input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
width: 100%;
}

/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
	 border-bottom: 1px solid #4CAF50;
-webkit-box-shadow: 0 1px 0 0 #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
}

input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
	border-bottom: 1px solid #F44336;
-webkit-box-shadow: 0 1px 0 0 #F44336;
		box-shadow: 0 1px 0 0 #F44336;
}

input:not([type]).valid ~ .helper-text[data-success],
input:not([type]):focus.valid ~ .helper-text[data-success],
input:not([type]).invalid ~ .helper-text[data-error],
input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
textarea.materialize-textarea.valid ~ .helper-text[data-success],
textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
textarea.materialize-textarea.invalid ~ .helper-text[data-error],
textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success],
.select-wrapper.invalid ~ .helper-text[data-error] {
color: transparent;
-webkit-user-select: none;
	 -moz-user-select: none;
		-ms-user-select: none;
				user-select: none;
pointer-events: none;
}

input:not([type]).valid ~ .helper-text:after,
input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
content: attr(data-success);
color: #4CAF50;
}

input:not([type]).invalid ~ .helper-text:after,
input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {
content: attr(data-error);
color: #F44336;
}

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after, .select-wrapper + label:after {
display: block;
content: "";
position: absolute;
top: 100%;
left: 0;
opacity: 0;
-webkit-transition: .2s opacity ease-out, .2s color ease-out;
transition: .2s opacity ease-out, .2s color ease-out;
}

.form-field {
margin-top: 1.125rem;
margin-bottom: 0rem;
}

[type="checkbox"]+span:not(.lever){
	position: relative;
	padding-left: 32px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	color:#595959;
	line-height: 24px;
	font-size: 0.875rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[type="checkbox"]+span:not(.lever):hover{color:#1A1700;}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
	height: 24px;
	width: 24px;
	background-color: transparent;
	border: 2px SOLID #797979;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
	top: 0;
	width: 24px;
	height: 24px;
	border: 2px solid #2CACED;
	background-color: #2CACED;
}

[type="checkbox"].filled-in:checked+span:not(.lever):before {
	top: -1px;
	left: 1px;
	width: 10px;
	height: 16px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}


.form_element_list{display:flex;justify-content:space-between;flex-wrap:wrap;}
.form_element_list li{margin-bottom:6px;}
.form_element_list.sp2 li{width:50%;}
.form_element_list.sp3 li{width:33.33%;}
.form_element_list.sp4 li{width:25%;}
.form_element_list.sp5 li{width:20%;}

.form-field .helper-text {
display:inline-block;
position: relative;
width:100%;
min-height: 1rem;
display: block;
font-size: 0.75rem;
color: #9ac4e5;
}

.input-field {
margin-top: 1.125rem;
margin-bottom: 0rem;
}

.form-field > label {
top: 0;
left: 0;
font-size: 0.875rem;
color: #b5acb9;
}

.input-field.inline {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}

.input-field.inline input,
.input-field.inline .select-dropdown {
margin-bottom: 0rem;
}

.input-field.col label {
left: 0.75rem;
}

.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
width: calc(100% - 3rem - 1.5rem);
}

.input-field > label {
top: 0;
left: 0;
font-size: 0.875rem;
color: #b5acb9;
}

.input-field .helper-text {
position: relative;
min-height: 1rem;
display: block;
font-size: 0.75rem;
color: #9ac4e5;
}

.input-field .helper-text::after {
opacity: 1;
position: absolute;
top: 0;
left: 0;
}
.input-field .helper-text .material-icons{font-size:0.9375rem !important;padding-right:0.375rem;}

.input-field .prefix {
position: absolute;
width: 3rem;
font-size: 2rem;
-webkit-transition: color .2s;
transition: color .2s;
top: 0.5rem;
}

.input-field .prefix.active {
color: #26a69a;
}

.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem);
}

.input-field .prefix ~ label {
margin-left: 3rem;
}

.title-field{
margin-top: 1.125rem;
margin-bottom: 0rem;
}

.title-field > label {
top: 0;
left: 0;
font-size: 0.875rem;
color: #b5acb9;

}
.title-field > label .button{padding-left:12px;}
.title-field > label .button button{height:20px; font-size:12px;line-height:12px;color:#FFF;background-color:#282828;padding-left:12px;padding-right:12px;}
.title-field > label .button button:hover{background-color:#C94402;}
.field-border_bottom{
border-bottom: 1px solid #d8eaf3;
padding-top:16px;
margin-bottom:6px;
}

@media only screen and (max-width: 992px) {
.input-field .prefix ~ input {
	width: 86%;
	width: calc(100% - 3rem);
}
}

@media only screen and (max-width: 600px) {
.input-field .prefix ~ input {
	width: 80%;
	width: calc(100% - 3rem);
}
}

/*
.btn, .btn-large, .btn-small{background-color:#0287CA;}
*/
.btn, .btn-large, .btn-small{background-color:#C94402;}

.btn:hover, .btn-large:hover, .btn-small:hover {
background-color: #C94402;
}

.btn:focus, .btn-large:focus, .btn-small:focus,
.btn-floating:focus {
background-color: #C94402;
}


/******************************************************************
	SWAL
******************************************************************/
.swal2-popup .swal2-title{color:#1A1A1A;margin:0 !important; }
.swal2-popup .swal2-title .warning_color,
.swal2-popup .swal2-title .confirm_color{display:flex;}
.swal2-popup .swal2-title .material-icons{height:32px;font-size:2rem;line-height:32px;}
.swal2-popup .swal2-title .text{display:inline-block;height:32px;line-height:32px;font-size:1.25rem;padding-left:8px;}
.swal2-popup .swal2-content{font-size:1rem !important;color:#1A1A1A;padding-top:24px !important;padding-bottom:24px !important;}

.swal2-popup .swal2-actions{margin:0 !important}
.swal2-popup .swal2-styled.swal2-confirm{font-size:1rem;font-weight:700;color:#FFF;background-color:#0099FF !important;border-radius:0; }
.swal2-popup .swal2-styled.swal2-confirm:hover{color:#1A1700;background-color:#FFCC00 !important;}

.swal2-popup #swal2-content {padding-bottom:12px;}
.swal2-input{
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box !important;
}


/******************************************************************
	MODAL POPUP
******************************************************************/
.modal-content::-webkit-scrollbar { width: 6px;}
.modal-content::-webkit-scrollbar-track { background-color:#D9D9D9; }
.modal-content::-webkit-scrollbar-thumb { background:rgba(0,153,255,0.6); border-radius:3px;}
.modal-content::-webkit-scrollbar-thumb:hover { background: #1A1A1A; }
.modal-content::-webkit-scrollbar-thumb:active { background: #FFCC00; }
.modal-content::-webkit-scrollbar-button { display: none; }

.modal-content h1{font-size:1.75rem;font-weight:700;color:#1A1A1A;text-align:center;border-bottom:1px SOLID #1A1A1A;padding-top:12px;padding-bottom:24px;}
.modal-content .dialog_wrapper{padding-top:16px;}

.modal.modal-fixed-footer .modal-content {
	height: calc(100% - 72px);
}

.modal .modal-footer {
	height: 72px;
	width: 100%;
	text-align: center;
	background-color: #F8F8F8;
	border-radius: 0 ;
	border-top:1px SOLID #D9D9D9;
	padding: 0;
	padding-top:12px;
}


.modal .modal-footer button{font-size:1rem;height:48px;color:#FFF;background-color:#0099FF !important;margin-left:3px;margin-right:3px;padding-left:16px;padding-right:16px;}
.modal .modal-footer button:hover{color:#1A1700;background-color:#FFCC00 !important;}