/***** BCT for Designer - Skin A - Basic *****/ @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean'); @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap'); /* =Body -------------------------------------------------------------- */ body, input, textarea, .item-meta, .entry-meta, .meta, .comment-meta { font-family: 'Poppins', 'Noto Sans KR', 'Nanum Gothic', dotum, gulim, helvetica, arial, verdana, sans-serif, "Font Awesome 5 Free"; font-weight: 400; word-break: keep-all;} body {background-color: #2d2e33;} #wrap {background-color:#fff;} b, strong {font-weight:700;} img {width:auto; height:auto; max-width:100%;} /* cover, list title basic style */ .item-title, .entry-title {color: #232323;} .item-title a, .entry-title a {font-size:14px; font-weight:900; line-height: 150%; color: #232323;} .item-highlight-block:hover .entry-title a, .item-highlight-block:hover .item-title a { color: #232323;} .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: 'Poppins', 'Noto Sans KR', 'Nanum Gothic'; font-size: 13px; line-height: 1.3; 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; margin-bottom:4px;} .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: #232323; text-decoration: underline; } .item-meta span, .entry-meta span, .meta span { height:20px; padding-right: 8px;} .item-meta .date, .entry-meta .date, .meta .date {} .item-meta .comments, .entry-meta .comments, .meta .comments, .comment-meta .comments { } .item-meta .views, .entry-meta .views, .meta .views, .comment-meta .views { } .item-meta .author, .entry-meta .author, .meta .author { } .item-meta .cat-links, .entry-meta .cat-links, .meta .cat-links {} .item-meta .number, .entry-meta .number {background:none; padding-right: 0;} .item-meta i, .entry-meta i, .meta i, .comment-meta i {margin-right:4px;} img.thumb {width:auto; max-width:100%; height:auto;} /* =Header -------------------------------------------------------------- */ #header {width:100%; height:100px; padding: 0 30px; background-color:#fff; position:fixed;} #header-main {background:transparent; max-width: 1280px; height: auto; margin: 0 auto; padding:0; line-height: 0;} #header-main-wrap {} #header-logo {margin-top: 30px; margin-bottom:30px; float: left; } #header-logo a {opacity:1;} #header-logo a:hover {opacity:0.6;} #header.scrollup {box-shadow:0 2px 10px rgba(0,0,0,0.1);} #header.scrollup #header-logo {} #header.scrollup #header-logo img {} /* header search */ #header-search {position:absolute; right:0; top:-35px; display:none;} #header-search form {line-height: normal; background-color: transparent; border: 1px solid #B1B1B1; border-radius: 2px; width:165px; height: 24px;} #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: 22px; 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: 27px; display: inline-block; cursor: pointer; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background: transparent url("../images/btn_search.png") 9px 4px no-repeat; float: right;} /* =GNB Menu -------------------------------------------------------------- */ #access { line-height: 0; position: absolute; width:auto; display: inline-block; right:0; bottom:12px;} #access-wrap { } #menu ul, #menu li {margin: 0; padding: 0;} #menu #gnb { display: inline-block;} /* 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: 20px; height: 34px; margin: 0; padding:0; text-align: left; text-transform: capitalize; background-image:url("../images/home.png"); background-position:-9px -4px; background-repeat: no-repeat;} #menu li.menu-item.menu-item-home a.menu-link:hover {background-image:url("../images/home-hover.png"); background-position:-9px -4px; } #menu li.menu-item.menu-item-home.menu-item-selected a.menu-link {background-image:url("../images/home-hover.png"); background-position:-9px -4px; } /* menu a - basic style */ #menu a { color: #232323; display: inline-block; box-sizing:border-box;} /* menu depth 1 */ #menu a.menu-link-depth-1 {font-size: 20px; font-weight:400; height:34px; line-height: 30px; letter-spacing: 0; margin-bottom:20px; margin-left: 32px; border-bottom: 1px solid #fff;} #menu a.menu-link-depth-1.menu-link-selected {color:#fd2121; border-color:#fd2121;} /* menu depth 1 hover */ #menu li.menu-item.menu-hover > a, #menu li.menu-item.menu-item a:hover {color:#fd2121; border-color:#fd2121;} /* menu depth 2 */ #menu .sub-menu { display: none;width: 190px; left: 50%; margin-left:-78px; top: 52px; 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: 190px; line-height: 1.2; padding:10px 10px 12px; background-color:#373940; color: #fff; font-size: 14px; font-weight:400; text-align: center; } #menu .sub-menu a.menu-link-selected {background-color:#43485a; color: #fff;} /* 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:#43485a; color:#fff;} /* menu depth 3 */ #gnb ul.sub-menu li.menu-item ul { z-index: 2; left: 245px; 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; display:none;} #menu a.menu-link.menu-link-depth-2.menu-link-has-menu::after {content: "\f105"; font-size: 14px; font-family: FontAwesome; position: absolute; right: 10px; top: 8px;} /* menu a - custom menu */ #menu .lang a.menu-link-depth-1 {color: #fff; font-size: 13px; height: 30px; line-height: 30px; margin: 0 0 0 20px; padding:0 16px; border:0; border-radius:50px; background-color: #1133ac;} #menu li.menu-item.menu-hover.lang > a, #menu li.menu-item.menu-item.lang a:hover {background-color:#f84040; color:#fff;} /* menu a - cosmosfarm members menu */ #menu .cosmosfarm-members-logout a.menu-link-depth-1, #menu .cosmosfarm-members-register a.menu-link-depth-1, #menu .cosmosfarm-members-login a.menu-link-depth-1, #menu .cosmosfarm-members-account a.menu-link-depth-1 {width: 40px; height: 40px; text-indent: -9999px; background-color: #fff; color: #323c55; overflow: hidden; border-radius: 50px; transform: translateY(-5px);} #menu .cosmosfarm-members-register a.menu-link-depth-1, #menu .cosmosfarm-members-account a.menu-link-depth-1 {margin-left:8px;} #menu .cosmosfarm-members-logout a.menu-link-depth-1::before, #menu .cosmosfarm-members-register a.menu-link-depth-1::before, #menu .cosmosfarm-members-login a.menu-link-depth-1::before, #menu .cosmosfarm-members-account a.menu-link-depth-1::before {content: "\f2f5"; font-weight: bold; font-size: 20px; text-indent: 0; font-family: "Font Awesome 5 Free"; position: absolute; top: 5px; right: 9px; width: auto; height: auto; left: auto; background: none; border-radius: 0; margin-left: 0; box-shadow: none;} #menu .cosmosfarm-members-register a.menu-link-depth-1::before {content: "\f234"; right:6px;} #menu .cosmosfarm-members-login a.menu-link-depth-1::before {content: "\f2f6"; right:10px;} #menu .cosmosfarm-members-account a.menu-link-depth-1::before {content: "\f007"; right:11px;} #menu li.menu-item.menu-hover.cosmosfarm-members-logout > a, #menu li.menu-item.menu-item.cosmosfarm-members-logout a:hover, #menu li.menu-item.menu-hover.cosmosfarm-members-register > a, #menu li.menu-item.menu-item.cosmosfarm-members-register a:hover, #menu li.menu-item.menu-hover.cosmosfarm-members-login > a, #menu li.menu-item.menu-item.cosmosfarm-members-login a:hover, #menu li.menu-item.menu-hover.cosmosfarm-members-account > a, #menu li.menu-item.menu-item.cosmosfarm-members-account a:hover {background-color:#ff3b00; color:#fff; text-shadow:none;} /* =GNB - center align style -------------------------------------------------------------- #header-main-wrap { z-index: 10000; position: relative; width: auto; } #access {top: 0; bottom: auto; right: auto; z-index: 9999; padding: 24px 0 0;} #access #menu {text-align: center;} */ /* =Container -------------------------------------------------------------- */ #container { position: static; width: 100%; min-height: 400px; margin-top:100px;} #container #main { max-width: 1280px; margin: 0 auto; padding: 0 30px; padding-top: 20px; overflow: hidden;} /* contents box - with sidebar */ #container #main #content { width: 74%; float: right;} #sidebar { width: 22%; float: left;} /* 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;} .page-template-pagetemplate-fullwidth #container #main { max-width: 100%; margin: 0; padding: 0;} /* subpage common */ .page-header {border-bottom: 1px solid #828282;} .page-header h2 {font-size: 24px; line-height: 150%; font-weight: 400; color: #232323; letter-spacing: -1px; padding-bottom: 10px;} /* =Footer -------------------------------------------------------------- */ #footer {background-color: #2d2e33;} #footer a { color: #fff; font-weight:700;} #footer a:hover, #footer a:active {} #footer #footer-header {width:100%; padding: 0 30px; background-color: transparent;} #footer #footer-header ul, #footer #footer-header li {margin:0; padding:0; list-style-type: none;} #footer #footer-header ul#fnb {text-align: left; max-width: 1280px; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #828282;} #footer #footer-header ul#fnb li {} #footer #footer-header ul#fnb li a {font-size: 11px; font-weight: 900; color: #808080; line-height: 120%; margin-right: 8px; padding-right: 8px; border-right: 1px solid #ABABAB;} #footer #footer-header ul#fnb li a:hover, #footer #footer-header ul#fnb li a:active {color: #232323; text-decoration:underline; } #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 {margin: 0 auto; padding:0;} #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: 1.5; font-family: 'Poppins', 'Noto Sans KR', 'Nanum Gothic'; font-size: 14px; color: #a5a5a5; display: inline-block; width: 100%;} #footer #footer-main #footer-main-text a:hover, #footer #footer-main #footer-main-text a:active {text-decoration:underline;} /* 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 30px; background: #F5F5F5 !important; box-sizing: border-box; display:none;} #menu-path {max-width:1280px; margin:0 auto; padding: 16px 0 20px; text-align: right;} #menu-path .path {font:11px 'Poppins', 'Noto Sans KR', 'Nanum Gothic'; color:#808080; margin-left: 8px;} #menu-path .path .current {color:#656565; font-weight:900;} #menu-path .path .sep {background: url("../images/theme.png") 2px -1022px no-repeat; color: transparent; padding: 0 4px; } .home #custom-background {display:none;} /* =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: 900; } div.paging a.page-number, div.paging span.page-number, div.paging a { font-weight: 900; 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: #232323; color: #fff; border: 1px solid #232323; } /* =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: #232323; 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:1.5;} /* =Sidebar - Sub Menu -------------------------------------------------------------- */ /* submenu basic style */ #sidebar ul, #sidebar li {margin:0; padding:0; list-style-type: none;} #sidebar li.menu-item-depth-1 { } #sidebar li.menu-item-depth-2 { } #sidebar .bct_widget_submenu { } #sidebar .bct_widget_submenu a {font-size: 13px; font-weight: 900; color: #232323; } #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; letter-spacing: -1px; line-height: 1.5; 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: 1; padding: 10px 15px 12px 10px; border-bottom: 1px solid #ADADAD;} #sidebar .bct_widget_submenu a.menu-link-depth-2::before {content: "\f061"; font-family: "Font Awesome 5 Free"; margin-right:10px;} #sidebar .bct_widget_submenu a.menu-link-depth-3 { font-size: 11px; line-height:1; padding: 8px 15px 10px 33px; background-color:#fff; border-bottom: 1px solid #ADADAD; } #sidebar .bct_widget_submenu a.menu-link-depth-3::before {content: "\f30b"; font-family: "Font Awesome 5 Free"; margin-right:4px;} /* depth2 selected > depth3 */ #sidebar .bct_widget_submenu .menu-item-depth-2.menu-item-selected a.menu-link-depth-3 {background-color:#F5F5F5;} /* 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: #888888; color:#fff; } /* 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: #3e3e3e; border-color:#3e3e3e; color:#fff; } /* 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: #3e3e3e; border-color:#3e3e3e; color:#fff; } /* 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: #232323; border-color:#232323; color: #fff; } /* 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 { } /* depth2 has children hover - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2:hover { } /* depth2 has children selected - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2.menu-link-selected {} /* =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: 900; } #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 'Poppins', 'Noto Sans KR', '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: 1.7; 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; } /* =Post style + Single Page -------------------------------------------------------------- */ .post_a div.entry-content { position: relative; font-size: 16px; line-height: 1.7; color: #232323;} .post_a div.entry-content a {text-decoration: underline; color: #ff4a00;} .post_a div.entry-content a:hover, .post_a div.entry-content a:active {color:#0057DA;} /* 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 */ ol { margin: 8px 0 20px 14px; list-style-type: decimal;} ol li { margin-left: 16px; margin-bottom: 5px; font-size:0.95em; color: #565656;} /* post list style - numbering */ ul { margin: 8px 0 20px 10px; list-style-type: disc;} ul li {margin-left: 16px; margin-bottom: 5px; font-size:0.95em; color: #565656;} ul li strong {font-weight:500;} /* heading */ h1 {font-size: 2.75em; font-weight:200; line-height: 1.1; letter-spacing: -1px; margin-bottom: 12px; color:#ac5353;} h1 em {font-weight:500; font-style:normal !important;} h1 del {font-weight:700; text-decoration: none;} h1 strong {color:#404b72;} h2 {font-size: 2em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} h3 {font-size: 1.75em; line-height: 1; letter-spacing: -1px; margin-bottom: 16px; border-bottom: 2px solid #cdcdcd; padding-bottom: 12px; display: inline-block;} h4 {font-size: 1.8em; line-height: 1.4; letter-spacing: -1.5px; margin-bottom: 12px; font-weight:500; color:#545a6e;} h5 {font-size: 1.25em; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 12px;} h5 strong {font-weight: 700;} h5 em {font-weight: 700; color:#ed6262; font-size: 1.1em; font-style:normal !important;} h6 {font-size: 1.1em; line-height: 1; letter-spacing: 0px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #232323; } /* 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:#54608b; font-size: 1.1em; line-height: 1.3; font-weight: 500; letter-spacing: -0.5px; padding: 12px 12px 14px; background-color: #e6e8ef;} .post_a div.entry-content .ctsst .wp-caption .wp-caption-text, .post_a div.entry-content .ctsst .wp-caption-dd {color: #939393; font-size: 0.95em; line-height: 1.3; font-weight: 600; letter-spacing: -0.5px; padding: 12px 12px 14px; background-color: transparent;} /* sub title */ div.entry-header { border-bottom: 1px solid #ADADAD; margin-bottom: 30px; padding-bottom:16px;} div.entry-header h1.entry-title { font-size: 24px; line-height: 150%; font-weight: 400; color: #232323; letter-spacing: -1px; } div.entry-header div.entry-meta {margin-top: 10px;} div.entry-header div.entry-meta span.author { font-weight: 900; } .home div.entry-header {display:none;} /* page pagetemplate fullwidth */ .page-template-pagetemplate-fullwidth div.entry-header {display:none;} /* page footer area */ div.entry-footer {min-height:30px; margin-bottom:10px;} div.entry-footer div.tag-icon {width:20px; height:25px; display:inline-block; float:left; padding-top: 6px;} div.entry-footer div.tag-icon i {font-size: 16px; color: #737373;} div.entry-footer div.tag-links { line-height: 1.7; font-size: 13px; padding-left: 22px; color: #989898;} div.entry-footer div.tag-links a { text-decoration: none; display: inline-block; padding: 3px 2px; color: #989898; } div.entry-footer div.tag-links a:hover, .post-block div.article div.post div.entry-footer div.tag-links a:active { color: #232323; text-decoration: underline; } /* page footer area - comment number + buttons */ .post-block div.post-comment-stats {padding: 10px 0; border-top:1px solid #828282;} .post-block div.post-comment-stats div.stats { line-height: 26px; font-size: 15px; float: left; color: #232323; font-weight: 900; 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: 900;} .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: #585858; border: 1px solid #585858; color: #fff; 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: #232323; border-color:#232323; 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 {} } @media screen and (max-width: 600px) { .post_a div.entry-content {font-size:14px;} .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 {} .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 {} } .post-block div#comments {border-top:1px dashed #828282;} ol#commentlist a.comment-reply-link { font-family: 'Poppins', 'Noto Sans KR', 'Nanum Gothic', arial, tahoma, verdana, sans-serif; } /* =Post Comment -------------------------------------------------------------- */ ol#commentlist {margin:0; list-style-type: none;} /* 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: #232323; border-color:#232323; 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: 900; font-size: 12px; font-size: 1.2rem; border-right: 0; color:#232323; 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; margin-left:0; border-bottom: 1px dashed #828282;} 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 #828282;} /* 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-size:16px; 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: 1.7; border: 0; } form.form button { display: inline-block; width: 104px; font-size: 18px; color: #fff; padding: 8px 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; line-height: 44px; 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; } } @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;} div.page-tagcloud a.tag-class-4 { background-color: #3A3A3A; border-color:#3A3A3A; color:#fff; font-size:16px; font-weight:900;} 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; } } /* =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 {list-style-type:none; margin:0!important;} .category-format-webzine li {padding: 30px 0; margin:0!important; border-bottom: 1px dashed #ADADAD; list-style: none; overflow: hidden;} .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; padding:0;} .category-format-webzine div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-webzine div.entry-body-block {} .category-format-webzine h2.entry-title { margin-bottom: 4px; font-size: 1em;} .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; list-style-type:none; margin:0!important; overflow: hidden;} .category-format-webzine-b li {width: 31.33%; margin: 0 3% 3em 0; padding: 0; float: left; list-style: none; overflow: hidden;} .category-format-webzine-b li.last-col {margin-right:0!important;} .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; padding:0;} .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 h2.entry-title { overflow: hidden; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; font-size: 1em;} .category-format-webzine-b h2.entry-title a {} .category-format-webzine-b .entry-summary { overflow: hidden; height: 50px; margin-bottom: 8px; } /* category format title_list */ ul.category-format-title_list, .category-format-title_list ul, .category-format-title_list li {margin:0; padding:0; list-style-type: none;} .category-format-title_list li.type-post div.item-wrap div.entry-header {margin: 0; padding: 12px 0; border-bottom: 1px dashed #D7D7D7; } .category-format-title_list h2.entry-title { margin: 0 15px; font-size: 0;} .category-format-title_list div.entry-meta { display: inline-block; float: right; margin:0 10px !important; } .category-format-title_list div.entry-meta span.date { font-weight: 300; line-height: 1.7; font-size: 14px; 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; list-style-type:none; margin:0!important;} .category-format-gallery li { display: inline-block; width: 31.33%; margin:0 3% 20px 0!important; float:left; list-style: none;} .category-format-gallery li.last-col {margin-right:0!important;} .category-format-gallery div.entry-thumb {position: relative;} .category-format-gallery div.entry-thumb a {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%; display:none;} /* 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; margin-bottom:0; padding:0; border:0;} .category-format-search div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-search div.entry-body-block {} .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; margin-bottom:0; padding:0; border:0;} .category-format-tag div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-tag div.entry-body-block { } .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: 900; 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: 900; 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; } #wrap table {width:100%; border: 0; border-top: 1px solid #a8a8a8;} #wrap table th, #wrap table td {font-size: 15px; font-weight: 300; padding: 4px 6px 8px; text-align: left; vertical-align: middle; border: 0; border-bottom: 1px solid #a8a8a8;} #wrap table th {text-align: center; font-weight:500; background-color: #6c6c6c; color: #fff; border:1px solid #fff;} /*=======================*\ 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 {margin:0 0 40px 0;} .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("../../../../../plugins/ml-slider/assets/sliders/flexslider/bg_direction_nav.png") no-repeat 0 0;} .theme-default .nivo-directionNav a {background: transparent url("../../../../../plugins/ml-slider/assets/sliders/nivoslider/themes/default/arrows.png") no-repeat scroll 0% 0%;} .theme-default a.nivo-prevNav {} .theme-default a.nivo-nextNav {background-position: -30px 0px;} /* 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: 900; 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: #232323; text-decoration: none; padding: 8px 0 10px 50px; background-image: url("/wp-content/themes/bct4d/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: #232323; color: #fff; background-image: url("/wp-content/themes/bct4d/images/icon_q02.png");} .post_a div.entry-content .wpb_af_area > li.wpb-submenu-indicator-minus {background-color: #232323;} .post_a div.entry-content .wpb_af_area > li.wpb-submenu-indicator-minus > a {color: #fff !important; background-image: url("/wp-content/themes/bct4d/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/bct4d/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;} /* k-board style -------------------------------------------------------------- */ /* k-board - latest*/ #kboard-default-latest {} #kboard-default-latest table thead {display:none;} #kboard-default-latest table td {padding:0 0 14px !important;} #kboard-default-latest table .kboard-latest-title a {color:#232323; font-size:14px; font-weight:400;} #kboard-default-latest table .kboard-latest-title a:hover {color: #ff4a00;} #kboard-default-latest table .kboard-latest-title::before {content:""; font-family: "Font Awesome 5 Free", FontAwesome; float: left; margin-right: 10px;} #kboard-default-latest table .kboard-latest-date {font-size: 13px !important; color: #a6a6a6; font-weight: 300;} #kboard-first-contents-mall-list {} #kboard-first-contents-mall-list .owl-theme .owl-dots .owl-dot span {width:14px; height:14px; margin:8px 3px;} #kboard-pure-gallery-list {} #kboard-ask-one-latest table thead {display:none;} #kboard-ask-one-latest table td {padding:8px 8px !important;} #kboard-ask-one-latest table .kboard-latest-title a {color:#232323; font-size:14px;} #kboard-ask-one-latest table .kboard-latest-title a:hover {color: #ff4a00;} #kboard-ask-one-latest table .kboard-latest-date {font-size: 13px !important; color: #a6a6a6; font-weight: 300;} #kboard-default-latest .kboard-default-new-notify, #kboard-first-contents-mall-list .kboard-list .kboard-list-item .kboard-list-new, #kboard-pure-gallery-list .kboard-oneticon-new-notify, #kboard-ask-one-latest .kboard-ask-one-new-notify {display:none;} /* k-board - basic */ body #content .kboard-list-title .detail-attr.detail-category1 {display: inline-block; float: left; background-color: #4c4c4c; color: #fff; line-height: 1; padding: 4px 8px 6px; margin: 0 8px 0 0; font-size: 14px; font-weight: 700; width: 52px; box-sizing: border-box; text-align: center;} body #kboard-default-document .kboard-title h1 {color: #232323; font-weight: 600; letter-spacing: -0.5px; font-size: 1.75em;} /* k-board - venus-webzine */ /* k-board - ask-one */ /* k-board - kboard-ocean-faq */ #kboard-ocean-faq-list .kboard-list .kboard-faq-item {border: 1px solid #e8eaec !important; margin-bottom:4px !important;} #kboard-ocean-faq-list .kboard-list .kboard-faq-item:hover {border-color:#232323 !important;} #kboard-ocean-faq-list .kboard-list .kboard-faq-question {background: none !important; position: relative;} #kboard-ocean-faq-list .kboard-list .kboard-faq-question::before {content: "Q"; width: 30px; height: 30px; background-color: #232323; color: #fff; display: block; text-align: center; line-height: 30px; font-weight: 900; position: absolute; left: 10px; top: 10px;} #kboard-ocean-faq-list .kboard-list .kboard-faq-answer {background: none !important; position: relative;} #kboard-ocean-faq-list .kboard-list .kboard-faq-answer::before {content: "A"; width: 30px; height: 30px; background-color: #232323; color: #fff; display: block; text-align: center; line-height: 30px; font-weight: 900; position: absolute; left: 10px; top: 10px;} /* k-board - cross-link */ .kboard-cross-link-poweredby {display:none;} /* k-board - hwaikeul-grid */ #kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item .kboard-download {height:auto !important; line-height:1 !important; padding: 10px 10px 16px !important;} /* k-board - hwaikeul-gallery */ body #content #kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item, body #content #kboard-hwaikeul-video-list .kboard-list .kboard-list-item {width:31.33%; margin:0 1% 1em;} body #content #kboard-hwaikeul-gallery-list .kboard-header .kboard-total-count, body #content #kboard-hwaikeul-video-list .kboard-header .kboard-total-count, body #content #kboard-hwaikeul-gallery-document .kboard-hwaikeul-gallery-thumbnail {display:none;} body #content #kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item .item-padding, body #content #kboard-hwaikeul-video-list .kboard-list .kboard-list-item .item-padding {box-shadow: none; padding:0; border:0;} /* k-board - inside-ask */ /* k-board - download */ body #content #kboard-download-list .kboard-list table {border:0;} body .kboard-list-language {display:none;} body #content #kboard-download-document .kboard-attach {text-indent: -9999px;} /* k-board - category style */ body #content .kboard-category { overflow: hidden; } body #content .kboard-category .kboard-category-list { float: left; margin: 0 0 20px 0; padding: 0; width: 100%; list-style: none; line-height: 28px; background:none;} body #content .kboard-category .kboard-category-list li { float: left; margin: 0 24px 10px 0; padding: 0; font-size: 24px; } body #content .kboard-category .kboard-category-list li a { display: inline; margin: 0; padding: 0; font-size: 20px; color: #9b9b9b; text-decoration: none; font-weight: normal; } body #content .kboard-category .kboard-category-list li a:hover {color:#000;} body #content .kboard-category .kboard-category-list li.kboard-category-selected a { color: black; } /* k-board - next prev */ body #content .kboard-document-navi {float: left; padding-top: 15px; width: 100%;} body #content .kboard-document-navi .kboard-prev-document {float: left; position:relative;} body #content .kboard-document-navi .kboard-next-document {float: right; position:relative; text-align: right;} body #content .kboard-document-navi .kboard-prev-document .navi-document-title, body #content .kboard-document-navi .kboard-next-document .navi-document-title {padding:0;} body #content .kboard-document-navi a {font-size: 16px; line-height: 1.2; color:#000; background-color:#eeeff3; padding: 20px 20px 22px; display: block; text-decoration: none; border: 0;} body #content .kboard-document-navi .kboard-prev-document a:before, body #content .kboard-document-navi .kboard-next-document a:before {content: "\f060"; font-family: "Font Awesome 5 Free", FontAwesome; font-weight:bold; margin-right:12px; color: #434343; float:left; transition: all 0.3s ease-in;} body #content .kboard-document-navi .kboard-next-document a:before {content:"\f061"; float:right; margin:0 0 0 12px;} body #content .kboard-document-navi .kboard-prev-document, body #content .kboard-document-navi .kboard-next-document {width: 49.8%;} body #content .kboard-document-navi .kboard-next-document .navi-arrow, body #content .kboard-document-navi .kboard-prev-document .navi-arrow {display:none;} /* k-board - download */ body #content .kboard-attach {padding:0; float: left; border:0;} body #content .kboard-attach button, body #kboard-venus-webzine-document .kboard-attach .kboard-button-download {color: #fff; font-size: 13px; font-weight: 700; line-height: 1; background-color:#6c6c6c; padding: 16px 20px 18px; height: auto; float: left; vertical-align: top; margin: 8px 4px 8px 0; border-radius: 0; display: inline-block; word-break: break-all;} body #content .kboard-attach button::before {content: "\f0c6"; font-family: "Font Awesome 5 Free", FontAwesome; font-weight:bold; margin-right:12px; color:#fff; transition: all 0.3s ease-in;} body #content .kboard-attach button:hover, body #content .kboard-attach button:hover::before {color:#fff; background-color:#d5181e;} /* k-board - reply */ body #kboard-ocean-gallery-document .kboard-comments-area {margin-top:20px;} /* k-board - search form */ body #content .kboard-search .kboard-search-wrap {background:none; box-shadow:none; padding:0; border-radius:0;} body #content .kboard-search { float: left; padding-bottom: 15px; width: 100%; text-align: center; } body #content .kboard-search select { display: inline; margin: 0; padding: 0 5px; width: 100px; min-width: 0; max-width: 100px; height: 30px; min-height: 0; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #cdcdcd; background: none; background-color: white; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } body #content .kboard-search input { display: inline; margin: 0; padding: 0 5px; width: 200px; min-width: 0; max-width: 200px; height: 30px; min-height: 0; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #cdcdcd; background: none; background-color: white; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing:border-box; } body #content .kboard-control { float: left; padding-bottom: 15px; width: 100%; text-align: right; } body #content .kboard-search button {color:#fff !important; background-color:#4e4e4e !important; font-weight:500; font-size:16px !important; height: 30px!important; line-height: 30px!important; border:0 !important;} body #content .kboard-search button:hover {color:#fff !important; background-color:#1133ac !important;} /* k-board - pagination */ body #content .kboard-pagination { float: left; padding: 15px 0; width: 100%; } body #content .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0 0 1px 0; width: 100%; list-style: none; text-align: center; border: 0; } body #content .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; background: none; border: 0; list-style: none; } body #content .kboard-pagination .kboard-pagination-pages li a { color:#d5181e; padding: 12px 14px; border:0; text-decoration: none; font-size: 14px; font-weight:500; height:auto; line-height:1; background-color:#e5e5e5; margin:0 1px; display: inline-block; border-radius: 0;} body #content .kboard-pagination .kboard-pagination-pages li.active a { font-weight: 700; border:0; color: #fff; text-decoration: none; background-color:#4e4e4e;} body #content .kboard-pagination .kboard-pagination-pages li:before { display: none; } body #content .kboard-pagination .kboard-pagination-pages li:after { display: none; } /* k-board - button */ body #content .kboard-control a {color:#fff !important; background-color:#4e4e4e !important; text-decoration: none; font-weight:500; font-size:16px!important; height: 36px; line-height: 35px; padding: 0 20px!important; border: 0;} body #content .kboard-control .button-text {color:#fff!important; text-decoration: none; font-weight:500; font-size:16px!important; line-height: 35px;} body #content .kboard-control a img {display:none;} body #content .kboard-control a:hover {color:#fff !important; background-color:#1133ac !important;} body .kboard-button-like, body .kboard-button-unlike, body .kboard-document-action .left {display:none;} body #lkbt .kboard-button-like, body #lkbt .kboard-button-unlike {display:block; float:left; margin-right: 4px;} body #lkbt .kboard-document-action .left {display:block;} body #kboard-ocean-gallery-document .kboard-button-action {font-size:15px; line-height: 24px; border: 1px solid #b7b7b7;} /* cosmosfarm members */ .cosmosfarm-members-form {width:100%; max-width:600px;} .cosmosfarm-members-form form {border:0; background:none;} .cosmosfarm-members-form #wpmem_register_form select, .cosmosfarm-members-form #wpmem_register_form input[type="text"], .cosmosfarm-members-form #wpmem_register_form input[type="email"], .cosmosfarm-members-form #wpmem_register_form input[type="date"], .cosmosfarm-members-form #wpmem_register_form input[type="url"], .cosmosfarm-members-form #wpmem_register_form input[type="number"], .cosmosfarm-members-form #wpmem_register_form input[type="password"], .cosmosfarm-members-form #wpmem_profile_form input[type="text"], .cosmosfarm-members-form #wpmem_pwdreset_form input[type="text"], .cosmosfarm-members-form #wpmem_getusername_form input[type="text"] {width:100%!important; max-width:100%;} .cosmosfarm-members-form .form-link-item .form-button {text-decoration:none;} .cosmosfarm-members-form .form-link-item .form-button:hover {color: #333333;} .cosmosfarm-members-form ul.members-link {margin:0 !important;} .cosmosfarm-members-form ul.members-link li {margin:0 !important;} .cosmosfarm-members-form .members-link li a {} .cosmosfarm-members-form .members-link li a:hover {color:#fff; text-decoration:none !important; background-color:#242424;} @media screen and (max-width: 768px) { /* 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;} body #content .kboard-category .kboard-category-list li a {font-size:14px; margin-right: 12px;} body #content .kboard-search select {width:20%; float: left;} body #content .kboard-search input {width:60%; max-width:100%; float: left;} body #content .kboard-search button {width:20%; box-sizing: border-box; float: left;} body #content .kboard-document-navi .kboard-prev-document, body #content .kboard-document-navi .kboard-next-document {width:100%;} body #content .kboard-document-navi a {font-size:13px; padding:16px 20px 18px;} body #kboard-default-document .kboard-control .left, body #kboard-default-document .kboard-control .right {float: none; margin: 0 auto 4px; text-align: center;} body .kboard-category.category-mobile {display: block;} body .kboard-category.category-pc {display:none;} } /* modular - gallery */ .modula .filters a {text-decoration: none !important;} .modula .filters a:hover {color:#232323 !important;} .modula .filters a[data-filter="all"] {font-weight: 900;} /* 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: 900;} .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; font-size: 1.2em;} .post_a div.entry-content .visual-form-builder li span label { margin: 0; font-size: 13px; 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: 900; padding: 16px 16px 18px; width: 120px; background-color: #232323; border: 1px solid #232323; 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;} body input.vfb-radio, input[type="radio"] {margin-top: 4px !important;} body .vfb-span .vfb-choice {font-size:1.2em !important;} @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%;} body .visual-form-builder li.vfb-two-column div span, body .visual-form-builder li.vfb-three-column div span, body .visual-form-builder li.vfb-auto-column div span {width: 100%; margin: 8px 0 8px !important;} } #flextbox {display: flex; width: 100%; height: 650px; flex-grow: 1; flex-wrap: wrap; align-content: center; text-align: center; color: #fff;} #flextbox.ect { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* =Home Style -------------------------------------------------------------- */ .home {font-size:16px; line-height:1.5; color:#232323;} .home h1 {font-size: 2.25em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} .home h2 {font-size: 2em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} .home h3 {font-size: 2.7em; font-weight: 700; line-height: 1; letter-spacing: -1px; margin-bottom: 12px; border:0;} .home h4 {font-size: 1.5em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} .home h5 {font-size: 1.25em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} .home h6 {font-size: 1.1em; line-height: 1; letter-spacing: 0px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #232323; } .home .so-widget-sow-editor a {color: #00a3ff; text-decoration: underline;} .home .so-widget-sow-editor a:hover {color: #ff4a00;} .home .so-widget-sow-editor ul {list-style-type: disc;} .home .so-widget-sow-editor ul li {} .home .so-widget-sow-editor ul li::marker {} .home .so-widget-sow-editor ol {list-style-type: decimal;} .home .so-widget-sow-editor ol li {} .home .so-widget-sow-editor ol li::marker {} #bbox {max-width:1280px; margin:0 auto; padding:0 30px;} #bbox.w960 {max-width:960px;} #bbox.w860 {max-width:800px;} .tacenter {text-align: center;} .taright {text-align: right;} .txtwt {color:#fff !important;} /* =page builder + sub menu -------------------------------------------------------------- */ #smenu ul.menu, #smenu ul {list-style-type: none; padding: 0; margin: 0;} #smenu ul.menu li, #smenu ul li {padding: 0; margin: 0;} #smenu .menu-link-depth-1 {text-decoration: none; color: #000; font-size: 28px; font-weight: 900; letter-spacing: -1px;} #smenu ul.sub-menu {} #smenu ul.sub-menu .menu-link-depth-2 {text-decoration: none; color: #000; font-size: 15px; border: 1px solid #000; line-height: 1; padding: 8px 8px 10px; display: inline-block; width: 100%; margin-bottom: 4px; box-sizing: border-box;} #smenu ul.sub-menu .menu-link-depth-2::before {content: "\f061"; font-family: "Font Awesome 5 Free", FontAwesome; margin-right:8px;} #smenu ul.sub-menu .menu-link-depth-2.menu-link-selected { color:#fff;} #smenu ul.sub-menu .menu-link-depth-2:hover { color:#fff;} /* =page builder + sub menu + hrizontality -------------------------------------------------------------- */ #smenu.hr ul.menu, #smenu.hr ul {background:none; box-shadow:none; border-radius:0;} #smenu.hr ul.menu li, #smenu.hr ul li {line-height: 0;} #smenu.hr .menu-link-depth-1 {display:none;} #smenu.hr {width:100%; text-align: right; background: none;} #smenu.hr ul.sub-menu {display:inline-block; padding:0;} #smenu.hr ul.sub-menu li {float: left;} #smenu.hr ul.sub-menu .menu-link-depth-2 {text-decoration: none; color: #fff; font-size: 15px; font-weight: 300; line-height: 1; letter-spacing: -1px; width: auto; padding: 8px 0; margin: 0 0 4px 24px; border: 0; float: left; border-bottom:1px solid transparent; box-sizing: border-box;} #smenu.hr ul.sub-menu li:last-child .menu-link-depth-2 {} #smenu.hr ul.sub-menu .menu-link-depth-2::before {display:none;} #smenu.hr ul.sub-menu .menu-link-depth-2.menu-link-selected {color: #fff; font-weight: 700;} #smenu.hr ul.sub-menu .menu-link-depth-2:hover {background: none; color:#fff; border-bottom:1px solid #fff;} #smenu.hr ul.sub-menu .menu-link-depth-2.menu-link-selected:hover {} /* =main recent board post */ #mbtm {position:relative;} #mbtm a {position:absolute; top:5px; right:0; font-size:13px; line-height:1; color:#e8d16d; text-decoration: none;} #mbtm a:hover {color:#c30d23;} /* =sub title */ #stitle {} #stitle h2 {font-size: 1.6em; color: #fff; line-height: 1.2; letter-spacing: -1px; font-weight: 400; margin: 0;} #stitle h2 em {font-weight:200; font-style:normal;} /* =link - button style */ #btm a {font-size: 11px; line-height: 1; letter-spacing: 0.5px; color: #fff; background-color: #1133ac; font-weight: 500; padding: 13px 20px 15px; border-radius: 20px; margin: 0; text-decoration: none; display: inline-block;} #btm a:hover {background-color: #f84040; color:#fff;} #btm.tacenter a {float:none; margin:0;} #dwbt {} #dwbt a {font-size: 19px; line-height: 1; letter-spacing: -1px; color: #fff; background-color: #1133ac; font-weight: 400; padding:24px 32px 28px; border-radius: 40px; margin: 0; text-decoration: none; display: inline-block;} #dwbt a::after {content:"\f1c1"; font-weight:900; font-family: "Font Awesome 5 Free"; margin-left:12px;} #dwbt.link a::after {content:"\f35d"; font-weight:900; font-family: "Font Awesome 5 Free"; margin-left:12px;} #dwbt.down a::after {content:"\f56d"; font-weight:900; font-family: "Font Awesome 5 Free"; margin-left:12px;} #dwbt a:hover {background-color: #f84040; color:#fff;} #mclc {} #mclc h3 {font-size: 2em; margin-bottom: 30px;} #qlk a {line-height: 0; overflow: hidden; display: inline-block; background-color: #fff; float: left; margin: 0 2% 1em 0; width: 48%; box-sizing: border-box; border:1px solid #fff;} #qlk a:hover {border-color: #232323;} #fclbox {width: 60%; float: left; padding:50px; box-sizing:border-box;} #fclbox.rightb {background-color:#373940; width: 40%; float: left;} .ftxtbox {width: 100%; max-width: 800px; float: right;} .ftxtbox #flogo {float:left; margin-right:18px; padding-top:4px;} .ftxtbox #ftxt {display:inline-block;} #fclbox.rightb .csc {font-size:20px; line-height:1.2; text-align:right; width: 100%; max-width: 380px;} #fclbox.rightb .csc strong {color:#fff; font-weight: 600;} #timg {background-position:center center; background-repeat:no-repeat; min-height:376px; box-sizing:border-box;} #timg.bz h1 {color:#fff; font-weight:900; font-size: 3.5em;} #hst {max-width:1280px; margin:0 auto; padding:0 30px;} #hst h3 {font-weight: 700; font-size: 24px; color:#54608b; border-bottom: 1px solid #54608b; padding-bottom: 10px;} #hst ul {list-style-type: none; margin:0; padding:0;} #hst ul li {position:relative; margin:0 0 8px 4px;} #hst ul li::before {content:"\f124"; font-weight:900; font-family: "Font Awesome 5 Free"; font-size:14px; margin-right:8px; color:#949ab3;} #hst ul li strong {color: #949ab3; width: 34px; display: inline-block;} #bizprd {} #bizprd h3 {font-weight: 500; font-size: 1.5em; margin-bottom: 20px; color: #54608b; padding:0; letter-spacing: -0.5px; border:0;} #bizprd table {} #bizprd table td, #bizprd table th { background:none; color:#232323; padding:8px; font-size:15px; font-weight:400; border: 1px solid #c9c9c9; border-left: 0; border-right: 0; vertical-align: middle;} #bizprd table th {color: #a2a7b9; text-align: right; font-size: 13px; font-weight: 700; width: 96px; box-sizing: border-box;} #bizprd.toph table td, #bizprd.toph table th {border: 1px solid #c9c9c9; text-align: center; padding: 4px 8px; font-size: 13px;} #bizprd.toph table th {background-color: #f1f1f1;} #bizprd.tbpd td, #bizprd.tbpd th {padding:4px 6px;} #bizprd.ev h6 {margin-bottom: 0; padding-bottom: 8px; border-color: #9398a9; font-size: 0.9em; font-weight: 700; color: #9398a9;} #bizprd.ev table th, #bizprd.ev table td {} #bizprd.ev table th {width: 114px;} #loc h3 {font-size: 1.3em; font-weight: 700; color:#54608b; border-bottom: 2px solid #54608b; padding-bottom: 8px;} body .wp-caption {} body .wp-caption .wp-caption-text {} #greeting {font-family: 'Noto Serif KR',serif;} #greeting h4 {} #bgtbox {max-width: 1280px; margin: 60px auto 0; color: #fff; font-size: 1.1em; min-height: 500px;} #bgtbox h3 {color:#fff;} #bgtbox h2 {color:#b8c3a2;} #bgtbox h2 strong {color:#9bff68;} #snsrf {border: 12px solid #e9e9e9; background: #f9f9f9; padding: 40px;} #snsrf h2 {font-family: 'Noto Serif KR',serif;} #lstsrf ol li {font-family: 'Noto Serif KR',serif; font-size:1.1em; font-weight:500;} #ptt {} #ptt a {width: 17%; margin: 0 1% 2em; display: inline-block; line-height: 0; border: 1px solid #d9d9d9; box-shadow: 0 4px 8px rgba(0,0,0,0.1);} #ptt.prdct a {width: 40%;} #ptt.prdrp a {width: 80%;} #ptt a:hover {box-shadow: 0 8px 12px rgba(0,0,0,0.2); border-color:#7c7c7c;} #esgtp {max-width:1280px; margin:0 auto; padding:0 30px;} #esgtp h5 {color:#404b72;} #esgtp h5 strong {font-weight: 700; color: #f84040; font-size: 1.1em;} #mtbox {background: #d6dae9; min-height: 320px;} #mtbox h3 {border: 0; padding: 12px; background: #4f5d91; display: block; color: #fff; font-size: 17px; font-weight: 700; margin: 0;} #mtbox ul {padding: 12px 20px 14px; margin: 0;} /* =IE -------------------------------------------------------------- */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #menu .sub-menu a {padding: 14px 10px 10px;} #smenu ul.sub-menu .menu-link-depth-2 {padding:12px 8px 6px; } .panel-grid.panel-has-style > .panel-row-style, .panel-grid.panel-no-style {display: -ms-flexbox !important; -ms-flex-align: start !important; min-height: 1px;} } /* =chrome -------------------------------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio:0) { } /* =firefox -------------------------------------------------------------- */ @-moz-document url-prefix() { #smenu ul.sub-menu .menu-link-depth-2 {} #smenu.hr ul.sub-menu .menu-link-depth-2 {} } /* =Responsive -------------------------------------------------------------- */ @media screen and (max-width: 1100px) { } @media screen and (max-width: 959px) { body { } /* header */ #header {height: 60px;} #header-main {height: 60px; position: static;} #header-main-wrap {} /* header logo */ #header-logo {margin-top:14px;} #header-logo img {height:32px;} /* menu open/close button */ #btn-gnb-toggle { display: none; 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;} #access { display: none;} #access-wrap {} /* =GNB MENU END -------------------------------------------------------------- */ /* header search */ #header-search { position: relative; top: 0; 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: 900; margin-left: 20px; width: 200px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-family: 'Poppins', 'Noto Sans KR', '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; } /* container */ #container {margin-top:60px;} #container #main #content {width:100%;} #sidebar {width:100%;} /* sidebar - common */ #sidebar h3.widget-title {font-size:14px; font-size:1.4rem; padding-bottom:8px;} /* =SIDEBAR SUBMENU -------------------------------------------------------------- */ #sidebar .bct_widget_submenu {display:none;} /* depth2 has children - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2 { background-position: 12px -409px;} /* 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: 12px -862px;} /* depth2 has children hover - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2:hover { background-position: 12px -559px;} /* depth2 has children selected - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2.menu-link-selected { background-position: 12px -559px;} /* =SIDEBAR SUBMENU END -------------------------------------------------------------- */ /* footer */ #footer #footer-main #footer-logo {} #footer #footer-main #footer-logo img {} #footer #footer-main #footer-main-text {} /* 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 {} .category-format-webzine .entry-summary {height: 52px;} /* 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 {} .category-format-webzine-b .entry-summary { } /* 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 {} .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 !important;} .category-format-gallery h2.entry-title a {} /* cosmosfarm members */ .cosmosfarm-members-form {width:100% !important;} } @media screen and (max-width: 768px) { /* container */ #container {margin-top:0px;} #container #main #content {width: 100%;} #sidebar {width: 100%;} h1 {font-size:2.2em;} h3 {font-size:1.5em;} h4 {font-size:1.3em;} h5 {font-size:1.2em;} .home {font-size:13px;} /* 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;} body #content .kboard-category .kboard-category-list li a {font-size:14px; margin-right: 12px;} body #content .kboard-search select {width:20%; float: left;} body #content .kboard-search input {width:60%; max-width:100%; float: left;} body #content .kboard-search button {width:20%; box-sizing: border-box; float: left;} body #content .kboard-document-navi .kboard-prev-document, body #content .kboard-document-navi .kboard-next-document {width:100%;} body #content .kboard-document-navi a {font-size:13px; padding:16px 20px 18px;} body #kboard-default-document .kboard-control .left, body #kboard-default-document .kboard-control .right {float: none; margin: 0 auto 4px; text-align: center;} body .kboard-category.category-mobile {display: block;} body .kboard-category.category-pc {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;} #smenu.hr {display:none;} #stitle {} #fclbox, #fclbox.rightb {width: 100%; padding:40px; max-width:100%;} .ftxtbox #flogo {float:none; margin:0 0 8px 0;} #fclbox.rightb .csc {max-width:100%; font-size:18px;} #stitle h2 {font-size:1.4em;} #timg {min-height: 220px; background-size: cover;} #timg.bz h1 {font-size:2.5em;} #bizprd h3 {text-align: center; display: block; margin: 8px 0 16px;} #dwbt a {font-size:15px; padding: 16px 24px 20px; margin-bottom: 20px;} #bgtbox {margin: 0; min-height: 0; padding: 60px 30px; font-size: 1em;} #snsrf {margin-bottom:20px;} #ptt a {width:46%;} #mtbox {min-height:auto;} } @media screen and (max-width: 600px) { body { } /* header */ #header {height: 50px;} #header-main {height: 50px;} #header-main-wrap {} /* header logo */ #header-logo {margin-top:10px;} #header-logo img {height:30px;} /* container */ #container {margin-top:50px;} #menu-path {padding:12px 30px;} #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 { } /* 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 {} .category-format-webzine .entry-summary {} /* 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 {} .category-format-webzine-b .entry-summary { } /* 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 {} }