/*******************************************************************************************/
/*  작 성 자 : 한명찬
/*  작 성 일 : 2016.
/*  수 정 일 : 2016.
/*  버     전 : 0.0.1
/*  설     명 : 컨텐츠 설정
/*  위     치 : /css/contents/articles/layout.css
/*******************************************************************************************/

/*******************************************************************************************/
/*  스킨타입#1 컨텐츠 공용 설정 시작
/*******************************************************************************************/
/* 입력컨트롤 */
select
{
    height: 36px;
	margin: 0 0 0 0;
    padding: 0 2px 0 2px;

    font-family: "Noto Sans KR", "Tahoma", "돋움", "굴림";
    font-size: 13px;
    text-align: left;
    border: 1px solid #111111;
}

input[type=text],
input[type=email],
input[type=password]
{
    width: 380px;
    height: 36px;
	margin: 0 0 0 0;
    padding: 0 2px 0 2px;

    font-family: "Noto Sans KR", "Tahoma", "돋움", "굴림";
    font-size: 13px;
    text-align: left;
    border: 1px solid #111111;
}

/* 생년월일 */
select#birth_date1,
select#birth_date2,
select#birth_date3
{
    width: 110px;
    height: 36px;
	margin: 0 0 0 0;
    padding: 0 2px 0 2px;

    font-size: 13px;
    text-align: center;
    /*border: 1px solid #f4f4f4;*/
    border: 1px solid #111111;
}

/* 전화번호 */
select#tel1
{
    width: 115px;
    height: 36px;
	margin: 0 0 0 0;
    padding: 0 2px 0 2px;

    font-size: 13px;
    text-align: center;
    /*border: 1px solid #f4f4f4;*/
    border: 1px solid #111111;
}

input#tel2,
input#tel3
{
    width: 115px;
    height: 36px;
	margin: 0 0 0 0;
    padding: 0 2px 0 2px;

    font-size: 13px;
    text-align: center;
    /*border: 1px solid #f4f4f4;*/
    border: 1px solid #111111;
}



/* 입력 오류 메세지 */
div.articles div.input-error-wrapper
{
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 10px;
    border: 2px solid #DDD;
    background: #FFF url(/images/board/error/error.gif) 0 0 no-repeat;
}

div.articles div.input-error-wrapper h3.head-input-error
{
	color: #E55E1B;
	font-size: 18px;
	margin: 0 0 0 100px;
	padding: 14px 10px 10px 60px;
	letter-spacing: -1px;
	background: url(/images/board/error/bg_01.jpg) no-repeat 0 8px;
}

div.articles div.input-error-wrapper ul.input-error
{
	margin: 0 0 0 120px;
	padding: 6px 0 10px 0;
	list-style-type: none;
}

div.articles div.input-error-wrapper ul.input-error li
{
    font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 5px 8px;
	background: url(/images/board/error/icon_red.gif) no-repeat 0 8px;
}

div.articles div.input-error-wrapper ul.input-error li em.highlight
{
	color: #FF0103;
	font-weight: bold;
	font-style: normal;
}

.grecaptcha-badge {
    position: fixed;
    right: 0;
    bottom: 130px;
}
/*******************************************************************************************/
/* 스킨타입#1 컨텐츠 공용 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 스킨타입#1 공용 게시물 입력폼 설정 시작
/*******************************************************************************************/

div.articles form#article-insert-form
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}

div.articles form#article-insert-form fieldset
{
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    border: none;
    border-top: 2px solid #444;
}

div.articles form#article-insert-form fieldset legend
{
    display: none;
}

div.articles form#article-insert-form fieldset div.row-input
{
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    border-bottom: 1px solid #444;
}

div.articles form#article-insert-form fieldset div.row-input span.head
{
	float: left;
    display: block;
    font-size: 13px;
    font-weight: bold;
    width: 100px;
    margin: 0 12px 0 0;
    padding: 12px 12px 12px 12px;
	text-align: right;
    border-right: 1px solid #DDD;
}

/* 분류 */
div.articles form#article-insert-form fieldset div.row-input span.category
{
	float: left;
    display: block;
    font-size: 13px;
    font-weight: bold;
    width: 120px;
    margin: 0 12px 0 0;
    padding: 8px 12px 8px 12px;
	text-align: right;
    border-right: 1px solid #DDD;
}

div.articles form#article-insert-form fieldset div.row-input span.category select#category
{
    height: 40px;
	margin: 0 0 0 0;
    padding: 0 2px 0 2px;

    font-size: 13px;
    text-align: center;
}

div.articles form#article-insert-form fieldset div.row-input span.data
{
	display: block;
	color: #565656;
	margin: 0 0 0 0;
	padding: 8px 0 8px 10px;
    /*border-left: 1px solid #DDD;*/
	background: #FFF;
}

/* 상세설명 */
div.articles form#article-insert-form fieldset div.row-input span.data div.message
{
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 4px 0 0 8px;
    background: url(/images/board/icon_note.gif) 0 6px no-repeat;
}

/* 이름 */
div.articles form#article-insert-form fieldset div.row-input span.data input#name
{
    width: 200px;
}

/* 비밀번호 */
div.articles form#article-insert-form fieldset div.row-input span.data input#password
{
    width: 100px;
}

/* 이름 */
div.articles form#article-insert-form fieldset div.row-input span.data input#subject
{
    width: 98%;
}

/* 이름 */
div.articles form#article-insert-form fieldset div.row-input span.split input#subject
{
    width: 80%;
}

/* 참고사항 */
div.articles form#article-insert-form fieldset div.row-input div.note
{
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
    background: #FFF;
}

div.articles form#article-insert-form fieldset div.row-input div.note p.summary
{
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 10px 10px 5px 10px;
    letter-spacing: -1px;
    border: 2px solid #DDD;
    border-bottom: none;
}

div.articles form#article-insert-form fieldset div.row-input div.note p.summary strong
{
    color: #E3231C;
    font-size: 20px;
}

div.articles form#article-insert-form fieldset div.row-input div.note ul.info
{
    font-size: 14px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 20px;
    list-style-type: none;
    border: 2px solid #DDD;
    border-top: none;
}

div.articles form#article-insert-form fieldset div.row-input div.note ul.info li
{
    margin: 0 0 0 0;
    padding: 3px 0 3px 10px;
    background: url(/images/board/icon_line_dot.gif) 0 10px no-repeat;
}

/* 상세설명 */
div.articles form#article-insert-form fieldset div.row-input span.data p.summary
{
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
	letter-spacing: -1px;
}


