@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
body {
	color: black;
	background-color: transparent;
}
em {
	font-style: normal;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes:"" "";
}
textarea {
	overflow: auto;
}
hr, legend {
	display: none;
}
a {
	color: #000;
	text-decoration: none;
  display:inline-block;
  border-bottom:1px solid transparent;
}
a:hover,
a:focus{
  /*text-decoration:underline;*/
  color:#000;
}
select {
	font-size: 11px;
	font-family: "Nanum Gothic", Verdana, Tahoma, Arial, sans-serif;
	vertical-align: middle;
}
input,
textarea {
	font-family:"Nanum Gothic", Verdana, Tahoma, Arial, sans-serif;
	vertical-align: middle;
}
img{
vertical-align: top;
}
h1,h2,h3,h4,h5,h6{font-size: 100%;}
.float_wrap:after{content:' ';clear:both;visibility:hidden;display:block;}
	*+ html .float_wrap{display:block;}
.hidden_word{position:absolute;height:0;left:-9999px;overflow:hidden;width:0;font-size:0;}
caption {text-indent:-9999px; height:0px;}
html {
  font-size: 62.5%;
}
body {
  font-family: 'Nanum Gothic',sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  color: #141414;
  background-color: #f4f5f7;
}
.lh180{line-height: 180%;}
.wrap {
  width: 1500px;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0px 3px 40px #d5d7d6;
  background-image: url("../images/common/wrap_bg.gif");
  background-repeat: no-repeat;
  background-position: center bottom;
}
/* header */
header {
  height: 100px;
  margin-bottom: 105px;
}
#subpage header {
  margin-bottom: 60px;
}
.wrap_top {
  width: 100%;
  height: 520px;
  background-image: url("../images/common/top-bg.jpg");
  background-repeat: no-repeat;
  background-position: center bottom ;
}
#subpage .wrap_top {
  width: 100%;
  height: 520px;
  background-image: url("../images/common/top-bg.jpg");
  background-position: center bottom ;
}
.header_inner {
  width: 1000px;
  position: relative;
  margin: 0 auto;
}
.header_logo {
  display:none;
  position: absolute;
  left: 0;
  top: 36px;
}
.header_tit {
  position: absolute;
  top: 40px;
  left: 0%;
  width:100%;
  text-align:center;
  font-size: 1.6rem;
  color: #1d2089;
  /* text-shadow: 1px 0px 3px #b2b2b2; */
}
.top_sns {
  position: absolute;
  right: 7%;
  top: 28px;
}
.top_sns a {
  display: inline-block;
  width: 41px;
  height: 41px;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0px;
  line-height: 0px;
  margin-left: 5px;
  vertical-align: middle;
}
  *+ html .top_sns a {
    display: inline;
  }
