@charset "utf-8"; 
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 
/* 본문 게시글 텍스트부분 가로사이즈 조절 */
.tt_article_useless_p_margin p, h1, h2, h3, h4 {
    margin-bottom: 24px;
    font-size: 0.9375em;
    line-height: 1.6;
    color: #666;
    width: 100%;
    margin: 0 auto;
}

.author {
    display: none;
}

.container_postbtn {
    padding-top: 35px;
}

body {
    font-weight: 400;
    font-family: 'Noto Sans KR', "Malgun Gothic", sans-serif;
    font-size: 1em;
    line-height: 1.25;
    letter-spacing: -0.04em;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
    display: block;
}

button, input[type=submit], input[type=reset], input[type=button] {
    overflow: visible;
    cursor: pointer;
}

input[type=text], input[type=email], input[type=password], input[type=submit], textarea {
    -webkit-appearance: none;
}

input, select, textarea, button {
    font-family: 'Montserrat', 'arial' ,'Spoqa Han Sans', sans-serif;
    font-size: 100%;
    border-radius: 0;
}

button {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    outline: none;
}

ul li {
    list-style: none;
}

/* only IE brower  */
@media screen and (min-width: 0\0) {
}

/* Index 

01. Layout width
02. Header
03. Menu
04. category list
05. page
06. content
07. footer
--- Else Below

*/
/** 01. Layout width **/
.width-1200 {
    width: 1200px;
    margin: 0 auto;
}

/***** Header *****/
#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

#header .cont {
    height: 100%;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

/*** Base ***/
#header .header_base {
    position: relative;
    height: 74px;
    background: #fff;
}

/** Logo **/
#header .logo {
    display: table;
    height: 100%;
}

#header .logo h1 {
    /* display:table-cell; */
    vertical-align: middle;
    margin: 0;
}

#header .logo h1 a {
    display: block;
    font-size: 0;
}

#header .logo h1 a img {
    vertical-align: top;
}

#header .logo h1 a img.logo_d {
    display: inline-block;
    width: 224px;
    height: auto;
    padding: 20px 0;
}

#header .logo h1 a img.logo_m {
    display: none;
}

/** Search Box **/
#header .search_wrap {
    position: absolute;
    top: 22px;
    right: 0;
}

#header .search_wrap .btn_toggle_search {
    display: none;
}

#header .search_wrap .search_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 29px;
    border-bottom: 2px solid #26102d;
    background: #fff;
}

#header .search_wrap .search_box input.search {
    width: 171px;
    height: 20px;
    overflow: hidden;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1px;
    border: 0;
    border-radius: 0;
    background: #fff;
    padding: 5px 0 4px;
    outline: 0;
}

#header .search_wrap .search_box input.search:-ms-input-placeholder {
    color: #c7c7c7;
}

#header .search_wrap .search_box input.search::-webkit-input-placeholder {
    color: #c7c7c7;
}

#header .search_wrap .search_box input.search::placeholder {
    color: #c7c7c7;
}

#header .search_wrap .search_box button.submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 29px;
    height: 29px;
    border: 0;
    background: #fff;
    cursor: pointer;
    outline: 0;
}

#header .search_wrap .search_box button.submit span {
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 21px;
    height: 21px;
    overflow: hidden;
    text-indent: -9999px;
    background: url("./images/btn_search_box_pc.png") no-repeat;
}

/*** Menu Wrap PC ***/
#header .menu_wrap {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    background: #26102d;
}

#header .menu_wrap .category_list_menu {
    position: relative;
}

#header .menu_wrap .category_list_menu img, #header .menu_wrap .category_list_menu .c_cnt, #header .menu_wrap .category_list_menu .link_tit {
    display: none !important;
}

#header .menu_wrap .category_list_menu .tt_category {
    float: right;
    padding-right: 286px;
}

#header .menu_wrap .category_list_menu .category_list {
    font-size: 0;
    white-space: nowrap;
    text-align: center;
    margin-top: -55px;
}

#header .menu_wrap .category_list_menu .category_list > li {
    display: inline-block;
    padding: 0px 30px;
    vertical-align: top;
}

#header .menu_wrap .category_list_menu .category_list > li .link_item {
    position: relative;
    display: block;
    height: 36px;
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.034em;
    text-decoration: none;
}

/*#header .menu_wrap .category_list_menu .category_list > li .link_item:hover{height:81px;color:#164499;border-bottom:2px solid #17439a;}*/
#header .menu_wrap .category_list_menu .category_list > li .link_item.hover {
    height: 34px;
    color: #164499;
    border-bottom: 2px solid #26102d;
}

#header .menu_wrap .category_list_menu .sub_category_list {
    display: none;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap;
}

#header .menu_wrap .category_list_menu .sub_category_list > li {
    line-height: 37px;
    text-align: center;
    padding: 0px 1px;
}

#header .menu_wrap .category_list_menu .sub_category_list > li:first-child {
    padding-top: 28px;
}

#header .menu_wrap .category_list_menu .sub_category_list > li:last-child {
    padding-bottom: 19px;
}

#header .menu_wrap .category_list_menu .sub_category_list > li a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -1px;
}

#header .menu_wrap .category_list_menu .sub_category_list > li a:hover {
    color: #fff;
    transition: .3s ease;
    /* text-decoration: underline; */
    border-bottom: 1px solid #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -1px;
}

@media (max-width: 1260px) {
    #header .cont {
        margin:0 20px;
    }
}

@media (max-width: 1140px) {
    #header .menu_wrap .category_list_menu .tt_category {
        padding-right:236px;
    }

    #header .menu_wrap .category_list_menu .category_list > li {
        padding: 0 10px;
    }
}

@media (max-width: 1040px) {
    #header .menu_wrap .category_list_menu .tt_category {
        padding-right:186px;
    }

    #header .search_wrap .search_box {
        width: 170px;
    }

    #header .search_wrap .search_box input.search {
        width: 141px;
    }
}

@media (max-width: 970px) {
    /*#header{position:fixed;border-bottom:1px solid #c9c9c9}*/ #header {
        position:fixed
    }

    #tt-body-index #header {
        border: 0;
    }

    #header .cont {
        margin: 0;
    }

    #header .header_base {
        height: 52px;
        border: 0;
        border-bottom: 1px solid #efefef;
    }

    #header .logo {
        text-align: center;
        margin: 0 auto;
    }

    #header .logo h1 a img.logo_d {
        display: none;
    }

    #header .logo h1 a img.logo_m {
        display: inline-block;
        height: 36px;
        padding: 9px 0px;
    }

    #header .search_wrap {
        top: 0;
        width: 100%;
    }

    #header .search_wrap .btn_toggle_search {
        display: block;
        position: absolute;
        top: 10px;
        right: 9px;
        width: 31px;
        height: 30px;
        border: 0;
        background: #fff;
    }

    #header .search_wrap .btn_toggle_search span {
        position: absolute;
        top: 8px;
        left: 9px;
        width: 16px;
        height: 16px;
        overflow: hidden;
        color: rgba(0,0,0,0);
        background: url("./images/btn_search_box_mobile.png") no-repeat;
        background-size: 16px 16px;
    }

    #header .search_wrap .search_box {
        display: none;
    }

    body.search_mode #header .search_wrap .btn_toggle_search {
        top: 10px;
        left: 7px;
        right: auto;
        width: 30px;
        height: 30px;
        color: #414141;
        font-size: 13px;
        line-height: 24px;
        text-align: center;
    }

    body.search_mode #header .search_wrap .btn_toggle_search span {
        position: absolute;
        top: 9px;
        left: 9px;
        width: 12px;
        height: 12px;
        background: url("./images/btn_menu_close_mobile.png") no-repeat;
        background-size: 12px 12px;
    }

    body.search_mode #header .search_wrap .search_box {
        display: block;
        top: 0;
        left: 40px;
        right: 40px;
        width: auto;
        height: 29px;
        border-bottom: 1px solid #17439a;
        background: #fff;
        padding-top: 10px;
    }

    body.search_mode #header .search_wrap .search_box input.search {
        width: 100%;
        height: 29px;
        font-size: 13px;
        line-height: 29px;
        padding: 0;
        box-sizing: border-box;
    }

    body.search_mode #header .search_wrap .search_box button.submit {
        display: block;
        position: absolute;
        top: 10px;
        right: -31px;
        width: 31px;
        height: 30px;
        border: 0;
        background: #fff;
    }

    body.search_mode #header .search_wrap .search_box button.submit span {
        position: absolute;
        top: 8px;
        left: 9px;
        width: 16px;
        height: 16px;
        overflow: hidden;
        color: rgba(0,0,0,0);
        background: url("./images/btn_search_box_mobile.png") no-repeat;
        background-size: 16px 16px;
    }

    body.search_mode #header .logo {
        display: none;
    }

    body.search_mode #header .mobile_menu_wrap {
        display: none;
    }

    #header .menu_wrap {
        display: none;
    }
}

/*** Menu Wrap Mobile ***/
#header .mobile_menu_wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
}

/** Menu Button **/
#header .mobile_menu_wrap .btn_mobile_menu {
    position: absolute;
    top: 10px;
    left: 7px;
    width: 32px;
    height: 32px;
    border: 0;
    background: #fff;
}

#header .mobile_menu_wrap .btn_mobile_menu span {
    position: absolute;
    top: 8px;
    left: 7px;
    width: 18px;
    height: 14px;
    overflow: hidden;
    color: rgba(0,0,0,0);
    background: #fff;
}

