/* Poppins - local */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../assets/font/Poppins-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../assets/font/Poppins-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../assets/font/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../assets/font/Poppins-Bold.ttf') format('truetype');
}
/* Play - local */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../assets/font/Play-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../assets/font/Play-Bold.ttf') format('truetype');
}
/* font-family: 'Play',sans-serif; */
*{box-sizing: border-box; font-family: 'Poppins', sans-serif;letter-spacing: -0.02em;}
a{
  color: #222;
  cursor: pointer;
}
html{scroll-behavior: smooth;}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
  zoom: 0.8;
}

body.fixed {width: 100%; height: 100%; overflow: hidden;}
.grade {writing-mode:unset !important;}
.relative{position: relative;}
.pc-show {display: block !important;}
.m-show {display: none !important;}
/*폰트사이즈*/
.emphasis-txt01 {
  font-weight: bold;
  font-size: 52px;
}

.emphasis-txt02 {   
  font-weight: bold;
  font-size: 48px;
}

.point-tit {
  font-weight: bold;
  font-size: 40px;
}

.main-tit {
  font-weight: bold;
  font-size: 32px;
}

.sub-tit {
  font-weight: 400;
  font-size: 24px;
}

.basic-txt01 {
  font-weight: 400;
  font-size: 20px;
}

.basic-txt02 {
  font-weight: 400;
  font-size: 16px;
}

