@charset "utf-8";

section.sub{background:#f5f5f5; padding-top:15px; padding-bottom:30px;}
.sub_tit{ background:url('/_sub01/img/subtit.png') no-repeat top center; padding-top: 20px; margin-bottom:12px; text-align:center; font-size:2.2em; color:#000;font-family: 'GyeonggiTitle'; font-weight:bold;}
.sub_exp{ margin-bottom:20px; color:#000; font-size:1.5em;text-align:center;} 

.sub_con_wrap{  background:#fff; border:1px solid #dddddd; box-shadow: 1px 1px 5px 0px #cccccc;}
.smenu_ul{background:#ececec;}

.smenu_ul ul {overflow:hidden;}
.smenu_ul ul li { float: left; text-align: center;padding: 15px;font-size: 1.5em; border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; }
.smenu_ul ul li.on{background:#2d57a6;}
.smenu_ul ul li a{color: #000;}
.smenu_ul ul li.on a{color: #ffffff;}
.smenu_ul ul li:last-child{ border-right: 0px !important; }
.smenu_ul ul li:first-child:nth-last-child(1) { width: 100%; } /* li가 하나일 때 */ 
.smenu_ul ul li:first-child:nth-last-child(2), .smenu_ul ul li:first-child:nth-last-child(2) ~ li { width: calc( 100% / 2 ); }  /* li가 두개일 때 */  
.smenu_ul ul li:first-child:nth-last-child(3), .smenu_ul ul li:first-child:nth-last-child(3) ~ li { width: calc( 100% / 3 ); }  /* li가 세개일 때 */
.smenu_ul ul li:first-child:nth-last-child(4), .smenu_ul ul li:first-child:nth-last-child(4) ~ li { width: calc( 100% / 4 ); } /* li가 네개일 때*/ 
.smenu_ul ul li:first-child:nth-last-child(5), .smenu_ul ul li:first-child:nth-last-child(5) ~ li { width: calc( 100% / 5 ); } /* li가 네개일 때*/ 

.sub_con{ color:#000; padding:20px; font-size: 1em; }
.sub_con a{ font-size: 1em; }

.sub_head{font-family: 'GyeonggiTitle'; font-size:1.8em; color:#232323; background: url(/_sub01/img/headtit.png) no-repeat left top; font-weight:bold; padding-left:20px; margin-bottom:15px;}

.input_wrap{ overflow:hidden; clear:both; width:100%; margin-bottom:15px;}
.label_wrap{ float:left; width:90px;height:40px;line-height:40px;color: #232323;font-weight: bold;font-size: 1.2em;font-weight: bold;}
.label_wrap label{height:40px;line-height:40px;color: #232323; font-weight: bold;font-size: 1em;font-weight: bold;} 
.input_field{float:right; width: calc( 100% - 90px ); font-size:1.2em;}

.input_text{ display:inline-block; width : 100%; }
.select{ display:inline-block; width : 100%; }
label.custom-select {position: relative;display: inline-block; width : 100%;}
.custom-select span{ height :40px; line-height: 40px; float:left; display: inline-block;  width : 90px; color : #232323; font-size : 1.2em;  font-weight:bold;}
.custom-select select { border-radius: 6px; min-width: 100px; font-size : 1em; color : #232323;height: 40px;float:left; width : calc( 100% - 90px); display: inline-block;border: 1px solid #cccccc; padding: 4px 3px 3px 15px;margin: 0; font: inherit;outline:none; line-height: 1.2;background: #ffffff;-webkit-appearance:none; }
.custom-select:after { position: absolute;top: 4px;right: 4px;bottom: 0;font-size: 20px;width: 32px;height: 32px;text-align: center;line-height: 30px;padding: 0 7px;color: #232323;pointer-events: none;font-weight: bold;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.custom-select:after { content: "∨";}
}


.text_input{height: 40px;border-radius: 6px;float:right;font-size : 1em; width :  100%;padding: 8px 10px;color: #232323;  background-color: #ffffff;border: 1px solid #cccccc;display: inline-block;}

.gray_box{ background:#f3f3f3; padding:20px; border-radius:6px;}

.greed_wrap{  border-bottom:1px solid #ccc;  padding-top:15px;}
.greed_wrap > div.greed{ float:left;  }
.greed_wrap > div.greed:first-child:nth-last-child(1) { width: 100%; } /* li가 하나일 때 */ 
.greed_wrap > div.greed:first-child:nth-last-child(2), .greed_wrap > div.greed:first-child:nth-last-child(2) ~ div { width: calc( 100% / 2 ); }  /* li가 두개일 때 */  
.greed_wrap > div.greed:first-child:nth-last-child(3), .greed_wrap > div.greed:first-child:nth-last-child(3) ~ div { width: calc( 100% / 3 ); }  /* li가 세개일 때 */
.greed_wrap > div.greed:first-child:nth-last-child(4), .greed_wrap > div.greed:first-child:nth-last-child(4) ~ div { width: calc( 100% / 4 ); } /* li가 네개일 때*/ 
.greed_wrap > div.greed:first-child:nth-last-child(5), .greed_wrap > div.greed:first-child:nth-last-child(5) ~ div { width: calc( 100% / 5 ); } /* li가 네개일 때*/ 
.greed_wrap > div.greed:first-child:nth-last-child(5), .greed_wrap > div.greed:first-child:nth-last-child(6) ~ div { width: calc( 100% / 6 ); } /* li가 네개일 때*/ 

.res_table{overflow-x:auto; padding-bottom:10px; margin-bottom:20px;}
.res_table table{ border-top: 2px solid #000; border-bottom: 1px solid #cccccc; border-collapse: collapse;border-spacing: 0;min-width: 100%; position:relative;}
.res_table table caption{ width:0; height:0; overflow:hidden; }
.res_table table th, .res_table table td { padding: 8px 5px; white-space: nowrap; font-size:1.2em; }
.res_table table th{ background:#f3f3f3; font-size:1.2em; color:#000; text-align:center; border-right: 1px solid #ccc;}
.res_table table tr th:last-child{border-right:0;}
.res_table table td{ text-align:center; font-size:1.1em; border-right: 1px solid #ccc; border-top:1px solid #ccc;}
.res_table table td a{ font-size:1.2em; }
.res_table table td.left{text-align:left;}
.res_table table tr td:last-child{border-right:0;}
.res_table table tr:nth-child(even)  { background-color: #f3f3f3;  }
.res_table table tr:nth-child(odd)   { background-color: #ffffff; }
.res_table table tr:hover{ background-color:#e4e4e4;}

.write_table{ padding-bottom:10px;}
.write_table table{ border-top: 2px solid #000; border-bottom: 1px solid #cccccc; border-collapse: collapse;border-spacing: 0;width: 100%; position:relative;}
.write_table table caption{ width:0; height:0; overflow:hidden; }
.write_table table th, .write_table table td { padding: 8px 5px; border-bottom: 1px solid #cccccc; }
.write_table table th{ background:#f3f3f3; font-size:1.2em; color:#000; text-align:center; border-right: 1px solid #ccc;}
.write_table table tr th:last-child{border-right:0;}
.write_table table td{ text-align:center; font-size:1.2em; border-right: 1px solid #ccc; border-top:1px solid #ccc;}
.write_table table td.left{text-align:left;}
.write_table table tr td:last-child{border-right:0;}
.write_table table tr:hover{ background-color:#e4e4e4;}


.rwd-table { width:100%;min-width: 300px;margin-bottom:25px;border-collapse:separate;border-spacing: 0;border-left:none;background:#fff;border-top:2px solid #000;}
.rwd-table caption{ width:0; height:0; overflow:hidden; }
.rwd-table th {display: none;}
.rwd-table td {display: block;}
.rwd-table td:before {content: attr(data-th) " : ";font-weight: bold;width: auto;display: inline-block;padding-right: 10px;text-align:left;}
.rwd-table th, .rwd-table td {padding:9px;color:#000;line-height:20px;border-collapse:separate;border-right:none;border-bottom:1px solid #dddddd;font-size:1.2em;text-align:center;border-right:1px solid #ccc;}
.rwd-table td.nobdr, .rwd-table th.nobdr {border-right:none;}
.rwd-table td.nobdb {border-bottom:none;}
.rwd-table th {color:#000;font-size:14px;background:#f3f3f3;}
.rwd-table .left {text-align:left;}
.rwd-table .headline {font-size:13px;color:#000;}
.rwd-table tr th:last-child{border-right:0;}
.rwd-table tr td:last-child{border-right:0;}
.rwd-table tr:nth-child(even)  { background-color:#f3f3f3; }
.rwd-table tr:nth-child(odd)   { background-color:  #ffffff; }

@media (min-width: 900px) {
.rwd-table td:before {display: none;}
}
@media (min-width: 900px) {
	.rwd-table th, .rwd-table td {display: table-cell;padding: 8px 5px  ;}
	.rwd-table th:first-child, .rwd-table td:first-child {padding-left: 0;}
	.rwd-table th:last-child, .rwd-table td:last-child {padding-right: 0;}
}
@media (max-width: 900px) {
	.rwd-table th, .rwd-table td {text-align:left;}
	.rwd-table tr > td:first-child {border-top : #000 2px solid;}
	.rwd-table tr th:last-child{border-right:1px solid #ccc;}
	.rwd-table tr td:last-child{border-right:1px solid #ccc;}
	.rwd-table {border-left:1px solid #ccc;}
}
.rwd-table {overflow: hidden;}

.rwd-table th, .rwd-table td:before {color:#000;}

.rwd-table tr:hover { background: #e4e4e4 !important;  background-color: #e4e4e4 !important;} 
.rwd-table tr:hover td{ background: #e4e4e4 !important;  background-color: #e4e4e4 !important;} 

@media screen and (max-width:900px) {
	.smenu_ul ul li{  font-size:1.3em; }
	.greed_wrap > div.greed:first-child:nth-last-child(2), .greed_wrap > div.greed:first-child:nth-last-child(2) ~ div { width: 100%; }  
}

@media screen and (max-width:700px) {
	.smenu_ul ul li:first-child:nth-last-child(4), .smenu_ul ul li:first-child:nth-last-child(4) ~ li { width: calc( 100% / 2 ); } /* li가 네개일 때*/ 
}