#header .mobile_menu_wrap .btn_mobile_menu:after {
    position: absolute;
    top: 14px;
    left: 7px;
    right: 7px;
    height: 2px;
    overflow: hidden;
    background: #484848;
    border-radius: 1px;
    content: '';
}

#header .mobile_menu_wrap .btn_mobile_menu span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    overflow: hidden;
    background: #484848;
    border-radius: 1px;
    content: '';
}

#header .mobile_menu_wrap .btn_mobile_menu span:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    overflow: hidden;
    background: #484848;
    border-radius: 1px;
    content: '';
}

/** BG **/
#header .mobile_menu_wrap .menu_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
    z-index: 1000;
}

/** Menu **/
#header .mobile_menu_wrap .mobile_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 240px;
    height: 100%;
    overflow: hidden;
    background: #fff;
    z-index: 6000;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all .3s
}

/* Categoy */
#header .mobile_menu_wrap .mobile_menu .category_wrap {
    position: absolute;
    top: 55px;
    left: 0;
    bottom: 129px;
    width: 100%;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category {
    position: relative;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category img, #header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .c_cnt, #header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .link_tit {
    display: none !important;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .category_list {
    letter-spacing: -1px;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .category_list a {
    position: relative;
    display: block;
    padding: 0 25px;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .category_list > li {
    margin-bottom: 20px;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .category_list > li .link_item_main {
    height: 39px;
    color: #17439a;
    font-size: 15px;
    line-height: 30px;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .category_list > li .link_item {
    height: 39px;
    color: #17439a;
    font-size: 15px;
    line-height: 30px;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .category_list > li .link_item:before {
    position: absolute;
    top: 14px;
    right: 25px;
    width: 7px;
    height: 1px;
    background: #17439a;
    content: '';
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .category_list > li .link_item:after {
    position: absolute;
    top: 11px;
    right: 28px;
    width: 1px;
    height: 7px;
    background: #17439a;
    content: '';
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .sub_category_list {
    display: none;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .sub_category_list > li .link_sub_item {
    height: 36px;
    color: #414141;
    font-size: 13px;
    line-height: 36px;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .category_list > li.selected .link_item:after {
    display: none;
}

#header .mobile_menu_wrap .mobile_menu .category_wrap .tt_category .category_list > li.selected .sub_category_list {
    display: block;
}

/** Close Button **/
#header .mobile_menu_wrap .mobile_menu .btn_mobile_menu_close {
    position: absolute;
    top: 8px;
    left: 7px;
    width: 30px;
    height: 30px;
    border: 0;
    background: #fff;
}

#header .mobile_menu_wrap .mobile_menu .btn_mobile_menu_close span {
    position: absolute;
    top: 9px;
    left: 9px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    color: rgba(0,0,0,0);
    background: url("./images/btn_menu_close_mobile.png") no-repeat;
    background-size: 12px 12px;
}

/** Menu Mode **/
body.menu_mode {
    overflow: hidden;
}

body.menu_mode #header .mobile_menu_wrap .menu_bg {
    display: block;
}

body.menu_mode #header .mobile_menu_wrap .mobile_menu {
    transform: translateX(0);
}

@media (max-width: 970px) {
    #header .mobile_menu_wrap {
        display:block;
    }
}

/***** Container *****/
#container {
    position: relative;
    padding-top: 124px;
}

@media (max-width: 970px) {
    #container {
        padding-top:50px;
    }
}

#header {
    position: relative;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #dedede;
}

#header h1 {
    padding: 0px;
}

#header h1 a {
    display: inline-block;
    color: #000000;
}

#header .blogMenu {
    float: right;
}

#header .blogMenu li {
    float: left;
    padding-left: 45px;
}

#header .blogMenu li a {
    color: #4e4e4e;
    font-size: 0.8em
}

#header .mobile-menu {
    position: relative;
    float: right;
    z-index: 500;
    width: 60px;
    height: 30px;
    display: none;
}

#header .mobile-menu span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 2px;
    margin: -2px 0 0 -13px;
    background-color: #000;
    text-indent: -999em;
}

#header .mobile-menu:before, #header .mobile-menu:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 2px;
    margin-left: -13px;
    background-color: #000
}

#header .mobile-menu:before {
    margin-top: -9px;
}

#header .mobile-menu:after {
    margin-top: 5px;
}

#header .mobile-menu.on {
    position: relative;
}

#header .mobile-menu.on span {
    display: none;
}

#header .mobile-menu.on:before, #header .mobile-menu.on:after {
    margin-top: -2px;
    width: 60px;
}

#header .mobile-menu.on:before {
    transform: rotate(-45deg);
}

#header .mobile-menu.on:after {
    transform: rotate(45deg);
}

#header .menu {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 400;
    overflow: auto;
    width: 70%;
    height: 100%;
    padding: 60px 26px;
    background-color: #fff;
    box-sizing: border-box;
    transition: right .3s ease-in-out;
}

#header .menu p {
    margin-top: 133px;
    font-size: 0.75em;
    color: #9b9b9b;
}

#header .menu.on {
    right: 0;
}

.menu #gnb h2 a {
    color: black;
    font-family: 'Nanum Myeongjo', serif;
    font-size: 0.7em;
    font-weight: 900;
}

.menu .menu-list , .menu .cat-list {
    padding-top: 30px;
}

.menu .menu-list ul li a {
    display: block;
    color: black;
    font-size: 0.8em;
    padding-top: 15px;
}

.menu .cat-list h3 {
    font-size: 0.9em;
    padding-top: 5px;
    padding-bottom: 5px;
}

.menu .cat-list ul li a {
    display: block;
    color: black;
    font-size: 0.8em;
    padding-top: 15px;
}

/** 03. Home **/
.main-copy {
    display: none;
}

/** 04. category list **/
.cat-head {
    display: none;
}

#tt-body-category .cat-head {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

.cat-head .cat-copy {
    padding: 0;
    font-size: 2.4em;
    font-weight: normal;
    letter-spacing: -0.05em;
}

.cat-head .tt_category {
    display: inline-block;
    padding-top: 50px;
}

.cat-head .tt_category .category_list a {
    display: block;
    padding: 0px 25px;
    color: #929292;
    font-size: 0.8em;
    letter-spacing: -0.01em;
    font-weight: 300;
}

.cat-head .tt_category .category_list .c_cnt {
    display: none;
}

.cat-head .tt_category .link_tit {
    display: none;
}

.cat-head .tt_category li {
    float: left;
}

/** 05. page **/
.page-name {
    color: #1D1D1D;
    font-size: 0.9em;
    font-weight: 100;
    letter-spacing: 0.25em;
    visibility: hidden;
}

#info-txt {
    display: none;
}

#contact-txt {
    display: none;
}

#info #info-txt {
    display: block;
}

#contact #contact-txt {
    display: block;
}

#tt-body-page .wrapper {
    padding-top: 80px;
}

#contact-txt h2 {
    font-size: 2.0em;
    font-weight: 600;
    padding-bottom: 50px;
}

#contact-txt .list {
    font-size: 12px;
    padding-top: 5px;
    color: #191919;
    font-weight: 600;
}

#contact-txt .list span {
    display: inline-block;
    font-weight: 100;
    padding-left: 20px;
    letter-spacing: 0.08em;
    text-decoration: underline;
    text-decoration-color: #b5b5b5;
}

#contact-txt .list a {
    color: #191919;
}

#contact-txt .sentence {
    font-size: 12px;
    padding-top: 60px;
    color: #4b4b4b;
    letter-spacing: 0.05em;
    font-weight: 100;
}

#contact-txt .copyrights {
    font-size: 12px;
    color: #7e7e7e;
    font-weight: 100;
    padding-top: 6px;
    letter-spacing: 0.01em;
    padding-bottom: 30%;
}

#info-txt .left {
    float: left;
    width: 45%;
}

#info-txt .left h3 {
    font-size: 3.0em;
    padding-right: 90px;
    font-weight: normal;
    letter-spacing: -0.04em;
}

#info-txt .right {
    float: left;
    width: 40%;
    font-size: 12px;
    letter-spacing: -0.01em;
}

#info-txt .right .label {
    font-weight: 600;
    padding-top: 60px;
    padding-bottom: 10px;
}

#info-txt .right .label:first-child {
    padding-top: 30px;
}

#info-txt .right .desc {
    color: #717171;
    font-weight: 300;
    line-height: 1.7em;
}

/** 06. content **/
#content .wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

#content .wrapper:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

/** 07. footer **/
#article.footer {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

#footer {
    padding: 29px 0 41px 0;
    border-top: 0;
    position: relative;
    clear: both;
    width: 100%;
    height: 90px;
    background: #484848;
    z-index: 15;
}

#footer p {
    text-align: left;
    color: #9b9b9b;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#footer .copyright {
    letter-spacing: 0.02em;
    font-weight: 300;
    font-size: 13px;
}

#footer .copyright a {
    float: left;
    width: 105px;
    height: 17px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(./images/logo_footer.png) no-repeat;
    margin-right: 18px;
}

#footer p a {
    text-decoration: none;
    color: #9b9b9b;
}

#footer .admin {
    color: #666;
}

#footer .admin:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    margin: 0 9px;
    background-color: #b2b2b2;
    vertical-align: middle;
}

#footer .social-link {
    text-align: center;
    padding: 15px 0px;
}

.bts {
    margin-bottom: 30px;
}

footer .bts a {
    color: #aaa;
}

footer .bts a {
    font-size: 15px;
    color: #aaa;
    margin-right: 20px;
    font-weight: 300;
}

