@charset 'UTF-8';
@import url(skin-custom.css);

/*
body { color:#333; font: 13px/1.3 '맑은 고딕', 'Malgun Gothic', '나눔고딕', '돋움', Dotum, '굴림', Gulim, 'Apple SD Gothic Neo', sans-serif }
*/
body { color:#333; font: 13px;font-family: "나눔고딕", NanumGothic, sans-serif;letter-spacing: -0.05em;}


.p-dsp-no p {display:none !important;}
.clear {clear:both;}
a:focus, a:hover {color: #23527c;text-decoration: none;}
ul, ol, li {list-style: none;}
.container {max-width: 1150px;}
h1, h2, h3, h4, h5, h6 {color: #000;}
a:focus{outline: none;}
input {font-weight:400;}

/* 탑바 topbar */
.topbar .last-all {padding:10px 20px ;font-weight:600;}
header .topbar-white {overflow: unset;}

/* 로고 */
.navbar-brand {height: auto;padding: 0px;}
.logo {display: block;float: left;text-decoration: none;outline: none;font-weight: 900;text-transform: uppercase;font-size: 36px;}
.logo span {display: inline-block;color: #fff;background: #e32816;border-radius: 5px;-moz-border-radius: 5px;
	-webkit-border-radius: 5px;padding: 0px 10px;line-height:50px;}

.navigation .tablit-mode {display:none;}

.mob-block {display:none;}
b, strong {font-weight: 600 !important;}
/* main_visual */
.main_visual {text-align:center;margin: 0 auto;position:relative;}
.main_visual img {max-width:100%;}



/* webzine-title */
.webzine-title {position:absolute;max-width: 800px;text-align: center;margin: 0 auto;left: 0;right: 0;display: flex;height: 90%;
    flex-flow: column;justify-content: center;}
.webzine-title h1 {color:#fff;font-size:40px;font-weight:700;}


/* 컨텐츠 구분 */
h3.wz-title {font-size: 38px;line-height: 50px;height: 50px;text-align: center;position: relative;margin-bottom: 30px;
    background: none;letter-spacing:normal;}
h3.wz-title strong {display: inline-block;padding: 0 20px;background: #FFF;}
h3.wz-title:after {position: absolute;left: 0;right: 0;height: 1px;top: 50%;background: #ddd;z-index: -1;content: "";}

.mob-logo .navbar-brand {font-size:35px;font-weight: 600;}
.mob-logo img {width:50px;display:inline-block;}
.mob-logo span {display:inline-block;}


/* 메뉴 */
.header1 .navbar-nav > li > a {padding: 0 20px;font-size: 18px;line-height: 48px;font-weight: 500;}
.header1 .navbar-nav > li > .dropdown-menu {min-width: 130px;}



/* 헤더 header */
.navigation {padding:20px 0;}
.header-menu-style5 {border-bottom:1px solid #e8e8e8;}
.header1 .search-trigger {line-height: 48px;}

.search-wrap1.active {margin-top: 10px;}
.logo-search {position: relative;top: 20px;}




/* 지난호 보기 */
.top-right {display: inline-block;position: relative;}
.top-right .weblist {
    position: absolute;
    right: 0;
    top: 34px;
    background-color: #fff;
    border: 1px solid #3c3c34;
    padding: 5px 15px;
    white-space: nowrap;
    font-size: 13px;
    display: none;
    z-index: 99;
}
.top-right .weblist ul {padding:0px;}
.top-right .weblist li a {padding: 8px 0;font-weight: 400;display: block;}
.top-right .weblist li + li {border-top: 1px solid #ddd;}

/* // 지난호 보기 */


/* 지난호 보기 */
.pop-nav-all {
	position: fixed;
	left: 0;
	right: 0;
	top: 94px;
	padding: 40px 20px 30px 20px;
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #3c3c34;
	display: none;
	z-index:1;
}
.pop-nav-all .all-inner {margin: 0 auto;max-width: 1200px;position: relative;}
.pop-nav-all .wz-logo {float: left;width: 265px;text-align: left;}
.pop-nav-all .nav-contents {float: left;width:1200px;box-sizing: border-box;position: relative;padding: 0px;}
.pop-nav-all .nav-contents ul {float: left;padding-left: 45px;white-space: nowrap;margin-bottom:0px;}
.pop-nav-all .nav-contents ul li {margin-bottom: 20px;    text-align: left;}
.pop-nav-all .nav-contents .category {font-size: 12px;margin-bottom: 5px;font-weight: 600;}
.pop-nav-all .nav-contents .category .depth1 {font-weight: 900;}
.pop-nav-all .nav-contents .category .div {padding: 0 5px;}
.pop-nav-all .nav-contents .category {font-size: 13px;margin-bottom: 5px;font-weight: 600;padding:0px;}
.pop-nav-all .nav-contents .title {font-size: 18px;font-weight: 600;letter-spacing: -0.7px;}
.pop-nav-all .nav-contents .title2 {font-size: 15px;font-weight: 600;line-height:22px;letter-spacing: -0.3px;}

.all-menu-btn, .last-zine {border:0px;font-size: 13px;letter-spacing: -1px;color: #333;background: unset;}
.pop-nav-all .all-close {text-align: right;padding-right: 20px;}
.pop-nav-all .all-close {text-align: right;padding-right: 20px;}
.pop-nav-all .all-close button {letter-spacing: -1px;height: 30px;font-size: 15px;color: #333;font-weight: 600;border:0px;background:#fff;padding-right: 30px;}
.col-left {float:left; font-size:30px;}
.col-left button {background: none;border: 0px !important;padding: 4px 5px 0 0px;}
.col-right {position: absolute;top: 0px;right: 0;padding: 30px 20px 30px 0;}





.bghave {
    background: #f1f1f1;
    height: auto;
}


.table-box {border: 1px solid #e6e8eb !important;}
.table-box ul {padding: 0px 0 0 20px;}
.table-box ul li {list-style: outside;}
.table-box th, .table-box td {font-size: 16px;border: 1px solid #e6e8eb !important;border-bottom-width: 1px !important;border-left-width: 1px !important;vertical-align: middle;}

.news-article-Body .table-box>tbody>tr>td {padding:8px !important;font-size: 16px;font-weight: normal;vertical-align: middle;}

.table-back tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.05);}

/* 학술성과 표 */
.academic-table {width:100%;}





.tit-span01-color {background:#E5F0F2;padding: 3px 5px;font-weight: 600;}
.tit-span02-color {background:#ECF3E5;padding: 3px 5px;font-weight: 600;}
.tit-span03-color {background:#F9EAF4;padding: 3px 5px;font-weight: 600;}









h1, h2, h3, h4, h5, h6 {letter-spacing: -1.4px;}

.issue-back {
	width: 108px;
	background-color: #565e6b;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	color: #ccc;
	border: none;
	padding:20px 0;
	vertical-align: bottom;
}

.open-menu {font-size: 4em;}

.header-menu-style5 .offset-trigger {padding-right: 10px;margin-top: 0px;margin-right: 0px;border: 0px !important;background: none;float: none;width: auto;height: auto;}
.navbar-sticky {background: #fff;z-index: 99999;box-shadow: 0px 0px 5px #ccc;position: fixed !important;left: 0;top: 0;width: 100%;}
.category {padding-top:10px;}
.category .depth1 {font-weight:600;}
.category h4 {font-weight:600;})


.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {display: unset;}
.skin-zine h4 {letter-spacing: -1.5px;font-weight:600;}

.mode-pc {display:inline-block;}

.max-600 {display:block;}
.min-600 {display:none;}


span.la {margin:0 5px 0 15px;font-weight:600;}
span.vol {font-size:13px;font-weight:600;}



/* roll1 */
.roll1 .layout_2--item .thumb {border-radius: 5px;}
.roll1 .category-title {padding:10px 0;font-size:16px;}
.roll1 .category {position: absolute;bottom:0px;padding: 20px;}
.roll1 .category p {display:none;}
.roll1 h4 {color:#fff;font-weight:600;padding-top: 10px;font-size: 22px;line-height: 28px;}
.roll1 a:hover h4 {text-decoration: underline;}
/*.roll1 .thumb img {border-radius: 5px;}*/
.roll1 .owl-carousel .owl-dots.disabled, .roll1 .owl-carousel .owl-nav.disabled {display: block;}
.roll1 .depth1 {background-color: #ea1717;color: #ffffff; text-align:center;padding: 2px 10px 5px;}
.roll1 .large-12 {position: relative;}
.roll1 .owl-nav {opacity: 0;filter: alpha(opacity=0);transition: all 0s;-moz-transition: all 0s;
    -webkit-transition: all 1s;-o-transition: all 0s;-webkit-transition-delay: 0s;transition-delay: 0s;}
.roll1 .large-12:hover .owl-nav {opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: 0s;
    transition-delay: 0s;}

.roll1 button.owl-prev {position: absolute;left: 0px;top: 40%;width: 40px;height: 40px;line-height: 44px !important;text-align: center;color: #fff;
    font-size: 0;margin-right: -70px;z-index: 9999;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;margin:0px !important;}

.roll1 button.owl-next {position: absolute;right: 0px;top: 40%;width: 40px;height: 40px;line-height: 44px !important;text-align: center;color: #fff;
    font-size: 0;margin-right: -70px;z-index: 9999;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;margin:0px !important;}

.roll1 .owl-prev:before {margin:2px 10px 0 0;font-size: 30px;content: "\f053";font-family: FontAwesome;color: #fff;}
.roll1 .owl-next:before {margin:2px 0 0 8px;font-size: 30px;content: "\f054";font-family: FontAwesome;color: #fff;}
.roll1 .owl-theme .owl-nav [class*=owl-]:hover {background: unset;color:#fff;text-decoration: none;}
.roll1 button.owl-prev span, .roll1 button.owl-next span {display:none;}

.roll3 h4 {color:#fff !important;}

.layout-bg {background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);width: 100%;}


.block-title {font-size: 25px;font-weight: 800;margin-top: 0;margin-bottom: 18px;line-height: 29px;position: relative;overflow: hidden;text-align: left;}
.block-title>* {position: relative;padding-right: 20px;color: #000;}
.block-title>*:before {left: 100%;}
.block-title>*:after {right: 100%;}
.block-title>*:before, 
.block-title>*:after {content: '';display: block;height: 4px;position: absolute;top: 50%;margin-top: -2px;width: 2000px;background-color: #f5f5f5;}


.block-title1 {font-size: 18px !important;color: #222;margin-bottom: 20px;font-weight:600;}







/* roll1-2 */
.roll1-2 .category-title {padding:10px 0;font-size:16px;}
.roll1-2 .category {position: absolute;
    bottom: 220px;
    padding: 20px;
    left: 50px;}
.roll1-2 .category p {display:none;}
.roll1-2 h4 {color:#fff;font-weight:600;padding-top: 10px;font-size: 38px;line-height: 45px;}
.roll1-2 a:hover h4 {text-decoration: underline;}
/*.roll1-2 .thumb img {border-radius: 5px;}*/
.roll1-2 .owl-carousel .owl-dots.disabled, .roll1-2 .owl-carousel .owl-nav.disabled {display: block;}
.roll1-2 .depth1 {background-color: #ea1717;color: #ffffff; text-align:center;padding: 2px 10px 5px;}
.roll1-2 .large-12 {position: relative;}
.roll1-2 .owl-nav {opacity: 0;filter: alpha(opacity=0);transition: all 0s;-moz-transition: all 0s;
    -webkit-transition: all 1s;-o-transition: all 0s;-webkit-transition-delay: 0s;transition-delay: 0s;}
.roll1-2 .large-12:hover .owl-nav {opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: 0s;
    transition-delay: 0s;}

.roll1-2 button.owl-prev {position: absolute;left: 0px;top: 40%;width: 40px;height: 40px;line-height: 44px !important;text-align: center;color: #fff;
    font-size: 0;margin-right: -70px;z-index: 9999;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;margin:0px !important;}

.roll1-2 button.owl-next {position: absolute;right: 0px;top: 40%;width: 40px;height: 40px;line-height: 44px !important;text-align: center;color: #fff;
    font-size: 0;margin-right: -70px;z-index: 9999;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;margin:0px !important;}

.roll1-2 .owl-prev:before {margin:2px 10px 0 5px;font-size: 45px;content: "\f053";font-family: FontAwesome;color: #fff;}
.roll1-2 .owl-next:before {margin:0;font-size: 45px;content: "\f054";font-family: FontAwesome;color: #fff;}
.roll1-2 .owl-theme .owl-nav [class*=owl-]:hover {background: unset;color:#fff;text-decoration: none;}
.roll1-2 button.owl-prev span, .roll1-2 button.owl-next span {display:none;}


/* roll1-2 */
.roll1-2:hover img {
    transform: scale(1.1);
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}










/*------ 날개배너 --------*/
.position-re {position: relative;}
#banner-right {position: absolute;top: 100px;left: 10px;z-index: 10;}

.side-banner-r {position:relative;float:right;width:160px;top:-15px;right:-160px;}
#banner-right > span {margin-bottom: 10px; display: block;}

.banner_contents {min-height: 300px; }
.position-re {position: relative;}

#banner-left { position: absolute;top: 500px;left: 0;z-index: 10;}
.side-banner-l {position:relative;float:left;width:40px;top:50px;left:-60px;}

#banner-left > span {margin-bottom: 10px; display: block;}
.banner_contents {min-height: 300px; }















/* roll1-1 */
.roll1-1 .category-title {padding:10px 0;font-size:16px;}
.roll1-1 .category {position: absolute;bottom:0px;padding: 20px;}
.roll1-1 .category p {display:none;}
.roll1-1 h4 {color:#fff;font-weight:600;padding-top: 10px;font-size: 38px;line-height: 45px;}
.roll1-1 a:hover h4 {text-decoration: underline;}
/*.roll1-1 .thumb img {border-radius: 5px;}*/
.roll1-1 .owl-carousel .owl-dots.disabled, .roll1-1 .owl-carousel .owl-nav.disabled {display: block;}
.roll1-1 .depth1 {background-color: #ea1717;color: #ffffff; text-align:center;padding: 2px 10px 5px;}
.roll1-1 .large-12 {position: relative;}
.roll1-1 .owl-nav {opacity: 0;filter: alpha(opacity=0);transition: all 0s;-moz-transition: all 0s;
    -webkit-transition: all 1s;-o-transition: all 0s;-webkit-transition-delay: 0s;transition-delay: 0s;}
.roll1-1 .large-12:hover .owl-nav {opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: 0s;
    transition-delay: 0s;}

.roll1-1 button.owl-prev {position: absolute;left: 0px;top: 40%;width: 40px;height: 40px;line-height: 44px !important;text-align: center;color: #fff;
    font-size: 0;margin-right: -70px;z-index: 9999;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;margin:0px !important;}

.roll1-1 button.owl-next {position: absolute;right: 0px;top: 40%;width: 40px;height: 40px;line-height: 44px !important;text-align: center;color: #fff;
    font-size: 0;margin-right: -70px;z-index: 9999;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;margin:0px !important;}

.roll1-1 .owl-prev:before {margin:2px 10px 0 5px;font-size: 45px;content: "\f053";font-family: FontAwesome;color: #fff;}
.roll1-1 .owl-next:before {margin:0;font-size: 45px;content: "\f054";font-family: FontAwesome;color: #fff;}
.roll1-1 .owl-theme .owl-nav [class*=owl-]:hover {background: unset;color:#fff;text-decoration: none;}
.roll1-1 button.owl-prev span, .roll1-1 button.owl-next span {display:none;}


/* roll1-1 */
.roll1-1:hover img {
    transform: scale(1.1);
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}



/* roll3-1 */
.roll3-1 .layout_2--item .thumb {border-radius: 5px;}
.roll3-1 .category-title {padding:10px 0;font-size:16px;}
.roll3-1 .category {padding: 20px 0;}
.roll3-1 .category p {margin-top:10px;font-size:15px;color: #888;letter-spacing: -.09em;line-height: 22px;height: 68px;
text-overflow: ellipsis;overflow: hidden;}
.roll3-1 a:hover h4 {text-decoration: underline;}

.roll3-1 .thumb img {border-radius: 5px;}
.roll3-1 .owl-carousel .owl-dots.disabled, .roll3-1 .owl-carousel .owl-nav.disabled {
    display: block;
}
.roll3-1 .large-12 {position: relative;}
.roll3-1 .owl-nav {opacity: 0;filter: alpha(opacity=0);transition: all 0s;-moz-transition: all 0s;
    -webkit-transition: all 1s;-o-transition: all 0s;-webkit-transition-delay: 0s;transition-delay: 0s;}
.roll3-1 .large-12:hover .owl-nav {opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: 0s;
    transition-delay: 0s;}

.roll3-1 button.owl-prev {position: absolute;left: 0px;top: 20%;width: 40px;height: 40px;line-height: 44px !important;
    text-align: center;border-radius: 0 10px 10px 0 !important;border: 1px solid rgba(204,204,204,.4);background: #ddd !important;color: #8a8a8a;
    font-size: 0;margin-right: -70px;z-index: 9999;transition: all .2s;-moz-transition: all .2s;
    -webkit-transition: all .2s;-o-transition: all .2s;margin:0px !important;}
.roll3-1 button.owl-next {position: absolute;right: 0px;top: 20%;width: 40px;height: 40px;line-height: 44px !important;
    text-align: center;border-radius: 10px 0 0 10px !important;border: 1px solid rgba(204,204,204,.4);background: #ddd !important;color: #8a8a8a;
    font-size: 0;margin-right: -70px;z-index: 9999;transition: all .2s;-moz-transition: all .2s;
    -webkit-transition: all .2s;-o-transition: all .2s;margin:0px !important;}
.roll3-1 .owl-prev:before {margin:2px 10px 0 0;font-size: 25px;content: "\f053";font-family: FontAwesome;}
.roll3-1 .owl-next:before {margin:2px 0 0 8px;font-size: 25px;content: "\f054";font-family: FontAwesome;}
.roll3-1 .owl-theme .owl-nav [class*=owl-]:hover {background: #869791;color:#8a8a8a;text-decoration: none;}
.roll3-1 button.owl-prev span, .roll3-1 button.owl-next span {display:none;}


/* j11 */
.j11 .thumb {border-radius: 5px;}
.j11 .category-title {padding:10px 0;font-size:16px;}
.j11 .category {padding: 20px 0;}
.j11 .category p {margin-top:10px;font-size:15px;color: #888;letter-spacing: -.09em;line-height: 22px;height: 68px;text-overflow: ellipsis;overflow: hidden;}
.j11 a:hover h4 {text-decoration: underline;}

/* j12 */
.j12 .thumb {border-radius: 5px;}
.j12 .category-title {padding:10px 0;font-size:16px;}
.j12 .category {padding: 30px 20px;background:#000;}
.j12 .category h4 {color: #fff;text-align:center;}
/*.j12 .category p {display:none;}*/
.j12 .category p {margin-top:10px;font-size:15px;color: #fff;letter-spacing: -.09em;text-align:center;}
.j12 a:hover h4 {text-decoration: underline;}


/* j13 */
.j13 .category {position: unset;padding: 24px 20px;border: 1px solid #eaeaea;border-top:0px;background:#fff;}
.j13 .category p {margin-top: 10px;font-size: 15px;color: #888;letter-spacing: -.09em;line-height: 22px;height: 68px;text-overflow: ellipsis;overflow: hidden;}
.j13 a:hover h4 {text-decoration: underline;}
.j13 h4 {margin: 9px 0;font-size: 18px !important;line-height: 20px !important;font-weight: 600;}
.j13 .depth1 {background-color: #ea1717;color: #ffffff;text-align: center;padding: 2px 10px 3px;}
.j13 .depth2 {background-color: #ea1717;color: #ffffff;text-align: center;padding: 2px 10px 3px;}






/* skin-a6 */
/* slick */
.five-post-slick .slick-prev,
.five-post-slick .slick-next,
.five-post-slick .slick-prev:before {content: '\f053';margin-right: 2px;}
.five-post-slick .slick-next:before {content: '\f054';margin-left: 2px;}
.five-post-slick .slick-next:before,
.five-post-slick .slick-prev:before,
.five-post-slick .slick-next {position: absolute;right: -30px;top: 40%;border-radius: 50%;}
.five-post-slick .slick-prev {position: absolute;left: -30px;top: 40%;z-index:9;border-radius: 50%;}
.five-post-slick:hover .slick-next,
.five-post-slick:hover .slick-prev,
.slick-dots li.slick-active button {width: 8px;height: 8px;background: #ff6600;padding: 0;border: none;border-radius: 50%;font-size: 0px;}
/* //skin-a6 */


/* j7 */
.j7 .slider {position:relative;}
.j7 .item {position:relative;}
.j7 .item .description {position:absolute;color:#fff;z-index:10;bottom:-99em;transition: all .6s;width:100%;min-height:100px;margin:0;padding:10px;
    box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:0px -100px 75px -75px rgba(0,0,0,0.7) inset;text-align:right;}
.j7 .item .description a {color:#fff;text-decoration:none;}
.j7 .item:hover .description {bottom:0;}
.j7 .slick-prev:before, 
.j7 .slick-next:before {font-family: "slick";font-size: 20px;line-height: 1;opacity: 0.75;-moz-osx-font-smoothing: grayscale;color: #000;}
.j7 .slick-prev {left: 0;}
.j7 .slick-next {right:0;}
.j7-slick .slick-prev:before {content: '\f053';margin-right: 2px;}
.j7-slick .slick-next:before {content: '\f054';margin-left: 2px;}
.j7-slick .slick-prev:before, .j7-slick .slick-next:before {font-family: "FontAwesome";}
.j7-slick .slick-slide img {display: block;height: 380px;	}
.j7-slick .slick-slide {float: left;min-height: 1px;max-width:100% !important;margin-left: .5rem;margin-right: .5rem;position: relative;}
.container-fluid .slick-slide {position: relative;}
.j7-slick .slick-track .thumb:before {content: '';position: absolute;z-index: 2;border: 1px solid rgba(0,0,0,.1);left: 0;right: 0;top: 0;bottom: 0;visibility: visible;z-index: 15;
    background: rgba(0,0,0,.7);transition: all .25s;}
.j7-slick .slick-track .slick-center .thumb:before {background: 0 0;}
.j7-slick .layout-detail h5 {color: #fff;font-weight: 600;padding-top: 10px;font-size: 25px;line-height: 30px;}
.j7-slick .icon-24 {width: 24px;height: 24px;position: unset;bottom: auto;left: auto;}
.j7-slick .cat {background-color: #ea1717;color: #ffffff;text-align: center;font-size:13px;padding: 2px 10px 5px;}

.j7-slick .slick-prev,
.j7-slick .slick-next {display: inline-block;font-size: 25px;color: #444;border: 1px solid #ccc;width: 64px;height:64px;line-height: 20px;background:#fff;margin: 0 2px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.08);text-align: center;text-decoration: none;transform: scale3d(.7,.7,1);opacity: 0;transition: all .35s;}

.j7-slick .slick-next {position: absolute;right: -30px;top: 40%;border-radius: 50%;}
.j7-slick .slick-prev {position: absolute;left: -30px;top: 40%;z-index:9;border-radius: 50%;}

.j7-slick:hover .slick-next,
.j7-slick:hover .slick-prev {transform: scale3d(1,1,1);opacity: 1;}

@media (max-width: 768px) {
	.j7-slick .slick-slide img {display: block;height: 280px;}
}
/* // j7 */


/* -----------------------------------------------------------*/
/* slick */

/*
.responsive button,
.post-slick button {
    display: inline-block;
    font-size: 12px;
    color: #444;
    border: 1px solid #ccc;
    width: 24px;
    line-height: 20px;
	background:#fff;
    margin: 0 2px;
    text-align: center;
    text-decoration: none;
}
*/

.srih-post .slick-prev {
    color: #666;
    margin: 0 2px;
    text-align: center;
    text-decoration: none;
    width: 43px;
    height: 85px;
    line-height: 85px;
    font-size: 43px;
    border: 0;
	background: none;
}

.srih-post .slick-next {
    color: #666;
    margin: 0 2px;
    text-align: center;
    text-decoration: none;
    width: 43px;
    height: 85px;
    line-height: 85px;
    font-size: 43px;
    border: 0;
	background: none;
}



.srih-post .responsive .slick-prev:before,
.srih-post .slick-prev:before {
    content: '\f053';
    margin-right: 2px;
}
.srih-post .responsive .slick-next:before,
.srih-post .slick-next:before {
    content: '\f054';
    margin-left: 2px;
}
.srih-post .responsive .slick-next:before,
.srih-post .responsive .slick-prev:before,
.srih-post .slick-next:before,
.srih-post .slick-prev:before {
    font-family: "FontAwesome";
}

.srih-post .responsive .slick-next:hover,
.srih-post .responsive .slick-prev:hover,
.srih-post .slick-next:hover,
.srih-post .slick-prev:hover {
    color: #666;
}
.srih-post .responsive .slick-next {
	position: absolute;
    right: 4px;
    top: 6px;
}
.srih-post .responsive .slick-prev {
	position: absolute;
    right: 32px;
    top: 6px;
	z-index:9;
}

.srih-post .slick-next {
	position: absolute;
    right: -40px;
    top: 15%;
	z-index:9;
}
.srih-post .slick-prev {
	position: absolute;
    left: -40px;
    top: 15%;
	z-index:9;
}

.srih-post .slick-dots {
    margin: 4px auto 0;
}
/**/



.dsp-n-p p {display:none;}




/* 사이트 메뉴 */
#sidebar-wrapper {width: 340px;left: -340px;z-index: 999999;letter-spacing: -1px;}
#sidebar-wrapper ul.navbar-nav {margin:0px;padding-bottom:0px;border-bottom: 1px solid #E3E4E8;}
#sidebar-wrapper ul {padding:0px;}
#sidebar-wrapper ul li {border-bottom: 1px solid #E3E4E8;padding: 10px;}
#sidebar-wrapper ul.navbar-nav li:last-child {border-bottom: 0;}

#sidebar-wrapper .navbar-nav > li > a:hover {
	background: #85ba41 !important;
	color: #fff !important;
}
.sidebar-tit {
	background: #1d1e20;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

#sidebar-wrapper .navbar-nav > li > .dropdown-menu > li > .dropdown-menu {
	position: absolute;
	left: 90%;
	top: 0 !important;
	z-index: 1000;
	display: block !important;
	float: left;
	min-width: 200px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	background-color: #fff;
	border: none;
	border-radius: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(24,24,24,.1);
	-moz-box-shadow: 0 5px 10px rgba(24,24,24,.1);
	box-shadow: 0 5px 10px rgba(24,24,24,.1);
	border-left: 2px solid #85ba41;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	opacity: 0;
	visibility: hidden;
}

#sidebar-wrapper .navbar-nav > li > .dropdown-menu > li:hover > .dropdown-menu {
	left: 100%;
	opacity: 1;
	visibility: visible;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
}
#sidebar-wrapper .offset-trigger {
	position: absolute;
	top: 18px;
	right: 10px;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

#sidebar-wrapper ul .category {padding-top:0px;font-weight: 600;}
#sidebar-wrapper ul li .title {padding-top:10px;letter-spacing: -1.2px;}
#sidebar-wrapper ul li .title a {padding:0px 0 0 0px;}
#sidebar-wrapper ul li .title a:hover {color:#e32816;font-weight:600;}
#sidebar-wrapper .category {font-size:15px; border:0px;margin:0px;padding:0px;text-align:left;}








.scrollbar {
margin-left: 0px;
float: left;
max-height: 100%;
width: 100%;
background: #fff;
overflow-y: scroll;
margin-bottom: 25px;
}
.force-overflow {
min-height: 550px;
padding-bottom:100px;
}



.scrollbar-info::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #fff;
border-radius: 10px; }

.scrollbar-info::-webkit-scrollbar {
width: 5px;
background-color: #fff; }

.scrollbar-info::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #999; }

.pc-hidden {display:none;}
/* //사이트 메뉴 */









/* 전체보기 메뉴 */
.search-wrap1 .all-inner {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}


/* 롤링 스킨 */
.home4-masonry {padding-top:30px;margin-bottom:40px;}




/* 리스트페이지 list */
.skin-list .layout_2--item a:hover p {text-decoration: none;}
/*
.skin-list .layout_2--item .thumb {border-radius: 5px;}
*/
.skin-list .category-title {padding:0 0 10px 0;font-size:16px;}
.skin-list .category {border: 1px solid #eaeaea;border-top:0px; padding: 24px 20px;}
.skin-list .category p {margin-top:10px;font-size:15px;color: #888;letter-spacing: -.09em;line-height: 25px;height: 75px;text-overflow: ellipsis;overflow: hidden;}
.skin-list a:hover h4 {text-decoration: underline;}


.page_header h2 {font-size: 18px;font-weight:600;}

/* list.php */
.layout_3--item .meta {padding-top:8px;overflow: hidden;}
.layout_3--item .meta span {font-size: 12px;color: #777;margin-right: 10px;}
.category-list h4 {font-size: 20px;color: #222;font-weight: 400;}
.category-list p {
    font-size: 15px;
    color: #888;
    letter-spacing: -.09em;
    line-height: 22px;
    height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.meta span.author {
	float:left;
	list-style: none;
	color: #a3a3a3;
	font-size:12px;
	margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #dedede;
    line-height: 12px;

}

.meta span.date {
	float:left;
	list-style: none;
	color: #a3a3a3;
	font-size:13px;
	margin-right: 0px;
    padding-right: 0px;
    line-height: 12px;

}


/* 뷰페이지 view */
.news-article-Body img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}


table.w-45p>tbody>tr>td {width:50%;}
table.w-45p>tbody>tr>td:first-child {padding-right:40px !important;}
table.w-45p>tbody>tr>td:last-child {padding-left:40px !important;}







/* footer 푸터 */
.footer {border-top:1px solid #ddd;}
.footer-row1 .bor-t-2 {border-top: 2px solid #5f5f5f;}
.footer-row1 .pos-a {overflow:hidden;padding-bottom:15px;}
.footer-row1 .pos-l {float:left;}
.footer-row1 .pos-r {float:right; padding: 17px 0 50px;}
.footer-row1 .pos-r p {letter-spacing: -0.7px;}
.footer-row1 .foot-add {padding:20px 0 5px;}
.footer-row1 .foot-add p {display: inline-block;}

.footer-row1 .pos-l {padding: 15px 0 5px;}
.footer-row1 .pos-l .f-logo {display: block;text-decoration: none;outline: none;font-weight: 900;text-transform: uppercase;
    font-size: 20px;}
.footer-row1 .pos-l .f-logo span {display: inline-block;color: #fff;background: #e32816;border-radius: 5px;line-height: unset;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 3px 5px 3px;margin-left: 3px;}


/* skin-zine */
.skin-zine .col-md-6 {padding: 0px 5px 0 0 !important;}
.skin-zine .row-0 {margin-right: 0px;margin-left: 0px;}


/* skin-zine2 */
.scale-no img {transform: scale(1.1);}
a:hover h4.t-dc {text-decoration: underline;}
.badge {padding:5px 10px 7px;background-color: #e32816;}

/* skin-zine4 */

.container .mob-mode {display:none;}



/* skin-k */
.skin-k .post-content h5 {font-size:22px;font-weight:600;color:#fff;}
.skin-k .post-content p {display:none;}


/* skin_style k-2-2 */
.k-2-2 .post-content p {display:none;}

.k-1 .post-content p {display:none;}

.k-2-1 .post-content p {display:none;}


















/* skin-roll2 */
.roll2 .col-md-6 {padding:0px !important;margin-right:30px;}
.roll2 .post-slick .slick-prev {opacity: 0;filter: alpha(opacity=0);transition: all 0s;-moz-transition: all 0s;
    -webkit-transition: all 1s;-o-transition: all 0s;-webkit-transition-delay: 0s;transition-delay: 0s;}
.roll2 .post-slick:hover .slick-prev {opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: 0s;
    transition-delay: 0s;}
.roll2 .post-slick {position: relative;}
.roll2 button.slick-next {border-color: transparent;background-color: #fff;color: #333;margin-left: -30px;box-shadow: 0 3px 3px rgba(0,0,0,.2);}
.roll2 button.slick-next {border-color: transparent;background-color: #fff;color: #333;margin-left: -30px;box-shadow: 0 3px 3px rgba(0,0,0,.2);}

.roll2 .slick-prev {position: absolute;left: 0px;top: 33%;width: 50px;height: 50px;line-height: 30px;
    text-align: center;border-radius: 0 10px 10px 0;border: 1px solid rgba(204,204,204,.4);background: #ddd;color: #8a8a8a;
    font-size: 0;margin-right: -70px;z-index: 9999;transition: all .2s;-moz-transition: all .2s;
    -webkit-transition: all .2s;-o-transition: all .2s;}
.roll2 .slick-next {position: absolute;left: 100%;top: 50%;margin-top: -20px;width: 60px;height: 60px;line-height: 38px;
    text-align: center;border-radius: 50%;border: 2px solid rgba(204,204,204,.4);background: transparent;color: #8a8a8a;
    font-size: 0;z-index:9;margin-left: 20px;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;
    -o-transition: all .2s;
}
.roll2 .slick-prev:before {display: block;position: absolute;right: 3px;width: 100%;top: 9px;line-height: inherit;
    font-size: 25px;content: "\f053";font-family: FontAwesome;}
.roll2 .slick-next:before {display: block;position: absolute;left: 0;width: 100%;top: 9px;line-height: inherit;
    font-size: 25px;content: "\f054";font-family: FontAwesome;}












/* 뷰페이지 SNS */
.single-post {padding-top:20px;}
.single-post .post-title {border-bottom: 3px solid #393939;margin-bottom: 35px;text-align: center;}
.post-wrapper blockquote {border:0px;padding:10px 0 10px 0;margin:0px;}


.news-article-Body .blockquote, .news-article-Body .blockquote p {overflow:hidden;}
.news-article-Body .blockquote img.note-float-left {margin-right: 0px !important;}
.news-article-Body .blockquote img.note-float-right {margin-left: 0px !important;}
.news-article-Body .blockquote .image-caption img {width: 100% !important;}
.news-article-Body .blockquote .image-caption {width: 100% !important;margin-right: 0px !important;margin-left: 0px !important;}





.blockquote p img {}


.news-article-Body .table-bordered>tbody>tr>td:first-child {padding-right:5px;}
.news-article-Body .table-bordered>tbody>tr>td:last-child {padding-left:5px;}

.news-article-Body .table-bordered>tbody>tr>td .image-caption {width: 100% !important;}



.bcrumbs { margin-bottom: 10px;font-weight: 600;overflow:hidden;}
.bcrumbs li {list-style: none;float: left;margin-right: 20px;font-size: 16px;color: #bbbbbb;position: relative;}
.bcrumbs li:after {content: "|";font-family: 'FontAwesome';position: absolute;top: 5px;right: -13px;font-size: 11px;}
.bcrumbs li a {color: #1d1e20;}
.post-title h2 {font-size: 40px;line-height: 45px;margin-bottom:10px;font-weight: 800;}

.news-article-Body h1 {font-size: 30px;letter-spacing: -2px;margin-bottom:5px;}
.news-article-Body h2 {font-size: 20px;line-height: 1.25em;font-weight: 600;margin-bottom: 20px;}
.news-article-Body h2:after {border-bottom: 1px solid #d1d1d1;height: 10px;}
.news-article-Body h3 {font-size: 20px;line-height: 1.25em;font-weight: 500;margin-bottom: 15px;}

.news-article-Body h4 {font-size: 20px;}

.news-article-Body h6 {font-size: 13px;line-height: 1.5em;}

.news-article-Body p {font-size: 17px;line-height: 1.7em;margin-bottom: 0px;letter-spacing: -1.26px;}


.post-copyright-box {margin-bottom: 30px;padding: 50px 20px 12px 0;}
.post-copyright-box p, .post-copyright-box div {font-size: 14px;color: #777;line-height: 20px;margin: 0 0 10px;letter-spacing: -0.030em;}

/*.news-article-Body img.img-responsive {margin-bottom: 15px;}*/
.news-article-Body img.img-responsive {margin-bottom: 0px;}
.news-article-Body .image-caption img.img-responsive {margin-bottom: 0px !important;}
.news-article-Body img.note-float-left {margin-right: 20px !important;}
.news-article-Body img.note-float-right {margin-left: 20px !important;}
figcaption.caption {font-size:14px;color:#666;line-height: 1.625;letter-spacing: -0.03em;}
.news-article-Body .note-video-clip {width:100% !important;margin-bottom:25px;}

.image-caption {margin-bottom:10px;}
.image-caption img {margin-bottom:10px;}
.image-caption .caption {text-align:center;}
.news-article-Body .table-bordered .image-caption img.note-float-left,
.news-article-Body .table-bordered .image-caption img.note-float-right {width:100% !important;}


.news-article-Body .table-bordered {border:0px;margin-bottom:0px;}
.news-article-Body .table-bordered>tbody>tr>td {border:0px;padding:0px;}
.news-article-Body .table-bordered img.note-float-left {margin-right: 0px !important;width: 49.5% !important;height: auto !important;}
.news-article-Body .table-bordered img.note-float-right {margin-left: 0px !important;width: 49.5% !important;height: auto !important;}


.news-article-Body .table-bordered.bor-1>tbody>tr>td {border: 1px solid #ddd;padding: 8px;font-size: 15px;font-weight: 400;}

.news-article-Body .table-bordered>tbody>tr>td {
    padding: 8px;
    font-size: 15px;
    font-weight: 400;
}

.table-bordered td.w-20p {width:20%;}

/* SNS 인쇄(print.css) 폰트조절 */
/*sns*/
.dsp-b-768 {display:none;}
.util_view {float:right;width: 140px;margin-bottom: 10px;}
.util_view .sns-util {display: inline;position: relative;}
.util_view .btn_util {float: left;position: relative;width: 30px;height: 30px;margin-right: 8px;}
.sns-util .btn_util {float: left;position: relative;width: 30px;height: 30px;margin-right: 8px;}
.sns-util .btn_set {width: 30px;height: 30px;border: 1px solid #ced2d7;background: #fff;color: #777;padding:0px;}

.wrap_sharelayer ul li a {display: inline-block;text-decoration: none;
	transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
	float: left;width: 34px;height: 34px;color: #ffffff;text-align: center;position: relative;line-height: 40px;font-size: 14px;
}
.sns-util .wrap_sharelayer {position: absolute;top: 30px;left: -12px;padding-top: 8px;z-index: 9;}
.sns-util .btn_util:hover .layer_util {display: block;position: static;}
.layer_util {display: none;position: absolute;border: 1px solid #e2e2e2;background-color: #fff;}
.layer_share {width: 144px;padding: 10px 0 0 0px;}
.wrap_sharelayer .layer_util {top: 70px;}
.wrap_sharelayer .layer_share {position: static;}
.layer_share .list_sns {overflow: hidden;margin: 0 auto;padding-left: 0px;}
.layer_share .list_sns li {float: left;margin-bottom: 10px;list-style: none;margin-left: 10px;}
.list_sns li.facebook a {background: url(/news/images/sns/facebook.png) center center no-repeat;}
.list_sns li.twitter a {background: url(/news/images/sns/twitter.png) center center no-repeat;}
/*
.list_sns li.google-plus a {
	background: url(/news/images/sns/google-plus.png) center center no-repeat;
}*/
.list_sns li.band a {background: url(/news/images/sns/band.png) center center no-repeat;}
.list_sns li.blog a {background: url(/news/images/sns/blog.png) center center no-repeat;}
.list_sns li.kakaostory a {background: url(/news/images/sns/kakaostory.png) center center no-repeat;}
.list_sns li.bookmark a {background: url(/news/images/sns/bookmark.png) center center no-repeat;}
.list_sns li.talk a {background: url(/news/images/sns/talk.png) center center no-repeat;}

.list_sns li.instagram a {background: url(../images/instagram.png) center center no-repeat;}

.list_sns > li a i, span.instagram a i {position: absolute;left: -10000%;top: 0;overflow: hidden;width: 0;height: 0;
	font-size: 0;line-height: 0;text-indent: -10000px;}

span.instagram a {background: url(../images/instagram.png) center center no-repeat;}
span.instagram a {display: inline-block;width: 30px;height: 30px;}





/*인쇄*/
.sns-util .btn_print:hover,
.sns-util .btn_set:hover {border: 1px solid #777;}
.sns-util .btn_print {margin-right: 8px;color: #777;font-size: 17px;text-align: center;}
.sns-util .btn_print .print {width: 30px;height: 30px;border: 1px solid #ced2d7;background: #fff;padding:0px;}

@media print {
	.header1,
	.page_header, .util-list,
	.print-no,
	footer {display: none !important;visibility: hidden !important;}
	blockquote {border-top:0px !important;border-right:0px !important;border-bottom:0px !important;}
	.visible-print  { display: inherit !important; }
	.hidden-print,
	.bcrumbs  { display: none !important; }
}

/*폰트*/
.util_viewd {float: left;}
.util_view .font-tool a {position: relative;float: left;border: 1px solid #dddddd;width: 30px;height: 30px;background: #fff;margin-left: -1px;}
.util_view .font-tool a i {position: absolute;left: -10000%;top: 0;overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -10000px;}
.util_view .font-tool a {position: relative;float: left;border: 1px solid #dddddd;width: 30px;height: 30px;background: #fff;margin-left: -1px;}

.util_view .font-tool a:first-child + a:after {font-size: 18px;color: #000;}
.util_view .font-tool a.btn_minus:after {content: "가";position: absolute;top: 6px;left: 0;right: 0;bottom: 0;font-size: 12px;color: #999;text-align: center;
	font-family: "notoMedium";font-weight: inherit;}
.util_view .font-tool a.btn_plus:after {content: "가";position: absolute;top: 2px;left: 0;right: 0;bottom: 0;font-size: 12px;color: #999;text-align: center;
	font-family: "notoMedium";font-weight: inherit;}
/* //뷰페이지 SNS */


/* left-sns */
.left-sns .layer_share .list_sns li {float: none;margin-bottom: 0px;list-style: none;margin-left: 0px;}
.left-sns ul li a {display: inline-block;text-decoration: none;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;float: none;width: 34px;height: 34px;color: #ffffff;text-align: center;position: relative;line-height: 40px;font-size: 14px;
}
.left-sns .btn_print {width: 34px;height: 34px;border: 1px solid #ced2d7;background: #fff;color: #777;font-size: 17px;margin-bottom: 5px;}
.left-sns .util_view {float: none;}
.left-sns .util_view .font-tool a {position: relative;border: 1px solid #ced2d7;width: 34px;float: none;height: 34px;background: #fff;display: block;
margin-left: 0px;margin-bottom: 5px;}



.dsp-o-499 {display: none !important;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* top */
#myBtn {
  display: none; 
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color:#596a72;
  color: white;
  cursor: pointer;
  padding: 4px 10px 8px;
  border-radius: 10px;
  font-size: 18px;
}
#myBtn i {
	display: block;
	text-align: center;
	margin: 0 auto;
}
#myBtn span.top {
	font-size:14px;
	font-weight:600;
}
#myBtn:hover {
  background-color: #000;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------*/




/* 폰트 자르기 */
.line-clamp {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	padding: 0 !important;
	line-height: 1.3;
}
.line-clamp-1 {
	-webkit-line-clamp: 1;
	/*height: calc(1em * 1.3 * 1);*/
}
.line-clamp-2 {
	-webkit-line-clamp: 2;
	height: calc(1em * 1.3 * 2);
}
.line-clamp-3 {
	-webkit-line-clamp: 3;
	/*height: calc(1em * 1.3 * 3);*/
}
.line-clamp-4 {
	-webkit-line-clamp: 4;
	/*height: calc(1em * 1.3 * 4);*/
}
.line-clamp-5 {
	-webkit-line-clamp: 5;
	/*height: calc(1em * 1.3 * 5);*/
}
.line-clamp-6 {
	-webkit-line-clamp: 6;
	/*height: calc(1em * 1.3 * 6);*/
}
.line-clamp-7 {
	-webkit-line-clamp: 7;
	/*height: calc(1em * 1.3 * 7);*/
}


/*----------------------------
@media (max-width: 1240px)
.wz-thumnail {
    width: calc(33% - 15px);
    min-height: 0;
    margin-bottom: 30px;
}

----------------------------*/
@media (min-width: 768px) {
	.skin-list:nth-child(3n + 1) {clear: both;float: left;}
	
	
}


@media (max-width: 900px) {
	.navbar-collapse.collapse {display: none !important;}
	.mob-logo {display: block;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;}
	
}

@media (max-width: 768px) {
	.left-sns {display:none;}
	.dsp-b-768 {display:block;}
	
	.webzine-title h1 {font-size: 33px;}
}

	.j7-slick .slick-next {right: 0px;top: 35%;}
	.j7-slick .slick-prev {left: 0px;top: 35%;}
	.k-1 h4 {font-size: 25px !important;line-height: 30px !important;}
	.k-2-2 h4 {font-size: 18px !important;line-height: 20px !important;}
	.k-2-2 .padding-20 {padding: 10px !important;}
}

}
/* @media
@media (max-width: 1000px) and (min-width: 768px) {
	.skin-zine1:nth-child(2n + 1) {
		clear: both;
		float: left;
	}

}
 */


@media (max-width: 1200px) {
	.container {padding:0 15px;}
	.single-post {padding-top:40px;}
	.top-logo img {padding-left:15px;}
	.home4-masonry {padding-top:30px;margin-bottom:30px;}
	.j11:nth-child(3n + 1) {clear: both;float: left;}
	.j12:nth-child(3n + 1) {clear: both;float: left;}
	
}





@media (max-width: 972px) {
	.pop-nav-all .wz-logo {display: none;}
	.pop-nav-all .nav-contents:before{display:none;}
	.pop-nav-all .nav-contents {width:100%;}
	.pop-nav-all .nav-contents ul {
		float: left;
		padding-left: 45px;
		white-space: nowrap;
	}
}

@media (max-width: 900px) {
	.tablit-mode, .pop-nav-all {display: none !important;}
	.header-menu-style5 .offset-trigger {font-size:24px;}
	.pc-hidden {display:block;}
	.header1 .navbar-brand {margin: unset;text-align: center;display: block;width: 280px;}
}

@media (max-width: 800px) {
	.col-zine {width: 50%;}
	.home4-masonry {padding-top:20px;}
	.top-logo img {height: 65px;padding-left:10px;}

	.col-right {padding: 20px 15px 20px 0;}
	.post-title h2 {font-size: 22px;line-height: 25px;margin-bottom: 10px;font-weight: 700;}
	.pop-nav-all {
		top: 65px;
		padding: 30px 20px 10px 20px;
	}
	.pop-nav-all .wz-logo {display: none;}
	.pop-nav-all .nav-contents {
		float: none;
		width: auto;
		margin-bottom: 20px;
		padding: 0;
	}
	.pop-nav-all .all-close {
		padding-right: 0;
	}
	.pop-nav-all .nav-contents ul {
		float: none;
		padding-left: 0;
	}
	.pop-nav-all .nav-contents ul li {
	margin-bottom: 15px;
	}
	.pop-nav-all .nav-contents .title {
		font-size: 14px;
	}
	.pop-nav-all .nav-contents:before{display:none;}
	.post-wrapper blockquote {font-size: 14px;}
}

@media (max-width: 767px) {
	.skin-zine1:nth-child(2n + 1) {clear: both;float: left;}
	.skin-k.layout_1--item.k-type.m-b-30 {margin-bottom:3px !important;}
	.container .pc-mode {display:none;}
	.container .mob-mode {display:block;}
	.skin-list:nth-child(2n + 1) {
		clear: both;
		float: left;
	}
	table.w-45p>tbody>tr>td {width: 100%;float: left;margin-bottom: 35px;}
	table.w-45p>tbody>tr>td:first-child {padding-right:0px !important;}
	table.w-45p>tbody>tr>td:last-child {padding-left:0px !important;}
	.news-article-Body h1 {font-size: 18px;letter-spacing: 0px;margin-bottom: 5px;line-height: 24px;}

}



@media (max-width: 600px) {
	.news-article-Body .table-bordered img.note-float-left,
	.news-article-Body .table-bordered img.note-float-right {float:none;width:auto !important;height: auto !important;}
	.pop-nav-all .nav-contents ul li {margin-bottom: 10px;}
	.pop-nav-all {
		position: fixed;
		left: 0;
		right: 0;
		top: 64px;
		padding: 15px 20px 0px 20px;
		background-color: #fff;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #3c3c34;
		display: none;
	}
	.navigation .tablit-mode {display:block !important;}
	.pop-nav-all .nav-contents .title {
		font-size: 13px;
		font-weight: 600;
		line-height: 15px;
	}
	.pop-nav-all .nav-contents .category {font-size: 12px;}
	.pop-nav-all .nav-contents .title2 {
		font-size: 13px;
		font-weight: 600;
		line-height: 15px;
	}
	.pop-nav-all .all-close button {padding-right: 15px;}
	.pos-a {text-align:center;}
	.pos-a .pos-r, .pos-a .pos-l {float:none;}

	.news-article-Body img.img-responsive {display: block;float: none !important;margin:0 auto !important;padding-bottom:20px;height: auto !important;}
	.news-article-Body .image-caption img.img-responsive {display: block;float: none !important;margin:0 auto !important;padding-bottom:0px !important;}

	.news-article-Body p.all-img img.img-responsive {padding-bottom:0px !important;}
		
	
	.skin-zine1 h4 {font-size:15px;}
	.news-article-Body p {font-size: 14px;line-height: 27px;}

	.news-article-Body h2 {font-size:16px;line-height: 24px;}
	.mode-pc {display:none;}
	.mode-mob {display:inline-block;}

	.max-600 {display:none;}
	.min-600 {display:block;}

	span.la {margin:0 0 0 5px;font-weight:600;}
	span.vol {font-size:14px;font-weight:600;}

	.news-article-Body .table-bordered>tbody>tr>td {float:left;width: 100%;}
	.news-article-Body .table-bordered>tbody>tr>td img {margin:0 auto;}
	.news-article-Body .table-bordered>tbody>tr>td:first-child {padding-right:0px;}
	.news-article-Body .table-bordered>tbody>tr>td:last-child {padding-left:0px;}
	.news-article-Body .image-caption {width: 100% !important;}

}


@media (max-width: 499px) {
	span.la {display:none;}
	span.vol {display:none;}
	.dsp-n-499 {display: none !important;}
	.dsp-o-499 {display: block !important;}

	.webzine-title h1 {font-size: 24px;}
	.j8 .cat,.j9 .cat, .j10 .cat {background-color: #ea1717;color: #ffffff;text-align: center;padding: 2px 10px 3px;}
	.j8 h5, .j9 h5 {font-size: 18px !important;line-height: 24px !important;color: #fff;font-weight: 600;padding-top: 10px !important;}
	
	.skin-e-3 .col-xs-6 {padding-right: 5px !important;padding-left: 5px !important;}
	
	.j10 .padding-20 {padding:20px 0px 10px !important;}
	.j10 h5 {font-size: 18px !important;line-height: 24px !important;font-weight: 600;padding-top: 10px !important;}
	.j10 .slick-dots {padding:10px 0;}
	.bghave {padding-bottom: 20px;}
	.mo-m-lr--15 {margin-right: -15px;margin-left: -15px;}
	.mob-logo img {display:none;}
	.mob-logo {margin-top: 13px;}
	.navigation .container .m-t-10 {margin-top:0px !important;}
	.mob-logo .navbar-brand {font-size: 25px;font-weight: 800;}
	.navigation {padding: 10px 0;}

	.k-1-1 h4 {padding-top: 10px !important;font-size: 18px !important;line-height: 20px !important;}

	.box {margin-bottom:10px;} 
	.academic-table {max-width:100%;width: unset;}


}


/* 폰트 사이즈 */
.f-s-12 {font-size:12px !important;}
.f-s-13 {font-size:13px !important;}
.f-s-14 {font-size:14px !important;}
.f-s-15 {font-size:15px !important;}
.f-s-16 {font-size:16px !important;}
.f-s-17 {font-size:17px !important;}
.f-s-18 {font-size:18px !important;}
.f-s-19 {font-size:19px !important;}
.f-s-20 {font-size:20px !important;}
.f-s-22 {font-size:22px !important;}
.f-s-24 {font-size:24px !important;}
.f-s-25 {font-size:25px !important;}
.f-s-27 {font-size:26px !important;}
.f-s-28 {font-size:28px !important;}
.f-s-30 {font-size:30px !important;}

/* 공백 */
.row-7 {margin-right: -7px;margin-left: -7px;overflow:hidden;}

.p-t-0 {padding-top: 0px !important;}
.p-tb-20 {padding: 20px 0 !important;}
.p-tb-30 {padding: 30px 0 !important;}
.p-t-20 {padding-top: 20px !important;}
.p-t-25 {padding-top: 25px !important;}
.p-t-60 {padding-top: 60px !important;}
.p-b-20 {padding-bottom:20px !important;}
.p-b-30 {padding-bottom:30px !important;}
.p-t-10 {padding-top: 10px !important;}
.p-t-25 {padding-top: 25px !important;}
.p-t-30 {padding-top: 30px !important;}
.p-t-40 {padding-top: 40px !important;}
.p-lr-5 {padding-left:5px; padding-right:5px;}
.p-rl-7 {padding-left:7px !important;padding-right:7px !important;}
.p-r-0 {padding-right:0px !important;}
.p-20 {padding: 20px !important;}
.p-0 {padding: 0px !important;}
.m-0 {margin: 0px !important;}
.m-t-7 {margin-top: 7px !important;}
.m-t-0 {margin-top: 0px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-25 {margin-top: 25px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-b-0 {margin-bottom: 0px !important;}
.m-b-1h {margin-bottom:1.2px !important;}
.m-b-5 {margin-bottom:5px !important;}
.m-b-7 {margin-bottom: 7px !important;}
.m-b-10 {margin-bottom:10px !important;}
.m-b-14 {margin-bottom: 14px !important;}
.m-b-15 {margin-bottom:15px !important;}

.m-r-7 {margin-right: 7px !important;}

.m-b-20 {margin-bottom:20px !important;}
.m-b-30 {margin-bottom:30px !important;}
.m-b-40 {margin-bottom:40px !important;}
.m-b-50 {margin-bottom:50px !important;}
.m-b-60 {margin-bottom:50px !important;}

.m-lr-5 {margin-left:5px; margin-right:5px;}


.t-a-l {text-align: left;}
.t-a-c {text-align: center;}
.t-a-r {text-align: right;}

.flo-l {float:left !important;}
.flo-r {float:right !important;}


.bor-r-1 {border-right:1px solid #ddd;}
.box {border:1px solid #333;border-radius: 4px;padding: 5px;}
.box a {font-weight:600;}