.top_sns__btn1 {
  background-image: url("../images/common/sns_f.png");
}
.top_sns__btn2 {
  background-image: url("../images/common/sns_t.png");
}
.top_sns__btn3 {
  background-image: url("../images/common/sns_b.png");
}
header.selected {
  background-color: #7eb4d0;
}
.gnb_nav {
  display: none;
  background-color: #fff;
  position: relative;
  top: 100px;
  left: 0;
  padding: 39px 0 39px;
  z-index: 2;
}
header.selected .gnb_nav {
  display:block;
}
.gnb_nav_inner {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 0 28px;
}
.gnb_nav_inner li {
  width: 16%;
  float: left;
  text-align: center;
}
.gnb_nav_inner a {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  color: #333;
  font-weight: bold;
}
.gnb_nav_inner span {
  width: 111px;
  height: 111px;
  display: block;
  background-image: url("../images/common/gnb_menu_bg.png");
  background-repeat: no-repeat;
  margin: 0 auto 10px;
  position: relative;
}
.gnb_nav_inner .effect02 {
  background-position:center -111px;
}
.gnb_nav_inner .effect03 {
  background-position:center -222px;
}
.gnb_nav_inner .effect04 {
  background-position:center -333px;
}
.gnb_nav_inner .effect05 {
  background-position:center -444px;
}
.gnb_nav_inner .effect06 {
  background-position:center -555px;
}
.h_gnb_btn {
  position: absolute;
  top: 35px;
  right: 3px;
}
.m_cpen_btn {
  display: block;
}
.m_close_btn {
  display: none;
}
header.selected .m_close_btn {
  display: block;
}
header.selected .m_open_btn {
  display: none;
}
/* end - header */
#mainpage .wrap_top_slogan {
  /*display:none;*/
  text-align: center;
  color: #fff;
  text-shadow: 1px 0px 3px #b2b2b2;
}
#mainpage .wrap_top_slogan p {
  font-size: 33px;
  font-size: 3.3rem;
  font-weight: bold;
  margin-bottom: 23px;
   text-shadow: 1px 0px 3px #b2b2b2;
}
#mainpage .wrap_top_slogan strong {
  font-size: 48px;
  font-size: 4.8rem;
}
.wrap_top_slogan br {
  display: none;
}
#mainpage .wrap_top_slogan small {
  font-size: 17px;
  font-size: 1.7rem;
  display: block;
  margin-bottom: 65px;
    text-shadow: 1px 0px 3px #b2b2b2;
}
#mainpage .wrap_top_slogan p{display:none}
#mainpage .wrap_top_slogan small{display:none}
#mainpage .wrap_top_slogan a {
  display: inline-block;
  width: 174px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 51px;
  color: #1d2089;
  /*background-color: #1d2089;*/
  text-shadow: none;
  margin-top:240px;
  /*border:1px solid #ddd;*/
}
.wrap_content {
  width: 940px;
  position: relative;
  margin: 0 auto;
  padding: 35px 0 120px 0;
}
#subpage .wrap_content {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 35px 0 135px 0;
}
.quickmenu {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #333;
  margin-bottom: 32px;
  padding: 0px 0 30px 0;
}
.quickmenu li {
  float: left;
  width: 20%;
  text-align: center;
}
.quickmenu span {
  background-image: url("../images/common/quick-bg.jpg");
  background-repeat: no-repeat;
  background-position: center 0;
  width: 82px;
  height: 96px;
  display: inline-block;
  margin-bottom: 8px;
}
	*+ html .quickmenu span {
	  display: inline;
  }
.quickmenu .effect02 {
  background-position:center -96px;
}
.quickmenu .effect03 {
  background-position:center -192px;
}
.quickmenu .effect04 {
  background-position:center -288px;
}
.quickmenu .effect05 {
  background-position:center -384px;
}
.quickmenu a {
  display: block;
}
.quickmenu h4 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #7eb4d0;
  margin-bottom: 5px;
}
.quickmenu p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #757575;
  margin-bottom: 15px;
}
.quickmenu small {
  color: #91ba3a;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  padding-right: 20px;
  background-image: url("../images/common/quick-link-bg.jpg");
  background-repeat: no-repeat;
  background-position: center right;
}
.content_con {
  position: relative;
  min-height: 500px;
  font-size: 17px;
  font-size: 1.7rem;
  color: #141414;
  line-height: 1.5;
}
#subpage .content_con  {
  padding-bottom: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.align_center {
 text-align: center;
 max-width:650px;
 margin: 0 auto;
}
.align_center img{max-width:100%;}
.align_center p{margin:20px 0;}
.cont_list li {
  float: left;
  width: 33%;
  border-bottom: 1px solid #ededed;
  margin-bottom: 35px;
}
.cont_list a {
  display: block;
  text-align:center;
}
.cont_list a p{text-align:center;}
.cont_img {
  /* border: 1px solid #ececec; */
  width: 291px;
  /* height: 301px; */
  margin: 0 auto 15px;
}
.cont_img img {
  max-width: 100%;
}
.cont_list p {
  font-size: 13px;
  font-size: 1.3rem;
  color: #888;
  font-weight: bold;
  margin-bottom: 35px;
}
.btn-more {
  position: absolute;
  right: 0px;
  top: 9px;
}
.btn-more a {
  display: block;
  background-image: url("../images/common/btn-more.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  font-size: 12px;
  color: #999999;
  padding: 10px 45px 10px 0;
}
/* sub */
#subpage .wrap {
  background-image: none;
}
#subpage .wrap_top_slogan {
  display:none;
  color: #fff;
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#subpage .content_con {
  width: 1000px;
}
#subpage .wrap_top_slogan p {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: bold;
  margin-bottom: 5px;
}
#subpage .wrap_top_slogan small {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.wrap_top_slogan div span {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 4px 7px;
}
.wrap_top_slogan .effect01 {
  background-color: #22b34b;
}
.wrap_top_slogan .effect02 {
  background-color: #20409a;
}
  *+ html .wrap_top_slogan div span {
    display: inline;
  }
