/*@import url('../vendor/bootstrap/css/bootstrap-rtl.css');*/

@media (min-width: 1200px) {
   .container {
      max-width: 1170px;
   }
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7,
.col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10,
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7,
.col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2,
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl,
.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4,
.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
   /*padding-right: 20px;
   padding-left: 20px;*/
}

.sticky-header-active .header-transparent .header-logo{width:172px;height:41px;background:url('../img/logo.png');}
.header-logo{width:172px;height:41px;background:url('../img/logo.png');}

.pix-business-1 {
    background-image: linear-gradient(rgba(0,0,0, 0.4), rgba(0,0,0, 0.4)),url(../img/main/bg-intro.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
}

.pix-business-2 {
    background-image: linear-gradient(rgba(0,0,0, 0.4), rgba(0,0,0, 0.4)),url(../img/custom/video-section-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
}

.pix-business-3 {
    background-image: linear-gradient(rgba(0,0,0, 0.4), rgba(0,0,0, 0.4)),url(../img/custom/pricing.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
}

.pix-business-4 {
    background-image: url(../img/main/startup-team.jpg);
    background-size: cover; 
    background-position: bottom;
    padding-top:7%;
    padding-bottom:25%;
}

.pix-business-6 {
    background-image: url(../img/main/startup-team-2.jpg);
    background-size: cover; 
    background-position: bottom;
    padding-top:5%;
    padding-bottom:32%;
}

.pix-business-5 {
    background-image: url(../img/main/header_black.png);
    background-size: cover; 
    background-position: bottom;
}

.gr-bg-1 {
       background: #343e44;
    background: linear-gradient(135deg,#343e44 0%,#0d0f10 100%);
    color: #ffffff;
    padding-top: 11%;
    padding-bottom: 11%;
}

.gr-bg-2 {
       background: linear-gradient(135deg, rgb(132, 84, 226) 0%, rgb(6, 82, 253) 100%);
    color: rgb(255, 255, 255);
    padding-top: 8%;
    padding-bottom: 10%;
    visibility: visible;
}

.gr-text-1 {
       -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
   color: #8454e2;
    background-image: -moz-linear-gradient(-45deg, #8454e2 0%, #0652FD 100%);
    background-image: -webkit-linear-gradient(-45deg, #8454e2 0%, #0652FD 100%);
    background-image: linear-gradient(135deg, #8454e2 0%, #0652FD 100%);
}


.grve-separator-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 0;
    overflow:visible;
}

.grve-separator {
    position: absolute;
    bottom: -1px;
    left: 0;
}

 
@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display-Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display-Thin.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF-Pro-Display';
    src: url('fonts/SF-Pro-Display-Ultralight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}


/* poppins-200 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'),
       url('fonts/poppins-v5-latin-200.woff2') format('woff2'),
       url('fonts/poppins-v5-latin-200.woff') format('woff');
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'),
       url('fonts/poppins-v5-latin-regular.woff2') format('woff2'),
       url('fonts/poppins-v5-latin-regular.woff') format('woff');
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'),
       url('fonts/poppins-v5-latin-500.woff2') format('woff2'),
       url('fonts/poppins-v5-latin-500.woff') format('woff');
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
       url('fonts/poppins-v5-latin-600.woff2') format('woff2'),
       url('fonts/poppins-v5-latin-600.woff') format('woff');
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'),
       url('fonts/poppins-v5-latin-700.woff2') format('woff2'),
       url('fonts/poppins-v5-latin-700.woff') format('woff');
}
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
       url('fonts/poppins-v5-latin-800.woff2') format('woff2'),
       url('fonts/poppins-v5-latin-800.woff') format('woff');
}


/*--------------N 수정------------------*/
@media(max-width: 767px) { 
h1{font-size:24px;}
.mt-10-xs {margin-top: 10px !important;}
.mt-20-xs {margin-top: 20px !important;}
.mt-30-xs {margin-top: 30px !important;}
.mt-40-xs {margin-top: 40px !important;}
.mt-50-xs {margin-top: 50px !important;}
.mt-60-xs {margin-top: 60px !important;}
.mt-65-xs {margin-top: 65px !important;}
.mt-70-xs {margin-top: 70px !important;}
.mt-80-xs {margin-top: 80px !important;}
.mb-10-xs {margin-bottom: 10px !important;}
.mb-15-xs {margin-bottom: 15px !important;}
.mb-20-xs {margin-bottom: 20px !important;}
.mb-30-xs {margin-bottom: 30px !important;}
.mb-40-xs {margin-bottom: 40px !important;}
.mb-50-xs {margin-bottom: 50px !important;}
.mb-60-xs {margin-bottom: 60px !important;}
.mb-65-xs {margin-bottom: 65px !important;}
.mb-70-xs {margin-bottom: 70px !important;}
.mb-80-xs {margin-bottom: 80px !important;}

.pt-10-xs {padding-top: 10px !important;}
.pt-20-xs {padding-top: 20px !important;}
.pt-30-xs {padding-top: 30px !important;}
.pt-40-xs {padding-top: 40px !important;}
.pt-50-xs {padding-top: 50px !important;}
.pt-60-xs {padding-top: 60px !important;}
.pt-65-xs {padding-top: 65px !important;}
.pt-70-xs {padding-top: 70px !important;}
.pt-80-xs {padding-top: 80px !important;}
.pb-10-xs {padding-bottom: 10px !important;}
.pb-15-xs {padding-bottom: 15px !important;}
.pb-20-xs {padding-bottom: 20px !important;}
.pb-30-xs {padding-bottom: 30px !important;}
.pb-40-xs {padding-bottom: 40px !important;}
.pb-50-xs {padding-bottom: 50px !important;}
.pb-60-xs {padding-bottom: 60px !important;}
.pb-65-xs {padding-bottom: 65px !important;}
.pb-70-xs {padding-bottom: 70px !important;}
.pb-80-xs {padding-bottom: 80px !important;}

}

.f-left{float:left;}
.f-right{float:right;}
@media(max-width: 767px) { 
.f-none-xs{float:none !important;text-align:center;}
}
.v-top{vertical-align:top}
.notokr-black{font-family: 'notokr-black',Sans-Serif;}
.notokr-bold{font-family: 'notokr-bold',Sans-Serif;}
.notokr-medium{font-family: 'notokr-medium',Sans-Serif;}
.notokr-light{font-family: 'notokr-light',Sans-Serif;}
.notokr-regular{font-family: 'notokr-regular',Sans-Serif;}
.notokr-thin{font-family: 'notokr-thin',Sans-Serif;}

.SF-Pro-Display{font-family: 'SF-Pro-Display',Sans-Serif;}
.Poppins{font-family: 'Poppins',Sans-Serif;}

@media (max-width: 991px){
#header .header-nav-main nav {background: #0cb4ce;}
#header .header-nav-main nav > ul > li > a {color: #fff;}
#header .header-nav-main nav > ul li a:hover {background-color: #0cb4ce;}
#header .header-nav-main nav > ul li a:active {background-color: #0cb4ce;}
#header .header-nav-main nav > ul li a {color: #fff;}
#header .header-nav-main nav > ul li {border-bottom: 1px solid rgba(255,255,255,.3);}
}


#header .header-btn-collapse-nav {
    background: #0cb4ce;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
	padding: 13px 9px;
    font-weight: 600 !important;
    font-family: notokr-demilight !important;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border: 0;
    overflow: hidden;
    text-shadow: none;
    text-decoration: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
}
.counters-emel .count-divider { margin-top: 15px; margin-bottom: 15px;}

@media(max-width: 767px) { 
.pr-80 {padding-right: 15px !important;}
.pl-80 {padding-left: 15px !important;}
hr {margin:10px 0;}
hr.medium {margin:20px 0;}
}


/* --------------------------------------------
   CARDS
 -------------------------------------------- */

.main-color.exp-card-wrap-main .exp-card-item {
    background: #f8f8f8;
}

.exp-card-wrap-main .exp-card-item {
    display: block;
    text-decoration: none;
    background: #f0f2f7;
    padding: 30px 25px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.12);
    overflow: hidden;
    color: #999;
    position: relative
}

.exp-card-wrap-main .exp-card-item,
.exp-card-wrap-main .exp-card-item h4,
.exp-card-wrap-main .exp-card-item .pic {
    -webkit-transition-property: background,color;
    -moz-transition-property: background,color;
    -o-transition-property: background,color;
    transition-property: background,color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.exp-card-wrap-main .exp-card-item.regular:hover,
.exp-card-wrap-main .exp-card-item.horizontal:hover {
    background-color: #f0f2f7;
    background-image: -webkit-linear-gradient(top,#f0f2f7,#e4e4e4);
    background-image: linear-gradient(to bottom,#f0f2f7,#e4e4e4);
    color: #000;
}

.exp-card-wrap-main .exp-card-item.regular:hover h4,
.exp-card-wrap-main .exp-card-item.horizontal:hover h4 {
    color: #000
}

.exp-card-wrap-main .exp-card-item.regular:hover .pic,
.exp-card-wrap-main .exp-card-item.horizontal:hover .pic {
    /*opacity: .25*/
}

.exp-card-wrap-main .exp-card-item.large {
    background-color: #f0f2f7;
    background-image: -webkit-linear-gradient(top,#f0f2f7,#e4e4e4);
    background-image: linear-gradient(to bottom,#f0f2f7,#e4e4e4);
    color: #000;
    height: 400px
}

.exp-card-wrap-main .exp-card-item.regular,
.exp-card-wrap-main .exp-card-item.horizontal {
    height: 200px
}

.exp-card-wrap-main .exp-card-item.horizontal {
    height: 250px
}

.exp-card-wrap-main .exp-card-item h4 {
    margin-top: 0;
    z-index: 10
}

.exp-card-wrap-main .exp-card-item.large h4 {
    font-size: 36px;
}

.exp-card-wrap-main .exp-card-item.regular h4 {
    font-size: 1.8em; 
}

.exp-card-wrap-main .exp-card-item.horizontal h4 {
    font-size: 2em; 
}

.exp-card-wrap-main .exp-card-item .text {
    z-index: 10;
    position: relative
}

.exp-card-wrap-main .exp-card-item.large .text > span:first-child {
    opacity: .8;
    font-size: 1.2em;
    font-weight: 400;
    width: 70%;
    display: block
}

.exp-card-wrap-main .exp-card-item.regular .text {
    font-size: .9em;
    width: 75%
}

.exp-card-wrap-main .exp-card-item.horizontal .text {
    font-size: 1em;
    width: 50%
}

.exp-card-wrap-main .exp-card-item .btn {
    margin-top: 30px;
    display: inline-block
}

.exp-card-wrap-main .exp-card-item .pic {
    position: absolute;
    z-index: 5
}

.exp-card-wrap-main .exp-card-item.regular .pic {
    width: 270px;
    height: 150px
}

.exp-card-wrap-main .exp-card-item.large .pic,
.exp-card-wrap-main .exp-card-item.horizontal .pic {
    width: 568px;
    height: 340px
}

.exp-card-wrap-main .exp-card-item.large .pic {
    right: 0;
    bottom: 0
}

.exp-card-wrap-main .exp-card-item.horizontal .pic {
    right: 0;
    top: -50px
}

.exp-card-wrap-main .exp-card-item.regular .pic {
    right: 0;
    bottom: 0
}

@media(max-width: 1199px) {
    .exp-card-wrap-main .exp-card-item.large {
        height: 400px
    }
}

@media(max-width: 991px)and (min-width:768px) {
    .exp-card-wrap-main .exp-card-item.large .pic {
        bottom: -70px
    }

    .exp-card-wrap-main .exp-card-item.regular, .exp-card-wrap-main .exp-card-item.horizontal {
        height: 200px
    }

    .exp-card-wrap-main .exp-card-item.regular .text {
        font-size: 1em
    }

    .exp-card-wrap-main .exp-card-item.horizontal h4 {
        font-size: 1.8em
    }

    .exp-card-wrap-main .exp-card-item.horizontal .pic {
        width: 250px;
        height: 150px;
        background-size: 100% 100%;
        bottom: 0;
        right: 0;
        top: auto
    }

    .exp-card-wrap-main .exp-card-item.horizontal .text,
    .exp-card-wrap-main .exp-card-item.regular .text,
    .exp-card-wrap-main .exp-card-item.large .text {
        width: 80%
    }
}

@media(max-width: 767px) {
    .exp-card-wrap-main .exp-card-item.large {
        background: #fff
    }

    .exp-card-wrap-main .exp-card-item.horizontal .pic,
    .exp-card-wrap-main .exp-card-item.large .pic {
        width: 250px;
        height: 150px;
        background-size: 100% 100%;
        bottom: 0;
        right: 0;
        top: auto
    }

    .exp-card-wrap-main .exp-card-item.large h4,
    .exp-card-wrap-main .exp-card-item.regular h4,
    .exp-card-wrap-main .exp-card-item.horizontal h4 {
        font-size: 24px;
        color: #666
    }

    .exp-card-wrap-main .exp-card-item.large,
    .exp-card-wrap-main .exp-card-item.regular,
    .exp-card-wrap-main .exp-card-item.horizontal {
        
    }

    .exp-card-wrap-main .exp-card-item.large .text span:first-child,
    .exp-card-wrap-main .exp-card-item.regular .text,
    .exp-card-wrap-main .exp-card-item.horizontal .text {
        width: 90%;
        color: #999;
        font-size: 15px;
    }

    .exp-card-wrap-main .exp-card-item .btn {
        display: none
    }

    .exp-card-wrap-main .exp-card-item.large:hover {
        background-color: #267de5;
        background-image: -webkit-linear-gradient(top,#267de5,#364abe);
        background-image: linear-gradient(to bottom,#267de5,#364abe);
        color: #fff
    }

    .exp-card-wrap-main .exp-card-item.regular:hover h4,
    .exp-card-wrap-main .exp-card-item.regular:hover .text,
    .exp-card-wrap-main .exp-card-item.horizontal:hover h4,
    .exp-card-wrap-main .exp-card-item.horizontal:hover .text,
    .exp-card-wrap-main .exp-card-item.large:hover h4,
    .exp-card-wrap-main .exp-card-item.large:hover .text > span:first-child {
        color: #fff
    }

    .exp-card-wrap-main .exp-card-item.large:hover .pic {
        opacity: .25
    }
	.feature-box-core {margin-bottom: 15px;}
	hr.small {margin-top: 1px; margin-bottom: 1px;}
	.counters-emel .count-divider { margin-top: 5px; margin-bottom: 5px;}

}


.rounded-10{border-radius: 10px !important;}
.rounded-30{border-radius: 30px !important;}

@media (max-width: 767px) { 
.rounded-10{border-radius: 5px !important;}
}

@media (max-width: 767px) {
	.section-primary {
		padding: 30px 0px;
	}
}
@media (min-width: 768px){
.service.service-hover-bg {
    margin-bottom: 30px;
}
}
.service-hover-bg {
    transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04);
    -webkit-transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04);
}
.service-box {
    padding: 45px 20px 15px 20px;
    border: 2px solid #eaeaea;
}
@media (min-width: 768px){
.service {
    margin-bottom: 50px;
}
}
.service {
    margin-bottom: 40px;
    position: relative;
}
.service.vertical .service-title.title-underblock {
    margin-bottom: 18px;
}

.title-underblock {
    position: relative;
    padding-bottom: 0.6em;
}
.service-title {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 10px;
}

@media (max-width: 767px){
.page-header.breadcrumb-after-image .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12
{ margin-bottom:0px }

.h-100{}
.section-title {font-size: 24px;}

.pb-100 {padding-bottom: 30px !important;}
.pt-100 {padding-top: 30px !important;}
}

.accordion .card-header a {font-size: 15px;}

@media (max-width: 767px){
.counters-emel.counters .counter > strong {font-size: 28px;}
.counters-emel.counters span.counter-append {font-size: 28px;}
.video-text p{font-size: 20px;}
.video-wrap .video-text {bottom: 10px;}
}

.custom-timeline .timeline-title {font-size: 18px;}
.timeline-movement .title {font-size: 20px;}


@media (max-width: 767px){
.footer.footer-2 .title {margin-bottom: 10px;}
.lift-off {bottom: 40px;}
}


@media (max-width: 767px){ 
.dzsparallaxer .section-title {font-size: 18px;}
.dzsparallaxer .btn {padding: 10px;}
.breadcrumb {margin-top: 0px!important;}
}
@media (max-width: 767px){ 
.timeline-movement .timeline-item {padding: 10px 0;padding-bottom: 0px;}
.timeline-movement .details {padding:0 15px;}
.timeline.v2 .timeline-movement {padding-bottom: 10px;}
.timeline-movement {margin-bottom: 10px;}
.timeline-movement:before, .timeline.v2:after {display:none;}
.related-wrap-title {font-size: 15px; }
.tab-wrap .nav-tabs li a {padding: 0 12px;}
.tab-wrap .tab-content {padding: 15px 5px 0px 5px;}

}

@media (max-width: 767px){
.pracia .tg-item-title, .pracia .tg-item-title a{font-size: 14px !important;}
/*.pracia .tg-item-content-holder {height: 20px;padding: 10px !important;}*/
}



/*---board --*/

.board_list{width:100%;}
.board_read{width:100%;}
.board_read{border-top:none}
.board_read td{padding-top:0}
.board_list_contents{width:100%;margin-bottom:10px;}
.board_list_contents tr:first-child{border-top:2px solid rgba(0,0,0,1);border-bottom:1px solid rgba(0,0,0,.2);}
.board_list_contents tr{height:40px ;padding:10px 0px;border-top:2px solid rgba(0,0,0,1);border-bottom:2px solid rgba(0,0,0,.05);}
td.att_title {padding:10px 0px;border-top:2px solid rgba(0,0,0,1);border-bottom:1px solid rgba(0,0,0,.5);text-align:center;}

.board_list_contents tr td a{color:#505050;}

.board_contents{width:100%;border-top: 2px solid rgba(0,0,0,1);}
.board_contents tr{height:40px !important;padding:10px 0px;border-bottom:1px solid rgba(0,0,0,.1);}
#board_contents table td {padding:0}
#board_contents_2 table td {padding:0}
#board_contents_3 table td {padding:0}
#board_contents_4 table td {padding:0}
#board_contents_4 .gallery_subject,#board_contents_3 .gallery_subject  {font-size:15px;}

@media (max-width: 767px){ 
.board_list_contents td{padding:0px}
.board_list_contents tr td a{font-size:13px;}
.board_list_contents .bbsnewf5, .board_list_contents .bbswriter, .board_list_contents .bbsetc_dateof_write, .board_list_contents .bbsetc_view_count{font-size:13px;}
}

.board {border-collapse:collapse; border-spacing:0; border:0;}
.board td.att_title {border-bottom:none;}
.board_write{width:100%;border:1px solid rgba(0,0,0,.1);}
.board_write tr{height:40px !important;padding:10px 0px;}
table.board_paging{width:100%;margin-top:20px}
td.paging_left{width:10%}
td.paging_center{width:80%;text-align:center}
td.paging_right{width:10%;text-align:right}
.board a:link{text-decoration:none;}
.board a:visited{text-decoration:none;}
.board a:hover{text-decoration:underline;}
.board a:active{text-decoration:none;}
.list_title {background:url(../../img/design/bbs/table_bg_th.gif) repeat-x;height:30px;text-align:center;}
.board_description div {line-height:1.8em;}

/*게시판 제목*/
.bbsnewf5 {}
.bbsnewf5 a:link{text-decoration:none}
.bbsnewf5 a:visited{text-decoration:none}
.bbsnewf5 a:hover{text-decoration:none}
/*제목*/
.bbsbody03{width:340px;overflow:hidden;text-overflow:ellipsis;padding-left:5;padding-right:5}
/*뉴스_보도자료 제목*/
.news_title {letter-spacing:-1;text-decoration:none;}
.news_title a:link{letter-spacing:-1;text-decoration:none}
.news_title a:visited{letter-spacing:-1;text-decoration:none}
.news_title a:hover{letter-spacing:-1;text-decoration:underline}
/*뉴스_보도자료 내용*/
.news_cont {text-decoration:none}
.news_cont a:link{text-decoration:none}
.news_cont a:visited{text-decoration:none}
.news_cont a:hover{text-decoration:none}
/*갤러리 제목*/
.gallery_title{color:#666}
.gallery_subject{padding:10px 0 30px 0}
/*갤러리 내용*/
.gallery_cont {}
/*페이징*/
.paging {font-weight:bold;text-align:center;margin-top:20px}
.paging a:link{font-weight:normal;text-decoration:none}
.paging a:visited{font-weight:normal;text-decoration:none}
.paging a:hover{font-weight:normal;text-decoration:underline}

.pagination b{border-color: #eaeaea;color: #0cb4ce;border-radius: 50px;position: relative; display: block; padding: .25rem .5rem; margin-left: -1px; line-height: 1.25; color: #0275d8; background-color: #fff; border: 1px solid #ddd;}

.button_write{text-align:right;margin-top:10px}
/*기본폰트*/
.board_txt {text-decoration:none;padding-top:4;}
.board_txt a:link{text-decoration:none;}
.board_txt a:visited{text-decoration:none;}
.board_txt a:hover{text-decoration:none;}
.board_txt2 {text-decoration:none;padding-top:4;}
.board_txt2 a:link{text-decoration:none;}
.board_txt2 a:visited{text-decoration:none;}
.board_txt2 a:hover{text-decoration:none;}
input#border {border:1 solid #D4D4D4}
textarea#border {border:1 solid #D4D4D4}
/*댓글폰트*/
.comment_name {text-decoration:none;padding-top:4;}
.comment_txt {text-decoration:none;padding-top:4;}
.comment_txt a:link{text-decoration:none;}
.comment_txt a:visited{text-decoration:none;}
.comment_txt a:hover{text-decoration:none;}


/* bgcolor */
.board_bgcolor {border-right:1px solid rgba(0,0,0,.1);width: 20% !important;text-align: center;}
.board_desc {padding-left:10px !important;width: 80% !important;}
input[name='subject']{width: 100%;}
input[name='password']{width: 20%;}
input[name='writer']{width: 50%;}
input[name='add1']{width: 50%;}
input[name='add2']{width: 20%;}
input[name='address_post1']{width: 20%;}

.board_desc input[name='com_board_notice']{width: 15px;}
.board_button{margin-top:30px;width:100%;}
.board_button_left{width:50%;padding:0;}
.board_button_right{float:right;padding:0;}
.board_rate {}
.board_rate_td {padding:4px 5px 5px 5px;background-color:#FFFFFF}
.board_comment_bgcolor {background-color:#F6F6F6;}
/* 추출 게시판 스타일 */
/* 게시판 목록 관리 */
.board_admin_bgcolor {background-color:#FFFFFF; }
td.board_admin_bgcolor table td {padding:0px; border-bottom:none;}
/* 웹진형 게시판 (세로배열)*/
.webzine_type2 {width:100%;}
.webzine_type2 td {    }
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl    {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { padding:0px 15px 0px 0px !important}
.webzine_type2 .webzine_type_img_td img {border:none;width:262px  }
.webzine_type2 .webzine_type2_table_line { width:100%; }
.webzine_type2 dd   {width:100%;padding:10px 0;margin-bottom:0;border-top:1px solid rgba(0,0,0,.1);}
.webzine_type2 dd:last-child   {border-bottom:1px solid rgba(0,0,0,.1);}
.webzine_type2 .obj_name {font-family: 'notokr-medium',Sans-Serif;display:inline-block;width:90px;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 6px no-repeat;}
.webzine_type2 .obj_value {height:25px;padding:5px 0 0 10px;}
.webzine_type2 .obj_value a{color:#505050}
/* 이미지가 왼쪽일때 */
.webzine_type2 .webzine_type_text_td_left {  }
/* 이미지가 오른쪽일때 */
.webzine_type2 .webzine_type_text_td_right {  }


.board_webzine_list{width:100%;}
.board_webzine_list  td {padding: 0;}



/* 갤러리형 추출 제목, 내용 정렬 */
.board_output_gallery_subject {width:100%;display:inline-block;padding:10px 0 20px 0 }
.board_output a {color:#ddd}
.board_output td {color:#ddd;font-size:11px;padding:5px 5px 5px 0px}
.board_output_gallery_description { text-align:center;width:100%; }

.board_output_blog3 td {padding:0px}

.board_output_blog3 .board_output_gallery_subject {width:100%;display:inline-block;padding:0px 0 30px 0 }
.board_output_blog3 .board_output_gallery_subject a{color:#777; }
.board_output_blog3 table{line-height:1.3; }

.board_output_12_tr td:first-child {display: none;}
.board_output_11_tr td:first-child {display: none;}

table.seLayout {border:none !important;background:none !important;}


.com_board_write{text-align:right;}
.paging{text-align:center;margin:20px 0}


.board_admin_button { }
.board_admin_button:hover{  }

.gallery_subject{text-align:left !important;font-size:20px;line-height:1.2;padding-top:15px !important}
.gallery_etc{text-align:left !important;}






/*검색폰트(셀렉트박스)*/
.com_board_search{width:100% !important}
#search_table{margin-top:10px;}
#search_table td {padding: 0px !important; }
#search_table input{height:28px}
@media screen and (max-width: 767px) {
#search_table .row{padding:0px 15px;}
input.keywordform{width:130px !important;}
}

#search_display1{padding:0px 2px;margin-top:1px}


input[name='com_board_search_value'] {padding:3px;width:100%;border:1px solid rgba(0,0,0,.4);}
input[name='com_board_search_value1'] {padding:3px;width:100%}
input[name='com_board_search_value2'] {padding:3px;width:100%}

select[name='com_board_search_code']{height:28px;}

#post_area img{max-width:100% !important; height:auto !important;  }
@media screen and (max-width: 767px) {
  #post_area {padding:0px !important;}
  .att_title:first-child {display:none;}
  .att_title:last-child {display:none;}
  .bbsno {display:none;}
  .bbsetc_view_count{display:none;}
  .webzine_type2 .webzine_type_img_td {width:100%}
  .webzine_type2 .webzine_type_text_td_left {width:100%;}
}

@media screen and (max-width: 767px) {
.board_10 .att_title {padding:5px 0px !important;border:none;}
.board_10 .att_title:first-child {display:block !important;width:40px;}
.board_10 .att_title:first-child {}
.board_10 td:nth-child(3){display:none;}

}



#post_area p,#post_area span{ 
   font-family: 'notokr-demilight', Roboto, Sans-Serif !important;
   font-style: normal;
   font-weight: 100;
   font-size: 14px !important;
   line-height: 1.70 !important;
   color: #777777 !important;
}
.seResize2 span{font-size:11px !important;line-height:4 !important;color:#666 !important;}

.com_formmail{width: 100%;}
.formmail_title_bgcolor{font-family: 'notokr-medium',Sans-Serif;}
.formmail_cell_bgcolor input{width: 95%;padding:3px}
textarea{width: 97% !important;padding:3px}
textarea[name='description']{width: 95% !important;padding:3px}
.formmail_cell_bgcolor input[name='com_formmail_check_safe']{width: 15px}
.formmail_cell_bgcolor table td{padding: 0px;font-size:9px;}

.board_output_22 .board_output, .board_output_16 .board_output{height:460px}
.board_output_22_tr td:first-child{display:none}
.board_output_22_tr td:nth-child(2){width:20%;}
.board_output_22_tr td:nth-child(3){width:65%;}
.board_output_22_tr td:nth-child(4){width:15%;}
.board_output_22_tr td {font-size:15px;color:#777;line-height:22px}
.board_output_22_tr td a{font-size:15px;color:#777;}
.board_output_22_tr img{width:100px !important;height:auto;border-radius:50%;}

.board_output_16_tr td:first-child{display:none}
.board_output_16_tr td:nth-child(2){width:20%;}
.board_output_16_tr td:nth-child(3){width:65%;}
.board_output_16_tr td:nth-child(4){width:15%;}
.board_output_16_tr td {font-size:15px;color:#777;line-height:22px}
.board_output_16_tr td a{font-size:15px;color:#777;}
.board_output_16_tr img{width:100px !important;height:auto;border-radius:50%;}


/*---formmail --*/
.MainContact td{margin:3px;}

.MainContact .formmail_title_bgcolor{width:22% !important;}

.MainContact .formmail_cell_bgcolor input[name='name']{width:95% !important;}
.MainContact .formmail_cell_bgcolor input[name='add1']{width:95%  !important;}
.MainContact .formmail_cell_bgcolor input[name='receiver_email']{width:95%  !important;margin-left:-10px;}