/* 전체공통 */
html, body {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    position: relative;
}
* {
    box-sizing: border-box;
    transition: all 0.4s;
}
hr {
    width: 100%;
    margin: 16px 0;
    border: none;
    border-top: 1px solid #e8e8e8;
}

/* 1. 모바일용 헤더 */
header#mobile-header > section#mobile-menu > button#menu-action.menu-action {
    width: 100%;
    height: 48px;
    background-color: #f9f9f9;
    color: #303030;
    border: none;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
    text-align: center;

    position: relative;
}
header#mobile-header > section#mobile-menu > button#menu-action > p {
    width: 160px;
    margin: 0;
    display: inline-block;
    top: 50%;
    left: 50%;
    color: #777777;
}
header#mobile-header > section#mobile-menu > button#menu-action span.material-icons {
    margin-top: 0;
    margin-right: 8px;
    display: block;
    line-height: 48px;
    float: left;
}
header#mobile-header > section#mobile-menu > button#menu-action span.text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
header#mobile-header > section#mobile-brand.mobile-brand {
    margin: 0;
}
header#mobile-header > section#mobile-brand > h1 {
    width: 100%;
    height: 32px;
    margin-top: 14px;
    margin-bottom: 24px;
    text-indent: -9999px;
    background-image: url('../images/logo/logo_colored.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    color: #777777;
    display: inline-block;
    line-height: 36px;
}
header#mobile-header > section#mobile-brand > h1 > a {
    display: block;
}
header#mobile-header > section#mobile-brand > h1 > strong {
    font-size:40px;
    color: #303030;
}
@media (min-width: 1024px) {
    header#mobile-header.mobile-header {
        display: none;
    }
}

/* 2. 사이드바 */
aside#sidebar.sidebar {
    width: 184px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -200px;
    z-index: 1000;
    -webkit-box-shadow: 0 0 29px -12px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: 0 0 29px -12px rgba(0, 0, 0, 0.48);
    box-shadow: 0 0 29px -12px rgba(0, 0, 0, 0.48);
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    background-color: #ffffff;
    transition: all 0.4s;
}
aside#sidebar.sidebar::-webkit-scrollbar {
    display: none;
}
aside#sidebar.sidebar button#menu-action.menu-action {
    width: 100%;
    padding: 0 16px;
    border: none;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e8e8e8;
    color: #777777;
}
aside#sidebar > section#brand.brand {
    width: 184px;
    height: 184px;
    padding: 32px;
}
aside#sidebar > section#brand > h1 {
    width: 120px;
    height: 120px;
    margin: 0;
    text-indent: -9999px;
    background-image: url('../images/logo/logo_vertical_colored.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
}
aside#sidebar > section#brand > h1 > a {
    width: 100%;
    height: 100%;
    display: block;
}
aside#sidebar > section#navigation > nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
aside#sidebar > section#navigation > nav > ul > li {
    padding: 12px 16px;
    border-bottom: 1px solid #e8e8e8;
}
aside#sidebar > section#navigation > nav > ul > li > a {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 13px;
    color: #454545;
    text-decoration: none;
}
aside#sidebar > section#navigation > nav > ul > li.subject {
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}
aside#sidebar > section#navigation > nav > ul.interview > li.subject {
    background-image: url('../images/gong_interview_sidebar_background.png');
    background-color: #262529;
}
aside#sidebar > section#navigation > nav > ul.evaluation > li.subject {
    background-image: url('../images/evaluation_sidebar_background.png');
    background-color: #2f4d68;
}
aside#sidebar > section#navigation > nav > ul.education > li.subject {
    background-image: url('../images/teacher_sidebar_interview_background.png');
    background-color: #6a6c6e;
}
aside#sidebar > section#service.service {
    padding: 16px;
}
aside#sidebar > section#service > div.call {
    margin-bottom: 16px;
}
aside#sidebar > section#service > div.call > p.title,
aside#sidebar > section#service > div.work-time > p.title {
    margin: 0 0 4px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    color: #777777;
}
aside#sidebar > section#service > div.call > strong {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #303030;
    letter-spacing: -1px;
}
aside#sidebar > section#service > div.work-time > p.break {
    margin-top: 0;
    margin-bottom: 4px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #303030;
}
@media (min-width: 1024px) {
    aside#sidebar.sidebar {
        left: 0;
    }
    aside#sidebar.sidebar button#menu-action.menu-action {
        display: none;
    }
}

/* 3-1. 메인 컨텐츠 박스 */
main#contents.contents {
    width: 100%;
    transition: all 0.4s;
}
.container {
    width: 100% !important;
    padding: 0 !important;
    overflow: hidden;
}
@media (min-width: 1024px) {
    main#contents.contents {
        width: 100%;
        padding-left: 184px;
        padding-bottom: 107px;
    }
    .container {
        width: 800px !important;
        margin: 0 auto;
        overflow: hidden;
    }
    .container-100 {
        height: 100%;
        position: relative;
    }
}
@media (min-width: 1280px) {
    .container {
        width: 960px !important;
        margin: 0 auto;
    }
}
@media (min-width: 1440px) {
    .container {
        width: 1200px !important;
        margin: 0 auto;
    }
}

/* 3-2A. 메인 컨텐츠 스타일 : 배너 영역 */
section#mobile-banner.mobile-banner {
    width: 100%;
}
section#mobile-banner.mobile-banner > img {
    width: 100%;
    height: auto;
}
section#banner.banner {
    display: none;
}
@media (min-width: 1024px) {
    section#banner.banner {
        max-height: 440px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        overflow: hidden;
        display: block;
    }
    section#banner > div.banner-area {
        width: 100% !important;
        padding: 0 24px;
        text-align: center;
    }
    section#banner > div.banner-area.ai {
        height: 360px;
        position: relative;
    }
    section#banner > div.banner-area > img {
        width: 100%;
        max-width: 1200px;
        height: auto;
        max-height: 440px;
    }
    section#banner > div.banner-area.ai img {
        width: auto;
        height: 240px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    section#mobile-banner.mobile-banner {
        display: none;
    }
}

/* 3-2B. 메인 컨텐츠 스타일 : 메뉴바 */
section#sub-navigation > nav {
    padding: 0;
    overflow: hidden;
}
section#sub-navigation > nav > ul {
    height: 64px;
    padding: 0;
    list-style: none;
    display: block;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}
section#sub-navigation > nav > ul > li {
    height: 32px;
    margin: 0 24px;
    display: inline-block;
    line-height: 64px;
}
section#sub-navigation > nav > ul > li > a {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #646464;
    text-decoration: none !important;
}
section#sub-navigation > nav > ul > li > a:hover,
section#sub-navigation > nav > ul > li > a:focus {
    color: #2f4d68;
}
section#sub-navigation > nav div.login {
    height: 128px;
    padding: 24px;
    border-top: 1px solid #e8e8e8;
    overflow: hidden;
}
section#sub-navigation > nav div.login p.greetings {
    min-width: 200px;
    height: 32px;
    margin: 0;
    display: block;
    text-align: left;
    float: left;
}
section#sub-navigation > nav div.login p.greetings > strong,
section#sub-navigation > nav div.login p.greetings > span {
    font-family: 'Noto sans KR', sans-serif;
    line-height: 136%;
    display: block;
}
section#sub-navigation > nav div.login p.greetings > strong {
    font-size: 14px;
    color: #303030;
}
section#sub-navigation > nav div.login p.greetings > span {
    font-size: 10px;
    color: #777777;
}
section#sub-navigation > nav div.login div.buttons {
    margin-top: 16px;
    float: left;
    overflow: hidden;
}
section#sub-navigation > nav div.login div.buttons > a {
    height: 32px;
    margin-right: 2px;
    padding: 8px 24px;
    display: block;
    border: 1px solid #303030;
    font-family: 'Noto sans KR', sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #303030;
    text-decoration: none;
    float: left;
}
section#sub-navigation > nav div.login div.buttons > a:hover {
    background-color: #303030;
    color: #ffffff;
}
@media (min-width: 768px) {
    section#sub-navigation > nav > div.login {
        height: 80px;
    }
    section#sub-navigation > nav > div.login div.buttons {
        margin-top: 0;
        float: right;
    }
    section#sub-navigation > nav > ul {
        overflow-x: hidden;
    }
    section#sub-navigation > nav > ul > li:first-child {
        margin-left: 0;
    }
}
@media (min-width: 1440px) {}

/* 3-2C. 메인 컨텐츠 스타일 : 3가지 약속 */
section#promise.promise > img {
    width: 100%;
    height: auto;
}
section#promise.promise strong,
section#promise.promise ol {
    display: none;
}
@media (min-width: 768px) {
    section#promise.promise {
        width: 100%;
        padding: 12px 24px;
        margin-bottom: 48px;
        background-color: #2f4d68;
        overflow: hidden;
    }
    section#promise.promise > img {
        display: none;
    }
    section#promise strong {
        width: 160px;
        height: 80px;
        display: block !important;
        text-indent: -9999px;
        background-image: url('../images/promise_subject.png');
        background-repeat: no-repeat;
        background-position: left;
        float: left;
    }
    section#promise ol {
        width: calc(100% - 160px);
        margin: 0;
        padding: 0;
        height: 80px;
        display: block !important;
        text-indent: -9999px;
        background-image: url('../images/promise_detail_tablet.png');
        background-repeat: no-repeat;
        background-position: right;
        list-style: none;
        float: right;
    }
}
@media (min-width: 1280px) {
    section#promise ol {
        background-image: url('../images/promise_detail.png');
    }
}

/* 4. 단일 페이지(인덱스) 페이지 */
section#contents {
    padding: 24px;
    box-sizing: border-box;
}
section#contents > article#primary-banners.primary-banners {
    padding-bottom: 16px;
    overflow: hidden;
}
section#contents > article#primary-banners > div a {
    width: 100%;
    height: 100%;
    display: block;
}
section#contents > article#primary-banners > div a > img {
    width: 100%;
    height: auto;
}
section#contents > article#primary-banners > div a > img.pc {
    display: none;
}
section#contents > article#primary-banners > div a > img.tablet {
    display: none;
}
section#contents > article#primary-banners > div.lecture-pass {
    width: 100%;
    float: left;
    position: relative;
}
section#contents > article#primary-banners > div.lecture-pass strong {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    background-image: url('../images/exam_pass_mobile.jpg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
section#contents > article#primary-banners > div.lecture-schedule {
    width: 100%;
    float: left;
    position: relative;
}
section#contents > article#primary-banners > div.lecture-schedule p {
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    text-indent: -9999px;
    background-image: url('../images/schedule_xl.png');
    background-repeat: no-repeat;
    background-position: center;
}
section#contents > article#cafe-links > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
section#contents > article#cafe-links > ul a img {
    width: 100%;
    height: auto;
}
section#contents > article#cafe-links > ul li.premium img {
    display: none;
}
section#contents > article#cafe-links > ul a img.mobile-special {
    display: block;
}
section#introduce > article#what.what {
    padding: 24px;
}
section#introduce > article#what.what > img {
    width: 100%;
    height: auto;
    display: none;
}
section#introduce > article#what.what > img.mobile-description {
    display: block;
}
section#introduce > article#video.video-list > div.mobile-subject {
    width: 100%;
    padding: 24px;
}
section#introduce > article#video.video-list > div.mobile-subject > img {
    width: 100%;
    height: auto;
}
section#introduce > article#video.video-list > div.mobile-subject > img.tablet-title {
    display: none;
}
section#introduce > article#video.video-list > ul {
    margin: 0;
    padding: 0 24px 24px;
    list-style: none;
}
section#introduce > article#video.video-list > ul > li.item {
    padding: 24px 0 24px;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}
