@charset "euc-kr";
/*----------------------------------------------
version: 1.0
author :  Astrum Creative Group (ACG)
              - Son mi jin (alcaxy@astrum.co.kr)
-----------------------------------------------*/

/* = gnb main reset
-----------------------------------------------------------------------------------*/


#header { z-index: 100; position: relative; width: 100%; height: 90px; margin: 0 auto; }
#header #header_area { position: relative; width: 1280px; margin: 0 auto;  }
#header #header_area h1 { z-index: 100; position: absolute; left: 0; top: 20px; font-size: 0; line-height: 0; }

/* = 2Â÷  ¼öÁ¤ by acg
--------------------------------------------------------------------------------------------*/
#header #header_area .member02 { font-size:0; line-height:0; position:absolute; left:639px; top:24px; z-index:100; }
#header #header_area .member02 img { margin-left:2px; }
#header #header_area #more_jongro { position:absolute; left:150px; top:39px; z-index:10; }
#header #header_area .member15 { position:absolute; width:415px; height:34px; left:768px; top:24px; z-index:100;}


/* = 2Â÷ Ãß°¡ by acg
--------------------------------------------------------------------------------------------*/
#wide_container { position: relative; width:100%}
.countdown02 { position: absolute; right: 0; top: -54px; }
/*.link_eclass { position: absolute; left:150px; top: -80px; z-index: 100; }*/
.link_eclass { position: absolute; left:261px; top: -56px; left:262px; z-index: 100; } 
.info_section { overflow: hidden; width: 1280px; margin: 0 auto; }
.info_section .info_jongro { float: left; width: 410px; margin: 0;}
.info_section .info_lecture { position: relative; float: left; overflow: hidden; width: 410px; font-size: 0; line-height: 0; margin: 0 0 0 25px;}
.info_section .main_news { float: left; width: 286px; }
.info_section h2{font-size:22px; line-height:20px;margin:0 0 13px; font-family: 'notokr-medium'; font-weight:normal; color:#000; letter-spacing:-1px}

.cbox {position:relative; font-size:0; width:408px;height:187px; margin-top:20px; border-radius:20px; background:#f6f6f6; border:1px solid #dedede;}
.bxslider li.box{position:relative; width:410px;height:187px}
.bxslider02 li.box{position:relative; width:410px;height:187px}
.bxslider03 li.box{position:relative; width:410px;height:187px}
.bxslider04 li.box{position:relative; width:312px;height:156px}
.m21c {position:absolute;top:32px; left:30px; width:100px; height:100px; border-radius: 100px; background:#000;}
.m21t {position:absolute; top:29px; left:143px;  font-family: 'NotoKR-Medium'; }
.m21t li {font-size:16px;line-height:21px;letter-spacing:-1.5px; color:#000;}
.m21t li.tit{font-size:24px; margin-top:6px; font-family: 'notokr-bold'; line-height:27px;color:#333;}
.m21t li.txt{ margin-top:8px; font-family: 'notokr-regular'; color:#666}

/*modify*/
.eclass { display: none; }



/*2014 ¸ÞÀÎ ¼öÁ¤ Á¶°æ³²*/
@font-face {
    font-family: 'ELAND_Nice_M';
    src: url('/font/ELAND_Nice_M.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#header{position: relative;width:100%;height:69px;border-bottom:1px solid #d1d1d1;}
#header .gnb,#header .gnb div{width:1280px;height:86px;margin:0 auto;text-align:center}
#header .lnb{position: relative;width:1280px;margin:0 auto;}
#header .lnb_menu{width:350px;float:left;}
#header .lnb .logo {width:313px;margin-top:12px;float:left;font-size:0;}
#header .lnb .logo img {margin-left:20px}

#container14{width:940px;height:354px;}
#container14:after{display:block;clear:both;content:''}
#content14{float:left;width:575px;border:1px solid #333333;}
.mainbanner{overflow:hidden;width:575px;height:302px;zoom:1;}
.list_school{overflow:hidden;zoom:1}
.list_school li{float:left;height:95px;margin:0;font-size:0;}
.asidecon{float:right;width:358px;}
.sidebanner{overflow:hidden;width:356px;height:195px;font-size:0;border:1px solid #003333; zoom:1;}

.list_sub{overflow:hidden;zoom:1}
.list_sub li{float:left;width:114px;height:94px;margin:5px 5px 0 0;border:1px solid #003333;font-size:0;}

.section_school {position:relative;width:164px;height:25px;margin:8px 0 0 0;}
.section_school:after{display:block;clear:both;content:""}
.section_school img{margin-bottom:18px}


.section_img {position:relative;width:162px;height:73px;margin:15px 11px 0 0;border:1px solid #cbd7d5;float:left}
.section_img:after{display:block;clear:both;content:""}



/*2015 ¸ÞÀÎ ¼öÁ¤ */

.section_ul15{position:relative;font-size:11px;line-height:normal;*zoom:1;}
.section_ul15 a{color:#7d7d7d;text-decoration:none}
.section_ul15 a:hover,
.section_ul15 a:active,
.section_ul15 a:focus{text-decoration:underline}
.section_ul15 em{font-style:normal}
.section_ul15 h2{margin:0; height:23px;font-size:0; border-bottom:2px solid #00483d;font-size:12px;color:#333;}
.section_ul15 h2.none {border:none;}

.section_ul15 ul{margin:14px 0 0;padding:0;list-style:none}
.section_ul15 li{position:relative;margin:0 0 3px 0; }
.section_ul15 li:after{display:block;clear:both;margin:0 0 3px 0;content:""}
.section_ul15 li .bu{float:left;margin:-1px 4px 0 0;color:#000}
.section_ul15 li a{float:left; }
.section_ul15 li .time{float:right;clear:right;font-size:11px;color:#a8a8a8;white-space:nowrap}
.section_ul15 .more{position:absolute;top:0;right:0;font:11px;color:#b3b3b3;letter-spacing:-1px;text-decoration:none !important}
.section_ul15 .more span{margin:0 2px 0 0;font-size:16px;font-weight:bold;vertical-align:middle}
.section_ul15 .moreR{margin:0px 2px 0 0;font-size:11px;float:right;font:11px;color:#b3b3b3;letter-spacing:-1px;font-weight:normal;}

/*2014 ¸ÞÀÎ ·¹À̾î Æ˾÷*/
#top_box{position:relative;width:100%;margin-bottom:0;text-align:center;background: url(http://img.jongroeclass.co.kr/jongro/main/header_bg.jpg) repeat;}
#top_box:after{display:block;clear:both;content:''}
#top_box img{}

/* ¸ÞÀÎ ·¹À̾î Æ˾÷*/
#popup4{position: absolute; left: 0;top:0; width:506px;z-index:100000; display:none;}

.cate_view_all{position:relative;width:248px;padding-top:1px;}
.cate_view_all h3{font-size:11px}
.cate_view_all h3 a{display:block;position:relative;width:248px;padding:0 0 10px 15px}
.cate_view_all h3 a span{display:block;position:absolute;top:0;left:0;width:248px;height:17px;background:url(http://img.jongroeclass.co.kr/jongro/main/m201701.gif) no-repeat;cursor:pointer}
.cate_view_all .cate_list{display:none;position:absolute;margin:4px 0 0;padding-top:10px;padding-bottom:0;border:2px solid #268f84;background:#ffffff;}
.cate_view_all .cate_list ul{overflow:hidden;clear:both;width:453px;background:url(http://static.naver.com/kin/09renewal/bg_main_cate_list.gif) repeat-y 150px 21px}
.cate_view_all .cate_list li{float:left;width:136px;padding-left:15px}
.cate_view_all .cate_list li h4{margin:0}
.cate_view_all .cate_list li ul{width:100%;padding-top:15px;background:none}
.cate_view_all .cate_list li ul li{padding:0; height:18px}
.cate_view_all .cate_list li ul li a{color:#777;font-size:11px;letter-spacing:-1px;color:#999;font-family:µ¸¿ò}
.cate_view_all .cate_list li.right{width:135px}
.cate_view_all_open h3{}
.cate_view_all_open h3 a span{background-position:0 -22px}
.cate_view_all_open .cate_list{display:block}

/* footer */
#footer { z-index: 1; position: relative; width: 100%; height: 300px; padding: 0; margin:0;  background:url('/images/common/footer/bg_footer.gif') repeat-x 0 0;  font-family: 'notokr-regular';  }
#footer #footer_area { position: relative; width: 1280px; padding: 74px 0 0; margin: 0 auto; color: #808080; }
#footer #footer_area a { color: #808080; }
#footer #footer_area #location { position: absolute; top: 28px; width: 100%; height: 12px; font-size: 12px; line-height: 0; }
#footer #footer_area .campaign { text-align:center; position: absolute; top: 220px; left: 0px; width:175px; height:45px; border-right:1px solid #DCDCDC; }
#footer #footer_area .campaign img{margin-top:10px;}

/* »çÀÌÆ® ¸Ê */
#footer #footer_area .sitemap li { float: left; width: 220px; line-height: 0; font-size: 12px; }
#footer #footer_area .sitemap li ul li.stit {font-size:14px; padding-bottom:4px}
#footer #footer_area .sitemap li ul { margin: 7px 0 0; }
#footer #footer_area .sitemap li ul li { font-size: 12px; line-height: 19px; }
#footer #footer_area address { position: absolute; top: 225px; left: 187px; font-size: 0; line-height: 0; }
#footer #footer_area address p{margin-bottom:4px;}
#footer #footer_area .utility { float: left; width: 210px; margin: -3px 0 0; }
#footer #footer_area .utility li { padding: 0 0 0 7px; line-height: 21px; font-weight: bold; background: url('/images/common/sprite_blt.gif') no-repeat left -93px; }

/* Æйи® »çÀÌÆ® */
#footer #footer_area .jongro_family { float: left; width: 180px; margin: -3px 0 0; line-height: 21px; }
#footer #footer_area .jongro_family a { display: inline-block; padding: 0 0 0 7px; font-weight: bold; background: url('/images/common/sprite_blt.gif') no-repeat left -92px; vertical-align: top;  }


#mainbnMap a,area { blr:expression(this.onFocus=this.blur())}
:focus { -moz-outline-style: none; }

#container15{width:100%;height:660px;background:#0c8b73}
#container15:after{display:block;clear:both;content:''}
#content15{position:relative; width:1280px;height:660px; margin:0 auto;}



.school15 dd{margin-top:2px;}
.school15 dd.first{margin-top:44px;}

.school20 dd{margin-top:0px;}
.school20 dd.first{margin-top:34px;}

.school21 dd{margin-top:10px;}
.school21 dd.first{margin-top:34px;}

.school1502 {float:left;width:125px;height:32px;margin-left:16px;z-index:1;border:0 red solid;}
.school1502 dd{margin-top:2px;background:red}
.school1502 dd.first{margin-top:14px;}

.school1503 {float:left;width:125px;height:20px;margin:27px 0 0 73px;z-index:1;}
.school1503 dd{margin-top:2px;border:0px red solid;}
.school1503 dd.first{margin-top:-9px;border:0px red solid;}

.school150201 dd{float:left;margin:0 6px 0 0;}
.school150201.first{float:left;margin-top:2px;}
.school150201{float:left;border:0px red solid;}

.mainbanner{overflow:hidden;width:575px;height:302px;zoom:1;}
.list_school{overflow:hidden;zoom:1;}
.list_school li{float:left;height:95px;margin:0;font-size:0;}
.aside15{float:right;width:294px;height:352px;background:#e0f0d9;border-top:1px solid #518a84;border-right:1px solid #518a84;border-bottom:1px solid #518a84;}
.sidebanner{overflow:hidden;width:356px;height:195px;font-size:0;border:1px solid #003333; zoom:1;}
.section_help{position:relative;font-size:11px;line-height:normal;*zoom:1;}
.section_help h2{margin:0;height:14px;font-size:12px;color:#333;}

.section_help ul{margin:10px 0 0;padding:0;list-style:none}
.section_help li{position:relative;margin:0 0 1px 0;}
.section_help li:after{display:block;clear:both;content:""}
.section_help li a{float:left}

.section_ipsi{position:relative;font-size:11px;line-height:normal;*zoom:1;}
.section_ipsi a{color:#7d7d7d;text-decoration:none}
.section_ipsi a:hover,
.section_ipsi a:active,
.section_ipsi a:focus{text-decoration:underline}
.section_ipsi em{font-style:normal}
.section_ipsi h2{margin:0;height:24px;border-bottom:1px solid #cbd7d5;font-size:12px;color:#333;}

.section_ipsi ul{margin:10px 0 0;padding:0;list-style:none}
.section_ipsi li{position:relative;margin:0 0 4px 0; border-bottom:1px solid #bdcfb5;}
.section_ipsi li:after{display:block;clear:both;content:""}
.section_ipsi li a{float:left}
.section_ipsi li .bu{float:left;margin:0 4px 0 0;color:#000}
.section_ipsi .more{position:absolute;top:0;right:0;font:11px;color:#b3b3b3;letter-spacing:-1px;text-decoration:none !important}
.section_ipsi .more span{margin:0 2px 0 0;font-size:16px;font-weight:bold;vertical-align:middle}
.section_sv{position:relative;width:347px;font-size:11px;line-height:normal;*zoom:1;}
.section_sv h2{margin:0;height:16px;font-size:12px;color:#333;}

.section_sv ul{margin:10px 0 0;padding:0;list-style:none}
.section_sv li{position:relative;float:left;margin:0;}
.section_sv li:after{display:block;clear:both;content:""}
.section_sv .more{position:absolute;top:0;right:0;font:11px;color:#b3b3b3;letter-spacing:-1px;text-decoration:none !important}
.section_sv .more span{margin:0 2px 0 0;font-size:16px;font-weight:bold;vertical-align:middle}
.exready {position:absolute;z-index:999;top:47px;color:red;left:319px;font-size:15px;letter-spacing:-2px;font-family:µ¸¿ò;font-weight:bold}
.exready02 {position:absolute;z-index:999;top:47px;color:red;right:53px;font-size:15px;letter-spacing:-2px;font-family:µ¸¿ò;font-weight:bold}



#container03{width:100%;padding:80px 0 80px;margin:0 auto;}
#container03.gray{background:#f5f5f5}
#container_main{width:1280px;;margin:0 auto}
#container_main:after{display:block;clear:both;content:''}
#con02{float:left;width:410px}
.con01{float:left;width:410px;margin-right:25px}
.con03{float:right;width:410px}

/* UI Object */
.section_ul{position:relative;font-size:16px;font-family:'NotoKR-Medium', Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1}
.section_ul a{color:#666;text-decoration:none}
.section_ul a:hover,
.section_ul a:active,
.section_ul a:focus{text-decoration:underline}
.section_ul em{font-style:normal}
.section_ul h2{margin:0;padding:0 0 0 0;border-bottom:2px solid #333;font-size:22px;font-family:'NotoKR-medium'; line-height:30px; letter-spacing:-1px;}
.section_ul h2.tu{margin:0;padding:0 0 12px 0;border-bottom:0;font-size:22px;color:#333}
.section_ul h2.tu.tu02{margin-top:25px;}
.section_ul h2.tu img{margin-left:10px}
.section_ul ul{margin:10px 0 0;padding:0;list-style:none}
.section_ul li{position:relative;margin:0 0 10px 0}
.section_ul li:after{display:block;clear:both;content:""}
.section_ul li .bu{float:left;margin:0 4px 0 0;color:#999}
.section_ul li a{float:left}
.section_ul li .time{float:right;clear:right;font-size:16px;color:#a8a8a8;white-space:nowrap}
.section_ul .more{position:absolute;top:12px;right:0;font:11px Dotum, µ¸¿ò;text-decoration:none !important}
.section_ul .more span{margin:0 2px 0 0;font-size:16px;font-weight:bold;color:#d76ea9;vertical-align:middle}
/* //UI Object */

h3.tit25 {font-family: 'ELAND_Nice_M'; font-weight:normal;  font-size:48px;line-height:52px;margin:0; padding:0;letter-spacing:-3.5px; color:#000;}
h3.tit25 span{font-size:40px;}
h3.tit25 span.stit25{font-size:24px;  font-family:'Noto Sans KR'; letter-spacing:-1px; font-weight:600;}
h3.tit25 p{font-size:16px; line-height:21px; margin-top:4px; font-family:'Noto Sans KR'; letter-spacing:-1px; font-weight:600;}
h3.02 {font-size:40px}

.button25_con {position:relative; margin-top:29px;width:230px;}
.button25 {font-family: 'Noto Sans KR'; font-weight:700; display: inline-block; padding: 9px 0; font-size: 16px; color: #000; background-color: #fff; width:100%;  
border: 1px solid #ccc; border-radius: 20px; cursor: pointer; text-align: center; transition: all 0.2s ease; letter-spacing:-1px; line-height:30px;}
a.button25 {color:#000}

.button_more_con {position:relative;}
.button_more {font-family: 'Noto Sans KR'; font-weight:700; display: inline-block; padding: 9px 0; font-size: 16px; color: #000; background-color: #fff; width:100%;  
border: 1px solid #ccc; border-radius: 20px; cursor: pointer; text-align: center; transition: all 0.2s ease; letter-spacing:-1px; line-height:30px;}

:root{--size: 150px; /* Àüü ÄÄÆ÷³ÍÆ® Å©±â (¿ø Å©±â º¯°æ ½Ã ÀÌ °ª¸¸ Á¶Á¤) */--stroke: 20; /* ¸µ µÎ²² */--bg: #f0f0f3; /* ¹è°æ ¸µ »ö */--accent: #3b82f6;/* ÁøÇà »ö */--font: 18px;}
*{box-sizing:border-box}
.radial {width:var(--size);height:var(--size);display:grid;place-items:center;position:relative;}

/* svg´Â Á¤Áß¾Ó¿¡ ²ËÂ÷°Ô */
svg{width:100%;height:100%;display:block}
.label {position:absolute; /* Áß¾Ó ÅؽºÆ® */ inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;}
.pct {font-size:14px;letter-spacing:-1px;}
.value{letter-spacing:-1px;font-size:calc(var(--font) * 2);font-weight:900;line-height:1.2;font-family: 'Noto Sans KR'; color:#000;}
.unit{font-size:calc(var(--font) * 0.8);font-weight:700; color:#666;font-family: 'Noto Sans KR';}

/* ºÎµå·¯¿î ·»´õ¸µ */
.progress{transition:stroke-dashoffset 0.3s linear}

.tab-menu01 {display:flex; list-style:none; line-height:55px; padding:0; margin:0; border:1px solid #ddd; border-radius:20px; overflow:hidden; width:100%;}
.tab-menu01 li {  flex: 1; /* ±Õµî ºÐÇÒ */  padding:0;  text-align:center; /* ±Û¾¾ °¡¿îµ¥ Á¤·Ä */  cursor:pointer;  font-size:22px;  background:#fff;  color:#000;}
.tab-menu01 li.on {background:#000; }
.tab-menu01 li.on a {color:#fff}
.tab-menu01 li:first-child {border-radius:20px 0 0 20px;}
.tab-menu01 li:last-child {border-radius:0 20px 20px 0;}

.main_onc {display:flex; gap:20px; flex-wrap:wrap; justify-content:left;  margin:0; padding:0; list-style:none;height:382px;}
.main_onc li {width:279px; margin:0; box-sizing:border-box; position:relative;}
.onc_inner {position:relative;}
.onc_thumb .thumb {width:100%; height:auto; border-radius:20px; overflow:hidden; position:relative; background:#f5f5f5; border:1px solid #ccc;}
.onc_thumb img {width:278px; height:329px;}
.onc_name {position:absolute;z-index:9999;font-family:'Noto Sans KR'; text-align:center;bottom:0;left:50%;transform:translateX(-50%);font-size:22px;color:#333;line-height:1.3em;padding:15px 0 0;font-weight:700;letter-spacing:-1px;}

.empty_teacher {width:100%; padding:60px 0; text-align:center;}
.fade-up {opacity:0; transform:translateY(50px); transition:all 0.8s ease-out;}
.fade-up.show {opacity:1; transform:translateY(0);}

/* ¼øÂ÷ Áö¿¬ */
.fade-up:nth-child(1).show {transition-delay:0s;}
.fade-up:nth-child(2).show {transition-delay:0.2s;}
.fade-up:nth-child(3).show {transition-delay:0.4s;}