@charset "utf-8";

@import url('base.css');
@import url("/common/css/global.css");

 body { background:#0d4c95;line-height:160%;font-family:'Noto Sans KR','º»°íµñ';}
 a {text-decoration:none;}
  #di_wrap {overflow:hidden;}
  #di_login_wrap {width:100%;margin-top:50px;}
  #di_logo_box {text-align:center;}
    #di_logo_box .logo {margin:0 0 40px 0;}
  #di_logo_box .logo img {width:50%;}
  .dc_login_box {width:80%; overflow:auto; margin:10px auto;padding:0 0 0px 0;}

  .dc_login_box .dc_title {width:100%;background:#faa41a;color:#0d4c95;text-align:center;font-weight:bold;font-size:1.3em;padding:10px 0;}
  .dc_login_box dl {width:100%; float:left;overflow:hidden;}
  .dc_login_box dl dt {width:28%; float:left; text-align:right;margin-top:15px;padding:0 5px 0 0;line-height:200%;}
  .dc_login_box dl dd {width:72%; float:left;margin-top:10px;}
  .dc_login_box .dc_login_input {width:90%;padding:2px 2px;border:0px solid #ccc;background:#fff;line-height:200%;text-align:center;font-weight:bold;font-size:1.2em;color:#000;}
  .dc_login_box input {margin:5px auto;}
  .dc_login_box p {margin:10px auto;}
  .dc_login_box dl dt span {font-weight:bold;color:#666;}
  .dc_login_save {width:100%;}
  .dc_login_btn {clear:both; margin-top:10px;text-align:center;text-decoration:none;}
  .dc_login_btn #login_btn {display:block;text-decoration:none;width:80%;height:43px; background:#faa41a;color:#0d4c95;border-radius:5px;padding:10px 0px;text-align:center;margin:10px auto;font-size:1.3em;
  box-shadow:2px 2px 2px #405260;    font-weight:bold;    border:1px solid #faa41a;	}
  .dc_login_btn .dc_cancel_btn {display:block;text-decoration:none;width:80%;height:43px; background:none;color:#faa41a;border-radius:5px;padding:10px 0px;text-align:center;margin:10px auto;font-size:1.3em;
  box-shadow:2px 2px 2px #405260;    font-weight:bold;    border:1px solid #faa41a;	}
   .dc_login_btn .dc_cancel_btn:hover {color:#faa41a;}

.dc_idpw {padding:10px 10px;margin:0px 0;border:0px dotted #ccc;overflow:hidden;font-size:1.2em;text-align:center;color:#fff;}
.dc_idpw li {background:url(/modules/app/img/common/dot_list.png) no-repeat 0% 50%;padding:0 0 0 10px;line-height:180%;}

.dc_idpw a {color:#fff;}
.dc_idpw a:hover {color:#fff;}
.dc_idpw a:visited {color:#fff;}
#di_footer {width:100%;border-top:1px solid #ccc;background:#efefef;padding:5px 2px;position:fixed;z-index:999;bottom:0; left:0;overflow:hidden;}
#di_footer .dc_copyright {font-size:12px;letter-spacing:-0.05em;text-align:center;color:#666;line-height:130%;}

#di_logo {text-align:center;padding:10px 0;overflow:hidden;border-bottom:1px solid #527fb3;margin:0 0 10px 0;}
#di_logo ul {overflow:hidden;}
#di_logo li {float:left;}
#di_logo .dc_member {font-size:1.3em;width:25%;color:#b9c1c9;text-align:left;line-height:100%;padding:5px 5px 0 10px;}
#di_logo .dc_member strong {color:#fff;}
#di_logo .dc_logo{width:53%;}
#di_logo .dc_logo img {width:90%;}
#di_logo .dc_notice {font-size:1.2em;float:right;padding:5px 8px 0 5px;margin:5px 0 0 0;}
#di_logo .dc_notice a {background:#faa41a;color:#345b80;padding:5px 10px;border-radius:50px;}
#di_logo .dc_notice a:hover {background:#fceed6;}





.dc_exchange {width:55%;margin:10px auto 15px;font-size:1.2em;}
.dc_exchange dl {overflow:hidden;border:1px solid #527fb3;border-radius:30px;box-shadow:1px 2px 2px #0a3a7d;}
.dc_exchange dt {float:left;color:#eee;width:50%;padding:5px;border-right:1px solid #527fb3;opacity:1;}
.dc_exchange dd {float:left;color:#eee;width:50%;padding:5px;opacity:1;}
.dc_exchange .htitle { color:#8cd8e6;margin:0 10px 0 0; }
.dc_exchange . dc_dollar {font-family: 'Noto Sans KR', sans-serif;}

 #di_contents { margin:0 auto;text-align:center;padding:0 0 30px 0;overflow:hidden;}
 /* ¸ÞÀÎ °øÁö»çÇ× */
.main_notice {border:1px solid #778898;width:88%;margin:15px auto 10px;overflow:hidden;text-align:left;background:#fff;border-radius:15px;padding:5px 20px;}
.main_notice .htitle {overflow:hidden;padding:5px 0 5px 0;overflow:hidden;}
.main_notice .stitle {float:left;color:#436483;font-weight:bold;font-size:1.2em;}
.main_notice .stitle img {width:24px;margin:0 5px 0 5px;}
.main_notice .dc_more {float:right;text-align:right;margin:0 0 5px 0;}
.main_notice .dc_more img {width:20px;}
.main_notice ul {overflow:hidden;clear:both;text-align:left;padding:10px 0;border-top:1px solid #ddd;}
.main_notice li {color:#666;line-height:120%;overflow:hidden;height:24px;}
.main_notice li a {color:#666;font-weight:500;}
.main_notice li a:hover {color:#000;}
.main_notice li a:visited {color:#666;}
.main_notice .dc_date {float:right;color:#999;text-align:right;font-size:0.9em;}

.main_link {margin:0 auto;text-align:center;}
.main_link ul {margin:0 auto;padding:0px 10px;overflow:hidden;}
.main_link li {width:30%;float:left;position:relative;text-align:center;margin:5px 5px;}
.main_link .dc_img img {width:80%;}
.main_link .dc_img2 {z-index:99}
.main_link .dc_img2 img {width:80%;}
.main_link .dc_img {text-align:center;}
.main_link .dc_text {color:#fff; font-weight:bold;text-align:center;font-size:1.0em;min-height:35px;padding:5px 0;letter-spacing:-0.05em;}
/*.main_link .icon_number {float:right;position:relative;top:30px;z-index:999;width:30px;height:30px;line-height:30px;display:block;background:#f64c19;color:#fff;font-weight:bold;text-align:center;border-radius:50%;border:2px solid #fff;}*/
.main_link .icon_number {float:right;position:absolute;right:5%;z-index:999;width:30px;height:30px;line-height:30px;display:block;background:#f64c19;color:#fff;font-weight:bold;text-align:center;border-radius:50%;border:2px solid #fff;}


.main_link_new {width:98%;margin:10px auto;text-align:center;overflow:hidden;}
.main_link_new ul {margin:0 auto;padding:0px 10px;border-left:none;}
.main_link_new li {width:33.3333333333%;float:left;position:relative;text-align:center;margin:6px 0px 0 0px;}
.main_link_new .dc_img img {width:80%;}
.main_link_new .dc_img2 {z-index:99}
.main_link_new .dc_img2 img {width:80%;}
.main_link_new .dc_img {text-align:center;}
.main_link_new .dc_text {color:#fff; font-weight:bold;text-align:center;font-size:1.0em;min-height:35px;padding:0px 0 5px 0;letter-spacing:-0.05em;}
/*.main_link_new .icon_number {float:right;position:relative;top:30px;z-index:999;width:30px;height:30px;line-height:30px;display:block;background:#f64c19;color:#fff;font-weight:bold;text-align:center;border-radius:50%;border:2px solid #fff;}*/
.main_link_new .icon_number {float:right;position:absolute;right:5%;z-index:999;width:30px;height:30px;line-height:30px;display:block;background:#f64c19;color:#fff;font-weight:bold;text-align:center;border-radius:50%;border:2px solid #fff;}



#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; }
/* »ó´ÜÄü¸Þ´º Ãß°¡ */
.header .dc_member {font-size:1.1em;width:20%;color:#b9c1c9;text-align:right;line-height:100%;float:right;padding:5px 8px 0 5px;margin:5px 0 0 0;}
.header .dc_member strong {color:#fff;}



  .header{
        width: 100%;
        height: 50px;
		overflow:hidden;
		border-bottom:1px solid #4473ab;
		margin:0 0 10px 0;

    }
    .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.3em;
    }
    .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;}