html {font-size: 10px;}

:root {
  --signature-font : 'ADD', sans-serif;
}

*:lang(en),
[data-type="num"] {
  font-family: 'Play', sans-serif; font-weight: 400;
}

@font-face {
  font-family: 'Play';
  font-weight: 400;
  src: url("../fonts/Play-Regular.woff2") format("woff2"), url("../fonts/Play-Regular.woff") format("woff")
}
@font-face {
  font-family: 'Play';
  font-weight: 700;
  src: url("../fonts/Play-Bold.woff2") format("woff2"), url("../fonts/Play-Bold.woff") format("woff")
}

@font-face {
  font-family: 'noto';
  font-weight: 200;
  src: url("font/notokr-light.eot");
  src: url("../fonts/notokr-light.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-light.woff2") format("woff2"), url("../fonts/notokr-light.woff") format("woff")
}

@font-face {
  font-family: 'noto';
  font-weight: 400;
  src: url("../fonts/notokr-regular.eot");
  src: url("../fonts/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-regular.woff2") format("woff2"), url("../fonts/notokr-regular.woff") format("woff")
}

@font-face {
  font-family: 'noto';
  font-weight: 500;
  src: url("../fonts/notokr-medium.eot");
  src: url("../fonts/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-medium.woff2") format("woff2"), url("../fonts/notokr-medium.woff") format("woff")
}

@font-face {
  font-family: 'noto';
  font-weight: 600;
  src: url("../fonts/notokr-bold.eot");
  src: url("../fonts/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-bold.woff2") format("woff2"), url("../fonts/notokr-bold.woff") format("woff")
}

@font-face {
  font-family: 'ADD';
  font-weight: 400;
  src:  url('../fonts/ADD.ttf') format('truetype'), url('../fonts/ADD.woff') format('woff');
}

img[usemap] {max-width: 100%;width: auto; height: auto; }/* 반응형시 이미지 맵*/

body {
	margin: 0;
	padding: 0;
	color: #656565;
	line-height: 1.25;
	word-break: keep-all;
	font-size: 1.6rem;
	font-family: "noto";
	}
ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  list-style: none
}

a {
  color: inherit;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}

img {
  border: 0;
  vertical-align: top;
  margin: 0;
  padding: 0;
  max-width:100%;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%
}