#tt-body-index #footer {
    border-top: 0;
    position: relative;
    clear: both;
    width: 100%;
    height: 90px;
    background: #484848;
    z-index: 15;
}

/* Components */
.social-link a {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    text-indent: -999em;
    background-image: url(./images/ico_package.png);
    background-repeat: no-repeat;
    vertical-align: top;
}

.social-link a:hover {
    background-position-y: -68px;
}

.social-link .pinterest {
    background-position: 0 -50px;
}

.social-link .facebook {
    background-position: -50px -50px;
}

.social-link .twitter {
    background-position: -100px -50px;
}

.social-link .instagram {
    background-position: -150px -50px;
}

.btn, a.btn {
    display: inline-block;
    width: 158px;
    height: 50px;
    border: 1px solid #26102d;
    font-size: 0.875em;
    line-height: 50px;
    color: #fff;
    background: #26102d;
}

.btn:hover {
    border-color: #26102d;
    background: #fff;
    color: #26102d;
}

.cover-thumbnail-list {
    margin: 0 auto;
    padding: 0px 0 56px;
    background: #f7f7f7;
}

.cover-thumbnail-list h2 {
    margin-bottom: 26px;
    letter-spacing: -0.07em;
    height: 57px;
    line-height: 57px;
    display: inline-block;
    font-size: 40px;
    color: #000;
    font-weight: 500;
    margin-right: 10px;
    width: auto;
}

.sub {
    color: #737373;
    font-size: 16px;
    padding-top: 21px;
    margin-left: 10px;
    display: inline-block;
}

.cover-thumbnail-list ul {
    width: 1220px;
}

.cover-thumbnail-list ul li {
    padding-left: 0;
    float: left;
    margin: 0 15px 15px 0;
}

.cover-thumbnail-list ul li a {
    display: block;
    position: relative;
    width: 390px;
    color: #414141;
    background: #fff;
}

.cover-thumbnail-list ul li .thum {
    display: block;
    padding-bottom: 50%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-bottom: 0;
}

.cover-thumbnail-list ul li .thum:before {
}

.cover-thumbnail-list ul li .thum img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cover-thumbnail-list ul li .category {
    display: block;
    font-size: 14px;
    color: #26102d;
    font-weight: 700;
    padding-top: 16px;
}

.cover-thumbnail-list ul li .title {
    font-family: 'Noto Sans KR', "Malgun Gothic", sans-serif;
    height: 58px;
    overflow: hidden;
    font-size: 17px;
    line-height: 29px;
    word-break: break-all;
    padding-top: 9px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.024em;
}

.cover-thumbnail-list ul li a:hover .title {
    color: #26102d;
}

.cover-thumbnail-list ul li .summary {
    display: none;
    /* display: -webkit-box; */
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 7em;
    font-size: 15px;
    font-family: 'Noto Sans KR', "Malgun Gothic", sans-serif;
    color: #888;
    letter-spacing: -0.5px;
    line-height: 1.8;
}

.cover-thumbnail-list ul li .date {
    padding-top: 5px;
    font-size: 14px;
    color: #999999;
    display: block;
}

.cover-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #000;
}

.cover-slider ul li {
    display: table;
    width: 100%;
    height: 600px;
    text-align: center;
    background-position: 50% 50%;
    background-size: cover;
}

.cover-slider ul li a {
    display: table-cell;
    background-color: rgba(0,0,0,0.25);
    text-decoration: none;
    color: #fff;
    vertical-align: middle;
}

.cover-slider ul li .category {
    display: inline-block;
    margin-bottom: 16px;
    border-bottom: 1px solid #fff;
}

.cover-slider ul li .title {
    display: block;
    max-width: 580px;
    margin: 0 auto 28px;
    line-height: 1.3;
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 12px;
}

.cover-slider ul li .summary {
    display: block;
    font-size: 22px;
    font-weight: 300;
}

.cover-slider ul li .btn {
    border-color: #fff;
    color: #fff;
    display: none;
}

.cover-slider ul li .btn:hover {
    background-color: #fff;
    color: #000;
}

.cover-slider .prev, .cover-slider .next {
    left: 50%;
    z-index: 20;
    margin: -25px 0 0 0;
    background: url(./images/ico.png) no-repeat 0 -250px;
    text-indent: -999em;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 38px;
}

.cover-slider .prev {
    margin-left: -40%;
    background-position: 0px -60px;
}

.cover-slider .next {
    margin-left: 40%;
    background-position: -30px -60px;
}

.cover-slider .prev:hover, .cover-slider .next:hover {
    opacity: 0.5;
    transition: 0.1s ease;
}

.cover-masonry {
    margin-bottom: -1px;
    padding: 60px 0 49px;
    border-bottom: 1px solid #ebebeb;
}

.cover-masonry h2 {
    margin-bottom: 30px;
    font-size: 2em;
    font-weight: 500;
    letter-spacing: -0.07em;
}

.cover-masonry ul {
    display: inline-block;
    margin-left: -42px;
    vertical-align: top;
}

.cover-masonry ul li {
    float: left;
    width: 33.3333%;
    margin: 0 0 37px;
    padding-left: 42px;
    box-sizing: border-box;
}

.cover-masonry ul li a {
    display: block;
    text-decoration: none;
    color: #080808;
}

.cover-masonry ul li .thum {
    display: block;
    margin-bottom: 12px;
}

.cover-masonry ul li .thum img {
    width: 100%;
    height: auto;
}

.cover-masonry ul li .category {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 0.75em;
    color: #808080;
}

.cover-masonry ul li .title {
    display: block;
    font-weight: 400;
    font-size: 0.85em;
    line-height: 1.4444;
}

.cover-masonry ul li a:hover .title {
    text-decoration: underline;
    color: #4e2e28;
}

.cover-masonry ul li .excerpt {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 6.4em;
    font-size: 0.9375em;
    line-height: 1.6;
    color: #666;
    margin: 8px 0 12px 0;
}

.cover-list {
    margin-bottom: -1px;
    padding: 30px 0 60px;
    border-bottom: 1px solid #ebebeb;
}

.cover-list h2 {
    margin: 30px 0;
    font-size: 1em;
}

.cover-list ul li {
    border-top: 1px solid #ebebeb;
}

.cover-list ul li:first-child {
    border-top: 0;
}

.cover-list ul li a {
    display: block;
    min-height: 172px;
    padding: 30px 0 30px;
    text-decoration: none;
    color: #080808;
}

.cover-list ul li figure {
    float: right;
    position: relative;
    width: 172px;
    height: 172px;
    margin: 0 0 0 80px;
    background-color: #f6f6f6;
}

.cover-list ul li figure:before {
    content: "NO IMAGE";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 18px;
    margin: -9px 0 0 0;
    text-align: center;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 0.875em;
    color: #cbcbcb;
}

.cover-list ul li figure img {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.cover-list ul li .category {
    display: inline-block;
    margin-bottom: 12px;
    border-bottom: 1px solid #a3a3a3;
    font-family: 'Nanum Myeongjo', serif;
    font-size: 0.875em;
    color: #808080;
}

.cover-list ul li .title {
    display: block;
    font-weight: 700;
    font-size: 1.125em;
    line-height: 1.4444em;
}

.cover-list ul li a:hover .title {
    text-decoration: underline;
    color: #666;
}

.cover-list ul li .excerpt {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 4.8em;
    margin-bottom: 9px;
    margin-top: 8px;
    font-size: 0.9375em;
    line-height: 1.6;
    color: #666;
}

.cover-list ul li .date {
    display: block;
    font-size: 0.8125em;
    color: #999;
}

.cover-youtube h2 {
    margin-bottom: 26px;
    letter-spacing: -0.07em;
    height: 57px;
    line-height: 57px;
    display: inline-block;
    font-size: 40px;
    color: #000;
    font-weight: 500;
    margin-right: 10px;
    width: auto;
}

.cover-gallery {
    margin: 70px auto;
    padding: 5px 0 35px;
    background: url(https://www.kolonbenit.com/common/images/icon/maincon2_bg.jpg) no-repeat center center;
    background-size: cover;
}

.cover-gallery h2 {
    margin-bottom: 26px;
    letter-spacing: -0.07em;
    height: 57px;
    line-height: 57px;
    display: inline-block;
    font-size: 40px;
    color: #000;
    font-weight: 500;
    margin-right: 10px;
    width: auto;
}

.cover-gallery ul {
    display: inline-block;
    margin-left: -12px;
}

.cover-gallery ul li {
    float: left;
    width: 50%;
    margin: 0 0 12px 0;
    padding-left: 12px;
    box-sizing: border-box;
}

.cover-gallery ul li a {
    display: block;
    position: relative;
    width: 100%;
    background-color: #ebebeb;
}

.cover-gallery ul li .title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: absolute;
    top: 20%;
    left: 0;
    z-index: 30;
    overflow: hidden;
    width: 100%;
    max-height: 4.2em;
    text-align: left;
    line-height: 1.4;
    padding: 0 20px;
    color: #fff;
    box-sizing: border-box;
    transform: translateY(-50%);
    /* visibility: hidden; */
    font-size: 23px;
}

.cover-gallery ul li a:hover .title {
    /* visibility: visible; */
}

.cover-gallery ul li a:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.cover-gallery ul li a:before {
    text-align: center;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 0.875em;
    color: #cbcbcb;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    /* height: 100%; */
    background-color: rgba(0,0,0,0.4);
}

.cover-gallery ul li figure {
    height: 0;
    padding-bottom: 150px;
}

.cover-gallery ul li figure img {
    position: relative;
    width: 100%;
    height: 150px;
    z-index: 10;
    object-fit: fill;
    /* transform: translate(10px, 10px); */
    /* left: 50%; */
    /* right: 50%; */
}

.post-header {
    position: relative;
    overflow: hidden;
    width: 200px;
    margin: 0 auto;
    padding: 40px 0 30px;
}

.post-header h1 {
    font-size: 1em;
}

.post-header .list-type {
    padding-top: 15px;
}

.post-header .list-type button {
    float: left;
    width: 24px;
    height: 24px;
    background-image: url(./images/ico_package.png);
    background-repeat: no-repeat;
    text-indent: -999em;
}

.post-header .list-type button:hover {
    background-color: #ebebeb;
}

.post-header .list-type .list {
    background-position: 0 -200px;
}

.post-header .list-type .thum {
    background-position: -100px -200px;
}

.post-header .list-type .list.current {
    background-position: -50px -200px;
}

.post-header .list-type .thum.current {
    background-position: -150px -200px;
}

.post-item {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
}

.post-item a {
}

.post-item a:hover .title {
    color: #26102d;
}

.post-item .thum {
    float: right;
    overflow: hidden;
    max-width: 148px;
    margin-left: 80px;
}

.post-item .thum img {
    width: 195px;
    height: 148px;
    margin: 0 0 0 -23.5px;
}

.post-item .category {
    font-size: 14px;
    color: #26102d;
    font-weight: 700;
    padding-top: 16px;
    display: block;
}

.post-item .title {
    overflow: hidden;
    max-height: 60px;
    font-size: 1.125em;
    line-height: 1.4;
    margin-bottom: 8px;
    margin-top: 8px;
    display: block;
}

.post-item .excerpt {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.9375em;
    line-height: 1.6;
    color: #666;
}

.post-item .excerpt.protected:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 13px;
    margin-right: 10px;
    background: url(./images/ico_package.png) no-repeat -0 -100px;
    vertical-align: baseline;
}

