@charset "UTF-8";
header {
  width: 100%;
  font-family: "nanumsquare";
}
header .web_menu_wrap .top_area {
  width: 100%;
  height: 36px;
  background-color: #fbfbfb;
  border-bottom: 1px solid #eee;
  line-height: 36px;
  font-size: 11.5px;
  position: relative;
  z-index: 5;

}
/* header .web_menu_wrap .top_area a {
  font-family: "nanumsquare";
} */
header .web_menu_wrap .top_area a:hover {
  color: #39f;
}
header .web_menu_wrap .top_area .inner {
  display: flex;
  justify-content: space-between;
}
header .web_menu_wrap .top_area .top_le {
	padding-left:10px;
}
header .web_menu_wrap .top_area .top_rig {
	padding-right:50px;
}
header .web_menu_wrap .top_area .top_rig ul {
  display: flex;
}
header .web_menu_wrap .top_area .top_rig ul li {
  margin-left: 1em;
}
header .web_menu_wrap .top_area .top_rig ul li a {
  padding: 3px 3px;
  color: #000;
}
header .web_menu_wrap .top_area .top_rig ul li a:hover {
  color: #39f;
}
header .web_menu_wrap .bottom_area {
  height: 55px;
  background-color: #fff;
}
header .web_menu_wrap .bottom_area .inner {
  display: flex;
  justify-content: space-between;
  position: relative;
}
header .web_menu_wrap .bottom_area .inner .logo {
  width: 200px;
  display: grid;
  align-items: center;
  align-content: center;
}
header .web_menu_wrap .bottom_area .inner .logo a{
  display: block;
  width: 200px;
  height: 40px;
}
header .web_menu_wrap .bottom_area .inner .logo img {
  width: 200px;
  height: 40px;
  transform: scale(0.85);
}
header .web_menu_wrap .bottom_area .inner #gnb_main {
  display:flex;
  justify-content:flex-start;
  text-align: center;
  width:900px;
  z-index: 10;
  height: fit-content;
}
header .web_menu_wrap .bottom_area .inner #gnb_main li {
  position:relative;
  flex:1;
  text-align:left;
}
header .web_menu_wrap .bottom_area .inner #gnb_main li h2 span.link_quick {
  color:#8143fa;
  font-weight:800;
}
header .web_menu_wrap .bottom_area .inner #gnb_main li .badge-quick {
  position:absolute;
  left:-30px;
  top:18px;
  width:26px;
  height:17px;
  background-image:url("../images/icon_univ_quickresum.png");
  background-repeat:no-repeat;
  background-size:auto;
  display:inline-block;

}
header .web_menu_wrap .bottom_area .inner #gnb_main li .badge-quick .blind {
  position:absolute;
  clip:rect(0 0 0 0);
  width:0;
  height:0;
  color:transparent;
  overflow:hidden;
 }

header .web_menu_wrap .bottom_area .inner #gnb_main li a h2:hover{
  color: #39f;
}
header .web_menu_wrap .bottom_area .inner #gnb_main li a.on h2{
  color: #39f;
}
header .web_menu_wrap .bottom_area .inner #gnb_main li h2 {
  font-family: "nanumsquare";
  font-size: 17px;
  line-height: 55px;
  box-sizing: border-box;
}

header .menu_case_5 .inner #gnb_main,
header .menu_case_5 #gnb_sub .inner .group {
	width:850px !important;
}

header .menu_case_4 .inner #gnb_main,
header .menu_case_4 #gnb_sub .inner .group {
	width:750px !important;
}

@media screen and (max-width: 1199px) {
  header .web_menu_wrap .bottom_area .inner #gnb_main li h2 {
    font-size: 1em;
  }
}
header .web_menu_wrap .bottom_area .inner #gnb_main li:hover a {
  color: #39f;
}
header .web_menu_wrap .bottom_area .inner #gnb_main li a.on {
  color: #39f;
}
header .menu_case_5 .inner #gnb_main li:nth-child(2) {
	flex:0 0 150px;
}
header .menu_case_5 #gnb_sub ul:nth-child(2) {
	flex:0 0 150px;	
}
header .menu_case_5 .inner #gnb_main li:nth-child(4) {
	flex:0 0 180px;
}
header .menu_case_5 #gnb_sub ul:nth-child(5) {
	flex:0 0 180px;	
}
header .menu_case_5 .inner #gnb_main li:nth-child(5) {
	flex:0 0 140px;
}
header .menu_case_5 #gnb_sub ul:nth-child(6) {
	flex:0 0 140px;	
}

