/* 
    Document   : Layout
	Created on : 2012. 8. 16, 오후 3:50
    Author     : Nexist
    Description:
        Purpose of the stylesheet follows.
*/
body { 
	color: #666;
}

/* 레이아웃 설정 */
#wrap {
	position: relative;
	width: 100%;
	/*margin: 0 auto;
	background:#f9f9f9;*/
}
#top { 
	position: relative;
	height: 74px;
	/*overflow: hidden;*/
	width:100%;
	margin:0 auto;
}

#top h1 { position: absolute; top:12px; left:50%; margin-left:-490px; z-index:99; }

#top #menu { position: relative; float:right; width: 795px; height:74px; list-style: none; overflow: hidden; }
#top #menu li { float: left; height: 54px; color: #333; text-align: center; font-size:17px; padding:27px 45px;  font-weight:600; letter-spacing:-0.2px;}
#top #menu li:last-child { padding:27px 25px 30px 45px;}

#topMenu { position:relative; width:100%; height:29px; background:#2b5189;/* top: 25px; right: 10px;*/ }
#topMenu .topMenu_Home { float:left; height:29px; line-height:29px;}
#topMenu .topMenu_conts { width:960px; height:29px; margin:0 auto;}
#topMenu .topMenu_conts ul { float:right;}
#topMenu .topMenu_conts ul li { float: left; font-size: 11px; padding:0 10px 0 0; line-height:29px; color:#fff; }
#topMenu .topMenu_conts ul li:after { content:'';  border-right:solid 1px rgba(255, 255, 255, 0.3 ); padding:0 10px 0 0; width:1px; height:6px;}
#topMenu .topMenu_conts ul li.first { border-left: none; }
#topMenu a { color: #fff; }

#top .subMenu01 { position: absolute; top: 117px; left: 30px; }
#top .subMenu02 { position: absolute; top: 117px; left: 195px; }
#top .subMenu03 { position: absolute; top: 117px; left: 360px; }
#top .subMenu04 { position: absolute; top: 117px; left: 533px; }
#top .subMenu05 { position: absolute; top: 117px; left: 300px; }
#top .subMenu06 { display: none !important; }
#top .subMenu07 { display: none !important; }
#top .subMenu08 { display: none !important; }
#top .subMenu { display: none; }
#top .subMenu.on { display: block; }
#top .subMenu li { float: left; font-size: 11px; color: #868686; padding: 0 10px; height: 13px; line-height: 13px; border-left: solid 1px #bcbcbc; }
#top .subMenu li.first { border-left: none; }
#top .subMenu li a { color: #868686; font-family: dotum; }
#top .subMenu li a.on, #top .subMenu li a:hover { font-weight: bold; letter-spacing: -1px; color: #000; }


