@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@charset "UTF-8";
@import url("https://digital.mk.co.kr/new/fonts/noto-sans-scott.css");

/*reset*/
* {
	margin: 0;
	padding: 0;
	font-family: 'noto-sans-scott', 'Noto Sans KR', sans-serif;
	box-sizing: border-box;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	letter-spacing: -0.8px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	font-size: 15px;
	letter-spacing: -0.07em;
	line-height: 1.2em;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*@media screen and (max-width:900px) {
	body{
		clear: both;
		min-width: 1600px;
		position: relative;
	}
}*/
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table caption {
	display: none;
}
a, a:active, a:hover, a:visited {
	text-decoration:none;
}
/* 180716 해당 영역 요소별 CSS 분리, 수정 및 추가 by JW */
input:focus { 
	outline: none;
}
input::-ms-clear {
	display: none;
}
select:focus, button {
	outline: none;
}
input[type=text]:focus, input[type=tel]:focus, input[type=password]:focus, select:focus, textarea:focus {
	border-color: gray;
	transition: 0.4s;
}
label:focus {
	border-color: gray;
	transition: 0.4s; 
}
/* // 180716 해당 영역 요소별 CSS 분리, 수정 및 추가 by JW */
/* 20180716 CSS 일부 수정 by JW */
select {
	/* Select box 스타일 초기화 */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_arrow_down_l.png) no-repeat center right 0px transparent;
}
/* // 20180716 CSS 일부 수정 by JW */
/* IE 에서 Select box 화살표 제거 */
select::-ms-expand {
	display: none;
}
/* 20180716 CSS 추가 by JW */
button {
	cursor: pointer;
	border: none;
	background: transparent;
}
button:hover {
	cursor: pointer;
}
::-moz-selection {
	background: #FFB872;
	color: #000;
}
::selection {
	background: #FFB872;
	color: #000;
}
/* // 20180716 CSS 추가 by JW */
/* 본문 건너뛰기 CSS */
.blind {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;
	font-size: 0;
	line-height: 0;
}
/* chrome scroll */
.scroll::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #fff;
}
.scroll::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(51, 51, 51, 0.1);
}
/* ie scroll edge는 불가 */
.scroll {
	scrollbar-arrow-color: #fff;
	scrollbar-Face-Color: #eaeaea;
	scrollbar-Shadow-Color: #eaeaea;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
/*//reset*/


/* header */
header.new_mkep_header {
	width: 100%;
	height: 54px;
	border-bottom: 1px solid #E4E4E4;
	position: relative;
	z-index: 20;
}
header.new_mkep_header .logo_area {
	height: 54px;
	float: left;
	border-right: 1px solid #e4e4e4;
}
header.new_mkep_header .logo_area a {
	display: inline-block;
	padding: 0 26px;
	line-height: 54px;
	box-sizing: border-box;
}
header.new_mkep_header .logo_area a img {
	display: inline-block;
	height: 22px;
	vertical-align: -4px;
}
header.new_mkep_header .menu_area {
	float: left;
	padding-left: 24px;
	position: relative;
}
header.new_mkep_header .menu_area ul li {
	float: left;
	margin-right: 22px;
}
header.new_mkep_header .menu_area ul li a {

	font-size: 15px;
	display: inline-block;
	margin-top: 15px;
	font-weight: 400;
}
header.new_mkep_header .menu_area ul li .active {
	font-weight: 500;
	color: #ff6a00;
}
header.new_mkep_header .menu_area ul li .active:after {
	content: '';
	display: block;
	width: 100%;
	margin-top: 3px;
	height: 1px;
	background: #ff6a00;
}
header.new_mkep_header .menu_area ul li .updated {
	position: relative;
}
header.new_mkep_header .menu_area ul li .updated:before {
	content: '';
	display: inline-block;
	background: red;
	width: 4px;
	height: 4px;
	border-radius: 50px;
	position: absolute;
	top: -3px;
	right: -7px;
}
header.new_mkep_header .menu_area ul li .updated:hover:before {
	content: '';
	display: inline-block;
	background: red;
	width: 4px;
	height: 4px;
	border-radius: 50px;
	position: absolute;
	top: -3px;
	right: -7px;
}
header.new_mkep_header .menu_area ul li a:hover {
	font-weight: 500;
	color: #ff6a00;
}
header.new_mkep_header .menu_area ul li a:hover:after {
	width: 100%;
	//transition: width .5s;
}
header.new_mkep_header .menu_area ul li a:after {
	content: '';
	display: block;
	width: 0;
	margin-top: 3px;
	height: 1px;
	background: #ff6a00;
	transition: width .3s;
}
header.new_mkep_header .menu_area ul li .labeling_menu {
	display: inline-block;
}
header.new_mkep_header .menu_area ul li .labeling_menu .txt_label_menu {
	font-size: 16px;
	display: block;
	float: left;
	margin-top: 15px;
	font-weight: 400;
	margin-right: 7px;
}
header.new_mkep_header .menu_area ul li .labeling_menu .a_cc_inner {
	border-radius: 3px;
	background: #f8f8f8;
	border: 1px solid #bbbdc5;
	width: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
	line-height: 32px;
	margin-top: 10px;
	margin-left: 5px;
	box-sizing: border-box;
}
header.new_mkep_header .menu_area ul li .labeling_menu .a_cc_inner span {
	font-size: 16px;
	color: #000;
	vertical-align: 1.5px;
	font-weight: 400;
}
header.new_mkep_header .menu_area ul li .labeling_menu .a_cc_inner:hover {
	background: #ffeee7;
	transition: .5s;
	border: 1px solid #ff6a00;
}
header.new_mkep_header .menu_area ul li .labeling_menu .a_cc_inner:hover span {
	font-weight: 500;
	color: #ff6a00;
}
header.new_mkep_header .menu_area ul li .labeling_menu .a_cc_inner:hover:after {
	content: none!important;
}
header.new_mkep_header .menu_area ul li .labeling_menu .a_cc_inner:after {
	content: none!important;
}
header.new_mkep_header .right_area .member_info {
	float: left;
	margin-top: 16px;
	margin-right: 13px;
}
header.new_mkep_header .right_area .member_info .id_info {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}
header.new_mkep_header .right_area .member_info .id_info:before {
	content: '';
	display: inline-block;
	width: 19px;
	height: 21px;
	vertical-align: -5px;
	margin-right: 1px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_early_edition.png) no-repeat center/100%;
}
header.new_mkep_header .right_area .member_info .using_early {
	border: 1px dotted #989898;
	padding: 4px 9px;
	border-radius: 50px;
	margin-left: 9px;
	float: right;
	font-size: 13px;
	margin-top: -2px;
}
header.new_mkep_header .right_area {
	float: right;
}
header.new_mkep_header .right_area .member_bt_area {
	display: inline-block;
	border-left: 1px solid #e4e4e4;
	float: left;
}
header.new_mkep_header .right_area .entire_ser_bt_area {
	display: inline-block;
	border-left: 1px solid #e4e4e4;
}
header.new_mkep_header .right_area .member_bt_area a {
	height: 54px;
	width: 54px;
	display: block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_member_off.png) no-repeat center/100%;
	background-size: 22px 22px;
	position: relative;
	opacity: .6;
	z-index: 10;
}
header.new_mkep_header .right_area .member_bt_area a:hover {
	opacity: 1;
	transition: .5s;
}
/*header.new_mkep_header .right_area .member_bt_area a:after {
	content: '회원정보';
	display: inline-block;
	position: absolute;
	bottom: -32px;
	left: 0px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}*/
header.new_mkep_header .right_area .member_bt_area a:hover:after {
	opacity: 1;
	transition: .5s;
}
header.new_mkep_header .right_area .entire_ser_bt_area a {
	height: 54px;
	width: 54px;
	display: block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_entire_off.png) no-repeat center/100%;
	background-size: 18px 18px;
	float: right;
	position: relative;
	opacity: .6;
	z-index: 10;
}
header.new_mkep_header .right_area .entire_ser_bt_area a:hover {
	opacity: 1;
	transition: .5s;
}
/*header.new_mkep_header .right_area .entire_ser_bt_area a:after {
	content: '전체 서비스';
	display: inline-block;
	position: absolute;
	bottom: -32px;
	right: 5px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	opacity: 0;
	white-space: nowrap;
	font-size: 12px;
}*/
header.new_mkep_header .right_area .entire_ser_bt_area a:hover:after {
	opacity: 1;
	transition: .5s;
}
header.new_mkep_header .top_pop1 {
	position: absolute;
	top: 46px;
	right: 27px;
	border: 2px solid #000;
	border-radius: 4px;
	background: #fff;
	padding: 10px 10px;
	box-sizing: border-box;
	z-index: 20;
}
.arrow_box {
	position: absolute;
	background: #ffffff;
	border: 2px solid #000000;
	border-radius: 4px;
	background: #fff;
	padding: 10px 10px;
	box-sizing: border-box;
	z-index: 20;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 7px;
	margin-left: -7px;
}
.top_pop1 {
	top: 46px;
	right: 50px;
}
.top_pop2 {
	top: 46px;
	right: 5px;
	position: absolute;
	background: #ffffff;
	border: 2px solid #000000;
	border-radius: 4px;
	background: #fff;
	padding: 10px 10px;
	box-sizing: border-box;
	z-index: 20;
}
.top_pop2:after, .top_pop2:before {
	bottom: 100%;
	left: 87%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.top_pop2:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.top_pop2:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 7px;
	margin-left: -7px;
}
header.new_mkep_header .arrow_box ul li {
	padding: 3px 3px;
	margin-bottom: 5px;
}
header.new_mkep_header .arrow_box ul li:last-child {
	margin-bottom: 0;
}
header.new_mkep_header .arrow_box ul li a:hover span {
	font-weight: bold;
}
header.new_mkep_header .arrow_box ul li a span {
	font-size: 14px;
}
header.new_mkep_header .arrow_box ul .menu1 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu1.png) no-repeat center/100%;
}
header.new_mkep_header .arrow_box ul .menu2 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu2.png) no-repeat center/100%;
}
header.new_mkep_header .arrow_box ul .menu3 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu3.png) no-repeat center/100%;
}
header.new_mkep_header .arrow_box ul .menu4 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu4.png) no-repeat center/100%;
}
header.new_mkep_header .arrow_box ul .menu5 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu5.png) no-repeat center/100%;
}
header.new_mkep_header .arrow_box ul .menu6 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu6.png) no-repeat center/100%;
}
header.new_mkep_header .arrow_box ul .menu7 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu7.png) no-repeat center/100%;
}
header.new_mkep_header .arrow_box ul .menu8 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu8.png) no-repeat center/100%;
}
header.new_mkep_header .arrow_box ul .menu9 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu9.png) no-repeat center/100%;
}
header.new_mkep_header .arrow_box ul .menu10 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pop_menu10.png) no-repeat center/100%;
}
/* //header */