/* 이전 첨부파일 */
div.articles form#article-insert-form fieldset div.row-input span.data ul.attach_files
{
    position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

div.articles form#article-insert-form fieldset div.row-input span.data ul.attach_files li
{
    position: relative;
    top: 0;
    left: 0;

	margin: 0 0 0 0;
	padding: 0 0 3px 16px;
}

div.articles form#article-insert-form fieldset div.row-input span.data ul.attach_files li span.attach_file_icon img
{
    position: absolute;
    top: 5px;
    left: 0;

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

/*******************************************************************************************/
/* 스킨타입#1 공용 게시물 입력폼 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 스킨타입#1 공용 페이징 설정 시작
/*******************************************************************************************/
div.articles div.article-paging
{
    clear: both;
    position: relative;
    margin: 0 0 10px 0;
    padding: 15px 0 5px 0;
    text-align: center;
}

div.articles div.article-paging a span.page
{ 
	color: #333;
    cursor: pointer;
	font-weight: bold;
}

div.articles div.article-paging span.page,
div.articles div.article-paging a span.page
{
    font-size: 12px;
	min-width: 25px;
    height: 25px;
    line-height: 25px;
	font-weight: bold;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background: #fff;
    vertical-align: middle;
    border: 1px solid #fff;
}


/* 현재페이지 */
div.articles div.article-paging span.current
{
	color: #fff;
	font-weight: bold;
	padding: 0 0 0 0;
    font-size: 12px;
	border: 1px solid #242424;
	background: #242424;
}

/* 페이지이동 */
div.articles div.article-paging span.prev,
div.articles div.article-paging span.next,
div.articles div.article-paging span.prev-block,
div.articles div.article-paging span.next-block
{
    cursor: pointer;
    width: 25px;
    height: 25px;
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
}

.im-next:before,
.im-previous:before,
.im-care-left:before,
.im-care-right:before
{
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    font-size: 13px;
    color: #333;
    vertical-align: middle;
}


div.articles div.article-paging span.prev
{
	margin: 0 0 6px 0;
}

div.articles div.article-paging span.next
{
	margin: 0 0 6px 0;
}

div.articles div.article-paging a span.page:hover
{
    border: 1px solid #ddd;
    /*background: #F4F4F4;*/
}

/*******************************************************************************************/
/* 스킨타입#1 공용 페이징 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/*  스킨타입#1 로그인 설정 시작
/*******************************************************************************************/
div.articles div.login-wrap
{
    position: relative;

    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
    background: #fff;
}

div.articles div.login-wrap form#login-input-form
{
    /*position: fixed;
    top: 50%;
    left: 50%;

    margin: -195px 0 0 -180px;
    padding: 30px 30px 30px 30px;

    width: 300px;
    max-width: 300px;
    height: 100%;
    max-height: 330px;

    border: 1px solid #DDD;
    background: #FFF;*/ 

    margin: 0 auto 0 auto;
    padding: 30px 30px 30px 30px;

    width: 100%;
    max-width: 300px;
    height: 100%;
    min-height: 330px;

    /*border: 1px solid #DDD;*/
    background: #FFF;
}

div.articles div.login-wrap form#login-input-form fieldset
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

div.articles div.login-wrap form#login-input-form fieldset legend
{
    display: none;
}

/* 제목 */
div.articles div.login-wrap form#login-input-form fieldset div.subject strong
{
    display: block;
    font-size: 19px;
    font-weight: bold;
    width: 300px;
    height: 25px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}

/* 회원아이디 */
div.articles div.login-wrap form#login-input-form fieldset div.row-input-id
{
    width: 300px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 1px solid #111111;
}

div.articles div.login-wrap form#login-input-form fieldset div.row-input-id input#user_id
{
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;

    width: 240px;
    height: 36px;

    font-size: 13px;
    font-weight: bold;
    border: none;
}

/* 비밀번호 */
div.articles div.login-wrap form#login-input-form fieldset div.row-input-password
{
    width: 300px;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    border: 1px solid #111111;
}

div.articles div.login-wrap form#login-input-form fieldset div.row-input-password input#password
{
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;

    width: 240px;
    height: 36px;

    font-size: 13px;
    font-weight: bold;
    border: none;
}

div.articles div.login-wrap form#login-input-form fieldset div span
{
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    width: 30px;
    height: 40px;
    line-height: 38px;
    margin: 0 0 0 0;
    padding: 0 0 0 12px;
    vertical-align: middle;
}

/* 아이디 저장 */
div.articles div.login-wrap form#login-input-form div.save_id
{
    display: block;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    width: 300px;
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
    vertical-align: middle;
    text-align: center;
}

div.articles div.login-wrap form#login-input-form fieldset div.save_id label
{
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
}

div.articles div.login-wrap form#login-input-form div.link
{
    width: 300px;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}

div.articles div.login-wrap form#login-input-form div.link span.link > a
{
    position: relative;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    width: auto !important;
    height: 25px;
    line-height: 25px;
}


/* 아이디찾기 버튼 */
div.articles div.login-wrap form#login-input-form div.link span.link a.btn_find_id
{
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    width: auto !important;
    height: 25px;
    line-height: 25px;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    /*border-bottom: 1px solid #888;*/
}

/* 비밀번호찾기 버튼 */
div.articles div.login-wrap form#login-input-form div.link span.link a.btn_find_pw
{
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    width: auto !important;
    height: 25px;
    line-height: 25px;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    /*border-bottom: 1px solid #888;*/
}

/* 이메일인증재전송 버튼 */
div.articles div.login-wrap form#login-input-form div.link span.link a.btn_send_email
{
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    width: auto !important;
    height: 25px;
    line-height: 25px;
    color: #333;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    /*border-bottom: 1px solid #888;*/
}



/* SNS 로그인 */
div.articles div.login-wrap form#login-input-form div#sns_login_wrapper
{
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*height: 100px;*/
}

div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#naver_wrapper
{
    /*float: left;*/
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    height: 40px;
}

div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#naver_wrapper div#naver_id_login
{
    /*position: absolute;
    bottom: 20px;
    left: 182px;*/
} 

/* 네이버 로그인 설정 */
div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#naver_id_login
{

}

/* 카카오 로그인 설정 */
div.articles div.login-wrap form#login-input-form div#sns_login_wrapper a#kakao-login-btn
{
    /*position: absolute;
    bottom: 0;
    left: 263px;*/
} 


div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#naver_wrapper div#naver_id_login
{
    /*position: absolute;
    bottom: 20px;
    left: 182px;*/
} 

div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#naver_wrapper div.notice
{
    position: absolute;
    top: 0;
    left: 225px;

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

    height: 49px;
    line-height: 49px;
    width: 260px;

    text-align: right;
    vertical-align: middle;
    font-size: 15px;
    letter-spacing: -1px;

    /*border-top: 1px solid #13B000;
    border-right: 1px solid #13B000;
    border-bottom: 1px solid #13B000;*/
}

/* 카카오 로그인 설정 */
div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#kakao_wrapper
{
    /*float: left;*/
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    height: 40px;
}

div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#kakao_wrapper a#kakao-login-btn
{
    /*position: absolute;
    bottom: 20px;
    left: 182px;*/
} 


div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#kakao_wrapper a#kakao-login-btn > img
{
    width: 235px !important;
    /*position: absolute;
    bottom: 20px;
    left: 182px;*/
} 

div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#kakao_wrapper div.notice
{
    position: absolute;
    top: 54px;
    left: 225px;

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

    height: 49px;
    line-height: 49px;
    width: 260px;

    text-align: right;
    vertical-align: middle;
    font-size: 15px;
    letter-spacing: -1px;

    /*border-top: 1px solid #13B000;
    border-right: 1px solid #13B000;
    border-bottom: 1px solid #13B000;*/
}

/* 페이스북 로그인 설정 */
div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#facebook_wrapper
{
    /*float: left;*/
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    height: 40px;
}

/* 구글 로그인 설정 */
div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div#google_wrapper
{
    /*float: left;*/
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    height: 40px;
}

div.articles div.login-wrap form#login-input-form div#sns_login_wrapper div > a
{
    text-decoration: none;
}

/* 로그인버튼 */
div.articles div.login-wrap form#login-input-form div.command
{
    position: relative;

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

div.articles div.login-wrap form#login-input-form div.command a
{
    text-decoration: none;
}

/* 입력오류 메세지 */
div.articles div.login-wrap form#login-input-form div.input-error-wrap 
{
    margin: 10px 0 0 0;
    padding: 20px 0 40px 0;
}

div.articles div.login-wrap form#login-input-form div.input-error-wrap h3.head-input-error
{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 5px 0 10px 60px;
    letter-spacing: -1px;
    background: url(/images/board/error/bg_01.jpg) 0 0 no-repeat;
}

div.articles div.login-wrap form#login-input-form div.input-error-wrap ul.input-error
{
    margin: 0 0 0 0;
    padding: 10px 0 0 25px;
    list-style-type: none;
}

div.articles div.login-wrap form#login-input-form div.input-error-wrap ul.input-error li
{
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 0 0 3px 10px;
    background: url(/images/board/error/icon_red.gif) 0 8px no-repeat;
}

div.articles div.login-wrap form#login-input-form div.input-error-wrap ul.input-error li em
{
    color: #FE0000;
    font-weight: bold;
    font-style: normal;
}

/* 회원추가 정보 */
div.articles div.login-wrap div.membership-info-wrap
{
    position: absolute;
    top: 60px;
    right: 50px;

    width: 340px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.login-wrap div.membership-info-wrap fieldset
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

div.articles div.login-wrap div.membership-info-wrap fieldset legend
{
    display: none;
}

/* 회원가입 */
div.articles div.login-wrap div.membership-info-wrap fieldset div.membership-join
{
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
}

/* 회원아이디 찾기 */
div.articles div.login-wrap div.membership-info-wrap fieldset div.find-id
{
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
}

/* 비밀번호 찾기 */
div.articles div.login-wrap div.membership-info-wrap fieldset div.find-password
{
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.login-wrap div.membership-info-wrap fieldset div div.summary
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.articles div.login-wrap div.membership-info-wrap fieldset div div.summary span.subject
{
    float: left;
    display: block;
    width: 200px;
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 4px 0 0 10px;
    letter-spacing: -1px;
    background: url(/images/board/icon_articles_box.gif) 0 11px no-repeat;
}

/*******************************************************************************************/
/* 스킨타입#1 로그인 설정 종료
/*******************************************************************************************/




/*******************************************************************************************/
/*  스킨타입#1 아이디찾기 설정 시작
/*******************************************************************************************/
div.articles div.find-id-step-process
{
    position: relative;
    top: 0;
    left: 0;

    height: 320px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
    background: url(/images/contents/support/join/bg_content_join.jpg) 0 0 no-repeat;
}

div.articles div.find-id-step-process ul.step
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 426px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
    list-style-type: none;
}

div.articles div.find-id-step-process ul.step li.subject
{
    float: left;
    width: 142px;
    margin: 0 0 0 0;
    padding: 110px 0 20px 0;
    text-align: center;
}

div.articles div.find-id-step-process ul.step li.subject span.step
{
    font-size: 12px;
}

div.articles div.find-id-step-process ul.step li.subject span.step,
div.articles div.find-id-step-process ul.step li.subject strong.subject
{
    width: 90px;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 2px 0;
    text-align: center;
}

div.articles div.find-id-step-process ul.step li.selector span.step,
div.articles div.find-id-step-process ul.step li.selector strong.subject
{
    color: #E92121;
    font-weight: bold;
}


/* 아이디찾기 */
div.articles div.find-id-step-process ul.step li.step01 
{
    background: url(/images/contents/support/join/bg_step02_off.jpg) top center no-repeat;
}

div.articles div.find-id-step-process ul.step li.step01_selector
{
    background: url(/images/contents/support/join/bg_step02_on.jpg) top center no-repeat;
}

/* 아이디찾기 완료 */
div.articles div.find-id-step-process ul.step li.step02
{
    background: url(/images/contents/support/join/bg_step03_off.jpg) top center no-repeat;
}

div.articles div.find-id-step-process ul.step li.step02_selector
{
    background: url(/images/contents/support/join/bg_step03_on.jpg) top center no-repeat;
}


/* 입력항목 제목 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap h4.subject
{
    margin: 0 0 0 0;
    padding: 0 0 8px 0;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap h4.subject strong.subject
{
    font-size: 18px;
    margin: 0 0 0 0;
    padding: 2px 5px 0 26px;
    letter-spacing: -1px;
    background: url(/images/wms/common/contents/icon_sub_title.jpg) 0 0 no-repeat;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap h4.subject span.summary
{
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    background: url(/images/board/icon_line.gif) 0 4px no-repeat;
}


div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form,
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset
{
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 2px solid #ddd;
}


div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset legend
{
    display: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input
{
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	text-align: left;
    border-bottom: 1px solid #DDD;
    background: #F6F6F6; /* #F9F9F9 */
}


div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input span.head
{
	float: left;
    display: block;
    font-weight: bold;
    width: 100px;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0;
	text-align: right;
    letter-spacing: -1px;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input span.data
{
	display: block;
	color: #565656;
	margin: 0 0 0 110px;
	padding: 8px 0 8px 10px;
    border-left: 1px solid #DDD;
	background: #FFF;
}

/* 참고사항 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input div.note
{
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
    background: #FFF;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input div.note p.summary
{
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 10px 10px 5px 10px;
    letter-spacing: -1px;
    border: 2px solid #DDD;
    border-bottom: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input div.note p.summary strong
{
    color: #E3231C;
    font-size: 20px;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input div.note ul.info
{
    font-size: 14px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 20px;
    list-style-type: none;
    border: 2px solid #DDD;
    border-top: none;
}

div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input div.note ul.info li
{
    margin: 0 0 0 0;
    padding: 3px 0 3px 10px;
    background: url(/images/board/icon_line_dot.gif) 0 10px no-repeat;
}

/* 상세설명 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input span.data p.summary
{
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
	letter-spacing: -1px;
}


/* 메세지 알림 영역 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input div.message
{    
    text-align: left;
    font-size: 11px;
    margin: 0 0 0 0;
    padding: 5px 0 0 8px;
    background: url(/images/board/icon_note.gif) 0 6px no-repeat;
}

/* 메세지 필수항목 표시 */
div#MainWrapper div#ContentsWrapper div#MainContents div.contents-wrap div.articles div.find-id-wrap form#article-insert-form fieldset div.row-input div.message strong.error
{
    color: #E72905;
}
/*******************************************************************************************/
/*  스킨타입#1 아이디찾기 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/*  스킨타입#1 회원가입 설정 시작
/*******************************************************************************************/


/* 이용약관 */
div.articles form#provision-input-form
{
    position: relative;
    top: 0;
    left: 0;
    
    max-width: 500px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}

div.articles form#provision-input-form div.input-controls
{
    position: relative;
    top: 0;
    left: 0;
    
    margin: 0 auto 0 auto;
    padding: 30px 30px 30px 30px;
    
    /*min-width: 300px;*/
    /*width: 100%;*/
    max-width: 500px;
    min-height: 330px;

    /*border: 1px solid #DDD;*/
    background: #FFF;
}

/* 입력항목 제목 */
div.articles form#provision-input-form div.input-controls div.subject
{
    display: block;
    font-size: 19px;
    font-weight: bold;
    width: 100%;
    height: 25px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}

/* 입력항목 안내문구 */
div.articles form#provision-input-form div.input-controls div.subject span.summary
{
    /*display: none;*/
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    background: url(/images/board/icon_line.gif) 0 4px no-repeat;
}

div.articles form#provision-input-form div.input-controls div.input-control
{
    position: relative;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
}

div.articles form#provision-input-form div.input-controls div.input-control div.sub-title
{
    display: block;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    height: 40px;
    line-height: 38px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    vertical-align: middle;
}

div.articles form#provision-input-form div.input-controls div.input-control div.content
{
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    border: 1px solid #111111;
}

/* 약관 내용 */
div.articles form#provision-input-form div.input-controls div.input-control div.content div.provision_content,
div.articles form#provision-input-form div.input-controls div.input-control div.content textarea,
div.articles form#provision-input-form div.input-controls div#privacy-info div.content div.privacy_content,
div.articles form#provision-input-form div.input-controls div#privacy-info div.content textarea
{
    width: 96%;
    height: 150px;
    margin: 0 0 0 0;
    padding: 10px 2% 10px 2%;
    line-height: 20px;
    text-align: left; 
    overflow: hidden;
    overflow-y: auto;
}

/* 약관 동의 */
div.articles form#provision-input-form div.input-controls div.input-control div.accept
{
    margin: 5px auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
    background: #fff;
}


div.articles form#provision-input-form div.input-controls div#provision-info div.accept
{
    top: 23px;
}

/* 개인정보취급방침 */
div.articles form#provision-input-form div.input-controls div#privacy-info
{
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
}


/* 전체동의 */
div.articles form#provision-input-form div.input-controls div.agreement
{
    clear: both;
    display: block;
    width: 100%;
    margin: 10px auto 10px auto;
    padding: 0 0 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background: #fff;
}

div.articles form#provision-input-form div.input-controls div.agreement span.all_agreement
{
    width: 100%;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*height: 35px;
    line-height: 35px;*/
    vertical-align: middle;
}

div.articles form#provision-input-form div.input-controls div.agreement span.all_agreement span.all_agreement_box
{
    display: inline-block;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0;
    width: 3%;
    vertical-align: middle;
}


div.articles form#provision-input-form div.input-controls div.agreement span.all_agreement span.all_agreement_content
{
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 95%;
    /*height: 35px;
    line-height: 35px;*/
    text-align: left;
    vertical-align: middle;
}

div.articles form#provision-input-form div.input-controls div.agreement span.all_agreement label span.content
{
    letter-spacing: -1px;
}


/* 처리명령 */
div.articles form#provision-input-form div.command
{
    clear: both;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    width: 100%;
    text-align: center;
}


div.articles div.join-wrap
{
    position: relative;
    top: 0;
    left: 0;
    
    max-width: 500px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;

}

div.articles div.join-wrap form#join-input-form
{
    position: relative;
    top: 0;
    left: 0;

    margin: 0 auto 0 auto;
    padding: 0 30px 10px 30px;
    
    max-width: 500px;
    min-height: 300px;

    /*border: 1px solid #DDD;*/
    background: #FFF;
}

div.articles div.join-wrap form#join-input-form fieldset
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

div.articles div.join-wrap form#join-input-form fieldset legend
{
    display: none;
}

div.articles div.join-wrap form#join-input-form fieldset div.subject
{
    width: 100%;
    /*height: 25px;*/
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
}

/* 제목 */
div.articles div.join-wrap form#join-input-form fieldset div.subject strong
{
    display: block;
    font-size: 19px;
    font-weight: bold;
    width: 100%;
    height: 25px;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}

/* 입력항목 안내문구 */
div.articles div.join-wrap form#join-input-form fieldset div.subject span.summary
{
    /*display: none;*/
    font-size: 12px;
    margin: 0 0 0 5px;
    padding: 0 0 0 10px;
    background: url(/images/board/icon_note.gif) 0 4px no-repeat;
}

div.articles div.join-wrap form#join-input-form fieldset div.row-input-head
{
    position: relative;
}

div.articles div.join-wrap form#join-input-form fieldset div.row-input-head span.subject
{
    display: block;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    height: 40px;
    line-height: 38px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    vertical-align: middle;
}

div.articles div.join-wrap form#join-input-form fieldset div.row-input-head span.error
{
    position: absolute;
    top: 18px;
    right: 0;
    color: red;
    font-size: 12px;
    font-weight: bold;
    z-index: 9998;
}

div.articles div.join-wrap form#join-input-form fieldset div.row-input-head span.no-error
{
    position: absolute;
    top: 18px;
    right: 0;
    color: blue;
    font-size: 12px;
    font-weight: bold;
    z-index: 9998;
}

/* 회원아이디 */
div.articles div.join-wrap form#join-input-form fieldset div.row-input-id
{
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    /*border: 1px solid #111111;*/
}

div.articles div.join-wrap form#join-input-form fieldset div.row-input-id input#user_id
{
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;

    width: 60%;
    height: 36px;

    font-size: 13px;
    /*border: none;*/
}

/* 비밀번호 */
div.articles div.join-wrap form#join-input-form fieldset div.row-input-password
{
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    /*border: 1px solid #111111;*/
}

div.articles div.join-wrap form#join-input-form fieldset div.row-input-password span.cancel
{

}

div.articles div.join-wrap form#join-input-form fieldset div.row-input-password input#password
{
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;

    width: 60%;
    height: 36px;

    font-size: 13px;
    /*border: none;*/
}

/* 비밀번호 확인 */
div.articles div.join-wrap form#join-input-form fieldset div.row-input-password-confirm
{
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    /*border: 1px solid #111111;*/
}

div.articles div.join-wrap form#join-input-form fieldset div.row-input-password-confirm input#password_confirm
{
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;

    width: 60%;
    height: 36px;

    font-size: 13px;
    /*border: none;*/
}

/* 닉네임 */
div.articles div.join-wrap form#join-input-form fieldset div.row-input-nick-name
{
    position: relative;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
    /*border: 1px solid #111111;*/
}

div.articles div.join-wrap form#join-input-form fieldset div.row-input-nick-name input#nick_name
{
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;

    width: 60%;
    height: 36px;

    font-size: 13px;
    /*border: none;*/
}

/* 메일링 서비스 */
div.articles div.join-wrap form#join-input-form fieldset div.row-input-email-receive
{
    position: relative;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    /*border: 1px solid #111111;*/
}

/*div.articles div.join-wrap form#join-input-form fieldset div.row-input-mail-receive input#user_id
{
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;

    width: 60%;
    height: 36px;

    font-size: 13px;
    /*border: none;*/
}*/

/* reCAPTCHA */
div.articles div.join-wrap form#join-input-form fieldset div.row-input-reCAPTCHA
{
    position: relative;
    width: 305px;
    margin: 0 auto 30px auto;
    padding: 0 0 30px 0;
    /*border: 1px solid #111111;*/
}

div.articles div.join-wrap form#join-input-form fieldset div span.subject
{
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    width: 80px;
    height: 40px;
    line-height: 38px;
    margin: 0 0 0 0;
    padding: 0 0 0 12px;
    vertical-align: middle;
}

div.articles div.join-wrap form#join-input-form fieldset div span.error
{
    position: absolute;
    bottom: -45px;
    right: 15px;

    width: 250px;
    height: 40px;
    line-height: 15px;

    color: red;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    z-index: 9998;
}

div.articles div.join-wrap form#join-input-form fieldset div span.no-error
{
    position: absolute;
    bottom: -45px;
    right: 15px;
    
    width: 250px;
    height: 40px;
    line-height: 15px;

    color: blue;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    z-index: 9998;
}

/* 회원가입 버튼 */
div.articles div.join-wrap form#join-input-form div.command
{
    clear: both;
    position: relative;

    margin: 20px 0 0 0;
    padding: 0 0 0 0;

    text-align: center;
}

/* 입력오류 메세지 */
div.articles div.join-wrap form#join-input-form div.input-error-wrap 
{
    margin: 10px 0 0 0;
    padding: 20px 0 40px 0;
}

div.articles div.join-wrap form#join-input-form div.input-error-wrap h3.head-input-error
{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 5px 0 10px 60px;
    letter-spacing: -1px;
    background: url(/images/board/error/bg_01.jpg) 0 0 no-repeat;
}

div.articles div.join-wrap form#join-input-form div.input-error-wrap ul.input-error
{
    margin: 0 0 0 0;
    padding: 10px 0 0 25px;
    list-style-type: none;
}

div.articles div.join-wrap form#join-input-form div.input-error-wrap ul.input-error li
{
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 0 0 3px 10px;
    background: url(/images/board/error/icon_red.gif) 0 8px no-repeat;
}

div.articles div.join-wrap form#join-input-form div.input-error-wrap ul.input-error li em
{
    color: #FE0000;
    font-weight: bold;
    font-style: normal;
}

/*******************************************************************************************/
/* 스킨타입#1 회원가입 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 스킨타입#1 회원가입완료 설정 시작
/*******************************************************************************************/
div.articles div.membership-complete
{
    margin: 50px auto 0 auto;
    padding: 30px 30px 30px 30px;

    max-width: 500px;
    min-height: 330px;

    border: 1px solid #DDD;
    background: #FFF;
}

/* 제목 */
div.articles div.membership-complete div.subject strong
{
    display: block;
    font-size: 19px;
    font-weight: bold;
    max-width: 500px;
    height: 25px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}

div.articles div.membership-complete div.title
{
    margin: 60px 0 0 0;
    padding: 0 0 20px 0;
}

div.articles div.membership-complete div.title h3.title
{
    font-size: 18px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    letter-spacing: -1px;
}

div.articles div.membership-complete div.title h3.title strong
{
    color: #FE0000;
}

div.articles div.membership-complete div.summary
{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    text-align: left;
}

div.articles div.membership-complete div.summary p.summary
{
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 5px 0 10px 0;
    line-height: 24px;
}

/* 처리명령 */
div.articles div.membership-complete div.command
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}
/*******************************************************************************************/
/* 스킨타입#1 회원가입완료 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/*  스킨타입#1 회원정보수정 비밀번호 입력 설정 시작
/*******************************************************************************************/


div.articles div.password-login-wrap
{
    position: relative;
    top: 0;
    left: 0;

    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    
    max-width: 500px;
}

div.articles div.password-login-wrap form#password-login-form
{
    position: relative;
    top: 0;
    left: 0;

    margin: 50px auto 0 auto;
    padding: 30px 30px 30px 30px;

    max-width: 500px;
    min-height: 230px;

    border: 1px solid #DDD;
    background: #FFF;
}

div.articles div.password-login-wrap form#password-login-form fieldset
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

div.articles div.password-login-wrap form#password-login-form fieldset legend
{
    display: none;
}

/* 제목 */
div.articles div.password-login-wrap form#password-login-form fieldset div.subject strong
{
    display: block;
    font-size: 19px;
    font-weight: bold;
    width: 100%;
    height: 25px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}

div.articles div.password-login-wrap form#password-login-form fieldset div.row-input-head
{
    position: relative;
}

div.articles div.password-login-wrap form#password-login-form fieldset div.row-input-head span.subject
{
    display: block;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    height: 40px;
    line-height: 38px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    vertical-align: middle;
}

div.articles div.password-login-wrap form#password-login-form fieldset div.row-input-head span.error
{
    position: absolute;
    top: 18px;
    right: 0;
    color: red;
    font-size: 12px;
    font-weight: bold;
}

/* 비밀번호 */
div.articles div.password-login-wrap form#password-login-form fieldset div.row-input-password
{
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    /*border: 1px solid #111111;*/
}

div.articles div.password-login-wrap form#password-login-form fieldset div.row-input-password input#password
{
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;

    width: 60%;
    height: 36px;

    font-size: 13px;
    /*border: none;*/
}


div.articles div.password-login-wrap form#password-login-form fieldset div span.subject
{
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    width: 80px;
    height: 40px;
    line-height: 38px;
    margin: 0 0 0 0;
    padding: 0 0 0 12px;
    vertical-align: middle;
}

/* 회원가입 버튼 */
div.articles div.password-login-wrap form#password-login-form div.command
{
    position: relative;

    margin: 20px 0 0 0;
    padding: 0 0 0 0;

    text-align: center;
}

/* 입력오류 메세지 */
div.articles div.password-login-wrap form#password-login-form div.input-error-wrap 
{
    margin: 10px 0 0 0;
    padding: 20px 0 40px 0;
}

div.articles div.password-login-wrap form#password-login-form div.input-error-wrap h3.head-input-error
{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 5px 0 10px 60px;
    letter-spacing: -1px;
    background: url(/images/board/error/bg_01.jpg) 0 0 no-repeat;
}

div.articles div.password-login-wrap form#password-login-form div.input-error-wrap ul.input-error
{
    margin: 0 0 0 0;
    padding: 10px 0 0 25px;
    list-style-type: none;
}

div.articles div.password-login-wrap form#password-login-form div.input-error-wrap ul.input-error li
{
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 0 0 3px 10px;
    background: url(/images/board/error/icon_red.gif) 0 8px no-repeat;
}

div.articles div.password-login-wrap form#password-login-form div.input-error-wrap ul.input-error li em
{
    color: #FE0000;
    font-weight: bold;
    font-style: normal;
}

/*******************************************************************************************/
/* 스킨타입#1 회원정보수정 비밀번호 입력 설정 종료
/*******************************************************************************************/

/*******************************************************************************************/
/* 스킨타입#1 회원정보수정 설정 시작
/*******************************************************************************************/
div.articles div.modify-step-process
{
    position: relative;
    top: 0;
    left: 0;

    height: 320px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
    background: url(/images/contents/mypage/bg_contents_mypage.jpg) 0 0 no-repeat;
}

div.articles div.modify-step-process ul.step
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 284px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
    list-style-type: none;
}

div.articles div.modify-step-process ul.step li.subject
{
    float: left;
    width: 142px;
    margin: 0 0 0 0;
    padding: 110px 0 20px 0;
    text-align: center;
}

div.articles div.modify-step-process ul.step li.subject span.step
{
    font-size: 12px;
}

div.articles div.modify-step-process ul.step li.subject span.step,
div.articles div.modify-step-process ul.step li.subject strong.subject
{
    width: 90px;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 2px 0;
    text-align: center;
}

div.articles div.modify-step-process ul.step li.selector span.step,
div.articles div.modify-step-process ul.step li.selector strong.subject
{
    color: #E92121;
    font-weight: bold;
}

/* 정보입력 */
div.articles div.modify-step-process ul.step li.step01
{
    background: url(/images/contents/support/join/bg_step02_off.jpg) top center no-repeat;
}

div.articles div.modify-step-process ul.step li.step01_selector
{
    background: url(/images/contents/support/join/bg_step02_on.jpg) top center no-repeat;
}

/* 가입완료 */
div.articles div.modify-step-process ul.step li.step02
{
    background: url(/images/contents/support/join/bg_step03_off.jpg) top center no-repeat;
}

div.articles div.modify-step-process ul.step li.step02_selector
{
    background: url(/images/contents/support/join/bg_step03_on.jpg) top center no-repeat;
}


/* 회원탈퇴 버튼 */
div.articles div.join-wrap form#join-input-form div.withdraw
{
    clear: both;
    position: relative;

    margin: 20px 0 0 0;
    padding: 10px 0 5px 0;

    text-align: center;

    color: #444;
    border-top: 1px solid #444;
}

div.articles div.join-wrap form#join-input-form div.withdraw span.withdraw_notice
{
    color: #666;
}

div.articles div.join-wrap form#join-input-form div.withdraw span.withdraw a span.btn_withdraw
{
    color: #242424;
    font-weight: bold;
    text-decoration: underline;
}

 
/* SNS 계정 연동관리 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper
{
    float: left;
    margin: 30px 0 0 0;
    padding: 0 0 0 0;
    border-top: 1px solid #444;
}

/* 제목 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div.subject
{
    float: left;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    width: 100%;
    text-align: center;
}

div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div.subject strong.subject
{
    font-size: 18px;
}

/* NAVERㆍKAKAOㆍFACEBOOKㆍGOOGLE 연결 정보 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#naver_wrapper,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#kakao_wrapper,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#facebook_wrapper,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#google_wrapper
{
    float: left;
    margin:  0 0 0 0;
    padding: 10px 0 10px 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

/* SNS 구분 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#naver_wrapper div.type,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#kakao_wrapper div.type,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#facebook_wrapper div.type,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#google_wrapper div.type
{
    float: left;
    margin:  0 0 0 0;
    padding: 0 0 0 0;
    width: 25%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

/* SNS 연동정보 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#naver_wrapper div.info,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#kakao_wrapper div.info,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#facebook_wrapper div.info,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#google_wrapper div.info
{
    float: left;
    margin:  0 0 0 0;
    padding: 0 0 0 0;
    width: 55%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
}

/* SNS 연결 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#naver_wrapper div.sns-command,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#kakao_wrapper div.sns-command,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#facebook_wrapper div.sns-command,
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#google_wrapper div.sns-command
{
    float: left;
    margin:  0 0 0 0;
    padding: 0 0 0 0;
    width: 20%;
    text-align: center;
}


/* NAVER 연결 정보 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#naver_wrapper
{
    border-top: 1px solid #444;
}

/* NAVER 구분 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#naver_wrapper div.type
{
    color: #1EC800;
}

/* KAKAO 구분 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#kakao_wrapper div.type
{
    color: #FFCD00;
}

/* FACEBOOK 구분 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#facebook_wrapper div.type
{
    color: #4267B2;
}

/* GOOGLE 연결 정보 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#google_wrapper
{
    border-bottom: none;
}
/* GOOGLE 구분 */
div.articles div.join-wrap form#join-input-form div.sns_login_wrapper div#google_wrapper div.type
{
    color: #D34B2D;
}


/* 회원정보 수정 버튼 */
div.articles div.join-wrap form#join-input-form div.modify-command
{
    clear: both;
    position: relative;

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

    text-align: center;
}

/*******************************************************************************************/
/* 스킨타입#1 회원정보수정 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/*  스킨타입#1 회원탈퇴 설정 시작
/*******************************************************************************************/


/* 회원탈퇴 */
div.articles form#withdraw-input-form
{
    position: relative;
    top: 0;
    left: 0;

    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    max-width: 500px;
}

div.articles form#withdraw-input-form div.input-controls
{
    position: relative;
    top: 0;
    left: 0;
    
    margin: 50px auto 0 auto;
    padding: 30px 30px 30px 30px;

    max-width: 500px;
    min-height: 330px;

    border: 1px solid #DDD;
    background: #FFF;
}

/* 입력항목 제목 */
div.articles form#withdraw-input-form div.input-controls div.subject
{
    display: block;
    font-size: 19px;
    font-weight: bold;
    width: 100%;
    height: 25px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}

/* 입력항목 안내문구 */
div.articles form#withdraw-input-form div.input-controls div.subject span.summary
{
    display: none;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    background: url(/images/board/icon_line.gif) 0 4px no-repeat;
}

div.articles form#withdraw-input-form div.input-controls div.input-control
{
    position: relative;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
}

div.articles form#withdraw-input-form div.input-controls div.input-control div.sub-title
{
    display: block;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    height: 40px;
    line-height: 38px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    vertical-align: middle;
}

div.articles form#withdraw-input-form div.input-controls div.input-control div.content
{
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    border: 1px solid #111111;
}

/* 탈퇴안내 내용 */
div.articles form#withdraw-input-form div.input-controls div.input-control div.content div.withdraw_content
{
    width: 90%;
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
    line-height: 20px;
    text-align: left; 
}

div.articles form#withdraw-input-form div.input-controls div.input-control div.content div.withdraw_content div.items
{
    margin: 0 0 30px 0;
}

div.articles form#withdraw-input-form div.input-controls div.input-control div.content div.withdraw_content div.items span.subject
{
    display: block;
    font-weight: bold;
    margin: 5px 0 5px 0;
    padding: 0 0 0 15px;
    background: url(/images/board/icon_required.gif) 0 5px no-repeat;
}

/* 탈퇴 사용자 아이디 */
div.articles form#withdraw-input-form div.input-controls div.input-control div.content div.withdraw_content div.items span.subject span.user_id
{
    font-weight: bold;
    color: #242424;
}

div.articles form#withdraw-input-form div.input-controls div.input-control div.content div.withdraw_content div.items span.content
{
    display: block;
    margin: 5px 0 5px 0;
    padding: 0 0 0 15px;
}

div.articles form#withdraw-input-form div.input-controls div.input-control div.content div.withdraw_content div.items span.content em
{
    color: #FE0000;
    font-weight: bold;
    font-style: normal;
}

/* 탈퇴 동의 */
div.articles form#withdraw-input-form div.input-controls div.input-control div.accept
{
    margin: 5px auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
    background: #fff;
}


div.articles form#withdraw-input-form div.input-controls div#provision-info div.accept
{
    top: 23px;
}

/* 전체동의 */
div.articles form#withdraw-input-form div.input-controls div.agreement
{
    clear: both;
    display: block;
    width: 100%;
    margin: 10px auto 10px auto;
    padding: 0 0 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background: #fff;
}

div.articles form#withdraw-input-form div.input-controls div.agreement span.all_agreement
{
    width: 100%;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}

div.articles form#withdraw-input-form div.input-controls div.agreement span.all_agreement span.all_agreement_box
{
    display: inline-block;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0;
    width: 3%;
    vertical-align: middle;
}


div.articles form#withdraw-input-form div.input-controls div.agreement span.all_agreement span.all_agreement_content
{
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 95%;
    height: 35px;
    line-height: 35px;
    text-align: left;
    vertical-align: middle;
}


/* 처리명령 */
div.articles form#withdraw-input-form div.command
{
    clear: both;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    text-align: center;
}


/* 입력오류 메세지 */
div.articles form#withdraw-input-form div.input-error-wrap 
{
    margin: 10px 0 0 0;
    padding: 20px 0 40px 0;
}

div.articles form#withdraw-input-form div.input-error-wrap h3.head-input-error
{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 5px 0 10px 60px;
    letter-spacing: -1px;
    background: url(/images/board/error/bg_01.jpg) 0 0 no-repeat;
}

div.articles form#withdraw-input-form div.input-error-wrap ul.input-error
{
    margin: 0 0 0 0;
    padding: 10px 0 0 25px;
    list-style-type: none;
}

div.articles form#withdraw-input-form div.input-error-wrap ul.input-error li
{
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 0 0 3px 10px;
    background: url(/images/board/error/icon_red.gif) 0 8px no-repeat;
}

div.articles form#withdraw-input-form div.input-error-wrap ul.input-error li em
{
    color: #FE0000;
    font-weight: bold;
    font-style: normal;
}

/*******************************************************************************************/
/* 스킨타입#1 회원탈퇴 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 스킨타입#1 회원탈퇴완료 설정 시작
/*******************************************************************************************/
div.articles div.withdraw-complete
{
    margin: 50px auto 0 auto;
    padding: 30px 30px 30px 30px;

    width: 500px;
    min-height: 330px;

    border: 1px solid #DDD;
    background: #FFF;
}

/* 제목 */
div.articles div.withdraw-complete div.subject strong
{
    display: block;
    font-size: 19px;
    font-weight: bold;
    width: 500px;
    height: 25px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}

div.articles div.withdraw-complete div.title
{
    margin: 60px 0 0 0;
    padding: 0 0 20px 0;
}

div.articles div.withdraw-complete div.title h3.title
{
    font-size: 18px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    letter-spacing: -1px;
}

div.articles div.withdraw-complete div.title h3.title strong
{
    color: #FE0000;
}

div.articles div.withdraw-complete div.summary
{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    text-align: left;
}

div.articles div.withdraw-complete div.summary p.summary
{
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 5px 0 10px 0;
    line-height: 24px;
}

/* 처리명령 */
div.articles div.withdraw-complete div.command
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}
/*******************************************************************************************/
/* 스킨타입#1 회원탈퇴완료 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 게시물 목록 하단 고정위치 설정 종료
/*******************************************************************************************/

