/* HTML 편집기에 적용되는 스타일 시작 */
/* 툴바 스타일 */
.HTMLToolBar
{
background-color:#efefef;
}
/* 버튼 스타일 */
.btn { width: 22px; height: 22px; border: 1px solid #efefef; margin: 0; padding: 0; background-color:Transparent; }
/* 롤오버 버튼 스타일 */
.btnOver { width: 22px; height: 22px; border: 1px outset; }
/* 다운 버튼 스타일 */
.btnDown { width: 22px; height: 22px; border: 1px inset; background-color: buttonhighlight; }
/* 버튼이외의 스타일 - 사용되지 않음 */
.btnNA { width: 22px; height: 22px; border: 1px solid buttonface; filter: alpha(opacity=25); }
/* 사용자 컨텍스트 메뉴의 기본 스타일 */
.cMenu { background-color: threedface; color: menutext; cursor: Default; font-family: 굴림; font-size: 9pt; padding: 2 12 2 16; }
/* 사용자 컨텍스트 메뉴의 오버 스타일 */
.cMenuOver { background-color: highlight; color: highlighttext; cursor: Default; font-family: 굴림; font-size: 9pt; padding: 2 12 2 16; }
/* 사용자 컨텍스트 메뉴의 구분자-외곽 스타일 */
.cMenuDivOuter { background-color: threedface; height: 9 }
/* 사용자 컨텍스트 메뉴의 구분자-내부 스타일 */
.cMenuDivInner { margin: 0 4 0 4; border-width: 1; border-style: solid; border-color: threedshadow threedhighlight threedhighlight threedshadow; }
/* HTML 편집기에 적용되는 스타일 끝 */
BODY, TABLE, TD {
font-size : 9pt;
FONT-FAMILY: "", "u";
line-height : 140%;
color : #888888 ;
FONT-SIZE: 9pt;
SCROLLBAR-FACE-COLOR: #e2e2e2; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #aaaaaa; SCROLLBAR-3DLIGHT-COLOR: #999999; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #eeeeee; SCROLLBAR-DARKSHADOW-COLOR: #f1f2f2; TEXT-DECORATION: none
}
a{
color : #888888 ;
text-decoration : none;
}
A:FOCUS, A:ACTIVE{
text-decoration : none;
color : #444444 ;
}
A:HOVER {
text-decoration : none;
color : #0052b5; text-decoration: underline ;
}
input {
padding-left : 5px
}
textarea {
padding : 10px;
font-size : 9pt;
}
img{border:0}
.cl { margin-top:0px ; margin-left:0px ; margin-right:10px ; margin-bottom:10px ; border : thin solid ; border-color :#DADADA;}
.clt { color:#DE6F1D }
.clp { font: bold }
.border1 {border-style: solid; border-width: 1}
.text1 {color:#777777}
.text2 {color:#ff6600}
.text3 {color:#528ED9}
.text4 {color:#EB9500; font-size:8pt;font-family:돋움;}
.text5 {color:#777777; font: bold}
.text6 {color:#ff6600; font: bold}
.text7 {color:#000000; font: bold}
.text8 {color:#5A5A5A; font-size:8pt; font: bold; font-family:돋움;}
.listline {background-image: url(list_line_01.gif);background-repeat: repeat-x;background-position: center bottom;}
.dotline {background-image: url(/board/icon/${icon}/list_dotline_01.gif);background-repeat: repeat-x;background-position: center bottom;}
.bg1 {background-color:#fafafa}
.bg2 {background-color:#cccccc}
.bg3 {background-image:url(table_bg_02.gif)}
.bg4 {background-color:#DFDFDF}
.table1 {border-width:1px; border-color:#CECECE; background-color:white; border-style:solid;}
.table2 {border-width:1px; border-color:#DEDEDE; background-color:#fafafa; border-style:solid;}
.form1 {font-size:12px; color:#000000; border-width:1px; border-color:#B8B8B8; border-style:solid;}
.form2 {font-size:12px; color:#666666; background-color:#F4F4F4; border-width:1px; border-color:#B8B8B8; border-style:solid;}
.imgborder1 {color:black; margin:5; border-width:2px; border-color:#CCCCCC; border-style:solid;}
.imgborder2 {color:black; margin:5; border-width:2px; border-color:#F5DD8B; border-style:solid;}
.table-bg1
{
background-image: url(table_bg_01.gif);
background-repeat: repeat-x;
}
.table-bg2
{
background-image: url(table_bg_02.gif);
background-repeat: repeat-x;
}
img {border:0;}
/* DENTAL CMS Green */
.Dgreen {color:#2e94ba}
.Dgreen_title {color:#2e94ba ; background-color:#e3ecf1 ; font: bold ;}
.Dwhite_title {color:#ffffff ; font: bold ;}
/*===============================================================*
공통
*===============================================================*/
/*폰트관련 */
.b {font:bold;}
.8 {font-size : 8pt; font-family: 돋움;}
.9 {font-size : 9pt;}
.ls-1 {letter-spacing:-1px ;}
.underline {text-decoration: underline ;}
/* 폰트 */
.date {color:858585; }
.8gray {color:#848484; font-size : 8pt;}
.white {color:#ffffff;}
.gold {color:#997c3a;}
.blue {color:#3c3b79;}
.red {color:#af2b47; }
.green {color:#8aa54d; }
.sky {color:#6ca9c5; }
/*배경관련 */
.x {background-repeat:repeat-x;}
.y {background-repeat:repeat-y;}
.no {background-repeat:no-repeat;}
.center {background-position: center left;}
.bottom {background-position: bottom left;}
/*===============================================================*
메인
*===============================================================*/
.main_bg_01{background-image: url(../images/main_bg_01.jpg);background-repeat: repeat-x;}
.main_bg_color{background-color:#c1dbff;}
.location {font-size : 8pt; font-family: 돋움;}
.location2 {color:#d27b0a; font-size : 8pt; font-family: 돋움;}
.list:link {
color: #888888 ; text-decoration: none ; font-size : 9pt; font-family: "Dotum";
}
.list:visited {
color: #888888 ; text-decoration: none ; font-size : 9pt; font-family: "Dotum";
}
.list:active {
color: #888888 ; text-decoration: none ; font-size : 9pt; font-family: "Dotum";
}
.list:hover {
color: #179a0d ; text-decoration: none ; font-size : 9pt; font-family: "Dotum";
}
/*===============================================================*
서브
*===============================================================*/
.top_line{background-image: url(../images/main_topline.gif);background-repeat: repeat-x;}
.sitemap:link {
color: #888888 ; text-decoration: none ; font-size : 8pt; font-family: "Dotum";
}
.sitemap:visited {
color: #888888 ; text-decoration: none ; font-size : 8pt; font-family: "Dotum";
}
.sitemap:active {
color: #888888 ; text-decoration: none ; font-size : 8pt; font-family: "Dotum";
}
.sitemap:hover {
color: #179a0d; text-decoration: underline ; font-size : 8pt; font-family: "Dotum";
}
.tab_menu01 {margin:0 0 0 0px; padding:35px 0 0 0; list-style:none; width:680px; height:29px}
.tab_menu01 li { float:left}
/* 메인 배너 */
#panles{width:980px;height:359px;position:relative;overflow:hidden;background: white;}
.panelHolder{float:left;position:relative;padding-right:0px;width:141px;height:359px;overflow:hidden;background:white;}
.contentHolder{float:left;position:relative;background:white;width:560px;}
.tab{width:141px;position:absolute;z-index:1;}
.model{position:absolute;opacity:0;width:100%;height:358px;}
.panelTitle.last{padding:0;}
.active.panelHolder{width:560px;}
.active .tab{opacity:0;}
.active .model{visibility:visible;z-index:0;opacity: 1;}
/* gnb */
#TopMenu {width:728px;height:60px;position:relative;}
#TopMenuSub {padding:15px 0 0 20px; margin:0;}
#TopMenuSub ul {margin:0;padding:0;list-style:none;}
#TopMenuSub ul li {float:left;height:36px;margin:0;padding:0 0 0 55px;list-style:none;}
#TopMenuSub ul li.menu1 {padding:0;}
#TopMenuSub ul li div {position:absolute;height:30px;left:30px;top:25px;margin:10px 0 0 0;padding:0px; }
#TopMenuSub ul li.menu1 div {left:0px;}
#TopMenuSub ul li.menu2 div {left:70px;}
#TopMenuSub ul li.menu3 div {left:160px;}
#TopMenuSub ul li.menu4 div {left:360px;}
#TopMenuSub ul li.menu5 div {left:480px;}
#TopMenuSub ul li.menu6 div {left:510px;}
#TopMenuSub ul li div ul {float:left;margin:0 0 0 15px;height:30px;padding:0 15px 0 0;list-style:none;display:inline;}
#TopMenuSub ul li div ul li {width:auto;height:auto;padding:7px 0 0 10px;}
/* lnb */
#lnb {position:relative;width:223px;}
#lnb > ul {list-style:none;padding-left:0px;text-align: left;}
#lnb > ul > li {}
#lnb > ul > li > a {display:block;padding:0 0 0 20px;color:#767676;line-height:24px;font-size:14px;letter-spacing:-1px;font-family: 'Nanum Gothic', sans-serif;border-bottom:1px solid #d9d9d9;}
#lnb > ul > li a:hover {color:#6796d7; background-color:#fff;font-weight:bold;}
#lnb > ul > li.on > a {color:#6796d7; background-color:#fff;font-weight:bold;text-align:left;padding-right:20px;}
#lnb > ul > li ul {display: none;list-style:none;padding-left:0px;}
.sub-tl {font-size:16px;color:#4f4f4f;font-weight:bold;padding:20px 0 0 30px;}