section#introduce > article#video.video-list > ul > li.item div.group {
    overflow: hidden;
    float: left;
}
section#introduce > article#video.video-list > ul > li.item div.detail {
    float: left;
}
section#introduce > article#video.video-list > ul > li.item div.detail > a {
    width: 40px;
    height: 40px;
    background-color: #303030;
    color: #ffffff;
    display: block;
    text-align: center;
}
section#introduce > article#video.video-list > ul > li.item div.detail > a > span {
    line-height: 40px;
}
section#introduce > article#video.video-list > ul > li.item div.subject {
    margin-top: -2px;
    margin-left: 8px;
    float: left;
}
section#introduce > article#video.video-list > ul > li.item div.subject > p {
    margin: 0;
    font-family: 'Noto sans KR', sans-serif;
    font-size: 12px;
    color: #777777;
}
section#introduce > article#video.video-list > ul > li.item div.subject > strong {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #303030;
}
section#introduce > article#video.video-list > ul > li.item > div.fee {
    text-align: right;
    float: right;
}
section#introduce > article#video.video-list > ul > li.item > div.fee > p {
    margin-bottom: 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    color: #777777;
}
section#introduce > article#video.video-list > ul > li.item > div.fee > p > strong {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #da6464;
    letter-spacing: -1px;
}
section#introduce > article#video.video-list div.more {
    padding: 0 24px 24px;
}
section#introduce > article#video.video-list a.more-video {
    width: 100%;
    margin-top: 2px;
    padding: 16px;
    color: #777777;
    background-color: #f9f9f9;
    border: 1px solid #e8e8e8;
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
}
section#steps > div.mobile-steps {
    width: 100%;
    padding: 24px;
}
section#steps > div.mobile-steps > img {
    width: 100%;
    height: auto;
}
section#steps > div.tablet-steps,
section#steps > div.pc-steps {
    display: none;
}
@media (min-width: 560px) {
    section#steps > div.tablet-steps {
        padding: 24px;
    }
    section#contents > article#cafe-links > ul {
        overflow: hidden;
    }
    section#contents > article#cafe-links > ul > li {
        width: 50%;
        float: left;
    }
    section#contents > article#cafe-links > ul > li.daum {
        width: 50%;
        background-color: #f6545f;
        border-bottom: 3px solid #ffffff;
    }
    section#contents > article#cafe-links > ul > li.naver {
        width: 50%;
        background-color: #01c73c;
        border-bottom: 1px solid #01c73c;
    }
    section#contents > article#cafe-links > ul > li.premium {
        width: 100%;
    }
    section#contents > article#cafe-links > ul > li.premium img.mobile-special {
        display: none;
    }
}
@media (min-width: 768px) {
    section#introduce > article#video.video-list > div.mobile-subject > img.tablet-title {
        display: block;
    }
    section#steps > div.mobile-steps {
        display: none;
    }
    section#steps > div.tablet-steps {
        display: block;
    }
    section#contents > article#cafe-links > ul > li.premium img.tablet-special {
        display: block;
    }
    section#contents > article#primary-banners > div.lecture-schedule img.tablet {
        width: 100%;
        height: auto;
        display: block;
    }
    section#introduce > article#what.what > img.mobile-description,
    section#introduce > article#video > div.mobile-subject > img.mobile-title {
        display: none;
    }
    section#contents > article#primary-banners > div.lecture-pass {
        width: 64%;
        float: left;
    }
    section#contents > article#primary-banners > div.lecture-schedule {
        width: 36%;
        padding-left: 11px;
        float: left;
    }
    section#contents > article#primary-banners > div.lecture-schedule > img {
        display: block !important;
    }
    section#introduce > article#what.what > img.tablet-description {
        display: block;
    }
}
@media (min-width: 1024px) {
    section#contents,
    section#introduce > article#what.what,
    section#introduce > article#video > div.mobile-subject,
    section#introduce > article#video.video-list > ul,
    section#introduce > article#video.video-list div.more,
    section#steps > div.tablet-steps {
        padding: 24px 0 !important;
    }
    section#contents > article#primary-banners > div.lecture-schedule img.tablet {
        display: none;
    }
    section#contents > article#cafe-links > ul > li {
        text-align: center;
    }
    section#contents > article#cafe-links > ul > li img {
        width: 72%;
    }
    section#contents > article#cafe-links > ul > li.premium img {
        width: 100% !important;
    }
}
@media (min-width: 1280px) {
    section#contents {
        padding: 24px 0;
    }
    section#steps > div.tablet-steps {
        display: none !important;
    }

    section#steps > div.pc-steps {
        padding: 48px 0;
        display: block !important;
    }
    section#steps > div.pc-steps > img {
        width: 100%;
        max-width: 1023px;
    }
}
@media (min-width: 1440px) {
    section#introduce {
        overflow: hidden;
    }
    section#introduce > article#what.what {
        width: 50%;
        padding: 24px 16px 24px 0;
        overflow: hidden;
        float: left;
    }
    section#introduce > article#video.video-list {
        width: 50%;
        float: right;
    }
    section#introduce > article#what.what > img.tablet-description {
        display: none;
    }
    section#introduce > article#what.what > img.pc-description {
        display: block;
    }
    section#contents div.lecture-pass > a > img {
        display: none;
    }
    section#contents div.lecture-pass > a > img.pc {
        display: block !important;
    }
    section#contents > article#primary-banners > div.lecture-schedule {
        width: 262px;
        padding: 0;
        float: right;
    }
    section#contents div.lecture-schedule img {
        width: 266px !important;
        margin-left: -4px;
    }
    section#contents > article#primary-banners > div.lecture-pass {
        width: calc(100% - 276px);
        float: left;
    }
    section#contents > article#cafe-links > ul > li {
        position: relative;
    }
    section#contents > article#cafe-links > ul > li.daum {
        width: 300px;
        background-color: #f6545f;
        border-bottom: 3px solid #ffffff;
    }
    section#contents > article#cafe-links > ul > li.naver {
        width: 299px;
        background-color: #01c73c;
        border-bottom: 1px solid #01c73c;
    }
    section#contents > article#cafe-links > ul > li.premium {
        width: 586px;
        margin-left: 15px;
    }
    section#contents > article#cafe-links > ul > li img {
        width: 100%;
    }
}

/* 7. 컨텐츠 상세 */
section.work-descriptions > img {
    width: 100%;
}
section.work-descriptions {
    padding: 24px;
    position: relative;
}
section#introduce > article.process,
section#introduce > article.banner {
    padding: 24px;
    display: none;
}
section#introduce > article img {
    width: 100%;
    height: auto;
}
section#ai-contents.ai-contents > img {
    width: 100%;
    height: auto;
}
@media (min-width: 768px) {
    section.work-descriptions > img {
        width: 72%;
        padding: 24px 0;
    }
    section.work-descriptions {
        padding: 24px;
        position: relative;
        overflow: hidden;
    }
}
@media (min-width: 1024px) {
    section.work-descriptions {
        padding: 24px 0;
    }
    section.work-descriptions > img {
        width: 50%;
        max-width: 480px;
        display: block;
        float: left;
    }
    section.work-descriptions > img:nth-child(2) {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-35%);
    }
    section#introduce > article.process,
     section#introduce > article.banner {
         width: 50%;
        padding: 24px 0;
         float: left;
     }
    section#introduce > article img {
        width: 100%;
        height: auto;
    }
    section#introduce > article.banner {
        width: 46.3%;
        margin-left: 3.7%;
    }
}
@media (min-width: 1440px) {
    section.work-descriptions {
        padding: 24px 0;
    }
    section.work-descriptions > img:nth-child(2) {
        position: absolute;
        bottom: 72px;
    }
    section#introduce > article.process,
    section#introduce > article.banner {
        width: 50%;
        float: left;
    }
    section#introduce > article.banner {
        width: 46.3%;
        margin-left: 3.7%;
        display: block;
    }
}



/* 6. 푸터 */
footer#footer.footer {
    width: 100%;
    padding: 24px;
    margin-top: 24px;
    border-top: 1px solid #e8e8e8;
    background-color: #f0f0f0;
    overflow: hidden;
}
footer#footer ul {
    margin:0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
footer#footer ul > li {
    margin-right: 16px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    display: block;
    float: left;
    color: #999999;
    letter-spacing: -1px;
}
footer#footer p {
    margin: 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    display: block;
    float: left;
    color: #999999;
    letter-spacing: -1px;
}
@media (min-width: 1024px) {
    footer#footer.footer {
        width: calc(100% - 184px);
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

/* 기타 스타일 */
.list-nav {
    font-size: 0.9375rem;
}
.list-wrap .item-row {
    float: left;
}
.list-sort {
    display: none;
    font-size: 0.75rem;
    padding: 16px;
}
@charset "utf-8";

/* Nav */
.item-nav { line-height:22px; margin-bottom:15px; }
.item-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
    .responsive .item-nav .page-nav { display:none; }
}

/* Item Buy Form */
#buyModal .list-group { list-style:none; }
#buyModal .item-table { width:100%; border-collapse:collapse; padding:0px; margin:0 0 15px; border:0px; border:1px solid #ddd; border-bottom:0px; }
#buyModal .item-table th { width:120px; text-align:center; padding:8px 10px; border-bottom:1px solid #ddd; background:#fafafa; white-space:nowrap; font-weight:normal; }
#buyModal .item-table th.white { background:#fff; }
#buyModal .item-table td { padding:8px 10px; border-bottom:1px solid #ddd; }
#buyModal .item-table label { font-weight:normal; }

/* Item Head */
.item-head { width:100%; overflow:hidden; }
.item-head h1 { font-size: 22px; font-weight:bold; margin:0px; line-height:50px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin:0px; padding:0px 10px; color: rgb(59, 62, 67); letter-spacing:-1px; }
.item-head h1 .photo { border-radius: 50%; width: 50px; height: 50px; margin-bottom:10px; margin-right:10px; }
.item-head .no-attach { border-bottom:0px; }
.item-head .label-sp { margin-top:4px; }
.item-details { border-left:0px; border-right:0px; }
.item-details .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.item-details .list-group-item { padding:5px 15px; border-style:dotted; }

@media all and (max-width:460px) {
    .responsive .item-head h1 { text-overflow:clip; overflow:none; white-space:normal; line-height: 24px; font-size: 18px; margin-bottom:10px; }
    .responsive .item-head h1 .photo { display:none; }
}

/* Item Image */
.item-image { overflow:hidden; }
.item-image a img { max-width:100%; margin:0 auto; }
.item-thumb { overflow:hidden; margin-right:-8px; }
.item-thumb a { display:inline-block; margin-top:8px; margin-right:8px; }

.item-content {font-size: 0.9375rem;}