div.articles div.absolute-command
{
    clear: both;
    position: relative;
    width: 100%;
}

div.articles div.absolute-command div.article-command
{
    /*position: absolute;
    top: 0;
    right: 0;*/
}

/*******************************************************************************************/
/* 게시물 목록 하단 고정위치 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/* 스킨타입#1 이용약관ㆍ개인정보취급방침 설정 시작
/*******************************************************************************************/
div.articles div.membership-terms,
div.articles div.membership-pravicy
{
    margin: 0 auto 0 auto;
    padding: 30px 30px 30px 30px;

    /*width: 100%;*/

    border: 1px solid #DDD;
    background: #FFF;
}

/* 제목 */
div.articles div.membership-terms div.subject strong,
div.articles div.membership-pravicy div.subject strong
{
    display: block;
    font-size: 19px;
    font-weight: bold;
    height: 25px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}


div.articles div.membership-terms div.summary,
div.articles div.membership-pravicy div.summary
{
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    text-align: left;
}

div.articles div.membership-terms div.summary p.summary,
div.articles div.membership-pravicy div.summary p.summary
{
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 5px 0 10px 0;
    line-height: 24px;
}

/*******************************************************************************************/
/* 스킨타입#1 회원가입완료 설정 종료
/*******************************************************************************************/




