@charset "utf-8";

html { font-size:0.9em; font-weight:400; width:100%; }
body { font-size:0.9em; font-weight:400; margin:0; padding:0; width:100%; margin: 0 auto; }
dl,ul,ol.nenu,li { list-style:none; padding-left:0px; }
a { text-decoration: none; color:#111; font-weight:100; }

h1.type1 { font-size:23px; font-weight:bold; text-align:left; margin-top:10px; background:url(/medi_images/arrow01_greenk.gif) no-repeat left; /*padding:3px 5px 3px 20px;*/ border-bottom:#CCC 1px dotted; margin-bottom:7px; }

header { height:120px; background:url(/medi_images/top_bg.png) repeat-x; border-bottom:#e8e8e8 solid 1px; }
header { text-align: center; }
header ul:not(.menu_ul, .menu_ul_drop, .nonUlClass) { height:40px; position: relative; width:100%; max-width: 1200px; margin: 0 auto; text-align: center;}
header ul li:not(.menu-item, .menu-item_drop, .nonUlClass) { float:right; }
header ul li.white02 a { background:rgba(255,255,255,0.2); }
header ul li.white04 a { background:rgba(255,255,255,0.4); }
header ul li a { font-size:1.1em; color:#FFF; line-height:10px; display:block; height:40px; line-height:40px; padding:0px 10px 0px 10px; }

header .ul:not(.menu_ul, .menu_ul_drop) { float:right; }
header h1 { text-align: center; margin-top:10px; }
/* header div:not(.menu, .dropdown, .dropdown-content, .notNoneClass) { position: absolute; left:20px; top:70px; z-index: 12; display:none; } */


header #m_info_tBox {position:relative; width:100%; max-width:1200px; margin:0 auto; display:none;}

header .m_info_dBox {width:140px; height:100px; background:#fff; border:1px solid #ddd; position:absolute;
  right:82px; border-radius:5px 5px 10px 10px; display:flex; justify-content:center; align-items:center; box-sizing:border-box; color:#fff; box-shadow:0px 0px 30px 0px rgba(0,0,0,0.25); z-index:5;};

header .m_info_dBox .mInfo {color:black;}

header .m_info_dBox .mInfo li {color:black; float: none; margin-top: 5px; cursor: pointer;}

header .m_info_dBox .mInfo li a {color:black; line-height: inherit; height: 20px; padding: 5px;}

.menu01SubMenu01Class { float:left; width:32%; }
.menu01SubMenu01LineClass { float:left; width:2%; }

#mySidenav { display:none; }

#navignb { top:0; left:0; width:100%; height:58px; background:#fff; }
#navignb ul.clearfix { width:100%; width:1200px; height:100%; margin:0 auto; }
#navignb ul.clearfix > li { float:left; height:100%; text-align:center; position:relative; font-size:1.3em; }

#navignb ul.clearfix > li:nth-child(1) { width:25%; text-align:center; }
#navignb ul.clearfix > li:nth-child(2) { width:25%; text-align:center; }
#navignb ul.clearfix > li:nth-child(3) { width:25%; text-align:center; }
#navignb ul.clearfix > li:nth-child(4) { width:25%; text-align:center; }

#navignb ul.clearfix > li > a { text-decoration:none; display:inline-block; font-size:14px; line-height:58px; color:#fff; letter-spacing:-0.2px; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
#navignb ul.clearfix > li > a:before { position:absolute; content:"";  bottom:0px; left:50%; width:0; height:3px; background-color:#313131; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
#navignb ul.clearfix > li > a:hover, #navignb ul.clearfix > li.on > a { text-decoration:none; color:#fff; }
#navignb ul.clearfix > li > a:hover:before, #navignb ul.clearfix > li.on > a:before { width:100%; margin-left:-50%; }
#navignb .navignb-dep { position:absolute; top:58px; left:0px; right:0px; width:100%; height:0; z-index:0; z-index:99; overflow:hidden; -webkit-transition:height 300ms ease-in-out; -moz-transition:height 300ms ease-in-out; -ms-transition:height 300ms ease-in-out; -o-transition:height 300ms ease-in-out; transition:height 300ms ease-in-out; background:#fff; }

/* 2021.10.13. 상단 메뉴 높이값 */
#navignb .navignb-dep.open { height:54px; background:#f3f3f3; left:0; right:0; }
#navignb .navignb-dep > li { text-align:left; margin-bottom:5px; padding:12px; }
#navignb .navignb-dep > li > a { line-height:25px; color:#555; position:relative; text-decoration:none; font-size:14px; letter-spacing:-2px; }
#navignb .navignb-dep > li > a span { display:inline-block; line-height:normal; }
#navignb .navignb-dep > li:hover > a, #navignb .navignb-dep > li:focus > a { color:#313131; text-decoration:none; }

navignb ul.clearfix { padding-left:4%; }

/* -------- GNB :: fixed -------- */
#navignb.fixed { height:62px; }
#navignb.fixed ul.clearfix > li > a { line-height:62px; text-decoration:none; }
#navignb.fixed ul.clearfix > li > a:before { }
#navignb.fixed ul.clearfix > li > a:hover, #navignb.fixed ul.clearfix > li.on > a { }
#navignb.fixed #gnbPcBg { top:63px; }
#navignb.fixed .navignb-dep { top:63px; }

#main { display:block; width:100%; box-sizing:border-box; }
#centerimg { position:static; height:80px; text-align:center; font-size:20pt; color:#fff; background:url(/medi_images/banner_bg.png) center; line-height:80px; text-align:center; }
#center { position:relative; width:100%; box-sizing:border-box; margin: 0 auto; text-align:left; padding:0px 2px 0px 2px; }

footer { width:100%; }
footer ul { position: relative; max-width:1200px; margin: 0 auto; text-align:left; font-size:13px; font-weight:bold; color:#FFF; height:58px; line-height:58px; }
footer ul li { display:inline-block; padding:0px; }
footer div p { position: relative; max-width:1200px; margin: 0 auto; text-align:left; font-size:16px; color:#FFF; height:80px;  line-height:20px; padding: 30px 10px 10px 10px;}
.bgtop { background:#475056; width:100%; }
.bgbottom { background:#626a6f; width:100%; }


/* 메뉴 스타일 */
.menu {
    text-align: center;
    /* background-color: #F5F5F5; */
    padding: 2px 0px 10px 20px;  
    display: flex;
    justify-content: center;
}
.menu_ul {
    display: flex; 
    align-items: center; 
    justify-content: right; 
    width: 1100px;
    /* height: 80px; */
}
.menu_ul_drop {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 1200px;
  height: 80px;
  margin-right: 40px;
}

.menu-item_drop {
  display: inline-block;
  margin: 0 10px;
  cursor: pointer;
}

.menu li {
  /* display: inline-block; */
  /* margin: 0 80px; */
}

.menu a {
  /* display: inline-block; */
  padding: 0;
  color: #3C486B;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: bold;
}

.menu a:hover {
  color: #19A7CE;
}

.menu-item {
display: inline-block;
margin: 0 10px;
cursor: pointer;
width: calc(100%/5);
}
  
@media screen and (max-width: 1100px) {
  /* 상단 로고
  /* 화면 너비가 600px 이하일 때의 스타일 */
  .menu_ul {
    display: none;
  }
  .menu_ul_drop {
    display: flex !important;
  }
  .ui-r {
    display: block !important;
  }
}

@media screen and (max-width: 900px) {
  /* main */
  .con2 {
    display: block !important;
  }
  .con2 > div {
    width: 100% !important;
  }

  
}