/***** BCT for Designer - Skin A - Basic *****/ @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean'); @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean'); @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&display=swap'); /* =Body -------------------------------------------------------------- */ body, input, textarea, .item-meta, .entry-meta, .meta, .comment-meta { font-family: 'IBM Plex Sans KR','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:#212121;} #wrap {background-color:#fff;} b, strong {} img {width:auto; height:auto; max-width:100%;} /* cover, list title basic style */ .item-title, .entry-title {color: #000;} .item-title a, .entry-title a {font-size:14px; font-weight:900; line-height: 150%; color: #000;} .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: 'IBM Plex Sans KR','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: #000; 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;} .floatmenu {position: fixed; right: 0; bottom: 100px; color: #ffffff;} .floatmenu a {position:static;} #goto-top {position:static; right: auto; bottom:auto; color: #ffffff; display:block !important;} /* =Header -------------------------------------------------------------- */ #header {width:100%; height:auto; padding: 0 40px; background-color:#fff; border-bottom:1px solid #cbcbcb; position:fixed;} .home #header {border:0;} #header-main {background:transparent; max-width: 1200px; height: auto; margin: 0 auto; padding:0; line-height: 0;} #header-main-wrap {} #header-logo {margin-top: 16px; margin-bottom:20px; float: left; } #header-logo a {opacity:1;} #header-logo a:hover {opacity:0.6;} #header.scrollup {border-bottom:1px solid #cbcbcb;} #header.scrollup #header-logo {} #header.scrollup #header-logo img {} /* header search */ #header-search {position:absolute; right:0; top:-35px; display:none;} #header-search form {line-height: normal; background-color: transparent; border: 1px solid #B1B1B1; border-radius: 2px; width:165px; height: 24px;} #header-search form input.input-text, #header-search form button.submit { vertical-align: middle; } #header-search form input.input-text { border: 0; padding-left: 11px; color: #8E8E8E; width:120px; height: 22px; background-color: transparent; outline: none; display: inline; font-weight: normal; line-height: 20px; font-size: 11px;} #header-search form button.submit { border: 0; margin: 0; padding: 0; width: 32px; height: 27px; display: inline-block; cursor: pointer; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background: transparent url("../images/btn_search.png") 9px 4px no-repeat; float: right;} /* =GNB Menu -------------------------------------------------------------- */ #access { line-height: 0; position: absolute; width:auto; display: inline-block; right:0; bottom: 0;} #access-wrap { } #menu ul, #menu li {margin: 0; padding: 0;} #menu #gnb { display: inline-block;} /* menu depth 1 box style */ #menu li.menu-item.menu-item-depth-1 {float: left;} #menu li.menu-item.menu-item-depth-1:first-child a.menu-link { } /* menu depth 1 - home button style */ #menu li.menu-item.menu-item-home a.menu-link {width: 20px; height: 34px; margin: 0; padding:0; text-align: left; text-transform: capitalize; background-image:url("../images/home.png"); background-position:-9px -4px; background-repeat: no-repeat;} #menu li.menu-item.menu-item-home a.menu-link:hover {background-image:url("../images/home-hover.png"); background-position:-9px -4px; } #menu li.menu-item.menu-item-home.menu-item-selected a.menu-link {background-image:url("../images/home-hover.png"); background-position:-9px -4px; } /* menu a - basic style */ #menu a { color: #000; display: inline-block; box-sizing:border-box;} /* menu depth 1 */ #menu a.menu-link-depth-1 {font-size: 20px; font-weight:500; height:34px; line-height: 30px; letter-spacing:-1px; margin-bottom: 30px; margin-left: 30px;} #menu a.menu-link-depth-1.menu-link-selected {color:#00adba;} /* menu depth 1 hover */ #menu li.menu-item.menu-hover > a, #menu li.menu-item.menu-item a:hover {color:#00adba;} /* menu depth 2 */ #menu .sub-menu { display: none; left: 50%; margin-left:-68px; top: 50px; 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: #00adba; color: #fff; font-size: 14px; font-weight:400; text-align: center; } #menu .sub-menu a.menu-link-selected {background-color: #1b60ab; 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:#1b60ab; color:#fff;} /* menu depth 3 */ #gnb ul.sub-menu li.menu-item ul { z-index: 2; left: 238px; top: 0; } #gnb ul.sub-menu li.menu-item ul a {text-align: left;} /* menu depth 2 - has menu */ #menu span.has-menu { display: none; vertical-align: middle; } #menu span.has-menu span.has-menu-icon { display: inline-block; width: 15px; height: 12px; background: transparent url("../images/top_menu_arrow-sub.png") 0 -1px no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } #menu a.menu-link.menu-link-depth-2.menu-link-has-menu span.has-menu { display: inline-block; float:right; display:none;} #menu a.menu-link.menu-link-depth-2.menu-link-has-menu::after {content: "\f105"; font-size: 14px; font-family: FontAwesome; position: absolute; right: 10px; top: 8px;} /* menu a - custom menu */ #menu li.menu-item.menu-item-depth-1.langeng {position: absolute; top: -32px; right: 237px;} #menu li.menu-item.menu-item-depth-1.langkor {position: absolute; top: -32px; right: 180px; border-left: 1px solid #C5C5C5;} #menu .langeng a.menu-link-depth-1, #menu .langkor a.menu-link-depth-1 {color: #969696; font-size: 11px; height: 20px; line-height: 18px; margin: 0; padding: 0 0 0 10px; border:0; background-color: #fff;} #menu li.menu-item.menu-hover.langeng > a, #menu li.menu-item.menu-item.langeng a:hover, #menu li.menu-item.menu-hover.langkor > a, #menu li.menu-item.menu-item.langkor a:hover {background-color:transparent; color:#292929;} #menu .nblog a.menu-link-depth-1 {background: transparent url(/wp-content/uploads/2021/11/nblog.png) 0 4px no-repeat; text-indent: -9999px; width: 27px;} /* =Container -------------------------------------------------------------- */ #container { position: static; width: 100%; min-height: 400px; position:relative; margin-top:100px;} #container #main {max-width:1200px; margin: 0 auto; padding: 0 40px; padding-top:144px; overflow: hidden;} /* contents box - with sidebar */ #container #main #content { width:100%;} #sidebar {position: absolute; right: 0; top:28px; width: 100%; z-index: 99;} /* 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 #00adba; position: absolute; width: 100%; left: 0; top: 0; height:104px;} .page-header h2 {font-size: 42px; line-height: 1.2; font-weight: 700; color: #1b60ab; letter-spacing: -1px; max-width: 1200px; margin: 0 auto; padding: 24px 40px 30px;} /* =Footer -------------------------------------------------------------- */ #footer {background-color: #212121;} #footer a { color: #4E4E4E; font-weight:800;} #footer a:hover, #footer a:active {} #footer #footer-header {width:100%; padding: 0 40px; background-color: transparent;} #footer #footer-header ul, #footer #footer-header li {margin:0; padding:0; list-style-type: none;} #footer #footer-header ul#fnb {text-align: left; max-width: 1200px; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #828282;} #footer #footer-header ul#fnb li {} #footer #footer-header ul#fnb li a {font-size: 11px; font-weight: 900; color: #808080; line-height: 120%; margin-right: 8px; padding-right: 8px; border-right: 1px solid #ABABAB;} #footer #footer-header ul#fnb li a:hover, #footer #footer-header ul#fnb li a:active {color: #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: 1200px; margin: 0 auto; padding: 40px 40px 50px; text-align:center;} #footer #footer-main #footer-logo { display:block; margin-bottom: 20px;} #footer #footer-main #footer-logo img {width:auto; max-width:100%; height:auto;} #footer #footer-main #footer-logo span { display: inline-block; width: 160px; height: 32px; background: transparent url("../images/footer_logo.png") 0 0 no-repeat; } #footer #footer-main #footer-main-text { line-height: 1.5; font-family: 'IBM Plex Sans KR','Noto Sans KR', 'Nanum Gothic'; font-size: 15px; color: #aaa9a9; 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 40px; background: #F5F5F5 !important; box-sizing: border-box; display:none;} #menu-path {max-width:1200px; margin:0 auto; padding: 16px 0 20px; text-align: right;} #menu-path .path {font:11px 'IBM Plex Sans KR','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: #000; color: #fff; border: 1px solid #000; } /* =Sidebar - common -------------------------------------------------------------- */ #sidebar .xoxo {max-width: 1200px; margin: 0 auto; position: relative;} #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: #000; 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 ul.sub-menu.menu-depth-2 {text-align: right;} #sidebar ul.sub-menu.menu-depth-3 {display:none;} #sidebar li.menu-item-depth-1 { } #sidebar li.menu-item-depth-2 {display: inline-block;} #sidebar .bct_widget_submenu { } #sidebar .bct_widget_submenu a {} #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; display:none;} #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 {font-size: 18px; font-weight: 300; color: #434343; float: left; background-color:#c6e6e8; border-radius:50px; margin-left:4px; padding:10px 20px 14px;} #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; } /* 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: #00adba; color: #fff; font-weight:500;} /* 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 'IBM Plex Sans KR','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: 18px; line-height: 1.6; color: #000; letter-spacing:-0.25px;} .post_a div.entry-content a {text-decoration: underline; color: #197de9;} .post_a div.entry-content a:hover, .post_a div.entry-content a:active {color:#ff2f00;} /* 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.6em; line-height: 1; letter-spacing: -1px; margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid #1b60ab; color:#1b60ab;} h4 {font-size: 2em; line-height: 1.3; letter-spacing: -2px; margin-bottom: 12px;} h5 {font-size: 1.25em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} h5 strong {font-weight:700;} h6 {font-size: 0.9em; font-weight: 600; line-height: 1; letter-spacing: 0px; margin-bottom: 12px; padding: 8px 12px 10px; color: #fff; display: inline-block; background-color: #c1b4a1;} body .post_a div.entry-content .wp-caption {display: inline-block;} /* 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: 15px; line-height: 150%; padding: 8px 10px; background-color:#f3f3f3; text-align: center;} /* sub title */ div.entry-header { border-bottom: 1px solid #00adba; position: absolute; width: 100%; left: 0; top: 0; height:104px;} div.entry-header h1.entry-title { font-size: 42px; line-height: 1.2; font-weight: 700; color: #1b60ab; letter-spacing: -1px; max-width: 1200px; margin: 0 auto; padding:24px 40px 30px;} div.entry-header div.entry-meta {margin-top: 10px; display:none;} div.entry-header div.entry-meta span.author { font-weight: 900; } .single-post div.entry-header {position: relative; height: auto; margin-bottom: 40px;} .single-post div.entry-header h1.entry-title {font-size: 2em; padding: 0 0 20px; line-height: 1.5; font-weight: 500; color: #000;} .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; display:none;} 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: #000; 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: #000; font-weight: 900; margin-top: 2px; display:none;} .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: 768px) { .post_a div.entry-content {font-size:15px;} .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; margin-bottom: 40px;} ol#commentlist a.comment-reply-link { font-family: 'IBM Plex Sans KR','Noto Sans KR', 'Nanum Gothic', arial, tahoma, verdana, sans-serif; } /* =Post Comment -------------------------------------------------------------- */ ol#commentlist {margin:0; list-style-type: none; display: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:#000; margin-right: 10px;} ol#commentlist div.comment-meta span.author a { color: #007EFF; } ol#commentlist div.comment-meta span.author a:hover, ol#commentlist div.comment-meta span.author a:active { text-decoration: underline; color: #006EDE; } /* commentlist - box */ ol#commentlist li.comment, ol#commentlist li.trackback, ol#commentlist li.pingback { display: block; margin-bottom: 30px; margin-left:0; border-bottom: 1px dashed #828282;} ol#commentlist li.comment li, ol#commentlist li.trackback li, ol#commentlist li.pingback li { border-bottom: 0; margin-bottom: 0; } /* commentlist - depth 1 box */ ol#commentlist li.comment div.commentdiv, ol#commentlist li.trackback div.commentdiv, ol#commentlist li.pingback div.commentdiv { position: relative; margin: 20px 0;} /* commentlist - depth 2 box */ ol#commentlist li.comment div.commentdiv div.commentdiv.commentdiv, ol#commentlist li.trackback div.commentdiv div.commentdiv.commentdiv, ol#commentlist li.pingback div.commentdiv div.commentdiv.commentdiv { } ol#commentlist li.comment ol.children li.depth-2 div.commentdiv {margin: 0 0 30px; padding-top: 20px; border-top: 1px dashed #828282;} /* commentlist - avartar (gravatar) */ ol#commentlist li.comment div.commentdiv div.avatar, ol#commentlist li.trackback div.commentdiv div.avatar, ol#commentlist li.pingback div.commentdiv div.avatar { float:left; } ol#commentlist li.comment div.commentdiv div.avatar img, ol#commentlist li.trackback div.commentdiv div.avatar img, ol#commentlist li.pingback div.commentdiv div.avatar img { width: 50px; height: 50px; border-radius: 50px;} /* commentlist - header box */ ol#commentlist li.comment div.commentdiv div.comment-header, ol#commentlist li.trackback div.commentdiv div.comment-header, ol#commentlist li.pingback div.commentdiv div.comment-header { margin-left: 66px;} /* commentlist - summery text box */ ol#commentlist li.comment div.commentdiv div.comment-text, ol#commentlist li.trackback div.commentdiv div.comment-text, ol#commentlist li.pingback div.commentdiv div.comment-text { margin-left: 66px; vertical-align: top; line-height: 200%; font-size: 12px; } /* commentlist - summery text */ ol#commentlist li.comment div.commentdiv div.comment-text p, ol#commentlist li.trackback div.commentdiv div.comment-text p, ol#commentlist li.pingback div.commentdiv div.comment-text p { color: #747474; margin-bottom: 1em; } ol#commentlist li.comment div.commentdiv div.comment-actions, ol#commentlist li.trackback div.commentdiv div.comment-actions, ol#commentlist li.pingback div.commentdiv div.comment-actions { text-align: right; } /* commentlist - 2 depth position */ ol#commentlist li.comment ol, ol#commentlist li.trackback ol, ol#commentlist li.pingback ol { margin-left: 66px; } /* commentlist - reply button */ ol#commentlist li.comment div.comment-actions { display: block; } ol#commentlist div.reply-form-show { padding-bottom: 30px; } /* commentlist - summery link style */ ol#commentlist li.comment div.commentdiv div.comment-text a, ol#commentlist li.trackback div.commentdiv div.comment-text a, ol#commentlist li.pingback div.commentdiv div.comment-text a {text-decoration: underline; color: #FF7E00;} ol#commentlist li.comment div.commentdiv div.comment-text a:hover, ol#commentlist li.trackback div.commentdiv div.comment-text a:hover, ol#commentlist li.pingback div.commentdiv div.comment-text a:hover, ol#commentlist li.comment div.commentdiv div.comment-text a:active, ol#commentlist li.trackback div.commentdiv div.comment-text a:active, ol#commentlist li.pingback div.commentdiv div.comment-text a:active {color: #FF1D00; } /* responsive - comment area */ @media screen and (max-width: 600px) { ol#commentlist li.comment div.commentdiv div.avatar img, ol#commentlist li.trackback div.commentdiv div.avatar img, ol#commentlist li.pingback div.commentdiv div.avatar img {width:40px; height:40px;} ol#commentlist li.comment div.commentdiv div.comment-header, ol#commentlist li.trackback div.commentdiv div.comment-header, ol#commentlist li.pingback div.commentdiv div.comment-header, ol#commentlist li.comment div.commentdiv div.comment-text, ol#commentlist li.trackback div.commentdiv div.comment-text, ol#commentlist li.pingback div.commentdiv div.comment-text, ol#commentlist li.comment div.commentdiv div.comment-actions, ol#commentlist li.trackback div.commentdiv div.comment-actions, ol#commentlist li.pingback div.commentdiv div.comment-actions {margin-left: 50px;} ol#commentlist li.comment ol, ol#commentlist li.trackback ol, ol#commentlist li.pingback ol { margin-left: 50px; } ol#commentlist div.comment-meta span.author {display:block;} } /* =Post Comment - write form -------------------------------------------------------------- */ #respond {margin-bottom: 20px;} form.form { border: 1px #cecece solid; padding: 40px; background-color: #F9F9F9; margin-top: 20px; border-radius: 10px;} form.form fieldset { width: 100%; border: none; } form.form fieldset legend {font-size:16px; color: #808080; margin-bottom: 10px; } form.form p { margin-bottom: 10px; } form.form p label { color: #404040; } form.form p label span.not-null { color: #ff0000; } form.form input[type=text], form.form input[type=password] { height: 36px; line-height: 36px; padding: 0 0 0 11px; margin: 0; margin-right: 8px; width: 320px; border: 1px #cecece solid; background: #fff;} form.form p.textarea { padding: 20px; border: 1px #cecece solid; background:#fff;} form.form textarea { width: 100%; line-height: 1.7; border: 0; } form.form button { display: inline-block; width: 104px; font-size: 18px; color: #fff; padding: 8px 0 14px; border: 0; border-radius: 30px; background: #505050; vertical-align: top; height:45px;} form.form button span {} form.form button[type=submit]:hover, form.form button[type=submit]:active { background-color: #393939;} /* form.form button#cancel-comment-reply-link { background-color: #c8c8c8; } form.form button#cancel-comment-reply-link:hover, form.form button#cancel-comment-reply-link:active { background-color: #8a8a8a; } */ form.form #cancel-comment-reply-link {display: inline-block; width: 104px; font-size: 18px; line-height: 44px; text-align: center; color: #fff; border: 0; border-radius: 30px; background: #c8c8c8; vertical-align: top; height:45px;} form.form #cancel-comment-reply-link:hover, form.form a#cancel-comment-reply-link:active { background-color: #8a8a8a; } /* responsive - write form */ @media screen and (max-width: 600px) { form.form { padding: 20px; } form.form fieldset legend {margin-bottom: 15px;} form.form p label { position: absolute; top: 0; left: 0; } form.form p { margin-top: 0; margin-bottom: 13px; position: relative; padding-top: 15px; } form.form input[type=text], form.form input[type=password] { width: 100%; } form.form textarea { height: 145px; } } @media screen and (max-width: 959px) { form.form input[type=text], form.form input[type=password] { max-width: 320px; width: 100%; } } /* =Template Page - Sitemap -------------------------------------------------------------- */ #sitemap-list li.menu-item-depth-1.menu-item-home {display: none;} #sitemap-list li a:hover, #sitemap-list li a:active { color: #0095FF; } /* responsive - write form */ @media screen and (max-width: 959px) { #sitemap-list li.menu-item-depth-1 {} } @media screen and (max-width: 600px) { #sitemap-list li.menu-item-depth-1 {} } /* =Template Page - Tag -------------------------------------------------------------- */ div.page-tagcloud {padding-top: 30px; text-align: center; font-size: 12px; } div.page-tagcloud a {color: #868686; display: inline-block; padding: 9px; padding-bottom: 12px; margin-bottom: 8px; margin-right: 4px; text-decoration: none; border: 1px solid #CBCBCB;} div.page-tagcloud a.tag-class-2 { background-color: #F1F1F1; border-color: #888888; color: #676767; } div.page-tagcloud a.tag-class-3 { background-color: #676767; border-color:#676767; color:#fff; font-size:13px;} div.page-tagcloud a.tag-class-4 { background-color: #3A3A3A; border-color:#3A3A3A; color:#fff; font-size:16px; font-weight:900;} div.page-tagcloud a:hover, div.page-tagcloud a:active { background-color: #393939; color: #fff; border-color:#393939;} /* responsive - tag*/ @media screen and (max-width: 600px) { div.page-tagcloud { font-size: 11px; } div.page-tagcloud a {} div.page-tagcloud a.tag-class-3 { font-size:13px; } div.page-tagcloud a.tag-class-4 { font-size:14px; } } /* =LIST - common -------------------------------------------------------------- */ div.page-header.category-format-search-page-header h2.page-title strong, div.page-header.category-format-tag-page-header h2.page-title strong, div.page-header.category-format-date_list-page-header h2.page-title strong, div.page-header.category-format-my_list-page-header h2.page-title strong {color:#00ADFF;} /* category format webzine */ .category-format-webzine {list-style-type:none; margin:0!important;} .category-format-webzine li {padding: 30px 0; margin:0!important; border-bottom: 1px dashed #ADADAD; list-style: none; overflow: hidden;} .category-format-webzine div.item-highlight-block {} .category-format-webzine div.entry-header { display: inline-block; float: left; width:30%; border: 0; margin-right:24px; margin-bottom: 0; padding:0;} .category-format-webzine div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-webzine div.entry-body-block {} .category-format-webzine h2.entry-title { margin-bottom: 4px; font-size: 1em;} .category-format-webzine h2.entry-title a {} .category-format-webzine .entry-summary { margin-bottom: 8px; } /* category format webzine b */ .category-format-webzine-b { padding: 30px 0; list-style-type:none; margin:0!important; overflow: hidden;} .category-format-webzine-b li {width: 22.7%; 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; position: relative; height: auto;} .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 {font-size: 18px; font-weight: 400; letter-spacing: 0; padding: 4px 0;} .category-format-webzine-b .entry-summary { overflow: hidden; color:#9d9d9d; margin-top: 12px; font-size: 14px; line-height: 1.3; height: 52px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #9d9d9d;} .category-format-webzine-b .entry-meta {color:#00adba; padding-top: 16px; font-size: 12px; display:none;} /* category format title_list */ ul.category-format-title_list, .category-format-title_list ul, .category-format-title_list li {margin:0; padding:0; list-style-type: none;} .category-format-title_list li.type-post div.item-wrap div.entry-header {margin: 0; padding: 12px 0; border-bottom: 1px dashed #D7D7D7; } .category-format-title_list h2.entry-title { margin: 0 15px; font-size: 0;} .category-format-title_list div.entry-meta { display: inline-block; float: right; margin:0 10px !important; } .category-format-title_list div.entry-meta span.date { font-weight: 300; line-height: 1.7; font-size: 14px; color: #ADADAD; border-right: 0;} .category-format-title_list .item-highlight-block:hover { background-color: #f7f7f7;} /* category format gallery */ ul.category-format-gallery {padding-top:30px; list-style-type:none; margin:0!important;} .category-format-gallery li { display: inline-block; width: 31.33%; margin:0 3% 20px 0!important; float:left; list-style: none;} .category-format-gallery li.last-col {margin-right:0!important;} .category-format-gallery div.entry-thumb {position: relative;} .category-format-gallery div.entry-thumb a {width: 100%; height: auto; } .category-format-gallery h2.entry-title { } .category-format-gallery h2.entry-title a {font-size:14px; color:#fff; line-height:150%; overflow: hidden; z-index: 10; position: absolute; top: 0; width: 100%; height: 100%; padding: 10px; text-align: center; background-color: rgba(0,0,0,0.5); box-sizing: border-box; opacity:0;} .category-format-gallery .item-highlight-block:hover h2.entry-title a { opacity:1; color:#fff; text-decoration:none;} .category-format-gallery div.entry-meta { text-align: center; margin-top: 10px; position: absolute; top:28px; width:90%; padding: 0 5%; display:none;} /* category format search */ .category-format-search { } .category-format-search li {padding: 30px 0; border-bottom: 1px dashed #ADADAD;} .category-format-search li.no-thumb div.entry-header {} .category-format-search div.item-highlight-block {} .category-format-search div.entry-header { display: inline-block; float: left; width:20%; margin-right:24px; margin-bottom:0; padding:0; border:0;} .category-format-search div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-search div.entry-body-block {} .category-format-search h2.entry-title {margin-bottom: 4px;} .category-format-search h2.entry-title a {} .category-format-search .entry-summary {margin-bottom: 8px; } /* category format tag */ .category-format-tag { } .category-format-tag li {padding: 30px 0; border-bottom: 1px dashed #ADADAD;} .category-format-tag li.no-thumb div.entry-header {} .category-format-tag div.item-highlight-block { } .category-format-tag div.entry-header { display: inline-block; float: left; width:20%; margin-right:24px; margin-bottom:0; padding:0; border:0;} .category-format-tag div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-tag div.entry-body-block { } .category-format-tag h2.entry-title {margin-bottom: 4px;} .category-format-tag h2.entry-title a {} .category-format-tag .entry-summary {margin-bottom: 8px; } /* category format my list */ .category-format-my_list li.type-post div.item-wrap div.entry-header { padding-bottom: 17px; padding-top: 13px; border-bottom: 1px dashed #D7D7D7;} .category-format-my_list h2.entry-title {margin-left: 15px;} .category-format-my_list div.entry-meta {display: inline-block; float: right; margin-right: 10px; margin-left: 10px; } .category-format-my_list div.entry-meta span.date { font-weight: 900; line-height: 170%; font-size: 14px; font-size: 1.4rem; color: #ADADAD; border-right: 0; background: none;} .category-format-my_list .item-highlight-block:hover { background-color: #f7f7f7; } /* category format data llist */ .category-format-date_list li.type-post div.item-wrap div.entry-header { padding-bottom: 17px; padding-top: 13px; margin-bottom: 0; border-bottom: 1px dashed #D7D7D7;} .category-format-date_list h2.entry-title {margin-left: 15px;} .category-format-date_list div.entry-meta { display: inline-block; float: right; margin: 0 10px 0 10px !important; } .category-format-date_list div.entry-meta span.date { font-weight: 900; line-height: 170%; font-size: 14px; font-size: 1.4rem; color: #ADADAD; border-right: 0; background: none;} .category-format-date_list .item-highlight-block:hover { background-color: #f7f7f7; } /*=======================*\ Plug-Ins \*=======================*/ /* addtoany */ .addtoany_share_save_container {margin: 40px 0 16px 0 !important;} .addtoany_list a {background-color:transparent !important;} /* meta slider */ .metaslider {overflow: hidden;} .metaslider .flexslider {margin:0 0 40px 0;} .metaslider .theme-default .nivoSlider, .metaslider .flexslider .flex-viewport {margin:0 auto;} .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {z-index:99 !important;} .flex-direction-nav a {background:url("../../../../../plugins/ml-slider/assets/sliders/flexslider/bg_direction_nav.png") no-repeat 0 0;} .theme-default .nivo-directionNav a {background: transparent url("../../../../../plugins/ml-slider/assets/sliders/nivoslider/themes/default/arrows.png") no-repeat scroll 0% 0%;} .theme-default a.nivo-prevNav {} .theme-default a.nivo-nextNav {background-position: -30px 0px;} /* Meks Shortcode - button style */ .post_a div.entry-content a.mks_button {text-decoration:none; } .post_a div.entry-content a.mks_button_small {font-size: 13px; padding: 8px 10px 11px; line-height: 1;} .post_a div.entry-content a.mks_button_medium {font-size: 14px; padding: 12px 16px 16px; line-height: 1;} .post_a div.entry-content a.mks_button_large {font-size: 20px; padding: 16px 20px 20px; line-height: 1;} .post_a div.entry-content a.mks_button.rounded {border-radius:6px;} /* Meks Shortcode - tab contents */ .post_a div.entry-content .mks_tabs {padding:0;} .post_a div.entry-content .mks_tabs_nav {position: relative; height: auto; display: inline-block; float: left;} .post_a div.entry-content .mks_tab_nav_item {font-size: 13px; font-weight: 900; color: #717171; line-height: 36px; margin: 0 4px 0 0; padding: 0 12px; border-color: #ADADAD; background-color: #F3F3F3; box-sizing: border-box; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .post_a div.entry-content .mks_tab_nav_item:hover {background-color: #3A3A3A; border-color:#3A3A3A; color:#fff;} .post_a div.entry-content .mks_tab_nav_item.active {background-color: #fff; border-bottom: 1px solid #fff; color: #000;} .post_a div.entry-content .mks_tab_item {padding: 20px 0; border: 0; border-top: 1px solid #ADADAD; margin-top: -1px; float: left;} /* Meks Shortcode - accordion + toggle */ .post_a div.entry-content .mks_accordion_item, .post_a div.entry-content .mks_toggle {border: 1px solid #ADADAD; } .post_a div.entry-content .mks_accordion_item {border-bottom: none;} .post_a div.entry-content .mks_accordion {border-bottom: 1px solid #ADADAD;} .post_a div.entry-content .mks_accordion_content, .post_a div.entry-content .mks_toggle_content {border-top: 1px solid #ADADAD;} .post_a div.entry-content .mks_accordion_heading, .post_a div.entry-content .mks_toggle_heading {font-weight: 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: #000; 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: #000; 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: #000;} .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;} /* Responsive photo gallery */ .post_a div.entry-content .gal-container {position: relative; margin-bottom: -30px; background-color: #FFF;} .post_a div.entry-content .weblizar-portfolio-gallery a div span {font-family:'IBM Plex Sans KR','Noto Sans KR', 'Nanum Gothic';} /* k-board - latest*/ body #kboard-default-latest {} body #kboard-default-latest table {border-color:#e2e2e2;} body #kboard-default-latest table thead {display:none;} body #kboard-default-latest table td {padding:10px 8px; border-color:#e2e2e2;} #kboard-default-latest table .kboard-latest-title a {color:#000; font-size:16px;} #kboard-default-latest table .kboard-latest-title a:hover {color: #ff4a00;} #kboard-default-latest table .kboard-latest-title a::before {content:"\f0da"; color:#00adba; font-family: "Font Awesome 5 Free", FontAwesome; float: left; margin-right: 4px;} body #kboard-default-latest table .kboard-latest-date {font-size: 14px; color: #a6a6a6; font-weight: 300; text-align: right;} #kboard-first-contents-mall-list {} #kboard-first-contents-mall-list .owl-theme .owl-dots .owl-dot span {width:14px; height:14px; margin:8px 3px;} #kboard-pure-gallery-list {} #kboard-ask-one-latest table thead {display:none;} #kboard-ask-one-latest table td {padding:8px 8px !important;} #kboard-ask-one-latest table .kboard-latest-title a {color:#000; font-size:14px;} #kboard-ask-one-latest table .kboard-latest-title a:hover {color: #ff4a00;} #kboard-ask-one-latest table .kboard-latest-date {font-size: 13px !important; color: #a6a6a6; font-weight: 300;} #kboard-default-latest .kboard-default-new-notify, #kboard-first-contents-mall-list .kboard-list .kboard-list-item .kboard-list-new, #kboard-pure-gallery-list .kboard-oneticon-new-notify, #kboard-ask-one-latest .kboard-ask-one-new-notify {display:none;} /* k-board - kboard-ocean-gallery-latest*/ body #kboard-ocean-gallery-latest {overflow: visible;} body #kboard-ocean-gallery-latest a {position:relative; width:23%; float: left; margin: 0 2.66% 1em 0; color:#000;} body #kboard-ocean-gallery-latest a:hover {color:#ff4a00;} body #kboard-ocean-gallery-latest a:last-child {margin-right:0;} body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-item, body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-thumbnail {width: 100%; height: auto; border: 0; padding:0;} body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-thumbnail {line-height:0; margin-bottom:8px; box-shadow:0 2px 8px rgba(0,0,0,0.3); transition: all 0.3s ease-in;} body #kboard-ocean-gallery-latest a:hover .kboard-ocean-gallery-latest-thumbnail {box-shadow:0 8px 14px rgba(0,0,0,0.4);} body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-title {font-size:17px; width:100%; text-align: left;} /* k-board - basic */ #kboard-default-list .kboard-pagination .kboard-pagination-pages li a {} #kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a, #kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {} #kboard-default-list a.kboard-default-button-small, #kboard-default-list input.kboard-default-button-small, #kboard-default-list button.kboard-default-button-small, #kboard-document a.kboard-default-button-small {} body #kboard-default-list thead {} body #kboard-default-list .kboard-list tbody tr td, body #kboard-default-list .kboard-list thead tr td {border-bottom:1px solid #cdcdcd;} body #kboard-default-list .kboard-list table a {font-size:17px;} body #kboard-default-list .kboard-list table a:hover {color: #ff4a00;} body .kboard-default-cut-strings {} body #kboard-default-list .kboard-list table td {padding:14px 0 16px;} body #kboard-default-list .kboard-list table td.kboard-list-user {width:140px;} body #kboard-default-list .kboard-list table td.kboard-list-vote, #kboard-default-list .kboard-list .kboard-mobile-contents .contents-item.kboard-vote {display:none;} /* k-board - ask-one */ #kboard-ask-one-list a.kboard-ask-one-button-small, #kboard-ask-one-list input.kboard-ask-one-button-small, #kboard-ask-one-list button.kboard-ask-one-button-small, #kboard-ask-one-list a.kboard-ask-one-button-search, #kboard-ask-one-list input.kboard-ask-one-button-search, #kboard-ask-one-list button.kboard-ask-one-button-search {background-color: #000 !important;} body #kboard-ask-one-list .kboard-list table a {font-size: 17px;} body #kboard-ask-one-list .kboard-list table .kboard-ask-one-content a {font-size: 15px; color: #8b8b8b;} body #kboard-ask-one-list .kboard-list thead tr td.kboard-list-periode {width:220px;} body #kboard-ask-one-list .kboard-list table td.kboard-list-periode {font-size:16px;} /* 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:#000 !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: #000; 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: #000; color: #fff; display: block; text-align: center; line-height: 30px; font-weight: 900; position: absolute; left: 10px; top: 10px;} #kboard-ocean-faq-list .kboard-pagination .kboard-pagination-pages li.active a {background-color: #000 !important; border-color: #000 !important;} #kboard-ocean-faq-list .kboard-ocean-faq-button-small, #kboard-ocean-faq-list .kboard-ocean-faq-button-small:link, #kboard-ocean-faq-list .kboard-ocean-faq-button-small:visited {background-color: #000 !important; text-decoration: none;} /* k-board - cross-link */ .kboard-cross-link-poweredby {display:none;} /* k-board - hwaikeul-grid */ #kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item .kboard-download {height:auto !important; line-height:1 !important; padding: 10px 10px 16px !important;} .kboard-hwaikeul-grid-button-small, .kboard-hwaikeul-grid-button-small:link, .kboard-hwaikeul-grid-button-small:visited {text-decoration: none !important;} /* k-board - inside-ask */ #kboard-inside-ask-main a.kboard-inside-ask-button-black, #kboard-inside-ask-main input.kboard-inside-ask-button-black, #kboard-inside-ask-main button.kboard-inside-ask-button-black, .kboard-control a.kboard-inside-ask-button-black, .kboard-control input.kboard-inside-ask-button-black, .kboard-control button.kboard-inside-ask-button-black {padding: 10px 0 16px !important; background: #000 !important; border-color: #000;} #kboard-inside-ask-main a.kboard-inside-ask-button-white, #kboard-inside-ask-main input.kboard-inside-ask-button-white, #kboard-inside-ask-main button.kboard-inside-ask-button-white {padding: 10px 0 16px !important; border-color:#000;} body #kboard-ask-one-list .kboard-ask-one-status.status-0 {background-color: #d7ba2c;} body #kboard-ask-one-list .kboard-ask-one-status.status-1 {background-color: #64cd4a;} body #kboard-ask-one-list .kboard-ask-one-status.status-2 {background-color: #e35e37;} body #kboard-ask-one-list .kboard-ask-one-status.status-3 {background-color: #5e5e5e;} body #kboard-ask-one-list .kboard-list table .kboard-ask-one-content a .kboard-list-periode.mobile {display: none;} body #kboard-ask-one-document .kboard-detail .detail-attr, body #kboard-ask-one-document .kboard-detail .detail-attr.detail-title .detail-name {display:none;} body #kboard-ask-one-document .kboard-detail .detail-attr.detail-title {display:block;} body #kboard-ask-one-document .kboard-detail .detail-attr.detail-title .detail-value {padding: 0 0 10px; font-size: 1.7em; line-height: 1.5; font-weight: 500!important; color: #000!important;} body #kboard-ask-one-document .kboard-detail .detail-attr.detail-category1 {display:none;} body #kboard-ask-one-document .kboard-content .content-view .detail-attr.detail-category1 {display:block; margin-bottom:20px;} body #kboard-ask-one-document .kboard-content .content-view .detail-attr.detail-category1 .detail-name {display:inline-block; background-color: #ff3b00; color: #fff; line-height: 1; font-weight: 900; padding: 10px 12px 13px;} body #kboard-ask-one-document .kboard-document-add-option-value-wrap {font-weight:900;} body #kboard-ask-one-document .kboard-content .content-view hr {background-color: #ababab;} body #kboard-ask-one-document .kboard-document-add-option-value-wrap .option-name {font-weight:400;} /* k-board - ocean-gallery-list*/ body #content .kboard-category {} body #content .kboard-category .kboard-category-list {background: none; border: 0; line-height: 1; clear: both; float: left; margin: 5px 0; padding: 0; width: 100%; list-style: none;} body #content .kboard-category .kboard-category-list li, body #content .kboard-category .kboard-category-list li:first-child {margin:0; padding:0; float:left;} body #content .kboard-category .kboard-category-list li a {font-size: 20px; color: #858585; margin: 0 16px 12px 0; float: left; border-bottom: 1px solid #858585; padding-bottom: 12px; text-decoration: none; min-height: 31px; box-sizing: border-box;} body #content .kboard-category .kboard-category-list li a:hover {color:#1b60ab; border-color:#1b60ab;} body #content .kboard-category .kboard-category-list li.kboard-category-selected a {color:#1b60ab; font-weight:700; border-bottom:5px solid #1b60ab;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item {padding:0; width:23%; margin:0 1% 1em; float:left;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item a {font-size: 17px;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item a:hover {color:#ff4a00;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail, body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img {width:100%; height:auto; border-radius:0; } body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail {line-height:0; margin-bottom:8px; box-shadow:none; border:1px solid #cbcbcb; transition: all 0.3s ease-in;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail .kboard-gallery-foreground, #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item:hover .kboard-gallery-username {display:none !important;} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-title {} body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item a:hover .kboard-gallery-thumbnail {border-color:#1b60ab; box-shadow:0 0 0 5px #1b60ab;} body .kboard-ocean-gallery-button-small, body .kboard-ocean-gallery-button-small:link, body .kboard-ocean-gallery-button-small:visited {text-decoration: none !important;} /* k-board - calendar */ body .kboard-cross-calendar-list .kboard-calendar-table {} body .kboard-cross-calendar-list .kboard-calendar-table .kboard-week-title {} body .kboard-cross-calendar-list .kboard-calendar-table .kboard-week-title th {border:1px solid #c9c9c9;} body .kboard-cross-calendar-list .kboard-calendar-table .calendar-column-sunday, body .kboard-cross-calendar-list .kboard-calendar-table .calendar-column-sunday a {} body .kboard-cross-calendar-list .kboard-calendar-table .calendar-column-saturday, body .kboard-cross-calendar-list .kboard-calendar-table .calendar-column-saturday a {} body .kboard-cross-calendar-list .kboard-calendar-table tr td {border:1px solid #c9c9c9;} body .kboard-cross-calendar-list .kboard-calendar-table .calendar-column-pre-next-day, body .kboard-cross-calendar-list .kboard-calendar-table .calendar-column-pre-next-day a {} body .kboard-cross-calendar-list .kboard-calendar-table .calendar-column-today .calendar-icon-day {} body .kboard-cross-calendar-list.pc .kboard-calendar-table .calendar-event .calendar-event-time {} body .kboard-cross-calendar-list .kboard-calendar-table .calendar-event .calendar-event-name {font-size:15px;} body #kboard-cross-calendar-document .kboard-detail-event-content .kboard-right-wrap .kboard-detail-item {font-size:17px; font-weight:400;} body #kboard-cross-calendar-document .kboard-detail-summary-wrap, body #kboard-cross-calendar-document .kboard-detail-summary-content-wrap {display:none;} .kbcinfo {float: left;} .kbcinfo .rfst {color: #4986e7;} .kbcinfo .rfst.org {color: #ffad46;} /* k-board - link */ body #kboard-cross-link-list .kboard-sort, body #kboard-cross-link-list .kboard-search {} #kboard-search-form-6 input.magnifier {width:30px !important; height:30px !important; } body .kboard-cross-link-list .kboard-list {float: left; padding-top: 8px; width: 100%; box-sizing: border-box;} body #kboard-cross-link-list .kboard-gallery-item {width: 23%; margin: 0 1% 2em; float: left; display: block; position: relative; text-align:center;} body #kboard-cross-link-list .kboard-gallery-item a {text-decoration: none; color:#000; font-size:14px;} body #kboard-cross-link-list .kboard-gallery-item a:hover {color:#ff4a00;} body #kboard-cross-link-list .kboard-gallery-item a .kboard-gallery-thumbnail {border: 1px solid #d9d9d9; line-height: 0; margin-bottom: 4px; transition: all 0.3s ease-in;} body #kboard-cross-link-list .kboard-gallery-item a:hover .kboard-gallery-thumbnail {border-color:#1b60ab; box-shadow:0 0 0 5px #1b60ab;} body #kboard-cross-link-list .kboard-gallery-item a .kboard-gallery-title {width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;} body #kboard-cross-link-list .kboard-gallery-item a.edit {background-color: #cbcbcb; color: #fff; line-height: 1; padding: 4px 8px 6px; font-size: 12px;} /* k-board - webzine */ body #kboard-venus-webzine-list .kboard-list {border-top: 1px solid #cbcbcb;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-item {border-bottom: 1px solid #cbcbcb; padding:0;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail {padding: 24px 24px 18px 0; width: 250px; height: auto;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap {padding: 38px 0 18px 0;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title {font-size:18px;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title a {font-weight:400;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title a:hover, body #kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover .kboard-webzine-wrap .kboard-webzine-title a {color: #ff4a00;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-content {margin-top: 12px; font-size: 14px; line-height: 1.3; height: 52px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #9d9d9d;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-content a, body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-content a:hover, body #kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover .kboard-webzine-content a {color: #9d9d9d;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-info .kboard-info-value {color: #00adba;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover {border:0; border-bottom: 1px solid #cbcbcb; padding:0; background-color: #f7f7f7;} body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-item {width:30.33%; margin:0 1.5% 2em 1.5%; padding:0;} body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-thumbnail {width:100%; height:auto; line-height: 0; margin-bottom: 8px; transition: all 0.3s ease-in;} body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-thumbnail:hover, body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-item:hover .kboard-venus-webzine-latest-thumbnail {box-shadow:0 0 0 5px #1b60ab; border: 1px solid #1b60ab;} body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-title {width:100%; line-height: 1.1; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 34px;} body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-title a {font-size: 15px;} body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-title:hover, body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-item:hover a {color: #ff4a00;} /* k-board - doc info */ body #content .kboard-title {} body #content .kboard-title p, body #content .kboard-title h1 {padding: 0 0 10px; font-size: 1.7em; line-height: 1.5; font-weight: 500; color: #000;} body #kboard-ocean-gallery-document .kboard-detail .detail-attr {font-weight:500; color:#000; } body #content .kboard-detail {background: none; border-top: 0; border-bottom: 2px solid #1b60ab;} body #content .kboard-detail .detail-attr {padding: 0 20px 12px 0; font-size: 15px; font-weight: 400;} body #content .kboard-detail .detail-attr div {color: #838383 !important; font-weight: 400 !important; padding-left: 4px !important;} body #content .kboard-detail .detail-attr .detail-name {font-weight: 600!important; text-align: left; color: #787878 !important;} body #content .kboard-content .content-view {padding:40px 0; word-break: keep-all;} /* 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;} 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: #1b60ab; 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; width: 100%; box-sizing: border-box; margin: 0;} body #content .kboard-attach button, body #kboard-venus-webzine-document .kboard-attach .kboard-button-download {color: #fff; font-size: 17px; font-weight: 700; line-height: 1; background-color: #64b8b8; padding: 16px 20px 18px; height: auto; float: left; vertical-align: top; margin: 8px 4px 8px 0; border-radius: 0; display: inline-block;} body #content .kboard-attach button::before {content: "\f0c6"; font-family: "Font Awesome 5 Free", FontAwesome; font-weight:bold; margin-right:12px; color: #1b60ab; transition: all 0.3s ease-in;} body #content .kboard-attach button:hover, body #content .kboard-attach button:hover::before {color:#fff; background-color:#1b60ab;} /* k-board - reply */ body #kboard-ocean-gallery-document .kboard-comments-area {margin-top:20px;} /* k-board - search form */ 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:#1b60ab !important; font-weight:500; font-size:16px !important; height: 30px; line-height: 30px;border:0;} body #content .kboard-search button:hover {color:#fff !important; background-color:#00adba !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:#1b60ab; 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;} body #content .kboard-pagination .kboard-pagination-pages li.active a { font-weight: 700; border:0; color: #fff; text-decoration: none; background-color:#1b60ab;} 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:#1b60ab !important; text-decoration: none; font-weight:500; font-size:16px!important; height: 36px; line-height: 35px; padding: 0 20px!important; border: 0;} body #content .kboard-control a:hover {color:#fff !important; background-color:#00adba !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;} /* k-board - ocean-franchise */ body #kboard-ocean-franchise-list .kboard-header {padding: 40px; border: 1px solid #cbcbcb; box-sizing: border-box; margin: 40px auto; max-width: 1200px; float: none; overflow: hidden;} body #kboard-ocean-franchise-list .kboard-map-v2 {width:48%; padding-right:2%;} body #kboard-ocean-franchise-list .kboard-header-title {background: none; padding: 0; border: 0; font-size: 20px; line-height: 37px; color: #131313; font-weight: 500; float: left; min-width: 70px; height: 40px;} body #kboard-ocean-franchise-list .kboard-branch .kboard-header-title {float:none;} body #kboard-ocean-franchise-list .kboard-search-gunpo select {height: 40px; border: 1px solid #cbcbcb; background: #f9f9f9; border-radius: 8px; box-sizing: border-box;} body #kboard-ocean-franchise-list .kboard-search-gunpo input {height: 40px; border: 1px solid #cbcbcb; background: #f9f9f9; border-radius: 8px; box-sizing: border-box;} body #kboard-ocean-franchise-list .kboard-search-gunpo button {height: 40px; border: 1px solid #1b60ab; background: #1b60ab !important; border-radius: 8px; color:white} body #kboard-ocean-franchise-list .kboard-branch .kboard-branch-button {height: 40px; line-height: 37px; font-size: 15px; font-weight: 500; border: 1px solid #cbcbcb; background: #f9f9f9; border-radius: 8px; width: 22%; } body #kboard-ocean-franchise-list .kboard-branch .kboard-branch-button.active, #kboard-ocean-franchise-list .kboard-branch .kboard-branch-button:hover {border: 1px solid #1b60ab; background: #1b60ab; } body #kboard-ocean-franchise-list {margin-bottom:60px; padding: 0 20px;} body #kboard-ocean-franchise-list .kboard-list {float: none; max-width: 1230px; margin: 0 auto; } body #kboard-ocean-franchise-list .kboard-list-item {position:relative; width: 31.33%; margin: 0 3% 2em 0; padding:0 0 20px; display: block; float: left; vertical-align: top; box-shadow: none; border: 1px solid #cbcbcb; transition: all 0.3s ease-in; box-sizing: border-box;} body #kboard-ocean-franchise-list .kboard-list-item:nth-child(3n) {margin-right: 0;} body #kboard-ocean-franchise-list .kboard-list-item:hover {border-color:#1b60ab; box-shadow:0 0 0 5px #1b60ab;} body #kboard-ocean-franchise-list .kboard-list-item:hover::before {} body #kboard-ocean-franchise-list .kboard-list-item a {} body #kboard-ocean-franchise-list .kboard-item-description {padding:0 20px; font-size: 17px;} body #kboard-ocean-franchise-list .kboard-item-description a {font-size: 20px; font-weight:500; text-decoration: none; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 22px; height: 44px;} body #kboard-ocean-franchise-list .kboard-item-description a:hover, body #kboard-ocean-franchise-list .kboard-list-item:hover .kboard-item-description a {color:#1b60ab;} body #kboard-ocean-franchise-list .kboard-item-info {padding:0 20px; font-size: 15px;} body #kboard-ocean-franchise-document {margin-bottom:60px;} body #kboard-ocean-franchise-document .kboard-detail {display:none;} body #kboard-ocean-franchise-document .kboard-franchise-info {align-items: flex-start;} body #kboard-ocean-franchise-document .info_left_wrap {border:0; padding-right: 40px; width: 38%;} body #kboard-ocean-franchise-document .kboard-document-header .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {height: auto !important;} body #kboard-ocean-franchise-document .kboard-document-header .lSSlideWrapper img {width: 100%; height: auto;} body #kboard-ocean-franchise-document .kboard-document-header .lSSlideOuter .lSPager.lSGallery {width:100% !important;} body #kboard-ocean-franchise-document .kboard-document-header .lSSlideOuter .lSPager.lSGallery li {margin:0 10px 10px 0 !important; border-radius: 8px;} body #kboard-ocean-franchise-document .under_img {border:0;} body #kboard-ocean-franchise-document .kboard-franchise-info table {width: 62%;} body #kboard-ocean-franchise-document .kboard-franchise-info table td {height: auto; font-size: 17px; line-height: 1.5; padding: 12px;} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr {font-weight:500; width: 140px; } body #kboard-ocean-franchise-document .kboard-franchise-info table .title {border: 0; height:auto; text-align: left; font-size: 32px; font-weight: 500; padding:0 0 40px 40px;} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr::before {content:"\f1ad"; font-weight:bold; font-family:"Font Awesome 5 Free", FontAwesome; margin-right:8px; color: #00adba;} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr.location::before {content:"\f3c5"; padding: 1px;} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr.dt01::before {content:"\f500";} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr.dt02::before {content:"\f0c0";} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr.dt03::before {content:"\f0ae";} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr.dt04::before {content:"\f017";} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr.dt05::before {content:"\f159";} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr.dt06::before {content:"\f0ea";} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr.dt07::before {content:"\f879";} body #kboard-ocean-franchise-document .kboard-content {border:0; border-top: 1px solid #cbcbcb;} /* 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:#000 !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; border: 0;} .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 {background-color: #fff; border: 1px solid #d8d8d8; padding: 10px; box-sizing: border-box;} #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; margin-bottom: 4px; color:#262626; font-size: 17px;} .post_a div.entry-content label.vfb-desc {font-weight:700;} .post_a div.entry-content .visual-form-builder li span label { margin: 0 0 8px 0; font-size: 15px; 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: #000; border: 1px solid #000; 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: 5px 8px 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;} .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:31.33% !important;} @media screen and (max-width: 768px) { .post_a div.entry-content .visual-form-builder input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea { width:100%;} } #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:15px; line-height:1.5; color:#232323;} .home h1 {font-size: 2.25em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} .home h2 {font-size: 2em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} .home h3 {font-size: 1.75em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} .home h4 {font-size: 1.5em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} .home h5 {font-size: 1.25em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} .home h6 {font-size: 1.1em; line-height: 1; letter-spacing: 0px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #232323; } .home .so-widget-sow-editor a {color: #00a3ff; text-decoration: underline;} .home .so-widget-sow-editor a:hover {color: #ff4a00;} .home .so-widget-sow-editor ul {list-style-type: disc;} .home .so-widget-sow-editor ul li {} .home .so-widget-sow-editor ul li::marker {} .home .so-widget-sow-editor ol {list-style-type: decimal;} .home .so-widget-sow-editor ol li {} .home .so-widget-sow-editor ol li::marker {} #bbox {max-width:1200px; margin:0 auto; padding:0 40px;} #bbox.w1920 {max-width:1920px; padding:0;} .tacenter {text-align:center;} .taright {text-align: right;} .cowhite {color:#fff;} .cowhite h3 {color:#fff; border-color:#fff;} /* =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 {} #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 .menu-link-depth-1 {display:none;} #smenu.hr ul.sub-menu {} #smenu.hr ul.sub-menu .menu-link-depth-2 {text-decoration: none; color: #525252; font-size: 20px; text-align:center; border:0; line-height: 1; padding: 12px 8px 16px; display: inline-block; width:33%; margin-bottom:0; margin-right:0.33%; background-color:#dfdfdf; float: left;} #smenu.hr ul.sub-menu .menu-link-depth-2.menu-link-selected {background-color: #00adba; color:#fff;} #smenu.hr ul.sub-menu .menu-link-depth-2:hover {background-color:#646464; color:#fff;} #cepos {font-size:17px; line-height:1.2; font-weight:400;} #cepos h5 {font-size:1.4em;} #zimg {} #zimg a.ari-fancybox {display:inline-block; line-height:0; background-color:#f4f4f4; border:1px solid #e2e2e2;} #ctitle {position:relative; font-size:16px; color:#989898;} #ctitle h3 {color:#1b60ab; padding-bottom: 16px; margin: 0;} #ctitle a.btmr {font-size:14px; color:#8c8c8c; line-height:1; letter-spacing:-0.5px; text-decoration: none; position:absolute; right:0; top:30px;} #ctitle a.btmr::after {content: "\f067"; font-family: "Font Awesome 5 Free", FontAwesome; margin-left:2px; color:#00adba;} #ctitle a.btmr:hover {color:#171717;} #ctitle.btmrmb a.btmr {top:10px;} #ctitle.nbmore {position:relative; font-size:16px; color:#989898;} #ctitle.nbmore h3 {color:#1b60ab; padding-bottom: 16px; margin: 0;} #ctitle.nbmore a {font-size:14px; color:#8c8c8c; line-height:1; letter-spacing:-0.5px; text-decoration: none; position:absolute; right:0; top:8px;} #ctitle.nbmore a::after {content: "\f082"; font-family: "Font Awesome 5 brands"; margin-left:8px; color: #1b60ab; font-size: 17px;} #ctitle.nbmore a:hover {color:#171717;} #hpbox {position:relative; font-size:16px; color:#fff; background-color:#00adba; padding:30px 20px; text-align: center;} #hpbox h3 {font-size:1.1em; color:#fff; font-weight:500; padding-bottom: 16px; padding-left:10px; margin: 0 0 12px; border:0; text-align:left;} #hpbox a.btmr {width:auto; font-size:14px; color:#fff; line-height:1; letter-spacing:-0.5px; text-decoration: none; position:absolute; right:30px; top:30px;} #hpbox a.btmr::after {content: "\f067"; font-family: "Font Awesome 5 Free", FontAwesome; margin-left:2px; color:#fff; transition: all 0.3s ease-in;} #hpbox a.btmr:hover {color:#fff818;} #hpbox a.btmr:hover::after {color:#fff818;} #hpbox a {width:32%; display:inline-block;} #hpbox a:hover {opacity:0.7;} #hptbox {position:relative; font-size:16px; color:#989898; background-color:#e2f6f8; padding:30px 30px; } #hptbox h3 {font-size:1.1em; font-weight:500; padding-bottom: 16px; margin: 0 0 16px; border:0;} #hptbox a.btmr {font-size:14px; color:#8c8c8c; line-height:1; letter-spacing:-0.5px; text-decoration: none; position:absolute; right:20px; top:30px;} #hptbox a.btmr::after {content: "\f067"; font-family: "Font Awesome 5 Free", FontAwesome; margin-left:2px; color:#00adba;} #hptbox a.btmr:hover {color:#171717;} #mslidebox .panel-grid-cell {margin-bottom:0;} #msltxt {font-size:22px; color:#fff; line-height:1.4; padding:20px 50px;} #msltxt h1 {font-size:2.3em; color:#fff; line-height:1.2; font-weight:700; margin: 0 0 12px; border:0;} #msltxt h1 strong {color:#94f4fb;} #msltxt h1 em {color:#ffd699;} #msltxt a {font-size:18px; text-decoration: none; color:#1b60ab; background-color:#fff; line-height:1; display:inline-block; padding:12px 24px 16px; border-radius:50px; margin:24px 0 30px;} #msltxt a::after {content: "\e065"; font-family: "Font Awesome 5 Free", FontAwesome; margin-left:12px;} #msltxt a:hover {color: #fff; background-color: #2a2a2a;} body .cosmosfarm-share-buttons-default {margin-top: 80px;} #ppl {padding-top:30px;} #ppl h1 {font-size: 1.9em; font-weight: 700; margin-bottom: 8px; padding-top:4px;} #ppl h3 {font-size: 1.1em; font-weight: 700; padding: 12px 0; margin-bottom:8px; border:0; border-bottom: 2px solid #1b60ab;} #ppl ul {margin:10px 0; font-size: 16px; color: #818181; padding: 0 0 0 24px;} #ppl li {margin: 0 0 4px;} #ppl i {font-size: 5em; color: #a4bedb;} #rrt table {width:100%; border:0; border-top:2px solid #000;} #rrt table th, #rrt table td {font-size: 15px; padding: 8px 4px 10px; border: 0; border-bottom: 1px solid #c9c9c9;} #rrt table th {font-weight:700; color:#1b60ab; text-align: right; width: 110px; padding-right: 8px;} #rrt table strong {} #rrt ul {} #rrt ul li {} #qlbt {} #qlbt a {text-decoration: none; display:inline-block; line-height:1; padding:20px 30px 24px; background-color:#1b60ab; color:#fff; border-radius:8px;} #qlbt a:hover {background-color: #ff1200;} /* =IE -------------------------------------------------------------- */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #menu .sub-menu a {} #smenu ul.sub-menu .menu-link-depth-2 {} .panel-grid.panel-has-style > .panel-row-style, .panel-grid.panel-no-style {display: -ms-flexbox !important; -ms-flex-align: start !important; min-height: 1px;} } /* =chrome -------------------------------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio:0) { } /* =firefox -------------------------------------------------------------- */ @-moz-document url-prefix() { #smenu ul.sub-menu .menu-link-depth-2 {} #smenu.hr ul.sub-menu .menu-link-depth-2 {} } /* =Responsive -------------------------------------------------------------- */ @media screen and (max-width: 1100px) { } @media screen and (max-width: 959px) { body { } /* header */ #header {height: 80px;} #header-main {height: 60px; position: static;} #header-main-wrap {} /* header logo */ #header-logo {margin-top:10px !important;} #header-logo img {height:60px !important;} /* 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: 'IBM Plex Sans KR','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:80px;} #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) { div.entry-header {height:72px;} div.entry-header h1.entry-title {font-size: 30px; padding:16px 30px 20px;} /* container */ #container #main {padding: 100px 30px 0;} #container #main #content {width: 100%;} #sidebar {width: 100%;} .home {font-size:13px;} /* Meks Shortcode - tab contents */ .post_a div.entry-content .mks_tab_nav_item.active {border-color: #ADADAD;} .post_a div.entry-content .mks_tab_nav_item {width:100%; margin:4px 0 0 0;} /* k-board */ #kboard-default-list .kboard-list table td.kboard-list-date, #kboard-default-list .kboard-list table td.kboard-list-view, #kboard-thumbnail-list .kboard-list table td.kboard-list-date, #kboard-thumbnail-list .kboard-list table td.kboard-list-view {display:none;} /* 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;} /* Meks shortcode */ .mks_col .mks_one_half, .mks_col .mks_one_third, .mks_col .mks_one_quarter, .mks_col .mks_two_thirds{width: 100%!important; margin-left: 0!important; margin-bottom: 1em;} .mks_pullquote{width: 100% !important;} .mks_tab_nav_item{padding: 0 10px !important;}s_tab_nav_item{padding: 0 10px;} #msltxt {font-size:18px;} #msltxt h1 {font-size:1.6em;} #msltxt a {font-size:16px;} body #content .kboard-category .kboard-category-list li a {font-size:14px; margin-right: 12px;} body #kboard-cross-link-list .kboard-gallery-item {width: 48%; margin: 0 1% 2em; } body #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item {width: 48%; margin: 0 1% 2em;} body #content .kboard-search select {width:30%; box-sizing: border-box; float: left; max-width:100%;} body #content .kboard-search input {width:50%; box-sizing: border-box; float: left; max-width:100%;} body #content .kboard-search button {width:20%; box-sizing: border-box; float: left; max-width:100%;} 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;} #smenu.hr ul.sub-menu .menu-link-depth-2 {width:100%; margin:0 0 4px; font-size:16px;} body #kboard-ask-one-list .kboard-list .kboard-mobile-contents, body #kboard-ask-one-list .kboard-list table td.kboard-list-periode {display:none;} body #kboard-ask-one-list .kboard-list table .kboard-ask-one-content a {display: -webkit-box; /*-webkit-line-clamp: 2; */ -webkit-box-orient: vertical; color: #9d9d9d;} body #kboard-ask-one-list .kboard-list table .kboard-ask-one-content a .kboard-list-periode.mobile {display:block; color:#000; font-weight:500; margin-top: 10px;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail {width:26%; padding-right: 12px;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title {font-size:16px;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-content {height: 38px; display: none;} body #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap {padding: 24px 0 18px 0;} body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-item {width:48%; margin:0 1% 2em;} body .visual-form-builder li.vfb-three-column div span {width:100%;} body #content .kboard-pagination .kboard-pagination-pages li a {padding: 12px 14px !important;} body #kboard-ocean-gallery-latest a {width:47%; margin: 0 1.5% 1em;} body #kboard-ocean-gallery-latest .kboard-ocean-gallery-latest-title {font-size:15px;} #ppl i {font-size:3.5em;} #mbn .panel-grid .panel-grid-cell {margin-bottom:0;} body #kboard-venus-webzine-latest .kboard-venus-webzine-latest-title {height: 32px; overflow: hidden; min-height: auto;} body #kboard-ocean-franchise-list {padding:0;} body #kboard-ocean-franchise-list .kboard-header {border:0; padding:0;} body #kboard-ocean-franchise-list .kboard-map-v2 {width:100%;} body #kboard-ocean-franchise-list .kboard-header-title {float:none;} body #kboard-ocean-franchise-list .kboard-branch {text-align: left;} body #kboard-ocean-franchise-list .kboard-branch .kboard-branch-button {width: 23%;} body #kboard-ocean-franchise-list .kboard-list-item {width:100%; margin:0 0 1em;} body #kboard-ocean-franchise-document .kboard-franchise-info {display: block;} body #kboard-ocean-franchise-document .info_left_wrap, body #kboard-ocean-franchise-document .kboard-franchise-info table {width:100%; padding:0;} body #kboard-ocean-franchise-document .kboard-franchise-info table td {font-size:15px;} body #kboard-ocean-franchise-document .kboard-franchise-info table .title {font-size:24px; padding: 20px 0;} body #kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr {width:90px;} body #kboard-ocean-franchise-document .kboard-content {border: 0;} body #content .kboard-content .content-view {padding:0;} body #kboard-ocean-franchise-document .kboard-control .left, body #kboard-ocean-franchise-document .kboard-control .right {float:none; width:100%; text-align: center; margin-bottom:8px;} } @media screen and (max-width: 600px) { body { } /* header */ #header {height: 60px;} #header-main {height: 60px;} #header-main-wrap {} /* header logo */ #header-logo {margin-top:9px !important;} #header-logo img {height:36px !important;} /* container */ #container {margin-top:60px;} #menu-path {padding:12px 40px;} #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 {} }