@charset "utf-8";
/* CSS Document */
body { font-family: "돋움", Dotum, Helvetica, AppleGothic, Sans-serif; font-size: 12px; }
a:link, a:visited, a:active { color:#333; text-decoration:none; }
html, body { height:100%; }
legend { display:none; }
button { border:0 none; }
img, fieldset { border:0; margin:0; padding:0; }
form { margin:0; }
.bul { margin:0 0 2px 0; vertical-align:middle; }
.hk_gnb, .roll_gnb, .lnb, .lnb ul, .mp0, p, .gnb2 { margin:0; padding:0; }
.pointer { cursor:pointer; }
#hk_top { position:relative; z-index:200; width:100%; text-align:center; }
#hk_top { background: url(../images/default/bg_top.png) repeat-x left top; border-bottom: 1px solid #E6E6E6 }
#top_box { position:relative; margin:0 auto; padding:3px 0; }
#hk_top ul.account { margin:0; padding:0; text-align:right; }
#hk_top ul.account li { display:inline; list-style:none; padding:0 1px 0 6px; background:url(../images/default/login_bar.gif) no-repeat left center; white-space:nowrap; }
#hk_top ul.account li.first-child { padding-left:0; background:none; }
#hk_top ul.account li.pointer { cursor:pointer; }
#hk_top ul.account li.bookmark { padding-left:0; background:none; cursor:pointer; }
#hk_top ul.account li strong { color:#555; }
#hk_top .memberProfile { display:none; position:absolute; top:23px; right:80px; padding:10px; background:#fff; border:1px solid #acb8d7; text-align:left; overflow:hidden; z-index: 999; }
#hk_top .memberProfile.active { display:block; }
#hk_top .memberProfile .authorName { margin:0 0 8px 0; font-size:14px; font-weight:bold; color:#333; white-space:nowrap; }
#hk_top .memberProfile ul { margin:0; padding:10px 10px 5px 10px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc; }
#hk_top .memberProfile li { float:none; white-space:nowrap; margin:0 0 5px 0; padding:0 0 0 10px; background:url(../images/default/bulletB.gif) no-repeat left center; font-size:11px; letter-spacing:-1px; }
#hk_top .memberProfile .close { position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/default/buttonCloseX.gif) no-repeat center center; }
#hk_top .memberProfile .close span { position:absolute; font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden; }
.subtitle { background: url(../images/default/lnb_title.gif) repeat-x left top; }
/*메인메뉴*/
#main_menu { z-index:100 }
#main_menu .hk_gnb { overflow:hidden; white-space:nowrap; position:absolute; left:15px }
#main_menu .hk_gnb li { float:left; height:35px; left:-2px; list-style:none; position:relative; white-space:nowrap; margin:0; padding:0 0 0 2px }
#main_menu .hk_gnb li a { display:block; float:left; color:#FFF; white-space:nowrap; text-decoration:none; padding:12px 10px 9px }
#main_menu .hk_gnb li a:hover, #main_menu .hk_gnb li a:focus { color:#FFF }
#main_menu .hk_gnb li.on { position:relative; z-index:2; padding-left:3px; margin:0 -2px 0 2px }
#main_menu .hk_gnb li.on a { color:#FFF }
#bgMenu_L, #bgMenu_R { height:70px; position:relative }
/*롤오버 메뉴사용시*/
#main_menu .roll_gnb { overflow:hidden; white-space:nowrap; position:absolute; left: 15px; }
#main_menu .roll_gnb li { float:left; height:35px; left:-2px; list-style:none; position:relative; white-space:nowrap; padding-left:3px; margin:0 }
#main_menu .roll_gnb li a { display:block; float:left; color:#FFF; white-space:nowrap; text-decoration:none; padding:12px 10px 9px }
#main_menu .roll_gnb li a:hover, #main_menu .roll_gnb li a:focus { color:#FFF }
#main_menu .roll_gnb li.on { position:relative; z-index:2; padding-left:3px; margin:0 }
#main_menu .roll_gnb li.on a { color:#FFF }
#main_menu .roll_gnbSub { position:absolute; top:43px; left:20px; white-space:nowrap; overflow:hidden; margin:0; padding:0 }
#main_menu .roll_gnbSub li { position:relative; left:-2px; float:left; list-style:none; width:auto; color:#666; background:url(../images/default/bgGnb2Vr.gif) no-repeat left 0; white-space:nowrap; font-size:11px; margin:4px 8px 0 0; padding:0 1px 0 8px }
#main_menu .roll_gnbSub li a { display:block; text-decoration:none; letter-spacing:-1px; font-size:11px }
#main_menu .roll_gnbSub li a:hover, #main_menu .roll_gnbSub li a:focus { padding-bottom:2px; letter-spacing:-1px }
#main_menu .roll_gnbSub li.on a { padding-bottom:2px; font-weight:bold; letter-spacing:-1px }
#columnLeft { overflow:hidden; }
#content { width:100%; overflow:hidden; }
/* 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/default/bgLoginText.gif); background-repeat:no-repeat; background-position:right top; }
.loginWindow .loginLayer.loginTypeB .inputText { background-image:url(../images/default/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/default/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/default/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; }
/*레이아웃 하단*/
#footer { clear:both; position:relative; height:80px; background:#F7F7F7; border-color:#333 #DEDEDE #DEDEDE; border-style:solid; border-width:2px 1px 1px }
#footer h1 { position:absolute; top:10px; border-right:1px solid #DEDEDE; width:180px; margin:0; padding:10px 0 10px 19px }
#footer .foot_menu { height:12px; text-align:center; overflow:hidden; position:absolute; left:210px; top:5px; margin:0; padding:5px 0 }
#footer .foot_menu li { display:inline; white-space:nowrap; background:url(../images/default/line_v_footer.gif) no-repeat left 0; font-size:11px; margin:0 0 0 -2px; padding:0 1px 0 6px }
#footer p.copyright { text-align:center; font-family:Verdana; font-size:9px; color:#555; position:absolute; left:210px; top:27px }
#footer p.copyright a { text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:700 }
#footer p.copyright a:hover, #footer p.copyright a:focus { font:bold 9px Verdana; }
#footer address { padding-top:2px; color:#999; text-align:center; font-size:9px; font-family:Verdana; font-weight:600; font-style:normal; position:absolute; left:210px; top:40px }
#footer select { border: 1px solid #666; position: absolute; height: 18px; width: 150px; right: 10px; font-size: 11px; bottom: 20px; }
#footer p.top { position: absolute; top: 10px; right: 10px; }
#footer .skinby { margin:0; position: absolute; right:10px; bottom:3px; }
#hklink { background: #FFF; overflow:hidden; margin:5px 0; width:916px; }
#hklink img { border: 3px solid #F2F2F2; }
#inhklink { float: left; width: 800%; }
#hklink1 { float: left; }
#hklink2 { float: left; }
.lnb li ul { background:#F7F7F7 }
/*위젯 스타일*/
.hk_widgetBox { position:relative; *zoom:1;
}
.hk_widgetBox:after { content:""; display:block; clear:both; }
.hk_widgetBox .hk_widgetBoxHeader { margin:0; z-index:10; }
.hk_widgetBox .hk_widgetMore { position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:18; }
.hk_widgetBox .hk_widgetMore img { border:0; }
.hk_widgetBoxB .hk_widgetBox { border:1px solid #DEDEDE; }
.hk_widgetBoxB .hk_widgetBox h3 { font-size:12px; }
.hk_widgetBoxB .hk_widgetBoxHeader { position:relative; padding:6px 0; margin:1px; text-indent:5px; border-bottom:1px solid #DEDEDE; background:url(../images/widgetStyle/headerBgB.gif) repeat-x; }
.hk_widgetBoxB .hk_widgetBoxHeader img { vertical-align: middle; }
.hk_widgetBoxB .hk_widgetMore { top:14px; right:7px; }
/*양쪽 배너*/
.bothL_ad { position:absolute; top:50px; left:-75px; }
/* Sitemap */
#gnbLayer { border:2px solid #DEDEDE; background-color:#fff; display:none; position:absolute; width:450px; z-index:100; padding:10px; }
.gnbmore { font-size:11px; font-weight:bold; letter-spacing:-1px }
#sitemap .extension { *zoom:1;
}
#sitemap .extension:after { content:""; display:block; clear:both; }
#sitemap .extension .section { float:left; width:100px; margin:0; padding:0 0 0 10px; background:url(../images/default/lineKneeVr.gif) repeat-y 0 0; }
#sitemap .extension .section.logo { background:none; padding:0 10px 0 0; }
#sitemap .extension .section h2 { font-size:12px; margin:0 0 10px 0; }
#sitemap .extension .section ul { margin:0; padding:0; list-style:none; }
#sitemap .extension .section li { margin-bottom:6px; }
/* 한국타운 레이아웃 색상 채인지 (http://www.hankooktown.com) */
#skin { position:absolute; top:7px; left:5px; }
#skin div { float:left; margin:0; padding:0; }
#SkinList { width:56px; height:11px; overflow:hidden; display:block; }
#skin ul { list-style:none; margin:0; padding:0; }
#skin li { float:left; width:14px; height:11px; cursor:pointer; list-style:none; }
#def div, #s1 div, #s2 div, #s3 div, #s4 div, #s5 div, #s6 div, #s7 div, #s8 div, #s9 div { background-image:url(../images/bgDot.gif); background-repeat:no-repeat; }
#def div { background-position:left top }
#s1 div { background-position:left -11px }
#s2 div { background-position:left -22px }
#s3 div { background-position:left -33px }
#s4 div { background-position:left -44px }
#s5 div { background-position:left -55px }
#s6 div { background-position:left -66px }
#s7 div { background-position:left -77px }
#s8 div { background-position:left -88px }
#s9 div { background-position:left -99px }
#sar { cursor:pointer; }
#sar div { background:url(../images/LR.gif) no-repeat -20px -1px; }
#sar div.s { background:url(../images/LR.gif) no-repeat -10px -1px; }

/*메인 오른쪽 탭*/

#tab h3 { font-size:12px; font-weight:500;}
#tab h3 a { display:inline-block; }
#tab h3 a { display:block; }
#tab { position:relative;  border:solid 1px #dedede;}
#tab h3, #tab ul, #tab .divtab, #tab .litab { margin:0; padding:0; list-style-type:none; }
#tab .litab { position:absolute; left:-1px; top:0; float:left; display:block; width:116px; height:30px; }
#tab ul li#tab2 { left:115px; }
#tab .divtab { position:absolute; clear:both; padding-top:5px; }
#tab ul li div#oDIV2 { left:-116px; }

#tab, #tab .divtab { width:232px;}
#tab { height:200px; background:#FFF; overflow:hidden; }
#tab ul li h3 a { line-height:28px; height:28px; padding:0; margin:0; text-align:center; border:solid #DEDEDE 1px; border-top:none; background:#F7F7F7; }
#tab ul li h3 a:hover { background-color:#F7F7F7; }
#tab ul li.up h3 a { border:solid #DEDEDE 1px; border-bottom:none; border-top:none; border-right:none; border-left:none; background:#fff; font-weight:600;}