caption {  
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

select, input, textarea {
  color: #454545;
  font-size: 1.6rem
}

select, input {
  vertical-align: middle;
}

input[type=text]::-ms-clear{display:none;}

address, em {
  font-style: normal
}

button {
  color:inherit;border:0;padding:0;background:0 0;cursor:pointer;
}
button,input,optgroup,pre,select,textarea{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

::-moz-selection {
  background: #fad716;
  color: #333
}

hr {
  margin: 0;
  border: none;
  padding: 0;
  display: block
}

figure, figcaption {
  padding: 0;
  margin: 0
}

fieldset {
  border: none;
  padding: 0;
  margin: 0
}

legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.skip-to {
  position: absolute;
  top: -99px;
  left: 0;
  background: #333;
  color: #fff;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  z-index: 999
}

.skip-to:hover, .skip-to:focus, .skip-to:active {
  display: block;
  top: 0
}

.clearfix {
  position: relative
}

.clearfix:after {
  content: "";
  display: block;
  clear: both
}

.pull-left {
  float: left !important
}

.pull-right {
  float: right !important
}

.text-center {
  text-align: center !important
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.form-control {
  display: inline-block;
  width: 100%;
  min-height:3.5rem;
  padding: 2px 8px;
  font-size: 1.4rem;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
  font-family: "noto"
}

textarea.form-control {
  height: inherit;
  resize: none
}

.form-control.xs {
  width: 75px
}

.form-control.sm {
  width: 100px
}

.form-control.md {
  width: 130px
}

.form-control.lg {
  width: 240px
}

.form-control.xl {
  width: 300px
}

.form-control.xxl {
  width: 700px
}

.form-control.normal {
  width: auto
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  color: #333;
  background-color: #fff;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  border: 1px solid #ddd;
  padding: 6px 12px;
  font-family: "noto"
}

.btn:hover, .btn:focus {
  transition: all .25s ease;
  -webkit-transition: all .25s ease
}

.btn.xs {
  width: 75px
}

.btn.sm {
  width: 100px
}

.btn.md {
  width: 125px
}

.btn.lg {
  width: 150px
}

.btn.xl {
  width: 185px
}

.btn.xxl {
  width: 230px
}

.btn.normal {
  width: auto
}

.substring {
  position: relative;
  padding-right: 15px;
  font-weight: 400
}

.substring:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "...";
  font-size: 1.4rem
}

.embed-container {
  position: relative;
  padding-bottom: 40%;
  height: 0;
  overflow: hidden;
  max-width: 100%
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.img-responsive {
  max-width: 100%;
  display: block;
  margin: 0 auto
}

.sr-only,.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}
/* slick slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto}
.slick-arrow.slick-hidden{display:none}

.w5{width:5%!important}
.w6{width:6%!important}
.w7{width:7%!important}
.w8{width:8%!important}
.w9{width:9%!important}
.w10{width:10%!important}
.w12{width:12%!important}
.w15{width:15%!important}
.w20{width:20%!important}
.w25{width:25%!important}
.w30{width:30%!important}
.w35{width:35%!important}
.w40{width:40%!important}
.w45{width:45%!important}
.w50{width:50%!important}
.w55{width:55%!important}
.w60{width:60%!important}
.w65{width:65%!important}
.w70{width:70%!important}
.w75{width:75%!important}
.w80{width:80%!important}
.w85{width:85%!important}
.w90{width:90%!important}
.w95{width:95%!important}
.w100{width:100%!important}

.container {  margin: 0 auto;  max-width: 1400px;}
/* table */
.table-wrap { position: relative; overflow: hidden;margin: 1rem 0; }

.table-wrap table { width: 100%; border-collapse:collapse; table-layout: fixed; border-top: 2px solid #333; }
.table-wrap table th:first-child,.table-wrap table td:first-child{border-left: 0px;}
.table-wrap table th:last-child,.table-wrap table td:last-child{border-right: 0px;}
.table-wrap table thead tr th { background-color: #f9f9f9; height: 60px; color: #333; font-size: 1.8rem; padding: 0px 0px 0px 5px; font-weight: 500;border: 1px solid #ddd; }
.table-wrap table tbody th { padding: 1.5rem 2rem; background-color: #f9f9f9; color: #333; text-align: center; font-weight: 500;border: 1px solid #ddd; font-size: 1.7rem;}
.table-wrap table .th_left th {  padding: 17px 35px; background-color: #f9f9f9; color: #333; text-align: left; font-weight: 500; }
.table-wrap table tbody th .essential { position: relative; display: inline-block; color: #43536e; }
.table-wrap table tbody th .essential::after { content: ""; width: 5px; height: 5px; background: #858990; border-radius: 50%; position: absolute; top: 5px; left: -10px; }
.table-wrap table tbody td { border: 1px solid #ddd; padding: 1.2rem .5rem; text-align: center; line-height: 1.6; position:relative; }
.table-wrap table tbody td strong { font-weight: 500; }
.table-wrap table tbody td .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; display: inline-block; vertical-align: middle; text-align: left; }
.table-wrap .th-center th {text-align: center;}
/*.table-wrap table tbody td .file { font-size: 2.4rem; }*/
.table-wrap table tbody td .attach-box { width: 368px; min-height: 100px; background-color: #fff; border: 1px solid #ddd; position: absolute; top: 60px; right: 0; z-index: 10; text-align: left; padding: 20px 30px; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; min-height: 0; -webkit-transition: all .3s; transition: all .3s; }
.table-wrap table tbody td .attach-box .title { display: block; color: #000; margin-bottom: 10px; }
.table-wrap table tbody td .attach-box .file-list > li { margin-top: 10px; }
.table-wrap table tbody td .attach-box .file-list > li > a { font-size: 1.5rem; color: #666; display: block; padding-left: 28px; position: relative; line-height: 1.2; }
.table-wrap table tbody td .attach-box .file-list > li > a::before { content: ""; width: 20px; height: 20px; position: absolute; top: -2px; left: 0; background: url(../images/common/bg_files.gif) no-repeat; }
.table-wrap table tbody td .attach-box .file-list > li > a.pdf::before { background-position: 0 0; }
.table-wrap table tbody td .attach-box .file-list > li > a.word::before { background-position: 0 -28px; }
.table-wrap table tbody td .attach-box .file-list > li > a.excel::before { background-position: 0 -55px; }
.table-wrap table tbody td .attach-box .file-list > li > a.ppt::before { background-position: 0 -82px; }
.table-wrap table tbody td .attach-box .file-list > li > a.img::before { background-position: 0 -112px; }
.table-wrap table tbody td .attach-box .file-list > li > a.zip::before { background-position: 0 -166px; }
.table-wrap table tbody td .attach-box .file-list > li > a.etc::before { background-position: 0 -139px; }
.table-wrap table tbody td .attach-box .file-list > li > a:hover { text-decoration: underline; color: #000; }
.table-wrap table tbody td .attach-box .close { position: absolute; top: 20px; right: 20px; }
.table-wrap table tbody td .attach-box::after { content: ""; width: 14px; height: 14px; border-width: 1px 1px 0 0; border-style: solid; border-color: #ddd; position: absolute; top: -8px; right: 56px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.table-wrap table tbody td .attach-box.active { visibility: visible; opacity: 1; min-height: inherit; }
.table-wrap table tbody td .tag { font-weight: 500; padding: 5px 10px; background-color: #313c4c; color: #fff; font-size: 1.4rem; border-radius: 3px; }
.table-wrap table td.txt-left {text-align: left;}
.table-wrap table tbody td .view-contents { line-height: 1.6; }
.table-wrap table.board.view tbody td { text-align: left; }
.table-wrap table.board.view tbody td .attach-list { margin-top: -10px; }
.table-wrap table.board.view tbody td .attach-list > li { margin-top: 10px; }
.table-wrap table.board.view tbody td .attach-list > li > a { color: #43536e; }
.table-wrap table.board.view tbody td .attach-list > li > a:hover { text-decoration: underline; }
.table-wrap.board { overflow: inherit; }
.table-wrap.board table { margin-left: 0; }
.table-wrap.board table thead th:first-child { border-left: none; }
.table-wrap.board table tbody th:first-child, .table-wrap.board table tbody td:first-child { border-left: none; }
/* 폰트사이즈 */
@media (max-width: 768px) {
	html {font-size: 9px;}
	/*select, input[type="text"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative;}*/
}

@media (max-width: 414px) {
	html {font-size: 8px;}
}


/* issue popup */
#issue::before {
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
  content: "";
  left: 50%;
  width: 10000%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.5);
}
#issue .open {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 10rem;
  height: 10rem;
  text-align: center;
  line-height: 10rem;
  vertical-align: middle;
  position: fixed;
  left: 2rem;
  z-index: 20;
  padding-top: 1.5rem;
  border-radius: 100%;
  background-color: #113058;
  font-weight: 800;
  color: #fff;
  line-height: 1.5;
}
#issue .open::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#issue .open::before {
  font-family: xeicon !important;
  content: "\e9af";
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
  height: auto;
  -webkit-transform: rotate(45deg);
 		  transform: rotate(45deg);
}
#issue .open span.count {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
}
#issue .open strong {
  color: #f00;
}
#issue .group {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  width: 120rem;
  max-width: calc(100% - 6rem);
  margin-left: auto !important;
  margin-right: auto !important;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  position: fixed;
  z-index: 9999999;
  color: #fff;
  text-align: center;
}
#issue .title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}
#issue .list {
  width:100%;
  padding: 0 5.4rem;
}
/* #issue .list .slick-slide {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 1rem;
} */
#issue .list .slick-slide .photo {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
}
#issue .list .photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#issue .list a {
  display: block;
  margin: 0 2.4rem;
  border-radius: 0.6rem;
  background-color:rgba(0,0,0,0.6);
  overflow: hidden;
  border:1px solid #bbb;
  box-shadow: 0 0 1rem rgba(255, 255, 255, 0.1);
}
#issue .list a:hover img, #issue .list a:focus img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}
#issue .list .text {
  display: flex ;
  align-items: center;
  justify-content: center;
  position:relative;
  padding: 5rem 3rem 3rem;
  min-height: 19rem;
}
#issue .list .text::before {
	content:"";
	display:block;
	position:absolute;
	top:1.2rem;
	left:50%;
	width:10rem;
	height:2.8rem;
	background:url("../images/korean/common/popup_logo.png") no-repeat 50% 50% / auto 100%;
	transform:translateX(-50%);
}
#issue .list .text .tit {
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size:2.4rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  overflow: hidden;
}
#issue .item {
  display: block;
  margin-top: 3rem;
  white-space: nowrap;
}
#issue .item > * {
  display: inline-block;
  height: 4rem;
  margin: 0 0.5rem;
  padding: 0 2rem;
  border-radius: 4rem;
  background-color: #113058;
  color: #fff;
  line-height: 4rem;
  vertical-align: middle;
}
#issue .item .close::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#issue .item .close:hover::after, #issue .item .close:focus::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#issue .item .close::after {
  font-family: xeicon !important;
  content: "\e9af";
  display: inline-block;
  vertical-align: middle;
  margin: -0.1rem 0 0 0.5rem;
  font-size: 1.8rem;
}
#issue .item .count {
  color: #f00;
}
#issue div.control {
  display: block;
  margin-top: 2rem;
  text-align: center;
}
#issue div.control > * {
  display: inline-block;
  vertical-align: middle;
}
#issue .slick-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 5rem;
  height: 5rem;
  text-align: center;
  line-height: 5rem;
  vertical-align: middle;
  border-radius: 50%;
  z-index: 999999999;
  font-size: 2.8rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#issue .slick-arrow.slick-prev {
  left: 0;
}
#issue .slick-arrow.slick-prev::before {
  font-family: xeicon !important;
  content: "\e906";
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
}
#issue .slick-arrow.slick-next {
  right: 0;
}
#issue .slick-arrow.slick-next::before {
  font-family: xeicon !important;
  content: "\e907";
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
}
#issue .slick-next:hover, #issue .slick-next:focus,
#issue .slick-prev:hover,
#issue .slick-prev:focus {
  background-color: #113058;;
  color: #fff;
}
#issue .prev.swiper-button-disabled,
#issue .next.swiper-button-disabled {
  display: none;
}
#issue .play,
#issue .pause {
  display: inline-block;
  overflow: hidden;
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  vertical-align: middle;
  display: none !important;
  margin: 0 0.5rem 0 -3.5rem;
  font-size: 2rem;
}
#issue .play.play::before,
#issue .pause.play::before {
  font-family: "remixicon";
  content: "\f009";
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
}
#issue .play.pause::before,
#issue .pause.pause::before {
  font-family: "remixicon";
  content: "\efd6";
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
}
#issue .play.active,
#issue .pause.active {
  display: inline-block !important;
}
#issue .pager {
  width: auto;
}
#issue .pager span {
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #fff;
  background: none;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#issue .pager span:hover, #issue .pager span:focus {
  background-color: rgba(255, 255, 255, 0.5);
}
#issue .pager .swiper-pagination-bullet-active {
  background-color: #fff;
}
#issue.type1 .list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#issue.type1 div.control {
  display: none;
}
#issue.active .open {
  z-index: 9999999;
}
#issue.active .open::before {
  content: "\e9af";
  font-family: xeicon !important;
  -webkit-transform: translate(0);
          transform: translate(0);
}
#issue.active .group {
  visibility: visible;
  overflow: visible;
  width: 140rem;
  height: auto;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: opacity 0.2s 0.1s;
  transition: opacity 0.2s 0.1s;
}
/* #issue.active .list .slick-slide {
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
} */
/* #issue.active .list li:nth-child(1) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
#issue.active .list li:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#issue.active .list li:nth-child(3) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#issue.active .list li:nth-child(4) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
} */
#issue.active::before {
  visibility: visible;
  overflow: visible;
  width: 10000%;
  height: 1000%;
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media (max-width: 1580px) {
  #issue.active .open {
    width: 0;
    height: 0;
    padding: 0;
    opacity: 0;
  }
}
@media (max-width: 1024px) {
  #issue .list {
    padding: 0;
  }
  #issue .list .text {
    min-height:15rem;
  }
	#issue .list .slick-slide .photo {
  	padding-bottom:60%;
  }
  #issue .list a {
  	margin:0 1rem;
  }
  #issue .list .text::before {
    height:2.2rem;
  }
  #issue .list .text {
    min-height:14rem;
  }
  #issue .list .text .tit {
    font-size:2.3rem;
  }
}