/*******************************************************************************************/
/*  회원정보수정 비밀번호변경 팝업레이어 설정 시작
/*******************************************************************************************/
div.articles div.password-change-layer
{
    display: none;
    position: fixed; 
    _position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 99999; 
    text-align: center;
}
div.articles div.password-change-layer div.password-change-bg
{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #333; 
    opacity:.5; 
    filter: alpha(opacity=50);
}

div.articles div.password-change-layer div#password-change-content
{
    position: absolute;
    top: 50%; 
    left: 50%;
    border: 2px solid #333;
    background-color: #FFF;
    width: 90%;
    height: 360px;
    margin-top: -180px;
    margin-left: -45%;
    padding: 0 0 0 0;
}

div.articles div.password-change-layer div#password-change-content h3.subject
{
    color: #FFF;
    font-size: 20px;
    margin: 0 0 0 0;
    padding: 17px 10px 17px 10px;
    text-align: left;
    background: #333;
}

/* 이용안내 */
div.articles div.password-change-layer div#password-change-content div.password-change-info
{
    height: 25px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.articles div.password-change-layer div#password-change-content div.password-change-info p.password-change
{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 10px 14px 0 14px;
}

/* 선택항목 */
div.articles div.password-change-layer div#password-change-content div.password-change-items
{
    width: 100%;
    height: 320px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: auto;
}

div.articles div.password-change-layer div#password-change-content div.password-change-items fieldset
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    /*border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 2px solid #ddd;*/
}


