.widthWrap.customer{ width:1000px }

/* Global Navigator */
.globalNavigator{ padding:8px 0; margin:16px 0 0 0; font-size:0; border-bottom:solid 3px #00AEFF }
.globalNavigator > li{ display:inline; font-size:.7rem; color:#505050; list-style:none }
.globalNavigator > li:after{ content:'>'; color:#909090; padding:0 8px }
.globalNavigator > li:last-child{ font-weight:bold }
.globalNavigator > li:last-child:after{ display:none }

/* Sub Menu */
.subMenu{ float:left; width:198px; border-left:solid 1px #00AEFF; border-right:solid 1px #00AEFF; border-bottom:solid 1px #00AEFF }
.subMenu > .title{ padding:25px 0; background-color:#00AEFF; color:#FFF; text-align:center; font-weight:bold; font-family:'KoPubDotum'; font-size:1rem }
.subMenu > ul{ padding:10px; margin:0; overflow:hidden }
.subMenu > ul > li{ padding:3px 0 ; margin:3px 0; list-style:none; color:#505050; font-size:.75rem }

/* Sub Content */
.subContent{ margin-left:220px; margin-bottom:60px }

#tblNoticeList{ width:100% }
#tblNoticeList td{ text-align:center }
#tblNoticeList tr:hover td{ background-color:#F4F4F4 }
#tblNoticeList td a{ vertical-align:middle }

#setCategory{ min-width:160px; height:26px; margin-bottom:4px }
#tblFaqList{ width:100%; text-align:center }
#tblFaqList tbody tr:nth-child(odd):hover > td{ background-color:#F0F9FF; cursor:default }
#tblFaqList tbody tr:nth-child(odd):hover > td > a{ cursor:pointer }
#tblFaqList tbody tr:nth-child(even){ display:none }
#tblFaqList tbody tr:nth-child(even) > td{ padding:20px 50px; background-color:#F9F9F9; text-align:start }

#tblQuestionList{ width:100% }
#tblQuestionList td{ text-align:center }
#tblQuestionList tr:hover td{ background-color:#F4F4F4 }
#tblQuestionList td a{ vertical-align:middle }

#setSubject{ width:480px }

.setRegistForm{ margin-bottom:6px; font-size:.75rem }
.setRegistForm > label{ width:80px }

.boardViewFrame{ padding:15px; margin-top:20px; border:solid 3px #D0D0D0; font-family:Dotum; font-size:.75rem }
.boardViewFrame .viewSubject{ padding-bottom:5px; border-bottom:solid 1px #D0D0D0; font-weight:bold }
.boardViewFrame .viewSubinfo{ padding-top:5px }
.boardViewFrame .viewSubinfo .recordInfo{ color:#606060; float:right }
.boardViewFrame .viewSubinfo .recordInfo > .viewCount{ font-weight:bold }
.boardViewFrame .viewSubinfo .recordInfo > span:after{ content:'|'; padding:0 8px; color:#AAA }
.boardViewFrame .viewSubinfo .recordInfo > span:last-child:after{ display:none }
.boardViewFrame .viewSubinfo .userInfo{ color:#606060; font-weight:bold }
.boardViewFrame .viewAddfile{ padding:5px 0; margin-top:5px; text-align:right }
.boardViewFrame .viewContent{ padding:20px 0 }
.boardViewFrame .viewContent img{ max-width:100% }

.boardAnswerTitle{ margin:0; margin-top:10px; font-size:12px; color:#606060 }
.boardAnswerFrame{ padding:0; margin:0 }
.boardAnswerFrame > li{ padding:20px; margin-top:10px; border:solid 3px #D0D0D0; font-size:12px; list-style:none }
.boardAnswerFrame > li .answerSubject{ padding-bottom:5px; border-bottom:solid 1px #D0D0D0; font-weight:bold }
.boardAnswerFrame > li .answerSubinfo{ padding-top:5px }
.boardAnswerFrame > li .answerSubinfo .answerSaveDate{ color:#606060; float:right ; font-size:.75rem }
.boardAnswerFrame > li .answerSubinfo .answerUserName{ color:#606060; font-weight:bold; font-size:.75rem }
.boardAnswerFrame > li .answerContent{ padding-top:20px }

.findUserForm{ margin:20px 0; padding:20px; border:solid 1px #CCC; font-size:.75rem }
.findUserForm form > div{ width:400px; margin:0 auto 4px auto }
.findUserForm label{ width:80px }
.findUserForm input.disabled{ background-color:#F0F0F0; color:#505050 }
.findUserForm select{ height:24px }
.findUserForm #userName{ width:160px }
.findUserForm #userPhone2{ width:80px }
.findUserForm #userPhone3{ width:80px }
.findUserForm #userMail1{ width:100px }
.findUserForm #userMail2{ width:100px }
.findUserForm #userMailSelect{ width:100px }

.findResultFrame{ display:none; padding:20px; margin-top:20px; border:solid 5px #E9E9E9; border-radius:5px; text-align:center }
.findResultFrame span{ font-weight:bold; color:#039 }

.Message{ font-size:.75rem; color:#666 }

@media (max-width:640px){

.widthWrap.customer{ width:100% }

/* Global Navigator */
.globalNavigator{ float:none; padding:.5rem; margin:0; background-color:#6B768A }
.globalNavigator > li{ font-size:.72rem; color:#FFF }
.globalNavigator > li:after{ color:#DDD; padding:0 .5rem }

.subMenu{ float:none; width:100%; border:0; border-bottom:solid 1px #00AEFF }
.subMenu > ul{ padding:0; margin:0; overflow:hidden }
.subMenu > ul > li{ float:left; width:50%; padding:1rem; margin:0; box-sizing:border-box }

.subContent{ margin:0; margin-bottom:60px }
.subContent .title{ width:100% }
.subContent .title img{ width:100% }

}