.headertop23 {position:relative; width:100%;height:45px; background:#f5f5f5; }
.topcon {position:relative; width:1280px;height:45px;  margin:0 auto; font-family: 'notokr-medium';}

.headerm23 {position:relative; width:100%;height:72px; background:#fff;}

.topcon01 {position:absolute; top:14px}
.topcon02 {position:absolute; top:10px;right:162px}
.topcon03 {position:absolute; top:10px;right:0}


.topnav{padding-bottom:8px; margin:0 0 5px; font-family: 'notokr-bold'; }
.topnav li{display:inline;position:relative;padding:0 1px 0 18px;background:url(http://img.jongroeclass.co.kr/jongro/main2015/bu_bar.gif) 8px 5px no-repeat;font-size:13px; letter-spacing:-1px;white-space:nowrap;}
.topnav li img {border-radius:15px;}
.topnav li a {color:#666;}
.topnav li.frst{padding:0;background:none;}
.topnav.t02 {font-family: 'notokr-regular';}
.topnav.t03 li {padding:0 0 0 4px;}

 
.newsticker {position:relative;overflow:hidden;width:210px;height:21px;margin:9px 0 0 17px;text-align:left;font-family: 'notokr-medium'; cursor:pointer}
.newsticker ul {padding:0;margin:0}
.newsticker ul li {float:left;width:410px;;padding:0;font-size:14px;color:#fff;letter-spacing:-1px;height:21px;line-height:21px;list-style:none;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsticker ul li a {color:#fff}
.newsticker ul li strong {color:#fff}
.newsticker02 {position:relative;overflow:hidden;font-size:14px;letter-spacing:-1px;width:280px;height:21px;margin:11px 0 0 17px;text-align:left;font-family: 'notokr-medium';color:#333}


#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {z-index:9999999999; margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; box-sizing:border-box;}
#cssmenu:after, #cssmenu > ul:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#cssmenu #menu-button {display:none;}
#cssmenu {width:auto; font-family:'NotoKR-Medium',Dotum,AppleGothic,Sans-serif;}
#cssmenu.align-right > ul > li {float:right;}
#cssmenu > ul > li {float:left; display:inline-block;}
#cssmenu.align-center > ul {float:none; text-align:center;}
#cssmenu.align-center > ul > li {float:none;}
#cssmenu.align-center ul ul {text-align:left;}
#cssmenu > ul > li > a {padding:32px 0 32px 32px; text-decoration:none; font-size:16px; color:#000; text-transform:uppercase;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a {color:#000; background:transparent;}
#cssmenu > ul > li.has-sub > a {padding-right:40px;}
#cssmenu > ul > li.has-sub > a::after {content:""; position:absolute; width:0; height:0; border:6px solid transparent; border-top-color:#fff; right:17px; top:22px;}
#cssmenu > ul > li.has-sub.active > a::after, #cssmenu > ul > li.has-sub:hover > a {border-top-color:#fff;}
#cssmenu ul ul {position:absolute; left:-9999px; top:30px; padding-top:6px; margin-left:0; font-size:14px; opacity:0; transition:top .2s ease, opacity .2s ease-in;}
#cssmenu.align-right ul ul {text-align:right;}
#cssmenu > ul > li > ul::after {content:""; position:absolute; width:0; height:0; border:5px solid transparent; border-bottom-color:#fff; top:0; left:20px;}
#cssmenu.align-right > ul > li > ul::after {left:auto; right:20px;}
#cssmenu ul ul ul::after {content:""; position:absolute; width:0; height:0; border:5px solid transparent; border-right-color:#fff; top:11px; left:-4px;}
#cssmenu.align-right ul ul ul::after {border-right-color:transparent; border-left-color:#fff; left:auto; right:-4px;}
#cssmenu > ul > li > ul {top:0px;}
#cssmenu > ul > li:hover > ul {top:62px; left:0; opacity:1;}
#cssmenu.align-right > ul > li:hover > ul {left:auto; right:0;}
#cssmenu ul ul ul {padding-top:20px; padding-left:6px;}
#cssmenu.align-right ul ul ul {padding-right:6px;}
#cssmenu ul ul > li:hover > ul {left:180px; top:0; opacity:1;}
#cssmenu.align-right ul ul > li:hover > ul {left:auto; right:100%; opacity:1;}
#cssmenu ul ul li a {text-decoration:none; font-weight:400; padding:7px 25px; width:210px; color:#777; background:#fff; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {color:#000;}
#cssmenu ul ul li:first-child > a {padding-top:15px; border-top-left-radius:3px; border-top-right-radius:3px;}
#cssmenu ul ul li:last-child > a {border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding-bottom:15px;}
#cssmenu ul ul li.has-sub > a::after {content:""; position:absolute; width:0; height:0; border:4px solid transparent; border-left-color:#777; right:17px; top:24px;}
#cssmenu.align-right ul ul li.has-sub > a::after {border-left-color:transparent; border-right-color:#777; right:auto; left:17px;}
#cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after {border-left-color:#333;}
#cssmenu.align-right ul ul li.has-sub.active > a::after, #cssmenu.align-right ul ul li.has-sub:hover > a::after {border-right-color:#333; border-left-color:transparent;}


/* 8.21ΌφΑ€ */
.gnb_btn {position:absolute; top:25px; right:0;  font-size:16px; font-family: 'notokr-medium'; letter-spacing:-1px;  z-index:1004 }


.gnb_bgbg {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);z-index:1003;}
.open_gnb {
     display: none;
    position: absolute;
    top: 0;
	right:0;
    height: 100%;
    z-index: 1005;
	
    width: 550px;
    max-width: 550px;
    -webkit-transform: translate3d(550px, 0, 0);
    transform: translate3d(550px, 0, 0);
    -webkit-transition: all 0.40s ease-in-out;
    -moz-transition: all 0.40s ease-in-out;
    -ms-transition: all 0.40s ease-in-out;
    -o-transition: all 0.40s ease-in-out;
    transition: all 0.40s ease-in-out;}
.open_gnb.show_gnb {-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
.gnb_wrap {
	max-width: 500px;
    margin: 0 auto;
    margin-right: 0;
   height: 100%;
    position: relative;
}
.gnb_in01 { overflow-y: auto;height: 100%;position:relative;width:450px;margin:0 auto;margin-right:0;background:#fff;padding:0 30px 0px;}

.open_gnb_top {position:relative;text-align:left;/* border-bottom:1px solid #c2c2c2; */height: 80px;padding-top: 38px;}
.wrapper_box {position:relative;min-width:1200px;margin:0 auto;}
.gnb_close {position:absolute;right:0px;top:20px;}
.menu_box {position:relative;border-top:1px solid #c2c2c2;padding:18px 0 40px; }
.menu_box:after {display:block;visibility:hidden;clear:both;content:""}
.menu_title {text-align:left;color:#555;font-size:26px;font-family: 'NotoKR-Bold';line-height:1.05em;width:150px;letter-spacing:-0.5px;padding:18px 0 0 0;}
.menu_contents {float:left; font-family: 'NotoKR-Medium';   width: 100%;}
.menu_contents ul {overflow:hidden;}
.menu_contents ul li {float:left;width:45%;margin-top:15px;}
.menu_contents ul li a {display:inline-block;text-align:left;color:#555;font-size:15px;line-height:1em;}
.menu_contents ul li:last-child {margin-bottom:0}
/* .menu_contents ul li:nth-last-child( 2 ) {margin-bottom:0} */



.all_wrap {
	min-width:1200px;
    position: relative;
    width: 100%;
}

.banner3_wrap {position:relative;/* ;background-image:url(/images/main_bg01.jpg);background-repeat:no-repeat;background-position:center; */;height:458px;}
.banner23_wrap {position:relative;/* ;background-image:url(/images/main_bg01.jpg);background-repeat:no-repeat;background-position:center; */;overflow:hidden;}
.con03_inner {padding-top:60px;overflow:hidden;}

.dday_box {position:absolute;right:0;top:100px; -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);z-index:99999999999999999}
	
.dday_text_box {}
.dday_text_box>span {color:#fff;font-size:15px;line-height:40px;font-family: 'notokr-medium';vertical-align:bottom;color:#ccc}
.dday_text_in {display:inline-block;overflow:hidden;color:#ccc;font-size:32px;font-weight:700;font-family: 'arial';line-height:37px;margin-left:5px;}
.dday_show {overflow:hidden;float:left;display:inline-block;width:76px;height:37px;font-family: 'arial';background-image:url(/images/new_dday_bg.png);background-repeat:no-repeat;background-position:Center;text-align:right;margin-left:4px;}
.ddd {float:left;display:inline-block;color:#ccc;font-size:32px;font-weight:700;line-height:37px}
.dd_text {display:block;width:24px;line-height:38px;color:#ccc;font-size:32px;font-weight:bold;text-align:Center;}
.dday_show ul {overflow:hidden;display:inline-block;}
.dday_show ul li {float:left;margin-left:2px}

.dday_show ul li.dd_0 {margin-left:0px}