@charset "utf-8";
/* ---------------------------------------------------
 2016년 01월 18일 EDUCE
 Sub Markup ver1.0 2016-01-18
 메인 layout 정의 - 웹표준 마크업작업 가이드 참조
---------------------------------------------------- */

* {margin:0; padding:0; font-family:"맑은 고딕", Dotum, AppleGothic, Sans-serif; }


#wrapper{width:100%;height:100%;margin:0 auto;text-align:left;background:url(http://image1.educe.co.kr/main/bg_mainC.gif) repeat-x 0 135px;}

/* 테이블 문제로 기존 CSS 에서 가져옴 : 전창우 */
td { font-family: "돋움", "돋움체", "굴림", "굴림체",AppleGothic ;	font-size: 12px;	color:#333333; 	line-height: 18px;}
label{padding-left:3px}
select {
	height:22px;line-height:18px;
	font-size: 12px; 
	color:#333333; 
	background-color:#ffffff;}

/* 상단영역 */
#skipnavigation {position:absolute;overflow:hidden;height:1px;}
#header {position:relative;width:100%; min-width: 1200px; height:155px;background:url(http://image1.educe.co.kr/common/header_bg_v2.jpg) 0 0 repeat-x;z-index:100; }
#header_cart {position:relative;width:100%; min-width: 1200px; height:113px;background:url(/images/common/header_bg_v2.jpg) 0 0 repeat-x;z-index:100; }


/* 상단글로벌메뉴영역 */
#gb_top{margin:0 auto;width:1200px;height:30px;}
#gb_top .start_page{float:left;}
#gb_top .receive_info{float:left; margin-right:10px; margin-top:3px; background:url(http://image1.educe.co.kr/icon/blt_kan.gif) no-repeat right 3px;}
#gb_top .goSite{margin-top:-5px; display:inline-block}
#gb_top .gb_menu{position:relative;float:right;z-index:100; padding-top:4px;}
#gb_top .gb_menu li{position:relative;float:left;padding:0 10px;background:url(http://image1.educe.co.kr/icon/blt_kan.gif) no-repeat left 5px;letter-spacing:-1px;}
#gb_top .gb_menu li a{font-size:11px;color:#ffffff;}
#gb_top .gb_menu li.bak_no{background:none;}
#gb_top .gb_menu li.bak_right{background:url(http://image1.educe.co.kr/icon/blt_kan.gif) no-repeat right 3px;}
#gb_top .gb_menu li span.cart{background:url(http://image1.educe.co.kr/common/icn_cartBall.gif) no-repeat 1px 1px; height:18px; width:18px; color:#FFF; font-size:11px; text-align:center; display:inline-block}
#gb_top .gb_menu li.sub_m{margin-right:5px;padding-right:15px;background:url(http://image1.educe.co.kr/common/btn_openView.gif) no-repeat center right;}
#gb_top .gb_menu li span.event a{color:#50afb9;}
#gb_top .gb_menu .mylayer{position:absolute;display:none;top:15px;left:0;width:105px;height:85px;background:#fff;border:1px solid #c9c3bc;z-index:100;}
#gb_top .gb_menu .mylayer ul{float:left;padding:7px;}
#gb_top .gb_menu .mylayer ul li{padding-left:4px;width:100%;background:url(http://image1.educe.co.kr/icon/blt_dot_brown.gif) no-repeat 0 7px;}
#gb_top .gb_menu li.sub_m:hover .mylayer{display:block;}

#gb_top_ssl{margin:0 auto;width:1200px;height:30px;}
#gb_top_ssl .start_page{float:left;}
#gb_top_ssl .receive_info{float:left; margin-right:10px; margin-top:3px; background:url(/images/icon/blt_kan.gif) no-repeat right 3px;}
#gb_top_ssl .goSite{margin-top:-5px; display:inline-block}
#gb_top_ssl .gb_menu{position:relative;float:right;z-index:100; padding-top:4px;}
#gb_top_ssl .gb_menu li{position:relative;float:left;padding:0 10px;background:url(/images/icon/blt_kan.gif) no-repeat left 5px;letter-spacing:-1px;}
#gb_top_ssl .gb_menu li a{font-size:11px;color:#ffffff;}
#gb_top_ssl .gb_menu li.bak_no{background:none;}
#gb_top_ssl .gb_menu li.bak_right{background:url(/images/icon/blt_kan.gif) no-repeat right 3px;}
#gb_top_ssl .gb_menu li span.cart{background:url(/images/common/icn_cartBall.gif) no-repeat 1px 1px; height:18px; width:18px; color:#FFF; font-size:11px; text-align:center; display:inline-block}
#gb_top_ssl .gb_menu li.sub_m{margin-right:5px;padding-right:15px;background:url(/images/common/btn_openView.gif) no-repeat center right;}
#gb_top_ssl .gb_menu li span.event a{color:#50afb9;}
#gb_top_ssl .gb_menu .mylayer{position:absolute;display:none;top:15px;left:0;width:105px;height:85px;background:#fff;border:1px solid #c9c3bc;z-index:100;}
#gb_top_ssl .gb_menu .mylayer ul{float:left;padding:7px;}
#gb_top_ssl .gb_menu .mylayer ul li{padding-left:4px;width:100%;background:url(/images/icon/blt_dot_brown.gif) no-repeat 0 7px;}
#gb_top_ssl .gb_menu li.sub_m:hover .mylayer{display:block;}

/* 로그인영역 수정 20140326*/
#login_input{position:absolute;top:25.5px;padding:9px 13px 13px 13px;width:210px; font-size:11px;letter-spacing:-1px;background:#fff;border:1px solid #CBC4BD;}
#login_input dt{width:50px;display:inline-block; float:left;margin-top:3px}
#login_input dl{width:160px; display:inline-block; float:left;}
#login_input dl dd{margin-top:3px}
#login_input dl dd .input_txt{font-size:11px;padding:3px}
#login_input ul{clear:both;padding-top:7px;}
#login_input li:first-child{padding-left:0;background:none;}
#login_input p input{margin-top:4px;}
#login_input div.snsLog{margin-top:10px; padding-top:10px;  border-top:1px solid #D2D2D2}

/* 로고 및 검색영역 */
#gb_bottom{position:relative;margin:0 auto;width:1200px;height:80px;z-index:10;}
#gb_bottom h1#logo{position:absolute;z-index:200; margin:auto; text-align:center; width:100%;}
/* 상단검색 */
#gb_bottom .top_search{float:left;margin:20px 0 0 250px;width:320px;}
#gb_bottom .top_search .top_input{padding:4px;width:250px;height:14px;vertical-align:middle;border:1px solid #605d59;border-width:3px 0 3px 3px;}
/* 랭킹 */
#gb_bottom .ranking{position:relative;float:left;margin-top:25px;}
#gb_bottom .ranking ol.rotate{width:170px;height:20px;font-size:11px;font-weight:bold;overflow:hidden;}
#gb_bottom .ranking ol.rotate li{line-height:18px;}
#gb_bottom .ranking:hover #list_view{display:block}
#gb_bottom .ranking ol.rotate li img{padding-bottom:2px;}
#gb_bottom .ranking #list_view{position:absolute;display:none;top:-5px;left:0;padding:5px 10px;width:144px;background:#fff;border:2px solid #33aeab;z-index:200;}
#gb_bottom .ranking #list_view ol li{line-height:22px;}
#gb_bottom .ranking #list_view ol li img{padding-bottom:2px;}
#gb_bottom .top_ad{position:relative;float:right;}
#gb_bottom .top_ad .btn{position:absolute;bottom:10px;right:0;}


/* 콘텐츠 영역 */
#contents {position:relative;margin:0 auto;padding:35px 0 50px 0; width:1200px;text-align:left; overflow:hidden; background:url(http://image1.educe.co.kr/main_v02/subBG.gif) repeat-y top center;}
#contents.nobg { background:none}

/* 하단영역 */
#footer {clear:both;width:100%;min-width:1200px;text-align:center; margin:0 auto; padding-bottom:50px;  background:url(http://image1.educe.co.kr/common/footer_bg.gif) repeat top center;}
#footer .f_menu{background-color:#27343c; margin:0 auto;}
#footer .f_menu ul{padding:12px 0;width:1200px; margin:0 auto;  }
#footer .f_menu ul li{display:inline; padding:0 15px; background:url(http://image1.educe.co.kr/common/f_menu_kan.gif) no-repeat 0 3px; font-weight:bold;}
#footer .f_menu ul li:first-child{display:inline; padding:0 12px; background:none; font-weight:bold; }
#footer .f_menu ul li a{color:#FFF; text-decoration:none;font-family:"Noto Sans KR";font-weight:500 }




/* 하단 주소 */
#footer address{width:1200px;text-align:left;font-size:12px;color:#696969; margin:30px auto 0 auto;}
#footer address a{font-size:12px;color:#696969;}
#footer address span{color:#ff6600;font-size:12px;}
#footer address strong{font-size:12px;}
#footer .copyright{ float:right; margin-top:-115px; text-align:left;font-size:11px;}



/* 서브레이아웃 */
/*왼쪽영역*/
#left_area{position:relative;float:left;width:220px;height:100%; margin:0 60px 0 30px;}
.l_title{margin:0;}
#left_area .l_banner{display:block;margin:6px 0;}
#left_area .real_com{text-align:left;border:1px solid #8ea9c7;background:#fff;}
#left_area .real_com h3{padding:7px 10px;background:#e0ecf8;border-bottom:1px solid #8ea9c7;}
#left_area .real_com ol{margin:8px 10px;}
#left_area .real_com ol li a{font-size:11px;color:#696969;}
#left_area .real_com ol li.num123{font-weight:bold;}

#left_area2{position:relative;float:left;width:1000px;height:100%; margin:0 60px 0 100px;}

#left_area2 .position{margin:5px 0;padding:0 0 3px 15px;letter-spacing:0px;background:url(http://image1.educe.co.kr/icon/icon_navigation.gif) no-repeat 0 2px;}
#left_area2 .position span a{color:#ff6600;}

#left2 {position:relative;float:left;text-align:center;width:180px;height:100%;background:url(http://image1.educe.co.kr/job/left_bg.gif) repeat-y;}
.bder_b1{border-bottom:1px solid #e7e7e7;}/* 채용정보 */

#left2 .left_guick{margin-bottom:10px;}


/*가운데영역*/
#conbox_area{position:relative;float:left;padding-bottom:30px; margin:0 20px; width:760px;height:100%;}
#conbox_area .position,#contents_w100p .position{margin:5px 0;padding:0 0 3px 15px;border-bottom:1px solid #dddddd;letter-spacing:-1px;background:url(http://image1.educe.co.kr/icon/icon_navigation.gif) no-repeat 0 2px;}
#conbox_area .position span a,#contents_w100p .position span a{color:#ff6600;}
#conbox_area .left_layout{float:left;width:520px;}
#conbox_area .right_layout{float:right;}

#contents_w100p {position:relative;padding-bottom:30px;width:960px;height:100%;}
#contents_search{position:relative;float:left;padding-bottom:30px;width:720px;height:100%;}


