@charset "utf-8";

#wrap { background:none; padding:0; margin-bottom:0; }
#container { background-color:#fff; }
#header { height:154px; padding-top:0; background:url(header2.jpg) no-repeat 5px 0; }
#header .layer { background:none; }
#header h1.h1 { top:47px; }
#header h1 a:hover img { /*border:1px solid #563535; margin:-1px; */}
#header p.description,
#header .layer * { color:#D4D4D4; }
#header .layer a:hover,
#header .layer a:focus { color:#eee; }
#header .logged_info form input { margin-top:-2px; background:none; }
#header .logged_info form input:focus { color:#eee; border-color:#eee; }
#header .search_html { top:33px; }
#header p.description, #header .layer * { color:#eee; }
#gnb { border:0; background:none; /*url(gnb.jpg); */}
#gnb .ul1 { padding-left:10px; }
#gnb .li1 { border-left:1px solid #110606; border-right:1px solid #563535; }
#gnb .li1 .a1 { border:0; color:#c7bf9f; background:none !important; }
#gnb .li1 .a1:hover,
#gnb .li1 .a1:focus,
#gnb .hover .a1,
#gnb .li1 .on1 { background:url(gnb_hover.jpg) !important; color:#e5dec3 !important; }
#gnb ul ul { background:url(gnb_ul2.jpg); }

#container { z-index:30; /* background-image:url(container.png); */}
#container.c #content { background:#fff; }

#column .lnb .a2:hover { background:url(lnb_a3.gif) no-repeat 100% 40%; }
.red #column .lnb .t { background-image:url(lnb_t.jpg); }

#footer { border:0; background:url(footer.jpg); }
#footer .layer { height:55px; }
#footer .map { background:none; }
#footer .map a { color:#888; }

/* font */
@font-face {
    font-family: "tradia_me";
    src: url("tradia_me.woff") format("woff");
}
#header p.description, #header .layer * { font:12px "tradia_me", Verdana, Arial; text-shadow:1px 1px 1px #000; }
#header .logged_info .li .a { font:bold 12px "tradia_me", Verdana, Arial; text-shadow:1px 1px 1px #000; }
#gnb .a1 span { padding-top:7px; padding-left:20px; padding-right:20px; font:bold 14px "tradia_me", Gulim,"굴림",Verdana, Arial; text-shadow:1px 1px 1px #000; }
#gnb .ul2 a span { padding-top:6px; font:13px "tradia_me", Verdana, Arial; text-shadow:1px 1px 1px #000; }
#gnb .on2 .a2,
#gnb .on3 .a3 { background:url(on2.gif) no-repeat 12px 5px !important; }
#column .lnb .t * { font:bold 13px "tradia_me", Verdana, Arial; }
#column .lnb * { font:13px "tradia_me", Verdana, Arial; }
#column .lnb .sec a { color:#555; }
#footer .copyright a { font:13px "tradia_me", Arial; }
#footer .map .ul3 { display:none; }
/* home */
/*.tm_home #container.c { background:url(home/container_top.png) no-repeat, url(home/container_bottom.png) no-repeat 0 100%, url(home/container_left.png) repeat-y 0 0, url(home/container_right.png) repeat-y 100% 0; background-color:#000; }*/
.tm_home #container.c { background: url(home/d2pk/border-bot-left.gif) no-repeat 0 100%, url(home/d2pk/border-bot-right.gif) no-repeat 100% 100%, url(home/d2pk/border-top-right.gif) no-repeat 100% 0, url(home/d2pk/border-top-left.gif) no-repeat 0 0, url(home/d2pk/border-bot.gif) repeat-x 0 100%, url(home/d2pk/border-top.gif) repeat-x 0 0, url(home/d2pk/border-right.gif) repeat-y 100% 0, url(home/d2pk/border-left.gif) repeat-y 0 0; background-color:#020100; }
.tm_home #category { display:none; }
.tm_home #container.c #content { background:none; }

