body {background:url("https://www.edupd.com/main/view/css/top_all_category2018.css?ver=211113")}

/* Àüü·¹À̾ƿô */
#header {width:auto;height:auto;}

#header:after{
	content: '';
    display: block;
    clear: both;
}

/* */
#topTAB_2018 .layout_2018, #topSEARCH_2018 .logo_search_layout , #topLOGIN_2018 .login_etc_btn , #topMidTAB .midTab{margin:0 auto;z-index:1;}
#topTAB_2018 .layout_2018, #topSEARCH_2018 .logo_search_layout , #topLOGIN_2018 .login_etc_btn , #topMidTAB .midTab ,#header, .menu_list_rap{min-width:990px;max-width:1300px;}

/* */
#topTAB_2018 .layout_2018 #right{margin-right:10px;}
#topLOGIN_2018 .login_etc_btn #etc_btn{float:right;}
#topTAB_2018 .layout_2018 #left{margin-left:10px;}
#topSEARCH_2018 .logo_search_layout img#logo{margin-left:30px;}
#topSEARCH_2018 .logo_search_layout #old_left{margin-left:20px;}
#topSEARCH_2018 .logo_search_layout .earch_area{margin-right:20px;margin-top:10px;}


/*»ó´ÜÅÇ*/
#topTAB_2018{width:100%;height:40px;border-bottom:1px solid #bfbfbf;}
#topTAB_2018.single{background-color:#4d4d4d;border-bottom:1px solid #4d4d4d;}

#topTAB_2018 .layout_2018 #right{float:right;font-family: NanumGothic, sans-serif;cursor:pointer;}
#topTAB_2018 .layout_2018 #left{float:left;font-family: NanumGothic, sans-serif;}
#topTAB_2018 .layout_2018 #center_TAB{margin:0 auto;width:469px;}

#topTAB_2018 .layout_2018 #left li{border-left:1px solid #bfbfbf;float:left;background-color:white;color:#333333;height:41px;line-height:41px;font-size:15px;margin:0;padding:0 36px;font-weight:bold;letter-spacing: -3px;list-style:none}
#topTAB_2018 .layout_2018 #left li.off{cursor:pointer;border-left:1px solid #262626;border-right:1px solid #262626;border-bottom:1px solid #262626;height:40px;line-height:40px;background-color:#5e5e5e;color:white;}

#topTAB_2018 .layout_2018 #right li{float:left;list-style:none;}
#topTAB_2018 .layout_2018 #right li.on{border-left:1px solid #262626;border-right:1px solid #262626;border-bottom:1px solid #262626;height:40px;line-height:40px;background-color:#5e5e5e;color:white;padding:0 13px;margin-right:-1px;font-size:14px;letter-spacing:-3px;}
#topTAB_2018 .layout_2018 #right li.off{height:40px;line-height:40px;font-size:11px;color:#a6a6a6;margin-right:10px;letter-spacing:-2px;}

#topTAB_2018 .layout_2018 #center_TAB li{cursor:pointer;float:left;position:relative;list-style:none;background-color:white;border-left:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;height:40px;line-height:39px;width:116px;text-align:center;overflow:hidden;}
#topTAB_2018 .layout_2018 #center_TAB li:nth-child(4){border-right:1px solid #bfbfbf;}

#topTAB_2018 .layout_2018 #center_TAB li span{display:none;}

#topTAB_2018 .layout_2018 #center_TAB li.on.A{height:39px;color:#b31c1c;border-bottom:2px solid #b31c1c;}
#topTAB_2018 .layout_2018 #center_TAB li.on.B{height:39px;color:#006f7f;border-bottom:2px solid #006f7f;}
#topTAB_2018 .layout_2018 #center_TAB li.on.C{height:39px;color:#0a40ae;border-bottom:2px solid #0a40ae;}
#topTAB_2018 .layout_2018 #center_TAB li.on.D{height:39px;color:#2d9e00;border-bottom:2px solid #2d9e00;}

#topTAB_2018 .layout_2018 #center_TAB li.on span{display:block;position:absolute;bottom:-27px;left:40px;font-size:40px;}

/*¼¼ºÎ¸í*/
#topSEARCH_2018 #subTitleOutline2019{
	display:inline-block;
	position:relative;
}
#topSEARCH_2018 #subTitleOutline2019 a:hover{
font-weight:normal;
}
#topSEARCH_2018 #subTitleOutline2019 #subTitle{
	/* position:absolute;
	right:0px;
	top:54px; */
	text-align: right;
	font-size: 18px;
	color: #000000;
	padding: 6px 0;
}

/*°Ë»ö*/
#topSEARCH_2018{border-bottom:1px solid #c3c3c3;font-family: NanumGothic, sans-serif;background-color:white;min-height: 130px;}
#topSEARCH_2018 .logo_search_layout{padding:33px 0 13px 0;min-height:40px;text-align:left;}
#topSEARCH_2018 .logo_search_layout img{margin-top:15px;cursor:pointer;}
#topSEARCH_2018 .logo_search_layout .earch_area{float:right;border:1px solid #333333;text-align:center;max-width:600px;height:62px;width:100%;margin-right:20px;}
#topSEARCH_2018 .logo_search_layout .earch_area input{font-size:25px;margin-top:15px;width:60%;border:0;ime-mode:active;color:#000000;}
#topSEARCH_2018 .logo_search_layout .earch_area button{float:right;font-size:28px;background-color:#333333;border:0;color:white;width:162px;height:100%;letter-spacing:-2px;font-weight:bold;}

