@charset "UTF-8";
/* CSS Document */

/* Reset CSS  */

/* 모든 기본 마진 패딩 초기화 */
* {margin:0; padding:0;}

/* 마진과 패팅 초기화 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldser, input, p, blockqute, th,td, label, address {margin: 0; padding: 0;}

/* 해더 폰트사이즈 초기화 */
h1, h2, h3, h4, h5, h6 {font-size: 100%;  font-weight: normal;}

/* 리스트의 스타일 제거 */
ol, ul {list-style:none;}
li {vertical-align:top;}

/* 폰트 강조 특성 초기화 */
address, caption, cite, code, dfn, em, th {font-style: normal; font-weight: normal;}

/* 테이블 스타일 초기화 */
table {border-collapse: collapse; border-spacing: 0;}

/* 이미지 및 필드셋에서 보더표시 초기화 */
fieldset, img, button {border: 0; margin:0;}

/* 캡션과 테이블헤더 텍스트 정렬 초기화 */
caption,th {text-align: left;}

/* 인용구 표시 초기화 */
q:before, q:after {content: '';}

/* 링크 밑줄 제거 */
a {text-decoration: none;}
form{display:inline;}
/*IE9*/
*::selection {
    background-color:transparent;
} 
*::-moz-selection
{
    background-color:transparent;
}
*{        
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    /*IE10*/
    -ms-user-select: none;
    user-select: none;

    /*You just need this if you are only concerned with android and not desktop browsers.*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}    
input[type="text"], textarea, [contenteditable]{
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
body{overflow:hidden;font-family:NanumGothic, Nanum Gothic, MalgunGothic, Malgun Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;}
.center_middle{
	pointer-events: none;
	position:absolute;
	display: table;
	width:100%;
	height:100%;
}
.center_middle>div{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


html, body  {width:100%; height:100%}
#dbookWrap {position:fixed;left:0px;right:0px;top:0px;bottom:0px; padding:0px;overflow: hidden;}
#dBook {width:100%;height:100%;background-color:transparent;overflow: hidden;}

#btn_prev {pointer-events: auto;vertical-align:middle;float:left;display:none;width:2.5em;margin-left:0.2em;}
#btn_next {pointer-events: auto;vertical-align:middle;float:right;display:none;width:2.5em;margin-right:0.2em;}

#img_loading {vertical-align:middle;display:none;}

.kdmt_bg_btn{display:inline-block;}
#header {position:fixed;top:0px;width:100%;height:auto;overflow: hidden;background: rgba(0,0,0,0.4);display:none;white-space-collapse: discard;}
#header img  {height:2.1em;margin:0.5em}
#header_left{float:left;}
#header_right{float:right;}


#footer{position:absolute;bottom:0px;right:0px;width:auto;height:auto;overflow: hidden;background: rgba(0,0,0,0);display:none;}
#footer_top img  {vertical-align:middle;height:2.8em;margin:0.3em 0.1em 0.3em 0.1em;}
#footer_top_menu{float:right;}
#footer_top_pageing{width:100%;text-align:center;display:none;}
#footer_top_pageing .page_input{display:inline;width:auto;}



#ipt_page{
	border:0;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	background-color:rgba(0, 0, 0, 0);
	background-image: url(../images/footer_btn/totalpage.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-origin: border-box;
	background-position: center center;
	font-size:1.5em;line-height:1.9em;width:6em;
}
#ipt_page:focus {
    outline-width: 0;
}

#page_list{
	width:100% !important;
	display:none;
	overflow-x: auto; 
	overflow-y: hidden; 
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	color:#ffffff;
	text-align: center;
	vertical-align:top;
	height:10em;
}

#page_list>div.focusDiv{opacity:1;}
#page_list>div.normalDiv{opacity:0.6;}
#intro{
	
}
#intro> div > div{
	pointer-events: auto;
	display:inline-block;
	background-color:#ffffff;
	border:4px solid #d7d7d7;
	padding:2em 1em 1em 1em;
}
#intro > div >div > p {font-weight:bold;font-size:1em;}
#intro > div >div >img {margin :1em 0.5em 1em 0.5em;cursor:pointer;}

	.popup{
		position:absolute;
		display: block;
		z-index:1000;
		text-align: center;
	}
	.popup_bnd{
		display:inline-block;
		position:relative;
		background:#f8f8f8;
	}
	.popup_title{
		display:block;
		height:3.3em;
		background:#ebebeb;
		border:1px solid #c1c1c1;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.popup_title >  p {
		font-size:1.8em;
		font-weight:bold;
		color:#5a5a5a;
		margin-top:0.2em;
	}
	.popup_close {
		position:absolute;
		height: 1.8em;
		top:0.5em;
		right:0.5em;
		padding:0.3em;
		cursor:pointer;
	}
	.popup_content{
		display:inline-block;
		white-space-collapse: discard;
		padding:2em 2em;
		position:absolute;
		left:0em;right:0em;
		top:3.4em;bottom:0em;
		height:auto !important;
		overflow-y: auto; 
		overflow-x: hidden; 
		-webkit-overflow-scrolling: touch;
	}
	.popup_list_msg{text-align:center;font-size:1.4em;padding-top:2em;}
	.popup .index_list{text-align:left;padding-left:1.5em;padding-top:0.5em;}
	.popup .index_list > span{cursor:pointer;font-size:1.4em;line-height:1.5em;background:url(../images/popup/index_keep.png) left center no-repeat;padding-left: 1.5em;background-size: 1.2em;}
	.popup .index_list > span.on{background:url(../images/popup/index_open.png) left center no-repeat;background-size: 1.2em;}	
	.popup .index_list > .list {font-size:1.3em;line-height:1.4em;background:url(../images/popup/index_content.png) left top no-repeat;padding-left: 1.3em;background-size: 1.0em;display:none;margin-left:1em;margin-top:0.3em;}

#share{
	display:none;
	position:absolute;
	z-index:1000;
	right:0.5em;
	top:3.6em;
	text-align: right;
	overflow: hidden;
	height:auto;
}
#share > img{
	cursor: pointer;height:3em;padding:0.3em;
	-webkit-filter: drop-shadow(-0.1em -0.2em 0.2em rgba(13,4,8,0.4));
	filter:         drop-shadow(-0.1em -0.2em 0.2em rgba(13,4,8,0.4)); 
}

#index{
	display:none;
	top:3.3em;
	width:25em;
	max-width:50%;
	bottom:0px;
	background-color:rgba(0, 0, 0, 0);
}

#index .popup_bnd{
	height:100% !important;
	position:relative;
	width:100%;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow:0px 0px 0px rgba(0,0,0,0);
}
#index .popup_title{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
#index .popup_content{
	padding:0.5em 0.5em;
	
}
#index .index_list > .list{font-size:1.4em;line-height:1.5em;margin-left:0em;margin-top:0em;padding-left: 1.5em;}

#search{
	display:none;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.4);
}
#search .popup_bnd{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow:-1px -3px 10px rgba(13,4,8,0.4);	
	top:5%;
	height:90% !important;
	width:90%;
	max-width:960px;
}
	
#search .search_bar { 
	}
#search .search_bar>div {
		display:inline-block;
		width:80%;
	}
#search .search_text { 
		width:94%;
		border:2px solid transparent;
		color:#222222;
		font-size:1.6em;
		padding:0.1em;
		background:#f8f8f8;
	}
	
#search .search_text:focus {
		outline-width: 0px;
		border:2px solid #a3c5fc;
	}
#search .search_border { 
		width:100%;
		margin-top:4px;
		height:6px;
		border-left:2px solid #39b6e6;
		border-right:2px solid #39b6e6;
		border-bottom:2px solid #39b6e6;
	}
#search .search_icon {
		width:3em;
		margin-left:1em;
		padding:0.3em;
		vertical-align: middle;
	}
#search .basic_text {margin-top:0.5em;font-size:1em;}

#search .search_progress{height:5px;text-align:left;margin:0px;padding:0px;margin-bottom: 0.5em;}
#search .search_progress>div{display:none;width:10%;height:5px;background-color:#a3c5fc;}

#pwinputbox{
	display:none;
	width:100%;
	height:110%;
	background-color:rgba(0, 0, 0, 1);
}
#pwinputbox .popup_bnd{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow:-1px -3px 10px rgba(13,4,8,0.4);	
	top:5%;
	height:50% !important;
	width:90%;
	max-width:960px;
}
	
#pwinputbox .pwinputbox_bar { 
	}
#pwinputbox .pwinputbox_bar>div {
		display:inline-block;
		width:70%;
	}
#pwinputbox .pwinputbox_text { 
		width:94%;
		border:2px solid transparent;
		color:#222222;
		font-size:1.6em;
		padding:0.1em;
		background:#f8f8f8;
	}
	
#pwinputbox .pwinputbox_text:focus {
		outline-width: 0px;
		border:2px solid #a3c5fc;
	}
#pwinputbox .pwinputbox_border { 
		width:100%;
		margin-top:4px;
		height:6px;
		border-left:2px solid #39b6e6;
		border-right:2px solid #39b6e6;
		border-bottom:2px solid #39b6e6;
	}
#pwinputbox .pwinputbox_icon {
		width:3em;
		margin-left:1em;
		padding:0.3em;
		vertical-align: middle;
	}
#pwinputbox .basic_text {margin-top:0.5em;font-size:1em;}

#pwinputbox .pwinputbox_progress{height:5px;text-align:left;margin:0px;padding:0px;margin-bottom: 0.5em;}
#pwinputbox .pwinputbox_progress>div{display:none;width:10%;height:5px;background-color:#a3c5fc;}

#div_dbookzine{
	position:absolute;
	top: 0;
	bottom:0;
	left:0;
	right:0;
	padding:0;
	margin:0;
	max-width:10px;
	z-index:20000;
	background-color:#ffffff;
	overflow:hidden;
	visibility:hidden;
}

@media all  and (max-device-width:600px) and (orientation:portrait)
,all and (max-device-width:800px) and (orientation:landscape)
{
	#header img  {height:2em;margin:0.4em 0.2em 0.4em 0.2em;}
	#footer_top img  {height:2.5em;margin:0.2em 0.06em 0.2em 0.06em;}
	#ipt_page{font-size:1.2em;line-height:2.1em;width:5.5em;}
	#page_list{height:8em;}
	
	#btn_prev {width:2.2em;margin-left:0.2em;}
	#btn_next {width:2.2em;margin-right:0.2em;}
	
	#share {top:3.3em;right:0.3em;}
	#share > img{height:2.6em;padding:0.2em;}
	
	#search .popup_bnd{width:95%;	}
		.popup_title{height:2.8em;}
		.popup_title > p {	font-size:1.4em; }
		.popup_close {height: 1.4em; top:0.3em; right:0.3em;padding:0.4em;}
		
		.popup_content{
			padding:1em 1em;top:2.9em;
		}
		
		.popup .index_list{padding-left:1em;padding-top:0.3em;}
		.popup .index_list > span{font-size:1.2em;line-height:1.4em;padding-left: 1.3em;background-size: 1.1em;}
		.popup .index_list > span.on{background-size: 1.1em;}	
		.popup .index_list > .list {font-size:1.1em;line-height:1.3em;padding-left: 1.2em;background-size: 1em;margin-left:1em;margin-top:0.2em;}

		#search .search_bar>div {width:80%;}
		#search .search_bar input { font-size:1.2em;}
		#search .search_icon {width:2em;margin-left:0.6em;padding:0.1em;}
		#search .basic_text {margin-top:0.2em;font-size:1em;}
		
	#index{
		top:3em;
		width:30em;
		max-width:90%;
	}
	
	#index .popup_content{
		padding:0.5em 0.5em;
		
	}
	#index .index_list > .list{font-size:1.2em;line-height:1.4em;margin-left:0em;margin-top:0em;padding-left: 1.3em;}

	.div_bnd tbody tr{background:#fff;opacity:0.3;border:2px solid #be1961}
	.div_bnd th {background-image:none !important;}
	.div_bnd th img {display:none;}
	
	
}
@media all and (max-width: 720px){
.div_bnd {width: 50%;margin:0 !important;}
.add_text {width:100% !important;float: left;clear: both;text-align:left;}
#tbl_sticker {padding: 5%;}
}
@media all and (max-width: 480px){
	#footer_top_pageing{text-align:left;}
	#footer_top_pageing .page_input{display:none;}
}

@media all  and (min-width:600px) and (orientation:portrait)
,all and (min-width:800px) and (orientation:landscape) {
	/*
	#header img  {height:2.1em;margin:0.5em}
	#footer_top img  {height:2.8em;margin:0.3em 0.1em 0.3em 0.1em;}
	#ipt_page{font-size:1.5em;line-height:1.9em;width:6em;}
	#page_list{height:10em;}
	
	#btn_prev {width:2.5em;margin-left:0.2em;}
	#btn_next {width:2.5em;margin-right:0.2em;}
	*/
}

/* popup */
.popup.viewer {width:1100px;height:700px;background:#fff;z-index:2;}
.popup {position:absolute;top:0;bottom:0;left: 0;right: 0;margin: auto;}

.opec1 {position:absolute;width:100%;height:100%;top: 0;background:#000;opacity: 0.5;z-index:1}
.opec2 {position:absolute;width:100%;height:100%;top: 0;background:#000;opacity: 0.5;z-index:3}