/***** 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'); /* =Body -------------------------------------------------------------- */ body, input, textarea, .item-meta, .entry-meta, .meta, .comment-meta { font-family: '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: #f1f1f1;} #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: #363636;} .item-title a, .entry-title a {font-size:14px; font-weight:900; line-height: 150%; color: #363636;} .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: '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: #363636; 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:95px; padding: 0 30px; background-color:#fff; position:fixed;} #header-main {background:transparent; max-width: 1280px; height: 95px; margin: 0 auto; padding:0; line-height: 0;} #header-main-wrap {width: 22%;} #header-logo {margin-top:7%; margin-bottom:0px; 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.2);} #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; width: 78%; max-width: 990px; float: right;} #access-wrap {position: static;} #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: #363636; display: inline-block; box-sizing:border-box;} /* menu depth 1 */ #menu a.menu-link-depth-1 {font-size: 15px; font-weight:900; height:34px; line-height: 30px; letter-spacing: 0; margin-bottom: 7px; margin-left: 20px;} #menu a.menu-link-depth-1.menu-link-selected {color:#292929;} /* menu depth 1 hover */ #menu li.menu-item.menu-hover > a, #menu li.menu-item.menu-item a:hover {color:#292929;} /* menu depth 2 */ #menu .sub-menu { display: none; left: 50%; margin-left:-75px; top: 40px; 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: 1.2; padding:10px 10px 12px; background-color: #383838; color: #fff; font-size: 11px; font-weight:400; text-align: center; } #menu .sub-menu a.menu-link-selected {background-color: #363636; 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:#1D1D1D; 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 */ #access #mega-menu-wrap-primary .mega-menu-item.sns.blog {float: right;} #access #mega-menu-wrap-primary .mega-menu-item.sns.insta {float: right;} #access #mega-menu-wrap-primary .mega-menu-item.sns.facebook {float: right;} #access #mega-menu-wrap-primary .mega-menu-item.sns.twitter {float: right;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item.mega-all {float: right; margin-right: 28px;} #menu li.menu-item.astm-search-menu {position: absolute; right: 0; top: 28px;} #access #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.sns > a.mega-menu-link {background: transparent url(/wp-content/uploads/2022/12/gnb_sns.png) -53px 22px no-repeat; text-indent: -9999px; width: 40px;} #access #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.sns.insta > a.mega-menu-link {background: transparent url(/wp-content/uploads/2022/12/gnb_sns.png) -106px 22px no-repeat;} #access #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.sns.facebook > a.mega-menu-link {background: transparent url(/wp-content/uploads/2022/12/gnb_sns.png) 1px 22px no-repeat;} #access #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.sns.twitter > a.mega-menu-link {background: transparent url(/wp-content/uploads/2022/12/gnb_sns.png) -159px 22px no-repeat;} #access #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.all > a.mega-menu-link {} #access #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.all > a.mega-menu-link::before {content: "\f0c9"; font-weight: bold; font-size: 25px; font-family: "Font Awesome 6 Free";} #menu li.menu-item.astm-search-menu a {} #menu li.menu-item.astm-search-menu a svg {width:24px; height:24px;} #menu li.menu-item.menu-hover.sns > a, #menu li.menu-item.menu-item.sns a:hover {background-color:transparent; color:#292929;} #access #mega-menu-wrap-primary {position: static;} #access #mega-menu-wrap-primary #mega-menu-primary {text-align:left; position: static !important;} #access ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link {color: #ee2d7c !important;} #access .mega-cur ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link {color: #666 !important;} /* menu - all menu */ #access .mega-all .menu-item {width: 23%; float: left; margin:0 1%;} #access .mega-all .mega-sub-menu {padding: 30px !important;} #access .mega-all .menu-item.sns, #access .mega-all .menu-item.all {display:none;} #access .mega-all .menu-item a {font-size:16px; color:#232323; font-weight:500; border-bottom:1px solid #232323; margin-bottom:12px; padding-bottom:12px; display: block;} #access .mega-all .menu-item .sub-menu {display: block; position: relative; margin: 0; left: 0; top:0;} #access .mega-all .menu-item .menu-item {width:100%;} #access .mega-all .menu-item .sub-menu a {width: 100%; text-align: left; font-size:16px; color:#232323; font-weight:400; background:none; padding:0; margin-bottom:12px; border:0;} #access .mega-all .menu-item .sub-menu a:hover {text-decoration: underline; color: #ee2d7c;} /* 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:95px;} #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; 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;} .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: #363636; letter-spacing: -1px; padding-bottom: 10px;} /* =Footer -------------------------------------------------------------- */ #footer {background-color: #f1f1f1;} #footer a { color: #4E4E4E; font-weight:800;} #footer a:hover, #footer a:active {} #footer #footer-header {width:100%; background-color: transparent; padding: 20px 0 0;} #footer #footer-header ul, #footer #footer-header li {margin:0; padding:0; list-style-type: none;} #footer #footer-header ul#fnb {text-align:center; max-width: 1280px; margin: 0 auto; } #footer #footer-header ul#fnb li {float: none; display: inline-block;} #footer #footer-header ul#fnb li a {font-size: 13px; font-weight: 700; color: #363636; 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: #292929; 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 {max-width: 1280px; margin: 0 auto; padding: 40px 30px 50px; text-align: center;} #footer #footer-main #footer-logo { display:block; margin-right: 30px; margin-bottom:10px;} #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: 'Noto Sans KR', 'Nanum Gothic'; font-size: 13px; color: #888888; display:block;} #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 '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: #363636; color: #fff; border: 1px solid #363636; } /* =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: #363636; 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: #363636; } #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: #363636; border-color:#363636; 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 '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: #363636;} .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: 4px 0 20px 14px; list-style-type: decimal;} ol li { margin-left: 16px; margin-bottom: 5px;} /* post list style - numbering */ ul { margin: 4px 0 20px 10px; list-style-type: disc;} ul li {margin-left: 16px; margin-bottom: 5px;} /* heading */ h1 {font-size: 2.25em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} h2 {font-size: 2em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} h3 {font-size: 1.5em; line-height: 1; letter-spacing: -1px; margin-bottom: 30px; font-weight: 700; border-bottom: 3px solid #232323; padding-bottom: 12px; display: inline-block;} h4 {font-size: 1.7em; line-height: 1.5; letter-spacing: -1px; margin-bottom: 12px; font-weight:300;} h5 {font-size: 1.2em; line-height: 1.7; letter-spacing: -1px; margin-bottom: 12px;} h6 {font-size: 1.1em; line-height: 1; letter-spacing: 0px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #363636; } /* 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; padding-bottom:16px;} div.entry-header h1.entry-title { font-size: 24px; line-height: 150%; font-weight: 400; color: #363636; 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: #363636; 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: #363636; 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: #292929; border-color:#292929; 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: '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: #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: 900; font-size: 12px; font-size: 1.2rem; border-right: 0; color:#363636; 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:#ee2d7c;} /* 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 */ #search-list.category-format-search {list-style-type: none; padding: 0; margin: 0;} .category-format-search li {padding: 30px 0; border-bottom: 1px solid #ADADAD; margin: 0;} .category-format-search li.no-thumb div.entry-header {} .category-format-search div.item-highlight-block {} .category-format-search li .entry-thumb a {opacity:1;} .category-format-search li .entry-thumb a:hover {opacity:1;} .category-format-search li .entry-thumb a img {transition: all 0.3s ease-in;} .category-format-search li .entry-thumb a:hover img {transform: scale(1.1);} .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; overflow: hidden;} .category-format-search div.entry-body-block {} .category-format-search h2.entry-title {margin-bottom: 4px;} .category-format-search h2.entry-title a {font-size: 18px; font-weight: 500; margin: 0 0 12px; line-height: 1.3; display: block;} .category-format-search .entry-summary {color:#a3a3a3; margin-bottom: 8px; font-size: 14px; height: 72px; text-align: left; float: none; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; display: -webkit-box; } .category-format-search .entry-meta {font-size:13px;} /* 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; font-size: 14px;} /* 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;} /* 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: #363636; 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: #363636; 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: #363636;} .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*/ body #kboard-default-latest {margin-bottom: 12px;} body #kboard-default-latest table {border:0;} body #kboard-default-latest table thead {display:none;} body #kboard-default-latest table td {padding:0 0 16px; border: 0; vertical-align: top;} body #kboard-default-latest table td.kboard-latest-title a::before {content:"\f105"; font-weight:bold; color:#b6b6b6; float: left; text-decoration: none !important; margin:0 8px 0 4px;} body #kboard-default-latest table .kboard-latest-title a {color: #232323; font-size: 15px; font-weight: 400; padding: 0; margin:0; background: none; width: 100%;} body #kboard-default-latest table .kboard-latest-title a:hover {color: #232323; text-decoration: underline;} body #kboard-default-latest table .kboard-latest-title::before {content:""; font-family: "Font Awesome 5 Free", FontAwesome; float: left; margin-right: 10px; display:none;} body #kboard-default-latest table .kboard-latest-date {font-size: 13px; color: #b6b6b6; font-weight: 300; text-align: right;} body #kboard-first-contents-mall-list {} body #kboard-first-contents-mall-list .owl-theme .owl-dots .owl-dot span {width:14px; height:14px; margin:8px 3px;} body .owl-theme .owl-dots .owl-dot.active span, body .owl-theme .owl-dots .owl-dot:hover span {background: #b2d236;} body #kboard-pure-gallery-list {} body #kboard-ask-one-latest table thead {display:none;} body #kboard-ask-one-latest table td {padding:8px 8px !important;} body #kboard-ask-one-latest table .kboard-latest-title a {color:#363636; font-size:14px;} body #kboard-ask-one-latest table .kboard-latest-title a:hover {color: #ff4a00;} body #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;} body #kboard-ocean-gallery-latest a {width: 30%; margin: 0 5% 1em 0; overflow: hidden; display: block; float: left;} body #kboard-ocean-gallery-latest a:last-child {margin-right:0;} body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-item {width:100%; margin:0; padding:0;} body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-thumbnail {border:0; float: none; width: 100%; height: auto; overflow: hidden;} body #kboard-pure-gallery-list.mw1400 .kboard-pure-gallery-list.latest .kboard-list-item {width:22.5%; margin:0 3% 1em 0;} body #kboard-pure-gallery-list.mw1400 .kboard-pure-gallery-list.latest .kboard-list-item:last-child {margin-right:0;} body .owl-carousel .owl-stage-outer {margin-bottom:20px;} body #kboard-first-contents-mall-list.kboard-first-contents-mall-latest .kboard-list .kboard-list-item {} body #kboard-first-contents-mall-list .kboard-list .kboard-list-item {border:0; box-shadow:none;} body #kboard-first-contents-mall-list .kboard-list .kboard-list-item a {border:0;} body #kboard-first-contents-mall-list .kboard-list .kboard-list-item .kboard-list-info {display:none;} body #kboard-first-contents-mall-list .kboard-list .kboard-list-item .kboard-list-thumbnail-wrap {margin:0; padding-bottom: 133%;} body .kboard-first-contents-mall-cut-strings {display: -webkit-box; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal;} body #kboard-first-contents-mall-list.kboard-first-contents-mall-latest .kboard-list .owl-prev {top: 36%; left:-36px; background: none !important;} body #kboard-first-contents-mall-list.kboard-first-contents-mall-latest .kboard-list .owl-next {top: 36%; right:-36px; background: none !important; } body #kboard-first-contents-mall-list.kboard-first-contents-mall-latest .kboard-list .owl-nav span {font-size:30px; color:#cbd0d2 !important;} /* k-board - latest all type */ body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-title, body #kboard-first-contents-mall-list .kboard-list .kboard-list-item .kboard-list-title {width:100%; color: #232323; font-size: 15px; line-height:1.3; font-weight: 400; padding: 0; margin:10px 0; float: none; text-align:left; height: 40px; display: -webkit-box; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal;} body #kboard-first-contents-mall-list .kboard-list .kboard-list-item:hover .kboard-list-title, body #kboard-ocean-gallery-latest a:hover .kboard-ocean-gallery-latest-title {text-decoration: underline;} body #kboard-ocean-gallery-latest .kboard-webzine-content, body #kboard-first-contents-mall-list .kboard-webzine-content {font-size: 13px; color: #a3a3a3; line-height: 1.3; height: 51px; text-align:left; float: none; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; display: -webkit-box;} body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-thumbnail img {transition: all 0.3s ease-in;} body #kboard-ocean-gallery-latest a:hover .kboard-ocean-gallery-latest-thumbnail img {transform: scale(1.1);} /* 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-list .kboard-list table a {font-size:16px;} body #kboard-default-list .kboard-list table td.kboard-list-user {width:132px;} /* 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:#363636 !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: #363636; 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: #363636; 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;} body .kboard-cross-link-list .kboard-list thead tr {border-top: 1px solid #232323;} body .kboard-cross-link-list .kboard-list table td {border-bottom: 1px solid #cdcdcd !important;} body .kboard-cross-link-list .kboard-list table td.kboard-list-uid {width:40px; text-align: center !important; } body .kboard-cross-link-list .kboard-list table td.kboard-list-shortcuts {width:50px; text-align: center !important;} body .kboard-cross-link-list .kboard-list table td.kboard-list-date {display: none;} body .kboard-cross-link-list .kboard-list table a {color: #232323; font-size: 16px; font-weight: 400;} body .kboard-cross-link-cut-strings:hover { color: #232323; } body .kboard-cross-link-new-notify {background-color: #ee2d7c;} /* 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 #kboard-hwaikeul-gallery-list .kboard-header {margin:0;} body #content #kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item, body #content #kboard-hwaikeul-video-list .kboard-list .kboard-list-item {width:18%; margin:0 1% 2em;} 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, body #kboard-hwaikeul-gallery-list .kboard-list .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-info, body #kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-new-notify {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;} body #kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-container.wide {padding-bottom: 140%;} body #kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item:hover a {text-decoration: underline; color:#232323;} body #kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-title {text-align: left; color: #232323; font-size: 16px; font-weight: 400; height: 40px; line-height: 1.2; margin: 10px 0;} body #kboard-hwaikeul-gallery-document .kboard-title {border:0;} body #kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-thumbnail {overflow: hidden;} body #kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-thumbnail .kboard-hwaikeul-gallery-foreground, body #kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-container, body #kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-thumbnail img {border-radius:0; transition: all 0.3s ease-in;} body #kboard-hwaikeul-gallery-list .kboard-list-item:hover .kboard-hwaikeul-gallery-thumbnail img {transform: scale(1.2);} body .kboard-hwaikeul-gallery-thumbnail .kboard-hwaikeul-gallery-foreground, body .kboard-hwaikeul-gallery-thumbnail .kboard-hwaikeul-gallery-foreground-search {display:none !important;} body #kboard-hwaikeul-gallery-list .kboard-webzine-content {font-size: 13px; color: #a3a3a3; line-height: 1.4; height: 57px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; display: -webkit-box;} /* k-board - ocean-gallery */ body #kboard-ocean-gallery-list .kboard-header {display:table;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item {width:18%; margin:0 1% 2em; padding: 0; float: left;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail .kboard-gallery-foreground, body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail .kboard-gallery-username {display:none !important;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail {overflow:hidden; width: 100%; margin: 0; float: none;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img {width: 100%; height: auto; border-radius:0; transition: all 0.3s ease-in;} body #kboard-ocean-gallery-list .kboard-gallery-item:hover .kboard-gallery-thumbnail img {transform: scale(1.2);} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item:hover .kboard-gallery-title {text-decoration: underline; color:#232323;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-title {text-align:left; float: none; margin-bottom: 10px; text-align: left; color: #232323; font-size: 16px; font-weight: 400; height: 40px; line-height: 1.2; margin: 10px 0;} body #kboard-ocean-gallery-list .kboard-list:hover .kboard-gallery-item a {color:#232323;} body #kboard-ocean-gallery-list .kboard-webzine-content {font-size: 13px; color: #a3a3a3; line-height: 1.4; height: 57px; text-align:left; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; display: -webkit-box;} body #kboard-ocean-gallery-list .kboard-title p {padding:0;} body #kboard-ocean-gallery-list .kboard-header .kboard-sort { display: table-cell; text-align: right; vertical-align: middle; } body #kboard-ocean-gallery-list .kboard-header .kboard-sort select { display: inline; margin: 0; padding: 0; width: auto; min-width: 0; max-width: none; height: 26px; line-height: 26px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: content-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } body #kboard-ocean-gallery-list .kboard-header .kboard-sort .kboard-selectmenu-sort-button .ui-icon { background: url(./images/sort-16.png) no-repeat; background-size: 16px; background-position: center; } /* k-board - pure-gallery */ body #kboard-pure-gallery-list .kboard-header {display:table; float: left; margin-top: 0; width: 100%;} body #kboard-pure-gallery-list .kboard-header .kboard-sort { display: table-cell; text-align: right; vertical-align: middle; } body #kboard-pure-gallery-list .kboard-header .kboard-sort select { display: inline; margin: 0; padding: 0; width: auto; min-width: 0; max-width: none; height: 26px; line-height: 26px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: content-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } body #kboard-pure-gallery-list .kboard-header .kboard-sort .kboard-selectmenu-sort-button .ui-icon { background: url(./images/sort-16.png) no-repeat; background-size: 16px; background-position: center; } body #kboard-pure-gallery-list.mw1400 .kboard-pure-gallery-list .kboard-list-item {width:18%; margin:0 1% 2em;} body #kboard-pure-gallery-list.mw600 .kboard-pure-gallery-list .kboard-list-item {width:48%; margin:0 1% 2em; padding:0;} body #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-new {display:none;} body #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail {margin:0;} body #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title {text-align:left; float: none; margin-bottom: 10px; color: #232323; font-size: 16px; font-weight: 400; height: 40px; line-height: 1.2; margin: 10px 0; display: -webkit-box; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal;} body .kboard-pure-gallery-cut-strings {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal;} body #kboard-pure-gallery-list .kboard-webzine-content {font-size: 13px; color: #a3a3a3; line-height: 1.4; height: 57px; text-align:left; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; display: -webkit-box;} body #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-user {display:none;} body #kboard-pure-gallery-list.mw600 .kboard-pure-gallery-list {width:100%;} /* k-board - hwaikul-video */ body #content #kboard-hwaikeul-video-list .kboard-list .kboard-list-item {width:31.33%; margin:0 1% 2em;} body .kboard-hwaikeul-video-container, body .kboard-hwaikeul-video-thumbnail .kboard-hwaikeul-video-foreground {border-radius:0;} body #kboard-hwaikeul-video-list .kboard-list .kboard-list-item .kboard-hwaikeul-video-wrap .kboard-hwaikeul-video-title {color: #232323; font-size: 16px; font-weight: 400; height: 40px; line-height: 1.2; margin: 10px 0;} body #kboard-hwaikeul-video-list .kboard-list .kboard-hwaikeul-video-wrap .kboard-hwaikeul-video-info, body .kboard-hwaikeul-video-new-notify {display:none;} /* k-board - inside-ask */ /* k-board - download */ body #content #kboard-download-list .kboard-list table {border:0;} /* k-board - document detail */ body #kboard-document .kboard-title {text-align: left; margin: 0 0 20px 0; font-weight: 500; color: #232323; font-size: 24px; line-height: 1.3;} body #kboard-document .kboard-title h1 {padding: 0; font-weight: 500; color: #232323; font-size: 24px; text-align: left;} body #kboard-document .kboard-detail { clear: both; width: 100%; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; background-color: #f9f9f9; font-size: 13px; padding: 0 0 2px; text-align: left;} body #kboard-document .kboard-detail .detail-attr { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 12px 35px 12px 22px; } body #kboard-document .kboard-detail .detail-attr .detail-name { float: left; font-weight: bold; color: #545861; text-align: right; } body #kboard-document .kboard-detail .detail-attr .detail-value { float: left; padding-left: 20px; color: #545861; } body #kboard-document .kboard-detail .detail-attr .detail-value a { color: #545861; text-decoration: none; border: 0; box-shadow: none; } body #kboard-document .kboard-detail .detail-attr .detail-value img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; } body #kboard-document .kboard-content .content-view {padding:40px 0;} body .kboard-header .kboard-sort {padding-bottom:8px;} /* k-board - category style */ body #content .kboard-category { overflow: hidden; padding:0;} body #content .kboard-category .kboard-category-list { float: left; margin: 0; padding: 0; width: 100%; list-style: none; line-height: 28px; background:none; border:0;} body #content .kboard-category .kboard-category-list li { float: left; margin: 0 24px 10px 0; padding: 0 !important; font-size: 24px; } body #content .kboard-category .kboard-category-list li a { display: inline; margin: 0; padding: 0 0 4px; font-size: 17px; color: #9b9b9b; text-decoration: none; font-weight: 700; } body #content .kboard-category .kboard-category-list li a:hover {color:#232323;} body #content .kboard-category .kboard-category-list li.kboard-category-selected a {color: #232323; font-weight: 700; border-bottom: 2px solid #232323;} /* 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: #d9eff1; padding: 20px 20px 22px; display: block; text-decoration: none; border: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} 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: #c3c3c3; 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; margin:0;} body #content .kboard-attach button, body #kboard-venus-webzine-document .kboard-attach .kboard-button-download {color:#878787; font-size: 13px; font-weight: 400; line-height: 1; background-color: #eaecef; padding: 16px 20px 18px; /*width: 100%;*/ 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: #c3c3c3; transition: all 0.3s ease-in;} body #content .kboard-attach button:hover, body #content .kboard-attach button:hover::before {color:#fff; background-color:#232323;} /* 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:#c3c3c3 !important; font-weight:500; font-size:16px !important; width: 34px; height: 30px!important; line-height: 30px!important; border:0 !important;} body #content .kboard-search button:hover {color:#fff !important; background-color:#ee2d7c !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:#c3c3c3; 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:#6c6c6c;} 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:#c3c3c3 !important; text-decoration: none; font-weight:500; font-size:16px!important; height: 36px; line-height: 35px; padding: 0 20px!important; margin: 0 !important; border: 0; display: inline-block; opacity: 1;} 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:#ee2d7c !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;} /* modular - gallery */ .modula .filters a {text-decoration: none !important;} .modula .filters a:hover {color:#363636 !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; } .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: 900; padding: 16px 16px 18px; width: 120px; background-color: #363636; border: 1px solid #363636; 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%;} } #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:#363636;} .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: 1.2em; line-height: 1; letter-spacing: -1px; margin-bottom: 30px; font-weight:700; border:0; padding: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 #363636; } .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;} #bbox.nopd {padding:0;} .tacenter {text-align: center;} .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; background-color: #f7f7f7; 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 {background-color: #000; color:#fff;} #smenu ul.sub-menu .menu-link-depth-2:hover {background-color: #000; color:#fff;} /* =page builder + sub menu + hrizontality -------------------------------------------------------------- */ #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: center; background-color:#d9e3ed;} #smenu.hr ul.sub-menu {display:inline-block;} #smenu.hr ul.sub-menu li {float: left;} #smenu.hr ul.sub-menu .menu-link-depth-2 {text-decoration: none; color: #fff; font-size: 17px; font-weight:400; border:0; line-height: 1; padding: 20px 20px 24px; width: auto; margin:0 0.5px; background-color:#aec3d7; float: left;} #smenu.hr ul.sub-menu .menu-link-depth-2::before {display:none;} #smenu.hr ul.sub-menu .menu-link-depth-2.menu-link-selected {background-color:#0052a6; color:#fff; font-weight:700;} #smenu.hr ul.sub-menu .menu-link-depth-2:hover {background-color:#7d94ad; color:#fff;} #smenu.hr ul.sub-menu .menu-link-depth-2.menu-link-selected:hover {background-color:#0052a6;} /* =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 {max-width:1920px; margin:0 auto; color:#fff; font-size:16px; font-weight:900; text-align: center; text-shadow:2px 2px 6px rgba(0,0,0,0.4); padding:120px 40px; border-radius:12px; background-position:center center;} #stitle h2 {font-size:2.1em; color:#ffe273; line-height:1.2; font-family: 'Noto Serif KR';} /* =link - button style */ #btm a {font-size:15px; line-height:1; color:#fff; font-weight:400; background:#ee2d7c; padding:12px 24px 16px; margin: 0 4px 4px 0; border-radius: 50px; text-decoration:none; display:inline-block;} #btm.link a::after {content:"\f08e"; font-weight:bold; margin-left:20px;} #btm a:hover {background-color: #232323; color:#fff;} #btm.tacenter a {float:none; margin:0;} #mlogos img {margin:0 8px 8px;} #mtitle {position:relative;} #mtitle a {position:absolute; right:0; top:-6px; width:30px; height:30px; text-indent: -9999px; line-height: 1; color:#b2d236;} #mtitle a::before {content:"\2b"; font-size:24px; font-weight:bold; position:absolute; right:0; top:0; text-indent: 0;} #mtitle a:hover {color:#ee2d7c;} #center {max-width: 1280px; margin: 0 auto; padding: 80px 30px 22em; padding: 80px 30px 10em; background-position: center bottom; background-size: cover;} #center h2 {} #abrd {text-align: center; font-size: 18px; line-height: 1.4; background: #f1f1f1; width: 260px; height: 260px; margin: 0 auto; box-sizing: border-box; border-radius: 50%; border: 20px solid #b2d236; vertical-align: middle; display: flex; justify-content: center; align-items: center;} #abrd h3 {border:0; padding:0; margin-bottom:8px;} #abrd.yll {border-color:#fcee24;} #abrd.pk {border-color:#ee2d7c;} #location {} #location table {width:100%; border:0; } #location table th, #location table td {border:0; padding:0 8px 8px 0; vertical-align: top; font-weight:400;} #location table th {font-weight:700; width:90px; background:none; color:#232323; text-align: left;} #subtitle {color:#232323; font-size:14px; line-height:1.5; padding:50px 30px; min-height:240px;} #subtitle h2 {color:#232323; font-size: 3em; margin: 12px 0;} #responst {display:block;} #responst.mb {display:none;} body .lg-backdrop {background-color:rgba(0,0,0,0.9);} body .rmp-container {} body .rmp-container .rmp-menu-item.all, body .rmp-container .rmp-menu-item.sns {display:none;} body .rmp-container .rmp-search-box {} body .rmp-container a.respsns {} /* =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 {padding:8px;} #smenu.hr ul.sub-menu .menu-link-depth-2 {padding:8px;} } /* =Responsive -------------------------------------------------------------- */ @media screen and (max-width: 1200px) { #header-logo {margin-top:9%;} } @media screen and (max-width: 1100px) { #header-logo {margin-top:11%;} } @media screen and (max-width: 959px) { body { } /* header */ #header {height: 60px;} #header-main {height: 60px; position: static;} #header-main-wrap {width: auto;} /* header logo */ #header-logo {margin-top:8px;} #header-logo img {height:40px;} /* 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: '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:0;} #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%;} .home {font-size:13px;} h3 {font-size:1.3em; margin-bottom:16px;} /* 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;} body #content #kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item, body #content #kboard-hwaikeul-video-list .kboard-list .kboard-list-item {width:48%;} body #content .kboard-attach button, body #kboard-venus-webzine-document .kboard-attach .kboard-button-download {width:100%; font-size:12px; padding: 12px 12px 14px; margin: 0 0 8px 0;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item {width:48%;} body #kboard-ocean-gallery-latest a {width:47.5%;} body #kboard-pure-gallery-list.mw600 .kboard-pure-gallery-list.latest .kboard-list-item {width: 46%; margin: 0 2% 1em;} body #kboard-pure-gallery-list.mw600 .kboard-pure-gallery-list.latest .kboard-list-item:last-child {margin-right: 0;} body #kboard-document .kboard-title, body #kboard-document .kboard-title h1 {font-size:18px; line-height:1.3;} body #kboard-document .kboard-detail .detail-attr {padding: 8px 12px; display: block; overflow: hidden;} body #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title, body #kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-title, body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-title, body #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title, body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-title, body #kboard-first-contents-mall-list .kboard-list .kboard-list-item .kboard-list-title, body #kboard-hwaikeul-video-list .kboard-list .kboard-list-item .kboard-hwaikeul-video-wrap .kboard-hwaikeul-video-title {font-size: 15px; height: 37px;} /* 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 {padding:80px 40px;} #center {} #subtitle {min-height: 0; padding: 80px 30px; font-size:12px;} #subtitle h2 {font-size:2.5em;} #responst.mb {display:block;} #responst {display:none;} } @media screen and (max-width: 600px) { body { } /* header */ #header {height: 50px;} #header-main {height: 50px;} #header-main-wrap {} /* header logo */ #header-logo {margin-top:8px;} #header-logo img {height:32px;} /* 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 {} }