/* Item View Box */
.item-view-box { text-align:center; }
.item-view-box a { margin:0 10px 15px; width:80px; height:80px; display:inline-block; }
.item-view-box i { background: rgb(245, 245, 245); padding: 20px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-view-box i:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

/* Item Explan */
.label-item { margin-top:4px; }
.item-explan { margin-bottom:30px; }
.item-explan p { padding:0px; margin:0px; }
.item-explan img { max-width:100%; }

#it_v_sns {margin:4px 0 15px;padding:0;list-style:none;zoom:1}
#it_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#it_v_sns li {float:left;margin:0 5px 0 0}

/* Item Good Box */
.item-good-box { text-align:center; }
.item-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.item-good-box a { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.item-good-box .item-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.item-good-box .item-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }

/* Item Tag */
.item-tag { margin:0px 0px 10px; padding:0px; color:#888; }
.item-tag a { color:#888; }
.item-tag a:hover { color:crimson; }

/* Item Seller */
.item-seller .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.item-seller .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.item-seller .auth-photo { width:160px; padding-right:15px; }
@media all and (max-width:460px) {
    .responsive .item-seller .auth-photo { float:none; width:100%; padding-right:0px; }
}

/* Relation Items */
#relation-item { overflow:hidden; line-height:20px; margin-bottom:30px; }
#relation-item .txt-normal { letter-spacing:0; }
#relation-item .txt-short { letter-spacing:-1px; padding-right:1px; }
#relation-item .item-row { float:left; }
#relation-item .item-image { position:relative; overflow:hidden; }
#relation-item .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
#relation-item .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
#relation-item .item-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:center; font-size:14px; }
#relation-item .item-text { font-size:12px; color:#888; }
#relation-item .item-price { margin-top:4px; line-height:22px; }
#relation-item .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
#relation-item .item-price b i { font-size:12px; }
#relation-item .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
#relation-item .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
#relation-item .item-sp { margin:0px 4px; white-space:nowrap; }
#relation-item .item-sp i { margin-right:2px; color:#888; }
#relation-item .item-sns { margin-top:15px; text-align:center; }
#relation-item .item-sns img { width:15%; max-width:34px; border-radius:50%; }

/* Review */
.use-media .div-title-wrap { margin:0px; }
.use-media .media { margin:0px 0px 15px; padding:12px; }
.use-media .media .circle { background: rgb(235,235,235); color:#fff; }
.use-media .media .media-body { padding-left:0px; padding-top:5px; }
.use-media.use-mobile .media .media-body { padding-top:0px; }
.use-media .media .media-info { line-height:20px; padding:0px 0px 4px; }
.use-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.use-media .media .media-desc { padding:0px 0px 4px; }
.use-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.use-media .media-content p { margin:0px; padding:0px; }
.use-media .media-content img { max-width:100%; }
.use-media .media-reply { padding:15px 12px 0px; }
.use-media .media-btn { margin-top:15px; }
.use-page { margin-bottom:15px; }
.use-page .pagination { margin:0; }

/* Q & A */
.qa-media .div-title-wrap { margin:0px; }
.qa-media .media { margin:0px 0px 15px; padding:12px; }
.qa-media .media .circle { background: rgb(235,235,235); color:#fff; }
.qa-media .media .media-body { padding-left:0px; padding-top:5px; }
.qa-media.qa-mobile .media .media-body { padding-top:0px; }
.qa-media .media .media-info { line-height:20px; padding:0px 0px 4px; }
.qa-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.qa-media .media .media-desc { padding:0px 0px 4px; }
.qa-media .media-content { margin-top:15px; padding:15px 12px 0px; border-top:1px dotted #606060; }
.qa-media .media-content p { margin:0px; padding:0px; }
.qa-media .media-content img { max-width:100%; }
.qa-media .media-btn { margin-top:15px; }
.qa-media .media-ans { padding:15px 12px 0px; }
.qa-media .media-ans p { margin:0px; padding:0px; }
.qa-media .media-ans img { max-width:100%; }
.qa-page { margin-bottom:15px; }
.qa-page .pagination { margin:0; }

/* Comment */
.comment-media { }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.comment-media.comment-mobile .photo i { padding: 10px; width: 54px; height: 54px; }
.comment-media.comment-mobile .photo img { width: 54px !important; height: 54px !important; }
.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-page { margin:15px 0px; }
.comment-page .pagination { margin:0; }

#it_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_opt ol li { float:left;margin:0; }
#it_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#it_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#it_vc_send_sns ul li { float:left;margin:0 0 0 20px; }
#it_vc_send_sns input {	margin:0 0 0 5px; }
@media all and (max-width:460px) {
    .responsive .comment-btn { text-align:center; }
    .responsive .comment-btn .pull-right { float:none !important; }
}

@media all and (max-width:767px) {
    .responsive #item-tab .nav-justified li a { border-right:1px solid #ddd; }
    .responsive #item-tab .nav-justified li:last-child a { border-right:0px; border-bottom:1px solid #ddd; }
}
#it_v_sns li img { width:26px; }
.is-mobile #it_v_sns li img { width:30px; }
@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {}
body {margin:0;padding:0;font-size:1em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:inherit}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:crimson;text-decoration:none}

/* 팝업레이어 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;width:970px;height:0;max-width:100%;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_con img {max-width:100%;}
.hd_pops_footer {font-size:12px;padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0px;height:0px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/a_captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/a_captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/a_captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/a_captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 목록 바로가기 */
.sanchor {margin:0 0 10px;padding:0;zoom:1}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none}
.sanchor a {display:inline-block;border:1px solid #e9e9e9;background:#f2f5f9;padding:0 7px;height:30px;text-decoration:none;line-height:2.6em}
.sanchor a:focus, .sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
.sanchor a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 선택수정 버튼 */
.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f7f7f7;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_default {width:60px;text-align:center}
.td_dvr {width:30px;text-align:center}
.td_group {width:100px;text-align:center}
.td_imgsmall {width:60px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:50px;text-align:left}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_statsmall {width:50px;text-align:center}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {margin:0 20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/*메일인증*/
.rg_em{margin-top:5px}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px;}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}

/* ########## 쇼핑몰 컨텐츠 ########## */

/* 주문서 작성 */
.display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9}
.display_setup_message strong {display:block;margin:0 0 10px}

.KPAY{background:url('../img/a_kpay_logo.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.PAYNOW{background:url('../img/a_paynow_logo.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.PAYCO{background:url('../img/a_payco_logo.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.inicis_lpay{background:url('../img/a_lpay_logo.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.kakaopay_icon{background:url('../img/a_kakao.png') no-repeat ;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px}

#display_pay_process {padding:20px;text-align:center}
#display_pay_process span {display:block;margin:5px 0 0}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}
@charset "UTF-8";

/* GNU & Common ------------------------------------------------------ */
.btn-wset, .hidden-img, .alazy {
    display:none;
}
.page-wrap img {
    max-width:100%;
}
.page-wrap p {
    padding:0px; margin:0px;
}
.hash-tag {
    font-weight:bold;
}
.member, .guest {
    color: rgb(51, 51, 51);
}
#nameContextMenu {
    background:#000;
    color:#fff;
    padding:0 !important;
    z-index:9999;
    padding:6px 0 !important;
}
#nameContextMenu a {
    color:#fff;
    font-size:12px;
    line-height:20px;
    display:block;
    padding:0 8px;
}
#nameContextMenu a:hover {
    color:#ff0000;
}
#nameContextMenu td {
    padding:0 !important;
    border:0 !important;
}
#autosave_pop ul {
    padding:0px !important;
    list-style:none !important;
}
#autosave_pop li {
    display:block;
}
#viewModalLoading {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-90px;
    margin-top:-90px;
    display:none;
}
#viewModal .modal-body {
    -webkit-overflow-scrolling: touch;
}

/* Exif -------------------------------------------------------- */
.img-tag {
    max-width:100%; border:0;
}
.img-exif {
    margin:0px auto 30px;
    max-width: 100%;
}
.img-exif img {
    display:block;
    margin:0px auto !important;
    max-width:100%;
}
.img-exif .exif-data {
    padding:15px;
    margin-top:15px;
    background:#fafafa;
    border:1px solid #eee;
    line-height:20px;
    color:#333;
    overflow:hidden;
}
.img-exif ul.iptc-list {
    padding:0px 5px 6px;
    margin:0px 0px 15px;
    border-bottom:1px dotted #bbb;
    list-style:none;
}
.img-exif ul.iptc-list li {
    margin-bottom:4px;
}
.img-exif ul.exif-list {
    padding:0px;
    padding-left:20px;
    margin:0px;
}
.img-exif ul.exif-list:after {
    display:block;
    visibility:hidden;
    clear:both;
    content:"";
}
.img-exif ul.exif-list li {
    float:left;
    padding-right:20px;
    width:33.333%;
}
@media all and (max-width:767px) {
    .responsive .img-exif ul.exif-list li { width:50%; }
}
@media all and (max-width:420px) {
    .responsive .img-exif ul.exif-list li { width:100%; }
}
/* Iframe ------------------------------------------------------ */
.div-iframe {
    margin:0 auto;
    max-width:100%
}
.div-iframe .iframe-wrap {
    position:relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin:0;
}
.div-iframe	.iframe-wrap iframe,
.div-iframe .iframe-wrap object,
.div-iframe .iframe-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
}

/* Panel : Accordions ------------------------------------------------------ */
.div-panel.panel-group {
    margin-bottom: 30px;
}
.div-panel.panel-group.no-bottom {
    margin-bottom: 0px;
}
.div-panel.panel-group .panel {
    border:0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
}
.div-panel.panel-group .panel + .panel {
    margin-top: 0px;
    border:0;
}
.div-panel.panel-group .panel-heading {
    padding: 0;
    position: relative;
    background: none;
}
.div-panel.panel-group .panel-heading::after {
    content: "";
}
.div-panel.panel-group .panel-heading {
    padding:0;
    border-radius: 0;
}
.div-panel.panel-group .panel-heading .rank-icon {
    margin-top:3px;
}
.div-panel.panel-group .panel-heading a {
    outline:none;
    display:block;
    padding:10px 15px; padding-right:0px;
    padding-left:0;
    border-radius: 0;
    border-top:1px solid rgb(235, 235, 235);
}
.div-panel.panel-group .panel:first-child .panel-heading a {
    border-top:0px;
}
.div-panel.panel-group .panel:last-child .panel-heading a {
    border-bottom:1px solid rgb(235, 235, 235);
}
.div-panel.panel-group .panel-heading a .panel-icon::after {
    font-family:dotum;
    text-align:center;
    line-height:18px;
    font-size:14px;
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:2px;
    background:#333;
    color:#fff;
    content: "+";
}
.div-panel.panel-group .panel-heading a.active {
    color: rgb(233, 27, 35);
    border-bottom:1px solid rgb(55, 55, 55) !important;
}
.div-panel.panel-group .panel-heading a.active .panel-icon::after {
    background: rgb(233, 27, 35);
    color:#fff;
    content: "-";
}
.div-panel.panel-group .panel-body {
    margin:0;
    border:0 !important;
    border-radius: 0;
    padding-left:25px;
}
.div-panel.panel-group .list-group {
    margin:0;
    border:0;
    border-radius: 0;
}
.div-panel.panel-group .list-group .list-group-item {
    margin-bottom:0;
    border:0;
    border-radius: 0;
    padding:4px 15px; padding-right:0px;
    padding-left:25px;
    word-break:break-all;
}
.div-panel.panel-group .list-group .list-group-item .rank-icon {
    margin-top:3px;
}
.div-panel.panel-group a.active.list-group-item, .div-panel.panel-group a.active.list-group-item:hover, .div-panel.panel-group a.active.list-group-item:focus {
    background-color: rgb(245, 245, 245);
    color:crimson;
    border-color: none;
    font-weight:bold;
}

