/*--------------------------------------
    eyoom (이윰빌더)
--------------------------------------*/

/*---------- Preloader ----------*/
.loader-wrap {bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1001}
.no-js .loader-wrap {display:none}
.loader {display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#006be2;-webkit-animation:loader-spin 1.7s linear infinite;animation:loader-spin 1.7s linear infinite;z-index:11}
.loader:before {content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e52700;-webkit-animation:loader-spin-reverse .6s linear infinite;animation:loader-spin-reverse .6s linear infinite}
.loader:after {content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#ec8b00;-webkit-animation:loader-spin 1s linear infinite;animation:loader-spin 1s linear infinite}
.loader-wrap .loader-section-left {position:fixed;top:0;left:0;width:51%;height:100%;background:#e5e5e5;z-index:10}
.loader-wrap .loader-section-right {position:fixed;top:0;right:0;width:51%;height:100%;background:#e5e5e5;z-index:10}
@-webkit-keyframes loader-spin {
    0% {-webkit-transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg)}
}
@keyframes loader-spin{
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes loader-spin-reverse{
    0% {-webkit-transform:rotate(0)}
    100% {-webkit-transform:rotate(-360deg)}
}
@keyframes loader-spin-reverse{
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.loaded .loader-wrap .loader-section-left {transform:translateX(-100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded .loader-wrap .loader-section-right {transform:translateX(100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded .loader {opacity:0;transition:all .3s ease-out}
.loaded .loader-wrap {visibility:hidden;transform:translateY(-100%);transition:all .3s 1s ease-out}

/*---------- Wrapper ----------*/
.wrapper {position:relative;overflow:hidden}

/*---------- Header & Navbar ----------*/
#hd {position:relative;border-bottom:1px solid #d9dde3;background:#fff}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd-h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.to-content a {z-index:1000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
/* header wrap */
.header-wrap {position:relative;background-color:#fff;transition:all .3s ease 0s;border-bottom:1px solid rgba(0,0,0,0.15);z-index:1002}
.page-header-wrap {border-bottom:0}
/* top header */
.top-header {border-bottom:1px solid rgba(0,0,0,0.1)}
.top-header-nav:after {content:"";display:block;clear:both}
.top-header-nav li {float:left;display:block;padding:0;color:#151515;margin-right:15px;vertical-align:middle}
.top-header-nav li > a {display:block;color:#151515;height:55px;line-height:55px;padding:0}
.top-header-nav li > a i {margin-right:5px;color:#959595}
.top-header-nav .cs-nav {margin:0}
.top-header-nav .cs-nav.s-nav {margin-right:15px}
.top-header-nav .cs-nav a {position:relative;;display:block;width:90px}
.top-header-nav .cs-nav a.disabled {pointer-events:none}
.top-header-nav .cs-nav a span {display:block;position:absolute;width:90px;height:55px;text-align:center;border-left:1px solid rgba(0,0,0,0.1)}
.top-header-nav .cs-nav.s-nav a span {border-right:1px solid rgba(0,0,0,0.1)}
.top-header-nav .cs-nav .activate {color:#151515;font-weight:700;background-color:#fff;height:56px}
.top-header-nav .cs-nav .deactivate {color:#a5a5a5;background-color:#f8f8f8}
.top-header-nav .cs-nav .deactivate:hover {color:#30409e}
.top-header-nav li .eyoom-form {margin-top:16px}
.top-header-nav li.dropdown > a {cursor:pointer}
.top-header-nav li.dropdown .dropdown-menu {background-color:#fff;padding:5px 0;border:1px solid rgba(0,0,0,0.7);box-shadow:none;border-radius:0;margin:0;left:inherit;right:0}
.top-header-nav li.dropdown .dropdown-menu a {display:block;padding:5px 10px;color:#151515}
.top-header-nav li.dropdown .dropdown-menu a:hover {background-color:transparent;color:#cc2300}
.top-header-nav li.dropdown:hover > .dropdown-menu {display:block}
.top-header-nav.thn-end {float:right}
.top-header-nav.thn-end li.dropdown .dropdown-menu {left:inherit;right:0}
@media (max-width:991px) {
    .top-header-mobile-btn {display:block;position:absolute;top:12px;left:10px}
}
@media (max-width:576px) {
    .top-header-nav li {margin-right:5px}
}
/* header title */
.header-title {position:relative;text-align:center;padding:20px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
.header-title .title-logo img {width:auto;height:50px}
.header-title-mobile-btn {display:none}
@media (max-width:991px) {
    .header-title {text-align:left;border-bottom:0}
    .header-title .title-logo img {height:40px}
    .header-title-mobile-btn {display:block;position:absolute;top:5px;right:10px}
}
/* navbar */
.navbar {padding:0}
.navbar-nav li {position:relative;list-style:none}
.navbar-nav a,.navbar-toggler {color:#151515}
.navbar-nav>li>.nav-link {font-weight:400;font-size:1.0625rem;padding:23px 15px !important}
.navbar-nav>li>.nav-link.active {color:#3949ab}
.navbar-nav>li>.nav-link:hover {color:#3949ab}
.navbar-nav .search-menu {position:absolute;top:0;right:0}
.navbar-nav>.nav-empty {font-size:.8125rem;padding:25px 10px !important;color:#151515}
.navbar-nav>.nav-empty>a {color:#53a5fa;padding:0}
.navbar-nav>li.dropdown-mega-menu>.nav-link {font-size:1.0625rem;padding:23px 15px !important}
.navbar-nav>li>.pc-search-btn {font-size:1.0625rem;padding:23px 10px !important}
.navbar-nav .dropdown-toggle::after {border:0 none;font-family:'Font Awesome\ 5 Free';content:"\f107";font-weight:900;height:auto;line-height:normal;margin-left:5px;vertical-align:middle;width:auto;color:#959595}
.navbar-nav .dropdown-toggle:only-child::after {display:none}
.navbar-nav .dropdown-mega-menu .dropdown-toggle::after {display:none}
.navbar-nav .dropdown-menu {background-color:#fff;border:1px solid rgba(0,0,0,0.7);border-radius:0;margin:0;min-width:12rem;padding:8px 0;top:120%;display:inherit;opacity:0;visibility:hidden;z-index:-1;transition:all 0.2s ease-in-out}
.navbar-nav .dropdown-menu .dropdown-toggler::after {position:absolute;right:10px;top:10px}
.navbar-nav .dropdown:hover>.dropdown-menu {z-index:10;top:100% !important;opacity:1;visibility:visible}
.navbar-nav .dropdown-submenu .dropdown-menu {left:100%;margin-top:1px}
.navbar-nav .dropdown-submenu:hover > .dropdown-menu {z-index:10;top:-10px !important;opacity:1;visibility:visible}
.navbar-nav .dropdown-item {position:relative;padding:5px 25px 5px 15px !important;color:#252525}
.navbar-nav .dropdown-item i {position:absolute;top:8px;right:15px}
.navbar-nav .dropdown-item.active,.navbar-nav .dropdown-item:active,.navbar-nav .dropdown-item:focus,.dropdown-item:hover {background-color:transparent}
.navbar-nav .dropdown-menu li a.active,.navbar-nav .dropdown-menu li a:hover,.navbar-nav .dropdown-menu>ul>.mega-menu-col ul>li:hover>a,.navbar-nav .dropdown-menu>ul>li:hover>a {background-color:transparent;color:#cc2300}
.navbar-nav .dropdown-mega-menu {position:static}
.navbar-nav .mega-menu {display:table;padding:15px 0;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}
.navbar-nav .dropdown-mega-menu .dropdown-menu {right:0}
.navbar-nav .mega-menu-col {border-right:1px solid #e5e5e5;flex:0 0 auto;width:20% !important}
.navbar-nav .mega-menu-col:nth-child(5) {border-right:0}
.navbar-nav .mega-menu-col:nth-child(10) {border-right:0}
.navbar-nav .mega-menu-col:nth-child(15) {border-right:0}
.navbar-nav .mega-menu-col:nth-child(6) h5,.navbar-nav .mega-menu-col:nth-child(7) h5,.navbar-nav .mega-menu-col:nth-child(8) h5,.navbar-nav .mega-menu-col:nth-child(9) h5,.navbar-nav .mega-menu-col:nth-child(10) h5,.navbar-nav .mega-menu-col:nth-child(11) h5,.navbar-nav .mega-menu-col:nth-child(12) h5,.navbar-nav .mega-menu-col:nth-child(13) h5,.navbar-nav .mega-menu-col:nth-child(14) h5,.navbar-nav .mega-menu-col:nth-child(15) h5 {border-top:1px solid #e5e5e5;padding-top:20px;margin-top:15px}
.navbar-nav .mega-menu-col h5 a {display:block;padding:5px 15px 10px !important;font-size:1.0625rem;color:#252525;font-weight:700}
.navbar-nav .mega-menu-col h5 a:hover, .navbar-nav .mega-menu-col h5 a.active {background-color:transparent;color:#000}
.navbar-nav .mega-menu-col .mega-menu-item {position:relative;padding:5px 15px;display:block;width:100%;clear:both;font-weight:400;color:#212529;text-decoration:none;white-space:nowrap}
.navbar-nav .mega-menu-col .menu3-ul .mega-menu-item {margin-left:15px;border-left:1px solid #c5c5c5;color:#d5d5d5}
.navbar-nav .mega-menu-col .menu3-ul .mega-menu-item:before {content:"";position:absolute;top:14px;left:0;width:5px;height:1px;background-color:#d5d5d5}
@media (min-width:992px) {
    .navbar {z-index:20}
    .navbar-nav {max-height:70px}
}
@media (max-width:1199px) {
    .navbar-nav>li>.nav-link {padding:25px 7px !important}
}
@media (max-width:991px) {

    .left_banner { width: 95%; margin: 0 auto; }
    .left_banner img { width: 100%; }

    .navbar {height:0}
    .ol-before {
        position: relative;
        display: block;
        background: #1b1b1b;
        padding: 7px 10px !important;
        margin-bottom: 30px;
        width: 100%;
        box-sizing: border-box;

    }
    .member-skin,.register-form {  width: 95%;
        margin: 0 auto; }
    .ol-after {
        margin-bottom: 15px !important;
        width: 95%;
        margin: 0 auto;
        
    }
    #ol_submit { width: 100% !important; }
    .mMenu { background: #1b1b1b;
        width: 95%;
        margin: 0 auto 15px; }
        .mMenu li {
            border-bottom: 1px solid #414141;
            height: 43px;
            width: 100%;
            display: block;
        }
        .mMenu li:last-child { border-bottom: none !important; }
        .mMenu li a {
            display: block;
            width: 100%;
            height: 100%;
            font-size: 14px;
            padding-left: 14px;
            line-height: 41px;
        }
        #ol_id, #ol_pw { width: 100% !important; }
        .ol-before { margin-bottom: 15px !important;
            width: 95%;
            margin: 0 auto; }
    .navbar-toggler { padding: 0 !important; }
    .board-list .bl-mobile { padding: 0 0 15px !important; }
    .board-list .bl-list { padding: 15px 0 0 !important; }
    .webzine-lv-icon img { width: 25px; vertical-align: -8px !important; }
    .board-list .bl-mobile { font-size: 12px !important; }
    .live_list { font-size: 0; display: block !important; width:100% !important; border-top: none !important; border-bottom: none !important; }
    .live_soccer,
    .live_major,
    .live_baseball,
    .live_basketball,
    .live_volleyball,
    .live_football,
    .live_star,
    .live_lol,
    .live_hockey { width:60% !important; background-size: 100% !important; }
    .latest_board { display: none !important; }
    #bo_v_img img { width: auto !important; }
    #new_sc_con .live_sc_size .live_list > li {
        width: 20% !important;
        display: inline-block;
        border: none;
        border-left: none !important;
        border-right: none !important;
        font-size: 9px;
    }
    .img-responsive { width: 100%; }
 
    .live_sc_size { width: 100% !important; overflow: hidden; overflow-x: scroll; }
    .sInfo { width: 100% !important; float: none !important; }
    .board-list .m-b-10,
    .board-list .latest_board { display: none !important; }
    .board-view .board-view-file-conts{ width: 100% !important; }
    .offcanvas-header .btn-close { color:#fff !important; }
    .title-logo { max-width: 50%; }
    .title-logo img { max-width: 100%; }
    .eyoom-form a, .gallery-item-info { font-size: 12px; }
    .info2 span:last-child { margin-top: 7px; }
    .info2 > span:first-child { display: none; }
    #ol_id, #ol_pw { width:100% !important  }
    .latest_board { display: none; }
    .latest_board .latest_item {
        background-color: #1b1b1b;
        height: auto;
        position: relative;
        width: 95% !important;
        margin: 0 auto 10px !important;
    }
    .top_banner li { display: block !important; width: 95% !important; margin: 0 auto 10px !important; }
    .top_banner li img { width: 100%; }    
    .board-view,.board-list,.board-write {  width: 95%; margin: 0 auto; }
    .board-gallery .gallery-item .gallery-item-info { padding: 10px 10px !important; }

}
/* sidebar nav (mobile) */
.sidebar-left .sidebar-member-menu {display:none}
.offcanvas-header { color: #fff; }
@media (max-width:991px) {
    .sidebar-left {position:fixed;bottom:0;z-index:1004;display:flex;flex-direction:column;max-width:100%;width:300px;visibility:hidden;background-color:#2b2b2b;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}
    .offcanvas-backdrop {z-index:1003}

    .sidebar-left.show .sidebar-left-content {position:relative;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .sidebar-left .offcanvas-header {padding:15px}
    .sidebar-left .sidebar-member-menu {position:relative;display:block;background-color:#e5e5e5;padding:5px 15px;border-top:1px solid #c5c5c5}
    .sidebar-left .sidebar-member-menu .sidebar-member-btn-box {display:block;float:left;width:50%}
    .sidebar-left .sidebar-member-menu .sidebar-member-btn {position:relative;background:#2b2b2e;width:130px;height:30px;line-height:30px;color:#fff;text-align:center;font-size:.8125rem;border-radius:3px}
    /* nav */
    .sidebar-left .navbar-nav {position:relative;margin:0;float:none;border-bottom:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > .nav-li-divider {display:none}
    .sidebar-left .navbar-nav > .nav-li-space {height:40px;border-bottom:none;border-top:1px solid #e5e5e5;background:#fff}
    .sidebar-left .navbar-nav > li {float:none}
    .sidebar-left .navbar-nav > li > a {line-height:42px;padding:0 15px !important;font-size:.9375rem;color:#000}
    .sidebar-left .navbar-nav > li > a > .nav-cate-icon {width:20px;text-align:center}
    .sidebar-left .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > li a:hover {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > li:first-child > a {border-top:1px solid transparent}
    .sidebar-left .navbar-nav > li > .nav-link.active {color:#cc2300}
    .sidebar-left .navbar-nav > li.navbar-nav-home {display:block}
    .sidebar-left .navbar-nav > li.navbar-nav-home > a {background:#2b2b2e;color:#fff;border-top:1px solid #2b2b2e}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:42px;height:42px;line-height:42px;margin:0;padding:0;text-align:center;border:0;border-left:1px solid #f0f0f0;z-index:1}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:before {font-family:'Font Awesome\ 5 Free';content:"\f067";font-weight:900;color:#353535}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:hover {border-top:0}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open.show:before {font-family:'Font Awesome\ 5 Free';content:"\f068";font-weight:900;color:#cc2300}
    .sidebar-left .navbar-nav .dropdown > a:after {display:none}
    .sidebar-left .navbar-nav .dropdown-menu {position:relative;border:0;float:none;width:auto;margin:0;padding:0;box-shadow:none;background-color:transparent;display:none}
    .sidebar-left .navbar-nav .dropdown-menu:after {content:"";position:absolute;top:10px;bottom:10px;left:20px;width:1px;background:#e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu > li > a {color:#555555;line-height:26px;border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu > li:first-child > a {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu.show {display:block;opacity:1;visibility:visible}
    .sidebar-left .navbar-nav .dropdown-submenu > a {position:relative;color:#555555;font-size:.9375rem;background:#fafafa;line-height:26px;padding:6px 15px 6px 35px !important;border-top:0}
    .sidebar-left .navbar-nav .dropdown-submenu > a:after {content:"";position:absolute;top:50%;left:15px;width:11px;height:11px;transform:translateY(-50%);border:2px solid #a5a5a5;border-radius:50%;background:#fff;z-index:1}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-submenu > a:hover {background:#e5e5e5;color:#000;border-top:0}
    .sidebar-left .navbar-nav .dropdown-submenu > a.active {background:#e5e5e5;color:#000;font-weight:700}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a:hover {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-submenu:hover > .dropdown-menu {top:0 !important}
    .sidebar-left .navbar-nav .dropdown-menu.show .dropdown-menu {display:block;opacity:1;visibility:visible;left:0}
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a {border-top:0;padding: 6px 15px 6px 45px !important;}
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a:after {left:20px;width:12px;height:1px;border:0;border-radius:inherit;background:#d5d5d5}
    .sidebar-left .navbar-nav .dropdown-item i {position:absolute;top:12px;right:15px}
}

/*---------- Page Title ----------*/
.page-title-wrap {position:relative;width:100%;height:70px;background:#454545;padding:0}
.page-title-wrap > .container {position:relative}
.page-title-wrap h2 {margin:0;padding:22px 0;font-size:1.25rem;color:#fff;font-weight:700}
.page-title-wrap .sub-breadcrumb-wrap {display:block;position:absolute;top:25px;right:15px}
.page-title-wrap .sub-breadcrumb {color:#c5c5c5;font-size:.875rem}
.page-title-wrap .sub-breadcrumb:after {content:"";display:block;clear:both}
.page-title-wrap .sub-breadcrumb li {float:left;margin-left:7px}
.page-title-wrap .sub-breadcrumb li:before {content:"/";margin-right:7px}
.page-title-wrap .sub-breadcrumb li:first-child:before {display:none}
.page-title-wrap .sub-breadcrumb a {color:#fff}

/*---------- Sub Nav ----------*/
.sub-nav-wrap {position:relative;z-index:3;padding:20px 0 0;margin-bottom:40px}
.sub-nav-home {display:none}
.sub-nav-list {position:relative}
.sub-nav-title {position:relative;margin:0;padding:0 30px 0 15px;font-size:13px;line-height:30px;border:1px solid #c5c5c5}
.sub-nav-title i {position:absolute;top:8px;right:10px}
.sub-nav-list ul {display:none;position:absolute;top:31px;left:0;z-index:10;width:100%;padding:10px 0;border:1px solid #c5c5c5;border-top:0 none;background:#fff}
.sub-nav-list li a {display:block;padding:0 15px;font-size:13px;line-height:30px}
.sub-nav-depth1 {margin-bottom:10px}
.sub-nav-wrap .sub-breadcrumb-wrap {display:none}
@media (min-width:992px){
    .sub-nav-wrap {position:relative;width:100%;height:70px;background:#555;padding:0;margin-bottom:40px}
    .sub-nav-wrap .container {position:relative}
    .sub-nav-wrap-in:after {content:"";display:block;clear:both}
    .sub-nav-home {display:block;float:left}
    .sub-nav-home a {display:block;height:50px;padding:0 15px;line-height:50px;font-size:20px;color:#353535;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5}
    .sub-nav-home a:hover {color:#cc2300}
    .sub-nav-list {float:left;margin:0 0 0 -1px}
    .sub-nav-title {min-width:200px;padding:0 45px 0 25px;line-height:50px;font-size:15px;border:0 none;color:#353535;border-right:1px solid #c5c5c5}
    .sub-nav-title.cursor-pointer {cursor:pointer}
    .sub-nav-title i {top:18px;right:20px}
    .sub-nav-title:hover {color:#cc2300;font-weight:700}
    .sub-nav-list ul {top:50px;padding:0}
    .sub-nav-list li {float:none}
    .sub-nav-list li a {padding:10px 15px;border-top:1px solid #c5c5c5;font-size:14px}
    .sub-nav-list li:first-child a {border-top:0}
    .sub-nav-list li a:hover {color:#303F9F;background:#fafafa}
    .sub-nav-list li.active a {color:#303F9F;font-weight:700}
    .sub-nav-wrap .sub-breadcrumb-wrap {display:block;position:absolute;top:25px;right:15px}
    .sub-nav-wrap .sub-breadcrumb {color:#c5c5c5}
    .sub-nav-wrap .sub-breadcrumb:after {content:"";display:block;clear:both}
    .sub-nav-wrap .sub-breadcrumb li {float:left;margin-left:7px}
    .sub-nav-wrap .sub-breadcrumb li:before {content:"/";margin-right:7px}
    .sub-nav-wrap .sub-breadcrumb li:first-child:before {display:none}
    .sub-nav-wrap .sub-breadcrumb a {color:#fff}

}
@media (max-width:992px) {
    .sub-nav-wrap {padding-top:20px;background:#fff}
}

/*---------- Body ----------*/
.basic-body {position:relative;padding:30px 0}
.basic-body:after {content:"";display:block;clear:both}

/*---------- Page Title ----------*/
.subpage-title {position:relative;font-size:1.5rem;border-bottom:1px solid #e5e5e5;font-weight:bold;padding:10px 0;line-height:1.7;color:#353535;background:#fff;margin-bottom:30px}
.subpage-title::after {content:"";position:absolute;bottom:-2px;left:0;width:50px;height:3px;background-color:#3F51B5}
.subpage-title .back-btn {display:block;position:absolute;top:16px;right:0;text-align:center;padding:6px 15px;margin:0;font-weight:400;line-height:1;border:1px solid #b5b5b5;font-size:.875rem}
.subpage-title .back-btn:hover {color:#303F9F}
@media (max-width:767px) {
    .subpage-title .back-btn {display:none}
}

/*---------- Main Contents ----------*/
.main-wrap {position:relative;margin-left:-10px;margin-right:-10px}
.main-wrap:after {content:"";display:block;clear:both}
.basic-body-main {float:left;padding:0 10px;width:100%}
.basic-body-main.left-main, .basic-body-main.right-main {width:75%}
.main-contents {position:relative}
.main-slider {margin:0 0 30px}
@media (max-width:1199px) {
    .basic-body-main.left-main, .basic-body-main.right-main {width:70%}
}
@media (max-width:991px) {
    .basic-body-main.left-main, .basic-body-main.right-main {width:100%}
}
@media (max-width:576px) {
    .main-slider {margin:-31px -15px 30px}
}

/*---------- Side ----------*/
.basic-body-side {float:left;width:345px;}
.side-contents {position:relative}
@media (max-width:1199px) {
    .basic-body-side {width:30%}
}
@media (max-width:991px) {
    .basic-body-side {width:100%;float:inherit;padding:0;width:inherit}
}

/*---------- Sidebar User ----------*/
.sidebar-user .offcanvas-header {display:none}
@media (min-width:992px) {
    .sidebar-user {position:inherit;top:inherit;bottom:inherit;right:inherit;z-index:0;display:inherit;flex-direction:inherit;max-width:inherit;visibility:inherit !important;background-color:inherit;background-clip:inherit;border-left:inherit;outline:inherit;transition:inherit;transform:inherit;width:100%}
}
@media (max-width:991px) {
    .sidebar-user-btn.mo-btn {display:block;z-index:1000}
    .sidebar-user {position:fixed;bottom:0;display:flex;flex-direction:column;max-width:100%;width:300px;visibility:hidden;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;overflow-y:auto !important;height:100%;-webkit-overflow-scrolling:touch}
    .sidebar-user .offcanvas-header {display:flex}
    .sidebar-user .side-contents {padding:15px}
}

/*---------- Footer ----------*/
.footer {position:relative;border-top:1px solid rgba(0,0,0,0.15)}
.footer-top {margin-bottom:30px;padding:30px 0;border-bottom:1px solid #e2e2e2}
.footer-top:after {content:"";display:block;clear:both}
.footer-nav {width:50%;float:left}
.footer-nav a {color:#353535;font-size:.9375rem;margin-right:10px}
.footer-nav a:hover {text-decoration:underline}
.footer-right-nav {position:relative;width:50%;float:right;text-align:right}
.footer-right-nav a {color:#353535;font-size:.9375rem;margin-right:10px}
.footer-right-nav a:hover {text-decoration:underline}
.footer-cont-info {position:relative;font-size:.9375rem;margin-top:30px;word-break:keep-all;text-align:center;line-height:1.6}
.footer-cont-info strong {color:#353535}
.footer-cont-info span {color:#757575}
.footer-cont-info span.info-divider {margin-left:5px;margin-right:5px;color:#d5d5d5}
.footer-cont-info a {color:#555555;text-decoration:underline}
.footer-cont-info a:hover {color:#353535}
.footer-copyright {color:#656565;font-size:.8125rem;text-align:center;padding:30px 0}
@media (max-width:991px) {
    .footer-nav {width:100%;text-align:center}
    .footer-right-nav {width:100%;text-align:center;margin-top:10px}
}
@media (max-width:767px) {
	.footer-copyright span {display:none}
}

/*---------- Search Full ----------*/
.search-full {position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.9);display:none;z-index:1010}
.search-full .search-field {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}
.search-field h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.search-field form {position:relative;width:30%;margin:0 auto}
.search-field #search_input {font-size:1.25rem;padding:10px 30px 10px 10px;-webkit-appearance:none;display:block;background:transparent;color:#fff;width:100%;border:none;border-bottom:1px solid #fff;margin:0 auto}
.search-field .search-btn {position:absolute;top:0;right:0;width:45px;height:45px;border:0;cursor:pointer;color:#0078ff;background:transparent;font-size:1.25rem}
.search-full .search-close-btn {position:absolute;top:20px;right:20px;width:50px;height:50px;cursor:pointer;z-index:1}
.search-close-btn:after {content:"";height:50px;border-left:2px solid #fff;position:absolute;transform:rotate(45deg);left:24px}
.search-close-btn:before {content:"";height:50px;border-left:2px solid #fff;position:absolute;transform:rotate(-45deg);left:24px}
@media (max-width:1199px) {
	.search-field form {width:50%}
}
@media (max-width:767px) {
	.search-field form {width:80%}
}

/*---------- Offcanvas ----------*/
.offcanvas-backdrop {z-index:1003}

/*---------- My Home ----------*/
.my-home>.container {padding-left:0;padding-right:0}

/*---------- Eb BackToTop ----------*/
.eb-backtotop {position:fixed;right:15px;bottom:15px;height:46px;width:46px;cursor:pointer;display:block;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.15);background:#fff;z-index:1003;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop.active-progress {opacity:1;visibility:visible;transform:translateY(0)}
.eb-backtotop:after {position:absolute;content:"\f106";font-family:'Font Awesome\ 5 Free';font-weight:900;text-align:center;font-size:16px;color:#757575;left:0;top:0;height:46px;width:46px;line-height:28px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop:hover:after {color:#cc2300}
.eb-backtotop svg path {fill:none}
.eb-backtotop svg.backtotop-progress path {stroke:#b5b5b5;stroke-width:4;box-sizing:border-box;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop .progress-count {display:block;position:absolute;bottom:8px;left:0;right:0;font-size:11px;text-align:center;color:#a5a5a5}
.eb-backtotop {box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15)}
.eb-backtotop:after {color:#2b2b2e}
.eb-backtotop svg.backtotop-progress path {stroke:#cc2300}

@charset "utf-8"; .basic-post-list .post-list-tab {
    list-style: none;
    padding: 0px;
    margin: -2px 0px;
    line-height: 22px;
}

.basic-post-list .post-list-tab li {
    padding: 0px;
    margin: 0px;
    margin-bottom: 9px;
    font-size: 13px;
}

.basic-post-list .post-list-tab li b {
    letter-spacing: -1px;
    padding-right: 1px;
}

.basic-post-list .post-list-tab li .name {
    letter-spacing: -1px;
    color: #888;
    padding-left: 4px;
    padding-right: 1px;
}

.basic-post-list .post-list-tab .txt-normal {
    letter-spacing: 0;
}

.basic-post-list .post-none {
    padding: 50px 10px;
    text-align: center;
    color: #888;
}

.basic-post-list .wr-text {
    font-family: dotum;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 11px;
    font-weight: normal;
}

.basic-post-list .wr-icon {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    line-height: 12px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.basic-post-list .wr-new {
    width: 12px;
    height: 12px;
    background-image: url('./img/icon_new.gif');
}

.basic-post-list .wr-secret {
    width: 12px;
    height: 12px;
    background-image: url('./img/icon_secret.gif');
}

.basic-post-list .wr-video {
    width: 12px;
    height: 12px;
    background-image: url('./img/icon_video.gif');
}

.basic-post-list .wr-image {
    width: 12px;
    height: 12px;
    background-image: url('./img/icon_image.gif');
}

.basic-post-list .wr-file {
    width: 12px;
    height: 12px;
    background-image: url('./img/icon_file.gif');
}

@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {}
body {margin:0;padding:0;font-size:0.75em;font-family:'s-core-dream', sans-serif;}
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:'s-core-dream', sans-serif;}
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:'s-core-dream', sans-serif;;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:#fff;text-decoration:none}
a:hover, a:focus, a:active {color:#e49c12;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}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;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}

/* ie6 이미지 너비 지정 */
.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; color: #313131;}

/* 캡챠 자동등록(입력)방지 기본 - 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;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;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} 

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

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

.btn_submit {padding:7px;line-height:12px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:6px 7px;line-height:12px; vertical-align:middle; }

a.btn_cancel {display:inline-block;padding:7px;line-height:12px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;line-height:12px;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:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

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

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold; border: 1px solid #8cc346; border-radius: 50px; padding: 1px 10px;
    background: #1b1b1b;}
#bo_vc h2 { padding:0; margin:0; font-size:12px; font-weight:bold; font-family:dotum; }
#bo_vc_w ol { padding:0; margin:0; list-style:none; }

/* 글내용 */
#bo_v_title { margin:0; font-family:dotum; font-weight:bold; line-height:18px; }
#bo_v_link li { line-height:14px; }

/* 기본테이블 */
#container_title { font-size:16px; font-family:dotum; padding:0; margin:0; margin-bottom:15px; }
#gall_ul { line-height:16px; }
#gall_ul .gall_text_href { line-height: 22px; }
.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; line-height:12px; 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 {}
#fboardlist a.bo_cate_link { font-weight:normal; }
#fboardlist input[type=checkbox] {outline-offset:0px; outline:0px; padding:0; margin:0; vertical-align:middle; }

#bo_sch legend { border:0; }

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left;white-space:nowrap;}
.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 input[type=checkbox] {outline-offset:0px; outline:0px; padding:0; margin:0; vertical-align:middle; }
.tbl_frm01 th label {font-weight:bold; vertical-align:middle; margin:0; }
.tbl_frm01 td label {font-weight:normal; vertical-align:middle; margin:0; }
.tbl_frm01 a {text-decoration:none}
.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}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;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_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;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 {padding: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}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 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}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.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 {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 {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}


.pull-right {
    float: right;
}
.gray, i.gray {
    color: #888;
}
.font-12, i.font-12 {
    font-size: 12px;
}
@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: #fff; 
}
#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 video,
.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 { 
	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 { 
	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 { 
	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:14px !important;
}
.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:14px !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;
	height: 40px; 
}
.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; 
	height: 50px;
	color: #fff;
}
.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); 
	border-bottom: 2px solid #e8a736;
}

/* 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;
	top: -13px;
	left: 3px; 
	height: 14px; 
	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; 
	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:200px;
	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: #f5ea51;
    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;
	color: #fff;
}
.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: #252525;
	border: 1px solid #535353;
	padding:3%;
	border-radius:4px;
	color: #fff;
}
.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;
	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; 
	transition:0.3s linear; 
	border-image: none; 
	overflow: hidden; 
	position: relative; 
	cursor: default; 
	-webkit-transition: all 0.3s linear;
	background-color: #212121; 
	border: 1px solid #3a3836;
	color: #fff;
}
.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; 
}
.form-box .form-header h2, .form-box .form-heading { 
	margin: 0px; 
	padding: 0px !important; 
	font-size: 18px; 
	font-weight: 500; 
}
.form-box .form-body { 
	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; 
}
.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:14px; 
	letter-spacing:-1px; 
	line-height:16px; 
	font-weight:normal; 
	margin-right:2px; 
	min-width:40px; 
	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: #111 !important; border-image: none !important; background-image: none !important;
	border: 1px solid #f5ea51;  
	background-color:#f5ea51; 
}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active { 
	background-color: #f7d351; 
}
.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 {
	width: 100%;
    height: 40px;
    line-height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #8cc346;
    border: none;
    font-size: 1.2em;
    font-weight: 900;
    color: #000;
    gap: 10px;
}


.btn.active.btn-navy, .btn.btn-navy:hover, .btn.btn-navy:focus, .btn.btn-navy:active { 
	background-color: #3c763d;
}
.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 { 
	color: #428bca; 
}
.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: #272727; 
	color: #fff; 
}
.bg-light, i.bg-light, .badge.bg-light {
	color: #333; 
	background-color: #222; 
}
.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: 13px; 
	font-weight: 400; 
	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 #535353; 
	border-collapse:separate;
}
.div-head > span { 
	display:table-cell; 
	text-align:center; 
	vertical-align:middle; 
	font-weight:bold; 
	line-height:1;
	color: #fff; 
}
.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; }