div.articles div.password-change-layer div#password-change-content div.password-change-items fieldset legend
{
    display: none;
}

div.articles div.password-change-layer div#password-change-content div.password-change-items fieldset div.row-input-head
{
    position: relative;
}

div.articles div.password-change-layer div#password-change-content div.password-change-items fieldset div.row-input-head span.subject
{
    display: block;
    font-size: 15px;
    font-weight: bold;
    width: 90%;
    height: 40px;
    line-height: 38px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
    vertical-align: middle;
}

div.articles div.password-change-layer div#password-change-content div.password-change-items fieldset div > input {
    width: 90% !important;
}

/* 처리명령 */
div.articles div.password-change-layer div#password-change-content div.command
{
    position: absolute;
    top: 10px;
    right: 10px;

    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
}
/*******************************************************************************************/
/*  회원정보수정 비밀번호변경 설정 종료
/*******************************************************************************************/


/*******************************************************************************************/
/*  회원가입 타입 선택 팝업레이어 설정 시작
/*******************************************************************************************/
div.articles div.join-type-layer
{
    display: none;
    position: fixed; 
    _position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 99999; 
    text-align: center;
}
div.articles div.join-type-layer div.join-type-bg
{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #333; 
    opacity:.5; 
    filter: alpha(opacity=50);
}

