/*******************************************************************************************/
/*  작 성 자 : 인성데이타(주)
/*  작 성 일 : 2016.
/*  수 정 일 : 2016.
/*  버     전 : 0.0.1
/*  설     명 : Skin Type1 사이트메뉴 설정
/*  위     치 : /css/skin/type1/common/sidebar/layout.css
/*******************************************************************************************/

/*******************************************************************************************/
/* 사이트메뉴 컨텐츠 설정 시작
/*******************************************************************************************/
/* 사이드메뉴 컨텐츠 */
div#MainWrapper div#SideContents
{
	position: absolute;
	top: 188px;
    left: 0;
	
    clear: both;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;
}

div#MainWrapper div#SideContents div.sidebar
{
	position: relative;
    top: 0;
    left: 0;
    
    width: 1200px;
	margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}

div#MainWrapper div#SideContents div.sidebar div.sidebar-content
{
	position: relative;
    top: 0;
    left: 0;
    width: 186px;
    margin: 0 0 0 0;
    display: block;
}


/* 사이드메뉴 */
div#MainWrapper div#SideContents div.sidebar div.sidebar-content div.side-menu
{
	position: relative;
    top: 0;
    left: 0;
    z-index: 20000;

    width: 186px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    list-style-type: none;
}

div#MainWrapper div#SideContents div.sidebar div.sidebar-content div.side-menu ul.sidebar
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
    background: #FE0000;
}


/* 사이드메뉴 제목 */
div#MainWrapper div#SideContents div.sidebar div.sidebar-content div.side-menu ul.sidebar h2
{
	position: absolute;
    top: 0;
    left: 0;

    color: #FFF;
    display: block;
    width: 186px;
    height: 45px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #C41414;
}

div#MainWrapper div#SideContents div.sidebar div.sidebar-content div.side-menu ul.sidebar h2 strong.subject
{
    font-size: 16px;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    padding: 10px 10px 10px 10px;
}

div#MainWrapper div#SideContents div.sidebar div.sidebar-content div.side-menu ul.sidebar li
{
    height: 40px;
    line-height: 40px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*padding: 12px 10px 12px 10px;*/
    vertical-align: middle;
    border-top: 1px solid #FF6867;
}

div#MainWrapper div#SideContents div.sidebar div.sidebar-content div.side-menu ul.sidebar li a
{
    display: block;
    margin: 0 0 0 0;
    padding: 0 10px 0 10px;
}

div#MainWrapper div#SideContents div.sidebar div.sidebar-content div.side-menu ul.sidebar li span.subject
{
    height: 40px;
    line-height: 40px;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;

    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
}

/* 서브메뉴 설정 */
div#MainWrapper div#SideContents div.sidebar div.side-sub-menu
{
	position: relative;
    top: 10px;
    left: 0;
    z-index: 20000;

    width: 186px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    text-align: left;
    list-style-type: none;
    background: #FFF;
}

div#MainWrapper div#SideContents div.sidebar div.side-sub-menu h3
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}

div#MainWrapper div#SideContents div.sidebar div.side-sub-menu h3 strong.subject
{
    color: #FFF;
    display: block;
    font-size: 20px;
    margin: 0 0 0 0;
    padding: 14px 0 14px 0;
    text-align: center;
    letter-spacing: -1px;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    background: #333;
}

