/* ======================== 글꼴 ======================== */ @font-face { font-family: 'NanumGothic'; src: url('/font/NanumGothic.eot'); src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/font/NanumGothic.woff') format('woff'), url('/font/NanumGothic.ttf') format('truetype'); } @font-face { font-family: 'NanumGothicBold'; src: url('/font/NanumGothicBold.eot'); src: url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('/font/NanumGothicBold.woff') format('woff'), url('/font/NanumGothicBold.ttf') format('truetype'); } @font-face { font-family: 'NanumGothicExtBold'; src: url('/font/NanumGothicExtraBold.eot'); src: url('/font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'), url('/font/NanumGothicExtraBold.woff') format('woff'), url('/font/NanumGothicExtraBold.ttf') format('truetype'); } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { /*background-image:url('/images/bg_bg.gif');*/ margin:0px; background: none #fff; text-align: center; line-height: 21px; font-family: NanumGothic, Dotum, Arial, Verdana, sans-serif; font-size: 12px; color: #464646; text-shadow: none; min-height: 25px; } img {margin:0px;} a { text-decoration: none; color: #2e2e2e; text-shadow: none; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #2e2e2e; letter-spacing: -1px; line-height: 1em; font-weight: normal; font-family: NanumGothicBold, Dotum, Georgia, serif;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2e2e2e !important; font-weight: normal !important; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 13px; } p { padding-bottom: 10px; line-height: 24px; } strong { font-weight: bold;} cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .menu_title { color:#215aa7; font-size:30px; margin-bottom:20px; font-family:NanumGothicExtBold,Dotum, Georgia; line-height:35px; } .menu_item { width:192px; height:30px; line-height:30px; background:url('/images/menu_bg.jpg'); font-size:12px; text-align:right; } .menu_item a{ padding-right:20px; } .page_title { color:#215aa7; font-size:20px; letter-spacing:1px; font-family:NanumGothicBold,Dotum, Georgia;float:left; } .page_subtitle { font-size:12px; margin-top:9px; margin-left:10px; font-family:NanumGothic,Dotum, Georgia; float:left; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ #page-wrap, .page-wrap { text-align: left; width: 1000px; margin: 0 auto; position: relative; padding:0 10px;} #header-wrap {border-bottom:1px solid #e0e0e0; *height:79px;} #header { padding-top: 8px; } img#logo { float: left; margin:0px 15px 0 0; } #slogan { font-family: Georgia, serif; font-style: italic; color: #2e2e2e; font-size: 1.5em; margin:-2px 0; float: left; background: url(images/separator.png) 0px 0px no-repeat; padding: 14px 0 3px 30px;} #header #search-form { float: right; width: 132px; background: url(images/search.png) no-repeat; height: 33px; margin-top:7px; } #header #searchinput { width: 105px; background: none; border: none; font-style: italic; color: #7d8990; text-shadow: 1px 1px 1px #f6f7f8; padding-left: 12px; display: block; margin-top: 6px; } div.description a.readmore { color: #ffffff; background: url(images/featured-readmore-right.png) no-repeat top right; display: block; height: 34px; padding-right: 9px; line-height: 34px; float: right; font-style: italic; text-shadow: 1px 1px 1px #86949b; margin-top: 8px; } #services_bg { background:url("images/separator_bg.png") repeat-x scroll top left; padding-top: 1px; margin-top: -47px; } #services { min-height: 283px; position: relative; background: url(images/separator_bg.png) repeat-x center bottom; } #services .one-third { background: url(images/third-left-bg.png) no-repeat top left; float: left; width: 210px; position: relative; padding: 31px 34px 20px 76px; } #services .first { background: none !important; } #services img.icon { position: absolute; left: 23px; top: 31px; } #services .one-third.first img.icon{ left: 18px; } #services h3.title { font-size: 24px; margin-bottom: -4px; line-height: 1.3em; text-shadow: 1px 1px 1px #fff;} #services h3.title a:hover { text-decoration: none; } #services p.tagline { font-family: Georgia, serif; font-style: italic; color: #a0a7ac; margin-bottom: -8px;} #content { background: none; padding-bottom: 25px; } #content.nudge { margin-top:-46px; } #content.pagefull_width, .pagefull_width #content-area { background: none; width: 100%; } #content-area { float: left; width: 820px; padding-right:0px;} div.entry { padding: 30px 0px; background: none; width: 800px;} .home div.entry, .archive div.entry { padding: 30px 0px; } .home div.entry p, .home div.entry div {font-family: NanumGothic, Dotum, Georgia, serif;} div.entry p, div.entry div {font-family:Dotum; letter-spacing:-0.5px;} div.entry .entry-item {padding:10px 0; border-bottom: 1px solid #e4e4e4} div.entry .entry-item:first-child {border-top: 1px solid #e4e4e4} #content.pagefull_width div.entry { width: 900px; } div.entry a, div#comment-section a { color: #000000; font-weight: normal; } div.entry.homepage { padding-bottom: 0px; background: none; } div.entry .thumb-wrap {position:relative;} div.entry .thumb-wrap .thumb-gradient {position:absolute; display:inline-block; left:1px; top:1px; width:258px; height:158px;} div.entry .thumb-wrap .thumb-gradient:hover {background:url(images/dimm-b-30.png);} div.entry .thumb-wrap span.cmt-count {position:absolute; display:inline-block; left:0; top:0; width:40px; height:40px; background:url(images/cmt-count.png) no-repeat; color:#fff; font-weight:bold; padding-left:3px;} div.entry h2.title, div.entry h1.title { padding-bottom: 12px; } div.entry .entry-item h2.title {padding:8px 0 12px; font-size:24px;} div.entry .entry-item h2.title a { color: #55abb6 !important} div.entry .entry-item h2.title a:hover { text-decoration:underline} div.entry .entry-item h2.title span.Edit{float:right; font-size:14px; color:#000 !important;} div.entry .entry-item h2.title span.Edit a {color:#000 !important;} div.entry img.thumbnail-post { border: 1px solid #55abb6; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow: none; margin-right: 23px; margin-bottom: 0px; margin-top: 0px;} div.entry .entry-item p { font-size:13px; color:#2e2e2e; line-height:1.4em} #breadcrumbs {position:absolute; left:0; top:4px; height:width:800px; margin-top: 0; padding: 0; background: none ; margin-left:10px;} #breadcrumbs, #breadcrumbs a { color: #8c8c8c; font-size:13px; font-style: normal; font-family: NanumGothic, Dotum, Georgia, serif; } h2.title a:hover { color: #000000 !important; text-decoration: none; } h3.title { font-size: 24px; } p.post-meta { margin: 0 0 15px; padding: 0; line-height: 1em; font-size:12px;} .home p.post-meta, .archive p.post-meta { margin: 18px 0 0; padding: 0px 0px 0px 4px; line-height: 1em; font-size:12px;} p.post-meta, p.post-meta a { color: #2e2e2e; font-family: NanumGothic, Dotum, Georgia, serif; font-style: normal; font-weight: normal; } p.post-meta a:hover, #breadcrumbs a:hover { color: #111111; text-decoration: none; } .entry ul { list-style-type: disc; margin: 10px 0px 10px 20px; } .entry ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; } .entry ul li ul, .entry ul li ol { margin: 2px 0px 2px 20px; } .entry ol li ul, .entry ol li ol { margin: 2px 0px 2px 35px; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ ul.nav { background: #f3f4f5 url(images/white_line.jpg) repeat-x; border: 1px solid #c7ced1; margin-top: 25px; font-family: Arial, Verdana, sans-serif; font-size: 14px; margin-bottom: 46px; padding-top:1px; } ul.nav li { border-left: 1px solid #ffffff; border-right: 1px solid #c7ced1; } ul.nav > li > a:hover, ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a { background: #e8ebec; } ul.nav li a { color:#8c8c8c; padding:14px 12px 13px; } ul.nav li a:hover {text-decoration: none;} ul.nav > li:last-child { border-right: none; background: url(images/grey_white_line.jpg) repeat-y top right; padding-right: 2px; } ul.nav ul { border-left: 1px solid #ffffff; border-right: 1px solid #c7ced1; border-bottom: 1px solid #c7ced1; } ul.nav > ul { background: url(images/first_element.jpg) 0px 0px no-repeat; } ul.nav ul li a { background: #e8ebec url(images/second_line.jpg) repeat-x bottom left; } ul.nav ul li a:hover { background-color: #d6dadd; } ul.nav li:hover a { background-color: #e8ebec; } /*ul.nav ul > li:last-child a { background-image: none; }*/ ul.nav ul { top: 49px !important; left: -1px !important; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); border-top: 1px solid #ffffff; } ul.nav ul ul { left: 203px !important; top: -2px !important; border-top: none; } ul.nav li li { border-left: none; } ul.nav li li a { width: 180px; padding: 13px 4px 13px 18px; } ul.nav ul ul { background: #e8ebec url(images/second_line.jpg) repeat-x; padding-top: 2px; } ul.nav ul li.last-nav-element > a { background-image: none; } #Menu_Main {float:right; margin-top:29px;} #Menu_Main .Menu_Parent {float:left; list-style-type:none; font:14px/1em NanumGothicBold; height:42px; background:url(images/navi-pole.png) left top no-repeat;} #Menu_Main .Menu_Parent:first-child {background:none;} #Menu_Main .Menu_Parent a {display:inline-block; padding:0 40px 28px; color:#8f8f8f !important} #Menu_Main .Menu_Parent a:hover { text-decoration:none; } #Menu_Main .Menu_Parent a:hover, #Menu_Main .Menu_Parent.selected a {color:#545454 !important; background:url(images/navi-underbar.png) left bottom repeat-x;} #Menu_Main .Menu_Child {display: none; padding:30px 20px 35px; width:978px; position: absolute;right: 0; top:79px;z-index: 9999; background:#fff; border:1px solid #e2e2e2; box-shadow:10px 10px 30px #ccc} #Menu_Main .Menu_Child .Close {float:right;border:none; width:24px; height:24px; cursor:pointer; background:url(images/close_btn.png) left top #E61212} #Menu_Main .Menu_Child a {color:#9e9e9d !important; padding:0; background:none;} #Menu_Main .Menu_Child a:hover {color:#545454 !important; background:none;} #Menu_Main .Menu_Parent ul li a:hover, #Menu_Main .Menu_Parent.selected ul li a {background:none} #Menu_Main .section {float:right; width:125px; } #Menu_Main .destination .section {width:115px;} #Menu_Main .section a.section-title {font-size:14px; color:#545454 !important; margin-bottom:10px;} #Menu_Main .section a.section-title:hover {color:#E61111 !important;text-decoration:underline;} #Menu_Main .section ul li {font-size:13px; margin-top:13px;} #Menu_Main .Menu_Parent.selected .section-items a {color:#9e9e9d !important;} #Menu_Main .Menu_Parent.selected .section-items a:hover {color:#E61111 !important;} #Menu_Main .search .Blank {clear: both;height:40px;} #Menu_Main .search input[type="submit"] {float:right; border:none; font-size:0; width:34px; height:32px; padding:0; margin:0; margin-left:-3px; cursor:pointer; background:url(images/search-btn.png) left top #E61212} #Menu_Main .search .section {float:left !important; width:450px;min-height: 50px;margin-left:20px; font-size:12px; color:#9e9e9d; vertical-align:top;} #Menu_Main .search .section.Description{width:90% !important;color:#ff0000 !important;margin-top:-20px;} #Menu_Main .search .section a.section-title {display:inline-block; width:50px; *width:45px; font-size:12px; vertical-align:top;} #Menu_Main .search .section .chk-wrap {display:inline-block; width:390px; *width:400px; margin-bottom:10px;} #Menu_Main .search .section .chk-wrap span {display:inline-block;} #Menu_Main .search .section input[type="checkbox"] {font-family:NanumGothic;margin:0 0 5px 10px; padding:0; vertical-align:-2px; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ div#featured { position: relative; background: none ; margin-top:30px; padding-bottom:35px; padding-left: 0px; border-bottom:1px solid #e0e0e0; height:370px; overflow:hidden;} #featured_content, .slide { width: 800px !important; min-height: 370px !important; } a#left_arrow { background: url(images/slider-arrow-l.png) 0px 0px no-repeat; left: 10px; } a#right_arrow { background: url(images/slider-arrow-r.png) 0px 0px no-repeat; right: 30px; } a#left_arrow:hover, a#right_arrow:hover { background-color: #000; } a#left_arrow, a#right_arrow { display:block ; height:40px; position: absolute; text-indent:-9999px; top:153px; width:40px; z-index:10;} div.slide img.thumb {float: left; margin-left: 0px; text-indent:-9999px;} div.slide div.description {position:absolute; padding:16px 14px; float: right; width: 345px; right:0; bottom:35px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; background:url(images/slider-desc-back.png) } div.description h2 { font:18px/1.2em NanumGothicBold; padding-bottom:10px;} div.description h2 a { color:#fff !important} div.description h2 a:hover { text-decoration: none; } div.description p {color:#FFF; padding-bottom:0;font-size:13px;line-height:140%;} div.description p.tagline { font-family: Georgia, serif; font-style: italic; color: #a0a7ac; } div.description { color: #2e2e2e; } div.slide .video_wrap {width:800px; height:370px; background-color:#ddd;} div.slide div.video_left {margin:25px 0 0 12px;} div.slide div.description.video_right {position:relative; padding:10px 14px; margin:25px 12px 0 0; float: right; width: 345px; height:295px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; background:url(images/slider-desc-back.png); } a.readmore { color: #ffffff !important; font-weight: normal !important; background: url(images/featured-readmore-right.png) no-repeat top right; display: block; height: 34px; padding-right: 9px; line-height: 32px; float: right; font-style: italic; text-shadow: 1px 1px 1px #86949b; margin-top: 8px; margin-right: 0px; } a.readmore span { display: block; height: 34px; background: url(images/featured-readmore-left.png) no-repeat; padding: 0px 11px 0px 20px; } div#controllers { clear:both; bottom:10px; left:0; padding-left:47% !important; position:absolute; } div#controllers a { float: left; text-indent:-9999px; background: url(images/controller1.png) no-repeat; display: block; height: 14px; width: 15px; margin-right:4px; } div#controllers a.activeSlide {background: url(images/controller2.png) no-repeat;} /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-section { padding:30px 20px 20px 0px; } h3#comments, h3#reply-title span { font-size: 30px; } span.bottom_bg { background:url("images/comment-bottom.png") no-repeat scroll bottom right; display: block; height: 2px; width: 100%; margin-top: -21px; } div.authordata { width: 100px; } img.avatar { float: right; border: 5px solid #ffffff; box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 3px 6px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.2); } div.comment-author { text-align: right; margin-top: 13px; padding-bottom:5px; } div.comment-author span.fn a, div.comment-author span.fn { color: #2e2e2e !important; font-size: 14px; font-weight: normal !important; font-family: Georgia, serif; } .comment-meta { margin-top: 3px; } .comment-meta a { color: #8c8c8c !important; font-size: 11px; font-weight: normal !important; } .comment-wrap { float:left; margin-left:32px; } .reply-container { float: right; } .reply-container a { padding-left: 15px; } .reply-container a:hover { text-decoration: none; } ul.children .comment .bottom_bg { background: none; } li.depth-1 .comment-wrap { width: 428px; } li.depth-2 .comment-wrap { width: 310px; } li.depth-3 .comment-wrap { width: 193px; } li.depth-4 .comment-wrap { width: 78px; } ol.commentlist { padding-top: 10px; } .commentlist li.comment { margin: 20px 0px; background: url(images/content_line.png) repeat-y 117px 0px; } .commentlist li.comment ul { margin: 8px 0px 8px 117px; } #respond { padding:15px 20px; margin-right:20px; border:1px solid #eaeaea; background-color:#f8f8f8;} #commentform textarea#comment { width: 99%; } #commentform input[type=text] { width: 40%; } li.comment #respond { padding-left:28px; padding-top:20px; background: #E7E9EB; } li.comment #respond input[type=text] { width: 50% !important; } .depth-1 li.comment #respond { padding-left:10px; } span.bottom_bg { width: 580px; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ div#footer { border: 1px solid #d5d5d5; border-width:1px 0 0 0; margin-bottom: 0px; background-color: #f2f2f2; height: 110px;} div#footer-content { border:none; margin-top:20px;} img.footer-logo {float:left} img.footer-right {float:left;} #footer-right {width:750px; float:right} ul.bottom-menu {display:block; width:100%} ul.bottom-menu li { float: left; padding-top: 0px; padding-left: 20px; padding-right:20px; background:url(images/navi-pole.png) left top no-repeat; line-height:1em;} ul.bottom-menu li:first-child { padding-left: 0px; background:none;} ul.bottom-menu li a { padding-right: 0px; color: #8c8c8c; text-transform: lowercase;} p#copyright {float:left; padding-top: 10px; padding-right: 0; font-size: 11px; line-height:16px; color:#999} /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ div#sidebar { float: right; width: 180px; margin-top:30px; overflow-x:hidden;} div.sidebar-block { background:none; padding:0; } #tabbed { position: relative; padding: 0px; } ul#tabbed-area { background: url(images/tabbed-area-bg.png) no-repeat; } ul#tabbed-area li.ui-state-active { background: url(images/active-tab-arrow.png) no-repeat bottom center; padding-bottom: 11px; } ul#tabbed-area li.ui-state-active a { background: #e8ebec; } ul#tabbed-area li { text-align: center; float: left; margin-right: 2px; } ul#tabbed-area li a { color: #404040; display: block; padding: 13px 3px 10px; } ul#tabbed-area li a:hover {text-decoration: none; background-color: #e8ebec; } ul#tabbed-area li.first a {width: 91px;} ul#tabbed-area li.second a {width: 112px;} ul#tabbed-area li.last { margin-right: 0px; } ul#tabbed-area li.last a { width: 90px; } ul#tabbed-area li.ui-state-active a:hover { background-color: #e8ebec; } div#recent-tabbed.widget {padding-top: 25px;} div.sidebar-block .widget ul ul { margin-left: 9px;} .widget ul { margin-bottom: 5px; } .widget ul ul { margin-bottom: 0px; } .widget ul li { background: url(images/bullet.png) no-repeat 0 10px; padding:0px 0 3px 10px; color: #2e2e2e;} .widget ul li ul { margin:0 0 -12px; padding:5px 0 0 7px;} div#recent-tabbed, div#popular-tabbed, div#random-tabbed {padding-top: 25px; padding-left: 35px; padding-bottom: 25px; } div.widget h3.widgettitle { padding-bottom: 5px; color:#55abb6; font:16px NanumGothicBold;} div.widget.author_list h3.widgettitle {line-height:19px; *line-height:14px} div#sidebar .Author_List {height:375px; overflow: hidden;} .home div#sidebar .Author_List {border-bottom:1px solid #E0E0E0; height:405px; overflow: hidden;} div#sidebar .Author_List .Best_Author {margin-bottom:26px; *margin-bottom:32px;height: 205px;overflow: hidden;} div#sidebar .Author_List .Best_Author span.Image {position:relative;display:inline-block; width:180px; max-height:150px; overflow:hidden;} div#sidebar .Author_List .Best_Author span.Image .Author_Gradient {position:absolute; display:inline-block; left:1px; top:1px; width:180px; height:150px;} div#sidebar .Author_List .Best_Author span.Image .Author_Gradient:hover {background:url(images/dimm-b-30.png);} div#sidebar .Author_List .Best_Author span.Image img {width:180px; height:auto;} div#sidebar .Author_List .Best_Author span.Name {display:block; font-size:13px;margin-top:5px; margin-bottom:5px; line-height:1.3em;} div#sidebar .Author_List .Best_Author a {color:#2e2e2e !important} div#sidebar .Author_List .Best_Author span.Content {font-size:11px; color:#8c8c8c; line-height:1.7em} div#sidebar .Author_List .Author {width:90px; float:left; position:relative} div#sidebar .Author_List .Author span.Image {display:inline-block;width:90px; height:90px; overflow:hidden} div#sidebar .Author_List .Author span.Image .Author_Gradient {position:absolute; display:inline-block; left:1px; top:1px; width:90px; height:90px;} div#sidebar .Author_List .Author:hover span.Image .Author_Gradient {background:url(images/dimm-b-30.png);} div#sidebar .Author_List .Author span.Image img {width:90px; height:90px} div#sidebar .Author_List .Author span.Name {text-align:center; display:inline-block; width:90px; height:24px; line-height:24px; background:url(images/dimm-b-60.png); vertical-align:middle; position:absolute; bottom:0px; left:0} div#sidebar .Author_List .Author span.Name:hover{text-decoration:underline;} div#sidebar .Author_List .Author a {color:#fff !important} div#sidebar .Author_List .Author span.Content {display:none;} div#sidebar .Search {margin-top:20px; margin-bottom:17px; } div#sidebar .Search h3.widgettitle {display:none} div#sidebar .Search input[type="text"] {vertical-align:-4px; *vertical-align:2px; font-size:12px; margin:0; line-height:12px; padding:8px 5px; height:14px; width:133px; border-color:#e6e6e5; background:url(images/search-back.png) left top no-repeat; color:#828282; ime-mode:inactive;} div#sidebar .Search input[type="submit"] {border:none; font-size:0; width:34px; height:31px; padding:0; margin:0; margin-left:-3px; cursor:pointer; background:url(images/search-btn.png) left top #E61212} div#sidebar .Tag_Cloud {} div#sidebar .Tag_Cloud span {font-size:13px; margin-right:5px;} div#sidebar .Tag_Cloud span a:link, div#sidebar .Tag_Cloud span a:visited {color:#b3e0e8;} div#sidebar .Tag_Cloud span a {color:#e1f3f8 !important;} div#sidebar .Tag_Cloud span.level-1 a {color:#1a4f5d !important; font-weight:bold;} div#sidebar .Tag_Cloud span.level-2 a {color:#2d6776 !important;} div#sidebar .Tag_Cloud span.level-3 a {color:#4a8392 !important;} div#sidebar .Tag_Cloud span.level-4 a {color:#82b2bf !important;} div#sidebar .Tag_Cloud span.level-5 a {color:#bcdce5 !important;} div#sidebar .recent_comment {margin-top:20px;} div#sidebar .recent_post a, div#sidebar .recent_comment a {color:#2e2e2e !important;} div#sidebar .recent_post li, div#sidebar .recent_comment li {width:170px !important;height:21px !important;overflow:hidden; !important;} /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:35px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:203px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 202px; display: none; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #000000; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0px; text-align:center; font-family:NanumGothic !important} .pagination a {color:#2e2e2e !important; display:inline-block; padding:0 8px;} .pagination a:hover {color:#000 !important; text-decoration:none;} .pagination strong {padding:0 8px;} .wp-pagenavi { position: relative; padding: 25px 0px 5px 20px; } .wp-pagenavi a, .wp-pagenavi a:link { background: url(images/pagenavi-bg.png) no-repeat !important; padding: 11px 14px 17px 15px !important; margin: 2px; font-weight: bold; color:#FFFFFF !important; border: none !important; text-shadow: 1px 1px 1px #86949b; } .wp-pagenavi a:visited { background: url(images/pagenavi-bg.png) no-repeat !important; padding:9px 15px 11px 12px !important; margin: 2px; font-weight: bold; color:#FFFFFF !important; border: none !important; } .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #989898 !important; border:none !important; color: #413f36; background: none !important; } .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { background: url(images/pagenavi-current-bg.png) no-repeat !important; padding:9px 15px 11px 12px !important; margin: 2px; font-weight: bold; color:#FFFFFF !important; border: none !important; text-shadow: -1px -1px 1px #ffffff; color: #2e2e2e !important; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .js #feat-content, .js div#from-blog div.entries {display: none;} .foursixeight { margin: 15px 0px 15px 84px;} .fullwidth { width: 100% !important; } div#controllers { z-index: 100; } .js div#tabbed {display: none;} .et_pt_blogentry a.readmore { color: #282828 !important; } .et_pt_gallery_entry { margin: 0 0 32px 20px !important; } #comment-wrap .navigation { padding: 10px 0; } .nav-previous { float: left; } .nav-next { float: right; } h3#reply-title small { display: block; } h3#reply-title small a { font-size: 12px; letter-spacing: 0px; } #commentform input[type=text] { width: 40%; display: block; padding: 5px; } #commentform textarea#comment { width: 91%; } .commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; } .comment_navigation_bottom { padding: 12px 0; } .comment_navigation_top { padding: 12px 0 0; } .et_embedded_videos { display: none !important; } .js #featured_content { background: url(images/ajax-loader.gif) no-repeat center; min-height: 370px !important; } .js #featured_content .slide { display: none; } /* ======================== 메인 - 붙박이 ======================== */ #Sticky_Box{ margin-top: 20px; width:800; padding-right:20px; } .Sticky_List {float: left;width:260px; margin-left:10px;} .Sticky_List:first-child {margin-left:0} .Sticky_List .sticky-thumb-wrap {position:relative; border:1px solid #55abb6; border-width:5px 1px 1px 1px; height:294px;} .Sticky_List h2.sticky-title {padding:12px; line-height:1.3em; position:absolute; bottom: 0px;} .Sticky_List h2.sticky-title a {color:#fff !important} .Sticky_List .sticky-excerpt-wrap {font-size:13px; padding:10px 3px; line-height:1.5em} /* 20130201 seojiuen 사이드바영역 */ #sidebar .widget_text{clear: both;padding:5px 0;} #sidebar .tag_cloud{height:300px;overflow:hidden;padding-bottom:20px;} div#sidebar .Author_List .Author span.Random{width:90px;width:90px;} div#sidebar .Author_List .Author span.Random_1{border-left:1px solid #e0e0e0 !important;border-top:1px solid #e0e0e0 !important;} div#sidebar .Author_List .Author span.Random_2{border-right:1px solid #e0e0e0 !important;border-top:1px solid #e0e0e0 !important;} /* 20130201 seojieun 댓글영역 */ #commentform span{vertical-align:middle;display:inline-block;margin-right:10px; *margin-right:5px; color:#2e2e2e;} #commentform .essential {margin-right:0 !important;color:#E61212 !important;vertical-align:1px;} #commentform #author{width:138px !important; *width:130px !important;} #commentform #email{width:200px !important; *width:185px !important;} #commentform #url{width:208px !important; *width:200px !important;} #commentform textarea#comment{width: 648px; *width:610px; height:90px;margin:7px 0 0; padding:0;} #commentform span.content{vertical-align:top;padding-top:2px;} #commentform span.comment-form-url, #commentform span.comment-form-content{margin-right:0;} #commentform .comment-form-content{display: inline-block;} #commentform input[type="text"], #commentform textarea {border-color:#dddddd} #commentform #submit{vertical-align:top;width:68px;height:92px;border:none;padding: 0;margin:7px 0 0;cursor:pointer; background:url(images/comments-btn.png) left top #E61212;} .commentlist li.comment #respond {padding:0 !important;background:#f8f8f8 !important;} .commentlist li.comment #respond .cancel-comment-reply{float:right;padding-right:10px;} .commentlist li.comment #respond #author{width:100px !important;} .commentlist li.comment #respond #email{width:150px !important;} .commentlist li.comment #respond #url{width:220px !important;} .commentlist li.comment #respond textarea#comment{width:562px !important;} .commentlist {color:#828282;} .commentlist a{color:#2E2E2E !important;} .commentlist li.comment{margin:15px 0 0; background:none; padding:0 20px 5px;} .commentlist li.comment.depth-1 {margin-left:0;} .commentlist li.comment.depth-2 {margin-left:20px;} .commentlist li.comment.depth-3 {margin-left:40px;} .commentlist li.comment.depth-4 {margin-left:60px;} .commentlist .Author {font-size: 13px;font-weight: bold !important;color:#DC9637 !important;padding-right:10px;} .commentlist .comment-body {color:#2E2E2E;} .commentlist .Author a{font-size: 13px;font-weight: bold !important;color:#DC9637 !important;} .commentlist .Date {padding-right:10px;} .commentlist .URL{display: inline-block;width:16px; height:12px;background:url("http://getabout.hanatour.com/wp-content/themes/getabout/images/btn_daily_home.gif") no-repeat;} .commentlist .Email{display: inline-block;width:16px; height:12px;background:url("http://getabout.hanatour.com/wp-content/themes/getabout/images/btn_mail.gif") no-repeat;} .commentlist .SmartCampus{display: inline-block;width:16px; height:12px;background:url("http://getabout.hanatour.com/wp-content/themes/getabout/images/icon_smca.gif") no-repeat;} .commentlist div.bottom_bg { display: inline-block; width: 100%;height: 1px; background:none #ebebeb; } .commentlist .children li.comment{padding-left: 25px;background:url('http://getabout.hanatour.com/wp-content/themes/Minimal_child/images/icon_comments.png') no-repeat 0 0;} .commentlist .comment-edit-link{float:right;} .Comment_Info{width:778px;display:inline-block;margin:10px 0;padding:5px 0 5px 20px;border:1px solid #eaeaea; background-color:#f8f8f8;} .Comment_Info .Trackback_Count{padding-left:10px;} /* 20130201 seojieun 컨텐츠영역 */ .search p.post-meta{margin:15px 0 0;} .home p.post-meta .Author, .home p.post-meta .Author a {font-weight:bold;} .home div.entry p {font-family: NanumGothic, Dotum, Georgia, serif !important;} .archive p.post-meta .Author, .archive p.post-meta .Author a {font-weight:bold;} .archive div.entry p {font-family: NanumGothic, Dotum, Georgia, serif !important;} .single .Content_Info{padding:20px 20px 5px 20px;margin-bottom:20px;background:#f4f4f4;} .single .Content_Info h1{color:#7BB6BC;} .single .Content_Info .post-meta span{color:#8c8c8c;} .single .entry img{max-width:100%; height:auto;} .single .Social_Box{display:inline;text-align:center;padding: 20px;} .single .Social_Box .Daum_View{padding: 30px 0;} .single .Social_Box .Add_This{float:right;padding-bottom: 10px;} .single .Tag_Box{display:inline;padding:10px 0 15px 25px;color:#828282;} .single .Tag_Box img.tag{padding-right:5px;vertical-align:-2px;} .single .Tag_Box a{color:#828282;} .author .Author_Box{margin: 5px 0 !important;border:none !important;} .Author_Box{width:800px;display: inline-block;margin:20px 0;background:#f8f8f8;border:1px solid #eaeaea;color:#828282;} .Author_Info {padding: 20px 20px 5px 20px;} .Author_Box a{color:#828282;} .Author_Box .Top{display:inline-block;} .Author_Box .Top .Image {float:left;width: 120px;height:120px;border:1px solid #ABABAB;} .Author_Box .Top .Image img{display: inline-block;width: 120px;height: 120px;overflow: hidden;} .Author_Box .Top .Info {float:left;padding-left:10px;width:550px;margin-left:20px;color:#8c8c8c;} .Author_Box .Top .Info h3{padding-bottom:10px;} .Author_Box .Bottom{float:right;display:inline-block;margin: 5px 0;} .Author_Box .Bottom span.Twitter {padding-left:5px;vertical-align:8px;} .Author_Box .Bottom span.Twitter img {vertical-align:-5px;} /* 20130206 seojieun 메뉴 영역 */ #Menu_Main li.Menu_Parent.notice ul.Menu_Child{width:700px;} #Menu_Main .notice ul li {float:right; width:120px; background: url(images/bullet_menu.png) no-repeat 0 5px; padding-left:10px; } #Menu_Main li.Menu_Parent.theme ul.Menu_Child{width:550px;} #Menu_Main .section ul li{ background: url(images/bullet_menu.png) no-repeat 0 5px; padding-left:10px;} #Menu_Main li.Menu_Parent.family ul.Menu_Child{width:570px;} #Menu_Main .family ul li {float:left !important;display:inline-block;width:570px;height:40px;vertical-align:bottom;text-align:left;margin-left:20px;} #Menu_Main .family ul li a{font: 13px/1em NanumGothic !important;color:#9E9E9D !important;text-align:right;} #Menu_Main .family ul li a:hover span.Site{color:#E61111 !important;} #Menu_Main .family a img{padding-right:20px;vertical-align: -2px;} #Menu_Main .family a img.sticker{padding-left:32px;} #Menu_Main .family a img.dailyspots{padding-left:32px;} #Menu_Main .family a img.facebook{padding-left:38px;} #Menu_Main .family a img.facebook_like{padding-right:0;} #Menu_Main .family a img.twitter{padding-left:38px;vertical-align: -1px;} #Menu_Main .family a img.blog{padding-left:20px;vertical-align: -1px;} #Menu_Main .family a img.hanatouring{padding-left:64px;vertical-align: -1px;} #Menu_Main .family a span.Site{font: 14px/1em NanumGothicBold !important;color:#545454 !important;} /* 20130206 seojieun 메인 슬라이드 영역 */ div.video_left{float: left;width:560px;} div.video_right.description{float: right;width:180px !important;word-wrap:break-word;overflow:hidden;padding:16px -13px 16px 13px !important;top:0 !important;bottom: 55px !important;} /* 20130208 seojieun 3분할, 모든 글의 썸네일, 우측 필진 이미지 마우스 오버 시 진하게 */ .sticky-thumb-wrap:hover .sticky-gradient, .thumb-wrap:hover .thumb-gradient {position:absolute; display:inline-block; width:100%; height:100%; top:0; left:0; background:url(images/dimm-b-30.png) repeat;} div.entry .thumb-wrap{float: left; height: 158px;width: 258px;margin-right: 25px;} div.entry .thumb-wrap.no_image{border:1px solid #55ABB6;} div.entry #searchform input[type="text"] {vertical-align:-4px; *vertical-align:2px; font-size:12px; margin:0; line-height:12px; padding:8px 5px; height:14px; width:133px; border-color:#e6e6e5; background:url(images/search-back.png) left top no-repeat; color:#828282; ime-mode:inactive;} div.entry #searchform input[type="submit"] {border:none; font-size:0; width:34px; height:31px; padding:0; margin:0; margin-left:-3px; cursor:pointer; background:url(images/search-btn.png) left top #E61212}