/* Theme Name: OllehTV(주)경주방송 Theme URI: http://pibs.co.kr Description: Author: PIBS (윤은숙) Author URI: http://www.pibs.co.kr/ Version: 1.1 License: Copyright © PIBS. All Rights Reserved License URI: */ /***************************************/ /* GENERAL */ /***************************************/ /* blue : #008FFF red : #C70303; */ @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); .wrap{ margin:0 auto; width: 1000px;}/*width: 85%;*/ #main_container_inner{ float:left; width:100%} a{ text-decoration:none;} #header, #footer, #the_posts_list, #h1_container, .modules, #comments_container, #pibs_headlines, .meta_and_tools {font-size: 12px ;} #the_content {font-size: 14px; min-height: 350px; clear: both; padding: 20px 0; color: #757575; line-height: 160%;} body {background: url(images/bg.png) 0 30px repeat-x;} /***************************************/ /* HEADER */ /***************************************/ #header{position: relative; height: 191px; margin:auto; z-index: 888;} #header_top {position:relative;height: 28px;z-index: 99;background: #fff;border-bottom: #c6c8c8 1px solid;} #header_top_in {position: relative;} #header_top02 {position:relative;height: 83px;z-index: 99;} #header_top02_in {position: relative;} /*LOGO*/ #logo_top{position:absolute;top: 21px; left: 34%;display: block; text-align:left;} /*LOGIN MENU*/ .menu_top_container{ position:absolute; right: 0px; top: 6px; color:#fff} #menu_top li { float:left;} #menu_top li a{ display:block; float:left; color:#999; font-size:11px; padding:0 10px; border-left:1px solid #ccc} #menu_top li:first-child a { border-left:none} #menu_top li a:hover {color: #E51920;} #menu_top li#menu_top_home a, #menu_top li#menu_top_report a, #menu_top li#menu_top_login a, #menu_top li#menu_top_logout a, #menu_top li#menu_top_signup a, #menu_top li#menu_top_all_post a, #menu_top li#menu_top_admin a { color:#888; font-weight:100; margin-top: 2px;} /*HEADER AD BANNER*/ /* #logo_top.has_adbanner { width: auto; left: 100px;} */ #top_banner_1 { position: absolute; top: 14px; left: 0; z-index:33} #top_banner_1 .pibs_widget_ads_img, #top_banner_2 .pibs_widget_ads_img { padding: 0;} #top_banner_1 .pibs_widget_ads_img, #top_banner_2 .pibs_widget_ads_img { margin-bottom: 0; height: 56px; width: 221px; border:1px solid #c8c8c8; box-sizing: border-box;} #top_banner_2 { position: absolute; top: 14px; right: 0; z-index:33} #top_banner_1 #pibs_ads_5918{width:221px; height:56px;} #top_banner_2 #pibs_ads_6057{width:250px; height:60px;} #home_main_content #pibs_ads_6028{width:498px; height:92px;} #home_main_content #pibs_ads_6029{width:240px; height:92px;} /* ADD TO THE HOME PAGE*/ #add_homepage { position: absolute; left: 0;} #add_homepage img {vertical-align: middle;} #add_homepage span { color: #000; display: inline-block; /*padding-top: 8px;*/ } #add_homepage span#add_homepage_gtn{color:#303030} #add_homepage a{color: #fff; background: #d40102; font-size: 11px; font-family: 돋움; display: inline-block; margin-left: 15px;padding: 8px 20px;} #menu_top li a {color: #696969; letter-spacing: -1px; font-weight: bold; font-size: 11px; font-family: 돋움;} #add_homepage a:hover {color: #EBFF00;} #add_homepage_gtn {color: #E51920; font-weight: bold; font-size: 11px;} /*MENU FULL DROPDOWN*/ #full_dropdown{ width:100%; border-top: 1px solid #CCC;border-bottom: 6px solid #e51920;float: left;position: absolute; top: 98px; height:42px; z-index: 999;background: #F0F0F0;} #full_dropdown #main_menu{ margin:auto} #full_dropdown #main_menu li{ float:left; position:relative; width: 14%; text-align: center;} #full_dropdown #main_menu li a{ /* float:left; */ display: inline-block; width: 100%; /* padding: 10px 0; */ font-weight:bold; color:#555; text-align: center; font-size: 12px; font-family: 돋움; line-height: 42px;} #full_dropdown #main_menu ul{ display:none; z-index:99; position:absolute; left:0; top:45px; padding-bottom:20px; width: 100%;} #full_dropdown #main_menu ul li{ float:none; display:block; width: 100%;} #full_dropdown #main_menu ul li a{ color:#616161; font-weight:normal; display: block; width: 120px; clear: both; font-size: 12px; padding: 10px 0; border-bottom:#DEDEDE 1px solid; border-top: #fff 1px solid; margin: 0 auto; line-height: 8px;} #full_dropdown #main_menu ul li:first-child a { border-top:none;} #full_dropdown #main_menu ul li a:hover{ color:#C70303} #inline_dropdown {float: left;width: 100%;clear: both;background: url(images/main/menu_bg.jpg) 0 0 no-repeat;z-index: 9;height: 79px;} div.menu_dropdown_inner {position: relative;} #inline_dropdown #main_menu li{ float: left; position:relative; margin: 0; } #inline_dropdown #main_menu li:first-child { margin-left:0px; } #inline_dropdown #main_menu li ul li{ margin: 0;} #inline_dropdown #main_menu li a{ float: left; display:inline-block; color:#fff; font-size: 14px; line-height:30px; color: #515151; width: 100%; text-align: center; border-bottom: none; font-size: 11px; font-family: 돋움; line-height: 42px;} #inline_dropdown #main_menu li a:hover, #menu-main li a.jquery_dropdown{ color: #c23e20; border-bottom: none;} #inline_dropdown #main_menu {height: 79px; width:100%} #inline_dropdown #main_menu li.menu01, #inline_dropdown #main_menu li.menu02, #inline_dropdown #main_menu li.menu03, #inline_dropdown #main_menu li.menu04, #inline_dropdown #main_menu li.menu05 {width:185px;} #inline_dropdown #main_menu > li > a{line-height:45px;font-size:16px; font-weight:bold;font-family:NanumGothic, Arial, Helvetica, sans-serif;width:100%;height:45px;text-align:center;color:#fff;height:45px; } #inline_dropdown #main_menu > li > a:hover{color:#fff000;} #inline_dropdown #main_menu > li.active > a{color:#fff000;} #inline_dropdown #main_menu > li.active {background:#b30000;} #inline_dropdown li ul {position:absolute;top:32px; left:0; display:none; width: 700px; left:-23px; width:auto;} #inline_dropdown li ul li{width: 100px;text-align:left; float:left;width: auto;} #inline_dropdown li ul li a{color:#666;font-size:12px;/*font-weight:bold;*/text-decoration:none; padding:10px 5px 0 5px;} #inline_dropdown li ul a:hover {color:#267daf;font-size:12px;font-weight:bold;text-decoration:none;} #inline_dropdown li.menu01 ul {width:750px; } #inline_dropdown li.menu02 ul {width:800px; left: 0px;} #inline_dropdown li.menu03 ul {width:800px;} #inline_dropdown li.menu04 ul {width:790px; left:0px;} #inline_dropdown li.menu05 ul {width:600px;} #inline_dropdown #menu_01 > a, #inline_dropdown #menu_02 > a, #inline_dropdown #menu_03 > a, #inline_dropdown #menu_04 > a, #inline_dropdown #menu_05 > a, #inline_dropdown #menu_06 > a{width:132px; text-align:center} #inline_dropdown #menu_01.active > a, #inline_dropdown #menu_02.active > a, #inline_dropdown #menu_03.active > a, #inline_dropdown #menu_04.active > a, #inline_dropdown #menu_05.active > a, #inline_dropdown #menu_06.active > a{width:132px; text-align:center;background:#522973 url(images/menu_g.png) center bottom no-repeat;} input:focus{outline: 0;} /***************************************/ /*SIDEBAR MENU*/ /***************************************/ #header .menu li ul li ul{ display:none} /* Hide the "sub sub menu" ^^ on the header main menu */ /*Tricks the sidebar menu with css*/ #sidebar .menu li, #sidebar .menu .sub_sub_menu ul{ display:none;} #sidebar .menu .current-menu-item.sub_sub_menu ul, #sidebar .menu li.current-menu-parent, #sidebar .menu li.current-menu-parent ul li, #sidebar .menu li.current-menu-item, #sidebar .menu li.current-menu-item ul li, #sidebar .menu .current-menu-ancestor, #sidebar .menu .current-menu-ancestor li, #sidebar .menu .sub_sub_menu.current-menu-ancestor ul { display:block} #sidebar .menu .current-menu-item.sub_sub_menu ul ul, #sidebar .menu .current-menu-ancestor.sub_sub_menu ul ul { display:none} /*Style the sidebar menu*/ #sidebar .menu li ul{ padding: 10px; background: #fff;} #sidebar .menu li ul ul{ background: #efefef;} #sidebar .menu a{ color: #333; font-size:20px; font-weight:bold; padding: 2px 0; display:block} #sidebar .menu ul a{ color: #267DAF; font-size:14px; font-weight:bold;} #sidebar .menu .sub_sub_menu ul a{ color: #646464; font-size:12px; font-weight:normal} #sidebar .menu .sub_sub_menu ul li.current-menu-item a{ color:red} #menu_right {float: right;margin:0;position: absolute;top: 0;right: 0;z-index: 10;} #menu_right a {display:block;float:left;} /***************************************/ /* MAIN */ /***************************************/ /* Sticky banner */ #left_sticky_sidebar { position: absolute; top: 0; left: -170px; padding-top: 30px; width: 150px; } #main_container { position: relative;margin-top: 0px; } /* Main content */ .home #content_container { margin-top:20px } /* topnews */ #main_topnews {width: 100%;float: left;background: url(images/main/media_bg.jpg) 0 0 no-repeat;height:399px;margin-bottom: 20px;} #main_topnews .topnews_media {float: left;margin: 10px 0 0 10px;} #main_topnews .topnews_tit_thumb { position: absolute; top: 0; z-index: 2; left: -400px;} #main_topnews .topnews_tit_thumb img { width: 397px; height: 292px;} #main_topnews .topnews_con {width: 136px;float: left;padding:0;} #main_topnews .topnews_con_inner {padding: 11px;} #main_topnews .topnews_con li {border-bottom: #474747 1px solid;border-top: #1c1c1c 1px solid;padding: 9px 6px;} #main_topnews .topnews_con li.active {background:#262626;} #main_topnews .topnews_con li a{color:#9a9a9a;font-size:11px;display: block;line-height: 14px;} #main_topnews .topnews_con li.active a{color:#fff;font-weight:bold;} #main_topnews h2 {border-bottom: #474747 1px solid;text-align:center;padding-bottom: 10px;} #main_topnews h2 span{color:#adadad;font-size:11px;font-weight:bold;letter-spacing: -1px;} #main_topnews .topnews_tit h2 a {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing:-1px;font-size:22px; font-weight: bold;color:#fff;font-family: '나눔고딕','Nanum Gothic',Helvetica,AppleGothic,Sans-serif; display: block; } #main_topnews .topnews_scon a {color: #a3a3a3;font-size: 12px;} #main_topnews .topnews_tit02 { padding: 6px 14px;} #main_topnews .topnews_tit02 a {font-size:16px; color:#a3a3a3;font-weight:bold; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;letter-spacing:-1px; display: block; } #main_topnews .topnews_tit02 a:hover{color:#C70303} #pibs_mediumlist-4 {border-top:#ec5b1a 1px solid !important;border-bottom:#d1d1d1 1px solid !important;border-left:#d1d1d1 1px solid !important;border-right:#d1d1d1 1px solid !important;} #pibs_mediumlist-4 .hgroup h2 {background: transparent url('images/main/tv_icon.png') no-repeat left center;padding-left: 20px;} #pibs_mediumlist-4 .hgroup {padding: 10px 0 4px 0;border-bottom: 1px solid #ddd;float: left;width: 100%; } #home_main_content { width: 725px; margin-top: 0px; float: left; } #ad_ban{position: relative;} #ad_ban a{display: inline-block; } #ad_ban .pibs_widget_ads { float: left; font-size: 0; } #ad_ban .pibs_widget_ads img{width:447px;} #ad_ban embed {height: 92px;} .widget_pibs_largelist .list_detail_content p { font-size: 12px; line-height:18px; } #searchform { width: 100%; padding-bottom: 14px; margin: 0 auto; /*background: url(images/main/search_bg.jpg) no-repeat center bottom;*/ z-index: 10; } #searchform > div { background: #f12222; } .screen-reader-text { text-indent: -9999px; overflow: hidden; display: inline-block; width: 1px; } #searchform .screen-reader-text { position: absolute; } #searchsubmit { background-color: #f12222; color: #fff; padding: 3px 6px 3px 6px; border: 0px solid #111; font-weight: bold; margin-right: 6px; font-family: 돋움; font-size: 12px; float: right; letter-spacing: -1px; margin-top: -25px; cursor: pointer; } #menu_top { float: right; } .ollertv_media {clear:both;width:260px;margin-top:20px;} .ollertv_media #mep_0.mejs-container { width: 260px !important; } .ollertv_media #mep_0.mejs-container * { width: 260px !important; } #s { padding: 2px 2%; width: 202px; height: 23px; margin: 1px 1px; border: 0px; vertical-align: middle; } #logo_top a span { color: #C70303; font-size: 40px; padding: 10px 0 0 20px; display: block; font-weight: bold; font-family: Georgia; } .modules_title, .modules_content { padding: 0 15px; } #widget_pibs_photolist_header, #pibs_photolist-5 { border: 1px solid #d1d1d1; border-top: 2px solid #ec5b1a; margin-bottom: 10px;} #ad-gallery_ {margin-bottom: 1px;} .modules_title { float: left; width: 90%; margin-bottom: 3px; } .modules_title .hgroup { border: 0; } .hgroup h2 { font-weight: bold; font-size: 12px; float:left; line-height: 1.3; color:#393939; } #pibs_headlines ul li { clear:both; float: left; width: 100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #ccc } #pibs_headlines { float:left; /*margin-top: 30px;*/ } #pibs_headlines h2 a { color: #000; font-size: 15px; font-weight: bold; font-family: 돋움; letter-spacing: -1px; line-height: 19px; } #pibs_headlines .list_thumb { height: auto; border: none; background: #eee; display: block; float: left; margin-right: 10px; width: 125px; } #pibs_headlines .list_detail_content h2 { font-family: 맑은고딕,"Malgun Gothic", 나눔고딕, NanumGothic, 돋움, Dotum, Tahoma, sans-serif; font-size: 15px; font-weight: bold; } #pibs_headlines h2 a:hover{ color:#C70303 } #pibs_headlines .list_detail_content p { padding: 0; color: #000; font-size: 12px; font-family: 돋움; letter-spacing: -1px; line-height: 18px; } .list_detail_content h3 a { color: #999; font-size: 14px; font-weight: bold; text-align: left; letter-spacing: -1px; } #main_top_sidebar { float: right; padding: 0; margin-top: 0px; width: 260px; } #middle_news.widget_pibs_largelist.modules .modules_content { padding: 0; } #pibs_headlines .list_detail_content h2 { padding-bottom: 3px; } #pibs_headlines .list_detail_content h3 { padding-bottom: 20px; } .mobile_only_posts{ display: none} .list_thumb { height: auto; border: none; display: block; float: left; margin-right: 2%; width: 20%; } .list_detail_content h2 { font-size: 16px; padding: 0 0 8px 2%; } /* MANUAL 기사 */ #manual_articles { clear: both; width: 100%; margin-bottom: 15px; margin-top: 15px; clear: both; height: 36px; border: #d30103 1px solid; float: left; position: relative; } #manual_articles h2{ width:80px; float:left; background: #d30103; height: 36px; font-size:12px; color:#fff; font-weight:bold; line-height:36px; text-align:center; } #manual_articles ul { width: 74% !important; margin-left: 80px; } #manual_articles li { display: none; width:100% !important; background-color: transparent !important; } #manual_articles li:first-child { display: block; } #manual_articles li a { color: #5c5c5c; font-size: 12px; font-weight: bold; letter-spacing:-1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; padding: 10px 12px; } #manual_articles li a:hover { color:#C70303 } /* WIDGET LARG LIST */ #pibs_popular-2 .hgroup, #pibs_popular-3 .hgroup{border-bottom: 1px solid #c4c4c4;} .widget_pibs_largelist .list_detail_content h2 a{ font-weight:bold; font-size: 13px; font-family: 굴림; line-height: 18px; letter-spacing: -1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 78%; display: inline-block; color:#000; } .list_detail_content p{ padding: 0; color: #000; font-size: 12px; font-family: 돋움; letter-spacing: -1.5px; line-height: 18px; } #sidebar_bottom_primary { width: 260px; float: left; margin-right: 14px; } .list_thumb img { height: 90px; width: 125px; display:block; } div.modules_content .list_thumb img { height: 67px; width: 92px; display:block; } #pibs_mediumlist-3 { border-top: 2px solid #0066b3; margin-bottom: 10px;} #pibs_mediumlist-3 span { display: none; } .widget_pibs_videolist .hgroup h2 { background: transparent url('images/main/tv_icon.png') no-repeat left center; padding-left:20px } .widget_pibs_videolist ul li { width: 50%; float: left; text-align: center; } .widget_pibs_videolist ul li img { width: 100%; height: auto; } .widget_pibs_videolist ul li span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .widget_pibs_videolist ul li a { display: inline-block; width: 92%; padding: 5% 0; text-align: center; } #pibs_photolist-2 {border-left: 1px solid #9d9ea2; border-right: 1px solid #9d9ea2; border-bottom: 1px solid #c1c3c2; border-top: 2px solid #555965;} #pibs_minilist-9, #pibs_minilist-10, #pibs_minilist-11, #pibs_minilist-12, #pibs_tabsthumb-4 {background: #F5F5F5;} #pibs_tabsthumb-4, #pibs_tabsthumb-5{padding-bottom:10px;margin-top:10px;} .modules { float: left; width: 100%; border: 1px solid #d1d1d1; padding-bottom: 16px; box-sizing: border-box; margin-bottom: 10px; } .modules ul { clear: both; } .hgroup a.more { float: right; display: block; width: 35px; height: 16px; text-indent: -9999px; background: url(images/btn_more.png) no-repeat right center; } .hgroup { padding: 10px 0 4px 0; float: left; width: 100%; border-bottom: 1px solid #d7d7d7; } .pibs_photo_module_img { width: 100%; } .widget_pibs_videolist.modules ul { width: 100%; } #news_cast { clear: both; padding: 16px 10px; border-bottom: 1px solid #9d9ea2; border-left: 1px solid #9d9ea2; border-right: 1px solid #9d9ea2; display: block; } #news_cast li{ width: 93% !important; display:none; font-size: 11px; font-weight: bold; color: #363636; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #news_cast li:first-child{ display:block; } #news_cast li a{color: #363636; } .prev.nav_news{background-position: left top; margin-top: -23px;} .next.nav_news{ background-position: left bottom;} .nav_news { position: absolute; height: 19px; width: 33px; right: 0px; top:24px; margin-top: -7px; background: transparent url('images/main/photo_arrows.png') no-repeat; } #pibs_largelist-2 {border-top: 2px solid #0066b1;} #home_bottom {float:left; width:740px;} #home_bottom_news {border: 1px solid #d1d1d1;clear: both;width: 100%;height: 310px; box-sizing: border-box; margin-bottom: 20px;} #home_bottom_news p { background: #f1f1f1 url(images/main/section_titlebg.png) no-repeat 10px center; padding: 10px 0 10px 40px; font-size: 15px; font-family: nanumgothic; letter-spacing: -1px; font-weight: bold; color: #3d3939; } #home_bottom_news a{color:#666;} #home_bottom_news > div { float: left; width: 31%; margin: 10px 1.166%; border: 0px solid #d7d7d7; } #sidebar_bottom_secondary { width: 447px; float: left; } .widget_pibs_largelist.modules { border: none; margin-bottom: 0; } .widget_pibs_largelist.modules ul { /* margin: 3% 0; */ } .widget_pibs_largelist li { float: left; border-top: 1px dotted #999; width: 100%; padding-top: 10px; margin-top: 10px; } .widget_pibs_largelist li:first-child {border-top:0} .pibs_widget_ads{ display:block; text-align:center; clear:both} .pibs_widget_ads img{ width:260px;} .pibs_widget_ads_img{ max-width:100%; clear:both; margin-bottom:0px;} #sidebar_bottom_primary .pibs_widget_ads {margin-bottom: 7px;} .pibs_tabsthumb_module_thumb { display: none;; width: 25%; float: left; margin-top: 5px; } .modules a.pibs_tabsthumb_module_thumb span { color: #666; font-size: 11px; } .pibs_tabsthumb_module_thumb img { width: 100%; height: auto; } .widget_pibs_tabsthumb .tabs_panels ul{ float: right; width: 99%; padding: 0; clear: none;} li.pibs_tabsthumb_use_thumb img { width: 78px; height: 54px; display: block; float: left; margin-right: 5px; } span.thumb_mode_title, span.thumb_excerpt { display:block} .tabs_panels ul li.pibs_tabsthumb_use_thumb a { overflow: inherit; white-space: inherit; text-overflow: inherit; } .tabs_panels ul li.pibs_tabsthumb_use_thumb a span.thumb_mode_title { width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; color: #333; margin-bottom: 6px; } .tabs_panels ul li.pibs_tabsthumb_use_thumb { clear: both; background: none; padding-left: 0; float: left; margin-bottom: 8px; } .tabs_panels ul li.pibs_tabsthumb_use_thumb a span.thumb_excerpt { overflow: hidden; height: 28px; color: #444; } .tabs_panels ul li.pibs_tabsthumb_use_thumb a:hover span { color: #C70303; } .pibs_minilist_module_thumb { width: 40%; display: block; float: left; } #home_bottom_news .pibs_minilist_module_thumb img { width: 110px; height: 72px; } .pibs_minilist_module_thumb img { width: 100%; /*height: auto;*/ height: 67px; display: block; float: left; } .pibs_minilist_module ul li a, .widget_pibs_minilist ul li a{ line-height: 16px; font-size: 11px; } .pibs_minilist_module ul, .widget_pibs_minilist ul { float: right; width: 55%; clear: none; } .tabs_panels ul { padding: 0 15px; } .pibs_minilist_module ul li a, .widget_pibs_flash a, .widget_pibs_minilist ul li a, .tabs_panels ul li a, .tabs_menu li a, .pibs_tabsthumb_module_thumb span, .widget_pibs_tabsgallery .tabs_panels li span{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0px; } /* Calendar Widget default */ /* #wp-calendar { color: #555; width: 100%; text-align: center; } #wp-calendar caption, #wp-calendar td, #wp-calendar th { text-align: center; } #wp-calendar caption { font-size: 11px; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase; } #wp-calendar th { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; } #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } */ /* * calendar widget minimal src: http://www.wpexplorer.com/wordpres-calendar-style/ (custom version) */ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #919191; font-size: 12px; margin-top: 4px; margin-bottom: 8px; font-weight: bold; border-bottom: 1px dotted #ddd; padding-bottom: 4px;} #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 5px; text-align: center; color: #666; font-weight: bold;} #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:5px 6px;} #wp-calendar tbody td a{ color: #C70303} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .widget_calendar .hgroup { position: absolute; left: 0; top: 0; width: 90%; margin: 0 5%; border-bottom: 0; font-weight: bold; } .widget_calendar { position: relative; } /* pibs_people_module */ .widget_pibs_mediumlist li img { float: left; width: 95%; height: auto; } .widget_pibs_mediumlist li b, .widget_pibs_mediumlist li span { padding-left: 10px; display: block; } .widget_pibs_mediumlist li { display: block; float: left; width: 100%; padding-top: 13px; } .widget_pibs_mediumlist li img{width:78px; height:54px;} .widget_pibs_mediumlist li a span{ color:#000; } .widget_pibs_mediumlist li span { height: 30px; overflow: hidden; font-size: 11px; padding-top: 1px; font-weight: normal; font-family: verdana,굴림; letter-spacing: -1px; line-height: 14px; } .widget_pibs_mediumlist li b{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 700; color: #363636; width: 140px; line-height: 18px; } /* widget_rss */ .widget_rss ul li a { display: block; padding: 4px 0 4px 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: white url('images/main/board_list_item.jpg') no-repeat left center; } .widget_rss .hgroup a { display: block; padding-left:20px} .widget_rss .hgroup a:first-child{float:left; padding-left:0px} /* popULAR POST*/ .widget_pibs_popular ol{ clear:both; padding-top: 4px;} .widget_pibs_popular ol li span { display: inline-block; width: 13px; text-align: center; height: 13px; background: #9da6af; font-size: 9px !important; letter-spacing:-1px; font-family: tahoma; color: #fff; margin: 4px 10px 4px 0; vertical-align: middle; line-height: 12px; } .widget_pibs_popular ol li.pibs_popular_1 span, .widget_pibs_popular ol li.pibs_popular_2 span, .widget_pibs_popular ol li.pibs_popular_3 span{ background: #C70303; } .widget_pibs_popular ol li a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; color: #363636; font-size: 11px; } a:hover, a:hover span { color: #C70303;} .modules a:hover, .modules a:hover span, .tabs_panels li a:hover, #pibs_backlink_maintenance span { color: #C70303;} .modules a, .modules a span { color: #353535; font: 11px/15px "돋움",dotum,AppleGothic,Arial,Helvetica,Clean,Sans-serif;} .modules li.pibs_popular_numbers a:hover span{ color:#fff} .widget_pibs_tabsgallery .tabs_panels li{ background:none; padding:0} .widget_pibs_tabsgallery .tabs_panels li{width:25%; float:left;margin-bottom: 12px;} .widget_pibs_tabsgallery .tabs_panels li a{ padding: 0; text-align: center; display: block; } .widget_pibs_tabsgallery .tabs_panels li a img{width: 94%; height:auto;display: inline-block;} .widget_pibs_tabsgallery .tabs_panels li span { display: block;} .widget_pibs_tabsgallery .tabs_panels ul{padding:0} /* Photo gallery module using .ad-gallery */ .ad-gallery { width: 100%; } .ad-gallery, .ad-gallery * { margin: 0; padding: 0; } .ad-gallery .ad-image-wrapper { width: 100%; height: 159px; position: relative; overflow: hidden; } .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; } .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(non-existing.jpg)\9 } .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/adgallery/ad_prev.png); width: 29px; height: 37px; display: none; position: absolute; top: 47%; Left: 0; z-index: 101; } .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/adgallery/ad_next.png); width: 29px; height: 37px;right: 0; left: auto; } .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; z-index: 9; } .ad-gallery .ad-image-wrapper .ad-image a img { border: 0; width: 228px; height: 153px; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px 5%; text-align: left; z-index: 2; background: transparent url(images/adgallery/opa75.png);color: #D1D1D1; font-size:13px; } * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='images/adgallery/opa75.png'); } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; } .ad-gallery .ad-controls { height: 26px; } .ad-gallery .ad-info { float: left; } #the_content p.ad-info { color: #636363; font-size: 12px; margin-left: 30px; padding-top: 5px; } .ad-gallery .ad-slideshow-controls { float: right; width: 80px; } .ad-slideshow-controls span { vertical-align: middle; } .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; } .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; } .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; } .ad-gallery .ad-nav { width: 100%; position: relative; } .ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; } /* IE 6 doesn't like height: 100% */ * html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; } .ad-gallery .ad-back, .ad-gallery .ad-forward { cursor: pointer; display: block; background: transparent; opacity: 1 !important; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; top: 28px; } .ad-gallery .ad-back { border-right: 8px solid #FFFFFF; left: 10px; } .ad-gallery .ad-forward { border-left: 8px solid #FFFFFF; right: 10px; } .ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; } .ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; } .ad-gallery .ad-thumbs li { float: left; padding-right: 5px; } .ad-gallery .ad-thumbs li a { display: block; } .ad-gallery .ad-thumbs li a img { border: 2px solid #CCC; display: block; width:49px; height: 42px; } .ad-gallery .ad-thumbs li a.ad-active img { border: 2px solid #0066b3; } /* Can't do display none, since Opera won't load the images then */ .ad-preloads { position: absolute; left: -9000px; top: -9000px; } #gallery1 { margin:10px 0; } .example { border: 1px solid #CCC; background: #f2f2f2; padding: 10px; } #descriptions { position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 640px; padding: 10px; overflow: hidden; } #descriptions .ad-image-description { position: absolute; } #descriptions .ad-image-description .ad-description-title { display: block; } .ad-slideshow-start { overflow: hidden; text-indent: 999px; white-space: nowrap; display: inline-block; width: 15px; background: transparent url('images/adgallery/btn_play.png') no-repeat center center; } .ad-slideshow-stop { overflow: hidden; text-indent: 999px; white-space: nowrap; display: inline-block; width: 15px; background: transparent url('images/adgallery/btn_stop.png') no-repeat center center; } .ad-image-description span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } #the_content .ad-gallery .ad-image-wrapper{ height:380px} #the_content .ad-image p{ color:#ccc;} #the_content ul.ad-thumb-list { margin: 0; padding: 0; list-style-type: none; } .ad-gallery .ad-controls { display: block; background-color: #000000; border-bottom: 1px solid #333; } #the_content .ad-gallery { background: #242424; padding: 15px 0 0 0; width: 100%; } #the_content .ad-gallery .ad-nav { background: #111; padding: 20px 5%; width: 90%; } #the_content .ad-gallery p{ margin-bottom: 0px; } #sidebar_bottom_primary .ad-gallery .ad-image-wrapper, #sidebar_bottom_primary .ad-gallery .ad-image-wrapper .ad-image a img { height: 150px; } .widget_pibs_photolist .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; z-index: 9; width: 100% !important; height: 152px !important; top: 0 !important; left: 0 !important; } .widget_pibs_photolist .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { width: 91% !important; } .widget_pibs_photolist .ad-gallery .ad-back, .widget_pibs_photolist .ad-gallery .ad-forward { cursor: pointer; display: block; background: transparent; opacity: 1 !important; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; top: 18px; } .widget_pibs_photolist .ad-gallery .ad-back { border-right: 6px solid #ec5b1a; left: -10px; } .widget_pibs_photolist .ad-gallery .ad-forward { border-left: 6px solid #ec5b1a; right: -10px; } .widget_pibs_photolist .ad-gallery .ad-controls {display: none;} /* quick links */ #quick_links {border: 1px solid #DDD; height: 98px;} #quick_links a {background: #F5F5F5 no-repeat; display: block; width: 50%; height: 49px; float: left;} #quick_links a#quick_links_01 { background-position:center top; background-image: url('images/main/quicklinks_a.png')} #quick_links a#quick_links_02 { background-position:center top; background-image: url('images/main/quicklinks_b.png')} #quick_links a#quick_links_03 { background-position:center bottom; background-image: url('images/main/quicklinks_a.png')} #quick_links a#quick_links_04 { background-position: center bottom; background-image: url('images/main/quicklinks_b.png')} #text-5.modules .modules_title { margin: 0; display: none;} #text-5.modules { border: none; padding-bottom:0; margin-bottom:20px; box-sizing: border-box;} #text-5.modules .hgroup .modules_title { display:none} #text-5.modules .modules_title, #text-5.modules .modules_content{padding: 0;} #content_container {width: 72%; float: left; margin-top:0px} .page #content_container {float: right;} /* 속보기사 */ .widget_pibs_flash a { font-size: 12px; line-height: 23px; color: #333; letter-spacing: -1px; } .widget_pibs_flash a:hover { color: #C70303; } .widget_pibs_flash .highlight a{ font-weight:bold; } /* SLIDESHOW */ #slideshow img, #slideshow a{ display:none} #slideshow img:first-child, #slideshow a:first-child{ display:block} #slideshow_container { position: relative; z-index: 0; margin-bottom: 20px; float: left; width: 680px; border: 1px solid #ddd;} #slideshow_nav { position: absolute;right: 4px; bottom: 2px; z-index: 80;} #slideshow_nav a { display: block; padding: 0; background-color: #44C4DB; margin: 2px; color: #fff; overflow: hidden; width: 12px; text-indent: 9999px; border: 1px solid #65D9EE; height: 12px;} #slideshow_nav a.activeSlide{ background-color: #fff;} #home_flash{ width: 300px; height: 200px; float:left} #home_flash iframe{width: 300px; height: 200px; border:none} #home_board { float: left; width: 310px; height: 200px; margin-left: 20px;} #home_video { float: left; width: 310px; background: #333; margin-left: 20px; height: 200px;} .last_posts {width: 300px;float: left; margin: 20px 10px;} .last_posts h2{ margin-bottom:15px;} .last_posts h2 a{ font-size:14px; color:#333} .last_posts h2 a:hover { color:#267daf} .last_posts li{padding-bottom: 4px ;margin-bottom: 3px;border-bottom: 1px dotted #ccc;} .last_posts li a{ color:#333; display: inline-block; width: 230px;} .last_posts li a:hover{ color:#267daf} .last_posts li span{color:#999 ;vertical-align: top;} #home_call { float: right; width: 260px; border: 1px solid #ddd; margin-top: 20px; height: 103px;} #home_call p {margin: 5px 15px;font-size: 17px;text-align: center;color: #555;font-weight: bold;} /* HOME CALENDAR */ #home_calendar {float: left; width: 308px; margin-left: 20px; margin-top: 20px; height: 198px;border: 1px solid #ddd;} .calendar_widget{padding: 0 20px;padding-top: 10px;} .calendar_widget table.em-calendar td {padding: 2% 4%;} .calendar_widget table.em-calendar{ width:100%;} .calendar_widget .em-calnav { color: #818181; font-weight: bold; font-size: 10px;} .calendar_widget .days-names td { border: 1px solid #BEBEBE; border-width: 1px 0;} .calendar_widget .month_name { font-weight: bold;} /* HOME BOARD TAB */ .tabs_menu li{ float:left; position:relative; z-index:99; } .tabs_num_2 .tabs_menu li{ width: 50%;} .tabs_num_3 .tabs_menu li{ width: 33.3333333333%;} .tabs_num_4 .tabs_menu li{ /* width: 25%; */ margin-left: 8px;} .tabs_num_4 .tabs_menu li:first-child{margin-left:0;} .tabs_num_5 .tabs_menu li{ width: 20%;} .tabs_num_6 .tabs_menu li{ width: 16.6666666667%;} .tabs_num_7 .tabs_menu li{ width: 14.2857142857%;} .tabs_num_8 .tabs_menu li{ width: 12.5%;} .tabs_num_9 .tabs_menu li{ width: 11.1111111111%;} .tabs_num_10 .tabs_menu li{ width: 10%;} .tabs_num_11 .tabs_menu li{ width: 9.09090909091%;} .tabs_num_12 .tabs_menu li{ width: 8.33333333333%;} .tabs_menu li a { display:block; float:left; font-size: 12px; font-weight: normal; color: #838383; letter-spacing:-1px; width: 100%; text-align: center; position: relative; bottom: -1px; left:0; } .tabs_menu li {border-left: 1px solid #b9b9b9; padding-left: 8px;padding-right: 8px; width: auto !important;} .tabs_menu li:first-child{border-left:0; padding-left:0;} .tabs_menu li.active a{ z-index:22; color: #000; font-weight: bold;} .tabs_menu {width: 100%; margin: 0 auto;} .tabs_panels{ clear:both; padding: 10px 0; top:-1px; position:relative; margin-bottom: 0; padding-bottom: 0; float: left; width: 100%;} .tabs_panels > div{ display:none} .tabs_panels > div:first-child{ display:block} .tabs_panels li, .widget_pibs_minilist ul li, .widget_pibs_flash li{ padding: 1px 0px 1px 7px;background: transparent url('images/main/board_list_item1.jpg') no-repeat left center;} .tabs_panels li a{ display:inline-block; width:200px; color:#353535 ; padding: 2px 0 2px 3px;} .tabs_panels li span{ color:#747474; font-size: 11px;} .tabs_panels p.more { position: absolute; bottom: 0; right: 0;} .tabs_panels p.more a{ background-color: #999; display:block; padding: 5px 10px; color: #fff;} .tabs_panels .more {display: none;} /* HOME LOGIN BOX */ #home_login{ border:1px solid #ddd; width: 260px; float: right; height: 175px;} #main_login{ padding: 0 20px; display: block;} #main_login fieldset{ float: left; width: 132px; border: 0; padding: 0; margin: 0;} #main_login #submit:hover {background-color: #999; color: #fff;} #main_login h2{font-weight: bold; font-size: 20px; margin-top: 10px; border-bottom: 1px dotted #ccc;} /* HOME CALL CENTER */ #home_call h2{font-weight: bold; font-size: 20px; margin:10px 20px 0 20px; border-bottom: 1px dotted #ccc;} .member_login_remember{clear: both; padding-top: 6px; line-height: 20px; font-size: 11px; color: #9e9e9e;} .member_login_remember strong{font-weight: bold;} .member_login_remember a{font-family: '굴림'; font-size: 11px; color: #2e2e2e;} #main_login #submit{ float: right; border: 1px solid #999; background-color: #eee; padding: 21px 17px; font-size: 12px; font-weight: bold; color: #666; margin: 0; cursor:pointer;} #main_login form{padding-top: 21px;} #main_login #pwd{ margin-top: 3px; background: url('images/main/pw_bg.gif') no-repeat 0 center; display: inline-block; background-position: 0px 0px; border: 1px solid #CCC;} #main_login #user_name{background: url('images/main/id_bg.gif') no-repeat 0 center; display: inline-block; background-position: 0px 0px;border: 1px solid #ccc;margin-bottom: 4px;} .login_txt{ background: url(images/main/join_txt.gif) no-repeat; border: 0; width: 114px; height: 19px; padding: 0 9px; padding-top: 5px;} .login_txt2{ font-size: 11px; color: #636363; font-family: '돋움';} #main_login_sigup_btn , #main_login_lost_btn { display: inline-block; background-color: #ddd;padding: 1px 0; width:100px;} #main_login_sigup_btn {margin: 0 4px;} .member_login_remember p {text-align: center;} /***************************************/ /* PARTNER BANNER jquery.simplyscroll.js */ /***************************************/ /* Plugin default */ .simply-scroll-container {position: relative;} .simply-scroll-clip { position: relative; overflow: hidden;} .simply-scroll-list {overflow: hidden;padding-left: 0;} /* Custom */ .simply-scroll {width: 90%; margin: auto;} .simply-scroll .simply-scroll-list li {float: left; /* Horizontal scroll only */ padding:8px 0 8px 8px;} #home_banner {clear: both; float: left;width: 100%;} #banner_scroll a img {border: 1px solid #ccc;} #banner { position: relative} .nav_ads{ position:absolute; height:38px; width:27px; top: 11px; background: transparent url('images/main/banner_arrows.png') no-repeat;} .prev.nav_ads{ left: 0; background-position: left top;} .next.nav_ads{ right:0; background-position: right top;} /***************************************/ /* SIDEBAR */ /***************************************/ #main_sidebar {float: right;width: 260px;padding: 0; margin-top: 30px; margin-bottom: 0px;} #page_sidebar_inner{ min-height:250px; padding:20px 15px; border:1px solid #ccc background: url("/image/Left_Top.gif") no-repeat center 1px; } #page_sidebar ul li a { color: #696969; display: block; padding: 10px 14px; border-bottom: 1px dotted #e0e0e0; font-size: 12px; font-weight: ; } #page_sidebar ul li:first-child a { border-top: 1px solid #ddd;} #page_sidebar ul li a:hover{ background-color:#f5f5f5; color:#C70303; font-weight: bold;} /***************************************/ /* ARTICLE */ /***************************************/ .single #content_container h1{ border-top:none; padding-top:10px} #h1_container h2 {padding: 0 0 15px 15px; color: #888888;background-color: #F8F8F8;font-weight: bold;font-size: 20px;} /***************************************/ /* CATEGORY */ /***************************************/ .archive #content_container{ border:none; padding-top:10px} .archive #main_sidebar, .single #main_sidebar{margin-top: 13px;} .thumb img {display: block;width: 130px;height: 95px;} #the_posts_list > li{ float: left; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px dashed #E5E5E5;width: 100%;clear: both;} #the_posts_list .thumb{float: left; display: inline-block; margin-right: 20px; border: 2px solid #DDD;} #the_posts_list h2 a {font-size: 17px; color: #333; font-weight: bold; margin-bottom: 10px; display: block;letter-spacing: -1px;font-family: Malgun Gothic, Arial, AppleGothic, sans-serif;} #the_posts_list h2 a:hover{ color:#C70303;} #the_posts_list .detail{ text-align:right; } #the_posts_list .detail a{display:inline-block; padding: 5px 7px; color:#777; font-size:11px; background-color:#f5f5f5; border:#ddd solid 1px; font-weight:bold; margin-top: 0px; -webkit-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } #the_posts_list .detail a:hover{background-color: #EEE; border: #CCC solid 1px; color: #C70303;} #the_posts_list .excerpt {padding-left: 155px; color: #555; line-height: 17px;letter-spacing: -1px; font-family: verdana,굴림;} .archive #breadcrumbs{margin-bottom: 20px;} /*CATEGORY NOTICE*/ .category-notice #main_container{min-height: 350px;} .category-notice #the_posts_list{ margin-top:60px;} .category-notice #the_posts_list .excerpt{padding-left:0;} .category-notice #the_posts_list li {margin-bottom: 10px;padding-bottom: 0px; width: 700px;} .category-notice #the_posts_list h2{padding-left: 10px; padding-right: 0;} .category-notice #the_posts_list h2 a { color:#555; width: 850px; float:left; display:inline-block;} .category-notice #the_posts_list h2 a:hover { color:#C70303} .category-notice #the_posts_list h2 span{float: right;padding-top: 5px;display: inline-block; color:#999} h1.notice_single_title{ margin-top:30px;} /***************************************/ /* POST and PAGE */ /***************************************/ .single #content_container #h1_container{ padding: 0; border-bottom: #ddd 1px solid;} .archive h1, .search h1{padding: 40px 20px;margin-bottom: 20px; border-bottom: #ddd 1px solid;} #content_container h1{ font-size:32px; font-weight:bold; color:#333; padding: 3px 0 15px 0px;font-family: 나눔고딕;} .parent-pageid-2 #content_container h1{ font-size:32px; font-weight:bold; padding: 3px 0 25px 0px; font-family: 나눔고딕;} #content_container h1 span{ font-size:22px; font-weight:bold;} #thumb_page{ width:200px; float:left; margin-right: 10px;} #thumb_page img{ border:1px solid #e5e5e5} #pibs_popular-3 {margin-top: 7px;} /***************************************/ /* POST TOOLS */ /***************************************/ .tool_01 { float: left; padding: 0 5px 0 15px; } .tool_02 { float: left; width: 87px; } #tool_03 { float: right; padding-right: 15px; padding-top: 1px; } .tool_02 a, .tool_01 a { display: block; width: 24px; height: 24px; vertical-align: bottom; background-color: #FCFCFC; float: left; border: 1px solid #D3D3D3; border-left: none; } .tool_02 a:first-child { border-left: 1px solid #D3D3D3; } .tool_02 a.tool_print img { padding: 6px 0 0 5px; } .tool_02 a.tool_email img { padding: 7px 0 0 5px; } .tool_02 a.tool_warning img { padding: 4px 0 0 5px; } .meta_and_tools { float: left; width: 707px; background: #E2E2E2; border: 1px solid #CCCCCC; padding: 6px 0 5px 0; clear: both; } .tools { width: 300px; float: right; } .tool_01 a { width: 39px; text-align: right; line-height: 24px; padding-right: 4px; color: #666; background: #FCFCFC url('images/btn_plus.png') no-repeat 4px center; } .tool_01 a.pibs_resize_text_minus { background-image: url('images/btn_minus.png') ; } .tool_02 a:hover, .tool_01 a:hover { background-color: #DFEFFD; } .metadata { float: left; padding: 5px 0; font-size: 11px; } .metadata span { display: inline-block; padding-left: 0; padding-right: 3px; } .metadata time { padding-left: 12px; } .metadata .author { padding-left: 20px; } .author_email { color: #333; padding-left: 15px; background: url('images/btn_mail.png') no-repeat left center; } /* Tags*/ #the_tags { background: #FFFFFF; border: 1px solid #CCCCCC; border-bottom-width: 0; padding: 0 16px 0 94px; font-family: 굴림; color: #AFAFAF; position: relative; } #the_tags a { padding: 8px 10px; font-size: 14px; display: inline-block; color:#FF912C; font-weight: bold; font-family: 굴림; } #the_tags a:hover { color: #c70303; } #the_tags b { font-size: 14px; display: inline-block; padding-right: 10px; background: transparent url('images/tag_arrow.png') no-repeat right center; padding: 8px 27px 8px 5px; color:#333; position: absolute; left: 15px; top: 0; z-index: 22; } /***************************************/ /* ALL POST PAGES */ /***************************************/ .all_posts#the_posts_list > li { margin-bottom: 0; padding-bottom: 0; cursor:pointer; } .all_posts#the_posts_list > li a { margin-bottom: 0; padding: 9px 0; } .all_posts#the_posts_list > li a:hover { background-color:#f5f5f5; } #the_posts_list.all_posts { margin-top: 20px; } .page-template-all_posts-php.page #content_container, .page-template-photo_posts-php.page #content_container{ float: left; border:none; } .post_title { width: 60%; } .post_link span { display: block; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 17px; font-size: 12px; text-align: center; letter-spacing: -1px; cursor:pointer; } .post_cat { width: 15%; } .post_author { width: 15%; } .post_link { display: block; float: left; width: 95%; color: #707070; } .post_time { width: 10%; } .post_link_new_window { display: block; width: 5%; float: left; font-size: 11px; text-align: center; line-height: 17px; color: #999; } .post_link span.post_title { text-align: left; font-size: 14px; font-family: 돋움; font-weight: bold; color: #404040; } a:hover.post_link span.post_title{ color: #C70303; } /* TODO : remove !important */ li.post_separator { border-bottom: solid 1px #ccc !important; padding-bottom:12px !important; margin-bottom:12px !important } /***************************************/ /* ATTACHEMENT */ /***************************************/ .single-attachment #the_content{ text-align:center} /***************************************/ /* SEARCH RESULT */ /***************************************/ #content_container h1 span#search_query {color: #C70303;font-size: 32px;} /***************************************/ /* COMMENTS */ /***************************************/ #comments_container{ clear: both;} a.deconnection{ font-size: 11px; color: #144F89; float: right;} a.go_profil{ font-size: 14px; font-weight: bold; color:#FF912C} /* comments area */ .avatar{ float:left; width: 50px; height: 50px; background: #D8DAE2;} .avatar img{ border:1px solid #ddd } #comments, #respond {padding: 0;clear: both;color:#444;} .comment_user{list-style:none; background-color:#ccc; min-height: 50px; margin:10px 0;border-bottom: 1px dotted #ccc;} #respond {font-size: 20px;color: #6C6C6C;padding:8px 0 ;border-bottom: #DDD solid 1px;border-top: #DDD solid 4px;margin-top: 30px;} #comments_container h3{ border-top: #ddd solid 3px; display: block; width: 100%; font-size:14px; font-weight:bold; color:#6C6C6C; padding-left: inherit; background-color: #f5f5f5; margin-top: 10px; float: left; border-bottom: 1px solid #ddd; padding: 7px 0;} #comments_container h3#respond span{ margin-left:20px; display:inline-block;} .commentlist {margin: 0; list-style:none; margin:10px 0;} .commentlist { list-style:none; color:#FFFFFF;} .commentlist li{padding:0;color:#000;} .commentlist .alt {background: #fff;margin-top:0px;padding:0px;} .commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;font-style: normal;color: #333;} .commentlist small {margin:0;display: block;font-size:11px; text-align:right;} #commentform { padding:10px 0; float: left; width: 100%; background: #f5f5f5;margin-bottom: 20px;} #commentform_inner {padding: 0 20px; } #commentform p {padding: 0;margin: 0px;color:#333; float: left;} #commentform p.comment_name, #commentform p.comment_email{width: 240px;} #commentform p.comment_content{ width:82%} .comment_content label { width: 0px; text-indent: -9999px; overflow: hidden; display: block; height: 0;} #commentform p#comment_submit_container {border-bottom: none;width: 15%; float: right; height: inherit;} #commentform label{color: #787878; padding-left: 2%;} #commentform input{width: 200px;background: #fff;border: 1px solid #bdd77f;padding:3px;margin-top: 3px;} #commentform textarea{width: 100%;height: 55px;background: #fff;border: 1px solid #dbd8d3;padding: 2px 0;margin-top: 3px;} #commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;} #commentform #submit{background:#777;font-weight:bold;color: #ffffff;border: none;float:left;width: 100%;height: 60px;cursor: pointer;display: block; margin-top: 3px; text-align: center;} #comment_bubble{background-image: url(images/bubble.png);background-position: left center; background-repeat: no-repeat;color: #fff;display: inline-block;font-size: 14px; font-weight: bold; height: 34px;margin-left: 10px; padding-top: 12px; text-align: center; top: 0; vertical-align: 10px;width: 32px;} #commentform label{width: 60px;float:left; line-height:30px;margin-left: 0;} #commentform input{border: 1px solid #dbd8d3;width: 155px;} #commentform label.error{font-size: 11px;margin-left: 250px;background: #fbfcda url(images/cancel.gif) no-repeat left;border:1px solid #dbdbd3;width:259px;margin-top:4px;padding-left:20px;} #commentaire{font-size:22px; padding-left: 10px;} #commentaire_part_droit{margin-left: 60px;} #commentby{padding-bottom:0;margin:0 5px 5px 0px;} .commentlist li{ clear:both} .commentlist li.comment_user{ padding:10px; background:#eee} .commentlist li.comment_user.alt{ padding:10px; background:#fff} .commentlist li.comment_user a{ color:#589FE6; font-size: 12px; font-weight: bold;} .comment_wait_moderation{background: #FFEB99; display: block; padding: 6px 10px;margin-top: 10px;} .commentlist .avatar img {width: 40px; height: 40px;} /*hightlight author comment*/ .authcomment {background-color:#fff !important;border:solid #ddd 1px;color:#666 !important;padding-right:5px;} .commentlist li.authcomment a{ color: #C70303} .authcomment cite, .authcomment cite a, .authcomment cite a:visited {font-weight: bold !important; font-style: normal !important; color: #fff !important;} .authcomment #commentby{border-bottom: dotted #DDD 1px;padding-bottom: 4px;margin: 0 5px 5px 0px;} .authcomment a {color:#CCCCCC;text-decoration:none;} .authcomment a:hover{color:#999999; text-decoration:underline;} .login_first { clear: both; padding: 20px 0; text-align: center; color: #777;} .login_first a { color: red;display: inline-block; padding: 3px 7px; margin: 0 2px; background: #eee; border-radius: 4px; border: 1px solid #ccc;} /***************************************/ /* FORM */ /***************************************/ #estimation_call{ float:left;} .page-template-page_estimation-php .wpcf7 , #estimation_notice{width: 646px;float: right;} .page-template-page_estimation-php .wpcf7 {margin-bottom: 30px;} .page-template-page_estimation-php .wpcf7 .phone{width: 35px;} .page-template-page_estimation-php .wpcf7 p{ border-bottom: 1px dotted #CCC; margin-bottom:10px; padding-bottom: 10px;} .page-template-page_estimation-php .wpcf7 p.submit_container{border-bottom: none} .page-template-page_estimation-php .wpcf7 b { display:inline-block; width:120px; color:#333; } .page-template-page_estimation-php .wpcf7 b.title_textarea{vertical-align: top; padding-top: 5px;} .wpcf7 .estimation_appointment input{ width:160px} .wpcf7 .estimation_name input{width: 90px;} .wpcf7 input, .wpcf7 textarea {border: 1px solid #BBB;} .wpcf7 textarea { width: 480px; margin-left: 6px; resize: vertical; height: 100px; min-height: 100px;} .wpcf7 .wpcf7-submit{ cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #C70303; display: inline-block; padding: 10px 30px; border-radius: 6px; margin: 10px; font-weight: bold;} /***************************************/ /* ERROR 404 */ /***************************************/ #error_content h1{margin-top:50px;text-align: center;font-size: 22px;color: #666; font-weight:bold;} #error_content h2{margin-top:10px; margin-bottom: 15px; text-align: center; font-size: 40px; font-family: times; font-weight: bold; color: #333;} #error_content p{ color:#555;} #error_content p a{text-decoration: none; color:white; background: #C70303; display: inline-block; padding: 10px 20px; border-radius: 6px; margin: 10px 0 40px 0; font-weight: bold;} #error_content p a span{ width:0; height:0; display:inline-block; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 7px solid #fff; margin-right:10px; vertical-align:-3px;} #error_content p, #error_404 form { text-align:center;} #error_content form{ margin:0 0 15px 0} #error_content #search_submit{border: none; cursor:pointer;background:#DDD;color:#333;padding: 6px 20px;border-radius: 6px;font-weight: bold;} #error_content #search_field{border: 1px solid #aaa; width: 220px; font-size: 12px;padding: 4px 8px;} .error404 #content_container{ width:100%} /***************************************/ /* FOOTER */ /***************************************/ #footer{ clear:both; padding-bottom: 30px; } #info_menu {background-color: #eee; float: left; width: 100%; margin-bottom: 20px; border:1px solid #ddd;clear: both; margin-top:10px} #info_menu ul li { float: left;} #info_menu ul li a { display: inline-block; padding: 10px; color: #444; border-right: 1px solid #DDD; border-left: 1px solid #f5f5f5;} #info_menu ul li a:hover{ background-color:#f5f5f5; color:#C70303} #logo_bottom{ float:left; } #copyright{ float:right; width:100%; margin-bottom:30px; text-align:left; position: relative;} #copyright p { line-height: 16px;color: #000;/* padding-left: 190px; */font-size: 12px; padding-bottom:20px;} #copyright p a{color:#000} #pibs_backlink_design { display: inline-block; padding-left: 4px; color: #555; margin-right: 80px; font-size: 11px;} #pibs_backlink_design:hover{color:#0066b3} #pibs_backlink_maintenance { border: 1px solid #ddd; color: #999; padding: 5px 10px; display: inline-block; margin-top: 6px; position: absolute; right:0; top:-7px; background: #fff;} #pibs_backlink_maintenance:hover { background-color:#f5f5f5; border-color: #ccc;} /***************************************/ /* MODULES / PLUGIN CUSTOM STYLE */ /***************************************/ /***************************************/ /* FANCYBOX PLUGIN CUSTOM STYLE */ /**************************************/ div#fancybox-title-inside {font-family:'돋움', Dotum;font-weight: bold;} div#fancybox-title {height: 30px;} /* fix same size issue*/ /***************************************/ /* BREADCRUMBS */ /***************************************/ #breadcrumbs{text-align:left; background: #eee;padding: 5px 0 5px 15px;} #breadcrumbs, #breadcrumbs a{ text-decoration:none; font-family:'돋움', Dotum; font-size:11px; color:#807d7d;} #breadcrumbs a{ display:inline-block; padding:4px 0} #breadcrumbs a:hover{ color:#C70303} #breadcrumbs span.last{ display:none} #breadcrumbs a, #breadcrumbs span { display: inline-block; vertical-align: middle; padding: 0 5px;} /***************************************/ /* WP-PAGENAVI PLUGIN CUSTOM STYLE */ /***************************************/ .wp-pagenavi{ width:100%; text-align:center; clear: both; padding-top: 20px;margin-bottom: 0;height: 40px; font-size:12px} .wp-pagenavi span, .wp-pagenavi a {vertical-align: middle; display:inline-block;} .wp-pagenavi a,.wp-pagenavi a:link ,.wp-pagenavi a:visited ,.wp-pagenavi a:hover ,.wp-pagenavi a:active,.wp-pagenavi span.current, .wp-pagenavi span.extend{ border:1px #fff solid; border-color: transparent ; padding: 2px 6px 2px 6px; margin: 2px;text-decoration: none; font-weight:bold;} .wp-pagenavi a {background-color:#65A7CE; color:#fff!important} .wp-pagenavi a:link {background-color: #F7F7F7; color: #aaa !important;border-color: #ccc;} .wp-pagenavi a:visited {background-color: #F7F7F7; color: #aaa !important; border-color: #CCCCCC;} .wp-pagenavi a:hover {background-color: #868686; color: #fff !important;text-decoration: none !important;border-color: #666666;} .wp-pagenavi span.current {background-color: #D6D6D6; color: #5E5E5E; border-color: #AAAAAA; padding: 3px 6px 2px 6px;} .wp-pagenavi span.extend { background-color: #fff; color: #9C9C9C;} .wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF;} /***************************************/ /* PIBS SLIDER */ /***************************************/ .page-template-page_business-php{ overflow-y: scroll;} #pibs_slider{width:700px; position:relative; margin-bottom: 20px; float:left;} #pibs_slides_wrap{ top:0; left:0; float: left;} #pibs_slider_menu {float: left;width: 100%;padding: 10px 0;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; margin-bottom: 20px; } #pibs_slider_menu li{ float:left;} #pibs_slider_menu a {background: none;color: #333; font-size:12px; font-weight:bold; border-right:1px solid #ddd; padding:0 20px} #pibs_slider_menu a:hover {background: none;color: #8CBEDB;} #pibs_slider_menu a.current {background:none;color:#267DAF;} #pibs_slider_menu a:hover.current {background:none;color:#267DAF; cursor: default;} #pibs_slider_menu .coda-nav #slider_business-nav-ul{ margin-left:0 !important; } /***************************************/ /* CUSTOM SIGNUP STYLE */ /***************************************/ .page-template-signup-php #main_container {width: 960px;margin: 20px auto;} .mu_register label {display: block;font-size: 14px;padding-top: 10px;font-weight: bold;padding-bottom: 2px;} .mu_register .submit{cursor:pointer; font-size:14px; text-decoration: none; border:none; color: #fff; background: #C70303; display: inline-block; padding: 0px 9px; border-radius: 6px; margin: 10px 0; font-weight: bold;} .mu_register .error {margin-bottom: 4px; margin-top: 2px;background-color: #FFEBE8;border: 1px solid #CC0002;padding: 3px 10px; border-radius: 3px;font-weight: bold;} .mu_register #user_email, .mu_register #user_name {padding: 10px;font-size: 20px;border: 1px solid #AAA;} /***************************************/ /* MEMBERS SECTION */ /***************************************/ /*MENU MEMBERSHIP*/ #membership_menu {list-style: none; position: absolute;right: 32px; top: 0; border: 1px dotted #C70303; border-top: 0; padding-bottom: 3px; background-color: #F5FAFD;} #membership_menu li {float:left;} #membership_menu li a { color: #C70303; padding: 4px 12px; font-size: 11px; font-weight: bold; display: inline-block;} #membership_menu li a:hover{ color:#2C76A2} #membership_menu li#user_welcome{padding: 4px 13px;color: #666} #membership_menu li#user_welcome span{font-weight: bold; } /* SIGNUP */ .page-template-signup-php #main_container {width: 960px;margin: 20px auto;} .setupform .error {margin-bottom: 4px; margin-top: 2px;background-color: #FFEBE8;border: 1px solid #CC0002;padding: 3px 10px; border-radius: 3px;font-weight: bold;} #agree_container{ border:3px solid #ddd} #agree_container h2{ font-size:14px; font-weight:bold; padding:15px 40px 6px 40px} #agreement{ width:90%; height:230px; overflow:hidden; overflow-y: scroll; color:#888; font-size:11px; border:1px solid #ddd; margin:auto} #agreement p{ padding:10px 20px; color:#888} #agree_check_container{padding:10px 40px 20px 40px; margin-bottom: 20px; text-align:center;} #agree_check_container span{ color:#0099FF; font-size: 12px; } .agree_check_error {padding: 15px 40px; margin: 10px 40px; background-color: #FFE2E2; border: 1px solid #D30303;} #agree_check_container.agree_check_error { border: none; padding: 10px;} #agree_yes_no_container{text-align:center; padding-top:15px} #agree_yes_no_container a, #agree_yes_no_container input{ margin: 0 5px; cursor:pointer; background-color:#eee; color:#ED1C24; font-weight:bold; border:1px solid #ddd; display:inline-block; padding: 10px 0px; text-align:center; width:190px; font-size: 12px;} #agree_yes_no_container a:hover, #agree_yes_no_container input:hover{ background-color:#ddd; color:#ED1C24; border-color:#ccc} .membership #agree_check_container label { width:auto; font-weight:normal} #member_login_page b{ font-weight:bold;} #agree_form, #setupform{margin: 20px 20px 60px 20px;} /* #membership_signup label{ width:115px} .membership .membership_signup #setupform label { width: 115px; text-align: right; margin: 0; padding: 10px; background-color: #f5f5f5; border-right: 1px solid #ddd;} .membership .membership_signup #setupform p {border: 1px solid #DDD; border-bottom: none; text-align: left; clear:both; float: left; width: 100%;} .membership .membership_signup #setupform input{border: 1px solid #BBB;padding: 2px 6px; width:110px; margin-left:10px} */ .membership #setupform span.error { color:red ;font-size: 12px;} .membership #setupform p.submit { border:none; padding-top: 12px; text-align: right;} .membership #setupform p.submit input{ margin: 0 0 0 5px; cursor:pointer; background-color: #C70303; border: 2px solid #6195B3; font-weight:bold; border:1px solid #ddd; display:inline-block; padding: 10px 0px; text-align:center; width:90px; color:#fff} .membership #setupform p.submit input:hover{ background-color: #C70303; color:#fff; } #agree_yes_no_container a{ color:#777} #registration_result{ width:560px; border:3px solid #D7E9BD; padding:20px; text-align:center; margin:20px auto; background-color:#F0FDDC} #registration_result h2 { padding-bottom:10px} #registration_result strong{ font-weight:bold;} /* MEMBERSHIP */ #header_user_welcome, #header_user_welcome span { color:#333} .membership #content_container { width: 740px; float: right; margin-bottom:0} .membership #sm_title {padding: 20px 30px 0 30px;color: #777;font-size: 15px;font-weight: bold;} .membership p{ margin-bottom:0; line-height: normal} .membership #subtitle, .membership #subtitle span{ font-size:40px; font-weight:bold; text-align:center } .membership #subtitle{color: #D5D5D5;} .membership #subtitle span{ color:#999} .membership #login_form_container {padding: 0px 30px 20px 300px;border: 1px solid #DDD;background: #fff url('images/membership/member_login_bg.jpg') no-repeat 30px 30px scroll;width:358px;margin: 20px auto;height: 185px;} .membership #loginform{ /* border-top:1px dashed #ddd ;*/ border-bottom:1px dashed #ddd; padding: 10px 0;margin-bottom: 10px;float: left;width: 100%;margin-top: 20px;} .membership #loginform fieldset{ float:left} .membership label {width: 100px;display: inline-block;font-weight:bold;color:#333;font-size: 12px;} .membership .forgetmenot label{ font-weight:normal;} .membership #login_mini_title {padding: 20px 0px 0px 0px;font-weight: bold;font-size: 16px;color: #C70303;} .membership .login_side_action p{ float:left;} .membership .login_side_action a { float:right;} .membership .login_side_action a { display: inline-block;float: right;text-align: center;background-color: #999;color: white;font-size: 11px;font-weight: bold;padding: 0 10px;width: 90px;height: 20px;line-height: 20px;} .membership .login_side_action a:hover { background-color: #666;} .membership .login_side_action { float: left; width: 100%} .membership .login_side_action p { padding-bottom: 6px; color: #888; font-size: 11px;height: 20px;line-height: 20px;width:245px;} .membership #member_login_page p {color: #666;text-align:center;vertical-align:middle} .membership #loginform p{ margin-bottom:4px} .membership #user_login, .membership #user_pass {background-color: #f5f5f5;border: 1px solid #CCC;padding: 5px 10px;font-weight: bold;color: #444;width:130px;} .membership .login_side_action{ clear:both} .membership #wp-submit {padding: 20px 0;-webkit-appearance: none;background-color: #C70303;border: 2px solid #960000;font-weight: bold;color: white;width: 80px;margin-left: 10px; cursor:pointer} .membership span.required {color: #F00; font-weight: bold; font-size: 20px; font-style: normal; font-family: monospace; vertical-align: -3px; } .membership .required_desc { color: #F00; padding-top: 10px; font-size: 12px; margin-bottom: 2px; float: right;} .membership .required_desc i {font-size: 18px;font-style: normal;font-weight: bold;font-family: monospace;vertical-align: -2px;} .membership .form-table input:focus { outline: 0;} .membership .form-table input#user_email { width: 250px;} /*.membership .membership_signup #setupform p#user_address_container label {height: 66px;float: left;} .membership .membership_signup #setupform p#user_freeword_container label {height: 60px;float: left;} .membership .membership_signup #setupform p#user_freeword_container textarea { margin: 6px 14px; width:380px; border: 1px solid #BBB;padding: 2px 6px; height: 60px;} .membership .membership_signup #setupform input#zip {width: 43px; margin:4px 14px 2px 14px} .membership .membership_signup #setupform input#address { width:200px; margin:2px 14px} .membership .membership_signup #setupform input#address_more { width:200px; margin:2px 14px 4px 14px} */ /*LOST ID PASSWORD*/ #lostpasswordform{ margin-top:10px; border:1px solid #ccc; position:relative; padding:20px 0; margin: 30px 60px;} .membership #lostpasswordform #user_email_container{ text-align:center} .membership #lostpasswordform label{width: 190px;} .membership #lostpasswordform #wp-submit {padding: 5px 0;width: 100px; cursor:pointer} /*PROFILE*/ #member_profil {margin: 10px 60px 60px 60px;} .signup_message_info, #member_profil .updated, #member_profil .message_error{ width:560px; border:3px solid #FFF39E; padding:10px; text-align:center; margin:10px auto; background-color:#FFFDCF} .signup_message_info{border:1px solid #FFF39E; background-color:#FFFDCF;} .membership p.signup_message_info{ margin-bottom:30px} #member_profil .updated {border: 1px solid #C4ECB3;background-color: #E4FCDA;} #member_profil .error {border: 1px solid #E48282; background-color: #FFE2E2;} .form-table { width:100%; border:1px solid #ddd; border-bottom:none;margin-top: 15px;font-size: 12px;} .form-table th{ font-weight:bold; width:120px; padding:7px; border-right:1px solid #ddd; vertical-align:top; background-color:#f5f5f5} .form-table th, .form-table td{ border-bottom:1px solid #ddd} .form-table td{ padding:7px 12px} .form-table input{ border:#ddd solid 1px; padding:2px 4px; background-color:#fbfbfb; width:150px;font-size: 12px; } .form-table textarea{ border:#ddd solid 1px; padding:8px; background-color:#fbfbfb } .form-table #email {} .form-table #realname { width: 80px;} .form-table #zip {width: 80px; margin-bottom:6px; display:block; float:left} .form-table #zip_btn{display: block; line-height: 18px; margin-left: 10px; float: left; background: #fff url('images/membership/post_btn_bg.gif') no-repeat 7px center; padding: 1px 7px 1px 39px; color: #7A7A7A; font-weight: bold; border: 1px solid #DDD; margin-top: 2px;font-size: 12px;} .form-table a:hover#zip_btn{ border-color:#aaa} .form-table #address { width: 250px; margin-bottom:6px; display:block; clear:both} .form-table #address_more { width: 250px;} .form-table #freeword { width: 380px; height: 75px} #member_profil #member_message {padding: 20px 0;border: 1px solid #DDD;margin-top: 20px;float: left;width: 100%; margin-bottom: 30px;} #member_profil #member_message #please_login{ text-align: center;border-bottom: 1px dashed #DDD;padding-bottom: 15px;margin: 0 50px 20px 50px;color: #333;font-weight: bold;} #member_profil #member_message #please_login a{ color:#C70303} #member_profil .login_side_action { width: 360px; margin: auto; float: none;} #member_profil #updateuser, #member_profil #profile_info_change_btn {float: right;padding: 8px 40px;-webkit-appearance: none;background-color: #C70303;border: 2px solid #860505;font-weight: bold;color: white;margin-top: 10px;cursor:pointer;} .help_message{ font-size:11px; color: #aaa; display: inline-block; margin-left: 15px;} #member_profil b{ font-weight:bold;font-size: 12px;} /*VALIDATION ERROR*/ .form-table label.error, #member_profil .form-table label.error {display: inline-block;width: 300px;margin-left: 10px;color: #EC4040;border-color: transparent;background-color: transparent;} .form-table input.error, #member_profil .form-table input.error{ border-color:#DF6A6A; background-color: transparent} /*ACTIVATE*/ .error404 #content.widecolumn {margin-top: 70px;} /*WELCOME MESSAGE*/ .membership #login_form_container.welcome_message{ background:none; padding:30px 0; width:100%; text-align:center} #content_container .membership h1#login_welcome span { color: #C70303; font-size: 32px;} .welcome_message .userinfo a { display: inline-block; padding: 10px 20px; background: #C70303; margin: 10px; color: #fff; font-weight: bold;} .welcome_message .userinfo a#welcome_logout{ background-color:#999} /*SIGNUP CONFIRMATION MESSAGE*/ .error404 #content { width: 1000px; margin: auto; text-align: center; margin-bottom: 140px;} .error404 #content h2 { font-size: 20px; font-weight: bold;} .error404 #content #signup-welcome { padding: 20px; margin: 10px 170px; background-color: #E8FFD5; border: 1px solid #AADD7F;} .error404 #content #signup-welcome p{ padding:3px} .error404 #content p.view a{ font-weight:bold; color:#004282; padding:3px 10px; background-color:#eee; border:1px solid #ddd; } .error404 #content p.view {padding-top:10px} .error404 #content .lead-in { padding: 20px; margin: 10px 170px; background-color: #f5f5f5; border: 1px solid #ddd;} .error404 #content .lead-in a{ font-weight:bold; color:#004282; padding:0px 3px; line-height:20px } /***************************************/ /* PHOTO NEWS */ /***************************************/ /*Video player style*/ .win_mediaplayer_container{ text-align:center} #win_mediaplayer{ background-color: #fff;margin: auto;} .mejs-container{ margin: auto;} .gallery {margin-top: 30px;} #the_content .gallery ul{ padding-left:0} .gallery li { display: block; list-style:none; float:left; width: 25%; padding-bottom:20px} .gallery li a{ display: block; text-align:center } .gallery li a.photo_thumb {width: 138px; border: none;} a.photo_link { /* width:196px; */ text-align: center; color: #333; font-weight: bold; padding-top: 3px; margin:auto; height: 18px;} a:hover.photo_link{color:#0A8B9B} a.photo_thumb { border:1px solid #ccc; width: 100px;margin:auto} a.photo_thumb img { display:block; display:block; width: 138px; height: 138px; border: 1px solid #CCC;} a:hover.photo_thumb { border:1px solid #C70303} #download_files {clear: both; margin: 10px 0; float: left; background-color:#f5f5f5; border:1px solid #ddd; width: 100%; } #download_files h3 { font-weight:bold; padding-bottom:3px; border-bottom: 1px dashed #ccc; margin: 10px 20px 10px 20px;} #download_files ul{ margin: 0 20px 10px 20px;} #download_files li { list-style:none} #download_files li a { color: #0A7D86; font-size:12px; background: transparent url('images/photonews/download_icon.gif') no-repeat 5px center; display: block; padding: 2px 0; padding-left: 30px;} #download_files li a:hover { color: #004F55; background-color: #E9E9E9;} #photo_content_container {clear: both;} .single-photonews img.photos, .single-photosocial img.photos{ margin-bottom:20px; border:1px solid #ddd; display:block; clear:both; max-width: 700px;} .single-photonews .avatar img { width: 40px; height: 40px;} .single-photonews .comment_user {min-height: inherit;} /*Last photonews list*/ #last_photos li {float: left; margin: 16px 6px 0 6px;display: inline-block;} #last_photos {float: left; padding: 5px 9px 0px 10px; border: 1px solid #ddd;margin-top: 20px;height: 193px; width: 609px;} #last_photos a.photo_thumb { border: none;} #last_photos .photo_link {text-align: center; display: block;} /***************************************/ /* LHBOARD */ /***************************************/ #lhwb_board_write_btn {padding: 10px 0; color: inherit; background:none} div#lhwb_wrap #board_write_btn a{ margin-top:5px; border:none; padding: 5px 15px 5px 30px; font-size: 13px; color:#666; border: 1px solid #DDD !important; font-weight: bold !important; background:#F2F2F2 url('images/lhboard/btn_edit.png') no-repeat 5px center !important; text-decoration: none !important;} #lhwb_board_write_btn a{ border:none; padding: 5px 15px 5px 28px; font-size: 13px; color:#666; border: 1px solid #DDD !important; font-weight: bold !important; background:#F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important; text-decoration: none !important;} div#lhwb_wrap span.btn02{background: none; background-color: #CACACA;border: 1px solid #DDD !important; padding: 5px 24px; font-weight: bold !important; color:#666 !important; background:#F2F2F2;} div#lhwb_wrap span.btn02:hover{} div#lhwb_wrap .writeTy01 ul {border-top: none !important;} div#lhwb_wrap .board_list p {padding: 14px 0px;} div#lhwb_wrap .board_list p#lhwb_view_comments{ min-height:120px} div#lhwb_wrap .boardTy01 table {border-top: 4px solid #999 !important;border-bottom: 3px solid #ccc !important;} div#lhwb_wrap .boardTy01 table thead th span {border-right: 1px solid #ccc !important;} div#lhwb_wrap .boardTy01 table thead th {border-bottom: 2px solid #ccc !important;} div#lhwb_wrap .FootTy01 .pageing strong {color: white; border-color: #BDBDBD ; background-color: #BDBDBD !important; } div#lhwb_wrap a{ text-decoration: none !important} div#lhwb_wrap input[type="text"], input[type="password"], textarea{ box-shadow:none !important} div#lhwb_wrap .boardTy01 table#board_list tbody tr{ cursor:pointer} div#lhwb_wrap .boardTy01 table#board_list tbody tr:hover{ background-color:#f5f5f5} .btn_board_reply.lhwb_board_reply_btn, .btn_write.lhwb_modify_btn, .btn_cancel_03, #lhwb_reply_btn .btn_write, #lhwb_reply_btn .btn_cancel_04 { background: none !important; padding: 0 !important; margin:0;} .btn_board_reply.lhwb_board_reply_btn a, .btn_write.lhwb_modify_btn a, .btn_cancel_03 a, #lhwb_reply_btn .btn_write a, #lhwb_reply_btn .btn_cancel_04 a, #lhwb_wrap .btn_list a{background-color:#F2F2F2; display: inline-block; padding: 5px 22px 5px 28px !important; font-size: 13px; border: 1px solid #DDD; margin:0 2px} .btn_board_reply.lhwb_board_reply_btn a{background:#F2F2F2 url('images/lhboard/btn_comment.png') no-repeat 5px center !important;} #lhwb_wrap .btn_list a{background:#F2F2F2 url('images/lhboard/btn_list.png') no-repeat 5px center !important;} .btn_write.lhwb_modify_btn a{background:#F2F2F2 url('images/lhboard/btn_edit.png') no-repeat 5px center !important;} .btn_cancel_03 a{background:#F2F2F2 url('images/lhboard/btn_trash.png') no-repeat 5px center !important;} #lhwb_reply_btn .btn_write a{background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important;} #lhwb_reply_btn .btn_cancel_04 a{background: #F2F2F2 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important;} html div#lhwb_wrap p#lhwb_view_comments pre{ min-height: 120px !important;} #lhwb_reply_btn li:first-child{ float: right !important;} #lhwb_reply_btn .btn_write { float: left; width: auto;} div#lhwb_wrap #lhwb_reply_btn { clear: both; width: 100% !important; margin-top: 10px;} div#lhwb_wrap #lhwb_reply_btn ul li { width: auto !important;} div#lhwb_wrap .txtarea05 { width: 100% !important; background-color: #f9f9f9 !important;} div#lhwb_wrap #lhwb_reply_container .lwhb_reply_li_1 .comment_input { width: 100%!important;} #lhwb_reply {margin: 0 40px;} #reply_input h3 small span { padding: 0px 30px; display: block; font-size: 13px; color: #686767 !important; margin: 0 0 10px 0; font-weight: bold; width: 620px !important; text-align: right; padding-top: 10px;} #lhwb_view_footer { border-bottom: 1px solid #CBCBCB; float: left; width: 100%;} div#lhwb_wrap #lhwb_reply_container ul li h3 { width: 620px;} #lhwb_view_comments { min-height: 120px;} div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li span { margin-bottom: 0; line-height: 170%; float: none;} div#lhwb_wrap .view_title {border-right: 1px solid #DDD; padding: 0 10px 0 0; display: inline-block; width: 380px !important; max-width: none !important; font-weight:bold} .view_author { padding: 0 10px !important;} .view_author { border-right: 1px solid #ddd; margin-right:10px;} .view_textarea .btn_write {background-color: #ddd;} .view_textarea .btn_write a{color:#666 !important} #lhwb_reply_list h3 small span:first-child { font-weight: bold; font-size:12px;} #lhwb_reply_list h3 small span{ color: #AFAFAF !important; } div#lhwb_wrap #lhwb_board_view.writeTy01 ul.bgef li {border-top: 1px solid #CCC;} #lhwb_wrap .fst01 { color: #AFAFAF !important; font-size: 12px; font-weight: bold; margin-bottom: 4px;} div#lhwb_wrap #lhwb_re_reply .txtarea05 { margin-bottom: 20px;} div#lhwb_wrap #lhwb_re_reply_btn { margin-left: 20px;} #lhwb_re_reply_btn span.btn_write { padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #F2F2F2 url('images/lhboard/btn_confirm.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #DDD; font-size: 12px; width: 38px;} #lhwb_re_reply_btn #reply_input_del{ padding: 5px 0px 5px 27px; margin-bottom: 3px; background: #F2F2F2 url('images/lhboard/btn_cancel.png') no-repeat 5px center !important; display: inline-block; border: 1px solid #DDD; font-size: 12px; width: 38px;} div#lhwb_wrap #lhwb_reply_container #lhwb_re_view .re {background-color: #F1F1F1;} /***************************************/ /* ONLINE QUOTE */ /***************************************/ #quote_search input{ vertical-align:middle;} #quote_search_submit{ height:auto; border:none} /* 폼 스타일 */ #the_content input, div#lhwb_wrap input[type="text"], input[type="password"], textarea{color:#777; background:#ffffff; border:1px #ccc solid; } #the_content input[type="checkbox"]{ border:none} .checkbox{border:0px #dfdfdf solid;} .input{color:#707070; background:#ffffff; border:1px #dfdfdf solid; height:14px; width:80px; margin:1px;} .input_text{color:#b3b3b3; background:#ffffff; border:1px #C2C2C2 solid;} #customer_box {border: #dcdcdc 1px solid; padding: 15px 15px; margin-bottom: 10px;} #customer_box #customer_title {font-weight: bold; border-bottom: #dcdcdc 1px solid; padding-bottom: 10px; margin-bottom: 20px;} #customer_box #customer_title h2{font-size:18px; font-family:NanumGothic, Arial, Helvetica, sans-serif; padding-left:10px; } #customer_box .call_center_phone {padding-left: 5px;} #customer_box .call_center_phone span{padding-left: 5px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#7a1717;} /* table */ table.t11 {border-collapse: collapse; width:100%; margin: .5em 0px; font-size: 1em;border-top: 0px solid #218e94; border-right: 0px solid #C8C8C8; border-left: 0px solid #C8C8C8; margin-bottom:30px; line-height:20px;} table.t11 th { background: #f4f4f4; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;} table.t11 td { background: #f4f4f4; color: #444444; font-weight: normal; text-align:left; vertical-align: middle; padding:10px; } table.t11 .th1 { background: #fff; color: #444444; font-weight: bold; text-align:center; vertical-align: middle; padding:10px;} table.t11 .td1 { background: #fff; color: #444444; font-weight: normal; text-align:left; vertical-align: middle; padding:10px;} table.t11 caption{display:none} .year{font-family:"나눔고딕"; font-size:30px; color:#626d77; font-weight:bold; padding:10px;} .day{font-family:"나눔고딕"; font-size:17px; color:#5d5a5a; font-weight:bold;} table.t1#online_list th { color: #666;} .online_num { width: 10%;} .online_lock { width: 5%;} .online_author { width: 15%;} .online_date { width: 15%;} .online_hit { width: 10%;} .online_title { width: 45%;} table#online_list th, table#online_list td{ text-align:center} table#online_list td{ font-weight:normal; font-size:12px; padding: 8px 0;} table#online_list td.online_title{ text-align:left} table#online_list td a{ display:block} table#online_list td a, table#online_list td a:hover, table#online_list td a:hover span{font-weight:normal; color:#222} table#online_list td a:hover{ text-decoration:none} .online_title_replied, .online_title_notreplied { padding-left: 20px; display: inline-block;} #online_total_container p { float: right; margin-bottom: 6px; color: #777; font-size: 12px;} #online_total_container p:first-child {float: left;} .online_write_btn {text-align: right;margin-top: 10px;} #the_content .online_write_btn a, #the_content #online_submit_confim {display: inline-block;color: #fff;margin-top: 5px; font-weight: bold;padding: 5px 15px 5px 30px;font-size: 13px;border: 1px solid #DDD;background:#C70303 url('images/lhboard/btn_edit_light.png') no-repeat 5px center;} #the_content #online_submit_confim { padding: 5px 15px 5px 28px; background-image:url('images/lhboard/btn_confirm_light.png')} #the_content .online_write_btn a:hover, #the_content #online_submit_confim:hover{ text-decoration:none; background-color:#A50000} #online_list tr{ cursor:pointer} #online_list tr.hover td{background-color:#eee} .online_paging { text-align: center;} .online_search_inner { width: 365px; padding: 20px 0; margin:0 auto } .hide_for_accessibility { overflow: hidden; text-indent: -9999px; display: inline-block; white-space: nowrap; } #online_search_submit { vertical-align: middle; } .online_search_inner span { vertical-align: middle; color: #666; display: inline-block; } #online_search {} #online_search_keyword { padding: 3px 0; } /* form */ #signform th { background-color: #f5f5f5; width: 140px; } .online_desc { font-weight: normal; font-size: 12px; color: #666; } .online_required { color: red; } .online_submit { text-align: center; margin-top: 10px; } #online_read_reply_info .online_read_header th { background: #fff; } #online_read_reply_info { margin: 30px 0 50px 0; } #online_read_reply_info th { width: 20%; background-color: #f5f5f5; } .online_read_comment td { height: 120px; } #online_read_reply td { height: 120px; font-weight: normal; } #online_read_reply_info td { font-weight: normal; } table#online_read_reply { border-bottom: none !important; } table#online_read_reply_info .online_read_header th, #online_read_reply th { text-align: center; } .online_content_textarea th { vertical-align: top; } #online_subject { width: 75%; } #online_email { width: 45%; } #comment { width: 90%; } /***************************************/ /* PRINT POPUP */ /***************************************/ body.pibs_print{ padding:0 20px} .pibs_print #content_container{ width: 98%;} #print_btn { color: #FFF; border: 1px solid #7E0505; padding: 7px 10px; display: inline-block; position: absolute; top: 40px; right: 20px; background: #C70303; font-weight: bold; font-size: 14px; border-radius: 3px; } /***************************************/ /* HIDE SMALLSCREEN CONTENT*/ /***************************************/ #small_screen_menu_btn{ display:none} /***************************************/ /* PAGE FORM PRIVACY AND LEGAL INFO */ /***************************************/ .page #content_container {width: 766px; margin-top: 0px; padding: 20px 0;} .page-template-list_all-php #content_container, .page-template-list_photos-php #content_container, .page-template-list_videos-php #content_container{float: left;padding: 0;border: none;width: 680px;} .page-template-list_all-php #content_container h1, .page-template-list_photos-php #content_container h1, .page-template-list_videos-php #content_container h1{background: url("images/title_bar.jpg") repeat-x left bottom;} #online_infobox { background: #F2F7FF url('images/page/note.png') no-repeat 20px center; padding: 25px 20px; padding-left: 100px; border: 4px solid #C9C9C9; margin-bottom: 30px; font-size: 0.9em; } .online_legal_box_inner { padding: 5px 15px; } #the_content .online_legal_box { overflow: auto; height: 55px; margin: 5px 0; border: 1px solid #A8A8A8; float: left; } #the_content .online_legal_box p{ font-size:0.9em; color:#777; } #the_content .online_legal_box_inner h3 { margin: 5px 0; font-size: 0.9em; color: #555 } #signform { padding-top: 5px; clear: both; } #the_content p.privacy_agree { clear: both; margin-bottom: 0; text-align: center; font-size: 0.9em; } input#privacy_agree { vertical-align: middle; } /* PAGE STYLE */ .page #the_content th { border-top: 1px solid #454545 !important; width: 100px; font-weight:bold; color:#454545; } .page #the_content th, #the_content td { padding :10px 15px; border-top: 1px solid #ebebeb; /*border-bottom: 1px solid #ddd;*/ } #the_content table { /* border: 1px solid #ddd;*/ border-bottom: none; margin: 0 auto; } .introduction_question { font-size: 20px; font-weight: bold; color: #333; padding: 8px 0; } .introduction_answer { font-size: 20px; font-weight: bold; color: #C50000; padding: 0 0 15px 0; } /***************************************/ /* SUB */ /***************************************/ #content_container { float: left; width: 71%; padding: 15px 1.5% 15px 0; margin-bottom:10px; } */ #content_container h1 { font-size: 32px; font-weight: bold; color: #333; background-color: #F8F8F8; padding: 30px 0 10px 15px; border: 1px solid #DDD; } #page_information_introduction {padding: 0;} .page-id-9 #the_content{background:url(images/page/company_02.gif) no-repeat right bottom;padding:0;} .page-id-9 #the_content .page_left {width: 36%;} .page-id-9 #the_content h4 {margin:0 0 15px 0;} #the_content th { padding: 0px 0px;} #the_content td { padding: 7px 10px;} #the_content p { line-height: 180%; margin-bottom: 20px; color: #202020; font-family: 굴림; } body.pibs_print #the_content p {font-size:18px;} #the_content h2 {font-size: 16px; color: #304375; margin: 20px 0 10px 0;} /* page_information_introduction */ #page_information_introduction p {font-size: 12px; color: #5F5F5F; line-height: 160%; font-family: 돋움; font-weight: 100;} .sign { padding: 8px 0;} /* privacy_policy */ #privacy_policy p {font-size: 12px; color: #757575; line-height: 160%; font-family: 돋움;} /* left menu */ #main_sidebar {float: right;padding: 0; margin-top: 0px;} .home .pibs_widget_ads_img {margin-bottom: 10px;} #page_sidebar {float: left;width: 200px; margin-top: 0px; } #page_sidebar_inner{ min-height:250px; padding:10px 0px; } #page_sidebar ul li a { color: #5C5C5C;font-family: MalgunGothic, Gulim, Arial, Verdana, sans-serif; display: block; width: 160px; padding: 13px 20px; border-bottom: 1px dotted #e0e0e0; font-size: 12px; line-height: 10px; letter-spacing: -1px; background: url("images/Left_Boll.png") no-repeat 8px 13px;} #page_sidebar ul li:first-child a { border-top: 0px solid #ddd;} #page_sidebar ul li:last-child a { border-bottom: 0px dotted #e0e0e0;} #page_sidebar ul li a:hover, #page_sidebar ul li.current_page_item a{ color: #ec5b1a; font-weight: bold; background-color: #f5f5f5;} #page_sidebar h2 {text-align: center; font-size: 18px; font-family: nanumgothic; color: #fff; letter-spacing: 2px; font-weight: bold; background: #454545; line-height: 87px; height: 87px;} /* table */ #page_table_1 {} #page_table_1 table {width:600px; border: 1px solid #e0e0e0; border-collapse:collapse; padding: 0px 0px; border-spacing:1px; font-size:12px; } #page_table_1 td {padding-left:10px;border: 1px solid #e0e0e0; } #page_table_1 th {padding:0px;border: 1px solid #e0e0e0;} table.t1 { border-collapse: collapse; width: 100%; margin: .5em 0px; font-size: 12px; font-family: 돋움; } table.t1 th { background: #fff; font-weight: bold; border-bottom: 1px solid #ebebeb; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; text-align: center; font-family: 돋움; } table.t1 td { background: #fff; font-weight: bold; text-align: left; border-top: 1px solid #; font-family: 돋움; padding-left:10px; } #online_infobox { background: #F2F7FF url('images/page/note.png') no-repeat 20px center; padding: 25px 20px; padding-left: 100px; border: 4px solid #C9C9C9; margin-bottom: 30px; font-size: 12px; line-height: 16px; l } .online_legal_box_inner { padding: 5px 15px; } .online_legal_title { background: url("/wp-content/themes/starter_news/images/point.gif") no-repeat 3px 6px; font-size: 12px; font-family: 돋움; letter-spacing: -0.2px; padding-left:15px } #the_content .online_legal_box { overflow: auto; height: 55px; margin: 5px 0; border: 1px solid #DADADA; float: left; font-size: 12px; } #the_content .online_legal_box p{ font-size:0.9em; color:#777; } #the_content .online_legal_box_inner h3 { margin: 5px 0; font-size: 0.9em; color: #555 } #the_content p.privacy_agree { clear: both; margin-bottom: 0; text-align: center; font-size: 12px; } /* GO MOBILE BUTTON */ #go_mobile{ margin-top:22px; padding:36px 0; background:#f0f0f0; clear:both; } #go_mobile a{ display:block; overflow:hidden; padding:22px 0; border:2px solid #b5b8bf; font-size:48px; margin:0 auto; width:80%; max-width:680px; color:#222; font-family:'돋움',dotum,sans-serif; text-align:center; border-radius:12px; background-color:#f9fafb; background: -moz-linear-gradient(top, #ffffff 0%, #eaebef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaebef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eaebef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eaebef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eaebef 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eaebef 100%); /* W3C */ -webkit-box-shadow:0 2px 1px rgba(0,0,0,0.06), inset 0 0 3px #fff; box-shadow:0 2px 1px rgba(0,0,0,0.06), inset 0 0 3px #fff; text-decoration:none; letter-spacing:-2px; } #go_mobile a:before { display: inline-block; width: 55px; height: 55px; background: transparent url('images/switcher.png') no-repeat center center; content: ""; vertical-align: -10px; margin-right: 6px; background-size: contain; } #privacy_policy li {font-size: 12px;} #pibs_minilist-14 {border-bottom: none !important;margin-bottom: 0px !important; padding-bottom: 20px;} #pibs_minilist-14 .modules_title { float: left; width: 100%; margin-bottom: 17px; background:#f4f4f4; padding:0 !important; } #pibs_minilist-14 .hgroup { padding: 10px 15px 8px 15px; float: left; width: 90%; } #pibs_minilist-15 {border-top: none !important;margin-bottom: 13px !important;} #pibs_minilist-15 .modules_title { float: left; width: 100%; margin-bottom: 17px; background:#f4f4f4; padding:0 !important; } #pibs_minilist-15 .hgroup { padding: 10px 15px 4px 15px; float: left; width: 90%; } #pibs_minilist-14 .pibs_minilist_module_thumb { display:none; } #pibs_minilist-14 .modules_content ul { float: right; width: 100%; clear: none; } #pibs_minilist-14 .modules_content ul li a {font-size:12px;line-height:17px;} #pibs_minilist-15 .pibs_minilist_module_thumb { display:none; } #pibs_minilist-15 .modules_content ul { float: right; width: 100%; clear: none; } #pibs_minilist-15 .modules_content ul li a {font-size:12px;line-height:17px;} #pibs_minilist-16 { border: none; padding: 0; margin-top:10px; } #pibs_minilist-16 .modules_title, #pibs_minilist-16 .modules_content { padding: 0; } #pibs_minilist-16 .modules_title .hgroup { padding: 0 0 4px 0; border-bottom: 1px solid #ddd; float: left; width: 100%; } #pibs_minilist-16 .modules_title .hgroup h2 { background: url(images/main/icon_attachment.gif) 0 3px no-repeat; padding-left: 12px; } #pibs_minilist-16 .modules_title { float: left; width: 100%; margin-bottom: 8px; } #pibs_minilist-16 .modules_content ul { float: left; width: 100%; clear: both; } #pibs_minilist-16 .modules_content ul li { padding: 3px 0px 3px 11px; background: white url('images/main/board_list_item.jpg') no-repeat left center; } #pibs_minilist-16 .modules_content ul li a { font-size: 12px; } /* 실시간 뉴스 */ .category #main_topnews .topnews_media .mejs-container { position: absolute; right: 5px; top: 10px; } .category #main_topnews .topnews_media{ position:relative; float:none; margin:0; } .single_realtime_video { background-color: #434A52; margin-bottom:20px; clear:both; } .category-timenews .topnews_media iframe { margin: 10px 0 0 6px; } /***************************************/ /* MEDIAQUERIES */ /***************************************/ /* @media only screen and (max-width:800px) { #comment {width: 100%;} #home_main_content{ float:none; width:100%} #error_content h1{margin-top: 0;} #error_content h2 { color: #333; font-size: 32px; } #error_content { min-height: 370px; } #main_sidebar { float: none; } #header { height: auto; } #pibs_headlines { width: 100%; margin-top: 20px; } #pibs_headlines ul li { width: 100%; } #main_sidebar, #content_container { width: 100%; } #main_sidebar .modules { width: 48%; height: 302px; overflow: auto; margin-left: 1%; margin-right: 1%; } #main_sidebar .pibs_widget_ads { width: 48%; float: left; clear: none; padding: inherit; display: block; } #home_bottom { width: 100%; } #main_sidebar .pibs_widget_ads img { width: 100%; } .menu_top_container { width: 100%; top: 0; background-color: #333; } #menu_top { float: left; } #searchform { float: right; clear: none; margin-top: 0; padding-top: 0; padding-right: 2%; } #logo_top { text-align: center; width: 100%; position: inherit; padding-top: 30px; margin-top: 0; } #header .menu_dropdown { top: 0; left: 0; position:inherit; } #header_top.wrap { width: 100%; height: 126px; } #menu_top li a { border-right: 1px solid #000; padding: 8px 13px; background: #242424; -wekit-border-radius: 2px; border-radius: 2px; -wekit-box-shadow: 0 1px 1px rgba(255,255,255,0.2); box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); border-radius: 0; border-left: 1px solid #333; } #header .menu_dropdown #main_menu li a { width: 90%; padding: 0; } #the_content { width: 100%; margin: auto; } #copyright{ display:none; } #info_menu{ margin-bottom: 0; } #footer.wrap{ width:100% } .home #main_container.wrap { width: 85%; } #main_container { position: relative; } #page_sidebar { position: absolute; top: 0; left: 0; width: 100%; margin: 30px 0; margin-top: 70px; } #page_sidebar_inner ul { width: 1440px; margin-top: 0;} #page_sidebar_inner { width: 100%; overflow-x: auto; overflow-y: hidden; height: 40px; min-height: 0; padding: 0; -webkit-box-shadow: inset 0 3px 4px rgba(0,0,0,0.3); box-shadow: inset 0 3px 4px rgba(0,0,0,0.3); background: #333; -webkit-box-sizing: border-box; box-sizing: border-box; } #page_sidebar_inner ul li { float: left; } #page_sidebar h2 { display:none } .page #content_container { margin-top: 30px; } #page_sidebar ul li:first-child a, #page_sidebar ul li a { border:none; color: #eee; border-left: 1px solid #000; padding: 11px 15px;} #page_sidebar ul li.current_page_item a, #page_sidebar ul li.current_page_item a:hover{background:#fff; color;color: #C70303;} #page_sidebar ul li a:hover { background-color: #000; color: #fff; } #home_bottom .pibs_minilist_module_thumb img { display: none; } #home_bottom #pibs_minilist-6 .pibs_minilist_module_thumb img{ display:block; height: 124px; } .widget_pibs_minilist ul { width: 100%; } .widget_pibs_minilist ul li a{ line-height: 16px; padding: 7px 1%; width: 98%; } .pibs_minilist_module_thumb { width: 50%; margin:auto; display:block; } } @media only screen and (max-width:800px) { #left_sticky_sidebar{ display:none} #online_infobox { background-image: none; padding: 15px 10px; } #page_sidebar {margin-top:30px;} #searchform { display:none} #small_screen_menu_btn{ display:block; } #header .menu_dropdown { position:absolute; } #content_container{ border:none} .single #content_container #content_container h1 { border: 1px solid #DDD; } #small_screen_menu_btn a{ padding: 10px 20px; border-radius: 3px; color: #eee; font-weight: bold; background: #333333; background: -moz-linear-gradient(top, #727272 0%, #555555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#555555)); background: -webkit-linear-gradient(top, #727272 0%,#555555 100%); background: -o-linear-gradient(top, #727272 0%,#555555 100%); background: -ms-linear-gradient(top, #727272 0%,#555555 100%); background: linear-gradient(to bottom, #727272 0%,#555555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#555555',GradientType=0 ); } #menu_top li a:hover { color: #fff; } #small_screen_menu_btn a:hover{color:#fff; background:#4D4D4D} #header_top {border-bottom: 1px solid #ccc;} #header .menu_dropdown { height: auto; -webkit-transform: translate3d(0,-182px,0); transform: translate3d(0,-182px,0); -webkit-transition: -webkit-transform 700ms ease; transition: transform 700ms ease; z-index: 88; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.3); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } #header .menu_dropdown.open { -webkit-transform: translate3d(0,126px,0); transform: translate3d(0,126px,0); } #header .menu_dropdown #main_menu li { float: none; width: auto; position: inherit; } #header .menu_dropdown #main_menu ul li:first-child a, #header .menu_dropdown #main_menu ul li:first-child a:hover{ background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(20%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); } #header .menu_dropdown #main_menu li a { text-align: left; } #small_screen_menu_btn { position: absolute; top: 70px; left: 5%; } #header .menu_dropdown #main_menu ul { position: inherit; top: 0; left: 0; } #header .menu_dropdown #main_menu ul.open{ display:block; } #main_menu.wrap { width: 100%; } #header .menu_dropdown #main_menu li a { padding: 0 5%; display: block; border-bottom: 1px solid #DDD; border-top: 1px solid #FFF; } #header .menu_dropdown #main_menu li a:hover { background: #EBEBEB; } #header .menu_dropdown #main_menu ul { padding: 0; background: #ddd; } #header .menu_dropdown #main_menu ul li a { padding: 17px 8%; border-top: #F7F7F7 1px solid; text-align: left; width: 84%; } #the_content img, #the_content video, #the_content iframe{ max-width:100%; float: none; display: block; margin: auto; } #the_content iframe{ height:300px} #the_content {width: 100%; } #home_banner { display: none; } #commentform p.comment_email { padding-left: 0; } #commentform #submit { width:100%; } .page #content_container { width: 100%; padding: 20px 0; } #menu_top li#menu_top_home a, #menu_top li#menu_top_all_post a { color: #999; font-weight: normal; } #page_sidebar ul li:first-child a, #page_sidebar ul li a{background: none; margin: 0; border-left: none; padding: 15px 0; text-align: center; } #content_container h1 { padding: 30px 1% 10px 1%; border-top: 1px solid #DDD; width: 100%; clear: both; } .page table { width: 100%; } } @media only screen and (max-width:800px) { html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, #the_content p, #pibs_headlines h2 a, .pibs_minilist_module ul li a, .widget_pibs_minilist ul li a, .tabs_panels ul li a, .tabs_menu li a, .pibs_tabsthumb_module_thumb span, .widget_pibs_tabsgallery .tabs_panels li span { font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, Arial; letter-spacing:-1px; line-height: 24px; } .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.current, .wp-pagenavi span.extend { padding: 2px 10px 2px 10px; } #the_content p{ letter-spacing:normal; } #content_container h1{ font-size: 26px; line-height: 32px; } .pibs_minilist_module ul li a, .widget_pibs_minilist ul li a { font-size: 12px; } #small_screen_menu_btn a { padding: 10px 15px; } #logo_top img { width: 155px; padding: 4px 10% 5px 0; height: auto; } #logo_top { text-align: right; padding-top: 37px; } #info_menu { overflow-x: scroll; } #info_menu ul { width: 820px; } .list_detail_content h2 { padding-left: 24%; } .list_detail_content p { display: none; } #pibs_headlines h2 a { font-size: 16px; float: left; line-height: 22px; color: #444; } .home #main_container.wrap { width: 95%; } #main_sidebar .modules, #home_bottom .modules { width: 92%; margin-left: 4%; height: auto; margin-right: 4%; } #main_sidebar { clear: both; float: left; background: #DFDFDF; padding-top: 20px; margin-top: 10px; } #sidebar_bottom_primary, #sidebar_bottom_secondary{ width:100%} .modules { background: #fff; } #pibs_headlines { margin-top: 30px; margin-bottom: 20px; } .widget_pibs_mediumlist li span { display: none; } .widget_pibs_mediumlist li img { width: 20%; } .widget_pibs_mediumlist li b { font-size: 15px; margin-top: 10px; } .pibs_minilist_module_thumb { width: 100%; } .widget_pibs_minilist ul { width: 100%; } .widget_pibs_minilist ul li { padding: 0; background: none; } .widget_pibs_minilist ul a { display: block; padding: 7px 0; background: #eee; margin: 5px 0; } .modules{ -webkit-border-radius:4px; border-radius:4px; } .widget_pibs_largelist .list_detail_content h2 a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 15px; padding: 10px 0; } .list_thumb { width: 20%; max-width: 100px; } #home_banner { display: none; } #sidebar_bottom_secondary .widget_pibs_largelist { border: 1px solid #ddd; margin-bottom: 15px; } #main_sidebar .pibs_widget_ads img { height: auto; } #main_sidebar .pibs_widget_ads { width: 90%; margin:auto; float:none } #main_sidebar { margin-bottom: 20px; padding-top: 15px; } #commentform textarea { width: 100%; } #the_posts_list .thumb { margin-right: 2%; border: none; display: block; width: 35%; max-width: 130px; } #the_posts_list .thumb img { width: 100%; height: auto; max-width: 130px; } #the_posts_list .excerpt { display: none; } #the_posts_list .detail { display: none; } .metadata{ width:100%} #commentform p#comment_submit_container { float: none; width: 100%; } #commentform #submit { height: 44px; } #commentform textarea { height: 100px; } #commentform p.comment_content { width: 100%; } #commentform p.comment_name, #commentform p.comment_email { width: 100%; position: relative; } #commentform p.comment_name label, #commentform p.comment_email label { line-height: normal; padding-top: 10px; } #commentform p.comment_name input, #commentform p.comment_email input { width: 100%; padding: 11px 0; } #commentform p.comment_email input { margin-bottom: 10px; } #the_content .ad-gallery .ad-image-wrapper { height: 280px; } #pibs_minilist-6.widget_pibs_minilist ul li a { color: #FFF; background: rgba(0, 0, 0, 0.2); line-height: 12px; } #pibs_minilist-6 .hgroup { width: 69%; } .archive #content_container{ margin-top:30px; } #content_container { margin-top: 10px; } .mobile_only_posts{ display: block} .post_link span.post_title { width: 100%; padding-bottom: 10px; } .post_link_new_window { display: none; } .post_cat, .post_author, .post_time { width: 80px; } .post_link span{ text-align:left; } .post_link{ width:100%} .page #the_content th, .page #the_content td, .page #the_content table { display: block; width: 100%; padding:0; text-align:left; border: none; } .page #the_content th { margin-top:10px; margin-bottom:0; background:none } .page #the_content td input{ width:100%; height:30px;} #the_content .online_write_btn a, #the_content #online_submit_confim { display: inline-block; color: #FFF; margin-top: 5px; font-weight: bold; padding: 5px 15px 5px 30px; font-size: 13px; border: 1px solid #DDD; background: #C70303 url('images/lhboard/btn_edit_light.png') no-repeat 5px center; padding: 0; width: 100%; background-image: non;} @media only screen and (max-width:1024px) { .wrap {width: 90%;} } @media only screen and (min-width:1024px) and (max-width:1280px){ } */ #sidebar_bottom_primary a img { display: block; } #main_right_bottom { float: right; width: 260px; clear: both; } #pibs_minilist-16 .modules_content a img { display: none; }