@charset "utf-8";
*{margin:0px; padding:0px; text-decoration:none; list-style:none; font-family:'Malgun Gothic';}
html, body{height:100%; width: 100%; color: #555;}
body{ background: #f2f3f5; display: table; }
h1,h2,h3,h4,h5,h6,p,ul,li{ margin: 0; padding: 0; font-style: normal;; list-style: none;text-align: center; font-size: 14px; font-weight: normal;}
a:link, a:visited, a:active, a:hover { text-decoration: none; }
.netf_box{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; box-sizing: border-box; padding: 10px; }
.netf_box>div{ width: 600px; margin:auto; border-radius: 6px; box-sizing: border-box; box-shadow: 1px 1px 2px rgba(0,0,0,.1); background: #fff; padding: 15px 25px 10px;}
.netf_box>div+div{ margin-top: 10px; }
.netf_box>div h1{ text-indent: -9999px; display: block; background: url(../images/com/img_logo.png) 0 0 no-repeat; width: 124px; background-size: 124px; height: 35px; }
.netf_box .c1 strong{ color: #1853a0; }
.netf_box .t_line1{  margin:20px 0 10px; line-height: 1.5;}
.netf_box .txt_time{ background: #f2f8fe; border-radius: 4px; padding: 16px 20px 18px; margin-bottom: 15px; color: #333; }
.netf_box .txt_time .txt1{ font-size: 20px;}
.netf_box .txt_time .txt2{ margin-top: 10px;}
.netf_box .txt_time .txt1 span{ color: #0c96fb; font-weight: bold; }
.netf_box .txt_time .txt2 span{font-weight: bold; }
.netf_box .txt_info{ padding-bottom: 20px;}
.netf_box .txt_info2{ padding-bottom: 15px;  display: block; text-align: left; padding-left: 24px; position: relative; margin-top: 5px;}
.netf_box .txt_info2:before{ content: ''; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%; display: block;  background-color: #1853a0;}
.netf_box .txt_info2:after{ content: ''; display: block; position: absolute; left: 4px; top: 7px; width: 6px; height: 6px; border: 2px solid #fff; border-left: none; border-bottom: none; transform: rotate(45deg); }
.netf_box>div>ul{ margin: 0 5px 10px;  overflow: hidden; }
.netf_box>div>ul:after{ content: ''; display: block; clear: both; }
.netf_box>div>ul>li{ float: left; width:calc(50% - 4px); margin-left: 8px;}
.netf_box>div>ul>li>a{ font-size: 16px; color: #fff; line-height: 45px; height: 47px; display: block; transition: 0.2s all;background: #0c96fb; border-radius: 4px; position: relative; box-sizing: border-box; padding-right: 10px; }
.netf_box>div>ul>li>a:after{ content: ''; display: block; position: absolute; right: 8%; top: 50%; width: 8px; height: 8px; border: 2px solid #fff; border-left: none; border-bottom: none; transform: rotate(45deg); margin-top: -5px; margin-left: -6px; }
.netf_box>div>ul>li>p{ text-align: left; font-size: 95%; color: #666; position: relative; padding-left: 7px; margin:7px 0px 0 5px; line-height: 1.3; }
.netf_box>div>ul>li>p:before{ content: ''; display: block; width: 3px; height: 3px; border-radius: 3px; position: absolute; left: 0; top: 8px; background-color: #1853a0; }
.netf_box>div>ul>li:first-child{ margin-left: 0; }
.netf_box>div>ul>li:first-child>a{ background-color: #1853a0; }
.netf_box>div>ul>li>a:hover{ background: #083064; }	
.pc_only{ display: block; }	
.m_only{ display: none; }
@media screen and (max-width:767px){
	.netf_box>div{ width: 100%; padding: 15px; }
	.netf_box .txt_time{ font-size: 15px; padding: 14px; }
	.netf_box>div>ul>li{ width: 100%; margin-left: 0; float: none; font-size: 13px; }
	.netf_box>div>ul>li:first-child{ margin-bottom: 15px;}
	.netf_box>div>ul>li>a{ height: 40px; line-height: 40px; }
	.pc_only{ display: none; }
	.m_only{ display: block; }
}