.post-item .date {
    font-size: 14px;
    color: #999999;
    display: -webkit-box;
    display: block;
    line-height: 1;
}

.pagination {
    max-width: 860px;
    margin: 60px auto 130px;
    text-align: center;
}

.pagination .current {
    display: none;
}

.pagination .view-more {
    display: inline-block;
    width: 158px;
    height: 50px;
    border: 1px solid #dcdcdc;
    font-size: 0.875em;
    line-height: 50px;
    color: #000;
}

.pagination .view-more:hover {
    border-color: #4d4d4d;
    background: none;
}

.pagination a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 4px;
    text-decoration: none;
    font-size: 0.9375em;
    line-height: 24px;
    color: #b2b2b2;
    vertical-align: middle;
}

.pagination a:hover {
    background-color: #ebebeb;
}

.pagination .selected {
    color: #000;
}

.pagination .prev, .pagination .next {
    width: 50px;
    height: 50px;
    background-image: url(./images/ico_package.png);
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    text-indent: -999em;
    vertical-align: middle;
    box-sizing: border-box;
}

.pagination .prev {
    background-position: -50px 0;
}

.pagination .next {
    background-position: -100px 0;
}

.pagination .prev:hover, .pagination .next:hover {
    background-color: transparent;
    border-color: #4d4d4d;
}

.pagination .no-more-prev, .pagination .no-more-next {
    display: none;
}

.hgroup {
    max-width: 1200px;
    margin: 25px auto 30px;
    padding: 0px 0 50px;
    position: relative;
    letter-spacing: -1px;
    border-bottom: 1px solid #c9c9c9;
}

.hgroup .category {
    display: inline-block;
    margin-bottom: 16px;
    color: #808080;
}

.hgroup h1 {
    max-height: 100px;
    overflow: hidden;
    color: #121212;
    font-size: 34px;
    font-weight: 500;
    line-height: 50px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    letter-spacing: -0.032em;
}

author {
    display: none;
}

.hgroup .post-meta {
    color: #858585;
    font-size: 17px;
    line-height: 30px;
    padding-top: 43px;
}

.hgroup .post-meta a {
    text-decoration: none;
    color: #999;
}

.hgroup .post-meta a:hover {
    text-decoration: underline;
}

.hgroup .post-meta span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 7px 0 10px;
    background-color: #ebebeb;
    vertical-align: baseline;
    display: none;
}

.hgroup .post-meta span:first-child:before {
    content: none;
}

.another_category {
    margin: 60px auto 80px;
    padding: 0 !important;
    border: 0 !important;
}

.another_category h4 {
    margin-bottom: 28px;
    font-weight: 400;
    font-size: 1em !important;
}

.another_category h4 em {
    border-bottom: 1px solid #000;
    font-style: normal;
}

.another_category table {
    width: 100%;
    border-collapse: collapse;
    border: 0 !important;
    font-size: 0.9375em;
    color: #666;
}

.another_category table th {
    padding: 8px 0 4px;
    border: 0 !important;
    text-align: left;
    font-weight: 400;
}

.another_category table th a {
    text-decoration: none;
    color: #666;
}

.another_category td {
    width: 60px;
    padding: 8px 0 4px;
    border-left: 0 !important;
    border-top: 0 !important;
    font-size: 0.8125em;
    line-height: 1;
    color: #b2b2b2;
}

.tags {
    position: relative;
    overflow: hidden;
    max-width: 1200px;
    margin: 0px auto;
    margin-bottom: 20px;
    color: #999;
    box-sizing: border-box;
    text-align: left;
}

.tags h2 {
    float: left;
    width: 47px;
    margin-left: -47px;
    font-weight: 400;
    font-size: 1em;
    color: #000;
    display: none;
}

.tags .items a {
    display: inline-block;
    text-decoration: none;
    line-height: 1.5384;
    padding: 5px;
    transition: color .2s,background-color .2s,opacity .2s,transform .2s;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -1px;
    color: var(--color-accent);
    border-radius: 16px;
    border: 1px solid #959595;
}

.tags .items a:hover {
    color: #26102d;
    border: 1px solid #26102d;
}

.tags .items a:before {
    content: "#";
}

.related-articles {
    overflow: hidden;
    width: 100%;
    margin: 80px 0 60px;
}

.related-articles h2 {
    margin-bottom: 28px;
    font-weight: 400;
    font-size: 1.5em;
    width: 100%;
}

.related-articles h2 em {
    border-bottom: 1px solid #000;
    font-style: normal;
}

.related-articles ul {
}

.related-articles ul li {
    width: 390px;
    padding-left: 1.25%;
    float: left;
    display: block;
    text-decoration: none;
    color: #080808;
    max-height: fit-content;
    min-height: auto;
}

.related-articles ul li:first-child {
    margin-left: 0px;
    padding-left: 0px;
}

.related-articles ul li:last-child {
    margin-right: 0px;
    display: none;
}

.related-articles ul li a {
    display: block;
    text-decoration: none;
    color: #080808;
}

.related-articles ul li a:hover .title {
    transition: .2s ease-out;
    color: #3F51B5;
}

.related-articles ul li .thum {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 50%;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-bottom: 0;
}

.related-articles ul li .thum:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 18px;
    margin: -9px 0 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 0.875em;
    color: #ffffff;
}

.related-articles ul li .thum img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text {
    font-size: 15px;
    line-height: 20px;
    border: 1px solid #e0e0e0;
    border-top: 0;
    padding: 0 19px 19px;
}

.related-articles ul li .category {
    display: block;
    font-size: 14px;
    color: #26102d;
    font-weight: 700;
    padding-top: 16px;
}

.related-articles ul li .title {
    font-family: 'Noto Sans KR', "Malgun Gothic", sans-serif;
    height: 58px;
    overflow: hidden;
    font-size: 17px;
    line-height: 29px;
    word-break: break-all;
    padding-top: 5px;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.024em;
}

.related-articles ul li .date {
    padding-top: 3px;
    font-size: 14px;
    color: #999999;
    display: block;
}

/* Entry Content */
.entry-content {
    max-width: 1200px;
    margin: 0 auto;
}

.entry-content h1 {
    margin: 30px 0 15px;
    font-size: 1.6875em;
}

.entry-content h2 {
    margin: 30px 0 15px;
    font-size: 1.5em;
}

.entry-content h3 {
    margin: 30px 0 15px;
    font-weight: 700;
    font-size: 1.3125em;
}

.entry-content h4 {
    margin: 30px 0 15px;
    font-weight: 400;
    font-size: 1.125em;
}

.entry-content p {
    margin-bottom: 24px;
    font-size: 1.1em;
    line-height: 1.6;
    color: #666;
    text-indent: initial;
	  letter-spacing: -1.5px;
    width: 80%;
}

.entry-content p img {
    max-width: 100%;
    height: auto;
}

.entry-content hr {
    display: block;
    height: 0;
    border: 0;
    border-bottom: 1px solid #000;
}

.entry-content pre {
    word-break: break-all;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.entry-content ul, .entry-content ol {
    margin-bottom: 50px;
}

.entry-content ul {
    list-style: disc inside;
}

.entry-content ul li {
    position: relative;
    padding-left: 22px;
    font-size: 0.9375em;
    line-height: 1.6;
    color: #666;
    list-style: inherit;
    text-indent: -22px;
}

.entry-content ol {
    list-style: inside decimal;
}

.entry-content ol li {
    position: relative;
    padding-left: 16px;
    font-size: 0.9375em;
    line-height: 1.6;
    color: #666;
    text-indent: -15px;
    list-style: inherit;
}

.entry-content a {
    color: #666;
}

.entry-content img.alignleft {
    float: left;
    margin: 0 22px 22px 0;
}

.entry-content img.aligncenter {
    display: block;
    margin: 0 auto 22px;
}

.entry-content img.alignright {
    float: right;
    margin: 0 0 22px 22px;
}

.entry-content blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 16px;
    border-left: 4px solid #e6e6e6;
}