/* Tabs ------------------------------------------------------ */
.tabs li a {
    cursor:pointer !important;
}
.div-tab.tabs, .div-tab-top.tabs, .div-tab-bottom.tabs, .div-tab-btn.tabs {
    margin-bottom: 0;
}
.div-tab.tabs::before, .div-tab-top.tabs::before, .div-tab-bottom.tabs::before, .div-tab-btn.tabs::before {
    display: table; content: " ";
}
.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after {
    display: table; content: " ";
}
.div-tab.tabs::after, .div-tab-top.tabs::after, .div-tab-bottom.tabs::after, .div-tab-btn.tabs::after {
    clear: both;
}
.div-tab.tabs ul.nav-tabs, .div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.div-tab.tabs div.tab-content {
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    padding: 15px;
}
.div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content {
    border: 0;
    padding: 15px 0;
}
.div-tab.tabs div.tab-content, .div-tab-top.tabs div.tab-content, .div-tab-bottom.tabs div.tab-content {
    border-radius: 0;
    border-image: none;
    box-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0;
    -moz-box-shadow: none;
    -moz-border-radius: none;
    -webkit-border-radius: 0;
}
.div-tab.tabs ul.nav-tabs li {
    width: 16.666%;
    background: rgb(247, 247, 247);
    border-image: none;
    color: #333;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-top: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(230, 230, 230);
    border-image: none;
    line-height:14px !important;
}
.div-tab.tabs ul.nav-tabs li:hover, .div-tab.tabs ul.nav-tabs li:focus {
    border:0;
    border-top: 1px solid rgb(221, 221, 221);
    border-left: 1px solid rgb(230, 230, 230);
    border-image: none;
}
.div-tab.tabs ul.nav-tabs li:first-child  {
    border-left:1px solid rgb(221, 221, 221);
    margin-left:0px;
}
.div-tab.tabs ul.nav-tabs li:last-child, .div-tab.tabs ul.nav-tabs li:last-child:hover {
    border-right:1px solid rgb(221, 221, 221);
}
.div-tab.tabs ul.nav-tabs li.active {
    background: #fff;
    border-top:1px solid #333;
}
.div-tab.tabs ul.nav-tabs li a, .div-tab.tabs ul.nav-tabs li a:hover, .div-tab.tabs ul.nav-tabs li a:focus,
.div-tab.tabs ul.nav-tabs li:first-child a, .div-tab.tabs ul.nav-tabs li:first-child a:hover, .div-tab.tabs ul.nav-tabs li:first-child a:focus,
.div-tab.tabs ul.nav-tabs li:last-child a, .div-tab.tabs ul.nav-tabs li:last-child a:hover, .div-tab.tabs ul.nav-tabs li:last-child a:focus {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color:#333;
    border:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background:none;
    border-top: 1px solid transparent;
    border-bottom:1px solid rgb(221, 221, 221);
    margin:0;
    line-height:1.34 !important;
    font-size: 1.125rem;
    font-weight:600;
}
.div-tab.tabs ul.nav-tabs li.active a, .div-tab.tabs ul.nav-tabs li.active a:hover, .div-tab.tabs ul.nav-tabs li.active a:focus,
.div-tab.tabs ul.nav-tabs li.active:first-child a, .div-tab.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab.tabs ul.nav-tabs li.active:last-child a, .div-tab.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background:none;
    border-top:1px solid #333;
    border-bottom:1px solid transparent;
    margin:0;
    line-height:1.34 !important;
}
.div-tab-top.tabs ul.nav-tabs, .div-tab-bottom.tabs ul.nav-tabs {
    background: none;
    border-image: none;
    color: #333;
    margin: 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-image: none;
    line-height:18px;
    border-top:1px solid rgb(221, 221, 221);
    border-bottom:1px solid rgb(221, 221, 221);
}
.div-tab-top.tabs ul.nav-tabs li, .div-tab-bottom.tabs ul.nav-tabs li  {
    border:0;
    margin:0;
    line-height:14px !important;
}
.div-tab-top.tabs ul.nav-tabs li a, .div-tab-top.tabs ul.nav-tabs li a:hover, .div-tab-top.tabs ul.nav-tabs li a:focus,
.div-tab-top.tabs ul.nav-tabs li:first-child a, .div-tab-top.tabs ul.nav-tabs li:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li:last-child a, .div-tab-top.tabs ul.nav-tabs li:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li:last-child a:focus {
    color:#333;
    border:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background:none;
    border-top:2px solid transparent;
    border-bottom:0;
    padding:12px 12px 10px;
    margin-top:-1px;
    line-height:14px !important;
}
.div-tab-top.tabs ul.nav-tabs li.active a, .div-tab-top.tabs ul.nav-tabs li.active a:hover, .div-tab-top.tabs ul.nav-tabs li.active a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:first-child a, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-top.tabs ul.nav-tabs li.active:last-child a, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-top.tabs ul.nav-tabs li.active:last-child a:focus {
    color: #333;
    border:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background:none;
    border-top:2px solid #333;
    border-bottom:0;
    padding:12px 12px 10px;
    line-height:14px !important;
}

.div-tab-bottom.tabs ul.nav-tabs li a, .div-tab-bottom.tabs ul.nav-tabs li a:hover, .div-tab-bottom.tabs ul.nav-tabs li a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:first-child a, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li:last-child a, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li:last-child a:focus {
    color:#333;
    border:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background:none;
    border-bottom:2px solid transparent;
    border-top:0;
    padding:12px 12px 10px;
    margin-bottom:-1px;
    line-height:14px !important;
}

.div-tab-bottom.tabs ul.nav-tabs li.active a, .div-tab-bottom.tabs ul.nav-tabs li.active a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:first-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-bottom.tabs ul.nav-tabs li.active:last-child a, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-bottom.tabs ul.nav-tabs li.active:last-child a:focus {
    color:#333;
    border:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background:none;
    border-bottom:2px solid #333;
    border-top:0;
    padding:12px 12px 10px;
    line-height:14px !important;
}

.div-tab-line.tabs ul.nav-tabs li a, .div-tab-line.tabs ul.nav-tabs li a:hover, .div-tab-line.tabs ul.nav-tabs li a:focus,
.div-tab-line.tabs ul.nav-tabs li:first-child a, .div-tab-line.tabs ul.nav-tabs li:first-child a:hover, .div-tab-line.tabs ul.nav-tabs li:first-child a:focus,
.div-tab-line.tabs ul.nav-tabs li:last-child a, .div-tab-line.tabs ul.nav-tabs li:last-child a:hover, .div-tab-line.tabs ul.nav-tabs li:last-child a:focus {
    color:#333;
    border:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background:none;
    border-top:2px solid transparent;
    border-bottom:2px solid transparent;
    border-top:0;
    padding:12px 12px 10px;
    margin:-1px 0px;
    line-height:14px !important;
}

.div-tab-line.tabs ul.nav-tabs li.active a, .div-tab-line.tabs ul.nav-tabs li.active a:hover, .div-tab-line.tabs ul.nav-tabs li.active a:focus,
.div-tab-line.tabs ul.nav-tabs li.active:first-child a, .div-tab-line.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab-line.tabs ul.nav-tabs li.active:first-child a:focus,
.div-tab-line.tabs ul.nav-tabs li.active:last-child a, .div-tab-line.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab-line.tabs ul.nav-tabs li.active:last-child a:focus {
    color:#333;
    border:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background:none;
    border-top:2px solid #333;
    border-bottom:2px solid #333;
    padding:12px 12px 10px;
    line-height:14px !important;
}

.div-tab-box.tabs ul.nav-tabs {
    margin: 0px;
    padding:0px;
    border:0px;
    border-left:1px solid #ddd;
}
.div-tab-box.tabs ul.nav-tabs li a {
    padding:10px 15px;
    background: rgb(247, 247, 247);
    color: #333;
    margin-right: 0px;
    border-radius: 0px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border:1px solid #ddd;
}
.div-tab-box.tabs ul.nav-tabs li.active a {
    background: #333;
    color: #fff;
    font-weight:bold;
    border:1px solid #333;
    cursor:pointer;
}

.div-tab-btn.tabs {
    border:0px;
    padding:0px;
}

.div-tab-btn.tabs ul.nav-tabs {
    border:0px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:5px 0px;
}
.div-tab-btn.tabs ul.nav-tabs li {
    border:0px;
    margin:5px 0px;
    padding:0;
}
.div-tab-btn.tabs ul.nav-tabs li a {
    padding: 7px 15px !important;
    background:none;
    border:0px !important;
    margin:0px;
    font-weight:normal;
}
.div-tab-btn.tabs ul.nav-tabs li.active a {
    border:0px;
    color:#fff;
    font-weight:normal;
    background: #333;
    cursor:pointer;
}

/* Tabs Color */
.tabs-color-top.tabs ul.nav-tabs li.active, .tabs-color-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(51, 51, 51) !important;
}
.tabs-darkred-top.tabs ul.nav-tabs li.active, .tabs-darkred-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(170, 60, 63) !important;
}
.tabs-crimson-top.tabs ul.nav-tabs li.active, .tabs-crimson-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(220, 20, 60) !important;
}
.tabs-red-top.tabs ul.nav-tabs li.active, .tabs-red-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(233, 27, 35) !important;
}
.tabs-orangered-top.tabs ul.nav-tabs li.active, .tabs-orangered-top.tabs ul.nav-tabs li.active a {
    border-top-color: orangered !important;
}
.tabs-orange-top.tabs ul.nav-tabs li.active, .tabs-orange-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(240, 150, 20) !important;
}
.tabs-green-top.tabs ul.nav-tabs li.active, .tabs-green-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(140, 195, 70) !important;
}
.tabs-lightgreen-top.tabs ul.nav-tabs li.active, .tabs-lightgreen-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(160, 200, 80) !important;
}
.tabs-deepblue-top.tabs ul.nav-tabs li.active, .tabs-deepblue-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(0, 125, 180) !important;
}
.tabs-skyblue-top.tabs ul.nav-tabs li.active, .tabs-skyblue-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(100, 195, 245) !important;
}
.tabs-blue-top.tabs ul.nav-tabs li.active, .tabs-blue-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(52, 152, 219) !important;
}
.tabs-navy-top.tabs ul.nav-tabs li.active, .tabs-navy-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(50, 60, 70) !important;
}
.tabs-violet-top.tabs ul.nav-tabs li.active, .tabs-violet-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(85, 60, 125) !important;
}
.tabs-yellow-top.tabs ul.nav-tabs li.active, .tabs-yellow-top.tabs ul.nav-tabs li.active a {
    border-top-color: rgb(241, 196, 15) !important;
}
.tabs-darkgray-top.div-tab.tabs ul.nav-tabs li.active, .tabs-darkgray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #666 !important;
}
.tabs-gray-top.tabs ul.nav-tabs li.active, .tabs-gray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #888 !important;
}
.tabs-lightgray-top.tabs ul.nav-tabs li.active, .tabs-lightgray-top.tabs ul.nav-tabs li.active a {
    border-top-color: #ddd !important;
}
.tabs-black-top.tabs ul.nav-tabs li.active, .tabs-black-top.tabs ul.nav-tabs li.active a {
    border-top-color: #333 !important;
}
.tabs-white-top.tabs ul.nav-tabs li.active, .tabs-white-top.tabs ul.nav-tabs li.active a {
    border-top-color: #fff !important;
}

.tabs-color-bottom.tabs ul.nav-tabs li.active, .tabs-color-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(51, 51, 51) !important;
}
.tabs-darkred-bottom.tabs ul.nav-tabs li.active, .tabs-darkred-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(170, 60, 63) !important;
}
.tabs-crimson-bottom.tabs ul.nav-tabs li.active, .tabs-crimson-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(220, 20, 60) !important;
}
.tabs-red-bottom.tabs ul.nav-tabs li.active, .tabs-red-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(233, 27, 35) !important;
}
.tabs-orangered-bottom.tabs ul.nav-tabs li.active, .tabs-orangered-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: orangered !important;
}
.tabs-orange-bottom.tabs ul.nav-tabs li.active, .tabs-orange-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(240, 150, 20) !important;
}
.tabs-green-bottom.tabs ul.nav-tabs li.active, .tabs-green-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(140, 195, 70) !important;
}
.tabs-lightgreen-bottom.tabs ul.nav-tabs li.active, .tabs-lightgreen-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(160, 200, 80) !important;
}
.tabs-deepblue-bottom.tabs ul.nav-tabs li.active, .tabs-deepblue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(0, 125, 180) !important;
}
.tabs-skyblue-bottom.tabs ul.nav-tabs li.active, .tabs-skyblue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(100, 195, 245) !important;
}
.tabs-blue-bottom.tabs ul.nav-tabs li.active, .tabs-blue-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(52, 152, 219) !important;
}
.tabs-navy-bottom.tabs ul.nav-tabs li.active, .tabs-navy-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(50, 60, 70) !important;
}
.tabs-violet-bottom.tabs ul.nav-tabs li.active, .tabs-violet-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(85, 60, 125) !important;
}
.tabs-yellow-bottom.tabs ul.nav-tabs li.active, .tabs-yellow-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: rgb(241, 196, 15) !important;
}
.tabs-darkgray-bottom.div-tab.tabs ul.nav-tabs li.active, .tabs-darkgray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #666 !important;
}
.tabs-gray-bottom.tabs ul.nav-tabs li.active, .tabs-gray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #888 !important;
}
.tabs-lightgray-bottom.tabs ul.nav-tabs li.active, .tabs-lightgray-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #ddd !important;
}
.tabs-black-bottom.tabs ul.nav-tabs li.active, .tabs-black-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #333 !important;
}
.tabs-white-bottom.tabs ul.nav-tabs li.active, .tabs-white-bottom.tabs ul.nav-tabs li.active a {
    border-bottom-color: #fff !important;
}

