@charset "utf-8";

@import url('base.css');
@import url("/common/css/global.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");

  body { background:#0d4c95;margin:0 auto;line-height:160%;font-family:'Noto Sans KR','º»°íµñ';}

.dc_blue {color:#15acc7;}
.dc_red {color:#f6444b;}
.mb_least { margin-bottom: 3px; }
.mb_less { margin-bottom: 5px; }
.mb { margin-bottom: 10px; }
.mb_more { margin-bottom: 20px; }
.mb_most { margin-bottom: 30px; }

.mt_least { margin-top: 2px; }
.mt_less { margin-top: 5px; }
.mt { margin-top: 20px; }
.mt_more { margin-top: 30px; }
.mt_most { margin-top: 50px; }

.pd_least { padding: 0px 5px }
.pd_less  { padding: 0px 10px 5px 20px; }
.pd       { padding: 10px 20px 20px 10px; }
.pd_more  { padding: 20px 40px; }
.pd_most  { padding: 40px 80px; }

.pb_more { padding:0 0 20px 0; }

.pt_less {padding:10px 0 0 0;}
.pt {padding:5px 0 0 0;}
.pt_more {padding:20px 0 0 0;}
.pt_most {padding:30px 0 0 0;}

.pr {padding:0 10px 0 0;}

.ml { padding: 10px 0 0 30px; }
.ml_more { padding: 10px 0 0 20px; }
.ml_most { padding: 10px 0 0 45px; }

.mr {padding: 10px 20px 0 0; }

.f_left { float: left; }
.f_right { float: right; }

.test { border: 1px solid red; }

.ta_left { text-align: left; }
.ta_center {text-align:center;}
.ta_right { text-align: right; }

.img_size img {width:100%;}

/* paging */
#pagination { text-align:center; line-height:30px; clear:both; margin:14px 0 10px 0; }
#pagination * {  font-size:12px; color:#808080 !important; font-weight:bold; }
#pagination a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #D1D1D1; background-color:#ffffff; text-decoration:none; }
#pagination a:hover, #pagination a:active { border:1px solid #5e5e5e; background-color:#818181; color:#ffffff !important; }
#pagination span.current { padding:4px 7px 4px 7px; margin:2px 2px 2px 6px; border:1px solid #8a8a8a; background-color:#8a8a8a; color:#ffffff !important; }

#di_top_link {background:#222;color:#666;width:100%; padding:2px 4px 2px 0;text-align:right;font-size:0.9em;}
#di_top_link a {color:#bbb;}

#di_header {width: 100%; background:#788e9c;clear:both;padding:0px 0 0px 0; margin:0;text-align:center;}
.dc_top     { width: 100%;overflow:hidden;padding:8px 0 8px 0; }
.dc_top img { width:50%; }
.dc_top ul li { float:left; }
.dc_top .dc_back { width:20%; text-align:left; margin:0px 0 0 0;padding:8px 0 0 10px;}
.dc_top .dc_back img { width:20%; }
.dc_top .dc_logo { width:60%; text-align:center; padding:0px 0 0px 0;line-height:100%;text-align:center;}
.dc_top .dc_logo img { width:90%; }
.dc_top .dc_logo p {line-height:100%;}
.dc_top .dc_sub_logo {color:#faa41a; font-weight:bold; text-align:center; font-size:1.3em;}
.dc_top .dc_home { width:20%; text-align:right; margin:0px 0px 0 0; padding:8px 10px 0 0;}
.dc_top .dc_home img { width:20%; }
#di_topmenu { position:relative; width:100%; margin:0 auto; padding:0; background:#0d4c95; color:#fff; font-size:1.2em;line-height:150%;border-top:0px solid #ebd985;border-bottom:2px solid
#ebd985;letter-spacing:-0.1em;}
#di_topmenu ul { overflow:hidden; margin:0 auto; padding:4px 2px;}
#di_topmenu ul li { float:left; text-align:center;}
#di_topmenu a { color:#fff; font-weight:bold; text-decoration:none;  padding:5px 0 5px 0;}
#di_topmenu a:hover {color:#fdbf0d;}
#di_topmenu a.on {color:#fdbf0d;}
#di_topmenu .dc_topmenu01 { width:18%; }
#di_topmenu .dc_topmenu01 a { display:block; }
#di_topmenu .dc_topmenu02 { width:19%; }
#di_topmenu .dc_topmenu02 a { display:block; }
#di_topmenu .dc_topmenu03 { width:21%; }
#di_topmenu .dc_topmenu03 a { display:block; }
#di_topmenu .dc_topmenu04 { width:20%; }
#di_topmenu .dc_topmenu04 a { display:block; }
#di_topmenu .dc_topmenu05 { width:22%; }
#di_topmenu .dc_topmenu05 a { display:block;}

.dc_sub_menu {padding:5px 2px 5px 0; }
.dc_sub_menu a.dc_btn_sub {background-color:#363636;display: inline-block; margin: 2px 2px 2px 10px; padding: 1px 0 1px 0; width:45%; letter-spacing: 0em;
border-bottom: 2px solid #000; border-radius: 2px;  -webkit-box-shadow: inset 0 0 2px #c4beb7; -moz-box-shadow: inset 0 0 2px #c4beb7; box-shadow: inset 0 0 2px #c4beb7; font-size: 0.9em; text-
align: center;}
.dc_sub_menu a.dc_btn_sub:hover { text-decoration: none; background-color:#b36520;color: #f8981d;}
.dc_sub_menu #sh_find { padding: 5px 10px; width: 70%; border: 3px solid #94c000; font-size: 1.5em; }
.dc_sub_menu .dc_btn_search { padding: 10px; width: 60px; font-size: 1.0em; font-weight: bold; }
.dc_sub_menu a.dc_btn_close { position:absolute; bottom:-30px; right:10px; width:73px; height:30px; }
.dc_sub_menu a {color:#fff;}

/* ·ÎÄÃ ³×ºñ°ÔÀÌ¼Ç ¹Ù (lnb) */
#di_nav { float:right; margin:0; width:100%; }
#di_nav ul { overflow:hidden; padding:0 0 0 110px; }
#di_nav li { display: block; float:left; margin:0; padding:0 0 15px 0; width:16%; }
#di_nav li img { max-width:100%;}

.dc_slidingDiv_01 { background:#252525; padding: 5px 10px; }
.dc_slidingDiv_02 { background:#252525; padding: 5px 10px; }
.dc_slidingDiv_03 { background:#252525; padding: 5px 10px; }
.dc_slidingDiv_04 { background:#252525; padding: 5px 10px; }
.dc_slidingDiv_05 { background:#252525; padding: 5px 10px; }
.dc_slidingDiv_06 { background:#252525; padding: 5px 10px; }
.dc_show_hide_01 { display: none; }
.dc_show_hide_02 { display: none; }
.dc_show_hide_03 { display: none; }
.dc_show_hide_04 { display: none; }
.dc_show_hide_05 { display: none; }
.dc_show_hide_06 { display: none; }

.top_number {z-index:999;width:30px;height:30px;line-height:28px;display:inline-block;background:#f64c19;color:#fff;font-weight:bold;text-align:center;border-radius:50%;border:2px solid #fff;}


#di_container h2 {font-size:1.5em;color:#0d4c95;font-weight:bold;text-align:center;padding:5px 5px;border-bottom:1px solid #ccc;background:#f7f7f7;margin:0 0 5px 0;}

#di_container  h3 {color:#000;font-size:1.2em;font-weight:bold;line-height:120%;}
#di_content {width:96%; min-height: calc(100vh - 140px); margin:0px auto;padding:10px 10px 50px 10px;background:#fff;font-size:1.1em;}

#di_footer {width:100%;border-top:1px solid #ccc;background:#efefef;padding:10px 2px;position:fixed;z-index:999;bottom:0; left:0;overflow:hidden;}
#di_footer .dc_copyright {text-align:center;color:#666;}


/* ¾÷Ã¼¸®½ºÆ® */
.dc_shop_list {width:100%;overflow:hidden;margin:20px auto;}
.dc_shop_list dl {width:100%;background:#fff;padding:20px 5px;overflow:hidden;}
/*.dc_shop_list dt {width:30%;float:left;}*/
.dc_shop_list dt {width:100%;text-align:center;margin-bottom:5px;}
.dc_shop_list dt img {max-width:95%;max-height:220px;}
/*.dc_shop_list dd {width:70%;float:left;}*/
.dc_shop_list dd {width:100%;}
.dc_shop_list table {width:100%;border-top:1px solid #ccc}
.dc_shop_list td {border-bottom:1px solid #ccc;padding:5px 5px;}
.dc_shop_list .tb_bold {background:#f5f5f5;text-align:center; border-right:1px solid #ccc}
.dc_shop_list .company {color:#00236c; font-weight:bold;font-size:1.1em;}


.dc_shop_info {width:100%;overflow:hidden;margin:20px auto;}
.dc_shop_info .title {font-weight:bold;color:#000;font-size:1.4em;border-bottom:1px solid #eee;padding:10px 0;}
.dc_shop_info dl {width:100%;float:left;background:#fff;padding:20px 5px;overflow:hidden;}
/*.dc_shop_info dt {width:30%;float:left;}*/
.dc_shop_info dt {width:100%;text-align:center;margin-bottom:5px;}
.dc_shop_info dt img {max-width:95%;}
/*.dc_shop_info dd {width:70%;float:left;}*/
.dc_shop_info dd {width:100%;}
.dc_shop_info table {width:100%;border-top:1px solid #ccc}
.dc_shop_info td {border-bottom:1px solid #ccc;padding:5px 5px;}
.dc_shop_info .tb_bold {background:#f5f5f5;text-align:center; border-right:1px solid #ccc}
.dc_shop_info .company {color:#00236c; font-weight:bold;font-size:1.1em;}

.dc_shop_view {width:100%;overflow:hidden;margin-bottom:30px;}
.dc_shop_view {}
.dc_shop_view img {max-width:95%; margin-bottom:10px;}

.tb_style {width:100%;border-top:2px solid #000;}
.tb_style th {background:#f2f2f2;color:#000;text-align:center; font-weight:bold;padding:4px 2px; border-top:1px solid #000; border-bottom:1px solid #ccc; border-left:1px
solid #ddd;border-right:1px solid #ddd;}
.tb_style td {background:#fff;border:1px solid #ddd;padding:4px 10px;}
.tb_style .tb_bold {background:#f7f7f7;color:#00236c; font-weight:bold;text-align:center; }
.tb_style .tb_title {font-weight:bold;}
.tb_style .tb_info img {width:100%;}
.tb_style a {color:#444;}
.tb_style a:hover {color:#f64c19;}

.tb_style2 {width:100%;}
.tb_style2 th {font-size:1.2em;}
.tb_style2 .tb_pic img {max-width:90px;max-height:110px;padding:0 0 0 5px;}
.tb_style2 .tb_phone {text-align:right;padding:0 5px;vertical-align:middle;}
.tb_style2 .tb_phone img {width:100%;}
.tb_style2 td {background:#fff;border-bottom:1px solid #ccc;padding:10px 2px;vertical-align:top;font-size:1.2em;}
.tb_style2 .ta_center {text-align:center;}
.tb_style2 .ta_top {vertical-align:top;}
.tb_style2 a {color:#444;}
.tb_style2 a:hover {color:#f64c19;}

.tb_style_alt {width:100%;border-top:2px solid #000;}
.tb_style_alt th {background:#f2f2f2;color:#000;text-align:center; font-weight:bold;padding:4px 2px; border-top:1px solid #000; border-bottom:1px solid #ccc; border-left:1px
solid #ddd;border-right:1px solid #ddd;}
.tb_style_alt td {background:#fff;border:1px solid #ddd;padding:4px 10px;text-align:center;}
.tb_style_alt .tb_bold {background:#f7f7f7;color:#00236c; font-weight:bold;text-align:center; }
.tb_style_alt .tb_title {font-weight:bold;}
.tb_style_alt .tb_info img {width:100%;}
.tb_style_alt a {color:#444;}
.tb_style_alt a:hover {color:#f64c19;}



.tb_year {width:100%;}
.tb_year th {background:#fff;color:#00236c;text-align:center; font-size:1.1em;font-weight:bold;padding:6px 2px; border-top:0px solid #b6c1d0; border-bottom:1px solid #5d9eda; border-left:none;border-right:none;}
.tb_year td {background:#fff;border:1px solid #eee;padding:10px 4px;font-size:1.3em;}
.tb_year .tb_bold {background:#f7f7f7;color:#00236c; text-align:center;font-size:1.1em;letter-spacing:-0.05em; }
.tb_year .tb_title {font-weight:bold;}
.tb_year .tb_info img {width:100%;}
.tb_year a {color:#444;}
.tb_year a:hover {color:#f64c19;}

.tb_year .dc_today {background-color:yellow;}
#pi_month {line-height: 30px; margin: 0 auto; width: 157px;}
#pi_month ul {overflow: hidden;}
#pi_month ul li {float: left;}
#pi_month ul li a {color: #333;}
#pi_month ul li span {color: #333; font-size: 15px; font-weight: bold; }
#pi_month ul li span.pc_years {color: #697685;font-weight: 400;margin: 0 8px;}
#pi_month ul li span.pc_month {color: #697685;font-weight: 400;margin: 0 8px;}
#pi_month .dc_bar {color:#5d9eda;}


.dc_nickname {color:#777;font-size:1.0em;text-align:left;margin:7px 2px 2px 0;overflow:hidden;padding: 0 0 0 0px;}
.dc_position {color:#0d4c95;font-weight:bold;font-size:1.0em;}
.dc_company {color:#4d6a88;}
.dc_name { color:#000;font-weight:bold;font-size:1.1em;margin:0px 0;text-align:left;padding: 0 0 0 0px;}
.dc_job {color:#666;}
.dc_join_date {font-weight:bold;}
.ul_style  {margin:5px 0 0px 0;}
.ul_style li {width:100%;border-bottom:1px dotted #ccc;padding:2px 0 2px 8px;}

.ul_style3  {margin:5px 0 0px 0;}
.ul_style3 li {clear:both;padding:0px 0;margin:1px 0;display: flex; align-items: center;text-indent:5px;}
.ul_style3 .tb_tit {border-top:1px solid #fff;}

.tb_style3 {width:100%;border-bottom:0px solid #d1ddeb;border-top:0px solid #d1ddeb;font-size:1.0em;}
.tb_style3 th {background:#eee;color:#444;text-align:center;border-bottom:1px solid #fff;}
.tb_style3 td {background:#fff;border-bottom:1px solid #ddd;padding:6px 0px;vertical-align:top;text-indent:10px;}
.tb_style3 .tb_phone {text-align:right;padding:0 5px;vertical-align:middle;}
.tb_style3 .tb_phone img {width:100%;}
.tb_style3 .tb_pic {padding:10px 0;margin:0 auto;text-align:center;}
.tb_style3 .tb_pic img {max-width:260px;padding:0 0 0 0px;background:#fff;border:1px solid #eee;}
.tb_style3 .tb_tit {padding: 5px 0; margin:0 0px 0 0;background:#d1ddeb; border-radius:0px;color:#0d4c95;width:25%;display:block;text-align:center;float:left;letter-spacing:-0.05em;}
.tb_style3 .tb_number {color:#0d4c95;font-weight:bold;font-size:1.1em;letter-spacing:-0.05em;padding:0 0 0 5px;}
.tb_style3 .tb_text {color:#666;padding:0 0 0 5px;}
.tb_style3 a {color:#444;}
.tb_style3 a:hover {color:#f64c19;}
.tb_style3 .ssInput {font-size:1.1em;border:1px solid #ccc;background:#f7f7f7;margin:2px 0;}

.tb_style4 {width:100%;}
.tb_style4 th {background:#d1ddeb;color:#00236c;text-align:center;font-size:1.4em;font-weight:bold;padding:10px 2px; border-top:1px solid #2c6ab5; border-bottom:1px solid #2c6ab5; border-left:1px solid
#d1ddeb;border-right:1px solid #d1ddeb;}
.tb_style4 td {background:#fff;border:1px solid #ddd;padding:10px 4px;text-align:center; font-size:1.4em;}
.tb_style4 .tb_bold {background:#f7f7f7;color:#00236c; font-weight:bold;text-align:center; }
.tb_style4 .tb_subject {background:#d1ddeb;font-weight:bold; color:#2c6ab5;text-align:left; }
.tb_style4 .tb_subject a {color:#2c6ab5;}
.tb_style4 .tb_title {font-weight:bold;}
.tb_style4 .tb_info img {width:100%;}
.tb_style4 .tb_number {color:#0d4c95;font-weight:bold;font-size:1.1em;letter-spacing:-0.05em;}
.tb_style4 .tb_date {text-align:center;font-size:0.9em;letter-spacing:-0.05em;line-height:120%;}
.tb_style4 a {color:#444;}
.tb_style4 a:hover {color:#f64c19;}

.tb_list {width:100%;border-bottom:2px solid #d1ddeb;border-top:1px solid #d1ddeb;}
.tb_list td {background:#fff;border:1px solid #eee;padding:5px 2px;font-size:1.1em;letter-spacing:-0.05em;text-align:center;}
.tb_list .tb_bold {background:#f7f7f7;text-align:center;}

.dc_input {width:90%;padding:2px 2px;border:1px solid #ccc;background:#fff;line-height:110%;text-align:center;font-weight:bold;font-size:1.1em;color:#666;}

.h1 {font-weight:bold;font-size:1.2em;color:#2760d0;margin:10px 0;}
.h2 {padding:0px 0 0px 0px;margin:10px 0;font-weight:bold;font-size:1.2em;color:#2760d0;clear:both;}
.h3 {width:100%; border-bottom:1px solid #0c7bc0;margin:20px 0 0 0;}
.h3 span {background:#0c7bc0;color:#fff; padding:5px 8%;margin:0;border-radius:5px 5px 0 0;}

a.btn_style { display: block;clear:both;width:90%;background:#0d4c95;color:#fff !important;border-radius:10px;padding:10px 15px;text-align:center;margin:10px auto;font-size:1.2em;box-shadow:2px 2px 2px
#405260;font-weight:bold;border:1px solid #00236c;}
a.btn_style:hover {background:#faa41a;color:#0d4c95;}

.dc_join_box{width:94%; overflow:auto; background:#fff;margin:10px auto;border-radius:20px;border:2px solid #0d4c95;padding:20px 10px;}
.dl_style dt {width:25%;float:left;margin:5px 5px;text-align:right;}
.dl_style dt span {font-weight:bold;color:#0d4c95;}
.dl_style dd {width:70%;float:left;margin:5px 0;}


.dl_style3 {}
.dl_style3 dl {}
.dl_style3 dt {background:#1b4c89;border-radius:10px 10px 0 0;color:#fff; font-weight:bold;font-size:1.1em;text-align:center;padding:5px 0;width:170px;}
.dl_style3 dd {background:#f7f7f7;padding:20px 20px;border:1px solid #ddd;overflow:hidden;}
.dl_style3 .dd_st img {width:100px;margin:0 35px 10px 20px;float:left;}

/* ÃÑÀç¾à·Â */
.dc_president .dc_profile {overflow:hidden;}
.dc_president .dc_profile .dc_title {background:#15acc7;font-weight:bold;color:#fff;border-bottom:1px solid #ccc;font-size:1.1em;padding:2px 0;text-align:center;}
.dc_president .dc_profile .dc_pic {float:left;padding:0 10px 0 0;}
.dc_president .dc_profile .dc_pic img {width:100px;}
.dc_president .dc_profile ul {width:60%;float:left;margin:5px 0;}
.dc_president .dc_profile li span {display:block;width:55px;background:#d1ddeb; border-radius:5px;color:#0d4c95;font-weight:bold;padding:1px 1px;margin:1px 2px 1px 0;text-align:center;float:left;font-size:0.9em;}
.dc_president .dc_profile li {clear:both;margin:2px 0;font-size:1.0em;}

/* ÃÑÀç ¸Þ½ÃÁö */
.dc_message img {width:130px; float:left;margin:0 10px 0px 0;}
.dc_message .dc_title {background:#15acc7;font-weight:bold;color:#fff;border-bottom:1px solid #ccc;font-size:1.1em;padding:2px 0;text-align:center;}
.dc_message .dc_box {border:1px solid #ccc; background:#d1ddeb;border-radius:20px;padding:15px 5px;margin:15px 5px;}
.dc_message .dc_line {border-top:1px dotted #444;padding:5px 0;overflow:hidden;height:1px;}
/* Áö±¸ÇöÈ² */
.dc_situation .ta_right {position:relative; top:40px;}

/* Å¬·´¸®½ºÆ® °Ë»ö */
.dc_search {clear:both;margin:10px auto 15px; background:#f7f7f7; border-radius:5px; border:1px solid #ccc;padding:5px 5px;}
.dc_search .dc_tit {font-weight:bold;margin:0 5px 0 0;}
.dc_search .dc_input2 {width:100%;padding:4px 2px;border:0px solid #ccc;background:#fff;line-height:110%;text-align:center;font-weight:bold;font-size:1.1em;color:#444;}
.dc_search select {width:74px;}

.sub_menu {display:none;width:100%;overflow:hidden;background:#0e2d49;margin-bottom:40px;}
.sub_menu li {text-align:left;border-top:1px solid #2b527d;border-bottom:1px solid #091c2d;text-indent:30px;font-size:1.3em;background:url(/modules/app/img/sub/menu_arrow.png) no-repeat 94% 50%;color:#fff;padding:8px 2px}
.sub_menu li:hover {background:#1a5383 url(/modules/app/img/sub/menu_arrow_on.png) no-repeat 94% 50%;}
.sub_menu a {display:block;color:#ddd !important;}
.sub_menu a:hover {display:block;color:#fff !important;}

.pc_sub_menu {width:100%;overflow:hidden;background:#0e2d49;padding:10px 3px}
.pc_sub_menu ul {margin:0 auto;}
.pc_sub_menu li {float:left; text-align:center; font-weight:bold; color:#ddd; padding:0px 8px;letter-spacing:-0.05em;}
.pc_sub_menu a {color:#ddd;font-size:1.2em;}
.pc_sub_menu a:hover {color:#fff;}
.pc_sub_menu span { padding:0px 3px;}
.pc_sub_menu .on {color:#FAA41A;}
/*È¸¿øÁ¤º¸¼öÁ¤*/

#nav {margin:5px 0;}

a.dc_comm_button {
  display: inline-block;
  width: 80px;
  height: 45px;
  margin: 0;
  padding: 0;
  border-top: solid 1px #ddd;
  border-right: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
  border-left: solid 1px #ddd;
  background-image: linear-gradient(180deg, #fff, #f1f1f1);
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #555;
  line-height: 45px;
}

/* »ó´ÜÄü¸Þ´º Ãß°¡ */

  .header{
        width: 100%;
        height: 50px;
        background: #0d4c95;
    }
    .menu_btn{
        text-align: left;
        padding: 10px;
		float:left;
		width:20%;
    }
	 .menu_btn img {width:28px;}
    .menu_bg{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        position: absolute;
        top:0;
        display: none;
        z-index:99;
    }
    .sidebar_menu{
        display: none;
        width: 60%;
        height: 100%;
        background: #fff;
        position: absolute;
        top:0;
        left: -50%;
		z-index:999999;

    }
    .close_btn{
        width: 25px;
        height: 25px;
        margin:10px;
		 position: relative;
		 right:0;

    }
	 .close_btn img {width:30px;}
   .close_btn > a{
      display: block;
      width: 100%;
      height: 100%;
    }
   .menu_wrap{
      list-style: none;
      padding: 20px 20px;
      line-height:150%;
      font-size:1.0em;
    }
    .menu_wrap li a{
      color: #555;
      text-decoration: none;
      font-weight:400;
      line-height:180%;
      font-size: 1.2em;
    }
	 .menu_wrap li a:hover{
        color: #0d4c95;
    }
	 .menu_wrap li a:visited{
        color: #555;
    }
	.menu_logo {width:60%;float:left;text-align: center;padding: 5px;}
	.menu_logo img { max-width:90%;max-height:48px;}
	.menu_back {width:20%;float:right; text-align: right;padding: 10px; }
	.menu_back img {width:28px;}
#util { overflow:hidden; background:#fff;width:100%;margin-top:-8px; }
#util li { width:50%; text-align:center; font-size:1.1em; line-height:250%;}
#util li a { color:#fff; font-weight:bold; }
#util .right_border { border-right:0px solid #959796;float:left; }
#util .right_border:hover { background:##25aae1;}
#util .left_border { border-right:0px solid #959796;float:left; }
#util .left_border:hover {background:##25aae1;}
#util li a.link1 {background:#888;border-radius:20px;color:#fff;display:block;margin:5px;}
#util li a.link2 {background:#aaa;border-radius:20px;color:#fff;display:block;margin:5px;}
#util .top_icon {text-align:left;padding:10px 0 5px 20px;margin:10px 0 0 0;}
#util .top_icon span {margin:0 2px;}
#util .top_icon a {font-size:1.3em;}
#util .top_icon a:hover {color:#25aae1;}

/* µ¿È£È¸ */
.dc_club_list {width:100%;overflow:hidden;margin:20px auto;}
.dc_club_list dl {width:95%;background:#fff;margin:0px auto 30px;border-bottom:1px solid #ccc;padding:10px 0;overflow:hidden;}
.dc_club_list dt {width:35%;float:left;font-weight:bold;font-size:1.1em;color:#000;}
.dc_club_list dd {float:right;}
.dc_club_list dd a.btn_st {padding:5px 10px;border:1px solid #d9dfe8;background:#ecf0f5;margin:0 5px;border-radius:20px;font-size:1.0em;}
.dc_club_list dd a.btn_st:hover {border:1px solid #18468f;color:#18468f}

/* ¿ª´ëÃÑÀç */
.history_list {overflow:hidden;width:100%;margin:0 auto;}
.history_list li {width:100%;margin:20px 10px;}
.history_list dl {border:1px solid #e7e7e7;border-radius:0px;}
.history_list dt {background:#e7e7e7;border-radius:0;padding:5px 10px;}
.history_list dd {padding:10px;}
.history_list .title {color:#000;font-size:1.1em;font-weight:bold;margin:0 20px 0 0;}
.history_list .subject {font-size:0.9em;letter-spacing:-0.05em;text-align:left;}
.history_list table {width:95%;margin:0 auto;}
.history_list td {border-bottom:0px solid #e7e7e7;text-align:left;}
.history_list td strong {color:#000;font-size:1.1em;font-weight:bold;}
.history_list .tit {font-weight:bold;text-align:center;}
.history_list img {margin:0 10px 0 0;}

/*¿¬Çõ */
 .history-list,.history-list dl,.history-list dd{position: relative;}
.history-list::before{content: "";position: absolute; width: 1px;left:-25px;height: 100%;background: #ddd;top:1rem;}
.history-list dl::before{content: ""; position: absolute;top:1.0rem;background-color: #1986cb; width: 13px;height: 13px;border:4px solid #1986cb;border-radius: 50%;}
.history-list dt{margin-bottom:15px;font-family: 'Roboto',sans-serif;font-weight:800;font-size:170%; color:#1986cb;}
.history-list dt b{font-size:1.777rem;font-weight: bold;}
.history-list dd {color: #666; font-size:1.0em;}
.history-list dd span{font-weight:bold; color:#222; margin-right:20px;}
.history-list dd+dd{margin-top:10px;}
.history-list dd::before{content: '-';position: absolute; color: #B0B2C1;margin-left: -1rem;}
.history-list li+li{margin-top: 3.33rem;}
.history-list li { list-style: none;}
.history-list {width:100%;padding-left:20px}
.history-list ul{margin-bottom:50px;}
.history-list ul:last-child{margin-bottom:40px;}
.history-list ul:not(:first-child){padding-top:10px;}
.history-list dl::before{ left: -51px;}


/* »ç´Ü¹ýÀÎ */
.info_bank {overflow:hidden;width:80%;margin:20px auto;}
.info_bank li {text-align:center;margin:10px auto;}
.info_bank img {width:100%;}


/* È¸¿ø»ó¼¼ °­´ëÀÎ 2024-07-08 */
.dc_mem_info_wrap {width:100%;}
.dc_mem_info_wrap li {display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; text-indent: 0;}
.dc_mem_info_wrap li .tb_tit  {width: 25%}
.dc_mem_info_wrap li .tb_cont  { width:calc(100% - 25%); line-height:20px;}
.dc_mem_info_wrap tbody>tr>th  { width: 25%; font-weight:normal;}
.dc_mem_info_wrap tbody>tr>td  { width:calc(100% - 25%); line-height:20px; text-indent: 0;padding:5px;vertical-align: middle;}