@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */

/* 메인화면 */
.main-wrap { }
.main-header { float: left; margin-bottom: 20px; width: 100%; background-color: #f2f2f2; }
.main-header .flexslider { padding: 0; }
.main-header .flex-control-nav { z-index: 1; }
.main-header .image-pc { display: block !important; max-width: 100%; }
.main-header .image-mobile { display: none !important; max-width: 100%; }
.main-products { float: left; margin-bottom: 30px; width: 100%; }
.main-products h2 { font-size: 18px; }
.main-products ul { margin: 0; padding: 0; list-style: none; }
.main-products ul li { float: left; margin: 0 0 10px 0; padding: 0; margin-right: 30px; list-style: none; }
.main-products ul li.last { margin-right: 0; }
.main-products ul li p { margin: 0; color: black; font-weight: 300; }
.main-products ul li .image-pc { display: inline !important; max-width: 100%; }
.main-products ul li .image-mobile { display: none !important; max-width: 100%; }
.main-dashboard { float: left; margin-bottom: 20px; width: 100%; }
.main-dashboard .row .outside-sites { float: left; width: 49%; }
.main-dashboard .row .outside-sites .layout-border { height: 332px; border: 1px solid #e8e8e8; border-radius: 4px; }
.main-dashboard .row .outside-sites h2 { margin: 0; font-size: 18px; line-height: 42px; border-bottom: 1px solid #e8e8e8; color: #333; }
.main-dashboard .row .outside-sites h2 span { padding-left: 13px; }
.main-dashboard .row .outside-sites li { margin-bottom: 10px; font-size: 100%; }
.main-dashboard .row .twitter { float: right; width: 49%; }

/* 하단 최신글 + SNS 버튼 */
.footer-dashboard { float: left; padding: 10px 0 10px 0; width: 100%; background-color: #f9f9f9; overflow: hidden; }
.footer-dashboard .row { overflow: hidden; }
.footer-dashboard .row .latest { float: left; width: 50%; padding-bottom: 10px; }
.footer-dashboard .row .latest h2 { margin: 0; font-size: 18px; line-height: 42px; border-bottom: 1px dashed #e3e3e3; color: #333; }
.footer-dashboard .row .latest h2 a { color: black; }
.footer-dashboard .row .latest h2 span { padding-left: 13px; }
.footer-dashboard .row .latest h2 span.small { font-size: 80%; font-weight: normal; }
.footer-dashboard .row .latest ul { margin: 0; padding: 13px; list-style: none; }
.footer-dashboard .row .latest li { margin: 0; padding: 0; margin-bottom: 10px; font-size: 100%; list-style: none; }
.footer-dashboard .row .sns-group { text-align: center; width: 100%; height: 32px; }
.footer-dashboard .row .sns-group .sns-button { display: inline; padding: 0 10px; height: 32px; }

/* 사이트 하단 정보 */
.copyright { float: left; position: relative; padding: 15px 0 15px 0; width: 100%; font-size: 12px; z-index: 1; }
.copyright a { text-decoration: none; }
body.layout-fixed .copyright { text-align: center; color: #d3d3d3; background-color: #1f2b38; }
body.layout-fixed .copyright a { color: #d3d3d3;}
body.layout-fixed .copyright .fluid { padding-bottom: 10px; }
body.layout-fixed .copyright .fixed { padding-bottom: 10px; }
body.layout-fluid .copyright { text-align: center; color: black; background-color: white; border-top: 1px solid #e0e0e0; }
body.layout-fluid .copyright a { color: black;}
body.layout-fluid .copyright .fixed { padding-bottom: 10px; }
body.layout-fluid .copyright .fluid { padding-bottom: 10px; }
body.layout-wide .copyright { text-align: center; color: black; }
body.layout-wide .copyright a { color: black; }

/* fluid 레이아웃 */
body.layout-fluid .sub-layout { float: left; position:relative; margin: -42px 0 -48px 0; width: 100%; min-height: 100%; overflow: hidden; z-index: 1; }
body.layout-fluid .sub-layout .sub-left { position: relative; float: left; margin: 42px 0 48px 0; padding-bottom: 150px; width: 260px; height: 100%; background-color: #f6f6f6; border-right: 1px solid #e0e0e0; z-index: 1; }
body.layout-fluid .sub-layout .sub-left .sub-title { float: left; padding-top: 10px; width: 100%; line-height: 60px; }
body.layout-fluid .sub-layout .sub-left .sub-title .sub-title-padding { padding-left: 20px; }
body.layout-fluid .sub-layout .sub-left .sub-title .sub-title-padding h1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; font-size: 23px; font-weight: 100; color: black; }
body.layout-fluid .sub-layout .sub-left .sub-menu { float: left; width: 100%; }
body.layout-fluid .sub-layout .sub-left .sub-menu ul { float: left; margin: 0; padding: 0; width: 100%; }
body.layout-fluid .sub-layout .sub-left .sub-menu ul li { clear: both; float: left; width: 100%; }
body.layout-fluid .sub-layout .sub-left .sub-menu ul li:hover { background-color: #e7e7e7; }
body.layout-fluid .sub-layout .sub-left .sub-menu ul li a { display: inline-block; width: 100%; color: black; font-size: 13px; }
body.layout-fluid .sub-layout .sub-left .sub-menu ul li a span { display: inline-block; padding: 8px 0 8px 20px; }
body.layout-fluid .sub-layout .sub-left .sub-menu ul li a:hover { }
body.layout-fluid .sub-layout .sub-left .sub-menu ul li.active a { font-weight: bold; }

body.layout-fluid .sub-layout .sub-right { float: left; margin: 42px 0 0 -261px; padding-bottom: 48px; width: 100%; }

body.layout-fluid .sub-layout .sub-right .sub-controlbar { position: relative; float: left; margin-left: 261px; padding: 20px 20px 15px 20px; padding-right: 0; width: 100%; border-bottom: 1px solid #e0e0e0; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-group { margin: 0; padding: 0; list-style: none; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-group.right { margin-right: 301px; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-group .control-title { line-height: 28px; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-group>* { float: left; position: relative; padding-right: 5px; }

body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group { display: none; position: absolute; margin: 0; padding: 0; width: 200px; list-style: none; border: 1px solid #e0e0e0; z-index: 51; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group>li { position: relative; background-color: white; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group a { display: inline-block; width: 100%; font-size: 13px; color: #727272; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group a:hover { background-color: #e7e7e7; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group a span { display: inline-block; padding: 5px 10px; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-group.right .control-sub-group { right: 0; }

body.layout-fluid .sub-layout .sub-right .sub-body { position: relative; float: left; margin-left: 261px; width: 100%; }


/* fluid 레이아웃 본문 영역 */
body.layout-fluid #sub-content-layout { margin-right: 261px; padding: 20px; }
body.layout-fluid #sub-content-layout .right-contents { display: none; position: absolute; right: 261px; top: 0; padding: 20px; width: 200px; min-height: 100%; background-color: white; }
body.layout-fluid #sub-content-layout .right-contents .right-layout { float: left; width: 100%; }
body.layout-fluid #sub-content-layout.add-right-contents { padding-right: 260px; }
body.layout-fluid #sub-content-layout.add-right-contents .right-contents { display: block; }
body.layout-fluid #sub-content-layout .mobile-contents { display: none; }


/* fluid 레이아웃 하단 최신글 + SNS 버튼 */
body.layout-fluid .footer-dashboard { background-color: transparent; }
#wpstore-product .footer-dashboard .sns-group { display: none; }


/* fixed 레이아웃 */
body.layout-fixed .sub-wrap { position: relative; float: left; margin: -38px 0 -90px 0; width: 100%; min-height: 100%; overflow: hidden; }

body.layout-fixed .sub-header { position: relative; float: left; padding-top: 38px; width: 100%; }
body.layout-fixed .sub-header h1 { margin: 0; padding: 0; }
body.layout-fixed .sub-header .left { padding-left: 56px; }
body.layout-fixed .sub-header .left div { }
body.layout-fixed .sub-header .title { padding-top: 30px; color: #00a0e9; font-size: 70px; font-weight: 300; }
body.layout-fixed .sub-header .message1 { clear: both; padding: 20px 5px; color: #888888; font-size: 13px; }

body.layout-fixed .sub-footer { position: relative; float: left; padding-bottom: 90px; width: 100%; }

body.layout-fixed .sub-layout { float: left; width: 100%; }
body.layout-fixed .sub-layout .wide { background-color: #f2f2f2; }
body.layout-fixed .sub-layout .row { float: left; width: 100%; }
body.layout-fixed .sub-layout .row img { max-width: 100%; }
body.layout-fixed .sub-layout .row .left-content { float: left; padding: 0 0 10px 0; width: 48%; font-size: 12px; }
body.layout-fixed .sub-layout .row .right-content { float: right; padding: 0 0 10px 0; width: 48%; font-size: 12px; }
body.layout-fixed .sub-layout .row .row-title { margin: 34px 0; font-size: 18px; font-weight: 600; color: #454545; }
body.layout-fixed .sub-layout .row .left { height: 100px; }
body.layout-fixed .sub-layout .row .full { float: left; margin-bottom: 34px; width: 100%; }
body.layout-fixed .sub-layout .row .product-contents { display: block; margin: 20px 0; text-align: center; }
body.layout-fixed .sub-layout .row .mobile-contents { display: none; margin: 20px 0; text-align: center; }

body.layout-fixed .sub-layout .row .sub-facebook-content { float: left; padding: 10px 0; width: 100%; text-align: center; font-size: 13px; color: #aa1b1e; }
body.layout-fixed .sub-layout .row .sub-facebook-thumbnails { float: left; margin: 0 0 50px 0; padding: 0; width: 100%; text-align: center; list-style: none; }
body.layout-fixed .sub-layout .row .sub-facebook-thumbnails li { float: left; display: inline-block; margin: 6px; padding: 5px; width: 220px; border: 1px solid #cccccc; border-radius: 4px; }
body.layout-fixed .sub-layout .row .sub-facebook-thumbnails li:hover { border-color: #00b74f; }
body.layout-fixed .sub-layout .row .sub-facebook-thumbnails li img { max-width: 100%; }

body.layout-fixed .sub-layout .row .sub-sitemap { float: left; margin: 0 0 0 70px; padding: 50px 0 100px 0; }
body.layout-fixed .sub-layout .row .sub-sitemap li { float: left; margin: 0; padding: 20px 0; width: 450px; }
body.layout-fixed .sub-layout .row .sub-sitemap li a { font-weight: bold; }
body.layout-fixed .sub-layout .row .sub-sitemap li p { margin: 0; padding: 0; font-size: 12px; }

body.layout-fixed .sub-layout .wide { float: left; width: 100%; }
body.layout-fixed .sub-layout .wide .row .row-title { float: left; width: auto; font-size: 50px; font-weight: 300; color: #454545; }
body.layout-fixed .sub-layout .wide .row .left-content { width: 100%; }
body.layout-fixed .sub-layout .wide .row img { padding-top: 10px; height: 250px; }



/* wide 레이아웃 */
body.layout-wide .sidebar-left { position: absolute; left: 0; top: 42px; width: 200px; }
body.layout-wide .sidebar-right { position: absolute; right: 0; top: 42px; width: 200px; }
body.layout-wide .center-body { margin: 0 auto; min-height: 740px; width: 840px; }
body.layout-wide .center-body .more-button { padding: 50px 0; text-align: center; }
body.layout-wide .center-body .more-button a { display: block; padding: 5px 0; background-color: #f4f4f4; border: 1px solid #d9d9d9; color: #444444; }
body.layout-wide .section { display: inline-block; width: 100%; }
body.layout-wide .section .section-header { padding-top: 46px; font-size: 20px; word-break: break-all; }
body.layout-wide .section .section-header a { color: #333333; }
body.layout-wide .section .section-body { padding: 10px 0; }
body.layout-wide .section .section-body .body-content { padding: 25px 20px; font-size: 14px; line-height: 20px; word-break: break-all; background-color: white; }
body.layout-wide .section .section-body .body-content .info { padding: 5px 0 15px 0; }
body.layout-wide .section .section-body .body-content .info .avatar { width: 24px; height: 24px; vertical-align: middle; }
body.layout-wide .section .section-body .body-content .info .username { padding-left: 5px; }
body.layout-wide .section .section-body .body-content .info .timeago { padding-left: 20px; color: #8899a6; }
body.layout-wide .section .section-body .body-content .content { padding: 5px 0; }
body.layout-wide .section .section-body .body-content .content .hashtag { color: #1382ce; }
body.layout-wide .section .section-body .body-content .image { line-height: 0; }
body.layout-wide .section .section-body .body-content .image img { padding: 5px 0; max-width: 50%; }



/* 공통 스타일 */
.form-vartical { width: 100%; }
.form-vartical .control-group { padding-bottom: 10px; }
.form-vartical .control-label { font-size: 13px; font-weight: bold; }
.form-vartical .controls { padding: 5px 0; font-size: 13px; }
.form-vartical .controls input[type=text],
.form-vartical .controls input[type=email],
.form-vartical .controls input[type=number],
.form-vartical .controls input[type=password],
.form-vartical .controls input[type=file],
.form-vartical .controls select { margin: 0; padding: 0 8px; width: 300px; height: 30px; line-height: 30px; font-size: 12px; color: #141823; background: #ffffff url(images/input-background.png) repeat-x; border: 1px solid #d3d6db; }
.form-vartical .controls input.short { width: 100px; }
.form-vartical .controls textarea { margin: 0; width: 600px; height: 125px; line-height: 18px; font-size: 12px; color: #141823; background: #ffffff url(images/input-background.png) repeat-x; border: 1px solid #d3d6db; }

.list-vertical { margin: 0; padding: 0 0 20px 0; list-style: none; }
.list-vertical.sortable { cursor: move; border: 1px dashed gray; }
.list-vertical.sortable a { cursor: move; }
.list-vertical li { display: block; margin: 0; padding: 20px 0; border-bottom: 1px solid #e0e0e0; overflow: hidden; }

.list-pagination { float: left; margin: 0; padding: 2px 0 10px 0; width: 100%; list-style: none; text-align: center; }
.list-pagination li { display: inline-block; margin: 0; padding: 0 1px; line-height: 29px; *display: inline; zoom: 1; }
.list-pagination li a { color: black; padding: 5px 10px; border: 1px solid #e0e0e0; text-decoration: none; font-size: 12px; }
.list-pagination li.active a { font-weight: bold; border: 1px solid #a9a9a9; color: black; text-decoration: none; }

.tabs-horizontal { margin: 0; padding: 0; height: 33px; border-bottom: 1px solid #e0e0e0; list-style: none; }
.tabs-horizontal li { float: left; padding-right: 5px; }
.tabs-horizontal li>* {  display: inline-block; padding: 1px 15px; font-size: 14px; line-height: 30px; color: black; background-color: #e8ebf0; border: 1px solid #e0e0e0; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.tabs-horizontal li>*:hover { background-color: white; }
.tabs-horizontal li.active>* { background-color: white; border: 1px solid #e0e0e0; border-bottom: 1px solid white; }

table { border-spacing: 0; }
table caption { padding: 8px 0; text-align: left; font-weight: bold; }
.table-default * { font-size: 13px; }
.table-default { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; border-radius: 4px; }
.table-default th,
.table-default td { padding: 8px; line-height: 20px; border-left: 1px solid #dddddd; vertical-align: top; }
.table-default td { border-top: 1px solid #dddddd; text-align: left; }
.table-default tbody:last-child tr:last-child > td:first-child { border-bottom-left-radius: 4px; }
.table-default tr:nth-child(odd) > td { background-color: #f9f9f9; }

.article-group { padding: 20px 0; overflow: hidden; background-color: #f9f9f9; }
.article-group .article-thumbnail { float: left; padding: 2% 0; width: 45%; text-align: center; }
.article-group .article-thumbnail img { max-width: 50% !important; }
.article-group .article-content { float: left; padding: 2% 5%; width: 45%; }
.article-group .article-content .button { background-color: #2e71f2; color: white; font-size: 12px; }
.article-group.center { padding: 10px 0; text-align: center; }
.article-group.center .article-content { float: none; margin: 1% 5%; padding: 0; width: auto; border-top: 2px dashed #e3e3e3; }

#login { margin: 100px auto; width: 394px; height: 428px; }
#login .login-display { float: left; padding: 30px; width: 334px; background-color: #f6f6f6; }
#login .header { float: left; padding-bottom: 30px; width: 100%; }
#login .social { float: left; width: 100%; text-align: center; }
#login .social .control-button { float: left; width: 50%; }
#login .social .control-button>span { padding: 0; width: 95%; }
#login .social .control-button.left>span { float: left; }
#login .social .control-button.right>span { float: right; }
#login .footer { clear: both; float: left; padding-top: 20px; width: 100%; font-size: 13px; }
#login .controls input[type=text],
#login .controls input[type=password] { width: 316px; }

#terms { padding: 50px 0; font-size: 12px; color: #666666; }
#terms h3 { font-size: 12px; color: black; }

#threads .threads-title { padding: 10px; font-size: 13px; color: white; background-color: #209de2; }
#threads .threads-title h1 { padding: 10px; }
#threads .threads-list { margin-top: 20px; }
#threads .threads-list .row { float: left; width: 100%; }
#threads .threads-name { float: left; font-size: 18px; font-weight: bold; }
#threads .threads-description { clear: both; float: left; font-size: 13px; }
#threads .threads-total { float: right; font-size: 12px; }
#threads .threads-created { clear: both; float: right; font-size: 12px; }
#threads .product-contents { display: block; }
#threads .mobile-contents { display: none; }

#threads-rank .rank-title { padding: 10px 20px; }
#threads-rank .rank-title h1 { margin: 0; padding: 0; font-size: 30px; color: #e65802; font-weight: 500; }
#threads-rank .threads-rank-list img { padding-right: 10px; }

#questions .questions-title { padding: 10px 20px; }
#questions .questions-title h1 { margin: 0; padding: 0; font-size: 30px; color: #e65802; font-weight: 500; }
#questions .document-detail { float: left; padding-right: 15px; height: 50px; }
#questions .document-detail span { display: inline-block; float: left; padding-top: 10px; width: 55px; text-align: center; font-size: 12px; color: black; }
#questions .document-detail .votes { display: inline-block; float: left; color: #f49110; }
#questions .document-detail .answers { display: inline-block; float: left; color: #3061a7; }
#questions .document-detail .views { display: inline-block; float: left; color: #ef5e51; }
#questions .document-group { padding-right: 200px; height: 50px; }
#questions .document-group .document-title { font-size: 18px; font-weight: bold; line-height: 30px; }
#questions .document-group .document-text { font-size: 12px; line-height: 20px; }
#questions .document-moreinfo { float: right; height: 50px; margin-top: -41px; }
#questions .document-moreinfo span { display: inline-block; float: left; padding: 0 10px; padding-top: 5px; text-align: center; font-size: 12px; color: #999999; }
#questions .document-moreinfo .username { width: 80px; word-wrap: break-all; }

#threads-document .document-title { padding: 10px 20px; }
#threads-document .document-title h1 { margin: 0; padding: 0; font-size: 30px; color: #e65802; font-weight: 500; }
#threads-document .document-info { font-size: 12px; padding-bottom: 50px; }
#threads-document .document-info p { margin: 0; padding: 0; font-weight: bold; }
#threads-document .document-info ul { margin: 0; padding: 0; padding-left: 20px; }
#threads-document .document-user { padding: 10px 0; font-size: 12px; }
#threads-document .document-votes {  }
#threads-document .document-text { word-break:break-all; font-size: 16px; line-height: 27px; }
#threads-document .document-text p { margin: 10px 0; }
#threads-document .document-text ul li { margin: 5px 0; }
#threads-document .document-text img { max-width: 100% !important; height: auto !important; cursor: pointer; }
#threads-document .document-share { padding: 20px 0 40px 0; max-width: 728px; font-size: 12px; text-align: center; }
#threads-document .document-less { color: #999999; }
#threads-document .document-answer-list .blind-answer { opacity: 0.3; filter: alpha(opacity=30); }
#threads-document .document-answer-list .document-user { padding: 0; }
#threads-document .document-answer-list .document-answer { padding: 10px 0; font-size: 16px; line-height: 27px; }
#threads-document .document-answer-list .document-answer p { margin: 10px 0; }
#threads-document .document-answer-list .document-answer ul li { margin: 5px 0; }
#threads-document .document-answer-list .document-answer img { max-width: 100% !important; height: auto !important; cursor: pointer; }
#threads-document .document-answer-list .document-votes { float: left; }
#threads-document .document-answer-list .document-answer-control { float: right; }
#threads-document .document-answer-list .search-answer { padding: 0; }

.wpstore-product-icon { width: 100px; height: 100px; border-radius: 5px; }

#wpstore-list .thumbnail { position: relative; float: left; margin: 0 15px 0 5px; height: 100px; z-index: 1; border-radius: 3px; box-shadow: 0 0 5px RGBA(0,0,0,0.3); }
#wpstore-list .thumbnail img { width: 100px; height: 100px; border-radius: 3px; }
#wpstore-list .contents { position: relative; min-height: 100px; }
#wpstore-list .contents .title { font-size: 18px; padding-bottom: 5px; }
#wpstore-list .contents .description { font-size: 13px; }
#wpstore-list .contents .infogroup { padding-top: 20px; font-size: 12px; overflow: hidden; }
#wpstore-list .contents .infogroup div { padding-right: 20px; color: #999999; }
#wpstore-list .contents .username { float: left; }
#wpstore-list .contents .category { float: left; }
#wpstore-list .contents .website { float: left; }
#wpstore-list .contents .updated { float: left; }
#wpstore-list .contents .price { position: absolute; right: 0; bottom: 0; font-size: 13px; }

#wpstore-product .product-body { }
#wpstore-product .product-body .product-imagegroup { float: left; margin-right: 30px; height: 100px; border-radius: 3px; box-shadow: 0 0 5px RGBA(0,0,0,0.3); }
#wpstore-product .product-body .product-imagegroup .product-image { float: left; width: 100px; height: 100px; }
#wpstore-product .product-body .product-imagegroup .product-image img { width: 100%; height: 100%; border-radius: 3px; }
#wpstore-product .product-body .product-title { padding-top: 5px; }
#wpstore-product .product-body .product-title h1 { margin: 0; font-size: 22px; }
#wpstore-product .product-body .product-infogroup { padding-top: 10px; }
#wpstore-product .product-body .product-infogroup>span { padding: 0 5px; font-size: 15px; color: gray; white-space: nowrap; }
#wpstore-product .product-body .product-button-gorup { margin-top: 30px; }
#wpstore-product .product-body .product-button-gorup a { display: inline-block; margin: 0 10px 10px 0; padding: 10px 20px; border: 1px solid #3d82f7; color: #3d82f7; background-color: white; border-radius: 3px; cursor: pointer; font-size: 16px; font-weight: bold; }
#wpstore-product .product-body .product-button-gorup .highlight { color: white; background-color: #3d82f7; }
#wpstore-product .product-body .product-like { margin-top: 20px; }
#wpstore-product .product-body .product-text { margin-top: 20px; border: 1px solid #e0e0e0; border-radius: 3px; overflow: hidden; }
#wpstore-product .product-body .product-text .description { padding: 10px 10px 20px 10px; font-size: 16px; line-height: 27px; }
#wpstore-product .product-body .product-text .description p { margin: 10px 0; }
#wpstore-product .product-body .product-text .description ul li { margin: 5px 0; }
#wpstore-product .product-body .product-text .description img { max-width: 100%; }
#wpstore-product .product-body .product-text .description .landing-page-pc { display: block; line-height: 0; }
#wpstore-product .product-body .product-text .description .landing-page-mobile { display: none; line-height: 0; }
#wpstore-product .product-body .product-text .description .landing-page-use-cases { margin-bottom: 50px; padding: 73px 0 58px 0; background-color: #1d2b37; max-width: 1100px; text-align: center; }
#wpstore-product .product-body .product-text .description .landing-page-use-cases .use-cases-title { margin: 0 10px; padding-bottom: 47px; font-size: 22px; color: white; }
#wpstore-product .product-body .product-text .description .landing-page-use-cases .use-cases-title .bold { color: #00aeef; }
#wpstore-product .product-body .product-text .description .landing-page-use-cases a { display: inline-block; margin: 0 10px 10px 10px; }
#wpstore-product .product-body .product-text .product-tag { padding-left: 35px; font-size: 12px; line-height: 20px; background: url(../../wpstore/view/images/icon_tag.png) 10px center no-repeat; }
#wpstore-product .product-body .product-text .product-like-bottom { padding: 20px 10px; }
#wpstore-product .product-body .product-text .product-copyright { display: none; padding: 20px 10px 10px 10px; font-size: 12px; color: gray; }
#wpstore-product .footer-dashboard { float: none !important; width: auto !important; }
#wpstore-product .product-contents { max-width: 728px; line-height: 0; }
#wpstore-product .product-comments { padding-top: 50px; max-width: 728px; }
#wpstore-product .product-comments .comments-form { position: relative; height: 100px; border-radius: 5px; }
#wpstore-product .product-comments .comments-form.style-blue { background-color: #1570a6; }
#wpstore-product .product-comments .comments-form.style-blue textarea { background-color: #115e8b; color: white; }
#wpstore-product .product-comments .comments-form.style-red { background-color: #e23300; }
#wpstore-product .product-comments .comments-form.style-red textarea { background-color: #c92d00; color: white; }
#wpstore-product .product-comments .comments-form.style-green { background-color: #008a00; }
#wpstore-product .product-comments .comments-form.style-green textarea { background-color: #007200; color: white; }
#wpstore-product .product-comments .comments-form .text { position: absolute; left: 10px; right: 30%; top: 10px; bottom: 10px; }
#wpstore-product .product-comments .comments-form .text textarea { margin: 0; padding: 0; width: 100%; height: 80px; border: 0; overflow-x:hidden; overflow-y:auto; }
#wpstore-product .product-comments .comments-form input[type=submit] { position: absolute; right: 0; top: 10px; bottom: 10px; width: 30%; border: 0; font-size: 40px; color: white; background: url(../../wpstore/view/images/icon_comments.png) center center no-repeat; background-color: transparent; cursor: pointer; }
#wpstore-product .product-comments .comments-list .comment-header { font-size: 12px; padding-bottom: 10px; }
#wpstore-product .product-comments .comments-list .comment-header span { padding-left: 5px; color: gray; }
#wpstore-product .product-comments .comments-list .comment-body { font-size: 12px; }
#wpstore-product .product-comments .comments-list .comment-more { padding: 10px 0; text-align: center; }
#wpstore-product .product-comments .comments-list .comment-more a { font-size: 13px; }

#wpstore-order .order-product-title { font-weight: bold; }
#wpstore-order .order-product-summary { font-size: 12px; }

#comments-category .category-list { margin:0; padding: 0; width: 300px; height: 150px; border: 1px solid #d9d9d9; list-style: none; overflow-y: auto; }
#comments-category .category-list li { padding: 5px; cursor: pointer; }
#comments-category .category-list li.selected { background-color: #f1f1f1; }

#comments-list .controlbar { }
#comments-list .controlbar input[type=checkbox] { margin: 8px 4px 0 10px; vertical-align: top; }
#comments-list .controlbar .right { float: right; }
#comments-list .controlbar .right select { margin: 0; padding: 0; vertical-align: top; height: 27px; border: 1px solid #d9d9d9; border-radius: 3px; }
#comments-list .controlbar .right input[type=text] { margin: 0; padding: 0; vertical-align: top; height: 25px; border: 1px solid #d9d9d9; border-radius: 3px; }
#comments-list .table-default { width: 100%; }
#comments-list .table-default .center { text-align: center; }
#comments-list .table-default .column-content { width: auto; }
#comments-list .table-default .column-good { width: 60px; }
#comments-list .table-default .column-bad { width: 60px; }
#comments-list .table-default .column-spam { width: 60px; }
#comments-list .table-default .column-toadmin { width: 100px; }
#comments-list .table-default .column-ip { width: 100px; }
#comments-list .table-default .column-delete { width: 80px; }
#comments-list .item-wrap { display: block; padding: 0 0 0 20px; cursor: pointer; }
#comments-list .item-wrap .header .checkbox { float: left; margin: 5px 0 0 -20px; }
#comments-list .item-wrap .header a { font-size: 12px; }
#comments-list .item-wrap .info { padding-top: 10px; }
#comments-list .item-wrap .info .avatar { width: 24px; height: 24px; vertical-align: middle; }
#comments-list .item-wrap .info .username { display: inline-block; padding-right: 10px; font-size: 12px; }
#comments-list .item-wrap .info .created { display: inline-block; padding-right: 10px; color: #8899a6; font-size: 12px; }
#comments-list .item-wrap .info .category { display: inline-block; padding-right: 10px; color: #8899a6; font-size: 12px; }
#comments-list .item-wrap .info .category a { color: #8899a6; }
#comments-list .item-wrap .content { padding-top: 15px; }

#comments-pageview .bold { font-weight: bold; }
#comments-pageview .dashboard span.text { display: inline-block; margin: 0 0 5px 0; padding: 0; line-height: 24px; vertical-align: bottom; font-size: 12px; }
#comments-pageview .dashboard .datepicker { display: inline-block; margin: 0 0 5px 0; padding: 0; width: 100px; height: 24px; vertical-align: bottom; }
#comments-pageview .dashboard .total { font-size: 14px; }
#comments-pageview .pageview-display { font-size: 14px; }
#comments-pageview .graph1 { max-width: 400px; }
#comments-pageview .graph2 { max-width: 800px; }

#comments-premium .premium-display { font-size: 12px; }
#comments-premium .comments-premium-header { position: relative; margin-bottom: 15px; overflow: hidden; }
#comments-premium .comments-premium-header img { max-width: 100%; }
#comments-premium .comments-premium-header .content { position: absolute; padding: 15px; left: 15px; top: 170px; color: #666666; font-weight: 200; background: url(./images/opacity-20.png); }
#comments-premium .comments-premium-header .content h1 { color: #666666; font-weight: 200; }
#comments-premium .table-default .center { text-align: center; }
#comments-premium .table-default  span.discription { margin-bottom: 0; font-size: 12px; color: gray; }

.download-table-wrap { float: left; width: 100%; font-size: 14px; }
.download-table-wrap table { width: 80%; border: 1px solid #e0e0e0; color: #444444; border-radius: 10px; border-spacing: 0; }
.download-table-wrap table th,
.download-table-wrap table td { padding: 10px; }
.download-table-wrap table td.release-date { text-align: center; }
.download-table-wrap table td.download-button { text-align: center; }
.download-table-wrap table td.popup-button { text-align: center; }
.download-table-wrap p { text-align: center; color: #444444; }

#support { font-size: 16px; color: #444444; }
#support .support-description { text-align: center; }
#support .support-description-tel { text-align: center; }
#support .support-description-tel a { display: inline-block; padding: 0 25px; font-size: 14px; }
#support .support-company { color: #afafaf; }
#support table { width: 80%; border: 1px solid #e0e0e0; color: #444444; border-radius: 5px; border-spacing: 0; }
#support table th,
#support table td { padding: 15px 10px; font-size: 12px; word-break:break-all; }
#support table th.column-first { border-top-left-radius: 5px; border-right: 1px solid #e0e0e0; }
#support table th.column-last { border-top-right-radius: 5px; }
#support table td { text-align: center; }
#support table th { background-color: #f8f8f8; border-bottom: 1px solid #e0e0e0; }
#support table td.column-feature { border-right: 1px solid #e0e0e0; }

#comments-index .comments-index-title { padding: 34px 0; }
#comments-index table { width: 80%; border: 1px solid #e0e0e0; color: #444444; border-radius: 5px; border-spacing: 0; }
#comments-index table th,
#comments-index table td { padding: 15px 10px; font-size: 12px; word-break:break-all; }
#comments-index table th.column-first { border-top-left-radius: 5px; border-right: 1px solid #e0e0e0; }
#comments-index table th.column-last { border-top-right-radius: 5px; color: #2274db; }
#comments-index table td { text-align: center; }
#comments-index table th { background-color: #f8f8f8; border-bottom: 1px solid #e0e0e0; }
#comments-index table td.column-feature { border-right: 1px solid #e0e0e0; }

#project-list .project-title { padding: 10px 20px; }
#project-list .project-title h1 { margin: 0; padding: 0; font-size: 30px; color: #e65802; font-weight: 500; }
#project-list .content-title { font-size: 18px; font-weight: bold; line-height: 30px; }
#project-list .content-info .info-item { font-size: 14px; }
#project-list .content-info .info-item .item-value { }
#project-list .content-info.sub { color: #999999; }

.google-content-pc { display: block; padding-bottom: 50px; width: 100%; overflow: hidden; }
.google-content-mobile { display: none; padding-bottom: 50px; text-align: center; }

.whos-using-title { padding: 10px; font-size: 16px; color: #444444; background-color: #f2f2f2; text-align: center; }
.whos-using-contents { text-align: center; }

.pricing-wrap { float: left; width: 100%; }
.pricing-wrap .pricing-one { float: left; width: 33.3333333333%; text-align: center; }
.pricing-wrap .pricing-plan { padding: 20px; }
.pricing-wrap .pricing-plan .pricing-plan-detail { height: 250px; }
.pricing-wrap .pricing-plan h3 { font-size: 18px; }
.pricing-wrap .pricing-plan h3 span { display: inline-block; padding-bottom: 6px; color: #555555; border-bottom: 2px solid #555555; }
.pricing-wrap .pricing-plan p { font-size: 13px; color: #555555; }
.pricing-wrap .pricing-button * { display: inline-block; padding: 10px 20px; background-color: #ff7e22; color: white; border-radius: 3px; }
.pricing-wrap .pricing-footer { float: left; width: 100%; padding: 50px 0; }
.pricing-wrap .pricing-footer p { padding: 0 10px; }
#comments-premium .pricing-wrap .pricing-footer p { padding: 0; }

.partner { text-align: center; }
.partner.partner-pc {  }
.partner.partner-mobile { display: none; }

/* 
*********************************************************************************************************************************************
*/
@media screen and (max-width: 1000px) {

body.layout-fluid { background: none; }
.wrap { float: left; width: 100%; }


/* 메인화면 */
.main-header .image-pc { display: none !important; }
.main-header .image-mobile { display: block !important; }
.main-products { margin-bottom: 0; }
.main-products h2 { text-align: center; }
.main-products ul li { margin-bottom: 20px; margin-right: 0; width: 100%; text-align: center; }
.main-products ul li .image-pc { display: none !important; }
.main-products ul li .image-mobile { display: inline !important; }


/* 사이트 상단 메뉴 */
.navigation { height: auto; }
.navigation .logo { float: left; width: 100%; }
.navigation .logo .logo-title { margin: 0;  padding: 0; width: 100%; text-align: center; font-size: 18px; line-height: 38px; }
.navigation .search { display: none; }
.navigation .menu { display: none; }
.navigation .select-menu { display: block; }
.navigation .select-menu select { width: 100%; padding: 5px; font-size: 20px; font-weight: bold; background-color: white; }


/* 메인화면 */
.main-dashboard { float: left; padding: 10px 0; width: 100%; }
.main-dashboard .row .outside-sites { float: none; padding-bottom: 10px; width: auto; }
.main-dashboard .row .outside-sites .layout-border { width: auto; height: 298px; border: 1px solid #e8e8e8; border-radius: 4px; }
.main-dashboard .row .outside-sites h2 { margin: 0; font-size: 18px; line-height: 42px; border-bottom: 1px solid #e8e8e8; color: #333333; }
.main-dashboard .row .outside-sites h2 span { padding-left: 13px; }
.main-dashboard .row .outside-sites li { margin-bottom: 10px; font-size: 100%; }
.main-dashboard .row .twitter { float: left; width: 100%; }


/* 하단 최신글 + SNS 버튼 */
.footer-dashboard .row .latest { float: none; width: auto; }


/* 사이트 하단 정보 */
.copyright a { display: inline-block; padding: 5px 15px; text-decoration: none; font-size: 14px; }
.copyright .separator { display: none; }
.copyright .fluid { padding-bottom: 10px; }
.copyright .fixed { padding-bottom: 10px; }
.copyright .copyright-info-row { display: inline-block; padding: 5px 15px; font-size: 13px; color: #727272; }


/* fluid 레이아웃 */
body.layout-fluid .sub-layout { margin: 0; padding: 0; z-index: 2; min-height: 0; }
body.layout-fluid .sub-layout .sub-left { margin: 0; padding: 0; width: 100%; z-index: 2; }
body.layout-fluid .sub-layout .sub-left .sub-title { padding-top: 0; }
body.layout-fluid .sub-layout .sub-left .sub-menu ul li a { font-size: 14px; }

body.layout-fluid .sub-layout .sub-right { float: left; margin: 0; padding: 0; width: 100%; }

body.layout-fluid .sub-layout .sub-right .sub-controlbar { position: relative; float: left; margin: 0; padding: 20px; padding-right: 0; width: 100%; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-group { margin: 0; padding: 0; list-style: none; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-group.right { float: left; padding-top: 20px; margin-right: 0; width: 100%; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-group>* { float: left; position: relative; padding-right: 5px; }

body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group { display: none; position: absolute; margin: 0; padding: 0; width: 200px; list-style: none; border: 1px solid #d9d9d9; z-index: 51; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group>li { position: relative; background-color: white; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group a { display: inline-block; width: 100%; font-size: 13px; color: #727272; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group a:hover { background-color: #e7e7e7; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-sub-group a span { display: inline-block; padding: 5px 10px; }
body.layout-fluid .sub-layout .sub-right .sub-controlbar .control-group.right .control-sub-group { right: 0; }

body.layout-fluid .sub-layout .sub-right .sub-body { float: left; margin: 0; padding: 0; width: 100%; min-height: inherit; }


/* fluid 레이아웃 본문 영역 */
body.layout-fluid #sub-content-layout { margin: 0; }
body.layout-fluid #sub-content-layout.add-right-contents { padding: 20px;}
body.layout-fluid #sub-content-layout.add-right-contents .right-contents { display: none; }
body.layout-fluid #sub-content-layout .mobile-contents { display: block; float: left; margin: 10px auto; width: 100%; text-align: center; }


/* fixed 레이아웃 */
body.layout-fixed .sub-header { }
body.layout-fixed .sub-header .left { padding-left: 0; width: 100%; text-align: center; }
body.layout-fixed .sub-header .left div { }
body.layout-fixed .sub-header .title { font-size: 40px; }
body.layout-fixed .sub-header .message1 { }

body.layout-fixed .sub-layout { float: left; width: 100%; }
body.layout-fixed .sub-layout .row { float: left; width: 100%; background: none;  }
body.layout-fixed .sub-layout .row .left-content { float: none; padding: 0 10px 10px 10px; width: auto; }
body.layout-fixed .sub-layout .row .left-content .row-title { text-align: center; }
body.layout-fixed .sub-layout .row .right-content { float: none; padding: 0 10px 10px 10px; width: auto; }
body.layout-fixed .sub-layout .row .right-content .row-title { text-align: center; }
body.layout-fixed .sub-layout .row .product-contents { display: none; margin: 20px 0; }
body.layout-fixed .sub-layout .row .mobile-contents { display: block; margin: 20px 0; }
body.layout-fixed .sub-layout .wide .row .row-title { float: left; width: 100%; font-size: 34px; font-weight: 300; }
body.layout-fixed .sub-layout .wide .row .left-content { padding: 0 0 10px 0; text-align: center; }

body.layout-fixed .sub-layout .row .sub-facebook-content { float: left; padding: 10px 0; width: 100%; text-align: center; font-size: 13px; color: #aa1b1e; }
body.layout-fixed .sub-layout .row .sub-facebook-thumbnails { float: left; margin: 0 0 50px 0; padding: 0; width: 100%; text-align: center; list-style: none; }
body.layout-fixed .sub-layout .row .sub-facebook-thumbnails li { float: none; display: inline-block; margin: 6px; padding: 5px; width: 220px; border: 1px solid #cccccc; border-radius: 4px; }

/* wide 레이아웃 */
body.layout-wide .center-body { margin: 0; width: 100%; }
body.layout-wide .center-body .more-button { padding: 50px 10px; }
body.layout-wide .section .section-header { padding: 46px 10px 0 10px; }
body.layout-wide .section .section-body { padding: 10px; }
body.layout-wide .section .section-body .body-content .image img { width: 100%; max-width: 100%; }


/* 에디터를 숨기고 textarea를 보여준다. */
#ckeditor { height: 250px; visibility: visible !important; display: block !important; }
#cke_ckeditor { visibility: hidden; display: none; }

#login { margin: 0; width: 100%; }
#login .login-display { float: left; margin: 0; padding: 0; width: 100%; background-color: white; }
#login .header { display: none; }
#login .social { float: left; width: 100%; }
#login .social .control-button { width: 100%; }
#login .social .control-button>span { width: 99%; }
#login .social .control-button.right>span { float: left; }
#login .footer { clear: both; float: left; padding-top: 20px; width: 100%; font-size: 14px; }
#login .controls input[type=text],
#login .controls input[type=password] { width: 94%; }

/* 공통 폼 스타일 */
.form-vartical { width: 100%; }
.form-vartical .control-group { padding-bottom: 10px; }
.form-vartical .control-label { font-size: 13px; font-weight: bold; }
.form-vartical .controls { padding: 5px 0; font-size: 13px; }
.form-vartical .controls input[type=text],
.form-vartical .controls input[type=number],
.form-vartical .controls input[type=password],
.form-vartical .controls select { width: 94%; }
.form-vartical .controls input.short { width: 35%; }
.form-vartical .controls textarea { margin: 0; width: 100%; height: 125px; font-size: 12px; }
.form-vartical .controls span { display: block; }

.table-default { display: block; overflow: auto; }
.table-default caption { border: 1px solid #dddddd; border-top: 0; border-right: 0; }
.table-default th,
.table-default td { padding: 4px; }

.article-group { padding: 20px 0; overflow: hidden; background-color: #f9f9f9; }
.article-group .article-thumbnail { float: left; padding: 0 5%; width: 90%; text-align: center; }
.article-group .article-content { float: left; padding: 0 5%; width: 90%; }
.article-group .article-content .title { text-align: center; }
.article-group .article-content .more { text-align: right; }
.article-group .article-content .button { background-color: #2e71f2; color: white; font-size: 12px; }

#threads .threads-list .right { clear: both; float: left; padding-top: 10px; }
#threads .threads-description { font-size: 14px; }
#threads .threads-total { float: left; }
#threads .threads-created { float: left; }
#threads .product-contents { display: none; }
#threads .mobile-contents { display: block; }

#questions .questions-title { text-align: center; }
#questions .document-detail { text-align: center; width: 100%; }
#questions .document-detail .votes { float: none; }
#questions .document-detail .answers { float: none; }
#questions .document-detail .views { float: none; }
#questions .document-group { clear: both; padding-right: 116px; }
#questions .document-moreinfo .username { display: none; }

#threads-document .document-title { padding-left: 0; padding-right: 0; }

#wpstore-list .thumbnail { margin-right: 10px; padding: 0; width: 100px; height: 100px; overflow: hidden; }
#wpstore-list .contents { position: relative; width: 100%; }
#wpstore-list .contents .title { font-size: 14px; padding-bottom: 5px; }
#wpstore-list .contents .infogroup { padding-top: 10px; font-size: 11px; }
#wpstore-list .contents .infogroup div { clear: both; padding-right: 10px; }
#wpstore-list .contents .price { position: absolute; right: 0; bottom: 0; font-size: 11px; }

#wpstore-product .product-body .product-imagegroup { margin-right: 10px; }
#wpstore-product .product-body .product-title { padding-top: 0; }
#wpstore-product .product-body .product-title h1 { font-size: 15px; }
#wpstore-product .product-body .product-infogroup>span { font-size: 14px; }
#wpstore-product .product-body .product-like { overflow: hidden; }
#wpstore-product .product-body .product-button-gorup { text-align: center; }
#wpstore-product .product-body .product-button-gorup a { padding: 10px 0; width: 100%; }
#wpstore-product .product-body .product-text { margin-top: 20px; }
#wpstore-product .product-body .product-text .description .landing-page-pc { display: none; }
#wpstore-product .product-body .product-text .description .landing-page-mobile { display: block; }
#wpstore-product .product-body .product-text .description .landing-page-use-cases .use-cases-title { padding-bottom: 47px; font-size: 16px; }
#wpstore-product .product-body .product-text .description .landing-page-use-cases a { margin: 0 5px 10px 5px; }
#wpstore-product .product-body .product-text .description .landing-page-use-cases a img { width: 130px; }
#wpstore-product .product-body .product-text .product-like-bottom { width: 90%; overflow: hidden; }
#wpstore-product .product-contents { display: none; }
#wpstore-product .product-comments { padding-top: 0; }
#wpstore-product .product-comments .comments-form input[type=submit] { font-size: 20px; }

#comments-premium .comments-premium-header .content { position: relative; left: 0; top: 0; }

.download-table-wrap { padding: 0 5%; width: 90%; font-size: 13px; }
.download-table-wrap .strong { font-size: 14px; }
.download-table-wrap table { width: 100%; }
.download-table-wrap table .column-update { display: none; }

#comments-index table th.column-last { width: 60px; }

.google-content-pc { display: none; }
.google-content-mobile { display: block; }

.whos-using-contents img { max-width: 100px !important; }

.pricing-wrap .pricing-one { width: 100%; }

.partner { text-align: center; }
.partner.partner-pc { display: none;  }
.partner.partner-mobile { display: block; }

}