#topSEARCH_2018 .logo_search_layout #old_right{position:absolute;top:15px;right:0;}
#topSEARCH_2018 .logo_search_layout #old_left{position:absolute;top:30px;left:0;margin-left:20px;}

#topSEARCH_2018.v2 .logo_search_layout .earch_area{max-width:400px;height:40px;border-radius:2px;overflow:hidden;}
#topSEARCH_2018.v2 .logo_search_layout .earch_area input{font-size: 20px;margin-top: 8px;width: 70%;}
#topSEARCH_2018.v2 .logo_search_layout .earch_area button{font-size:20px;width:100px;background-color: #5e5e5e;font-family: NanumGothic, sans-serif;}


/*·Î±×ÀΠȸ¿ø°¡ÀÔ ¹öÆ° etc*/
#topLOGIN_2018{border-bottom:1px solid #c3c3c3;margin-bottom:-1px;font-family: NanumGothic, sans-serif;background-color:white;}
#topLOGIN_2018 .login_etc_btn{font-size:15px;color:#717171;height:45px;line-height:45px;text-align:left; overflow:hidden;}
#topLOGIN_2018 .login_etc_btn button{height:25px;line-height:25px;background-color:white;border:1px solid #404040;margin-right:5px;letter-spacing:-2px;padding:0 10px;}
#topLOGIN_2018 .login_etc_btn button#A{background-color:#595959;color:white;margin-left:20px;}
#topLOGIN_2018 .login_etc_btn span{cursor:pointer;}
#topLOGIN_2018 .login_etc_btn #etc_btn li{cursor:pointer;float:left;list-style:none;font-size:16px;letter-spacing:-2px;margin:0 10px;font-family: NanumGothic, sans-serif;color:#323232;}
#topLOGIN_2018 .login_etc_btn #etc_btn li#myclass{font-weight:bold;background:url("../images/main_2017/btn_myclass.png") no-repeat center left;text-indent:22px;}



/*¸Þ´º*/
#topMidTAB{font-family: NanumGothic, sans-serif;}
#topMidTAB li{box-sizing: border-box;}

#topMidTAB.A{border-top:3px solid #751212;background-color:#b31c1c;border-bottom:1px solid #751212;}
#topMidTAB.A li{ border-right:1px solid #751212; }
#topMidTAB.A li:nth-child(1){ border-left:1px solid #751212;}

#topMidTAB.B{border-top:3px solid #004d59;background-color:#006f7f;border-bottom:1px solid #004d59;}
#topMidTAB.B li{ border-right:1px solid #004d59; }
#topMidTAB.B li:nth-child(1){ border-left:1px solid #004d59;}

#topMidTAB.C{border-top:3px solid #14457d;background-color:#1c63b3;border-bottom:1px solid #14457d;}
#topMidTAB.C li{ border-right:1px solid #14457d; }
#topMidTAB.C li:nth-child(1){ border-left:1px solid #14457d;}

#topMidTAB.D{border-top:3px solid #257405;background-color:#2d9e00;border-bottom:1px solid #257405;}
#topMidTAB.D li{ border-right:1px solid #257405; }
#topMidTAB.D li:nth-child(1){ border-left:1px solid #257405;}

ul.midTab {font-size:0;position:relative;}
.midTab li {
  display: inline-block;
  width: 160px;
  height: 74px;
  font-size: 16px;
  font-weight:bold;
  text-align: center;
  line-height: 74px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.midTab .slider {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  height:5px;
  background:white;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}


/*****************menu - list******************/
.menu_list_rap{
position:relative;
margin: 0 auto;
display:none;
}
.menu_list{
position:absolute;
top:0;
z-index:100;
background-color:white;
border:1px solid #c2c2c2;
}

.menu_list ul{
width:calc(100% - 20px);
padding:10px;
display:none;
}

.menu_list li{
float:left;
width:220px;
text-align:left;
padding:10px;
letter-spacing:-1px;
overflow:hidden;
}

.menu_list li.br{border-top:1px solid #e6e6e6; width:100% !important;margin:0;padding:0;margin-top:30px;margin-bottom:20px;}

.menu_list li a ,.menu_list li a:visited  {
color:#383838;
font-size:0.9rem;
font-family: "±¼¸²", Gulim, Verdana, AppleGothic, sans-serif;
}

.menu_list li a:hover{
font-weight:normal;
color:#7b7a7a;
}

.menu_list .close{
clear:both;
text-align:right;
margin:5px;
color:#383838;
font-size:11px;
cursor:pointer;
}

.small{
font-size:12px;
font-style:normal;
}

#top_bar_banner_area {
	margin: 0 !important;
	background: linear-gradient(90deg, rgba(2, 39, 88, 1) 50%, #f7e5c1 50%);
	position: relative;
	z-index: 9;
	overflow: hidden;
}
#top_bar_banner_area::before {
	content:"";
	background: rgba(2, 39, 88, 1) 50%;
	width: 50%;
	position: absolute;
	height: 80px;
	z-index: -1;
	left: 0;
}
#top_bar_banner_area::after {
	content:"";
	background: url('../images/map/bg_repeat.jpg');
	width: 50%;
	position: absolute;
	height: 80px;
	z-index: -1;
	right: 0;
}