/* generated by SASS */
/* main sass variables */
/* main sass mixins */
@media only screen and (max-width: 1199px) {
  .site-mainTop > .container {
    padding: 50px 15px 26px;
  }

  .no-site .news-banner, .made-site .news-banner {
    margin-bottom: 26px;
  }

  .slide-up .inbox {
    height: 547px;
  }
  .slide-up .inbox .tab-content.not-empty.inbox-ctrls-on {
    height: 509px;
  }
  .slide-up .inbox .tab-content.not-empty {
    height: 547px;
  }
  .slide-up .inbox .tab-content.empty {
    height: 547px;
    border-bottom: 1px solid #dde1e2;
  }
  .slide-up .site-visit canvas {
    max-height: 165px;
    height: 165px;
  }

  .profile {
    padding-bottom: 25px;
  }
  .profile h5 {
    margin-bottom: 14px;
  }
  .profile .aboutAcc {
    padding-left: 15px;
  }

  .profileImg-Box {
    margin-left: 32px;
  }

  .inbox .tab-content {
    height: 526px;
  }
  .inbox .tab-content.not-empty.inbox-ctrls-on {
    height: 486px;
  }
  .inbox .tab-content.not-empty {
    height: 526px;
  }
  .inbox .tab-content.empty {
    height: 526px;
  }
  .inbox .inbox-list .ib-name {
    max-width: 42%;
  }
  .inbox .inbox-list .ib-content {
    max-width: 52%;
  }
  .inbox .inbox-list .content {
    width: 66%;
  }
  .site-visit {
    margin-top: 13px;
  }
  .site-visit .dropdown-menu {
    top: 53%;
  }
  .site-visit canvas {
    max-height: 142px;
    height: 142px;
  }

  .disk-used-space .total-used-space {
    width: 163px;
  }
}
@media only screen and (min-width: 992px) {
  .inbox .see-all {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .no-site .site-mainTop .main-notice-box, .made-site .site-mainTop .main-notice-box {
    margin: 18px auto;
  }

  .made-site.site-on .notice-ctrls .ctrls {
    margin-top: 13px;
  }
  .made-site .news-banner {
    margin-bottom: 2px;
  }

  .slide-up .site-mainTop .main-notice-box {
    margin: 23px auto;
  }
  .slide-up .inbox {
    height: auto;
  }
  .slide-up .inbox .tab-content.not-empty.see-all-on {
    height: 521px;
  }
  .slide-up .inbox .tab-content.empty {
    height: 521px;
  }
  .slide-up .inbox .tab-content.inbox-ctrls-on.open {
    height: auto;
    max-height: none;
  }
  .slide-up .inbox .no-updates-list {
    height: 0px;
  }
  .slide-up .inbox .no-updates.show {
    top: -297px;
  }

  .site-mainTop > .container {
    padding-bottom: 0;
    width: 98%;
  }
  .site-mainTop .news-banner {
    max-width: 100%;
    width: 100%;
  }

  .news-banner {
    margin-bottom: 9px;
  }
  .news-banner .tagline {
    display: block;
    margin-bottom: 5px;
  }

  .site-main > .container {
    max-width: 100%;
    width: 98%;
  }
  .site-main .site-visit.slide-up {
    margin-top: 15px;
  }
  .site-main .main-activity, .site-main .lg-right, .site-main .lg-left {
    padding: 0;
  }
  .site-main .lg-left {
    margin-bottom: 58px;
    margin-top: 14px;
  }
  .visit-wrap,
  .profile, .disk-used-space {
    margin-left: auto;
    margin-right: auto;
  }

  .profile {
    padding-bottom: 0;
  }
  .profile.cat-unset {
    padding-bottom: 25px;
  }
  .profile .user-imgbox {
    padding-left: 0;
  }
  .profile .user-profile-img {
    width: 100px;
    height: 100px;
  }
  .profile .aboutAcc {
    padding: 0;
  }
  .profile .aboutAcc .subcontent {
    width: 100%;
    margin-left: 0%;
  }
  .profile .aboutAcc.cat-unset {
    height: 92px;
    padding-bottom: 25px;
  }

  .inbox {
    margin-right: 0;
  }
  .inbox .tab-content {
    padding-bottom: 0;
    overflow: hidden;
  }
  .inbox .tab-content.all-read {
    border-bottom: none;
  }
  .inbox .tab-content.closed, .inbox .tab-content.not-empty {
    height: 521px;
    border-bottom: 1px solid #dde1e2;
  }
  .inbox .tab-content.closed {
    overflow: hidden;
    margin-bottom: 0;
  }
  .inbox .tab-content.not-empty.see-all-on, .inbox .tab-content.empty {
    margin-bottom: 0;
    height: 521px;
    max-height: none;
  }
  .inbox .tab-content.not-empty.inbox-ctrls-on {
    height: 521px;
  }
  .inbox .tab-content.not-empty.inbox-ctrls-on.see-all-on.open {
    height: auto;
  }
  .inbox .tab-content.empty {
    background-color: #fff;
    border-bottom: 1px solid #dde1e2;
  }
  .inbox .inbox-ctrls.show {
    border: 1px solid #dde1e2;
    border-top: none;
  }
  .inbox .no-updates.show {
    top: -283px;
  }
  .inbox .see-all.on, .inbox .mark-all-read {
    display: inline-block;
    padding: 0 6px;
    width: auto;
  }
  .inbox .see-all {
    float: right;
  }
  .inbox .mark-all-read {
    float: left;
  }
  .inbox .inbox-list .content {
    width: 45%;
  }
  .inbox .inbox-list .ib-name {
    margin: 0 14px 0 0;
  }
  .inbox .inbox-list .ib-content {
    max-width: 53%;
  }
  .nav-tabs > li {
    width: 84px;
  }
  .nav-tabs > li:first-child {
    width: 110px;
  }
  .site-visit {
    margin: 13px 9px 0;
  }

  .disk-used-space .details-wrap {
    padding: 0 0 7px 0;
    width: 92%;
    margin-left: 4%;
  }
  .disk-used-space .details-wrap .total-used-space {
    width: 100%;
    padding: 0;
  }
  .disk-used-space .details-wrap .disk-space-details {
    font-size: 13px;
    margin-top: 5px;
  }
  .disk-used-space .details-wrap .disk-space-details .trigger {
    font-size: 16px;
  }
  .disk-used-space .details-wrap .disk-space-details .disk-over-use-info {
    right: 0px;
    top: 65px;
  }

  /* language overrides */
  .en .nav-tabs .type {
    font-size: 11px;
  }
  .en .nav-tabs .num {
    font-size: 32px;
  }
  .en .nav > li > a {
    padding: 13px 2px 10px;
  }
}
@media only screen and (max-width: 800px) {
  .no-site .site-mainTop .main-notice-box, .made-site .site-mainTop .main-notice-box {
    margin: 0 auto 6px;
  }

  .site-mainWrap.slide-up .main-notice-box {
    margin-bottom: 17px;
  }

  .no-site .notice-ctrls {
    margin-top: 13px;
  }

  .site-main .site-visit.slide-up {
    margin-top: 0;
  }

  .site-mainTop .news-banner {
    margin-bottom: 31px;
  }

  .site-visit .dropdown-menu {
    top: 50%;
  }

  /* language overrides */
  .ko .news-banner {
    padding-top: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .site-mainTop .container {
    width: 100%;
  }
  .site-mainTop .row.main {
    margin: 0 auto;
  }

  .slide-up .inbox .tab-content.not-empty.see-all-on {
    height: 621px;
  }

  .news-banner .opening {
    display: block;
    margin: 9px 0px 5px;
  }
  .news-banner .tagline {
    line-height: 1.35;
    display: none;
  }
  .news-banner .headline {
    font-size: 18px;
  }

  .profile .to-mypage {
    margin-bottom: 10px;
  }
  .profile .user-imgbox {
    clear: none;
    padding-right: 15px;
  }
  .profile .user-profile-img {
    max-width: 90px;
  }
  .profile .account {
    margin: 0;
    position: relative;
    top: 10px;
  }
  .profile .aboutAcc {
    margin: 0;
  }
  .profile .user-category.cat-unset {
    height: 15px;
  }

  .profileImg-Box {
    margin: 0 auto;
  }

  .inbox .tab-content.closed, .inbox .tab-content.not-empty {
    max-height: 621px;
    height: 621px;
  }
  .inbox .tab-content.not-empty.see-all-on {
    height: 621px;
  }
  .inbox .tab-content.not-empty.inbox-ctrls-on {
    height: 621px;
  }
  .inbox .inbox-list li.ib-row {
    height: 62px;
  }
  .inbox .inbox-list .form-profile {
    top: 16px;
  }
  .inbox .inbox-list .content {
    padding: 0;
  }
  .inbox .inbox-list .ib-name, .inbox .inbox-list .ib-content {
    margin: 0;
  }
  .inbox .inbox-list .ib-name {
    max-width: 95%;
    max-width: 100%;
    margin-bottom: 3px;
    top: 8px;
    position: relative;
  }
  .inbox .inbox-list .ib-content {
    padding: 3px 0 0 17px;
    display: block;
    max-width: 96%;
    top: -4px;
  }
  .inbox .inbox-list .icon {
    padding: 5px 17px 18px 15px;
  }
  .inbox .inbox-list .inbox-right {
    top: 16px;
  }
  .inbox .inbox-list .mark-read {
    top: -5px;
    position: relative;
  }
  .inbox .inbox-list .ib-time {
    right: 15px;
    top: -3px;
    padding-right: 15px;
  }

  .nav-tabs .num {
    font-size: 26px;
  }
  .nav-tabs .num.teen {
    position: relative;
    left: -1px;
  }
  .nav-tabs .type {
    font-size: 11px;
  }
  .nav-tabs > li {
    width: 71px;
  }
  .nav-tabs > li:first-child {
    width: 84px;
  }*/

  /* language overrides */
  .ko .headline {
    margin-bottom: 3px;
  }
  .ko .inbox .inbox-right {
    width: 105px;
  }

  .en .news-banner .opening {
    margin: 0;
  }
}
@media only screen and (max-width: 677px) {
  .profile.cat-unset {
    padding-bottom: 15px;
  }

  .ko .news-banner .headline {
    line-height: 1.1;
  }
}
@media only screen and (max-width: 618px) {
  .site-mainTop .container > .row {
    width: 100%;
  }

  .site-main > .container {
    max-width: 95%;
  }
  .site-main .row.main {
    padding: 0;
  }

  .inbox .inbox-list .content {
    width: 53%;
  }
  .inbox .inbox-list .ib-content {
    max-width: 100%;
  }
}
@media only screen and (max-width: 529px) {
  .profile.cat-set {
    padding-bottom: 20px;
  }
  .profile .user-category.cat-set {
    height: 75px;
  }

  .ko .news-banner .headline {
    line-height: 1.3;
  }
}
@media only screen and (max-width: 479px) {
  .site-mainWrap.slide-up .main-notice-box {
    margin-bottom: 6px;
  }

  .site-mainTop .container {
    padding: 50px 13px 0;
  }

  .site-main > .container {
    max-width: 100%;
  }
  .site-main .lg-left {
    margin-bottom: 0;
  }

  .news-banner {
    max-width: 321px;
    margin-bottom: 18px;
  }
  .news-banner .headline {
    padding-top: 9px;
  }

  .no-site.site-off .site-mainTop .main-notice-box {
    margin-bottom: 6px;
  }
  .no-site.site-off .site-mainTop > .container > .row div.site-btnbox > a:last-child {
    margin-top: 8px;
  }
  .no-site .notice-ctrls {
    margin-top: 0;
  }

  .site-on .site-mainTop > .container > .row div.site-btnbox > a:last-child {
    margin-top: 8px;
  }

  .slide-up .inbox .tab-content.not-empty.see-all-on {
    height: 373px;
  }
 /*.visit-wrap,*/
  .profile, .disk-used-space {
    border: none;
  }

  .profile {
    background-color: #fbfbfb;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .profile.cat-set {
    padding-bottom: 3px;
    margin-bottom: 0;
  }
  .profile .user-profile-img {
    width: 110px;
  }
  .profile .account {
    top: -5px;
  }
  .profile .aboutAcc.cat-unset {
    height: 80px;
  }
  .profile .aboutAcc.cat-set {
    height: auto;
  }
  .profile .user-category.cat-set {
    height: 85px;
  }

  .inbox {
    background-color: #fff;
  }
  .inbox .inbox-label {
    font-size: 20px;
    top: 4px;
    position: relative;
    color: #4789e7;
  }
  .inbox .tab-content {
    border: 1px solid #dde1e2;
    border-left: none;
    border-right: none;
  }
  .inbox .tab-content.closed, .inbox .tab-content.not-empty {
    max-height: 373px;
    border: 1px solid #dde1e2;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .inbox .tab-content.not-empty.see-all-on {
    height: 373px;
  }
  .inbox .inbox-ctrls.show {
    border-bottom: 1px solid #dde1e2;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .inbox .no-updates.show {
    top: -214px;
  }
  .inbox .inbox-list .row-wrap {
    height: 100%;
  }
  .inbox .inbox-list li.ib-row {
    height: 62px;
  }
  .inbox .inbox-list .icon {
    padding-left: 10px;
    padding-right: 10px;
  }
  .inbox .inbox-list .content {
    width: 45%;
    padding: 0;
  }
  .inbox .inbox-list .ib-name {
    top: 8px;
    position: relative;
    padding-left: 10px;
  }
  .inbox .inbox-list .ib-content {
    top: -4px;
    padding-left: 10px;
  }
  .inbox .inbox-list .inbox-right {
    top: 20px;
  }
  .inbox .dropdown {
    margin-bottom: 13px;
    font-family: "Lato","Nanum Gothic";
    padding: 23px 13px 10px;
  }
  .inbox .dropdown .dropdown-toggle {
    float: right;
    font-size: 20px;
    position: relative;
    top: -4px;
    color: #4789e7;
  }
  .inbox .dropdown .dropdown-toggle:hover {
    text-decoration: none;
    color: #4789e7;
  }
  .inbox .dropdown .dropdown-toggle .type {
    margin-right: 5px;
  }
  .inbox .dropdown .dropdown-toggle .num {
    color: #4789e7;
    font-weight: 500;
  }
  .inbox .dropdown-menu {
    width: 45%;
    float: right;
    left: 55%;
  }
  .inbox .dropdown-menu > li > a {
    height: 35px;
    padding: 5px 25px;
  }
  .inbox .dropdown-menu .active .num.mobile {
    color: #fff;
  }
  .inbox .dropdown-menu .active a, .inbox .dropdown-menu .active a:hover, .inbox .dropdown-menu .active a:focus {
    background-color: #4789e7;
  }
  .inbox .dropdown-menu .num {
    font-size: 28px;
  }
  .inbox .dropdown-menu .num.teen {
    width: 56px;
  }
  .inbox .dropdown-menu .type {
    font-size: 16px;
    vertical-align: text-bottom;
    float: left;
  }
  .inbox .dropdown-menu .num.mobile {
    float: right;
    line-height: 22.85px;
    text-shadow: none;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    font-family: "Nanum Gothic";
    display: inline-block;
  }

  .nav-tabs {
    display: none;
  }

  .site-templates .row {
    margin-bottom: 5px;
  }
  .site-templates > .container {
    padding-top: 10px;
  }
  .site-templates .carousel {
    margin-top: 5px;
    margin-bottom: 0;
  }

  .visit-wrap {
    padding-top: 0px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .site-visit {
    margin-top: 23px;
    margin-bottom: 10px;
  }
  .site-visit .legend {
    text-align: left;
    margin-left: -10px;
  }
  .site-visit .dropdown-menu {
    top: 43%;
  }

  .disk-used-space {
    padding: 0 6px 13px;
    margin: 0;
  }
  .disk-used-space .up {
    margin-bottom: 10px;
  }

  .footer {
    padding-top: 20px;
  }

  /* language overrides */
  .ko .news-banner .box {
    padding-top: 0;
  }
  .ko .news-banner .headline {
    padding-top: 0;
  }
  .ko .inbox .inbox-label,
  .ko .inbox .dropdown .dropdown-toggle .type {
    letter-spacing: -1px;
  }
  .ko .inbox .inbox-list .inbox-right {
    width: 90px;
  }

  .en .news-banner {
    padding: 10px 6px 5px;
  }
  .en .inbox .dropdown-menu {
    width: 58%;
    left: 42%;
  }
  .en .inbox .inbox-list .inbox-right {
    width: 95px;
  }
}
@media only screen and (min-width: 480px) {
  .inbox .dropdown {
    display: none;
  }

  .inbox .nav-tabs {
    display: block;
  }
}
@media only screen and (max-width: 400px) {
  .profile {
    margin-bottom: 20px;
  }
  .profile.cat-unset {
    padding-bottom: 0;
  }
  .profile .user-category.cat-set {
    height: 95px;
  }
}
@media only screen and (max-width: 360px) {
  .made-site .inbox .no-updates {
    font-size: 14px;
  }

  .slide-up .inbox .tab-content.not-empty.see-all-on {
    height: 373px;
  }

  .site-ture {
    max-width: 100%;
    margin: 0 auto;
  }

  .site-mainTop .news-banner .opening {
    font-size: 11px;
  }
  .site-mainTop .news-banner .headline {
    font-size: 15px;
  }

  .site-main {
    margin: 0 auto;
  }

  .profile {
    padding-top: 0;
    margin-bottom: 20px;
  }
  .profile.cat-set {
    margin-bottom: 0;
    padding-bottom: 20px;
  }
  .profile .aboutAcc .account {
    padding-left: 3%;
  }

  .inbox .tab-content.closed, .inbox .tab-content.not-empty {
    max-height: 373px;
    width: 92%;
    margin: 0 auto;
  }
  .inbox .tab-content.not-empty.see-all-on {
    height: 373px;
  }
  .inbox .inbox-list .ib-name, .inbox .inbox-list .ib-content {
    padding-left: 10px;
  }
  .inbox .inbox-list .content {
    width: 35%;
  }
  .inbox .inbox-list .inbox-right {
    width: 95px;
  }
  .inbox .inbox-list .mark-read, .inbox .inbox-list .ib-time {
    top: -4px;
  }
  .inbox .inbox-ctrls.show {
    width: 92%;
    margin: 0 auto;
  }
  .inbox .see-all.on, .inbox .mark-all-read {
    padding: 1% 0;
    width: 100%;
    text-align: center;
    float: none;
    display: block;
    width: 112px;
    margin: 0 auto 3%;
  }
  .inbox .dropdown-menu {
    width: 50%;
    left: 46%;
  }
  .inbox .dropdown-menu .type {
    font-size: 14px;
  }

  /* language overrides */
  .en .inbox .dropdown-menu {
    width: 68%;
    left: 32%;
  }

  .profile .user-category.cat-set {
    height: 85px;
  }
}
@media only screen and (max-width: 329px) {
  .profile {
    margin-bottom: 15px;
  }
  .profile .aboutAcc .account {
    padding-left: 11%;
  }
  .profile .user-category.cat-set {
    height: 90px;
  }

  .inbox .inbox-list .content {
    max-width: 33%;
  }

  /* language overrides */
  .en .news-banner .box {
    padding-top: 0;
  }
  .en .inbox .content {
    max-width: 33%;
  }
  .en .inbox .inbox-right {
    width: 95px;
  }

  .ko .inbox .inbox-right {
    width: 80px;
  }
}

/*# sourceMappingURL=sass-main_media-queries.css.map */