@charset "euc-kr"; 
/**********************************************************************
KCPI Main New Style Sheet (for IE6.0/7.0 FireFox3.5)

version : 0.1.0
author : jinovice
email : jinovice@nate.com
website : none
**********************************************************************/

/**********************************************************************
@ default
**********************************************************************/
body, td, option, input, select, textarea    { margin:0; padding:0px; font-family: Dotum, Gulim, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:-0.04em; color: #666; line-height: 1.3em;  }
ul, dl, ol	    { margin:0; padding:0px; list-style:none; }
li, dt, dd, p, fieldset, h1, h2, h3, form			{ margin:0; padding:0px; }
select	{ font-size:11px; letter-spacing:-0.1em; border:solid 1px #999; }
img		{ border:0; }
fieldset	{ border:none }
a		{ color:#333; text-decoration: none; }
a:hover	{ color:#5577cc; }
table { font-size:1em; border:0; padding:0; border-collapse:collapse; }

/**********************************************************************
@ Web Accessibillity
**********************************************************************/
.skip, .desc, .hiddenelement, legend, caption	{ position:absolute; width:0; height:0; margin:0 !important; border:0 !important; padding:0 !important; font-size:0; line-height:0; text-indent:-3000px; border:none; overflow:hidden; }
.hide	{ position:absolute; left:-3000px; }


/**********************************************************************
@ common
**********************************************************************/
body.main { text-align:center; background:url("/images/main/bg.jpg") repeat-x 50% 0; }
body.main .wrap { position:relative; width:935px; text-align:left; margin:0 auto; }


/**********************************************************************
@ toparea
**********************************************************************/
body.main div#toparea	{ width:935px; }
body.main div#toparea h1#logo	{ position:absolute; left:0; top:35px; width:168px; height:46px; }
body.main div#toparea div#navi	{ position:absolute; left:210px; top:35px; }
body.main div#toparea div#topmenu	{ position:absolute; left:630px; top:10px; width:300px; }
body.main div#toparea div#topmenu ul	{ float:right; }
body.main div#toparea div#topmenu ul li	{ padding:0 5px; background:url("/images/main/topmenu_line.gif") no-repeat 100% 0; float:left; }
body.main div#toparea div#topmenu ul li.last	{ background:none; }


/**********************************************************************
@ quickarea
**********************************************************************/
body.main div#quickarea	{ position:absolute; left:0; top:120px; }

body.main div#quickarea div#group1	{ position:absolute; left:0; top:0; width:285px; }

body.main div#quickarea div#group1 div#mv	{ position:absolute; left:0; top:0; width:285px; }

body.main div#quickarea div#group1 div#event	{ position:absolute; left:0; top:325px; width:285px; }
body.main div#quickarea div#group1 div#event dl	{ position:absolute; left:0; top:30px; width:285px; }
body.main div#quickarea div#group1 div#event dt	{ width:205px; height:16px; float:left; overflow:hidden; clear:both; }
body.main div#quickarea div#group1 div#event dt a	{ padding-left:10px; background:url("/images/main/icon_list.gif") no-repeat 0 4px; }
body.main div#quickarea div#group1 div#event dd	{ width:80px; height:16px; text-align:right; float:left; overflow:hidden; }

body.main div#quickarea div#group1 div#quick3	{ position:absolute; left:0; top:445px; width:290px; }
body.main div#quickarea div#group1 div#quick3 ul	{ width:290px; }
body.main div#quickarea div#group1 div#quick3 ul li	{ float:left; }
body.main div#quickarea div#group1 div#quick3 ul li div.on	{ position:relative; width:222px; height:115px; background:url("/images/main/mov_on_bg.gif") no-repeat 0 0; }
body.main div#quickarea div#group1 div#quick3 ul li h2	{ position:absolute; left:10px; top:5px; }
body.main div#quickarea div#group1 div#quick3 ul li .mimg	{ position:absolute; left:10px; top:30px; width:78px; height:66px; border:solid 2px #cdbd81; }
body.main div#quickarea div#group1 div#quick3 ul li p	{ position:absolute; left:100px; top:30px; width:100px; height:66px; padding-left:15px; font-size:11px; line-height:1.3em; background:url("/images/main/mov_icon.gif") no-repeat 0 0; }
body.main div#quickarea div#group1 div#quick3 ul li .shide	{ display:none; }

body.main div#quickarea div#group2	{ position:absolute; left:310px; top:0; width:360px; }

body.main div#quickarea div#group2 div#bbs1	{ position:absolute; left:0; top:0; width:360px; }
body.main div#quickarea div#group2 div#bbs1 ul	{ position:absolute; left:0; top:0; width:360px; }
body.main div#quickarea div#group2 div#bbs1 ul li	{ width:69px; height:26px; margin-right:0; text-align:center; border-bottom:none; background:url("/images/main/bbs1_btn_off.gif") no-repeat 0 0; float:left; }
body.main div#quickarea div#group2 div#bbs1 ul li a.tab	{ padding-top:6px; font-size:0.92em; color:#666; letter-spacing:-0.1em; display:block; }
body.main div#quickarea div#group2 div#bbs1 ul li.on	{ background:url("/images/main/bbs1_btn_on.gif") no-repeat 0 0; float:left; }
body.main div#quickarea div#group2 div#bbs1 ul li.on a.tab	{ color:black; }
body.main div#quickarea div#group2 div#bbs1 div	{ position:absolute; left:5px; top:33px; width:350px; text-align:left; }
body.main div#quickarea div#group2 div#bbs1 div.hide	{ left:-3000px; }
body.main div#quickarea div#group2 div#bbs1 dl	{ width:360px; }
body.main div#quickarea div#group2 div#bbs1 dt	{ width:290px; height:19px; float:left; overflow:hidden; clear:both; }
body.main div#quickarea div#group2 div#bbs1 dt a	{ padding-left:10px; font-size:0.92em; background:url("/images/main/icon_list.gif") no-repeat 0 4px; }
body.main div#quickarea div#group2 div#bbs1 dd	{ width:60px; height:19px; text-align:right; float:left; overflow:hidden; }
body.main div#quickarea div#group2 div#bbs1 .more	{ position:absolute; left:271px; top:-28px; }

body.main div#quickarea div#group2 div#bbs2	{ position:absolute; left:0; top:145px; width:360px; }
body.main div#quickarea div#group2 div#bbs2 ul	{ position:absolute; left:0; top:20px; width:360px; }
body.main div#quickarea div#group2 div#bbs2 ul li	{ width:63px; height:26px; margin-right:0; text-align:center; border-bottom:none; background:url("/images/main/bbs2_btn_off.gif") no-repeat 0 0; float:left; }
body.main div#quickarea div#group2 div#bbs2 ul li a.tab	{ padding-top:6px; font-size:0.92em; color:#666; letter-spacing:-0.1em; display:block; }
body.main div#quickarea div#group2 div#bbs2 ul li.on	{ background:url("/images/main/bbs2_btn_on.gif") no-repeat 0 0; float:left; }
body.main div#quickarea div#group2 div#bbs2 ul li.on a.tab	{ color:black; }
body.main div#quickarea div#group2 div#bbs2 div	{ position:absolute; left:5px; top:33px; width:350px; text-align:left; }
body.main div#quickarea div#group2 div#bbs2 div.hide	{ left:-3000px; }
body.main div#quickarea div#group2 div#bbs2 dl	{ width:360px; }
body.main div#quickarea div#group2 div#bbs2 dt	{ width:290px; height:19px; float:left; overflow:hidden; clear:both; }
body.main div#quickarea div#group2 div#bbs2 dt a	{ padding-left:10px; font-size:0.92em; background:url("/images/main/icon_list.gif") no-repeat 0 4px; }
body.main div#quickarea div#group2 div#bbs2 dd	{ width:60px; height:19px; text-align:right; float:left; overflow:hidden; }
body.main div#quickarea div#group2 div#bbs2 .more	{ position:absolute; left:271px; top:-28px; }

body.main div#quickarea div#group3	{ position:absolute; left:695px; top:0; width:235px; }

body.main div#quickarea div#group3 div#popupzone	{ position:absolute; left:0; top:0; width:235px; height:149px; background:url("/images/main/popupzone_bg.gif") no-repeat 0 0; }
body.main div#quickarea div#group3 div#popupzone h2	{ position:absolute; left:10px; top:5px; }
body.main div#quickarea div#group3 div#popupzone ul	{ margin-top:5px; margin-right:5px; float:right; }
body.main div#quickarea div#group3 div#popupzone ul li	{ margin-right:3px; float:left; }
body.main div#quickarea div#group3 div#popupzone ul li a.btn	{ z-index:5; position:relative; left:0; top:3px; }
body.main div#quickarea div#group3 div#popupzone ul li a.popup	{ z-index:0; position:absolute; left:10px; top:25px; }
body.main div#quickarea div#group3 div#popupzone ul li a.hide	{ left:-3000px; }
/*body.main div#quickarea div#group3 div#popupzone .rotationbtn	{ z-index:10; position:absolute; left:0; top:16px; }
body.main div#quickarea div#group3 div#popupzone .rotationbtn li	{ float:left; }*/

body.main div#quickarea div#group3 div#guide	{ position:absolute; left:0; top:155px; width:235px; height:83px; /*padding:7px 10px; background:url("/images/main/guide_bg.gif") no-repeat 0 0;*/ }
body.main div#quickarea div#group3 div#guide p	{ margin-bottom:5px; }
body.main div#quickarea div#group3 div#guide img	{ margin-bottom:3px; }

body.main div#quickarea div#group3 div#poll			{ position:absolute; left:0; top:245px; width:235px; height:62px; background:url("/images/main/poll_bg.gif") no-repeat 0 100%; }
body.main div#quickarea div#group3 div#poll p		{ position:absolute; left:60px; top:30px; width:160px; }

body.main div#quickarea div#group4	{ position:absolute; left:310px; top:320px; width:623px; height:241px; background:url("/images/main/service_bg.gif") no-repeat 0 0; }

body.main div#quickarea div#group4 div#serviceb		{ position:absolute; left:20px; top:15px; width:340px; }
body.main div#quickarea div#group4 div#serviceb ul	{ position:absolute; left:150px; top:-5px; width:190px; }
body.main div#quickarea div#group4 div#serviceb div.tflash	{ position:absolute; left:-5px; top:60px; width:190px; }
body.main div#quickarea div#group4 div#serviceb ul li	{ float:left; }

body.main div#quickarea div#group4 div#service	{ position:absolute; left:395px; top:15px; width:235px; }
body.main div#quickarea div#group4 div#service ul		{ width:235px; margin-top:20px; }
body.main div#quickarea div#group4 div#service ul li	{ width:55px; height:63px; text-align:center; float:left; }


/**********************************************************************
@ copyrightarea
**********************************************************************/
body.main div#copyrightarea	{ position:absolute; left:0; top:700px; width:100%; height:80px; background:url("/images/main/copyright_bg.gif") repeat-x 0 0; }
body.main div#copyrightarea div.pos { position:relative; width:935px; text-align:left; margin:0 auto; }
body.main div#copyrightarea div#copyrightlogo	{ position:absolute; left:0; top:15px; width:100%; }
body.main div#copyrightarea div#copylink	{ position:absolute; left:130px; top:20px; width:100%; }
body.main div#copyrightarea div#copylink ul li	{ padding:0 8px; background:url("/images/main/copyright_line.gif") no-repeat 100% 0; float:left; }
body.main div#copyrightarea div#copylink ul li.last	{ background:none; }
body.main div#copyrightarea div#copyright	{ position:absolute; left:135px; top:40px; width:100%; }

body.main div#copyrightarea div#footerlinksite	{ position:relative; left:720px; top:12px; width:210px; height:37px; }
body.main div#copyrightarea div#footerlinksite select	{ width:180px; height:19px; border:solid 1px #ccc; }
body.main div#copyrightarea div#footerlinksite .btn_near_input	{ position:relative; top:5px; }