@charset "euc-kr";
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,div{margin:0; padding:0}
img,fieldset{border:0}
ul,ol{list-style:none}
img,input,select{vertical-align:middle}
em,address{font-style:normal}
table{border-collapse:collapse; border-spacing:0px; empty-cells:show; table-layout:fixed}
legend,caption{visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0}

/* BASIC */
body, input, select, textarea, button { font-family:Dotum, 'µ¸¿ò', Gulim, '±¼¸²', Arial, Verdana, Tahoma,sans-serif;}
body { font-size:12px; color:#666; -webkit-text-size-adjust:none;}
input, select, textarea, button { }
select { /* border:1px solid #b0b0b0; padding:5px 5px 6px; +height:30px */}

a { color:#666; text-decoration:none;}
a:hover { color:#666; text-decoration:none;}
a:active { color:#666; text-decoration:none;}
.hidden { position:absolute; top:0; left:-9999em; width:0; height:0; font-size:0; line-height:0}
.clearfix { clear: both}
.clearfix:after { content:""; display:block; clear:both;}
#skipNavi a { position:absolute; top:-500px}
#skipNavi a:focus, #skipNavi a:active { top:1px; z-index:99999; display:block; width:100%; height:40px; line-height:40px; font-weight:600; color:#fff; text-align:center; background-color:#f26521}

/**/
#globalWrap { position:relative; width:100%; height:100%; overflow:hidden;}
#g_header { width:100%; border-bottom:2px solid #191919;}
.g_inner { width:1150px; margin:0 auto;}

.util_link { padding:5px 0; width:100%; text-align:right; background:#f8f8f8; border-bottom:1px solid #f2f2f2;}
.util_link a.link { display:inline-block; padding:4px 12px 0 0; margin-right:10px; font-size:12px; vertical-align:top; color:#c7c7c7; background:url('/Img2/globalMain/bu_bar01.gif') right 6px no-repeat;}
.util_link .social_network { display:inline-block; padding:4px 9px 0 0; margin-right:5px; font-size:12px; vertical-align:top; color:#c7c7c7; background:url('/Img2/globalMain/bu_arrow02.gif') right 8px no-repeat;}

h1 { position:absolute; top:15px; left:0; z-index:100;}
.special_logo { position:absolute; top:0; left:-8px; z-index:90;}
.login_area { height:78px;}
.login_area .g_inner { position:relative;}
.form_group { float:right; margin-top:33px; text-align:right; width:590px;}
.form_group .save { margin-right:10px; padding-top:3px;}
.form_group .save label { display:inline-block; position:relative; top:2px; color:#888; vertical-align:top;}

.form_group div { float:left;}
.form_group .log_info { display:inline-block; line-height:22px; padding-right:5px;}
.form_group > a { display:inline-block;}
.form_group ul li { float:left; margin-right:5px;}
.form_group ul li input { padding:3px 10px; width:80px; height:14px; border:1px solid #ccc; color:#ccc;}
.form_group .btn_group .btn_info { display:inline-block; margin-left:10px; padding-left:8px; color:#888; background:url('/Img2/globalMain/bu_arrow01.gif') left 4px no-repeat;}

/* visual */
.g_visual { width:100%; height:593px; background:url('/Img2/globalMain/bg_title.jpg') 50% 0 no-repeat;}
.g_visual .g_inner { position:relative;}
.slogan { padding-top:50px; text-align:center;}
.btn_winner { position:absolute; top:208px; right:49px;}

#gnb { position:relative; width:100%;}
.g_item { background:#ffc723;}
.nav { overflow:hidden; padding:18px 0 10px 0; border-top:1px solid #907628;}
.nav:first-child { border-top:0 none;}
.nav h2 { float:left; width:110px; padding-top:5px;}
.nav > ul { float:right; width:1010px; overflow:hidden;}
.nav > ul li { position:relative; float:left; width:168px; height:24px; margin-bottom:8px;}
span.ebs { position:absolute; top:3px; right:10px;}
span.new { position:absolute; top:-18px; right:2px;}
.nav .academy_item { float:right; margin-left:15px; width:995px; overflow:hidden;}

.g_academy { background:#21242b;}
.g_academy .nav { padding:28px 0 10px;}
.academy_item > div { float:left; height:50px; margin-bottom:18px;}
.academy_item > div .title { margin-bottom:10px;}
.academy_item > div ul { }
.academy_item > div ul li { position:relative; float:left; margin-left:20px;}
.academy_item > div ul li:first-child { margin-left:0;}
.academy_item > div.gov { width:365px;}
.academy_item > div.cop { width:218px;}
.academy_item > div.quark { width:285px;}
.academy_item > div.license { width:583px;}
.academy_item > div.jutek { width:285px;}


.slide_banner { position:relative; width:1150px; margin:0 auto;}
.slide_banner .ban { height:534px;}
.slide_banner .ban li { position:absolute; top:0; left:0;}
.slide_banner .ban li > a { position:absolute; top:0; left:0; display:block; width:382px; height:177px; border-bottom:1px solid #e9e9e9;}
.slide_banner .ban li .banner_area { display:none; position:absolute; top:0; left:382px;}
.slide_banner .ban li.s1 .banner_area { display:block;}
.slide_banner .ban li.s2 > a { top:178px;}
.slide_banner .ban li.s3 > a { top:356px;}

/**/
.movie_section { position:relative; width:100%; background:#f1f1f1;}
.movie_section .g_inner { overflow:hidden;}
.movie_area { position:relative; float:left; width:382px; height:285px;}
.movie_area li { position:absolute; top:0; left:0; height:285px;}
.movie_area li .movie { display:none; width:382px; height:214px; z-index:999;}
.movie_area li.m1 .movie { display:block;}
.movie_area li .thum { position:absolute; bottom:0; left:0; width:127px; height:71px; z-index:1000;}
.movie_area li.m1 .thum { width:128px;}
.movie_area li.m2 .thum { left:127px;}
.movie_area li.m3 .thum { left:255px;}
.eduwill_now { float:left; width:768px;}
.aside_menu { float:left; padding:44px 0 0 43px; width:231px; height:241px; background:#e9e9e9;}
.aside_menu h3 { margin-bottom:10px;}
.aside_menu ul { width:180px;}
.aside_menu ul li { border-bottom:1px solid #fff;}
.aside_menu ul li a { display:block; padding:10px 0 0 0; height:32px; line-height:22px; font-size:15px; color:#787878; font-family:'¸¼Àº°íµñ', Malgun gothic, 'Dotum', µ¸¿ò; letter-spacing:-1px;}
.aside_menu ul li a:hover span,
.aside_menu ul li.over a span { padding-right:20px; color:#232323; font-weight:bold; background:url('/Img2/globalMain/bu_arrow03.gif') right center no-repeat;}

.list_article { position:relative; float:left; width:490px;}
.list_article > div { display:none; padding:45px 0 0 50px; width:440px; height:240px; background:#f1f1f1;}
.list_article > .board01 { display:block;}
.list_article > div h3 { margin-bottom:15px;}
.list_article > div ul li { height:32px; border-bottom:1px solid #fff;}
.list_article > div ul li a { display:block; padding:0 0 0 10px; line-height:30px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-size:14px; font-family:'¸¼Àº°íµñ', Malgun gothic, 'Dotum', µ¸¿ò; letter-spacing:-1px; background:url('/Img2/globalMain/bu_dot01.gif') left 16px no-repeat;}
.list_article > div .more_btn { position:absolute; top:45px; right:0;}

/* ¼ö»ó¿µ¿ª */
.award_section { text-align:center;}
.award_section .g_inner { position:relative;}
.award_section .title { padding:55px 0 40px;}
.award_section .title a { display:inline-block; position:absolute; left:870px; top:58px;}
.award_section .img { padding-bottom:70px;}

/* »ç¾÷ºÐ¾ß¿µ¿ª */
.business_area { text-align:center; background:#eee;}
.business_area .title { padding:60px 0 35px;}
.business_area ul { overflow:hidden; padding-bottom:70px;}
.business_area ul li { float:left; width:220px; height:220px; margin:0 12px 12px 0;}
.business_area ul li.last { margin-right:0;}

/* »çȸ°øÇ念¿ª */
.nanum_section { text-align:center;}
.nanum_section .title { padding:60px 0 35px;}
.nanum_section ul { overflow:hidden; padding-bottom:70px;}
.nanum_section ul li { float:left; width:220px; height:220px; margin:0 12px 12px 0;}
.nanum_section ul li.last { margin-right:0;}

/* °í°´ÁöÇ⿵¿ª */
.cs_section { position:relative; padding-bottom:70px; text-align:center; background:#eee;}
.cs_section .title { padding:60px 0 35px;}
.cs_section .cs_group01 { float:left; width:740px;}
.cs_section .cs_group01 .btn { overflow:hidden; margin:0 0 54px 29px;}
.cs_section .cs_group01 .btn > a { display:inline-block; float:left; margin-left:14px;}
.cs_section .cs_group01 .btn > a:first-child { margin-left:0;}
.cs_section .cs_group01 p { }
.cs_section .cs_group02 { float:right; width:394px;}
.cs_section .cs_group02 a { display:block; margin-top:25px;}
.cs_section .cs_group02 a:first-child { margin-top:0;}

/* ºü¸¥»ó´ã¿¹¾à ·¹À̾îÆ˾÷ */
.speed_reserv { display:none; position:absolute; top:0; left:50%; margin-left:-229px; padding:20px; width:410px; text-align:left; background:#fff ;border:4px solid #434c99;}
.speed_reserv p { padding:12px 0;}
.speed_reserv p.ttl { padding:0 0 10px; border-bottom:1px dashed #434c99;}
.speed_reserv .btn_close { position:absolute; top:10px; right:27px;}
.speed_reserv table { border-top:2px solid #3f4b91; border-bottom:1px solid #dde0ea;}
.speed_reserv table th { padding:5px 10px; text-align:left; color:#3f4b91; background:#f0f2fa; border-bottom:1px solid #dde0ea;}
.speed_reserv table td { padding:5px; border-bottom:1px solid #dde0ea;}
.speed_reserv table td input { padding: 3px 0 5px 0; vertical-align: middle; border:1px solid #dde0ea; font-size:12px;}
.speed_reserv table td select { padding:2px; height:23px; border:1px solid #dde0ea; font-size:12px;}
.speed_reserv table td textarea { width:99%; padding:3px 0 5px 0; border:1px solid #dde0ea; font-size:12px; overflow:auto;}
.speed_reserv .btnok { padding-bottom:0; text-align:right;}

/* ǪÅÍ */
#globalFooter { position:relative; width:100%; padding-bottom:80px; border-top:4px solid #191919;}
.certification { background:#; border-bottom:1px solid #efefef;}
.certification ul { overflow:hidden; padding:12px 0;}
.certification ul li { float:left; margin-left:58px;}
.certification ul li a { display:block;}
.certification ul li:first-child { margin-left:0;}
#globalFooter .g_inner { position:relative;}
.foot_logo { float:left; width:150px; padding-top:65px;}
.foot_info { float:right; width:1000px; padding-top:25px;}
.foot_group { overflow:hidden; padding-bottom:25px;}
.foot_group li { float:left; margin-left:80px;}
.foot_group li:first-child { margin-left:0;}
.foot_link { overflow:hidden; margin-bottom:15px;}
.foot_link li { float:left;}
.foot_link li a { padding-left:10px; margin-left:9px; font-size:12px; color:#666; letter-spacing:-1px; font-weight:bold; font-family:'¸¼Àº °íµñ', Malgun gothic, µ¸¿ò, 'Dotum'; background:url('/Img2/globalMain/bu_bar02.gif') left center no-repeat;}
.foot_link li:first-child a { padding-left:0; margin-left:0; background:none;}
.foot_link li.blue a { color:#27358f;}

address { display:block; line-height:22px; font-size:12px; color:#888; letter-spacing:-1px; font-family:'¸¼Àº °íµñ', Malgun gothic, µ¸¿ò, 'Dotum';}
address span { display:inline-block; padding:0 5px;}
address p { margin-top:10px; font-weight:bold;}
address p .copy { letter-spacing:0;}

.partnership.family01 { position:absolute; top:80px; right:0;}
.partnership.family02 { position:absolute; top:105px; right:0;}
.partnership h4 { }
.partnership.family01 .alliance { display:none; position:absolute; top:-160px; right:0; width:930px; background:#f8f9ff; border:1px solid #ddd;}
.partnership.family01 .alliance dl { float:left; position:relative; padding:10px; width:165px; border-left:1px dashed #9da4c3;}
.partnership.family01 .alliance dl:first-child { border-left:0 none;}
.partnership.family01 .alliance dl dt { padding:3px 5px 5px 10px; font-weight:bold; color:#3f4b91; font-size:13px; font-family:'¸¼Àº °íµñ', Malgun gothic, µ¸¿ò, 'Dotum'; background:#fcfcfc; border:1px solid #afb6d5;}
.partnership.family01 .alliance dl dd { padding:5px; font-family:'¸¼Àº °íµñ', Malgun gothic, µ¸¿ò, 'Dotum';}
.partnership.family01 .alliance dl dd ul li a { line-height:24px;}
.partnership.family01 .alliance dl dd ul li > img { padding-right:5px;}
.partnership .alliance .more { position:absolute; top:17px; right:17px;}
.partnership .close_layer { position:absolute; top:-23px; right:0; font-size:11px; display:inline-block; padding:3px 8px 5px; color:#fff; font-family:'¸¼Àº °íµñ', Malgun gothic, µ¸¿ò, 'Dotum'; font-weight:bold; background:#636eaa;}

.partnership.family02 .alliance { display:none; position:absolute; top:-373px; right:0; width:630px; background:#f8f9ff; border:1px solid #ddd;}
.partnership.family02 .alliance dl { padding:10px; }
.partnership.family02 .family ul { float:left; width:200px;}
.partnership.family02 .family ul.last { width:380px;}
.partnership.family02 .family ul li { font-family:'¸¼Àº °íµñ', Malgun gothic, µ¸¿ò, 'Dotum';}
.partnership.family02 .family ul li a { line-height:24px;}
.partnership.family02 .family ul li >a { color:#636eaa; font-weight:bold; font-size:13px;}
.partnership.family02 .family ul li div { padding:5px 0 0;}
.partnership.family02 .family ul li div strong { display:block; margin-bottom:2px; color:#f26e2f; font-size:11px;}
.partnership.family02 .family ul li div p { margin-bottom:8px; font-size:11px;}
.partnership.family02 .family dt { padding:3px 5px 5px 10px; font-weight:bold; color:#3f4b91; font-size:13px; font-family:'¸¼Àº °íµñ', Malgun gothic, µ¸¿ò, 'Dotum'; background:#fcfcfc; border:1px solid #afb6d5;}
.partnership.family02 .family dd { padding:10px 10px; overflow:hidden;}

/* Popup */
#pop {position:relative;width:306px;height:178px;border:4px solid #434c99;background:#fff;}
#pop dl img{vertical-align:top;padding:0;margin:0;line-height:0;}
#pop dl dt {width:254px;height:48px;margin:10px 0 0 18px;}
#pop dl dd {float:left;margin:13px 0 0 18px;display:inline;}
#pop dl dd ol {float:left;width:280px;height:90px;}
#pop dl dd ol li {float:left;width:81px;height:91px;margin:0 12px 0 0;background: url('/Img2/common/ew/popup/bg_dotted.gif') no-repeat right 30px;}
#pop dl dd ol li.last {background:none;}
#pop dl dd ol li p.btn {width:69px;height:18px;margin:7px 0 0;}
#pop .btn_close {position:absolute;top:8px;right:8px;}