/* viewer body wrapper */
.viewer_body_wrapper {
	margin: 0!important;
	height: 100vh!important;
	overflow: hidden!important;
	min-width: 1100px;
}
/* //viewer body wrapper */
/* viewer main - top controller */
.viewer_con_wrapper {
	width: 100%;
	position: relative;
}
.active .viewer_top_con_area {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	z-index: 10!important;
}
.viewer_con_wrapper .viewer_top_con_area {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 54px;
	border-bottom: 1px solid #E4E4E4;
	z-index: 9;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center {
	width: 80%;
	margin: 0 auto;
	height: 53px;
	text-align: center;
	position: relative;
	background: #fff;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area {
	position: absolute;
	top: 9px;
	left: 0;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_sel_cal, .viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_sel_sec {
	background: url(https://img.mk.co.kr/mkep/2021/ic_arrow_down_l.png) #f8f8f8 no-repeat;
	background-size: 13px 8px;
	background-position: right 10px top 12px;
	border: 2px solid #d8d8d8;
	border-radius: 50px;
	padding: 6px 33px 6px 13px;
	box-sizing: border-box;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_sel_cal:hover, .viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_sel_sec:hover {
	border: 2px solid #ff6a00;
	transition: .5s;
	background: url(https://img.mk.co.kr/mkep/2021/ic_arrow_down_o.png) #ffeaca no-repeat;
	background-size: 13px 8px;
	background-position: right 10px top 12px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area button:first-child.active, .viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area button:nth-of-type(2).active {
	border: 2px solid #ff6a00;
	transition: .5s;
	background: url(https://img.mk.co.kr/mkep/2021/ic_arrow_up_o.png) #ffeaca no-repeat;
	background-size: 13px 8px;
	background-position: right 10px top 12px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area button span {
	font-size: 15px;
	font-weight: 500;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_early_edition {
	border: none;
	padding: 6px 17px 6px 12px;
	box-sizing: border-box;
	height: 35px;
	border-radius: 50px;
	margin-left: 10px;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background-image: linear-gradient(to right, #ff5731, #ff9a44, #ef9d43, #ff5a13);
	background-size: 300% 100%;
	border: 1px solid #ff8340;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_early_edition:hover {
	background-position: 100% 0;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_early_edition span {
	color: #fff;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_early_edition span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_preview_mk.png) no-repeat center/100%;
	width: 19px;
	height: 17px;
	vertical-align: -3px;
	margin-right: 2px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_sel_cal {
	margin-right: 10px;
	float: left;
	width: 219px;
	box-sizing: border-box;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_sel_cal span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_calendar_l.png) no-repeat center/100%;
	width: 17px;
	height: 16px;
	vertical-align: -3px;
	margin-right: 2px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_sel_sec {
	float: left;
	width: 91px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area {
	display: inline-block;
	margin-top: 12px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .inactive {
	opacity: .4;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_left_bt_area {
	display: inline-block;
	float: left;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_left_bt_area .bt_first_pp {
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_first_p_off.png) transparent no-repeat center/50%;
	background-position: top 6px left 6px;
	width: 30px;
	height: 30px;
	border: 2px solid #656565;
	border-radius: 50px;
	float: left;
	margin-right: 10px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_left_bt_area .bt_first_pp:hover {
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_first_p_hover.png) #656565 no-repeat center/50%;
	background-position: top 6px left 6px;
	width: 30px;
	height: 30px;
	border: 2px solid #656565;
	border-radius: 50px;
	transition: .5s;
	float: left;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_left_bt_area .bt_pre_pp {
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_pre_p_off.png) transparent no-repeat center/60%;
	background-position: top 6px left 6px;
	width: 30px;
	height: 30px;
	border: 2px solid #656565;
	border-radius: 50px;
	float: left;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_left_bt_area .bt_pre_pp:hover {
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021//ic_pre_p_hover.png) #656565 no-repeat center/60%;
	background-position: top 6px left 6px;
	width: 30px;
	height: 30px;
	border: 2px solid #656565;
	border-radius: 50px;
	transition: .5s;
	float: left;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_page_area {
	display: inline-block;
	float: left;
	margin-left: 11px;
	margin-right: 11px;
	margin-top: -2px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_page_area .page_nb {
	font-size: 21px;
	font-weight: 600;
	display: inline-block;
	padding: 0 10px;
	vertical-align: -8px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_page_area .division_bar {
	font-size: 20px;
	vertical-align: -7px;
	font-weight: 200;
	color: gray;
	margin-top: 10px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_right_bt_area {
	float: right;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_right_bt_area .bt_after_pp {
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_next_p_off.png) transparent no-repeat center/60%;
	background-position: top 6px left 6px;
	width: 30px;
	height: 30px;
	border: 2px solid #656565;
	border-radius: 50px;
	float: left;
	margin-right: 10px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_right_bt_area .bt_after_pp:hover {
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_next_p_hover.png) #000 no-repeat center/60%;
	background-position: top 6px left 6px;
	width: 30px;
	height: 30px;
	border: 2px solid #000;
	border-radius: 50px;
	transition: .5s;
	float: left;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_right_bt_area .bt_final_pp {
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_end_p_off.png) transparent no-repeat center/50%;
	background-position: top 6px left 7px;
	width: 30px;
	height: 30px;
	border: 2px solid #656565;
	border-radius: 50px;
	float: right;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_right_bt_area .bt_final_pp:hover {
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_end_p_hover.png) #000 no-repeat center/50%;
	background-position: top 6px left 7px;
	width: 30px;
	height: 30px;
	border: 2px solid #000;
	border-radius: 50px;
	transition: .5s;
	float: right;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area {
	position: absolute;
	right: 0;
	top: 0;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area {
	float: left;
	padding-top: 15px;
	padding-right: 6px;
	height: 54px;
	box-sizing: border-box;
	border-right: 1px solid #e4e4e4;
	padding-left: 20px;
	border-left: 1px solid #e4e4e4;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_tit {
	margin-top: 2px;
	margin-right: 12px;
}
 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_tit {
		margin-top: 1;
	}
}
/* IE6,7,9,10 */
@media screen and (min-width: 640px), screen\9 {
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_tit {
		margin-top: 1;
	}
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_tit span {
	font-size: 14px;
	font-weight: 400;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_tit span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_view_mode.png) no-repeat center/100%;
	width: 20px;
	height: 13px;
	vertical-align: -1px;
	margin-right: 1px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_tit {
	float: left;
	display: inline-block;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel {
	display: inline-block;
	float: left;
	margin-top: -3px;
}
 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_tit {
		margin-top: 0px;
	}
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li {
	float: left;
	margin-right: 16px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li button {
	opacity: .3;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li button.active {
	opacity: 1;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode1 {
	background: url(https://img.mk.co.kr/mkep/2021/ic_each_pp_on.png) no-repeat center/100%;
	width: 18px;
	height: 24px;
	border: none;
	position: relative;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode2 {
	background: url(https://img.mk.co.kr/mkep/2021/ic_double_pp_on.png) no-repeat center/100%;
	width: 32px;
	height: 24px;
	border: none;
	position: relative;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode3 {
	background: url(https://img.mk.co.kr/mkep/2021/ic_text_pp_on.png) no-repeat center/100%;
	width: 23px;
	height: 25px;
	border: none;
	position: relative;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode4 {
	background: url(https://img.mk.co.kr/mkep/2021/ic_slides_pp_on.png) no-repeat center/100%;
	width: 20px;
	height: 24px;
	border: none;
	position: relative;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode1:after {
	content: '단면보기';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -20px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode1:hover:after {
	opacity: 1;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode2:after {
	content: '양면보기';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -13px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode2:hover:after {
	opacity: 1;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode3:after {
	content: '리스트 보기';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -23px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode3:hover:after {
	opacity: 1;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode4:after {
	content: '섬네일 보기';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -26px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode4:hover:after {
	opacity: 1;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode1:hover {
	opacity: 1!important;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode2:hover {
	opacity: 1!important;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode3:hover {
	opacity: 1!important;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .view_mode_area .view_mode_sel li .bt_view_mode4:hover {
	opacity: 1!important;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area {
	height: 54px;
	float: left;
	border-right: 1px solid #e4e4e4;
	padding: 13px 24px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area .bt_download_pp {
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_dl_off.png) no-repeat center/100%;
	width: 23px;
	height: 25px;
	border: none;
	position: relative;
	margin-right: 16px;
	vertical-align: 1px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area .bt_download_pp:hover {
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_dl_on.png) no-repeat center/100%;
	width: 23px;
	height: 25px;
	border: none;
	position: relative;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area .bt_download_pp:after {
	content: '지면 다운로드';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -28px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area .bt_download_pp:hover:after {
	opacity: 1;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area .bt_print_pp {
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_print_off.png) no-repeat center/100%;
	width: 23px;
	height: 25px;
	border: none;
	position: relative;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area .bt_print_pp:hover {
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_print_on.png) no-repeat center/100%;
	width: 23px;
	height: 25px;
	border: none;
	position: relative;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area .bt_print_pp:after {
	content: '지면 인쇄';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -18px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area .bt_print_pp:hover:after {
	opacity: 1;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area {
	height: 54px;
	float: left;
	border-right: 1px solid #e4e4e4;
	padding: 13px 24px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area .bt_search_pp {
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_search_off.png) no-repeat center/100%;
	width: 22px;
	height: 23px;
	border: none;
	position: relative;
	margin-right: 16px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area .bt_search_pp:hover {
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_search_on.png) no-repeat center/100%;
	width: 22px;
	height: 23px;
	border: none;
	position: relative;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area .bt_search_pp:after {
	content: '기사 검색';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -18px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area .bt_search_pp:hover:after {
	opacity: 1;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area .bt_scrap_pp {
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_fav_off.png) no-repeat center/100%;
	width: 22px;
	height: 24px;
	border: none;
	position: relative;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area .bt_scrap_pp:hover {
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_fav_on.png) no-repeat center/100%;
	width: 22px;
	height: 24px;
	border: none;
	position: relative;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area .bt_scrap_pp:after {
	content: 'MY 스크랩';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -20px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
	letter-spacing: -1px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area .bt_scrap_pp:hover:after {
	opacity: 1;
	transition: .5s;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .section_layer {
	position: absolute;
	top: 50px;
	left: 229px;
	border: 2px solid #d8d8d8;
	border-radius: 8px;
	background: #fff;
	width: 91px;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .section_layer  ul li a {
	padding: 10px 8px;
	display: block;
}
.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .section_layer  ul li a:hover {
	background: #e8e8e8;
	transition: .5s;
	font-weight: bold;
}
/* calendar wrapper */
.viewer_con_wrapper .calendar_opened_wrapper {
	position: absolute;
	top: 54px;
	left: 0;
	width: 100%;
	height: 309px;
	background: #fff;
	z-index: 8;
	min-width: 1100px;
}
.viewer_con_wrapper .calendar_opened_wrapper:after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 100%;
	height: calc(100vh - 104px);
	background: #000;
	opacity: .7;
	top: 0;
	left: 0;
	z-index: -10;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area {
	width: 17%;
	float: left;
	border-right: 1px solid #e4e4e4;
	height: 309px;
	background: #fff;
	box-sizing: border-box;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area table {
	width: 100%;
	background: #fff;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area table th {
	padding: 5px 0;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	height: 37px;
	font-weight: bold;
	color: #8a8a8a;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area table td {
	height: 37px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	font-size: 13px;
	color: #cecece;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area table td.sunday {
	color: red;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area table td button {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area table td button:hover {
	background: #eaeaea;
	transition: .5s;
	font-weight: bold;
	border-radius: 50px;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area table td button.active {
	background: #FF7700;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area .calendar_top_bar {
	background: #EFEFEF;
	height: 50px;
	text-align: center;
	position: relative;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area .calendar_top_bar select {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	border: none;
	background-size: 13px 8px;
	background-position: top 11px right 3px;
	width: 57px;
	text-align-last: right;
	padding-right: 22px;
	cursor: pointer;
}
/* IE6,7,9,10 css hack */
@media screen and (min-width: 640px), screen\9 {
	.viewer_con_wrapper .calendar_opened_wrapper .calendar_area .calendar_top_bar select {
		width: 64px;
	}
}
/* //IE6,7,9,10 css hack */
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area .calendar_top_bar .calendar_sel_bar {
	padding-top: 11px;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area .calendar_top_bar .calendar_sel_bar .sel_paper_cal1 {
	width: 83px;
	margin-right: 7px;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area .calendar_top_bar select optgroup {
	height: 120px;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area .calendar_top_bar .calendar_bt_area button {
	position: absolute;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area .calendar_top_bar .calendar_bt_area .bt_pre_month {
	left: 10px;
	top: 14px;
}
.viewer_con_wrapper .calendar_opened_wrapper .calendar_area .calendar_top_bar .calendar_bt_area .bt_next_month {
	right: 10px;
	top: 14px;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area {
	width: 83%;
	height: 309px;
	float: right;
	background: #fff;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_l {
	width: 5%;
	float: left;
	line-height: 298px;
	text-align: center;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_l button {
	width: 43px;
	vertical-align: -11px;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_l button img {
	width: 100%;
	opacity: .4;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area button.inactive img {
	opacity: .2;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_l button img:hover {
	opacity: .8;
	transition: .5s;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area {
	width: 100%;
	float: left;
	text-align: center;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_r {
	width: 5%;
	float: right;
	line-height: 298px;
	text-align: center;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_r button {
	width: 43px;
	vertical-align: -11px;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_r button img {
	width: 100%;
	opacity: .4;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_r button img:hover {
	opacity: .8;
	transition: .5s;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area .paper_thumb_div {
	display: table;
	height: 309px;
	width: 100%;
	table-layout: fixed;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area .paper_thumb_div div {
	margin-right: 40px;
	display: table-cell;
	vertical-align: middle;
	height: 309px;
	text-align: center;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area .paper_thumb_div div:last-child {
	margin-right: 0!important;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area .paper_thumb_div div a {
	display: block;
	width: 100%;
	border-radius: 4px;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area .paper_thumb_div div a:hover img {
	border: 2px solid #000;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area .paper_thumb_div div a img {
	width: 75%;
	border-radius: 4px;
	display: inline-block;
	border: 2px solid #efefef;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area .paper_thumb_div div a p {
	margin-top: 10px;
	font-size: 15px;;
}
.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area .paper_thumb_div div a:hover p {
	font-weight: bold;
}
.viewer_con_wrapper .calendar_opened_wrapper .closing_area button {
	position: absolute;
	left: 50%;
	width: 219px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: #EDEDED;
	padding: 10px 0;
	text-align: center;
	top: 328px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.viewer_con_wrapper .calendar_opened_wrapper .closing_area button span {
	color: #000;
	font-weight: bold;
}
.viewer_con_wrapper .calendar_opened_wrapper .closing_area button span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/sel_up_bk_cc.png) no-repeat center/100%;
	width: 18px;
	height: 18px;
	vertical-align: -4px;
	margin-right: 2px;
}
/* //calendar wrapper */
/* //viewer main - top controller */

/* viewer area */
.viewer_con_wrapper .viewer_main_con_area {
	position: relative;
	background: #F5F5F5;
	height: calc(100vh - 104px);
	overflow: hidden;
}
.viewer_con_wrapper .viewer_main_con_area .paper_virtual_area {
	text-align: center;
	height: 100%;
}
.viewer_con_wrapper .viewer_main_con_area .paper_virtual_area .im_virtual_p1 {
	display: inline-block;
	height: 100%;
}
.viewer_con_wrapper .viewer_main_con_area .paper_virtual_area .im_virtual_p2 {
	display: inline-block;
	height: 100%;
}
.viewer_con_wrapper .viewer_main_con_area .page_bt_area button {
	width: 80px;
	height: 80px;
	background: #000;
	opacity: .6;
	border-radius: 50px;
}
.viewer_con_wrapper .viewer_main_con_area .page_bt_area button:hover {
	opacity: 1;
	transition: .5s;
}
.viewer_con_wrapper .viewer_main_con_area .page_bt_area button:hover img {
	width: 38px;
	vertical-align: -6px;
	display: inline-block;
	transition: .3s;
}
.viewer_con_wrapper .viewer_main_con_area .page_bt_area button.inactive {
	opacity: .3;
}
.viewer_con_wrapper .viewer_main_con_area .page_bt_area button img {
	width: 30px;
	display: inline-block;
	vertical-align: -6px;
}
.viewer_con_wrapper .viewer_main_con_area .page_bt_area .bt_pre_page_cc {
	position: absolute;
	left: 25px;
	top: 43%;
}
.viewer_con_wrapper .viewer_main_con_area .page_bt_area .bt_next_page_cc {
	position: absolute;
	right: 25px;
	top: 43%;
}
.viewer_con_wrapper .viewer_main_con_area .bt_zoom_wrap {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 51px;
	background: #fff;
	border-radius: 50px;
	border: 3px solid #dfdfdf;
	box-sizing: border-box;
	text-align: center;
}
.viewer_con_wrapper .viewer_main_con_area .bt_zoom_wrap button {
	border: none;
	width: 100%;
	height: 53px;
	display: block;
	position: relative;
	text-align: center;
	background: #fff;
}
.viewer_con_wrapper .viewer_main_con_area .bt_zoom_wrap button.bt_zoom_plus {
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}
.viewer_con_wrapper .viewer_main_con_area .bt_zoom_wrap button.bt_zoom_minus {
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
.viewer_con_wrapper .viewer_main_con_area .bt_zoom_wrap button:first-child:after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 70%;
	height: 1px;
	bottom: 0;
	left: 15%;
	background: #dbe0e6;
}
.viewer_con_wrapper .viewer_main_con_area .bt_zoom_wrap button img {
	width: 17px;
	display: inline-block;
	opacity: .5;
}
.viewer_con_wrapper .viewer_main_con_area .bt_zoom_wrap button:hover img {
	opacity: 1;
}
/* list view mode */
.viewer_origin_area {
	width: 80%;
	height: 100%;
	position: relative;
	float: left;
}
.article_list_mode {
	width: 20%;
	float: right;
	background: #fff;
	height: 100%;
	-webkit-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.12);
	-moz-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.12);
	box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.12);
	border-left: 1px solid #d8d8d8;
	box-sizing: border-box;
}
.article_list_mode .article_list_wrapper {
	height: calc(100vh - 146px);;
	overflow-y: scroll;
	display: block;
	width: 100%;
}
.article_list_mode .tit_wrapper {
	height: 42px;
	border-bottom: 1px solid #E4E4E4;
	width: 100%;
	background: #fff;
	position: relative;
	float: left;
}
.article_list_mode .tit_wrapper .article_list_tit {
	float: left;
	padding-left: 15px;
}
.article_list_mode .tit_wrapper .article_list_tit span {
	line-height: 42px;
	font-weight: bold;
}
.article_list_mode .tit_wrapper .article_list_close {
	float: right;
}
.article_list_mode .tit_wrapper .article_list_close button {
	line-height: 48px;
	padding: 0 13px;
}
.article_list_mode .tit_wrapper .article_list_close button img {
	width: 14px;
}
.article_list_mode .article_paper_area .article_paper_info {
	border-bottom: 1px solid #e4e4e4;
	height: 42px;
}
.article_list_mode .article_paper_area .article_paper_info span {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 15px;
	display: block;
}
.article_list_mode .article_paper_area .article_paper_info span:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 16px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_each_pp_off.png) no-repeat center/100%;
	vertical-align: -2px;
	margin-right: 5px;
}
.article_list_mode .article_paper_area ul li {
	border-bottom: 1px dotted #c3c3c3;
}
.article_list_mode .article_paper_area ul li a {
	display: block;
	padding: 15px 15px;
	position: relative;
}
.article_list_mode .article_paper_area ul li a:hover {
	background: #f5f5f5;
	transition: .5s;
}
.article_list_mode .article_paper_area ul li a:hover:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	background: #ff6a00;
}
.article_list_mode .article_paper_area ul li a img {
	float: right;
	width: 70px;
	height: 50px;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
	margin-left: 8px;
}
.article_list_mode .article_paper_area ul li a .article_tit {
	font-size: 15px;
	line-height: 24px;
}
/* //list view mode */
/* //viewer area */

/* searched result */
.scrap_wrapper header.new_mkep_header {
	position: fixed;
	background: #fff;
	width: 100%;
}
.separated_page_wrapper {
	background: #F5F5F5;
	padding: 100px 0 60px 0;
	min-height: 100vh;
}
.separated_page_wrapper .inner_page_wrapper {
	width: 1100px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.05);
	border-radius: 7px;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area {
	padding: 30px 30px 60px 30px;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_tit {
	float: left;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_lab {
	float: right;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_lab ul li {
	float: left;
	margin-right: 10px;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_lab ul li:last-child {
	margin-right: 0;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_lab ul li a span {
	color: black;
	font-size: 14px;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_lab ul li a span:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background: #b9b9b9;
	vertical-align: 2px;
	margin-right: 2px;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_lab ul li a.active span {
	color: #000;
	font-weight: bold;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_lab ul li a.active span:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background: #FF8D1C;
	vertical-align: 2px;
	margin-right: 2px;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_tit .result_title {
	font-size: 29px;
	font-weight: bold;
	display: inline-block;
}
.separated_page_wrapper .inner_page_wrapper .searched_tit_area .searched_big_tit .result_numbers {
	color: #ff6a00;
	font-size: 17px;
	display: inline-block;
	margin-left: 7px;
	font-weight: bold;
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li {
	margin: 30px 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #d8d8d8;
	overflow: hidden;
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li .a_inner_con .article_tit {
	font-size: 20px;
	line-height: 29px;
	font-weight: bold;
	display: block;
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li .a_inner_con .article_tit .result_word {
	color: #125FC9;
	font-size: 20px;
	font-weight: bold;
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li .a_inner_con .article_info {
	margin: 5px 0 9px 0;
	color: gray;
	font-size: 13px;
	display: block;
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li .a_inner_con .article_txt {
	font-size: 14px;
	line-height: 23px;
	display: block;
	margin-top: 8px;
	white-space: normal;
	height: 3.2em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li .a_inner_con .article_txt .result_word {
	color: #125FC9;
	font-size: 14px;
	font-weight: bold;
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li .a_inner_photo {
	float: right;
	margin-left: 20px;
	width: 160px;
	height: 100px;
	display: inline-block;
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid #e8e8e8;
	position: relative;
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li .a_inner_photo img {
	box-sizing: border-box;
	max-width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}
.separated_page_wrapper .inner_page_wrapper .article_list ul li .a_inner_photo:hover img {
	transform: translate(1.1);
}
.separated_page_wrapper .pagination_wrapper {
	padding-bottom: 28px;
	text-align: center;
}
.separated_page_wrapper .pagination_wrapper ul {
	position: relative;
	background: #fff;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 50px;
}
.separated_page_wrapper .pagination_wrapper ul li {
	list-style: none;
	line-height: 40px;
	margin: 0 5px;
}
.separated_page_wrapper .pagination_wrapper ul li.pageNumber {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
	margin-right: 5px;
}
.separated_page_wrapper .pagination_wrapper ul li a {
	display: block;
	text-decoration: none;
	color: #383838;
	font-weight: 600;
	border-radius: 17%;
	line-height: 40px;
}
.separated_page_wrapper .pagination_wrapper ul li.pageNumber:hover a,
.separated_page_wrapper .pagination_wrapper ul li.pageNumber.active a {
	background: #c9cbd2;
	color: #fff;
}
.separated_page_wrapper .pagination_wrapper ul li:first-child {
	margin-right: 5px;
	font-weight: 700;
	font-size: 20px;
	float: left;
}
.separated_page_wrapper .pagination_wrapper ul li:last-child {
	margin-left: 5px;
	font-weight: 700;
	font-size: 20px;
	float: left;
}
.separated_page_wrapper .fixed_quick_menu {
	position: fixed;
	right: 26px;
	top: 50%;
	transform: translate(0, -50%);
	width: 90px;
	border-radius: 50px;
	background: #fff;
	border: 3px solid #e2e2e2;
}
.separated_page_wrapper .fixed_quick_menu .quick_menu_tit {
	padding: 25px 0 19px 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FF8D1C;
	border-bottom: 1px solid #d8d8d8;
	width: 80%;
	margin: 0 auto;
}
.separated_page_wrapper .fixed_quick_menu ul li {
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #eaeaea;
	width: 80%;
	margin: 0 auto;
}
.separated_page_wrapper .fixed_quick_menu ul li:last-child {
	border-bottom: 0;
	padding-bottom: 33px;
}
.separated_page_wrapper .fixed_quick_menu ul li a {
	display: block;
	text-align: center;
}
.separated_page_wrapper .fixed_quick_menu ul li a img {
	width: 40px;
	display: inline-block;
}
.separated_page_wrapper .fixed_quick_menu ul li a span {
	display: block;
	text-align: center;
	margin-top: 4px;
	font-size: 13px;
}
/* //searched result */

/* my scrap */
.myscrap_wrapper .result_word {
	color: #125FC9;
	font-weight: bold;
}
.myscrap_wrapper .myscrap_body_wrapper {
	overflow: hidden;
	height: 100%;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper {
	width: 20%;
	float: left;
	height: 100%;
	padding: 20px 20px;
	min-height: 650px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper {
	width: 80%;
	float: right;
	min-height: 650px;
	border-left: 1px solid #e8e8e8;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper ul {
	margin-bottom: 20px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper ul li a {
	display: block;
	padding: 10px 10px;
	font-size: 15px;
	line-height: 24px;
	color: #000;
	margin-bottom: 10px;
	border-radius: 4px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper ul li a:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 14px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_folder_default.png) no-repeat center/100%;
	vertical-align: -1px;
	margin-right: 1px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper ul li a:hover {
	background: #efefef;
	transition: .5s;
	font-weight: bold;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper ul li a.active {
	background: #efefef;
	font-weight: bold;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper ul li a .scraped_numbers {
	font-size: 13px;
	color: #ff6a00;
	vertical-align: 1px;
	display: inline-block;
	margin-left: 5px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper .scrap_folder_set button {
	width: 100%;
	padding: 10px 12px;
	font-size: 15px;
	color: #000;
	margin-bottom: 12px;
	border-radius: 4px;
	border: 2px solid #e0e0e4;
	box-sizing: border-box;
	text-align: left;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper .scrap_folder_set button.bt_manage_folder span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_folder_manage.png) no-repeat center/100%;
	width: 17px;
	height: 15px;
	vertical-align: -2px;
	margin-right: 2px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_left_wrapper .scrap_folder_set button.bt_add_folder span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_folder_add.png) no-repeat center/100%;
	width: 17px;
	height: 15px;
	vertical-align: -2px;
	margin-right: 2px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit {
	padding: 30px 30px 10px 30px;
	overflow: hidden;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .scrap_tit_wrapper {
	float: left;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .scrap_tit_wrapper .folder_tit_big {
	font-size: 24px;
	font-weight: bold;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .scrap_tit_wrapper .folder_scraped_nb {
	font-size: 17px;
	color: #ff6a00;
	vertical-align: 3px;
	display: inline-block;
	margin-left: 3px;
	font-weight: bold;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .scrap_tit_wrapper .bt_manage_article {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	vertical-align: 4px;
	margin-left: 12px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .scrap_tit_wrapper .bt_manage_article span {
	font-size: 15px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .scrap_tit_wrapper .bt_manage_article span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_text_form.png) no-repeat center/100%;
	vertical-align: 0px;
	width: 10px;
	height: 12px;
	margin-right: 1px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .active .checkbox_area {
	width: 5%;
	float: left;
	position: relative;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .active .a_inner_con {
	width: 73%;
	float: right;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .managing_area {
	float: left;
	display: inline-block;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .managing_area .managing_tit {
	display: inline-block;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .managing_area .managing_tit:before {
	content: '';
	display: inline-block;
	vertical-align: -1px;
	margin-right: 2px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_text_form.png) no-repeat center/100%;
	width: 10px;
	height: 12px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .managing_area > ul li {
	float: left;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .managing_area > ul li button {
	display: inline-block;
	color: #3b3e4e;
	border: 1px solid #77787d;
	border-radius: 4px;
	padding: 5px 8px;
	font-size: 14px;
	margin-right: 6px!important;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .managing_area > ul li:last-child button {
	margin-right: 0;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .checkbox_area .lab_sel_article {
	position: relative;
	height: 28px;
	display: inline-block;
	margin-top: 3px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .checkbox_area .lab_sel_article:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_unchecked_ck.png) no-repeat center/100%;
	background-size: cover;
	vertical-align: -8px;
	margin-right: 1px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .checkbox_area .input_check_hide:checked ~ .lab_sel_article:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_checked_ck.png) no-repeat center/100%;
	background-size: cover;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .checkbox_area .input_check_hide {
	width: 0;
	height: 0;
	position: absolute;
	text-indent: -999999999999px;
	top: 0;
	left: 0;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab {
	padding-top: 20px;
	clear: both;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab .ms_search_area {
	float: left;
	margin-left: 6px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab .ms_search_area .search_bar .input_sc_bar {
	font-size: 14px;
	padding: 0 8px;
	width: 176px;
	line-height: 30px;
	height: 32px;
	border: 1px solid #d8d8d8;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 14px;
	display: inline-block;
	float: left;
	border-right: 0;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab .ms_search_area .search_bar .input_sc_bar:focus {
	border: 1px solid #848484;
	border-right: 0;
	transition: .5s;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab .ms_search_area .search_bar .bt_sc_bar {
	height: 32px;
	width: 34px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_search_wh.png) #848484 no-repeat center/100%;
	background-size: 15px 15px;
	float: left;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	display: inline-block;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab ul {
	overflow: hidden;
	float: right;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab ul li {
	float: left;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab ul li:last-child {
	margin-right: 0;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab ul li a {
	display: inline-block;
	margin-right: 11px;
	margin-top: 10px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab ul li:last-child a {
	margin-right: 0;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab ul li a span {
	color: black;
	font-size: 14px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab ul li a span:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background: #b9b9b9;
	vertical-align: 2px;
	margin-right: 2px;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab ul li a.active span {
	color: #000;
	font-weight: bold;
}
.myscrap_wrapper .myscrap_body_wrapper .scrap_right_wrapper .scrap_folder_tit .searched_big_lab ul li a.active span:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background: #FF8D1C;
	vertical-align: 2px;
	margin-right: 2px;
}
.scrap_data_none {
	height: 650px;
	width: 100%;
	text-align: center;
}
.scrap_data_none .caution_top img {
	display: block;
	width: 80px;
	margin: 0 auto;
	margin-bottom: 19px;
}
.scrap_data_none .caution_top {
	display: block;
	padding-top: 200px;
}
.scrap_data_none .caution_top .caution_tit {
	font-size: 22px;
	font-weight: bold;
	display: block;
}
.scrap_data_none .caution_bottom {
	color: gray;
	margin-top: 10px;
	font-size: 15px;
	line-height: 23px;
}
/* //my scrap */

/* login */
.login_wrapper {
	width: 100%;
	height: 100vh;
	position: relative;
	background: #F5F5F5;
	padding-top: 54px;
}
.login_wrapper .login_box_wrapper {
	padding: 40px 25px;
	border-radius: 8px;
	border: 2px solid #d8d8d8;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 450px;
}
.login_wrapper .login_box_wrapper .login_top_area {
	text-align: center;
}
.login_wrapper .login_box_wrapper .login_top_area .login_logo_area {
	width: 156px;
	text-align: center;
	display: inline-block;
	margin-bottom: 10px;
}
.login_wrapper .login_box_wrapper .login_top_area .login_logo_area img {
	width: 100%;
	display: inline-block;
}
.login_wrapper .login_box_wrapper .login_top_area .login_desc_area {
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 8px;
}
.login_wrapper .login_box_wrapper .login_top_area .login_desc_area .bold {
	font-weight: bold;
	font-size: 17px;
}
.login_wrapper .login_box_wrapper .login_top_area .request_area {
	margin-bottom: 8px;
}
.login_wrapper .login_box_wrapper .login_top_area .request_area .dd:before {
	content: '';
	display: inline-block;
	background: #d8d8d8;
	width: 1px;
	height: 14px;
	margin-right: 2px;
	vertical-align: -1px;
	margin-left: 4px;
}
.login_wrapper .checkbox_wrapper .member_species_area {
	overflow: hidden;
	margin-bottom: 16px;
	margin-top: 70px;
}
.login_wrapper .checkbox_wrapper .member_species_area .checkbox_area {
	overflow: hidden;
	float: right;
	margin-right: 15px;
}
.login_wrapper .checkbox_wrapper .member_species_area .checkbox_area:first-child {
	margin-right: 0px;
}
.login_wrapper .checkbox_wrapper .member_species_area .checkbox_area .lab_sel_article {
	position: relative;
	display: inline-block;
	margin-top: 3px;
	float: left;
}
.login_wrapper .checkbox_wrapper .member_species_area .checkbox_area .lab_sel_article:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_unchecked_ck.png) no-repeat center/100%;
	background-size: cover;
	vertical-align: -8px;
	margin-right: 3px;
	float: left;
}
.login_wrapper .checkbox_wrapper .member_species_area .checkbox_area .input_check_hide:checked ~ .lab_sel_article:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_checked_ck.png) no-repeat center/100%;
	background-size: cover;
}
.login_wrapper .checkbox_wrapper .member_species_area .checkbox_area .input_check_hide {
	width: 0;
	height: 0;
	position: absolute;
	text-indent: -999999999999px;
	top: 0;
	left: 0;
}
.login_wrapper .checkbox_wrapper .visible {
	float: left;
	margin-top: 1px;
	margin-left: 3px;
}
.login_wrapper .login_box_wrapper .id_pw_wrapper {
	border: 1px solid #d8d8d8;
	border-radius: 4px;
}
.login_wrapper .login_box_wrapper .id_input_wrapper {
	clear: both;
	border-bottom: 1px solid #d8d8d8;
	overflow: hidden;
}
.login_wrapper .login_box_wrapper .id_input_wrapper:nth-of-type(2) {
	border-bottom: 0;
}
.login_wrapper .login_box_wrapper .id_input_wrapper label {
	line-height: 46px;
	width: 11%;
	text-align: center;
	display: inline-block;
	float: left;
}
.login_wrapper .login_box_wrapper .id_input_wrapper label img {
	vertical-align: -3px;
}
.login_wrapper .login_box_wrapper .id_input_wrapper input {
	width: 89%;
	float: right;
	font-size: 15px;
	line-height: 46px;
	height: 46px;
	border: none;
	box-sizing: border-box;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.login_wrapper .login_box_wrapper .login_bottom_wrapper {
	width: 100%;	
}
.login_wrapper .login_box_wrapper .login_bottom_wrapper .a_login_bt {
	margin-top: 40px;
	display: block;
	line-height: 44px;
	border: 2px solid #000;
	border-radius: 4px;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}
.login_wrapper .login_box_wrapper .login_bottom_wrapper .bottom_text_bt {
	margin-top: 10px;
}
.login_wrapper .login_box_wrapper .login_bottom_wrapper .bottom_text_bt .left_bt_area {
	float: left;
}
.login_wrapper .login_box_wrapper .login_bottom_wrapper .bottom_text_bt .left_bt_area a {
	font-size: 14px;
	padding-bottom: 1px;
}
.login_wrapper .login_box_wrapper .login_bottom_wrapper .bottom_text_bt a:hover {
	border-bottom: 1px solid #000;
}
.login_wrapper .login_box_wrapper .login_bottom_wrapper .bottom_text_bt .right_bt_area {
	float: right;
}
.login_wrapper .login_box_wrapper .login_bottom_wrapper .bottom_text_bt .right_bt_area a {
	font-size: 14px;
	padding-bottom: 1px;
}
/* IE6,7,9,10 css hack */
@media screen and (min-width: 640px), screen\9 {
	.login_wrapper {
		overflow-y: hidden;
	}
}
/* //IE6,7,9,10 css hack */
/* //login */

/* layered popup */
.layer_popup_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
}
.layer_black_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	z-index: -1;
}
.layer_popup_view_article {
	background: #fff;
	z-index: 2;
	width: 1500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-radius: 6px;
	border: 1px solid #d8d8d8;
}
.layer_popup_head {
	height: 54px;
	border-bottom: 1px solid #d8d8d8;
}
.layer_popup_head .layer_popup_tit {
	display: block;
	background: #fff;
	margin: 0 22px;
	height: 53px;
}
.layer_popup_head .layer_popup_tit .on {
	position: relative;
}
.layer_popup_head .layer_popup_tit .on:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 3px;
	background: #000;
	position: absolute;
	bottom: 0px;
	left: 0;
}
.layer_popup_head .layer_popup_tit span {
	font-size: 16px;
	font-weight: normal;
	color: gray;
}
.layer_popup_head .layer_popup_tit .on span {
	font-weight: bold;
	color: #000;
}
.layer_popup_head .layer_popup_tit .on span:before {
	opacity: 1!important;
}
.layer_popup_head .layer_popup_tit button {
	padding: 17px 0;
	display: inline-block;
	margin-right: 17px;
	height: 53px;
	box-sizing: border-box;
}
.layer_popup_head .layer_popup_tit button:last-child {
	margin-right: 0;
}
.layer_popup_head .layer_popup_tit .bt_view_paper_mode {
	background: #fff;
}
.layer_popup_head .layer_popup_tit .bt_view_paper_mode span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_folded_np.png) no-repeat center/100%;
	width: 18px;
	height: 20px;
	vertical-align: -4px;
	margin-right: 2px;
	opacity: .5;
}
.layer_popup_head .layer_popup_tit .bt_view_text_mode {
	background: #fff;
}
.layer_popup_head .layer_popup_tit .bt_view_text_mode span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_text_mode.png) no-repeat center/100%;
	width: 18px;
	height: 19px;
	vertical-align: -3px;
	margin-right: 3px;
	opacity: .5;
}
.layer_popup_wrap .article_contents_wrapper {
	width: 100%;
	height: 730px;
	overflow-y: scroll;
	box-sizing: border-box;
	margin: 0 auto;
}
.layer_popup_wrap .article_contents_wrapper2 {
	height: 689px;
	overflow-y: scroll;
	box-sizing: border-box;
	margin: 0 auto;
}
.layer_popup_wrap .article_contents_wrapper .article_text_wrapper {
	width: 80%;
	margin: 0 auto;
	padding: 40px 60px 50px 60px;
}
.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper {
	padding-bottom: 5px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 34px;
}
.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_tit_area {
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 45px;
}
.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_mid_tit {
	color: #727272;
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 11px;
}
.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_small_tit {
	color: #727272;
	font-weight: normal;
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 16px;
}
.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_info {
	overflow: hidden;
	margin-bottom: 27px;
}
.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_info li {
	float: left;
	color: #727272;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	line-height: 24px;
}
.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_info li:before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 14px;
	background: #d8d8d8;
	top: 5px;
	left: 1px;
}
.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_info li:first-child {
	padding-left: 0!important;
}
.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_info li:first-child:before {
	content: none;
}
.layer_popup_wrap .article_contents_wrapper .article_con_wrapper {
	width: 70%;
	margin: 0 auto;
}
.layer_popup_wrap .article_contents_wrapper .article_con_wrapper .article_image_area {
	margin-top: 30px;
	margin-bottom: 30px;
}
.layer_popup_wrap .article_contents_wrapper .article_con_wrapper .article_image_area img {
	display: inline-block;
	width: 100%;
	max-width: 1066px;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
}
.layer_popup_wrap .article_contents_wrapper .article_con_wrapper .article_image_area .article_image_desc {
	padding-left: 18px;
	font-size: 15px;
	line-height: 26px;
	color: gray;
	margin-top: 15px;
	position: relative;
}
.layer_popup_wrap .article_contents_wrapper .article_con_wrapper .article_image_area .article_image_desc:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 96%;
	position: absolute;
	top: 2%;
	left: 0;
	background: #d8d8d8;
}
.layer_popup_wrap .article_contents_wrapper .article_con_wrapper .article_txt_area {
	font-size: 17px;
	line-height: 32px;
	margin-top: -10px;
}
.layer_popup_wrap .article_contents_wrapper .article_con_wrapper .article_txt_area table font {
	font-size: 15px;
	line-height: 26px;
	color: #7075af;
	display: block;
	margin-bottom: 30px;
}
.layer_popup_wrap .article_contents_wrapper .article_con_wrapper .article_txt_area div {
	margin-top: 50px;
}
.layer_popup_wrap .article_contents_wrapper .article_con_wrapper .article_txt_area div b {
	font-size: 20px!important;
	font-weight: bold;
	line-height: 30px;
}
.layer_popup_wrap .article_paperview_head {
	background: #e8ebf3;
	width: 100%;
	height: 43px;
	color: #9292c5;
	font-weight: bold;
	overflow: hidden;
	border-bottom: 1px solid #dee0e6;
	padding: 0 20px;
}
.layer_popup_wrap .article_paperview_head .article_tit {
	font-weight: bold;
	float: left;
	color: #273a6d;
	font-size: 16px;
	line-height: 42px;
}
.layer_popup_wrap .article_paperview_head .article_paper_info {
	float: right;
	font-size: 13px;
	color: #818ebf;
	font-weight: bold;
	line-height: 42px;
}
.layer_popup_wrap .article_contents_wrapper .article_paperview_wrapper img {
	display: inline-block;
	margin: 40px;
}
.layer_popup_wrap .article_button_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.layer_popup_wrap .article_button_wrapper .inactive img {
	opacity: .4;
}
.layer_popup_wrap .article_button_wrapper .bt_page_area .bt_pre_page_cc {
	position: absolute;
	left: -70px;
	background: none;
	top: 45%;
	width: 39px;
}
.layer_popup_wrap .article_button_wrapper .bt_page_area .bt_pre_page_cc img {
	width: 100%;
}
.layer_popup_wrap .article_button_wrapper .bt_page_area .bt_next_page_cc {
	position: absolute;
	right: -70px;
	background: none;
	top: 45%;
	width: 39px;
}
.layer_popup_wrap .article_button_wrapper .bt_page_area .bt_next_page_cc img {
	width: 100%;
}
.layer_popup_join_head {
	overflow: hidden;
	padding: 15px 20px 0 20px;
	height: 102px;
}
.layer_popup_contents {
	overflow: hidden;
	width: 100%;
	padding: 0 0 10px 0;
}
.padding_bottom_zero {
	padding-bottom: 0!important;
}
.layer_popup_contents .layer_popup_line {
	width: 100%;
	overflow: hidden;
	margin: 11px 0;
}
.layer_popup_contents .layer_popup_line img {
	width: 908px;
	height: 641px;
}
.layer_popup_contents2 .layer_popup_line2 {
	width: 100%;
	overflow: hidden;
	margin: 22px 0 11px 0;
	text-align: center;
}
.layer_popup_contents2 .layer_popup_line3 {
	/* width: 100%; */
	margin: 0 auto;
	overflow: hidden;
	margin-top: 24px;
	margin: 20px 32px 0 32px;
	box-sizing: border-box;
}
.layer_popup_contents2 .layer_popup_line2 img {
	width: 93%;
}
.layer_popup_tit {
	font-weight: 500;
	font-size: 21px;
	letter-spacing: -2px;
	font-weight: 500;
	float: left;
	line-height: 28px;
}
.layer_popup_join_tit {
	font-weight: 500;
	font-size: 21px;
	letter-spacing: -2px;
	font-weight: 500;
	float: left;
	line-height: 30px;
}
.layer_popup_bt {
	float: right;
}
.layer_popup_ico {
	width: 17.5%;
	float: left;
	overflow: hidden;
}
.layer_popup_ico img {
	width: 100%;
}
.layer_popup_desc {
	width: 79%;
	float: right;
	overflow: hidden;
	border-left: 1px solid #eee;
	padding-left: 17px;
}
.layer_popup_desc p, .layer_popup_desc2 p {
	line-height: 25px;
}
.layer_popup_desc .emphasize {
	display: inline-block;
	border-radius: 3px;
	background: #FFC400;
	padding: 3px 5px;
	font-weight: 500;
}
.layer_popup_desc2 {
	width: 69.5%;
	float: right;
	overflow: hidden;
	padding-left: 17px;
}
.layer_popup_view_article .layer_popup_bt > div {
	display: inline-block;
	float: left;
}
.layer_popup_view_article .layer_popup_bt button {
	position: relative;
	border-left: 1px solid #d8d8d8!important;
	float: left;
}
.layer_popup_view_article .layer_popup_bt button.bt_font_size_down {
	border: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_font_down_on.png) no-repeat center/100%;
	width: 56px;
	height: 53px;
	display: inline-block;
	background-size: 35px;
}
.layer_popup_view_article .layer_popup_bt button.bt_font_size_down:after {
	content: '글씨 축소';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -2px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.layer_popup_view_article .layer_popup_bt button.bt_font_size_up:after {
	content: '글씨 확대';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -2px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.layer_popup_view_article .layer_popup_bt button.bt_article_fav:after {
	content: '스크랩';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: 4px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.layer_popup_view_article .layer_popup_bt .bt_area3 button.on:after {
	content: '스크랩 해제';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -6px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.layer_popup_view_article .layer_popup_bt .bt_area3 button.on:hover:after {
	opacity: 1;
	transition: .5s;
}
.layer_popup_view_article .layer_popup_bt button.bt_article_print:after {
	content: '인쇄';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: 10px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.layer_popup_view_article .layer_popup_bt button.bt_close_pop:after {
	content: '닫기';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: 10px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.layer_popup_view_article .layer_popup_bt button.bt_article_down:after {
	content: '다운로드';
	display: inline-block;
	position: absolute;
	bottom: -33px;
	left: -1px;
	padding: 4px 8px;
	box-sizing: border-box;
	background: #000;
	border-radius: 3px;
	color: #eee;
	white-space: nowrap;
	opacity: 0;
	font-size: 12px;
}
.layer_popup_view_article .layer_popup_bt button:hover:after {
	opacity: 1;
	transition: .5s;
}
.layer_popup_view_article .layer_popup_bt button.bt_font_size_up {
	border: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_font_up_on.png) no-repeat center/100%;
	width: 56px;
	height: 53px;
	display: inline-block;
	background-size: 35px;
}
.layer_popup_view_article .layer_popup_bt button.bt_article_fav {
	border: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_favorite_off.png) no-repeat center/100%;
	width: 56px;
	height: 53px;
	display: inline-block;
	background-size: 22px 21px;
}
.layer_popup_view_article .layer_popup_bt button.bt_article_down {
	border: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_dl_off.png) no-repeat center/100%;
	width: 56px;
	height: 53px;
	display: inline-block;
	background-size: 22px 21px;
}
.layer_popup_view_article .layer_popup_bt .bt_area1 .on {
	border: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_font_down_off.png) no-repeat center/100%;
	width: 56px;
	height: 53px;
	display: inline-block;
	background-size: 35px;
}
.layer_popup_view_article .layer_popup_bt .bt_area2 .on {
	border: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_font_up_off.png) no-repeat center/100%;
	width: 56px;
	height: 53px;
	display: inline-block;
	background-size: 35px;
}
.layer_popup_view_article .layer_popup_bt .bt_area3 .on {
	border: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_favorite_on.png) no-repeat center/100%;
	width: 56px;
	height: 53px;
	display: inline-block;
	background-size: 23px 22px;
}
.layer_popup_view_article .layer_popup_bt button.bt_article_print {
	border: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_print_off.png) no-repeat center/100%;
	width: 56px;
	height: 53px;
	display: inline-block;
	background-size: 23px 20px;	
}
.layer_popup_view_article .layer_popup_bt button.bt_close_pop {
	border: none;
	background: url(https://img.mk.co.kr/mkep/2021/ic_close_off.png) no-repeat center/100%;
	width: 56px;
	height: 53px;
	display: inline-block;
	background-size: 16px 16px;
}
.layer_pop_gray_desc {
	background: #F6F6F6;
	padding: 20px 20px;
	line-height: 23px;
	font-size: 14.5px;
	margin-top: 15px;
}
.layer_pop_leader {
	padding: 5px 7px;
	background: #000;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	vertical-align: 2px;
	font-weight: 500;
	margin-bottom: 6px;
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
}
.layer_pop_id_info .layer_pop_name {
	font-size: 27px;
	margin: 1px 0;
}
.layer_pop_id_info .layer_pop_blur {
	font-family: dotum;
	color: gray;
	font-size: 27px;
}
.layer_pop_id_info .layer_pop_email {
	font-size: 20px;
	margin-top: -6px;
	letter-spacing: -0.7px;
}
.layer_pop_id_desc {
	margin-top: 13px;
	border-top: 1px dotted #aaaaaa;
	padding-top: 16px;
	line-height: 23px;
	font-size: 14.5px;
}
p.popup_gap {
	margin-bottom: 16px;
}
.layer_popup_desc2 .popup_gap:last-child {
	margin-bottom: 0;
}
.popup_bottom_img_area {
	margin-top: 15px;
}
.popup_bottom_img_area img {
	display: block;
}
.layer_popup_line3 button {
	padding: 11px 18px;
	border: 2px solid #000;
	border-radius: 50px;
	background: #fff;
	margin-top: 8px;
}
.layer_popup_line3 button span {
	font-size: 15px;
	font-weight: 500;
}
.layer_popup_line3 button span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/10gob2b/ico_black_arrow.png) no-repeat center/100%;
	width: 17px;
	height: 10px;
	margin-right: 3px;
	vertical-align: 1px;
}
@media screen and (min-width:0\0){
	.layer_popup_desc p {
		font-size: 14px
	}
}
/* //layered popup */

/* thumbnail view mode pop */
.layer_popup_wrap2 {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - 107px);
	z-index: 1;
}
.layer_popup_wrap2 .layer_black_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	z-index: -1;
}
.layer_popup_wrap2 .layer_thumbnail_wrapper .thumbnail_rolling_area {
	width: 100%;
	margin: 0 auto;
	padding-left: 2%;
}
.layer_popup_wrap2 .layer_thumbnail_wrapper {
	margin-top: 7%;
}
.layer_popup_wrap2 .layer_thumbnail_wrapper .bt_close_area {
	position: absolute;
	top: 30px;
	right: 30px;
}
.layer_popup_wrap2 .layer_thumbnail_wrapper .layer_thumbnail_roll {
	height: 524px;
	/*padding: 0 36px;*/
}
.layer_popup_wrap2 .layer_thumbnail_wrapper .layer_thumbnail_roll div {
	width: 315px;
	height: 512px;
	/*float: left;
	margin-right: 20px;*/
}
.layer_popup_wrap2 .layer_thumbnail_wrapper .multi_page div {
	width: 630px!important;
	height: 512px;
	/*float: left;
	margin-right: 20px;*/
}
.layer_popup_wrap2 .layer_thumbnail_wrapper .layer_thumbnail_roll div a {
	display: block;
}
.layer_popup_wrap2 .layer_thumbnail_wrapper .layer_thumbnail_roll div a span {
	display: block;
	padding: 8px 8px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} 
.layer_popup_wrap2 .layer_thumbnail_wrapper .layer_thumbnail_roll div a img {
	width: 100%;
	display: inline-block;
	border-radius: 4px;
}
::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-thumb {
	background: #8f8f98;
	border: 0px none #ffffff;
	border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
	background: #8f8f98;
}
::-webkit-scrollbar-track {
	background: #cecece;
	border: 0px none #ffffff;
	border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
	background: #cecece;
}
::-webkit-scrollbar-corner {
	background: transparent;
}
/* //thumbnail view mode pop */

/* search mode pop */
.layer_popup_wrap3 {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
}
.layer_popup_wrap3 .layer_black_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	z-index: -1;
}
.layer_popup_wrap3 .layer_popup_search {
	background: #fff;
	width: 640px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-radius: 6px;
	border: 1px solid #d8d8d8;
}
.layer_popup_wrap3 .layer_popup_search .layer_popup_search_head {
	padding: 0 20px;
	height: 50px;
	border-bottom: 1px solid #d8d8d8;
}
.layer_popup_wrap3 .layer_popup_search .layer_popup_search_head .left_tit {
	float: left;
}
.layer_popup_wrap3 .layer_popup_search .layer_popup_search_head .left_tit span {
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
}
.layer_popup_wrap3 .layer_popup_search .layer_popup_search_head .left_tit span:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_search_off.png) no-repeat center/100%;
	vertical-align: -2px;
	margin-right: 2px;
}
.layer_popup_wrap3 .layer_popup_search .layer_popup_search_head .right_tit {
	float: right;
}
.layer_popup_wrap3 .layer_popup_search .layer_popup_search_head .right_tit button {
	margin-top: 17px;
}
.layer_popup_wrap3 .layer_popup_search .layer_popup_search_head .right_tit button img {
	width: 13px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_tit_con {
	padding: 20px 20px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_tit_con .tit_top {
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 5px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_tit_con .tit_bottom {
	font-size: 14px;
	margin-top: 8px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_direct_area {
	padding: 20px 20px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_direct_area .search_bar {
	width: 100%;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_direct_area .search_bar .input_sc_bar {
	width: 80%;
	float: left;
	padding: 12px 10px;
	border: 1px solid #d8d8d8;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 14px;
	height: 46px;
	border-right: none;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_direct_area .search_bar .input_sc_bar:focus {
	border: 1px solid #ff6a00;
	transition: .5s;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_direct_area .search_bar .bt_sc_bar {
	width: 20%;
	float: right;
	height: 46px;
	background: #FF8D1C;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_direct_area .search_bar .bt_sc_bar span {
	line-height: 46px;
	color: #fff;
	font-weight: bold;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .search_direct_area .search_bar .bt_sc_bar span:before {
	content: '';
	display: inline-block;
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_search_wh.png) no-repeat center/100%;
	width: 15px;
	height: 15px;
	vertical-align: -3px;
	margin-right: 2px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword {
	background: #f6f6fa;
	margin-top: 8px;
	padding: 20px 20px;
	overflow: hidden;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword .searched_tit {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 15px;
	position: relative;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword .searched_tit .entire_delete {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword .searched_tit .entire_delete a {
	color: #5d6c86;
	border-bottom: 1px solid #5d6c86;
	padding-bottom: 3px;
	font-size: 13px;
	display: inline-block;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword .searched_tag ul li {
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	padding: 5px 10px;
	border: 2px solid #bbbac5;
	box-sizing: border-box;
	border-radius: 50px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword .searched_tag ul li button {
	margin-left: 8px;
	background: none;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword .searched_tag ul li button img {
	width: 8px;
	vertical-align: 2px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword .searched_tag ul li span {
	font-size: 14px;
	vertical-align: 1px;
	color: #000;
	line-height: 17px;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword .no_searched_tag {
	padding: 28px 0;
	text-align: center;
}
.layer_popup_wrap3 .layer_popup_search .search_body_wrapper .searched_keyword .no_searched_tag .no_searched_txt {
	font-size: 15px;
	color: #9292ab;
}
/* //search mode pop */

/* my scrap pop */
.layer_popup_wrap4 {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
}
.layer_popup_wrap4 .layer_black_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	z-index: -1;
}
.layer_popup_wrap4 .layer_popup_search {
	background: #fff;
	width: 450px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-radius: 6px;
}
.layer_popup_wrap4 .layer_on_white {
	border: 1px solid #000;
	-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head {
	padding: 0 20px;
	height: 50px;
	border-bottom: 1px solid #d8d8d8;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit {
	float: left;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit span {
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit span:before {
	content: '';
	display: inline-block;
	width: 21px;
	height: 16px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_folder_add.png) no-repeat center/100%;
	vertical-align: -2px;
	margin-right: 2px;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit_modi span:before {
	content: '';
	display: inline-block;
	width: 21px;
	height: 18px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_folder_modify.png) no-repeat center/100%;
	vertical-align: -3px;
	margin-right: 2px;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit_del span:before {
	content: '';
	display: inline-block;
	width: 21px;
	height: 18px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_folder_delete.png) no-repeat center/100%;
	vertical-align: -3px;
	margin-right: 2px;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit_set span:before {
	content: '';
	display: inline-block;
	width: 21px;
	height: 18px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_folder_manage.png) no-repeat center/100%;
	vertical-align: -3px;
	margin-right: 2px;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .left_tit_pick span:before {
	content: '';
	display: inline-block;
	width: 21px;
	height: 18px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_mke_fav_off.png) no-repeat center/100%;
	vertical-align: -3px;
	margin-right: 2px;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .right_tit {
	float: right;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .right_tit button {
	margin-top: 17px;
}
.layer_popup_wrap4 .layer_popup_search .layer_popup_search_head .right_tit button img {
	width: 13px;
}
.layer_popup_wrap4 .layer_popup_search .search_body_wrapper .search_tit_con {
	padding: 26px 20px 36px 20px;
	text-align: center;
}
.layer_popup_wrap4 .layer_popup_search .search_body_wrapper .search_tit_con .tit_top {
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 5px;
}
.layer_popup_wrap4 .layer_popup_search .search_body_wrapper .search_tit_con .tit_bottom {
	font-size: 14px;
	margin-top: 8px;
}
.layer_popup_wrap4 .layer_popup_search .search_body_wrapper .search_direct_area {
	padding: 0 20px 30px 20px;
}
.layer_popup_wrap4 .layer_popup_search .search_body_wrapper .search_direct_area input {
	width: 100%;
	padding: 12px 10px;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	font-size: 14px;
	height: 46px;
}
.layer_popup_wrap4 .layer_popup_search .search_body_wrapper .search_direct_area input:focus {
	border: 1px solid #ff6a00;
	transition: .5s;
}
.layer_popup_wrap4 .layer_popup_search .bt_bottom_wrapper .bt_bottom_100p {
	width: 100%;
	box-sizing: border-box;
	padding: 14px 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #FF8D1C;
	font-size: 16px;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li {
	padding: 8px 0;
	max-height: 400px;
	overflow-y: auto;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li {
	padding: 5px 20px;
	overflow: hidden;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .folder_name {
	width: 70%;
	float: left;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .folder_name span {
	font-size: 16px;
	vertical-align: 0px;
	line-height: 32px;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .folder_name span:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 16px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_folder_default.png) no-repeat center/100%;
	vertical-align: -2px;
	margin-right: 2px;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .folder_bt {
	width: 30%;
	float: right;
	text-align: right;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .folder_bt button {
	display: inline-block;
	color: #313440;
	border: 1px solid #77787d;
	border-radius: 4px;
	padding: 5px 8px;
	font-size: 14px;
	margin-right: 6px;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .folder_bt button:last-child {
	margin-right: 0px;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .checkbox_area {
	float: right;
	line-height: 33px;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .checkbox_area .lab_sel_article {
	position: relative;
	height: 28px;
	margin-top: 6px;
	display: inline-block;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .checkbox_area .lab_sel_article:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_unchecked_ck.png) no-repeat center/100%;
	background-size: cover;
	vertical-align: -8px;
	margin-right: 1px;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .checkbox_area .input_check_hide:checked ~ .lab_sel_article:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(https://img.mk.co.kr/mkep/2021/ic_checked_ck.png) no-repeat center/100%;
	background-size: cover;
}
.layer_popup_wrap4 .search_body_wrapper .scrap_folder_set_li li .checkbox_area .input_check_hide {
	width: 0;
	height: 0;
	position: absolute;
	text-indent: -999999999999px;
	top: 0;
	left: 0;
}
/* //my scrap pop */

/* premium service noti pop */
.layer_popup_wrap4 .layer_popup_search .premium_noti_wrapper {
	float :left;
	width: 100%;
}
.layer_popup_wrap4 .layer_popup_search .premium_noti_wrapper img {
	width: 100%;
	display: block;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper {
	float: left;
	width: 100%;
}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper .bt_bottom_33p_1 {
	position: relative;
	width: 33%;
	box-sizing: border-box;
	padding: 17px 0;
	border-bottom-left-radius: 6px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #FF8D1C;
	font-size: 16px;
	display: inline-block;
	float: left;
}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper .bt_bottom_33p_2 {
	position: relative;
	width: 33%;
	box-sizing: border-box;
	padding: 17px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #FF8D1C;
	font-size: 16px;
	display: inline-block;
	float: left;
}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper .bt_bottom_33p_3 {
	position: relative;
	width: 34%;
	box-sizing: border-box;
	padding: 17px 0;
	border-bottom-right-radius: 6px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #FF8D1C;
	font-size: 16px;
	display: inline-block;
	float: left;
}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper .bt_bottom_33p_2:before, .layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper .bt_bottom_33p_3:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 20px;
	position: absolute;
	top: 16px;
	left: 0;
	background: #fff;
}
.layer_popup_wrap4 .layer_popup_search .bt_premium_wrapper .bt_bottom_100p {
	width: 100%;
	box-sizing: border-box;
	padding: 17px 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #FF8D1C;
	font-size: 16px;
	display: block;
}
/* //premium service noti pop */

@media screen and (min-width: 900px) and (max-width: 1400px) {
	header.new_mkep_header .logo_area a img {
		height: 20px;
	}
	header.new_mkep_header .logo_area a {
		padding: 0 14px;
	}
	header.new_mkep_header .menu_area {
		padding-left: 14px;
	}
	header.new_mkep_header .menu_area ul li {
		margin-right: 12px;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center {
		width: 94%;
	}
	.layer_popup_view_article {
		width: 850px;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .calendar_area {
		width: 21%;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area {
		width: 79%;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area ul li {
		width: 14.5%!important;
		margin-right: 16px!important;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_l {
		width: 8%;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_sel_bt_r {
		width: 8%;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area {
		width: 100%;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_early_edition span:before {
		content: none;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center {
		width: 99%!important;
	}
	.separated_page_wrapper .fixed_quick_menu {
		display: none;
	}
	.layer_popup_wrap .article_contents_wrapper {
		height: 480px!important;
	}
	.layer_popup_wrap .article_contents_wrapper2 {
		height: 439px!important;
	}
	
	/* 220516_추가 수정 */
	.new_mkep_header .logo_area a {
	top: 50%;
    display: inline;
	}
	
}

@media screen and (max-width: 1520px) {
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_left_bt_area .bt_first_pp {
		margin-right: 5px;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_right_bt_area .bt_after_pp {
		margin-right: 5px;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area .center_page_area {
		margin: 0 5px;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area ul li {
		margin-right: 25px;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area ul li:last-child {
		margin-right: 0!important;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area ul li a p {
		font-size: 13px;
	}
	.layer_popup_wrap2 .layer_thumbnail_wrapper {
		margin-top: 8%;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .center_area {
		position: absolute;
		left: 50%;
		transform: translate(-50%);
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .search_fav_area {
		padding: 13px 17px;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .right_area .pp_down_print_area {
		padding: 13px 17px;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_sel_cal {
		margin-right: 5px;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .left_area .bt_early_edition {
		margin-left: 5px;
		padding: 6px 12px;
	}
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center .section_layer {
		left: 224px;
	}
}

@media screen and (max-width: 1750px) {
	.viewer_con_wrapper .viewer_top_con_area .viewer_top_center {
		width: 94%;
	}
	.layer_popup_view_article {
		width: 80%;
	}
	.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_tit_area {
		font-size: 31px;
		font-weight: bold;
		margin-bottom: 14px;
		line-height: 39px;
	}
	.layer_popup_wrap .article_contents_wrapper .article_text_wrapper {
		width: 100%;
		padding: 40px 50px 40px 50px;
	}
	.layer_popup_wrap .article_contents_wrapper .article_tit_wrapper .article_mid_tit {
		margin-bottom: 13px;
	}
	.layer_popup_wrap .article_contents_wrapper .article_con_wrapper {
		width: 80%;
	}
	.layer_popup_wrap .article_contents_wrapper {
		height: 600px;
	}
	.layer_popup_wrap .article_contents_wrapper2 {
		height: 559px;
	}
}

@media screen and (max-width: 1850px) {
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area ul li {
		width: 11%;
	}
	.viewer_con_wrapper .calendar_opened_wrapper .paper_sel_area .paper_thumbnail_area ul li:last-child {
		margin-right: 0;
	}
}

/* 220329_추가 수정 */
.banner_event {
	margin-top: 40px;
    margin-left: -75px;
}
/* //220329_추가 수정 */

/* 230119_추가 수정 */
header.new_mkep_header .arrow_box ul .menu0 a span:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: -8px;
	margin-right: 3px;
	background: url(https://img.mk.co.kr/mkep/2023/ic_pop_menu0.png) no-repeat center/100%;
}
.base_login {text-align: center; padding-top: 15px; width: 100%}
.pdt15 {padding-top: 15px}