/**************************************************************************************************************************** 타이틀 : 탭박스 작성자 : 김종화 제작일 : 2010.03.24 ***************************************************************************************************************************** 기본 스타일 ****************************************************************************************************************************/ p {margin:0px; padding:0px; text-align:left;} .btn a {color:#757575; font-family:돋움;} /**************************************************************************************************************************** 기본 탭박스 스타일 ****************************************************************************************************************************/ #Boxtab {float:left; overflow:hidden; border:1px solid #d3dce1;} #Boxtab .btn {position:relative; overflow:hidden; left:-1px; letter-spacing:-1px; border:none;} #Boxtab .btn span {display:block; overflow:hidden; float:left; border-left:1px solid #d3dce1; border-bottom:1px solid #d3dce1; color:#888; text-align:center; text-decoration:none; cursor:pointer;} #Boxtab .btn span.on {border-bottom:none; overflow:hidden; background-color:#fff; color:#666 !important; font-weight:bold;} #Boxtab_230 {float:left; width:228px; overflow:hidden; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;} #Boxtab_230 .btn {position:relative; overflow:hidden; left:-1px; width:234px; letter-spacing:-1px; border:none;} #Boxtab_230 .btn span {display:block; overflow:hidden; float:left; padding:6px 0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#888; text-align:center; text-decoration:none; cursor:pointer;} #Boxtab_230 .btn span.on {border-bottom:none; overflow:hidden; background-color:#fff; color:#666 !important; font-weight:bold;} #Boxtab_250 {float:left; width:248px; overflow:hidden; border:1px solid #e0e0e0;} #Boxtab_250 .btn {position:relative; overflow:hidden; left:-1px; width:254px; letter-spacing:-1px; border:none;} #Boxtab_250 .btn span {display:block; overflow:hidden; float:left; padding:6px 0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#888; text-align:center; text-decoration:none; cursor:pointer;} #Boxtab_250 .btn span.on {border-bottom:none; overflow:hidden; background-color:#fff; color:#666 !important; font-weight:bold;} #Boxtab_330 {float:left; width:328px; overflow:hidden; border:1px solid #e0e0e0;} #Boxtab_330 .btn {position:relative; overflow:hidden; left:-1px; width:334px; letter-spacing:-1px; border:none;} #Boxtab_330 .btn span {display:block; overflow:hidden; float:left; padding:8px 0 8px 0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#888; text-align:center; text-decoration:none; cursor:pointer;} #Boxtab_330 .btn span.on {border-bottom:none; overflow:hidden; background-color:#fff; color:#666 !important; font-weight:bold;} #Boxtab_390 {float:left; width:388px; overflow:hidden; border:1px solid #e0e0e0;} #Boxtab_390 .btn {position:relative; overflow:hidden; left:-1px; width:394px; letter-spacing:-1px; border:none;} #Boxtab_390 .btn span {display:block; overflow:hidden; float:left; padding:8px 0 8px 0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#888; text-align:center; text-decoration:none; cursor:pointer;} #Boxtab_390 .btn span.on {border-bottom:none; overflow:hidden; background-color:#fff; color:#666 !important; font-weight:bold;} #Boxtab_420 {float:left; width:418px; overflow:hidden; border:1px solid #e0e0e0;} #Boxtab_420 .btn {position:relative; overflow:hidden; left:-1px; width:424px; letter-spacing:-1px; border:none;} #Boxtab_420 .btn span {display:block; overflow:hidden; float:left; padding:8px 0 8px 0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#888; text-align:center; text-decoration:none; cursor:pointer;} #Boxtab_420 .btn span.on {border-bottom:none; overflow:hidden; background-color:#fff; color:#666 !important; font-weight:bold;} /**************************************************************************************************************************** 라운드 탭박스 스타일 ****************************************************************************************************************************/ #Rudtab_250 {float:left; width:250px; overflow:hidden;} #Rudtab_250 .Rdn {display:block; overflow:hidden; float:left; width:250px; height:10px; background:url("/Autobox/image/TapBox_Round_Dn.gif") no-repeat left 0; padding-left:1px;} #Rudtab_250 .Rdn span {display:block; overflow:hidden; float:left; width:248px; height:10px; background:url("/Autobox/image/TapBox_Round_Dn.gif") no-repeat right 0; padding-right:1px;} #Rudtab_250 .btn {position:relative; overflow:hidden; width:256px; letter-spacing:-1px; border:none; color:#888; text-align:center; text-decoration:none; line-height:260%;} #Rudtab_250 .btn span {display:block; overflow:hidden; float:left; height:30px; background:url("/Autobox/image/TapBox_Round.gif") left 0; padding-left:1px; cursor:pointer;} #Rudtab_250 .btn span a{display:block; overflow:hidden; height:30px; background:url("/Autobox/image/TapBox_Round.gif") right 0; padding-right:1px;} #Rudtab_250 .btn span.on {display:block; overflow:hidden; float:left; height:30px; background:url("/Autobox/image/TapBox_Round.gif") left 30px; padding-left:1px; cursor:pointer;} #Rudtab_250 .btn span.on a{display:block; overflow:hidden; height:30px; background:url("/Autobox/image/TapBox_Round.gif") right 30px; padding-right:1px;} #Rudtab_250 .btn span.on {border-bottom:none; overflow:hidden; color:#666 !important; font-weight:bold;} #Rudtab_250 ul {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding-bottom:0;} #Rudtab_390 {float:left; width:390px; overflow:hidden;} #Rudtab_390 .Rdn {display:block; overflow:hidden; float:left; width:390px; height:10px; background:url("/Autobox/image/TapBox_Round_Dn.gif") no-repeat left 0; padding-left:1px;} #Rudtab_390 .Rdn span {display:block; overflow:hidden; float:left; width:388px; height:10px; background:url("/Autobox/image/TapBox_Round_Dn.gif") no-repeat right 0; padding-right:1px;} #Rudtab_390 .btn {position:relative; overflow:hidden; width:396px; letter-spacing:-1px; border:none; color:#888; text-align:center; text-decoration:none; line-height:260%;} #Rudtab_390 .btn span {display:block; overflow:hidden; float:left; height:30px; background:url("/Autobox/image/TapBox_Round.gif") left 0; padding-left:1px; cursor:pointer;} #Rudtab_390 .btn span a{display:block; overflow:hidden; height:30px; background:url("/Autobox/image/TapBox_Round.gif") right 0; padding-right:1px;} #Rudtab_390 .btn span.on {display:block; overflow:hidden; float:left; height:30px; background:url("/Autobox/image/TapBox_Round.gif") left 30px; padding-left:1px; cursor:pointer;} #Rudtab_390 .btn span.on a{display:block; overflow:hidden; height:30px; background:url("/Autobox/image/TapBox_Round.gif") right 30px; padding-right:1px;} #Rudtab_390 .btn span.on {border-bottom:none; overflow:hidden; color:#666 !important; font-weight:bold;} #Rudtab_390 ul {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding-bottom:0;} #Rudtab_420 {float:left; width:420px; overflow:hidden;} #Rudtab_420 .Rdn {display:block; overflow:hidden; float:left; width:420px; height:10px; background:url("/Autobox/image/TapBox_Round_Dn.gif") no-repeat left 0; padding-left:1px;} #Rudtab_420 .Rdn span {display:block; overflow:hidden; float:left; width:418px; height:10px; background:url("/Autobox/image/TapBox_Round_Dn.gif") no-repeat right 0; padding-right:1px;} #Rudtab_420 .btn {position:relative; overflow:hidden; width:426px; letter-spacing:-1px; border:none; color:#888; text-align:center; text-decoration:none; line-height:260%;} #Rudtab_420 .btn span {display:block; overflow:hidden; float:left; height:30px; background:url("/Autobox/image/TapBox_Round2.gif") left 0; padding-left:1px; cursor:pointer;} #Rudtab_420 .btn span a{display:block; overflow:hidden; height:30px; background:url("/Autobox/image/TapBox_Round2.gif") right 0; padding-right:1px;} #Rudtab_420 .btn span.on {display:block; overflow:hidden; float:left; height:30px; background:url("/Autobox/image/TapBox_Round2.gif") left 30px; padding-left:1px; cursor:pointer;} #Rudtab_420 .btn span.on a{display:block; overflow:hidden; height:30px; background:url("/Autobox/image/TapBox_Round2.gif") right 30px; padding-right:1px;} #Rudtab_420 .btn span.on {border-bottom:none; overflow:hidden; color:#666 !important; font-weight:bold;} #Rudtab_420 ul {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding-bottom:0;} /**************************************************************************************************************************** 기본 심볼스타일 ****************************************************************************************************************************/ .TabB1 li {padding-left:8px; background:url("/Autobox/image/TapBox_Boll.gif") no-repeat -10px -2px;} .TabB2 li {padding-left:8px; background:url("/Autobox/image/TapBox_Boll.gif") no-repeat -10px -35px;} .TabB3 li {padding-left:8px; background:url("/Autobox/image/TapBox_Boll.gif") no-repeat -10px -68px;} .TabB4 li {padding-left:8px; background:url("/Autobox/image/TapBox_Boll.gif") no-repeat -10px -102px;} /**************************************************************************************************************************** 리플 심볼스타일 ****************************************************************************************************************************/ .TabRep li {padding-left:10px; background:url("/Autobox/image/TapBox_Boll.gif") no-repeat -10px -136px;} /**************************************************************************************************************************** 커버스토리 심볼스타일 ****************************************************************************************************************************/ #RoundBox b {display:block; height:1px; overflow:hidden;} #RoundBox #Rb1{margin:0px 5px 0px 5px;} #RoundBox #Rb3{margin:0px 2px 0px 2px;} #RoundBox #Rb4{height:2px;} #RoundBox #Rb4{margin:0px 1px 0px 1px;} #Rb5 {position:relative; overflow:hidden;} #RbBtn {float:left; overflow:hidden; width:20px; padding:10px 0 0 10px; font-weight:bold; font-size:10px; font-family:tahoma; letter-spacing:-2px;} #RbBtn .btn span {display:block; width:20px; padding:3px 0 3px 0; margin-bottom:3px; color:#fff; text-align:center; text-decoration:none; cursor:pointer;} #RbBtn .btn span.on { overflow:hidden; background-color:#fff;} .RbView { float:left; margin:10px 0 10px 10px; background-color:#fff; } #RdBtn {float:right; overflow:hidden; padding:5px 0 5px 0; margin:5px 5px 5px 5px; font-weight:bold; font-size:10px; font-family:tahoma; letter-spacing:-2px;} #RdBtn .btn span {float:let; padding:3px 8px 3px 8px; color:#888; text-align:center; text-decoration:none; cursor:hand; border:1px solid #e0e0e0;} #RdBtn .btn span.on { border:0; overflow:hidden; color:#fff;} .CbView { overflow:hidden; background-color:#fff; padding:10px 10px 10px 10px}