/* 2018년 컨텐츠 전체 wrap */
#contents_wrap { position:relative; clear:both; width:960px; margin:0 auto 30px; overflow:hidden;}
#left { /*display:none;*/ position: relative; float:left; width:200px; margin:0 25px 0 0; }
.contents_title { height:70px; background:url(../Images/contents_title_back.jpg) center no-repeat; }
.subMenuTitle { position:relative; width:960px; margin:0 auto; font-size:26px; font-weight:600; color:#fff; }
.subMenuTitle span { font-size:26px; font-family:NanumSquareR; font-weight:600; color:#fff; line-height:70px;}
.contents_Navigation { position:absolute; top:25px; right:0px; z-index:0000; color:#fff; font-size:13px; color:#d7d7d7;}
.navigation { color: #999; text-align: right; padding: 5px 15px 5px 15px; }

/* 메인 로그인 박스 2018년 */
.leftLogin { position:absolute; top:182px; left:50%; z-index:99; margin-left:162px; background-color:rgba(255,255,255,0.93); width:308px; height:274px; /*border:3px solid rgba(255,255,255,0.5); padding:16px 30px 36px;*/ overflow:hidden; box-sizing:border-box; border-radius:10px;}
.leftLoginArea { clear:both; padding:0px 0 30px;}
.login_title { background:#494949 url(../Images/login_icon.png) 110px center no-repeat; font-size:20px; color:#fff; font-weight:500; letter-spacing:-0.2px; text-align:center;  padding:15px 0 15px 30px; font-family:nanumsquareb;}
.login_input { background:#fcffd6; width:236px; height:34px; border-bottom:2px solid #fff; padding:0 0 0 10px;}
.login_input::-webkit-input-placeholder { /* 크롬 4–56 */    color: #b9bf6d;}
.login_input:-moz-placeholder { /* 파이어폭스 4–18 */   color: #b9bf6d;   opacity:  1;}
.login_input::-moz-placeholder { /* 파이어폭스 19–50 */   color: #b9bf6d;   opacity:  1;}
.login_input:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */   color:  #b9bf6d;}
.login_input::placeholder { /* 파이어폭스 51+, 크롬 57+ */   color: #b9bf6d;   opacity:  1;}
.idcheck { color:#494949; font-size:13px; padding:5px 0 10px 36px; }
.idcheck input { margin:2px 5px 0 0; vertical-align:top;}
.main_loginbox_btn { background:#e26000; width:246px; height:36px; border:0px solid #007384; text-align:center; color:#fff; font-size:14px; font-family:nanumsquareb;}
.loginTxt_btn { color:#fff !important; font-size:13px; padding:20px 0 0 36px;}
.loginTxt_btn a { color:#333;}
.loginTxt_btn a:after { content:''; border-right:1px solid #c0c0c0; padding:0 5px; margin:0 3px 0 0px;}
.loginTxt_btn a:last-child:after { border-right:none;}
.loginArea { padding:30px 36px 0;}

/* 로그인 후 */
.loginMember_after { text-align:center; color:#333; font-size:17px; background:url(../Images/people_icon.png) center top no-repeat; padding:130px 0 0px 0; box-sizing:border-box; }
.loginMember_after span { color:#ff6600; font-size:18px; font-weight:600;} 


#left .leftLoginArea { position: relative; border: solid 1px #d8d8d8; height: 125px; }
#left .leftLoginArea .loginArea dt { display: none; }
#left .leftLoginArea .loginArea dd { padding: 9px 0 0 5px; }
#left .leftLoginArea .loginArea dd input { border: solid 1px #cdd7d9; width: 110px; height: 16px; }
#left .leftLoginArea .loginBtn { position: absolute; top: 65px; left: 123px; }
#left .leftLoginArea .loginBtn input { border: none; }



#left .leftLoginArea .loginBtnArea { padding: 15px 0 0 7px; height: 12px; }
#left .leftLoginArea .loginBtnArea a { float: left; }

#left .leftLoginArea .loginMemberInfo { margin: 7px 10px; padding: 10px 0 0 0; color: #ccc; }
#left .leftLoginArea .loginMemberInfo b { color: #1871a4; }
#left .leftLoginArea .loggedBtnArea { margin: 0 10px 7px 10px; color: #999; }
#left .leftLoginArea .loggedBtnArea a { padding: 0 10px 0 0; }
#left .leftLoginArea .loginMystudy { border-top: solid 1px #d8d8d8; margin: 0 10px; padding: 10px 0; color: #999; }
#left .leftLoginArea .loginMystudy p { font-size: 11px; padding-top: 5px; }

#left .leftNotice { border-top: solid 1px #d8d8d8; padding: 10px 0; margin: 25px 0 0 0; }
#left .leftNotice ul li { padding: 3px 0 3px 5px; }
#left .leftNotice ul li a { color: #868686;  font-weight:600;}

/* 고객센터 */
#left .leftCustomer { clear:both; padding:17px 10px 0; background:#f8f8f8; border:1px solid #e6e6e6; margin:0 0 5px 0;}
#left .leftCustomer .title { font-size:17px; color:#333; }
#left .leftCustomer .leftCustomer_date { background:url(../Images/customer_icon.png) 5px 13px no-repeat; padding:10px 0 0 60px;}
#left .leftCustomer .leftCustomer_date li { font-size:13px; color:#333; line-height:150%;}
#left .leftCustomer .leftCusto_tel { color:#06abc3; font-size:27px; letter-spacing:-1px; font-family:NanumSquareR; margin:10px 0 5px 0;}
#left .leftCustomer .leftCusto_tel span { font-family:NanumSquareR; font-weight:bold;}
#left .leftCustomer .leftCusto_txt { font-size:13px; color:#333; text-align:center; padding:10px 0;}
/*#left .leftCustomer div { margin: 10px auto; }*/

/* 은행 */
#left .leftBank { border: solid 1px #e6e6e6; padding:17px 12px; background:#fff; }
#left .leftBank .title { font-size:17px; font-weight:600; color:#333;  height:20px; line-height:20px; vertical-align:top;}
#left .leftBank .title span { color:#9f9999; font-size:12px; background:#f8f8f8; border-radius:10px; padding:0px 5px; float:right; text-align:right; display:inline-block; }
#left .leftBank ul { margin:15px 0 0 0; }
#left .leftBank ul li { /*border-top: solid 1px #d8d8d8;*/ padding:5px 0; }
#left .leftBank ul li span { text-align:right; display:inline-block; float:right; font-size:12px; color:#333; letter-spacing:-0.5px;}
/*#left .leftBank ul li.first { border-top: none; }*/

/* 왼쪽배너 */
.leftBanner { border:1px solid #ececec; overflow:hidden; margin:0 0 5px 0;  font-weight:600;}
.leftBanner a { text-align:center; padding:60px 0 0 0; float:left; box-sizing:border-box;}
.leftBanner a:nth-child(1) { width:99px; height:87px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; background:url(../Images/leftBanner_1.png) center 10px no-repeat; font-size:13px; color:#333; letter-spacing:-0.5px;}
.leftBanner a:nth-child(2) { width:98px; height:87px; border-right:0px solid #ececec; border-bottom:1px solid #ececec; background:url(../Images/leftBanner_2.png) center 10px no-repeat; font-size:13px; color:#333; letter-spacing:-1px;}
.leftBanner a:nth-child(3) { width:99px; height:87px; border-right:1px solid #ececec; background:url(../Images/leftBanner_3.png) center 10px no-repeat; font-size:13px; color:#333; letter-spacing:-0.5px;}
.leftBanner a:nth-child(4) { width:98px; height:87px; border-right:0px solid #ececec; background:url(../Images/leftBanner_4.png) center 10px no-repeat; font-size:13px; color:#333; letter-spacing:-0.5px;}


#left .subLeft { margin: 35px 0 25px; }
#left .subLeft .subLeftMenu { padding:0 0 0 0; background:#fff; border: solid 1px #d9d9d9; }
#left .subLeft .subLeftMenu ul { /*background: #FFF; border: solid 1px #eeeeee; padding: 0 0 20px 0;*/ }
#left .subLeft .subLeftMenu ul li.title, #left .subLeft .subLeftMenu ul li.title:hover { margin: 0; padding: 13px 7px 0 22px; height: 21px; color: #3d6b8d; font-weight: bold; background: url("../Images/imgPack.png") -6px -318px no-repeat;  }
#left .subLeft .subLeftMenu ul li { height:49px; line-height:49px; font-size:15px; color:#6c6c6c; padding:0 0 0 13px; background:url(../Images/leftmenu_off_arrow.png) 93% center no-repeat; /*margin: 3px 0 0 0;*/  border-bottom:1px solid #d9d9d9; }
#left .subLeft .subLeftMenu ul li:last-child { border-bottom:none;}
#left .subLeft .subLeftMenu ul li a { color: #6c6c6c; }
#left .subLeft .subLeftMenu ul li:hover, #left .subLeft .subLeftMenu ul li.on { color:#fff; background:#4375bf url(../Images/leftmenu_on_arrow.png) 93% center no-repeat; font-weight: bold; }
#left .subLeft .subLeftMenu ul li:hover a , #left .subLeft .subLeftMenu ul li.on a { color: #fff; }

#center { position: relative; width:735px; float:left; min-height:700px; }

#center .contents { margin-top:40px; /*border: solid 1px #dadada; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url("/javascript/Common/PIE.php");*/ }
#center .contents .subTitle { margin:0 0 30px 0; font-size:25px; color:#000;}
#center .contents .subTitle span {   font-weight:600; letter-spacing:-0.5px; }
#center .contents .titleRightBtns { float: right; font-weight: 400; }


#bottom { clear:both;
	position: relative;
	border-top: solid 0px #848484;
	margin:30px 0 0 0;
	height:160px;
	background:#f1f1f1;
}
.bottom_wrap { position:relative; width:960px; margin:0 auto;}
#bottom #bottomLogo { position: absolute; top: 35px; left:10px; }
#bottom #bottomMenu { position: absolute; top: 10px; left: 211px; }
#bottom #bottomMenu li { float: left; font-size: 14px; height: 11px; line-height: 11px; color: #333; border-left: solid 1px #8488ae; padding: 0 20px; }
#bottom #bottomMenu li.first { border-left: none; }
#bottom #bottomMenu li a { font-size: 13px; color: #333; }

#bottom #bottomInfo { position: absolute; top: 35px; left: 220px; }
#bottom #bottomInfo * {  }
#bottom #bottomInfo.line2 { top: 50px; }
#bottom #bottomInfo.line3 { top: 65px; }
#bottom #bottomInfo dt, #bottom #bottomInfo dd { float: left; font-size: 13px; color: #848484; margin-bottom: 4px; }
#bottom #bottomInfo dt { font-weight: bold; letter-spacing: -1px; border-left: solid 1px #848484; padding: 0 10px; }
#bottom #bottomInfo dd { padding: 0 10px 0 0; }
#bottom #bottomInfo .newLine { clear: both; border-left: none; padding: 0 10px 0 0;  }

.copy_conts { padding:30px 0 0 160px;}
.copy_menu { clear:both;}
.copy_menu li { float:left; font-size:14px; color:#333; font-weight:600;}
.copy_menu li:after { content:''; border-right:1px solid #c2c2c2; height:10px; margin:0 10px; }
.copy_menu li:last-child {border-right:none;}
.copyright { clear:both; padding:10px 0; overflow:hidden;}
.copyright p { line-height:170%;}
.copyright p:nth-child(1) { font-size:13px; color:#333333;}
.copyright p:nth-child(2) { font-size:13px; color:#333333;}
.copyright p:nth-child(3) { font-size:12px; color:#777777;}

.title { clear: both; }
.title h2 { height: 80px; padding: 15px 0 0 45px; font-size: 80px; color: #442b59; font-weight: normal; font-family: HELVETI, HELVETI2; }
.titleDsc { font-size: 25px; line-height: 35px; padding: 15px 0 0 45px; font-family: KOZMIN, "나눔명조", "바탕"; color: #7744aa; letter-spacing: -1px; }
.description { font-size: 11px; line-height: 200%; padding: 15px 0 0 45px; font-family: verdana, "나눔고딕"; color: #7744aa; }


*::selection { background:#4cb5e8; color:#fff000; }
*::-moz-selection { background:#4cb5e8; color:#fff000;  }


input::-webkit-input-placeholder {
  color: #848484;
  font-size:10px;
}
input:-ms-input-placeholder {
  color: #848484;
  font-size:10px;
}


/* 메인게시글 */
.mainBoard { width:960px; height:217px; margin:0 auto; clear:both; overflow:hidden; }
.mainBoard_ttl { font-size:15px; font-weight:600; color:#fff; padding:10px 0 10px 20px; background:#e26000; border-radius:15px 15px 0 0; box-sizing:border-box;}
.mainFaq_ttl { font-size:15px; font-weight:600; color:#fff; padding:10px 0 10px 20px; background:#c5900c; border-radius:15px 15px 0 0; box-sizing:border-box;}
.mainCusto_ttl { font-size:15px; text-align:center; font-weight:600; color:#333; padding:5px 0 5px 0px; background:#dfdfdf; border-radius:15px; box-sizing:border-box;}

/* 공지사항 */
.mainBoard .mainNotice {position:relative;float:left;width:326px; padding:20px 0 0 0; box-sizing:border-box;margin:0 5px 0 0;}
.mainBoard .mainNotice ul { border:1px solid #f1d9b3;padding:20px;}
.mainBoard .mainNotice li { line-height:200%; padding:0 0; font-size:13px;}
.mainBoard .mainNotice li span { width:60px; font-size:12px; display:inline-block; color:#777; float:right;}
.mainBoard .mainNotice li span a { color:#777;}
/* 자주하는질문 */
.mainBoard .mainFaq { position:relative; float:left; width:326px; height:217px; border-right:0px solid #e6e6e6; padding:20px 0 0 0; margin:0 5px 0 0; box-sizing:border-box;}
.mainBoard .mainFaq ul { border:1px solid #f1d9b3; padding:20px;}
.mainBoard .mainFaq li { line-height:200%; padding:0 0; font-size:13px;}
.mainBoard .mainFaq li span { width:60px; font-size:12px; display:inline-block; color:#777; float:right;}
.mainBoard .mainFaq li span a { color:#777;}
/* 고객센터 */
.mainBoard .mainCusto {position:relative;float:left;width:297px;padding: 10px;border-radius:15px 15px 0 0;border:1px solid #e6e6e6;box-sizing:border-box; margin-top:20px;}
.mainBoard .mainCusto .mainCusto_time { height:80px; line-height:80px; background:url(../Images/custo_icon.jpg) 15px center no-repeat; padding:0 0 0 65px; font-size:28px; color:#06abc3; box-sizing:border-box;}
.mainBoard .mainCusto .mainCusto_time span { font-weight:600;}
.mainBoard .mainCusto p { color:#333; clear:both; font-size:13px; }
.mainBoard .mainCusto p:nth-of-type(1) {padding: 12px 0 0 15px;}
.mainBoard .mainCusto p:last-child { padding:10px 0 0 15px;}

.mainBoard_more { position:absolute; top:30px; right:26px; color:#fff; font-size:12px;}
.mainBoard_more a { color:#fff;}

/* 인기강좌 */
.mainBest_floor { clear:both; position:relative; width:100%; height:302px; background:url(../Images/bestclass_back.jpg) left center no-repeat;}
.mainBest_conts { position:relative; width:960px; margin:0 auto; padding:30px 0; overflow:hidden;}
.mainBest_conts .mainBest_conts_ttl { width:145px; margin:0 auto; background:url(../Images/best_icon.png) right center no-repeat; text-align:center; height:40px; line-height:40px; font-size:23px; font-weight:600; color:#fff; font-weight:nanumsquareb; letter-spacing:-0.2px;}
.mainBest_box_wrap { position:relative; padding:20px 29px; overflow:hidden;}
.mainBest_box_wrap .mainBest_box { float:left; border-radius:10px; background:#fff url(../Images/roundBox_no_back.png) left top no-repeat; width:289px; height:167px; box-shadow:2px 3px 3px rgba(0, 0, 0, 0.3); margin:0 14px 0 0;}
.mainBest_box_wrap .mainBest_box:last-child { margin:0;}
.mainBest_box_wrap .mainBest_arrow_left { position:absolute; left:0; top:50%; margin-top:-11px;}
.mainBest_box_wrap .mainBest_arrow_right { position:absolute; right:0; top:50%; margin-top:-11px;}

.mainBest_box_no { color:#fff; font-size:18px; font-weight:600; height:14px; padding:6px 0 8px 10px;}

.mainBest_box_conts { position:relative; height:139px; overflow:hidden;}
.mainBest_box_conts .mainBest_box_conts_ttl { clear:both; padding:0px 0 10px 31px; color:#0764b0; font-size:18px; letter-spacing:-0.4px; font-weight:600; }
.mainBest_box_conts .mainBest_box_conts_txt { clear:both; width:228px; height:30px; overflow:hidden; box-sizing:border-box; font-size:12px; color:#888; line-height:120%; margin:0 0 10px 31px; line-height:120%;}
.mainBest_box_conts ul { padding:0 0 0 31px;}
.mainBest_box_conts ul li { font-size:13px; color:#333; line-height:150%; letter-spacing:-0.2px;}
.mainBest_box_conts ul li span { font-weight:600; font-size:13px; color:#333;}

.mainBest_box_conts_btn { position:absolute; right:13px; bottom:12px; background:#494949; width:73px; height:22px; line-height:22px; text-align:center; border-radius:15px; letter-spacing:-0.2px; font-size:13px; color:#FFF;}
.mainBest_box_conts_btn a { color:#fff;}

/* 퀵메뉴 2018 */
.leftQuick { position:absolute; left:50%; top:100px; border-top: solid 1px #d8d8d8; padding: 10px 0; }
.leftQuick ul { height: 190px; }
.leftQuick ul li { float: left; text-align: center; width: 33%; padding: 17px 0; }



/* GNB 추가 2018 */
.gnb					{position:absolute;width:100%;left:0;top:0px;z-index:50000000; border:0px solid blue; }
.gnb > ul					{width:760px; margin:0 auto; padding-left:215px;  border:0px solid blue; text-align:right;}
.gnb > ul:after			{content:""; clear:both; display:block; height:0; visibility:hidden;}
.gnb > ul > li				{position:relative; float:left; width:150px; font-size:17px;  margin-top:25px; padding:0px 0px; box-sizing:border-box; font-weight:600; letter-spacing:-0.2px;}
.gnb > ul > li:nth-child(1) {background:#43962a; border-radius:15px 15px 0 0; color:#fff;}
.gnb > ul > li:nth-child(2) {background:#e26000; border-radius:15px 15px 0 0; color:#fff;}
.gnb > ul > li:nth-child(3) {background:#c39211; border-radius:15px 15px 0 0; color:#fff;}
.gnb > ul > li:nth-child(4) {background:#15adb0; border-radius:15px 15px 0 0; color:#fff;}
.gnb > ul > li:nth-child(5) {background:#2a518a; border-radius:15px 15px 0 0; color:#fff;}
.gnb > ul > li:last-child { padding:0 0;}
.gnb ul li.current a, .gnb ul li.atv a {color:#fff;}
.gnb > ul > li > a		{display:block;height:50px;padding: 17px 0 0 0;font-size:17px; /**/font-weight:600;color:#fff;text-align:center;box-sizing:border-box;}
.gnb > ul > li > a:hover{color:#fff;}

.gnb .menu { display:none; text-align:left; overflow:hidden; width:95%; z-index:9999; border-left:1px solid #ececec; padding:0 0 0 5px; margin-left:0px;}
.gnb ul li .menu a		{ display:block; }
.gnb ul li .menu ul		{ width:100%; text-align:left !important; display:inline-block; padding:20px 0 0 0; height:230px; background:none;}
.gnb ul li .menu ul li	{ float:none; width:100%; padding:0 0 5px 8px; text-align:left !important; letter-spacing:-0.5px; }
.gnb ul li .menu ul li a { padding:3px 0; font-size:14px; color:#666;}
.gnb ul li .menu ul li a:hover {color:#4e9fd0;}
.gnb_background {height:250px; width:100%; margin:0 auto; display:none; overflow:hidden; left:0; z-index:100; margin-top:0px; padding-top:0px; background:#fff; border-bottom:1px solid #dadada ;*z-index:-10!important}