.top-title{display: none;}

#summary {
    width: 100%;
    height: 100%;
    background: url(../../../addon/onstep/img/bg.png);
}
#summary>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#summary>.btn-print {
    position: absolute;
    top: 110px;
    left: 850px;
    width: 48px;
    height: 48px;
    background: url(../../../addon/onstep/img/btn_print.png);
}
#summary>.btn-print:hover {
    background: url(../../../addon/onstep/img/btn_print_.png);
}
#summary>.btn-download {
    position: absolute;
    top: 110px;
    left: 900px;
    width: 48px;
    height: 48px;
    background: url(../../../addon/onstep/img/btn_download.png);
}

#summary>.btn-download:hover {
    background: url(../../../addon/onstep/img/btn_download_.png);
}
#summary>.page {
    position: absolute;
    top: 530px;
    left: 50%;
    transform: translateX(-50%);
}
#summary>.page>.btn-prev,
#summary>.page>.btn-next {
    float: left;
    margin: 0 5px;
    padding: 6.5px 10.5px;
    width: 32px;
    height: 32px;
    background: url(../../../addon/onstep/img/buttons.png) no-repeat content-box;
}
#summary>.page>.btn-next {
    background-position-x: -11px;
}
#summary>.page>.btn-prev:hover,
#summary>.page>.btn-next:hover {
    background-position-y: -19px;
}
#summary>.page>div {
    float: left;
}
/* num */
#summary>.page>div>span {
    float: left;
    width: 20px;
    text-align: center;
    line-height: 32px;
    font-size: 20px;
}
#summary>.page>div>.page-slash {
    margin: 14px 3px;
    width: 4px;
    height: 4px;
    background: #323232 content-box;
    border-radius: 2px;
}
/* dot */
#summary>.page>div>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#summary>.page>div>ul>li {
    float: left;
    margin: 0 3px;
    width: 20px;
    height: 32px;
    background: url(../../../addon/onstep/img/dot.png) no-repeat center;
    cursor: pointer;
}
#summary>.page>div>ul>li.active {
    background-image: url(img/dot_active.png);
}

#summary> .stepbystep {
  text-align:center;
  position:relative;
  top:110px;
  font-family: "NanumBarunGothic";
  
}

#summary> .stepbystep>.title {
	font-weight:800;
	font-size: 35px;
	color:#092e59;
	letter-spacing: -2px;
}

#summary> .stepbystep>.title-content {
	font-size: 20px;
	color:#333333;
	list-style:none;
	letter-spacing:-1px;
	width:855px;
	height:370px;     
	margin-left:100px;
	overflow-y: auto;
}

#summary> .stepbystep>.title-content> p{
text-align:left;
cursor:text;
font-weight:400;
}

#summary>.reference {
    cursor:default;
    position: absolute;
    top: 580px;
    left: 77px;
    width: 48px;
    height: 48px;
    background: url(../../../addon/onstep/img/reference.png);
	z-index:2;
}

#summary>.reference-contanier {
    cursor:default;
    position: absolute;
    top: 593px;
    left: 77px;
    width: 320px;
    height: 26px;
   background-color: #9cb4e6;
   z-index:1;
   font-family: "NanumBarunGothic";
}

#summary>.tip {
    cursor:default; 
    position: absolute;
    top: 597px;
    left: 115px;
   font-size:16px;
   z-index:3;
   color:white;
   font-family: "NanumBarunGothic";
}