a, td, p, input, textarea, select { font-family:굴림; font-size:12px; font-weight:normal; color:#222 }

img {border:0px;}

a:link, a:visited, a:active { text-decoration:none; color:#454545; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

.white { color:#FFFFFF; }
.silver { color:#c0c0c0; }
.gray { color:#808080; }
.dark { color:#404040; }
.black { color:#000000; }

.red { color:#ff0000; }
.greee { color:#008000; }
.blue { color:#0000ff; }

.fuchsia { color:#ff00ff; }
.lime { color:#00ff00; }
.aqua { color:#00ffff; }

.maroon { color:#800000; }
.olive { color:#808000; }
.navy { color:#000080; }

.orange { color:#ffa500; }
.yellow { color:#ffff00; }
.teal { color:#008080; }
.purple { color:#800080; }

.dividerV { margin-top:4px; }
.dividerH { margin-top:4px; }

.adHeadLeft { float:left; width:243px; height:60px; margin:0 0 0 2px; padding:0px; border:0px solid #eee; }
.adHeadCenter { float:left; width:500px; height:60px; margin:0 0 0 2px; padding:0px; border:0px solid #eee; }
.adHeadRight { float:right; width:243px; height:60px; margin:0 2px 0 0; padding:0px; border:0px solid #eee; }

.adRoot-bodyRight { width:200px; height:50px; margin:0px 4px 4px 4px; border:1px solid #eee; } 
.adRoot-tailTop { width:100px; height:30px; margin:4px; border:0px solid #eee; } 
.adRoot-tailAll { margin:4px; border:0px solid #eee; } 
.adRoot-middleAll { margin-top:4px; } 

/* 주화면(첫페이지) 468X60 이미지광고 출력 */
.adRoot-image { width:500px; height:40px; margin:2px 0 0 10px; border:1px solid #eee; }
.adRoot-imageTitle { color:#ffffff; padding:4px; font-size:13px; font-weight:normal; }
.adRoot-imageSubject { color:#C0C0C0; padding:4px; font-size:12px; line-height:130%; font-weight:normal; }
.adRoot-imageBody { border:1px solid #606060; width:250;}

/* 내용화면 광고그룹 출력 */
.adRoot-tailGroup { float:right; width:200px; margin:0 0 0 0px; }
.adArticleRightGroup { float:right; width:250px; margin:1px 8px 20px 4px; padding-left:0px; }
.adArticle250x50  { width:250px; height:50px; margin-bottom:2px; border:1px solid #eee; }
.adArticle200x200 { width:200px; height:200px; margin-bottom:2px; border:1px solid #eee; }
.adArticle250x125 { width:250px; height:125px; margin-bottom:2px; border:1px solid #eee; }
.adArticle125x125 { width:125px; height:125px; margin-bottom:2px; border:1px solid #eee; }
.adArticle250x250 { width:250px; height:250px; margin-bottom:2px; border:1px solid #eee; }
.adArticle500x40 { width:500px; height:40px; margin:2px 0 0 10px; border:1px solid #eee; }

/* 내용화면 광고그룹 출력 */
.adArticleHeadLeft { float:left; width:300px; height:120px; margin-bottom:4px; border:1px solid #eee; }
.adArticleTail { float:left; width:728px; height:90px; margin:0 0 10px 28px; border:1px solid #eee; }

/* 내용화면 기사 */
.articleTitle { color:#000000; margin-left:4px; vertical-align:middle; font-size:18px; font-weight:bold; line-height:120%; letter-spacing:-1px; font-family:"Dotum", "돋움"; }
.articleTitleIcon { vertical-align:middle; }
.articleTitleTag { text-align:center; color:white; padding:4px 4px 4px 4px; font-size:12px; border:1px solid #444; background-color:maroon; }
.articleSubject { color:#808080; font-size:15px; padding:0px 60px 4px 20px; line-height: 18px; font-weight:normal; }
.articleBody { text-decoration:none; color:#333333; font-size:14px; line-height:150%; padding:0 10px 0 4px; font-family:"Gulim", "굴림"; }
.articleImage { margin:10px; border:1px solid gray; }
.articleDetail { width:500px; margin-left:10px; font-size:12px; padding:0px; font-weight:normal;  background-color:#888; }
.articleDetail01 { color:#FFF; text-align:center; width:80px; padding:4px; font-weight:bold; border:0px solid #eee; background-color:#aaa; }
.articleDetail02 { color:#444; padding:4px 8px 4px 12px; background-color:#F0F0F0; line-height:150%; }
.articleByLine { text-decoration:none; color:#606060; margin-top:20px; font-size:14px; line-height: 12px; font-family:돋움; }
.articleCategory { text-align:center; color:white; padding:4px 4px 4px 4px; font-size:12px; border:1px solid #444; background-color:green; }

/* 내용화면 중간 관련기사 출력 */
.articleLink { width:250px; margin:1px; border:1px solid #DDD; background-color:#EEE; }
.articleLink00 { color:#FFF; font-family: 굴림; font-size:13px; margin:0 0 4px 0; padding:2px 4px 0px 4px; font-weight:bold; background-color:#555; }
.articleLink01 { width:220px; background:url(http://www.joongang.ca/img/array_01.gif) no-repeat 6px 8px; color:#555; font-family:굴림; font-size:12px; letter-spacing:-1px; margin:0; padding:4px 4px 4px 14px; font-weight:bold; overflow:hidden; border-right:10px solid #EEE; white-space:nowrap; cursor:pointer; clear:both; }
 
/* 주 화면 관련기사 출력 */
.root-Link { margin:2px; padding:0 0 0 0; border:0px solid #DDD;}
.root-Link00 { color:#FFF; font-family: 굴림; font-size:13px; margin:0 0 0px 0; padding:2px 4px 0px 4px; font-weight:bold; background-color:#555; }
.root-Link01 { background:url(http://www.joongang.ca/img/array_01.gif) no-repeat 0px 8px; color:#555; font-family:굴림; font-size:12px; margin:0 0 0 0px;padding:4px 4px 4px 14px; font-weight:bold; }

/* 헤드라인이미지 출력 */
.headLineRoot01 { margin:0 0 4px 4px;}

/* 주화면기사 출력 */
.root-article { margin:0;  padding:2px 0 0 4px;}
.root-articleTitle { font-family:돋움; color:#303030; font-size:14px; line-height:100%; margin:2px; letter-spacing:1px; font-weight:bold; }
.root-articleSubjedt { font-family:돋움; color:#A0A0A0; font-size:12px; font-weight:bold; margin:0 10px 0 6px; }
.root-articleBody { font-family:굴림; color:#707070; font-size:12px; line-height:150%; margin:0 10px 0 6px; letter-spacing:0px; }

/* 주화면기사 출력 01 */
.root01-article { width:498px; margin:4px 0 0 10px;  padding:0px; border:1px solid #DDD; }
.root01-articleTitle { width:488px; font-family:돋움; color:#800000; font-size:20px; margin:0; padding:6px 0 6px 14px; letter-spacing:1px; font-weight:bold; text-align:left; background-color:#DDD; clear:both; }
.root01-articleSubject { font-family:돋움; color:#404040; font-size:14px; line-height:130%; font-weight:bold; margin-top:2px; padding:6px 0px 6px 20px; background-color:#EEE; }
.root01-articleBody { font-family:굴림; color:#606060; font-size:13px; line-height:130%; margin:0 10px 0 4px; letter-spacing:0px; text-align:left; }

/* 주화면기사 출력 02*/
.root02-article { margin:0; padding:2px 0 0 4px; }
.root02-articleTitle { font-family:돋움; color:#303030; font-size:16px; line-height:130%; margin:2px; letter-spacing:1px; font-weight:bold; }
.root02-articleSubject { font-family:돋움; color:#A0A0A0; font-size:12px; line-height:130%; font-weight:bold; margin:0 10px 0 6px; }
.root02-articleBody { font-family:굴림; color:#707070; font-size:13px; line-height:130%; margin:0 10px 0 6px; letter-spacing:0px; }

/* 주화면(첫페이지) [동영상] 출력 SWF */
.root-movie { margin-bottom:4px; padding-bottom:0px; background-color:#303030; text-align:left;}
.root-movieTitle { color:#fff; font-family: 굴림; font-size:13px;line-height:17px; padding:2px 0 2px 10px; font-weight:bold; }
.root-movieBody { margin-left:1px; border:1px solid #000000; width:250;} /* 4 + 4 + 1 + 1 + 250 = 260 */

/* 주화면(첫페이지) [겔러리] 출력 SWF */
.root-image { margin-bottom:4px; padding-bottom:0px; background-color:#303030; text-align:left;}
.root-imageTitle { color:#fff; font-family: 굴림; font-size:13px;line-height:17px; padding:2px 0 2px 10px; font-weight:bold; }
.root-imageBody { margin-left:1px; border:1px solid #000000; width:250;} /* 4 + 4 + 1 + 1 + 250 = 260 */

/* 주화면(첫페이지) [사진뉴스] 출력 */
.root-pictureNews { margin-bottom:4px; border:1px solid #888; background-color:#E8E8E8; }
.root-pictureNewsTitle { color:#303030; padding-left:10px; font-size:13px; line-height:150%; font-weight:bold; text-align:left; }
.root-pictureNewsSubTitle { color:#FFFFFF; padding:1px; font-size:11px; line-height:130%; font-weight:normal; text-align:center; background-color:#404040; }
.root-pictureNewsSubject { color:#404040; padding:1px; font-size:11px; line-height:130%; font-weight:normal; text-align:center; }
.root-pictureNewsBody { border:1px solid #B0B0B0; width:250;} /* 4 + 1 + 1 + 240 = 250 */

.root-img-shadow {
float:left;
background: url(./user/img/trans-shadow.png) no-repeat bottom right;
margin:8px 0 0 10px
}
.root-img-shadow img {
display: block;
position: relative;
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
margin: -4px 4px 4px -4px;
}

.img-shadow {
float:left;
background: url(./user/img/trans-shadow.png) no-repeat bottom right;
margin:8px 0 0 8px
}
.img-shadow img {
display: block;
position: relative;
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
margin: -4px 4px 4px -4px;
}

/* 주화면(첫페이지) 일기예보 출력 */
.weatherTop-root { margin-bottom:4px; }

/* 주화면(첫페이지) 한주간 전체뉴스인기글 출력 */
.hitTop-root { margin-bottom:4px; border:1px solid #888; text-align:left; }
.hitTop-rootTitleMaroon { color:#fff; font-family: 굴림; font-size:13px;line-height:17px; padding:0 0 0 10px; font-weight:bold; background-color:maroon; }
.hitTop-rootTitleOlive { color:#fff; font-family: 굴림; font-size:13px;line-height:17px; padding:0 0 0 10px; font-weight:bold; background-color:olive; }
.hitTop-rootTitleNavy { color:#fff; font-family: 굴림; font-size:13px;line-height:17px; padding:0 0 0 10px; font-weight:bold; background-color:navy; }
.hitTop-rootSubject { color:#333; font-family: 굴림; font-size:13px; line-height:14px; padding:2px 0 4px 0px; font-weight:normal; background-color:#FFFFFF; overflow:hidden; white-space:nowrap; width:240px;}

/* 주화면(첫페이지) 한주간 전체한인타운인기글 출력 */
.hitTop-haninTown { margin-bottom:4px; border:1px solid #888; text-align:left; }
.hitTop-haninTownTitle { color:#fff; font-family: 굴림; font-size:13px;line-height:17px; padding:0 0 0 10px; font-weight:bold; background-color:maroon; }
.hitTop-haninTownSubject { color:#333; font-family: 굴림; font-size:12px; padding:2px 0 0px 0px; font-weight:normal; background-color:#FFFFFF; border-right:6px solid #FFFFFF; overflow:hidden; white-space:nowrap; width:250px; }

/* 주화면(첫페이지) [한인행사] 달력 출력 */
.hitTop-haninSchedule { margin-bottom:4px; border:1px solid #888; text-align:left; }
.hitTop-haninScheduleTitle { color:#fff; font-family: 굴림; font-size:13px;line-height:17px; padding:0 0 0 10px; font-weight:bold; background-color:maroon; }
.hitTop-haninScheduleTodayIs { color:#fff; font-family: 굴림; font-size:12px; margin-top:1px; padding:2px 10px 2px 0px; font-weight:bold; background-color:#888; text-align:right; }
.hitTop-haninScheduleSubject { color:#333; font-family: 굴림; font-size:13px; line-height:14px; padding:2px 0 4px 0px; font-weight:normal; background-color:#EEE; overflow:hidden; display:block; width:250px;}
.hitTop-haninScheduleSubjectToday { color:#333; font-family: 굴림; font-size:13px; line-height:14px; padding:2px 0 4px 0px; font-weight:normal; background-color:#FFF; overflow:hidden; display:block; width:250px;}

.hitTop-haninEvent { margin:-5px 0 4px 0; padding:2px 0 0 0px; border:1px solid #888; }
.hitTop-haninEventSubject { width:170px; background:url(http://www.joongang.ca/img/array_02.gif) no-repeat 6px 2px; margin:0 0 0 10px; padding:2px 0px 2px 14px; }
.hitTop-haninEventSubjectA { font-family:굴림; font-size:12px; letter-spacing:-1px; }
.hitTop-haninEventSubject2 { text-align:right; color:#F00; font-family:굴림; font-size:12px; margin:0px; padding-right:6px; font-weight:normal; }
.hitTop-haninEventTitle { width:250px; color:#fff; font-family: 굴림; font-size:11px; margin-top:4px; padding:2px 10px 2px 0; font-weight:normal; background-color:gray; text-align:right;}

/* 내용화면(본문페이지) 한주간 보드별 인기글 출력 */
.hitTop-article { float:right; margin:0 0 0 10px; border:1px solid #F0F0F0; width:250px;}
.hitTop-articleTitle { color:#fff; font-family: Verdana, 굴림; font-size:13px; padding:1px 0 1px 10px; font-weight:bold; background-color:#808040; }
.hitTop-articleSubject { color:#333; font-family: Verdana, 굴림; font-size:11px; padding:2px 0 2px 0px; font-weight:normal; width:250px; height:16; overflow:hidden; border-right:10px solid #FFFFFF; background-color:#FFFFFF; white-space:nowrap;}

/* [날씨] user/weather.php */
.mc {text-align:left;font-weight:bold; font-size:10pt;color:white;margin-bottom:-1px;padding:2px 0px 2px 10px;background-color:teal;border:#bbbbcc 1px solid;}
.w_body { width:252px; height:80px; border:#bbbbcc 1px solid; }
.w_fc { background-color: #fff; width:50px; height:76px; text-align:center;font-size:9pt;padding:2px 6px 0px 6px; float:left;}
.w_fci { border:#bbbbcc 1px solid;padding:1px;}
.w_cur { margin-bottom:4px; text-align:center; font-size:9pt; color:black;padding:2px 0px 2px 6px; border:#bbbbcc 1px solid; background-color: #ddddbb;}
.nobr { white-space: nowrap; }
.highlight { background-color: #eee; }

/* [날씨] user/weatherAll.php */
.w_styR0 { font-size:12px; background-color:#FFF; text-align:center; width:100%; margin:0px; padding:1px; border:1px solid #eee;}
.w_styC0 { font-size:12px; background-color:#448; color:#FFF; text-align:center; vertical-align:middle; margin:1px; line-height:17px; border:1px solid #DDD;}
.w_styC1 { font-size:12px; background-color:#EEF; color:#222; text-align:center; vertical-align:top; margin:1px; line-height:17px; border:1px solid #DDD;}
.w_styC2 { font-size:12px; background-color:#DDF; color:#222; text-align:center; vertical-align:top; margin:1px; line-height:17px; border:1px solid #DDD;}
.w_styC3 { font-size:12px; background-color:#CCF; color:#222; text-align:center; vertical-align:top; margin:1px; line-height:17px; border:1px solid #DDD;}
.w_styC4 { font-size:12px; background-color:#BBF; color:#222; text-align:center; vertical-align:top; margin:1px; line-height:17px; border:1px solid #DDD;}
.w_styC5 { font-size:12px; background-color:#AAF; color:#222; text-align:center; vertical-align:top; margin:1px; line-height:17px; border:1px solid #DDD;}


/* [환율정보] user/koreanExchange.php */
.exHead {text-align:left;font-weight:bold; font-size:10pt;color:white;margin-bottom:-1px;padding:2px 0px 2px 10px;background-color:maroon;border:#bbbbcc 1px solid;}
.exBody { width:252px; border:#bbbbcc 1px solid; margin-bottom:-1px;}
.exTitle {text-align:center;font-size:9pt;padding:2px 6px 0px 6px;float:left;}
.exTail {text-align:right;font-size:9pt;margin-bottom:4px; color:black;padding:1px 6px 1px 0px; border:#bbbbcc 1px solid; background-color: #bbdddd;}
.exHL { background-color: #eea; }
.exDHL { background-color: #eec; }

/* [달력보기] /skin/latest/schedule 현재 사용안함*/
.titleSch {text-align:center;padding-top:1pt;padding-bottom:1pt;height:25px;font-weight:bold;}
.invalidSch {text-align:center;padding-top:2pt;height:25px;width:25px;background-color:#EEEEEE;}
.validSch {text-align:center;padding-top:2pt;height:25px;width:25px;background-color:#F8FFFF;}
.todaySch {text-align:center;padding-top:2pt;height:25px;width:25px;background-color:#FFE0A0;}
.titleSch {font-size:1em;font-weight:bold}
.sundaySch {text-align:center;font-size:9pt;color:#80a000;}
.saturdaySch {text-align:center;font-size:9pt;color:#3366cc;}
.weekdaySch {text-align:center;font-size:9pt;}

/* [항공시간] */
.hitTop-airSchedule { margin-bottom:4px; border:1px solid #888; text-align:left; }
.hitTop-airScheduleTitleArr { color:#fff; font-size:13px;line-height:17px; padding:0 0 0 10px; font-weight:bold; background-color:maroon; }
.hitTop-airScheduleTitleDep { color:#fff; font-size:13px;line-height:17px; padding:0 0 0 10px; font-weight:bold; background-color:maroon; }
.styR0 { text-align:center; font-size:11px; font-weight:normal; color:#EEE; background-color:#888; width:100%;}
.styR1 { text-align:center; font-size:11px; font-weight:normal; color:#222; background-color:#EEE; width:100%;}
.styC0 { text-align:center; font-size:12px; background-color:#484; color:#FFF; border:1px solid #CCC;}
.styC1 { text-align:center; font-size:12px; background-color:#EFE; color:#000; border:1px solid #CCC;}
.styC2 { text-align:center; font-size:12px; background-color:#DFD; color:#000; border:1px solid #CCC;}
.styC3 { text-align:center; font-size:12px; background-color:#CFC; color:#000; border:1px solid #CCC;}
.styC4 { text-align:center; font-size:12px; background-color:#BFB; color:#000; border:1px solid #CCC;}
.styC5 { text-align:center; font-size:12px; background-color:#AFA; color:#000; border:1px solid #CCC;}
.styC6 { text-align:center; font-size:12px; background-color:#EEE; color:#444; border:1px solid #CCC;}
.styC10 { text-align:right; background-color:#464; color:#FFF; border:1px solid #CCC;}
.styC11 { text-align:center; border:0px solid #CCC;}

/* [텝메뉴보기] /skin/tab/basic/ */
.onTab {background-image:url(http://www.joongang.ca/img/onTab.gif);cursor:pointer; color:#868686} 
.offTab {background-image:url(http://www.joongang.ca/img/offTab.gif);cursor:pointer; color:#868686} 

/* [달력보기] 일정(스케쥴) 스킨 /skin/latest/schedule */
#schedule_latest .sc_ym { font: bold 13px Gulim; text-align:center; height:16px; border:0px;}
#schedule_latest .sc_more { font: normal 12px Gulim; text-align:center; height:16px; border:0px;}
#schedule_latest .sc_tit { font: normal 12px Gulim; text-align:center; height:20px; border:1px solid #AAA; background-color:#CCC; }
#schedule_latest .sc_sun { color:#ff0000; }
#schedule_latest .sc_sat { color:#0000ff; }
#schedule_latest .sc_day { font: normal 11px "Helvetica Neue"; text-align:center; height:20px; border:1px solid #BBB; padding:2px; background-color:#FFF;}
#schedule_latest .sc_day a { font: bold 11px "Helvetica Neue"; color:#009900; }
#schedule_latest .sc_today { background-color:#CFC; border:1px solid #AAA; font-size:14px }
#schedule_latest .sc_today a { text-decoration: underline; }


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:24px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("img/bgOFF.gif") repeat-x top left;font-family:gulim, Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4;}
ul#saturday li{display:block;float:left;margin:0;padding:0;}
ul#saturday li a{display:block;float:left;color:#505050;text-decoration:none;padding:4px 10px 0 10px;height:18px;background:transparent url("img/bgDIVIDER.gif") no-repeat top right;}
ul#saturday li a:hover{background:transparent url("img/bgHOVER.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("img/bgON.gif") no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */