@charset "utf-8";
body,div,form,p{margin:0;padding:0;}
body, table, tr, td, th, select, div, p, center,span{letter-spacing:0;color:#555555; font-size:12px;}/*line-height:1.5em;}*/

@font-face {
    font-family: 'NanumGothic'; 
    font-style: normal;
    font-weight: normal;  
	src: url('../_font/NanumGothic.eot');
	src: url('../_font/NanumGothic.eot?') format('eot');
    src: local('@'),
	url('../_font/NanumGothic.woff') format('woff'),
	url('../_font/NanumGothic.ttf') format('truetype')
} 

@font-face {
    font-family: 'NanumGothicBold'; 
    font-style: normal;
    font-weight: normal;  
	src: url('../_font/NanumGothicBold.eot');
	src: url('../_font/NanumGothicBold.eot?') format('eot');
    src: local('@'),
	url('../_font/NanumGothicBold.woff') format('woff'),
	url('../_font/NanumGothicBold.ttf') format('truetype')
}

* { font-family: "맑은 고딕","나눔고딕", "돋움", "Segoe UI", sans-serif; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,select{margin:0;padding:0;}
img,fieldset {border:0;}

ul,ol,li,dl {list-style:none;}
input,select {vertical-align:middle;}
table caption {display:none;}

body {
	font-family: nanumgothic,돋움,dotum,sans-serif;
	color:#767676;
	font-size: 12px;
	line-height:18px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

A:link{text-decoration:none;color:#303642}
A:hover{text-decoration:underline;color:#181c25}
A:visited{text-decoration:none;color:#303642}
A:active{text-decoration:none;color:#303642}

.header  {width:100%; background:#f9f9f9; border-bottom:1px solid #00afea;}
.container {width:100%; margin:0 auto; overflow:hidden; margin-bottom:50px}
.content { width:900px; margin:0 auto; overflow:hidden}
 
/* 상단 즐겨찾기, 로그인, 회원가입, 아이디/비밀번호찾기 */
.tmenu { width:1080px; height:31px; margin:0 auto; color:#868686; overflow:hidden}
.tmenu a {text-decoration:none}
.tmenu .left {float:left; line-height:31px; background:url(i_img/img/t_bg.gif) no-repeat 0 0; padding-left:15px; padding-right:15px; font-weight:bold;}
.tmenu .right{ float:right; line-height:31px; font-size:11px}
.tmenu .right span { color:#cacaca; margin:2px 8px; font-size:11px}
.tmenu .right img { margin-left:4px; margin-bottom:3px}

/* 로고 및 타이틀 부분 */
.login-wrap { width:960px; height:60px; margin:0 auto; padding:20px;}
.tit-wrap { width:100%; background:#f3f3f0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; height:72px}
.tit-wrap h1 { width:900px; margin:0 auto }
.tit-wrap img {margin-top:-1px}

/* 로그인 타이틀 및 로그인박스 부분 */
.log-tit { width:600px; padding-left:300px; height:190px; background:url(i_img/mem/log_img.gif) no-repeat 0 0; margin:50px 0; }
.log-tit h1 { font-size:31px; color:#333; letter-spacing:-1px; line-height:80px; padding-top:10px}
.log-tit p { font-size:14px; color:#444; line-height:22px}

.log-box { width:600px; height:140px; background:#f3f5f8; padding:45px 170px; margin-bottom:20px}
.formbox { position:relative; z-index:5;}
.formbox .log-txt1 { position:absolute; width:90px; height:35px; font-size:15px; color:#333; font-weight:bold; top:6px;left:10px}
.formbox .log-txt2 { position:absolute; width:90px; font-size:15px; color:#333; font-weight:bold; top:40px;left:10px}
.formbox input.form_pw,
.formbox input.form_id
{position:absolute;width:245px;height:23px;font-weight:bold;padding:4px 0 3px 5px;border:1px solid #e2e2e2; border-top:1px solid #999; border-left:1px solid #999;}
.formbox input#inputID {top:1px;left:100px;}
.formbox input#inputPWD {top:40px;left:100px;}
.formbox a.subtn {position:absolute; display:block; text-decoration:none; line-height:70px; text-align:center; background:url(i_img/mem/bt_login.gif) no-repeat 0 0; color:#fff; font-size:15px; font-weight:bold; width:122px;height:70px;top:1px;left:365px;}
.formbox label {position:absolute; color:#555; left:100px; top:82px;}
.formbox .idpw {position:absolute; left:100px; top:115px; text-decoration:none; font-size:13px; background:url(i_img/mem/i_arrow.gif) no-repeat 134px 6px; padding-right:15px; color:#1978cb; font-weight:bold}
.formbox .membership {position:absolute; left:280px; top:115px; text-decoration:none; font-size:13px; background:url(i_img/mem/i_arrow.gif) no-repeat 55px 6px; padding-right:15px; color:#1978cb; font-weight:bold}

/* 아이핀,본인인증페이지 부분 */
.inv-tit { width:880px; padding-left:20px; height:120px; margin:50px 0; }
.inv-tit h1 { color:#919191; font-size:30px; font-weight:normal; letter-spacing:-1.5px; line-height:40px; padding-bottom:20px}
.inv-tit h1 span { color:#262626}
.inv-tit p { font-size:13px}
.inv-tit p span { color:#1978cb}
.ipin { margin:50px 25px; overflow:hidden}
.ipin a { float:left}

/* 회원가입 약관동의 부분 */
.tit-h3 { padding:15px 0}
.tit-h3 h3 { font-size:15px; background:url(i_img/mem/i_dot.gif) no-repeat 4px; padding-left:15px; color:#222}
.scroll { margin-bottom:20px; height:140px; padding:16px; border:1px solid #ccc; overflow-y:scroll; color:#7f7f7f; }

/* 아이디/비밀번호 찾기 부분 */
.id-find { width:778px; height:80px; border:1px solid #e8e8e8; padding:10px 60px 25px 60px; margin:0 0 25px 0; overflow:hidden}
.id-find ul { height:25px; padding:12px 0}
.id-find ul li {float:left}
.line { border-bottom:1px dashed #d1d1d1}

/* 입력폼 부분 */
.search-result{ display:inline-block; border:1px solid #e2e2e2; border-top:1px solid #999; border-left:1px solid #999; background:#f7f7f7; vertical-align:middle; margin-right:5px }
.search-result input.searchre80 { height:22px; background:#f7f7f7; padding:0 7px; border:0; width:80px; line-height:22px; color:#008aea; font-family:나눔고딕}
.search-result input.searchre60 { height:22px; background:#f7f7f7; padding:0 7px; border:0; width:60px; line-height:22px; color:#008aea; font-family:나눔고딕}
.search-result input.searchre30 { height:22px; background:#f7f7f7; padding:0 7px; border:0; width:30px; line-height:22px; color:#008aea; font-family:나눔고딕}
.search-result input.searchre { height:22px; background:#f7f7f7; padding:0 7px; border:0; width:180px; line-height:22px; color:#008aea; font-family:나눔고딕}
.search-result input.searchre100 { height:22px; background:#f7f7f7; padding:0 7px; border:0; width:100px; line-height:22px; color:#008aea; font-family:나눔고딕}
.search-result input.searchre600 { height:22px; background:#f7f7f7; padding:0 7px; border:0; width:600px; line-height:22px; color:#008aea; font-family:나눔고딕}
.form-list { color:#555; width:70px; white-space:nowrap; height:23px; padding:2px 2px 2px 4px; border:1px solid #999; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  cursor:pointer; font-family:나눔고딕; font-size:11px; background:#f7f7f7; margin: 0 10px 2px 0;}
.form-blist { color:#555; width:120px; white-space:nowrap; height:23px; padding:2px 2px 2px 4px; border:1px solid #999; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  cursor:pointer; font-family:나눔고딕; font-size:11px; background:#f7f7f7; margin: 0 10px 2px 0;}

/*버튼부분*/
.btn-wrap120 { width:120px; margin-left:380px}
.btn-wrap120 a.bt-cancel { display:block; width:120px; height:27px; padding-top:10px; font-weight:bold; letter-spacing:-1px; background:url(i_img/page/bt_wbg.gif); font-size:14px; color:#555; text-align:center; border:1px solid #e5e6e9; border-bottom:1px solid #cdcfd3; text-decoration:none}
.btn-wrap140 { width:140px; margin-left:380px; margin-bottom:50px}
.btn-wrap140 a.bt-confirm { display:block; width:140px; height:27px; padding-top:10px; font-weight:bold; letter-spacing:-1px; background:#323747; font-size:14px; color:#fff; text-align:center; border:1px solid #e5e6e9; border-bottom:1px solid #cdcfd3; text-decoration:none}
.btn-wrap245 { overflow:hidden; width:290px; text-align:center; margin:25px auto; overflow:hidden}
.btn-wrap245 a { float:left}
.btn-wrap245 a.bt-confirm { display:block; width:120px; height:29px; padding-top:10px; font-weight:bold; letter-spacing:-1px; background:#323747; font-size:14px; color:#fff; text-align:center; margin-right:4px; text-decoration:none}
.btn-wrap245 a.bt-cancel { display:block; width:120px; height:27px; padding-top:10px; font-weight:bold; letter-spacing:-1px; background:url(i_img/page/bt_wbg.gif); font-size:14px; color:#555; text-align:center; border:1px solid #e5e6e9; border-bottom:1px solid #cdcfd3; text-decoration:none}

/*Table 속성*/ 
.table{ width:898px; border-collapse:collapse; border-top:1px solid #666; border-bottom:1px solid #e8e8e8; margin-bottom:30px; border-spacing:2px; overflow:hidden}
.table tr td{ padding:6px 0 6px 0; height:25px; padding-left:10px; color:#676767; border-bottom:1px solid #e8e8e8; line-height:18px}
.table tr th{ text-align:left; width:150px; height:25px; color:#33353e; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; padding:6px 0 6px 15px; letter-spacing:-1px; }
.table tr td img { margin-bottom:-8px;}
.table tr td ul {float:left; width:230px; line-height:22px}

/* footer */
.footer{width:100%;height:150px;background:url('../img_elearning/e_img/img/foot_bg.gif');overflow:hidden;}
.foot-me{width:960px;height:39px;background:url('../img_elearning/e_img/img/foot_me.gif') no-repeat 0 0;margin:0 auto;line-height:39px}
.foot-me a{text-decoration:none;margin:20px 7px;color:#6b6b6b}
.foot-me .tel{ width:163px;height:18px;text-align:center;float:right;font-weight:bold;margin:10px 3px 10px 0;color:#fff;line-height:18px}
.foot-me span{color:#bbb}
.foot-copy{width:800px;height:71px;margin:30px auto;text-align:center;color:#959595;}

/* 넓이 및 높이지정*/
.h10 { margin-bottom:10px}
.h30 { margin-bottom:30px}
.w20 { margin-right:20px}
.w30 { margin-left:30px}
.w80 { margin-left:80px}

/* 글자스타일지정*/
h2 { color:#222; font-size:19px; letter-spacing:-1px; background:url('i_img/page/i_msg.gif') no-repeat 0 32px; border-bottom:1px solid #e8e8e8; padding:30px 0 10px 18px}
.fs1 { font-size:13px; color:#1978cb; font-weight:normal}
.fs2 { font-size:12px; color:#1978cb}
.fs3 { color:#222; font-size:13px; letter-spacing:-1px; background:url('i_img/mem/i_dot1.gif') no-repeat 0 6px; padding-left:13px; padding-right:20px}

.escrow{ width:100%; border-top:1px solid #eee; background:#fbfbfb}
.escrow ul{ width:1000px; margin:0 auto; padding:20px 0; height:50px; overflow:hidden}
.escrow li{float:left; padding:0 40px 0 10px}
.escrow h4{font-size:14px; letter-spacing:-1px; color:#333; padding:2px 0 6px 0}