수다닷컴

div class=top
div class=title
p class=back_btna href=img src=images/back_btn.png/a/p
h1 class=logoa href=img src=images/logo.png/a/h1
/div
div class=navi
ul
li class=btn_1_ona href=#img src=images/btn_1.png/a/li
li class=btn_2a href=#img src=images/btn_2.png/a/li
li class=btn_3a href=#img src=images/btn_3.png/a/li
li class=btn_4a href=#img src=images/btn_4.png/a/li
/ul
/div
/div
div class=tab3_bg
div class=navi_2
ul
lia href=#img src=images/s_btn_1.png/a/li
lia href=#img src=images/s_btn_2.png/a/li
lia href=#img src=images/s_btn_3.png/a/li
/ul
/div
/div
div class=footer
img src=images/footer_img.jpg
/div

.top {max-width:640px;}
.top .back_btn {position:absolute; left:21px; top:16px;}
.top .logo {text-align:center; padding:15px 0 11px 0;}
.top .navi ul{list-style:none;}
.top .navi ul li{float:left; margin:0; padding:0;}
.top .navi .btn_1 {background-color:#ed1c24; width:25%; text-align:center; padding:16px 0 15px 0;}
.top .navi .btn_2 {background-color:#ed1c24; width:25%; text-align:center; padding:16px 0 15px 0;}
.top .navi .btn_3 {background-color:#ed1c24; width:25%; text-align:center; padding:16px 0 15px 0;}
.top .navi .btn_4 {background-color:#ed1c24; width:25%; text-align:center; padding:16px 0 15px 0;}
.top .navi .btn_1_on {background-color:#27282c; width:25%; text-align:center; padding:16px 0 15px 0;}
.top .navi .btn_2_on {background-color:#27282c; width:25%; text-align:center; padding:16px 0 15px 0;}
.top .navi .btn_3_on {background-color:#27282c; width:25%; text-align:center; padding:16px 0 15px 0;}
.top .navi .btn_4_on {background-color:#27282c; width:25%; text-align:center; padding:16px 0 15px 0;}

.tab3_bg {background-image:url(images/m_img_bg.jpg);max-width:640px; padding:0px 0px 0px 0px;}
.tab3_bg .navi_2 ui{list-style:none;}
.tab3_bg .navi_2 ui li {float:left;}위에 ul은 가로정력이되는데
밑에가 안되네요;;

신청하기