.entry-content blockquote p {
    margin: 22px 0 0;
}

.entry-content blockquote p:first-child {
    margin-top: 0;
}

.entry-content table {
    width: 100%;
    margin-bottom: 22px;
    border: 0px solid #e6e6e6;
    border-collapse: collapse;
    font-size: 0.875em;
    line-height: 1.5714;
    color: #666;
}

.entry-content table thead th {
    padding: 7px 5px 11px;
    border-left: 1px solid #e6e6e6;
}

.entry-content table tbody td {
    padding: 0;
    border-left: 0px solid #e6e6e6;
    border-top: 0px solid #e6e6e6;
}

.entry-content table tbody td p {
    margin: 0;
}

.entry-content input {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    font-size: 0.875em;
    line-height: 1.25;
    color: #666;
    box-sizing: border-box;
    vertical-align: middle;
}

.entry-content .protected_form {
    margin-bottom: 40px;
    padding: 120px 0 200px;
    border-bottom: 1px solid #7a583a;
    text-align: center;
}

.entry-content .protected_form p:before {
    content: "";
    display: block;
    width: 64px;
    height: 84px;
    margin: 0 auto 30px;
    background: url(./images/ico_package.png) no-repeat -50px -100px;
}

.entry-content .protected_form input {
    width: 220px;
    height: 50px;
    margin-bottom: 10px;
    background-color: transparent;
    vertical-align: top;
}

.entry-content .cap1 {
    text-align: center;
    font-size: 0.875em;
    margin-top: 6px;
}

.entry-content iframe {
    max-width: 100%;
}

.entry-content pre {
    background-color: #eee;
    padding: 20px;
}

/* Comment */
.comments {
    max-width: 1200px;
    margin: 30px auto;
    padding-top: 0px;
    padding-bottom: 2px;
    position: relative;
    background: #f9f9f9;
    padding: 30px 30px 70px 30px;
}

.comments h2 {
    font-weight: 400;
    font-size: 1em;
    color: #000;
}

.comments .comment-list {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #26102d;
    background-color: #fff;
    margin-top: 0px;
}

.comments .comment-list ul li {
    padding-top: 0px;
    margin-bottom: 20px;
}

.comments .comment-list ul li:first-child {
    border: none;
}

.comments .comment-list ul li ul {
    margin: -5px 0 -20px;
}

.comments .comment-list ul li ul li {
    border-top: 1px dotted #e6e6e6;
    border-bottom: 0;
    margin-bottom: 20px;
}

.comments .comment-list ul li .author-meta {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    height: 30px;
}

.comments .comment-list ul li .author-meta span {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    padding: 10px 0px;
    border-radius: 0px;
    font-size: 16px;
    background-repeat: no-repeat;
    background-size: contain;
}

.comments .comment-list ul li .author-meta img {
    float: left;
    width: 16px;
    height: auto;
    margin-left: 5px;
    margin-top: 12px;
    display: none;
}

.comments .comment-list ul li .author-meta a {
    border-radius: 0px;
    margin-bottom: 8px;
    font-family: "NEXON Lv2 Gothic",sans-serif;
    color: var(--color-accent);
    margin: 0;
    text-decoration: none;
    font-size: 14px;
}

.comments .comment-list ul li .author-meta .date {
    margin-left: 10px;
    font-size: 0.8125em;
    color: #999;
    display: none!important;
}

.comments .comment-list ul li .author-meta .date:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 9px;
    margin-right: 10px;
    background-color: #b2b2b2;
}

.comments .comment-list ul li .author-meta .date a {
    margin-left: 10px;
    color: #000
}

.comments .comment-list ul li .author-meta .control {
    position: absolute;
    top: 0;
    right: 0;
}

.comments .comment-list ul li p {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.625;
    padding-top: 5px;
    margin-bottom: 20px;
}

.comments .comment-form .field {
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
    display: inline-block;
}

.comments .comment-form input[type=text], .comments .comment-form input[type=password], .comments .comment-form textarea {
    border: 1px solid #e6e6e6;
    font-size: 0.8375em;
    line-height: 1.25;
    color: var(--font-color);
    background-color: #fff;
}

.comments .comment-form input[type=text], .comments .comment-form input[type=password] {
    width: 240px;
    height: 56px;
    color: #000;
    font-size: 16px;
    font-family: 'Noto Sans KR','돋움',sans-serif;
    line-height: 30px;
    border: 1px solid #26102d;
    background: #fff;
    padding: 11px 19px 13px;
    box-sizing: border-box;
}

.comments .comment-form input::-webkit-input-placeholder, .comments .comment-form textarea::-webkit-input-placeholder {
    color: #d6d6d6;
}

.comments .comment-form textarea {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    resize: none;
    box-sizing: border-box;
}

.comments .comment-form textarea {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -.2px;
    border-radius: 0px;
    margin-bottom: 15px;
    height: 202px;
    padding: 13px 19px;
    width: 100%;
    resize: none;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid #26102d;
}

.comments .comment-form .field .secret {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}

.comments .comment-form .field .secret input {
    display: none;
}

.comments .comment-form .field .secret label {
    outline: none;
    cursor: pointer;
    display: block;
    color: #c9c9c9;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -1px;
    background: url(./images/icon_comment_secret_pc.png) no-repeat right 5px;
    padding: 0 21px 0 11px;
    margin-top: 13px;
}

.comments .comment-form .field .submit {
    float: right;
}

.submit {
    float: right;
}

.comment_share {
    width: 240px;
    height: 56px;
    display: none;
}

/* 댓글 체크박스 설정 */
input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    color: #f2f2f2;
}

input[type="checkbox"] + label span {
    width: 20px;
    height: 20px;
    margin: -2px 9px 0 0;
    /* background: url(images/tick.png) no-repeat; */
    cursor: pointer;
    display: inline-block;
    border: 1px solid #e1e1e1;
    vertical-align: middle;
    background-color: #fff;
    background-position: 2px;
    /* border-radius: 5px; */
    /* box-shadow: 0 3px 6px -5px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.1); */
}

input[type="checkbox"]:checked + label span {
    background: url(images/tick.png) 2px top no-repeat;
}

/* Widget & Template Page */
/* ETC */
#dimmed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.43);
}

/* Post Type & Color Type */
.post-item-ul {
    width: 1220px;
    margin-top: 50px;
}

.text {
    font-size: 15px;
    line-height: 20px;
    border: 1px solid #e0e0e0;
    border-top: 0;
    padding: 0 19px 19px;
    color: #414141;
    height: 126px;
}

.text_sub {
    font-size: 15px;
    line-height: 20px;
    border: 1px solid #e0e0e0;
    border-top: 0;
    padding: 0 15px 15px;
    color: #414141;
    height: 295px;
}

.post-type-thumbnail .post-item {
    float: left;
    border: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 390px;
    color: #414141;
    background: #fff;
    padding-left: 0;
    margin: 0px 15px 15px 0;
}

.post-type-thumbnail .post-item .thum {
    max-width: none;
    margin: 0px 0 14px 0;
    background-color: #ebebeb;
    display: block;
    padding-bottom: 50%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    border-bottom: 0;
}

.post-type-thumbnail .post-item .thum:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 18px;
    margin: -9px 0 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 0.875em;
    color: #cbcbcb;
}

/* post-type-thumbnail img */
.post-type-thumbnail .post-item .thum img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.post-type-thumbnail .post-item .thum img:hover {
    opacity: 0.5;
    transition: .2s ease-out;
}

.post-type-thumbnail .post-item .title {
    font-family: 'Noto Sans KR', "Malgun Gothic", sans-serif;
    height: 58px;
    overflow: hidden;
    font-size: 17px;
    line-height: 25px;
    word-break: break-all;
    padding-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.024em;
    display: block;
}

.post-type-thumbnail .post-item .excerpt {
    height: 100px;
    display: none;
}

/* Media Screen - Tablet */
@media screen and (max-width: 1023px) {
    .width-1200 {
        width: 100%;
        padding: 0px 40px;
        box-sizing: border-box;
    }

    #header .search.on {
        width: 180px;
    }

    .post-header {
        padding: 40px;
    }

    .cover-thumbnail-list {
        padding: 40px 40px 65px;
    }

    .cover-slider ul li .title {
        max-width: none;
        padding: 0 98px
    }

    .cover-slider .prev {
        left: 14px;
        margin-left: 0;
    }

    .cover-slider .next {
        left: auto;
        right: 14px;
        margin-left: 0;
    }

    .cover-masonry {
        padding: 60px 40px 81px;
    }

    .cover-list {
        padding: 60px 40px 85px;
    }

    .cover-gallery {
        padding: 60px 40px 130px;
    }
}

