@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");

/*
 *
 *   INSPINIA - Responsive Admin Theme
 *   version 2.9.2
 *
*/


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

/* #processdDiv{z-index:11; position:fixed; top:0; left:0; right:0; bottom:0; width : 100%; height: 100%; background:rgba(0,0,0, 0.5) url('../../../assets/sheet/Main/process.png') center no-repeat; border-radius:3px;box-sizing:border-box;content:"";transition:all 0.4s;} */
/* #processdDiv{display:table; vertical-align: middle; z-index:9999; position:fixed; top:0; left:0; right:0; bottom:0; width : 100%; height: 100%; background:url('../../../assets/add_resources/images/Main/process2.png') center no-repeat; border-radius:3px;box-sizing:border-box;content:"";transition:all 0.4s;} */
/* #processdpopDiv{display:table; vertical-align: middle; z-index:9999; position:fixed; top:0; left:0; right:0; bottom:0; width : 100%; height: 100%; background:url('../../../assets/add_resources/images/Main/process2.png') center no-repeat; border-radius:3px;box-sizing:border-box;content:"";transition:all 0.4s;} */

.processdText {display:table-cell; text-align:center; vertical-align:middle; }


#processdDiv{display:table; vertical-align: middle; z-index:9999; position:fixed; top:0; left:0; right:0; bottom:0; width : 100%; height: 100%; border-radius:3px;box-sizing:border-box;content:"";transition:all 0.4s;}













.send-message-view {
    position: relative;
}

/* 문자보관함/ 특수문자 */
.send-message-view .textTab > ul {
    position: absolute;
    right: 0;
    top: 85px;
    width: 30px;
    height: 220px;
    background: #ddd;
}
.send-message-view .textTab > ul > li {
    height: 110px;
    cursor: pointer;
}
.send-message-view .textTab > ul > li > p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}
.send-message-view .textTab > ul > li > p > span {
    display: block;
    width: 30px;
    font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
    text-align: center;
}

.send-message-view .textTab > ul > li:first-child {
    background-color: #bcbcbc;
}
.send-message-view .textTab > ul > li:last-child {
    background-color: #ddd;
}
.send-message-view .textTab > ul > li.on {
    background-color: #bcbcbc;
}

/* 문자보관함/특수문자 */

.send-message-view .textTab .contsBox {
    position: absolute;
    top: 0;
    left: 30px;
    width: 770px;
    display: none;
}

.send-message-view .textTab .contsBox > div {
    width: 100%;
    padding: 30px 45px;
    border: 1px solid #bcbcbc;
    background: #f5f5f5;
    box-shadow: 19.1px 19.1px 35px 0 rgba(0, 0, 0, 0.2);
}

/* 문자보관함 header*/
.contsBox__header {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.contsBox__header h4 {
    font-size: 25px;
/*    color: #fff;*/
}

.contsBox__header .search {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 216px;
    height: 40px;
}

.contsBox__header .search input {
    width: 100%;
    height: 40px;
    background-color: rgba(255,255,255,.5);
}

/*
 .search_btn {
     position: absolute;
     right: 0;
     width: 40px;
     height: 40px;
     background: url('/html/_skin/mdp/img/icons/ico_search_btn-sm.png')no-repeat center/auto;  
 }
 */

/* 문자보관함 body */

.contsBox__body {
    padding-top: 25px;
    height: 356px;
    overflow-x: hidden;

}
#textBox .contsBox__body {
   overflow-y: scroll; 
}
#textBox .textBox__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -4px;
}
#textBox .textBox__list li {
    width: 33.3333%;
    padding: 0 4px;
}

.round_border_box {
    border-radius: 10px;
    background-color: #fff;
}

#textBox .textBox__list .round_border_box {
    padding: 10px 32px 20px;
    height: 280px;
}

#textBox .textBox__list .textBox__item dt {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}
#textBox .textBox__list .textBox__item dd {
    font-size: 12.5px;
    line-height: 1.5;
    padding: 15px 0;
    color: #333;
    
}
#textBox .textBox__list .textByte {
    font-size: 14px;
}

