/***** 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/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap&subset=korean'); /* =Body -------------------------------------------------------------- */ body, input, textarea, .item-meta, .entry-meta, .meta, .comment-meta { font-family: 'Noto Sans KR', 'Nanum Gothic', dotum, gulim, helvetica, arial, verdana, sans-serif; font-weight: 300; word-break: keep-all;} body {} #wrap {} b, strong {} img {width:auto; height:auto; max-width:100%;} /* cover, list title basic style */ .item-title, .entry-title {color: #4A4A4A;} .item-title a, .entry-title a {font-size:14px; font-weight:900; line-height: 150%; color: #4A4A4A;} .item-highlight-block:hover .entry-title a, .item-highlight-block:hover .item-title a { color: #272727;} .item-title a:hover, .entry-title a:hover, .entry-title a:active, .item-title a:active {text-decoration:underline;} .item-summary, .entry-summary { color: #888888; /*text-align: justify;*/ font-family: 'Noto Sans KR', 'Nanum Gothic'; font-size: 13px; line-height: 1.3; overflow: hidden; margin-bottom:8px;} .item-highlight-block:hover .item-summary, .item-highlight-block:hover .entry-summary { color: #585858;} .item-thumb, .entry-thumb {background-color: #2F2F2F; margin-bottom:4px;} .item-thumb a, .entry-thumb a {opacity:1;} .item-highlight-block:hover .item-thumb a, .item-highlight-block:hover .entry-thumb a, .item-thumb a:active, .entry-thumb a:active {opacity:0.5;} .item-meta, .entry-meta, .meta, .comment-meta { color: #adadad; font-size: 11px; line-height: 170%; } .item-meta a, .entry-meta a, .meta a, .comment-meta a { color: #adadad; } .item-meta a:hover, .item-meta a:active, .entry-meta a:hover, .entry-meta a:active, .meta a:hover, .meta a:active, .comment-meta a:hover, .comment-meta a:active { color: #4a4a4a; text-decoration: underline; } .item-meta span, .entry-meta span, .meta span { height:20px; padding-right: 8px;} .item-meta .date, .entry-meta .date, .meta .date {} .item-meta .comments, .entry-meta .comments, .meta .comments, .comment-meta .comments { } .item-meta .views, .entry-meta .views, .meta .views, .comment-meta .views { } .item-meta .author, .entry-meta .author, .meta .author { } .item-meta .cat-links, .entry-meta .cat-links, .meta .cat-links {} .item-meta .number, .entry-meta .number {background:none; padding-right: 0;} .item-meta i, .entry-meta i, .meta i, .comment-meta i {margin-right:4px;} img.thumb {width:auto; max-width:100%; height:auto;} /* =Header -------------------------------------------------------------- */ #header {width:100%; height:auto; padding: 0; background-color:#fff; position:fixed; box-shadow: 0 2px 10px rgba(0,0,0,0.3);} #header-main {background:transparent; max-width: 1200px; height: auto; margin: 0 auto; padding:0; line-height: 0;} #header-main-wrap {} #header-logo {margin-top: 10px; margin-bottom:10px; float: left; } #header-logo a {opacity:1;} #header-logo a:hover {opacity:0.6;} #header.scrollup {} #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;} /* header topbar */ #hdbar {background-color:#f0eae0; width:100%; height:45px; padding:0 4%; box-sizing: border-box;} #hdbar .ara {max-width:1200px; margin:0 auto;} #hdbar .lbox {float:left; font-size:15px; line-height: 42px; color:#817765; font-weight:900; letter-spacing:8px;} #hdbar .lbox strong {color:#e83429;} #hdbar .rbox {float:right;} #hdbar a {float: left; height:45px;} #hdbar a.lang {font-size:15px; font-weight: 900; line-height: 42px; letter-spacing: -1px; padding:0 10px; color:#fff; background-color: #e1c79c;} #hdbar a.lang:hover {background-color: #a49275;} #hdbar.kr {display:block;} #hdbar.en {display:none;} /* =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: #4a4a4a; display: inline-block; box-sizing:border-box;} /* menu depth 1 */ #menu a.menu-link-depth-1 {font-size: 24px; font-weight:400; height:40px; line-height: 1; letter-spacing: -1px; margin-bottom: 38px; margin-left: 30px; border-bottom:2px solid transparent;} #menu a.menu-link-depth-1.menu-link-selected {color:#e83429; border-color:#e83429;} /* menu depth 1 hover */ #menu li.menu-item.menu-hover > a, #menu li.menu-item.menu-item a:hover {color:#e83429; border-color:#e83429;} /* menu depth 2 */ #menu .sub-menu { display: none; left: 50%; margin-left:-70px; top: 60px; 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: #e83429; color: #fff; font-size: 16px; font-weight:400; text-align: center; } #menu .sub-menu a.menu-link-selected {background-color: #b3180f; 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:#b3180f; color:#fff;} /* menu depth 3 */ #gnb ul.sub-menu li.menu-item ul { z-index: 2; left: 245px; top: 0; } #gnb ul.sub-menu li.menu-item ul a {text-align: left;} /* menu depth 2 - has menu */ #menu span.has-menu { display: none; vertical-align: middle; } #menu span.has-menu span.has-menu-icon { display: inline-block; width: 15px; height: 12px; background: transparent url("../images/top_menu_arrow-sub.png") 0 -1px no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } #menu a.menu-link.menu-link-depth-2.menu-link-has-menu span.has-menu { display: inline-block; float:right; display:none;} #menu a.menu-link.menu-link-depth-2.menu-link-has-menu::after {content: "\f105"; font-size: 14px; font-family: FontAwesome; position: absolute; right: 10px; top: 8px;} /* menu a - custom menu */ #menu 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:#272727;} /* =Container -------------------------------------------------------------- */ #container { position: static; width: 100%; min-height: 400px; margin-top:171px;} #container #main { max-width: 1200px; margin: 0 auto; padding: 0 4%; padding-top: 20px; overflow: hidden;} /* contents box - with sidebar */ #container #main #content { width: 74%; float: right; margin-bottom:30px;} #sidebar { width: 22%; float: left; margin-bottom: 30px;} /* contents box - home */ .home #container #main {width: 100%; max-width: 100%; padding: 0;} .home #container #main #content {width:100%; float:left; margin-bottom:0;} /* contents box - fullwidth */ .page-template-pagetemplate-fullwidth #container #main #content {width: 100%;} .page-template-pagetemplate-sitemap #container #main #content, .page-template-pagetemplate-tags #container #main #content, .archive.tag #container #main #content, .search-results #container #main #content, .archive.author #container #main #content {width:100%;} .page-template-pagetemplate-sitemap #sidebar, .page-template-pagetemplate-tags #sidebar, .archive.tag #sidebar, .search-results #sidebar, .archive.author #sidebar {display:none;} .page-template-pagetemplate-fullwidth #container #main { max-width: 100%; margin: 0; padding: 0;} /* subpage common */ .page-header {border-bottom: 1px solid #828282;} .page-header h2 {font-size: 24px; line-height: 150%; font-weight: 400; color: #4a4a4a; letter-spacing: -1px; padding-bottom: 10px;} /* =Footer -------------------------------------------------------------- */ #footer {background-color: #fff; border-top: 2px solid #f2f2f2;} #footer a { color: #4E4E4E; font-weight:800;} #footer a:hover, #footer a:active {} #footer #footer-header {width:100%; padding: 0; 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;} #footer #footer-header ul#fnb li {} #footer #footer-header ul#fnb li a {font-size: 13px; font-weight: 500; color: #797979; line-height: 1; margin-right: 8px; padding-right: 8px; border-right: 1px solid #a5a5a5;} #footer #footer-header ul#fnb li a:hover, #footer #footer-header ul#fnb li a:active {color: #272727; 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: 20px 4% 50px;} #footer #footer-main #footer-logo { display: inline-block; float: left; margin-right: 30px; margin-bottom: 20px;} #footer #footer-main #footer-logo img {width:auto; max-width:100%; height:auto;} #footer #footer-main #footer-logo span { display: inline-block; width: 160px; height: 32px; background: transparent url("../images/footer_logo.png") 0 0 no-repeat; } #footer #footer-main #footer-main-text { line-height: 1.7; font-family: 'Noto Sans KR', 'Nanum Gothic'; font-size: 14px; color: #121212; display: inline-block; padding-top: 14px;} #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 4%; 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 '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: #4a4a4a; color: #fff; border: 1px solid #4a4a4a; } /* =Sidebar - common -------------------------------------------------------------- */ #sidebar .xoxo {} #sidebar a { color: #616161;} #sidebar a:hover, #sidebar a:active { color: #0095FF;} #sidebar ul.xoxo li.widget { width: 100%; margin-bottom: 30px; } #sidebar .widget-header { position: relative; margin-bottom: 12px;} #sidebar h3.widget-title { font-size: 16px; color: #4a4a4a; line-height: 170%; border-bottom: 1px solid #ADADAD; padding-bottom: 8px; letter-spacing: -1px;} #sidebar .title, #sidebar .summary {margin-bottom:5px;} #sidebar .title a, #sidebar .summary a {line-height:1.5;} /* =Sidebar - Sub Menu -------------------------------------------------------------- */ /* submenu basic style */ #sidebar ul, #sidebar li {margin:0; padding:0; list-style-type: none;} #sidebar li.menu-item-depth-1 { } #sidebar li.menu-item-depth-2 { } #sidebar .bct_widget_submenu { } #sidebar .bct_widget_submenu a {font-size: 13px; font-weight: 900; color: #4a4a4a; } #sidebar .bct_widget_submenu a:hover, #sidebar .bct_widget_submenu a:active { background-color: #d1d1d1; } /* depth1 (sub menu title) */ #sidebar .bct_widget_submenu a.menu-link-depth-1 {font-size: 24px; font-weight: 400; letter-spacing: -1px; line-height: 1.5; background: none; padding-bottom: 10px; border-bottom: 1px solid #828282;} #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item-has-children, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item { margin-bottom: 0;} #sidebar .bct_widget_submenu a.menu-link-depth-2 { line-height: 1; padding: 10px 15px 12px 10px; border-bottom: 1px solid #ADADAD;} #sidebar .bct_widget_submenu a.menu-link-depth-2::before {content: "\f061"; font-family: "Font Awesome 5 Free"; margin-right:10px;} #sidebar .bct_widget_submenu a.menu-link-depth-3 { font-size: 11px; line-height:1; padding: 8px 15px 10px 33px; background-color:#fff; border-bottom: 1px solid #ADADAD; } #sidebar .bct_widget_submenu a.menu-link-depth-3::before {content: "\f30b"; font-family: "Font Awesome 5 Free"; margin-right:4px;} /* depth2 selected > depth3 */ #sidebar .bct_widget_submenu .menu-item-depth-2.menu-item-selected a.menu-link-depth-3 {background-color:#F5F5F5;} /* depth3 selected */ #sidebar .bct_widget_submenu a.menu-link-depth-3.menu-link-selected, #sidebar .bct_widget_submenu li.menu-item-has-children.menu-item-depth-2.menu-item-selected a.menu-link-depth-3.menu-link-selected { background-color: #888888; color:#fff; } /* depth2+3 hover */ #sidebar .bct_widget_submenu a.menu-link-depth-2:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-has-child > a:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-has-child > a:active, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a:active, #sidebar .bct_widget_submenu a.menu-link-depth-2:active { background-color: #3e3e3e; border-color:#3e3e3e; color:#fff; } /* depth3 hover */ #sidebar .bct_widget_submenu a.menu-link-depth-3:hover, #sidebar .bct_widget_submenu a.menu-link-depth-3:active,#sidebar .bct_widget_submenu li.menu-item-has-children.menu-item-depth-2.menu-item-selected a.menu-link-depth-3:hover,#sidebar .bct_widget_submenu li.menu-item-has-children.menu-item-depth-2.menu-item-selected a.menu-link-depth-3:active { background-color: #3e3e3e; border-color:#3e3e3e; color:#fff; } /* depth2 - selected */ #sidebar .bct_widget_submenu li.menu-item-depth-2menu-item-has-children > a.menu-link-selected, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a.menu-link-selected { background-color: #4A4A4A; border-color:#4A4A4A; color: #fff; } /* depth2 selected - hover */ #sidebar .bct_widget_submenu li.menu-item-depth-2menu-item-has-children > a.menu-link-selected:hover, #sidebar .bct_widget_submenu li.menu-item-depth-2.menu-item > a.menu-link-selected:hover { background-color: #3e3e3e; border-color:#3e3e3e; color:#fff;} /* depth2 has children - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2 { } /* depth2 has children hover - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2:hover { } /* depth2 has children selected - arrow */ #sidebar .bct_widget_submenu li.menu-item-has-children > a.menu-link-depth-2.menu-link-selected {} /* =Sidebar - recent posts -------------------------------------------------------------- */ #sidebar .bct_widget_recent_posts .widget-body li {} #sidebar .bct_widget_recent_posts .title a { } #sidebar .bct_widget_recent_posts .title a:hover, #sidebar .bct_widget_recent_posts .title a:active { } #sidebar .bct_widget_recent_posts div.meta {} /* =Sidebar - recent comments -------------------------------------------------------------- */ #sidebar .bct_widget_recent_comments .widget-body li {} #sidebar .bct_widget_recent_comments .summary a { } #sidebar .bct_widget_recent_comments .summary a:hover, #sidebar .bct_widget_recent_comments .summary a:active { } #sidebar .bct_widget_recent_comments div.meta { } #sidebar .bct_widget_recent_comments div.meta span.author {} /* =Sidebar - archive -------------------------------------------------------------- */ #sidebar .bct_widget_archive .select-wrapper { border: 1px #ddd solid; height: 38px; line-height: 38px; padding: 0 10px; background-color: #f8f8f8; } #sidebar .bct_widget_archive select {color: #565656;} /* =Sidebar - calendar -------------------------------------------------------------- */ #sidebar .bct_widget_calendar .widget-wrapper {border-bottom: 2px solid #F0F0F0;} #sidebar .bct_widget_calendar div.widget-body { background-color: #fff; border: 1px solid #DBDBDB; padding: 12px 16px 20px; } #sidebar .bct_widget_calendar div.calendar-header {text-align: center; height: 30px; line-height: 30px; margin-bottom: 15px; } #sidebar .bct_widget_calendar div.calendar-header a.prev, #sidebar .bct_widget_calendar div.calendar-header a.next { width: 30px; height: 30px; position: absolute; top: 0; background: transparent url("../images/btn_calendar.png") 0 0 no-repeat; text-align: left;} #sidebar .bct_widget_calendar div.calendar-header div.title { font-size: 14px; font-size: 1.4rem; font-weight: 900; } #sidebar .bct_widget_calendar table.calendar {margin: 0 auto; font-size: 11px; font-size: 1.1rem; color: #404040; width: 100%; padding: 0 5%;} #sidebar .bct_widget_calendar table.calendar th { text-align: center; height: 15px; } #sidebar .bct_widget_calendar table.calendar td span { height: 26px; line-height: 26px; display: block; text-align: center; } #sidebar .bct_widget_calendar table.calendar td { width: 14.28%; padding: 2px; vertical-align: top; } #sidebar .bct_widget_calendar table.calendar td.exist a span {} #sidebar .bct_widget_calendar table.calendar td.exist a:hover span, #sidebar .bct_widget_calendar table.calendar td.exist a:active span { } #sidebar .bct_widget_calendar table.calendar .sun { } #sidebar .bct_widget_calendar table.calendar .sat { } #sidebar .bct_widget_calendar table.calendar .today span {background-color: #D8D8D8; } /* =Sidebar - tags -------------------------------------------------------------- */ #sidebar .bct_widget_tag_cloud div.tagcloud {text-align: center;} #sidebar .bct_widget_tag_cloud a { display: inline-block; padding: 4px 6px 6px; text-decoration: none; font: 12px 'Noto Sans KR', 'Nanum Gothic'; color: #868686; background-color: #fff; margin-bottom: 5px; border: 1px solid #CBCBCB;} #sidebar .bct_widget_tag_cloud a.tag-class-4 {font-size: 16px; background-color: #3A3A3A; border-color:#3A3A3A; color:#fff;} #sidebar .bct_widget_tag_cloud a.tag-class-3 {font-size: 14px; background-color: #676767; border-color:#676767; color:#fff;} #sidebar .bct_widget_tag_cloud a.tag-class-2 {font-size: 12px; background-color: #F1F1F1; border-color: #888888; color: #676767;} #sidebar .bct_widget_tag_cloud a:hover, #sidebar .bct_widget_tag_cloud a:active {background-color: #393939; color: #fff; border-color:#393939;} /* =Sidebar - text/html -------------------------------------------------------------- */ #sidebar .bct_widget_text_html .summary { line-height: 1.7; color:#9d9d9d;} #sidebar .bct_widget_text_html .summary a { color: #0095FF; text-decoration: underline; } #sidebar .bct_widget_text_html .summary a:hover, #sidebar .bct_widget_text_html .summary a:active { color: #0057DA; } /* =Post style + Single Page -------------------------------------------------------------- */ .post_a div.entry-content { position: relative; font-size: 16px; line-height: 1.5; color: #353535;} .post_a div.entry-content a {text-decoration: underline; color: #ff4a00;} .post_a div.entry-content a:hover, .post_a div.entry-content a:active {color:#0057DA;} /* blockquote */ .post_a div.entry-content blockquote { color: #444444; margin: 0 0 30px; padding: 20px 20px 26px 84px; background:#f4f4f4 url("../images/quote.png") 20px 20px no-repeat; min-height:70px; border-radius:8px;} /* post list style - basic */ ol { margin: 4px 0 20px 14px; list-style-type: decimal;} ol li { margin-left: 16px; margin-bottom: 5px;} /* post list style - numbering */ ul { margin: 4px 0 20px 10px; list-style-type: disc;} ul li {margin-left: 16px; margin-bottom: 5px;} /* heading */ h1 {font-size: 2.25em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} h2 {font-size: 2em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} h3 {font-size: 2.15em; line-height: 1; letter-spacing: -3px; margin-bottom: 20px; font-weight: 900; color:#f39800;} h4 {font-size: 1.5em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} h5 {font-size: 1.25em; line-height: 1; letter-spacing: -1px; margin-bottom: 12px;} h6 {font-size: 1.1em; line-height: 1; letter-spacing: 0px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #232323; } /* hr */ .post_a div.entry-content hr {margin: 4px 0; border-top: 1px dashed #ADADAD;} /* image caption */ .post_a div.entry-content .wp-caption .wp-caption-text, .post_a div.entry-content .wp-caption-dd {color: #909090; font-size: 11px; line-height: 150%; padding: 8px 10px; background-color:#E8E8E8;} /* sub title */ div.entry-header { border-bottom: 1px solid #ADADAD; margin-bottom: 30px; padding-bottom:16px;} div.entry-header h1.entry-title { font-size: 24px; line-height: 150%; font-weight: 400; color: #4a4a4a; letter-spacing: -1px; } div.entry-header div.entry-meta {margin-top: 10px;} div.entry-header div.entry-meta span.author { font-weight: 900; } .home div.entry-header {display:none;} /* page pagetemplate fullwidth */ .page-template-pagetemplate-fullwidth div.entry-header {display:none;} /* page footer area */ div.entry-footer {min-height:30px; margin-bottom:10px;} div.entry-footer div.tag-icon {width:20px; height:25px; display:inline-block; float:left; padding-top: 6px;} div.entry-footer div.tag-icon i {font-size: 16px; color: #737373;} div.entry-footer div.tag-links { line-height: 1.7; font-size: 13px; padding-left: 22px; color: #989898;} div.entry-footer div.tag-links a { text-decoration: none; display: inline-block; padding: 3px 2px; color: #989898; } div.entry-footer div.tag-links a:hover, .post-block div.article div.post div.entry-footer div.tag-links a:active { color: #4a4a4a; 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: #4a4a4a; font-weight: 900; margin-top: 2px;} .post-block div.post-comment-stats div.stats span.comments { } .post-block div.post-comment-stats div.stats span.number {padding-left: 3px; font-weight: 900;} .post-block div.post-comment-stats div.post-actions { } .post-block div.post-comment-stats a.btn-reply, .post-block div.post-comment-stats a.btn-modify, .post-block div.post-comment-stats a.btn-list {background-color: #585858; border: 1px solid #585858; color: #fff; display: inline-block; height: 30px; line-height: 27px; padding: 0 10px; font-size: 13px; border-radius: 4px; margin-left: 5px;} .post-block div.post-comment-stats a.btn-reply:hover, .post-block div.post-comment-stats a.btn-reply:active, .post-block div.post-comment-stats a.btn-modify:hover, .post-block div.post-comment-stats a.btn-modify:active, .post-block div.post-comment-stats a.btn-list:hover, .post-block div.post-comment-stats a.btn-list:active { background-color: #272727; border-color:#272727; color:#fff;} /* responsive Single page + post style */ @media screen and (max-width: 959px) { .post-block div.article div.post div.entry-header h1.entry-title {} .post_a div.entry-content {} } @media screen and (max-width: 600px) { .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;} ol#commentlist a.comment-reply-link { font-family: 'Noto Sans KR', 'Nanum Gothic', arial, tahoma, verdana, sans-serif; } /* =Post Comment -------------------------------------------------------------- */ ol#commentlist {margin:0; list-style-type: none;} /* button - reply */ ol#commentlist a.comment-reply-link { display: inline-block; background-color: #ADADAD; border: 1px solid #ADADAD; color: #fff; padding: 0 5px; font-size: 10px; height: 18px; line-height: 17px;border-radius: 3px; } ol#commentlist a.comment-reply-link:hover, ol#commentlist a.comment-reply-link:active { background-color: #272727; border-color:#272727; 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:#4a4a4a; margin-right: 10px;} ol#commentlist div.comment-meta span.author a { color: #007EFF; } ol#commentlist div.comment-meta span.author a:hover, ol#commentlist div.comment-meta span.author a:active { text-decoration: underline; color: #006EDE; } /* commentlist - box */ ol#commentlist li.comment, ol#commentlist li.trackback, ol#commentlist li.pingback { display: block; margin-bottom: 30px; margin-left:0; border-bottom: 1px dashed #828282;} ol#commentlist li.comment li, ol#commentlist li.trackback li, ol#commentlist li.pingback li { border-bottom: 0; margin-bottom: 0; } /* commentlist - depth 1 box */ ol#commentlist li.comment div.commentdiv, ol#commentlist li.trackback div.commentdiv, ol#commentlist li.pingback div.commentdiv { position: relative; margin: 20px 0;} /* commentlist - depth 2 box */ ol#commentlist li.comment div.commentdiv div.commentdiv.commentdiv, ol#commentlist li.trackback div.commentdiv div.commentdiv.commentdiv, ol#commentlist li.pingback div.commentdiv div.commentdiv.commentdiv { } ol#commentlist li.comment ol.children li.depth-2 div.commentdiv {margin: 0 0 30px; padding-top: 20px; border-top: 1px dashed #828282;} /* commentlist - avartar (gravatar) */ ol#commentlist li.comment div.commentdiv div.avatar, ol#commentlist li.trackback div.commentdiv div.avatar, ol#commentlist li.pingback div.commentdiv div.avatar { float:left; } ol#commentlist li.comment div.commentdiv div.avatar img, ol#commentlist li.trackback div.commentdiv div.avatar img, ol#commentlist li.pingback div.commentdiv div.avatar img { width: 50px; height: 50px; border-radius: 50px;} /* commentlist - header box */ ol#commentlist li.comment div.commentdiv div.comment-header, ol#commentlist li.trackback div.commentdiv div.comment-header, ol#commentlist li.pingback div.commentdiv div.comment-header { margin-left: 66px;} /* commentlist - summery text box */ ol#commentlist li.comment div.commentdiv div.comment-text, ol#commentlist li.trackback div.commentdiv div.comment-text, ol#commentlist li.pingback div.commentdiv div.comment-text { margin-left: 66px; vertical-align: top; line-height: 200%; font-size: 12px; } /* commentlist - summery text */ ol#commentlist li.comment div.commentdiv div.comment-text p, ol#commentlist li.trackback div.commentdiv div.comment-text p, ol#commentlist li.pingback div.commentdiv div.comment-text p { color: #747474; margin-bottom: 1em; } ol#commentlist li.comment div.commentdiv div.comment-actions, ol#commentlist li.trackback div.commentdiv div.comment-actions, ol#commentlist li.pingback div.commentdiv div.comment-actions { text-align: right; } /* commentlist - 2 depth position */ ol#commentlist li.comment ol, ol#commentlist li.trackback ol, ol#commentlist li.pingback ol { margin-left: 66px; } /* commentlist - reply button */ ol#commentlist li.comment div.comment-actions { display: block; } ol#commentlist div.reply-form-show { padding-bottom: 30px; } /* commentlist - summery link style */ ol#commentlist li.comment div.commentdiv div.comment-text a, ol#commentlist li.trackback div.commentdiv div.comment-text a, ol#commentlist li.pingback div.commentdiv div.comment-text a {text-decoration: underline; color: #FF7E00;} ol#commentlist li.comment div.commentdiv div.comment-text a:hover, ol#commentlist li.trackback div.commentdiv div.comment-text a:hover, ol#commentlist li.pingback div.commentdiv div.comment-text a:hover, ol#commentlist li.comment div.commentdiv div.comment-text a:active, ol#commentlist li.trackback div.commentdiv div.comment-text a:active, ol#commentlist li.pingback div.commentdiv div.comment-text a:active {color: #FF1D00; } /* responsive - comment area */ @media screen and (max-width: 600px) { ol#commentlist li.comment div.commentdiv div.avatar img, ol#commentlist li.trackback div.commentdiv div.avatar img, ol#commentlist li.pingback div.commentdiv div.avatar img {width:40px; height:40px;} ol#commentlist li.comment div.commentdiv div.comment-header, ol#commentlist li.trackback div.commentdiv div.comment-header, ol#commentlist li.pingback div.commentdiv div.comment-header, ol#commentlist li.comment div.commentdiv div.comment-text, ol#commentlist li.trackback div.commentdiv div.comment-text, ol#commentlist li.pingback div.commentdiv div.comment-text, ol#commentlist li.comment div.commentdiv div.comment-actions, ol#commentlist li.trackback div.commentdiv div.comment-actions, ol#commentlist li.pingback div.commentdiv div.comment-actions {margin-left: 50px;} ol#commentlist li.comment ol, ol#commentlist li.trackback ol, ol#commentlist li.pingback ol { margin-left: 50px; } ol#commentlist div.comment-meta span.author {display:block;} } /* =Post Comment - write form -------------------------------------------------------------- */ #respond {margin-bottom: 20px;} form.form { border: 1px #cecece solid; padding: 40px; background-color: #F9F9F9; margin-top: 20px; border-radius: 10px;} form.form fieldset { width: 100%; border: none; } form.form fieldset legend {font-size:16px; color: #808080; margin-bottom: 10px; } form.form p { margin-bottom: 10px; } form.form p label { color: #404040; } form.form p label span.not-null { color: #ff0000; } form.form input[type=text], form.form input[type=password] { height: 36px; line-height: 36px; padding: 0 0 0 11px; margin: 0; margin-right: 8px; width: 320px; border: 1px #cecece solid; background: #fff;} form.form p.textarea { padding: 20px; border: 1px #cecece solid; background:#fff;} form.form textarea { width: 100%; line-height: 1.7; border: 0; } form.form button { display: inline-block; width: 104px; font-size: 18px; color: #fff; padding: 8px 0 14px; border: 0; border-radius: 30px; background: #505050; vertical-align: top; height:45px;} form.form button span {} form.form button[type=submit]:hover, form.form button[type=submit]:active { background-color: #393939;} /* form.form button#cancel-comment-reply-link { background-color: #c8c8c8; } form.form button#cancel-comment-reply-link:hover, form.form button#cancel-comment-reply-link:active { background-color: #8a8a8a; } */ form.form #cancel-comment-reply-link {display: inline-block; width: 104px; font-size: 18px; line-height: 44px; text-align: center; color: #fff; border: 0; border-radius: 30px; background: #c8c8c8; vertical-align: top; height:45px;} form.form #cancel-comment-reply-link:hover, form.form a#cancel-comment-reply-link:active { background-color: #8a8a8a; } /* responsive - write form */ @media screen and (max-width: 600px) { form.form { padding: 20px; } form.form fieldset legend {margin-bottom: 15px;} form.form p label { position: absolute; top: 0; left: 0; } form.form p { margin-top: 0; margin-bottom: 13px; position: relative; padding-top: 15px; } form.form input[type=text], form.form input[type=password] { width: 100%; } form.form textarea { height: 145px; } } @media screen and (max-width: 959px) { form.form input[type=text], form.form input[type=password] { max-width: 320px; width: 100%; } } /* =Template Page - Sitemap -------------------------------------------------------------- */ #sitemap-list li.menu-item-depth-1.menu-item-home {display: none;} #sitemap-list li a:hover, #sitemap-list li a:active { color: #0095FF; } /* responsive - write form */ @media screen and (max-width: 959px) { #sitemap-list li.menu-item-depth-1 {} } @media screen and (max-width: 600px) { #sitemap-list li.menu-item-depth-1 {} } /* =Template Page - Tag -------------------------------------------------------------- */ div.page-tagcloud {padding-top: 30px; text-align: center; font-size: 12px; } div.page-tagcloud a {color: #868686; display: inline-block; padding: 9px; padding-bottom: 12px; margin-bottom: 8px; margin-right: 4px; text-decoration: none; border: 1px solid #CBCBCB;} div.page-tagcloud a.tag-class-2 { background-color: #F1F1F1; border-color: #888888; color: #676767; } div.page-tagcloud a.tag-class-3 { background-color: #676767; border-color:#676767; color:#fff; font-size:13px;} div.page-tagcloud a.tag-class-4 { background-color: #3A3A3A; border-color:#3A3A3A; color:#fff; font-size:16px; font-weight:900;} div.page-tagcloud a:hover, div.page-tagcloud a:active { background-color: #393939; color: #fff; border-color:#393939;} /* responsive - tag*/ @media screen and (max-width: 600px) { div.page-tagcloud { font-size: 11px; } div.page-tagcloud a {} div.page-tagcloud a.tag-class-3 { font-size:13px; } div.page-tagcloud a.tag-class-4 { font-size:14px; } } /* =LIST - common -------------------------------------------------------------- */ div.page-header.category-format-search-page-header h2.page-title strong, div.page-header.category-format-tag-page-header h2.page-title strong, div.page-header.category-format-date_list-page-header h2.page-title strong, div.page-header.category-format-my_list-page-header h2.page-title strong {color:#00ADFF;} /* category format webzine */ .category-format-webzine {list-style-type:none; margin:0!important;} .category-format-webzine li {padding: 30px 0; margin:0!important; border-bottom: 1px dashed #ADADAD; list-style: none; overflow: hidden;} .category-format-webzine div.item-highlight-block {} .category-format-webzine div.entry-header { display: inline-block; float: left; width:30%; border: 0; margin-right:24px; margin-bottom: 0; padding:0;} .category-format-webzine div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-webzine div.entry-body-block {} .category-format-webzine h2.entry-title { margin-bottom: 4px; font-size: 1em;} .category-format-webzine h2.entry-title a {} .category-format-webzine .entry-summary { margin-bottom: 8px; } /* category format webzine b */ .category-format-webzine-b { padding-top: 30px; list-style-type:none; margin:0!important; overflow: hidden;} .category-format-webzine-b li {width: 31.33%; margin: 0 3% 3em 0; padding: 0; float: left; list-style: none; overflow: hidden;} .category-format-webzine-b li.last-col {margin-right:0!important;} .category-format-webzine-b li.no-thumb div.entry-header {} .category-format-webzine-b div.item-highlight-block { } .category-format-webzine-b div.entry-header { display: block; float: none; width: 100%; border: 0; margin-bottom:4px; padding:0;} .category-format-webzine-b div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-webzine-b div.entry-body-block {} .category-format-webzine-b h2.entry-title { overflow: hidden; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; font-size: 1em;} .category-format-webzine-b h2.entry-title a {} .category-format-webzine-b .entry-summary { overflow: hidden; height: 50px; margin-bottom: 8px; } /* category format title_list */ ul.category-format-title_list, .category-format-title_list ul, .category-format-title_list li {margin:0; padding:0; list-style-type: none;} .category-format-title_list li.type-post div.item-wrap div.entry-header {margin: 0; padding: 12px 0; border-bottom: 1px dashed #D7D7D7; } .category-format-title_list h2.entry-title { margin: 0 15px; font-size: 0;} .category-format-title_list div.entry-meta { display: inline-block; float: right; margin:0 10px !important; } .category-format-title_list div.entry-meta span.date { font-weight: 300; line-height: 1.7; font-size: 14px; color: #ADADAD; border-right: 0;} .category-format-title_list .item-highlight-block:hover { background-color: #f7f7f7;} /* category format gallery */ ul.category-format-gallery {padding-top:30px; list-style-type:none; margin:0!important;} .category-format-gallery li { display: inline-block; width: 31.33%; margin:0 3% 20px 0!important; float:left; list-style: none;} .category-format-gallery li.last-col {margin-right:0!important;} .category-format-gallery div.entry-thumb {position: relative;} .category-format-gallery div.entry-thumb a {width: 100%; height: auto; } .category-format-gallery h2.entry-title { } .category-format-gallery h2.entry-title a {font-size:14px; color:#fff; line-height:150%; overflow: hidden; z-index: 10; position: absolute; top: 0; width: 100%; height: 100%; padding: 10px; text-align: center; background-color: rgba(0,0,0,0.5); box-sizing: border-box; opacity:0;} .category-format-gallery .item-highlight-block:hover h2.entry-title a { opacity:1; color:#fff; text-decoration:none;} .category-format-gallery div.entry-meta { text-align: center; margin-top: 10px; position: absolute; top:28px; width:90%; padding: 0 5%; display:none;} /* category format search */ .category-format-search { } .category-format-search li {padding: 30px 0; border-bottom: 1px dashed #ADADAD;} .category-format-search li.no-thumb div.entry-header {} .category-format-search div.item-highlight-block {} .category-format-search div.entry-header { display: inline-block; float: left; width:20%; margin-right:24px; margin-bottom:0; padding:0; border:0;} .category-format-search div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-search div.entry-body-block {} .category-format-search h2.entry-title {margin-bottom: 4px;} .category-format-search h2.entry-title a {} .category-format-search .entry-summary {margin-bottom: 8px; } /* category format tag */ .category-format-tag { } .category-format-tag li {padding: 30px 0; border-bottom: 1px dashed #ADADAD;} .category-format-tag li.no-thumb div.entry-header {} .category-format-tag div.item-highlight-block { } .category-format-tag div.entry-header { display: inline-block; float: left; width:20%; margin-right:24px; margin-bottom:0; padding:0; border:0;} .category-format-tag div.entry-header div.entry-thumb {margin: 0; padding: 0;} .category-format-tag div.entry-body-block { } .category-format-tag h2.entry-title {margin-bottom: 4px;} .category-format-tag h2.entry-title a {} .category-format-tag .entry-summary {margin-bottom: 8px; } /* category format my list */ .category-format-my_list li.type-post div.item-wrap div.entry-header { padding-bottom: 17px; padding-top: 13px; border-bottom: 1px dashed #D7D7D7;} .category-format-my_list h2.entry-title {margin-left: 15px;} .category-format-my_list div.entry-meta {display: inline-block; float: right; margin-right: 10px; margin-left: 10px; } .category-format-my_list div.entry-meta span.date { font-weight: 900; line-height: 170%; font-size: 14px; font-size: 1.4rem; color: #ADADAD; border-right: 0; background: none;} .category-format-my_list .item-highlight-block:hover { background-color: #f7f7f7; } /* category format data llist */ .category-format-date_list li.type-post div.item-wrap div.entry-header { padding-bottom: 17px; padding-top: 13px; margin-bottom: 0; border-bottom: 1px dashed #D7D7D7;} .category-format-date_list h2.entry-title {margin-left: 15px;} .category-format-date_list div.entry-meta { display: inline-block; float: right; margin: 0 10px 0 10px !important; } .category-format-date_list div.entry-meta span.date { font-weight: 900; line-height: 170%; font-size: 14px; font-size: 1.4rem; color: #ADADAD; border-right: 0; background: none;} .category-format-date_list .item-highlight-block:hover { background-color: #f7f7f7; } /*=======================*\ 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: #4a4a4a;} .post_a div.entry-content .mks_tab_item {padding: 20px 0; border: 0; border-top: 1px solid #ADADAD; margin-top: -1px; float: left;} /* Meks Shortcode - accordion + toggle */ .post_a div.entry-content .mks_accordion_item, .post_a div.entry-content .mks_toggle {border: 1px solid #ADADAD; } .post_a div.entry-content .mks_accordion_item {border-bottom: none;} .post_a div.entry-content .mks_accordion {border-bottom: 1px solid #ADADAD;} .post_a div.entry-content .mks_accordion_content, .post_a div.entry-content .mks_toggle_content {border-top: 1px solid #ADADAD;} .post_a div.entry-content .mks_accordion_heading, .post_a div.entry-content .mks_toggle_heading {font-weight: 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: #4a4a4a; 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: #4a4a4a; 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: #4A4A4A;} .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:'Noto Sans KR', 'Nanum Gothic';} /* k-board - latest*/ #kboard-default-latest {} #kboard-default-latest table thead {display:none;} #kboard-default-latest table td {padding:8px 8px !important;} #kboard-default-latest table .kboard-latest-title a {color:#4a4a4a; font-size:14px;} #kboard-default-latest table .kboard-latest-title a:hover {color: #ff4a00;} #kboard-default-latest table .kboard-latest-title::before {content:"\f061"; font-family: "Font Awesome 5 Free", FontAwesome; float: left; margin-right: 10px;} #kboard-default-latest table .kboard-latest-date {font-size: 13px !important; color: #a6a6a6; font-weight: 300;} #kboard-first-contents-mall-list {} #kboard-first-contents-mall-list .owl-theme .owl-dots .owl-dot span {width:14px; height:14px; margin:8px 3px;} #kboard-pure-gallery-list {} #kboard-ask-one-latest table thead {display:none;} #kboard-ask-one-latest table td {padding:8px 8px !important;} #kboard-ask-one-latest table .kboard-latest-title a {color:#4a4a4a; font-size:14px;} #kboard-ask-one-latest table .kboard-latest-title a:hover {color: #ff4a00;} #kboard-ask-one-latest table .kboard-latest-date {font-size: 13px !important; color: #a6a6a6; font-weight: 300;} #kboard-default-latest .kboard-default-new-notify, #kboard-first-contents-mall-list .kboard-list .kboard-list-item .kboard-list-new, #kboard-pure-gallery-list .kboard-oneticon-new-notify, #kboard-ask-one-latest .kboard-ask-one-new-notify {display:none;} /* k-board - basic */ #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 {background-color: #4a4a4a !important;} #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 {background-color: #4a4a4a !important;} #bnotc #kboard-default-list .kboard-list table a {font-size:16px;} #wrap #kboard-wonderful-product-document .kboard-content .content-view p {margin: 0;} /* k-board - pure gallery */ #wrap #kboard-pure-gallery-list.mw1200 .kboard-pure-gallery-list .kboard-list-item {width:23%; margin:0 2% 0 0;} #wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-new {display:none;} #wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title {font-size:17px; height: auto; line-height: 1.5;} #wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-user {font-size:13px;} /* k-board - venus-webzine */ #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li a:hover, #kboard-venus-webzine-list .kboard-pagination .kboard-pagination-pages li.active a {background-color: #4a4a4a !important; border-color:#4a4a4a !important; color:#fff !important;} #kboard-document .kboard-venus-webzine-button-small, #kboard-document .kboard-venus-webzine-button-small:link, #kboard-document .kboard-venus-webzine-button-small:visited, #kboard-venus-webzine-list .kboard-venus-webzine-button-small, #kboard-venus-webzine-list .kboard-venus-webzine-button-small:link, #kboard-venus-webzine-list .kboard-venus-webzine-button-small:visited {text-decoration: 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: #4a4a4a !important;} /* 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:#4a4a4a !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: #4a4a4a; 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: #4a4a4a; 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: #4a4a4a !important; border-color: #4a4a4a !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: #4a4a4a !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: #4a4a4a !important; border-color: #4a4a4a;} #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:#4a4a4a;} /* k-board - product */ #wrap #kboard-wonderful-product-list .kboard-category {padding-bottom:40px;} #wrap #kboard-wonderful-product-list .kboard-category .kboard-category-list {text-align:center;} #wrap #kboard-wonderful-product-list .kboard-category .kboard-category-list li {margin:0; padding:0;} #wrap #kboard-wonderful-product-list .kboard-category .kboard-category-list li a {color:#232323; font-size: 20px; letter-spacing: -1px; background-color:#eaeaea; border: 0; padding: 8px 16px 10px; margin:0 0 8px;} #wrap #kboard-wonderful-product-list .kboard-category .kboard-category-list li a:hover {color:#fff; background-color: #f39800;} #wrap #kboard-wonderful-product-list .kboard-category .kboard-category-list li.kboard-category-selected a {color:#fff; background-color: #f39800; font-weight:900;} #wrap #kboard-wonderful-product-list .kboard-list .kboard-list-item {margin:0 3% 0 0; width:22%;} #wrap #kboard-wonderful-product-list .kboard-list .kboard-list-item .kboard-wonderful-product-thumbnail {margin-bottom:8px;} #wrap #kboard-wonderful-product-list .kboard-list .kboard-list-item .kboard-wonderful-product-wrap .kboard-wonderful-product-title {font-size:20px; margin:0 0 8px; font-weight:300; color:#131313;} #wrap #kboard-wonderful-product-list .kboard-list .kboard-list-item .kboard-wonderful-product-wrap .kboard-wonderful-product-content {height: 54px; white-space:normal; color:#848484;} #wrap #kboard-wonderful-product-list .kboard-list .kboard-list-item:hover .kboard-wonderful-product-wrap .kboard-wonderful-product-title {color:#e83429;} .kboard-wonderful-product-option-field h1 {margin-bottom:40px; font-size:2.4em; font-weight:700;} #wrap #kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-option-field .kboard-document-add-option-value-wrap .kboard-document-add-option .option-name {width: 24%; padding: 8px 0; font-size: 15px; color:#131313;} #wrap #kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-option-field .kboard-document-add-option-value-wrap .kboard-document-add-option .option-value {padding: 8px; font-size: 15px; color:#131313;} #kboard-wonderful-product-document .shoplink a {text-decoration: none; background-color:#e83429; color:#fff; font-size: 24px; letter-spacing: -1px; line-height: 1; display: block; text-align: center; padding: 14px 10px 18px;} #kboard-wonderful-product-document .shoplink a:hover {background-color: #ac1b12;} #wrap #kboard-wonderful-product-document .kboard-wonderful-product-detail-wrap {} #wrap #kboard-wonderful-product-document .kboard-wonderful-product-detail-wrap .kboard-wonderful-product-detail {color:#fff; font-size: 20px; letter-spacing: -1px; font-weight: 900; background-color:#e83429; padding: 10px 12px 14px; display: inline-block;} #wrap #kboard-wonderful-product-document .kboard-wonderful-product-detail-wrap .kboard-wonderful-product-detail-hr {border-color:#e83429;} #wrap #kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-image-gallery div, #wrap #kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-lightslider .lSPager.lSGallery li {border:0;} #kboard-wonderful-product-document .kboard-detail {display:none;} /* k-board - download */ #wrap #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-wrap .kbaord-item-download-list .kboard-download-item .kboard-download {padding-bottom:10px;} #wrap #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-wrap .kboard-hwaikeul-download-info, #wrap .kboard-hwaikeul-download-new-notify, #wrap #kboard-hwaikeul-download-document .kboard-detail, #wrap #kboard-hwaikeul-download-document .kboard-document-action {display:none;} #wrap #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-thumbnail {width:20%;} #wrap #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-wrap {width:70%;} #wrap #kboard-hwaikeul-download-list .kboard-header .kboard-total-count {display:none;} #bnotc #kboard-default-list .kboard-list table td.kboard-list-user, #bnotc #kboard-default-list .kboard-list table td.kboard-list-vote, #bnotc #kboard-default-list .kboard-list table td.kboard-list-view, {display:none;} /* 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:#4a4a4a !important;} .modula .filters a[data-filter="all"] {font-weight: 900;} /* visual form builder */ .post_a div.entry-content form.visual-form-builder {margin-top:0; margin-bottom: 20px; border: 1px solid #d8d8d8; background-color: #fbfbfb; padding-bottom: 30px; border-radius: 5px;} .post_a div.entry-content .visual-form-builder li.vfb-two-column div span {margin:0;} .post_a div.entry-content .visual-form-builder fieldset {clear: both; margin-top:0; margin-bottom: 0; border: 0; background-color: transparent; } .post_a div.entry-content .visual-form-builder .vfb-legend { color: #262626; margin: 0 14px; padding: 10px 0px;} .post_a div.entry-content .visual-form-builder .vfb-legend h3 {font-size: 16px !important; color: #213A82; font-weight: 900;} .post_a div.entry-content .visual-form-builder select.vfb-select, input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea, select.vfb-select { padding: 8px; } #vfb-form-3 li.vfb-left-half .vfb-small, li.vfb-left-half .vfb-medium, li.vfb-left-half .vfb-large, li.vfb-right-half .vfb-small, li.vfb-right-half .vfb-medium, li.vfb-right-half .vfb-large, li.vfb-left-third .vfb-small, li.vfb-left-third .vfb-medium, li.vfb-left-third .vfb-large, li.vfb-middle-third .vfb-small, li.vfb-middle-third .vfb-medium, li.vfb-middle-third .vfb-large, li.vfb-right-third .vfb-small, li.vfb-right-third .vfb-medium, li.vfb-right-third .vfb-large, .visual-form-builder li.vfb-left-two-thirds .vfb-small, .visual-form-builder li.vfb-left-two-thirds .vfb-medium, .visual-form-builder li.vfb-left-two-thirds .vfb-large, .visual-form-builder li.vfb-right-two-thirds .vfb-small, .visual-form-builder li.vfb-right-two-thirds .vfb-medium, .visual-form-builder li.vfb-right-two-thirds .vfb-large { width: 95%; } .post_a div.entry-content .visual-form-builder input.vfb-large, input[type="text"].vfb-large, input[type="tel"].vfb-large, input[type="email"].vfb-large, input[type="url"].vfb-large, select.vfb-large, textarea.vfb-textarea { width: 100%; } .post_a div.entry-content .visual-form-builder label, label.vfb-desc { padding:0; color:#262626; } .post_a div.entry-content .visual-form-builder li span label { margin: 0; font-size: 11px; color: #818181; } .post_a div.entry-content .visual-form-builder input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea { background-color:#fff; border: 1px solid #d8d8d8; padding: 10px; box-sizing: border-box;} .post_a div.entry-content .visual-form-builder .vfb-submit, input[type="submit"].vfb-submit { font-size: 14px; font-weight: 900; padding: 16px 16px 18px; width: 120px; background-color: #4A4A4A; border: 1px solid #4A4A4A; border-radius: 5px; color: #fff; cursor: pointer; -webkit-appearance: none;} .post_a div.entry-content .visual-form-builder li.vfb-two-column div span, .post_a div.entry-content .visual-form-builder li.vfb-three-column div span, .post_a div.entry-content .visual-form-builder li.vfb-auto-column div span {margin: 0 5px 5px 0;} .post_a div.entry-content input.vfb-checkbox, input[type="checkbox"].vfb-checkbox, .post_a div.entry-content input.vfb-radio, input[type="radio"].vfb-radio {float: left; margin: 1px 4px 0;} .post_a div.entry-content .visual-form-builder label.vfb-choice { color: #000; } .post_a div.entry-content .visual-form-builder textarea.vfb-textarea {background-color:#fff; padding: 10px;} @media screen and (max-width: 768px) { .post_a div.entry-content .visual-form-builder input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea { width:100%;} } #flextbox {display: flex; width: 100%; height: 650px; flex-grow: 1; flex-wrap: wrap; align-content: center; text-align: center; color: #fff;} #flextbox.ect { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* =Home Style -------------------------------------------------------------- */ .home {font-size:16px; line-height:1.5; color:#353535;} .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 {} .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 4%;} #bbox.wide {max-width:1920px; padding:0;} /* =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: #4A4A4A; 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: #4a4a4a; font-size: 15px; border: 1px solid #4a4a4a; line-height: 1; padding: 8px 8px 10px; display: inline-block; width: 100%; margin-bottom: 4px; background-color: #f7f7f7; box-sizing: border-box;} #smenu ul.sub-menu .menu-link-depth-2::before {content: "\f061"; font-family: "Font Awesome 5 Free", FontAwesome; margin-right:8px;} #smenu ul.sub-menu .menu-link-depth-2.menu-link-selected {background-color: #4a4a4a; color:#fff;} #smenu ul.sub-menu .menu-link-depth-2:hover {background-color: #4a4a4a; 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: #4a4a4a; font-size: 15px; border: 1px solid #4a4a4a; line-height: 1; padding: 8px 8px 10px; display: inline-block; width: auto; margin-bottom: 4px; margin-right: 4px; background-color: #f7f7f7; float: left;} #smenu.hr ul.sub-menu .menu-link-depth-2::before {content: "\f078"; font-family: "Font Awesome 5 Free", FontAwesome; margin-right:8px;} #smenu.hr ul.sub-menu .menu-link-depth-2.menu-link-selected {background-color: #4a4a4a; color:#fff;} #smenu.hr ul.sub-menu .menu-link-depth-2:hover {background-color: #4a4a4a; color:#fff;} #mabout {padding:80px 60px; max-width: 720px; float: right; box-sizing:border-box; background-color:#fcfcfb;} #mabout h3 {color:#e83429; font-size: 3.2em;} #mcbox {padding:80px 60px; max-width: 720px; box-sizing:border-box;} #mcboxul {padding:0 60px 80px; max-width: 720px; box-sizing:border-box;} #mcboxul ul, #mcboxul li {list-style-type: none; margin:0; width: 100%;} #mcboxul li {width:50%; float:left; padding:30px; box-sizing: border-box; font-size:14px; line-height:1.2; min-height:150px;} #mcboxul li strong {font-size:17px; line-height: 1.7;} #mbgi {background-position: center bottom; background-repeat: no-repeat !important; background-size: cover; min-height: 720px;} #mbgi.mc02 {min-height: 800px;} #mbgi.com {min-height: 580px; background-position: left bottom;} #mcbox.hstr {min-width: 720px; float: right; box-sizing:border-box;} #mcbox.hstr table {width:100%; border:0;} #mcbox.hstr table th, #mcbox.hstr table td {border:0; padding:0 8px 12px 0;} #mcbox.hstr table th {width:80px; text-align: left; font-weight:900;} #btable table {width:100%; border:0;} #btable table th, #mcbox.hstr table td {border:0; padding:0 4px 5px 0;} #btable table th {width:50px; text-align: left; font-weight:900;} #wrap .mslidebt a {color:#fff !important; background-color:rgba(243,152,0,0.8); padding: 22px 28px 26px; margin:0 8px 8px 0; display: inline-block; transition: all 0.3s ease-in;} #wrap .mslidebt a:hover {background-color:rgba(243,152,0,1);} #fsns {overflow: hidden; position: absolute; top: 20px; right: 4%;} #fsns a {float: left; height:45px;} #fsns.rmenu {position:static; top:0; right:auto;} #fsns.rmenu a.eng {color:#fff; font-weight: 900; padding: 0 12px; line-height: 40px; font-size: 14px; letter-spacing: -1px; border: 1px solid #fff; clear: both; margin-top: 12px;} #subtitle {font-size:20px; line-height:1.3; text-align:center; color:#fff; min-height:320px; font-weight:500; background-position: center top;} #subtitle h2 {font-size: 2.5em; font-weight: 900; } #subtitle h5 {font-size: 1em; border-bottom: 2px solid #fff; padding-bottom: 10px; display: inline-block;} #bbox.brd {text-align:center; font-size:1.4em; font-weight:500; padding-top:2em;} #bbox.brd h3 {color:#e83429; font-size: 3.3em;} #bbox.brd h4 {font-size: 2em; font-weight:400; line-height: 1.5;} #bbox.brdtc {} #bbox.brdtc h3 {font-family: 'Noto Serif KR', serif; font-size: 2.5em; font-weight:400; } #bbox.brdtc h3 strong {font-weight:700; font-size: 1.5em;} #bbox.brdtc h4 {font-weight: 700; border-bottom: 2px solid #353535; padding-bottom: 8px; display: inline-block; clear: both;} #bbox.brdtc ul {margin:4px 0 20px 0; list-style-type: none;} #bbox.brdtc li {position:relative; margin:0; padding:4px 0 12px 26px;} #bbox.brdtc li::before {content: "\f00c"; font-weight:900; font-family: "Font Awesome 5 Free", FontAwesome; color:#e83429; position:absolute; top:0; left:0; font-size:22px;} #brdbgi {color:#fff; text-align: center; font-size: 2.5em; line-height: 1.2; padding: 100px 4%; background-position: center top; background-size: cover; margin:0;} #brdbgi strong {font-size: 1.3em;} /* =IE -------------------------------------------------------------- */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #menu .sub-menu a {padding: 14px 10px 10px;} #smenu ul.sub-menu .menu-link-depth-2 {padding:12px 8px 6px; } .panel-grid.panel-has-style > .panel-row-style, .panel-grid.panel-no-style {display: -ms-flexbox !important; -ms-flex-align: start !important; min-height: 1px;} #hdbar a.lang {padding:4px 10px 0; box-sizing:border-box;} #menu a.menu-link-depth-1 {height:36px;} #wrap .mslidebt a {padding:22px 28px 20px;} #wrap #kboard-wonderful-product-list .kboard-category .kboard-category-list li a {padding:14px 16px 8px;} #kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-option-field {padding-top:12px;} #wrap #kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-option-field .kboard-document-add-option-value-wrap .kboard-document-add-option .option-value {padding:12px 8px 8px;} #kboard-wonderful-product-document .shoplink a {padding:20px 10px 12px;} #subtitle {padding:100px 4% 0; box-sizing: border-box;} #subtitle h5 {margin-bottom:28px;} #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-wrap .kboard-hwaikeul-download-content {height:52px;} #wrap .mslidebt a {padding:26px 28px 22px;} } /* =chrome -------------------------------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio:0) { } /* =firefox -------------------------------------------------------------- */ @-moz-document url-prefix() { #smenu ul.sub-menu .menu-link-depth-2 {padding:8px;} #smenu.hr ul.sub-menu .menu-link-depth-2 {padding:8px;} } /* =Responsive -------------------------------------------------------------- */ @media screen and (max-width: 1100px) { #mcboxul li {width:100%;} #mcbox.hstr {min-width:100%;} } @media screen and (max-width: 959px) { body { } /* header */ #header {height: 60px;} #header-main {height: 60px; position: static; padding: 0 3%;} #header-main-wrap {} /* header logo */ #header-logo {margin-top:5px !important;} #header-logo img {height:46px !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: 'Noto Sans KR', 'Nanum Gothic'; color:#9D9D9D; background-color: transparent;} #header-search form input.input-text:-moz-placeholder { color: #fff; } #header-search form input.input-text::-moz-placeholder { color: #fff; } #header-search form input.input-text:-ms-input-placeholder { color: #fff; } #header-search form input.input-text::-webkit-input-placeholder { color: #fff; } #header-search form button.submit { float: none; position: absolute; top: 7px; left: -6px; } /* container */ #container {margin-top:60px!important;} #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;} #hdbar.kr, #hdbar.en {display:none;} #wrap #kboard-wonderful-product-list .kboard-list .kboard-list-item {margin:0 3% 0 0; width:30%;} } @media screen and (max-width: 768px) { /* container */ #container #main #content {width: 100%;} #sidebar {width: 100%;} .home {font-size:15px;} /* 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;} #mbgi, #mbgi.mc02, #mbgi.com {min-height:500px;} #fsns {position:relative; top:0; right:auto; margin:20px 0;} #wrap #kboard-wonderful-product-list .kboard-list .kboard-list-item {margin:0 3% 0 0; width:47%;} #wrap #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-thumbnail {width:30%; margin-right: 30px;} #wrap #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-wrap {width:60%;} #wrap #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-wrap .kbaord-item-download-list .kboard-download-item .kboard-download {margin:0;} #wrap #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-wrap .kboard-hwaikeul-download-title {font-size:17px;} #wrap #kboard-hwaikeul-download-list .kboard-list .kboard-list-item .kboard-hwaikeul-download-wrap .kboard-hwaikeul-download-content {font-size:14px;} #subtitle {min-height: 200px; padding: 40px 4%; box-sizing: border-box; font-size: 1em; background-size: cover;} } @media screen and (max-width: 600px) { body { } /* header */ #header {} #header-main {} #header-main-wrap {} /* header logo */ #header-logo {margin-top:5px !important;} #header-logo img {height:36px !important;} /* container */ #menu-path {padding:12px 4%;} #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 {} #wrap #kboard-wonderful-product-list .kboard-list .kboard-list-item {margin:0; width:95%;} }