.remark-txt{
  font-weight: 300;
  font-size: 14px;
}
.yg-num{
  color: #E02112;
  font-family: "YG-number";
}
/* 공용버튼 */
.common-btn{
  width: 120px;
  padding: 0 20px;
  height: 44px;
  border: 1px solid #222;
  border-radius: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .35s;
}
.common-btn:hover{background: #ed1c24;color: #fff;border-color: #ed1c24;}
/*font-color*/
.dark-grey {color: #656565;}
.gery {color:#aaa;}
.light-grey {color:#ddd;}
.white-grey {color:#f4f4f4;}
.emphasis-color{color: #ed1c24;}

/*전체를 감싸는 클래스*/
.con-wrap { width:100%; position:relative;} 

/*부분 컨텐츠를 감싸는 클래스*/
.con-box { width: calc(100% - 40px); max-width:1440px;margin:0 auto;} 
 
/*텍스트 타입*/
.txt-type01 { } 
.txt-type02 { } 
.txt-type02::before { content:"·"; padding-right:5px; } 
.txt-type03 { } 
.txt-type03::before { content:"-"; padding-right:5px; } 
.txt-type04 { } 
.txt-type04::before { content:"＊"; padding-right:5px; } 
.txt-type-ps { color: #ED1C24}; 
.txt-type-ps::before { content:"※"; padding-right:5px; color:#ED1C24;} 

/*ul 리스트 타입*/
.ul-type02 li, .ul-type03 li, .ul-type04 li{padding-left: 10px;position: relative;} 
.ul-type02 li::before, .ul-type03 li::before, .ul-type04 li::before { content:'';position: absolute;left: 0;top: 0;} 
.ul-type02 li::before{top: 8px;width: 4px;height: 4px;border-radius: 50%;background: #222;}
.ul-type03 li::before { content:"-";} 
.ul-type04 li::before { content:"*";} 

/*ol 리스트 타입*/
.ol-type01 { } 
.ol-type02 { text-decoration:none; list-style:none; } 
.ol-type02 li { margin-bottom:10px; } 
.ol-type02 span { display:inline-block; width:24px; height:24px; border-radius:100%; text-align:center;line-height:24px; color:#fff; font-weight:bold; margin-right:6px; } 

/*테이블 요소*/
caption { display:none;} 

.table-type01 { width:100%; max-width:1440px; margin: 0 auto; border-collapse: collapse;} 
.table-type01 thead { border-top:2px solid #000;background: #F4F4F4;} 
.table-type01 th {padding:10px; border:1px solid #ddd; font-weight:bold;text-align: center;} 
.table-type01 td {padding:10px 15px; border:1px solid #ddd;word-break:break-all;text-align: center;}
.table-type01 th.txt-left, .table-type01 td.txt-left{text-align: left;}
.table-type01 th.first, .table-type01 td.first{border-left:none;}
.table-type01 th.last, .table-type01 td.last{border-right: none;}

/*간격조정*/
.mt0 { margin-top:0px !important } 
.mt10 { margin-top:10px !important } 
.mt20 { margin-top:20px !important } 
.mt25 { margin-top:25px !important }
.mt30 { margin-top:30px !important } 
.mt40 { margin-top:40px !important } 
.mt50 { margin-top:50px !important } 
.mt60 { margin-top:60px !important } 
.mt70 { margin-top:70px !important } 
.mt80 { margin-top:80px !important } 
.mt90 { margin-top:90px !important } 
.mt100 { margin-top:100px !important } 
.mb0 { margin-bottom:0px !important } 
.mb10 { margin-bottom:10px !important } 
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important } 
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important } 
.mb40 { margin-bottom:40px !important } 
.mb50 { margin-bottom:50px !important } 
.mb55 { margin-bottom:55px !important}
.mb60 { margin-bottom:60px !important } 
.mb70 { margin-bottom:70px !important } 
.mb80 { margin-bottom:80px !important } 
.mb90 { margin-bottom:90px !important } 
.mb100 { margin-bottom:100px !important } 
.mb110 { margin-bottom:110px !important } 
.ml0 { margin-left:0px !important } 
.ml10 { margin-left:10px !important } 
.ml20 { margin-left:20px !important } 
.ml30 { margin-left:30px !important } 
.ml40 { margin-left:40px !important } 
.ml50 { margin-left:50px !important } 
.ml60 { margin-left:60px !important } 
.ml70 { margin-left:70px !important } 
.ml80 { margin-left:80px !important } 
.ml90 { margin-left:90px !important } 
.ml100 { margin-left:100px !important } 
.mr0 { margin-right:0px !important } 
.mr10 { margin-right:10px !important } 
.mr20 { margin-right:20px !important } 
.mr30 { margin-right:30px !important } 
.mr40 { margin-right:40px !important } 
.mr50 { margin-right:50px !important } 
.mr60 { margin-right:60px !important } 
.mr70 { margin-right:70px !important } 
.mr80 { margin-right:80px !important } 
.mr90 { margin-right:90px !important } 
.mr100 { margin-right:100px !important } 

.pt0 { padding-top:0px !important } 
.pt10 { padding-top:10px !important } 
.pt20 { padding-top:20px !important } 
.pt30 { padding-top:30px !important } 
.pt40 { padding-top:40px !important } 
.pt50 { padding-top:50px !important } 
.pt60 { padding-top:60px !important } 
.pt70 { padding-top:70px !important } 
.pt80 { padding-top:80px !important } 
.pt90 { padding-top:90px !important } 
.pt100 { padding-top:100px !important } 
.pb0 { padding-bottom:0px !important } 
.pb10 { padding-bottom:10px !important } 
.pb20 { padding-bottom:20px !important } 
.pb30 { padding-bottom:30px !important } 
.pb40 { padding-bottom:40px !important } 
.pb50 { padding-bottom:50px !important } 
.pb60 { padding-bottom:60px !important } 
.pb70 { padding-bottom:70px !important } 
.pb80 { padding-bottom:80px !important } 
.pb90 { padding-bottom:90px !important } 
.pb100 { padding-bottom:100px !important } 
.pl0 { padding-left:0px !important } 
.pl10 { padding-left:10px !important } 
.pl20 { padding-left:20px !important } 
.pl30 { padding-left:30px !important } 
.pl40 { padding-left:40px !important } 
.pl50 { padding-left:50px !important } 
.pl60 { padding-left:60px !important } 
.pl70 { padding-left:70px !important } 
.pl80 { padding-left:80px !important } 
.pl90 { padding-left:90px !important } 
.pl100 { padding-left:100px !important } 
.pr0 { padding-right:0px !important } 
.pr10 { padding-right:10px !important } 
.pr20 { padding-right:20px !important } 
.pr30 { padding-right:30px !important } 
.pr40 { padding-right:40px !important } 
.pr50 { padding-right:50px !important } 
.pr60 { padding-right:60px !important } 
.pr70 { padding-right:70px !important } 
.pr80 { padding-right:80px !important } 
.pr90 { padding-right:90px !important } 
.pr100 { padding-right:100px !important } 

/* label */
.object-label{
  width: 92px;/* 너비조정은 각 css에서 따로 정의해주세요. */
  position: absolute;
  top: -8px;
  left: -8px;
  font-size: 14px;
  background: #ED1C24;
  border: 1px solid #C11C0F;
  color: #fff;
  text-align: center;
  padding: 3px 0;
  text-transform: uppercase;
  z-index: 99;
}
.object-label.black-object-label{
  background: #222;
  border: 1px solid #656565;
}
/* //label */
/* yg-1 가상객체 */
.yg-object{position: relative;padding-left: 25px;}
/* -------------- !image 경로주의 해주세요!(가상객체 왼쪽 기준) -------------- */
.yg-object::after{display: block;content: '';width: 20px;height: 15px;background: url(../images/object.png) no-repeat center / contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/* //yg-1 가상객체 */

/* subPage - 게시판 pagenation */
.board-page {
  width: 100%;
  max-width: 768px;
  margin: 35px auto 0;
  text-align: center;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.board-page-arrowWrap {display: flex;}
.board-page .num-wrap {
  display: flex;
  align-items: center;
  margin: 0 32px;
}
.board-page a {
  width: 44px;
  height: 44px;
}
.board-page a.bt {
  font-size: 1.2rem;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  margin: 0;
  text-indent: -9999em;
}
.board-page a.bt.first{background:url("../images/board-prev-double-arrow.png") no-repeat center center;margin-right: 8px;}
.board-page a.bt.prev{background:url("../images/board-prev-arrow.png") no-repeat center center; text-indent: -9999px;}
.board-page a.bt.next{background:url("../images/board-next-arrow.png") no-repeat center center; text-indent: -9999px;}
.board-page a.bt.last{background:url("../images/board-next-double-arrow.png") no-repeat center center;margin-left: 8px;}
.board-page a.num{
  font-size:16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-page a.num.on{ color:#ED1C24; font-weight:bold;}
/* //subPage - 게시판 pagenation */

/* search */
.board-search{width: 464px;}
.board-search form{
  width: 100%;
  height: 44px;
  margin: 0 auto;
  position: relative;
}
.board-search label, .board-search label input{
  width: 100%;
  height: 100%; 
}
.board-search label input{outline: none;}
.board-search label input.report-search {
  border: 1px solid #eee; 
  padding-left: 12px;
  padding-right: 42px;
  font-size: 14px;
}
.board-search .submit{
  width: 24px; 
  height: 24px; 
  cursor: pointer; 
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.board-search .submit img{vertical-align: middle;}
/* //search */
/* selectBox custom */
.select-custom {
  width: 100%;
  margin: 36px auto 0;
  position: relative;
}
.select-custom .select_tit {
  width: 100%;
  height: 44px;
  position: relative;
  display: block;
  padding: 10px 40px 10px 12px;
  letter-spacing: -0.2px;
  border: 1px solid #eee;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-custom .select_tit::after {
  display: block;
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(../images/select-arrow.png) no-repeat center / contain;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: .35s;
}
.menu-select.select-custom .select_tit::after {background: url(../images/select-arrow-active.png) no-repeat center/ contain;}
.select-custom .select_tit.active::after {transform: translateY(-50%) rotate(-180deg);}
.select-custom .select_tit img{display: inline-block;vertical-align: middle;height: 100%;}
.select-custom-list {
  width: 100%;
  max-height: 308px;
  overflow-y: auto;
  display: none;
  background: #fff;
  border: 1px solid #eee;
  border-top: 0;
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 88;
}
.select-custom-list::-webkit-scrollbar {width: 6px;height: 6px;}
.select-custom-list::-webkit-scrollbar-thumb {background-color: #aaa}
.select-custom-list::-webkit-scrollbar-track {background: #E6E6E6;}
.select-custom-list.active {display: block;}
.select-custom-list > li {
  height: 44px;
  display: flex;
  align-items: center;
  padding: 5px 12px;
  cursor: pointer;
}
.select-custom-list > li:hover{background: #eee;}
.select-custom-list > li img{height: 100%;}
/* work piece */
.select-custom .select_tit.work-piece {display: flex;align-items: center;}
.work-icon{width: 24px;height: 24px;border-radius: 5px;font-size: 14px;color: #fff;font-weight: 600;
display: flex;align-items: center;justify-content: center;margin-right: 8px;}
.select_tit .work-icon:last-child{margin-left: 0;}

.work-icon {width: 24px;height: 24px;border-radius: 5px; font-size: 13px; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.work-icon-p { background: #31C7E6;}
.work-icon-h { background: #A6A6A6;}
.work-icon-m { background: #FFD200;}
.work-icon-k { background: #E23E3E;}
.work-icon-n { background: #58C64C;}
.work-icon-s { background: #F28E00;}

/* laguage select */
.select-custom.lang-select{margin-top: 0;width: 180px;}
.select-custom.lang-select .select_tit,
.select-custom.lang-select .select-custom-list > li{height: 36px;}
.select-custom.lang-select .select_tit{padding: 6px 34px 4px 40px;}
.select-custom.lang-select .select_tit::before {content: ''; width: 30px; height: 20px;background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block;position: absolute;left: 4px;top: 50%;transform: translateY(-50%);}
.select-custom.lang-select .select-custom-list > li{padding: 4px;}
.select-custom.lang-select .select-custom-list > li::before {content: ''; width: 30px; height: 20px;background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block;margin-right: 8px;}
.select-custom.lang-select .select-custom-list{top: 36px;}

.select-custom.lang-select .select_tit.KOR::before,
.select-custom.lang-select .select-custom-list > li.KOR::before{background-image: url(../../images/gnb/icon/kor-icon.png);}
.select-custom.lang-select .select_tit.CZE::before,
.select-custom.lang-select .select-custom-list > li.CZE::before {background-image: url(../../images/gnb/icon/cze-icon.png);}
.select-custom.lang-select .select_tit.CHN::before,
.select-custom.lang-select .select-custom-list > li.CHN::before {background-image: url(../../images/gnb/icon/chn-icon.png);}
.select-custom.lang-select .select_tit.DEU::before,
.select-custom.lang-select .select-custom-list > li.DEU::before {background-image: url(../../images/gnb/icon/deu-icon.png);}
.select-custom.lang-select .select_tit.ENG::before,
.select-custom.lang-select .select-custom-list > li.ENG::before {background-image: url(../../images/gnb/icon/eng-icon.png);}
.select-custom.lang-select .select_tit.ESP::before,
.select-custom.lang-select .select-custom-list > li.ESP::before {background-image: url(../../images/gnb/icon/esp-icon.png);}
.select-custom.lang-select .select_tit.FRA::before,
.select-custom.lang-select .select-custom-list > li.FRA::before {background-image: url(../../images/gnb/icon/fra-icon.png);}
.select-custom.lang-select .select_tit.ITA::before,
.select-custom.lang-select .select-custom-list > li.ITA::before {background-image: url(../../images/gnb/icon/ita-icon.png);}
.select-custom.lang-select .select_tit.JPN::before,
.select-custom.lang-select .select-custom-list > li.JPN::before {background-image: url(../../images/gnb/icon/jpn-icon.png);}
.select-custom.lang-select .select_tit.HUN::before,
.select-custom.lang-select .select-custom-list > li.HUN::before {background-image: url(../../images/gnb/icon/hun-icon.png);}
.select-custom.lang-select .select_tit.POL::before,
.select-custom.lang-select .select-custom-list > li.POL::before {background-image: url(../../images/gnb/icon/pol-icon.png);}
.select-custom.lang-select .select_tit.PRT::before,
.select-custom.lang-select .select-custom-list > li.PRT::before {background-image: url(../../images/gnb/icon/prt-icon.png);}
.select-custom.lang-select .select_tit.RUS::before,
.select-custom.lang-select .select-custom-list > li.RUS::before {background-image: url(../../images/gnb/icon/rus-icon.png);}
.select-custom.lang-select .select_tit.THA::before,
.select-custom.lang-select .select-custom-list > li.THA::before {background-image: url(../../images/gnb/icon/tha-icon.png);}
.select-custom.lang-select .select_tit.VNM::before,
.select-custom.lang-select .select-custom-list > li.VNM::before {background-image: url(../../images/gnb/icon/vnm-icon.png);}
.select-custom.lang-select .select_tit.TUR::before,
.select-custom.lang-select .select-custom-list > li.TUR::before {background-image: url(../../images/gnb/icon/tur-icon.png);}

/* //selectBox custom */
.util-section.pc-show {
  position: fixed;
  bottom: 280px;
  right: -150px;
  z-index: 10;
  width: 225px;
}
.util-section.pc-show .click-here {position: relative; animation: arrow_down 1.5s ease-in-out infinite alternate;}
.util-section.pc-show .click-here p {font-size: 14px; text-align: center; width: 75px;}
.util-section.pc-show .click-here div {width: 75px;}
.util-section.pc-show .click-here div img {max-width: 100%; height:auto; display: block; margin: 0 auto;  animation: arrow-wave 0.75s infinite alternate;}
@keyframes arrow-wave {
  0% {opacity: 0;}
  50% {opacity: .5;}
  100% {opacity: 1;}
}

@keyframes arrow_down {
  0% {top: -2px;}
  50% {top: -6px;}
  100% {top: -2px;}
}
.gotop-btn{width: 60px;height: 60px;border-radius: 50%;background: #484848;color: #fff;font-size: 14px;display: flex;align-items: center;justify-content: center;margin-top: 20px;opacity: 0;visibility: hidden; transition: all .35s;position: fixed;right: 7.5px;bottom: 200px;z-index:199;}
.gotop-btn.active{opacity: 1;visibility: visible;}
.select-custom-list li > a {display:flex; align-items:center; width:100%; height:100%; }
.util-section.pc-show ul li {
  background-color: #484848;
  border-bottom: 1px solid #757575;
  position: relative;
  width: 225px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.util-section.pc-show ul li:hover {transform: translateX(-150px);}
.util-section.pc-show ul li a {
  font-weight: 600;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: right;
  transform-origin: right;
  padding: 7.5px;
}
.util-section.pc-show ul li a .txt-wrap {
  margin-left: 10px;
  font-weight: 600;
}
.util-section.pc-show ul li a .img-wrap img {display: block;}
.util-section.pc-show ul li:last-child {border-bottom: 0;}
.util-section.pc-show ul li:nth-child(1):hover {background-color: #ED1C24;}
.util-section.pc-show ul li:nth-child(2):hover {background-color: #1976BC;}
.util-section.pc-show ul li:nth-child(3):hover {background-color: #00AEA4;}
.util-section.pc-show ul li:nth-child(4):hover {background-color: #FCBE17;}
.util-section.pc-show ul li:nth-child(5):hover {background-color: #B512E3;}
/* util mobile */
.util-section.m-show {width: 100%;}
.util-section.m-show.active {z-index: 9999;}
.util-section.m-show .util-menu-dim {
  width: 130vw;
  height: 130vh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: .35s;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}

.util-section.m-show .quick-menu-item {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.util-section.m-show .quick-open {
  background: #ED1C24;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 20px;
  bottom: 80px;
  transition: opacity .35s;
  z-index: 201;
}

.util-section.m-show .quick-open:hover {
  background: #ED1C24;
}

.util-section.m-show .quick-open.active {
  transform: rotate(45deg);
}

.util-section.m-show .quick-open.active+.util-menu-dim {
  opacity: 1;
  z-index: 200;
}

.util-section.m-show .quick-menu-list {
  position: fixed;
  right: 20px;
  bottom: 174px;
  opacity: 0;
  pointer-events: none;
}

.util-section.m-show .quick-menu-list.active {
  opacity: 1;
  pointer-events: auto;
  z-index: 999;
}

.util-section.m-show .quick-menu-list>li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.util-section.m-show .quick-menu-tit {
  font-weight: 600;
  color: #fff;
  text-align: right;
  display: block;
  margin-right: 12px;
}

.util-section.m-show .quick-menu-list>li:not(:first-child) {
  margin-top: 32px;
}

.util-section.m-show .quick-menu-list>li:nth-child(1) .quick-menu-item {
  background-color: #ED1C24;
}

.util-section.m-show .quick-menu-list>li:nth-child(2) .quick-menu-item {
  background-color: #1976BC;
}

.util-section.m-show .quick-menu-list>li:nth-child(3) .quick-menu-item {
  background-color: #00AEA4;
}
.util-section.m-show .quick-menu-list>li:nth-child(4) .quick-menu-item {background-color: #FCBE17;}
.util-section.m-show .quick-menu-list>li:nth-child(5) .quick-menu-item {background-color: #B512E3;}
.util-section.m-show .quick-menu-list>li a img {
  width: 80%;
}
/* //util-section */
/* video-play-btn */
a.video-play-btn {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 60px;
}
a.video-play-btn img {width: 100%;}
/* //video-play-btn */
/* sweetalert custom */
.swal-footer {
  text-align: center;
  padding: 13px 25px;
  margin-top: 10px;
}
.swal-button{
  background-color: #222;
  min-width: 120px;
  border-radius: 25px;
  color: #fff;
  transition: all 0.3s;
}
.swal-button:not([disabled]):hover{background-color: #ed1c24;}
/* //sweetalert custom */
/* str switch */
.switch-wrap{
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}
.switch-wrap-inner{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.switch-wrap-inner div {margin: 0 12px;}
.switch-option{color: #656565;}
.switch-option.active{color: #222;font-weight: bold;}
.switch-wrap input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  display: block;
}
.switch-wrap label {
  cursor: pointer;
  text-indent: -9999px;
  width: 56px;
  height: 26px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
  margin: 0 auto;
}
.switch-wrap label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 50%;
  transition: all .35s;
}
.switch-wrap input:checked+label {background: #ed1c24;}
.switch-wrap input:checked+label:after {
  left: calc(100% - 5px);
  transform: translate(-100%, -50%);
}
.switch-wrap label:active:after {
  width: 22px;
}
/* share-cont */
.share-cont { width: 288px; position: absolute;display: flex; align-items: flex-start; flex-direction: row-reverse; justify-content: space-between; } 
.share-cont .share-btn { width: 36px; height: 36px;border: 1px solid #656565; border-radius: 50%; display: flex; align-items: center; justify-content: center; } 
.share-cont-inner { background: #fff; width: 240px;height: 110px; border: 1px solid #eee; padding: 15px 10px; border-radius: 10px; display: none;position: absolute;top: 40px;right: 0;z-index: 10;} 
.share-cont-inner.active { display: block; } 
.share-cont-inner > div { width: 100%; display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #eee; } 
.share-cont-inner > div strong { font-weight: 600; } 
.share-cont-inner > div .share-close { width: 15px; } 
.share-cont-inner > div .share-close img { width: 100%; } 
.share-links { margin-top: 10px; display: flex; align-items: center; justify-content: center;gap: 12px; } 
.share-links li { width: 32px; height: 32px; border: 1px solid #656565; border-radius: 50%; position: relative; } 
.share-links li:hover { border: 0; } 
.share-links li::after { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); content: ''; display: block; border-radius: 50%; z-index: 1; transition: .35s; } 
.share-links li:hover::after { transform: translate(-50%, -50%) scale(1); } 
.share-links li.share-facebook::after { background: #3B5998; } 
.share-links li.share-in::after { background: #0072b1; } 
.share-links li.share-wechat {display: none;}
.share-links li.share-wechat::after { background: #09B83E;} 
.share-links li.share-kakao::after { background: #FEE500;}
.share-links li.share-twitter::after { background: #000000; } 
.share-links li.share::after { background: #ED1C24; } 
.share-links li > a { width: inherit; height: inherit; display: flex; align-items: center; justify-content: center; } 
.share-links li.share-facebook > a { align-items: flex-end; } 
.share-links li img { position: relative; z-index: 2; } 
.share-links li img.active-icon { display: none; } 
.share-links li:hover img { display: none; } 
.share-links li:hover .active-icon { display: block; } 
/* //share-cont */
/* //str switch */
@media screen and (max-width: 768px) { 
  .gotop-btn{bottom: 10px;right: 20px;width: 60px;height:60px;}
  .pc-show {display: none !important;}
  .m-show {display: block !important;}
  .tab-menu-m {display: block;}
  .object-first::after, .object-second::after{
    font-size: 14px;
    padding: 5px 12px;
    left: -5px;
  }
  /* subPage - 게시판 pagenation */
  .board-page a.num:nth-child(n+6) {display: none;}
  .board-page a {
    width: 34px;
    height: 34px;
    margin: 0;
  }
  .board-page a.num {font-size: 14px;}
  .board-search {width: 100%;}
  /* //subPage - 게시판 pagenation */
  /* select-custom */
  .menu-select.select-custom .select_tit {
    border-bottom: 2px solid #ED1C24;
    font-size: 16px;
    font-weight: 600;
    color: #ED1C24;
  }
  .select-custom-list>li {padding: 5px;}
  /* .select-custom .select_tit {padding: 5px;} */
  .select-custom-list{top: 44px;}
  .select-custom .select_tit, .select-custom-list > li{height: 44px;}
  /* //select-custom */
  /* video-play-btn */
  a.video-play-btn{width: 40px;}
  /* //video-play-btn */
  /* sweetalert custom */
    .swal-modal{width: calc(100% - 40px);}
  /* //sweetalert custom */
  /* str switch */
  .switch-wrap-inner{width: 70%;} 
  .switch-option{font-size: 14px;}
  /* //str switch */

}
@media screen and (max-width: 450px) {
  .board-page .num-wrap {margin: 0 !important;}
  .board-page {justify-content: space-between;}
  .board-page a.num {margin-right:0;}
  .board-page a.num:last-child {margin-right: 0;}
  .board-page a.bt.last {margin-left:5px}
  .board-page a.bt.first {margin-right:5px;}
}
@media screen and (max-width:358px) {
  .board-page a.num {width:22px; height:22px; margin-right:0;}
}