div#MainWrapper div#SideContents div.sidebar div.side-sub-menu ul.sub-sidebar
{
    margin: 0 0 0 0;
    padding: 10px 15px 10px 15px;
    list-style-type: none;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

div#MainWrapper div#SideContents div.sidebar div.side-sub-menu ul.sub-sidebar li
{
    margin: 0 0 0 0;
    padding: 4px 0 4px 0;
}

div#MainWrapper div#SideContents div.sidebar div.side-sub-menu ul.sub-sidebar li span.subject
{
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
    background: url(/images/board/icon_articles_box.gif) 0 7px no-repeat;
}

div#MainWrapper div#SideContents div.sidebar div.side-sub-menu ul.sub-sidebar li span.selector
{
    color: #000;
}
/*******************************************************************************************/
/* 사이트메뉴 컨텐츠 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 상단 회원혜택 설정 시작
/*******************************************************************************************/

/*div#MainWrapper div#SideContents div.membersip-point-container
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 110px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    background: #FF5959;
}

div#MainWrapper div#SideContents div.membersip-point-container div.membersip-point-zone
{
    position: relative;
    top: 0;
    left: 0;
    
    width: 1200px;
    height: 110px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}

div#MainWrapper div#SideContents div.membersip-point-container div.membersip-point-zone div#membersip-point-wrapper
{
    position: absolute;
    top: 0;
    right: 0;
	z-index: 1;

    width: 1014px;
    height: 110px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}*/

/*******************************************************************************************/
/* 상단 회원혜택 설정 종료
/*******************************************************************************************/



/*******************************************************************************************/
/* 좌측 고객센터 설정 시작
/*******************************************************************************************/

div#MainWrapper div#SideContents div.help-container
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 20000;

    width: 186px;
    height: 204px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#MainWrapper div#SideContents div.help-container div.help-zone
{
    position: relative;
    top: 0;
    left: 0;
    
    width: 186px;
    height: 204px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}

div#MainWrapper div#SideContents div.help-container div.help-zone div.help-wrapper
{
    width: 186px;
    height: 204px;
    background: url('/images/contents/main/bg_help.jpg');
}

/* 고객센터번호 */
div#MainWrapper div#SideContents div.help-container div.help-zone div.help-wrapper span.tel_no
{
    display: block;
    margin: 0 0 0 0;
    padding: 65px 0 0 12px;
    color: #FD0000;
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 23px;
}

div#MainWrapper div#SideContents div.help-container div.help-zone div.help-wrapper span.font_23
{
    font-size: 23px;
}

div#MainWrapper div#SideContents div.help-container div.help-zone div.help-wrapper span.font_27
{
    font-size: 27px;
}


/* 평일업무시간 */
div#MainWrapper div#SideContents div.help-container div.help-zone div.help-wrapper span.day_time
{
    display: block;
    margin: 0 0 0 0;
    padding: 15px 0 0 12px;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: left;
}

/* 주말업무시간 */
div#MainWrapper div#SideContents div.help-container div.help-zone div.help-wrapper span.holiday_time
{
    display: block;
    margin: 0 0 0 0;
    padding: 10px 12px 0 0;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: right;
}

/* 기타내용 */
div#MainWrapper div#SideContents div.help-container div.help-zone div.help-wrapper span.comments
{
    display: block;
    width: 100%;
    margin: 0 0 0 0;
    padding: 15px 0 0 0;
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
}

/*******************************************************************************************/
/* 좌측 고객센터 설정 종료
/*******************************************************************************************/



/*******************************************************************************************/
/* 좌측 무통장계좌안내 설정 시작
/*******************************************************************************************/

div#MainWrapper div#SideContents div.account-container
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 20000;

    width: 186px;
    height: 119px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#MainWrapper div#SideContents div.account-container div.account-zone
{
    position: relative;
    top: 0;
    left: 0;
    
    width: 184px;
    height: 117px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
    border: 1px solid #ddd;
}

div#MainWrapper div#SideContents div.account-container div.account-zone div.account-wrapper
{
    width: 184px;
    height: 117px;
    background: url('/images/contents/main/bg_account.jpg') top center no-repeat #fff;
}

/* 은행-예금주 */
div#MainWrapper div#SideContents div.account-container div.account-zone div.account-wrapper span.bank
{
    display: block;
    margin: 0 0 0 0;
    padding: 45px 0 0 12px;
    color: #6A0A0B;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: -1px;
}

/* 계좌번호 */
div#MainWrapper div#SideContents div.account-container div.account-zone div.account-wrapper span.account_no
{
    display: block;
    margin: 0 0 0 0;
    padding: 10px 12px 0 0;
    color: #6A0A0B;
    font-weight: bold;
    font-size: 17px;
    text-align: right;
    letter-spacing: -1px;
}

/*******************************************************************************************/
/* 좌측 무통장계좌안내 설정 종료
/*******************************************************************************************/



/*******************************************************************************************/
/* 좌측 광고-망고 설정 시작
/*******************************************************************************************/

div#MainWrapper div#SideContents div.ad-mango-container
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 20000;

    width: 186px;
    height: 195px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#MainWrapper div#SideContents div.ad-mango-container div.ad-mango-zone
{
    position: relative;
    top: 0;
    left: 0;
    
    width: 186px;
    height: 195px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}

/*******************************************************************************************/
/* 좌측 광고-망고 설정 종료
/*******************************************************************************************/



/*******************************************************************************************/
/* 좌측 광고-카카오 설정 시작
/*******************************************************************************************/

div#MainWrapper div#SideContents div.ad-kakao-container
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 20000;

    width: 186px;
    height: 181px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#MainWrapper div#SideContents div.ad-kakao-container div.ad-kakao-zone
{
    position: relative;
    top: 0;
    left: 0;
    
    width: 186px;
    height: 181px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}

div#MainWrapper div#SideContents div.ad-kakao-container div.ad-kakao-zone span.kakao_id
{
    position: absolute;
    bottom: 35px;
    left: 15px;

    margin: 0 0 0 0;
    padding: 5px 15px 5px 15px;

    font-size: 18px;
    font-weight: bold;
    
    letter-spacing: -1px;

    color: #fff;
    background: #000;
}

div#MainWrapper div#SideContents div.ad-kakao-container div.ad-kakao-zone span.kakao_mobile
{
    position: absolute;
    bottom: 10px;
    left: 15px;

    margin: 0 0 0 0;
    padding: 0 0 0 0;

    font-size: 18px;
    font-weight: 900;

    letter-spacing: -1px;

    color: #000;
}

/*******************************************************************************************/
/* 좌측 광고-카카오 설정 종료
/*******************************************************************************************/

/*******************************************************************************************/
/* 좌측 회원혜택 설정 시작
/*******************************************************************************************/

div#MainWrapper div#SideContents div.membersip-point-container
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 20000;

    width: 186px;
    height: 136px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#MainWrapper div#SideContents div.membersip-point-container div.membersip-point-zone
{
    position: relative;
    top: 0;
    left: 0;
    
    width: 186px;
    height: 136px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
}


/*******************************************************************************************/
/* 좌측 회원혜택 설정 종료
/*******************************************************************************************/

/*******************************************************************************************/
/* 우측 위로가기 버튼 설정 시작
/*******************************************************************************************/

#back-top 
{ 
    display: none;
    position: fixed;  
    bottom:80px;
    left: 50%;
    margin: 0 0 0 610px;
    z-index:9999; 
}

#back-top a 
{
    width: 58px;
    display: block;
    text-align: center;
    font: 11px/100% 'Nanum Gothic';
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    z-index:9999;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover 
{ 
    color: #000;
    border-bottom:none; 
}

#back-top span 
{
    width: 58px;
    height: 58px;
    display: block;
    margin: 0 0 7px 0;
    background: #ddd url(/images/skin/type1/common/header/up-arrow.png) no-repeat center center;
    background-size:35px 35px;

    -webkit-border-radius: 40%;
    -moz-border-radius: 40%;
    border-radius: 40%;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover span 
{
     background-color: #777;
     border-bottom:none; 
}
/*******************************************************************************************/
/* 우측 위로가기 버튼 설정 종료
/*******************************************************************************************/