@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;
}

.header  {width:100%; background:#f9f9f9; border-bottom:1px solid #00afea;}
.container {width:100%; margin:0 auto; overflow:hidden; margin-bottom:50px; margin-left:15px;}
.popup_container {width:100%; margin:0 auto; overflow:hidden; margin-bottom:50px}
.content { width:100%; 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:100%;
	height:208px;
	margin:0 auto;
}
.mark-wrap {
	width:1154px;
	height:208px;
	margin:0 auto;
}
.popup-tit-wrap { width:900px;}
.tit-wrap { width:766px;}
.tit-wrap h1 {width:766px;}
/* ·Î±×ÀÎ Å¸ÀÌÆ² ¹× ·Î±×ÀÎ¹Ú½º ºÎºÐ */
.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-tit2 { width:600px; padding-left:300px; height:190px; background:url(../i_img/mem/log_img.gif) no-repeat 0 0; margin:0px 0; }
.log-tit2 h1 { font-size:31px; color:#333; letter-spacing:-1px; line-height:80px; padding-top:10px}
.log-tit2 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 input.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 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 124px 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-img {margin-left:-630px; padding:0px 0;}
.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 */
.foot-wrap {width:100%; background:#fff; height:240px; border-top:1px solid #e2e2e2; overflow:hidden}
.footer { width:1135px; margin:0 auto; overflow:hidden} 
.footer ul{ width:100%; border-bottom:1px solid #cfcfcf; height:38px; overflow:hidden}
.footer li { float:left; color:#6b6b6b; font-weight:bold; line-height:40px}
.footer li span { color:#cfcfcf; margin:2px 10px; font-size:12px; line-height:40px}
.foot-copy { float:left; width:700px; height:61px; margin:25px 0 15px 10px; color:#959595;}
.service { float:right; background:#fff5d6; color:#6f6f6f; width:340px; height:60px; padding:8px 15px; margin:15px 0;}
.service strong { color:#22211d;}
.foot-ban { height:38px; border:1px solid #e2e2e2; padding:12px 0; overflow:hidden} 
.foot-ban li{ float:left}
.foot-ban li img { padding:0 40px}
.foot-ban .right { border-right:1px solid #e2e2e2;}

/* ³ÐÀÌ ¹× ³ôÀÌÁöÁ¤*/
.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}