/* Media Screen - Mobile(모바일) */
@media screen and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }

    #footer p {
        text-align: center;
        color: #9b9b9b;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
        padding: 0px 0px;
    }

    .cover-thumbnail-list ul {
        width: 100%;
    }

    .tt_article_useless_p_margin p, h1, h2, h3, h4 {
        width: 100%;
    }

    .cover-thumbnail-list ul li a {
        display: block;
        position: relative;
        width: 100%;
        color: #414141;
        background: #fff;
    }

    .cover-thumbnail-list ul li .date {
        padding-top: 10px;
        line-height: 25px;
    }

    .more {
        top: -10px!important;
    }

    .cover-thumbnail-list h2 {
        margin-bottom: 0!important;
        font-size: 27px!important;
        margin-right: 10px!important;
    }

    .sub {
        font-size: 15px!important;
        padding-top: 0!important;
        margin-left: 0!important;
        margin-bottom: 40px!important;
    }

    .text {
        padding: 0 15px 15px!important;
    }

    .cover-thumbnail-list ul li .title {
        -webkit-line-clamp: 2!important;
        max-height: 2.6em!important;
    }

    .cate_btn {
        padding-bottom: 0px!important
    }

    .cate_btn .container {
        margin: 0 auto;
        width: 100%!important
    }

    .cover-slider .prev, .cover-slider .next {
        display: none;
    }

    .width-1200 {
        padding: 0;
    }

    #header .blogMenu {
        display: none;
    }

    .main-copy {
        font-size: 1.6em;
        width: 100%;
    }

    .cat-head .cat-copy {
        padding: 40px 15px 0px 15px;
    }

    .cat-head .tt_category .category_list a {
        padding: 0px 10px;
    }

    #content .wrapper {
        padding: 0px 15px;
    }

    #info-txt .left, #info-txt .right {
        float: none;
        width: 100%;
    }

    #info-txt .left h3 {
        font-size: 2.4em;
        padding-right: 0px;
    }

    #info-txt .right {
        padding-top: 40px;
    }

    #info-txt .right .label {
        padding-top: 30px;
    }

    #header {
        padding: 0;
    }

    #header .mobile-menu {
        display: block;
        top: 10px;
        right: -20px;
    }

    #header .mobile-menu.on {
        right: -10px;
    }

    #header h1 {
        padding: 0px;
        height: 54px;
        width: auto;
    }

    #header h1 a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #header .search {
        top: 10px;
        right: 1px;
    }

    #header .search.on {
        position: absolute;
        top: 60px;
        left: 0;
        right: auto;
        z-index: 100;
        width: 100%;
        padding: 10px 18px 10px 17px;
        border: 0;
        background-color: #fff;
        box-sizing: border-box;
    }

    #header .search.on input {
        border-bottom: 1px solid #000;
    }

    #header .search.on button {
        top: -50px;
        right: 1px;
    }

    .post-header {
        padding: 20px 18px;
    }

    .cover-thumbnail-list {
        padding: 40px 18px 40px;
    }

    .cover-thumbnail-list ul li, .related-articles ul li {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px;
    }

    .cover-thumbnail-list ul li:nth-child(odd), .related-articles ul li:nth-child(odd) {
        clear: both;
        padding-left: 0;
    }

    .cover-slider ul li {
        width: 100%;
        box-sizing: border-box;
        height: 260px;
    }

    .cover-slider ul li .title {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 5.2em;
        padding: 0 45px;
        font-size: 2.125em;
    }

    .cover-slider ul li .summary {
        display: block;
        font-size: 14px;
        font-weight: 300;
        padding: 0 45px;
    }

    .cover-slider .prev {
        top: auto;
        bottom: 0;
        left: 0;
    }

    .cover-slider .next {
        top: auto;
        right: 0;
        bottom: 0;
    }

    .cover-masonry {
        padding: 60px 0px 81px;
    }

    .cover-masonry ul li {
        float: none;
        width: 100%;
    }

    .cover-masonry ul li .category, .cover-list ul li .category {
        margin-bottom: 8px;
    }

    .cover-thumbnail-list ul li .title, .related-articles ul li .title, .cover-list ul li .title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 4.2em;
        line-height: 1.4;
    }

    .cover-list {
        padding: 30px 18px 80px;
    }

    .cover-list ul li a {
        min-height: 100px;
    }

    .cover-list ul li figure {
        width: 100px;
        height: 100px;
        margin: 0 0 0 18px;
    }

    .cover-list ul li .title {
        -webkit-line-clamp: 2;
    }

    .cover-list ul li .excerpt {
        display: none;
    }

    .cover-gallery {
        padding: 0px 18px 20px;
    }

    .cover-gallery ul li {
        width: 100%;
    }

    .post-item a {
        min-height: 100px;
    }

    .post-item .thum {
        max-width: 100px;
        margin-left: 18px;
    }

    .post-item .thum img {
        width: auto;
        height: 100px;
    }

    .post-item .title {
        line-height: 1.2;
    }

    .post-item .excerpt {
        -webkit-line-clamp: 2;
    }

    .post-item-ul {
        width: 100%;
        margin-top: 50px;
    }

    .post-type-thumbnail .post-item {
        width: 100%;
        margin-bottom: 26px;
        padding-left: 0px;
    }

    .post-type-thumbnail .post-item:nth-child(2n+1) {
        clear: both;
    }

    .post-type-thumbnail .post-item .title {
        -webkit-line-clamp: 2;
        height: auto;
        max-height: 4.125em;
    }

    .entry-content .table-wrap {
        overflow: auto;
        width: 100%;
    }

    .entry-content table {
        width: 680px;
        table-layout: fixed;
    }

    .entry-content .protected_form input {
        display: block;
        width: 160px;
        margin: 0 auto 10px;
    }

    .pagination {
        padding: 0 18px;
    }

    .pagination a {
        display: none;
    }

    .pagination .current {
        display: block;
        font-size: 0.875em;
        line-height: 50px;
    }

    .pagination .prev {
        display: block;
        float: left;
        margin: 0;
    }

    .pagination .next {
        display: block;
        float: right;
        margin: 0;
    }

    .another-category table th {
        display: block;
        padding: 0;
    }

    .another-category table td {
        display: block;
        margin-bottom: 19px;
    }

    .comments .comment-list ul li .author-meta {
        margin-bottom: 15px;
    }

    .comments .comment-list ul li .author-meta .control {
        display: none;
    }

    .comments .comment-list ul li p {
        padding-left: 0;
    }

    .comments .comment-list ul li ul li {
        position: relative;
        padding-left: 50px;
    }

    .comments .comment-list ul li, .comments .comment-list ul li:first-child {
        border-top: 1px solid #e6e6e6;
    }

    .comments .comment-list ul li ul li:before {
        content: "";
        position: absolute;
        top: 34px;
        left: 18px;
        width: 12px;
        height: 12px;
        background: url(./images/ico_package.png) no-repeat 0 -150px;
    }

    .comments .comment-list ul li ul li .author-meta {
        padding-top: 6px;
    }

    .comments .comment-list ul li ul li .author-meta img {
        margin-top: -6px;
    }

    .comments .comment-list ul li ul li .author-meta .nickname {
        display: block;
    }

    .comments .comment-list ul li ul li .author-meta .date {
        margin-left: 0;
    }

    .comments .comment-list ul li ul li .author-meta .date:before {
        display: none;
    }

    .comments .comment-form input[type=text], .comments .comment-form input[type=password] {
        width: 100px;
    }

    .comments .comment-form .field .secret {
        margin-left: 0;
    }

    .comments .comment-form .field .secret label:before {
        margin-right: 5px;
    }

    .comments .comment-form .field .submit {
        display: block;
        float: none;
        margin: 60px auto 0;
    }
	.businessDiv1 {
    width: 354px!important;
}
	.businessDiv1 ul li img {
    width: 50px!important;
		margin-bottom: 20px!important;
}
	.businessDiv1 li .txt {
    width: 270px!important;
}
	.businessDiv1 .txt .type1 {
    display: block;
    width: 100%;
    margin: 0;
}
	.businessDiv1 li .txt {
    width: 660px;
    font-size: 18px;
    color: #666;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -1px;
    display: inline-block;
    margin-left: 20px!important;
}
	.businessDiv1 .txt .type1 span {
    font-size: 18px!important;
	}
	.businessDiv1 .txt > span {
    font-size: 15px!important;
    line-height: 23px!important;
}
.subV {
    width: 100%!important;
    height: 375px!important;
    display: table!important;
}
.decoTxt1_sub span {
    font-size: 30px!important;
}

.decoTxt1 span {
    font-size: 18px!important;
    line-height: 1.6!important;
    letter-spacing: -0.8px!important;
    width: 90%!important;
    display: block;
    margin: 0 auto;
}

.subV::before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    width: 355px!important;
    height: 375px;
}
	
    .subV .subVdiv {
        position: relative!important;
        width: 100%!important;
        display: table-cell!important;
        vertical-align: middle!important;
        margin: auto!important;
        color: #fff!important;
        font-size: 18px!important;
        text-align: center!important;
    }

    .subV .subVdiv .txt {
        color: #fff!important;
        font-size: 14px!important;
        font-weight: 300!important;
        width: 80%;
    }

    .subV .subVdiv .tit {
        font-size: 32px!important;
        font-weight: 800!important;
        margin-bottom: 12px!important;
        color: #fff!important;
    }
	.tab_wrap {
		position: relative!important;
    width: 100%!important;
    margin: 40px auto!important;
}
	.tab_menu_container {
    display: none!important;
}
	.tab_box.on {
    display: block!important;
}
	.tab_box {
    display: block!important;
    padding: 0px!important;
}
	.bloglist {
    display: none!important;
}
	.contactTit {
    width: 100%!important;
}

.contactInfo.boardType th {
    width: 25%!important;
}

.contactInfo.boardType {
    width: 100%!important;
}

.contactInfo.boardType td {
    width: 25%!important;
}

}
/*** 모바일 끝 ***/

