/* CSS Document 모빌토크 2008-02-15 */
/* 전체 기본 스타일 정의 */
body {
word-break:break-all;
margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px;
}
/* 모든 이미지에 border값 0 적용 */
img {border: none;}
/* 기본링크 */
a:link {font-size:12px; color : #0055ff; text-decoration : none}
a:visited {font-size:12px; color : #0055ff; text-decoration : none}
a:hover {font-size:12px; color : #ff6600; text-decoration : none}
/* 테이블에 대한 기본 스타일 정의 lineheight:18 */
td,th {font-family:"굴림", "verdana" , "sans-serif"; font-size:12px; line-height:18px; color:#444444;}
/* 폰트
td,th {font-family:"굴림", "verdana" , "sans-serif"; font-size:12px; line-height:18px; color:#364a70;} */
/* 일반 텍스트보다 작은 텍스트를 사용할때 */
.small_11 { font-size: 11px; color: #817f7f; text-decoration: none}
.small_10b { font-size: 11px; color: #244D94; text-decoration: none; font-weight: bold}
.small_10w { font-size: 11px; color: #eeeeee; text-decoration: none}
/* 폰트 액센트*/
.font_red { font-size: 12px; color: #e80104; text-decoration: none; line-height: 16px}
.font_orange { font-size: 12px; color: #FF8800; text-decoration: none; line-height: 16px}
.font_green { font-size: 12px; color: #166E16; text-decoration: none; line-height: 16px}
.font_blue { font-size: 12px; color: #0066FF; text-decoration: none; line-height: 16px}
.font_gold { font-size: 11px; color: #915600; text-decoration: none; line-height: 15px}
.font_black { font-size: 12px; color: #000000; text-decoration: none; line-height: 15px}
/* 카테고리별 타이틀 */
.title { font-size: 13px; color: #333333; font-weight: bold; letter-spacing:-1px;}
.title_a { font-size: 13px; color: #A86F00; text-decoration: none; font-weight: bold}
.title_b { font-size: 13px; color: #16787E; text-decoration: none; font-weight: bold}
.title_c { font-size: 13px; color: #2B58B2; text-decoration: none; font-weight: bold}
.title_d { font-size: 13px; color: #7D4AA9; text-decoration: none; font-weight: bold}
.title_e { font-size: 13px; color: #506900; text-decoration: none; font-weight: bold}
.title_f { font-size: 13px; color: #BC4903; text-decoration: none; font-weight: bold}
.title_g { font-size: 13px; color: #9C1545; text-decoration: none; font-weight: bold}
/* 카테고리별 폰트 */
.body_a { font-size: 12px; color: #A86F00; text-decoration: none; line-height: 16px}
.body_b { font-size: 12px; color: #16787E; text-decoration: none; line-height: 16px}
.body_c { font-size: 12px; color: #f06602; text-decoration: none; line-height: 16px}
.body_d { font-size: 12px; color: #7D4AA9; text-decoration: none; line-height: 16px}
.body_e { font-size: 12px; color: #506900; text-decoration: none; line-height: 16px}
.body_f { font-size: 12px; color: #BC4903; text-decoration: none; line-height: 16px}
.body_g { font-size: 12px; color: #9C1545; text-decoration: none; line-height: 16px}
/* 입력폼 정의 */
input { border-style:solid; border-color:#7f9db9; border-width:1px; background-color:#ffffff; color: #333333}
.input_orange{ border-style:solid; border-color:#EDAD2D; border-width:1px; background-color:#ffffff; color: #333333}
.input_none { border-style:none; border-color:#A8A8A8; border-width:1px; background-color:#ffffff; color: #333333; font-size: 9pt}
/* 링크 공지사항 */
a.notice:link {font-size:12px; color : #dddddd; text-decoration : none}
a.notice:visited {font-size:12px; color : #cccccc; text-decoration : none}
a.notice:hover {font-size:12px; color : #ff8800; text-decoration : none}
/* 링크 특정 */
a.thisOnly:link {font-size:12px; color : #0055ff; text-decoration : none}
a.thisOnly:visited {font-size:12px; color : #0055ff; text-decoration : none}
a.thisOnly:hover {font-size:12px; color : #ff6600; text-decoration : none}
/* 링크 게시판 */
a.board:link {font-size:12px; color:#333333; text-decoration:none;line-height:20px}
a.board:visited {font-size:12px; color:#444444; text-decoration:none;line-height:20px}
a.board:hover {font-size:12px; color:#FF8800; text-decoration:none;line-height:20px}
/* 링크 사이트맵 */
a.thisSitemap:link {font-size:11px; color : #ff6600; text-decoration : none}
a.thisSitemap:visited {font-size:11px; color : #ff6600; text-decoration : none}
a.thisSitemap:hover {font-size:11px; color : #0000ff; text-decoration : none}
/* Menu (top) */
ul.sonarmenu{ /* Inspired by http://tympanus.net/codrops/2013/08/06/creative-link-effects */
list-style: none;
}
ul.sonarmenu li{
display: inline;
}
ul.sonarmenu a{
position: relative;
display: inline-block;
color: black; /* font color */
text-decoration: none;
margin: 10px 23px;
text-transform: uppercase;
font-family: "굴림", "verdana" , sans-serif; /* font style (uses Google fonts) */
font-weight:bold;
font-size: 16px; /* font size */
letter-spacing: 2px; /* letter spacing */
border-bottom: 4px solid transparent; /* Bottom border style */
}
ul.sonarmenu a:hover, ul.sonarmenu a:focus{
outline: none;
border-bottom: 4px solid #E00715; /* Bottom border style on hover */ /* #eee */
}
ul.sonarmenu a::before, ul.sonarmenu a:after{ /* shared style for two circles */
position: absolute;
top: 50%;
left: 50%;
width: 70px; /* width of outer circle */
height: 70px; /* height of outer circle */
border: 12px double rgba(224,7,21,0.2); /* style and color of circles */ /* rgba(0,0,0,0.1) */
border-radius: 50%;
content: '';
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
ul.sonarmenu a:after{ /* inner circle specific CSS */
width: 60px; /* width of inner circle */
height: 60px; /* width of inner circle */
border-width: 6px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
ul.sonarmenu a:hover:before, ul.sonarmenu a:hover:after{
-webkit-animation: pulsate 1.2s infinite; /* animation name duration loop etc */
-moz-animation: pulsate 1.2s infinite;
-ms-animation: pulsate 1.2s infinite;
animation: pulsate 1.2s infinite;
}
/* ### Keyframe animations ### */
@-webkit-keyframes pulsate{
30%{
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
}
100%{
opacity: 0.3;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
}
}
@-moz-keyframes pulsate{
30%{
opacity: 1;
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
}
100%{
opacity: 0.3;
-moz-transform: translateX(-50%) translateY(-50%) scale(0.5);
}
}
@-ms-keyframes pulsate{
30%{
opacity: 1;
-ms-transform: translateX(-50%) translateY(-50%) scale(1);
}
100%{
opacity: 0.3;
-ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
}
}
@-keyframes pulsate{
30%{
opacity: 1;
transform: translateX(-50%) translateY(-50%) scale(1);
}
100%{
opacity: 0.3;
transform: translateX(-50%) translateY(-50%) scale(0.5);
}
}
/* Menu (sub) */
.urbangreymenu{
width: 164px; /*width of menu*/
margin-left: 10px;
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(../images/downgreen.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
border-radius: 5px;
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #146CCC;
}