@charset "utf-8";
 
/* 공통--------------------------------------------------------------------------------------------*/

body {
	background:#FFF;
}

.moduleArea {
	width:92px;
	height:417px;
}

/*module_sideright.html ---------------------------------------------------------------------------------------------------*/

.module_sideright {
	position:absolute;
	top:10px;
	left:100%;
	margin-left:-92px;
	background:#FFF;
}

.siderightArea {
	position:relative;
	float:left;
	width:92px;
	height:auto;
}

.img01 {
	position:relative;
	float:left;
	width:92px;
	height:60px;
}

.img02 {
	position:relative;
	float:left;
	width:92px;
	height:36px;
}

.img03 {
	position:relative;
	float:left;
	width:92px;
	height:28px;
}

.img04 {
	position:relative;
	float:left;
	width:92px;
	height:245px;
	background:url(../images/module/bg_module03.png)
}

.img04 .thumbnail {
	position:relative;
	float:left;
	width:71px;
	height:71px;
	margin-bottom:12px;
	margin-left:9px;
	border:1px solid #ed1b2f;
}

.img05 {
	position:relative;
	float:left;
	width:92px;
	height:28px;
}

.module_sideright .btn01Area {
	position:relative;
	float:left;
	margin-top:19px;
	width:92px;
	height:76px;
}

.module_sideright .btn01Area .btn01 {
	position:relative;
	float:left;
	width:92px;
	height:76px;	
	text-align:center;
}

/* 오른쪽 날개 관련 20150810 */
html, body { width:100%; height:100%;  margin:0px; padding:0px; }
.box{ width:60px; /*width:76px\9;*/ padding-top:110px; height:100%; border-left:1px solid #9599aa; background-color:#e5ebf9; position:fixed; top:0px; right:0px; z-index:100000; font-weight:bold; color:#45485b;}
.box .view { width:10px; height:50px; border:1px solid #9ea6b8; border-right:1px solid #9599aa; background-color:#e5ebf9; position:absolute; top:50%; margin-top:-25px; left:-22px; cursor:pointer; line-height:50px; padding:0 5px; }
.box li:first-child { border-top:1px solid #9599aa;}
.box li { border-bottom:1px solid #9599aa;}