.h_mg20t {margin-top:20px;}
.h_mg20b {margin-bottom:20px;}
.h_tr {text-align:right;}
.h_tc {text-align:center;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w100p {width:100%;}

.text,.ipt{border:1px solid #cacaca;height:16px;padding:0 3px;font-family:inherit;vertical-align:middle;height:30px;line-height:30px;font-size:14px;}
#input {border:1px solid #cacaca;height:16px;padding:0 3px;font-family:inherit;vertical-align:middle;}
#input[type="radio"],input[type="checkbox"] {padding:0;margin:0;vertical-align:middle;}
#input[type="file"] {border:0;padding:0;margin:0;height:auto;}
#input.text,input.password {border:1px solid #cacaca;background:#fff;height:36px;line-height:36px;padding:0 5px;box-sizing:border-box;}
#input.file {height:36px;font-size:100%;line-height:110%;}
#input.image,input.radio,input.checkbox {border:0px !important;vertical-align:middle;padding:0px;margin:0px;}
#input.num {text-align:right;border:1px solid #cacaca;height:16px;padding:2px;font-size:100%;line-height:110%;}
#input.readonly {background-color:#f7f7f7;}
#textarea {border:1px solid #cacaca;padding:2px 5px;}
#select.select {border:1px solid #cacaca;height:36px;vertical-align:top;line-height:1;min-width:70px;padding:0 0 0 5px;}
#button	{ border:0; vertical-align:middle;}


/* button */
.h_btn	{ display:inline-block; font-weight:600; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s}
.h_btnL	{ padding:6px 15px; border:1px solid #d2d2d2; line-height:27px}
.h_btnL:hover	{ color:#7e5897}
.h_btnP	{ padding:6px 20px; color:#fff !important; line-height:29px; background:#eb5176}
.h_btnG	{ padding:6px 20px; color:#fff !important; line-height:29px; background:#403f41}
.h_btnLG	{ padding:6px 20px; color:#46495c !important; line-height:29px; background:#d0d2d2}
.h_btnBL	{ padding:6px 20px; color:#fff !important; line-height:29px; background:#3378c1}
.h_win	{ display:inline-block; width:13px; height:13px; margin-left:8px; vertical-align:middle; background:url('./img/ico_win.png') no-repeat 0 0}

/* FAQ 리스트 */
.hFaqList  {border-top:1px solid #46495c;}
.hFaqList li { border-bottom:1px solid #cacaca}
.hFaqList .question_wrap {position:relative; padding:18px 20px 18px 20px; background:url('./img/ico_q.png') no-repeat 20px 18px}
.hFaqList .question_wrap .title {display:block; padding:0 30px 0 36px; color:#555; font-size:16px; text-align:left; line-height:1.5; word-break:break-all; cursor:pointer}
.hFaqList .question_wrap .btnArrow {position:absolute; top:25px; right:20px; min-width:0; width:12px; height:12px; padding:0; border:0 none; background:url('./img/btn_accordion.png') no-repeat; text-indent:-9999em; transition:all 0s ease 0s;}

.hFaqList .answer_wrap {position:relative; display:none; padding:18px 20px 23px 90px; border-top:1px solid #ddd; background:#f8f8f8 url('./img/ico_a.png') no-repeat 55px 18px; word-break:break-all;}
.hFaqList .answer_wrap .answer {padding-bottom:20px; font-size:14px; line-height:1.5; word-break:break-all; }

.hFaqList .on .btnArrow {background-position:0 -12px;}
.hFaqList .on .answer_wrap {display:block;}
.hFaqList .on .answer_wrap .answer img {max-width:1100px;}

/* 게시판 검색 */
.searchWrap			{ position:relative; width:100%; margin:30px auto 0; zoom:1}
.searchWrap:after	{ content:""; clear:both; display:block}
.searchWrap .searchForm	{ text-align:center}
.searchWrap .searchForm .input	{ width:200px}
.searchWrap .searchForm .select,
.searchWrap .searchForm .input,
.searchWrap .searchForm .h_btn	{ height:34px; font-size:12px; line-height:34px; box-sizing:border-box}
.searchWrap .searchForm .h_btn	{ padding:0 10px; color:#fff; vertical-align:top;}

/* 게시판 */
.hTable					{ width:100%; border-top:2px solid #57585a; text-align:center}
.hTable th,
.hTable td				{ height:36px; padding:6px 0; border-bottom:1px solid #808184; font-size:16px}
.hTable th:nth-of-type(1),
.hTable td:nth-of-type(1){ border-left:0}
.hTable td.title			{ padding-left:20px; text-align:left}
.hTable td.title	a		{ color:#666}
.hTable td.title	a:hover	{ color:#5e2e7d; }
.hTable td.title .ico_privacy	{ display:inline-block; width:28px; height:18px; margin-left:10px; vertical-align:bottom; background:url('./img/ico_privacy.png') no-repeat 0 50%}
.hTable td.title .ico_new	{ display:inline-block; width:28px; height:18px; margin-left:10px; vertical-align:bottom; background:url('./img/ico_new.gif') no-repeat 0 50%}
.hTable td.title .ico_re	{ display:inline-block; width:48px; height:24px; margin:-8px 10px 0 0; vertical-align:bottom; background:url('./img/ico_re.png') no-repeat 0 0}
.hTable td.confirm .btn	{ width:70px}
.hTable td .comp	{ display:inline-block; padding:0 10px; border-radius:5px; color:#fff; font-size:14px; line-height:28px; background:#57585a }
.hTable td .stan	{ display:inline-block; padding:0 10px; border-radius:5px; color:#fff; font-size:14px; line-height:28px; background:#bbbdbf }

.hTable tr.notice td	{ background:#f1f1f2}


/* 글쓰기 */
.hBoardWrite	{ }
.hBoardWrite caption	{ margin-bottom:10px; color:#ea476e; font-size:16px; font-weight:600; text-align:left }
.hBoardWrite th,
.hBoardWrite td	{ padding:6px 20px; text-align:left}
.hBoardWrite td input	{ color:#666}
.hBoardWrite td em	{ display:inline-block; padding:0 10px 0 5px; font-style:normal; line-height:30px;}
.hBoardWrite td textarea	{ width:100%; min-height:200px; border:1px solid #cacaca; box-sizing:border-box; color:#666}
.hBoardWrite td label	{ padding:0 20px 0 5px}


/* 뷰페이지 */
.hBoardView			{ width:100%; border-top:2px solid #46495c;}
.hBoardView .title	{ padding:20px 20px 15px 20px; color:#333; font-size:24px}
.hBoardView .info	{ padding:0 20px 20px 20px; border-bottom:1px solid #cacaca}
.hBoardView .info span	{ margin-left:20px; padding-left:20px; background:url('/img/bgLine.gif') no-repeat 0 center}
.hBoardView .info span:nth-of-type(1)	{ margin-left:0; padding-left:0; background:none}
.hBoardView .download	{ padding:0 20px; border-bottom:1px solid #46495c}
.hBoardView .download a	{ display:inline-block; padding:20px 40px 20px 32px; background:url('./img/ico_down.png') no-repeat 0 center}
.hBoardView .download a:hover	{ text-decoration:underline}
.hBoardView .rec	{ padding:20px; border-bottom:1px solid #46495c}
.hBoardView .rec span	{ padding-right:40px}

.hBoardView .content	{ padding:50px 20px; border-bottom:1px solid #cacaca; line-height:150%}
.hBoardView .content	img{ max-width:800px;}
.hBoardView .view_list				{ margin:80px 0 0; border-bottom:1px solid #cacaca;}
.hBoardView .view_list li			{ height:52px; border-top:1px solid #cacaca; color:#666; line-height:52px;}
.hBoardView .view_list li:after		{ display:block; clear:both; content:""}
.hBoardView .view_list strong		{ position:relative; display:inline-block; margin-left:20px; padding-left:35px; font-weight:normal; vertical-align:top;}
.hBoardView .view_list a			{ display:inline-block; overflow:hidden; margin-left:35px; color:#666; text-overflow:ellipsis; white-space:nowrap}
.hBoardView .view_list a:hover,
.hBoardView .view_list a:focus		{ color:#7e5897;}
.hBoardView .view_list .date		{ float:right; margin-right:20px; color:#aaa; font-size:13px;}
.hBoardView .view_list .prev strong { background:url(./img/imgPrev.png) no-repeat 0 center;}
.hBoardView .view_list .next strong { background:url(./img/imgNext.png) no-repeat 0 center;}
.hBoardView .view_list .nodata p	{ display:inline-block; overflow:hidden; width:700px; margin-left:35px; color:#999;}
.hBoardView .ico_writer { display:inline-block; padding:0 25px 20px 0 !important; background:url('./img/ico_write.png') no-repeat 0 center !important;vertical-align:middle; }
.hBoardView .ico_date { display:inline-block; padding:0 25px 20px 0 !important; background:url('./img/ico_date.png') no-repeat 0 center !important;vertical-align:middle; }
.hBoardView .ico_readnum { display:inline-block; padding:0 25px 20px 0 !important; background:url('./img/ico_view.png') no-repeat 0 center !important;vertical-align:middle; }

.hBoardCommentWrapper .feedback { margin-top: 20px; }
.hBoardCommentWrapper .fbHeader { border-bottom: 2px solid #6a6a6a; }
.hBoardCommentWrapper .fbHeader h2 { font-weight: normal; font-size: 13px; margin: 0; padding: 0 0 5px 0; }
.hBoardCommentWrapper .fbHeader h2 i { margin-right: 3px; }
.hBoardCommentWrapper .fbHeader h2 em { font-style: normal; }
.hBoardCommentWrapper .fbList, .hBoardCommentWrapper .fbList li { margin: 0; padding: 0; list-style: none; }
.hBoardCommentWrapper .fbList li { border-bottom: 1px solid #dadada; padding: 20px 10px; position: relative; }
.hBoardCommentWrapper .fbList li:after { content: ''; display: block; clear: both; }
.hBoardCommentWrapper .fbList .profileImage { float: left; margin-right: 20px; border-radius: 100px; overflow: hidden; padding: 4px; border: 1px solid #d5d5d5; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); line-height: 80px; text-align: center; }
.hBoardCommentWrapper .fbList .profileImage, .hBoardCommentWrapper .fbList .profileImage img { width: 80px; height: 80px; }
.hBoardCommentWrapper .fbList .profileImage img { border-radius: 100px; display: block; }
.hBoardCommentWrapper .fbContent { margin-left: 120px; margin-top: 5px; text-align:left;}
.hBoardCommentWrapper .fbContent.fullSize { margin-left: 0; }
.hBoardCommentWrapper .fbContent .author, .hBoardCommentWrapper .fbContent .time, .hBoardCommentWrapper .fbContent .action { margin: 0; padding: 0; }
.hBoardCommentWrapper .fbContent .author, .hBoardCommentWrapper .fbContent strong { font-weight: normal; font-size: 13px; }
.hBoardCommentWrapper .fbContent .time { margin-top: 2px; color: #9e9e9e; font-size: 11px; margin-bottom: 8px; }
.hBoardCommentWrapper .fbContent .action { text-align: right; margin-top: 8px; font-size: 12px; position: absolute; right: 10px; top: 20px; }
.hBoardCommentWrapper .fbContent .action a { margin-left: 3px; color: #9e9e9e; }
.hBoardCommentWrapper .fbContent .action a:first-child { margin-left: 0; }
.hBoardCommentWrapper .fbContent .xe_content { font-size: 13px; }
.hBoardCommentWrapper .write_comment { border-radius: 5px; margin-top: 20px; border: 1px solid #dadada; overflow: hidden; }
.hBoardCommentWrapper .write_comment .write_comment_tit { border-bottom: 1px solid #dadada; background: #f1f1f1; margin: 0; padding: 0; font-size: 13px; height: 40px; line-height: 40px; padding: 0 20px; }
.hBoardCommentWrapper .write_comment .write_comment_body { padding: 20px; }
.hBoardCommentWrapper .write_comment .write_comment_body:after { content: ''; display: block; clear: both; }
.hBoardCommentWrapper .write_comment .write_comment_body .write_author { margin-bottom: 10px; }
.hBoardCommentWrapper .write_comment .write_comment_body .write_author .item { margin-left: 15px; }
.hBoardCommentWrapper .write_comment .write_comment_body .write_author .item:first-child { margin-left: 0; }
.hBoardCommentWrapper .write_comment .write_comment_body .write_author .item label { margin-right: 5px; }
.hBoardCommentWrapper .write_comment .write_comment_body .write_author .item input { padding: 0 5px; border: 1px solid #dadada; height: 20px; display: inline-block; line-height: 20px; }
.hBoardCommentWrapper .write_comment .write_comment_body .write_comment_info { padding-bottom:5px; }

.hBoardCommentWrapper .write_comment .write_comment_body .write_comment_edit { border: 1px solid #dadada; }
.hBoardCommentWrapper .write_comment .write_comment_body .write_comment_edit textarea { border: none; width: 95%; display: block; height: 80px; }
.hBoardCommentWrapper .write_comment .write_comment_body .write_comment_btn { margin-top: 5px; }
.hBoardCommentWrapper .write_comment .write_comment_body .write_comment_btn button { cursor: pointer; border-radius: 5px; background: #3f3f3f; color: #fff; width: 100%; display: block; height: 40px; font-size:12px !important; }


/* 갤러리형 리스트 */
.hPhotoList		{ width:100%; padding:0 0 40px 0; zoom:1}
.hPhotoList:after	{ display:block; clear:both; content:""}
.hPhotoList ul	{ position:relative; float:left; width:24%; margin:40px 0 0 0; }
.hPhotoList ul	li {list-style:none;}
.hPhotoList ul:nth-of-type(n + 1)	{ margin-left:1%}
.hPhotoList ul .thumb	{ position:relative; }
.hPhotoList ul .thumb .after	{ float:right}
.hPhotoList ul .thumb .mosaic	{ position:absolute; top:0; left:0; width:100%; height:100%; background:url('./img/bgMosaic.png') no-repeat 0 0}
.hPhotoList ul .title	{ margin-top:15px}
.hPhotoList ul .title a	{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#333; text-align:center; line-height:140%}
.hPhotoList ul .info		{ margin-top:10px;text-align:center;}
.hPhotoList ul .info span	{ margin-left:15px; padding-left:15px; color:#888; font-size:14px; background:url('./img/bgLine.gif') no-repeat 0 center}
.hPhotoList ul .info span:nth-of-type(1)	{ margin-left:0; padding-left:0; background:none}
.hPhotoList .nolist	{ width:100%; text-align:center}

.hPhotoList2		{ width:100%; padding:0 0 40px 0; zoom:1}
.hPhotoList2:after	{ display:block; clear:both; content:""}
.hPhotoList2 ul	{ position:relative; float:left; margin:40px 100px 0 0; }
.hPhotoList2 ul:nth-of-type(3n)	{ margin-right:0}
.hPhotoList2 ul .thumb	{ position:relative; height:250px;}
.hPhotoList2 ul .thumb .after	{ float:right}
.hPhotoList2 ul .title	{ margin-top:15px}
.hPhotoList2 ul .title a	{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#333; text-align:center; line-height:140%}
.hPhotoList2 ul .info		{ margin-top:10px;}
.hPhotoList2 ul .info span	{ margin-left:15px; padding-left:15px; color:#888; font-size:14px; background:url('./img/bgLine.gif') no-repeat 0 center}
.hPhotoList2 ul .info span:nth-of-type(1)	{ margin-left:0; padding-left:0; background:none}
.hPhotoList2 .nolist	{ width:100%; text-align:center}



/* paging */
.hPaging					{ margin-top:30px; text-align:center}
.hPaging a				{ display:inline-block; width:30px; height:30px; margin:0 3px; border:1px solid #ccc; color:#666; line-height:30px; }
.hPaging a:hover,
.hPaging a.on			{ color:#fff; font-weight:bold; border:1px solid #7e5897; background:#7e5897}
.hPaging a.prev			{ margin:0 15px 0 3px}
.hPaging a.next			{ margin:0 3px 0 15px}
.hPaging a.first:hover,
.hPaging a.prev:hover,
.hPaging a.next:hover,
.hPaging a.last:hover	{ color:#7e5897; font-weight:normal; border:1px solid #5e2e7d; background:#fff}