body {
width: 100%;
}

/* common */
.blind {
position: absolute;
top: -9999px;
left: -9999px;
}

.wz-m-inline {
display: block;
}

.webzine-wrap {
width: 100%;
margin: 0 auto;
max-width: 650px;
padding: 15px 20px;
background-color: #fff;
font-family: 'noto', sans-serif;
font-weight: 400;
font-style: normal;
}
.webzine-wrap .link-move {
position:absolute;
left:0;
top:-120px;
}
.webzine-wrap .only-mobile {
display: none;
}

.webzine-wrap .box-wrapper {
padding: 15px 0px;
border-bottom: 1px solid #9d9d9d;
display: flex;
}

.webzine-wrap .box-wrapper.type01 {
padding: 0 0 15px 0;
}

.webzine-wrap .type01 {
width: 100%;
}

.webzine-wrap .type01 .box {
width: 50%;
}

.webzine-wrap .type01 .box+.box {
border-left: 1px solid #9d9d9d;
margin-top: 15px;
}

.webzine-wrap .type01 .title {
font-size: 24px;
font-weight: 700;
line-height: 28px;
letter-spacing: -0.8px;
}

.webzine-wrap .type01 .title span {
font-weight: 400;
}

.webzine-wrap .type01 .title .btn {
vertical-align: middle;
margin-left: 5px;
}

.webzine-wrap .type02 {
width: 100%;
}

.webzine-wrap .type02 .box {
width: 33.3%;
}

.webzine-wrap .type02 .box .img {
text-align: center;
}

.webzine-wrap .type02 .box .img img {
width: auto;
max-width: 100%;
}

.webzine-wrap .type02 .box .img+.con-wrapper {
margin-top: 5px;
}

.webzine-wrap .type02 .box .con-wrapper .title {
font-size: 16px;
font-weight: 700;
line-height: 18px;
letter-spacing: -1.4px;
}

.webzine-wrap .type02 .box .con-wrapper .title span {
font-weight: 400;
}

.webzine-wrap .type02 .box .con-wrapper .title .btn {
vertical-align: top;
margin-left: 5px;
}

.webzine-wrap .type02 .box .con-wrapper .title+.con {
margin-top: 10px;
}

.webzine-wrap .type02 .box+.box {
border-left: 1px solid #9d9d9d;
}

.webzine-wrap .box {
position: relative;
}

