@charset "utf-8";

@font-face {font-family:'NanumGothic';src: url('./webfont/NanumGothic.eot'); src: url('./webfont/NanumGothic.eot?#iefix') format('embedded-opentype'), url('./webfont/NanumGothic.woff') format('woff'), url('./webfont/NanumGothic.ttf') format('truetype')} 

*{-webkit-text-size-adjust: none; outline: 0}
body {font-family:"NanumGothic",sans-serif;color:#666;font-size:0.82em;letter-spacing:0.2px}

/* CSS Document */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0; border: 0; outline: 0}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}

img{vertical-align:middle}
button{cursor:pointer}
input,select, button{vertical-align:middle}
hr{display:none}

table{border-collapse:collapse;border-spacing:0}
table caption{top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; _text-indent :-100000px}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ul, ol, li {list-style:none}

a{color: #333; text-decoration: none}
a:link, a:visited, a:active{text-decoration: none}
a:hover{text-decoration: underline}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold}
legend{overflow:hidden;position: absolute; top:0; width: 0; line-height:0; height: 0; font-size: 0; left:-10000px}
.hidden{overflow:hidden;position: absolute; top:0; width: 0; line-height:0; height: 0; font-size: 0; left:-10000px} 
.hide{overflow:hidden;position: absolute; top:0; width: 0; line-height:0; height: 0; font-size: 0; left:-10000px} 
.clear{clear:both}
.blind{overflow:hidden; position:absolute; width:0; height:0; visibility:hidden}
.bgnone {background:url('none') !important}
.png24{tmp:expression(setPng24(this))}

/* 공통_스킵메뉴 */
#skipNavigation a{position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active{position: absolute; top: 0; padding: 15px 0; font-weight:bold; color:#fff; background:#0d71b4; z-index:500}

