@charset "utf-8";
@import url("font.css");
@import url("member.css");
/* CSS Document */


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);



/* 초기화 */
* { margin:0; padding:0; font-family:'Nanum Gothic',"돋움","Tahoma", gulim,  dotum, dotum, AppleGothic, dotum; }

/* CSS DESIGN SET */
html { width:100%; height:100%; }
html>/**/body { width:100%; height:100%; margin:0px; overflow-y:scroll; }
body { width:100%; height:100%; position:relative; margin:0px;  padding:0px; line-height:140%; font-size:12px; color:#333333; }

h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,legend,div,blockquote,pre,form,fieldset,input,a,button,select { margin:0px;  padding:0px; list-style: none; line-height:140%;  background-color:transparent; }
img, fieldset { border:none; }
img, fieldset { border:none; }
img { vertical-align:top; }
ol, ul { list-style:none; }
textare a{ resize:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
a { color:#777777; text-decoration:none; cursor:pointer; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
a:hover { color:#222222; text-decoration:none; cursor:pointer; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
em, cite, address { font-style:normal; }
input { padding:2px; margin:3px 0 3px 0; vertical-align:middle; border:#d5d5d5 1px solid; overflow:hidden; }
input[type=image] { border:none; margin:-4px 0 0 0; vertical-align:middle; }
input[type=checkbox] { border:none; margin:-4px 0 0 0; vertical-align:middle; }
input[type=radio] { border:none; margin:-4px 0 0 0; vertical-align:middle; }
textarea { padding:4px; margin:0px; border:#d5d5d5 1px solid; }

/*****/
table {
	border-collapse:collapse;
	border:0 none;
	font-family:inherit;
	font-size:inherit;
}
caption,th,td {
	text-align:left;
	font-weight:normal;
}

/*감싸는 스타일*/
#wrap_main { position:relative; width:100%; height:100%; background:url(/high/image/main_bg.jpg) repeat-x; }
#wrap_sub { position:relative; width:100%; height:100%; background:url(/high/image/sub_bg.jpg) repeat-x; }
#wrap { position:relative; width:1090px; height:100%; z-index:100; margin:0 auto; }

#top { position:relative; height:133px; z-index:9999; }
.logo { position:absolute; width:191px; height:42px; top:30px; left:45px; }
.search { position:absolute; width:270px; height:30px; margin:0 auto; background:url(/high/image/search_bg.jpg) no-repeat; top:35px; left:410px; }
.search input { position:absolute; width:230px; padding:5px; height:12px; line-height:12px; border:0; color:#555; }
.search .btn { position:absolute; right:0px; }
.top_btn { position:absolute; top:40px; right:45px; }
.top_btn li { position:relative; height:12px; float:left; line-height:12px; }
.top_btn li.select { position:relative; float:left; line-height:12px; margin-top:-6px; }
.top_btn li.bar { width:15px; height:12px; background:url(/high/image/top_btn_bar.jpg) center no-repeat; line-height:12px; }
.balloon { position:absolute; width:53px; height:50px; top:27px; right:-20px; }
.balloon2 { position:absolute; width:53px; height:50px; top:30px; left:530px;}

.familysite { position: relative; right:0px; top:0px; width:116px; z-index:999999; }
.familysite p { cursor:pointer; width:116px; height:24px; background:url(/high/images/sel_family.gif) no-repeat 0 0; text-indent:-5000px; }
.familysite .active { background:url(/high/images/sel_family_on.gif) no-repeat 0 0; }
.familysite .family-option { position:absolute; top:22px; right:0; display:none; width:116px; z-index:99999;}
.familysite ul { padding:3px 3px 7px 3px; border:1px solid #c0c0c0; border-top:0px; background:#f5f5f5; }
.familysite ul li { float:none; padding:2px; }
.familysite ul a, .familysite ul a:link { display:inline-block; font-size:11px; padding:1px; }
.familysite ul a:hover { background:#cccccc; padding:1px; }

.menu { position:absolute; top:86px; left:0; }
.menu dd { float:left; }

.visual_main { position:relative; }

.main { position:relative; width:1000px; height:900px; margin:0 auto; }

.info { position:absolute; width:575px; height:22px; background:url(/high/image/info_bg.png) no-repeat; top:16px; padding-left:125px; }
.info dt { font-size:12px; color:#444; line-height:22px; }
.info dt a { font-size:12px; color:#444; line-height:22px; }
.info dt a:hover { font-size:12px; color:#1e1e1e; line-height:22px; }
.info dd { position:absolute; width:39px; height:18px; top:2px; right:0; }

.mobile { position:absolute; width:207px; height:22px; top:16px; right:0; }


/* left */
.calendar_left { position:absolute; width:250px; height:450px; height:170px; top:72px; }
.data { position:absolute; top:260px; }
.link { position:absolute; top:415px; }

.graduate { position:absolute; top:542px; }

.honor { position:absolute; top:635px; }

.customer { position:absolute; top:730px; }

.roadmap { position:absolute; top:830px; }

/* center */

/*
.news_wrap1 { position:absolute; width:230px; top:70px; left:255px; }
.news_wrap1 div { position:relative; height:35px; margin-bottom:7px; }

.news_wrap2 { position:absolute; width:230px; top:70px; left:500px; }
.news_wrap2 div { position:relative; height:35px; margin-bottom:7px; }

.news_wrap3 { position:absolute; width:230px; top:270px; left:255px; }
.news_wrap3 div { position:relative; height:35px; margin-bottom:7px; }

.news_wrap4 { position:absolute; width:230px; top:270px; left:500px; }
.news_wrap4 div { position:relative; height:35px; margin-bottom:7px; }
*/

.news_wrap1 { position:absolute; width:461px; top:185px; left:255px; }
.news_wrap1 div { position:relative; height:35px; margin-bottom:7px; }

.news_wrap2 { position:absolute; width:420px; top:375px; left:255px; }
.news_wrap2 div { position:relative; height:35px; margin-bottom:7px; }

/*
.news_wrap2 { position:absolute; width:425px; top:260px; left:275px; }
.news_wrap2 div { position:relative; height:35px; margin-bottom:7px; }
*/
.news { position:absolute; width:489px; top:0px; left:0px; }
.news .tit { position:relative; font-size:12px; line-height:20px; margin-top:7px; margin-left:5px; height:20px; min-height:20px; max-height:20px; color:#4b4b4b; padding:0 0 0 0px; width:380px; float:left; }
.news .date { position:relative; font-size:11px; line-height:20px; margin-top:7px; height:20px; min-height:20px; max-height:20px; color:#777; padding:0 20px 0 0; width:70px; text-align:right; float:left; }
.news .tit a { color:#4b4b4b; }
.news .tit a:hover { color:#222; }
.news .text { position:relative; font-size:11px; line-height:14px; margin-bottom:20px; height:38px; min-height:38px; max-height:38px; color:#737373; text-align:justify; padding:0 20px; }
.news .text a { color:#737373; }
.news .text a:hover { color:#222; }
.news .line { position:relative; width:100%; height:1px; background:#e5e5e5; overflow:hidden; }

.centerleft { position:absolute; top:562px; left:255px; }
.centerright { position:absolute; top:562px; left:499px; }
.homework { position:absolute; top:718px; left:255px; }
.school { position:absolute; top:60px; left:255px; }

/*.time2 {position:absolute; top:20px; right:0;}
.time {position:absolute; top:420px; }*/

/* right */
.teacher { position:absolute; width:227px;  top:60px; right:0;}
.teacher dt { position:relative; height:35px; }
.teacher dt span { position:absolute; width:44px; height:13px; right:0; }
.teacher dd { position:relative; height:115px; padding:10px; background:url(/high/image/teacher_bg.jpg) no-repeat; }

.righthot { position:absolute; top:260px; right:0;}

.rightbanner1 { position:absolute; top:415px; right:0; }
.payban { position:absolute; top:646px; right:0; }


.visual_sub { position:relative; height:180px; }

.sub { position:relative; float:left; }

.lnb { position:relative; width:225px; height:100%; margin:0 30px 0 10px; float:left; z-index:999; }
.lnb dd { position:relative; margin-bottom:1px; }
.left_banner { position:relative; margin:9px 0 40px 0; }
.right { position:relative; width:800px; height:100%; margin-right:25px; float:left; }
.pagetit { position:relative; width:800px; height:39px; margin:45px 0 40px 0; border-bottom:#e5e5e5 1px solid; }
.pagetit span { position:absolute; width:100%; text-align:right; margin-top:10px; right:0; color:#888; font-size:11px; height:12px; line-height:11px; }
.contents { position:relative; min-height:350px; margin-bottom:40px; }

#footer_main { position:relative; width:1000px; height:80px; margin:0 45px; float:left; }
#footer { position:relative; height:80px; margin:0 10px; float:left; }

#quickMenu { position:absolute; width:71px; top:20px; left:50%; margin:300px 0 10px 550px; text-align:center; }
#quickMenu ul { }

/*메인비주얼롤링*/
.flick_banner{position:relative; width:1090px;height:357px;}
.flick_view{overflow:hidden;position:relative;width:100%;height:357px;}
.flick_view ul,.flick_view li{float:left;height:357px;}
.flick_view li{position:relative;width:1090px;}
.flick_view a{position:absolute;bottom:0;left:0;}
.flick_pg{ position:absolute; margin:-42px 0 0 500px; }
.flick_pg a{overflow:hidden;display:inline-block;vertical-align:top;}
.flick_pg span{overflow:hidden;display:block; height:18px; line-height:100px;}
.flick_pg .n1{ background:url(/high/image/visual_btn1.jpg) no-repeat; width:17px;}
.flick_pg .n2{ background:url(/high/image/visual_btn2.jpg) no-repeat; width:17px;}
.flick_pg .n3{ background:url(/high/image/visual_btn3.jpg) no-repeat; width:17px;}
.flick_pg .n4{ background:url(/high/image/visual_btn4.jpg) no-repeat; width:17px;}
.flick_pg .n5{ background:url(/high/image/visual_btn5.jpg) no-repeat; width:18px;}
.flick_pg .on .n1,.flick_pg .n1:hover{ background:url(/high/image/visual_btn1_ov.jpg) no-repeat; width:17px;}
.flick_pg .on .n2,.flick_pg .n2:hover{ background:url(/high/image/visual_btn2_ov.jpg) no-repeat; width:17px;}
.flick_pg .on .n3,.flick_pg .n3:hover{ background:url(/high/image/visual_btn3_ov.jpg) no-repeat; width:17px;}
.flick_pg .on .n4,.flick_pg .n4:hover{ background:url(/high/image/visual_btn4_ov.jpg) no-repeat; width:17px;}
.flick_pg .on .n5,.flick_pg .n5:hover{ background:url(/high/image/visual_btn5_ov.jpg) no-repeat; width:18px;}
.blind { visibility:hidden; }


.sMenu {width:1090px;position:absolute;top:86px;height:45px;overflow:hidden;background:url(/high/image/menubg.png) no-repeat;z-index:9999;}
.sMenu.on {}
.sMenu > ul{width:1090px;margin:0 auto 0;position:relative;}
.sMenu > ul:after{content:"";display:block; clear:both;}
.sMenu > ul > li{float:left;}
.sMenu > ul > li:first-child{padding-left:0;}
.sMenu > ul > li.s1 {width:160px;}
.sMenu > ul > li.s1 a { color:#fff; font-weight:bold; }
.sMenu > ul > li.s1 a:hover { color:#7cccd7; font-weight:bold; }
.sMenu > ul > li.s1 > ul {left:42px; text-align:center;}
.sMenu > ul > li.s2 {width:148px;}
.sMenu > ul > li.s2 a { color:#fff; font-weight:bold; }
.sMenu > ul > li.s2 a:hover { color:#7cccd7; font-weight:bold; }
.sMenu > ul > li.s2 > ul {left:185px; text-align:center;}
.sMenu > ul > li.s3 {width:148px;}
.sMenu > ul > li.s3 a { color:#fff; font-weight:bold; }
.sMenu > ul > li.s3 a:hover { color:#7cccd7; font-weight:bold; }
.sMenu > ul > li.s3 > ul {left:320px; text-align:center;}
.sMenu > ul > li.s4 {width:148px;}
.sMenu > ul > li.s4 a { color:#fff; font-weight:bold; }
.sMenu > ul > li.s4 a:hover { color:#7cccd7; font-weight:bold; }
.sMenu > ul > li.s4 > ul {left:480px; text-align:center;}
.sMenu > ul > li.s5 {width:148px;}
.sMenu > ul > li.s5 a { color:#fff; font-weight:bold; }
.sMenu > ul > li.s5 a:hover { color:#7cccd7; font-weight:bold; }
.sMenu > ul > li.s5 > ul {left:625px; text-align:center;}
.sMenu > ul > li.s6 {width:148px;}
.sMenu > ul > li.s6 a { color:#fff; font-weight:bold; }
.sMenu > ul > li.s6 a:hover { color:#7cccd7; font-weight:bold; }
.sMenu > ul > li.s6 > ul {left:782px; text-align:center;}
.sMenu > ul > li.s7 {width:189px;}
.sMenu > ul > li.s7 a { color:#fff; font-weight:bold; }
.sMenu > ul > li.s7 a:hover { color:#7cccd7; font-weight:bold; }
.sMenu > ul > li.s7 > ul {left:960px; text-align:center;}
.sMenu > ul > li > a{font-size:16px; color:#555; font-weight:bold;}
.sMenu > ul > li > a:hover, .sMenu > ul > li > a.on{color:#fd9836;}
.sMenu > ul > li > ul {margin-top:31px;display:;position:absolute;top:30px;left:0;z-index:9999;}
.sMenu > ul > li > ul > li {margin-bottom:5px;}
.sMenu > ul > li > ul > li > a {font-size:13px;}
.sMenu > ul > li > ul > li > a.on,.sMenu > ul > li > ul > li > a:hover {color:#4099d4;text-decoration:underline;}





/* 강사진2 */
.one_dep2 {height:194px; margin-bottom:20px;}
.teacher2_box {position:relative; width:313px; height:194px; float:left; margin-right:30px; margin-left:20px;}
.teacher2_name {position:absolute; top:40px; left:175px;  text-align:left; font-size:18px; font-weight:bold; letter-spacing:-1px;}
.teacher2_name span {font-size:15px; color:#888;}
.teacher2_subject {position:absolute; top:70px; left:175px; text-align:left; font-size:14px; line-height:20px; color:#138ec7; }