@import url(style.css);

#mainMidDivWrap {float:left;width:100%;background-image:url(/coding/images/mainmid_bg.jpg);background-position:0 0;}
#mainMidDiv {float:left;width:905px;}
#sideLeftDiv {float:left;width:351px;height:601px;background-image:url(/coding/images/main_imgbg.jpg);}
#containerDiv {float:right;width:553px;padding-top:30px;}
#centerDiv {float:left;width:295px;}
#sideRightDiv {float:right;width:258px;}

/* notice and gallery */
#notice, #photo {margin-top:15px;}
#notice ul {padding:0;margin:5px 0 0 5px;list-style:none;}
#notice ul li {padding:2px 0 2px 10px;background-image:url(/coding/images/bl.gif);background-repeat:no-repeat;background:position:0 40%;}
#photo ul {padding:0;margin:3px 0 0 0;list-style:none;}
#photo ul li {float:left;display:inline;margin:1px 2px;}
#photo ul li img {width:65px;height:52px;border:1px solid #000;}

/* centerTop btn */
#centerTop {float:left;width:295px;margin:10px 0;}
#centerTop .btn1,
#centerTop .btn2,
#centerTop .btn3,
#centerTop .btn4 {background-repeat:no-repeat;}

#centerTop .btn1 {background-image:url(/coding/images/banner01_bg.gif);background-position:0 0;}
#centerTop .btn2 {background-image:url(/coding/images/banner02_bg.gif);background-position:5px 0;}
#centerTop .btn3 {background-image:url(/coding/images/banner03_bg.gif);background-position:0 0;}
#centerTop .btn4 {background-image:url(/coding/images/banner04_bg.gif);background-position:5px 0;}

#centerTop .btn1, #centerTop .btn3 {border-right:1px dotted #ddd;}

#centerTop dl {float:left;width:145px;height:60px;padding:0;margin:0 0 13px 0;}
#centerTop dl dt {font-size:9pt;font-weight:bold;}
#centerTop dl dt a {color:#B27905;}
#centerTop dl dd {font-size:8pt;padding:0;margin:0;}
#centerTop dl dd a {color:#666;}
#centerTop dl dt, #centerTop dl dd {padding-left:55px;}

/* ryu */
#ryu {width:258px;height:97px;margin-top:20px;background-image:url(/coding/images/ryusungryong_bg.jpg);background-repeat:no-repeat;background-position:right top;}
#ryu ul {width:130px;padding:25px 0 0 0;margin:0;list-style:none;}
#ryu ul li {display:inline;padding-left:35px;font-weight:bold;line-height:220%;}

/* Counter */
#counterDiv {position:absolute;left:30px;top:715px;width:120px;height:40px;background-image:url(/coding/images/counter_bg.gif);background-repeat:no-repeat;background-position:left top;}
#counterDiv ul {margin:0;padding:0;list-style:none;}
#counterDiv ul li {padding:3px 0 0 55px;color:#fff;}


@media print {
body {font: 9pt/1.5 }
}