@charset "utf-8";
@import url('./layout_etc.css');

/*
 * CSS Document 
 */

body,td,th,input,select,textarea { font-family:Gulim,Dotum,Sans; font-size:12px; color:#646464; }
body { margin:0px 5px 5px 5px; }
form { display:inline; }
table { border:0px; }

a:link    { text-decoration:none; color:#6D6DFF; background-color:#FFFFFF; border:1px dotted #FFFFFF; }
a:visited { text-decoration:none; color:#6D6DFF; background-color:#FFFFFF; border:1px dotted #FFFFFF; }
a:hover   { text-decoration:none; color:#FFC000; background-color:#FFF7D3; border:1px dotted #FFD200; }
a:active  {	text-decoration:none; color:#FFC000; background-color:#FFF7D3; border:1px dotted #FFD200; }

* html a:hover   { border:1px dotted #FFFFFF; border-bottom:1px dotted #FFD200; }
* html a:active  { border:1px dotted #FFFFFF; border-bottom:1px dotted #FFD200; }

a.a_permalink { display:block; margin:2px 0px 3px 0px; padding-left:13px; color:#828282; font-size:9px; font-family:Tahoma; height:10px; background:url(./images/icon_s_link.gif) no-repeat left; }
a.a_trackback { display:block; margin:2px 0px 3px 0px; padding-left:13px; color:#828282; font-size:9px; font-family:Tahoma; height:10px; background:url(./images/icon_s_glink.gif) no-repeat left; }
a.a_file      { display:block; margin:2px 0px 3px 0px; padding-left:13px; color:#828282; font-size:9px; font-family:Tahoma; height:10px; background:url(./images/icon_s_file.gif) no-repeat left; }

button { overflow:hidden; border:none; padding:0px; margin:0px; cursor:pointer; }
ul,li,ol { margin:0px; border:0px; padding:0px; list-style:none; }
li { padding-left:14px; height:18px; padding-top:0px; margin-left:2px; }
li { width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;display:block;color:#828282; }
#li_category   li { width:100%; padding:0px; margin:0px; height:18px; font-family:verdana; font-size:12px; font-variant:small-caps; color:#999999; overflow:hidden; }
.input { height:13px; padding:3px 2px 2px 2px; border:none; border-bottom:dashed 1px #EAEAEA; background-color:#FFFFFF; }

.float_left                    { float:left; }
.float_right                   { float:right; }

#layout {  }
.full   { margin:0px 10px 10px 10px; }
.fixed  { width:770px; margin-left:auto; margin-right:auto; }

/* ---------------------------------------------------------------------------------------------------------------------------------------
    네비게이션 바, 사이트 검색
   --------------------------------------------------------------------------------------------------------------------------------------- */
#search { width:160px; margin-top:-6px; padding-top:0px; padding-bottom:20px; }
#search input.input  { width:116px; height:12px; border:dotted 1px #DDDDDD; text-align:center; font-family:verdana; font-size:11px; font-variant:small-caps; color:#CCCCCC; }
#search input.submit { width:20px; height:20px; margin-left:6px; border:none; overflow:hidden; background:url(./images/btn_search.gif); cursor:pointer; }

/* ---------------------------------------------------------------------------------------------------------------------------------------
    상단 서브 메뉴
   --------------------------------------------------------------------------------------------------------------------------------------- */
#top                                   { float:left; width:520px; height:100px; margin-left:15px; display:inline; background:url(./images/pinkhare_top_logo.gif) left bottom no-repeat; }
#top .top_01                           { height:20px; }
#top .top_02                           { height:64px; }
#top .top_03                           { height:16px; }
#top .top_02 .left_margin              { float:left; width:90px; }
#top .top_03 .left_margin              { float:left; width:75px; }
#top .top_02 .home_title               { float:left; cursor:pointer; width:270px; height:60px; background:url(./images/gtport_top_banner.gif) left top no-repeat; }
#top .top_02 #post_top_button button   { float:left; width:60px; height:60px; font-family:verdana; font-size:18px; font-weight:bold; color:#CCCCCC; margin-left:30px; padding:0px; border:none; cursor:pointer; background:url(./images/btn_post2.gif) center no-repeat; }
#top .top_02 .rss                      { float:right; width:32px; height:32px; background:url(./images/rss_big.gif) left top no-repeat; margin:0px 0px 0px 0px; cursor:pointer; }
#top .top_03 #nav_bg                   { float:left; margin-top:0px; }
#top .top_03 #nav_bg .nav_btn a        { float:left; width:70px; height:15px; margin:0px 0px 0px 0px; overflow:hidden; background:transparent; font-size:12px; font-family:verdana; font-weight:bold; font-variant:small-caps; color:#BBBBBB; text-align:center; text-decoration:none; border:1px solid #FFFFFF; }
#top .top_03 #nav_bg .nav_btn a:hover  { float:left; width:70px; height:15px; margin:0px 0px 0px 0px; overflow:hidden; background:transparent; font-size:12px; font-family:verdana; font-weight:bold; font-variant:small-caps; color:#D6AFD7; text-align:center; text-decoration:none; border:1px dotted #CCCCCC; }
#top .top_03 #list_all                 { float:right; height:15px; }
#top .top_03 #list_all button.viewall  { background:url(./images/btn_view_all.gif) left top no-repeat; width:60px; height:20px; border:1px solid #DDDDDD; border-right:none; border-bottom:none; }


/*
#top .item1, #menu .item1s { margin-left:5px; }
#top .item1,  #menu .item2,  #menu .item3 { width:60px; height:40px;cursor:pointer;float:left; }
#top .item1s, #menu .item2s, #menu .item3s { width:80px; height:40px;float:left; }

#top .nav_btn_sel      { float:left; width:80px; height:15px; margin:1px 6px -7px 0px; padding:6px 0px 0px 0px; overflow:hidden; color:#FFFFFF; font-size:11px; text-align:center; text-decoration:none; border:1px solid #CCCCCC; background:url('./images/nav_btn2.gif') repeat-x; }

#top .sub_menu { height:40px; float:left; font-size:11pt; color:white; font-weight:bold;padding-top:15px;margin-left:20px;}
#top .sub_menu a { color:white; text-decoration:none; }
#top .sub_menu a:hover { color:white; text-decoration:underline; }
#top .sub_menu_sel_left   { width:13px; height:40px; background:url('./images/menu_sel_left.gif') no-repeat top; float:left;margin-left:20px;}
#top .sub_menu_sel_bg     { height:40px; float:left; color:#F7C200; background:url('./images/menu_sel_bg.gif') repeat-x;font-size:11pt; font-weight:bold;padding-top:17px;}
#top .sub_menu_sel_right  { width:13px; height:40px; background:url('./images/menu_sel_right.gif') no-repeat top;float:left;}
*/

/* ---------------------------------------------------------------------------------------------------------------------------------------
    본문 단, 오른쪽 단 (위치, 부유, 여백, 패딩, 정렬, 폭, 높이)
   --------------------------------------------------------------------------------------------------------------------------------------- */
.col_right { float:right; width:220px; margin-top:-10px; }
* html .col_right { margin-right:-30px; }
.box { width:100%; margin:0px 0px 5px 0px; }
.col_right .box { margin:10px 0px 0px 0px; }
.col_body { float:left; padding:13px 0px 0px 0px ; margin:0px 0px 5px 0px; width:550px; }

.col_right .border { padding:0px 2px 0px 22px; }
.col_body .border { padding:2px; }

/*
.gl_tt                      { height:17px; margin-bottom:0px; text-align:right; font-family:tahoma; font-size:11px; font-variant:small-caps; color:#888; font-weight:bold; }
*/
.gl_li                      { width:160px; margin-bottom:16px; }
.title                      { width:156px; height:14px; margin-bottom:6px; padding:2px; border:1px dotted #CCCCCC; border-left:none; border-right:none; text-align:left; font-family:tahoma; font-size:11px; font-variant:small-caps; color:#888; font-weight:bold; cursor:pointer; }
.gl_text                    { width:156px; height:14px; margin-bottom:6px; padding:2px; border:1px dotted #CCCCCC; border-left:none; border-right:none; text-align:left; font-family:tahoma; font-size:11px; font-variant:small-caps; color:#888; font-weight:bold; }

/* ---------------------------------------------------------------------------------------------------------------------------------------
    본문 단 (제목 바, 박)
   --------------------------------------------------------------------------------------------------------------------------------------- */

.col_body .bar_title { height:19px; border-bottom:dotted 1px #EAEAEA; padding-top:5px; }
.col_body .bar_title .title { float:left; font-weight:bold; color:#646464; }
.col_body .bar_title span { display:block; float:left; color:#C0C0C0; padding:0px 5px 0px 5px; }
.col_body .bar_title .category { float:left; color:#828282; }
.col_body .bar_title .date { float:right; color:#C0C0C0; font-family:verdana; font-size:10px; }
.col_body .content { padding:10px 0px 15px 0px; line-height:150%; }
.col_body .links { padding:10px 0px 10px 0px; }

.col_body .control { border-top:dotted 1px #EAEAEA; padding-top:10px; margin-bottom:16px; }
.col_body .control .comment { display:block; float:left; font-weight:bold; height:14px; text-decoration:underline; }
.col_body .control .new { background:url(./images/icon_new.gif) no-repeat right top; padding-right:20px; }
.col_body .control .trackback { display:block; float:left; font-weight:bold; height:14px; text-decoration:underline; }
.col_body .control .modify { display:block; float:right; height:14px; text-decoration:underline; color:#828282; }
.col_body .control .delete { display:block; float:right; height:14px; text-decoration:underline; color:#828282; }
.col_body .control span.l { display:block; float:left; color:#C0C0C0; padding:0px 5px 0px 5px; }
.col_body .control span.r { display:block; float:right; color:#C0C0C0; padding:0px 5px 0px 5px; }

.col_body .box_comment { margin:0px -5px 0px -5px; background:#F9F9F9; padding:5px 12px 10px 12px; border-top:solid 10px #FFFFFF; }
.col_body .box_comment .item { width:99%; margin-bottom:10px; }
.col_body .box_comment .item td { vertical-align:top;border-bottom:dotted 1px #EAEAEA; }
.col_body .box_comment .item .icon { width:16px; padding:8px 0px 10px 0px; padding-right:4px; }
.col_body .box_comment .item .name { width:55px; padding:10px 0px 10px 0px; text-overflow:ellipsis; overflow:hidden; }
.col_body .box_comment .item .comment { padding:9px 0px 10px 0px; line-height:150%;  }
.col_body .box_comment .item .comment .date { height:12px; color:#C0C0C0; font-family:Verdana; font-size:10px; float:left; margin-right:5px; }
.col_body .box_comment .item .comment .thread { display:block; float:left; width:12px; height:12px; background:url(./images/icon_s_comment_reply.gif) no-repeat; margin-right:1px; margin-top:3px; }
.col_body .box_comment .item .comment .delete { display:block; float:left; width:12px; height:12px; background:url(./images/icon_s_comment_delete.gif) no-repeat; margin-right:1px; margin-top:3px; }

.col_body .box_comment .editor .boxicon { width:16px; height:16px; padding:1px; border:solid 1px #EAEAEA; background-color:#FFFFFF;float:left; }
.col_body .editor .input { }
.col_body .editor .sep { width:3px; }
.col_body .box_message { height:14px; padding:14px; text-align:center;; }

.col_body .box_trackback { margin:0px -5px 0px -5px; background:#F9F9F9; padding:5px 12px 10px 12px; border-top:solid 10px #FFFFFF; }
.col_body .box_trackback .item { width:99%; margin-bottom:10px; }
.col_body .box_trackback .item td { vertical-align:top;border-bottom:dotted 1px #EAEAEA; padding-bottom:10px; }
.col_body .box_trackback .item .icon { width:16px; padding:8px 0px 0px 0px; padding-right:4px; }
.col_body .box_trackback .item .name { float:left; padding:12px 5px 5px 0px; }
.col_body .box_trackback .item .from { padding:12px 0px 5px 0px; }
.col_body .box_trackback .item .date { height:12px; color:#C0C0C0; font-family:verdana; font-size:10px; float:left; margin-right:5px; }
.col_body .box_trackback .item .delete { display:block; float:left; width:12px; height:12px; background:url(./images/icon_s_comment_delete.gif) no-repeat; margin-right:1px;}


/* ---------------------------------------------------------------------------------------------------------------------------------------
    .box .border
   --------------------------------------------------------------------------------------------------------------------------------------- */
/*
.box                                 { border:solid 3px #FEF9D5; }
*/
#plugin_box .middle                  { width:220px; padding-left:30px; background: url(images/sidebar_bg_middle.gif) left top repeat-y; }
#plugin_box .top                     { width:220px; height:45px; background: url(images/sidebar_bg_top.gif) left top no-repeat; }
#plugin_box .bottom                  { width:220px; height:35px; margin-top:-20px; background: url(images/sidebar_bg_bottom.gif) left bottom no-repeat; }
/*
.col_body .outborder                 { border:solid 3px #F9F9F9; }
.col_body .border                    { border:solid 1px #EAEAEA; }
*/

/* ---------------------------------------------------------------------------------------------------------------------------------------
    로그인
   --------------------------------------------------------------------------------------------------------------------------------------- */
#login .login_input  { background:#FAFAFA; border:none; color:#DDDDDD; }
#login input.submit  { width:60px; height:16px; background:#FFFFFF; border:1px ridge #DDDDDD; padding:0px; margin:0px; cursor:pointer; }
#login td.text       { float:left; padding-top:2px; }

#login td            { color:#828282; }
#login a             { color:#828282; text-decoration:none; background:none; border:none; }
#login a:hover       { color:#9CCD3E; text-decoration:none; background:none; border:none; }
#login img { margin-right: 3px; }
#login .user_name a                        { color:#FFFFFF; font-family:arial; }
#login .user_name a:hover .nick_name_text  { background:#FFFFFF; color:#9CCD3E; }
#login .nick_name_text                     { background:#16A39E; padding:4px 3px 2px 3px; max-width:80px; height:14px; text-overflow:ellipsis; overflow:hidden; cursor:pointer; }
* html #login .nick_name_text              { width:80px; height:13px; }
#login .user_everything                    { width:80px; text-overflow:ellipsis; overflow:hidden; }
#login ul,li,ol { margin:0px; border:0px; padding:0px; list-style:none; }
#login li { padding:3px 0px 3px 14px; height:15px;margin-left:2px; }
#login li { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;display:block;color:#828282; }
#login li { background:url(./images/licon_bullet.gif) left no-repeat; }
#login #zone_login            { font-family:verdana; font-variant:small-caps; }
#login #zone_myinfo           { border:1px dotted #EEEEEE; }
#login .login_divline_user    { height:22px; width:100%; margin-bottom:4px; }
#login .divline_left_user     { float:left; height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#login .divline_right_logout  { float:right; height:18px; padding:4px 0px 0px 14px; background:url(./images/licon_logout.gif) left no-repeat; }
#login .login_divline         { height:18px; width:100%; }
#login .divline_left          { float:left; width:60px; background:url(./images/star_gr_middle.gif) left top no-repeat; padding:2px 0px 0px 14px; height:18px; }
#login .divline_right         { float:right; width:60px; background:url(./images/star_gr_middle.gif) left top no-repeat; padding:2px 0px 0px 14px; height:18px; }
#login div.level              { float:left; height:10px; color:#999999; width:90px; text-align:left; }
#login div.point              { float:right; height:10px; color:#999999; width:68px; text-align:right; }

#login .myuserid              { background:url(./images/licon_bullet.gif) left no-repeat; padding:0px 0px 0px 14px;}
#login .mylevel               { background:url(./images/licon_bullet.gif) left no-repeat; padding:0px 0px 0px 14px;}
#login .myinfo                { background:url(./images/licon_myinfo.gif) left top no-repeat; padding:3px 0px 3px 16px; height:14px; margin:2px 0px 3px 0px; }

/* ---------------------------------------------------------------------------------------------------------------------------------------
    부유 해제, 프로필 이미지, Post 버튼
   --------------------------------------------------------------------------------------------------------------------------------------- */
.clearing             { clear:both; }
#profile_image        { padding:5px 0px 5px 0px; text-align:center; }
#profile_image #image_link a       { border:none; background:none; color:#CCCCCC; }
#profile_image #image_link a:hover { border:none; background:none; color:#666666; }
#post_article         { margin:20px 0px 20px 0px; padding:0px; text-align:left; }
#post_article button  { width:160px; height:30px; font-family:verdana; font-size:18px; font-weight:bold; color:#CCCCCC; margin:0px; padding:0px; border:none; cursor:pointer; background:url(./images/mosaic_bg.gif) center top no-repeat; }
#copyright_notice     { width:160px; height:50px; font-family:verdana; font-size:12px; color:#CCCCCC; font-variant:small-caps; }
#copyright_notice a        { font-family:verdana; font-size:12px; color:#BBBBBB; font-variant:small-caps; text-decoration:none; background:transparent; border:1px dotted #FFFFFF; }
#copyright_notice a:hover  { font-family:verdana; font-size:12px; color:#D037B5; font-variant:small-caps; text-decoration:none; background:transparent; border:1px dotted #FFFFFF; }

/* ---------------------------------------------------------------------------------------------------------------------------------------
    단 본체
   --------------------------------------------------------------------------------------------------------------------------------------- */
.col_body .control .comment              { color:#FB6900; }
.col_body .box_trackback .item .name a   { color:#FB6900; }
.col_body .box_trackback .item .from a   { color:#646464; }

/* ---------------------------------------------------------------------------------------------------------------------------------------
    카테고리
   --------------------------------------------------------------------------------------------------------------------------------------- */
#li_category .cg_tree_1         { background:url(./images/tree_1.gif) 0px 0px no-repeat; width:16px; height:16px; margin-right:2px; margin-top:1px; float:left; }
#li_category .cg_tree_2         { background:url(./images/tree_2.gif) 0px 0px no-repeat; width:16px; height:16px; margin-right:2px; margin-top:0px; float:left; }
#li_category .cg_tree_3         { background:url(./images/tree_3.gif) 2px 0px no-repeat; width:16px; height:16px; margin-right:2px; margin-top:3px; float:left; }
#li_category .cg_tree_4         { width:16px; height:16px; margin-right:2px; margin-top:3px; float:left; }
#li_category .cg_tree_5         { background:url(./images/ycross.gif) 0px 0px no-repeat; width:16px; height:16px; margin-right:2px; margin-top:3px; float:left; }
#li_category .cg_tree_10        { background:url(./images/tree_10.gif) 0px 0px no-repeat; width:11px; height:18px; float:left; }
#li_category .cg_tree_11        { width:9px; height:18px; float:left; }

#li_category label              { height:18px; padding-top:2px; margin-left:-2px; width:136px; font-family:verdana,돋움; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#li_category label a            { color:#666666; text-decoration:none; background-color:#FFFFFF; border:1px dotted #FFFFFF; }
#li_category label a:hover      { color:#666666; text-decoration:none; background-color:#F8F8F8; border:1px dotted #D0D0D0; }
#li_category label.sel a        { color:#FF0000; text-decoration:none; background-color:#FFFFFF; border:1px dotted #FFFFFF; }
#li_category label.sel a:hover  { color:#FF0000; text-decoration:none; background-color:#FFF7D3; border:1px dotted #FFD200; }
#li_category .menu_article_cnt  { color:#CCCCCC; font-family:verdana; font-size:7pt; letter-spacing:-1px; }
#li_category .menu_article_new  { color:#FB6900; font-family:tahoma; font-size:7pt; }
* html #li_category label       { margin-left:-5px; }
* html #li_category label a:hover      { border:1px dotted #FFFFFF; border-bottom:1px dotted #D0D0D0; }
* html #li_category label.sel a:hover  { border:1px dotted #FFFFFF; border-bottom:1px dotted #FFD200; }