/* Theme Name: ringoo Author: ringoo Author URI: http://www.ringoo.co.kr Template: Divi Version: ringoo child v1 Description: A Child Theme built using the elegantmarketplace.com Child theme maker Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like Wordpress Version: 4.9.7 */ @charset "utf-8"; img{border: 0} .cut_strings{width: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal} #main-content, #main-footer .container{background: url("/wp-content/uploads/2018/08/post_bg.png") !important} #main-content{padding-top: 115px} #main-content .first-section-style{padding-top: 0 !important;padding-bottom: 0 !important} h1, h2, #main-header .nav li ul a, #top-menu li.current-menu-item>a, #top-menu li.current-menu-ancestor>a{color: #CCC} .sgpb-hide, .button.sgpb-insert-media-button-js, #footer-widgets .footer-widget li:before{display: none} #footer-widgets{padding-top: 10px} .et_pb_section{background-color: #2C2C2C} .et_pb_with_border.et_pb_post_title_0, .et_pb_with_border.et_pb_text_1{border-bottom-color: #545861} .et_pb_gutters3 .footer-widget{margin-bottom: 0} .fwidget{display: flex;justify-content: flex-end;width: 100%} .fwidget ul{display: flex;padding-right: 10px;color: #999} #page-container{padding-top: 120px !important} .et_header_style_left #et-top-navigation{float: right;padding-left: 0 !important;/*background-color: #84EB0B*/} .et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation{padding-top: 0 !important} .et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a{padding-bottom: 15px !important} .et_header_style_left .logo_container{position: relative;height: 54px} .et_header_style_left .logo_container a:hover{opacity: 0.9} .et-fixed-header .logo_container{height: 40px} #top-menu-nav > #top-menu > li{padding-left: 35px;padding-right: 0} #top-menu-nav > #top-menu > li > ul{right: -20px;width: 150px} #top-menu-nav > #top-menu > li > ul > li{display: block} #top-menu-nav > #top-menu > li > ul > li > a{width: auto;padding: 0 0 0 1em;font-size: 1em} #top-menu-nav > #top-menu li > a > i{ display: inline-block; margin-left: 4px; padding: 3px; border-radius: 10px; background-color: #F00; text-align: center; font-style: normal; font-size: 8px; line-height: 8px; vertical-align: 1px; color: #FFF; } .main-new-posting{display: table;table-layout: fixed} .main-new-posting .wrap-left{display: table-cell;float: none;width: 290px;padding-right: 10px;vertical-align: top} .main-new-posting .wrap-left h3{margin-top: 2em;font-size: 1.15em} .main-new-posting .wrap-right{display: table-cell;float: none;width: 100%;vertical-align: top} .main-new-posting .saphoto-member-info{height: 122px;margin-bottom: 30px;padding: 12px;border: 1px solid #444;;border-radius: 6px;overflow: hidden} .main-new-posting .saphoto-member-info > img{display: inline-block;vertical-align: top;border-radius: 4px} .main-new-posting .saphoto-member-info > ul{display: inline-block;list-style: none;min-width: 125px;margin: 0 0 0 12px;padding: 0;vertical-align: top;line-height: 1.65em} .main-new-posting .saphoto-member-info > ul > li{margin: 0;padding: 0;font-size: 13px;white-space: nowrap} .main-new-posting .saphoto-member-info > ul > li:first-child{margin-bottom: 0.4em;font-size: 1.15em;color: #FF0} .main-new-posting .saphoto-member-info > ul > li > a{color: #BBB} .main-new-posting .saphoto-login > a{display: block;padding: 0.75em 0;border-radius: 4px;background-color: #555;text-align: center;font-size: 1.2em;color: #FFF} .main-new-posting .saphoto-login > a:hover{background-color: #777} .main-new-posting #kboard-default-latest{min-height: 7.5em} .main-new-posting #kboard-default-latest > table{margin-bottom: 0} .main-new-posting .main-banner{height: 80px} .main-new-posting .main-banner span, .main-new-posting .main-banner img{height: 100%} .main-new-posting .members-blog-banner{display: inline-block;width: 32%;margin-bottom: 0.25em !important;padding: 0.75em 0;border-radius: 10px;background-color: #333;text-align: center;color: #FFF} .main-new-posting .members-blog-banner:hover{background-color: #777} .kboard-header{float: left;width: 100%;margin-top: 0} .kboard-category{float: left;width: 100%;padding-bottom: 5px;text-align: left} .kboard-category .kboard-category-list:after{content: "";display: block;height: 0;font-size: 0} .kboard-category .kboard-category-list { clear: both; float: left; margin: 0; padding: 0; width: 100%; list-style: none; border-left: 1px solid #545861; line-height: 28px} .kboard-category .kboard-category-list li { float: left; margin: 0; padding: 0; border-top: 1px solid #545861; border-right: 1px solid #545861; border-bottom: 1px solid #545861; color: #747474; font-size: 13px; list-style-type: none; } .kboard-category .kboard-category-list li a{display: block;padding: 0.25em 1.75em;text-align: center;text-decoration: none;font-size: 1.1em;color: #CCC} .kboard-category .kboard-category-list li a:hover{color: #FFF} .kboard-category .kboard-category-list li.kboard-category-selected a{background-color: #444;color: #FFF;font-weight: bold} .kboard-content .content-view p{margin: 0;padding: 0 0 0.15em;line-height: 1.25em} .gallery-new-icon{position: absolute;top: 0;left: 3px;width: 30px !important} .gallery-list{display: inline-block;*display: inline;zoom: 1;width: 100%;margin: 0} .gallery-list *{text-shadow: none} .gallery-list .kboard-search { float: right; padding-bottom: 5px; width: 100%; text-align: center; } .gallery-list .kboard-tree-category-wrap { float: left; padding-bottom: 15px; width: 100%; } .gallery-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } .gallery-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; } .gallery-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; } .gallery-list .kboard-tree-category { float: left; margin: 0; padding: 0; width: 100%; list-style: none; border: 0; overflow: hidden} .gallery-list .kboard-tree-category li { float: left; margin: 0; padding: 0; border-top: 1px solid #e8eaec; border-right: 1px solid #e8eaec; border-bottom: 1px solid #e8eaec; color: #747474; background-color: #faf7f7; font-size: 13px; list-style-type: none; } .gallery-list .kboard-tree-category li a { display: block; padding: 0 16px; color: black; text-decoration: none; } .gallery-list .kboard-tree-category li.kboard-category-selected { border-bottom: 1px solid white; background-color: white; } .gallery-list .kboard-tree-category li.kboard-category-selected a { color: #6c9f31; font-weight: bold; } .gallery-list .kboard-tree-category-search { float: left; width: 100%; } .gallery-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; } .gallery-list .kboard-list { float: left; margin: 0 !important; padding: 0 !important; width: 100%; list-style: none; border: 0; } .gallery-list .kboard-list img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; box-shadow: none; } .gallery-list .kboard-list .kboard-list-item { position: relative;float: left; margin: 7px; padding: 0; overflow: hidden; list-style: none; border: 1px solid #545861; box-sizing: content-box; } .gallery-list .kboard-list .kboard-list-item .kboard-item-thumbnail{display: block;text-align: center;text-decoration: none;background-position: center;background-size: cover;box-shadow: none; border: 0} .gallery-list .kboard-list .kboard-list-item .kboard-item-thumbnail:hover{opacity: 0.7} .gallery-list .kboard-list .kboard-list-item .kboard-item-description { padding: 13px 23px 0 23px; height: 70px; border-top: 1px solid #545861; line-height: 1.4em } .gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar { float: left; position: relative; padding-right: 14px; text-decoration: none; box-shadow: none; border: 0; } .gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar img { display: inline; margin: 0; padding: 0; width: 45px; height: 45px; border-radius: 36px; vertical-align: middle; } .gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar .kboard-item-avatar-mask{position: absolute;left: 0;top: 0} .gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-title{margin: 0;padding: 1px 0 3px;font-size: 14px;font-weight: bold} .gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-title a{color: #CCC;text-decoration: none;box-shadow: none;border: 0} .gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user{margin: 0;padding: 0;font-size: 13px} .gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user span{color: #6c9f31} .gallery-list .kboard-list .kboard-list-item .kboard-item-info{height: 28px;border-top: 1px solid #545861} .gallery-list .kboard-list .kboard-list-item .kboard-item-info>span{display: inline-block;*display: inline;zoom: 1;padding-left: 30px;vertical-align: middle;font-size: 12px} #gallery-document{display: inline-block;*display: inline;zoom: 1;width: 100%;margin: 0} #gallery-document *{text-shadow: none} #gallery-document .kboard-header{float: left;margin-top: 0;width: 100%} #gallery-document .kboard-document-wrap{float: left;width: 100%} #gallery-document .kboard-detail{clear: both;float: left;width: 100%;font-size: 12px} #gallery-document .kboard-detail .detail-attr{display: inline-block;*display: inline;zoom: 1;float: left;margin: 0;padding: 12px 35px 12px 22px} #gallery-document .kboard-detail .detail-attr .detail-name{float: left;text-align: right;color: #CCC} #gallery-document .kboard-detail .detail-attr .detail-value{float: left;padding-left: 20px;color: #CCC} #gallery-document .kboard-detail .detail-attr .detail-value img{display: inline;margin: 0;vertical-align: middle} #gallery-document .kboard-title{float: left;width: 100%} #gallery-document .kboard-title p{margin: 0;padding: 22px 22px;font-size: 30px;color: #CCC} #gallery-document .kboard-content{clear: both;float: left;width: 100%;min-height: 200px;border-top: 1px solid #E3E3E3} #gallery-document .kboard-content .content-view{margin: 0;padding: 22px} #gallery-document .kboard-content .content-view img{display: inline;max-width: 100%;margin: 0} #gallery-document .kboard-content .content-view img.aligncenter{display: block !important;margin-right: auto !important;margin-left: auto !important} #gallery-document .kboard-content .content-view .thumbnail-area{text-align: center} #gallery-document .kboard-attach{padding: 0 0 5px 22px;background-color: #F9F9F9;font-size: 12px} #gallery-document .kboard-comments-area{float: left;width: 100%} #gallery-document .kboard-document-action{padding: 0 22px 22px;overflow: hidden;line-height: 1} #gallery-document .kboard-control{float: left;width: 100%;padding: 15px 0} #gallery-document .kboard-document-action .left, #gallery-document .kboard-control .left{position: static;float: left} #gallery-document .kboard-document-action .right, #gallery-document .kboard-control .right{position: static;float: right;text-align: right} #gallery-document .kboard-document-action .center{text-align: center} #gallery-document .kboard-document-action .btn-like{ padding: 0.75em 1.5em 0.8em 3em; border-width: 1px; border-color: #AAA; border-radius: 12px; background: #3C3C3C url("/img/icon-like.png") no-repeat 1em center; font-size: 1.05em; font-weight: bold; color: #FFF; cursor: pointer; } #gallery-document .kboard-document-action .btn-like > span{vertical-align: middle} #gallery-document .photo-info{margin: 0 0 1.5em;text-align: center;font-family: "돋움";font-size: 12px;line-height: 1.05em} #gallery-document .fluid-width-video-wrapper{max-width: 1000px;height: 667px;padding-top: 0 !important} #gallery-editor{display: inline-block;*display: inline;zoom: 1;width: 100%;margin: 0} #gallery-editor *{text-shadow: none} #gallery-editor select, #gallery-editor input{width: auto;height: auto;box-shadow: none} #gallery-editor .kboard-header{float: left;width: 100%;border-top: 1px solid #545861;line-height: 0} #gallery-editor .kboard-attr-row{float: left;width: 100%;padding: 5px 0;border-bottom: 1px solid #E3E3E3;background-color: #FFF} #gallery-editor .kboard-attr-title{float: left;border-bottom: 1px solid #E3E3E3} #gallery-editor .kboard-attr-title input{display: inline-block;*display: inline;zoom: 1;width: 50%;padding: 6px 2px;border-radius: 0; border: 1px solid #E8EAEC;font-size: 12px;color: #666} #gallery-editor .kboard-attr-row .attr-name{display: inline;float: left;width: 95px;margin: 0;padding: 0 10px 0 20px;line-height: 30px;text-align: right;font-size: 12px;font-weight: bold;color: #545861} #gallery-editor .kboard-attr-row .attr-name img{display: inline;max-width: 100%;margin: 0;vertical-align: middle} #gallery-editor .kboard-attr-row .attr-value{font-size: 12px} #gallery-editor .kboard-attr-row .attr-value select{min-width: 130px;margin: 0;padding: 5px 2px;border: 1px solid #E8EAEC;border-radius: 0;font-size: 12px;color: #666} #gallery-editor .kboard-attr-row .attr-value input[type=text], #gallery-editor .kboard-attr-row .attr-value input[type=password]{margin: 0;padding: 6px 2px;border: 1px solid #E8EAEC;border-radius: 0;font-size: 12px;color: #666} #gallery-editor .kboard-attr-row .attr-value input[type=radio], #gallery-editor .kboard-attr-row .attr-value input[type=checkbox]{margin-top: 8px} #gallery-editor .kboard-attr-row .attr-value input[type=file]{margin: 0;padding: 6px 2px;font-size: 12px;border: 0;color: #666} #gallery-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap{float: left;width: 30%} #gallery-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select{clear: both;float: left;width: 100%;margin-bottom: 5px} #gallery-editor .kboard-content{float: left;width: 100%;padding: 9px 0;border-bottom: 1px solid #E3E3E3;background-color: #FFF;text-align: center} #gallery-editor .kboard-content textarea{display: inline;width: 98%;height: 250px;margin: 0;padding: 0;border-radius: 0;border: 1px solid #E8EAEC;font-size: 12px} #gallery-editor .kboard-control{float: left;width: 100%;padding: 15px 0} #gallery-editor .kboard-control .left{position: static;float: left} #gallery-editor .kboard-control .right{position: static;float: right;width: 50%;text-align: right} #gallery-latest *{text-shadow: none} #gallery-latest .latest-item{position: relative;float: left;width: 290px;margin: 0 0 20px 20px;overflow: hidden} #gallery-latest .latest-thumbnail{display: block;width: 100%;height: 200px;line-height: 70px;color: black;vertical-align: middle;text-align: center;text-decoration: none;background-position: center;background-size: cover} #gallery-latest .latest-thumbnail:hover{opacity: 0.5;filter: alpha(opacity=50)} #gallery-latest .latest-title{margin: 0;padding: 0;width: 90%;text-align: center} #gallery-latest .latest-title a{font-size: 12px;text-decoration: none;box-shadow: none;color: #555;border: 0} #gallery-latest .latest-title a:hover{color: #7FC132} @media all and (max-width: 920px){ #page-container{padding-top: 60px !important} .et_menu_container{width: 95% !important} .et_header_style_left .logo_container{height: 64px} .et_header_style_left .logo_container img{max-height: 40% !important} .mobile_menu_bar.mobile_menu_bar_toggle{position: absolute;top: 18px;right: 0} #mobile_menu > li > ul.sub-menu{display: none !important} #gallery-latest .latest-item{width: 45.5%;margin-left: 3%} } @media all and (max-width: 768px){ .main-new-posting .wrap-left{display: block;width: 100%} .main-new-posting .wrap-right{display: block;clear: both;padding-top: 2em} .main-latest-board{float: left;width: 46.5%;margin-left: 2.5%} #gallery-latest .latest-thumbnail{height: 230px} } @media all and (max-width: 600px){ .fwidget ul{flex-direction: column} #gallery-latest .latest-item{width: 48%;margin: 0 1% 12px;padding: 0} #gallery-latest .latest-thumbnail{height: 200px} .gallery-list .kboard-search input{width: 80px} .gallery-list .kboard-list .kboard-list-item{width: 96%;float: none;margin: 10px auto} .gallery-list .kboard-pagination .kboard-pagination-pages li{display: none} .gallery-list .kboard-pagination .kboard-pagination-pages li.first-page, .gallery-list .kboard-pagination .kboard-pagination-pages li.last-page, .gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page, .gallery-list .kboard-pagination .kboard-pagination-pages li.next-page, .gallery-list .kboard-pagination .kboard-pagination-pages li.active{display: inline-block;*display: inline;zoom: 1} .gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page a, .gallery-list .kboard-pagination .kboard-pagination-pages li.next-page a{padding: 6px 18px} #kboard-modern-gallery-editor .kboard-attr-row input[type=text], #kboard-modern-gallery-editor .kboard-attr-row input[type=file], #kboard-modern-gallery-editor .kboard-attr-row input[type=password]{width: 50%} #gallery-document .fluid-width-video-wrapper{height: 400px} .kboard-category .kboard-category-list li{width: 20%} .kboard-category .kboard-category-list li a{padding-left: 0;padding-right: 0;font-size: 1em} } @media all and (max-width: 480px){ .main-latest-board{float: none;width: auto;margin-left: 0} #gallery-document .fluid-width-video-wrapper{height: 320px} }