.webzine-wrap .box .add {
width: 15px;
height: 15px;
position: absolute;
bottom: 7px;
right: 7px;
display: inline-block;
text-indent: -99999px;
overflow: hidden;
cursor: pointer;
background-image: url("https://img.cuk.edu/newsletter/201902/icon_add.png");
background-position: 0 50%;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .btn {
width: 45px;
height: 17px;
line-height: 17px;
text-align: center;
display: inline-block;
background-color: #f7c577;
color: #fff;
border: none;
cursor: pointer;
font-size: 11px;
}

.webzine-wrap .btn a {
display: block;
}

.webzine-wrap .header {
position: relative;
display: flex;
width: 100%;
background-image: url("https://img.cuk.edu/newsletter/201902/bg_head_top.png"), url("https://img.cuk.edu/newsletter/201902/bg_head_bottom.png");
background-repeat: repeat-x;
background-position: left top, left bottom;
background-size: 100% 6px;
padding: 15px 0 20px;
}

.webzine-wrap .header .head-title {
display: inline-flex;
flex-direction: column;
margin: 0 auto;
text-align: center;
font-size: 56px;
line-height: 48px;
}

.webzine-wrap .header .head-title strong {
font-weight: 700;
}

.webzine-wrap .header .head-title .school-name {
margin-top: 5px;
font-size: 12px;
line-height: 16px;
color: #888;
letter-spacing: -0.5px;
padding: 0 30px;
background-image: url("https://img.cuk.edu/newsletter/201902/icon_title_dot.png"), url("https://img.cuk.edu/newsletter/201902/icon_title_dot.png");
background-repeat: no-repeat;
background-position: 23px center, 91% center;
}

.webzine-wrap .header .webzine-num {
display: inline-block;
position: absolute;
left: 0;
top: 20px;
font-size: 14px;
color: #444;
letter-spacing: -0.8px;
}

.webzine-wrap .header .sns {
position: absolute;
right: 0;
top: 20px;
font-size: 14px;
color: #444;
letter-spacing: -0.8px;
display: flex;
justify-content: center;
}

.webzine-wrap .header .sns li a {
text-indent: -99999px;
overflow: hidden;
display: block;
width: 19px;
height: 19px;
}

.webzine-wrap .header .sns li .facebook {
background-image: url("https://img.cuk.edu/newsletter/201902/icon_face.png");
background-position: 0 50%;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .header .sns li .instar {
background-image: url("https://img.cuk.edu/newsletter/201902/ico_instar.png");
background-position: 0 50%;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .header .sns li .blog {
background-image: url("https://img.cuk.edu/newsletter/201902/icon_blog.png");
background-position: 0 50%;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .header .sns li .youtube {
background-image: url("https://img.cuk.edu/newsletter/201902/icon_youtube.png");
background-position: 0 50%;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .header .sns li+li {
margin-left: 6px;
}

.webzine-wrap .menu-wrapper {
border-bottom: 1px solid #9d9d9d;
width: 100%;
display: flex;
}

.webzine-wrap .menu-wrapper ul {
width: 100%;
display: flex;
flex-wrap: wrap;
}

.webzine-wrap .menu-wrapper ul li {
width: 20%;
text-align: center;
font-size: 14px;
color: #444;
}

.webzine-wrap .menu-wrapper ul li a {
width: 100%;
display: block;
line-height: 18px;
font-weight: 500;
padding: 12px 0 13px;
}

.webzine-wrap .con {
position: relative;
margin-top: 10px;
padding-right: 5px;
}

.webzine-wrap .con .list-title {
color: #444;
line-height: 18px;
font-size: 16px;
letter-spacing: -0.8px;
}

.webzine-wrap .con .list-title+.list {
margin-top: 5px;
}

.webzine-wrap .con .list li {
line-height: 19px;
color: #666;
padding-left: 12px;
padding-right: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
letter-spacing: -0.5px;
background-image: url("https://img.cuk.edu/newsletter/201902/icon_list.png");
background-position: 3px 10px;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .con .list02 {
color: #222;
line-height: 22px;
font-size: 15px;
letter-spacing: -0.8px;
}

.webzine-wrap .visual.box {
display: flex;
width: 100%;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}

.webzine-wrap .visual .img {
width: 50%;
}

.webzine-wrap .visual .img img {
width: 100%;
}

.webzine-wrap .visual .con-wrapper {
width: 50%;
padding-left: 15px;
padding-top: 10px;
}

.webzine-wrap .visual .con-wrapper .title {
font-family: nanum;
font-size: 43px;
letter-spacing: -0.8px;
color: #444;
line-height: 47px;
}

.webzine-wrap .visual .con-wrapper .title .point {
color: #9a071f;
font-weight: 700;
display: block
}

.webzine-wrap .visual .con-wrapper .btn {
margin-top: 21px;
width: 140px;
height: 43px;
line-height: 17px;
text-align: center;
display: inline-block;
background-color: #9a071f;
color: #fff;
border: none;
cursor: pointer;
font-size: 14px;
background-image: url("https://img.cuk.edu/newsletter/201902/icon_visual_arrow.png");
background-position: 80% 50%;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .visual .con-wrapper .btn a {
padding-top: 15px;
padding-right: 50px;
padding-bottom: 15px;
padding-left: 17px;
}

.webzine-wrap .service {
position: relative;
}

.webzine-wrap .service .img {
padding: 10px 0;
}

.webzine-wrap .service .btn {
position: absolute;
top: 55%;
right: 7px;
}

.webzine-wrap .interview {
background-image: url("https://img.cuk.edu/newsletter/201902/img_interview.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
padding-top: 40px !important;
}

.webzine-wrap .interview.type02 {
background-image: url("https://img.cuk.edu/newsletter/201909/img_interview02.png");
}


.webzine-wrap .interview .con-wrapper {
padding: 0 7px;
}

.webzine-wrap .interview .con-wrapper .title .btn {
vertical-align: top;
margin-top: 5px;
}

.webzine-wrap .global {
padding: 0 7px 0;
}

.webzine-wrap .global .con-wrapper {
padding-left: 5px;
}

.webzine-wrap .global .con-wrapper .title {
font-size: 16px;
line-height: 18px;
}

.webzine-wrap .global .con-wrapper .con .list li {
line-height: 46px;
background: none;
padding-left: 0;
}

.webzine-wrap .global .con-wrapper .con .list li a {
display: flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 4px;
}

.webzine-wrap .global .con-wrapper .con .list li a .img {
max-width: 62px;
box-shadow: 1px 1px 3px 0 rgba(123, 123, 123, 0.33);
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.webzine-wrap .global .con-wrapper .con .list li a .img { width:100%; }
}

.webzine-wrap .global .con-wrapper .con .list li a .img img {
width: auto;
}

.webzine-wrap .global .con-wrapper .con .list li a .img+span {
overflow: hidden;
display: -webkit-box;
padding: 0 5px 0 9px;
white-space: normal;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 18px;
}

.webzine-wrap .global .con-wrapper .con .list li+li {
margin-top: 10px;
}

.webzine-wrap .dream .title {
line-height: 29px;
letter-spacing: -1.3px;
padding-bottom: 10px;
background-image: url("https://img.cuk.edu/newsletter/201902/img_dream.png");
background-position: left bottom;
background-repeat: no-repeat;
background-size: contain;
}

.webzine-wrap .dream .title.type02 {
background-image: url("https://img.cuk.edu/newsletter/201909/img_dream02.png");
}

.webzine-wrap .dream .title p {
font-weight: 500;
}

.webzine-wrap .dream .dream-pay .data {
padding: 10px 0;
color: #444;
font-size: 13px;
}

.webzine-wrap .dream .dream-pay .bank {
font-size: 12px;
color: #222;
line-height: 18px;
}

.webzine-wrap .dream .dream-pay .bank .hana {
padding-left: 20px;
background-image: url("https://img.cuk.edu/newsletter/201902/icon_hana.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .dream .dream-pay .bank .shinhan {
padding-left: 20px;
background-image: url("https://img.cuk.edu/newsletter/201902/icon_shinhan.png");
background-position: 0 1px;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .dream .donor-wrapper {
width: 100%;
}

.webzine-wrap .dream .donor-wrapper .donor {
margin-top: 10px;
font-size: 13px;
line-height: 18px;
color: #666;
}

.webzine-wrap .dream .donor-wrapper .donor .donor-title {
margin-bottom: 3px;
}

.webzine-wrap .dream .donor-wrapper .donor .donor-list {
overflow: hidden;
}

.webzine-wrap .dream .donor-wrapper .donor .donor-list li {
padding-left: 8px;
background-image: url("https://img.cuk.edu/newsletter/201902/icon_dot.png");
background-position: 3px 8px;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .column .box {
padding: 0;
display: flex;
width: 100%;
}

.webzine-wrap .column .box .title {
line-height: 29px;
letter-spacing: -1.2px;
width: 33.3%;
background-image: url("https://img.cuk.edu/newsletter/201902/img_column.png");
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap .column .box .title span {
font-family: nanum;
}

.webzine-wrap .column .box .title p {
font-weight: 700;
font-family: nanum;
}

.webzine-wrap .column .box .title .btn {
vertical-align: top;
margin-left: 0;
}

.webzine-wrap .column .box .title+.con {
padding-left: 10px;
}

.webzine-wrap .column .box .con {
width: 66.7%;
display: flex;
margin: 0;
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: 10px;
}

.webzine-wrap .column .box .con .list {
width: 100%;
}

.webzine-wrap .column .box .con .list li {
background: none;
letter-spacing: -0.5px;
}

.webzine-wrap .column .box .con .list:nth-child(2) {
padding-right: 15px;
}

.webzine-wrap .column .box .add {
right: 7px;
bottom: 15px;
}

.webzine-wrap .column.type01 {
padding: 20px 0 0;
}

.webzine-wrap .none {
display: none;
}

.webzine-wrap .footer-wrapper {
display: flex;
justify-content: space-between;
padding-top: 10px;
font-size: 12px;
color: #666;
line-height: 14px;
letter-spacing: -0.5px;
}

.webzine-wrap .footer-wrapper .main-link {
font-weight: 600;
color: #444;
}

.webzine-wrap .footer-wrapper .link {
display: flex;
flex-direction: column;
}

.webzine-wrap .footer-wrapper .link li {
float: left;
}

.webzine-wrap .footer-wrapper .link li+li {
margin-left: 8px;
padding-left: 8px;
background-image: url("https://img.cuk.edu/newsletter/201902/icon_f_line.png");
background-position: 0 80%;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap [data-box]>div {
overflow: hidden;
transition: background-color 0.15s;
}

.webzine-wrap [data-box] .service,
.webzine-wrap [data-box] .news {
max-height: 234px;
padding: 0 7px 20px;
}

.webzine-wrap [data-box] .interview {
max-height: 154px;
}

.webzine-wrap [data-box] .global {
max-height: 139px;
}

.webzine-wrap [data-box] .life,
.webzine-wrap [data-box] .cukon {
max-height: 237px;
padding: 0 7px;
}

.webzine-wrap [data-box] .dream {
max-height: 237px;
padding: 10px 7px 0;
}

.webzine-wrap [data-box].on>div {
position: absolute;
left: 0;
top: -15px;
width: 100%;
max-height: 100vh;
background: #fefbf8;
box-shadow: 3px 3px 3px rgba(181, 181, 181, 0.35);
z-index: 4;
padding: 15px 7px 20px;
}

.webzine-wrap [data-box].on>div .con li {
white-space: normal;
}

.webzine-wrap [data-box].on .list-type02 {
width: 200%;
right: 0;
left: auto;
}

.webzine-wrap [data-box].on .list-type02 .con-wrapper .title {
text-align: center;
}

.webzine-wrap [data-box].on .list-type02 .con-wrapper .con {
display: flex;
}

.webzine-wrap [data-box].on .list-type02 .con-wrapper .con .list {
width: 50%;
}

.webzine-wrap [data-box].on .interview {
top: 0;
padding: 0 0 20px;
background-image: url("https://img.cuk.edu/newsletter/201909/img_interview.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
}

.webzine-wrap [data-box].on .global .con-wrapper .con .list li a .img+span {
white-space: normal;
}

.webzine-wrap [data-box].on .dream {
padding-top: 25px;
display: flex;
flex-direction: column;
}

.webzine-wrap [data-box].on .dream .dream-title {
width: 100%;
display: flex;
}

.webzine-wrap [data-box].on .dream .dream-title .title {
width: 50%;
padding-right: 15px;
}

.webzine-wrap [data-box].on .dream .dream-title .dream-pay {
width: 50%;
flex-direction: column;
}

.webzine-wrap [data-box].on .dream .donor-wrapper .donor {
margin-top: 15px;
font-size: 13px;
line-height: 18px;
color: #666;
display: table;
width: 100%;
}

.webzine-wrap [data-box].on .dream .donor-wrapper .donor .donor-title {
margin-bottom: 3px;
width: 100%;
display: table-caption;
}

.webzine-wrap [data-box].on .dream .donor-wrapper .donor.little .donor-list {
width: 33.3%;
display: table-cell;
}

.webzine-wrap [data-box].on .dream .donor-wrapper .donor.all {
width: 100%;
}

.webzine-wrap [data-box].on [data-more] {
background-image: url("https://img.cuk.edu/newsletter/201902/icon_close.png");
background-position: 0 50%;
background-repeat: no-repeat;
background-size: auto;
}

/* pc */


@media screen and (max-width:640px) {

/* common */
.wz-m-inline {
display: inline;
}

.webzine-wrap .only-mobile {
display: block;
}

.webzine-wrap [data-box] .dream {
padding: 5px 7px 0;
}

.webzine-wrap [data-box] .dream .title {
padding-top: 8px;
}

.webzine-wrap [data-box] .dream .dream-pay .data {
padding: 9px 0;
}

.webzine-wrap [data-box] .global {
max-height: 145px;
}

.webzine-wrap [data-box] .global {
max-height: 145px;
}

.webzine-wrap [data-box].on>div {
position: static;
top: 0;
padding-top: 0;
}

.webzine-wrap [data-box].on .list-type02 {
width: 100%;
}

.webzine-wrap [data-box].on .list-type02 .con-wrapper .title {
text-align: left;
}

.webzine-wrap [data-box].on .list-type02 .con-wrapper .con {
display: block;
}

.webzine-wrap [data-box].on .list-type02 .con-wrapper .con .list {
width: 100%;
}

.webzine-wrap [data-box].on .global {
padding-top: 15px;
}

.webzine-wrap [data-box].on .dream {
padding-top: 5px;
}

.webzine-wrap [data-box].on .dream .dream-title {
display: block;
}

.webzine-wrap [data-box].on .dream .dream-title .title {
width: 100%;
}

.webzine-wrap [data-box].on .dream .dream-title .dream-pay {
width: 100%;
}

.webzine-wrap [data-box].on .dream .donor-wrapper .donor.little .donor-list {
width: 100%;
display: block;
}

.webzine-wrap .header {
flex-direction: column;
}

.webzine-wrap .header .head-title {
font-size: 2.5em;
line-height: 1em;
}

.webzine-wrap .header .webzine-num {
position: static;
margin: 5px auto 0;
order: 1;
text-align: center;
}

.webzine-wrap .header .sns {
position: static;
order: 2;
margin-top: 15px;
}

.webzine-wrap .type01 .box {
width: 100%;
}

.webzine-wrap .type01 .box+.box {
border-left: 0;
}

.webzine-wrap .type02 .box {
width: 100%;
}

.webzine-wrap .type02 .box .con-wrapper .title {
font-size: 24px;
}

.webzine-wrap .type02 .box+.box {
margin-top: 15px;
border-top: 1px solid #9d9d9d;
border-left: 0;
padding-top: 15px;
}

.webzine-wrap .box-wrapper {
display: block;
}

.webzine-wrap .menu-wrapper ul li {
width: 50%;
}

.webzine-wrap .menu-wrapper ul li a {
padding: 8px 0;
}

.webzine-wrap .visual {
flex-direction: column;
}

.webzine-wrap .visual .img {
width: 100%;
}

.webzine-wrap .visual .con-wrapper {
width: 100%;
}

.webzine-wrap .global {
border-left: 0;
border-top: 1px solid #9d9d9d;
margin: 15px 0 0;
padding-top: 15px;
}

.webzine-wrap .global .con-wrapper {
padding-left: 0;
}

.webzine-wrap .global .con-wrapper .title {
font-size: 24px;
}

.webzine-wrap .column .box {
flex-direction: column;
}

.webzine-wrap .column .box .title {
width: 100%;
}

.webzine-wrap .column .box .title+.con {
margin-top: 10px;
}

.webzine-wrap .column .box .con {
width: 100%;
}

.webzine-wrap .column .box .con .list {
width: 100%;
}

}

/* mobile */

/* 고려웹진 117호 */
.webzine-wrap.no-117,
.webzine-wrap.no-118 {
margin: 0 auto 40px;
}

.no-117 .visual .con-wrapper .title {
font-size: 40px;
}

.no-117 .visual .con-wrapper .con {
margin-top: 15px;
}

/* 고려웹진 118호 */
.no-118 .visual .con-wrapper .title {
margin-top: 10px;
font-size: 43px;
line-height: 48px;
}

.no-118 .visual .con-wrapper .title .point {
display: inline-block;
}

.no-118 .visual .con-wrapper .title+.con {
margin-top: 30px;
}

/* 고려웹진 119호*/
.no-119.webzine-wrap .visual .con-wrapper {
padding-top: 0;
}

.no-119.webzine-wrap .visual .con-wrapper .title {
font-size: 30px;
line-height: 33px;
font-weight: 600;
}

.no-119.webzine-wrap .visual .con-wrapper .title .wz-m-inline:nth-child(2) {
display: inline;
}

.no-119.webzine-wrap .visual .con-wrapper .title .wz-m-inline:nth-child(2) .point {
display: inline-block;
}

.no-119.webzine-wrap .visual .con-wrapper p.sub-title {
font-size: 17px;
line-height: 22px;
color: #222;
}

.no-119.webzine-wrap .con .list02 {
font-size: 14px;
letter-spacing: -0.6px;
}

.no-119.webzine-wrap .visual .con-wrapper .btn {
height: 40px;
margin-top: 12px;
}

.no-119.webzine-wrap .visual .con-wrapper .btn a {
padding-top: 12px;
padding-bottom: 12px;
}
/* 고려웹진 120호*/
.no-120.webzine-wrap .visual .con-wrapper .title{
font-size: 40px;
line-height: 48px;
letter-spacing: -3px;
}
.no-120.webzine-wrap .con .list02{
font-size: 18px;
line-height: 1.4em;
}

.no-120.webzine-wrap .service .con .list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.no-120.webzine-wrap .service .con .list li{
width: calc((100% / 2) - 3px);
padding-right: 0;
}
.no-120.webzine-wrap .service .con .list li:nth-child(2n){
margin-left:5px;
}
.no-120.webzine-wrap .interview.type02{
background-image:url("https://img.cuk.edu/newsletter/202003/img_interview02.png");
}

/* 고려웹진 121호*/
.webzine-wrap .visual .con-wrapper .title .point {
font-size: 33px;
}
.no-121.webzine-wrap .visual .con-wrapper .title {
font-size: 30px;
line-height: 36px;
font-weight: 600;
margin:0 0 30px 0;
}

.no-121.webzine-wrap .con .list02{
font-size: 14px;
line-height: 1.8em;
letter-spacing: -0.8px;
}
.no-121.webzine-wrap .service .con .list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.no-121.webzine-wrap .service .con .list li{
width: calc((100% / 2) - 3px);
padding-right: 0;
}
.no-121.webzine-wrap .service .con .list li:nth-child(2n){
margin-left:5px;
}
.no-121.webzine-wrap .interview.type02{
background-image:url("https://img.cuk.edu/newsletter/202003/img_interview02.png");
}



























/*  리뉴얼 웹진 2021 02 03  */

@font-face {
	font-family: 'NEXON Lv2 Gothic';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.webzineTit{font-family: 'NEXON Lv2 Gothic';font-size:20px;font-weight:bold;color:#222;}
.noteTit{font-family: 'NEXON Lv2 Gothic';font-size:20px;font-weight:bold;color:#303030;}
.noteTit span.generDate{font-size:15px;color:#4c4c4c;padding-left:24px;background:url('https://img.cuk.edu/newsletter/common/ico_date.png') 0 23px no-repeat;display:inline-block;margin-left:20px;}

.rightN{margin-right:0 !important;}


.btnFloatBox{position:absolute;top:50%;margin-top:-15px;right:25px;height:30px;line-height:0;}
.btnFloatBox a:nth-child(2){margin-left:7px;}
.btnFloat{display:inline-block;color:#fff;background:#44465c;line-height:30px;height:30px;width:80px;box-sizing:border-box;text-align:center;font-size:14px;}

.webzine_Wrap{max-width:700px;margin:auto;position:relative;}
.web_Header{background:#000;height:46px;line-height:46px;border-bottom:1px solid #000;}
.web_Header ul{overflow:hidden;}
.web_Header .snsIcoNav{float:left;width:140px;height:inherit;border-right:1px solid #3d3d3d;padding:0 5px;box-sizing:border-box;}
.web_Header .snsIcoNav li{float:left;}
.web_Header .snsIcoNav li a{display:block;width:21px;height:46px;background:url('https://img.cuk.edu/newsletter/common/snsIcoNav.png') 0 12.5px no-repeat;margin:0 5px;text-indent:-9999px}
.web_Header .snsIcoNav li:nth-child(2) a{background-position:-21px 12.5px}
.web_Header .snsIcoNav li:nth-child(3) a{background-position:-42px 12.5px}
.web_Header .snsIcoNav li:last-child a{background-position:-63px 12.5px;margin-right:0;}
.web_Header .familyNav{float:left;width:calc(100% - 268px);color:#969696;height:inherit;padding:0 20px;box-sizing:border-box;}
.web_Header .familyNav li{float:left;}
.web_Header .familyNav li a{color:inherit;position:relative;margin-right:16px;display:inline-block;font-size:14px;}
.web_Header .familyNav li a::after{content:"";display:block;width:1px;height:10px;background:#4d4d4d;position:absolute;top:50%;right:-8px;margin-top:-5px;}
.web_Header .familyNav li:last-child a{margin-right:0;}
.web_Header .familyNav li:last-child a::after{display:none;}
.web_Header .webNo{box-sizing:border-box;float:left;width:128px;text-align:center;background:#a60935;font-size:18px;color:#fff;font-weight:bold;}

.web_Body .web_VisualBox{overflow:hidden;border-bottom:2px solid #000;}
.web_Body .web_VisualBox .visualImg{width:54%;float:left;}
.web_Body .web_VisualBox .visualContent{width:46%;float:left;padding:8% 10px 0 20px;box-sizing:border-box;}
.web_Body .web_VisualBox .visualContent p{font-size:20px;color:#8c0027;font-weight:bold;font-family: 'NEXON Lv2 Gothic';}
.web_Body .web_VisualBox .visualContent h2{line-height:44px;font-size:40px;color:#222;margin:10px 0 25px;font-family: 'NEXON Lv2 Gothic';}
.web_Body .web_VisualBox .visualContent ul{font-size:17px;color:#202020;}
.web_Body .web_VisualBox .visualContent ul li{line-height:28px;}
.web_Body .web_VisualBox .visualContent ul li:hover a{font-weight:bold;}
.web_Body .web_VisualBox .visualContent ul li a{color:inherit;}

.web_Body .web_icoNavBox{padding:30px 15px;box-sizing:border-box;}
.web_Body .web_icoNavBox .icoNavBar{padding:25px 0;overflow:hidden;}
.web_Body .web_icoNavBox .icoNavBar li{float:left;width:14.2%;text-align:center;}
.web_Body .web_icoNavBox .icoNavBar li a{display:block;color:#444;}
.web_Body .web_icoNavBox .icoNavBar li a::before{content:"";display:block;width:65px;height:65px;margin:auto;background:#f6f6f6 url('https://img.cuk.edu/newsletter/common/icoNav_off.png') no-repeat;border-radius:25px;margin-bottom:10px;}
.web_Body .web_icoNavBox .icoNavBar li:hover a::before{background:#44465c url('https://img.cuk.edu/newsletter/common/icoNav_on.png') no-repeat;}
.web_Body .web_icoNavBox .icoNavBar li:first-child a::before{background-position:0;}
.web_Body .web_icoNavBox .icoNavBar li:nth-child(2) a::before{background-position:-65px 0;}
.web_Body .web_icoNavBox .icoNavBar li:nth-child(3) a::before{background-position:-130px 0;}
.web_Body .web_icoNavBox .icoNavBar li:nth-child(4) a::before{background-position:-195px 0;}
.web_Body .web_icoNavBox .icoNavBar li:nth-child(5) a::before{background-position:-260px 0;}
.web_Body .web_icoNavBox .icoNavBar li:nth-child(6) a::before{background-position:-325px 0;}
.web_Body .web_icoNavBox .icoNavBar li:last-child a::before{background-position:-390px 0;}

.web_Body .web_NoteWrap{overflow:hidden;}

.web_Body .web_NoteBox{border:1px solid #d4d4d4;border-top:2px solid #44465c;}
.web_Body .web_NoteBox .noteBox_Head{padding:0 25px;line-height:65px;box-sizing:border-box;border-bottom:1px solid #d4d4d4;position:relative;}
.web_Body .web_NoteBox .noteBox_Body{padding:20px;overflow:hidden;position:relative;}
.web_Body .web_NoteBox .noteBox_Body .noteListBox{width:calc(50% - 20px);float:left;}
.web_Body .web_NoteBox .noteBox_Body .noteListBox:first-child{margin-right:40px;}
.web_Body .web_NoteBox .noteBox_Body .noteList{height:140px;overflow:hidden;}
.web_Body .web_NoteBox .noteBox_Body.on .noteList{height:auto;}
.web_Body .web_NoteBox .noteBox_Body.on{position:absolute;margin-top:-1px;margin-left:-1px;background:#fff;width:calc(50% - 20px);z-index:100;border:1px solid #d4d4d4;}
.web_Body .web_NoteBox .noteBox_Body .noteList li{font-size:16px;}
.web_Body .web_NoteBox .noteBox_Body .noteList li.attr a{display:block;color:#636363;padding-left:52px;padding-bottom:12px;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.web_Body .web_NoteBox .noteBox_Body .noteList li a{display:block;color:#636363;padding-bottom:12px;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.web_Body .web_NoteBox .noteBox_Body .noteList li:last-child a{padding-bottom:0;}
.web_Body .web_NoteBox .noteBox_Body .noteList li a::before{position:absolute;left:0;font-weight:normal;}
.web_Body .web_NoteBox .noteBox_Body .noteList li.school_ a::before{content:"학교";display:block;width:42px;height:23px;line-height:23px;font-size:14px;color:#fff;background:#9253ef;border-radius:5px;text-align:center;}
.web_Body .web_NoteBox .noteBox_Body .noteList li.department_ a::before{content:"학과";display:block;width:42px;height:23px;line-height:23px;font-size:14px;color:#fff;background:#00b9b7;border-radius:5px;text-align:center;}
.web_Body .web_NoteBox .noteBox_Body .noteList li a:hover{color:#000;font-weight:bold;}

.web_Body .web_NoteBox .noteBox_Body .noteMore{display:block;width:26px;height:26px;box-sizing:border-box;border:2px solid #44465c;background:rgba(255,255,255,.5);position:absolute;bottom:15px;right:15px;}
.web_Body .web_NoteBox .noteBox_Body .noteMore::before{content:"";width:2px;height:12px;background:#44465c;display:block;margin:5px auto 0;transition:all .5s;}
.web_Body .web_NoteBox .noteBox_Body .noteMore::after{content:"";width:12px;height:2px;background:#44465c;display:block;margin:-7px auto 0;transition:all .5s;}
.web_Body .web_NoteBox .noteBox_Body .noteMore.on::before{display:none;}

.web_Body .web_NoteBox .noteBox_Body.on .noteMore::before{transform:rotate(-45deg);transition:all .5s;}
.web_Body .web_NoteBox .noteBox_Body.on .noteMore::after{transform:rotate(135deg);transition:all .5s;}

.web_Body .web_NoteBox.noteBlueBg{background:url('https://img.cuk.edu/newsletter/common/noteBg_b.jpg') no-repeat;}
.web_Body .web_NoteBox.noteYellowBg{background:url('https://img.cuk.edu/newsletter/common/noteBg_y.jpg') right bottom no-repeat;}
.web_Body .web_NoteBox.webBg .noteBox_Body{overflow:initial !important;}

.web_Body .web_NoteBox .noteBox_Bank{background:url('https://img.cuk.edu/newsletter/common/bankBoxbg.jpg') 95% 20px no-repeat;padding:20px;box-sizing:border-box;}
.web_Body .web_NoteBox .noteBox_Bank ul li{padding:5px 0 5px 24px;position:relative;}
.web_Body .web_NoteBox .noteBox_Bank ul li::before{width:19px;height:19px;background:url('https://img.cuk.edu/newsletter/common/ico_bank.png') no-repeat;content:"";display:block;position:absolute;left:0;margin-top:2px;}
.web_Body .web_NoteBox .noteBox_Bank ul li:last-child::before{background-position:-19px 0;}

.web_Body .web_NoteBox.noteGenerBg{margin-top:20px;height:281px;}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body{background:#f6f6fd;}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body.on{width:100%;}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body.on .listDivision{height:auto;}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision{width:calc(50% - 10px);float:left;box-sizing:border-box;height:67px;overflow:hidden;}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision:first-child{border-right:1px solid #d4d4d4;margin-right:20px;}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision h4{font-size:16px;font-weight:bold;color:#222;margin-bottom:20px;}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision:first-child ul{float:left;width:calc(50% - 5px);}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision ul:first-child{margin-right:10px;}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision ul li{font-size:14px;color:#303030;position:relative;padding-left:8px;margin-bottom:5px;}
.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision ul li::before{content:"";width:3px;height:3px;background:#303030;border-radius:50%;position:absolute;left:0;top:50%;;}

.note50{width:calc(50% - 10px);float:left;margin-right:10px;height:250px;}
.note50:last-child{margin-left:10px;margin-right:0;}
.web_Body .note50 .web_NoteBox .noteBox_Body.on{width:calc(50% - 10px) !important;}

.web_Body .web_SnsBox{overflow:hidden;margin-top:20px;position:relative;}
.web_Body .web_SnsBox .snsOnBox{width: calc(100% - 500px);float:left;margin-right:10px;}
.web_Body .web_SnsBox .snsOnBox article a{display:block;height:145px;overflow:hidden;margin-bottom:10px;}
.web_Body .web_SnsBox .snsOnBox article a img{margin-top:-10px;width:100%;}
.web_Body .web_SnsBox .snsOnBox article a{position:relative;}
.web_Body .web_SnsBox .snsOnBox article a::before{content:"";width:68px;height:24px;line-height:24px;color:#fff;font-size:13px;text-align:center;display:block;position:absolute;}
.web_Body .web_SnsBox .snsOnBox article a.cukSns_::before{content:"CUK SNS";background:#f7595d;}
.web_Body .web_SnsBox .snsOnBox article a.cukOn_::before{content:"CUK ON";background:#fb9f3c;}
.web_Body .web_SnsBox .snsOnBox article a:hover p{transition:all .2s;bottom:0;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));}
.web_Body .web_SnsBox .snsOnBox article a p{font-size: 14px;transition:all .2s;position:absolute;bottom:-110px;;width:100%;color:#fff;padding:15px;text-align:right;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.web_Body .web_SnsBox .snsOnBox:nth-child(2){width: calc(100% - 380px);}
.web_Body .web_SnsBox .snsOnBox:nth-child(2) a{height: 300px;}
.web_Body .web_SnsBox .snsOnBox:nth-child(2) a p{font-size: 20px;}
.web_Body .web_SnsBox .snsOnBox:nth-child(2) a img{margin-top:0;}
.web_Body .web_SnsBox .snsOnBox:nth-child(3){margin-right:0;}

@media(max-width:1300px){
	.web_Body .web_SnsBox .snsOnBox{width:25.71%;}

}
@media(max-width:1000px){
	.web_Body .web_SnsBox .snsOnBox{width:calc(100% - 33%);margin-right:0;}
	.web_Body .web_SnsBox .snsOnBox:first-child a{width:calc(50% - 5px);margin-right:5px;height:152px;float:left;}
	.web_Body .web_SnsBox .snsOnBox:nth-child(2){width:33%;float:left;}
	.web_Body .web_SnsBox .snsOnBox:nth-child(2) a{height:152px;margin-left:0;}
	.web_Body .web_SnsBox .snsOnBox:nth-child(3){width:100%;}
	.web_Body .web_SnsBox .snsOnBox:nth-child(3) a{width:calc(50% - 5px);height:auto;float:left;margin-right:10px;}

	.web_Body .web_SnsBox .snsOnBox:nth-child(2) a p{font-size: 14px;}
	.web_Body .web_SnsBox .snsOnBox:nth-child(3) a p{font-size: 20px;}

}

@media(max-width:700px){
	
	.web_Body .note50 .web_NoteBox .noteBox_Body.on{width:100% !important;}
	.web_Body .web_NoteBox .noteBox_Body.on{width:100% !important;box-sizing:border-box;}
	.web_Body .web_NoteBox.noteGenerBg .noteBox_Body.on{width:100% !important;box-sizing:border-box;}
	.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision:first-child ul{float:initial;width:100%;}

	.web_Body .web_NoteBox .noteBox_Bank{background:none;}

	.note50{width:100%;float:initial;margin-right:0;}
	.note50:last-child{margin-left:0;margin-right:0;margin-top:20px;}


}
@media(max-width:610px){
	.noteTit span.generDate{font-size:12px;margin-left: 0;padding-left:18px;background-size:15px;}
	.btnFloatBox{right:15px;}

	.web_Body .web_SnsBox .snsOnBox:first-child a{height:130px;}
	.web_Body .web_SnsBox .snsOnBox:nth-child(2) a{height:130px;}


	.web_Header{margin-top:36px;overflow:hidden;}
	.web_Header .snsIcoNav{width:140px;}
	.web_Header .snsIcoNav li a{margin:0 5px;}
	.web_Header .familyNav{width:auto;padding:0 20px;float:right;}
	.web_Header .webNo{width:100%;font-size:15px;text-align:left;padding:0 15px;line-height:36px;position:absolute;top:-36px;}

	.web_Body .web_VisualBox .visualImg{width:100%;float:initial;}
	.web_Body .web_VisualBox .visualImg img{width:100%;}
	.web_Body .web_VisualBox .visualContent{width:100%;float:initial;padding:30px 20px;}
	.web_Body .web_VisualBox .visualContent h2{line-height:38px;font-size:30px;letter-spacing:-1px;}

	.web_Body .web_icoNavBox .icoNavBar li{width:25%;margin-bottom:20px;}

	.web_Body .web_NoteBox .noteBox_Head{padding:0 15px;}
	.web_Body .web_NoteBox .noteBox_Body .noteListBox{width:100%;float:initial;}
	.web_Body .web_NoteBox .noteBox_Body .noteListBox:last-child{display:none;}

	.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision{float:initial;width:100%;}
	.web_Body .web_NoteBox.noteGenerBg .noteBox_Body .listDivision:first-child{border-right:0;margin-bottom:30px;margin-right:0;}

	.web_Body .web_NoteBox.noteGenerBg{height:auto;}

}

@media(max-width:450px){
	.web_Body .web_SnsBox .snsOnBox:first-child a{height:95px;}
	.web_Body .web_SnsBox .snsOnBox:nth-child(2) a{height:95px;}

	.noteGenerBg .btnFloatBox{top:16px;margin-top:0;}
	.noteTit span.generDate{font-size:14px;border-top: 1px solid #d4d4d4;display:block;margin-left: -15px;margin-right: -15px;padding-left: 37px;background-position: 15px 12px;line-height: 40px;}
}