/*** Youtube Contents ***/
.main_youtube_wrap {
    position: relative;
    width: 1200px;
    margin: 20px auto;
    padding: 70px 0px 0px 0px;
}

.main_youtube_wrap .title {
    letter-spacing: -1px;
}

.main_youtube_wrap .title:after {
    clear: both;
    display: table;
    content: '';
}

.main_youtube_wrap .title h2 {
    float: left;
    height: 57px;
    color: #414141;
    font-size: 28px;
    font-weight: 400;
    line-height: 57px;
}

.main_youtube_wrap .title .sub {
    float: left;
    color: #737373;
    font-size: 14px;
    line-height: 30px;
    padding-top: 21px;
    margin-left: 10px;
}

.main_youtube_wrap .list_wrap {
    position: relative;
    padding-left: 744px;
}

.main_youtube_wrap .list_wrap .mov_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 730px;
    height: 411px;
    background: #000;
}

.main_youtube_wrap .list_wrap .mov_box .img_blank {
    display: block;
    width: 100%;
}

.main_youtube_wrap .list_wrap .mov_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main_youtube_wrap .list_wrap .youtube_list li {
    margin-top: 15px;
}

.main_youtube_wrap .list_wrap .youtube_list li:first-child {
    margin: 0;
}

.main_youtube_wrap .list_wrap .youtube_list li .item {
    display: block;
    position: relative;
    height: 127px;
    color: #fff;
    border: 1px solid #26102d;
    background: #fff;
    padding: 0 20px 0 190px;
    box-sizing: border-box;
    background: #26102d;
}

.main_youtube_wrap .list_wrap .youtube_list li .item .thumb {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 170px;
    height: auto;
    overflow: hidden;
}

.main_youtube_wrap .list_wrap .youtube_list li .item .thumb img {
    display: block;
    width: 170px;
    height: 127px;
    object-fit: cover;
}

.main_youtube_wrap .list_wrap .youtube_list li .item .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 20px;
    margin-bottom: 8px;
    letter-spacing: -0.032em;
}