#textBox .textBox__list .btn-wrap {
    margin: 9px -2.5px;
}
#textBox .textBox__list .btn-wrap:after {
    content: "";
    display: block;
    clear: both;
}
#textBox .textBox__list .btn-wrap button {
    width: calc(50% - 5px);
    min-width: 0;
    display: inline-block;
    margin: 0 2.5px;
    float: left;
}



/* 추천템플릿 */
.message-template__category > ul {
    padding: 10px 0;
}
.category__tabs {
    margin: 20px 0;
    background-color: #e6efff;
}
.category__tabs > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.category__tabs > ul > li:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -3px;
    background-color: rgba(0,0,0,.1);
}

.category__tabs > ul > li > a {
    padding:  0 25px;
    line-height: 40px;
    
}
.category__tabs > ul > li.on > a  {
    color: #2367eb;
    font-weight: bold;
}

/* 추천템플릿 탭 fitst*/


/* tablayout */
#cate_list_first {
    padding: 0;
    font-size: 0;
    margin-top: 30px;
    text-align: center;
}
#cate_list_first > li {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    font-size: 16px;
    font-weight: 500;
}
#cate_list_first > li a {
    display: block;
    min-width: 120px;
    padding: 10px 25px 11px;
    color: #999;
    border-radius: 25px;
    border: 1px solid #ddd;
}
#cate_list_first > li.on a {
    color: #2367eb;
    border-color: #2367eb;
}

/* tab contents */

.template__list > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.template__list > ul > li {
    width: 25%;
    padding: 0 10px;
}

.template__content .item__conts {
    position: relative;
    height: 240px;
    padding: 25px 20px;
    border: 1px solid #cbcbcb;
    border-radius: 10px;
}
.template__content .item__conts p {
    line-height: 1.5;
}

.template__content .item__conts figure {
    margin-bottom: 10px;
}
.template__content .item__title {
    text-align: center;
    padding: 18px 0;
}
.template__content .item__title p {
    font-size: 18px;
    font-weight: 500;
}
.template__content .item:hover .item__conts {
    border-color: #2367eb;
}

.template__content .item .y-scoll {
    position: relative;
    z-index: 2;
}
/* 이미지만 있을때 */

.template__list > ul.type2 > li {
    width: 20%;
    padding: 0 10px;
}
.template__list > ul.type2 .item__conts {
    height: auto;
    padding: 0;
    overflow: hidden;
}

.template__list > ul.type2 .item__conts .y-scroll {
    height: auto!important;
}




/* 예약전송관리 */
/* 팝업 */
.bg_f8f8f8 .list__table table tr td {
    background: #fff;
}
.list__table.fz14 table tr th {
    font-size: 14px;
}  

.modal .mypage-search-wrap .list__table table tr th,
.modal .mypage-search-wrap .list__table table tr td {
    padding: 8px;
}



/* mobile */
.mobile-phone {
    width: 305px;
    height: 620px;
    padding: 35px 28px;
    border-radius: 40px;
    background: url('../../resources/belltechsoft/images/img_iphone_new.png')no-repeat center/auto;
    -webkit-box-shadow: 0px 10px 30px 0 rgba(42, 47, 53, 0.1);
    box-shadow: 0px 10px 30px 0 rgba(42, 47, 53, 0.1);
    /* background-color: blue;*/
}
.mobile-phone .y-scroll {
    /*height: 375px;*/
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}
.mobile-phone .image_container,
.mobile-phone #image_container {
    position: relative;
}
.image_container img {
    max-width: 100%;
}

.mobile-phone .goods_info_box.type_1 .goods_img {
    width: 150px;
    margin: 0 auto;
    padding-top: 10px;
}

#image_container figure {
    position: relative;
    width: calc(100% - 25px);
    text-align: center;
    margin-bottom: 10px;
    background: #fafafa; 
}
#image_container figure img {
    max-height: 100px;
}

#image_container .btn_delete {
    position: absolute;
    left: 100%;
    top:0;
    width: 20px;
    height: 20px;
}