.tm_style,
.tm_style .bg-100-0,
.tm_style .bg-0-100,
.tm_style .bg-100-100 { position:relative; background:url(home/widget_style.jpg) no-repeat; }
.tm_style .bg-100-0 { position:absolute; width:47px; height:100%; right:0; top:0; background-position:100% 0; }
.tm_style .bg-0-100 { position:absolute; width:100%; height:66px; left:0; bottom:0; background-position:0 100%; }
.tm_style .bg-100-100 { position:absolute; width:64px; height:65px; right:0; bottom:0; background-position:100% 100%; }
.tm_style * { color:#a8956e; }

.tm_style .w_title { position:relative; }
.tm_style .w_title h2 { display:block; height:29px; margin:0; padding:0; text-align:center; }
.tm_style .w_title h2 .padding { display:block; padding:7px 0 0; }
.tm_style .w_title h2 .padding * { color:#c3b38e; text-decoration:none; font:bold 18px "tradia_me", Gulim, Tahoma; }
.tm_style .w_title h2 .padding a:hover { color:#ece0c3; text-decoration:underline; }

.tm_style .w_content { position:relative; padding:28px 29px; }
.tm_style .w_content .widgetTableA { border:0; }
.tm_style .w_content .widgetTableA td { padding:4px 9px; border:0; vertical-align:top; }
.tm_style .w_content .widgetTableA * { font:bold 13px "tradia_me", Gulim, Tahoma; text-decoration:none; }
.tm_style .w_content .widgetTableA a:hover { text-decoration:underline; }
.tm_style .w_content .widgetTableA td.mid,
.tm_style .w_content .widgetTableA td.category { white-space:nowrap; color:#a8956e; background:url(home/widgetTableA_category.gif) no-repeat 100% 5px; }
.tm_style .w_content .widgetTableA td.title { width:100%; }
.tm_style .w_content .widgetTableA .time { white-space:nowrap; }
.tm_style .w_content .widgetTableA td.nick_name { white-space:nowrap; }
.tm_style .w_content .widgetTableA td.nick_name a { display:inline-block; max-width:70px; overflow:hidden; text-overflow:ellipsis; }
.tm_style .w_content .widgetTableA .replyNum a { font-size:10px; vertical-align:top; }
.tm_style .w_content .widgetNavigator { margin:0; padding:0; text-align:center; }
.tm_style .w_content .widgetNavigator * { margin:0; padding:0; border:0; background:none; list-style:none; }
.tm_style .w_content .widgetNavigator li { display:inline-block; position:relative; width:32px; height:32px; overflow:hidden; margin:0 5px; }
.tm_style .w_content .widgetNavigator li a { position:absolute; left:0; top:0; width:100%; height:100%; background:url(home/widgetNavigator.png) no-repeat; font-size:0; line-height:0; text-indent:-200px; text-align:left; }
.tm_style .w_content .widgetNavigator li.next a { background-position:100% 0; }
.tm_style .w_content .widgetNavigator li.prev a:active { background-position:0 100%; }
.tm_style .w_content .widgetNavigator li.next a:active { background-position:100% 100%; }
.tm_style .w_content .widgetNavigator li { width:36px; height:36px; }
.tm_style .w_content .widgetNavigator li a { background-image:url(home/widgetNavigator2.png); }

.tm_style2 { position:relative; width:160px; padding:30px 22px 60px 20px; background:url(home/tm_style2.png) no-repeat 0 100%; }
.tm_style2 .bg-0-100 { position:absolute; left:0; top:0; width:100%; height:30px; background:url(home/tm_style2.png) no-repeat; }
.tm_style2 .w_content { position:relative; }
.tm_style2 .w_title { }
.tm_style2 .w_title .padding { padding:0 0 10px 20px; background:url(home/w_title.gif) no-repeat 5px 5px; }
.tm_style2 .w_title * { margin:0; padding:0; color:#f4511a; font:bold 16px "tradia_me", Gulim, Tahoma;  }
.tm_style2 .w_title a { text-decoration:none; }
.tm_style2 .w_title a:hover { text-decoration:underline; }

/* 로그인 위젯 */
.tm-login { padding:18px 20px; }
.tm-login,
.tm-login .bg-100-0,
.tm-login .bg-0-100,
.tm-login .bg-100-100 { position:relative; background:url(home/loginForm.png) no-repeat; }
.tm-login .bg-100-0 { position:absolute; width:19px; height:100%; right:0; top:0; background-position:100% 0; }
.tm-login .bg-0-100 { position:absolute; width:100%; height:15px; left:0; bottom:0; background-position:0 100%; }
.tm-login .bg-100-100 { position:absolute; width:19px; height:15px; right:0; bottom:0; background-position:100% 100%; }
.tm-form * { margin:0; padding:0; list-style:none; border:0; background:none; }
.tm-login * { font:bold 13px "tradia_me", Gulim, Tahoma; }
.tm-login .form li { position:relative; width:100%; height:29px; overflow:hidden; margin:0 0 10px; background:url(home/iText.png) no-repeat 100% 0; }
.tm-login .form li:after { position:absolute; content:""; width:8px; height:100%; left:0; top:0; background:url(home/iText.png) no-repeat; }
.tm-login .form li label { position:absolute; left:0; top:0; height:100%; width:60px; padding:8px 0 0 12px; color:#ada595; text-shadow: 1px 1px 1px #000;}
.tm-login .form li input { position:absolute; width:/*105*/90px; top:0; right:0; padding:8px 0; color:#ddd; text-shadow: 1px 1px 1px #000;}
/*.tm-login li #n-upw { width:90px; }*/
.tm-login .submit { position:relative; clear:both; }
.tm-login .submit:after { display:block; clear:both; content:""; }
.tm-login .submit .keep { padding:0 0 10px 5px; }
.tm-login .submit .keep input { vertical-align:middle; }
.tm-login .submit .keep label { color:#b7af9f; text-shadow:1px 1px 1px #000; }
.tm-login .submit .login { float:left; }
.tm-login .submit .signup { float:right; }
.tm-login .submit .login *,
.tm-login .submit .signup * { color:#ada595; text-decoration:none; }
.tm-login .submit .login,
.tm-login .submit .signup,
.tm-login .submit .login span,
.tm-login .submit .signup a { display:inline-block; height:36px; overflow:hidden; background:url(home/login_btn.png) no-repeat; }

.tm-login .submit .login span,
.tm-login .submit .signup a { background-position:100% 0; }
.tm-login .submit .login input { display:inline-block; padding:11px 15px; cursor:pointer; }
.tm-login .submit .signup a { display:inline-block; padding:11px 15px; }

.tm-logged_info * { }
.tm-logged_info .nick a { color:#decba6; text-decoration:none; }
.tm-logged_info .nick a:hover { text-decoration:underline; }
.tm-logged_info .logged_info { margin:10px 0 0; }
.tm-logged_info .logged_info,
.tm-logged_info .logged_info .bg2-100-0,
.tm-logged_info .logged_info .bg2-0-100,
.tm-logged_info .logged_info .bg2-100-100 { position:relative; background:url(home/logged_info.jpg) no-repeat; }
.tm-logged_info .logged_info .bg2-100-0 { position:absolute; width:5px; height:100%; right:0; top:0; background-position:100% 0; }
.tm-logged_info .logged_info .bg2-0-100 { position:absolute; width:100%; height:5px; left:0; bottom:0; background-position:0 100%; }
.tm-logged_info .logged_info .bg2-100-100 { position:absolute; width:5px; height:5px; right:0; bottom:0; background-position:100% 100%; }
.tm-logged_info .logged_info ul { padding-top:15px; padding-bottom:15px; }
.tm-logged_info .logged_info li { position:relative; padding:3px 0; color:#f7ebcd; }
.tm-logged_info .logged_info li a { color:#c3b38e; text-decoration:none; }
.tm-logged_info .logged_info li a:hover { color:#f7ebcd; text-decoration:underline; }

/* 이미지 위젯 */
.tm_style .EIH { position:relative; *zoom:1; margin:0; padding:0; }
.tm_style .EIH:after { display:block; clear:both; content:""; }
.tm_style .EIH * { margin:0; padding:0; list-style:none; }
.tm_style .EIH li { position:relative; *zoom:1; float:left; width:19%; margin:0 2px 0 0; }
.tm_style .EIH li.li4 { margin-right:0; }
.tm_style .EIH li .a { position:absolute; left:0; bottom:0; width:100%; padding:4px 0; background:rgba(0,0,0, .85); *background:#000; color:#fff; cursor:pointer; }
.tm_style .EIH li .a strong { display:inline-block; padding:0 5px; text-decoration:none; }
.tm_style .EIH li .a:hover strong,
.tm_style .EIH li .a:focus strong { text-decoration:underline; }
.tm_style .EIH li img { max-width:100%; *width:100%; cursor:pointer; }

@media only screen and (max-width:400px)
{
	.tm_style .EIH li .a { white-space:nowrap; }
}
.tm_style .EIH li .a { font:12px "tradia_me", Gulim, Verdana, Arial; }

.tm_style2 .youtube-content { margin:0 0 10px; text-align:center; font:bold 12px "tradia_me", Gulim, Tahoma; }
.tm_style2 .youtube-content a { color:#f4511a; text-decoration:none; }
.tm_style2 .youtube-content a:hover { text-decoration:underline; }

.tm-module-point { color:#666; }
.tm-module-point p { display:inline-block; padding:0 0 2px; border-bottom:1px solid #666; font-size:14px; }
.tm-module-point ul { position:relative; *zoom:1; margin:5px 0; padding-left:20px; }
.tm-module-point ul:after { display:block; clear:both; content:""; }
.tm-module-point li { float:left; padding-right:40px; }