/* Original design: The Grid (v2.0 - October 12th, 2011) - A free xhtml/css website template by Andreas Viklund. For more information, see http://andreasviklund.com/templates/the-grid-v2/ */ /*{margin:0; padding:0;}*/ *{margin:0;} /* General styles */ body {background:#fff url(images/background.png) top center no-repeat; color:#303030; font:100% Helvetica, Tahoma, "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", sans-serif; line-height:1.4em;} a {color:#1177aa; text-decoration:none; font-weight:700;} a:hover {text-decoration:underline;} p,ul,ol,dl {margin:0 0 0px 0; font-size:0.95em; line-height:1.4em} li {margin-top:0.3em;margin-bottom:0.3em} h1 {color:#0033aa; font-size:1.8em; margin-bottom:5px; margin-left:1px} h1 a {text-transform:none; font-weight:400;} h1 a:hover {text-decoration:none; color:#303030;} h2 {font-size:1.8em; color:#333; margin:10px 0 10px 0; border-bottom:2px solid #eee;} h3 {font-size:1.4em; margin:10px 0 10px 0; border-bottom:2px solid #eee;} h1,h2,h3 {color:#555; font-weight:400; line-height:1.1em; font-family:Georgia, "나눔고딕", NanumGothic, "Nanum Gothic"; text-shadow:#ddd 1px 1px 1px;} /* Main layout container */ #layout {margin:20px auto 0; width:960px;} body.wider #layout {margin:20px auto 0; width:1200px;} /* Footer */ #footer .col {text-align:right; color:#888; font-size:0.9em; border-top:2px solid #eee; padding:10px 0;} #footer a {color:#888; font-weight:400; text-decoration:none; border-bottom:1px dotted #888;} #footer a:hover {color:#555; text-decoration:none; border-bottom:1px dotted #303030;} /* Grid classes, fixed width, 960px with 12 columns */ .col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;} .col img {max-width:100%;} .row {width:960px; margin:0 auto; overflow:hidden;} .row .row {margin:-10px -10px; width:auto; display:inline-block;} .gray {background-color:#F0F0F0;} .blue {background-color:#DDF1FF;} .dark {background-color:#1177AA;} .c1 {width:60px;} .c2 {width:140px;} .c3 {width:220px;} .c4 {width:300px;} .c5 {width:380px;} .c6 {width:460px;} .c7 {width:540px;} .c8 {width:620px;} .c9 {width:700px;} .c10 {width:780px;} .c11 {width:860px;} .c12 {width:940px;} /* Grid classes, fixed width, 1200px with 12 columns - add class="wider" to the element to use this */ body.wider {background:#fff url(images/background-1200.png) top center no-repeat;} body.wider .row {width:1200px;} body.wider .c1 {width:80px;} body.wider .c2 {width:180px;} body.wider .c3 {width:280px;} body.wider .c4 {width:380px;} body.wider .c5 {width:480px;} body.wider .c6 {width:580px;} body.wider .c7 {width:680px;} body.wider .c8 {width:780px;} body.wider .c9 {width:880px;} body.wider .c10 {width:980px;} body.wider .c11 {width:1080px;} body.wider .c12 {width:1180px;} /* Menu list styles */ ul.menu {list-style:none; margin:0; padding:5px 0; border-top:1px solid #eee;} ul.menu li {list-style:none; font-size:1em; margin:0 0 5px; padding:0 0 4px 0; color:#888; border-bottom:1px solid #eee;} ul.menu li a {font-size:1.2em; font-family:Georgia, "나눔고딕", NanumGothic, "Nanum Gothic"; font-weight:400;} ul.menu li a:hover {color:#303030; text-decoration:none; border-bottom:1px dotted #303030;} /* Additional text classes */ .slogan {color:#555;} .alignleft {text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustify {text-align:justify;} .larger {font-size:1.1em;} .larger2 {font-size:1.4em;} .smaller {font-size:0.9em;} .smaller2 {font-size:0.8em;} /*.red {color:#bc4c4c;} .blue {color:#2a5a9a;} .green {color:#4aaa7a;}*/ .spacer {margin:10px 10px;} .spacev {margin:10px 0;} .spaceh {margin:0 10px;} .nospace {margin:0 0;} .clear {clear:both;} .hide {display:none;} /* Additional classes */ .left {float:left; margin:0 15px 4px 0;} .right {float:right; margin:0 0 4px 15px;} .photo {background:#fff; border:0px solid #bababa; margin:6px 18px 2px 5px; padding:2px;} .box {background:#999999; border:1px solid #555555; color:#fff; font-size:0.9em; line-height:1.4em; padding:5px 5px 5px 5px;}.box a {color:#f0f0f0;} /*.box {background:#4088b8; border:1px solid #c8c8c8; color:#fff; font-size:0.9em; line-height:1.4em; padding:10px 10px 10px 13px;}.box a {color:#f0f0f0;} */ /* notice table */ .notice_gr {width:100%; border-top: 2px solid #209950; border-bottom: 2px solid #209950; table-layout:fixed;} .notice {width:100%; border-top: 0px solid #209950; border-bottom: px solid #209950; table-layout:fixed;} .notice tr{border-top: 0px solid #d7d7d7;} .notice tr.bt-none{border-top: none;} .notice th, .notice td{background-color: #fff; padding:8px;} .notice th.bg-blue, .notice td.bg-blue {background-color: #ddeeff;} .notice th.bg-light-blue, .notice td.bg-light-blue{background-color: #e1e8f5;} .notice th.bg-light-gray, .notice td.bg-light-gray{background-color: #ededed;} .notice th{width: 120px; padding: ; text-align: center;} .notice td{text-align: center; border-left: 0px solid #c2c2c2;} .notice th{text-align: center; font-size: 16px; font-weight: 500; letter-spacing: -0.25px; color: #111;} /* Gallery setting - source from css gallery */ .gallery { margin: 5px; border: 1px solid #ccc; float: left;} .gallery:hover { border: 1px solid #777; } .gallery img { width: 100%; height: auto; } .desc { padding: 15px; text-align: center; }