.sub_location {
  width: 100%;
  background-color: #333333;
}
.location_inner {
  width: 1000px;
  position: relative;
  margin: 0 auto;
}
.location_right {
  position: absolute;
  right: 0;
  top: 15px;
}
.location_right li {
  float: left;
  padding-right: 3px;
}
.location_right li a {
  color: #999999;
  font-weight: bold;
  font-size: 13px;
  font-size: 1.3rem;
  padding-left: 16px;
}
.location_right li:first-child {
  padding-right: 16px;
  padding-left: 0;
}
.cont_tit {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fafafa;
  margin-bottom: 30px;
  padding: 25px 0;
}
.cont_tit h3 {
  font-size: 19px;
  font-size: 1.9rem;
  color: #222;
  padding-left: 35px;
}
h4.title{font-size: 1.6em; margin:10px; vertical-align: middle;}
.h4{font-size: 1.8em; margin:10px;}
span.dt{display: inline-block;vertical-align: middle; min-width: 100px;}
span.subtit{text-indent: -8px;padding-left: 30px;display: inline-block;}
.reg_date {
  position: absolute;
  right: 40px;
  top: 40%;
  font-size: 13px;
  font-size: 1.3rem;
  color: #999;
}
.content_con > p {
  margin-bottom: 20px;
  /*font-size: 19px;*/
  /*font-size: 1.9rem;*/
}
.cont_cont_img {
  text-align: center;
  max-width: 100%;
  margin-bottom: 30px;
}
.dl_info dt {
  display: block;
  font-weight: bold;
  background-image: url("../images/common/bul_acc.jpg");
  background-repeat: no-repeat;
  background-position:0 7px;
  color: #333333;
  font-size: 19px;
  font-size: 1.9rem;
  margin-bottom: 8px;
  padding-left: 20px;
}
.basic_list {
  line-height: 1.6;
  margin-bottom: 20px;
}
.basic_list > li {
  padding-left: 18px;
  background-image: url("../images/common/bul_acc.jpg");
  background-repeat: no-repeat;
  background-position:0 9px;
}
.basic_list li ul {
  margin-left: 5px;
}
.dl_info dd {
  margin-left: 20px;
  margin-bottom: 20px;
}
.hidden_table .tb_type1 {
  display: none;
}
.tb_type1 {
  border-top: 2px solid #000;
  border-left: 1px solid #dedede;
  text-align: left;
}
.tb_type1 table {
  width: 100%;
}
.tb_type1.all_center tbody th,
.tb_type1.all_center thead th,
.tb_type1.all_center tbody td {
  text-align: center;
  padding:10px 0;
}
.tb_type1 th,
.tb_type1 td {
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 20px;
  background-color:#fff;
}
.tb_type1 td.img{
  padding: 0;
  width: 200px;
}
.tb_type1 th,
.tb_type1 td.t_center {
  text-align: center;
  padding-left: 0px;
}
.tb_type1 th {
  background-color: #fafafa;
  color: #333333;
  font-weight: bold;
}
.tb_type1 td {
  color:#333;
}
table.tdLeft tr td {
  text-align: left;
  padding-left: 10px;
}
.h4_bul {
  background-image: url("../images/common/h4_bul.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 25px;
  font-size: 2.5rem;
  color: #444;
  padding-top: 12px;
  margin: 0 0 15px 0 ;
}
.btn_type01 {
  text-align:right
}
.btn_type01 a {
  display: inline-block;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px 30px;
  background-color: #000000;
  color: #fff;
}
/* footer */
footer {
  background-color: #333333;
}
.foot_inner {
  width: 1000px;
  position: relative;
  margin: 0 auto;
}
.foot_left {
  font-size: 12px;
  font-size: 1.2rem;
  color: #d8d8d8;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 23px;
}
.foot_right {
  float: right;
}
.foot_home {
  padding-left: 20px;
  background-image: url("../images/common/f_home_bg.png");
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #d8d8d8;
  line-height: 60px;
  margin-right: 15px;
}
.foot_home_wrap,
.btn_foot {
  float: left;
}
.btn_foot {
  background-color: #3f3f3f;
  border-right: 1px solid #535353;
  border-left: 1px solid #535353;
}
.btn_foot a {
  color: #d8d8d8;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  padding: 22px 40px 22px 15px;
  background-image: url("../images/common/btn_foot_bg.png");
  background-repeat: no-repeat;
  background-position: 90% center;
}
/*select ���� 2016*/
.prev_new {
  overflow:hidden;
  background-color:#3f3f3f;
  vertical-align:middle;
  background-image: url("../images/common/btn_foot_bg.png");
  background-position: 90% center;
  background-repeat: no-repeat;
  text-align:left;
  position: relative;
  z-index: 1;
  width: 149px;
}
.prev_new select {
  width:100%;
  background-color:transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  font-family:'Nanum Gothic','�������';
  margin-top: 0;
  padding: 0 0 0 3px ;
  position: relative;
  border: 0px;
  color: #d8d8d8;
  width: 174px;
  vertical-align: middle;
  height: 60px;
  line-height: 60px;
  display: block;
}
    *+ html .prev_new select{
      padding-bottom: 15px;
	}
.prev_new option {
  color: #d8d8d8;
  background-color: #3f3f3f;
  vertical-align: middle;
}
.foot_right:after {content:' ';clear:both;visibility:hidden;display:block;}
	*+ html .foot_right {display:block;}
/* ��ü��� ��� */
.all_news::before {
  content: '';display:none !important;
}
.all_news {
  font-size: 25px;
  font-size: 2.5rem;
  color: #444;
  font-weight: bold;
  border-bottom: 3px solid #000;
  padding-bottom: 30px;
  text-align: center;
  margin-bottom: 40px;
}
.news_number {
  padding-bottom: 20px;
  color: #444;
  font-size: 13px;
  border-bottom: 1px solid #000;
}
.news_number strong {
  color: #cf2753;
  font-weight: normal;
}
.news_list li {
  width: 100%;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
.news_list li a {
  display: block;
}
.news_list li.last {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.news_list  .effect01 {
  width:33%;
  float: left;
}
.news_list  .effect01 img {
  /*border: 1px solid #ccc;*/
  width: 298px;
}
.news_list .effect02 {
  float: right;
  width: 67%;
  line-height: 1.6;
}
.news_list .effect02 h4::before {
  content: '';
  display:none !important;
}
.news_list .effect02 h4 {
  color: #222;
  font-size: 17px;
  font-size: 1.7rem;
  margin-bottom: 5px;
}
.news_list .effect02 p {
  font-size: 15px;
  font-size: 1.5rem;
  color: #888;
  height: 72px;
  overflow: hidden;
  margin-bottom: 20px;
}
.list {width: 100%;}
.list table {width: 100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.list.nofix table{table-layout: inherit}
.list th, .list td {padding:10px;border: 1px solid #999;}
.list th {background: #d5d5d5;border-width: 1px;text-align:center;}
.list td {background: #f1f1f1;}
.list td.tac{text-align:center !important}
.list .small {font-size: 0.8em;}
.tal{text-align:left;}
.list.list2 {max-width: 750px;}
.list.list2 th {background: #f1f1f1;width: auto;}
.list.list2 td {background: #fff;width: auto;}
.list.white td{background-color:#fff;}
.list.list3 {max-width: 750px;}
.list.list3 th {background: #f1f1f1;width: auto; text-align:center;}
.list.list3 td {background: #fff;width: auto; text-align:center;}
.list.white td{background-color:#fff; text-align:center;}
img{max-width:100%;}
.conleft{
  text-align:left;
  margin: 0 auto;
}
.conleft p{margin:0.6em 0;}
/* mobile */
@media screen and (min-width:1000px) and (max-width:1500px) {
  .wrap {
    width: 100%;
  }
}
@media screen and (max-width:999px) {
  .wrap {
	background-image: none;
  }
  .wrap ,
  .wrap_content,
  #subpage .wrap_content,
  .header_inner,
  .gnb_nav_inner,
  .foot_inner,
  .location_inner,
  #subpage .wrap_top_slogan,
  #subpage .content_con {
    width: 100%;
   }
   .gnb_nav_inner {
     padding: 0px;
   }
  .wrap_content img {
    max-width: 100%;
  }
  .cont_list li {
    width: 50%;
	text-align: center;
  }
  .cont_list p {
    margin-bottom: 20px;
  }
  .cont_cont_img {
    width: auto;
	height: auto;
	border: 0;
  }
  .news_list .effect01 {
    width: 30%;
  }
  .news_list .effect01 img {
    width: auto;
    height: auto;
  }
   .news_list .effect02 p {
      height: auto;
      overflow: visible;
   }
}
@media screen and (min-width:1px) and (max-width:768px) {
 #subpage .wrap_top_slogan {
    max-width: 320px;
  }
  .foot_left {
    position: relative;
	top: 0;
	padding: 10px 0 10px 5px;
  }
  .foot_right {
    float: none;
  }
}
@media screen and (min-width:1px) and (max-width:650px) {
  .top_sns {
    display: none;
  }
  .tb_type1 td {
    padding-left:3px;
  }
  .news_list .effect01 {
    padding:20px;
    float: none;
	width: auto;
	max-width: 100%;
	text-align: center;
  border: 1px solid #ccc;
  padding:10px;
  margin:0 10px 10px;
  }
  .news_list  .effect01 img {width:100%; border:none;}
   .news_list .effect02 {
    float: none;
	width: 100%;
	max-width: 100%;
	text-align: center;
  }
}
@media screen and (min-width:1px) and (max-width:576px) {
  .gnb_nav {
    padding:0;
  }
  .gnb_nav_inner li {
    width: 100%;
	text-align: left;
    padding: 0 0 ;
  }
  .gnb_nav_inner span {
    display: none;
  }
  .cont_list li {
    width: 100%;
	float: none;
  }
  .gnb_nav_inner a {
    padding: 10px 0 10px 5%;
    border-bottom: 1px solid #ccc;
	color: #888888;
  }
  .gnb_nav_inner li:last-child a {
    border-bottom: 0;
  }
  .reg_date {
    display: none;
  }
}
@media screen and (min-width:1px) and (max-width:480px) {
  .hidden_table .align_center {
    display: none;
  }
  .hidden_table .tb_type1 {
    display: block;
  }
  .hidden_table .tb_type1 thead.green th {
    background-color:#e3f4e3;
  }
  .hidden_table .tb_type1 thead.blue th {
    background-color:#6f8def;
	color:#fff;
  }
  .tb_type1 {
	 overflow-x:auto;
  }
  .content_con,
  #subpage .content_con,
  #mainpage .content_con  {
    width: 98%;
	margin: 0 1% 20px;
  }
  .header_logo {
    position: relative;
	left: 0;
	top: 10px;
	text-align: center;
  }
  .header_tit {
    position: relative;
	top: 20px;
	left: 0;
	text-align: center;
	margin-left: 0;
  }
  .gnb_nav {
    top: 50px;
  }
  .wrap_top_slogan br {
    display: block;
  }
  #mainpage .wrap_top_slogan strong {
    font-size: 33px;
	font-size: 3.3rem;
  }
  .cont_tit h3 {
    padding-left: 5px;
  }
  .reg_date {
    right: 1%;
  }
  .btn-more a {
    padding: 10px 0px 10px 0;
	background: none;
  }
  .quickmenu li {
    width: 50%;
	height: 192px;
	margin-bottom: 10px;
  }
  .foot_home_wrap {
    display: block;
	float: none;
  }
  .btn_foot {
    width: 49%;
  }
}
@media screen and (min-width:1px) and (max-width:360px) {
  .cont_tit h3 {
    padding-left: 1%;
  }
}
/**/
.cont_cont_img{padding:10px;}
.cont_cont_img img{ max-width:100%;}
@media screen and (min-width:768px){
  .cont_cont_img{padding:0;}
  .cont_tit+.cont_cont_img img{max-width:450px;padding:0;}
}
.mgt10{margin-top: 10px;}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}
.mgt40{margin-top: 40px;}
.mgb10{margin-bottom: 10px;}
.mgb20{margin-bottom: 20px;}
.mgb30{margin-bottom: 30px;}
.mgb40{margin-bottom: 40px;}
.mgl20{margin-left: 20px;}
.m0auto{margin: 0  auto}
.w30{ width:30%;}
.w40{ width:40%;}
.w45{ width:45%;}
.w50{ width:50%;}
.w60{ width:60%;}
.w70{ width:70%;}
.w80{ width:80%;}
.w90{ width:90%;}
.bold{font-weight: 600}
ul.list_type1 li{margin-bottom: 20px;}
ul.list_type2 li{margin-bottom: 10px;}
ul.dib{display: inline-block;margin:0 auto;float: none;}
.fc61{color: #616161}
.fw_600{font-weight: 600}
.fw_800{font-weight: 800}
.list-text{text-align:left;max-width:650px;margin: 0 auto;}
.list-text p{margin:10px 0 0 0;}
.list-text ul{margin-left:8px;}
.list-text ul li{padding-left:20px;position:relative;}
.list-text ul li:before{
  content: '- ';
  position:absolute;
  left:10px;
  top:0;
}
.sub5-list{max-width:500px; margin: 0 auto; }
.sub5-list dl{margin-bottom:20px;}
.sub5-list dl dt{margin:10px 0;font-size:18px;font-weight:bold;}
.sub5-list dl dd{}
.sub5-list img{border-radius:10px;}
.box{
  padding: 10px;
  border: 1px solid #999;
  background-color:#f1f1f1;
}
.box p{margin:5px 0;}
.list{
}
.tablebox{border:1px solid #000;max-width:580px;margin: 0 auto;text-align:left;}
.tablebox>li{
  padding:20px 5px;
}
.tablebox>li+li{border-top:1px solid #000;}
.tablebox>li li{padding-left:22px;text-indent:-12px;}
.tit{margin:20px 0 0;}
.tit+p{margin:0 0 0 0;}
.c-red{color:red;}
.c-blue{color:blue;}
.c-blue-a{color:blue;text-decoration:underline;}
.c_green{color:green;}
.imgArea{border:1px solid #ddd;padding:20px;display:inline-block;}
.imgArea p{margin-bottom:0;}
.img_area{ text-align: center; max-width:650px; margin: 0 auto; border:1px solid #ddd; padding:20px; background:#f2f2f2;}
.img_area p { margin-top:20px;}
.bullList{display: inline-block; margin:0 auto; text-align: left;}
 .table { position: relative; border-top: 3px solid #008bce; margin-top: 30px; margin-bottom: 15px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
 h2 + .table, h3 + .table, h4 + .table { margin-top: 0; }
 .table:before { content: ''; height: 100%; border-right: 1px solid #fff; position: absolute; top: 0; right: 0; }
 .table.w table { table-layout: auto; }
 .table.tal table td { text-align: left; }
 .table table { min-width: 700px; width: 100%; table-layout: fixed; text-align: center; background-color: #fff; }
 .table table th,
 .table table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: none; }
 .table table td.tal{text-align:left;}
 .table table td.tac{text-align:center;}
 .table table th { padding: 12px 3px; background-color: #f3fdff; }
 .table table td { color: #656565; padding: 10px 3px; }
@media (min-width: 768px) {  .table table td { padding-left: 20px; padding-right: 20px; } }
 .table table tbody tr:first-child > td { border-top: none; }
 .table table tbody .foot th, .table table tbody .foot td { background-color: #ebebeb; font-weight: bold; }
 .table table tbody .bgcolor { background-color: #f0f2f7; }
 .bdtable{border-collapse:collapse;}
 .bdtable td{border:1px solid #ccc;padding:5px;}
.content_con>h3,
.content_con h4{margin:20px 0 10px 0;}
.content_con h4::before ,
.content_con>h3::before {
   content: '▢ '  ;
   display:inline;
 }
.content_con .h4_bul::before {display:none;}

.list {margin:10px;}
.list > li { background: url(/static/portal/img/common/bu3.png) 0 10px no-repeat; background-size: 5px; padding-left: 14px !important; text-indent: 0 !important; position: relative; }
.list > li > ul > li { text-indent: -16px; padding-left: 16px; }
.list > li > ul > li:before { content: '- '; }
.list > li > ul > li > ul > li, .list > li > ul > li > ol > li { text-indent: -16px; padding-left: 16px; }
.list > li > ul > li > ul > li:before, .list > li > ul > li > ol > li:before { content: '· '; display: inline; }
.list > li > ul.none li:before { display: none; }
.list > li > ul.number li { text-indent: -20px; padding-left: 20px; }
.list > li > ul.number li:before { display: none; }
.list > li + li { margin-top: 12px; }
.list2{text-align:left;max-width:650px;margin: 0 auto;}
.list2 li{padding-left: 72px;text-indent: -72px}
.list3{text-align:left;max-width:700px;margin: 0 auto;}
.list3 > li ul {padding-left: 20px;}
.list3 > li ul li {padding-left: 15px;text-indent: -15px;}
.tac{text-align:center;}
.ti1{
  text-indent:-18px;padding-left:18px;
}
.ti1 *{text-indent:0;}
.color_red{color:red;}