@charset "utf-8"; * { padding:0; margin:0;} body {font-size:75%; font-family: 'Malgun Gothic', 'Lucida Grande', Dotum, Tahoma, sans-serif; line-height:1.6; color:#444;} /* 'LexiGulimWeb', 'Malgun Gothic','NanumGothic', */ a:link { color:#333; text-decoration:none;} a:visited { color:#333; text-decoration:none;} a:hover { color:#333; text-decoration:none;} a:active { color:#333; text-decoration:none;} .clear { clear:both;} .cnt { color:#f30;} .date { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; } hr { display:none;} img { border:none;} /* layout */ #container { width: 980px; margin: 0 auto; padding:0 20px;} #header { } #contentbody { clear: both; padding-bottom:20px; background:url(../images/line_cbody.gif) 720px 0 repeat-y;} #contentbody_tv { clear: both; padding-bottom:20px;} #content { float: left; width: 700px; overflow: hidden;} #sidebar { float: right; width: 240px; overflow: hidden;} #footer { clear: both;} /* ---------- header --------- */ /*#header { padding:0 0 0; border-bottom:3px solid #6f7279; overflow:hidden; margin-bottom:20px;}*/ #header { padding:0 0 0; border-bottom:5px solid #6f7279; overflow:hidden; margin-bottom:5px;} .gnb { /*float:right; margin-top:28px;*/ text-align:right; font-size:0.85em; padding:3px 10px; } .gnb .sep {padding:0 3px; color:#ddd;} h1 { float:left; height:60px;} h1 a { display:block; background:url(../images/logo.gif) center center no-repeat; width:210px; height:50px; overflow:hidden; text-indent:-999px;} .menu { float:right; margin:0; margin-top:15px; margin-right:5px; } .menu li { display:inline;} .menu li a { background-position:center 0; background-repeat: no-repeat; display:block; float:left; padding:0 25px; height:30px; text-indent:-999px; overflow:hidden; } .menu .tab_micimpact a { background-image:url(../images/tab_about.gif); width:82px; } .menu .tab_lecture a { background-image:url(../images/tab_project.gif); width:63px; } .menu .tab_speaker a { background-image:url(../images/tab_speaker.gif); width:63px; } .menu .tab_tv a { background-image:url(../images/tab_tv.gif); width:19px; } .menu .tab_story a { background-image:url(../images/tab_story.gif); width:46px; } .menu .tab_school a { background-image:url(../images/tab_school.gif); width:52px; } .menu li a:hover { background-position: center -30px;} body.micimpact .menu .tab_micimpact a, body.press .menu .tab_micimpact a, body.lecture .menu .tab_lecture a, body.speaker .menu .tab_speaker a, body.tv .menu .tab_tv a, body.story .menu .tab_story a , body.school .menu .tab_school a { background-position: center -30px;} .subMenu { clear:both; background-color:#6f7279; padding:5px 0 2px; } .subMenu li { display:inline; } .subMenu li a { color:#ccc; font-size:0.9em; padding:0 10px; font-family:tahoma;} .subMenu li a:hover { color:#fff;} body.press .subMenu ul, body.micimpact .subMenu ul { margin-left:320px;} /* --------- html page styel --------- */ body#body-about h2.pageTitle, body#body-team h2.pageTitle, body#body-join h2, body#body-contact h2, body#body-schedule h2, body.press h2.pageTitle, body.lecture h2.pageTitle, body.speaker h2.pageTitle, body.tv h2.pageTitle, body.story h2.pageTitle { height:20px; background: no-repeat #fff 0 0; border-bottom:1px solid #ccc;padding-bottom:10px; text-indent:-999px; overflow:hidden; margin-bottom:20px;} body#body-about h2.pageTitle { background-image:url(../images/page_micimpact.gif);} body#body-team h2.pageTitle { background-image:url(../images/page_team.gif);} body#body-join h2 { background-image:url(../images/page_joinus.gif); } body#body-contact h2 { background-image:url(../images/page_contact.gif); } body#body-schedule h2 { background-image:url(../images/page_schedule.gif);} body.press h2.pageTitle { background-image:url(../images/page_press.gif);} body.lecture h2.pageTitle { background-image:url(../images/page_project.gif);} body.speaker h2.pageTitle { background-image:url(../images/page_speaker.gif);} body.tv h2.pageTitle { background-image:url(../images/page_tv.gif);} body.story h2.pageTitle { background-image:url(../images/page_story.gif);} /* index */ /*body#body-index #header { border-bottom:0; margin:0;}*/ body#body-index #header { padding:0 0 0; border-bottom:3px solid #6f7279; overflow:hidden; margin-bottom:0px;} body#body-index #contentbody { } #featured .ui-tabs-panel img { width:715px; height:325px; } /* ----------------------------------- 삭제할것 ------------------------------ */ #flowingPicture h2 { font-size:1em; margin:20px 0 5px 0;} /* micimpact(about) */ #body-about #content .block { padding:30px 0; margin:0 20px; border-bottom:1px dashed #ccc;} #body-about #content .block.culture { border:0;} #body-about #content .wrap { padding:0 20px;} #body-about #content h3 { margin-bottom:20px; font-size:1.2em; color:#f30; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} #body-about #content h4 { text-align:center; font-size:1.2em; margin-bottom:20px; padding:10px;} #body-about #content p { margin-top:10px;} #body-about #content dl { margin-top:10px;} #body-about #content dt { font-weight:bold;} /* team */ #body-team h3 { font-size:3em; font-family:arial; text-align:center;} #body-team p { font-size:1.2em;} /* join us */ #body-join .about-join {} #body-join .intro { } #body-join .intro h3 { color:#362f2d; margin-bottom:10px; font-size:3em; font-family:arial;} #body-join .intro p { margin-bottom:20px; } #body-join .kind-of-join {} #body-join .kind-of-join dl { margin-top:5px; background: #f4f4ee; padding:10px 20px; border:1px solid #E6E6DC; } #body-join .kind-of-join dt { font-weight:bold; font-family:Verdana; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} #body-join center { margin-top:10px; } /* contact us */ body#body-contact h3 { margin-bottom:5px;} body#body-contact .contact { margin:0 20px;} body#body-contact .contact p { margin-left:20px;} body#body-contact .map { margin:20px 20px ;} body#body-contact .map p { margin-left:20px;} body#body-contact .map p iframe { border:10px solid #f5f5f5;} /* schedule */ body#body-schedule #contentbody { background:none;} body#body-schedule #content { float:none; width:940px; padding:20px;} /* speaker */ body.speaker .intro {margin-bottom:30px; } body.speaker .intro .agency { padding-bottom:5px;} body.speaker .intro .agency h3 { color:#362f2d; font-size:3em; font-family:arial;} body.speaker .intro .agency p { } body.speaker .intro .point {background: #f4f4ee; border:1px solid #E6E6DC; padding:15px 0;} body.speaker .intro .point h3 { font-size:1em;} body.speaker .intro .point dl { float:left; width:200px; padding:0 15px; } body.speaker .intro .point dt { font-size:0.9em; letter-spacing:-0.03em; color:#000; margin-left:35px;} body.speaker .intro .point dt strong { font-size:1.4em; font-weight:bold; } body.speaker .intro .point dd { font-size:0.9em; margin-top:10px; } body.speaker .intro .main_point {background: #f4f4ee; border:1px solid #E6E6DC; padding:15px 0;} body.speaker .intro .main_point h3 { font-size:1em;} body.speaker .intro .main_point dl { float:left; width:200px; padding:0 15px; } body.speaker .intro .main_point dt { font-size:0.9em; letter-spacing:-0.03em; color:#000; margin-left:2px; margin-top:10px; } body.speaker .intro .main_point dt strong { font-size:1.4em; font-weight:bold; } body.speaker .intro .main_point dd { font-size:0.9em; } body.speaker .point .p1 { background:url(http://micimpact.com/include/images/iconAgency_fast.gif) 15px 0px no-repeat;} body.speaker .point .p2 { background:url(http://micimpact.com/include/images/iconAgency_credible.gif) 15px 3px no-repeat; border:1px dotted #ccc; border-width:0 1px;} body.speaker .point .p3 { background:url(http://micimpact.com/include/images/iconAgency_free.gif) 15px 3px no-repeat;} /* speaker */ #speaker-sort { border:1px solid #E6E6DC; background-color:#fff; margin-bottom:15px;} #speaker-sort h3 { font-size:1em; padding:8px 20px 8px 40px; background:url(images/sound.png) 17px center no-repeat #f4f4ee; border-bottom:1px solid #eee; } #speaker-sort .sort-body { padding:10px; border-top:1px solid #fff;} #speaker-sort .wrap { width:200px; padding:0 13px; float:left;} #speaker-sort h4 { border-bottom:1px solid #ddd; background:url(images/bullet_arrow_down.png) 0 2px no-repeat; padding:0 0 5px 20px;} #speaker-sort ul { list-style:none; padding:5px 0 0 20px;} #speaker-sort ul li { color:#999;} #speaker-sort a { color:#000;} #speaker-sort a:hover { color:#f30; border-bottom:1px dotted #f90!important;} /* tv */ #tv-list ul { list-style:none;} .featured {background-color:#3e414a; margin-bottom:20px;} .featured h3 { font-size:1em; color:#fff; border-bottom:1px solid #484b53; padding:8px 20px 8px 40px; background:url(../images/sound.png) 17px center no-repeat #3e414a; } .featured li { float:left; padding:10px; margin:10px 0 10px 10px; background-color:#52545c;} .featured li img { width:200px; height:;} .featured li span { display:block; font-weight:bold; font-size:1.1em;} .featured li a { color:#999;} .featured li a:hover { color:#fff;} .general {border:1px solid #ddd; background-color:#fafafa; padding-bottom:10px;} .general h3 { font-size:1em; font-weight:normal; padding:8px 20px 8px 40px; background:url(../images/sound.png) 17px center no-repeat #eee; border-bottom:1px solid #ddd; } .general ul { padding-left: 1px;} .general li { float:left; margin:25px 0 0 50px; background-color:#fff; border:1px solid #eee; padding:3px;} .general li img { width:400px; height:250px; background-color:#fff; padding:4px;} .general li span { display:block; font-size:0.9em; padding:0 5px 5px;} .general_story {border:1px solid #ddd; background-color:#fafafa; padding-bottom:10px;} .general_story h3 { font-size:1em; font-weight:normal; padding:8px 20px 8px 40px; background:url(../images/sound.png) 17px center no-repeat #eee; border-bottom:1px solid #ddd; } .general_story ul { padding-left: 1px; } .general_story li { float:left; padding:10px; margin:10px 0 10px 10px; background-color:#fff; border:1px solid #eee; } .general_story li img { width:140px; height:120px;} /* ori. width:140px; height:120px; */ .general_story li span { display:block; font-size:0.9em; padding:0 5px 5px;} /* ---------- sidebar ---------- */ #sidebar { } #sidebar ul { padding:0; margin:0; list-style:none;} #sidebar li { background:url(../images/bul.gif) 0 9px no-repeat; padding-left:10px; padding-top:2px;} #sidebar h3 { font-size:1.1em; font-style:normal!important; font-weight:bold; color:#666; padding-top:20px; padding-bottom:3px; border-bottom:1px solid #eee; margin-bottom:5px;} #sidebar a { color:#666;} #sidebar a:hover { color:#f60;} /* ---------- footer ---------- */ #footer { border-top:1px solid #b7b8bc; padding:20px; font:0.9em Tahoma; color:#999;} #footer address { text-align:center; font-style:normal;} #footer a { color:#999; text-decoration:none; border-bottom:1px dotted #ddd!important;} #footer a:hover { color:#666;}