#outline{min-width:1014px;}
.p_main{background:url(../../img/keroking/main/bg_btmmain.jpg) 0 100% repeat-all;}
.p_main .o_bg03{background:url(../../img/keroking/main/bg_mainbtm.jpg) 0 357px no-repeat;}
.p_main .o_bg02{background:url(../../img/keroking/main/bg_mainbase.jpg) 0 30px repeat-x;}

#body_main{clear:both;}
#main_top{height:327px;clear:both;margin:0;padding:0;position:relative;}
#main_center{clear:both;width:864px;height:327px;}
#main_center .column01{position:relative;float:left;background:url(../../img/keroking/main/_sample_maincenter.jpg) 0  0 no-repeat;width:648px;height:446px;}
#main_center .column02{float:right;}
#main_center .column02 a{display:block;margin:0 0 5px 0;}
#main_center .column01 .notice{position:absolute;top:0;right:7px;width:338px;}
#main_center .column01 .scrnshot{position:absolute;top:155px;right:7px;width:338px;}
#main_center .column01 .flash{width:648px;height:446px;}
#main_center .notice h3{background:url(../../img/keroking/main/title_notice.gif) 0 0 no-repeat;width:114px;height:20px;}
#main_center .scrnshot h3{background:url(../../img/keroking/main/title_screenshot.gif) 0 0 no-repeat;width:59px;height:20px;}
#main_center h3{margin:0 0 7px 0;}
#main_center h3 em{display:none;}
#main_center a em{display:none;}
#main_center ul{margin:0;padding:0;}
#main_center .notice li{clear:both;height:16px;}
#main_center .notice li a{color:#007273;margin:1px 3px 0 0;}
#main_center .notice li img{margin:0 5px 3px 0;padding:0;}
#main_center .notice li img,#main_center .notice li a{float:left;display:block;}
#main_center .notice li em{float:right;display:block;padding-right:2px;color:#007273;}
#main_center .notice p{position:absolute;top:5px;right:0px;}
#main_center .notice p a{background:url(../../img/keroking/main/ic_more.gif) 0 0 no-repeat;width:38px;height:14px;}
#main_center .scrnshot h3{margin:0 0 5px 0;}
#main_center .scrnshot li{float:left;margin-right:5px;}
#main_center .scrnshot li span{display:block;background:url(../../img/keroking/main/bg_screenshot.gif) 0 0 no-repeat;width:102px;*width:109px;height:89px;padding:9px 0 0 7px;}
#main_center .scrnshot li.x{margin-right:0;float:right;}
#main_center .scrnshot p{position:absolute;top:5px;right:2px;}
#main_center .scrnshot p a{background:url(../../img/keroking/main/ic_more.gif) 0 0 no-repeat;width:38px;height:14px;}

#flash_top{position:absolute;top:0;left:0;}
#login{position:absolute;top:118px;left:48px;width:144px;height:108px;}
#login .loginbox{clear:both;margin:15px 0 0 0;*height:40px;}
#login .loginbox table{float:left;width:105px;display:block;}
#login .loginbox th{width:19px;}
#login .loginbox td{width:85px;padding-bottom:2px;*padding-bottom:0;background:url('../../img/keroking/main/bg_textarea.gif') no-repeat;}
#login .loginbox .text{border:0;background:transparent;width:81px;*width:85px;height:15px;*height:18px;font:11px dotum;color:#FFF;padding:3px 0 0 4px;}
#login .loginbox p{float:right;width:39px;}
#login span{display:block;clear:both;}
#login .ch{margin:3px 0 0 17px;*margin:0 0 0 17px;color:#3256ba;font:11px dotum;letter-spacing:-1px;}
#login .ch .checkbox{width:15px;height:15px;}
#login .btn{background:url(../../img/keroking/main/bg_line.gif) 0 0 no-repeat;width:108px;height:15px;*height:20px;margin:4px 0 0 15px;padding:5px 0 0 5px;*padding:4px 0 0 5px;}
#logout{position:absolute;top:118px;left:40px;width:144px;height:108px;}
#logout p{font:11px dotum;background:url(../../img/keroking/main/bg_line2.gif) 0 0 no-repeat;width:118px;height:20px;color:#FFF;margin:10px 0 0 14px;padding:5px 0 0 0;text-align:center;line-height:1.4;}
#logout span{display:block;color:#3b59ab;font:11px dotum;margin:8px 0 0 6px;letter-spacing:-1px;}