sp1000je
179 lines
4.3 KiB
CSS
179 lines
4.3 KiB
CSS
@charset "utf-8";
|
|
|
|
body{font-size:75%;font-family:'NanumGothic','나눔고딕','Nanum Gothic','NanumGothicWeb','돋움',Dotum,Gulim,Arial,Verdana,AppleGothic,Sans-serif!important;color:#333;}
|
|
|
|
a,
|
|
a:link{text-decoration:none;cursor:pointer;color:#555;}
|
|
|
|
/* Letter-spacing */
|
|
.ls0 {letter-spacing:0;}
|
|
.ls_s {letter-spacing:-0.05em;}
|
|
.ls_ss {letter-spacing:-0.3em;}
|
|
|
|
/* cursor:pointer */
|
|
.hand{cursor:pointer;}
|
|
|
|
/* dispaly */
|
|
.disblock {display:block;}
|
|
.disnone {display:none;}
|
|
.disinline {display:inline;}
|
|
.disinlineblock {display:inline-block;}
|
|
|
|
/* float */
|
|
.fl{float:left;}
|
|
.fr{float:right;}
|
|
.fn{float:none;}
|
|
|
|
/* align */
|
|
.tal {text-align: left;}
|
|
.tac {text-align: center;}
|
|
.tar {text-align: right;}
|
|
|
|
/* vertical align */
|
|
.vat {vertical-align:top;}
|
|
.vam {vertical-align:middle;}
|
|
.vab {vertical-align:bottom;}
|
|
|
|
/* font family */
|
|
.ff1 {font-family:돋움,dotum;}
|
|
.ff2 {font-family:굴림,gulim;}
|
|
.ff3 {font-family:verdana;}
|
|
.ff4 {font-family:tahoma;}
|
|
.ff5 {font-family:arial;}
|
|
|
|
/* font size */
|
|
.fs10 {font-size:10px;}
|
|
.fs11 {font-size:11px;}
|
|
.fs12 {font-size:12px;}
|
|
.fs13 {font-size:13px;}
|
|
.fs14 {font-size:14px;}
|
|
.fn { font-weight:normal;}
|
|
.bold {font-weight:bold;}
|
|
|
|
/* font color */
|
|
.orange {color:#f96f00;}
|
|
.black {color:#000000;}
|
|
.sky_blue {color:#0085c9;}
|
|
.blue {color:#0773c7;}
|
|
.gray {color:#C2C2C2;}
|
|
.gray2 {color:#9B9B9B;}
|
|
.green {color:#80a344;}
|
|
|
|
/* Line */
|
|
.underline {text-decoration:underline;}
|
|
|
|
/* Tag(Paragraph) */
|
|
p { margin: 0; padding:0; border:0;}
|
|
p.em { color: #06c; margin: 0; padding: 0; }
|
|
|
|
/* 스킨컬러 */
|
|
.skin_color{position:absolute;width:100%;}
|
|
.skin_color ul{font-size:0;line-height:0;}
|
|
.skin_color ul li{display:inline-block;margin:0 3px;_zoom:1;}
|
|
|
|
/* Input,textarea,select */
|
|
.input_box {background-color:#FFFFFF;border:1px solid #CDCDCD;font-size:1em;height:15px;padding:3px 3px 0;}
|
|
textarea {border:1px solid #cdcdcd; font-size: 1em; width:98%;}
|
|
select, textarea {vertical-align: middle;}
|
|
|
|
/* Padding */
|
|
.pt0 {padding-top:0px;}
|
|
.pt1 {padding-top:1px;}
|
|
.pt2 {padding-top:2px;}
|
|
.pt3 {padding-top:3px;}
|
|
.pt4 {padding-top:4px;}
|
|
.pt5 {padding-top:5px;}
|
|
.pt6 {padding-top:6px;}
|
|
.pt7 {padding-top:7px;}
|
|
.pt8 {padding-top:8px;}
|
|
.pt9 {padding-top:9px;}
|
|
.pt10 {padding-top:10px;}
|
|
.pt20 {padding-top:20px;}
|
|
.pt30 {padding-top:30px;}
|
|
|
|
.pr0 {padding-right:0px;}
|
|
.pr1 {padding-right:1px;}
|
|
.pr2 {padding-right:2px;}
|
|
.pr3 {padding-right:3px;}
|
|
.pr4 {padding-right:4px;}
|
|
.pr5 {padding-right:5px;}
|
|
.pr6 {padding-right:6px;}
|
|
.pr7 {padding-right:7px;}
|
|
.pr8 {padding-right:8px;}
|
|
.pr9 {padding-right:9px;}
|
|
.pr10 {padding-right:10px;}
|
|
|
|
.pl0 {padding-left:0px;}
|
|
.pl1 {padding-left:1px;}
|
|
.pl2 {padding-left:2px;}
|
|
.pl3 {padding-left:3px;}
|
|
.pl4 {padding-left:4px;}
|
|
.pl5 {padding-left:5px;}
|
|
.pl6 {padding-left:6px;}
|
|
.pl7 {padding-left:7px;}
|
|
.pl8 {padding-left:8px;}
|
|
.pl9 {padding-left:9px;}
|
|
.pl10 {padding-left:10px;}
|
|
.pl20 {padding-left:20px;}
|
|
.pl30 {padding-left:30px;}
|
|
|
|
.pb0 {padding-bottom:0px;}
|
|
.pb1 {padding-bottom:1px;}
|
|
.pb2 {padding-bottom:2px;}
|
|
.pb3 {padding-bottom:3px;}
|
|
.pb4 {padding-bottom:4px;}
|
|
.pb5 {padding-bottom:5px;}
|
|
.pb6 {padding-bottom:6px;}
|
|
.pb7 {padding-bottom:7px;}
|
|
.pb8 {padding-bottom:8px;}
|
|
.pb9 {padding-bottom:9px;}
|
|
.pb10 {padding-bottom:10px;}
|
|
|
|
/* Margin */
|
|
.mt5 {margin-top:5px;}
|
|
.mt10 {margin-top:10px;}
|
|
.mt15 {margin-top:15px;}
|
|
.mt20 {margin-top:20px;}
|
|
.mt25 {margin-top:25px;}
|
|
.mt30 {margin-top:30px;}
|
|
.mt35 {margin-top:35px;}
|
|
.mt40 {margin-top:40px;}
|
|
|
|
.ml10 {margin-left:10px;}
|
|
.ml15 {margin-left:15px;}
|
|
.ml20 {margin-left:20px;}
|
|
.ml25 {margin-left:25px;}
|
|
.ml30 {margin-left:30px;}
|
|
.ml35 {margin-left:35px;}
|
|
.ml40 {margin-left:40px;}
|
|
|
|
.mr5 {margin-right:5px;}
|
|
.mr10 {margin-right:10px;}
|
|
.mr15 {margin-right:15px;}
|
|
.mr20 {margin-right:20px;}
|
|
.mr25 {margin-right:25px;}
|
|
.mr30 {margin-right:30px;}
|
|
.mr35 {margin-right:35px;}
|
|
.mr40 {margin-right:40px;}
|
|
|
|
.mb5 {margin-bottom:5px;}
|
|
.mb10 {margin-bottom:10px;}
|
|
.mb15 {margin-bottom:15px;}
|
|
.mb20 {margin-bottom:20px;}
|
|
.mb25 {margin-bottom:25px;}
|
|
.mb30 {margin-bottom:30px;}
|
|
.mb35 {margin-bottom:35px;}
|
|
.mb40 {margin-bottom:40px;}
|
|
|
|
/* Width */
|
|
.w100 {width:100%;}
|
|
|
|
|
|
/* Etc */
|
|
.loading {display:none; position:absolute; left:400px; top:240px; border:2px solid #C6C6C6; background-color:#ffffff; padding:25px; text-align:center; vertical-align:middle; z-index:1000; font-weight:bold; color:#313131; line-height:140%;}
|
|
.loading span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
|
|
|
|
|
|
/***************************** contents list ******************************/
|
|
|