.main_youtube_wrap .list_wrap .youtube_list li .item .explain {
    position: absolute;
    bottom: 28px;
    right: 40px;
    width: 224px;
    max-height: 42px;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main_youtube_wrap .list_wrap .youtube_list li.selected .item {
    border-color: #26102d;
    background: #26102d;
}

.main_youtube_wrap .btn_go_youtube {
    position: absolute;
    top: 15px;
    right: 0;
    width: 78px;
    height: 35px;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: -1px;
    text-align: center;
    border: 1px solid #26102d;
    background: #26102d;
    color: #fff;
}

.main_youtube_wrap .btn_go_youtube:hover {
    border: 1px solid #26102d;
    color: #26102d;
    background: #fff;
}

@media (max-width: 1260px) {
    .main_youtube_wrap .list_wrap .youtube_list li .item {
        padding-left:20px;
    }

    .main_youtube_wrap .list_wrap .youtube_list li .item .thumb {
        display: none;
    }

    .main_youtube_wrap .list_wrap .youtube_list li .item .explain {
        left: 20px;
        width: auto;
    }
}

@media (max-width: 970px) {
    .main_youtube_wrap {
        margin: 0px 15px 0;
        width: auto;
        padding: 40px 0px 0px 0px;
    }

    .main_youtube_wrap .title {
        display: none;
    }

    .main_youtube_wrap .list_wrap {
        padding: 0;
    }

    .main_youtube_wrap .list_wrap .mov_box {
        position: relative;
        width: auto;
        height: auto;
    }

    .main_youtube_wrap .list_wrap .youtube_list li {
        display: none;
    }

    .main_youtube_wrap .btn_go_youtube {
        display: none;
    }
}

@media (max-width: 320px) {
    .btn, a.btn {
        width: 260px;
    }

    .comments {
        padding: 30px 30px 60px 30px;
    }

    .comments .comment-list {
        margin-top: 0px;
    }
}

@media (min-width: 321px) and (max-width: 375px) {
    .btn, a.btn {
        width: 315px;
    }

    .comments {
        padding: 30px 30px 60px 30px;
    }

    .comments .comment-list {
        margin-top: 0;
    }
}

@media (min-width: 376px) and (max-width: 425px) {
    .btn, a.btn {
        width: 340px;
    }

    .comments {
        padding: 30px 30px 70px 30px;
    }

    .comments .comment-list {
        margin-top: 0;
    }
}

@media (min-width: 426px) and (max-width: 768px) {
    .btn, a.btn {
        width: 648px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .btn, a.btn {
        width: 320px;
    }

    .comments .comment-list {
        margin-top: 0;
    }
}

.btn_bottom_list {
    display: block;
    width: 240px;
    height: 56px;
    color: #fff;
    font-size: 16px;
    line-height: 56px;
    letter-spacing: -1px;
    text-align: center;
    background: #26102d;
    margin: 110px auto;
    border: 1px solid #26102d;
    margin-bottom: 70px;
}

.btn_bottom_list:hover {
    border: 1px solid #26102d;
    color: #26102d;
    background: #fff;
}

a.btn_list_total {
    color: #fff;
}

.more {
    display: inline-block;
    float: right;
    position: relative;
    top: 30px;
    right: 0;
    width: 78px;
    height: 35px;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: -1px;
    text-align: center;
    background: #26102d;
    color: #fff;
    border: 1px solid #26102d;
}

.more:hover {
    border: 1px solid #26102d;
    color: #26102d;
    background: #fff;
}

@media (max-width: 320px) {
    .btn, a.btn {
        width: 230px;
    }

    .comments {
        padding: 30px 30px 60px 30px;
    }

    .comments .comment-list {
        margin-top: 0px;
    }
}

@media (min-width: 321px) and (max-width: 375px) {
    .btn, a.btn {
        width: 285px;
    }

    .comments {
        padding: 30px 30px 60px 30px;
    }

    .comments .comment-list {
        margin-top: 0;
    }
}

@media (min-width: 376px) and (max-width: 425px) {
    .btn, a.btn {
        width: 310px;
    }

    .comments {
        padding: 30px 30px 70px 30px;
    }

    .comments .comment-list {
        margin-top: 0;
    }
}

@media (min-width: 426px) and (max-width: 768px) {
    .btn, a.btn {
        width: 708px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .btn, a.btn {
        width: 320px;
    }

    .comments .comment-list {
        margin-top: 0;
    }
}

.cate_btn .container {
    width: 1200px;
    margin: 0 auto;
}

.cate_btn {
    text-align: center;
    margin: 0px auto;
    background: #f7f7f7;
    padding-bottom: 60px;
}

.cate_btn ul {
    overflow: hidden;
    background: #ccc;
    background: url(./images/icon_bg1.gif)
}

.cate_btn li {
    float: left;
    width: 25%;
}

.cate_btn li span {
    display: block;
    height: 40px;
}

.cate_btn li span.icon-img1 {
    background: url(./images/icon1.png) no-repeat center center;
}

.cate_btn li:hover span.icon-img1 {
    background: url(./images/icon1_on.png) no-repeat center center;
    background-size: 35px;
}

.cate_btn li span.icon-img2 {
    background: url(./images/icon2.png) no-repeat center center;
    background-size: 35px;
}

.cate_btn li:hover span.icon-img2 {
    background: url(./images/icon2_on.png) no-repeat center center;
    background-size: 35px;
}

.cate_btn li span.icon-img3 {
    background: url(./images/icon3.png) no-repeat center center;
    background-size: 35px;
}

.cate_btn li:hover span.icon-img3 {
    background: url(./images/icon3_on.png) no-repeat center center;
    background-size: 35px;
}

.cate_btn li span.icon-img4 {
    background: url(./images/icon4.png) no-repeat center center;
    background-size: 35px;
}

.cate_btn li:hover span.icon-img4 {
    background: url(./images/icon4_on.png) no-repeat center center;
    background-size: 35px;
}

/*
.cate_btn li span.icon-img5 {
    background: url(./images/icon2.png) no-repeat center center;
    background-size: 35px;
}

.cate_btn li:hover span.icon-img5 {
    background: url(./images/icon2_on.png) no-repeat center center;
    background-size: 35px;
}
*/
.cate_btn li a {
    display: block;
    padding: 15px 0 15px 0;
    color: #414141;
}

.cate_btn li a:hover {
    background: url(./images/icon_bg2.gif);
    color: #fff;
    text-decoration: none;
}

.cate_wrap {
    overflow: hidden;
    display: none
}

.cate_wrap h2 {
    border-bottom: 1px solid #de4f55;
    padding: 0px 0 5px 0;
    margin-bottom: 20px;
    color: #de4f55;
    font-size: 18px;
}

.cate_wrap .box {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #f7f6f5;
    padding-bottom: 20px;
}

.cate_wrap .box .img {
    height: 230px;
    display: block;
    overflow: hidden;
}

.cate_wrap .box h3 {
    padding: 20px 20px 3px 20px;
    font-size: 20px;
    color: #de4f55;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cate_wrap .box p {
    padding: 0px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    overflow: hidden;
    max-height: 80px;
    margin-top: 1px;
    font-size: 14px;
    line-height: 23px;
    height: 65px;
    color: #666;
    overflow: hidden;
    vertical-align: top;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* Default Header */
.list_header {
    position: relative;
    height: 139px;
    letter-spacing: -1px;
    white-space: nowrap;
}

.list_category {
    color: #797979;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    padding-top: 45px;
    position: relative;
    letter-spacing: 0px;
    white-space: nowrap;
    width: 100%;
}

.list_category a {
    color: #797979;
}

.list_category .arrow {
    margin: 0 4px;
}

.list_title {
    color: #414141;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    padding-top: 19px;
}

.list_title .title {
    font-weight: 500;
}

.list_title .search_after {
    display: none;
}

.list_title:after {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    width: 50px;
    border-bottom: 1px solid #26102d;
    content: '';
    top: 230px;
    right: 50%;
    height: 1px;
}

@media (max-width: 970px) {
    .list_header {
        height:auto;
        padding: 10px 0 1px;
    }

    .list_category {
        display: none;
    }

    .list_title {
        height: 39px;
        font-size: 18px;
        line-height: 39px;
        text-align: center;
        padding: 0;
    }

    .list_header:after {
        left: 50%;
        width: 20px;
        margin-left: -10px;
    }
}

/** Search Header **/
.list_header {
    height: 156px;
}

.list_title .title {
    color: #414141;
    font-size: 50px;
    line-height: 40px;
    text-align: center;
    padding-top: 19px;
    font-weight: 500;
}

.list_title .search_after {
    display: inline;
}

.list_header:after {
    left: 0;
    width: 100%;
    margin: 0;
}

@media (max-width: 970px) {
    .list_header {
        height:auto;
        padding: 0 0 1px;
    }

    .list_title {
        padding: 13px 0;
    }

    .list_title .title {
        max-width: 30%;
    }

    .list_header:after {
        left: 15px;
        right: 15px;
        width: auto;
    }
}

.list_header:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    border-bottom: 1px solid #17439a;
    margin-left: -20px;
    content: '';
}

.article_category {
    color: #858585;
    font-size: 16px;
    font-weight: 500;
    line-height: 10px;
    width: 400px;
}

.article_category a {
    color: #858585;
}

.icon_nav {
    position: fixed;
    display: block;
    width: 150px;
    right: 100px;
    height: 200px;
    font-size: 16px;
    top: 680px;
}

.icon_nav ul li {
    color: #6F6F6F;
    line-height: 2;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.icon_nav ul li a svg {
    color: #6F6F6F;
    padding-right: 5px;
    position: relative;
    top: 4px;
}

.uk-iconnav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -10px;
}

.uk-iconnav>*>a {
    display: inline-block;
    color: #999;
    width: 100%;
}

.uk-iconnav>*>a:hover {
    transition: .3s ease;
    opacity: 0.8;
}

.uk-icon {
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0px;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0;
}

.nav_text {
    font-size: 16px;
}

.icon_section {
    width: 100%;
}

@media screen and (max-width: 1740px) {
    .icon_nav {
        display: none;
    }
}

/* 상담문의게시판 */
.contactTit {
    font-family: futura, 'Noto Sans KR', "Malgun Gothic"!important;
    font-size: 40px!important;
    font-weight: 800!important;
    color: #26102d!important;
    width: 1200px;
    margin: 60px auto 30px!important
}

.contactTit span {
    display: inline-block;
    padding-right: 20px;
    background: url('https://www.kolonbenit.com/common/images/icon/contactTit.gif') repeat-x 0 bottom;
}

.contactInfo {
    display: none;
    margin: 52px 0;
    overflow: hidden
}

.contactInfo .infoBox {
    position: relative;
    width: 274px;
    height: 174px;
    box-sizing: border-box;
    border: 1px solid #ededed;
    float: left;
    margin: 0 4px 19px 0;
    padding: 23px 30px;
}

.contactInfo .infoBox .type1 {
    font-family: futura, 'Noto Sans KR', "Malgun Gothic";
    font-size: 18px;
    color: #000;
    font-weight: 800
}

.contactInfo .infoBox .type2 {
    font-size: 20px;
    color: #000;
    font-weight: 300;
    margin-top: 2px
}

.contactInfo .infoBox .type3 {
    font-size: 16px;
    color: #26102d;
    font-weight: 300;
    margin-top: 19px
}

.contactInfo .infoBox .type4 {
    font-size: 16px;
    color: #666;
    font-weight: 300
}

.contactInfo .infoBox .type5 {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
}

.contactInfo .infoBox:nth-child(4n+4) {
    margin: 0 0 19px 0;
}

.contactInfo.boardType {
    display: block;
    border-top: 4px solid #333;
    margin: 30px 0 107px;
    width: 1200px;
    margin: 0 auto;
}

.contactInfo.boardType th {
    height: 70px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border-bottom: 1px solid #666;
}

.contactInfo.boardType td {
    height: 60px;
    font-size: 18px;
    font-weight: 300;
    color: #666;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ededed;
    line-height: 25px;
}

.contactInfo.boardType td.tit {
    font-weight: bold;
    color: #333;
    border-right: 1px solid #ededed;
}

.subV {
    width: 100%;
    height: 375px;
    display: table;
}

.subV::before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    position: absolute;
    width: 1200px;
    height: 375px;
}

.subV .subVdiv {
    position: relative;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.subV .subVdiv .tit {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 12px;
    color: #fff;
}

.subV .subVdiv .txt {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}


.btn_list {
    text-align: center;
}

.decoTxt1 {
    display: block;
}

.decoTxt1 span {
    display: block;
    position: relative;
    font-size: 25px;
    color: #333;
    font-weight: 300;
    letter-spacing: -3px;
    line-height: 54px;
    text-align: center;
}

.decoTxt1_sub span {
    display: block;
    position: relative;
    font-size: 35px;
    color: #333;
    font-weight: 300;
    letter-spacing: -3px;
    line-height: 68px;
    text-align: center;
    font-weight: bold;
}

.businessDiv1 {
    overflow: hidden;
    word-break: keep-all;
    display: block;
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 770px;
    margin-bottom: 90px;
}

.businessDiv1 ul li img {
    width: 70px;
}

.businessDiv1 ul {
    margin: 0 auto;
}

.businessDiv1 li {
    overflow: hidden;
    margin-bottom: 20px;
}

.businessDiv1 li .txt {
    width: 660px;
    font-size: 18px;
    color: #666;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -1px;
    display: inline-block;
    margin-left: 30px;
}

.businessDiv1 li .txt .type1 span {
    display: block;
}

.businessDiv1 .txt .type1 {
    display: block;
    width: 100%;
    margin: 0;
}

.businessDiv1 .txt > span {
    display: block;
    text-indent: initial;
    font-size: 17px;
    letter-spacing: -0.8px;
}

.businessDiv1 .txt .type1 span {
    display: block;
    font-size: 29px;
    color: #333;
    font-weight: 500;
    line-height: 50px;
    margin: 0;
    letter-spacing: -3px;
}

.businessDiv1 li .img {
    width: 80px;
    /* float: left; */
    display: inline-block;
}

.tabs {
    position: relative;
    width: 80%;
    margin: 40px auto;
}

.tabs input {
    position: absolute;
    z-index: 1000;
    width: 350px;
    height: 35px;
    left: 0px;
    top: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.tabs input:not(:checked) {
    cursor: pointer;
}

.tabs input:not(:checked) + label {
    color: #fff;
}

.tabs input:checked + label {
    background: #fff;
    color: #26102d;
    z-index: 6;
}

.tabs input:hover + label {
    background: #c44;
    color: #fff;
}

.tabs input#tab-2 {
    left: 350px;
}

.tabs input#tab-3 {
    left: 700px;
}

.tabs input#tab-4 {
    left: 1050px;
}

.tabs input.tab-selector-1:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2, .tabs input.tab-selector-3:checked ~ .content .content-3, .tabs input.tab-selector-4:checked ~ .content .content-4 {
    z-index: 100;
    filter: alpha(opacity=100);
    opacity: 1;
    position: relative;
}

.tabs label {
    background: #26102d;
    font-size: 16px;
    line-height: 47px;
    height: 50px;
    position: relative;
    padding: 0 20px;
    float: left;
    display: block;
    width: 310px;
    letter-spacing: 0px;
    text-align: center;
    border-bottom: 3px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
}

.tabs label:after {
    content: '';
    background: #fff;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 1px 0 3px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 2;
}

.tab-label-3 {
    z-index: 3;
}

.tab-label-4 {
    z-index: 4;
}

.clear-shadow {
    clear: both;
}

.content {
    background: #fff;
    position: relative;
    width: 100%;
    height: auto;
    z-index: 999;
}

.content div {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 40px;
    z-index: 1;
    opacity: 0;
    box-sizing: border-box;
}

.content div h3 {
    color: #26102d;
    border-bottom: 1px solid rgba(63,148,148, 0.1);
}

.content div p {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin: 0;
    color: #777;
    padding-left: 15px;
}

.tab_txt > span {
    width: 940px;
    font-size: 18px;
    color: #666;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -1px;
    display: inline-block;
    margin-left: 30px;
}

.tab_wrap {
    position: relative;
    width: 80%;
    margin: 40px auto;
}

.tab_menu_btn:hover {
    color: #ffffff7a;
    transition: .3s ease;
    font-weight: 700;
}

.tab_menu_btn.on {
    border-bottom: 2px solid #26102d;
    font-weight: 700;
    color: #26102d;
    background: #fff;
}

.tab_menu_btn {
    transition: 0.3s all;
    background: #26102d;
    font-size: 16px;
    line-height: 47px;
    height: 50px;
    position: relative;
    padding: 0 20px;
    float: left;
    display: block;
    width: 310px;
    letter-spacing: 0px;
    text-align: center;
    border-bottom: 3px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    color: #fff;
    font-weight: 700;
    font-family: inherit;
}