/***** BCT for Designer - Skin B *****/ /* =Body -------------------------------------------------------------- */ body, input, textarea, .item-meta, .entry-meta, .meta, .comment-meta { font-family: 'Nanum Gothic', dotum, gulim, helvetica, arial, verdana, sans-serf; } body {background-color:#3C3E42;} img{max-width: 100%;height: initial;} /* cover, list title basic style */ .item-title, .entry-title {color: #4A4A4A;} .item-title a, .entry-title a {font-size:14px; font-weight:600; line-height: 150%; color: #4A4A4A;} .item-highlight-block:hover .entry-title a, .item-highlight-block:hover .item-title a { color: #292929;} .item-title a:hover, .entry-title a:hover, .entry-title a:active, .item-title a:active {text-decoration:underline;} .item-summary, .entry-summary { color: #888888; /*text-align: justify;*/ font-family: 'Nanum Gothic'; font-size: 12px; line-height: 160%; overflow: hidden; margin-bottom:8px;} .item-highlight-block:hover .item-summary, .item-highlight-block:hover .entry-summary { color: #585858;} .item-thumb, .entry-thumb {background-color: #2F2F2F;} .item-thumb a, .entry-thumb a {opacity:1;} .item-highlight-block:hover .item-thumb a, .item-highlight-block:hover .entry-thumb a, .item-thumb a:active, .entry-thumb a:active {opacity:0.5;} .item-meta, .entry-meta, .meta, .comment-meta { color: #adadad; font-size: 11px; line-height: 170%; } .item-meta a, .entry-meta a, .meta a, .comment-meta a { color: #adadad; } .item-meta a:hover, .item-meta a:active, .entry-meta a:hover, .entry-meta a:active, .meta a:hover, .meta a:active, .comment-meta a:hover, .comment-meta a:active { color: #e87729; text-decoration: underline; } .item-meta span, .entry-meta span, .meta span { height:20px; padding-right: 8px; background: transparent url("../images/theme.png") 0 0 no-repeat;} .item-meta .date, .entry-meta .date, .meta .date {padding-left: 16px; background-position:0 -202px;} .item-meta .comments, .entry-meta .comments, .meta .comments, .comment-meta .comments {padding-left: 16px; background-position:0 -241px;} .item-meta .views, .entry-meta .views, .meta .views, .comment-meta .views {padding-left: 16px; background-position:0px -279px;} .item-meta .author, .entry-meta .author, .meta .author {padding-left: 14px; background-position:0 -362px;} .item-meta .cat-links, .entry-meta .cat-links, .meta .cat-links {padding-left: 16px; background-position:0px -321px;} .item-meta .number, .entry-meta .number {background:none; padding-right: 0;} /* custom */ .su-posts-teaser-loop .su-post-thumbnail {width: 100% !important; height: 100% !important;} .su-posts-teaser-loop h2.su-post-title { font-size: 1em !important; text-align: center; border: 1px solid #dedede !important; border-radius: 6px; padding: 5px !important; letter-spacing: 0px !important; font-weight: 400 !important;} h2.su-post-title a {color:#555 !important; text-decoration: none !important;} h2.su-post-title a:hover {color:#e87729!important; text-decoration: none !important;} .su-posts-teaser-loop .su-post{width: 48%; float: left; padding: 0 1%;} .su-posts-teaser-loop .su-post-thumbnail img { padding: 3px 0px !important; border: 0px solid #ccc !important; } .su-posts-default-loop .su-post-thumbnail {width: 300px !important; height: 200px !important;} .su-posts-default-loop .su-post-thumbnail img {max-width: 100% !important; max-height: 100% !important;} .su-custom-gallery-slide {height: 160px;} /* =Header -------------------------------------------------------------- */ #header {width:100%; height:auto; padding: 0; background-color:rgba(255,255,255,0.85); border-bottom: 1px solid #C3C3C3; } #header-main {background:#fff; max-width: 100%; height: auto; margin: 0 auto; padding:0; text-align: center;} #header-main-wrap {width:86%; max-width: 1050px; padding: 0 7%; margin-top: 46px;} #header-logo {margin-top: 30px; float: left;} #header-logo a {opacity:1;} #header-logo a:hover {opacity:0.6;} /* header search */ #header-search {position:absolute; right:0; top:63px; } #header-search form {line-height: normal; background-color: transparent; border: 1px solid #CACACA; border-radius: 3px; width:165px; height: 30px;} #header-search form input.input-text, #header-search form button.submit { vertical-align: middle; } #header-search form input.input-text { border: 0; padding-left: 11px; color: #8E8E8E; width:120px; height: 28px; background-color: transparent; outline: none; display: inline; font-weight: normal; line-height: 20px; font-size: 11px;} #header-search form button.submit { border: 0; margin: 0; padding: 0; width: 32px; height: 30px; display: inline-block; cursor: pointer; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background: #D8D8D8 url("../images/btn_search.png") 9px 6px no-repeat; float: right;} /* =GNB Menu -------------------------------------------------------------- */ #access {position: absolute; width: 100%; height: 46px; display: block; top: 0; left: 0; right: 0; bottom: auto; padding: 0 7%; background-color: #e87729; box-sizing: border-box; text-align: left;} #access-wrap {max-width: 1050px; margin: 0 auto;} #menu ul, #menu li {margin: 0; padding: 0;} #menu #gnb { display: inline-block; height: 46px; } /* menu depth 1 box style */ #menu li.menu-item.menu-item-depth-1 {float: left;} #menu li.menu-item.menu-item-depth-1:first-child a.menu-link { } /* menu depth 1 - home button style */ #menu li.menu-item.menu-item-home a.menu-link {width: 39px; height: 46px; margin: 0; padding:0; text-align: left; text-transform: capitalize; background-image:url("../images/home-mobile.png"); background-position:-1px -2px; background-repeat: no-repeat;} #menu li.menu-item.menu-item-home a.menu-link:hover {background-image:url("../images/home-mobile.png"); background-position:-1px -2px; } #menu li.menu-item.menu-item-home.menu-item-selected a.menu-link {background-image:url("../images/home-mobile.png"); background-position:-1px -2px; } /* menu a - basic style */ #menu a { color: #fff; display: inline-block; box-sizing:border-box;} /* menu depth 1 */ #menu a.menu-link-depth-1 {font-size: 15px; font-weight:400; height:46px; line-height: 36px; letter-spacing: 0; margin-bottom: 0; margin-left: 0; padding: 0 20px; border-top:3px solid transparent;} #menu a.menu-link-depth-1.menu-link-selected {color: #fff; background-color: #e87729; border-color: #fff;} /* menu depth 1 hover */ #menu li.menu-item.menu-hover > a, #menu li.menu-item.menu-item a:hover {color:#fff; border-color:#fff; background-color: transparent;} /* menu depth 2 */ #menu .sub-menu { display: none; left: 0; right:auto; top: 44px; position: absolute; -moz-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.6); -webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.4); } #menu li.menu-item ul { } #menu .sub-menu a {position: relative; z-index: 1; width: 170px; line-height: 150%; padding:10px 10px 12px; background-color: #505849; color: #fff; font-size: 11px; font-weight:400; text-align: left; border-bottom: 1px solid #6A775E;} #menu .sub-menu a.menu-link-selected {background-color: #232323; color: #DCD61F;} /* menu depth 2 hover */ #menu ul.menu-depth-2 li.menu-item.menu-hover > a, #menu ul.menu-depth-2 li.menu-item.menu-item a:hover {background-color:#e87729; color:#fff; border-color:#e87729;} /* menu depth 3 */ #gnb ul.sub-menu li.menu-item ul { z-index: 2; left: 170px; top: 0; } #gnb ul.sub-menu li.menu-item ul a {text-align: left;} /* menu depth 2 - has menu */ #menu span.has-menu { display: none; vertical-align: middle; } #menu span.has-menu span.has-menu-icon { display: inline-block; width: 15px; height: 12px; background: transparent url("../images/top_menu_arrow-sub.png") 0 -1px no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } #menu a.menu-link.menu-link-depth-2.menu-link-has-menu span.has-menu { display: inline-block; float:right; } /* menu a - custom menu */ #menu li.menu-item.menu-item-depth-1.langeng {position: absolute; top: 12px; right: 0px; border-left: 1px solid #8DD44D;} #menu li.menu-item.menu-item-depth-1.langkor {position: absolute; top: 12px; right: 65px;} #menu li.menu-item.menu-item-depth-1.langchi {position: absolute; top: 12px; right: 55px; border-left: 1px solid #8DD44D;} #menu li.menu-item.menu-item-depth-1.langrus {position: absolute; top: 12px; right: 0px; border-left: 1px solid #8DD44D; } #menu .langeng a.menu-link-depth-1, #menu .langkor a.menu-link-depth-1, #menu .langchi a.menu-link-depth-1, #menu .langrus a.menu-link-depth-1 {color: #fff; font-size: 11px; height: 20px; line-height: 18px; padding: 0 0 0 10px; border:0; background-color: transparent;} #menu li.menu-item.menu-hover.langeng > a, #menu li.menu-item.menu-item.langeng a:hover, #menu li.menu-item.menu-hover.langkor > a, #menu li.menu-item.menu-item.langkor a:hover, #menu li.menu-item.menu-hover.langchi > a, #menu li.menu-item.menu-item.langchi a:hover, #menu li.menu-item.menu-hover.langrus > a, #menu li.menu-item.menu-item.langrus a:hover {background-color:transparent; color:#292929;} /* =Container -------------------------------------------------------------- */ #container { position: static; width: 100%; min-height: 400px; background-color: #fff; float: left;} #container #main { max-width: 1050px; margin: 0 auto; padding: 0 7%; padding-top: 20px;} /* contents box - with sidebar */ #container #main #content { width: 74%; float: right; margin-bottom:30px;} #sidebar { width: 22%; float: left; margin-bottom: 30px;} /* contents box - home */ .home #container #main {width: 100%; max-width: 100%; padding: 0;} .home #container #main #content {width:100%; float:left; margin-bottom:0;} /* contents box - fullwidth */ .page-template-pagetemplate-fullwidth #container #main #content {width: 100%;} .page-template-pagetemplate-sitemap #container #main #content, .page-template-pagetemplate-tags #container #main #content, .archive.tag #container #main #content, .search-results #container #main #content, .archive.author #container #main #content {width:100%;} .page-template-pagetemplate-sitemap #sidebar, .page-template-pagetemplate-tags #sidebar, .archive.tag #sidebar, .search-results #sidebar, .archive.author #sidebar {display:none;} /* subpage common */ .page-header {border-bottom: 1px solid #828282;} .page-header h2 {font-size: 24px; line-height: 150%; font-weight: 600; color: #4a4a4a; letter-spacing: -1px; padding-bottom: 10px;} /* =Footer -------------------------------------------------------------- */ #footer {background-color: #3C3E42;} #footer a { color: #D4D4D4; font-weight:800;} #footer a:hover, #footer a:active {color: #fff;} #footer #footer-header {width:100%; padding: 0 7%; background-color: #BECDD4;} #footer #footer-header ul#fnb {text-align: left; max-width: 1050px; margin: 0 auto; padding: 10px 0 12px; border-bottom: 0;} #footer #footer-header ul#fnb li {} #footer #footer-header ul#fnb li a {font-size: 11px; font-weight: 600; color: #5C5D5F; line-height: 120%; margin-right: 8px; padding-right: 8px; border-right: 1px solid #8B8F96;} #footer #footer-header ul#fnb li a:hover, #footer #footer-header ul#fnb li a:active {color: #2D2F33; text-decoration:none; } #footer #footer-header ul#fnb li.home a { padding-left: 0; } #footer #footer-header ul#fnb li:first-child {} #footer #footer-header ul#fnb li:last-child {} #footer #footer-header ul#fnb li:last-child a {} #footer #footer-main {max-width: 1050px; margin: 0 auto; padding: 20px 7% 30px;} #footer #footer-main #footer-logo { display: inline-block; float: left; margin-right: 30px; margin-bottom: 20px;} #footer #footer-main #footer-logo img {width:auto; max-width:100%; height:auto;} #footer #footer-main #footer-logo span { display: inline-block; width: 160px; height: 32px; background: transparent url("../images/footer_logo.png") 0 0 no-repeat; } #footer #footer-main #footer-main-text { line-height: 200%; font-family: 'Nanum Gothic'; font-size: 11px; font-size: 1.1rem; color: #D4D4D4; display: inline-block;} #footer #footer-main #footer-main-text a:hover, #footer #footer-main #footer-main-text a:active {text-decoration:underline;} #footer .linkDiv{padding: 0 7% 20px;max-width: 1050px;margin: 0 auto;color: #fff;} #footer .linkDiv a{margin-right: 15px;font-weight: normal;display: inline-block;margin-bottom: 10px;} /* footer - SNS buttons */ .snslink {margin-top: 20px;} .snslink li {float: left; margin: 0 5px 5px 0;} .snslink li a {opacity:1; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .snslink:hover li a {opacity:0.6;} .snslink li a:hover {opacity:1;} /* =menu_path (breadcrumb) -------------------------------------------------------------- */ #custom-background {width:100%; padding:0 7%; background: #F5F5F5 !important;} #menu-path {max-width:1050px; margin:0 auto; padding: 16px 0 20px; text-align: right;} #menu-path .path {font:11px 'Nanum Gothic'; color:#808080; margin-left: 8px;} #menu-path .path .current {color:#656565; font-weight:600;} #menu-path .path .sep {background: url("../images/theme.png") 2px -1022px no-repeat; color: transparent; padding: 0 4px; } /* =Paging -------------------------------------------------------------- */ div.paging {margin: 0 auto; padding-top: 20px; padding-bottom: 40px;} div.paging span.dots {height: 26px; width: 26px; font-size: 11px; line-height: 26px; color: #c0c0c0; font-weight: 800; } div.paging a.page-number, div.paging span.page-number, div.paging a { font-weight: 800; border: 1px #DBDBDB solid; color: #A1A1A1; font-size: 11px; line-height: 27px; height: 26px; padding: 0 3px; min-width: 20px; background-color: #f8fbfd; margin: 0 2px; } div.paging span.paging-info {display:none;} div.paging a.page-number:hover, div.paging a.page-number:active { background-color: #3e3e3e; color: #fff; border-color: #3e3e3e; } div.paging a.prev, div.paging a.next { width: 26px; height: 26px; border: 0; color: transparent; background-color: transparent; background: url("../images/paging.png") 20px 5px no-repeat; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } div.paging a.prev:hover, div.paging a.prev:active, div.paging a.next:hover, div.paging a.next:active { background-color: transparent; color:transparent; background-position:20px -45px;} div.paging a.prev {background-position: 2px -95px;} div.paging a.prev:hover, div.paging a.prev:active {background-position: 2px -145px;} div.paging a.page-number.active, div.paging span.current { background-color: #4a4a4a; color: #fff; border: 1px solid #4a4a4a; } /* =Sidebar - common -------------------------------------------------------------- */ #sidebar .xoxo {} #sidebar a { color: #616161;} #sidebar a:hover, #sidebar a:active { color: #0095FF; } #sidebar ul.xoxo li.widget { width: 100%; margin-bottom: 30px; } #sidebar .widget-header { position: relative; margin-bottom: 12px;} #sidebar h3.widget-title { font-size: 16px; color: #4a4a4a; line-height: 170%; border-bottom: 1px solid #ADADAD; padding-bottom: 8px; letter-spacing: -1px;} #sidebar .title, #sidebar .summary {margin-bottom:5px;} #sidebar .title a, #sidebar .summary a {line-height:150%;} /* =Sidebar - Sub Menu -------------------------------------------------------------- */ /* submenu basic style */ #sidebar ul.menu { } #sidebar li.menu-item-depth-1 { } #sidebar li.menu-item-depth-2 { } #sidebar .bct_widget_submenu { } #sidebar .bct_widget_submenu a {font-size: 12px; font-weight: 600; color: #4a4a4a; background: #fff url("../images/theme.png") 100% -713px no-repeat;} #sidebar .bct_widget_submenu a:hover, #sidebar .bct_widget_submenu a:active { background-color: #d1d1d1; } /* depth1 (sub menu title) */ #sidebar .bct_widget_submenu a.menu-link-depth-1 {font-size: 24px; font-weight: 400; color: #e87729; letter-spacing: -1px; line-height: 150%; background: none; padding-bottom: 10px; border-bottom: 1px solid #828282;} #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item-has-children, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item { margin-bottom: 0;} #sidebar .bct_widget_submenu a.menu-link-depth-2 { line-height: 150%; padding: 8px 12px 13px 12px; border-bottom: 1px solid #ADADAD;} #sidebar .bct_widget_submenu a.menu-link-depth-3 { font-size: 11px; font-size: 1.1rem; line-height: 150%; padding: 8px 15px 10px 40px; background-color:#fff; background-position: 26px -1014px; border-bottom: 1px solid #ADADAD; } /* depth2 selected > depth3 */ #sidebar .bct_widget_submenu .menu-item-depth-2.menu-item-selected a.menu-link-depth-3 {background-color:#F3F3F3;} /* depth3 selected */ #sidebar .bct_widget_submenu a.menu-link-depth-3.menu-link-selected, #sidebar .bct_widget_submenu li.menu-item-has-children.menu-item-depth-2.menu-item-selected a.menu-link-depth-3.menu-link-selected { background-color: #E4E4E4; color:#57961E; background-position:26px -1014px;} /* depth2+3 hover */ #sidebar .bct_widget_submenu a.menu-link-depth-2:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-has-child > a:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-has-child > a:active, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a:active, #sidebar .bct_widget_submenu a.menu-link-depth-2:active { background-color: #F7F7F7; border-color:#ADADAD; color:#e87729; background-position: 100% -713px;} /* depth3 hover */ #sidebar .bct_widget_submenu a.menu-link-depth-3:hover, #sidebar .bct_widget_submenu a.menu-link-depth-3:active,#sidebar .bct_widget_submenu li.menu-item-has-children.menu-item-depth-2.menu-item-selected a.menu-link-depth-3:hover,#sidebar .bct_widget_submenu li.menu-item-has-children.menu-item-depth-2.menu-item-selected a.menu-link-depth-3:active { background-color: #fff; border-color:#ADADAD; color:#57961E; background-position:26px -1014px;} /* depth2 - selected */ #sidebar .bct_widget_submenu li.menu-item-depth-2menu-item-has-children > a.menu-link-selected, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a.menu-link-selected { background-color: #e87729; border-color:#e87729; color: #fff; background-position: 100% -864px;} /* depth2 selected - hover */ #sidebar .bct_widget_submenu li.menu-item-depth-2menu-item-has-children > a.menu-link-selected:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a.menu-link-selected:hover { background-color: #3e3e3e; border-color:#3e3e3e; color:#fff;} /* depth2 has children - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2 { background-position: 100% -411px;} /* depth2 has children hover - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2:hover { background-position: 100% -411px;} /* depth2 has children selected - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2.menu-link-selected { background-position: 100% -561px;} .menu-item-depth-2 .menu-depth-3 {display:none;} .menu-item-depth-2.menu-item-selected .menu-depth-3 {display:block;} /* =Sidebar - recent posts -------------------------------------------------------------- */ #sidebar .bct_widget_recent_posts .widget-body li {} #sidebar .bct_widget_recent_posts .title a { } #sidebar .bct_widget_recent_posts .title a:hover, #sidebar .bct_widget_recent_posts .title a:active { } #sidebar .bct_widget_recent_posts div.meta {} /* =Sidebar - recent comments -------------------------------------------------------------- */ #sidebar .bct_widget_recent_comments .widget-body li {} #sidebar .bct_widget_recent_comments .summary a { } #sidebar .bct_widget_recent_comments .summary a:hover, #sidebar .bct_widget_recent_comments .summary a:active { } #sidebar .bct_widget_recent_comments div.meta { } #sidebar .bct_widget_recent_comments div.meta span.author {} /* =Sidebar - archive -------------------------------------------------------------- */ #sidebar .bct_widget_archive .select-wrapper { border: 1px #ddd solid; height: 38px; line-height: 38px; padding: 0 10px; background-color: #f8f8f8; } #sidebar .bct_widget_archive select {color: #565656;} /* =Sidebar - calendar -------------------------------------------------------------- */ #sidebar .bct_widget_calendar .widget-wrapper {border-bottom: 2px solid #F0F0F0;} #sidebar .bct_widget_calendar div.widget-body { background-color: #fff; border: 1px solid #DBDBDB; padding: 12px 16px 20px; } #sidebar .bct_widget_calendar div.calendar-header {text-align: center; height: 30px; line-height: 30px; margin-bottom: 15px; } #sidebar .bct_widget_calendar div.calendar-header a.prev, #sidebar .bct_widget_calendar div.calendar-header a.next { width: 30px; height: 30px; position: absolute; top: 0; background: transparent url("../images/btn_calendar.png") 0 0 no-repeat; text-align: left;} #sidebar .bct_widget_calendar div.calendar-header div.title { font-size: 14px; font-size: 1.4rem; font-weight: bold; } #sidebar .bct_widget_calendar table.calendar {margin: 0 auto; font-size: 11px; font-size: 1.1rem; color: #404040; width: 100%; padding: 0 5%;} #sidebar .bct_widget_calendar table.calendar th { text-align: center; height: 15px; } #sidebar .bct_widget_calendar table.calendar td span { height: 26px; line-height: 26px; display: block; text-align: center; } #sidebar .bct_widget_calendar table.calendar td { width: 14.28%; padding: 2px; vertical-align: top; } #sidebar .bct_widget_calendar table.calendar td.exist a span {} #sidebar .bct_widget_calendar table.calendar td.exist a:hover span, #sidebar .bct_widget_calendar table.calendar td.exist a:active span { } #sidebar .bct_widget_calendar table.calendar .sun { } #sidebar .bct_widget_calendar table.calendar .sat { } #sidebar .bct_widget_calendar table.calendar .today span {background-color: #D8D8D8; } /* =Sidebar - tags -------------------------------------------------------------- */ #sidebar .bct_widget_tag_cloud div.tagcloud {text-align: center;} #sidebar .bct_widget_tag_cloud a { display: inline-block; padding: 4px 6px 6px; text-decoration: none; font: 12px 'Nanum Gothic'; color: #868686; background-color: #fff; margin-bottom: 5px; border: 1px solid #CBCBCB;} #sidebar .bct_widget_tag_cloud a.tag-class-4 {font-size: 16px; background-color: #3A3A3A; border-color:#3A3A3A; color:#fff;} #sidebar .bct_widget_tag_cloud a.tag-class-3 {font-size: 14px; background-color: #676767; border-color:#676767; color:#fff;} #sidebar .bct_widget_tag_cloud a.tag-class-2 {font-size: 12px; background-color: #F1F1F1; border-color: #888888; color: #676767;} #sidebar .bct_widget_tag_cloud a:hover, #sidebar .bct_widget_tag_cloud a:active {background-color: #393939; color: #fff; border-color:#393939;} /* =Sidebar - text/html -------------------------------------------------------------- */ #sidebar .bct_widget_text_html .summary { line-height: 170%; color:#9d9d9d;} #sidebar .bct_widget_text_html .summary a { color: #0095FF; text-decoration: underline; } #sidebar .bct_widget_text_html .summary a:hover, #sidebar .bct_widget_text_html .summary a:active { color: #0057DA; } /* =LIST - common -------------------------------------------------------------- */ div.page-header.category-format-search-page-header h2.page-title strong, div.page-header.category-format-tag-page-header h2.page-title strong, div.page-header.category-format-date_list-page-header h2.page-title strong, div.page-header.category-format-my_list-page-header h2.page-title strong {color:#00ADFF;} /* category format webzine */ .category-format-webzine { } .category-format-webzine li {padding: 30px 0; border-bottom: 1px dashed #ADADAD;} .category-format-webzine div.item-highlight-block {} .category-format-webzine div.entry-header { display: inline-block; float: left; width:30%; border: 0; margin-right:24px; margin-bottom: 0;} .category-format-webzine div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-webzine div.entry-body-block {} .category-format-webzine div.entry-thumb img.thumb { width: 100%; height: auto; } .category-format-webzine h2.entry-title { margin-bottom: 4px;} .category-format-webzine h2.entry-title a {} .category-format-webzine .entry-summary { margin-bottom: 8px; } /* category format webzine b */ .category-format-webzine-b { padding-top: 30px; } .category-format-webzine-b li {width: 30.33%; margin: 0 1.5% 3em; padding: 0; float: left; vertical-align: top;} .category-format-webzine-b li.no-thumb div.entry-header {} .category-format-webzine-b div.item-highlight-block { } .category-format-webzine-b div.entry-header { display: block; float: none; width: 100%; border: 0; margin-bottom:4px;} .category-format-webzine-b div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-webzine-b div.entry-body-block {} .category-format-webzine-b div.entry-thumb img.thumb { width: 100%; height: auto; } .category-format-webzine-b h2.entry-title { overflow: hidden; margin-bottom: 4px; white-space: normal; text-overflow: ellipsis; height: 50px;} .category-format-webzine-b h2.entry-title a {} .category-format-webzine-b .entry-summary { overflow: hidden; height: 56px; margin-bottom: 8px; display:none;} /* category format title_list */ .category-format-title_list li.type-post div.item-wrap div.entry-header { padding-bottom: 17px; padding-top: 13px; border-bottom: 1px dashed #D7D7D7; } .category-format-title_list h2.entry-title { margin-left: 15px;} .category-format-title_list div.entry-meta { display: inline-block; float: right; margin-right: 10px; margin-left: 10px; } .category-format-title_list div.entry-meta span.date { font-weight: 600; line-height: 170%; font-size: 14px; font-size: 1.4rem; color: #ADADAD; border-right: 0;} .category-format-title_list .item-highlight-block:hover { background-color: #f7f7f7;} /* category format gallery */ ul.category-format-gallery {padding-top:30px; } .category-format-gallery li { display: inline-block; width: 31.33%; margin-right:3%; margin-bottom:20px; float:left;} .category-format-gallery li.last-col {margin-right:0;} .category-format-gallery div.entry-thumb { } .category-format-gallery div.entry-thumb a {width: 100%; height: auto; } .category-format-gallery div.entry-thumb img.thumb { width: 100%; height: auto; } .category-format-gallery h2.entry-title { } .category-format-gallery h2.entry-title a {font-size:14px; color:#fff; line-height:150%; overflow: hidden; z-index: 10; position: absolute; top: 0; width: 100%; height: 100%; padding: 10px; text-align: center; background-color: rgba(0,0,0,0.5); box-sizing: border-box; opacity:0;} .category-format-gallery .item-highlight-block:hover h2.entry-title a { opacity:1; color:#fff; text-decoration:none;} .category-format-gallery div.entry-meta { text-align: center; margin-top: 10px; position: absolute; top:28px; width:90%; padding: 0 5%;} /* category format search */ .category-format-search { } .category-format-search li {padding: 30px 0; border-bottom: 1px dashed #ADADAD;} .category-format-search li.no-thumb div.entry-header {} .category-format-search div.item-highlight-block {} .category-format-search div.entry-header { display: inline-block; float: left; width:20%; margin-right:24px; } .category-format-search div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-search div.entry-body-block {} .category-format-search div.entry-thumb img.thumb { width: 100%; height: auto; } .category-format-search h2.entry-title {margin-bottom: 4px;} .category-format-search h2.entry-title a {} .category-format-search .entry-summary {margin-bottom: 8px; } /* category format tag */ .category-format-tag { } .category-format-tag li {padding: 30px 0; border-bottom: 1px dashed #ADADAD;} .category-format-tag li.no-thumb div.entry-header {} .category-format-tag div.item-highlight-block { } .category-format-tag div.entry-header { display: inline-block; float: left; width:20%; margin-right:24px; } .category-format-tag div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-tag div.entry-body-block { } .category-format-tag div.entry-thumb img.thumb { width: 100%; height: auto; } .category-format-tag h2.entry-title {margin-bottom: 4px;} .category-format-tag h2.entry-title a {} .category-format-tag .entry-summary {margin-bottom: 8px; } /* category format my list */ .category-format-my_list li.type-post div.item-wrap div.entry-header { padding-bottom: 17px; padding-top: 13px; border-bottom: 1px dashed #D7D7D7;} .category-format-my_list h2.entry-title {margin-left: 15px;} .category-format-my_list div.entry-meta {display: inline-block; float: right; margin-right: 10px; margin-left: 10px; } .category-format-my_list div.entry-meta span.date { font-weight: 600; line-height: 170%; font-size: 14px; font-size: 1.4rem; color: #ADADAD; border-right: 0; background: none;} .category-format-my_list .item-highlight-block:hover { background-color: #f7f7f7; } /* category format data llist */ .category-format-date_list li.type-post div.item-wrap div.entry-header { padding-bottom: 17px; padding-top: 13px; margin-bottom: 0; border-bottom: 1px dashed #D7D7D7;} .category-format-date_list h2.entry-title {margin-left: 15px;} .category-format-date_list div.entry-meta { display: inline-block; float: right; margin: 0 10px 0 10px !important; } .category-format-date_list div.entry-meta span.date { font-weight: 600; line-height: 170%; font-size: 14px; font-size: 1.4rem; color: #ADADAD; border-right: 0; background: none;} .category-format-date_list .item-highlight-block:hover { background-color: #f7f7f7; } /* =Post style + Single Page -------------------------------------------------------------- */ .post_a div.entry-content { position: relative; font-size: 14px; line-height: 180%; color: #4A4A4A;} .post_a div.entry-content a {text-decoration: underline; color: #25B4FD;} .post_a div.entry-content a:hover, .post_a div.entry-content a:active {color:#e87729;} /* blockquote */ .post_a div.entry-content blockquote { color: #444444; margin: 0 0 30px; padding: 20px 20px 26px 84px; background:#f4f4f4 url("../images/quote.png") 20px 20px no-repeat; min-height:70px; border-radius:8px;} /* post list style - basic */ .post_a div.entry-content ol { margin: 4px 0 20px 14px; } .post_a div.entry-content ol li {margin-left: 16px; margin-bottom: 5px;} /* post list style - numbering */ .post_a div.entry-content ul { margin: 4px 0 20px 10px; } .post_a div.entry-content ul li {margin-left: 16px; margin-bottom: 5px;} /* heading */ .post_a div.entry-content h1 { font-size: 32px; font-size: 2.25em; font-family: 'Nanum Gothic'; font-weight: 800; margin-bottom: 4px; line-height: 150%; letter-spacing: -1px; color: #e87729;} .post_a div.entry-content h2 { font-size: 22px; font-size: 1.55em; font-family: 'Nanum Gothic'; font-weight: 800; margin-bottom: 4px; line-height: 150%; letter-spacing: -1px;} .post_a div.entry-content h3 { font-size: 19px; font-size: 1.38em; font-family: 'Nanum Gothic'; font-weight: 800; margin-bottom: 4px; line-height: 150%; letter-spacing: -1px; color: #e87729;} .post_a div.entry-content h4 { font-size: 19px; font-size: 1.38em; font-family: 'Nanum Gothic'; font-weight: 600; margin-bottom: 4px; line-height: 150%; letter-spacing: -1px; color: #e87729;} .post_a div.entry-content h5 { font-size: 16px; font-size: 1.15em; font-family: 'Nanum Gothic'; font-weight: 800; margin-bottom: 4px; line-height: 150%; letter-spacing: -1px; background-color: #e87729; display: inline-block; padding: 4px 10px 6px 0; color: #fff; border-left: 10px solid #e87729; border-bottom: 10px solid #fff;} .post_a div.entry-content h6 { font-size: 15px; font-size: 1.1em; font-family: 'Nanum Gothic'; font-weight: 600; margin-bottom: 8px; line-height: 150%; letter-spacing: -1px; padding-bottom: 8px; border-bottom: 1px solid #D0D0D0;} /* hr */ .post_a div.entry-content hr {margin: 4px 0; border-top: 1px dashed #ADADAD;} /* image caption */ .post_a div.entry-content .wp-caption .wp-caption-text, .post_a div.entry-content .wp-caption-dd {color: #909090; font-size: 11px; line-height: 150%; padding: 8px 10px; background-color:#E8E8E8;} /* sub title */ div.entry-header { border-bottom: 1px solid #ADADAD; margin-bottom: 30px; } div.entry-header h1.entry-title { font-size: 20px; line-height: 150%; font-weight: 800; color: #4a4a4a; letter-spacing: -1px; padding-bottom: 10px; } div.entry-header div.entry-meta {} div.entry-header div.entry-meta span.author { font-weight: 800; } /* page footer area */ div.entry-footer {min-height:30px; margin-bottom:10px;} div.entry-footer div.tag-icon {width:20px; height:25px; background: url("../images/icon_tag.png") 2px 5px no-repeat; display:inline-block; float:left;} div.entry-footer div.tag-links { line-height: 170%; font-size: 11px; font-size: 1.1rem; padding-left: 25px; } div.entry-footer div.tag-links a { text-decoration: none; display: inline-block; padding: 3px 2px; color: #61A722; } div.entry-footer div.tag-links a:hover, .post-block div.article div.post div.entry-footer div.tag-links a:active { color: #4a4a4a; text-decoration: underline; } /* page footer area - comment number + buttons */ .post-block div.post-comment-stats {padding: 10px 0; border-top:1px solid #D2D2D2;} .post-block div.post-comment-stats div.stats { line-height: 26px; font-size: 15px; float: left; color: #4a4a4a; font-weight: 600; margin-top: 2px;} .post-block div.post-comment-stats div.stats span.comments { } .post-block div.post-comment-stats div.stats span.number {padding-left: 3px; font-weight: 800;} .post-block div.post-comment-stats div.post-actions { } .post-block div.post-comment-stats a.btn-reply, .post-block div.post-comment-stats a.btn-modify, .post-block div.post-comment-stats a.btn-list {background-color: #F3F3F3; border: 1px solid #B3B3B3; color: #7D7D7D; display: inline-block; height: 30px; line-height: 27px; padding: 0 10px; font-size: 13px; border-radius: 4px; margin-left: 5px;} .post-block div.post-comment-stats a.btn-reply:hover, .post-block div.post-comment-stats a.btn-reply:active, .post-block div.post-comment-stats a.btn-modify:hover, .post-block div.post-comment-stats a.btn-modify:active, .post-block div.post-comment-stats a.btn-list:hover, .post-block div.post-comment-stats a.btn-list:active { background-color: #e87729; border-color:#e87729; color:#fff;} /* responsive Single page + post style */ @media screen and (max-width: 959px) { .post-block div.article div.post div.entry-header h1.entry-title {font-size:20px;} .post_a div.entry-content {font-size: 13px;} } @media screen and (max-width: 600px) { .post_a div.entry-content { font-size: 12px;} .post_a div.entry-content blockquote {margin: 20px 0;} .post-block div.post-comment-stats a.btn-modify { display: none; } .post-block div.post-comment-stats div.stats {font-size: 12px; font-size: 1.2rem;} .post-block div.post-comment-stats a.btn-reply, .post-block div.post-comment-stats a.btn-modify, .post-block div.post-comment-stats a.btn-list {font-size: 11px; font-size: 1.1rem;} } .post-block div#comments {border-top:1px dashed #D2D2D2;} ol#commentlist a.comment-reply-link { font-family: 'Nanum Gothic', arial, tahoma, verdana, sans-seif; } /* =Post Comment -------------------------------------------------------------- */ ol#commentlist { } /* button - reply */ ol#commentlist a.comment-reply-link { display: inline-block; background-color: #ADADAD; border: 1px solid #ADADAD; color: #fff; padding: 0 5px; font-size: 10px; height: 18px; line-height: 17px;border-radius: 3px; } ol#commentlist a.comment-reply-link:hover, ol#commentlist a.comment-reply-link:active { background-color: #292929; border-color:#292929; color:#fff; } /* commentlist - user info. + meta */ ol#commentlist div.comment-meta { padding-top: 1px; padding-bottom: 0; word-break: keep-all; line-height: 170%; min-height: 25px; } ol#commentlist div.comment-meta span { background: none; margin-left: 0; padding-left: 0; height: 24px; white-space: nowrap; } ol#commentlist div.comment-meta span.author { font-weight: bold; font-size: 12px; font-size: 1.2rem; border-right: 0; color:#4a4a4a; margin-right: 10px;} ol#commentlist div.comment-meta span.author a { color: #007EFF; } ol#commentlist div.comment-meta span.author a:hover, ol#commentlist div.comment-meta span.author a:active { text-decoration: underline; color: #006EDE; } /* commentlist - box */ ol#commentlist li.comment, ol#commentlist li.trackback, ol#commentlist li.pingback { display: block; margin-bottom: 30px; border-bottom: 1px dashed #D2D2D2;} ol#commentlist li.comment li, ol#commentlist li.trackback li, ol#commentlist li.pingback li { border-bottom: 0; margin-bottom: 0; } /* commentlist - depth 1 box */ ol#commentlist li.comment div.commentdiv, ol#commentlist li.trackback div.commentdiv, ol#commentlist li.pingback div.commentdiv { position: relative; margin: 20px 0;} /* commentlist - depth 2 box */ ol#commentlist li.comment div.commentdiv div.commentdiv.commentdiv, ol#commentlist li.trackback div.commentdiv div.commentdiv.commentdiv, ol#commentlist li.pingback div.commentdiv div.commentdiv.commentdiv { } ol#commentlist li.comment ol.children li.depth-2 div.commentdiv {margin: 0 0 30px; padding-top: 20px; border-top: 1px dashed #D2D2D2;} /* commentlist - avartar (gravatar) */ ol#commentlist li.comment div.commentdiv div.avatar, ol#commentlist li.trackback div.commentdiv div.avatar, ol#commentlist li.pingback div.commentdiv div.avatar { float:left; } ol#commentlist li.comment div.commentdiv div.avatar img, ol#commentlist li.trackback div.commentdiv div.avatar img, ol#commentlist li.pingback div.commentdiv div.avatar img { width: 50px; height: 50px; border-radius: 50px;} /* commentlist - header box */ ol#commentlist li.comment div.commentdiv div.comment-header, ol#commentlist li.trackback div.commentdiv div.comment-header, ol#commentlist li.pingback div.commentdiv div.comment-header { margin-left: 66px;} /* commentlist - summery text box */ ol#commentlist li.comment div.commentdiv div.comment-text, ol#commentlist li.trackback div.commentdiv div.comment-text, ol#commentlist li.pingback div.commentdiv div.comment-text { margin-left: 66px; vertical-align: top; line-height: 200%; font-size: 12px; } /* commentlist - summery text */ ol#commentlist li.comment div.commentdiv div.comment-text p, ol#commentlist li.trackback div.commentdiv div.comment-text p, ol#commentlist li.pingback div.commentdiv div.comment-text p { color: #747474; margin-bottom: 1em; } ol#commentlist li.comment div.commentdiv div.comment-actions, ol#commentlist li.trackback div.commentdiv div.comment-actions, ol#commentlist li.pingback div.commentdiv div.comment-actions { text-align: right; } /* commentlist - 2 depth position */ ol#commentlist li.comment ol, ol#commentlist li.trackback ol, ol#commentlist li.pingback ol { margin-left: 66px; } /* commentlist - reply button */ ol#commentlist li.comment div.comment-actions { display: block; } ol#commentlist div.reply-form-show { padding-bottom: 30px; } /* commentlist - summery link style */ ol#commentlist li.comment div.commentdiv div.comment-text a, ol#commentlist li.trackback div.commentdiv div.comment-text a, ol#commentlist li.pingback div.commentdiv div.comment-text a {text-decoration: underline; color: #FF7E00;} ol#commentlist li.comment div.commentdiv div.comment-text a:hover, ol#commentlist li.trackback div.commentdiv div.comment-text a:hover, ol#commentlist li.pingback div.commentdiv div.comment-text a:hover, ol#commentlist li.comment div.commentdiv div.comment-text a:active, ol#commentlist li.trackback div.commentdiv div.comment-text a:active, ol#commentlist li.pingback div.commentdiv div.comment-text a:active {color: #FF1D00; } /* responsive - comment area */ @media screen and (max-width: 600px) { ol#commentlist li.comment div.commentdiv div.avatar img, ol#commentlist li.trackback div.commentdiv div.avatar img, ol#commentlist li.pingback div.commentdiv div.avatar img {width:40px; height:40px;} ol#commentlist li.comment div.commentdiv div.comment-header, ol#commentlist li.trackback div.commentdiv div.comment-header, ol#commentlist li.pingback div.commentdiv div.comment-header, ol#commentlist li.comment div.commentdiv div.comment-text, ol#commentlist li.trackback div.commentdiv div.comment-text, ol#commentlist li.pingback div.commentdiv div.comment-text, ol#commentlist li.comment div.commentdiv div.comment-actions, ol#commentlist li.trackback div.commentdiv div.comment-actions, ol#commentlist li.pingback div.commentdiv div.comment-actions {margin-left: 50px;} ol#commentlist li.comment ol, ol#commentlist li.trackback ol, ol#commentlist li.pingback ol { margin-left: 50px; } ol#commentlist div.comment-meta span.author {display:block;} } /* =Post Comment - write form -------------------------------------------------------------- */ #respond {margin-bottom: 20px;} form.form { border: 1px #cecece solid; padding: 40px; background-color: #F9F9F9; margin-top: 20px; border-radius: 10px;} form.form fieldset { width: 100%; border: none; } form.form fieldset legend { font-family: 'Nanum Gothic', arial, verdana, sans-serif; font-size: 16px; font-size: 1.6rem; color: #808080; margin-bottom: 10px; } form.form p { margin-bottom: 10px; } form.form p label { color: #404040; } form.form p label span.not-null { color: #ff0000; } form.form input[type=text], form.form input[type=password] { height: 36px; line-height: 36px; padding: 0 0 0 11px; margin: 0; margin-right: 8px; width: 320px; border: 1px #cecece solid; background: #fff;} form.form p.textarea { padding: 20px; border: 1px #cecece solid; background:#fff;} form.form textarea { width: 100%; line-height: 166%; border: 0; } form.form button { display: inline-block; width: 104px; font-size: 18px; font-size: 1.8rem; color: #fff; padding: 10px 0 14px; border: 0; border-radius: 30px; background: #505050; vertical-align: top; height:45px;} form.form button span {} form.form button[type=submit]:hover, form.form button[type=submit]:active { background-color: #393939;} /* form.form button#cancel-comment-reply-link { background-color: #c8c8c8; } form.form button#cancel-comment-reply-link:hover, form.form button#cancel-comment-reply-link:active { background-color: #8a8a8a; } */ form.form #cancel-comment-reply-link {display: inline-block; width: 104px; font-size: 18px; font-size: 1.8rem; line-height: 42px; text-align: center; color: #fff; border: 0; border-radius: 30px; background: #c8c8c8; vertical-align: top; height:45px;} form.form #cancel-comment-reply-link:hover, form.form a#cancel-comment-reply-link:active { background-color: #8a8a8a; } /* responsive - write form */ @media screen and (max-width: 600px) { form.form { padding: 20px; } form.form fieldset legend {margin-bottom: 15px;} form.form p label { position: absolute; top: 0; left: 0; } form.form p { margin-top: 0; margin-bottom: 13px; position: relative; padding-top: 15px; } form.form input[type=text], form.form input[type=password] { width: 100%; } form.form textarea { height: 145px; } form.form button, form.form #cancel-comment-reply-link {width: 80px;} } @media screen and (max-width: 959px) { form.form input[type=text], form.form input[type=password] { max-width: 320px; width: 100%; } } /* =Template Page - Sitemap -------------------------------------------------------------- */ #sitemap-list li.menu-item-depth-1.menu-item-home {display: none;} #sitemap-list li a:hover, #sitemap-list li a:active { color: #0095FF; } /* responsive - write form */ @media screen and (max-width: 959px) { #sitemap-list li.menu-item-depth-1 {} } @media screen and (max-width: 600px) { #sitemap-list li.menu-item-depth-1 {} } /* =Template Page - Tag -------------------------------------------------------------- */ div.page-tagcloud {padding-top: 30px; text-align: center; font-size: 12px; } div.page-tagcloud a {color: #868686; display: inline-block; padding: 9px; padding-bottom: 12px; margin-bottom: 8px; margin-right: 4px; text-decoration: none; border: 1px solid #CBCBCB;} div.page-tagcloud a.tag-class-2 { background-color: #F1F1F1; border-color: #888888; color: #676767; } div.page-tagcloud a.tag-class-3 { background-color: #676767; border-color:#676767; color:#fff; font-size:13px; font-size:1.3rem; } div.page-tagcloud a.tag-class-4 { background-color: #3A3A3A; border-color:#3A3A3A; color:#fff; font-size:16px; font-size:1.6rem; font-weight:800;} div.page-tagcloud a:hover, div.page-tagcloud a:active { background-color: #393939; color: #fff; border-color:#393939;} /* responsive - tag*/ @media screen and (max-width: 600px) { div.page-tagcloud { font-size: 11px; } div.page-tagcloud a {} div.page-tagcloud a.tag-class-3 { font-size:13px; } div.page-tagcloud a.tag-class-4 { font-size:14px; } } /* =BCT COVER - Front cover -------------------------------------------------------------- */ #front-page-cover {} #front-page-cover .container {max-width: 1050px; margin: 0 auto; padding: 0 7%;} /* item container - 2 columns box */ #front-page-cover .cover-item-type-container.cover-item-container-con2 ul.container .cover-item-type-widget { width: 48%; margin-right: 4%; } #front-page-cover .cover-item-type-container.cover-item-container-con2 ul.container .cover-item-type-widget.last-cover-item {margin-right:0;} /* item container - 3 columns box */ #front-page-cover .cover-item-type-container {width: 100%; padding: 40px 0 20px;} #front-page-cover .cover-item-type-container.cover-item-container-con3 ul.container .cover-item-type-widget { width: 30.33%; margin-right: 4.5%;} #front-page-cover .cover-item-type-container.cover-item-container-con3 ul.container .cover-item-type-widget.last-cover-item {margin-right:0;} /* common item title */ #front-page-cover .item-title {margin-bottom: 4px;} /* common home widget */ div.bct-cover-widget { margin-bottom: 20px;} div.bct-cover-widget .widget { margin-bottom: 30px; } div.bct-cover-widget .widget .item-wrap { text-align: left; } /* common widget header */ div.bct-cover-widget .widget-header {padding:0; margin-bottom: 30px; padding-right: 52px; padding-bottom: 16px; border-bottom: 1px solid #828282;} div.bct-cover-widget .widget-header h3 { font-size: 18px; color: #3A3A3A; font-weight: 400; letter-spacing: -0.5px; } /* common widget body */ div.bct-cover-widget .widget-body {width: 100%;} div.item-wrap {} .item-highlight-block {} .item-highlight-block:hover {} /* common widget footer = more button */ div.bct-cover-widget .widget-footer { overflow: hidden; position: absolute; top: 0; right: 0; text-align: center; } div.bct-cover-widget .widget-footer a.widget-more {color: #fff; height: 18px; line-height: 17px; padding: 0 6px; background-color: #9ED66C; border-radius: 3px; border: 1px solid #9ED66C;} div.bct-cover-widget .widget-footer a.widget-more:hover, div.bct-cover-widget .widget-footer a.widget-more:active {background-color: #e87729; border: 1px solid #e87729; color:#fff;} /* 1 columns:Top image slider */ #front-page-cover .cover-prd .container {max-width: 1060px; padding: 0 6.5%;} .cover-prd div.bct-cover-widget .widget-header {border:0; margin-bottom:0; padding: 0 0.5% 16px;} .cover-prd div.bct-cover-widget .widget-header h3 {display: inline-block; padding: 0 12px; height: 38px; line-height: 35px; background-color: #e87729; color: #FFFFFF; /* border-bottom: 12px solid #fff; border-left: 12px solid transparent;*/} .cover-prd div.bct-cover-widget .widget-footer {right: 0.5%; top: 10px;} .cover-prd .item-highlight-block:hover .item-thumb a {opacity:1;} .bct-cover-widget-fprp1cg div.ix-slider div.ix-viewport ul.ix-slider li.sliding-box {overflow: visible;} .bct-cover-widget-fprp1cg div.ix-slider div.ix-viewport ul.ix-slider li.sliding-box .item-wrap {display: inline-block; text-align: left; width: 25%; float: left; margin: 0; border-bottom: 0;} .bct-cover-widget-fprp1cg .item-highlight-block {margin: 0 5px; padding: 12px; background-color: #fff; border: 1px solid #DEDEDE; box-shadow: 0 1px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .bct-cover-widget-fprp1cg .item-body {} .bct-cover-widget-fprp1cg div.item-title {white-space: normal !important; height:38px;} .bct-cover-widget-fprp1cg div.item-title a {font-size: 13px; font-weight: 800;} .bct-cover-widget-fprp1cg div.item-summary {font-size:11px; height: 52px; white-space: normal; display:none;} .bct-cover-widget-fprp1cg .item-highlight-block:hover {background-color: #2F2F2F; border-color:#2f2f2f;} .bct-cover-widget-fprp1cg .item-highlight-block:hover div.item-title a {color:#fff;} .bct-cover-widget-fprp1cg .item-highlight-block:hover div.item-title a:hover {color: #7DC739;} .bct-cover-widget-fprp1cg .item-highlight-block:hover div.item-summary {color: #DADADA;} .bct-cover-widget-fprp1cg div.ix-slider div.ix-pager a.ix-pager-prev {left: -20px; top: -180px;} .bct-cover-widget-fprp1cg div.ix-slider div.ix-pager a.ix-pager-next {right: -20px; top: -180px;} .bct-cover-widget-fprp1cg div.ix-slider div.ix-pager .ix-pager-wrap div.ix-pager-item {} /* 1columns:Webzine A type */ .bct-cover-widget-fprp1cwa div.widget-body ul li { float:left; width:23.5%; margin-right: 2%; margin-bottom: 3em;} .bct-cover-widget-fprp1cwa div.widget-body ul li.last-col {margin-right:0;} .bct-cover-widget-fprp1cwa div.item-thumb {width: 100%;} .bct-cover-widget-fprp1cwa div.item-title { } .bct-cover-widget-fprp1cwa div.item-title a { } .bct-cover-widget-fprp1cwa div.item-summary { font-size:11px; height: 52px;} .bct-cover-widget-fprp1cwa div.item-meta {} /* 1columns:Webzine B type */ .bct-cover-widget-fprp1cwb div.widget-body ul li { width: 48%; margin-right:4%; float:left; margin-bottom: 3em;} .bct-cover-widget-fprp1cwb div.widget-body ul li.last-col {margin-right:0;} .bct-cover-widget-fprp1cwb div.item-thumb { display: inline-block; float: left; width: 36%; margin-right: 4%;} .bct-cover-widget-fprp1cwb div.item-body {width: 60%; float: left; margin-top: -2px;} .bct-cover-widget-fprp1cwb div.item-title {} .bct-cover-widget-fprp1cwb div.item-title a {} .bct-cover-widget-fprp1cwb div.item-summary { font-size:11px; max-height: 52px; overflow: hidden;} .bct-cover-widget-fprp1cwb div.item-meta {} /* 2columns:Webzine A type */ .bct-cover-widget-fprp2cwa div.widget-body ul li { float: none; margin-bottom: 3em;} .bct-cover-widget-fprp2cwa div.item-thumb { display: inline-block; float: left; width: 36%; margin-right: 4%; margin-bottom: 0;} .bct-cover-widget-fprp2cwa div.item-body {width: 60%; float: left; margin-top: -2px;} .bct-cover-widget-fprp2cwa div.item-title {} .bct-cover-widget-fprp2cwa div.item-title a {} .bct-cover-widget-fprp2cwa div.item-summary { font-size:11px; max-height: 52px;} /* 2column:Recent Post - Title List */ .bct-cover-widget-fprp2ctl div.widget-header {margin-bottom: 0;} .bct-cover-widget-fprp2ctl div.widget-body {} .bct-cover-widget-fprp2ctl div.item-highlight-block {width: 100%; padding: 12px 0 13px; float:left; border-bottom: 1px dashed #828282;} .bct-cover-widget-fprp2ctl div.item-highlight-block:hover {background-color: #F5F5F5;} .bct-cover-widget-fprp2ctl div.item-title { width: 80%; float: left;} .bct-cover-widget-fprp2ctl div.item-title a { background: url("../images/theme.png") no-repeat 5px -1320px; padding-left: 18px; font-size: 13px; line-height:1;} .bct-cover-widget-fprp2ctl div.item-meta {position: absolute; top: 10px; right: 0;} /* 2column:Recent Post - Gallery */ .bct-cover-widget-fprp2cg {} .bct-cover-widget-fprp2cg div.widget-body { } .bct-cover-widget-fprp2cg div.widget-body ul li {float: left; text-align: center;} .bct-cover-widget-fprp2cg div.widget-body ul li {width: 31.33%; margin-right: 3%; margin-bottom: 1em;} .bct-cover-widget-fprp2cg div.widget-body ul li.last-col { margin-right:0; } .bct-cover-widget-fprp2cg div.item-wrap.item-highlight-block {} /* 3columns:Webzine type */ .bct-cover-widget-fprp3cw div.widget-body ul li {margin-bottom:3em;} .bct-cover-widget-fprp3cw div.item-body { } .bct-cover-widget-fprp3cw div.item-title { } .bct-cover-widget-fprp3cw div.item-summary { font-size:11px; overflow: hidden; max-height: 52px;} .bct-cover-widget-fprp3cw div.item-thumb { } /* 3column:Title List */ .bct-cover-widget-fprp3ctl div.widget-header {margin-bottom: 0;} .bct-cover-widget-fprp3ctl div.widget-body {} .bct-cover-widget-fprp3ctl div.item-highlight-block {width: 100%; padding: 12px 0 13px; float:left; border-bottom: 1px dashed #828282;} .bct-cover-widget-fprp3ctl div.item-highlight-block:hover {background-color: #F5F5F5;} .bct-cover-widget-fprp3ctl div.item-title { width: 100%; float: left;} .bct-cover-widget-fprp3ctl div.item-title a { background: url("../images/theme.png") no-repeat 5px -1320px; padding-left: 18px; font-size: 13px; line-height:1;} /* 3column:Gallery */ .bct-cover-widget-fprp3cg div.widget-header {margin-bottom:20px;} .bct-cover-widget-fprp3cg div.widget-body ul li {width: 48%; margin-right: 4%; margin-bottom:1em; text-align: center; float: left;} .bct-cover-widget-fprp3cg div.widget-body ul li.last-col {margin-right:0;} .bct-cover-widget-fprp3cg .item-body-block {} .bct-cover-widget-fprp3cg div.item-thumb {margin-bottom:0;} /* 1column:Text/html Widget */ .bct-cover-widget-fprp1cth div.item-wrap { margin-bottom: 30px; } .bct-cover-widget-fprp1cth div.item-summary { color: #404040; line-height: 170%; } .bct-cover-widget-fprp1cth div.item-summary a { text-decoration: underline; color: #FF7E00; } .bct-cover-widget-fprp1cth div.item-summary a:hover { color: #FF1D00; } /* 1column:Shortcode Widget */ .bct-cover-widget-fprp1cth-shortcode div.widget-header {margin-bottom:0;} .bct-cover-widget-fprp1cth-shortcode div.item-wrap { margin-bottom: 30px; } .bct-cover-widget-fprp1cth-shortcode div.item-summary { color: #404040; line-height: 170%; } .bct-cover-widget-fprp1cth-shortcode div.item-summary a { text-decoration: underline; color: #FF7E00; } .bct-cover-widget-fprp1cth-shortcode div.item-summary a:hover { color: #FF1D00; } /* image widget */ .bct-cover-widget-image {margin-bottom:20px;} .bct-cover-widget-image a {opacity:1;} .bct-cover-widget-image a:hover {opacity:0.8;} /*=======================*\ Plug-Ins \*=======================*/ /* addtoany */ .addtoany_share_save_container {margin: 40px 0 16px 0 !important;} .addtoany_list a {background-color:transparent !important;} /* meta slider */ .metaslider {overflow: hidden;} .metaslider .flexslider {background-color: #CED1D3;} .metaslider .theme-default .nivoSlider, .metaslider .flexslider .flex-viewport {margin:0 auto;} .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {z-index:99 !important;} .flex-direction-nav a {background:url("../images/bg_direction_nav.png") no-repeat 0 0;} .theme-default .nivo-directionNav a {background: transparent url("../images/arrows.png") no-repeat scroll 0% 0%;} .theme-default a.nivo-prevNav {} .theme-default a.nivo-nextNav {background-position: -30px 0px;} /* page builder- common */ .post_a div.entry-content .panel-grid h3 {font-size: 18px; border-bottom: 1px solid #949494; padding-bottom: 8px; margin-bottom: 0;} .panel-grid li {list-style: none;} /* page builder - category webzine A */ .panel-grid .category-webzine-type-list li {padding: 24px 0; border-bottom: 1px dashed #ADADAD;} .panel-grid .category-webzine-type-list div.item-wrap {overflow: hidden;} .panel-grid .category-webzine-type-list div.entry-header {display: inline-block; float: left; width: 22%; margin: 0; padding: 0; border: 0; margin-right: 24px;} .panel-grid .category-webzine-type-list div.entry-header div.entry-thumb {margin: 0; padding: 0;} .panel-grid .category-webzine-type-list div.entry-body-block {overflow: hidden;} .panel-grid .category-webzine-type-list h2.entry-title {line-height:0; font-weight: 600; letter-spacing: 0; margin-bottom: 4px;} .panel-grid .category-webzine-type-list h2.entry-title a {font-size: 16px; color: #4a4a4a; text-decoration: none;} .panel-grid .category-webzine-type-list div.entry-body-block:hover h2.entry-title a {color:#292929;} /* page builder - category webzine B */ .panel-grid .category-webzineb-type-list li {width: 30.33%; margin: 1.5em 1.5%; padding: 0; float: left; vertical-align: top;} .panel-grid .category-webzineb-type-list div.item-wrap {overflow: hidden;} .panel-grid .category-webzineb-type-list div.entry-header {display: block; float: none; width: 100%; margin: 0; padding: 0; border: 0; margin-bottom: 4px;} .panel-grid .category-webzineb-type-list div.entry-header div.entry-thumb {margin: 0; padding: 0;} .panel-grid .category-webzineb-type-list div.entry-body-block {overflow: hidden;} .panel-grid .category-webzineb-type-list h2.entry-title {line-height:0; font-weight: 600; letter-spacing: 0; overflow: hidden; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis;} .panel-grid .category-webzineb-type-list h2.entry-title a {font-size: 14px; color: #4a4a4a; text-decoration: none;} .panel-grid .category-webzineb-type-list div.entry-body-block:hover h2.entry-title a {color:#292929;} .panel-grid .category-webzineb-type-list .entry-summary {overflow: hidden; height: 56px; margin-bottom: 8px;} /* page builder - gallery */ .panel-grid .category-gallery li { display: inline-block; width: 31.33%; margin-right:3%; margin-top: 1em; float:left; *display: inline; *zoom: 1; } .panel-grid .category-gallery.last-col {margin-right:0;} .panel-grid .category-gallery div.entry-thumb { position: relative; display: block; margin: 0;} .panel-grid .category-gallery div.entry-thumb a {width: 100%; height: auto; } .panel-grid .category-gallery div.entry-thumb img.thumb { width: 100%; height: auto; } .panel-grid .category-gallery h2.entry-title {line-height:0; font-weight: 600; letter-spacing: 0; margin: 0;} .panel-grid .category-gallery h2.entry-title a {font-size:14px; color:#fff; line-height:150%; overflow: hidden; z-index: 10; position: absolute; top: 0; width: 100%; height: 100%; padding: 10px; text-align: center; background-color: rgba(0,0,0,0.5); box-sizing: border-box; opacity:0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .panel-grid .category-gallery .item-highlight-block:hover h2.entry-title a { opacity:1; color:#fff; text-decoration:none;} .panel-grid .category-gallery div.entry-meta { text-align: center; margin-top: 10px; z-index: 10; position: absolute; top:28px; width:90%; padding: 0 5%; display:none;} /* page builder - title_list */ .panel-grid .category-title-list div.entry-header { padding-bottom: 17px; padding-top: 13px; border-bottom: 1px dashed #D7D7D7; overflow: hidden; margin-bottom:0; *zoom: 1; } .panel-grid .category-title-list h2.entry-title { overflow: hidden; margin:0; margin-left: 15px; line-height: 0; font-weight: 600; letter-spacing: 0;} .panel-grid .category-title-list h2.entry-title a {font-size:14px; font-weight:600; line-height: 140%; color: #4a4a4a; text-decoration: none;} .panel-grid .category-title-list .item-highlight-block:hover h2.entry-title a {color:#292929;} .panel-grid .category-title-list div.entry-meta { display: inline-block; float: right; margin:0 10px; line-height: 0;} .panel-grid .category-title-list div.entry-meta span.date { font-weight: 600; line-height: 140%; font-size: 14px; color: #ADADAD; border-right: 0; background: none;} .panel-grid .category-title-list .item-highlight-block:hover { background-color: #f7f7f7;} /* Meks Shortcode - button style */ .post_a div.entry-content a.mks_button {text-decoration:none; } .post_a div.entry-content a.mks_button_small {font-size: 13px; padding: 8px 10px 11px; line-height: 1;} .post_a div.entry-content a.mks_button_medium {font-size: 14px; padding: 12px 16px 16px; line-height: 1;} .post_a div.entry-content a.mks_button_large {font-size: 20px; padding: 16px 20px 20px; line-height: 1;} .post_a div.entry-content a.mks_button.rounded {border-radius:6px;} /* Meks Shortcode - tab contents */ .post_a div.entry-content .mks_tabs {padding:0;} .post_a div.entry-content .mks_tabs_nav {position: relative; height: auto; display: inline-block; float: left;} .post_a div.entry-content .mks_tab_nav_item {font-size: 13px; font-weight: 600; color: #717171; line-height: 36px; margin: 0 4px 0 0; padding: 0 12px; border-color: #ADADAD; background-color: #F3F3F3; box-sizing: border-box; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .post_a div.entry-content .mks_tab_nav_item:hover {background-color: #3A3A3A; border-color:#3A3A3A; color:#fff;} .post_a div.entry-content .mks_tab_nav_item.active {background-color: #fff; border-bottom: 1px solid #fff; color: #4a4a4a;} .post_a div.entry-content .mks_tab_item {padding: 20px 0; border: 0; border-top: 1px solid #ADADAD; margin-top: -1px; float: left;} /* Meks Shortcode - accordion + toggle */ .post_a div.entry-content .mks_accordion_item, .post_a div.entry-content .mks_toggle {border: 1px solid #ADADAD; } .post_a div.entry-content .mks_accordion_item {border-bottom: none;} .post_a div.entry-content .mks_accordion {border-bottom: 1px solid #ADADAD;} .post_a div.entry-content .mks_accordion_content, .post_a div.entry-content .mks_toggle_content {border-top: 1px solid #ADADAD;} .post_a div.entry-content .mks_accordion_heading, .post_a div.entry-content .mks_toggle_heading {font-weight: 600; line-height: 1; padding: 14px 60px 16px 20px; background-color: #F5F5F5; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .post_a div.entry-content .mks_accordion_heading:hover, .post_a div.entry-content .mks_toggle_heading:hover {background-color: #3A3A3A; border-color:#3A3A3A; color:#fff;} /* WPB Advanced FAQ */ .post_a div.entry-content .wpb_af_area > li {} .post_a div.entry-content .wpb_af_flat_theme .wpb_af_area li > a {color: #4a4a4a; text-decoration: none; padding: 8px 0 10px 50px; background-image: url("/wp-content/themes/bct4designer/images/icon_q01.png"); background-position: 10px 8px; background-repeat: no-repeat;} .post_a div.entry-content .wpb_af_area li > a:hover {background-color: #4a4a4a; color: #fff; background-image: url("/wp-content/themes/bct4designer/images/icon_q02.png");} .post_a div.entry-content .wpb_af_area > li.wpb-submenu-indicator-minus {background-color: #4A4A4A;} .post_a div.entry-content .wpb_af_area > li.wpb-submenu-indicator-minus > a {color: #fff !important; background-image: url("/wp-content/themes/bct4designer/images/icon_q02.png");} .post_a div.entry-content .wpb_af_flat_theme .wpb_af_area > li > ul {margin: 0; background-color: #EDEDED; padding: 20px 10px 20px 50px; background-image: url("/wp-content/themes/bct4designer/images/icon_qa.png"); background-position: 20px 20px; background-repeat: no-repeat;} .wpb_af_flat_theme .wpb_af_area li > a > span.wpb-submenu-indicator {display:none;} /* Responsive photo gallery */ .post_a div.entry-content .gal-container {position: relative; margin-bottom: -30px; background-color: #FFF;} .post_a div.entry-content .weblizar-portfolio-gallery a div span {font-family:'Nanum Gothic';} /* Advanced post slider */ .post_a div.entry-content #advps_container1 .advs-title, .post_a div.entry-content #advps_container1 .advs-title a {text-decoration: none; font-weight: 800;} /* k-board */ .post_a div.entry-content #kboard-thumbnail-document .kboard-title p {font: 18px 'Nanum Gothic' ; font-weight: 600; color: #4F4F4F; padding: 0 0 20px 0;} #kboard-default-editor a {text-decoration:none;} #kboard-default-document .kboard-content { border-bottom: 1px solid #BFBFBF; margin-bottom: 10px;} .post_a div.entry-content #kboard-default-list .kboard-list, .post_a div.entry-content #kboard-thumbnail-list .kboard-list {background-color:transparent;} .post_a div.entry-content #kboard-default-list .kboard-list table a, .post_a div.entry-content #kboard-thumbnail-list .kboard-list table a {font-size: 13px; color: #3C3C3C; font-weight: 600;} .post_a div.entry-content #kboard-default-list .kboard-list table a:hover, .post_a div.entry-content #kboard-thumbnail-list .kboard-list table a:hover {color: #0095FF; text-decoration: underline; background-color:transparent;} .post_a div.entry-content #kboard-default-list .kboard-list table tr:hover, .post_a div.entry-content #kboard-thumbnail-list .kboard-list table tr:hover {} .post_a div.entry-content .kboard-default-button-small, .post_a div.entry-content .default-button-small:link, .post_a div.entry-content .kboard-default-button-small:visited, .post_a div.entry-content .kboard-thumbnail-button-small, .post_a div.entry-content .kboard-thumbnail-button-small:link, .post_a div.entry-content .kboard-thumbnail-button-small:visited {font-family: 'Nanum Gothic', sans-serif; background-color: #efefef !important; border: 1px solid #B5B5B5; color: #888 !important; text-decoration: none; line-height: 26px;} .post_a div.entry-content .kboard-default-button-small[type="submit"] {line-height: 20px;} .post_a div.entry-content .kboard-default-button-small:hover, .post_a div.entry-content .kboard-thumbnail-button-small:hover {background-color: #3A3A3A !important; border: 1px solid #3A3A3A; color: #fff !important; text-decoration:none;} #kboard-default-list .kboard-pagination .kboard-pagination-pages li a:hover, #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li a:hover {background-color: #424242; border-color: #424242; color:#fff;} .post_a div.entry-content #kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a, .post_a div.entry-content #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a {border: 1px solid #424242; background-color: #424242;} .kboard-control {margin-bottom: 50px;} .kboard-default-poweredby, .kboard-thumbnail-poweredby {display:none;} .kboard-comments .comments-list ul li {list-style:none !important;} .post_a div.entry-content .kboard-comments .kboard-comments-form .comments-submit .comments-submit-text textarea {padding: 10px; height: 80px; box-sizing: border-box;} .post_a div.entry-content .kboard-comments .kboard-comments-form .comments-submit .comments-submit-button input[type=submit] {-webkit-appearance: none; background-color: #F4F4F4; border: 1px solid #ADADAD; line-height: 60px; cursor: pointer;} .post_a div.entry-content .kboard-comments .kboard-comments-form .comments-submit .comments-submit-button input[type=submit]:hover { background-color: #A1A1A1; color:#fff;} .post_a div.entry-content #kboard-default-editor .kboard-attr-row, .post_a div.entry-content #kboard-thumbnail-editor .kboard-attr-row {background-color:transparent;} .post_a div.entry-content #kboard-default-editor .kboard-content, .post_a div.entry-content #kboard-thumbnail-editor .kboard-content {background-color:transparent;} .post_a div.entry-content #kboard-default-editor .kboard-content textarea, .post_a div.entry-content #kboard-thumbnail-editor .kboard-content textarea {padding:20px; box-sizing: border-box;} #kboard-default-latest table, #kboard-thumbnail-latest table {border-bottom:0 !important;} #kboard-default-latest thead, #kboard-thumbnail-latest thead {display:none;} #kboard-default-latest table .kboard-latest-title, #kboard-thumbnail-latest table .kboard-latest-title {font-size:12px !important;} #kboard-thumbnail-latest table td.kboard-list-thumbnail {width: 110px; text-align: center;} #kboard-default-latest table .kboard-latest-title .cut_strings a, #kboard-thumbnail-latest table .kboard-latest-title .cut_strings a {color: #4D4D4D; font-weight:600; text-decoration:none; padding-left:18px; background: url("../images/theme.png") no-repeat 5px -1319px;} #kboard-thumbnail-latest table .kboard-latest-title .cut_strings a {background-image:none; padding-left: 5px;} #kboard-default-latest table .kboard-latest-title .cut_strings a:hover, #kboard-thumbnail-latest table .kboard-latest-title .cut_strings a:hover {color: #DB0929; text-decoration:underline;} #kboard-default-latest table .kboard-latest-date, #kboard-thumbnail-latest table .kboard-latest-date {width: 70px !important; font-size: 11px !important; text-align: right !important; color: #9E9E9E; padding-right: 10px !important;} #kboard-default-latest table td, #kboard-thumbnail-latest table td {padding: 10px 0 12px !important; border: 0 !important; border-bottom: 1px solid #e3e3e3 !important; vertical-align: middle;} .post_a div.entry-content #kboard-default-document .kboard-title p {padding: 12px 0; font-size:20px; color: #545861; font-weight: 600; letter-spacing: -1px;} #sidebar #kboard-default-latest table .kboard-latest-title .cut_strings a {font-size:12px; color: #6D6D6D;} #sidebar #kboard-default-latest table .kboard-latest-date {display:none;} .post_a div.entry-content #kboard-default-document .kboard-document-navi, .post_a div.entry-content #kboard-thumbnail-document .kboard-document-navi {padding: 0; margin-top: 10px;} .post_a div.entry-content #kboard-default-document .kboard-document-navi .cut_strings, .post_a div.entry-content #kboard-thumbnail-document .kboard-document-navi .cut_strings {margin-bottom:4px;} .post_a div.entry-content #kboard-default-document .kboard-document-navi .kboard-bottom-document, .post_a div.entry-content #kboard-thumbnail-document .kboard-document-navi .kboard-bottom-document {border-left: 1px solid #fff; box-sizing: border-box;} .post_a div.entry-content #kboard-default-document .kboard-document-navi .cut_strings:hover, .post_a div.entry-content #kboard-thumbnail-document .kboard-document-navi .cut_strings:hover {background-color:#424242; color:#fff;} .post_a div.entry-content #kboard-default-document .kboard-document-navi a, .post_a div.entry-content #kboard-thumbnail-document .kboard-document-navi a {display: block; font-size: 12px; color: #9C9C9C; padding: 8px 15px 10px; border: 0; background-color: #F3F3F3; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .post_a div.entry-content #kboard-default-document .kboard-document-navi .kboard-bottom-document.cut_strings a, .post_a div.entry-content #kboard-thumbnail-document .kboard-document-navi .kboard-bottom-document.cut_strings a {border-left:0;} .post_a div.entry-content #kboard-default-document .kboard-document-navi a:hover, .post_a div.entry-content #kboard-default-document .kboard-document-navi .cut_strings:hover a, .post_a div.entry-content #kboard-thumbnail-document .kboard-document-navi a:hover, .post_a div.entry-content #kboard-thumbnail-document .kboard-document-navi .cut_strings:hover a {color: #fff; text-decoration:none; background-color:transparent;} /* visual form builder */ .post_a div.entry-content form.visual-form-builder {margin-top:0; margin-bottom: 20px; border: 1px solid #d8d8d8; background-color: #fbfbfb; padding-bottom: 30px; border-radius: 5px;} .post_a div.entry-content .visual-form-builder li.vfb-two-column div span {margin:0;} .post_a div.entry-content .visual-form-builder fieldset {clear: both; margin-top:0; margin-bottom: 0; border: 0; background-color: transparent; } .post_a div.entry-content .visual-form-builder .vfb-legend { color: #262626; margin: 0 14px; padding: 10px 0px;} .post_a div.entry-content .visual-form-builder .vfb-legend h3 {font-size: 16px !important; color: #213A82; font-weight: 600;} .post_a div.entry-content .visual-form-builder select.vfb-select, input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea, select.vfb-select { padding: 8px; } #vfb-form-3 li.vfb-left-half .vfb-small, li.vfb-left-half .vfb-medium, li.vfb-left-half .vfb-large, li.vfb-right-half .vfb-small, li.vfb-right-half .vfb-medium, li.vfb-right-half .vfb-large, li.vfb-left-third .vfb-small, li.vfb-left-third .vfb-medium, li.vfb-left-third .vfb-large, li.vfb-middle-third .vfb-small, li.vfb-middle-third .vfb-medium, li.vfb-middle-third .vfb-large, li.vfb-right-third .vfb-small, li.vfb-right-third .vfb-medium, li.vfb-right-third .vfb-large, .visual-form-builder li.vfb-left-two-thirds .vfb-small, .visual-form-builder li.vfb-left-two-thirds .vfb-medium, .visual-form-builder li.vfb-left-two-thirds .vfb-large, .visual-form-builder li.vfb-right-two-thirds .vfb-small, .visual-form-builder li.vfb-right-two-thirds .vfb-medium, .visual-form-builder li.vfb-right-two-thirds .vfb-large { width: 95%; } .post_a div.entry-content .visual-form-builder input.vfb-large, input[type="text"].vfb-large, input[type="tel"].vfb-large, input[type="email"].vfb-large, input[type="url"].vfb-large, select.vfb-large, textarea.vfb-textarea { width: 100%; } .post_a div.entry-content .visual-form-builder label, label.vfb-desc { padding:0; color:#262626; } .post_a div.entry-content .visual-form-builder li span label { margin: 0; font-size: 11px; color: #818181; } .post_a div.entry-content .visual-form-builder input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea { background-color:#fff; border: 1px solid #d8d8d8; padding: 10px; box-sizing: border-box;} .post_a div.entry-content .visual-form-builder .vfb-submit, input[type="submit"].vfb-submit { font-size: 14px; font-weight: bold; padding: 16px 16px 18px; width: 120px; background-color: #4A4A4A; border: 1px solid #4A4A4A; border-radius: 5px; color: #fff; cursor: pointer; -webkit-appearance: none;} .post_a div.entry-content .visual-form-builder li.vfb-two-column div span, .post_a div.entry-content .visual-form-builder li.vfb-three-column div span, .post_a div.entry-content .visual-form-builder li.vfb-auto-column div span {margin: 0 5px 5px 0;} .post_a div.entry-content input.vfb-checkbox, input[type="checkbox"].vfb-checkbox, .post_a div.entry-content input.vfb-radio, input[type="radio"].vfb-radio {float: left; margin: 1px 4px 0;} .post_a div.entry-content .visual-form-builder label.vfb-choice { color: #000; } .post_a div.entry-content .visual-form-builder textarea.vfb-textarea {background-color:#fff; padding: 10px;} @media screen and (max-width: 768px) { .post_a div.entry-content .visual-form-builder input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea { width:100%;} } .entry-meta {display:none;} /* product component box style */ .compobox {background-color: #312a28; padding: 20px; color: #AFC5E0;} .post_a div.entry-content .compobox h4 {color: #FFFFFF;} .compobox2 {background-color: #DEE1E6; padding: 20px 30px; color: #454448;} .zoomm {background-color: #525252; color: #fff; display: inline-block; width: 100%; padding: 20px; box-sizing: border-box; border-radius: 10px;} /* cover quicklink */ .cover-bnbox {background-color: #D6DEE2;} ul.cover-banner01 {width:100%; display: inline-block;} ul.cover-banner01 li {width:33.33%; margin-bottom:0; float:left;} ul.cover-banner01 li.last-col { margin-right:0;} ul.cover-banner01:hover li a {opacity: 0.6;} ul.cover-banner01 li a {opacity: 1; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} ul.cover-banner01 li a:hover {opacity: 1;} ul.cover-banner01 li a img {width:100%; height:auto; box-sizing: border-box;} /* product2 - general instrument - list */ .prd2-list a {opacity:1;} .prd2-list:hover a {opacity:0.5;} .prd2-list a:hover {opacity:1;} .prd2-list img {border: 2px solid #DADADA; box-sizing: border-box;} .prd2-list a:hover img {border-color:#e87729;} /* product - size table */ .post_a div.entry-content table.sizetable {width:100%;} .post_a div.entry-content table.sizetable th, .post_a div.entry-content table.sizetable td {padding:4px; font-size:11px; border-color: #929292;} .post_a div.entry-content table.sizetable th {} /* related post */ .cprp_items.list {} .post_a div.entry-content .cprp_items.list ul {margin:0;} .post_a div.entry-content .cprp_items.list ul li {width: 30.33%; margin: 0 1.5% 2em; border: 1px solid #CED3DC; padding: 20px; background-color: #F3F3F5; box-sizing: border-box; clear:none; float:left;} .post_a div.entry-content .cprp_items.list a { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .post_a div.entry-content .cprp_title {height:45px; margin-bottom:8px;} .post_a div.entry-content .cprp_title a {color: #606979; text-decoration: none; font-size: 14px; font-weight: 600;} .cprp_percentage {display:none;} .cprp_excerpt a {opacity:1;} .post_a div.entry-content .cprp_thumbnail {width: 100%; height: auto; margin: 0; float:none;} .cprp_excerpt_content {font-size:11px; display:none;} .post_a div.entry-content .cprp_items.list li:hover .cprp_title a {text-decoration:underline; color: #e87729;} .post_a div.entry-content .cprp_items.list li:hover .cprp_excerpt a {opacity:0.5;} /* =Responsive -------------------------------------------------------------- */ @media screen and (max-width: 1100px) { } @media screen and (max-width: 959px) { body { } /* header */ #header {} #header-main {height: 61px;} #header-main-wrap {margin-top: 0;} /* header logo */ #header-logo {margin-top:5px !important;} #header-logo img {height:45px !important;} /* menu open/close button */ #btn-gnb-toggle { display: inline-block; float: right; margin-top: 8px;} #btn-gnb-toggle a { position: relative; cursor: pointer; display: inline-block; width: 100px; height: 36px; background: #fff url("../images/gnb_toggle.png") 6px -2px no-repeat; border: 2px solid #3B3B3B; border-radius: 5px;} #btn-gnb-toggle a.active, #btn-gnb-toggle a:hover, #btn-gnb-toggle a:active { background-color:#393939; border-color:#393939; background-position: 6px -62px;} /* =GNB MENU -------------------------------------------------------------- */ html #wpadminbar {position: absolute;} #header {top:0 !important; border-bottom: 1px solid #828282;} #access { display: none; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: 100%; height: auto; background-color: transparent; overflow-y: scroll; position: absolute; top: 62px !important; left: 0; padding: 0;} #access-wrap {} #menu #gnb { width: 100%; height: auto; display: block; border: 0;} #menu li.menu-item.menu-item-depth-1:first-child a.menu-link { } #menu li.menu-item ul { position: static; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; display: block; width: 100%; } #menu li.menu-item.menu-item-depth-1 {float: none; margin-left: 0;} #menu li.menu-item.menu-item-depth-2 { } #menu li.menu-item.menu-item-depth-3 { } #menu li.menu-item, #menu li.menu-item ul, #menu li.menu-item a, #menu .sub-menu a { display: block; position: static; width: auto; padding: 0; margin: 0; border: 0; float: none; left: 0; top: 0; } #menu li.menu-item ul.sub-menu { display: none; } /* menu a - basic style */ #menu li.menu-item a, #menu .sub-menu a { padding-left: 4%; text-indent: 0; color: #5A5A5A; height: 40px; line-height: 37px; background-image: url("../images/top_menu_arrow.png"); background-repeat: no-repeat; background-position: 97% 13px; background-color: #ECECEC; border-bottom: 1px solid #ADADAD;} #menu a.menu-link-depth-1 {font-size:13px;} /* menu a - has menu */ #menu li.menu-item a.menu-link-has-menu, #menu .sub-menu a.menu-link-has-menu {background-position: 97% -284px;} /* menu a - hover */ #menu li.menu-item a:active, #menu .sub-menu a:active, #menu li.menu-item a:hover, #menu .sub-menu a:hover {background-position: 97% -138px;} /* menu a has menu - hover */ #menu li.menu-item a.menu-link-has-menu:active, #menu .sub-menu a.menu-link-has-menu:active, #menu li.menu-item a.menu-link-has-menu:hover, #menu .sub-menu a.menu-link-has-menu:hover {background-position: 97% -434px;} /* menu a - home */ #menu li.menu-item.menu-item-home {height: 40px;} #menu li.menu-item.menu-item-home a.menu-link { width:100%; height:40px; margin: 0; background:#ECECEC url("../images/home.png") 3% 0 no-repeat; } #menu li.menu-item.menu-item-home a.menu-link.menu-link-selected {background:#e87729url("../images/home-mobile.png") 3% 0 no-repeat;} #menu li.menu-item.menu-item-home a.menu-link:hover, #menu li.menu-item.menu-item-home a.menu-link:active {background:#393939 url("../images/home-mobile.png") 3% 0 no-repeat;} /* menu a - sub menu */ #menu li.menu-item a.menu-link-depth-2 { text-align:left; padding-left: 7%; background-color: #FBFBFB;} #menu li.menu-item a.menu-link-depth-3 { padding-left: 9%; background-color: #fff;} /* menu a - selected */ #menu li.menu-item a.menu-link-depth-1.menu-link-selected {background-color:#e87729; border-color:#e87729; color:#fff;} #menu li.menu-item a.menu-link-depth-2.menu-link-selected {background-color: #55941C; color:#fff; border-color:#55941C; background-position: 97% -138px;} #menu li.menu-item a.menu-link-depth-3.menu-link-selected {background-color: #4B821A; color:#fff; border-color:#4B821A; background-position: 97% -138px;} /* menu a - has menu - selected */ #menu li.menu-item a.menu-link-depth-1.menu-link-has-menu.menu-link-selected {background-position: 97% -434px;} #menu li.menu-item a.menu-link-depth-2.menu-link-has-menu.menu-link-selected {background-position: 97% -434px;} /* menu a - hover */ #menu li.menu-item.menu-hover > a, #menu li.menu-item.menu-item a:hover {background-color:#4a4a4a; border-color:#4a4a4a; color:#fff;} #menu ul.menu-depth-2 li.menu-item.menu-hover > a, #menu ul.menu-depth-2 li.menu-item.menu-item a:hover {background-color:#4a4a4a; border-color:#4a4a4a; color:#fff;} #menu span.has-menu { display: none !important; } /* menu a - custom menu */ #menu li.menu-item.menu-item-depth-1.langeng {position: relative; top: 0; right: 0;} #menu li.menu-item.menu-item-depth-1.langkor {position: relative; top: 0; right: 0; border-left: 0; } #menu li.menu-item.menu-item-depth-1.langchi {position: relative; top: 0; right: 0; border-left: 0;} #menu .langeng a.menu-link-depth-1, #menu .langkor a.menu-link-depth-1, #menu .langchi a.menu-link-depth-1 {color: #5F5F5F; background-color: #BFBFBF; font-size: 12px; height: 40px; line-height: 37px; border: 0; border-bottom: 1px solid #9C9C9C; padding: 0 0 0 4%;} #menu li.menu-item.langeng a.menu-link-depth-1.menu-link-selected, #menu li.menu-item.langkor a.menu-link-depth-1.menu-link-selected, #menu li.menu-item.langchi a.menu-link-depth-1.menu-link-selected {background-color: #BFBFBF; border-color: #9C9C9C; color: #5F5F5F;} #menu li.menu-item.menu-hover.langeng > a, #menu li.menu-item.menu-item.langeng a:hover, #menu li.menu-item.menu-hover.langkor > a, #menu li.menu-item.menu-item.langkor a:hover, #menu li.menu-item.menu-hover.langchi > a, #menu li.menu-item.menu-item.langchi a:hover {background-color:#4a4a4a; color:#fff; border-color:#4a4a4a;} /* =GNB MENU END -------------------------------------------------------------- */ /* header search */ #header-search { position: relative !important; top: 0 !important; display: block; width: 100%; height: 40px; float: none; left: 0; border-bottom: 1px #B3B3B3 solid; background-color: #FDFDFD;} #header-search form { display: inline-block; position: relative; border: 0; margin-left: 3.5%; background-color: transparent; height: 40px; line-height: 34px; -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #header-search form input.input-text { font-size: 14px; font-size: 1.4rem; font-weight: 600; margin-left: 20px; width: 200px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-family: 'Nanum Gothic'; color:#9D9D9D; background-color: transparent;} #header-search form input.input-text:-moz-placeholder { color: #fff; } #header-search form input.input-text::-moz-placeholder { color: #fff; } #header-search form input.input-text:-ms-input-placeholder { color: #fff; } #header-search form input.input-text::-webkit-input-placeholder { color: #fff; } #header-search form button.submit { float: none; position: absolute; top: 7px; left: -6px; background-color: transparent;} /* container */ #container #main #content {width:72%;} #sidebar {width:24%;} /* sidebar - common */ #sidebar h3.widget-title {font-size:14px; font-size:1.4rem; padding-bottom:8px;} /* =SIDEBAR SUBMENU -------------------------------------------------------------- */ #sidebar .bct_widget_submenu a {font-size: 12px; background-position: 100% -713px;} #sidebar .bct_widget_submenu a.menu-link-depth-1 {font-size: 20px;} /* depth2 has children - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2 { background-position: 100% -408px;} /* depth2 - selected */ #sidebar .bct_widget_submenu li.menu-item-depth-2menu-item-has-children > a.menu-link-selected, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a.menu-link-selected {background-position: 100% -861px;} /* depth2 has children hover - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2:hover { background-position: 100% -408px;} /* depth2 has children selected - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2.menu-link-selected { background-position: 100% -558px;} /* =SIDEBAR SUBMENU END -------------------------------------------------------------- */ /* footer */ #footer #footer-main #footer-logo {} #footer #footer-main #footer-logo img {} #footer #footer-main #footer-main-text {} /* BCT COVER */ .page-header h2 {font-size: 20px;} div.bct-cover-widget .widget-header {margin-bottom: 24px;} div.bct-cover-widget .widget-header h3 {font-size: 16px;} .item-title a {font-size: 13px;} /* BCT COVER - 1c gallery */ .bct-cover-widget-fprp1cg div.ix-slider div.ix-viewport ul.ix-slider li.sliding-box .item-wrap {width: 25%; margin-bottom: 15px;} /* BCT COVER - 1c webzine A */ .bct-cover-widget-fprp1cwa div.item-thumb {} .bct-cover-widget-fprp1cwa div.item-title a {} .bct-cover-widget-fprp1cwa div.item-summary {} /* BCT COVER - 1c webzine B */ .bct-cover-widget-fprp1cwb div.widget-body ul li {} .bct-cover-widget-fprp1cwb div.item-thumb {width: 38%; margin-right:4%;} .bct-cover-widget-fprp1cwb div.item-body {width: 58%; float: left;} .bct-cover-widget-fprp1cwb div.item-title a {} .bct-cover-widget-fprp1cwb div.item-summary {} /* BCT COVER - 2c webzine A */ .bct-cover-widget-fprp2cwa div.widget-body ul li {} .bct-cover-widget-fprp2cwa div.item-thumb {width: 38%; margin-right:4%;} .bct-cover-widget-fprp2cwa div.item-body {width: 58%; float: left;} .bct-cover-widget-fprp2cwa div.item-title a {} .bct-cover-widget-fprp2cwa div.item-summary {} /* BCT COVER - 2c title list */ .bct-cover-widget-fprp2ctl div.item-highlight-block {} .bct-cover-widget-fprp2ctl div.widget-header {margin-bottom: 0;} .bct-cover-widget-fprp2ctl div.item-title {width: 68%;} .bct-cover-widget-fprp2ctl div.item-title a {} .bct-cover-widget-fprp2ctl div.item-meta {} /* BCT COVER - 2c gallery */ .bct-cover-widget-fprp2cg div.widget-body ul li {} /* BCT COVER - 3c title list */ .bct-cover-widget-fprp3ctl div.widget-header {margin-bottom: 0;} /* BCT COVER - shortcode */ .bct-cover-widget-fprp1cth-shortcode div.widget-header {margin-bottom:0;} /* Category List - Webzine A */ .category-format-webzine li {padding: 24px 0;} .category-format-webzine div.entry-header {width: 30%; margin-right: 20px;} .category-format-webzine h2.entry-title a {font-size:13px;} .category-format-webzine .entry-summary {font-size: 11px;} /* Category List - Webzine B */ .category-format-webzine-b li {width: 47%; margin: 0 1.5% 3em;} .category-format-webzine-b div.entry-header {} .category-format-webzine-b h2.entry-title a {font-size: 13px;} .category-format-webzine-b .entry-summary { font-size: 11px; height: 52px;} /* Category List - Title List */ .category-format-title_list li.type-post div.item-wrap div.entry-header {padding: 10px 0 12px;} .category-format-title_list h2.entry-title a {font-size: 13px;} .category-format-title_list div.entry-meta span.date {font-size: 12px;} /* Category List - Gaalery */ .category-format-gallery li, .category-format-gallery li.last-col {width: 47%; margin: 0 1.5% 1em;} .category-format-gallery h2.entry-title a {font-size:13px;} /* k-board */ #kboard-default-latest table td {padding: 8px 0 10px !important;} #kboard-default-latest table .kboard-latest-title .cut_strings a {font-size:12px;} } @media screen and (max-width: 768px) { /* container */ #container #main #content {width: 66%;} #sidebar {width: 30%;} /* BCT COVER - container */ #front-page-cover .cover-item-type-container.cover-item-container-con3 ul.container .cover-item-type-widget.cover-item-widget-pos1 {width: 100%; margin: 0 0 2em;} #front-page-cover .cover-item-type-container.cover-item-container-con3 ul.container .cover-item-type-widget.cover-item-widget-pos2 {width: 47%; margin-right: 6%;} #front-page-cover .cover-item-type-container.cover-item-container-con3 ul.container .cover-item-type-widget.cover-item-widget-pos3 {width: 47%;} /* BCT COVER - 1c gallery */ .bct-cover-widget-fprp1cg div.ix-slider div.ix-viewport ul.ix-slider li.sliding-box .item-wrap {width: 50%; margin-bottom: 15px;} .bct-cover-widget-fprp1cg div.ix-slider div.ix-pager a.ix-pager-prev {left: 0; top: -16px;} .bct-cover-widget-fprp1cg div.ix-slider div.ix-pager a.ix-pager-next {right: 0; top: -16px;} /* BCT COVER - 1c webzine A */ .bct-cover-widget-fprp1cwa div.widget-body ul li, .bct-cover-widget-fprp1cwa div.widget-body ul li.last-col {width: 46%; margin: 0 2% 3em;} /* page builder - common */ .post_a div.entry-content .panel-grid h3 {font-size: 16px;} /* page builder - category webzine A */ .panel-grid .category-webzine-type-list li {padding: 18px 0;} .panel-grid .category-webzine-type-list div.entry-header {width: 24%; margin-right: 20px;} .panel-grid .category-webzine-type-list h2.entry-title a {font-size:14px;} /* page builder - category webzine B */ .panel-grid .category-webzineb-type-list li {width: 47%; margin: 1em 1.5%;} .panel-grid .category-webzineb-type-list h2.entry-title, .panel-grid .category-webzineb-type-list h2.entry-title a {font-size:13px;} /* page builder - gallery */ .panel-grid .category-gallery li, .panel-grid .category-gallery li.last-col {width: 47%; margin:0.5em 1.5%;} /* Meks Shortcode - tab contents */ .post_a div.entry-content .mks_tab_nav_item.active {border-color: #ADADAD;} .post_a div.entry-content .mks_tab_nav_item {width:100%; margin:4px 0 0 0;} /* k-board */ #kboard-default-list .kboard-list table td.kboard-list-date, #kboard-default-list .kboard-list table td.kboard-list-view, #kboard-thumbnail-list .kboard-list table td.kboard-list-date, #kboard-thumbnail-list .kboard-list table td.kboard-list-view {display:none;} /* visual form builder */ .post_a div.entry-content .visual-form-builder li.vfb-left-half, .post_a div.entry-content .visual-form-builder li.vfb-right-half, .post_a div.entry-content .visual-form-builder li.vfb-left-third, .post_a div.entry-content .visual-form-builder li.vfb-middle-third, .post_a div.entry-content .visual-form-builder li.vfb-right-third {width: 98%!important;} } @media screen and (max-width: 600px) { body { } /* header */ #header {height: 51px;} #header-main {height: 50px;} #header-main-wrap {} /* header logo */ #header-logo {margin-top:5px !important;} #header-logo img {height:35px !important;} /* menu open/close button */ #btn-gnb-toggle {margin-top: 5px;} #btn-gnb-toggle a {width: 34px; height: 34px; background-position:-61px -3px;} #btn-gnb-toggle a.active, #btn-gnb-toggle a:hover, #btn-gnb-toggle a:active {background-position:-61px -63px;} /* gnb menu */ #access {top: 51px !important;} /* BCT COVER - container */ #front-page-cover .cover-item-type-container.cover-item-container-con2 ul.container .cover-item-type-widget {width:100%; margin:0 0 2em;} #front-page-cover .cover-item-type-container.cover-item-container-con3 ul.container .cover-item-type-widget.cover-item-widget-pos1, #front-page-cover .cover-item-type-container.cover-item-container-con3 ul.container .cover-item-type-widget.cover-item-widget-pos2, #front-page-cover .cover-item-type-container.cover-item-container-con3 ul.container .cover-item-type-widget.cover-item-widget-pos3 {width:100%; margin:0 0 2em;} div.bct-cover-widget .widget-header h3 {font-size: 14px;} .item-title a {font-size: 12px;} /* BCT COVER - 1c gallery */ .bct-cover-widget-fprp1cg div.ix-slider div.ix-viewport ul.ix-slider li.sliding-box .item-wrap {} /* BCT COVER - 1c webzine A */ .bct-cover-widget-fprp1cwa div.widget-body ul li, .bct-cover-widget-fprp1cwa div.widget-body ul li.last-col {width: 100%; margin: 0 0 3em;} .bct-cover-widget-fprp1cwa div.item-thumb {} .bct-cover-widget-fprp1cwa div.item-title a {} .bct-cover-widget-fprp1cwa div.item-summary {} /* BCT COVER - 1c webzine B */ .bct-cover-widget-fprp1cwb div.widget-body ul li, .bct-cover-widget-fprp1cwb div.widget-body ul li.last-col {width: 100%; margin: 0 0 3em;} .bct-cover-widget-fprp1cwb div.item-thumb {} .bct-cover-widget-fprp1cwb div.item-body {} .bct-cover-widget-fprp1cwb div.item-title a {} .bct-cover-widget-fprp1cwb div.item-summary {} /* BCT COVER - 2c webzine A */ .bct-cover-widget-fprp2cwa div.widget-body ul li {} .bct-cover-widget-fprp2cwa div.item-thumb {width: 35%; margin-right:4%;} .bct-cover-widget-fprp2cwa div.item-body {width: 61%; float: left;} .bct-cover-widget-fprp2cwa div.item-title a {} .bct-cover-widget-fprp2cwa div.item-summary {} /* BCT COVER - 2c title list */ .bct-cover-widget-fprp2ctl div.item-highlight-block {} .bct-cover-widget-fprp2ctl div.widget-header {margin-bottom: 0;} .bct-cover-widget-fprp2ctl div.item-title {width: 68%;} .bct-cover-widget-fprp2ctl div.item-title a {} .bct-cover-widget-fprp2ctl div.item-meta {} /* BCT COVER - 2c gallery */ .bct-cover-widget-fprp2cg div.widget-body ul li, .bct-cover-widget-fprp2cg div.widget-body ul li.last-col {width: 47%; margin: 0 1.5% 1em;} /* BCT COVER - image widget */ div.bct-cover-widget.bct-cover-widget-fprp1b {margin-bottom:0;} /* container */ #container #main #content {width: 100%;} #sidebar {width: 100%;} #menu-path {padding:12px 7%;} #menu-path .path {font-size:10px; font-size:1rem;} #footer {} #footer #footer-header ul#fnb li {margin-bottom:5px;} /* sidebar - common */ #sidebar h3.widget-title {font-size:13px; padding-bottom:8px;} /* sidebar - archive */ #sidebar .bct_widget_archive .select-wrapper { background-color: #fff; } ] /* sidebar - calendar */ #sidebar .bct_widget_calendar table.calendar td span { background-color: #fff; } #sidebar {width: 86%; padding: 24px 7%; border: 1px solid #D7D7D7; background-color: #F3F3F3;} /* Category List - Webzine A */ .category-format-webzine li {padding: 24px 0;} .category-format-webzine div.entry-header {width: 30%; margin-right: 20px;} .category-format-webzine h2.entry-title a {font-size:13px;} .category-format-webzine .entry-summary {font-size: 11px;} /* Category List - Webzine B */ .category-format-webzine-b li {width: 47%; margin: 0 1.5% 3em;} .category-format-webzine-b div.entry-header {} .category-format-webzine-b h2.entry-title a {font-size: 12px;} .category-format-webzine-b .entry-summary { font-size: 11px; height: 52px;} /* Category List - Title List */ .category-format-title_list li.type-post div.item-wrap div.entry-header {} .category-format-title_list h2.entry-title a {font-size: 12px;} .category-format-title_list div.entry-meta span.date {} /* Category List - Gaalery */ .category-format-gallery li, .category-format-gallery li.last-col {width: 47%; margin: 0 1.5% 1em;} .category-format-gallery h2.entry-title a {font-size:13px;} /* page builder - category webzine A */ .panel-grid .category-webzine-type-list div.entry-header {width: 28%; margin-right:16px;} /* page builder - basic list */ .panel-grid .category-title-list div.entry-meta {display:none;} .panel-grid .category-title-list h2.entry-title a {font-size:12px;} /* k-board */ #kboard-default-list .kboard-list td.kboard-list-user, #kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail {display:table-cell !important;} #kboard-default-list .kboard-list table td.kboard-list-date, .post_a div.entry-content #kboard-thumbnail-list .kboard-list td.kboard-list-user {display:none;} .post_a div.entry-content #kboard-default-document .kboard-control .left {width:100%;} .post_a div.entry-content #kboard-default-document .kboard-control .right {float: left; margin-top: 10px;} /* cover quicklink */ ul.cover-banner01 li {width:100%; margin-bottom:0;} .post_a div.entry-content .cprp_items.list ul li {width:100%; margin:0 0 1em;} }