@charset "euc-kr";

/* Default */
* {
	margin: 0; padding: 0;
}

ul, li, dl, dt, dd {
	list-style: none;
}

img, fieldset, button {
	border: none;
}

html, body {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	color: #8b8b8b;
	font-family: dotum, "µ¸¿ò", gulim, "±¼¸²";
	font-size: 11px;
	letter-spacing: -1px;
}

body {
	/*background: url('/img/index/bg_top_middle.gif') no-repeat center -1px;*/ /*2010-02-09 »èÁ¦*/
	overflow-y: auto;
}

legend {
	position: relative;
	top: 0; left: 0;
	width: 0; height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden; visibility: hidden;
}

a {
	color: #8b8b8b;
	text-decoration: none;
}

.fl {
	float: left;
}

.pl0 {
	padding-left: 0 !important;
}

.pr0 {
	padding-right: 0 !important;
}

.none {
	position: relative;
	top: 0; left: 0;
	width: 0; height: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden; visibility: hidden;
}

/* Layout */
#wrapper { width:100%; margin:0 auto; padding:0; text-align:center; } /*2010-02-09 ¼öÁ¤*/
#wrapper.bg{ background: url('/img/index/bg_top_middle.gif') no-repeat center -1px;} /*2010-02-09 Ãß°¡*/
#header_wrap {position:relative;margin:0 auto 18px auto; width:1020px; height:100px;text-align:left; z-index:30;} /*2010-02-02 ¼öÁ¤*/
#header_wrap div.navigation {position:absolute;left:0;top:0;width:1020px;height:110px; margin-left: 20px; background: url('/img/index/bg_navigation.gif') no-repeat left top }
#wrap {position: relative; width: 1020px; margin: 0 auto; padding: 0; } /*2010-02-02 ¼öÁ¤*/
#wrap02{ margin-left: 75px; } /*2010-02-02 ¼öÁ¤*/
#wrap div.main_search {position:absolute;top:-80px;right:-10px;text-align:right;}

h1 {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}
h2 {padding-bottom: 7px;}

