@charset "utf-8";

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');}
@font-face {
  font-family: 'Nanum Gothic';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');}
@font-face {
  font-family: 'Nanum Gothic';font-style: normal;font-weight: 800;src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');}

html body *{font-family: 'Nanum Gothic',NanumGothic,'나눔고딕',sans-serif;}
html[lang="ko"] body *:not(i, .fa), html[lang="ko-KR"] body *:not(i, .fa){font-family:'Nanum Gothic',NanumGothic,'나눔고딕',sans-serif;}
html[lang="ja"] body *{font-family:"meiryo","ＭＳ Ｐゴシック",Arial,sans-serif}
html[lang="zh-hans"] body *{font-family:"STXihei","Microsoft Yahei",Arial,sans-serif}
html[lang="en-US"] body *{font-family:"Open Sans",sans-serif}


/*--------------------------------------------------------------
# reset
--------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,p,iframe,figure,a, input{margin:0;padding:0;font-size:inherit;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
header,hgroup,footer,section,article,aside,nav,canvas,figure,figcaption{display:block}
table{font-size:inherit;border-collapse:separate;;border-spacing:0;table-layout:fixed}
th, td{word-wrap:break-word;word-break:break-all;font-weight:normal}
fieldset, iframe{border:0;vertical-align:top}
img{border:0;font-size:0;vertical-align:top;outline:0}
li,dd{list-style:none;line-height:1.4;}
hr{display:none}
caption,figcaption{overflow:hidden;width:100%;height:1px;font-size:0;line-height:0;text-indent:-9999px;margin-top:-1px}
legend{display:block;position:absolute;left:-9999px;text-indent:9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;white-space:nowrap}
button{padding:0;border:0;cursor:pointer;background:none;vertical-align:middle;appearance:none;-moz-appearance:none;font-weight:400;}
a{text-decoration:none}
a:hover,
a:focus{text-decoration:none}
em, i{font-style:normal}
img{margin:0;padding:0;}
strong{font-weight:600}
select{height:22px;*height:auto;font-size:16px;color:#888;line-height:22px;vertical-align:middle}
select::-ms-expand{display:none}
input{margin:0;padding:0;font-size:inherit;color:#333;line-height:17px;vertical-align:middle;-webkit-border-radius:0;font-weight:400;}
input[type="text"], input[type="password"]{border:1px solid #D3D2D2;-webkit-appearance:none}
input[type="text"]:focus,
input[type="password"]:focus{border-color:#222}
input[type="text"]:disabled,
input[type="password"]:disabled{background-color:#f7f7f7}
input[type="radio"]{width:13px;height:13px;vertical-align:-1px;*margin-right:-3px}
input[type="checkbox"]{width:13px;height:13px;vertical-align:-2px;*vertical-align:0px}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox}
textarea{width:100%;padding:0; color:#666; background-color:#fff; box-sizing:border-box; resize: vertical; -webkit-appearance:none; -webkit-border-radius:0; border:none;}

::placeholder {color: #888;opacity: 1;}
:-ms-input-placeholder {color: #888;}
::-ms-input-placeholder {color: #888;}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


.screen-reader-text {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #efeeee;
    background-color: rgba(255,255,255,.95);
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
}

.screen-reader-text:focus {
	top: 0;
}

#content[tabindex="-1"]:focus {
	outline: 0;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header#masthead{
    width: 100%;
    height: 119px;
}

.site-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100vw;
    height: 119px;
    border-bottom: 1px solid #cdcdcd;
    background-color: #fff;
    z-index: 99;
}

.admin-bar .site-header{
    top: 32px;
}

.site-header .site-branding{
    position: absolute;
    top: 75px;
    left: 0;
    width: 195px;
    font-size: 0;
}

.site-header .site-branding img{
    max-width: 100%;
    height: auto;
}

.bc-gnb-wrapper {
    position: relative;
    margin: 0 auto;
}


#masthead.affix{
    height: 79px;
}

#masthead.affix .site-header{
    height: 79px;
    position: relative;
}

#masthead.affix .site-header .site-branding{
    top: 30px;
}

@media only screen and (min-width: 980px){
    .bc-gnb-wrapper {
        width: 100%;
        max-width: 980px;
    }


    .mobile-header{
        display: none;
    }
}

@media only screen and (max-width: 980px){
    header#masthead{
        height:47px;
    }
    .site-header{
        display: none;
    }

    .mobile-header{
        display: block;
    }
}


@media screen and (max-width: 782px){
    .admin-bar .site-header{
        top: 46px;
    }
}



/*--------------------------------------------------------------
# Header : GNB
--------------------------------------------------------------*/

/* common */
.site-header .bc-gnb-wrapper{
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 0;
}

.bc-gnb-wrapper .menu-item{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

/* top */

.gnb-top{
    padding-top: 14px;
    text-align: right;
}

.gnb-top .menu-item{
    margin-left: 28px;
}

.gnb-top .menu-item.sep{
    margin-left: 0;
}

.gnb-top .menu-item.sep:before{
    content: "|";
    display: inline-block;
    color: #ddd;
    padding-left: 14px;
    padding-right: 13px;
    font-size: 12px;
}

.gnb-top .menu-item a{
    font-size: 12px;
    color: #6a6a6a;
}

.gnb-top .menu-item.active a{
    color: #4c4c4c;
    font-weight: 700;
}


/* primary */

.gnb-main{
    position: relative;
    margin-left: 275px;
    padding-top: 22px;
}

.gnb-main .primary-menu .menu-item{
    margin-right: 40px;
}

.gnb-main .primary-menu .menu-item a{
    display: inline-block;
    height: 38px;
    font-size: 14px;
    color: #333333;
    line-height: 38px;
}

.gnb-main .primary-menu .current-menu-item a{
    font-weight: 700;
    color: #111111;
}

.gnb-main .pm-btn{
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 22px;
}

.gnb-main .pm-btn a{
    display: inline-block;
    vertical-align: top;
    width: 114px;
    height: 38px;
    line-height: 38px;
    margin-left: 5px;
    border: 1px solid #00c73c;
    border-radius: 3px;
    font-size: 14px;
    color: #00c73c;
    text-align: center;
}

.gnb-main .pm-btn .primary a{
    background-color: #00c73c;
    color: #fff;
}

@media only screen and (max-width: 768px){
    html .gnb-policy{
        padding: 58px 15px 52px;
    }

    html .gnb-policy li a{

    }
}


/*--------------------------------------------------------------
# Mobile Header : GNB
--------------------------------------------------------------*/

.mobile-header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(255,255,255,.965);
    width: 100%;
    max-width: 100vw;
    height: 47px;
    box-shadow: 0 1px 0 #e5e5e5;
}

.admin-bar .mobile-header{
    top: 32px;
}

.mobile-header .bc-gnb-wrapper{
    display:block;
}

.mobile-header .site-branding{
    position: absolute;
    top: 0;
    left: 15px;
    height: 47px;
    padding: 15px 0;
}

.mobile-header .site-branding .custom-logo-link{
    display: block;
    height: 17px;
}

.mobile-header .site-branding .custom-logo-link img{
    width: 102px;
    height: 13px;
}

.mobile-header .btn-cont{
    position: absolute;
    top: 0;
    right: 15px;
    height: 47px;
    padding: calc((47px - 28px) / 2) 0;
}

.mobile-header .btn-cont .menu-toggle{
    width: 70px;
    height: 28px;
    border-radius: 100px;
    background-color: #00c73c;
    border: 1px solid #00c73c;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
}

@media only screen and (min-width: 375px){

.mobile-promo-btn{float:right;}
.mobile-promo-btn a{
    display: inline-block;
    width: 120px;
    height: 28px;
    margin-left: 4px;
    line-height: 26px;
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #00c73c;
    color: #00c73c;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
 }
}
@media only screen and (max-width: 320px){
.mobile-header .btn-cont .menu-toggle{font-size:11px; width:51px;}
.mobile-promo-btn{float:right;}
.mobile-promo-btn a{
    display: inline-block;
    width: 90px;
    height: 28px;
    margin-left: 4px;
    line-height: 26px;
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #00c73c;
    color: #00c73c;
    font-size: 11px;
    text-align: center;
    vertical-align: top;
 }
}

/*
.mobile-header .menu-toggle > span{
    display: inline-block;
    width: 18px;
    height: 1px;
    background-color: #555;
    margin-bottom: 6px;
}

.mobile-header .menu-toggle:focus > span, .mobile-header .menu-toggle:hover > span{
    background-color: #000;
}
*/

.gnb-mob{
    position: fixed;
    top: 0;
    right: -100%; /* script control */
    width: 100%;
    max-width: 486px;
    height: 100%;
    background-color: #fff;
    z-index: 102;
}

/*
.gnb-mob:after{
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 55%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 55%, rgba(255,255,255,1) 100%);
    background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 55%, rgba(255,255,255,1) 100%);
}
*/

.gnb-mob nav{
    overflow-x: auto;
    height: 100%;
    padding-top: 47px;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.gnb-mob nav > *:last-child{
    padding-bottom: 120px;
}

.gnb-mob .primary-menu > ul > li > a{
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 15px;
    border-bottom: 1px solid #efefef;
    line-height: 58px;
    font-size: 21px;
    color: #4c4c4c;
}

.gnb-mob .primary-menu > ul > li > .sub-menu{
    background-color: #f0f0f0;
    text-indent: 0;
    text-align: left;
    margin-left: 0;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    line-height: 1;
}

.gnb-mob .primary-menu > ul > li > .sub-menu > li{
    display: inline-block;
    height: 45px;
}

.gnb-mob .primary-menu > ul > li.current-menu-item > a, .gnb-mob .primary-menu > ul > li.current-menu-parent a{
    font-weight: 700;
    color: #00c73c;
}

.gnb-mob .primary-menu > ul > li > .sub-menu > li > a{
    font-size: 20px;
    color: #8c8c8c;
    line-height: 45px;
    font-weight: 400 !important;
}

.gnb-mob .primary-menu > ul > li > .sub-menu > li.current-menu-item > a{
    color: #111;
}

.gnb-mob .sub-menu li{
    padding: 0 15px;
}

.gnb-mob .sub-menu li a{
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #555;
}

.gnb-mob .sub-menu li.sep:before{
    content:'';
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #efefef;
}

.gnb-mob .pm-btn{
    padding: 10px 15px 20px 15px;
}

.gnb-mob .pm-btn a{
    display:block;
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
    border: 1px solid #00c73c;
    border-radius: 3px;
    font-size: 15px;
    color: #00c73c;
    text-align: center;
}

.gnb-mob .pm-btn .primary a {
    background-color: #00c73c;
    color: #fff;
}

.gnb-mob .gnb-mob-header {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 56px;
    margin-left: auto;
    padding: 0 15px;
    border-bottom: 1px solid #efefef;
    background-color: #fff;
    font-size: 0;
    outline: 0;
}

.gnb-mob .gnb-mob-header .custom-logo-link{
    display: inline-block;
    width: 120px;
    height: 56px;
    vertical-align: top;
}

.gnb-mob .gnb-mob-header .custom-logo-link img{
    width: auto;
    height: 15px;
    margin: calc(41px/2) 0;
}

.gnb-mob .gnb-mob-header .menu-close{
    position: absolute;
    top: 0;
    right: 15px;
    width: 56px;
    height: 56px;
    font-size: 0;
    outline: 0;
}

.gnb-mob .menu-close > span{
    position: absolute;
    top: 28px;
    right: 12px;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #555;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gnb-mob .menu-close > span:last-child{
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.gnb-mob .menu-close:focus > span, .gnb-mob .menu-close:hover > span{
    background-color: #111;
}

@media screen and (max-width: 980px){
    .admin-bar .mobile-header{
        top: 32px;
    }

    .admin-bar .gnb-mob{
        top: 32px;
    }
}

@media screen and (max-width: 782px){
    .admin-bar .mobile-header{
        top: 46px;
    }

    .admin-bar .gnb-mob{
        top: 46px;
    }
}


/*--------------------------------------------------------------
# Sub Header : GNB (all divice)
--------------------------------------------------------------*/

.gnb-sub{
    width: 100%;
    position: fixed;
    top: 119px;
    left: 0;
    display: block;
    height: 80px;
    background-color: #3b3b3b;
    z-index: 1;
}

.admin-bar .gnb-sub{
    top: 151px;
}

.gnb-sub ul{
    position: relative;
    margin-left: -50px;
    white-space: nowrap;
}

.gnb-sub li{
    position: relative;
    display: inline-block;
    margin-left: 50px;
    padding: 30px 0;
    font-size: 0;
}

.gnb-sub li a{
    display: block;
    height: 20px;
    font-size: 12px;
    color: #979797;
    line-height: 20px;
}

.gnb-sub li.current-menu-item a{
    color: #00c73c;
}

.gnb-sub li a:before{
    content:'';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 20px;
    vertical-align: top;
    font-size: 0;
}

.gnb-sub li.current-menu-item a:before{
    background-position: right;
}

.gnb-sub li.bc-icon-talk a:before{
    background-image:url(/kr/wp-content/uploads/2018/08/icon-talk.png);
}

.gnb-sub li.bc-icon-address a:before{
    background-image:url(/kr/wp-content/uploads/2018/08/icon-address.png);
}

.gnb-sub li.bc-icon-form a:before{
    background-image:url(/kr/wp-content/uploads/2018/08/icon-form.png);
}

.gnb-sub li.bc-icon-calendar a:before{
    background-image:url(/kr/wp-content/uploads/2018/08/icon-calendar.png);
}

.gnb-sub li.bc-icon-home a:before{
    background-image:url(/kr/wp-content/uploads/2018/08/icon-home.png);
}

.gnb-sub li.bc-icon-mail a:before{
    background-image:url(/kr/wp-content/uploads/2018/08/icon-mail.png);
}

.gnb-sub li.bc-icon-drive a:before{
    background-image:url(/kr/wp-content/uploads/2018/08/icon-drive.png);
}

.gnb-sub li.bc-icon-setting a:before{
    background-image:url(/kr/wp-content/uploads/2018/08/icon-setting.png);
}

.gnb-sub li.bc-icon-bot a:before{
    background-image:url(/kr/wp-content/uploads/2018/09/icon-bot.png);
}

.gnb-sub + div{
    padding-top: 80px;
}

.gnb-policy{
    padding: 58px 0 52px;
}

.gnb-policy li a{
    display: inline-block;
    padding-right: 20px;
    background-position: 100% 4px;
    margin-right: 5px;
    font-size: 22px;
    color: #6a6a6a;
    letter-spacing: -1.7px;
}

.gnb-policy li:not(:last-child) a{
    background: url(/kr/wp-content/uploads/2018/08/clause_line.png) no-repeat 100% 2px;
}

.gnb-policy li.current-menu-item a{
    color: #333;
    font-weight: bold;
}


@media only screen and (max-width: 980px){
    .gnb-sub{
        top: 47px;
        height: 60px;
        background-color: rgba(59,59,59,.965);
        background-color: transparent;
    }

    .admin-bar .gnb-sub{
        top: 79px;
    }

    .gnb-sub ul{
        overflow-x:auto;
        margin-left: -35px;
        padding-left: 30px;
        padding-right: 30px;
        background-color: rgba(59,59,59,.965);
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .gnb-sub:before{
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 60px;
        background: -webkit-linear-gradient(left, rgba(59,59,59,1) 0%, rgba(59,59,59,0) 100%);
        background: -o-linear-gradient(left, rgba(59,59,59,1) 0%, rgba(59,59,59,0) 100%);
        background: linear-gradient(to right, rgba(59,59,59,1) 0%, rgba(59,59,59,0) 100%);
        z-index: 1;
    }

    .gnb-sub:after{
        content:'';
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 60px;
        background: -webkit-linear-gradient(right, rgba(59,59,59,1) 0%, rgba(59,59,59,0) 100%);
        background: -o-linear-gradient(right, rgba(59,59,59,1) 0%, rgba(59,59,59,0) 100%);
        background: linear-gradient(to left, rgba(59,59,59,1) 0%, rgba(59,59,59,0) 100%);
        z-index: 1;
    }

    .gnb-sub li{
        margin-left: 35px;
        padding: 20px 0;
    }

    .gnb-sub li a{
        font-size: 13px;
        color: #a9a9a9;
    }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer{
    position: relative;
    background-color: #3b3b3b;
}

.site-footer .bc-sitemap-wrapper{
    position: relative;
    margin: 0 auto;
}
.sitemap:after{
    content: '';
    display: table;
    clear: both;
}

.sitemap .menu-item{
    display: block;
    line-height: 30px;
    font-size: 13px;
}
.be-support{
    position: relative;
    width: 980px;
    margin: 0 auto;
    z-index: 9999;
}

.be-support-btn{
    position: fixed;
    display: inline-block;
    box-sizing: border-box;
    color: transparent;
    border-radius: 3px;
    font-size: 0;
    padding: 20px;
    bottom: 0;
    margin-bottom: 120px;
    left: 50%;
    margin-left: 520px;
    cursor: pointer;
    width: 94px;
    height: 100px;
    outline: none;
    text-align: center;
    background: url(/kr/wp-content/uploads/2018/09/btn_common_support.png) no-repeat 50% 50%;
}

.sitemap{
    max-width: 63%;
    padding-bottom: 26px;
}

.sitemap .widget{
    float:left;
}

.sitemap .widget{
    width: 25%;
}
.sitemap .menu-item a{
    font-size: 13px;
    color: #fff;
}
.sitemap .menu li:first-child {
    display: block;
    height: 40px;
    font-size: 12px;
    cursor: pointer;
    pointer-events: none;
}
.sitemap .menu li:first-child a {
    color: #666;
}
.company-info p, .company-info a{
    font-size: 13px;
    line-height: 30px;
    height: auto;
    min-height: 30px;
    color: #888;
}

.site-info{
    height: 68px;
    background-color: #2c2c2c;
    font-size: 13px;
    color: #888;
}
.footer-des {
    display: inline-block;
    padding-left: 10px;
}
.footer-des a {
    display: inline-block;
    padding: 0 20px;
    color: #888;
}
.footer-outlink {
    position: absolute;
    right: 0;
    text-align: right;
    display: inline-block;
}
.footer-corp {
    display: inline-block;
}
.social-facebook {
    height: 24px;
    width: 24px;
	margin-left: 14px;
}
a.social-facebook img {
    vertical-align: inherit;
}
.company-info{
    position: absolute;
    top: 40px;
    right: 0px;
    text-align: right;
}
.site-info-content { 
    position: relative;
    margin: 0 auto;
    padding-top: 26px;
}
@media screen and (min-width: 980px){
    .site-footer{
        height: 300px;
    }
    .site-footer .bc-sitemap-wrapper{
        width: 980px;
        padding-top: 30px;
    }
    .site-info-content {
        width: 980px;
    }
}

@media screen and (max-width: 1279px){
    .be-support{
        display: none;
    }
}

@media screen and (max-width: 980px){
    .site-footer{
        height: 300px;
    }
    .site-footer .bc-sitemap-wrapper{
        width: 100%;
        padding-top: 30px;
        padding-left: 23px;
        background-color: #343434;
    }
    .sitemap .widget {
        width: 20%;
    }
    .company-info {
        right: 23px;
    }
    .site-info {
        padding-left: 23px;
        padding-right: 23px;
    }
    /* .site-footer .bc-sitemap-wrapper{
        padding: 0 15px 25px;
    } */

    /* .sitemap{
        max-height: 330px;
        overflow-y: hidden;
        padding-top: 40px;
    }

    .sitemap > div > div{
        float: left;
        width: 50%;
        min-height: 185px;
        margin-bottom: 25px;
    } */

}

@media screen and (max-width: 782px){
    .admin-bar .gnb-sub{
        top: 93px;
    }
    .site-info {
        padding:0 20px;
    }
    .company-info {
        right: 20px;
    }
    .sitemap .widget {
        width: 18%;
    }
}
@media screen and (max-width: 700px){
    .sitemap {
        max-width: 100%;
    }
    .bc-sitemap-wrapper {
        background-color: #343434;
    }
    .sitemap {
        padding-bottom: 0;
    }
    .sitemap .widget {
        width: 50%;
    }
    .sitemap .widget:nth-child(n+3) {
        padding-top: 18px;
    }
    .company-info {
        position: relative;
        text-align: left;
        top: 0;
        right: 0;
        padding-top: 36px;
        padding-bottom: 28px;
    }
    .sitemap .menu-item {
        line-height: 40px;
        height: 40px;
        font-size: 14px;
    }
    .footer-outlink, .footer-corp {
        display: block;
    }
    .footer-corp, .footer-des  {
        line-height: 40px;
        padding-left: 23px;
    }
     .footer-corp {
         position: absolute;
         top: 86px;
     }
    .footer-outlink {
        position: relative;
        left: 0;
        text-align: left;
    }
    .site-info {
        height: 136px;
        padding: 0;
    }
    .footer-des a:first-child {
        padding-left: 0;
    }
    .social-facebook:first-child {
        margin-left: 23px;
    }
}

/*--------------------------------------------------------------
# Backbone
--------------------------------------------------------------*/

.site-content{
    min-height:calc(100vh - (119px + 275px));
    /* 119px : header height value */
    /* 275px : footer height value */
}

.site-content .content-area{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.site-content .content-area > div{
    position: relative;
}

.site-content .content-area > div:after{
    content: '';
    display: table;
    clear: both;
}

.entry-title{
    font-size: 0;
}

@media only screen and (max-width: 980px){
    #elementor-section-wrap section{
        padding-left: 15px;
        padding-right: 15px;
    }
}

body{
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

body.lock{
    position: fixed;
    overflow-y: hidden;
    height: 100%;
    max-height: 100vh;
}

.overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 101;
}

#wpadminbar{
    position: fixed !important;
    top: 0 !important;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

.txt{
    font-weight: 400;
}

h1.txt, h2.txt, h3.txt, h4.txt, h5.txt, h6.txt{
    font-weight: 700;
    line-height: 1.125;
}

.txt strong{
    font-weight: 700;
}

.txt.xl{
    font-size: 50px;
}

.txt.lg{
    font-size: 28px;
}

.txt.md{
    font-size: 22px;
}

.txt.sm{
    font-size: 18px;
}

.txt.xs{
    font-size: 14px;
}


@media only screen and (max-width: 980px){
    .txt.xl{
        font-size: 38px;
    }

    .txt.lg{
        font-size: 24px;
    }

    .txt.md{
        font-size: 18px;
    }

    .txt.sm{
        font-size: 16px;
    }

    .txt.xs{
        font-size: 14px;
    }
}


/*--------------------------------------------------------------
# Block Snippets
--------------------------------------------------------------*/

/* button */

.btns{
    display: block;
    min-height: 1px;
    border-radius: 3px;
    clear: both;
}

.btns .btn{
    display: inline-block;
    min-width: 156px;
    height: 46px;
    border: 1px solid #fff;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
}

.btns .btn:hover, .btns .btn:focus{
    color: #fff;
}

.btns .btn.primary{
    background-color: #fff;
    color: #36ba6b;
}

.btns .btn.primary:hover, .btns .btn.primary:focus{
    color: #36ba6b;
}

.btns .btn{
    margin-right: 10px;
}

/* label */

.bc-label{
    display: inline-block;
    margin: 10px 0;
    padding: 8px 13px;
    background-color: #444444;
    border-radius: 2px;
    font-size: 16px;
    line-height:1;
    color: #fff;
    text-transform: uppercase;

}

/*--------------------------------------------------------------
# Search box
--------------------------------------------------------------*/

.bc-search-box legend{
    font-size: 0;
    text-indent: -9999px;
}
.bc-search-box input{
    width: 238px;
    height: 40px;
    background-color:#fff;
    padding: 10px 20px;
    border: 0;
    border-radius: 3px;
    font-size: 14px;
    outline:0;
}
.bc-search-box .btn{
    width: 122px;
    height: 40px;
    max-height: 40px;
    background-color: #3b68cc;
    border:0;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 768px){
    .bc-search-box input{
        width:74%;
    }

    .bc-search-box .btn{
        width:24%;
    }
}


/*--------------------------------------------------------------
# Block Snippets
--------------------------------------------------------------*/

/* sub-banner */

.sub-banner .elementor-element-populated{
    min-height: 240px;
}

.sub-banner.cta .elementor-element-populated{
    min-height: 0;
}

@media only screen and (max-width: 980px){
    .sub-banner .elementor-element-populated{

    }
}


@media only screen and (max-width: 767px){
    .sub-banner .elementor-element-populated{
        background-position: bottom center !important;
        background-size: 52% auto !important;
    }

    .sub-banner .text-colum br{
        display:none !important;
    }
}


/*--------------------------------------------------------------
# Data Table
--------------------------------------------------------------*/

.data-tbl {
    width: 100%;
    border-collapse: collapse
}

.data-tbl tbody {
    border-bottom: solid 1px #000;
}

.data-tbl thead th {
    font-size: 14px;
    line-height: 48px;
    font-weight: 700;
    color: #000;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    white-space: nowrap;
}

.data-tbl tbody td {
    font-size: 14px;
    padding: 8px 0;
    color: #999;
    border-bottom: solid 1px #e5e5e5;
    padding: 14px 2px;
    text-align: center;
    height: 26px;
    min-height: 26px
}

.data-tbl thead tr > *:first-child, .data-tbl tbody tr > *:first-child, .data-tbl tfoot tr > *:first-child{
    padding-left: 20px;
}

.data-tbl thead tr >  *:last-child, .data-tbl tbody tr >  *:last-child, .data-tbl tfoot tr >  *:last-child{
    padding-right: 20px;
}

.data-tbl .th-tit {
    text-align: left
}

.data-tbl .td-tit {
    text-align: left;
}

.data-tbl .th-date {
    padding-left: 20px;
    text-align: left
}

.data-tbl .td-date {
    padding-left: 20px;
    text-align: left;
    white-space: nowrap;
}

.data-tbl .td-tit a {
    color: #3a3c41
}

.data-tbl .td-tit a:hover, .data-tbl .td-tit a:focus{
    text-decoration: underline;
}

/* colgroup */

.data-tbl.data-notice .th-tit{
    width:83.5%;
}

.data-tbl.data-notice .th-date{
    width:16.5%;
}

@media only screen and (max-width: 768px){
    .data-tbl thead tr > *:first-child, .data-tbl tbody tr > *:first-child, .data-tbl tfoot tr > *:first-child{
        padding-left: 15px;
    }

    .data-tbl thead tr >  *:last-child, .data-tbl tbody tr >  *:last-child, .data-tbl tfoot tr >  *:last-child{
        padding-right: 15px;
    }

    .data-tbl.data-notice .th-tit{
        width:auto;
        /* 115px : date width value */
    }

    .data-tbl.data-notice .th-date{
        width:115px;
        padding-left: 15px;
    }

    .data-tbl .td-date {
        padding-left: 15px;
    }
}

/*--------------------------------------------------------------
# Data Table2
--------------------------------------------------------------*/

.data-tbl2 {
    width: 100%;
    border-collapse: collapse;
    border-top: solid 1px #ddd;
}

.data-tbl2 tbody {
	
    border-bottom: solid 1px #000;
}

.data-tbl2 tbody th {
    font-size: 14px;
    line-height: 48px;
    font-weight: 400;
    color: #737373;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    white-space: nowrap;
	padding-left:10px; padding-right:10px;
}

.data-tbl2 tbody td {
    font-size: 14px;
    padding: 8px 0;
    color: #737373;
    border-bottom: solid 1px #ddd;
    padding: 14px 30px;
    text-align: left;
    height: 26px;
    min-height: 26px
}

.data-tbl2 thead tr > *:first-child, .data-tbl tbody tr > *:first-child, .data-tbl tfoot tr > *:first-child{
    padding-left: 20px;
}

.data-tbl2 thead tr >  *:last-child, .data-tbl tbody tr >  *:last-child, .data-tbl tfoot tr >  *:last-child{
    padding-right: 20px;
}

.data-tbl2 .th-tit {
    text-align: left
}

.data-tbl2 .td-tit {
    text-align: left;
}

.data-tbl2 .th-date {
    padding-left: 20px;
    text-align: left
}

.data-tbl2 .td-date {
    padding-left: 20px;
    text-align: left;
    white-space: nowrap;
}

.data-tbl2 .td-tit a {
    color: #3a3c41
}

.data-tbl2 .td-tit a:hover, .data-tbl .td-tit a:focus{
    text-decoration: underline;
}

/* colgroup */

.data-tbl2.data-notice .th-tit{
    width:83.5%;
}

.data-tbl2.data-notice .th-date{
    width:16.5%;
}

@media only screen and (max-width: 768px){
.data-tbl2 tbody th {white-space:initial; padding-left:5px; padding-right:5px;}
    .data-tbl2 thead tr > *:first-child, .data-tbl tbody tr > *:first-child, .data-tbl tfoot tr > *:first-child{
        padding-left: 15px;
    }

    .data-tbl2 thead tr >  *:last-child, .data-tbl tbody tr >  *:last-child, .data-tbl tfoot tr >  *:last-child{
        padding-right: 15px;
    }

    .data-tbl2.data-notice .th-tit{
        width:auto;
        /* 115px : date width value */
    }

    .data-tbl2.data-notice .th-date{
        width:115px;
        padding-left: 15px;
    }

    .data-tbl2 .td-date {
        padding-left: 15px;
    }
}

/*--------------------------------------------------------------
# Paging
--------------------------------------------------------------*/

.paging{
    position: relative;
	display:flex;
    text-align: center;
    margin-bottom: 100px;
    padding-top: 30px;
    font-size: 16px;
}

.paging .pagination{
    display:flex;
	justify-content:center;
}

.paging .pagination > li{
    list-style: none;
    display: flex;
}

.paging .pagination > li a{
    color: #000;
    margin-left: 20px;
    position: relative;
    float: left;
    padding:0px;
    line-height: 1;
}

.paging .pagination > li.active a{
    color: #00c402;
}

.paging .pagination > li:first-child a{
    background: url(/kr/wp-content/uploads/2018/08/bul-page-arrow-left.png) no-repeat 50% 0;
    width: 9px;
    height: 17px;
    vertical-align: middle;
    text-indent: -9999px;
    right: 3px;
}

.paging .pagination > li:last-child a{
    background: url(/kr/wp-content/uploads/2018/08/bul-page-arrow-right.png) no-repeat 50% 0;
    width: 9px;
    height: 17px;
    vertical-align: middle;
    text-indent: -9999px;
    left: 3px;
}

/*--------------------------------------------------------------
# Post Layout
--------------------------------------------------------------*/

.post-default .entry-header{
    margin-top: 75px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}

.post-default .entry-title{
    margin-bottom: 16px;
    font-size: 28px;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
}

.post-default .entry-meta{
    color: #8d8d8d;
}

.post-default .entry-meta .date{
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
}

.post-default .entry-content{
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #000;
    font-size: 13px;
    color: #555;
}

.post-default .tools{
    position: absolute;
    top: 20px;
    right: 0;
}

.post-default .tools .post-btn{
    margin-left: 10px;
    border: 1px solid #aaaaab;
    width: 116px;
    height: 29px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 12px;
    color: #333;
}

.nav-links{
    margin-top: 40px;
    height: 0;
    text-align: center;
}

.nav-links div{
    display: inline-block;
    font-size: 0;
    padding: 0 8px;
}

.nav-links a{
    color: #000;
    line-height: 1;
    cursor: pointer;
    text-decoration: underline;
}

.nav-links .nav-previous a:before{
    content:'이전';
    font-size: 16px;
}

.nav-links .nav-next a:before{
    content:'다음';
    font-size: 16px;
}

.go-back-cont{
    float:right;
    margin-bottom: 100px;
}

.go-back-cont a{
    font-size: 16px;
    color: #000;
    line-height: 1;
    cursor: pointer;
    text-decoration: underline;
}




@media only screen and (max-width: 980px){
    .post-default{
        padding-right: 15px;
        padding-left: 15px;
    }

    .post-default .entry-title{
        font-size: 22px;
    }

    .post-default .entry-content{
        padding-top: 80px;
    }

    .go-back-cont{
        padding-right: 15px;
    }
}


/*--------------------------------------------------------------
# Post : Portfolio
--------------------------------------------------------------*/

.post-portfolio .entry-header{
    margin-top: 65px;
    margin-bottom: 20px;
}

.post-portfolio .entry-title{
    font-size: 42px;
    line-height: 1.4;
    color: #000;
    font-weight: 700;
    letter-spacing:-0.04em;
}

.post-portfolio .entry-meta{
    color: #8d8d8d;
}

.post-portfolio .entry-meta .date{
    display: inline-block;
    padding-right: 10px;
    font-size: 14px;
}

.post-portfolio .entry-content{
    position: relative;
    padding-bottom: 75px;
    border-bottom: 1px solid #e9e7e7;
    font-size: 14px;
    color: #6a6a6a;
    line-height: 1.8;
}

.post-portfolio .entry-content h2{
    font-size: 24px;
    color: #333;
    line-height: 1.4;
    margin-top: -6px;
    margin-bottom: 48px;
    font-weight: 400;
    clear:none;
}

.post-portfolio .entry-content h3{
    font-size: 18px;
    color: #22b73f;
    margin-bottom: 21px;
    clear:none;
}

.post-portfolio .entry-content p{
    font-size: 14px;
    color: #6a6a6a;
    line-height: 1.8;
    margin-bottom: 1em;
}

.post-portfolio .entry-content blockquote p{
    margin: 5px 0 48px 0;
    font-size: 18px;
    line-height: 1.4;
    color:#333;
}

.post-portfolio .entry-content blockquote p:before{
    content:'';
    display: inline-block;
    width: 8px;
    line-height: 0;
    border: 1px solid #333333;
    margin-bottom: 5px;
    margin-right: 7px;
}

.post-portfolio .entry-content blockquote p:after{
    content:'';
    display: inline-block;
    width: 8px;
    line-height: 0;
    border: 1px solid #333333;
    margin-bottom: 4px;
    margin-left: 7px;
}


.post-portfolio .entry-content figcaption{
    height: auto;
    margin: 20px 0;
    text-align: left;
    font-size: 14px;
    color:#333;
    line-height:1.4;
    text-indent:0;
}

.post-portfolio .tools{
    position: absolute;
    top: 20px;
    right: 0;
}

.post-portfolio .tools .post-btn{
    margin-left: 10px;
    border: 1px solid #aaaaab;
    width: 116px;
    height: 29px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 12px;
    color: #333;
}

.nav-links{
    margin-top: 40px;
    height: 0;
    text-align: center;
}

.nav-links div{
    display: inline-block;
    font-size: 0;
    padding: 0 8px;
}


.nav-links a{
    color: #000;
    line-height: 1;
    cursor: pointer;
    text-decoration: underline;
}

.nav-links .nav-previous a:before{
    content:'이전';
    font-size: 16px;
}

.nav-links .nav-next a:before{
    content:'다음';
    font-size: 16px;
}

.portfolio-list-cont .portfolio-list{
    padding-top: 40px;
}

@media only screen and (max-width: 980px){
    .post-portfolio{
        padding-right: 15px;
        padding-left: 15px;
    }

    .post-portfolio .entry-title{
        font-size: 32px;
    }

    .post-portfolio .entry-content blockquote p{
        font-size: 16px;
    }

    .post-portfolio .entry-content h2{
        font-size: 22px;
    }

    .post-portfolio .entry-content h3{
        font-size: 16px;
    }

    .post-portfolio figure{
        float:none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .post-portfolio figure img[class*="wp-image-"]{
        margin-left: 0 !important;
    }
}

/*--------------------------------------------------------------
# Post : Portfolio list
--------------------------------------------------------------*/

.portfolio-list{
    width: 100%;
    padding: 70px 0 50px;
}

.portfolio-list h2{
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: -0.04em
}

.portfolio-list .case-list{

}

.portfolio-list .case-list:after {
    content: '';
    display: table;
    clear:both;
}

.portfolio-list .case-list li{
    float:left;
    position: relative;
    width: calc(50% - 15px);
    margin-bottom: 32px;
    border: 1px solid #ededed;
    border-radius: 2px;
}

.portfolio-list .case-list li:nth-child(2n){
    margin-left: 30px;
}

.portfolio-list .case-list li.active{
    border: 1px solid #00c73c;
}

.portfolio-list .case-list li .thumb{
    position: relative;
    overflow: hidden;
    width: 228px;

}

.portfolio-list .case-list li .thumb:after{
    content:'';
    display: block;
    padding-bottom: 105%;
}

.portfolio-list .case-list li .thumb .cont{
    position:absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.portfolio-list .case-list li .thumb .cont img{
    width: auto;
    height: 100%;
}

.portfolio-list .case-list li .content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 40px;
    padding-left: 258px;
    padding-right: 30px;
    z-index: 2;
}

.portfolio-list .case-list li .content p{
    margin-top: 20px;
    font-size: 16px;
    color: #6a6a6a;
    line-height: 1.8;
    overflow: hidden;
    display: -webkit-box;
    max-height: 5.4em;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.portfolio-list .case-list li .content a{
    font-size: 14px;
    display: inline-block;
    margin: 6px 0 0 -6px;
    padding: 6px;
    color: #3989d5;
    text-decoration: underline;
}


@media only screen and (max-width: 980px){
    .portfolio-list{
        padding-left: 15px;
        padding-right: 15px;
    }

    .portfolio-list h2{
        font-size: 32px;
    }

    .portfolio-list .case-list li{
        float: none;
        width: 100%;
        margin-bottom: 25px;
    }

    .portfolio-list .case-list li:nth-child(2n){
        margin-left: 0;
    }

    .portfolio-list .case-list li .thumb{
        width: 150px;
    }

    .portfolio-list .case-list li .content{
        padding-top: 20px;
        padding-left: 170px;
        padding-right: 20px;
    }

    .portfolio-list .case-list li .content p{
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.5;
    }
}

@media only screen and (max-width: 768px){
    .portfolio-list .case-list li .content{
        padding-top: 15px;
    }
}

/*--------------------------------------------------------------
# Lastest
--------------------------------------------------------------*/

.section-latest{
    padding-top: 80px;
    padding-bottom: 80px;
}

.latest-header{
    position: relative;
    margin-bottom: 20px;
}

.latest-header h3{
    font-size: 20px;
    font-weight: 700;
    color: #4a4a4a;
}

.latest-header a{
    position: absolute;
    right: 0;
    bottom: 4px;
    color: #3989d5;
    font-weight: 400;
    text-decoration: underline !important;
}

.latest-list{
    font-size: 0;
}

.latest-list li{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 8px;
    position: relative;
    display: inline-block;
    width: 100%;
}



.latest-list li a{
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 100px;
    width: 100%;
    color: #666;
}

.latest-list li .date{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    color: #b1b3b6;
}

@media only screen and (min-width: 768px){
    .latest-list:before{
        content: '';
        position: absolute;
        height: 54px;
        border-right: 1px solid #e0e0e0;
        left: 50%;
    }

    .latest-list li{
        width: calc(50% - 60px);
    }

    .latest-list li:nth-child(2n - 1) {
        margin-right: 60px;
    }

    .latest-list li:nth-child(2n) {
        margin-left: 60px;
    }
}

@media only screen and (max-width: 980px){
    .section-latest{
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/

.error-404.not-found {
    position: relative;
    height: 100%;
    min-height: calc(100vh - (119px + 275px));
}

.error_contents {
    min-width: 320px;
    padding-top: 9.5vh;
    padding-bottom: 9.5vh;
    text-align: center
}

.error_contents:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.error_contents .msg_box {
    display: inline-block;
    padding: 187px 0 0;
    background: url("/kr/wp-content/uploads/2018/08/wm_error.png") no-repeat center 6px;
    vertical-align: middle
}

.error_contents .msg_box.error404 {
    background-image: url("/kr/wp-content/uploads/2018/08/wm_error404.png")
}

.error_contents h2 {
    font-size: 20px;
    color: #333;
    font-weight: bold
}

.error_contents .infor {
    padding: 7px 0 0;
    font-size: 14px;
    color: #6a6a6a;
    line-height: 22px
}

.error_contents .desc {
    padding: 8px 0 0;
    font-size: 12px;
    color: #999
}

.error_contents .desc a {
    color: #999;
    text-decoration: underline
}

.error_contents .btn_box {
    padding: 25px 0 0
}

.error_contents .btn_box a {
    display: inline-block;
    min-width: 140px;
    height: 44px;
    margin: 0 2px;
    padding: 0 24px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    font-size: 15px;
    color: #6a6a6a;
    line-height: 44px
}

.error_contents .btn_box a.point {
    background-color: #2bc54a;
    border-color: #2bc54a;
    color: #fff
}

.error_contents .btn_box a.point strong {
    font-weight: normal
}

@media only screen and (max-width: 980px){
    .error_contents .msg_box {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*--------------------------------------------------------------
# File Download
--------------------------------------------------------------*/

.download-file.active > span{
    color: red;
}

.file-dropdown{
    display:none;
    padding: 7px 26px 10px 8px;
    position: absolute;
    top: 34px;
    right: 0px;
    z-index: 888;
    border: 1px solid #c3c3c3;
    background: #fff;
    width: 415px;
    max-width: calc(100vw - 30px)
}

.file-dropdown ul{
    font-size: 12px;
}

.file-dropdown ul li{
    padding: 0;
    background: url('/kr/wp-content/uploads/2018/09/bul-access.png') no-repeat 0 5px;
    padding-left: 10px;
    line-height: 18px;
}

.file-dropdown ul li .file-name a{
    color:#333;
}

.file-dropdown ul li .file-name a:hover, .file-dropdown ul li .file-name a:focus{
    text-decoration: underline;
}

.file-dropdown ul li .file-mb{
    color:#999;
}


.file-dropdown .close{
    background: url('/kr/wp-content/uploads/2018/09/bul-access-close.png') no-repeat 0px 0px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 10px;
    height: 9px;
    cursor:pointer;
}


/*--------------------------------------------------------------
# Tool Class
--------------------------------------------------------------*/

.mt-0{margin-top:0px !important;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-35{margin-top:35px !important;}
.mt-40{margin-top:40px !important;}
.mt-45{margin-top:45px !important;}
.mt-50{margin-top:50px !important;}
.mt-60{margin-top:60px !important;}
.mt-70{margin-top:70px !important;}


.tbl-wrap p{padding-bottom:25px; margin-top:12px;}
.notoce-text{font-size:15px;  padding-bottom:25px; margin-top:12px;}
.tbl-wrap em.ng-binding{color:#00c402;}
.noresult{height:690px;}
.noresult td.ng-binding{font-size:18px; color:#000; border-color:#fff;}

.mobile-header .btn-cont .btn {
    display: none;
}
@media only screen and (max-width: 980px){
	.respon-mob{display:block !important;}
    .respon-desk{display:none !important;}
    .mobile-header .btn-cont .btn {
        display: inline-block;
        width: 105px;
        height: 28px;
        margin-left: 4px;
        line-height: 26px;
        border-radius: 100px;
        background-color: #fff;
        border: 1px solid #00c73c;
        color: #00c73c;
        font-size: 14px;
        text-align: center;
        vertical-align: top;
    }
}

/*회사 소개 메뉴 라인*/
.line_menu ul li:before{content:"|"; position:absolute; color:#bbb; top:50%; left:-30px; height:14px; margin-top:-7px; }
.line_menu ul li:first-child:before{display:none;}


/*blog*/

	/*list*/
	.subtitle{padding:14px 0px; margin:0px; margin-bottom:20px;}
	.subtitle p{}
	.subtitle span{display:block;}

	.guide-warp{}
	.guide-warp .guide{position:relative; display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-bottom:1px solid #ddd;align-items:center;  padding-bottom:10px; margin-bottom:40px;}
	.guide-warp .guide ul{-webkit-box-sizing: border-box;box-sizing: border-box;max-width: 980px;list-style: none; height:30px;}
	.guide-warp .guide ul li{display:inline-block;}
	.guide-warp .guide ul li:after{content: "";display: inline-block;border-right: 1px solid #8c8c8c;height: 12px;margin: 0 12px -1px;}
	.guide-warp .guide ul li:last-child:after{border-right:none;}
	.guide-warp .guide ul li a{color:#333; font-size:14px;}
	.guide-warp .guide ul li.active a{color:#00c73c; font-weight:700;}

	.field{text-align:left;width: 156px;border-color: #ddd; border:1px solid #ddd;     border-radius: 3px;}
	.field input{width:120px;height: 30px;font-size: 13px;padding-left: 10px; z-index:9;  border: none; }
	input[type=text]::-ms-clear {display:none;}
	.field button{ z-index:10;position: absolute;right: 10px;top: 10px;border: none;}
	.field button img{width: 14px;height: 14px;}


	.widget-wrapper ul{display:block;}
	.widget-wrapper ul li{width:31.9%; float:left; border: 1px solid #e5e5e5; margin:0 0 20px;padding:20px; margin-right:20px; }
	.widget-wrapper ul li:left-child{margin-right:0px;}
	.widget-wrapper ul li:nth-child(3n+0){margin-right:0px;}
	.widget-wrapper ul li h3{display: block; font-size: 20px;font-weight: 700;line-height: 23px;margin: 0;padding: 0 0 10px 0;text-align: left;}
	.widget-wrapper ul li h3 a{color:#333;word-wrap:break-word;}
    .widget-wrapper ul li .rpwe-thumb{display:block; text-align:center; height: 200px;}
    .widget-wrapper ul li:last-child .rpwe-thumb{height: auto;}
	.widget-wrapper ul li .rpwe-thumb img{ max-height:200px;}
	.widget-wrapper ul li h4{font-size:12px; color:#333; margin-top: 30px;}
	.widget-wrapper ul li .date{color:#bbb; font-size:11px;}
	.widget-wrapper ul li .widget-wrapper-contents{margin-bottom: 10px;padding-bottom: 10px;list-style-type: none; font-size:12px; color:#555;}
	.widget-wrapper ul li .widget-wrapper-contents span{display:block; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;width:100%;overflow:hidden; height:49px; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .widget-wrapper ul li .widget-wrapper-contents em{color:#0066cc;}
    .blog-warp .pagination{
        padding-bottom: 100px;

    }
	.blog-warp .pagination-wrap{
        padding-top: 30px;
    }
	
	@media only screen and (max-width:766px){
	.blog-warp .page-title{padding-left:20px; padding-right:20px;} 
	.subtitle{font-size:13px;  padding-left:20px; padding-right:20px;}
	.guide-warp .guide{display:block; margin-bottom:0px; border-bottom:0px; padding-bottom:0px;}
	.guide-warp ul{position:relative; display:block;background:#f9f9f9; border-bottom: 1px solid #ececec; padding:10px 20px; height:auto !important;}
	.guide-warp ul li{display:inline-block;}
	.guide-warp .guide ul li a{font-size:12px;}
    .guide-warp .content-list-item{padding-left:0px; padding-right:0px;}
    .blog-warp .pagination{
        padding-bottom: 0;

    }
	.blog-warp .pagination-wrap{
        padding-top: 0;
    }
	
	
	.field{position:relative; padding:0px 20px; padding-left:0px; width:90%; margin:0px auto;  margin-top:5px;}
	.field input{width:95%; height:40px;}
	.field button{top:13px; right:9px;}

	.guide-warp .widget-wrapper ul{background:none; border-bottom:0px;}
	.guide-warp .widget-wrapper ul li{width:100%; margin-left:0px; }
	.guide-warp .guide ul li:after{margin:0px;margin-right: 8px;padding-right: 8px; border-right: 1px solid #ddd; height:12px;}
	}


	/*category*/
	.category-warp{justify-content:space-between; }
	.category-warp,
	.category-warp .content-list{display:flex; -webkit-border-radius: 4px;-moz-border-radius: 4px;background-color: #ffffff;border: 1px solid #e5e5e5;border-radius: 4px;clear: both;margin: 20px auto 20px auto;padding: 0 20px 20px 20px;position: relative;max-width: 980px;box-sizing: border-box;}
	.category-warp .content-archive{margin-top: 40px;margin-bottom: 20px; width:65.9%;}
	.category-warp .content-list{width:31.9%;max-height:414px; margin-left:0px; margin-right:0px; margin-top:20px; border-radius:initial; padding:20px;}
	.category-warp .content-list h3{font-size:20px; margin-bottom:20px;}
	.category-warp .content-list ul{padding:0 0 0 20px;}
	.category-warp .content-list ul li{list-style-type:disc; margin-bottom:7px; font-size:14px;}
	.category-warp .content-list ul li a{color:#333;}
	.category-warp .breadcrumb{font-size:12px; color:#32383e; margin-bottom:12px;}
	/*.category-warp .breadcrumb a:after{clear: both; content: '›';display: inline-block; font-size:12px; padding-left:5px; }*/
	.category-warp .cate-title h2{font-size:15.6px;}
	.category-warp .content-list-item{border-bottom:1px solid #ddd; margin-bottom:12px; padding-bottom:12px;}
	.category-warp .content-list-item:last-child{border-bottom:0px; margin-bottom:0px;padding-bottom:0px;}
	.category-warp .content-list-item h3.content-title{font-size:30px;}
	.category-warp .content-list-item h3.content-title a{color:#333;}
	.category-warp .content-list-item h1.content-title{font-size:30px; font-weight:400;}
	.category-warp .content-list-item .post-meta{color:#9f9f9f; font-size:12px; padding:12px 0; margin-bottom:10px; position:relative; }
	.category-warp .content-list-item .post-meta em{color:#32383e;}
	.category-warp .content-list-item .row{position:relative; overflow:hidden; margin-bottom:20px;}
	.category-warp .content-list-item .row .img-box img{max-height:150px;}
	.category-warp .content-list-item .row .img-box{width:150px; max-height:150px;float:left; text-align:center; vertical-align:middle;}
	.category-warp .content-list-item .row .content-box{font-size:16px; color:#555; padding-left:180px;}
	.category-warp .content-list-item .row .content-box p{height:95px; overflow:hidden; word-wrap: nowrap;   text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
	.category-warp .content-list-item .post-data{display: flex;    justify-content: space-between;}
	.category-warp .content-list-item .post-data span{color:#157EFB; font-size:12px; }
	.category-warp .content-list-item .post-data span a{color:#157EFB; text-decoration:underline;}
	.category-warp .content-list-item .post-data p{margin-top:20px; font-size:12px; color:#111;}
	.category-warp .content-list-item .post-data p a{color:#111;}
	@media only screen and (max-width:766px){
	.category-warp, .category-warp .content-list{display:block;}
	.category-warp .content-list-item .row .img-box{margin-right:20px;}
	.category-warp .content-list-item .row .content-box{padding-left:0px;}
	.category-warp{margin-left:0px; margin-right:0px; border-left:0px; border-right:0px; border-radius:0px;}
	.category-warp .content-list-item .post-data span{    display: block;}
	.category-warp .content-list-item .post-data span.next-guide{text-align:right;}
	.category-warp .content-archive{width:100% ;}
	.category-warp .content-list{width:100%; min-height:200px;}
	.category-warp .content-list ul{position:relative;background:none; border-bottom:0px; padding-left:0px; }
	.category-warp .content-list ul li{ margin-bottom:7px; font-size:14px; list-style-type:disc;}
	.category-warp .content-list ul li:before{content: '·'; padding-left:0px; padding-right:10px; font-size:14px;}
	.category-warp .content-list-item h3.content-title{font-size:24px;}
	.category-warp .content-list-item h1.content-title{font-size:24px; font-weight:400;}
	.print-icon{display:none;}
	.category-warp  .post-meta.border{border-bottom:0px;}
	.category-warp .content-list-item .post-data{display:block;justify-content: inherit;}
		
	}

	/*category-view*/
	.category-warp.noborder{border:0px; padding:0 0px 0px 0px;}
	.category-warp .content-archive.mt-0{margin-top:0px;}
	.blog-content-box{margin-bottom:70px;}
	.print-icon{position:absolute; right:0px; top:0px;}
	.post-meta.border{border-bottom:1px solid #ddd; padding:12px 0px; margin-bottom:40px !important;}
	.post-data.previous span{color:#aaa !important; border-bottom:0px !important;}
/*blog-common*/


.blog-sub-menu{position:relative;background-color:#f5f5f5; padding:0px 0px;}
.sub-menu-box{max-width:980px; height:58px; display:flex; margin-left:auto; margin-right:auto; position:relative;}
.blog-sub-menu ul{display:flex;}
.blog-sub-menu ul li{display:inline-block; position:relative; }
.blog-sub-menu ul li:before{content: "|";top: 21px;right: 0px;position: absolute;color: #979797;font-size: 11px;}
.blog-sub-menu ul li:last-child:before{opacity:0;}
.blog-sub-menu ul li a{display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; align-items: center;
    -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center; padding:0px 20px; color:#7a7a7a; font-size:14px; line-height: 54px; }
.blog-sub-menu ul li:first-child a{padding-left:0px;}
.blog-sub-menu ul li.current-menu-item a{color:#00c73c; font-weight:700;}
.serch{position:absolute; right:0px; top:10px;}
.serch .input-style{border-radius: 0;box-sizing: border-box;border: 1px solid #ddd;background-color: #fff;}
.serch .w-174{width:174px; height:24px; padding:3px 6px; border-right:0px; font-size:12px;}
.serch .serch-button{height:24px;padding:3px 6px;}

.breadcrumb{display:flex; padding:12px 0px;}
.breadcrumb span{display:flex; position:relative; font-size:12px;}
.breadcrumb span:last-child{color:#00c73c;}
.breadcrumb span:last-child:after{content: "";padding-left:0px;}
.breadcrumb span:after{content: ">";color: #979797;font-size: 12px; padding-left:5px; padding-right:5px;}
.breadcrumb span a{color:#8c8c8c;}
.breadcrumb span a em{color:#00c73c;}
.breadcrumb .link a{color:#8c8c8c;}
.guide-warp .breadcrumb{padding-top:0px;}
.tax-guide-category .guide-warp .breadcrumb span a{color:#32383e;}
.tax-guide-category .guide-warp .breadcrumb span.breadcrumb-current{color:#555555;}
.tax-guide-category .breadcrumb,
.tax-guide-category .content-list-item{padding-left:0px; padding-right:0px;}


.lwwp-layout{max-width: 980px; display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: space-between;}
.lwwp-layout-contents{ display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}


.lwwp-layout .lwwp-layout-left{margin-bottom: 40px; width: 100%}
.lwwp-layout .lwwp-layout-left .best-section{display:flex;position:relative; align-items:flex-end;  margin-bottom:24px;  height:370px; overflow:hidden;}
.lwwp-layout .lwwp-layout-left .best-section a {display: flex;}
.lwwp-layout .lwwp-layout-left .best-section .banner-img{width: 640px;background-size:cover;background-repeat: no-repeat;background-position: center;}
.lwwp-layout .lwwp-layout-left .best-section .banner-img img{width:0;}
.lwwp-layout .lwwp-layout-left .best-section .banner-info{width:340px;height:100%;display:flex;z-index:2;padding:30px 32px 0; background-color: #3b3b3b; flex-direction: column;}
.lwwp-layout .lwwp-layout-left .best-section .banner-info p{position:relative;height:168px;color:#fff;font-size:28px;line-height:42px;overflow:hidden;}
.lwwp-layout .lwwp-layout-left .best-section .banner-info .banner-category {color:#999;line-height:34px;font-size:15px;}
.lwwp-layout .lwwp-layout-left .best-section .banner-info span.line{font-size:16px;padding:0 2px;}

.lwwp-list ul{border-top: 1px solid #ddd;}
.lwwp-list ul li{ position:relative;justify-content: space-between;  border-bottom: 1px solid #ddd; padding-top:24px;padding-bottom:24px;}
.lwwp-list ul li .article-col{padding-left:260px; min-height:160px;  height:auto; display:flex;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .lwwp-list ul li .article-col{display:block; }
    }
.lwwp-list ul li .article-img{width:240px; max-height:160px; position:absolute; left:0; top:24px; display:flex; border: 1px solid rgba(0,0,0,0.1);}
.lwwp-list ul li .article-contens{display: flex;justify-content: space-between;flex-direction: column;}
.lwwp-list ul li .article-contens h2{font-size:18px; line-height:27px;width:100%; overflow: hidden;word-break: break-all;}
.lwwp-list ul li .article-contens h2 a{color:#333;}
.lwwp-list ul li .article-contens .meta-info{flex-grow: 1; display: flex; flex-direction: column;  align-items: flex-start;}
.lwwp-list ul li .article-contens .meta-info{
    color: #888; font-size: 14px;line-height: 20px;
}
.lwwp-list ul li .article-contens .meta-info .category_position{
    position: absolute;
    bottom: 20px;
}
.lwwp-list ul li .article-contens .meta-info .zhaiyao{
    color: #888; font-size: 14px; line-height: 20px;
}
.lwwp-list ul li .article-contens time{font-size:12px;    display:block;color: #b8b8b8;margin-bottom: .5em; }
.lwwp-list ul li .article-contens .category{color:#737373; font-size:12px; text-decoration:underline; display:block; margin-top:auto;}




.lwwp-layout .lwwp-layout-siderbar{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-sizing: border-box;box-sizing: border-box;max-width: 300px;width: 300px; margin-left:auto;}
.lwwp-layout .lwwp-layout-siderbar .event{margin-bottom:20px;}
.lwwp-layout .lwwp-layout-siderbar .sider-entri{margin-bottom:40px;}
.lwwp-layout .lwwp-layout-siderbar .sider-title{padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:16px; font-size:16px; color:#333;}
.lwwp-layout .lwwp-layout-siderbar .sider-list{}
.lwwp-layout .lwwp-layout-siderbar .sider-list li{position:relative; line-height:18px; padding-left:20px; margin-top:10px;}
.lwwp-layout .lwwp-layout-siderbar .sider-list li a{font-size:13px; color:#333; }
.lwwp-layout .lwwp-layout-siderbar .sider-list li:before{content: '·';position:absolute; left:0px;padding-left: 0px;padding-right: 10px;font-size: 14px;}

.lwwp-layout .lwwp-layout-siderbar .sider-update-list{}
.lwwp-layout .lwwp-layout-siderbar .sider-update-list li{position:relative; line-height:18px; padding-left:20px; margin-top:10px;}
.lwwp-layout .lwwp-layout-siderbar .sider-update-list li a{font-size:13px; color:#000000; }
.lwwp-layout .lwwp-layout-siderbar .sider-update-list li:before{content: '·';position:absolute; left:0px;padding-left: 0px;padding-right: 10px;font-size: 14px;}

.lwwp-layout .lwwp-layout-siderbar .sider-img-list{}
.lwwp-layout .lwwp-layout-siderbar .sider-img-list li{padding-left:76px; position:relative; margin-top:24px; min-height:72px; }
.lwwp-layout .lwwp-layout-siderbar .sider-img-list li img{position:absolute; left:0; top:0; width:64px; height:64px; border:1px solid #ddd;}
.lwwp-layout .lwwp-layout-siderbar .sider-img-list li p{font-size:13px;}
.lwwp-layout .lwwp-layout-siderbar .sider-img-list li p em{display:block; color:#8c8c8c;}
.lwwp-layout .lwwp-layout-siderbar .sider-img-list li p span{color:#333; display: block;text-overflow: ellipsis;word-wrap: normal;width: 100%;overflow: hidden;white-space: normal;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/*blog-content*/
.blog-content-title h1{font-size:28.8px; margin-bottom:10px;}
.blog-content-title .meta{font-size:12px;color:#999; border-bottom:1px solid #ddd; padding-bottom:12px; margin-bottom:24px;}
.blog-content-title .meta a{color:#999;}
.blog-content-title .meta a:hover{text-decoration:underline;}
.blog-content-title .meta time,
.blog-content-title .meta span{margin-right:6px; }

.blog-content{border-bottom:1px solid #ddd; padding-bottom:24px; margin-bottom:12px; }
.lwwp-layout .pagenation span{font-size:14px;}
.lwwp-layout .pagenation a{color:#157efb; font-size:14px;}
/*cate-title*/
.cate-title{font-size:21px;  padding-bottom:16px; margin-bottom:6px;}

.lwwp-layout .pagenation .list{text-align:right;}
@media only screen and (max-width:766px){
    .sub-menu-box{display:block; height:inherit;}
    .blog-sub-menu{ display:block; background-color:#fff; padding:0px;}
    .blog-sub-menu ul{display:block; position:relative; padding:10px 20px;     background-color: #f5f5f5; }
    .blog-sub-menu ul li{display:inline-block;}
    .blog-sub-menu ul li:before{display:inline-block; top:7px;}
    .blog-sub-menu ul li:last-child:before{content:"";}
    .blog-sub-menu ul li a{padding:0px 20px; padding-left:10px; color:#494c4f; padding-bottom:0;line-height: 32px;}
    .serch{position:relative;  top:0px; margin-top:10px; margin-bottom:10px; text-align:right; padding-right:20px;}
    .blog-sub-menu ul li.menu-item-5277 a{padding-left:0px;}
    .breadcrumb{padding:12px 20px; display:block;padding-top:0px; }
    .breadcrumb span{display:inline-block; font-size:11px; }
    .lwwp-layout{display:block;}
    .lwwp-layout .lwwp-layout-left .best-section{width:100%; height:auto;}
    .lwwp-layout .lwwp-layout-left .best-section a {display: flex; flex-direction: column;}
    .lwwp-layout .lwwp-layout-left .best-section .banner-img{position:relative;width: 100%;height: 217px;}
    .lwwp-layout .lwwp-layout-left .best-section .banner-info{width:100%;height:100px;flex-direction: column;padding:13px 20px 15px;}
    .lwwp-layout .lwwp-layout-left .best-section .banner-info p{height:auto;font-size:18px;line-height:26px;margin-top:5px;}
    .lwwp-layout .lwwp-layout-left .best-section .banner-info .banner-category {line-height:13px;font-size:11px;}
    .lwwp-layout .lwwp-layout-left .best-section .banner-info span.line{font-size:11px;}
    .lwwp-layout .lwwp-layout-left{display:block;width:100%;}
    .lwwp-layout .lwwp-layout-left .best-section p{font-size:14.5px; height:auto;}
    .lwwp-list ul li{padding-top:11px; padding-bottom:11px;}
    .lwwp-list{margin-left:20px; margin-right:20px;}
    .lwwp-list ul li .article-contens{min-height:110px;}
    .lwwp-list ul li .article-col{padding-left:140px; min-height:85px;}
    .lwwp-list ul li .article-img{width:126px; top:12px; max-height: 105px;}
    .lwwp-list ul li .article-contens h2{font-size:14px; line-height:21px;}
    .lwwp-list ul li .article-contens time{font-size:11px;}
    .lwwp-list ul li .article-contens .meta-info p{display: none;}
    .lwwp-layout .pagination{display:block; margin-top:10px;}
    .lwwp-layout .pagination a{font-size:14px;}
    .pagination a {padding:9px;}
    
    .lwwp-layout .lwwp-layout-siderbar li{font-size:12px;}
    .lwwp-layout .lwwp-layout-siderbar{display:block; width:100%; margin-left:0px; max-width:100%; padding-left:20px; padding-right:20px;}
    .lwwp-layout .lwwp-layout-siderbar .event{ text-align:center;}
    .lwwp-layout .lwwp-layout-siderbar .sider-entri{margin-top:46px;}
    
    .blog-content-title{padding-left:20px; padding-right:20px; }
    .blog-content-title h1{font-size:21px;}
    .blog-content{margin-left:20px; margin-right:20px;}
    .lwwp-layout .pagenation{margin-right:20px; margin-left:20px;}
    
    /*.blog .serch .w-174{width:80%;}*/
    .single-guide .category-warp {padding-left:20px; padding-right:20px;}
    
    
    /*cate-title*/
    .cate-title{font-size:21px;  padding-bottom:10px; margin-bottom:6px; padding-left:20px; padding-right:20px;}
    
    }
    
    
    .single-cases .content-area article.type-cases .cases-card .company-alt div.info-box ul li{white-space: inherit;}
    
    
    
    
    
    @media all and (width:768px), (width:978px) {
    .blog-sub-menu{padding-left:20px; padding-right:20px;}
    .blog-warp{padding-left:20px; padding-right:20px;}
    }

    /*paging*/

.pagination {width:100%;height:47px;text-align:center;}
.pagination-wrap{display:flex; align-items:center; justify-content:center;}
.pagination a {color: #737373;font-size:16px;float: left;padding: 12px;text-decoration: none;}
.pagination a.active {color: #00c73c;cursor: default;}
.pagination a:hover:not(.active) {color:#00c73c;}