@media (max-width: 768px) {
	#issue .group {
	 max-width:100%; 
	}
  #issue .list {
    padding: 0;
  }
  #issue .list a {
  	margin:0 1rem;
  }
  #issue .list .text::before {
    height:2.2rem;
  }
  #issue .list .text {
    min-height:14rem;
  }
  #issue .list .text .tit {
    font-size:2rem;
  }
  #issue .list .swiper-slide .photo {
    padding-bottom:35%;
  }
	
}

@media (max-width: 430px) {
	#issue .list {
		width:calc(100% + 3rem);
	}
	#issue .list .text {
		min-height:17rem;
		padding:5rem 2rem 2rem;
	}
	#issue .list .text .tit {
	    -webkit-line-clamp: 3;
	    word-break: break-all;
	}
  #issue .item {
    white-space: normal;
  }
  #issue .item .label {
    display: block;
    height: auto;
    margin: 2rem 0;
    padding: 0 1rem 1.5rem;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    background: none;
    text-align: right;
    line-height: initial;
  }
  #issue .list .slick-slide .photo {
  	padding-bottom:55%;
  }
  #issue div.control {
    margin: 1rem 0 -2.5rem;
    text-align: left;
  }
  #issue .play, #issue .pause {
    margin-left: 0;
  }
}