@media screen and (max-width: 1025px) {
  header .web_menu_wrap {
    display: none;
  }
}
header #gnb_sub {
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 92px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  z-index: 999;
  display: none;
}
header #gnb_sub .inner {
  display:flex;
  justify-content: space-between;
  box-sizing: border-box;
}
header #gnb_sub .inner .empty {
 display:block;
 width:200px;
}
header #gnb_sub .inner .group {
	display:flex;
	width:900px;
}
header #gnb_sub ul {
  flex:1;
  height: 280px;
}
header #gnb_sub ul li {
  line-height: 32px;
  background-color: #fff;
  margin: 0.5em 0;
  text-align: left;
  box-sizing: border-box;
}
header #gnb_sub ul li a {
  color: #000;
  font-weight: 400;
  font-family: "nanumsquare";
}
header #gnb_sub ul li:hover a {
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 1199px) {
  header #gnb_sub ul li {
    padding-left: 0;
    font-size: 13px;
  }
}
@media screen and (max-width: 1025px) {
  header #gnb_sub {
    display: none;
  }
}
header .m_box{
  position: fixed;
  width: 100%;
  z-index: 999;
}
header .m_menu_wrapper {
  display: none;
  width: 100%;
  height: 50px;
  background-color: #fbfbfb;
  border-bottom: 1px solid #eee;
  position: relative;
}
header .m_menu_wrapper .loginmenu_wrap{
  overflow: hidden;
}
header .m_menu_wrapper .loginmenu{
  width: fit-content;
  font-size: 12px;
  padding-bottom: 10px;
  float: right;
}
header .m_menu_wrapper .loginmenu a{
  font-family: 'GmarketSansMedium';
  line-height: 22px;
}
header .m_menu_wrapper .mobile-menu-btn {
  display: block;
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: 500;
  width: 30px;
  height: 30px;
  padding: 5px;
  transition: left 0.7s ease-in-out;
  border: 0;
  background-color: #fbfbfb;
}
header .m_menu_wrapper .mobile-menu-btn i {
  font-size: 18px;
  line-height: 1.2;
  color: #f7b000;
}
header .m_menu_wrapper .mobile-menu-btn.opbtn {
  left: 33%;
  transition: left 0.7s ease-in-out;
}
header .m_menu_wrapper .logo {
  height: 50px;
  text-align: center;
}
header .m_menu_wrapper .logo a{
  display: inline-grid;
  align-items: center;
  height: 50px;
}
header .m_menu_wrapper .logo img {
  height: 100%;
}
header .m_menu_wrapper .m_menuwrap {
  position: fixed;
  top: 0;
  left: -40%;
  z-index: 400;
  overflow: auto;
  width: 40%;
  height: 100%;
  padding: 4em 3em;
  box-sizing: border-box;
  background-color: #f2f2f2;
  transition: all 0.7s ease-in-out;
}
header .m_menu_wrapper .m_menuwrap.on {
  left: 0;
  transition: all 0.7s ease-in-out;
}
header .m_menu_wrapper .m_menuwrap dl {
  margin-bottom: 30px;
}
header .m_menu_wrapper .m_menuwrap dl dt {
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}
header .m_menu_wrapper .m_menuwrap dl dt a{
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  /* color: #ef6b06; */
  color: #f69100;
  font-family: 'GmarketSansMedium';
}
header .m_menu_wrapper .m_menuwrap dl dd {
  margin-bottom: 10px;
  font-size: 12px;
}

header .m_menu_wrapper .m_menuwrap .quick dt {
  display:flex;
  align-items:center;
}


header .m_menu_wrapper .m_menuwrap .quick .link {
  color:#8143fa;
  font-weight:800;
}
header .m_menu_wrapper .m_menuwrap .quick .badge-quick {
  width:26px;
  height:17px;
  background-image:url("../images/icon_univ_quickresum.png");
  background-repeat:no-repeat;
  background-size:auto;
  display:inline-block;
  margin-right:6px;
}
header .m_menu_wrapper .m_menuwrap .quick .badge-quick .blind {
  position:absolute;
  clip:rect(0 0 0 0);
  width:0;
  height:0;
  color:transparent;
  overflow:hidden;
 }


@media screen and (max-width: 1024px) {
  header .m_menu_wrapper {
    display: block;
  }
}
@media screen and (max-width: 798px) {
  header .m_menu_wrapper .m_menuwrap {
    left: -70%;
    width: 70%;
  }
  header .m_menu_wrapper .mobile-menu-btn {
    background-color: #fbfbfb;
  }
  header .m_menu_wrapper .mobile-menu-btn i {
    color: #f7b000;
  }
  header .m_menu_wrapper .mobile-menu-btn.opbtn {
    left: 60%;
    background-color: #f2f2f2;
  }
}
@media screen and (max-width: 500px) {
  header .m_menu_wrapper .m_menuwrap {
    left: -80%;
    width: 80%;
  }
  header .m_menu_wrapper .mobile-menu-btn.opbtn {
    left: 65%;
  }
  header .m_menu_wrapper .logo img {
    transform: scale(0.8);
  }
}
#dimmed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}


footer {
  background-color: #fbfbfb;
  border-top: 1px solid #eee;
  font-size: 0.8em;
  padding: 1.5em 0;
  color: #000;
}
footer a {
  color: #000;
}
footer .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .inner .f_logo{
  width: 200px;
  height: 40px;
}
footer .inner .f_logo img {
  width: 100%;
  scale: 0.7;
}
footer .inner ul {
  display: grid;
  grid-template-columns: 70px auto;
  grid-gap: 5px;
  align-items: center;
}
footer .inner ul li{
  display: inline-block;
}
footer .inner ul li:nth-of-type(1){
  grid-column: 1 / 2;
  grid-row: 1;
  margin-right: 15px;
}
footer .inner ul li:nth-of-type(2){
  grid-column: 2 / 3;
  grid-row: 1;
}
footer .inner ul li:nth-of-type(3){
  grid-column: span 4;
  color: #999;
}



@media screen and (max-width: 798px) {
  footer .inner {
    flex-direction: column;
  }
  footer .inner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
  }

  footer .inner ul li {
    margin: 0 10px;
  }

  footer .inner ul li:nth-of-type(1),
  footer .inner ul li:nth-of-type(2) {
    order: 1; 
    margin: 0;
  }

  footer .inner ul li:nth-of-type(3) {
    order: 2; 
    text-align: center;
    width: 100%;
  }

  footer .inner p:nth-child(2) {
    margin: 0.5em 0;
  }
}
/*# sourceMappingURL=header_footer.css.map */