.tabs-color-bg.tabs ul.nav-tabs li.active, .tabs-color-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(51, 51, 51) !important;
    background: rgb(51, 51, 51) !important;
}
.tabs-darkred-bg.tabs ul.nav-tabs li.active, .tabs-darkred-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(170, 60, 63) !important;
    background: rgb(170, 60, 63) !important;
}
.tabs-crimson-bg.tabs ul.nav-tabs li.active, .tabs-crimson-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(220, 20, 60) !important;
    background: rgb(220, 20, 60) !important;
}
.tabs-red-bg.tabs ul.nav-tabs li.active, .tabs-red-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(233, 27, 35) !important;
    background: rgb(233, 27, 35) !important;
}
.tabs-orangered-bg.tabs ul.nav-tabs li.active, .tabs-orangered-bg.tabs ul.nav-tabs li.active a {
    border-color: orangered !important;
    background: orangered !important;
}
.tabs-orange-bg.tabs ul.nav-tabs li.active, .tabs-orange-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(240, 150, 20) !important;
    background: rgb(240, 150, 20) !important;
}
.tabs-green-bg.tabs ul.nav-tabs li.active, .tabs-green-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(140, 195, 70) !important;
    background: rgb(140, 195, 70) !important;
}
.tabs-lightgreen-bg.tabs ul.nav-tabs li.active, .tabs-lightgreen-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(160, 200, 80) !important;
    background: rgb(160, 200, 80) !important;
}
.tabs-deepblue-bg.tabs ul.nav-tabs li.active, .tabs-deepblue-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(0, 125, 180) !important;
    background: rgb(0, 125, 180) !important;
}
.tabs-skyblue-bg.tabs ul.nav-tabs li.active, .tabs-skyblue-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(100, 195, 245) !important;
    background: rgb(100, 195, 245) !important;
}
.tabs-blue-bg.tabs ul.nav-tabs li.active, .tabs-blue-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(52, 152, 219) !important;
    background: rgb(52, 152, 219) !important;
}
.tabs-navy-bg.tabs ul.nav-tabs li.active, .tabs-navy-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(50, 60, 70) !important;
    background: rgb(50, 60, 70) !important;
}
.tabs-violet-bg.tabs ul.nav-tabs li.active, .tabs-violet-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(85, 60, 125) !important;
    background: rgb(85, 60, 125) !important;
}
.tabs-yellow-bg.tabs ul.nav-tabs li.active, .tabs-yellow-bg.tabs ul.nav-tabs li.active a {
    border-color: rgb(241, 196, 15) !important;
    background: rgb(241, 196, 15) !important;
}
.tabs-darkgray-bg.div-tab.tabs ul.nav-tabs li.active, .tabs-darkgray-bg.tabs ul.nav-tabs li.active a {
    border-color: #666 !important;
    background: #666 !important;
}
.tabs-gray-bg.tabs ul.nav-tabs li.active, .tabs-gray-bg.tabs ul.nav-tabs li.active a {
    border-color: #888 !important;
    background: #888 !important;
}
.tabs-lightgray-bg.tabs ul.nav-tabs li.active, .tabs-lightgray-bg.tabs ul.nav-tabs li.active a {
    color: #333 !important;
    border-color: #ddd !important;
    background: #ddd !important;
}
.tabs-black-bg.tabs ul.nav-tabs li.active, .tabs-black-bg.tabs ul.nav-tabs li.active a {
    border-color: #333 !important;
    background: #333 !important;
}
.tabs-white-bg.tabs ul.nav-tabs li.active, .tabs-white-bg.tabs ul.nav-tabs li.active a {
    color: #333 !important;
    border-color: #ddd !important;
    background: #fff !important;
}

.div-tab.tabs.trans-top ul.nav-tabs li.active {
    border-top-color: rgb(221, 221, 221) !important;
}
.div-tab.tabs.trans-top ul.nav-tabs li.active a {
    color: crimson !important;
    border-top-color: transparent !important;
}

