/* =INITIALIZE */ body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } ol, ul { list-style: none; } fieldset, img { border: 0; } /* =BASIC style */ BODY { font: 12px tahoma, arial, 굴림; padding: 0; margin: 0 auto; background: #ffffff url(./images/bg.gif) repeat-x; } hr { display: none;} /* =Font H */ h1 { font: bolder 16px 돋움; color: #4a4a4a;} h1 span { color: #6b3383; } h2 { font: bolder 14px 돋움; color: #4a4a4a; margin-bottom: 20px; } h3 { font: bolder 14px tahoma; color: #4a4a4a; margin-bottom: 20px; } h2 span, h3 span { color: #628e2f; } /*포스트 제목*/ h4 { font: bolder 16px 돋움; margin-bottom: 7px; } h4 a { text-decoration: underline; color: #2c4722; } h4 a:hover { color: #6e5c7a; } h4.title{ font: bolder: 14px 돋움; color: #563766; margin: 20px 0; padding-top: 10px; } h4.title u { background: #e8e8e8; } /*사이드 제목*/ h5 { font: bolder 14px Georgia; color: #675871; margin: 0 0 15px 0; } h5 b { padding: 2px; background-color: #dedede; text-decoration: underline; } small { font: normal 11px tahoma; color: #a3a3a3; } /* =Head */ div#top { position: relative; margin: 0 auto; width: 800px; height: 70px; } div#top .title { position: absolute; left: 0; } /* =tabs */ div#tabs { position: absolute; right: 0; bottom:0; _top:30px; font-size: 11px; } div#tabs ul li { position: relative; float:left; display:inline; height:40px; padding: 0px 0px 0px 10px; } div#tabs ul li a { color: #fff; float:left; display:inline; padding: 12px 10px 10px 10px; text-decoration: none; } div#tabs ul li a:hover { text-decoration: underline; } div#tabs ul li.current { background: url("images/tab_left.gif") no-repeat left top; color:#565656; margin-left: 12px; } div#tabs ul li.current a { display:block; font-weight: bold; color: #444; background: url("images/tab_right.gif") no-repeat right top; height:40px; padding: 12px 17px 10px 7px; } /* =Content */ div#Content { position: relative; width: 800px; margin: 45px auto 10px auto; min-height:450px; _height:450px;} div#Content .contents { min-height: 275px; _height: 275px; background: url(./images/grape.gif) right 9px no-repeat; } div#Content .CONTACT { background: url(./images/leaf.png) right 0% no-repeat; } /* =Main Service */ div#Content .service { background: none; } div#Content .service p { width:100%; line-height: 160%; color: #777777; text-align: justify;} .service .paragraph {position:relative; width: 500px; margin-bottom: 15px; } .service .logo { position: absolute; top: 0; left: 520px; width: 280px; height: 70px; } div#Content .service strong { color: #628e2f; } div#Content .service p a { color: #666; font-weight: bolder; } div#Content .service p a:hover { background: #eaeaea; } div#Content .service ul { margin: 0; padding: 0; padding-bottom: 10px; } div#Content .service ul li { line-height: 150%; list-style-type:disc; padding: 0; margin: 7px 0 7px 25px; color: #777777; } div#Content h1 { margin-bottom: 20px; } div#Content p { width: 480px; line-height: 160%; color: #777777; } /* Contact Us */ div#Content p.map { width: 100%; position: relative; } div#Content p.map .right { position:absolute; left: 480px; text-align: justify; line-height: 180%;} div#Content p strong {color: #628e2f; } div#information { padding-top: 35px; position: relative; width: 800px; background: url(./images/bg_line.gif) center top no-repeat; } #information #service { position: relative; width: 180px; } #information #blogpost { background: url(./images/bg_line_side.gif) right top no-repeat; position: absolute; left: 200px; width: 230px; padding-right: 10px; } #information #blogpost ul li { color: #a3a3a3; list-style-type: square; margin-bottom: 7px; margin-left: 15px; } #information #blogpost ul li a:link, #information #blogpost ul li a:visited { text-decoration: none; color: #a3a3a3; } #information #blogpost ul li a:hover, #information #blogpost ul li a:active { padding-left: 2px; text-decoration: underline; color: #888888;} #information #contact { position:absolute; width: 270px; left: 460px; } #information #contact ul li { color: #838383; border-bottom: 1px solid #dadada; padding-bottom: 3px; margin-bottom: 5px; } #information #contact ul li.link_image { border-bottom: none; } #information #contact ul li.link_image IMG { margin: 12px 0 10px 7px; } #information #contact .phonebanner { position: absolute; bottom:50px; right: -100px; background: url(./images/coffee.gif); width: 110px; height: 108px; } /* ------------------------Blog CONTENT-------------------------- */ #Content #postentry { position: relative; margin-left: 15px; min-height:570px; _height:550px;} #Content #postentry .POST {} #Content #postentry .POST .date { position: absolute; top: 0; left: -75px; width: 60px; height: 37px; font-size: 11px; font-weight: bolder; color: #716778; text-align: center; background: url(./images/date_bg.gif) no-repeat; padding-top: 3px; } #Content #postentry .POST span { font: 11px 돋움; letter-spacing: -1px; color: #6e6e6e; } #Content #postentry .POST p { margin: 15px 0 25px 0; width: 550px; text-align: justify; color: #3c3c3c; } #Content #postentry .POST .lesscomm { color: #777; padding: 5px 5px 6px 5px; background-color: #e9e9e9; border-top: 1px solid #cecece; width: 540px; } #Content #sidebar { position: absolute; right: 0; top: 0; width: 195px; } #Content #sidebar ul { margin-bottom: 20px;} #Content #sidebar ul li { padding-left: 25px; padding-bottom: 5px; background: url(./images/bullet_circle.gif) 5% 6px no-repeat; color: #474747; text-align: justify; } #Content #sidebar ul li a { color: #474747; text-decoration: none; } #Content #sidebar ul li a:hover { color: #628e2f; text-decoration: underline; padding-left: 2px; background: #e9e9e9; } #Content #sidebar ul li small { font: 11px 돋움; color: #858585; line-height: 160%; } #Content #sidebar ul li.tags { padding: 0 0 5px 0; color: #474747; text-align: justify; background: none;} /* =Footer */ #Footer { font-size: 11px; color: #a3a3a3; border-top: 1px solid #e2e2e2; margin: 70px auto 20px auto; padding: 30px 0; text-align: center; }