CSS 참고 - 일본어 홈페이지제작

  CSS 참고 - 일본어 홈페이지제작

html {-webkit-text-size-adjust:none;}

#iwrap_mobile{position:relative; margin:0; padding:5px;}

/* ★ body에 대한정의는 여기서 하지 않는다.....Layout 에서 Reset 완료 ★

body { margin:0; font-size:12px; background:#fff; color:#555;}

*/

/* ★ xe_content는 보드에서 ★ */

/* ★ 2011-08-12 my_content 추가 opage/page에서 적용하기위해 - 예상비용 ★ */

/* 타이틀 설정(Board안에서는 .xe_content로 적용됨, Page, Opage에서 .boxing2 h 로 적용 됨)  H 23-19-15-14-13-12

-----------------------------------------------------------------------------------------------------------*/

.my_content{ color:#666; font-size:12px;}

.my_content p{margin:0; line-height:1.6;}

.my_content h1,

.my_content h2, .my_content h3, .my_content h4, .my_content h5, .my_content h6{ margin:1em 0; line-height:1.6; clear:both;}

.my_content h1 { font-family:meiryo,MS PGothic,Arial; font-size:22px;}

.my_content h2 { font-family:meiryo,MS PGothic,Arial; font-size:20px;}

.my_content h3 { padding:10px 0 5px 0;border-bottom:1px dotted #ccc; 

font-family:meiryo,MS PGothic,Arial; font-size:18px; color: #0075c8; } /* 파랑 letter-spacing:-1px; */

.my_content h4 { font-family:meiryo,MS PGothic,Arial; font-size:16px; color:#3912b3;} /* 보라 */

.my_content h5 { font-family:meiryo,MS PGothic,Arial; font-size:14px; color:#FF6600;} /* 주황 */

.my_content h6 { font-family:meiryo,MS PGothic,Arial; font-size:12px; color:#FF6600;} /* 주황 */

.my_content em{ font-style:normal;}

/* 개별적용시  0075c8(파) 3912b3(보) ff6c00(오렌지) 009e25(그린) FF0000(레드)

-----------------------------------------------------------------------------------------------------------*/

.my_content h1.myh1 { font-family:meiryo,MS PGothic,Arial; font-size:24px; letter-spacing:-1px;  color:#000; }

.my_content h2.myh2 { font-family:meiryo,MS PGothic,Arial; font-size:12px; height:32px; _margin:20px 0; padding:0 0 0 40px !important; background:url(/archives/img/title_bar.gif) no-repeat; font-weight:bold; display:block; line-height:32px; *line-height:35px; }

.my_content h3.myh3 { font-family:meiryo,MS PGothic,Arial; font-size:18px; line-height:18px; letter-spacing:-1px; border-left:4px solid #00a8e1; _margin:20px 0; padding-left:5px;}

.my_content h4.myh4 { font-family:meiryo,MS PGothic,Arial; font-size:14px;  color:#3912b3;} 

.my_content h5.myh5 { font-family:meiryo,MS PGothic,Arial; font-size:12px; }

.my_content h1.myh1,.my_content h2.myh2,.my_content h3.myh3,.my_content h4.myh4,.my_content h5.myh5 {margin:1em 0;} 

/* 2011-07-15 폰트 favorite 추가 */

.changetx,.mytx{ color:#666; font:11px/1.5 meiryo,MS PGothic,Arial; letter-spacing:-1px;  margin:1em 0;}

h1.title-philels {margin-top:0; padding: 10px 15px 15px 15px; font-family:meiryo,MS PGothic,Arial; font-size:20px; letter-spacing:-1px; line-height:1.3em;

background:#F5F5F5 url(http://www.philschool.com/archives/img/bu_h1_philels3.gif) repeat-x left bottom;

border: 1px solid #E5E5E5; }

/* 2011-08-05 버튼추가 */

.myba{ margin:15px 0 20px 0 !important;}

.mybtn,

.mybtn a{ display:inline-block; height:22px; line-height:22px; background:url(/archives/img/package/btnSet22.gif) no-repeat;}

.mybtn{ background-position:0 0;}

.mybtn a{ background-position:right 0; font-size:11px; font-family:meiryo,MS PGothic,Arial; letter-spacing:-1px; text-decoration:none !important; color:#666; padding:0 9px 0 25px;}

.mybtn.site{ background-position:0 0px;}

.mybtn.down{ background-position:0 -30px;}

.mybtn.project{ background-position:0 -60px;}

.mybtn.detail{ background-position:0 -90px;}

.mybtn.move{ background-position:0 -120px;}

.myno{ display:inline-block; width:14px; height:14px; font-weight:normal; text-align:center; color:#fff; font-size:9px; font-family:meiryo,MS PGothic,Arial; background:url(/archives/img/package/bgDisc.gif) no-repeat center;}

/* XE Content 게시판안에 /editior/styles/default-xeStyle/style.css 스타일을 위해서...*/

.xe_content{ color:#666; font-size:12px;}

.xe_content p{margin:0; line-height:1.6;}

.xe_content h1,

.xe_content h2, .xe_content h3, .xe_content h4, .xe_content h5, .xe_content h6{ margin:1em 0; line-height:1.6; }

.xe_content h1 { font-family:meiryo,MS PGothic,Arial; font-size:22px;}

.xe_content h2 { font-family:meiryo,MS PGothic,Arial; font-size:20px;}

.xe_content h3 { padding:10px 0 5px 0;border-bottom:1px dotted #ccc;

font-family:meiryo,MS PGothic,Arial; font-size:18px; color: #0075c8; } /* 파랑 letter-spacing:-1px; */

.xe_content h4 { font-family:meiryo,MS PGothic,Arial; font-size:16px; color:#3912b3;} /* 보라 */

.xe_content h5 { font-family:meiryo,MS PGothic,Arial; font-size:14px; color:#FF6600;} /* 주황 */

.xe_content h6 { font-family:meiryo,MS PGothic,Arial; font-size:12px; color:#FF6600;} /* 주황 */

.xe_content em{ font-style:normal;}

/* Focus Content */

.focus_content img{ margin:10px 0;}

.focus_content ul,

.focus_content ol{ padding:15px 30px 17px 25px; margin:20px 0; background:#fbfbfb; border:1px solid #e7e7e7;}

.focus_content ol{ padding:15px 30px 20px 40px;}

.focus_content li ul,

.focus_content li ol{ margin-bottom:0;}

.focus_content ul li,

.focus_content ol li{ padding:6px 0;}

.focus_content ul li{ list-style:none; padding-left:17px; background:url(/archives/img/list/check.gif) no-repeat 0 9px; }/* color:#606b75; */

/* modules/editor/skins/xeed/xd.css 에서 가져옴 .xdcs .ts

---------------------------------------------------------------------------------*/

.xeedtable {table-layout:fixed; }  /* word-break:break-all, white-space:nowrap */

.xeedtable,

.xeedtable th,

.xeedtable td{border:1px solid #bbb;  }

.xeedtable caption{font-weight:bold}

.xeedtable th,

.xeedtable td{padding:5px; word-wrap:break-word;  } /* overflow:hidden; */

.xeedtable{border-collapse:collapse;margin:1em 0}

.xeedtable th{text-align:left;background-color:#fafafa}

.xeedtable td{text-align:left; }

.xeedtable th,

.xeedtable td{color:#666; font:11px/1.5 meiryo,MS PGothic,Arial; margin:0 0 20px 0; vertical-align:top; text-align: left;}/* 20110805추가-재삭제 letter-spacing:-1px;  */

.xeedtable a {color:#666;}

.xeedprice,

.xeedprice th,

.xeedprice td{border:1px solid #bbb}

.xeedprice caption{font-weight:bold}

.xeedprice th,

.xeedprice td{padding:5px;}

.xeedprice{border-collapse:collapse;margin:1em 0}

.xeedprice th{background-color:#fafafa}

.xeedprice td{text-align:right; }

.xeedprice th,

.xeedprice td{color:#666; font:11px/1.5 meiryo,MS PGothic,Arial;  margin:0 0 20px 0; vertical-align:top;}/* 20110805추가 letter-spacing:-1px;  */

/* UI Object */

.bul_list { padding:20px; list-style:none; border:1px solid #C2C2C2;}

.bul_list li {margin-bottom:5px; padding:0 0 0 10px; background:#FFF url(http://www.philschool.com/archives/img/bu_list1.gif) no-repeat 0 5px; vertical-align:top;}

.bul_list li a {color:#2D2C2D; text-decoration:none;}

.bul_list li a:hover {text-decoration:underline;}

.table2,.table2 th,.table2 td { border:0 }

.table2 { width:100%;border-bottom:1px solid #dcdcdc;font-family:meiryo,MS PGothic,Arial;font-size:12px;border-collapse:collapse; margin:1em auto;}

.table2 caption { display:none; }

.table2 th { padding:8px 5px 7px 5px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:meiryo,MS PGothic,Arial;font-size:12px;font-weight:bold}

.table2 td { padding:7px 5px 5px 15px;border:1px solid #e5e5e5;color:#4c4c4c; }

.table2 td { font-family:meiryo,MS PGothic,Arial;font-size:11px;color:#444;line-height:18px;_word-spacing:-1px;text-decoration:none !important;_white-space:nowrap}

.table2 td.bold { font-weight:bold; }

.table2 td.green { background-color:#e3f0d0; }

.table2 td.blue { background-color:#ddf0f9; }

.table2 td.gray { background-color:#f5f7f9; }

.table3,.table3 th,.table3 td{border:0}

.table3{width:100%;border-bottom:1px solid #dcdcdc;font-family:meiryo,MS PGothic,Arial;font-size:12px;table-layout:fixed;

border-top:2px solid #dcdcdc; } /* #0075c8 h3파랑 a2bced 연한파랑 dcdcdc회색 */

.table3 caption{display:none}

.table3 th{padding:8px 5px 5px 16px;border-top:1px solid #dcdcdc;background:#f8f8f8;color:#4c4c4c;font-weight:bold;text-align:left;vertical-align:top}

.table3 td{padding:8px 5px 5px 10px;border-top:1px solid #dcdcdc;line-height:16px;vertical-align:top}

.boxing{margin-bottom:12px;border:2px solid #ccc}

.boxing .guide{position:relative;width:100%}

.boxing .tl{display:block;position:absolute;top:-2px;left:-2px;width:7px;height:7px;background:url(http://www.philschool.com/archives/img/bg_rndbox.gif) no-repeat;font-size:0}

.boxing .tr{display:block;position:absolute;top:-2px;left:-5px;width:7px;height:7px;margin-left:100%;background:url(http://www.philschool.com/archives/img/bg_rndbox.gif) 100% 0 no-repeat;font-size:0}

.boxing .lb{display:block;position:absolute;top:-5px;left:-2px;width:7px;height:7px;background:url(http://www.philschool.com/archives/img/bg_rndbox.gif) 0 100% no-repeat;font-size:0}

.boxing .rb{display:block;position:absolute;top:-5px;left:-5px;width:7px;height:7px;margin-left:100%;background:url(http://www.philschool.com/archives/img/bg_rndbox.gif) 100% 100% no-repeat;font-size:0}

.boxing .cont{position:relative;padding:10px 10px 19px 24px}

.boxing2{margin-bottom:12px;padding:2px;border:2px solid #ccc; background:#fff;}

.boxing2 .guide{position:relative;width:100%}

.boxing2 .tl{display:block;position:absolute;top:-4px;left:-4px;width:9px;height:9px;background:url(http://www.philschool.com/archives/img/bg_rndbox2.gif) no-repeat;font-size:0}

.boxing2 .tr{display:block;position:absolute;top:-4px;left:-5px;width:9px;height:9px;margin-left:100%;background:url(http://www.philschool.com/archives/img/bg_rndbox2.gif) 100% 0 no-repeat;font-size:0}

.boxing2 .lb{display:block;position:absolute;top:-5px;left:-4px;width:9px;height:9px;background:url(http://www.philschool.com/archives/img/bg_rndbox2.gif) 0 100% no-repeat;font-size:0}

.boxing2 .rb{display:block;position:absolute;top:-5px;left:-5px;width:9px;height:9px;margin-left:100%;background:url(http://www.philschool.com/archives/img/bg_rndbox2.gif) 100% 100% no-repeat;font-size:0}

.boxing2 .cont {padding:20px 10px 20px 13px;border:1px solid #ededed}

_.boxing2 .cont {*zoom:1; overflow:hidden;}

.boxing2 .cont{ position:relative; *zoom:1;}

.boxing2 .cont:after{ content:""; display:block; clear:both;}

.boxing3{position:relative;_height:1%}

.outer{border:4px solid #a8e469}

.boxing3 .inner{border:1px solid #418f30}

.boxing3 p{padding:10px;font-size:12px}

.boxing3 .lt{position:absolute;top:-4px;left:-4px;width:7px;height:7px;background:#fff url(http://www.philschool.com/archives/img/bg_border_corner.gif) no-repeat 0 0;font-size:0}

.boxing3 .rt{position:absolute;top:-4px;right:-4px;_right:-5px;width:7px;height:7px;background:#fff url(http://www.philschool.com/archives/img/bg_border_corner.gif) no-repeat 100% 0;font-size:0}

.boxing3 .lb{position:absolute;left:-4px;bottom:-4px;_bottom:-5px;width:7px;height:7px;background:#fff url(http://www.philschool.com/archives/img/bg_border_corner.gif) no-repeat 0 100%;font-size:0}

.boxing3 .rb{position:absolute;right:-4px;_right:-5px;bottom:-4px;_bottom:-5px;width:7px;height:7px;background:#fff url(http://www.philschool.com/archives/img/bg_border_corner.gif) no-repeat 100% 100%;font-size:0}

.boxing4{position:relative;_height:1%}

.outer2{border:4px solid #e4e4e4}

.inner2{border:1px solid #c7c7c7}

.boxing4 p{padding:10px;font-size:12px}

.boxing4 .lt{position:absolute;top:-4px;left:-4px;width:7px;height:7px;background:#fff url(http://www.philschool.com/archives/img/bg_border_corner2.gif) no-repeat 0 0;font-size:0}

.boxing4 .rt{position:absolute;top:-4px;right:-4px;_right:-5px;width:7px;height:7px;background:#fff url(http://www.philschool.com/archives/img/bg_border_corner2.gif) no-repeat 100% 0;font-size:0}

.boxing4 .lb{position:absolute;left:-4px;bottom:-4px;_bottom:-5px;width:7px;height:7px;background:#fff url(http://www.philschool.com/archives/img/bg_border_corner2.gif) no-repeat 0 100%;font-size:0}

.boxing4 .rb{position:absolute;right:-4px;_right:-5px;bottom:-4px;_bottom:-5px;width:7px;height:7px;background:#fff url(http://www.philschool.com/archives/img/bg_border_corner2.gif) no-repeat 100% 100%;font-size:0}

.philELS_list{padding:0 0 1em 1em; list-style:none;}

.philELS_list li{padding-left:8px;background:#fff url(http://www.philschool.com/archives/img/bul.gif) no-repeat 0 8px;color:#666;line-height:20px;}

.philELS_list li em{color:#f84e12;font-style:normal;}

.philELS_list li a {color:#2D2C2D; text-decoration:none;}

.philELS_list li a:hover {text-decoration:underline;}

/* 학교메뉴 1 */

.philELSmenuList { position:relative; height:60px; margin-top:15px; padding:0; font-size:12px;}

.philELSmenuList ul{ position:relative; margin:0; padding:0; list-style:none; border-bottom:1px solid #e1e1e1; *zoom:1;}

.philELSmenuList ul ul{ display:none; position:absolute; width:100%; top:31px; left:0; border:0; padding:25px 0 0 0;}

.philELSmenuList ul:after{ content:""; display:block; clear:both;}

.philELSmenuList li{ float:left; margin-right:-1px; margin-bottom:-1px; padding:0; *zoom:1;}

.philELSmenuList li a{ position:relative; float:left; padding:8px 19px 7px 19px; margin:0; text-decoration:none !important; border:1px solid #ccc; background:#f6f6f6; color:#999; }

.philELSmenuList li.active a{ color:#3376b8; font-weight:bold; border-bottom:1px solid #fff; background:#fff; letter-spacing:-1px;}

.philELSmenuList li.active li{ float:none; margin:0 0 6px 0; padding:0 0 0 28px; background:url(../img/iconList.gif) no-repeat 15px center;}

.philELSmenuList li.active li a{ padding:0; float:none; border:0; background:none; color:#837f7f; font-weight:normal;}

.philELSmenuList li.active ul{ display:block;}

.plocalNavigation { position:relative; margin-top:15px;}

.plocalNavigation ul{ position:relative; margin:0; padding:0; border-bottom:1px solid #ccc; *zoom:1; overflow:hidden; }

.plocalNavigation ul:after {content:""; display:block; clear:both;}

.plocalNavigation ul li{ position:relative; list-style:none; float:left; margin-right:-1px; padding:0;background:#fff; *zoom:1;}

.plocalNavigation ul li a{ float:left; margin:0; padding:7px 15px 0 15px; height:18px; border:1px solid #ddd; border-bottom:none; background:url(http://www.philschool.com/archives/img/bgTab.gif) repeat-x; text-decoration:none !important; color:#666;}

.plocalNavigation ul li.on { margin-bottom:-1px;}

.plocalNavigation ul li.on a{ height:19px; background:none; font-weight:bold;}

/* 학교메뉴 2 */

.mlocalNavigation { position:relative; border-bottom:1px solid #ccc; *zoom:1; margin:10px 0 40px 0; padding:0; font-size:12px; }

.mlocalNavigation:after {content:""; display:block; clear:both;}

.mlocalNavigation ul{ display:none; position:absolute; top:40px; left:0; list-style:none; margin:0; padding:0; overflow:hidden;}

.mlocalNavigation li{ list-style:none; float:left; margin:0 -1px 0 0; padding:0;background:#fff;}

.mlocalNavigation li a{ float:left; padding:7px 15px 0 15px; height:18px; border:1px solid #ddd; border-bottom:none; background:url(http://www.philschool.com/archives/img/bgTab.gif) repeat-x; text-decoration:none !important; color:#666}

.mlocalNavigation li.on { margin-bottom:-1px;}

.mlocalNavigation li.on ul{ display:block;}

.mlocalNavigation li.on a{ height:19px; background:none; font-weight:bold;}

.mlocalNavigation li li{ position:relative; left:-1px; display:inline; float:none; margin:0; padding:0 6px 0 10px; border-left:1px solid #ddd;}

.mlocalNavigation li li a{ font-weight:normal !important; float:none; padding:0; height:auto; border:0; background:none;}

.mlocalNavigation li li.on a{ font-weight:bold !important;}

.mlocalNavigation li a{ padding:6px 15px 1px 15px; }

.philTab{position:relative;height:25px;margin-top:20px;padding-left:15px;background:url(http://www.philschool.com/archives/img/tab_menu.gif) repeat-x 0 100%;font-family:meiryo,MS PGothic,Arial;font-size:12px}

.philTab ul,

.philTab ul li{margin:0;padding:0}

.philTab ul li{list-style:none}

.philTab ul li,

.philTab ul li a{background:url(http://www.philschool.com/archives/img/bg_tab_off.gif) no-repeat}

.philTab ul li{float:left;margin-right:-1px;line-height:22px}

.philTab ul li a{display:inline-block;padding:2px 16px 1px;_padding:3px 16px 0;background-position: 100% 0;font-weight:bold;color:#666;text-decoration:none !important}

.philTab ul li.on,

.philTab ul li.on a{background-image:url(http://www.philschool.com/archives/img/bg_tab_on.gif)}

.philTab ul li.on a{color:#ff7141}

/* 버튼 */

a.btn_big{display:inline-block;padding-right:4px;background:url(http://www.philschool.com/archives/img/bg_btn_default.gif) no-repeat 100% 0;font-family:meiryo,MS PGothic,Arial;font-size:12px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}

a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(http://www.philschool.com/archives/img/bg_btn_default.gif) no-repeat}

a.btn_sml{display:inline-block;padding-right:4px;background:url(http://www.philschool.com/archives/img/bg_btn_default.gif) no-repeat 100% -27px;font-family:meiryo,MS PGothic,Arial;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}

a.btn_sml span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(http://www.philschool.com/archives/img/bg_btn_default.gif) no-repeat 0 -27px}

/* btn25 (2011-05-18추가) */

.btn25,

.btn25 a,

.btn25 button,

.btn25 input{display:inline-block;height:25px;line-height:25px;padding:0;margin:0;overflow:visible;position:relative;background:url(/archives/img/btn25.gif) no-repeat;cursor:pointer}

.btn25{background-position:0 0;margin:0 5px 0 0;vertical-align:top;} /* 마진값 2->5로 */

.btn25 a,

.btn25 button,

.btn25 input{padding:0 12px;left:2px;font-size:12px;color:#4a4a4a;font-weight:bold;border:0;background-position:right 0;text-decoration:none !important}

.btn25.blue{background-position:0 -30px}

.btn25.blue *{background-position:right -30px !important;color:#fff !important}

.btn25.black{background-position:0 -60px}

.btn25.black *{background-position:right -60px !important;color:#fff !important}

/* .btn25 a {padding-top:2px;}  2px 버그로 추가한 사항 board모듈내에 어딘가 겹치는게 있을텐데....2011-05-18

2011-05-19 다시 삭제 에디터에 따라 차이남 */

/* 학교분류 */

.dash_list { margin: 25px 0 0; padding: 15px 0 5px; list-style: none outside none; border-top: 1px dashed #DDDDDD; }

.dash_list li { overflow: hidden; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px dashed #CCCCCC; }

.dash_list li.txtleft { text-align: left;} 

.dash_list li.txtright { text-align: right;} 

.dash_list li img.imgleft { border: 1px solid #DDDDDD; float: left; margin: 0 15px 0 0; }

.dash_list li img.imgright { border: 1px solid #DDDDDD; float: right; margin: 0 0 0 15px; }

.dash_list li h3 { margin: 0 0 10px; font-size: 14px; font-family: NanumGothic,'Malgun Gothic', meiryo,MS PGothic,Arial;} /* 20110706 font-family 추가 */

.dash_list .num1 {background:url(http://www.philschool.com/archives/img/num_1.gif) no-repeat top right;}

.dash_list .num2 {background:url(http://www.philschool.com/archives/img/num_2.gif) no-repeat top left;}

.dash_list .num3 {background:url(http://www.philschool.com/archives/img/num_3.gif) no-repeat top right;}

.dash_list .num4 {background:url(http://www.philschool.com/archives/img/num_4.gif) no-repeat top left;}

.dash_list .num5 {background:url(http://www.philschool.com/archives/img/num_5.gif) no-repeat top right;}

.dash_list .num6 {background:url(http://www.philschool.com/archives/img/num_6.gif) no-repeat top left;}

.dash_list .num7 {background:url(http://www.philschool.com/archives/img/num_7.gif) no-repeat top right;}

.dash_list .num8 {background:url(http://www.philschool.com/archives/img/num_8.gif) no-repeat top left;}

.dash_list .num9 {background:url(http://www.philschool.com/archives/img/num_9.gif) no-repeat top right;}

/* table_price 학비테이블 */

.table_price{ margin:1em 0;}

.table_price table{ width:100%; border:0; border-top:2px solid #999; font:11px/1.5 meiryo,MS PGothic,Arial; }/* font:12px/1.6 meiryo,MS PGothic,Arial; */

.table_price caption{ padding:5px 0; font-weight:bold; text-align:left;}

.table_price caption span{ padding:5px 0; font-weight:normal; color:#aaa;}

.table_price th,

.table_price td{ border:0; padding:5px 8px; vertical-align:top; text-align: left;}

.table_price th{ color:#444;}

.table_price td{ color:#767676;}

.table_price thead th{ border-bottom:1px solid #ccc; background:#DBE9E9;} /* #f8f8f8 */

.table_price tbody th{ border-bottom:1px solid #ddd; font-weight:bold; color:#0075c8;} 

.table_price tfoot th{ border-bottom:1px solid #ddd; background:#EEF5F9;} /* #fafafa */

.table_price tfoot th{ border-bottom:1px solid #ddd;}

.table_price tbody td{ border-bottom:1px solid #ddd;}

.table_price tfoot td{ border-bottom:1px solid #ddd; }

.table_price th.txtleft, 

.table_price td.txtleft {text-align: left;}

.table_price th.orange, 

.table_price td.orange {color:#ff6c00;}

.table_price th.green, 

.table_price td.green {color:#009e25;}

.table_price th.red, 

.table_price td.red {color:#FF0000;} 

.table_price th.blue, 

.table_price td.blue {color:#0075c8;}

.table_price tfoot td span{ font-weight:normal; color:#333;}

.table2,.table2 th,.table2 td { border:0 }

.table2 { width:100%;border-bottom:1px solid #ddd;font-family:meiryo,MS PGothic,Arial;font-size:11px;border-collapse:collapse; margin:1em auto;}

.table2 caption { display:none; }

.table2 th { padding:8px 5px 7px 15px;border-top:2px solid #999;border-right:1px solid #ddd;border-left:1px solid #ddd; border-bottom:1px solid #ccc;background:#DBE9E9;color:#666;font-family:meiryo,MS PGothic,Arial;font-size:11px;font-weight:bold} /*#f5f7f9*/

.table2 td { padding:7px 5px 5px 15px;border:1px solid #ddd;color:#4c4c4c; }

.table2 td { font-family:meiryo,MS PGothic,Arial;font-size:11px;color:#444;line-height:18px;_word-spacing:-1px;text-decoration:none !important;_white-space:nowrap}

.table2 td.bold { font-weight:bold; }

.table2 td.green { background-color:#e3f0d0; }

.table2 td.blue { background-color:#ddf0f9; }

.table2 td.gray { background-color:#f5f7f9; }

/* tablefix */

.tablefix {width:700px; border-top:1px solid #e5eff8;border-right:1px solid #e5eff8;margin:1em auto; border-collapse:collapse;}

.tablefix caption {color: #9ba9b4;margin:1em 0 0 0;padding:0;caption-side:top;text-align:center;}

.tablefix tr.odd td {background:#f7fbff;}

.tablefix tr.odd .column1 {background:#f4f9fe;}

.tablefix .column1 {background:#f9fcfe;}

.tablefix td {color:#678197;border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 1em;text-align:center;}

.tablefix th {color: #678197;text-align:left;border-bottom: 1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 1em;}

.tablefix thead th {background:#f4f9fe;text-align:center;color:#66a3d3;}

.tablefix tfoot th { text-align:center;background:#f4f9fe; }

.tablefix tfoot th strong {margin:.5em .5em .5em 0;color:#66a3d3;}

.tablefix tfoot th em {color:#f03b58;}

/* mytable */

.mytable {width:700px; padding:0; margin: 1em auto;}

.mytable caption {padding:0; width:700px; text-align: right;}

.mytable th {color: #4f6b72;border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7;text-align: left;padding: 6px 6px 6px 12px;background: #CAE8EA url(/archives/img/mytable/bg_header.jpg) no-repeat;}

.mytable th.nobg {border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none;}

.mytable td {border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72;}

.mytable td.alt { background: #F5FAFA; color: #797268;}

.mytable th.spec {border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(/archives/img/mytable/bullet1.gif) no-repeat; }

.mytable th.specalt {border-left: 1px solid #C1DAD7; border-top: 0;background: #f5fafa url(/archives/img/mytable/bullet2.gif) no-repeat; color: #797268;}

/* 본문 링크 설정 */

a.markLink { padding-left:24px; background-image:url(/archives/img/bu_link.gif); background-repeat:no-repeat; background-position:left 0; color:#000!important; border-bottom:1px solid #00a8e1; text-decoration:none!important; }

a.markLink:visited { color:#000!important; }

a.markLink:hover { color:#0088cc!important; }

/* 본문 경로강조 설정 */

.markLocation { padding-left:42px; background-image:url(/archives/img/bu_location.gif); background-repeat:no-repeat; background-position:left 0; color:#000; border-bottom:1px solid #00a8e1; font:11px/1.5 meiryo,MS PGothic,Arial; letter-spacing:-1px;} /* 20110805 폰트추가*/

/* 본문 밑줄쫙 설정 */

.markPencil { padding-left:18px; background-image:url(/archives/img/bu_pencil.gif); background-repeat:no-repeat; background-position:left 0; color:#000; border-bottom:2px solid #f26c4f; }

/* 코드 그리드 설정 */

.markGrid { position: relative; z-index: 50;background:#fff url(/archives/img/pre_bg.gif) top left repeat;border:1px solid #999;color:#000;display:block;font-family:"Courier New", Courier, monospace;font-size:13px;line-height:18px;margin:10px 0 20px;overflow:auto;padding:18px 10px 17px;overflow-x:scroll; }

/* 관련페이지 안내 설정 */

.mydialog { border:1px solid #efefef; line-height:normal; overflow:hidden; font:11px/1.5 meiryo,MS PGothic,Arial; letter-spacing:0; color:#666;} /* 2011-08-05 폰트추가 */

.mydialog .title { font-family:meiryo,MS PGothic,Arial; font-size:12px; font-weight:bold; color:#4b4b4b; display:block; }

.mydialog .description { font-size:12px; font-family:meiryo,MS PGothic,Arial; color:#666; line-height:160%; letter-spacing:-1px; }

.mydialog.related { background:#f9f9f9 url(/archives/img/icon_related.gif) no-repeat 22px 14px; padding:22px 22px 22px 70px; }

.mydialog.alert { background:#f9f9f9 url(/archives/img/icon_notice.gif) no-repeat 22px 14px; padding:22px 22px 22px 70px; }

.mydialog.comments { background:#f9f9f9 url(/archives/img/icon_comments.gif) no-repeat 22px 14px; padding:22px 22px 22px 70px; }

.mydialog.default { background:#f9f9f9; padding:22px; }

.mydialog.uhakfocus { background:#f9f9f9 url(/archives/img/icon_uhakfocus.png) no-repeat 5px 5px; padding:22px 22px 22px 70px; }

.mydialog.uhakfocus2 { background:#f9f9f9 url(/archives/img/icon_uhakfocus2.png) no-repeat 14px 20px; padding:22px 22px 22px 70px; }

.mydialog.uhakfocus3 { background:#f9f9f9 url(/archives/img/icon_uhakfocus3.png) no-repeat 10px 22px; padding:22px 22px 22px 50px; }

/* 분리선 (레이아웃에서는 display:none인데, 아래는 content내용에서 나타남

---------------------------------------------------------------------------------*/

hr { margin:40px 0; height:1px; border-top:#CCCCCC 1px dashed; border-bottom:none; border-left:none; border-right:none; }

/* 정산안내 테이블

---------------------------------------------------------------------------------*/

.pxeTable { width:100%; table-layout:fixed; border-collapse:collapse; }

.pxeTable th { background-color:#fafafa; }

.pxeTable th,

.pxeTable td { border:1px solid #efefef; padding:10px; }

.listTable { width:100%; border-top:3px solid #333; border-bottom:3px solid #333; table-layout:fixed; }

.listTable th { background:url(../img/white/bg_contents.gif); }

.listTable th,

.listTable td { font-weight:normal; vertical-align:top; padding:10px; border-left:1px solid #b4b5b2; border-bottom:1px solid #b4b5b2; text-align:center; }

.listTable th.noborder,

.listTable td.noborder { border-left:none; }

.listTable th { width:100px; }

table.membership { font-size:14px;width:100%;text-align:left;border-collapse:collapse;font:12px meiryo,MS PGothic,Arial; border-right:1px solid #d4d4d4; }

table.membership th { font-size:12px;font-weight:400;background:#f7f7f7;color:#666;padding:12px 10px 8px 10px; text-align:center; border:1px solid #d4d4d4; vertical-align:middle; }

table.membership td{ padding:12px 10px 8px 10px; background:#fff;border-bottom:1px solid #d4d4d4;color:#333;border-top:1px solid transparent;border:1px solid #d4d4d4; vertical-align:middle; text-align:center; }

table.membership td strong {color:#707070;}

table.membership th.platinum { background:#fff url(/archives/img/bg_platinum_cell.gif) repeat-x; border:1px solid #d4d4d4; border-right:none; }

table.membership td.platinum { background:#fcfcfc; border:1px solid #d4d4d4; border-right:none; }

table.purchase { margin-bottom:25px; }

/* 추가사항 메모

---------------------------------------------------------------------------------*/

.mymemo { padding-left:12px; background:url(/archives/img/asterisk.png) no-repeat left 3px; color:#666; font:11px/1.5 meiryo,MS PGothic,Arial; letter-spacing:-1px; display:block; }

/* 2011-04-20 패키지가격 */

.pack_list{ width:740px; margin:0;padding:0;list-style:none; font-size:12px; font-family:meiryo,MS PGothic,Arial;}

.pack_list li{  padding:10px 0 0 0; border-bottom:1px dashed #d2d2d2; zoom:1; background-position:580px 20px; background-repeat:no-repeat;}

.pack_list li:after{ content:""; display:block; clear:both;}

.pack_list h2,

.pack_list .tx1{ font-size:12px; font-weight:bold; font-family:meiryo,MS PGothic,Arial;}

.pack_list h2{ margin:0; height:50px; line-height:50px; white-space:nowrap; color:#fff; float:left; width:160px; padding:0 0 0 10px; background:url(/archives/img/package/bgTab.gif) no-repeat;}

.pack_list .tx{ float:left; width:570px;}

.pack_list .tx1{ padding:15px 0 0 0; margin:0 0 10px 0;}

.pack_list .tx2{ margin:10px 0 15px 0; font-size:11px; color:#898989; line-height:16px;}

.pack_list .ba{ margin:15px 0 20px 0;}

.pack_list .btn,

.pack_list .btn a{ display:inline-block; height:22px; line-height:22px; background:url(/archives/img/package/btnSet22.gif) no-repeat;}

.pack_list .btn{ background-position:0 0;}

.pack_list .btn a{ background-position:right 0; font-size:11px; text-decoration:none; color:#666; padding:0 9px 0 25px;}

.pack_list .btn.site{ background-position:0 0px;}

.pack_list .btn.down{ background-position:0 -30px;}

.pack_list .btn.project{ background-position:0 -60px;}

.pack_list .btn.detail{ background-position:0 -90px;}

.pack_list .btn.move{ background-position:0 -120px;}

.pack_list .no{ display:inline-block; width:14px; height:14px; font-weight:normal; text-align:center; color:#fff; font-size:9px; font-family:meiryo,MS PGothic,Arial; background:url(/archives/img/package/bgDisc.gif) no-repeat center;}

/* 2011-04-20 학교특징 */

.list2{ width:100%; margin:0;padding:0;list-style:none; font-size:12px; font-family:meiryo,MS PGothic,Arial;}

.list2 li{  padding:10px 0 0 0; border-bottom:1px dashed #d2d2d2; zoom:1; background-position:580px 50px; background-repeat:no-repeat;}

.list2 li:after{ content:""; display:block; clear:both;}

.list2 h2,

.list2 .tx1{ font-size:12px !important; font-weight:bold; font-family:meiryo,MS PGothic,Arial;}

.list2 h2{ margin:0; height:50px; line-height:50px; white-space:nowrap; color:#fff; width:160px; padding:0 0 0 10px; background:url(/archives/img/package/bgTab.gif) no-repeat;}

.list2 .tx{ width:560px; padding:0 0 0 10px;}  /* 학교이미지 있을 때*/

.list2 .tx1{ margin:0 0 10px 0;}  /* 학교이미지 있을 때*/

.list2 .tx2{ margin:10px 0 15px 0; font-size:11px; color:#898989; line-height:16px;}

.list2 .ba{ margin:15px 0 20px 0 !important;}

.list2 .btn,

.list2 .btn a{ display:inline-block; height:22px; line-height:22px; background:url(/archives/img/package/btnSet22.gif) no-repeat;}

.list2 .btn{ background-position:0 0;}

.list2 .btn a{ background-position:right 0; font-size:11px; text-decoration:none; color:#666; padding:0 9px 0 25px;}

.list2 .btn.site{ background-position:0 0px;}

.list2 .btn.down{ background-position:0 -30px;}

.list2 .btn.project{ background-position:0 -60px;}

.list2 .btn.detail{ background-position:0 -90px;}

.list2 .btn.move{ background-position:0 -120px;}

.list2 .no{ display:inline-block; width:14px; height:14px; font-weight:normal; text-align:center; color:#fff; font-size:9px; font-family:meiryo,MS PGothic,Arial; background:url(/archives/img/package/bgDisc.gif) no-repeat center;}

/* 2011-07-13 추가 게시판내 div설정 */

.make_float_right {width: 35%; float:right; padding:10px; margin-left:10px; background:#F8F8F8; border:1px solid #DDD; font:11px/15px meiryo,MS PGothic,Arial; letter-spacing:-1px; color:#666; }

/* 메뉴 */

.psNav {list-style:none; margin:1em 0 2em 0; padding:0; width:100%; position:relative; *zoom:1; background:#fff; border:0;}

.psNav:after{display:block;clear:both;content:''}

.psNav li {float:left; margin:0; padding:0 5px 0 0;}

.psNav li.sPrice a{float:left; display:block; background: #fff url(/archives/img/btn/btn_price.gif) no-repeat top left; text-indent:-1000em; width:80px; height:25px;}

.psNav li.sPrice a:hover{ background-position:left -30px;}

.psNav li.sPrice a:focus{ background-position:left -60px;}

.psNav li.sPrice.on a{ padding:0; background-position:left -30px;}

.psNav li.sProgram a{float:left; display:block; background: #fff url(/archives/img/btn/btn_program.gif) no-repeat top left; text-indent:-1000em; width:80px; height:25px;}

.psNav li.sProgram a:hover{ background-position:left -30px;}

.psNav li.sProgram a:focus{ background-position:left -60px;}

.psNav li.sProgram.on a{ padding:0; background-position:left -30px;}

.psNav li.sInfo a{float:left; display:block; background: #fff url(/archives/img/btn/btn_info.gif) no-repeat top left; text-indent:-1000em; width:80px; height:25px;}

.psNav li.sInfo a:hover{ background-position:left -30px;}

.psNav li.sInfo a:focus{ background-position:left -60px;}

.psNav li.sInfo.on a{ padding:0; background-position:left -30px;}

.psNav li.sStory a{float:left; display:block; background: #fff url(/archives/img/btn/btn_story.gif) no-repeat top left; text-indent:-1000em; width:80px; height:25px;}

.psNav li.sStory a:hover{ background-position:left -30px;}

.psNav li.sStory a:focus{ background-position:left -60px;}

.psNav li.sStory.on a{ padding:0; background-position:left -30px;}

.psNav li.sGallery a{float:left; display:block; background: #fff url(/archives/img/btn/btn_gallery.gif) no-repeat top left; text-indent:-1000em; width:80px; height:25px;}

.psNav li.sGallery a:hover{ background-position:left -30px;}

.psNav li.sGallery a:focus{ background-position:left -60px;}

.psNav li.sGallery.on a{ padding:0; background-position:left -30px;}

.psNav li.sChildProgram a{float:left; display:block; background: #fff url(/archives/img/btn/btn_childparent.gif) no-repeat top left; text-indent:-1000em; width:99px; height:25px;}

.psNav li.sChildProgram a:hover{ background-position:left -30px;}

.psNav li.sChildProgram a:focus{ background-position:left -60px;}

.psNav li.sChildProgram.on a{ padding:0; background-position:left -30px;}

.psNav li.sFamilyCenter a{float:left; display:block; background: #fff url(/archives/img/btn/btn_familycenter.gif) no-repeat top left; text-indent:-1000em; width:99px; height:25px;}

.psNav li.sFamilyCenter a:hover{ background-position:left -30px;}

.psNav li.sFamilyCenter a:focus{ background-position:left -60px;}

.psNav li.sFamilyCenter.on a{ padding:0; background-position:left -30px;}

.psNav li.smanila a{float:left; display:block; background: #fff url(/archives/img/btn/btn_manila.gif) no-repeat top left; text-indent:-1000em; width:70px; height:25px;}

.psNav li.smanila a:hover{ background-position:left -30px;}

.psNav li.smanila a:focus{ background-position:left -60px;}

.psNav li.smanila.on a{ padding:0; background-position:left -30px;}

.psNav li.siloilo a{float:left; display:block; background: #fff url(/archives/img/btn/btn_iloilo.gif) no-repeat top left; text-indent:-1000em; width:80px; height:25px;}

.psNav li.siloilo a:hover{ background-position:left -30px;}

.psNav li.siloilo a:focus{ background-position:left -60px;}

.psNav li.siloilo.on a{ padding:0; background-position:left -30px;}

.psNav li.juniorcourse a{float:left; display:block; background: #fff url(/archives/img/btn/btn_juniorcourse.gif) no-repeat top left; text-indent:-1000em; width:90px; height:25px;}

.psNav li.juniorcourse a:hover{ background-position:left -30px;}

.psNav li.juniorcourse a:focus{ background-position:left -60px;}

.psNav li.juniorcourse.on a{ padding:0; background-position:left -30px;} 

/* 연계연수장점 - PAGE */

.link_program { overflow:hidden; }

.link_program th {background-color:#F5F7F9;}

.link_program td {vertical-align:top;}

.link_program_list {margin:0; padding:0; list-style:none; }

.link_program_list li {margin-bottom:5px; padding:0 5px 0 10px; background:url(http://philschool.com/images/bu_list1.gif) no-repeat 0 5px; }

.link_program_list li a {color:#2D2C2D; text-decoration:none;}

.link_program_list li a:hover {text-decoration:underline;}

/* 유림보드같이 */

.checklist{ padding:15px 30px 17px 25px; margin:20px 0; background:#fbfbfb; border:1px solid #e7e7e7;}

.checklist li{ padding:6px 0;}

.checklist li{ list-style:none; padding-left:17px; background:url(http://philschool.com/archives/img/list/check.gif) no-repeat 0 12px; color:#666;}

/* Anchor-xeStyle */

a.none {color:#8b8b8b; padding-right:13px; margin-right:2px; background:url(http://philschool.com/archives/img/iconNone.gif); background-repeat:no-repeat; background-position:right center;}

a.external{ padding-right:13px; margin-right:2px; background-image:url(http://philschool.com/archives/img/iconExternal.gif); background-repeat:no-repeat; background-position:right center;}

a.blank{ padding-right:13px; margin-right:2px; background-image:url(http://philschool.com/archives/img/iconBlank.gif); background-repeat:no-repeat; background-position:right center;}

/* isection FOCUS */

.isection{position:relative;clear:both;*zoom:1}

.isection:after{display:block;clear:both;content:""}

/* 타이틀 */

h3.noticeTitle{margin:0 0 10px 0;height:0;padding:23px 0 0 0; overflow:hidden;background:url(/archives/img/h3_notice4.png) no-repeat;line-height:2}

.download h2{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden}

/* boardReadCommunity */

.boardReadCommunity{position:relative; width:198px; border:1px solid #bbb; padding:10px; background:#fafafa; margin-bottom:1em; overflow:hidden;} 

_.boardReadCommunity h3{margin:0 0 10px 0;height:0;padding:23px 0 0 0;overflow:hidden;background:url(/archives/img/h3_notice4.png) no-repeat;line-height:2}

.boardReadCommunity a{text-decoration:none;font-size:11px;color:#aaa}

.boardReadCommunity a:hover,

.boardReadCommunity a:active,

.boardReadCommunity a:focus{text-decoration:underline;color:#000} /* 녹색 #73C620 */

.boardReadCommunity .more{position:absolute;top:18px;right:15px;padding:0 0 0 7px;font-family:meiryo,MS PGothic,Arial;font-size:11px;color:#a0a0a0;text-decoration:underline;background:url(/archives/img/_bodySet.png) no-repeat 0 -196px}

.boardReadCommunity .more span{position:absolute;width:1px;height:1px;left:0;top:0;overflow:hidden}

.inNotice h3{margin:0 0 10px 0;height:0;padding:23px 0 0 0;overflow:hidden;background:url(/archives/img/h3_notice4.png) no-repeat;line-height:2}

.inQna h3{margin:0 0 10px 0;height:0;padding:23px 0 0 0;overflow:hidden;background:url(/archives/img/h3_qna.png) no-repeat;line-height:2}

.inFeedback h3{margin:0 0 10px 0;height:0;padding:23px 0 0 0;overflow:hidden;background:url(/archives/img/h3_feedback.png) no-repeat;line-height:2}

/* 연계연수-골라먹는 레이아웃 적용시 재생성 */

.boardReadCommunity ul{margin:0;padding:0;list-style:none;line-height:19px}

.boardReadCommunity li{ margin-bottom:5px;padding:0 0 0 5px;background:url(/archives/img/bu_list1.gif) no-repeat 0 7px; font-size:12px; line-height:14px;vertical-align:top}

/* 연계연수-골라먹는 레이아웃 적용시 위젯 right_wing.css & widget.css 와 비교 */

#left_article .widgetContainer .widgetA {margin:0;padding:0;list-style:none;line-height:19px}

#left_article .widgetContainer .widgetA li{ list-style:none; margin-bottom:5px;padding:0 0 0 5px;background:url(/archives/img/bu_list1.gif) no-repeat 0 7px; font-size:12px; line-height:14px;vertical-align:top}

#left_article .widgetContainer .widgetA a{ text-decoration:none;}

#left_article .widgetContainer .widgetA a:hover{ text-decoration:underline;}

/* 라벨-premium */

.schoolshot{ position:relative; *zoom:1;}

.schoolshot:after{ content:""; display:block; clear:both;}

.bestWrap{ position:relative; *zoom:1;}

.bestImg { position:absolute; top:-2px; right:-2px;}

* html .schoolshot {display: inline; }

/* table blue */

table.blue{width:96%; margin:6px 2% 18px; border-collapse:collapse; border:0; border-top:2px solid #1d688f;

font:11px/1.5 meiryo,MS PGothic,Arial; letter-spacing:0; color:#666;}

table.blue th,table.blue td{border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}

table.blue th.first,table.blue td.first{border-left:0;}

table.blue th{padding:6px 4px 4px; background:#f8f8f8; text-align:center;}

table.blue td{padding:4px 4px 2px; text-align:center;}

p.arrow{margin:11px 0; padding:0 0 0 18px; background:url(/archives/img/arrow_y2.gif) no-repeat left center; font-weight:bold; color:#0075c8;}

/* 폰트 설정

---------------------------------------------------------------------------------*/

.enP1 { font:12px georgia,serif; font-weight:normal; line-height:150%; }

.enP2 { font:12px Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; line-height:140%; }

.enP3 { font:9px Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; text-transform:uppercase; line-height:140%; }

.enP4 { font:9px Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; line-height:140%; }

.enP5 { font:11px Arial, Helvetica, sans-serif; line-height:140%; }

.enP6 { font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:140%; }

.enP7 { font:9px Arial, Helvetica, sans-serif; line-height:140%; }

.kr01 { font:bold 12px meiryo,MS PGothic,Arial; line-height:140%; }

.kr02 { font:12px meiryo,MS PGothic,Arial; line-height:140%; }

.kr03 { font:12px meiryo,MS PGothic,Arial; letter-spacing:-1px; line-height:160%; }

.kr04 { font:9pt meiryo,MS PGothic,Arial; line-height:140%; }

.kr05 { font:8pt meiryo,MS PGothic,Arial; letter-spacing:-1px; line-height:170%; }

.kr06 { font:12px meiryo,MS PGothic,Arial; line-height:170%; }

.enT1 { font-family:Georgia,serif; font-size:20px; font-variant: small-caps; text-transform:none; font-weight:100; line-height:140%; margin:0; padding:0; }

.enT2 { font-family: times, Times New Roman, times-roman, georgia, serif; font-size: 48px; line-height: 40px; letter-spacing: -1px; font-weight: 100; margin:0; padding:0; }

.enT3 { font-family: times, Times New Roman, times-roman, georgia, serif; font-size: 28px; line-height: 40px; letter-spacing: -1px; font-style:italic; margin:0; padding:0; }

.enT4:first-letter { text-transform: uppercase; }

.enT4 { font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; letter-spacing:0.1em; text-transform: lowercase; line-height: 145%; font-size: 14pt; font-variant: small-caps; margin:0; padding:0; }

.enT5 { font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif; font-weight: normal; font-size:28pt; letter-spacing: .2em; line-height: 1.1em; text-transform: uppercase; margin:0; padding:0; }

.enT6 { font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight: normal; margin:0; padding:0; }

.enT7 { font-family: "Lucida Grande", Tahoma; font-size:12px; font-weight: lighter; font-variant: normal; text-transform: uppercase; letter-spacing: 0.3em; margin:0; padding:0; }

.enT8 { font-family:georgia, serif; font-size:20px; letter-spacing:0.1em; line-height:140%; margin:0; padding:0; }

.enT9 { font-family:georgia, serif; font-size:18px; font-weight:bold; line-height:140%; margin:0; padding:0; }

.enT10 { font-family: Helvetica, Arial, sans-serif; font-size:2em; letter-spacing:-0.015em; text-transform:uppercase; font-weight:normal; margin:0; padding:0; }

/* 코드 그리드 (토글형) 그리드 설정

---------------------------------------------------------------------------------*/

.expand { margin:0 0 9px; position:relative; }

.expand a.show { font-weight:bold; color:#00a8e1!important; outline:0; selector-dummy:ｅxpression(this.hideFocus=true); }

.expand .tocontent {

background:#0e152b !important; border:1px solid #000 !important; color:#8da6ce; line-height:1.5em !important;

margin:0 0 18px; overflow:auto; padding:.5em;

font:11px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;

-webkit-border-radius:5px;

-moz-border-radius:5px;

border-radius:5px;

text-shadow:none;

clear:both; display:none; overflow:hidden; }

.expand .tocontent a,

.expand .tocontent a:visited { color:#8da6ce; }

/* 추가사항 메모 */

p.pxe_memo { font:8pt meiryo,MS PGothic,Arial; letter-spacing:-1px; padding:2px 0 0 12px!important; background:url(/archives/img/asterisk.png) no-repeat left 2px; color:#707070; display:block; }