﻿@charset "utf-8";
/* CSS Document */
#wrap { text-align:center; width:100%; margin:0; padding:0;}
#wrap2 { width:100%; margin:0; padding:0; }
#wrapbox { padding:0;margin-top: 40px;}

#top { position:relative; width:994px; height:180px; margin: 0 auto 10px auto; }
#top h1 { position:absolute; left:10px; top:20px; }

#wrap2 h1.introh1 { text-align:center; margin:70px 0 20px 0; }
#wrap2 .introbtn { width:100%; text-align:center; margin-top:30px; }



#top .loginbox { position: absolute;right: 5px;width:600px;z-index: 100;}

#screenbg {background: #000000;width: 100%;height: 35px;position: fixed;z-index: 1000;box-shadow: 0px 2px 6px #AAAAAA;top: 0;}
#screenbg #screencenter {margin: 0 auto;width: 994px;height: 35px;}
#screencenter #screen { position:fixed;top:0; width:994px; height:35px; }
#screencenter #screen div { float:left; } 

#screencenter #screen .screenviewbox { width:760px; height:35px; background:url(/html/images/screen_bg.gif) repeat-x; text-align:right; }
#screencenter #screen .screenviewbox .screentxt { padding:10px 15px 0 15px; font:bold 14px gulim; color:#fff; }


#top #banner { position:absolute; left:0; top:186px; width:994px; height:150px; }

/*#mainbanner img {min-width: 994px;max-width: 1100px;width: 100%;margin-bottom: 10px;border-radius: 3px;box-shadow: 0px 4px 10px 0 rgba(0,0,0,0.1),0px 2px 10px 0px rgba(0,0,0,0.1);}*/

#container { position:relative; width:994px; margin-bottom:50px; margin:0 auto;}

#footer { position:relative; width:994px; text-align:center; padding:20px 0 50px 0; border-top:1px solid #ccc; margin:0 auto;}


#introcontent { width:100%; margin-bottom:30px; }
.introbtn { width:100%; text-align:center; margin-bottom:50px; }

.flashtitle { position:absolute; right:0; top:0; width:748px; height:57px; z-index:10; }

