/* 게시판 공통 버튼 */
a.ccBtn 			{ display: inline-block; background: text-indent: -50000px; overflow: hidden; }
	a.cbWrite 		{ width: 70px; height: 26px; background-position: left -114px; }
.titbar a.cbWrite 	{ position: absolute; top: 5px; right: 10px; }
.disp 			{ font-size: 12px; line-height: 1.5em; color:#888888; margin-top: 5px; margin-left: 10px;margin-right: 10px;text-align: left;}
.disp div{display: inline-block;margin-right:5px;padding-left:0px;vertical-align: middle;}

/* 게시판 목록 */
.cc_list			{ clear: both; }
.cc_list .det			{ margin-top: 5px; }
.cc_list li			{ border-bottom: 1px solid #d0d0d0; }/*
.cc_list li a		{ display: block; width: 100%; height: 100%; min-height: 50px; _height: 70px;  }*/
.cc_list li a 		{ display: block; overflow: hidden; min-height: 40px; _height: 60px; }
.cc_list li .tline		{ height: 20px; }
.cc_list li .tline a		{ display: inline-block; }
.cc_list li p		{ margin-left: 10px; margin-right: 10px; }
.cc_list li p.mnm			{ font-size: 12px; line-height: 1.5em; color:#888888; margin-top: 5px;margin-bottom: 5px; margin-left: 10px;margin-right: 10px;text-align: left; }
.cc_list li p.tphoto 		{ float: left; margin-left: 0; }
.cc_list li p.tphoto img 	{ display: block; width: 95px; height: 70px; }
.cc_list li p.cctit			{ font-size: 14px; line-height: 1.2em; padding-right: 40px; margin-top: 5px;margin-bottom: 5px; white-space: nowrap; overflow: hidden; }
.cc_list li p.cctit span.ct	{ display: inline-block; float: left; max-width: 100%; min-width: 0%; white-space: nowrap; word-break: break-all; text-overflow : ellipsis; color: #000000; overflow: hidden; }
.cc_list li p.cctit strong	{ position: absolute; padding-left: 5px; color:#656565; }
.cc_list_ut 				{ margin-top: 20px; }

/* 웹사이트 목록 */
.web_list			{ clear: both; }
.web_list .det			{ margin-top: 5px; }
.web_list li			{ border-bottom: 1px solid #d0d0d0; }/*
.web_list li a		{ display: block; width: 100%; height: 100%; min-height: 50px; _height: 70px;  }*/
.web_list li a 		{ display: block; overflow: hidden; }
.web_list li .tline		{ height: 20px; }
.web_list li .tline a		{ display: inline-block; }
.web_list li p		{ margin-left: 10px; margin-right: 10px; }
.web_list li p.mnm			{ font-size: 12px; line-height: 1.5em; color:#888888; margin-top: 5px;margin-bottom: 5px; margin-left: 10px;margin-right: 10px;text-align: left; }
.web_list li p.tphoto 		{ float: left; margin-left: 0; }
.web_list li p.tphoto img 	{ display: block; width: 95px; height: 70px; }
.web_list li p.cctit			{ font-size: 14px; line-height: 1.2em; padding-right: 40px; margin-top: 5px;margin-bottom: 5px; white-space: nowrap; overflow: hidden; }
.web_list li p.cctit span.ct	{ display: inline-block; float: left; max-width: 100%; min-width: 0%; white-space: nowrap; word-break: break-all; text-overflow : ellipsis; color: #000000; overflow: hidden; }
.web_list li p.cctit strong	{ position: absolute; padding-left: 5px; color:#656565; }
.web_list_ut 				{ margin-top: 20px; }

/* 유통점 목록 */
.nona_list			{ clear: both; }
.nona_list li			{ border-bottom: 1px solid #d0d0d0; }/*
.nona_list li		{ display: block; width: 100%; height: 100%; min-height: 50px; _height: 70px;  }*/
.nona_list li 		{ display: block; overflow: hidden; min-height: 50px; _height: 70px; }
.nona_list li p		{ margin-left: 10px; margin-right: 10px; }
.nona_list li p.cctit			{ font-size: 14px; line-height: 1.2em; padding-right: 40px; margin: 8px 0 3px 10px; white-space: nowrap; overflow: hidden; }
.nona_list li p.cctit span.ct	{ display: inline-block; float: left; max-width: 100%; min-width: 0%; white-space: nowrap; word-break: break-all; text-overflow : ellipsis; color: #000000; overflow: hidden; }

/* 핫이슈 */
.hotissue			{  position: relative; width: 320px; padding: 15px 0; margin: 0 auto; }
.hotissue span	{ display: block; height: 80px; }
.hotissue span.hot	{ width: 80px; margin: 0 auto; }
.hotissue span.go	{ width: 47.5px; height: 80px; position: absolute; }
.hotissue span.go a	 { display: block; width: 47.5px; height: 80px; }
.hotissue span.go b	 { display: block; width: 14px; height: 35px; background: url('/m/inc/img/btn_arr.gif') no-repeat ; text-indent: -50000px; overflow: hidden; }
.hotissue span.go b	 { margin: 22px 8px 0; }
.hotissue span.go.L	 { left:0; top: 15px; }
.hotissue span.go.R	 { right:0; top: 15px;}
.hotissue span.go.L b	 { background-position: left top; float: left; }
.hotissue span.go.R b	 { background-position: left -40px; float: right; }

.hotimg			{ text-align: center; margin: 0 auto; }
.hotimg img	{ width: 225px; height: 80px; }

/* 상세 */
.ccvtit		{ display: inline-block; width: 100%; border-bottom: 1px solid #d0d0d0; padding: 10px 0 10px; }
.ccvtit h2, .ccvtit p	{ margin: 0 10px; }
.ccvtit h2	{ color: #000000; font-size: 14px; line-height: 1.4em; font-weight: bold; }
.ccview .vFunc { padding: 5px 10px 0 0 ; height: 12px; text-align: right; }
.ccview .vFunc a { display: inline-block; height: 19px; padding: 3px 7px 0 7px; }

.varea			{ padding: 10px 10px; line-height: 1.4em; color:#474747; }
.varea	img	{ width: 100%; margin: 7px 0; }

/* 댓글 */
.rIn { padding-right: 85px; }
.rIn textarea { width: 100%; height: 55px; padding-top: 4px; border: 1px solid #d0d0d0; -webkit-border-radius:2px; -webkit-appearance:none; }
.rIn span.limit { display: block; padding-top: 3px; text-align: right; font-size: 11px; color: #888; }
input.rInOk { position: absolute; top: 2px; right: 9px; width: 80px; height: 61px; font-size: 14px; font-weight: bold; cursor: pointer; }

.re_write { position: relative; padding: 2px 10px 10px 10px; }

.re_list			{ margin-top: 5px; }
.re_list .sum		{ display: inline-block; margin-bottom: 2px; }
.re_list .recount	{ float: left; padding-left: 10px; font-size: 12px; line-height: 1.8em;cursor: pointer;}
.re_list ul			{ clear: both; width: 100%; display: inline-block; }
.re_list li			{ clear: both; display: inline-block; width: 100%; border-bottom: 1px solid #d0d0d0; background-color: #f4f4f4;}
.re_list li p.mnm			{ font-size: 12px; line-height: 1.5em; color:#888888; margin-top: 5px;margin-bottom: 5px; margin-left: 10px;margin-right: 10px;text-align: left; }
.re_list li p.cctit	{ margin: 5px 10px 7px; }
.re_list li p.cctit span.ct	{ width: auto; white-space : normal; word-break:break-all; color:#474747; }
.re_list li .rIn 			{ padding: 0 10px 15px 10px; }
.re_list li .rIn textarea 	{ height: 80px; }
.re_list li span.dlt 		{ margin-left: 10px;padding: 1 3 1 1px; border:1px solid #000000; }

.btnccv				{ display: inline-block; width: 100%; border-bottom: 1px solid #d0d0d0; padding: 15px 0 25px 0; text-align: center; }
.btnccv .btnset		{ display: inline-block; margin: 0 auto; overflow: hidden; }
.btnccv a			{  float: left; height: 36px; text-indent: -50000px; overflow: hidden; }
.recdiv				{ display: inline-block; width: 100%; border-bottom: 1px solid #d0d0d0; padding: 15px 0 25px 0; text-align: center; }

.pnccv				{ display: inline-block; width: 100%; padding: 15px 0 15px 0; text-align: center;border-bottom:1px solid #e0e0e0; }
.pnccv .btnset		{ display: inline-block; width: 100%; margin: 0 auto; overflow: hidden; }
.pnccv .btnset .pre_big		{ width:15%;height:23px;margin:0 auto;display:inline-block; }
.pnccv .btnset .pre_small		{ width:14%;height:23px;margin:0 auto;display:inline-block; }
.pnccv .btnset .pre_model		{ width:13%;height:23px;margin:0 auto;display:inline-block; }
.pnccv .btnset .pncenter		{ width:10%;height:23px;margin:0 auto;display:inline-block; }

.btnccv a.ccPrev	{ width: 74px; background-position: left -32px; }
.btnccv a.ccNext	{ width: 75px; background-position: -74px -32px; margin-right: 5px;}
.btnccv a.ccList	{ width: 70px; background-position: left -73px;  margin-right: 5px; }
.btnccv a.ccWrite	{ width: 71px; background-position: -75px -73px; }

.btnccw 			{ padding: 15px 0 25px 0; }

.tWrite .btNon,
.btnccw .btNon 		{ display: inline-block; height: 20px; padding: 4px 14px 0 14px; font-size: 14px; font-weight: bold; }
.btnccw .bcLeft 	{ float: left; padding-left: 10px; }
.btnccw .bcRight 	{ float: right; padding-right: 10px; }

/* 추천(좋아요,싫어요) */
.ccVote 		{ margin-top: 5px; margin-bottom: 10px; text-align: center;border:0px solid #333333; }
.ccVote em 	{ display: inline-block; font-size: 16px; font-weight: bold; color: #e74c00; overflow: hidden;border:0px solid #333333;}
.ccVote a img 		{ display: inline-block;margin-top: -15px; no-repeat; overflow: hidden; vertical-align: middle;border:0px solid #333333;}
.spacing 		{ display: inline-block; padding: 0 20px; }

/* 퍼가기 */
.outSite 	{ padding: 10px 0 25px 0; text-align: center; }
.outSite a 	{ display: inline-block; width: 22px; height: 23px; background: url('/m/inc/img/btn_cc.gif') no-repeat; line-height: 10000px; overflow: hidden; }
.outSite a.twitter 	{ background-position: left -194px; }
.outSite a.cyworld 	{ background-position: -30px -194px; }
.outSite a.me2day 	{ background-position: -60px -194px; }
.outSite a.yozm 	{ background-position: -90px -194px; }
.outSite a.facebook { background-position: -120px -194px; }

/* 글쓰기 */
.tWrite { position: relative; }
.tWrite h3 { width: 100%; margin: 9px 0 0 0 !important; text-align: center; }
.tWrite .bcLeft { position: absolute; top: 5px; left: 10px; }
.tWrite .bcRight { position: absolute; top: 5px; right: 10px; }

/* 컨테이너: flex로 세로 중앙 정렬 */
.ccWrite .iCon {
  position: relative;
  display: flex;
  align-items: center;     /* 세로 중앙 */
  gap: 10px;
  padding: 8px 0px;
  min-height: 40px;        /* 필드 높이 기준 */
  box-sizing: border-box;
}

/* optitle: 왼쪽 고정폭 라벨 (absolute 제거) */
.ccWrite .iCon optitle {
  position: static;        /* 기존 absolute 무효화 */
  transform: none;         /* 기존 transform 무효화 */
  flex: 0 0 75px;          /* 고정폭 */
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  color: #333;
  line-height: 1;          /* flex 중앙정렬에 맡김 */
  pointer-events: none;
}

/* 오른쪽 영역 */
.ccWrite .iCon .cateIn {
  flex: 1 1 auto;          /* 남은 공간 채움 */
  padding: 0;              /* 기존 padding-left 제거 */
  box-sizing: border-box;
}

/* 입력/선택 UI 공통 */
.ccWrite .iCon .cateIn select,
.ccWrite .iCon .cateIn input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  margin: 0;               /* 주변 여백은 부모 padding으로 통일 */
  font-size: 16px;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  background: #fff;
}

/* select 전용: 아이콘 유지 */
.ccWrite .iCon .cateIn select {
  background: #fff url('/m/inc/img/btn_select1.gif') no-repeat right 10px center;
  padding-right: 30px;
}

/* span 텍스트(재고없음/준비중)도 높이/세로중앙 맞춤 */
.ccWrite .iCon .cateIn:not(:has(select)):not(:has(input)) {
  display: block;
  height: 40px;
  line-height: 40px;       /* 텍스트 세로 중앙 */
  font-size: 16px;
  color: #333;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  padding: 0 10px;
  box-sizing: border-box;
}

/* :has() 미지원 브라우저 대비(선택): span에 보조 클래스가 있다면 사용
.ccWrite .iCon .cateIn.is-text {
  display: block;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  border: 1px solid #d0d0d0;
  border-radius: 2px;
  padding: 0 10px;
  box-sizing: border-box;
}
*/


.ccWrite .iPic { padding: 8px 5px 0 0; overflow: hidden; }
.ccWrite .iPic input { float: right; width: 87px; height: 40px; border: 0; background: url('/m/inc/img/btn_cc.gif?update=20110907') no-repeat left -222px; text-indent: 1000em; overflow: hidden; cursor: pointer; }
.ccWrite .iText { padding: 5px 10px 0 10px; }
.ccWrite .iText textarea { width: 100%; height: 120px; padding-top: 4px; border: 1px solid #d0d0d0; -webkit-border-radius:2px; -webkit-appearance:none; }
.ccWrite .iTitle { padding: 5px 10px 0 10px; }
.ccWrite .iTitle input { width: 100%; height: 40px; padding-top: 4px; border: 1px solid #d0d0d0; -webkit-border-radius:2px; -webkit-appearance:none; }
.ccWrite .iPicList { padding: 0 10px 0 10px; }
.ccWrite .iPicList li { border-bottom: 1px solid #d0d0d0; background-color: #fbfbfb; overflow: hidden; }
.ccWrite .iPicList li img { float: left; }
.ccWrite .iPicList li span { float: left; padding: 13px 0 0 10px; }
.ccWrite .iPicList li a { float: right; width: 45px; height: 45px; line-height: 1000px; background: url('/m/inc/img/btn_del_pic.gif') no-repeat 15px 16px; overflow: hidden; }

.reboard		{ padding: 0 10px 0 10px !important; margin-bottom: 2px !important; }
.reboard dl		{ display: block; padding-bottom: 0px; margin-bottom: 0px; overflow: hidden; }
.reboard dt		{ color:#000000; font-weight: bold; height: 20px; overflow: hidden; }
.reboard dd		{ color:#1b1b1b; line-height: 18px; overflow: hidden; }
.reboard dd b	{ float: left; width: 73px;line-height: 25px; vertical-align: top; font-weight: normal; }
.reboard dd i,
.reboard dd em 	{ float: left; padding-left: 7px; background: url('/m/inc/img/bg_page_line.gif') no-repeat left 4px; }
.reboard dd em 	{ color: #000; }
.reboard dd ii { float: left; padding-top: 4px; no-repeat left 4px; }
.reboard dl.option 		{ overflow: hidden; }
.reboard dl.option dd 	{ padding-bottom: 4px; white-space: nowrap; }
.reboard dl.option dd i { width: 73%; line-height: 16px; white-space: normal; }
.reboard dl.notice 		{margin:0;}

div.viewtitle_m					{ position: relative; float: left; width: 100%; margin: 17px 0 10px 0; }
div.viewtitle_m h2				{ font-weight: bold ! important; font-size: 16px; line-height: 18px;margin-left: 10px }
div.viewtitle_m h2.brand		{ color: #333333; margin-bottom: 5px;  }

#container.reviewmodel		{ padding: 10 10px 0 10px !important; margin-bottom: 1px !important; }
.modelrec						{ padding: 5px 5px 5px 5px; background: #f3f3f3; border: 1px solid #e6e6e6; overflow: hidden; }
#.modelrec dt					{ float: left; width:47px; height:40px; overflow:hidden; margin: 5px 7px 5px 5px; text-indent: -1000em; }
.modelrec dd					{ color:#1b1b1b; line-height: 18px; overflow: hidden; }	
.modelrec dd b	{ float: left; padding-left: 7px; width: 50px; vertical-align: top; font-weight: normal; }
.modelrec dd em 	{ float: left; padding-left: 7px; background: url('/m/inc/img/bg_page_line.gif') no-repeat left 4px; }
.modelrec dd em 	{ color: #474747; }