TABLE { FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: 굴림, Gulim, Arial, sans-serif; LETTER-SPACING: -1px; BORDER-COLLAPSE: collapse; font-weight: 200; } DIV { FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: 굴림, Gulim, Arial, sans-serif; LETTER-SPACING: -1px; BORDER-COLLAPSE: collapse } SELECT { BORDER-RIGHT: #d5d5d5 1px solid; BORDER-TOP: #d5d5d5 1px solid; FONT-SIZE: 11px; BACKGROUND: #fff; VERTICAL-ALIGN: middle; BORDER-LEFT: #d5d5d5 1px solid; COLOR: #484848; BORDER-BOTTOM: #d5d5d5 1px solid; FONT-FAMILY: 돋움, Dotum, Arial, sans-serif; LETTER-SPACING: -1px; BEHAVIOR: url('/inc/selectbox.htc'); WIDTH: 120px } SELECT2 { BORDER-RIGHT: #d5d5d5 1px solid; BORDER-TOP: #d5d5d5 1px solid; FONT-SIZE: 11px; BACKGROUND: #fff; VERTICAL-ALIGN: middle; BORDER-LEFT: #d5d5d5 1px solid; COLOR: #484848; BORDER-BOTTOM: #d5d5d5 1px solid; FONT-FAMILY: 돋움, Dotum, Arial, sans-serif; LETTER-SPACING: -1px; BEHAVIOR: url('/inc/selectbox.htc'); WIDTH: 120px} .input { BORDER-RIGHT: #dedede 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2a2a2 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; FONT: 11px 돋움; BORDER-LEFT: #a2a2a2 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #dedede 1px solid; HEIGHT: 20px } .input_02 { BORDER-RIGHT: #dedede 1px solid; BORDER-TOP: #a2a2a2 1px solid; FONT: 11px 돋움; BORDER-LEFT: #a2a2a2 1px solid; BORDER-BOTTOM: #dedede 1px solid; HEIGHT: 16px } .f12_basic { FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: 굴림, Gulim } /* 스크롤바 */ body{ scrollbar-face-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #CDCDCD; scrollbar-shadow-color: #CDCDCD; scrollbar-darkshadow-color: #FFFFFF; scrollbar-arrow-color: #A5A5A5; /* 위에서부터 순서대로 bar 의 표면색 스크롤 트랙의 색 밝게 빛나는 좌상단 모서리 좌상단 모서리 아래부분 그림자 지는 우하단 그림자 우하단 삼각형부분 */ } /******* 링크 점선 없애기 *************/ a { selector-dummy : expression(this.hideFocus=true);} a { font-family:굴림; color:#767676; text-decoration:none; } a:hover {text-decoration:none;color:#5ba9cc;} /** 탭 **/ .mg18{MARGIN-TOP: 18px; MARGIN-BOTTOM: 18px} .tab_margin{MARGIN-TOP: 30px; MARGIN-BOTTOM: 20px} /** 왼쪽 마진 **/ .ml14{MARGIN-LEFT: 14px} .ml20{MARGIN-LEFT: 20px} .ml25{MARGIN-LEFT: 25px} .ml35{MARGIN-LEFT: 20px;MARGIN-TOP: 3px;} .ml5{MARGIN-LEFT: 5px} .btnmg{MARGIN-TOP: 3px; MARGIN-LEFT: 11px} .mg5{MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px} .mg15{MARGIN-TOP: 15px; MARGIN-BOTTOM: 15px} /** 리스트 마진 **/ .list_margin{MARGIN-BOTTOM: 20px} .paging_margin{PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px} /** 공지사항 **/ .news_01{FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 24px; FONT-FAMILY: 돋움, Dotum;BACKGROUND:#f7f5f6;color:#8d8d8d;PADDING-RIGHT: 5px;PADDING-LEFT: 5px;} .news_02{FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 24px; FONT-FAMILY: 돋움, Dotum;BACKGROUND:#ffffff;color:#8d8d8d;PADDING-RIGHT: 5px;PADDING-LEFT: 5px;} /** 리스트 **/ .list_send01{BACKGROUND:#e5e5e5;color:#666666;PADDING-RIGHT: 3px;PADDING-LEFT: 3px;} .list_send02{BACKGROUND:#f5f5f5;color:#666666;PADDING-RIGHT: 3px;PADDING-LEFT: 3px;} .list_send03{BACKGROUND:#ffffff;color:#666666;PADDING-RIGHT: 3px;PADDING-LEFT: 3px;} /*TABLE의 입력항목 read only*/ .input_reado{ {border:1 solid #CCCCCC; color:#999999; background-color:f3f3f3;height:20px;padding:3px 3 0 3px;color:666666;font-size:12px; behavior: url('../inc/js/readonly.htc');vertical-align:middle;} /** 패딩**/ .tab02 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px} .padding10 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px} /*제품설명**/ .pro_intro { FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum, Arial PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px} .pro_intro01 { FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: Arial PADDING-RIGHT: 0px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px} /*제품리스트**/ .pro_list { BACKGROUND:#ffffff;FONT-SIZE: 12px; COLOR: #FFFFFF; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;} .pro_list01 { BACKGROUND:#f1f1f1;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px;} .pro_list02 { BACKGROUND:#f9f9f9;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;} .pro_list03 { BACKGROUND:#dddddd;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum} .pro_list04 { BACKGROUND:#dddddd;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;BORDER-Right: #cccccc 1px solid;BORDER-BOTTOM: #cccccc 1px solid;} .pro_list05 { BACKGROUND:#f9f9f9;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;BORDER-Right: #cccccc 1px solid;BORDER-BOTTOM: #cccccc 1px solid;} .pro_list06 { BACKGROUND:#f9f9f9;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;BORDER-BOTTOM: #cccccc 1px solid;} .pro_title { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #e3cc60 2px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #e3cc60 2px solid; BACKGROUND:#F4F1C6;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 2px;} .pro_title00 { BORDER-RIGHT: #e3cc60 1px solid; BORDER-TOP: #e3cc60 2px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #e3cc60 2px solid; BACKGROUND:#F4F1C6;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 2px;} .pro_title01 { FONT-SIZE: 16px; COLOR: #006699; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum} .pop_title01 { FONT-SIZE: 14px; COLOR: #006699; LINE-HEIGHT: 18px; FONT-FAMILY: 돋움, Dotum} .pro_title02 { BORDER-RIGHT: #e3cc60 1px solid; BORDER-TOP: #e3cc60 0px solid; BORDER-LEFT: #e3cc60 0px solid; BORDER-BOTTOM: #e3cc60 2px solid; BACKGROUND:#fffeed;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 2px;} .pro_title03 { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #e3cc60 2px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #e3cc60 2px solid; BACKGROUND:#F4F1C6;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 2px;} .pro_title04 { BORDER-RIGHT: #e3cc60 1px solid; BORDER-TOP: #e3cc60 0px solid; BORDER-LEFT: #e3cc60 0px solid; BORDER-BOTTOM: #e3cc60 2px solid; BACKGROUND:#fffff8;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 2px;} .pro_title05 { BACKGROUND:#ebebeb;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;BORDER-RIGHT: #f9f9f9 1px solid;BORDER-BOTTOM: #f9f9f9 1px solid;} /*게시판**/ .bbs_title { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #69a9bf 2px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #69a9bf 2px solid; BACKGROUND:#FFFFFF;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 3px;} .bbs_title01 { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #69a9bf 1px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #69a9bf 1px solid; BACKGROUND:#ebf3f5; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 3px;} .bbs_title02 { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #69a9bf 0px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #69a9bf 1px solid; BACKGROUND:#ebf3f5;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 3px;} .bbs_title03 { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #69a9bf 1px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #69a9bf 1px solid; BACKGROUND:#FFFFFF;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px; PADDING-TOP: 3px;} .bbs_title04 { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #69a9bf 0px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #69a9bf 1px solid; BACKGROUND:#ebf3f5;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-LEFT: 5px;PADDING-TOP: 3px;} .bbs_title05 { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #69a9bf 1px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #69a9bf 1px solid; BACKGROUND:#f1f1f1;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-LEFT: 5px;PADDING-RIGHT: 5px;PADDING-TOP: 3px;} .bbs_title06 { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #69a9bf 0px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #69a9bf 1px solid; BACKGROUND:#f1f1f1;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-LEFT: 5px;PADDING-TOP: 3px;PADDING-RIGHT: 5px;} .bbs_list01 { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #69a9bf 0px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #d7d7d7 1px solid; BACKGROUND:#f1f1f1;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 4px;} .bbs_list02 { BORDER-RIGHT: #dedede 0px solid; BORDER-TOP: #69a9bf 0px solid; BORDER-LEFT: #a2a2a2 0px solid; BORDER-BOTTOM: #d7d7d7 1px solid; BACKGROUND:#fdfdfd;FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14px; FONT-FAMILY: 돋움, Dotum;PADDING-BOTTOM: 2px; PADDING-TOP: 4px;}