/* 게시판 페이지 내비게이션 */
.board_page span {padding: 5px 10px;font-size: 15px;border-radius: 5px;color:#777;}
.board_page span:hover {background: #8F9CE4;color: #fff;}
span.rightarrow{padding: 0px 5px;background: #E47575;color: #eee;border-radius: 3px;}

/* 링크사이트 */
#linksite { float:left; width:100%; text-align:left; margin-top:30px; }


/* newleft 보류 */


#linksite .linkbox_newleft { float:left; width:485px; height:475px; margin-right:10px; border-radius: 2px;}

#linksite .linkbox_newleft .linkbox2_title2 { position:absolute; left:18px; top:15px;}
#linksite .linkbox_newleft .linkbox2_listarea2 { position:absolute; left:200px; top:20px; width:237px; }

#linksite .linkbox_newleft .linkbox2_list2 { width:300px; margin-bottom:12px; }
#linksite .linkbox_newleft .linkbox2_list2 .linkbox2_stitle2 { margin-bottom:10px;}
#linksite .linkbox_newleft .linkbox2_list2 ul { list-style:none; }
#linksite .linkbox_newleft .linkbox2_list2 li { background:url(../images/linkbox2_blt.gif) no-repeat 3px 5px; padding:0 0 7px 11px;}
#linksite .linkbox_newleft .linkbox2_list2 li a:link 
#linksite .linkbox_newleft .linkbox2_list2 li a:visited { text-decoration:none; color:#666; } 
#linksite .linkbox_newleft .linkbox2_list2 li a:hover,
#linksite .linkbox_newleft .linkbox2_list2 li a:active,
#linksite .linkbox_newleft .linkbox2_list2 li a:focus { text-decoration:none; color:#113d8e; }


/* newright 보류 */


#linksite .linkbox_newright { float:left; position:relative; width:490px; height:475px;}
#linksite .linkbox_newright .linkbox3_left2 { position:absolute; left:10px; top:15px; width:176px; }
#linksite .linkbox_newright .linkbox3_left2 .linkbox3_title2 { margin-bottom:5px; }
#linksite .linkbox_newright .linkbox3_left2 .linkbox3_stitle2 { margin-bottom:9px; }
#linksite .linkbox_newright .linkbox3_left2 ul { }
#linksite .linkbox_newright .linkbox3_left2 li { padding:0 0 6px 13px; background:url(../images/blt_gray.gif) no-repeat 5px 5px; }

#linksite .linkbox_newright .linkbox3_right2 { position:absolute; right:10px; top:15px; width:181px; }
#linksite .linkbox_newright .linkbox3_right2 .linkbox3_stitle2 { margin-bottom:10px; }
#linksite .linkbox_newright .linkbox3_right2 .link_list2 { width:171px; margin-left:5px; margin-bottom:20px; color:#333; font:12px gulim; }


/* left */
#linksite .linkbox_left { float:left; width:202px; margin-right:10px; }

#linksite .linkbox_left .linkbox1_middle { padding:20px 10px; height:410px; white-space: nowrap; }
#linksite .linkbox_left .linkbox1_middle ul { list-style:none; }
#linksite .linkbox_left .linkbox1_middle li { padding:3px 0; color:#000; }
#linksite .linkbox_left .linkbox1_middle li .num { margin-top:3px !important; display:inline-block;}
#linksite .linkbox_left .linkbox1_middle li .point { color:#e60012; }
#linksite .linkbox_left .linkbox1_middle li .level { color:#009933; font-weight:bold; }
#linksite .linkbox_left .linkbox1_bottom { height:20px; background:url(../images/linkbox1_bottom.gif) no-repeat; }

/* center
#linksite .linkbox_center { float:left; position:relative; width:374px; height:475px; margin-right:10px; border-radius: 2px;}*/
#linksite .linkbox_center { float:left; position:relative; width:480px; height:475px; margin-right:10px; border-radius: 2px;}

#linksite .linkbox_center .linkbox2_title { position:absolute; left:40px; top:15px;}
#linksite .linkbox_center .linkbox2_listarea { position:absolute; left:159px; top:20px; width:237px; }


#linksite .linkbox_center .linkbox2_list { width:300px; margin-bottom:12px; }
#linksite .linkbox_center .linkbox2_list .linkbox2_stitle { margin-bottom:10px;}
#linksite .linkbox_center .linkbox2_list ul { list-style:none; }
#linksite .linkbox_center .linkbox2_list li { background:url(../images/linkbox2_blt.gif) no-repeat 3px 5px; padding:0 0 7px 11px;}
#linksite .linkbox_center .linkbox2_list li a:link 
#linksite .linkbox_center .linkbox2_list li a:visited { text-decoration:none; color:#666; } 
#linksite .linkbox_center .linkbox2_list li a:hover,
#linksite .linkbox_center .linkbox2_list li a:active,
#linksite .linkbox_center .linkbox2_list li a:focus { text-decoration:none; color:#113d8e; }

/* right  
#linksite .linkbox_right { float:left; position:relative; width:398px; height:475px;}*/
#linksite .linkbox_right { float:left; position:relative; width:495px; height:475px;}
#linksite .linkbox_right .linkbox3_left { position:absolute; left:40px; top:30px; width:200px; }
#linksite .linkbox_right .linkbox3_left .linkbox3_title { margin-bottom:5px; }
#linksite .linkbox_right .linkbox3_left .linkbox3_stitle { margin-bottom:9px; }
#linksite .linkbox_right .linkbox3_left ul { }
#linksite .linkbox_right .linkbox3_left li { padding:0 0 6px 13px; background:url(../images/blt_gray.gif) no-repeat 5px 5px; }

#linksite .linkbox_right .linkbox3_right { position:absolute; right:0px; top:35px; width:195px; line-height:40px;}
#linksite .linkbox_right .linkbox3_right .linkbox3_stitle { margin-bottom:10px; }
#linksite .linkbox_right .linkbox3_right .link_list { width:171px; margin-left:5px; margin-bottom:20px; color:#333; font:12px gulim; }
#linksite .linkbox_right .linkbox3_right img {vertical-align: middle;}

/* 전광판 */
#billboard { width:590px; margin:0; padding:0; }
#billboard .bbbox_bottom { width:590px; height:25px; background:url(../images/billboard_bottom.gif) no-repeat; }

#billboard .bbbox_middle { width:558px; padding:0 16px; background:url(../images/billboard_middle.gif) repeat-y; height:645px; } /* 높이 */
#billboard .bbbox_middle .bb_notice { width:528px; padding:7px 14px; background:#f4f4f4; border:1px solid #ccc; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; margin-bottom:10px; }
#billboard .bbbox_middle .bb_notice ul { list-style:none; margin:0; padding:0; }
#billboard .bbbox_middle .bb_notice li { line-height:100%; background:url(../images/billboard_blt1.gif) no-repeat 0 8px; padding:4px 0 3px 9px; }
#billboard .bbbox_middle .bb_notice li .point { color:#f00; font-weight:bold; }
#billboard .bbbox_middle .agreement { text-align:center; color:#000; margin-bottom:20px; }

#billboard .bbbox_middle .noticetxt { line-height:150%; margin-bottom:15px; }
#billboard .bbbox_middle .noticetxt .nickname { font-weight:bold; color:#113d8e; }
#billboard .bbbox_middle .noticetxt .point { font-weight:bold; color:#f00; }

#billboard .bbbox_middle .fontsetting { margin-bottom:10px; }
#billboard .bbbox_middle .fontsetting label { color:#333; font-weight:bold; }

#billboard .bbbox_middle .fontsetting2 { margin:0 0 15px 0; }
#billboard .bbbox_middle .fontsetting2 label { color:#333; font-weight:bold; padding-right:10px; display:inline-block;}
#billboard .bbbox_middle .fontsetting2 .wr_link { width:300px !important; height:17px; board:1px solid #ccc; }

#billboard .bbbox_middle .fontsetting .fontselect { width:100px; height:20px; border:1px solid #000; background:#333; color:#fff; margin-right:20px; }
#billboard .bbbox_middle .billboardtxtarea { position:relative; margin-bottom:20px; }
#billboard .bbbox_middle .billboardtxtarea .billboardtxt { width:490px; padding-left:5px; height:29px; line-height:29px !important; border:3px solid #113d8e; font:bold 14px gulim; color:#113d8e; }
#billboard .bbbox_middle .billboardtxtarea .billboardbtn { position:absolute; right:0; top:0; }

#billboard .bbbox_middle .billboard_list { width:560px; border-top:1px solid #ccc; margin-bottom:15px; background:#222; }
#billboard .bbbox_middle .billboard_list ul { list-style:none; margin:0; padding:0; }
#billboard .bbbox_middle .billboard_list li { position:relative; padding:4px 25px 3px 14px; background:url(../images/blt_black.gif) no-repeat 5px 9px; line-height:130%; border-bottom:1px solid #111; letter-spacing:-1px; }
#billboard .bbbox_middle .billboard_list li .item { }
#billboard .bbbox_middle .billboard_list li .btn { position:absolute; right:7px; top:6px; }

#billboard .bbbox_middle .closebtn { text-align:center; padding-bottom:5px; display:block; vertical-align:top; }




/* 메일 */
.mailsend a { font:11px dotum; color:#666 !important; text-decoration:none;}
.mailsend a:hover { color:#113d8e !important; font-weight:bold; text-decoration:none;}



/* sns링크 */
.sns { float:right; padding: 5px 0 0 0; }
.sns ul { marign:0; padding:0; list-style:none; }
.sns li { float:left; width:34px; margin:0 3px; }