/* form style */
input {font-family:"NanumGothic"; font-size:12px; color:#575757}
input.txt {height:15px; padding:3px 0 0 2px; font-family:"NanumGothic"; font-size:12px; color:#666; border:1px solid #9da3a6; background-color:#d9d9d9}
input.txt02 {height:15px; padding:3px 0 0 2px; font-family:"NanumGothic"; font-size:12px; color:#666; border:1px solid #9da3a6; background-color:#fff}
textarea {padding:4px 4px; border:1px solid #dcdcdc; font-family:"NanumGothic"; font-size:12px; line-height:1.8; color:#575757}
select {font-family:"NanumGothic"; font-size:12px;padding:2px;border: 1px solid #BEBEBE}
input.chk {width:13px; height:13px; vertical-align:middle; border:none}
input.ra {width:14px; height:14px; vertical-align:middle; border:1px solid #fff}
input.cal {vertical-align:middle}
input.btn {vertical-align:middle; margin-left:5px}
cite{font-size:12px;letter-spacing:-1px } 

.fl{float:left}
.fr{float:right}
.tc{text-align:center !important}
.tl{text-align:left !important}
.tr{text-align:right !important}

/* font-size */
.bold {font-weight:bold}
.fs14 {font-size:14px !important;line-height:1.6;letter-spacing:-1px}
.fs16 {font-size:16px !important;line-height:1.6;letter-spacing:-1px}
.fs20 {font-size:20px !important;line-height:1.6;letter-spacing:-1px}
.blue {color: #0370c5}
.sky {color: #3d91ac}
.red{color:#DF4F17}
.green {color: #508c35}
.purple {color: #44389a}
.orane {color:#f26522}
.ygreen {color: #78851a}

/* width */
.w300 {width:300px}
.w400 {width:400px}
.w100 {width:100%}

/* margin * padding */
.mt0{margin-top:0px}
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt7{margin-top:7px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt12{margin-top:12px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}

.mb2{margin-bottom:2px}
.mb5{margin-bottom:5px}
.mb7{margin-bottom:7px}
.mb8{margin-bottom:8px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}

.ml5{margin-left:5px}
.ml8{margin-left:8px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}

.mr0{margin-right:0 !important}
.mr3{margin-right:3px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}

.mtb5{margin:5px 0}
.mtb10{margin:10px 0}
.mtb15{margin:15px 0}
.mtb20{margin:20px 0}
.mtb30{margin:30px 0}
.mtb50{margin:50px 0}

.pd10{padding:10px}
.pd15{padding:15px}
.pd20{padding:20px}

.pl3{padding-left:3px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px}

.pt3{padding-top:3px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}

.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}

.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}

.ptb10{padding:10px 0}
.ptb15{padding:15px 0}
.ptb20{padding:20px 0}

/******* layout.css *******/
html,body{width:100%;height:100%}
#wrap{min-width:1100px;max-width:1920px;margin:0 auto}
#footer{width:100%;height:74px;background:url(/eduehwa/images/common/f_footer_bg.gif) 0 0 repeat-x;_background:0;text-align:center}
#footer address{text-align:cente; padding-top:20px}
.spot{width:100%; height:142px; margin:0;overflow:hidden; zoom:1;background:url('/eduehwa/images/sub/bg_sub01.jpg') no-repeat center 0}
#container {width:980px;height:100%;margin:0 auto;zoom:1; }
#container:after {content:""; display:block; clear:both;}

#header{width:100%;min-width:1220px;max-width:1920px;height:102px; border-bottom: 1px solid #DADBDB;background:#fff url(/eduehwa/images/common/bg_gnb1.gif) repeat-x left 70px}
.head_area{position:relative;width:980px; margin:0 auto}
.logo{position:absolute;top:25px;left:0}
.util_menu{position:absolute;top:0;right:0;}
.util_menu li{float:left;margin:0 2px;padding:0 0 0 8px;background:url(/eduehwa/images/common/bl_bar.gif) no-repeat left center;}
.util_menu li:first_child{margin-left:0;padding-left:0;background:none;}

.gnb_wrap{position:relative;width:980px;margin:0 auto}
.gnb_menu{position:absolute;top:30px;left:200px; }
.gnb_menu li{float:left; margin:0 2px; height:39px}
.gnb_menu li a{display:block}
.gnb_menu li.gm01{}
.gnb_menu li.gm02{}
.gnb_menu li.gm03{}
.gnb_menu li.gm04{}
.gnb_menu li.gm05{}

.gnb_sub_menu{position:absolute;top:38px;left:0;z-index:10;padding:20px 0 0 0}
.gsm_content{position:relative;width:980px;margin:0 auto}
.gsm_list{position:absolute;top:-10px;}
.gsm_list a{color:#212121;font-weight:700}

.gsm_sub_list li{display:inline-block;margin:0 7px;height:22px;}
.gsm_sub_list li.first_child{}
.gsm_sub_list a{display:block;color:#808080; font-size:12px}
.gsm_sub_list a.on{color:#212121;font-weight:700;text-decoration:none}

.gnb_menu01{left:0px}
.gnb_menu02{left:120px}
.gnb_menu03{left:340px}
.gnb_menu04{left:440px}
.gnb_menu05{left:470px}

.middle {width:100%; height:314px; margin:0;overflow:hidden; zoom:1;background:url('/eduehwa/images/main/bg_main.jpg') no-repeat center 0;  }
.middle .bnrArea { float:left; width:270px;}

.varea {position:relative;width:980px;margin:0 auto;}
.varea a.arrow_l {position:absolute;top:235px;left:0;width:30px;height:62px;z-index:9999;background:url('/eduehwa/images/main/icon_arr_l.png') no-repeat left 0;}
.varea a.arrow_r {position:absolute;top:235px;right:0;width:30px;height:62px;z-index:9999;background:url('/eduehwa/images/main/icon_arr_r.png') no-repeat right 0;}
.vzone {position:relative;width:980px; height:470px;}
.vzone ol{*zoom:1}
.vzone ol:after{content:"";display:block;clear:both}
.vzone ol li{float:left; }
.vzone ol li button{position:absolute;top:465px;z-index:99;display: block;width:13px;height:13px;background:url('/eduehwa/images/main/visual_tabs_off.gif') no-repeat left top;}
.vzone ol li.on button{background:url('/eduehwa/images/main/visual_tabs_on.gif') no-repeat left top;}
.vzone ol li button.ps_1{right:60px;}
.vzone ol li button.ps_2{right:40px;}
.vzone ol li button.ps_3{right:20px;}
.vzone ol li button.ps_4{right:0px;}
.vzone ol li div.wrap_list{display:none;position: absolute;left:0;top:0;z-index:1;width:100%;height:490px;overflow:hidden;}
.vzone ol li.on div.wrap_list {display:block;}
.varea button{border:none;display: block; cursor: pointer;}
.varea button span{visibility:hidden;width:15px;height:13px;}
.vzone_ctrl button{position:absolute;top:465px;left:883px;z-index:999;display:block;width:15px;height:13px;}
.vzone_ctrl button.play{background:url('/eduehwa/images/main/btn_play.gif') no-repeat left top;}
.vzone_ctrl button.stop{background:url('/eduehwa/images/main/btn_pause.gif') no-repeat left top;}

.anim_box {position:relative; top:-20px; width:678px; height:490px; overflow:hidden;}
.po_a {position:absolute;}
.dis_no {display:none}

.E2_title {top:76px;left:10px;  width:0px; height:32px; overflow:hidden; z-index:2;}
.E2_text_1 {left:0; top:120px; width:478px; height:42px; overflow:hidden; z-index:2;}
.E2_text_1 img {left:297px;}
.E2_text_2 {left:0; top:156px; width:478px; height:42px; overflow:hidden; z-index:3;}
.E2_text_2 img {top:-93px;}
.E2_mm01 {left:400px; top:0x; width:0px; height:313px;overflow:hidden; z-index:2}
.E2_mm01 img {left:0;}

.min_curriculum{overflow:hidden; width:100%; height:76px;background:url(/eduehwa/images/main/min_curriculum_bg.gif) 0 0 repeat-x;}
.curriculum{width:980px;margin:10px auto;}
.curriculum h2{float: left; margin-right:40px}
.curriculum li{float: left; margin-right:15px}

#content{overflow:hidden; width:980px;margin:0 auto; padding:20px 0}
.notice{position: relative;}
.notice h2{ margin-bottom:10px}
.notice ul{overflow:hidden;}
.notice li {margin-bottom:4px; line-height:22px}
.notice li a {overflow:hidden;float:left; display:block;width:230px;font-size:12px;text-overflow:ellipsis;white-space:nowrap }
.notice li .date {float:right;font-family: Verdana; font-size: 10px;color: #666}
.notice .more{ position:absolute; right:0; top:0}

.schedule{float:left;width:360px;  height:159px;background:url(/eduehwa/images/main/img_schedule.gif) no-repeat 0 10px}
.schedule h2{ margin-left:10px}
.schedule p{ margin-left:130px}
.mcscenter{float:right;width:267px;  height:159px;}
.mcscenter h2{ margin-left:10px}

/* leftmenu */
#leftArea{position:relative;float:left;width:188px; height:100%;padding-bottom:100px;border-right:solid 1px #E6E6E6}
#leftArea h2{ margin:20px 0}
.leftmenu{float:left; overflow:hidden;width:186px; margin-bottom:100px}
.leftmenu li{position:relative}
.leftmenu li a{display:block}

#guidebox {float:right; width:740px;height:100%;padding:50px 0 100px 0 }

#contents{float:right; width:740px;height:100%;padding-bottom:100px}
.con_head{position:relative;height:66px; margin-bottom:30px;border-bottom:1px solid #E6E6E6}
.con_head h3{float:left; padding-top:20px}
.con_head p.location{float:right; margin-top:20px;font-size:12px}
.con_head p.location strong {color: #1789D5}
h4.tit {border-left: 5px solid #A9C8F5;padding-left:8px;margin-bottom:15px;margin-top:40px;font-size:18px;line-height:18px;color:#3d82c0;font-family: 'Nanum Gothic', sans-serif;letter-spacing: -1px}
p.info{font-size:22px;color:#4378c4;font-weight:800;font-family: 'Nanum Myeongjo', serif}
p.con{color:#5c5b5b;line-height:1.8;margin-bottom: 20px;text-align:justify}

.table1 {clear: both;width:100%;margin:10px 0;border-top: 2px solid #c1c1c1;border-bottom: 1px solid #e3e3dd;table-layout:fixed}
.table1 caption {position:absolute;visibility:hidden;overflow:hidden;height:0;width:0;font-size:0;line-height:0}
.table1 thead th{text-align:center;color:#666;padding:10px 0; line-height:1.4;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1; background:#f5f6f8}
.table1 tbody th{text-align:center;padding:6px 0; color:#767676; background:#f9f9f9;border-bottom: 1px solid #EDEDED}
.table1 tbody td{text-align:center;padding: 6px 10px;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #EDEDED;line-height:1.4 }
.table1 tfoot th{text-align:center;color:#666;padding:6px 0; line-height:1.4;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1;background:#f5f9fc}
.table1 tfoot td{text-align:center;padding: 6px 10px;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #EDEDED;line-height:1.4;background:#f5f9fc }

.table2 {clear: both;width:100%;margin:10px 0;border-top: 2px solid #c1c1c1;border-bottom: 1px solid #e3e3dd;table-layout:fixed}
.table2 caption {position:absolute;visibility:hidden;overflow:hidden;height:0;width:0;font-size:0;line-height:0}
.table2 thead th{text-align:center;color:#666;padding:10px 0; line-height:1.4;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1; background:#f5f6f8}
.table2 tbody th{text-align:center;padding:6px 0; color:#767676; background:#f9f9f9;border-bottom: 1px solid #EDEDED}
.table2 tbody td{text-align:left;padding: 6px 10px;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #EDEDED;line-height:1.4 }
.table2 tfoot th{text-align:center;color:#666;padding:6px 0; line-height:1.4;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1;background:#f5f9fc}
.table2 tfoot td{text-align:left;padding: 6px 10px;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #EDEDED;line-height:1.4 ;background:#f5f9fc}
.last{border-right: 1px solid #E1E1E1}
.first{border-left: none !important}

.map_area{width: 100%;min-height: 329px;border:1px solid #e3e3e3;background: #fff}
.map_area .print{overflow: hidden;padding: 10px 15px 10px 15px}
.map_area .print p{float: left; font-size:14px;font-weight: bold;width: 640px}
.map_area .btn_print{float: right}
.map{width:100%;height: 480px;background: #E6E7E9}

/*블릿 리스트형 */
.ma { margin-left: 10px; display: inline-block; vertical-align: middle }
.ma li { background: url(/eduehwa/images/sub/icon_dot.gif) no-repeat 5px 7px; padding: 0 12px 5px 14px; line-height: 1.6 }
.ma li ul { margin-top: 5px }
.ma li ul li { padding: 0 0 3px 10px; background: url(/eduehwa/images/sub/icon_dash.gif) no-repeat 0 7px; line-height: 1.5 }