@charset "euc-kr";

body {background:#fff; margin:0; padding:0;}

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

#tm {position:relative; width:100%;}
#tmg {position:relative; width:900px; height:100px; margin:0 auto; text-align:center;}

#logo { padding-top:100px; }
#logo { color:#666; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;}
#logo a { text-decoration:none; color:#333; font-size:40px; font-family:Georgia, "Times New Roman", Times, serif;}
#mm {position:relative; width:100%; z-index:9999; left:0; height:31px; background:#f2f2f2; border-bottom:1px solid #838383;}

#header {position:relative; width:910px; margin:0 auto; }
.nav { position:relative; width:900px; margin:0 auto; padding:0; list-style:none; text-align:center; }
.nav li { float:left; display:block; width:112px; position:relative;z-index:500; margin:0; }
.nav li a { overflow:hidden; display:block; padding:9px 0 11px 0; text-decoration:none; color:#6d6d6d; font-family:Dotum, 돋움, Tahoma, Sans-serif; font-size:11px; font-weight:bold; letter-spacing:-1px;}
.nav li a:hover,
.nav li a:focus { color:#de4332;}
.nav li.over { color:#de4332; }
*:first-child+html .nav li a:hover {height:13px;}
*:first-child+html .nav li a:focus {height:13px;}
*:first-child+html .nav li.over {height:31px;}
.nav li.over a {color:#de4332;}
.nav .sub1{ position:absolute; top:31px; left:0; display:none; margin:0; padding:0; list-style:none; color:#666; background:#fdfdfd; border-bottom:1px solid #838383; border-top:1px dashed #838383;}
.nav .sub1 li {  width:111px;  float:left; border-left:1px solid #838383; border-right:1px solid #838383; background-image:none;}
.nav .sub1 a {   padding: 7px 0 5px 0; color:#666 !important; font-family:Dotum, 돋움, Tahoma, Sans-serif; font-size:12px; font-weight:normal; background:none; }
.nav .sub1 a:hover,
.nav .sub1 a:focus { text-decoration:underline; color:#de4332; border:none; background:#f2f2f2; }
.nav .sub1 .on a { color:#de4332 !important; text-decoration:underline; background:#f2f2f2;}
.nav .sub1 .on a:hover { color:#de4332; text-decoration:underline; background:#f2f2f2;}
.nav .sub1 ul { position:relative; display:block;}
.nav .sub1 ul { position:relative; display:block;}
.nav .sub1 ul li { position:relative; display:block;}


.account{ position:absolute; top:8px; right:0; margin:0; padding:0; z-index:2;}
.account li{ position:relative; float:left; list-style:none; background-image:url(../img/lineHeaderVr.gif); background-repeat:no-repeat; background-position:left 4px;}
div.black #header .account li{ background-image:url(../img/lineHeaderVrBlack.gif);}
.account li *{ vertical-align:top;}
.account li li{ float:none; height:auto; background-image:none;}

.account li.log{ background-image:none; font-size:0; line-height:0;}
.account li.log a{ display:block; padding:5px 8px;}

.account li.profile button{ border:0; padding:0; width:53px; height:15px; cursor:pointer; background-color:transparent; background-image:url(../img/buttonProfile.gif); background-repeat:no-repeat; background-position:center -10px; overflow:visible;}
div.black #header .account li.profile button{ background-position:center 5px;}
.account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

.account li.profile .memberProfile{ display:none; position:absolute; top:23px; left:-60px; padding:15px; background:#fff; border:1px solid #838383; border-top:0;}
.account li.profile .memberProfile.active{ display:block;}
.account li.profile .memberProfile .authorName{ margin:0 0 8px 0; font-size:16px; font-weight:bold; color:#333; white-space:nowrap;}
.account li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #e1e1e1; background:#fcfcfc;}
.account li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 10px; background:url(../img/bulletB.gif) no-repeat left center;}
.account li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
.account li.profile .memberProfile li a:hover,
.account li.profile .memberProfile li a:active,
.account li.profile .memberProfile li a:focus{ text-decoration:underline;}
.account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
.account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

.account li.register a{ display:block; width:43px; height:5px; padding:5px 8px; background-image:url(../img/buttonRegister.gif); background-repeat:no-repeat; background-position:center -10px;}
div.black #header .account li.register a{ background-position:center 5px;}
.account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

.account li.search{ position:relative; padding:0;}
.account li.search em{ display:inline-block; height:15px; overflow:hidden; padding:0 8px; font-size:9px; font-style:normal; background-image:url(../img/buttonsearch.gif); background-repeat:no-repeat; background-position:-92px -10px;}
div.black #header .account li.search em{ background-position:8px -10px;}
.account li.search em span{ display:inline-block; overflow:hidden; visibility:hidden;}
.account li.search em.ko{ background-position:-92px -10px;}
div.black #header .account li.search em.ko{ background-position:8px -10px;}
.account li.search em.en{ background-position:-92px -25px;}
div.black #header .account li.search em.en{ background-position:8px -25px;}
.account li.search em.jp{ background-position:-92px -40px;}
div.black #header .account li.search em.jp{ background-position:8px -40px;}
.account li.search em.zh-CN{ background-position:-92px -55px;}
div.black #header .account li.search em.zh-CN{ background-position:8px -55px;}
.account li.search em.zh-TW{ background-position:-92px -70px;}
div.black #header .account li.search em.zh-TW{ background-position:8px -70px;}

.account li.search button{  height:15px; width:50px; border:0; padding:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; background-image:url(../img/buttonSearchb.gif); background-position:8px 5px; background-repeat:no-repeat; background-color:transparent; }
div.black #header .account li.search button{ background-position:8px 5px;}
.account li.search button span{  font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
.account li.search .Ssearch{ position:relative; width:100px; text-align:right;}
.account li.search .Ssearch span{ font-size:0; line-height:0; letter-spacing:-100px; display:inline-block; visibility:visible; width:100%; height:15px; }
.account li.search.open .Ssearch span{ background-position:85px -6px;}
.account li.search .searchList{ display:none; width:250px; margin:0; padding:5px 0; position:absolute; top:23px; right:0; background:#fff; border:1px solid #838383; border-top:0;}
.account li.search.open .searchList{ display:block; right:-28px !important; z-index:999;}
.account li.search .searchList button{ width:100%;}
div.black #header .account li.search .searchList{ background:#666; border-color:#888;}
.account li.search.open .searchList .searchs { position:relative; right:0; top:0; margin:0; padding:0; }
.account li.search.open .searchList .searchs fieldset { position:relative; border:0; display:block; margin:0; padding:0; width:auto; height:32px; overflow:hidden; }
.account li.search.open .searchList .searchs fieldset legend { display:none;}
.account li.search.open .searchList .searchs fieldset .searchbar { padding:4px; border:3px solid #f5f5f5;}
.account li.search.open .searchList .searchs fieldset .inputText { position:absolute; left:0; top:2px; height:15px; display:block; border:3px solid #aaa; width:200px; margin:0 0 0 7px; padding:3px; font:12px  '나눔고딕',NanumGothic,'굴림',Gulim,AppleGothic,sans-serif; background:#fff; }
.account li.search.open .searchList .searchs fieldset .inputSearch { display:block; left:223px; width:17px; height:17px; margin-top:3px; position:absolute; right:15px; overflow:hidden; }
.account li.search.open .searchList .searchs fieldset .inputSearch input { display:block; margin:0; padding:0; background:none; border:0; text-indent:-100px; cursor:pointer; }

.account li.rss{ font-size:0; line-height:0;}
.account li.rss a{ display:block; padding:5px 8px;}

#contentLeft ul { list-style:none; margin:0 0 10px 0; padding:0;}
#contentLeft ul li { list-style:none; width:110px; padding:10px 0 7px 0; border-width:0 0 1px 0; border-color:#dbdbdb; border-style:solid; text-align:left;}
#contentLeft ul li a {color:#555555; text-decoration:none;}
#contentLeft ul li a:hover,
#contentLeft ul li a:focus { color:#de4332;}
#contentLeft ul li.on a {color:#de4332; text-decoration:none;}
#contentLeft ul li .arrow { vertical-align: middle; margin-right: 5px;}
#contentLeft dl { list-style:none; margin-top:0; background-color:#FFF; padding:10px; width:90px; border-width:0 1px 1px 1px; border-color:#dbdbdb; border-style:solid; text-align:left;}
#contentLeft dl dt{ padding:5px 0;}
#contentLeft dl dt a { background:url(../img/subdot.gif) no-repeat 0 4px; padding-left:8px; color:#555555; text-decoration:none;}
#contentLeft dl dt a:hover,
#contentLeft dl dt a:focus { color:#de4332;}
#contentLeft dl dt.on a {color:#de4332; text-decoration:none;}


#category { display:none; position:relative;  margin:0 0 10px; padding:10px; height:14px; background:#f4f4f4; border:1px solid #dbdbdb; font:12px AppleGothic, "Malgun Ghothic", "맑은 고딕", Dotum, 돋움, Tahoma, Sans-serif; }
#category.category { display:block; }
#category ol { margin:0; padding:0; list-style:none; }
#category ol li { margin:0 0 0 12px; padding:0 0 0 15px; float:left; display:inline; background:url(../img/snb.png) no-repeat left -70px; }
#category ol li.category_0 { background:none; margin:0 0 0 5px; padding:0; }
#category ol li a { color:#696969; text-decoration:none; }
#category ol li a:hover { color:#333; text-decoration:underline; }

#contentBody { width:900px; margin:10px auto; overflow:hidden; padding:0;}
#contentSub { width:900px; padding:0; overflow:hidden; background:url(../img/container.gif) repeat-y;}
#contentLeft { position:relative; width:125px; margin:10px 0 0 15px; float:left; font-family:AppleGothic, "Malgun Ghothic", "맑은 고딕", Dotum, 돋움, Tahoma, Sans-serif;}
#Leftextra { margin-bottom:13px;}
#contentRight { position:relative; width:750px; float:right;}

#content { width:100%; overflow:hidden;}

#footer {position:relative; width:900px; margin:0 auto; border-top:2px solid #aaa; }
#copy {float:right; color:#666; font-family:dotum; font-size:11px; margin:5px 0;}

/* modalWindow */
.mwLogin{ display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.mwLogin.open{ display:block;}
.mwLogin .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#login{ position:absolute; width:328px; top:50%; left:50%; padding:28px 28px 0 28px; margin:-150px 0 0 -194px; border:2px solid #555; font-size:12px; font-family:Tahoma, Geneva, sans-serif; line-height:normal; background:#fff; white-space:normal; color:#767676;}
#login form{ display:none; margin:0; padding:0;}
#login fieldset{ border:0; margin:0; padding:0;}
#login legend{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
#login .btnLogin,
#login .btnLogin input{ position:relative; display:inline-block; margin:0; padding:0; overflow:visible; height:32px; line-height:32px; font-size:12px; font-weight:bold; color:#fff; vertical-align:middle; cursor:pointer; border:0; text-decoration:none !important; background:transparent url(../img/btnLogin.gif) no-repeat;}
#login .btnLogin{ margin:0 4px 0 0; background-position:left top;}
#login .btnLogin input{ left:4px; background-position:right top; *vertical-align:top; padding:0 24px 0 36px;}
#login .iClear{ position:relative;}
#login .iText{ position:relative; display:block; font:bold 11px Tahoma; height:14px; color:#767676; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
#login .help{ position:relative; float:none; display:block; border:0; border-top:1px solid #d9d9d9; background:#fafafa; padding:15px 0; margin:0 -28px; list-style:none; text-align:center; *zoom:1;}
#login .help li{ display:inline; float:none; border-left:1px solid #c3c3c3 !important; padding:0 6px 0 10px; margin:0; line-height:1;}
#login .help li.first{ border:0 !important;}
#login .help a{ float:none; display:inline; background:none; line-height:1; padding:0; font-size:11px; color:#767676; text-decoration:none; font-family:Dotum, 돋움, Sans-serif;}
#login .help a:hover,
#login .help a:active,
#login .help a:focus{ text-decoration:underline; color:#000;}
#login .gLogin .iLabel{ position:absolute; top:9px; left:10px; font:bold 11px Tahoma;}
#login .gLogin .iText{ width:316px; padding:8px 0 6px 10px; margin:0 0 5px 0;}
#login .gLogin .btnLogin{ position:absolute; top:107px; right:28px;}
#login .gLogin .keeping{ float:none; height:32px; line-height:32px; margin:10px 0; padding:0;}
#login .gLogin .keeping label{ position:static; cursor:pointer; font-family:Dotum, 돋움, Thahoma;}
#login .gLogin .iCheck{ width:13px; height:13px; margin:0 4px 0 0; padding:0; vertical-align:middle;}
#login .gLogin .warning{ display:none; float:none; margin:10px 0; line-height:1.4;}
#login .gLogin .warning.open{ display:block;}
#login .oLogin{ text-align:center;}
#login .oLogin .iLabel{ position:absolute; top:9px; left:36px; font:bold 11px Tahoma;}
#login .oLogin .iText{ width:291px; padding:8px 0 6px 35px; margin:0; background:url(../img/iconOpenId.gif) no-repeat 10px center;}
#login .oLogin .btnLogin{ margin-top:10px; margin-bottom:10px;}
#login.gLogin .gLogin,
#login.oLogin .oLogin{ display:block;}
#login .close{ position:absolute; top:0; right:0; width:25px; height:25px; border:0; padding:0; background:transparent; overflow:visible; cursor:pointer; text-align:center; font:11px/25px Verdana, Geneva, sans-serif; color:#ccc; text-decoration:none !important;}