.mobile-phone #image_container .paging {
    width: 20px;
    position: absolute;
    right: 0;
    top: 0;
}
#image_container .paging li + li {
    margin-top: 5px;
}
#image_container .paging li a {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ddd;
}
#image_container .paging li.on a {
    color: #fff;
    border-color: #2367eb;
    background: #2367eb;
}
.mobile-phone table input,
.mobile-phone table textarea {
    width: 100%;
    padding:0; 
    border: none;
    background: #fff;
    outline: none;
    font-weight: 400;
} 
.mobile-phone table {
    table-layout: fixed;
}
.mobile-phone table tr {

}
.mobile-phone table tr td {
    border: none;
    padding: 10px 0!important;
}
.mobile-phone table tr td.pt-0 {
    padding-top: 0!important;
}
.mobile-phone table tr td.pb-0 {
    padding-bottom: 0!important;
}
.mobile-phone table tr td.menu {
    position: relative;
    
}
.mobile-phone table tr td.menu input {
    padding-right: 70px;
    height: 30px;
}
.mobile-phone table tr td.menu .byte {
    position: absolute;
    right: 0;
    top:10px;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    float: right;
}
.mobile-phone .text-byte {
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 15px;
}
.mobile-phone .text-byte #now_text_type {
    float: left;
    font-weight: 400;
}
.mobile-phone .btn-wrap {
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.mobile-phone .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}
.mobile-phone .btn-wrap button {
    flex: auto;
    margin: 2px;
}
/* // mobile */


.selectcell {color: red; background-color: yellow;}