div.articles div.join-type-layer div#join-type-content
{
    position: absolute;
    top: 50%; 
    left: 50%;
    border: 2px solid #333;
    background-color: #FFF;
    width: 360px;
    height: 450px;
    margin-top: -225px;
    margin-left: -180px;
    padding: 0 0 0 0;
}

div.articles div.join-type-layer div#join-type-content h3.subject
{
    color: #FFF;
    font-size: 20px;
    margin: 0 0 0 0;
    padding: 17px 10px 17px 10px;
    text-align: left;
    background: #333;
}

/* 이용안내 */
div.articles div.join-type-layer div#join-type-content div.join-type-info
{
    height: 25px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

div.articles div.join-type-layer div#join-type-content div.join-type-info p.join-type
{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 10px 14px 0 14px;
}

/* 선택항목 */
div.articles div.join-type-layer div#join-type-content div.join-type-items
{
    width: 100%;
    height: 380px;
    margin: 0 0 0 0;
    padding: 10px 30px 0 30px;
    overflow: auto;
}

div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
    /*border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 2px solid #ddd;*/
}


div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset legend
{
    display: none;
}

div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-head
{
    position: relative;
}

div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-head span.subject
{
    display: block;
    font-size: 15px;
    font-weight: bold;
    width: 90%;
    height: 40px;
    line-height: 38px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
    vertical-align: middle;
}

div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-join a,
div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-sns-join div#sns_join_wrapper > div#naver_join_wrapper a,
div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-sns-join div#sns_join_wrapper > div#kakao_join_wrapper a,
div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-sns-join div#sns_join_wrapper > div#facebook_join_wrapper a,
div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-sns-join div#sns_join_wrapper > div#google_join_wrapper a
{
    display: block;
    text-decoration: none;
}

div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-sns-join div#sns_join_wrapper > div#kakao_join_wrapper a,
div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-sns-join div#sns_join_wrapper > div#facebook_join_wrapper a,
div.articles div.join-type-layer div#join-type-content div.join-type-items fieldset div.row-input-sns-join div#sns_join_wrapper > div#google_join_wrapper a
{
    margin: 10px 0 0 0 !important;
}


/* 처리명령 */
div.articles div.join-type-layer div#join-type-content div.command
{
    position: absolute;
    top: 10px;
    right: 10px;

    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
}
/*******************************************************************************************/
/*  회원가입 타입 선택 설정 종료
/*******************************************************************************************/