.main-list {clear: both;}
.list-cont {float: left; display: inline; padding: 0 11px 0; width: 267px; #width: 290px; height: 95px; text-align: left; border-left: 1px solid #ededed;}
.list-notice {padding: 0 11px 0 0; width: 279px; #width: 290px; border: none;}
.list-notice h2 { width: 43px; height: 11px; #height: 20px; background: url('/img/index/bg_index_type.gif') no-repeat -430px top; } /* 2010-10-12 Ãß°¡ */
.new-phone {padding: 0 0 0 11px; width: 278px; #width: 290px;}
.bg_notice_list {clear:both; float:left; display:inline; margin:1px 0 0; width:276px; height:auto;}

/*2010-01-25 ¼öÁ¤ [s]*/
.notice_list {float:left; display:inline; position:relative; margin:0 0; width:276px; font-family:"µ¸¿ò", dotum; font-size:11px; color:#8b8b8b; text-align:left;}
.notice_list li {float:left; margin:3px 0 0; width:276px;}
.notice_list li a {display:block; width:276px; font-family:"µ¸¿ò", dotum; font-size:11px; color:#333; text-decoration:none; line-height:14px; cursor:pointer;}
.notice_list li a span.title {float:left; display:block; overflow:hidden; padding:0 0 0 11px; width:204px; #width:210px; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px; background: url('/img/index/bg_index_type.gif') no-repeat -430px -35px;} /* 2010-10-12 ¼öÁ¤ */
.notice_list li a span.date {float:right; display:block; letter-spacing:0; color: #666; }
.notice_list li a:hover span.title,
.notice_list li a:hover span.date{color:#ff6400;}
/*2010-01-25 ¼öÁ¤ [e]*/

.more {float: right; margin-top: -14px;}
.btn_more { width: 30px; height: 7px; background: url('/img/index/bg_index_type.gif') no-repeat -430px -22px; cursor: pointer; } /* 2010-10-12 Ãß°¡ */

/* ¾Ë¸³´Ï´Ù */
ul.notice {float: left; position: relative; width: 263px; }
ul.notice li {width: 252px; height: 11px; /*background:url('/img/index/ico_notice.gif') left 3px no-repeat;*/ margin-top: 4px; padding: 0 0 0 11px; border: none; } /* 2010-10-12 ¼öÁ¤ */
ul.notice li span {position: absolute; right: 0;}

p.newphone-txt {float: left; margin: 13px 0 0 7px;}

/* 2010-07-01 ¿ë·®°³¼± ¼öÁ¤ [s]*/
ul.bottom-quick { float: left; list-style: none; width: 868px; height: 29px; margin-top: 20px; padding: 0; background: url('/img/index/bg_index_type.gif') no-repeat left top; }
ul.bottom-quick li { float: left; display: inline; margin: 0; padding: 0;}
ul.bottom-quick li a { display: block; height: 29px; background: url('/img/index/bg_index_type.gif') no-repeat left top; }
ul.bottom-quick span { position: absolute; left:0; top: 0; text-indent: -9999px; padding: 0; font-size: 0; line-height: 0; overflow:hidden; visibility: hidden; }
ul.bottom-quick li.item1 a { width: 107px; background-position: -299px top; }
ul.bottom-quick li.item2 a { width: 108px; background-position: -299px -58px; }
ul.bottom-quick li.item3 a { width: 111px; background-position: -299px -116px; }
ul.bottom-quick li.item4 a { width: 111px; background-position: -299px -174px; }
ul.bottom-quick li.item5 a { width: 95px; background-position: -299px -232px; }
ul.bottom-quick li.item6 a { width: 125px; background-position: -299px -290px; }
ul.bottom-quick li.item7 a { width: 116px; background-position: -299px -348px; }
ul.bottom-quick li.item8 a { width: 95px; background-position: -299px -406px; }
ul.bottom-quick li.item1 a:hover,
ul.bottom-quick li.item1 a:active { background-position: -299px -29px; }
ul.bottom-quick li.item2 a:hover,
ul.bottom-quick li.item2 a:active { background-position: -299px -87px; }
ul.bottom-quick li.item3 a:hover,
ul.bottom-quick li.item3 a:active { background-position: -299px -145px; }
ul.bottom-quick li.item4 a:hover,
ul.bottom-quick li.item4 a:active { background-position: -299px -203px; }
ul.bottom-quick li.item5 a:hover,
ul.bottom-quick li.item5 a:active { background-position: -299px -261px; }
ul.bottom-quick li.item6 a:hover,
ul.bottom-quick li.item6 a:active { background-position: -299px -319px; }
ul.bottom-quick li.item7 a:hover,
ul.bottom-quick li.item7 a:active { background-position: -299px -377px; }
ul.bottom-quick li.item8 a:hover,
ul.bottom-quick li.item8 a:active { background-position: -299px -435px; }
/* 2010-07-01 ¿ë·®°³¼± ¼öÁ¤ [e]*/

/* Footer */
#Footer { position:relative; float: left; padding: 0 0 20px 0; width: 868px; padding-top: 18px; text-align: left;} /*2010-02-02 ¼öÁ¤*/
#Footer p.simbol {float: left; width: 50px; padding: 10px 39px 0 40px;}
#Footer div.footer-center {float: left; width: 599px; } /*2010-02-02*/
#Footer div.footer-center ul.foot-quick {float: left; width: 599px; }
#Footer div.footer-center ul.foot-quick li {float: left; padding-right: 4px; line-height: 0; font-size: 0;}
/*#Footer div.footer-center ul.foot-quick li.android { position: absolute; left: 303px; top: 0; }*/ /*2011-01-28 »èÁ¦	*/
#Footer div.footer-center ul.foot-quick li.multimedia { position: absolute; left: 302px; top: 9px; } /*2011-01-28 ¼öÁ¤*/
#Footer div.footer-center ul.foot-quick li.mark { position: absolute; right: 30px; top: 18px; } /* 2010-03-18 ¼öÁ¤ */

#Footer div.footer-center ul.stipulation {float: left; width: 599px; margin-top: 14px;}
#Footer div.footer-center ul.stipulation li {float: left; background: url('/img/index/bg_index_type.gif') no-repeat -430px -53px; padding: 0 6px 8px 6px; line-height: 0; font-size: 0; } /* 2010-10-12 ¼öÁ¤ */
#Footer div.footer-center ul.stipulation li.first {background-image:none; padding-left: 0;}
#Footer div.footer-center p.copy {margin-top: 8px; line-height: 0; font-size: 0;}

#Footer div.footer-right {position:absolute; right: 28px; float: right; width: 110px; margin-top: 30px; background: #fff; } /*2010-02-02 ¼öÁ¤*/
#Footer div.footer-right .sitemap { height:21px; } /*2010-02-02 Ãß°¡*/
#Footer div.footer-right p.family {float: left; padding-top: 2px;}

/* Family site */
#RelatedBodies {width: 109px; /*background: url('/img/index/familysite_arrow.gif') no-repeat left top;*/ margin-top: 0;} /* 2010-10-12 ¼öÁ¤ */
#RelatedBodies h2 {cursor: pointer;height: 14px;margin: 0;}
#RelatedBodies span {display: none;}
#RelatedBodies #related-site-list {width:106px; #width:108px; position: absolute;bottom: 16px; background-color: #fff;border-width: 1px 1px 0;border-style: solid;border-color: #dedede;height: 1px;overflow: hidden;} /*2010-02-02 ¼öÁ¤*/
#RelatedBodies #related-site-list h3 {display: none;}
#RelatedBodies #related-site-list ul {list-style: none;margin: 1px 10px 4px;padding: 3px 0 0; text-align:left; }
#RelatedBodies #related-site-list ul.first-child {background: none;}
#RelatedBodies #related-site-list ul li {font: normal 11px/1.3em "±¼¸²", Gulim, AppleGothic, sans-serif; }
#RelatedBodies #related-site-list ul li a {color:#666; text-decoration: none; }
#RelatedBodies #related-site-list ul li a:link, a:visited, a:hover, a:active {color:#666; text-decoration: none; }

/* ·Î±×ÀÎ */
.main-top {margin:0 0 22px 0; float: left; position:relative; width: 868px; height: 115px;text-align:left;z-index:25;}
.main-top div.login {float: left; width: 263px; padding-left: 20px;}
:root .main-top div.login {float: left; width: 243px; padding-left: 20px;}
.main-top div.login .login-input {float: left; width: 126px;}
.main-top div.login .login-input p.id-bg{width: 122px; height: 22px; padding-left: 10px; background: url('/img/index/bg_index_type.gif') no-repeat -430px -98px; } /* 2010-10-12 ¼öÁ¤ */
.main-top div.login .login-input p.id-bg input.id {
	width: 102px; height: 19px; /*2010-02-02 ¼öÁ¤*/
	padding-top: 3px;
	background:url('/img/index/bg_index_type.gif') no-repeat -430px -219px; /* 2010-10-12 ¼öÁ¤*/
	border: 0;
	font: 12px "µ¸¿ò", dotum, AppleGothic, sans-serif;
	color: #8b8b8b;
	ime-mode:disabled;
}
.main-top div.login .login-input p.pw-bg{width: 122px; height: 22px; margin-top: 1px; padding-left: 10px; background: url('/img/index/bg_index_type.gif') no-repeat -430px -98px; } /* 2010-10-12 ¼öÁ¤ */
.main-top div.login .login-input p.pw-bg input.pw{width: 102px; height: 19px; background:url('/img/index/bg_index_type.gif') no-repeat -430px -249px; padding-top: 1px; border: 0;} /* 2010-07-01 ¼öÁ¤*/

p.login-btn {float: left;}
p.idsave { float: left; width: 185px; height: 17px; font-size: 0; margin-top: 8px; } /*2010-03-04 ¼öÁ¤*/
p.idsave input { position: relative; top: 0; #top: -4px; margin-right: 3px; vertical-align: top; } /*2010-03-04 ¼öÁ¤*/
p.u-otp {float: left; width: 185px; height: 18px; font-size: 0; } /*2010-03-04 ¼öÁ¤*/
p.u-otp input {position: relative; top: 0; #top: -4px; margin-right: 3px; vertical-align: top; } /*2010-03-04 ¼öÁ¤*/

p.message-btn {float: left; width: 185px; font-size: 0; margin-top: 2px;} /*2010-02-02 ¼öÁ¤*/
p.message-btn img { margin-right: 2px; } /*2010-02-02 Ãß°¡*/

.main-top div.search {position: absolute;left:279px;top:39px;}
.main-top div.think {position: absolute;right:0;top:-3px;width: 186px; } /* 2010-07-01 ¼öÁ¤ */
:root .main-top div.think {float: left; width: 186px; /*padding-left: 395px;*/}

/* checkCapsLock */
#info_capslock{
	display: none;
	position: absolute;
	left: 70px; top: 39px;
	width: 241px; height: 81px;
	padding: 25px 0 0 47px;
	background: url('/img/index/bg_index_type.gif') no-repeat -430px -128px; /* 2010-10-12 ¼öÁ¤ */
	font: 11px dotum, "µ¸¿ò", arial, AppleGothic, sans-serif;
	letter-spacing: -1px;
	z-index: 2;
}
#info_capslock strong {
	color: #000;
}
#info_capslock em {
	font-style: normal;
}
#info_capslock p {
	padding-top: 5px;
	color: #4e4e4e;
}

/* ¸ÞÀÎ Ç÷¡½Ã ÄÁÅÙÃ÷ */
div.main-content {float:left;position:relative;z-index:20;width:868px;height:388px;}

/* ·Î±×¾Æ¿ô */
.main-top div.logout { position: relative; float: left; width: 263px; padding: 14px 0 0 20px;}
* html .main-top div.logout { width: 280px; }
.main-top div.logout p.phone-img {float: left; width: 56px; height: 64px; background:url('/img/index/bg_phone_img.gif') left top no-repeat; padding: 6px 7px;}
.main-top div.logout p.phone-img img { width:56px; height:64px; vertical-align: top; }
.main-top div.logout dl.user-info { float: left; width: 158px; padding-left: 10px;}
.main-top div.logout dl.user-info dt {width: 158px; margin-top: 5px; font-size: 12px; }
.main-top div.logout dl.user-info dt img {vertical-align: middle; margin-top: -2px; }
.main-top div.logout dl.user-info dd {margin-top: 4px; }
p.login-message-btn {
	position: absolute;
	left: 12px; top: 98px;
	width: 87px;
	font-size: 0;
	overflow: hidden;
}

/* 2010-07-01 ¿ë·®°³¼± Ãß°¡ [s] */
button { margin: 0; padding: 0; font-size: 0; line-height: 0; cursor: pointer; border: 0 none; }
p.login-btn input { width: 39px; height: 42px; background: url('/img/index/bg_index_type.gif') no-repeat left top; border: 0 none; cursor: pointer; }
p.idsave span.txt_idsave { display: inline-block; width: 49px; height: 13px; background: url('/img/index/bg_index_type.gif') no-repeat left -44px; }
p.idsave button.member_join { width: 45px; height: 13px; background: url('/img/index/bg_index_type.gif') no-repeat left -60px; vertical-align: top; }
p.idsave button.search { width: 50px; height: 13px; background: url('/img/index/bg_index_type.gif') no-repeat left -75px; vertical-align: top; }
p.u-otp span.txt_safety { display: inline-block; width: 41px; height: 11px; background: url('/img/index/bg_index_type.gif') no-repeat left -91px; }
p.u-otp span.uotp a { width: 54px; height: 10px; background: url('/img/index/bg_index_type.gif') no-repeat left -107px; }
p.message-btn span.message_send a { width: 87px; height: 21px; margin-right: 2px; background: url('/img/index/bg_index_type.gif') no-repeat left -122px; }
p.message-btn span.simple_search a { width: 77px; height: 21px; background: url('/img/index/bg_index_type.gif') no-repeat left -148px; }
p.simbol span.simbol a { width: 52px; height: 51px; background: url('/img/index/bg_index_type.gif') no-repeat left -174px; }
ul.foot-quick span.skt_story a { width: 65px; height: 18px; background: url('/img/index/bg_index_type.gif') no-repeat left -230px; }
ul.foot-quick span.tschool a { width: 91px; height: 19px; background: url('/img/index/bg_index_type.gif') no-repeat left -253px; }
ul.foot-quick span.android a { width: 104px; height: 47px; background: url('/img/index/bg_index_type.gif') no-repeat left -276px; }
ul.foot-quick span.multimedia a { width: 73px; height: 32px; background: url('/img/index/bg_index_type.gif') no-repeat left -339px; }
ul.foot-quick span.mark { display: inline-block; width: 208px; height: 18px; background: url('/img/index/bg_index_type.gif') no-repeat left -371px; }
ul.stipulation span.item1 a { width: 74px; height: 10px; background: url('/img/index/bg_index_type.gif') no-repeat left -394px; }
ul.stipulation span.item2 a { width: 35px; height: 11px; background: url('/img/index/bg_index_type.gif') no-repeat left -409px; }
ul.stipulation span.item3 a { width: 85px; height: 11px; background: url('/img/index/bg_index_type.gif') no-repeat left -424px; }
ul.stipulation span.item4 a { width: 64px; height: 10px; background: url('/img/index/bg_index_type.gif') no-repeat left -440px; }
ul.stipulation span.item5 a { width: 93px; height: 10px; background: url('/img/index/bg_index_type.gif') no-repeat left -455px; }
ul.stipulation span.item6 a { width: 85px; height: 10px; background: url('/img/index/bg_index_type.gif') no-repeat left -470px; }
ul.stipulation span.item7 a { width: 74px; height: 10px; background: url('/img/index/bg_index_type.gif') no-repeat left -485px; }
div.footer-center div.add_ress { clear: both;}
div.footer-center address { width: 548px; height: 11px; background: url('/img/index/bg_index_type.gif') no-repeat left -519px; }
div.footer-center p.copy { width: 407px; height: 10px; background: url('/img/index/bg_index_type.gif') no-repeat left -535px; } /* 2010-12-31 ¼öÁ¤ */
p.sitemap span.site_map a { display: inline-block; width: 51px; height: 15px; background: url('/img/index/bg_index_type.gif') no-repeat -430px -278px; } /* 2010-10-12 ¼öÁ¤ */
p.sitemap span.english a { width: 57px; height: 15px; background: url('/img/index/bg_index_type.gif') no-repeat -491px -278px; } /* 2010-10-12 ¼öÁ¤ */
#RelatedBodies span.familysite { display: inline-block; width: 108px; height: 17px; background: url('/img/index/bg_index_type.gif') no-repeat -111px top; cursor: pointer; } /* 2010-10-12 ¼öÁ¤ */
/* 2010-07-01 ¿ë·®°³¼± Ãß°¡ [e] */