.selectcell2 {color: #FF8A00; background-color: #E8EBF0;}

.selectcell3 {color: red; background-color: #FFFADF;}

.tdmiddle td {vertical-align: middle !important}


.highlighted {color: red;}






.btn2 {
    border-radius: 3px;
    border: 1px solid transparent;
    padding: 6px 0px;
    font-size: 13px;
    min-width: 100px;
}

.inmodal .modal-title2 {
  color:#ffffff;
  font-size:18px;
  padding-top: 5px;
  padding-right: 30px;
}

/* EIS 추가 시작 */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.modelChart {height: 340px;}
.data-chart{height:100%;}

.recomIndex-wrap {margin-top:20px;}
.recomIndex-wrap li{}
.recomIndex-wrap li a{display:block; padding:20px 10px; border-bottom:1px solid #ebebeb; font-size:16px; font-weight:700; color:#333;}
.recomIndex-wrap li.active a{border-bottom:2px solid #002dbc; background:#f5f6fa; color:#002dbc;}

.mainCon01{margin-top:20px;}
.roundBorder {padding:20px; border-radius:7px; border:1px solid #ebebeb;}
.sotxt01{font-size:25px !important; color:#002dbc !important;}
.sotxt02{font-size:15px !important; color:#888 !important;}
.mainConH01 {height:415px;}
.mainConH02 {height:425px;}
.main-tit-level1 {
  color: #000;
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: -1px;
}

.tit-level1,.tit-level2,.tit-level3,.tit-level4 {
  font-weight: 700;
  letter-spacing: 0;
  color:#000;
  line-height:100%;
  letter-spacing:0;
}

.tit-level1 {
  color: #000;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  margin:20px 30px 11px;
}

.tit-level2 {
  color: #7f8fa4;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}

.tit-level2 span {
  color: #97a3b5;
  font-size: 1.333rem;
}

.tit-level2 + .tab-title {
  margin-top: 40px;
}

.tit-level2 + .tab-title + .cont-box {
  margin-top: 0;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

.tit-level3 {
  color: #000;
  font-size: 17px;
  font-weight: 700;
}

.tit-level3 + p {
  margin-top: 20px;
}

.tit-level4 {
  color: #c2c9db;
  font-weight: 700;
}

.dashboard-cont .performance-wrap {
  position: absolute;
  bottom: 20px;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
}

.dashboard-cont .performance-wrap li {
  padding-bottom: 20px;
}

.performance-wrap-main.performance-wrap li {margin-top:14px;}

.dashboard-cont .performance-wrap li + li {
  border-top: 1px solid #e7e7e7;
}

.performance.red .tit-wrap .percent {
  color: #ff7675;
}

.performance.red .progress-bar {
  background: #ff7675 !important;
}

.performance .tit-wrap {
  *zoom: 1;
  display: block;
  padding: 10px 0;
}

.performance .tit-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.performance .tit-wrap span {
  font-weight: 700;
}

.performance .tit-wrap span.tit {
  float: left;
  color: #aaa;
  font-weight:400;
  font-size: 1.067rem;
}

.performance .tit-wrap span.percent {
  float: right;
  color: #000000;
  font-size:22px;
}

.performance .tit-wrap .volume {
  float: right;
  color: #c4c9da;
  font-size: 0.933rem;
}

.performance .tit-wrap .volume span {
  font-weight: 700;
}

.progress-wrap {
  overflow: hidden;
  width: 100%;
  height: 3px;
  background: #c2c9db;
}

.progress-wrap .progress-bar {
  width: 1px;
  height: 3px;
  background: #ff7e00;
  -webkit-transition: width 1s ease;
  -o-transition: width 1s ease;
  transition: width 1s ease;
}

/* EIS 추가 끝 */





/* 버튼 컨테이너 스타일 */
.button-container {
  display: flex;
  gap: 10px;
}

/* 버튼 공통 스타일 */
.button {
  width: 132px; /* 버튼을 20% 더 크게 설정 */
  height: 52px; /* 버튼을 20% 더 크게 설정 */
  color: #ffffff; /* 글자 색상을 흰색(#ffffff)으로 변경 */
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 16px; /* 상하 8px, 좌우 16px 여백 추가 */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

/* 녹화 버튼 스타일 */
.record-button {
  height: 20px;
  background-color: #FF6666; /* 녹색(#FF4500)에서 연한 빨간색(#FF6666)으로 변경 */
}

/* 비활성화된 버튼 스타일 */
.button:disabled {
  height: 20px;
  background-color: #ccc; /* 배경색을 회색(#ccc)으로 변경 */
  cursor: not-allowed;
  color: #000; /* 글자 색상을 검은색(#000)으로 변경 */
}

/* 일시멈춤 버튼 스타일 */
.pause-button {
  height: 20px;
  background-color: #FF9800;
}

/* 다시녹화 버튼 스타일 */
.re-record-button {
  height: 20px;
  background-color: #2196F3;
}

/* 녹화종료 버튼 스타일 */
.stop-button {
  height: 20px;
  background-color: #4CAF50; /* 파란색(#8B0000)에서 녹색(#4CAF50)으로 변경 */
}

/* 아이콘 공통 스타일 */
.icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background-color: #ffffff;
  border-radius: 50%;
}

/* 녹화 아이콘 스타일 */
.record-icon {
  background-color: #FF6666; /* 녹색(#FF4500)에서 연한 빨간색(#FF6666)으로 변경 */
}

/* 일시멈춤 아이콘 스타일 */
.pause-icon {
  background-color: #FF9800;
}

/* 다시녹화 아이콘 스타일 */
.re-record-icon {
  background-color: #2196F3;
}

/* 녹화종료 아이콘 스타일 */
.stop-icon {
  background-color: #4CAF50; /* 파란색(#8B0000)에서 녹색(#4CAF50)으로 변경 */
}

.video {
width: 100% !important;
height: auto !important;
}


.shorttit{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


  /* 페이지네이션 디자인 변경 및 동그라미 스타일 적용 */
  .swiper-pagination2 {
    background: transparent; /* 배경 투명 설정 */
    text-align: center; /* 페이지네이션 아이템 가운데 정렬 */
    padding: 10px 0; /* 페이지네이션 아이템 간격 조절 */
  }
  
  .swiper-pagination2-bullet {
    width: 10px; /* 동그라미 크기 조절 */
    height: 10px;
    background: #333; /* 동그라미의 배경색 설정 */
    display: inline-block; /* 아이템을 인라인 블록으로 표시 */
    margin: 0 5px; /* 아이템 간격 조절 */
    border-radius: 50%; /* 동그라미 모양으로 설정 */
    cursor: pointer; /* 마우스 오버 시 포인터 커서로 변경 */
  }
  
  .swiper-pagination2-bullet-active {
    background: #ff5733; /* 활성 페이지의 동그라미 배경색 설정 */
  }
  .txt_title02 {
    font-size: 22px;
    line-height: 100%;
    margin-bottom: 10px;
    color: #086d1c;
    font-weight: 500;
}