@charset "euc-kr";

/* 񃧯 */
* {margin:0; padding:0;}
body {background-color:#fff; color:#444; font:12px/1.6 ¸¼Àº °íµñ,Malgun Gothic,µ¸¿ò,Dotum,AppleGothic,sans-serif;}
fieldset,img {border:none;}
img {vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
table {border-collapse:collapse;}

li {list-style:none;}
address,em {font-style:normal;}
input,textarea,select {font-family:inherit; font-size:1.05em;}

a{color:#666; text-decoration:none;}
a:visited,a:visited *{color:#666;}
a.visited,a.visited:visited{color:#666;}
a:hover,a:hover *,a.visited:hover{color:#1cb4c1; text-decoration:underline;}

.accessibility {visibility:hidden;width:0;height:0;overflow:hidden;font-size:0;}

/* Layout */
#wrap {width:960px; margin:0 auto; text-align:left;}
#header h1 {margin-top:30px; margin-left:30px; margin-bottom:20px;}

#gnb {position:relative; width:960px; height:50px; margin-bottom:20px; background:url(../images/common/gnb_bg.gif) no-repeat left top;}
#gnb ul {padding-top:5px; font-size:16px;}
#gnb ul li {display:inline; float:left; padding:0 0 0 30px;}
#gnb ul li a {float:left; padding:3px 5px 3px 5px;}
#gnb ul li.selected a {padding:3px 5px 3px 10px; font-weight:bold; color:#1cb4c1; background:url(../images/common/bu_gnb_on.gif) no-repeat left center;}
.gsm {position:absolute; top:-25px; right:15px; font-size:11px !important;}
.gsm li {display:inline; padding:0 0 0 10px !important;}
.gsm li.profile .memberProfile{ display:none; z-index:999; position:absolute; top:25px; left:-90px; padding:20px; background:#fff; border:2px solid #737373;}
.gsm li.profile .memberProfile.active{ display:block;}
.gsm li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#333; white-space:nowrap;}
.gsm li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; font-size:12px !important; border:1px solid #f2f2f2; background:#fcfcfc;}
.gsm li.profile .memberProfile li{ float:none !important; white-space:nowrap; margin:0 0 10px 0 !important; padding:0 0 0 10px !important; background:url(../images/common/bulletB.gif) no-repeat left center;}
.gsm li.profile .memberProfile li a{float:none !important; padding:0 !important; background:none; color:#333; text-decoration:none;}
.gsm li.profile .memberProfile li a:hover,
.gsm li.profile .memberProfile li a:active,
.gsm li.profile .memberProfile li a:focus{ text-decoration:underline;}
.gsm li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/common/buttonCloseX.gif) no-repeat center center;}
.gsm li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}


/* Search */
#header .search{ position:absolute; right:15px; bottom:10px; width:158px; height:32px; z-index:1;}
div.black #header .search{ background:url(../img/bgBlackSearch.gif) no-repeat;}
#header .search *{ vertical-align:middle;}
#header .search .inputText{ position:absolute; top:9px; left:20px; border:0; background:#fff; border:1px solid #ddd; width:110px; height:15px; padding:0; font-size:12px;} 
#header .search .inputSearch{ position:absolute; top:9px; left:135px;}

#container {clear:both;}

#snb {float:left; width:208px; margin-left:6px; margin-bottom:30px;}
#snb div.snbWrap,
#snb ul.smenu {background:url(../images/common/snb_bg.gif) no-repeat; white-space:nowrap; vertical-align:middle; line-height:100%; font-weight:normal;}
#snb {background-position:left top;}
#snb ul.smenu {padding-bottom:14px; background-position:left bottom;}
#snb h2 {padding:26px 0 0 35px; margin-bottom:20px; color:#fff; font-size:14px;}
#snb ul.smenu li {padding:0 14px 0 14px; font-size:14px;}
#snb ul.smenu li a {display:inline-block; width:167px; padding:10px 0 10px 13px; border-bottom:1px solid #eee; background:url(../images/common/bu_snb.gif) no-repeat 5px center;}
#snb ul.smenu li.active a {font-weight:bold; color:#1cb4c1; background:url(../images/common/bu_snb_on.gif) no-repeat 5px center;}

#content {float:right; width:700px; margin-right:10px; margin-bottom:30px;}
#content h2.bu {margin-bottom:20px; padding:0 0 0 17px; color:#1cb4c1; font-size:30px; font-weight:normal; background:url(../images/common/bu_h2_content.gif) no-repeat left center;}

#footer {position:relative; clear:both; border-top:1px solid #eee; padding:0 10px 0 10px;}
#footer ul {margin-top:15px;}
#footer li {display:inline; padding:0 10px 0 10px; background:url(../images/common/footer_m_line.gif) no-repeat left center;}
#footer li.first {padding:0 10px 0 0; background:none;}
#footer p {margin-top:15px;}
#footer p a {color:#d61212;}
a.w3link {position:absolute; top:15px; right:10px;}
#footer address {margin:5px 0 15px 0; font-style:normal; color:#999; font-size:11px;}
#footer address a {color:#0ca7b5; font-weight:bold;}
#footer address a span {color:#999;}


/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../images/common/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../images/common/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(../images/common/buttonLoginAction.gif); background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/common/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}