.div-tab-box.tabs ul.nav-tabs li a {
    border-left:0px !important;
}
/* Table ------------------------------------------------------ */
.div-table.table > thead > tr > th {
    vertical-align: middle;
}
.div-table.table > tbody > tr > th {
    vertical-align: middle;
}
.div-table.table > tfoot > tr > th {
    vertical-align: middle;
}
.div-table.table > thead > tr > td {
    vertical-align: middle;
}
.div-table.table > tbody > tr > td {
    vertical-align: middle;
}
.div-table.table > tfoot > tr > td {
    vertical-align: middle;
}
.div-table.table-no-border.table > thead > tr > th {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}
.div-table.table-no-border.table > tbody > tr > th {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}
.div-table.table-no-border.table > tfoot > tr > th {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}
.div-table.table-no-border.table > thead > tr > td {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}
.div-table.table-no-border.table > tbody > tr > td {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}
.div-table.table-no-border.table > tfoot > tr > td {
    padding: 0px;
    border-top-color: currentColor;
    border-top-width: 0px;
    border-top-style: none;
}
.div-table.table > thead > tr > th {
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.div-table.table > thead > tr {
    background: rgb(243, 243, 243);
}

@media all and (max-width:1024px){
    .div-tab.tabs ul.nav-tabs li {width: 20%;}
}

@media all and (max-width:780px){
    .div-tab.tabs ul.nav-tabs li {width: 50%;}
}

/* Progress Bars ------------------------------------------------------ */
.active.progress-bar .progress {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.div-progress.progress {
    position:relative;
    height: 28px;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    background-color: rgb(245, 245, 245);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.div-progress.progress .sr-only {
    font-family: tahoma, sans-serif;
    margin: 0px 15px;
    left: 0px;
    width: auto;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    clip: auto;
}
.div-progress .sr-score {
    font-family: tahoma, sans-serif;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding-right:8px;
}

/* Syntaxhighlighter ------------------------------------------------------ */
.syntaxhighlighter .line {
    font-size: 13px !important;
    line-height: 20px !important;
}

/* Shadow Lines ------------------------------------------------------ */
.shadow-line {
    display:block;
    padding:0;
    margin:0;
    max-width: 100%;
    overflow: hidden !important;
    text-align:center;
    vertical-align:top;
}
.shadow-line img {
    display:block;
    border:0;
    max-width: 100% !important;
    height: auto !important;
    margin:0 auto;
}

/* Person ------------------------------------------------------ */
.person {
    margin-bottom:15px;
}
.person .person-desc {
    margin-top:18px;
}
.person .person-desc .person-author {
    display: table;
    width: 100%;
}
.person .person-desc .person-author .person-author-wrapper {
    min-width: 50%;
}
.person .person-desc .person-author .person-name {
    display:block;
    line-height:20px;
}
.person .person-desc .person-author .person-title {
    display:block;
    line-height:20px;
    color:#747474;
}
.person .person-desc .person-author .person-social {
    max-width: 50%;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.person .person-social a {
    margin-left: 12px;
}
.person .person-content {
    margin-top: 8px;
    color:#747474;
}

/* Image ------------------------------------------------------ */
.img-wrap {
    display:block;
    position:relative;
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
}
.img-wrap.img-fix {
    margin-bottom:-1px;
}
.img-wrap .img-item {
    display:block;
    /*position:absolute;*/
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
.img-wrap .img-item.img-fix {
    margin-top:-1px -1px 0px;
}
.img-wrap .img-item img {
    display:block;
    border:0;
    width:100.5%;
    height:auto;
    margin:0px auto;
}
.img-wrap .img-item.img-full img {
    width:100%;
    height:100%;
}
.img-wrap .img-item.img-height img {
    width:auto;
    height:100%;
}
.img-wrap .img-item.img-auto img {
    width:auto;
    height:auto;
}
.img-ratio {
    display:block;
    position:relative;
    overflow:hidden;
}
.img-ratio .img-item {
    position:relative;
    overflow:hidden;
}
.img-ratio .img-item img {
    display:block;
    border:0;
    width:100%;
    height:auto;
    margin:0px auto;
}
.in-shadow {
    position:absolute; top:0; left:0; width:100%; z-index:1;
}
.in-subject {
    position: absolute;
    width:100%;
    left:0px;
    bottom: 0px;
    padding: 6px 8px;
    margin: 0;
    line-height:20px;
}
.in-caption {
    position: absolute;
    bottom: 20%;
    padding: 6px 8px;
    margin: 0;
    line-height:20px;
}
.in-title {
    position: absolute;
    bottom: 20%;
    padding: 10px 15px;
    margin: 0;
    font-size:18px;
    line-height:24px;
}
.in-left {
    position:absolute;
    top:0px;
    left:0px;
}
.in-left-b {
    position:absolute;
    bottom:0px;
    left:0px;
}
.in-right {
    position:absolute;
    top:0px;
    right:0px;
}
.in-right-b {
    position:absolute;
    top:0px;
    right:0px;
}
/* Image & Box Frames ------------------------------------------------------ */
.boxframe {
    margin:0px auto;
    z-index:0;
    position: relative;
}
.boxframe iframe, .boxframe embed, .boxframe object {
    display:block;
}
.imgframe {
    display: block;
    z-index:0;
    position: relative;
}
.imgframe.img-border, .boxframe.box-border {
    border: 6px solid #f6f6f6;
}
.imgframe.img-grow, .boxframe.box-grow {
    border: 6px solid #f6f6f6;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.imgframe.img-shadow, .boxframe.box-shadow {
    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
}
.imgframe.img-bottomshadow, .boxframe.box-bottomshadow {
    margin:0;
}
.imgframe.img-bottomshadow::before, .imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::before, .boxframe.box-bottomshadow::after {
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 17px 10px rgba(0,0,0,0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.imgframe.img-bottomshadow::after, .boxframe.box-bottomshadow::after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

/* Date Boxes ------------------------------------------------------ */
.date-box {
    width: 82px;
    text-align: center;
}
.date-box .date-item {
    padding: 8px 0 5px 0;
}
.date-box .date-item .date {
    display: block;
    line-height: 29px;
    font-size: 29px;
    font-weight: bold;
}
.date-box .date-icon {
    margin-top:3px;
    background-color: #eef0f2;
}
.date-box .date-icon i {
    display: block;
    line-height: 55px;
    font-size: 30px;
}

/* Background Boxes ------------------------------------------------------ */
.div-bg-box {
    background-repeat: no-repeat;
    background-position:center center;
    background-size: cover;
    overflow:hidden;
}
.div-bg-box.bg-fixed {
    background-attachment: fixed;
}
.div-bg-box.bg-top {
    background-position:center top;
}

/* UL List ------------------------------------------------------ */
.div-ul {
    padding:0px;
    margin:0px;
    list-style:none;
}
.div-ul li {
    line-height:26px;
}

/* Flip Boxes ------------------------------------------------------ */
.flip-container {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}
.flip-container:hover .flip-back, .flip-container.hover .flip-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .flip-front, .flip-container.hover .flip-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip-horizontal {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.flip-front, .flip-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    min-height: 214px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    padding: 27px 20px 27px 20px;
    text-align: center;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    webkit-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
    -moz-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important;
    -o-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
    transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
}
.flip-front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: lightgreen;
    z-index: 2;
}
.flip-back {
    background: lightblue;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.flip-vertical .flip-back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.flip-vertical.flip-container .flip-box {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}
.flip-vertical.flip-container:hover .flip-back, .flip-vertical.flip-container.hover .flip-back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.flip-vertical.flip-container:hover .flip-front, .flip-vertical.flip-container.hover .flip-front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.flip-box {
    position: relative;
    min-height: 214px;
    margin-bottom: 15px;
}
.flip-box .flip-circle {
    height: 64px;
    width: 64px;
    border: 1px solid;
    border-radius: 50%;
}
.flip-box .flip-circle i {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
}
.flip-box .no-circle {
    font-size: 60px;
}
.flip-box .flip-grafix {
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
}
.flip-box .flip-heading {
    font-size:18px;
    line-height:27px;
    margin-bottom: 15px;
}
.flip-box .flip-heading-back {
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 14px;
    text-transform: uppercase;
}
.flip-box .flip-img {
    display:block;
    position:relative;
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
}
.flip-box .flip-img img {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
    border:0px;
}

/* Content-Boxes & FA ------------------------------------------------------ */
i.large, img.large, .fix-icon.large i, .fix-icon.large img {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px;
}
i.normal, img.normal, .fix-icon.normal i, .fix-icon.normal img {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 22px;
}
i.medium, img.medium, .fix-icon.medium i, .fix-icon.medium img {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
}
i.tiny, img.tiny, .fix-icon.tiny i, .fix-icon.tiny img {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    margin-right:3px;
}
i.circle, img.circle, .fix-icon.circle i, .fix-icon.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    text-align: center;
    margin-top: 0px;
    vertical-align:middle;
}
i.dark-circle, img.dark-circle, .fix-icon.dark-circle i, .fix-icon.dark-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #333;
    color: #fff;
}
i.light-circle, img.light-circle, .fix-icon.light-circle i, .fix-icon.light-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #333;
}
.content-box {
    margin:0 0 15px;
    line-height:20px;
}
.content-box .heading:hover i {
    background-color: rgb(233, 27, 35);
    color: rgb(255, 255, 255);
    border-color: rgb(233, 27, 35);
}
.content-box .text {
    color:#747474;
    margin:0 0 10px;
}
.content-box .more a {
    font-size:11px;
    font-weight:normal;
    color:#888;
    letter-spacing:-1px;
}
.content-box .more i.fa {
    margin:0 4px;
}
.content-box-bg {
    height: auto;
    overflow: visible;
    background-color: rgb(246, 246, 246);
    padding: 35px 12px 12px;
    text-align: center;
}
.content-box-bg .heading {
    overflow: visible;
    position: relative;
    text-align: center;
}
.content-box-bg .heading i.fa.large {
    display: block;
    position: absolute;
    left: 50%;
    float: none;
    margin-left: -32px;
    top: -80px;
}

/* Text Boxes ------------------------------------------------------ */
.div-box {
    position:relative;
    padding: 28px 28px 27px 31px;
    border-width: 3px 1px 1px;
    border-style: solid;
    border-color: rgb(51, 51, 51) rgb(232, 230, 230) rgb(232, 230, 230);
    background-color: rgb(255, 255, 255);
}
.div-box-shadow {
    z-index: 1;
    position: relative;
}
.div-box-shadow .div-box::before, .div-box-shadow .div-box::after {
    opacity: 0.7;
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 17px 10px rgba(0,0,0,0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.div-box-shadow .div-box::after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}
.div-box-dark {
    margin:0px;
    padding: 15px;
    color: rgb(255, 255, 255);
    background-color: rgb(55, 55, 55);
    border-left: 5px solid rgb(0, 0, 0);
}
.div-box-dark a, .div-box-dark a:hover, .div-box-dark a:focus {
    color: rgb(255, 255, 255);
}
.div-box-light {
    margin:0px;
    padding: 15px;
    color: rgb(51, 51, 51);
    background-color: rgb(245, 245, 245);
    border-left: 5px solid rgb(0, 0, 0);
}

/* Dividers ------------------------------------------------------ */
.div-title-block-thin, .div-title-block-bold {
    position: relative;
    margin-bottom:20px;
}
.div-title-block-thin::before, .div-title-block-bold::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.div-title-block-thin::before {
    height: 1px;
    margin-top:-1px;
    background:#e7e6e6;
}
.div-title-block-bold::before {
    height: 6px;
    background: rgb(240, 240, 240);
    margin-top:-4px;
}
.div-title-block-thin span, .div-title-block-bold span {
    background: #fff;
    padding: 0 12px;
    margin: 0 15px;
    position: relative;
    z-index: 2;
}
.div-title-line-thin, .div-title-line-bold {
    width:100%;
    padding:12px 0px 6px;
    margin: 0 0 20px;
}
.div-title-line-thin {
    border-bottom:1px solid #e7e6e6;
}
.div-title-line-bold {
    border-bottom:6px solid rgb(240, 240, 240);
}
.div-title-underline-thin, .div-title-underline-bold {
    margin: 0px 0px 15px;
    padding: 0px 0px 5px;
    text-transform: capitalize;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.div-title-underline-thin {
    border-bottom:1px solid rgb(51, 51, 51);
}
.div-title-underline-bold {
    border-bottom:3px solid rgb(51, 51, 51);
}
.div-title-underbar {
    padding:0;
    margin:0;
    border-bottom: 1px solid #cccccc;
}
.div-title-underbar span {
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom:-1px;
}
.div-title-underbar-thin {
    border-bottom: 1px solid #333333;
}
.div-title-underbar-bold {
    border-bottom: 2px solid #333333;
}
.div-title-wrap {
    display: table;
    margin: 0 0 20px;
    overflow: hidden;
}
.div-title {
    float: left;
    display: table-cell;
    margin: 0;
    padding: 0 12px 0 0;
    line-height: normal;
    white-space: nowrap;
}
.div-sep-wrap {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 6px;
    width: 100%;
}
.div-sep {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
}
.sep-thin.div-sep {
    height: 1px;
    margin-top:-1px;
    background: #e7e6e6;
}
.sep-bold.div-sep {
    height: 6px;
    margin-top:-3px;
    background: rgb(240, 240, 240);
}
.div-separator {
    margin: 30px auto 0;
    border: 0 solid #e7e6e6;
    clear: both;
    position: relative;
    z-index: 1;
}
.div-sep-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    height: 26px;
    width: 26px;
    font-size:14px;
    color : rgb(205, 205, 205);
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid rgb(205, 205, 205);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    line-height:26px !important;
}
.div-sep-icon i {
    margin:0 auto;
}
.div-sep-line {
    clear:both; height:40px; border-top:1px solid #e7e6e6;

}
.sep-shadow.div-separator::after {
    display: block;
    margin-top: 10px;
    height: 6px;
    width: 100%;
    content: "";
    background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
    background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
}

.sep-shadow.div-separator {
    margin:20px 0px;
    height: 1px;
    overflow: visible;
    border: none;
    background: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));
    background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1);
}

.div-sep-arrow-top, .div-sep-arrow-bottom {
    position: relative;
}
.sep-arrow {
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -29px;
    height: 0px;
    width: 0px;
    border-style: solid;
}
.div-sep-arrow-bottom .sep-arrow {
    border-width: 29px 29px 0 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.div-sep-arrow-top .sep-arrow {
    top: -29px;
    border-width: 0 29px 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}
.div-sep-bar, .div-sep-bar-thin, .div-sep-bar-bold {
    position: relative;
    margin:0px auto;
    width:100px;
    background: rgb(240, 240, 240);
}
.div-sep-bar {
    height:6px;
}
.div-sep-bar-thin {
    height:1px;
}
.div-sep-bar-bold {
    height:2px;
}
ul.div-ring {
    text-align:center;
    padding:10px 8px;
    margin:0px;
    overflow:hidden;
}
ul.div-ring li {
    width: 186px;
    height: 186px;
    background: rgba(210,210,210,0.3);
    border-radius: 50%;
    padding: 20px;
    margin:-10px -8px;
    overflow:hidden;
}
ul.div-ring .ring-item {
    display:inline-block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    padding:32px 10px 0px;
    line-height:1px !important;
}
ul.div-ring h4 {
    line-height:26px;
    margin:0px;
}
ul.div-ring p {
    margin:10px 0px 0px;
    padding:0px;
    letter-spacing:-1px;
    line-height:20px;
}

/* Carousel Fade Effect ------------------------------------------------------ */
.carousel.at-fade .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.carousel.at-fade .active.left, .carousel.at-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel.at-fade .next, .carousel.at-fade .prev {
    left: 0; z-index: 1;
}
.carousel.at-fade .carousel-control {
    z-index: 3;
}
.carousel.at-vertical .carousel-inner {
    height: 100%;
}
.carousel.at-vertical .item {
    transition: all 0.6s ease-in-out;
    left: 0;
}
.carousel.at-vertical.up .active, .carousel.at-vertical.up .next.left, .carousel.at-vertical.up .prev.right {
    top: 0;
    left:0;
}
.carousel.at-vertical.up .next, .carousel.at-vertical.up .active.right {
    top: 100%;
    left:0;
}
.carousel.at-vertical.up .prev, .carousel.at-vertical.up .active.left {
    top: -100%;
    left:0
}
.carousel.at-vertical.down .active, .carousel.at-vertical.down .next.left, .carousel.at-vertical.down .prev.right {
    bottom: 0;
    left:0;
}
.carousel.at-vertical.down .next, .carousel.at-vertical.down .active.right {
    bottom: 100%;
    left:0;
}
.carousel.at-vertical.down .prev, .carousel.at-vertical.down .active.left {
    bottom: -100%;
    left:0
}
.carousel.div-carousel .carousel-control {
    display:none;
    background-color: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    line-height: 30px !important;
    font-size:11px;
    color: rgba(255, 255, 255, 0.5);
}
.carousel.div-carousel:hover .carousel-control {
    display:block;
    z-index:1;
}
.carousel.div-carousel:hover .carousel-control:hover {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 0px rgba(255,255,255,0.3);
}
.carousel.div-carousel .carousel-control.left {
    left:0px;
    top:50%;
}
.carousel.div-carousel .carousel-control.right {
    right:0px;
    top:50%;
}
.carousel.div-carousel .carousel-indicators {
    z-index:2;
    bottom: 10px;
    margin-bottom:0px;
    padding:0px;
}
.carousel.div-carousel .carousel-indicators li {
    border:0;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.carousel.div-carousel .carousel-indicators .active {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.carousel.div-carousel .slide-title {
    position: absolute;
    bottom: 20%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    margin: 0;
}

/* Talk Boxs ------------------------------------------------------ */
.talk-box-wrap {
    margin:0 0 20px;
}
.talk-box {
    margin:0;
}
.talk-box.talk-left {
    margin-right:70px;
}
.talk-box.talk-right {
    margin-left:70px;
}
.talk-bubble {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #eee;
    padding:3%;
    border-radius:4px;
}
.talk-bubble:after, .talk-bubble:before {
    margin:0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.talk-bubble:after {
    border-color: rgba(245, 245, 245, 0);
    border-width: 12px;
}
.talk-bubble:before {
    border-color: rgba(238, 238, 238, 0);
    border-width: 13px;
}
.talk-top .talk-bubble {
    margin:0 0 20px;
}
.talk-bottom .talk-bubble {
    margin:20px 0 0;
}
.talk-left .talk-bubble, .talk-right .talk-bulle {
    min-height:50px;
}
.talk-bottom .talk-bubble:after, .talk-bottom .talk-bubble:before {
    bottom: 100%;
    left: 25px;
}
.talk-bottom .talk-bubble:after {
    border-bottom-color: #f5f5f5;
    margin-left: -12px;
}
.talk-bottom .talk-bubble:before {
    border-bottom-color: #eee;
    margin-left: -13px;
}
.talk-left .talk-bubble:after, .talk-left .talk-bubble:before {
    left: 100%;
    top: 25px;
}
.talk-left .talk-bubble:after {
    border-left-color: #f5f5f5;
    margin-top: -12px;
}
.talk-left .talk-bubble:before {
    border-left-color: #eee;
    margin-top: -13px;
}
.talk-top .talk-bubble:after, .talk-top .talk-bubble:before {
    top: 100%;
    left: 25px;
}
.talk-top .talk-bubble:after {
    border-top-color: #f5f5f5;
    margin-left: -12px;
}
.talk-top .talk-bubble:before {
    border-top-color: #eee;
    margin-left: -13px;
}
.talk-right .talk-bubble:after, .talk-right .talk-bubble:before {
    right: 100%;
    top: 25px;
}
.talk-right .talk-bubble:after {
    border-right-color: #f5f5f5;
    margin-top: -12px;
}
.talk-right .talk-bubble:before {
    border-right-color: #eee;
    margin-top: -13px;
}
.talker-one {
    height:50px;
    line-height: 48px;
    color: #747474;
}
.talker-two {
    height:50px;
    line-height: 24px;
    color: #747474;
}
.talker-photo, .talker-photo i, .talker-photo img, i.talker-photo {
    display:inline-block !important;
    width: 50px !important;
    height: 50px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align:middle;
    line-height: 50px;
    font-size: 24px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    background-color: rgb(240, 240, 240);
    color: #fff;
}
.talker-photo i, .talker-photo img {
    float:left;
}
.talker-one .talker-info i {
    margin-left:12px;
}
.talker-two .talker-info span {
    margin-right:12px;
}

/* Form Box ------------------------------------------------------ */
.form-box {
    margin: 0px 0px 15px;
    border: 1px solid rgb(231, 231, 231);
    transition:0.3s linear;
    border-image: none;
    overflow: hidden;
    position: relative;
    cursor: default;
    -webkit-transition: all 0.3s linear;
    background: rgb(252, 252, 252);
    border-top:1px solid rgb(231, 231, 231);
    border-bottom:1px solid rgb(231, 231, 231);
}
.form-box::before {
    display: table;
    content: "";
}
.form-box::after {
    display: table;
    content: "";
}
.form-box::after {
    clear: both;
}
.form-box label.checkbox, .form-box label.radio {
    line-height:12px;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}
.form-box .form-icon {
    margin: 25px auto;
    border-radius: 80px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 40px;
    display: block;
}
.form-box .form-header {
    padding: 15px;
    border-bottom-color: rgb(243, 243, 243);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.form-box .form-header h2, .form-box .form-heading {
    margin: 0px;
    padding: 0px !important;
    font-size: 18px;
    font-weight: 500;
}
.form-box .form-body {
    background: rgb(255, 255, 255);
    padding: 15px;
}
.form-box .form-body p {
    padding-left: 0px;
    margin-bottom: 10px;
}
.form-box .form-body .condition {
    margin:10px 0px;
    height:200px;
    overflow:auto;
    background:#fff;
    border:1px solid #ddd;
    padding:15px;
}
.form-box .form-footer {
    padding: 6px 0px;
    border-top-color: rgb(243, 243, 243);
    border-top-width: 1px;
    border-top-style: solid;
}
.form-box .form-footer::before {
    display: table;
    content: "";
}
.form-box .form-footer::after {
    display: table;
    content: "";
    clear: both;
}
.form-box .form-footer p {
    margin: 6px 15px;
}
.form-box .form-footer a {
    margin:0px 15px;
}

/* Labels ------------------------------------------------------ */
.label-tack {
    left: 0px;
    top: 10px;
    z-index: 1;
    position: absolute;
    font-weight:normal;
}
.label-band {
    z-index:2;
    font-family: tahoma;
    top: 5px;
    letter-spacing:1px;
    width: 100px;
    padding: 5px;
    right: -32px;
    font-size: 11px;
    position: absolute;
    text-align: center;
    font-weight:normal;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.label-cap {
    z-index:2;
    font-family: tahoma;
    top: -11px;
    letter-spacing:1px;
    width: 140px;
    padding: 20px 0px 3px;
    right: -60px;
    font-size: 11px;
    position: absolute;
    text-align: center;
    font-weight:normal;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
/* Icons ------------------------------------------------------ */
.rank-icon {
    display:inline-block;
    padding:0px 6px;
    font-size:11px;
    letter-spacing:-1px;
    line-height:16px;
    font-weight:normal;
    margin-right:2px;
    min-width:22px;
    text-align:center;
}
.tack-icon {
    display:inline-block;
    padding:4px 6px 2px;
    font-family:dotum;
    font-size:11px;
    letter-spacing:-1px;
    line-height:11px;
    font-weight:normal;
}
.social-icon a {
    margin: 0px;
    font-size: 18px;
    color: rgb(190, 189, 189);
    display: inline-block;
    text-align:center;
}
.boxed-icon.social-icon a {
    min-width:40px;
    line-height:24px;
    padding: 8px;
    background-color: #46494a;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    border: 1px solid #46494a;
    color: #fff;
}
.boxed-icon.social-icon a i {
    vertical-align:middle;
}

/* Button ------------------------------------------------------ */
.btn.btn-color {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(213, 7, 15);
    background-color: rgb(233, 27, 35);
}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {
    background-color: rgb(213, 7, 15);
}
.btn.btn-dark {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid #000;
    background-color: #333;
}
.btn.active.btn-dark, .btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active {
    border-color: rgb(213, 7, 15);
    background-color: rgb(213, 7, 15);
}
.btn.btn-black {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid #111;
    background-color: #333;
}
.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active {
    background-color: #111;
}
.btn.btn-white {
    color: #333 !important; border-image: none !important; background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fff;
}
.btn.active.btn-white, .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active {
    background-color: #f5f5f5;
}
.btn.btn-gray {
    color: #333 !important; border-image: none !important; background-image: none !important;
    border: 1px solid #ccc;
    background-color: #eee;
}
.btn.active.btn-gray, .btn.btn-gray:hover, .btn.btn-gray:focus, .btn.btn-gray:active {
    background-color: #f5f5f5;
}
.btn.btn-lightgray {
    color: #333 !important; border-image: none !important; background-image: none !important;
    border: 1px solid #ddd;
    background-color: #fafafa;
}
.btn.active.btn-lightgray, .btn.btn-lightgray:hover, .btn.btn-lightgray:focus, .btn.btn-lightgray:active {
    background-color: #efefef;
}
.btn.btn-darkgray {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid #444;
    background-color: #666;
}
.btn.active.btn-darkgray, .btn.btn-darkgray:hover, .btn.btn-darkgray:focus, .btn.btn-darkgray:active {
    background-color: #444;
}
.btn.btn-red {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(213, 7, 15);
    background-color: rgb(233, 27, 35);
}
.btn.active.btn-red, .btn.btn-red:hover, .btn.btn-red:focus, .btn.btn-red:active {
    background-color: rgb(213, 7, 15);
}
.btn.btn-darkred {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(150, 25, 30);
    background-color: rgb(170, 60, 63);
}
.btn.active.btn-darkred, .btn.btn-darkred:hover, .btn.btn-darkred:focus, .btn.btn-darkred:active {
    background-color: rgb(150, 25, 30);
}
.btn.btn-crimson {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(190, 20, 50);
    background-color: rgb(220, 20, 60);
}
.btn.active.btn-crimson, .btn.btn-crimson:hover, .btn.btn-crimson:focus, .btn.btn-crimson:active {
    background-color: rgb(190, 20, 50);
}
.btn.btn-orangered {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(240, 0, 0);
    background-color: orangered;
}
.btn.active.btn-orangered, .btn.btn-orangered:hover, .btn.btn-orangered:focus, .btn.btn-orangered:active {
    background-color: rgb(240, 0, 0);
}
.btn.btn-orange {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(240, 130, 0);
    background-color: rgb(240, 150, 20);
}
.btn.active.btn-orange, .btn.btn-orange:hover, .btn.btn-orange:focus, .btn.btn-orange:active {
    background-color: rgb(240, 130, 0);
}
.btn.btn-green {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(110, 180, 20);
    background-color: rgb(140, 195, 70);
}
.btn.active.btn-green, .btn.btn-green:hover, .btn.btn-green:focus, .btn.btn-green:active {
    background-color: rgb(110, 180, 20);
}
.btn.btn-lightgreen {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(130, 190, 60);
    background-color: rgb(160, 200, 80);
}
.btn.active.btn-lightgreen, .btn.btn-lightgreen:hover, .btn.btn-lightgreen:focus, .btn.btn-lightgreen:active {
    background-color: rgb(130, 190, 60);
}
.btn.btn-deepblue {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(0, 110, 160);
    background-color: rgb(0, 125, 180);
}
.btn.active.btn-deepblue, .btn.btn-deepblue:hover, .btn.btn-deepblue:focus, .btn.btn-deepblue:active {
    background-color: rgb(0, 110, 160);
}
.btn.btn-skyblue {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(60, 180, 245);
    background-color: rgb(100, 195, 245);
}
.btn.active.btn-skyblue, .btn.btn-skyblue:hover, .btn.btn-skyblue:focus, .btn.btn-skyblue:active {
    background-color: rgb(60, 180, 245);
}
.btn.btn-blue {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(40, 130, 190);
    background-color: rgb(52, 152, 219);
}
.btn.active.btn-blue, .btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active {
    background-color: rgb(40, 130, 190);
}
.btn.btn-navy {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(40, 40, 50);
    background-color: rgb(50, 60, 70);
}
.btn.active.btn-navy, .btn.btn-navy:hover, .btn.btn-navy:focus, .btn.btn-navy:active {
    background-color: rgb(40, 40, 50);
}
.btn.btn-violet {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(65, 50, 100);
    background-color: rgb(85, 60, 125);
}
.btn.active.btn-violet, .btn.btn-violet:hover, .btn.btn-violet:focus, .btn.btn-violet:active {
    background-color: rgb(65, 50, 100);
}
.btn.btn-yellow {
    color: #fff !important; border-image: none !important; background-image: none !important;
    border: 1px solid rgb(230, 180, 0);
    background-color: rgb(240, 195, 15);
}
.btn.active.btn-yellow, .btn.btn-yellow:hover, .btn.btn-yellow:focus, .btn.btn-yellow:active {
    background-color: rgb(230, 180, 0);
}
.btn.btn-trans {
    color: #fff !important; border-image: none !important; background: none;
    border: 2px solid #fff;
}
.btn.active.btn-trans, .btn.btn-trans:hover, .btn.btn-trans:focus, .btn.btn-trans:active {
    color: rgb(213, 7, 15) !important;
    background-color: #fff;
    background-image: none;
}

/* ====================================================================================================================
 * Font, Color 등 설정은 제일 하단에 위치시킴
 * ====================================================================================================================*/

/* Background Color ------------------------------------------------------ */
.bg-red, i.bg-red, .badge.bg-red {
    background-color: rgb(233, 27, 35);
    color: #fff;
}
.bg-darkred, i.bg-darkred, .badge.bg-darkred {
    background-color: rgb(170, 60, 63);
    color: #fff;
}
.bg-crimson, i.bg-crimson, .badge.bg-crimson {
    background-color: rgb(220, 20, 60);
    color: #fff;
}
.bg-orangered, i.bg-orangered, .badge.bg-orangered {
    background-color: orangered;
    color: #fff;
}
.bg-orange, i.bg-orange, .badge.bg-orange {
    background-color: rgb(240, 150, 20);
    color: #fff;
}
.bg-green, i.bg-green, .badge.bg-green {
    background-color: rgb(140, 195, 70);
    color: #fff;
}
.bg-lightgreen, i.bg-lightgreen, .badge.bg-lightgreen {
    background-color: rgb(160, 200, 80);
    color: #fff;
}
.bg-deepblue, i.bg-deepblue, .badge.bg-deepblue {
    background-color: rgb(0, 125, 180);
    color: #fff;
}
.bg-skyblue, i.bg-skyblue, .badge.bg-skyblue {
    background-color: rgb(100, 195, 245);
    color: #fff;
}
.bg-blue, i.bg-blue, .badge.bg-blue {
    background-color: rgb(52, 152, 219);
    color: #fff;
}
.bg-navy, i.bg-navy, .badge.bg-navy {
    background-color: rgb(50, 60, 70);
    color: #fff;
}
.bg-violet, i.bg-violet, .badge.bg-violet {
    background-color: rgb(85, 60, 125);
    color: #fff;
}
.bg-yellow, i.bg-yellow, .badge.bg-yellow {
    background-color: rgb(241, 196, 15);
    color: #fff;
}
.bg-darkgray, i.bg-darkgray, .badge.bg-darkgray {
    background-color: #666;
    color: #fff;
}
.bg-gray, i.bg-gray, .badge.bg-gray {
    background-color: #888;
    color: #fff;
}
.bg-lightgray, i.bg-lightgray, .badge.bg-lightgray {
    background-color: #ddd;
    color: #fff;
}
.bg-white, i.bg-white, .badge.bg-white {
    background-color: #fff;
    color: #333;
}
.bg-light, i.bg-light, .badge.bg-light {
    color: #333;
    background-color: #f5f5f5;
}
.bg-light-border, i.bg-light-border, .badge.bg-light-border {
    color: #333;
    background-color: #fafafa;
    border-bottom:1px solid #ddd;
}
.bg-black, i.bg-black, .badge.bg-black {
    background-color: #333;
    color: #fff;
}
.bg-color, i.bg-color, .badge.bg-color {
    background-color: rgb(233, 27, 35);
    color: #fff;
}

/* Border Color ------------------------------------------------------ */
.border-red, i.border-red, img.border-red {
    border-color: rgb(233, 27, 35);
}
.border-darkred, i.border-darkred, img.border-darkred {
    border-color: rgb(170, 60, 63);
}
.border-crimson, i.border-crimson, img.border-crimson {
    border-color: rgb(220, 20, 60);
}
.border-orangered, i.border-orangered, img.border-orangered {
    border-color: orangered;
}
.border-orange, i.border-orange, img.border-orange {
    border-color: rgb(240, 150, 20);
}
.border-green, i.border-green, img.border-green {
    border-color: rgb(140, 195, 70);
}
.border-lightgreen, i.border-lightgreen, img.border-lightgreen {
    border-color: rgb(160, 200, 80);
}
.border-deepblue, i.border-deepblue, img.border-deepblue {
    border-color: rgb(0, 125, 180);
}
.border-skyblue, i.border-skyblue, img.border-skyblue {
    border-color: rgb(100, 195, 245);
}
.border-blue, i.border-blue, img.border-blue {
    border-color: rgb(52, 152, 219);
}
.border-navy, i.border-navy, img.border-navy {
    border-color: rgb(50, 60, 70);
}
.border-violet, i.border-violet, img.border-violet {
    border-color: rgb(85, 60, 125);
}
.border-yellow, i.border-yellow, img.border-yellow {
    border-color: rgb(241, 196, 15);
}
.border-darkgray, i.border-darkgray, img.border-darkgray {
    border-color: #666;
}
.border-gray, i.border-gray, img.border-gray {
    border-color: #888;
}
.border-lightgray, i.border-lightgray, img.border-lightgray {
    border-color: #ddd;
}
.border-white, i.border-white, img.border-white {
    border-color: #fff;
}
.border-light, i.border-light, img.border-light {
    border-color: #f5f5f5;
}
.border-black, i.border-black, img.border-black {
    border-color: #333;
}
.border-color, i.border-color, img.border-color {
    border-color: rgb(233, 27, 35);
}

/* Hover Color ------------------------------------------------------ */
.hover-red:hover {
    background-color: rgb(233, 27, 35);
    color: #fff;
}
.hover-darkred:hover {
    background-color: rgb(170, 60, 63);
    color: #fff;
}
.hover-crimson:hover {
    background-color: rgb(220, 20, 60);
    color: #fff;
}
.hover-orangered:hover {
    background-color: orangered;
    color: #fff;
}
.hover-orange:hover {
    background-color: rgb(240, 150, 20);
    color: #fff;
}
.hover-green:hover:hover {
    background-color: rgb(140, 195, 70);
    color: #fff;
}
.hover-lightgreen:hover {
    background-color: rgb(160, 200, 80);
    color: #fff;
}
.hover-deepblue:hover {
    background-color: rgb(0, 125, 180);
    color: #fff;
}
.hover-skyblue:hover {
    background-color: rgb(100, 195, 245);
    color: #fff;
}
.hover-blue:hover {
    background-color: rgb(52, 152, 219);
    color: #fff;
}
.hover-navy:hover {
    background-color: rgb(50, 60, 70);
    color: #fff;
}
.hover-violet:hover {
    background-color: rgb(85, 60, 125);
    color: #fff;
}
.hover-yellow:hover {
    background-color: rgb(241, 196, 15);
    color: #fff;
}
.hover-darkgray:hover {
    background-color: #666;
    color: #fff;
}
.hover-gray:hover {
    background-color: #888;
    color: #fff;
}
.hover-lightgray:hover {
    background-color: #ddd;
    color: #fff;
}
.hover-white:hover {
    background-color: #fff;
    color: #333;
}
.hover-black:hover {
    background-color: #333;
    color: #fff;
}
.hover-color:hover {
    background-color: rgb(233, 27, 35);
    color: #fff;
}

/* Trans Background Color ------------------------------------------------------ */
.trans-bg-red {
    background-color: rgba(233, 27, 35, 0.75) !important;
    color: #fff !important;
}
.trans-bg-darkred {
    background-color: rgba(170, 60, 63, 0.75) !important;
    color: #fff !important;
}
.trans-bg-crimson {
    background-color: rgba(220, 20, 60, 0.75) !important;
    color: #fff !important;
}
.trans-bg-orangered {
    background-color: rgba(255, 70, 0, 0.75) !important;
    color: #fff !important;
}
.trans-bg-orange {
    background-color: rgba(240, 150, 20, 0.75) !important;
    color: #fff !important;
}
.trans-bg-green {
    background-color: rgba(140, 195, 70, 0.75) !important;
    color: #fff !important;
}
.trans-bg-lightgreen {
    background-color: rgba(160, 200, 80, 0.75) !important;
    color: #fff !important;
}
.trans-bg-deepblue {
    background-color: rgba(0, 125, 180, 0.75) !important;
    color: #fff !important;
}
.trans-bg-skyblue {
    background-color: rgba(100, 195, 245, 0.75) !important;
    color: #fff !important;
}
.trans-bg-blue {
    background-color: rgba(52, 152, 219, 0.75) !important;
    color: #fff !important;
}
.trans-bg-navy {
    background-color: rgba(50, 60, 70, 0.75) !important;
    color: #fff !important;
}
.trans-bg-violet {
    background-color: rgba(85, 60, 125, 0.75) !important;
    color: #fff !important;
}
.trans-bg-yellow {
    background-color: rgba(241, 196, 15, 0.75) !important;
    color: #fff !important;
}
.trans-bg-darkgray {
    background-color: rgba(102, 98, 98, 0.75) !important;
    color: #fff !important;
}
.trans-bg-gray {
    background-color: rgba(102, 102, 102, 0.75) !important;
    color: #fff !important;
}
.trans-bg-lightgray {
    background-color: rgba(208, 208, 208, 0.75) !important;
    color: #fff !important;
}
.trans-bg-white {
    background-color: rgba(255, 255, 255, 0.75) !important;
    color: #333 !important;
}
.trans-bg-black {
    background-color: rgba(0, 0, 0, 0.75) !important;
    color: #fff !important;
}
.trans-bg-color {
    background-color: rgba(233, 27, 35, 0.75) !important;
    color: #fff !important;
}
.trans-bg-full {
    width:100%;
    height:100%;
    overflow:hidden;
    padding:8% !important;
    text-overflow:clip;
    white-space:normal;
}

/* Font ------------------------------------------------------ */
.font-normal {
    font-weight: normal;
}
.font-8, i.font-8 {
    font-size: 8px;
}
.font-9, i.font-9 {
    font-size: 9px;
}
.font-10, i.font-10 {
    font-size: 10px;
}
.font-11, i.font-11 {
    font-size: 11px;
}
.font-12, i.font-12 {
    font-size: 12px;
}
.font-13, i.font-13 {
    font-size: 13px;
}
.font-14, i.font-14 {
    font-size: 14px;
}
.font-16, i.font-16 {
    font-size: 16px;
}
.font-18, i.font-18 {
    font-size: 18px;
}
.font-20, i.font-20 {
    font-size: 20px;
}
.font-22, i.font-22 {
    font-size: 22px;
}
.font-24, i.font-24 {
    font-size: 24px;
}

/* Style ------------------------------------------------------ */
.cursor {
    cursor:pointer;
}
.count {
    font-size: 10px;
    font-weight:bold;
    font-family:verdana;
    letter-spacing:-1px;
    line-height:16px;
    padding-right:1px;
}
.block {
    display:block;
}
.break-word {
    word-wrap: break-word;
}
.ellipsis {
    display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
.no-border {
    border:0 !important;
}
.no-margin {
    margin:0 !important;
}
.no-animation .collapsing{
    -webkit-transition: none;
    transition: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
    width: 0; display:none;
}
.btn-wset {
    display:none;
}
/* Height ------------------------------------------------------ */
.h10 {
    height:10px;
}
.h15 {
    height:15px;
}
.h20 {
    height:20px;
}
.h25 {
    height:25px;
}
.h30 {
    height:30px;
}
.h35 {
    height:35px;
}
.h40 {
    height:40px;
}
.h45 {
    height:45px;
}
.h50 {
    height:50px;
}
.p10 {
    padding:10px 0px;
}
.p15 {
    padding:15px 0px;
}
.m10 {
    margin:10px 0px;
}
.m15 {
    margin:15px 0px;
}

/* Color ------------------------------------------------------ */
.red, i.red {
    color: rgb(233, 27, 35);
}
.darkred, i.darkred {
    color: rgb(170, 60, 63);
}
.crimson, i.crimson {
    color: rgb(220, 20, 60);
}
.orangered, i.orangered {
    color: orangered;
}
.orange, i.orange {
    color: rgb(240, 150, 20);
}
.green, i.green {
    color: rgb(140, 195, 70);
}
.lightgreen, i.lightgreen {
    color: rgb(160, 200, 80);
}
.deepblue, i.deepblue {
    color: rgb(0, 125, 180);
}
.skyblue, i.skyblue {
    color: rgb(100, 195, 245);
}
.blue, i.blue {
    color: rgb(52, 152, 219);
}
.navy, i.navy {
    color: rgb(50, 60, 70);
}
.violet, i.violet {
    color: rgb(85, 60, 125);
}
.yellow, i.yellow {
    color: rgb(241, 196, 15);
}
.darkgray, i.darkgray {
    color: #666;
}
.gray, i.gray {
    color: #888;
}
.lightgray, i.lightgray {
    color: #ddd;
}
.white, i.white {
    color: #fff;
}
.light, i.light {
    color: #f5f5f5;
}
.black, i.black {
    color: #333;
}
.color, i.color {
    color: rgb(233, 27, 35);
}

/* List Head */
.div-head {
    display:table;
    width:100%;
    table-layout:fixed;
    padding:15px 0;
    border-top-width:2px;
    border-top-style:solid;
    border-bottom:1px solid #c3c3c3;
    border-collapse:separate;
}
.div-head > span {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    border-right:1px solid #ddd;
    font-weight:bold;
    line-height:1;
}
.div-head > span:last-child {
    border-right:0;
}
.div-head.list-head > span {
    border:0;
}
.tr-head {
    border-top-width:2px !important;
    border-top-style:solid !important;
    border-bottom:1px solid #c3c3c3 !important;
    text-align:center !important;
}
.tr-head > th {
    padding:15px 0 !important;
    text-align:center !important;
    border:0 !important;
}
.tr-head > th > span {
    display:block !important;
    min-width:40px !important;
    padding:0px 10px !important;
    text-align:center !important;
    vertical-align:middle !important;
    border-right:1px solid #ddd !important;
    font-weight:bold !important;
    line-height:1 !important;
}
.tr-head > th > span.last {
    border-right:0 !important;
}
.tr-line > td {
    border-top:0 !important
}

/* Row & Col Space */
.row-10 {
    margin-left:-5px !important; margin-right:-5px !important;
}
.col-10 {
    padding-left:5px !important; padding-right:5px !important;
}
.row-15 {
    margin-left:-8px !important; margin-right:-8px !important;
}
.col-15 {
    padding-left:8px !important; padding-right:8px !important;
}
.row-20 {
    margin-left:-10px !important; margin-right:-10px !important;
}
.col-20 {
    padding-left:10px !important; padding-right:10px !important;
}

/* Auto Size */
.apms-autowrap {
    margin:0 auto 15px;
}
.apms-autosize {
    position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0;
}
.apms-autosize iframe, .apms-autosize object, .apms-autosize embed {
    position: absolute; top: 0; left: 0; width: 100%; height:100%;
}

/* Print Media Query */
@media print {
    a:after {
        content: "" !important; /* disable URL display */
    }
}

/* CHEditor */
.cheditor-popup-cframe { height:auto !important; }
.item-buy-btn {
    margin:0;
    padding: 0;
    list-style: none;
}