@charset "utf-8";
/*
 * [gmclinic] 그누보드4 시절 모바일 게시판 기준 스타일
 *   원본 www/admin/m/style.css 를 그대로 가져왔고, 앞부분에
 *   최신 그누보드 모바일 크롬(#hd/#gnb/#ft 등)을 감추는 규칙만 더했다.
 *   (원본 모바일 게시판은 WZ Mobile 의 맨몸 레이아웃 안에서 열렸다)
 */

/* ── 최신 그누보드 모바일 크롬 감추기 ── */
#skip_to_container, #hd, #hd_wrapper, #tnb, #gnb, #gnb_all, #gnb_all_bg,
#hd_pop, #aside, #ft, #ft_link, #ft_copy, #container_title,
#visit, #aside_visit, #ol_after, #ol_before, #popular, #poll { display: none !important; }
html, body { min-width: 0 !important; background: #fff !important; }
#wrapper, #container, #container_wr {
    width: auto !important; min-width: 0 !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
}

/* ── 이하 원본 www/admin/m/style.css ── */

/* global properties */
	* {margin: 0; padding: 0;}
	html {}
	header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption  {display: block;}
	time {display: inline;}
	body {margin: 0; padding: 0; color: #464646; background: #fff ; font-size: 80%; line-height: 1.6;}
	body, input, textarea {font-family: Dotum, 'Nanum Gothic', 'Apple SD Gothic Neo', "맑은 고딕", "Malgun Gothic", AppleGothic, "Lucida Grande", Tahoma, Verdana, UnDotum, sans-serif;}
	hr, legend, caption {display: none;}
	fieldset, iframe, img {vertical-align: middle; border: 0 none;}
	caption {overflow: hidden; visibility: hidden; width: 0; height: 0; font-size: 0; text-indent: -9999px; line-height: 0;}
	form {margin: 0;}
	ins, ins * {border-bottom: 1px dotted; text-decoration: none;}
	ins a {text-decoration: underline;}
	del, del * {text-decoration: line-through;}
	pre {overflow: auto;}
	blockquote {padding: 0 1em;}
	div {display: block;}
	dl,
	dt,
	dd,
	ul,
	ol,
	li,
	figure, 
	figcaption {list-style: none;}
	article, aside, footer, header, hgroup, main, nav, section {display: block;}
	fieldset {display: block;-webkit-margin-start: 2px;-webkit-margin-end: 2px;-webkit-padding-before: 0.35em;-webkit-padding-start: 0.75em;-webkit-padding-end: 0.75em;-webkit-padding-after: 0.625em;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;min-width: -webkit-min-content;}

	a, a:link, a:visited, a:hover, a:active, a:focus {text-decoration: none;}
	a:link {color : #464646;}
	a:visited {color : #202020;}
	a:hover {color : #464646;}
	a:active, a:focus {color : #202020;}
	button {border: 0 none; cursor: pointer; margin: 0; overflow: hidden; padding: 0; vertical-align: top;}
	button span {vertical-align: middle; overflow: hidden;}
	small {font-size: 100%;}
	em {font-size: 100%; font-style:normal;}
	i {font-style: normal;}
	.clearfix:after {content:".";display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block;}
	.gheight {height:6px;content:".";display:block;clear:both;}

	.wzicon { background: url(./img/shareimages.png?13111502) no-repeat;display: inline-block;font-size: 0;line-height: 0;text-indent: -9999px;}
	.wzicon.historyback {vertical-align:middle; display:inline-block; width: 28px; height: 35px; line-height:35px; background-position: -131px -6px;cursor:pointer;}
	.wzicon.category {vertical-align:middle; display:inline-block; width: 28px; height: 35px; line-height:35px; background-position: -54px -6px;cursor:pointer;}
	.wzicon.search {vertical-align:middle; display:inline-block; width: 28px; height: 35px; line-height:35px; background-position: -167px -6px;cursor:pointer;}
	.wzicon.home {vertical-align:middle; display:inline-block; width: 28px; height: 35px; line-height:35px; background-position: -97px -6px;cursor:pointer;}
	span.thumbframe {position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	span.vbar {padding: 0 2px;color:#dddddd;font-size:10px;}
	div.oneline {clear: both;margin: 1px auto;border-top: 1px solid #ddd;}
	span.textheader {color: #ffffff;font-family: '돋움',Dotum,Verdana,applegothic;font-size: 11px;letter-spacing: -1px;display: inline-block;padding: 1px 3px; border-radius: 2px;border: 1px solid #fd6418; background-color:#fa762e;line-height: 11px; height: 11px; text-align: center;}


/* Layout */
	body {background-color:#fff; padding:10px; overflow: hidden;}
	#wrap{width:100%;margin:0 auto;overflow:hidden;}
	#header{width:100%}
	#containwrap{padding:0 6px}
	#container{width:100%;margin:0 auto;}
	#container:after{display:block;clear:both;content:'';}
	#footer{width:100%;margin-top:10px;padding: 9px 0 22px;border-top: 1px solid #2d3036;background-color: #353840;font-size: 12px;text-align: center;}

/* Header */
	#header.d_head {overflow: hidden;position: relative;z-index: 10;width: 100%;border-top: 1px solid #65686e;border-bottom: 1px solid #2e313b;background-color: #3d414d;background-image: -webkit-gradient(linear,left top,left bottom,from(#4c5160),to(#3e4451));	background-image: -moz-linear-gradient(top,#4c5160,#3e4451);background-image: -o-linear-gradient(top,#4c5160,#3e4451);background-image: linear-gradient(to bottom,#4c5160,#3e4451);}
	#header.d_head .hpos {text-align:center;}
	#header.d_head .hpos.left {position: absolute;top: 0;left: 0;padding-left:10px;}
	#header.d_head .hpos.right {position: absolute;top: 0;right: 0;padding-right:10px;}
	#header.d_head h3 a {padding:8px;display:inline-block;font-weight: bold;letter-spacing: -1px;color: #fff;-webkit-text-shadow: 0 1px 0 #2b2d36;text-shadow: 0 1px 0 #2b2d36;}

/* etc */
	.header {font-weight:bold;font-family: '돋움',Dotum,Verdana,applegothic;font-size: 11px;letter-spacing: -1px;}
	.header .red {color:red}


/*********************************************
* 탭메뉴 : 2014-04-28
*********************************************/
.tab_menu2{overflow:hidden;width:100%;background:url("./img/bg_tab.gif") repeat-x 0 100%}
/*.tab_menu2 li{_display:inline;float:left;margin-right:3px;border-left:1px solid #bfc2c4;border-top:1px solid #bfc2c4;border-right:1px solid #bfc2c4;color:#333;background-color:#efefef;}*/
.tab_menu2 li{_display:inline;float:left;margin-right:3px;border:1px solid #bfc2c4;color:#333;background-color:#efefef;}
.tab_menu2 li a{display:block;_float:left;padding:8px 19px 8px 19px;color:#666;text-decoration:none;font-family: '돋움',Dotum,Verdana,applegothic;font-size: 11px;letter-spacing: -1px;}
.tab_menu2 li a:hover{background:#fff;color:#333}
.tab_menu2 li.active{border-bottom:1px solid #fff;background:#fff}
.tab_menu2 li.active a{color:#333;font-weight:normal;}

/*********************************************
* 버튼 : 2013-10-18
*********************************************/	
.wz_btn_sml_gray {display: inline-block;margin: 0 2px;padding: 0 7px;border: 1px solid #26292e;border-radius: 3px;background: #3d4049;line-height: 13px;color: #c3c3c3 !important;font-family: '돋움',Dotum,Verdana,applegothic;line-height: 1.5;font-size:11px;letter-spacing: -1px;}
.wz_btn_mid_gray {display: inline-block;margin: 0 2px;padding: 0 7px;border: 1px solid #26292e;border-radius: 3px;background: #3d4049;line-height: 25px;color: #c3c3c3 !important;}	
.wz_btn_sml {display: inline-block;margin: 0 2px;padding: 0 7px;border: 1px solid #d0d0d0;border-radius: 1px;background: #fbfbfb;line-height: 18px;color: #333 !important;font-size:11px;letter-spacing: -1px;}
.wz_btn_mid {display: inline-block;padding: 0 5px;border: 1px solid #d0d0d0;border-radius: 1px;background: #fbfbfb;font-family: '돋움',Dotum,Verdana,applegothic;line-height: 1.5; font-size: 11px; letter-spacing: -1px; cursor:pointer;color: #333;line-height: 21px; height: 21px;text-align: center;vertical-align: middle;-webkit-box-shadow: inset 1px 1px #fff,inset -1px -1px #f7f7f7,0 1px rgba(0,0,0,0.03);}
.wz_btn_big {display: inline-block;padding: 5px 8px;border: 1px solid #b3b4bb;border-radius: 3px;background: #fbfbfb;font-family: '돋움',Dotum,Verdana,applegothic;font-size: 12px; font-weight:bold; cursor:pointer;color: #333;text-align: center;vertical-align: middle;-webkit-box-shadow: inset 1px 1px #fff,inset -1px -1px #f7f7f7,0 1px rgba(0,0,0,0.03);}
.wz_btn_wide {margin:0;border:1px solid #bbb;border-radius:3px;background-color:#f1f1f3;background-image:linear-gradient(to bottom,#f7f8f9,#ebebed);
		overflow: hidden;border-top: 1px solid #d6dade;box-shadow: inset 0 1px 0 rgba(255,255,255,1);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);}
.wz_btn_wide .wz_btn_wide_box {border-right:1px solid #c5c5c6;float:left;margin-left:-1px;letter-spacing:-1px;color:#3e4349;}
.wz_btn_wide .wz_btn_wide_box:last-child {display:block;overflow:hidden;float:none;border-right:0 none;}
.wz_btn_wide .wz_btn_wide_box button {width:100%;padding:8px;margin:0;background:none;font-size:.933em;font-weight:bold;text-align:center;}

/*********************************************
* 카테고리 목록 버튼 : 2013-09-30
*********************************************/
.cate-btn {padding:0;overflow: hidden;border: 1px solid #dddee2;text-align: center;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;border-bottom: 1px solid #a8aaab;background-color: #fff;box-shadow: 0 1px 0 gba(164,168,171,0.2);-webkit-box-shadow: 0 1px 0 rgba(164,168,171,0.2);clear: both;background-color:#eee;}
.cate-btn .ctitle {display: block;padding: 10px 8px;font-size: 1.000em;background-color: #fff;color:#666;text-shadow: 1px 1px 0 #FFF;vertical-align:middle;border-bottom: 1px solid #dddee2;}
.cate-btn li {position: relative;float: left;width: 33%;border-right: 1px solid #dddee2;border-bottom: 1px solid #dddee2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cate-btn li:nth-child(3n) {overflow: hidden;float: none;width: auto;border-right: 0 none;}
.cate-btn li:nth-child(-n+3) { border-top: 0 none; }
.cate-btn .link_menu {display: block;font-size: 1.000em;padding: 10px 6px;background-color: #fbfbfb;background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f4f4f4));background-image: -moz-linear-gradient(top,#fff,#f4f4f4);background-image: -o-linear-gradient(top,#fff,#f4f4f4);background-image: linear-gradient(top,#fff,#f4f4f4);color:#666;text-shadow: 1px 1px 0 #FFF;vertical-align:middle;overflow: hidden;white-space:nowrap;text-overflow:ellipsis; }
.cate-btn .link_menu.active {font-weight:bold;background-image: none;background-color:#ffffff;color:#4266b0;}
.cate-btn .arrow {position: absolute;top: 50%;right: 8px;margin-top:-5px;width:6px;height:10px;font-weight: bold;color: #666;text-align: center;letter-spacing: -1px;background-position: -29px 2px;}

/* 하위메뉴 */
.cate-btn .link_menu.sub {text-align:left;padding-left:8px;}

/*********************************************
* 박스 : 2013-10-17
*********************************************/
.stylebox {overflow: hidden;position: relative;margin: 0;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;border-bottom: 1px solid #a8aaab;background-color: #fff;box-shadow: 0 1px 0 rgba(164,168,171,0.2);-webkit-box-shadow: 0 1px 0 rgba(164,168,171,0.2);clear: both;}
.stylebox .tsubject {height: 27px;padding-top: 9px;border-bottom: 1px solid #d4d9dd;border-top: 1px solid #fff;line-height: 1.571em;color: #000;letter-spacing: -1px;text-indent: 12px;text-shadow: 0 1px 0 rgba(255,255,255,1);background-color: #f9fafa;background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f7f8));background-image: -moz-linear-gradient(top,#fff,#f6f7f8);background-image: -o-linear-gradient(top,#fff,#f6f7f8);background-image: linear-gradient(to bottom,#fff,#f6f7f8);}
.stylebox li {position: relative;background: 0;text-indent: 0;border-top: 1px solid #efefef;}
.stylebox li:first-child {border-top: 0 none;}
.stylebox .list {display: block;overflow: hidden;padding: 8px 6px 8px 12px;letter-spacing: -1px;color: #131313;}
.stylebox .list .wsubject {margin-right: 7px;}
.stylebox .list .wsubject.active {font-weight:bold}
.stylebox .list .wname {color: #999;letter-spacing: -1px;display: inline-block;margin-left:0px;}
.stylebox .list .wcontent {margin-right: 7px;display:block;padding-top:4px;}
.stylebox .list .cment {position:absolute;top:0;right:0;height:36px;line-height:36px;margin-right:8px;}
.stylebox li.havecm {padding-right:30px;}
.stylebox .list .cment .cbox {padding:3px 8px;font-weight:bold;	border: 1px solid #ccc;border-radius: 0.2em;-webkit-border-radius: 0.2em;background: #fff;text-shadow: 0 1px 0 #fff;background-image: linear-gradient( #fff,#f1f1f1 );}

.stylebox .bbn {display: block;position: relative;width: 100%;height: 38px;margin-top: -1px;border-top: 1px solid #cacaca;background-color: #f9f9f9;}
.stylebox .bbn .footer_box {display: block;height: 25px;margin-right: 69px;padding: 12px 0 0 3px;border-top: 1px solid #fdfdfd;font-weight: bold;line-height: 1em;color: #424856;background-color: #f9f9f9;text-align: center;clear: both;}
.stylebox .bbn .footer_box .more_down {width: 12px;height: 8px;margin: 3px 0 0 4px;background-position: 0px -12px;}
.stylebox .bbn .gotop {position: absolute;top: 0;right: 0;width: 68px;height: 25px;padding-top: 12px;border-left: 1px solid #ddd;border-top: 1px solid #fdfdfd;font-weight: bold;line-height: 1em;color: #666;background-color: #f9f9f9;text-align: center;letter-spacing: -1px;}
.stylebox .bbn .gotop .more_up {width: 9px;height: 11px;margin: 0 3px 0 0;background-position: 0px 0px;}
.stylebox .gopage {position: absolute;	top: 0;	right: 0;width: 100%;height: 26px;padding-top: 10px;font-weight: bold;letter-spacing: -1px;color: #000;text-align: right;}
.stylebox .gopage .more_page {width: 7px;height: 11px;margin: 3px 11px 0 4px;background-position: -24px 0px;}

/*********************************************
* 작성폼 basic : 2013-10-17
*********************************************/
.commentbox, 
.writebox {overflow: hidden;position: relative;margin: 0;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;border-bottom: 1px solid #a8aaab;background-color: #fff;box-shadow: 0 1px 0 rgba(164,168,171,0.2);-webkit-box-shadow: 0 1px 0 rgba(164,168,171,0.2);margin-bottom: 10px;background-color: #f4f4f4;clear: both;}
.writebox .tips {padding: 10px 15px 10px 15px;}
.writebox .tips p em {color: #5a8daf;}
.writebox .inputbox {padding:0;}
.writebox .inputbox .inputnt {position: relative;height: 30px;margin-top:0;margin-bottom: 5px;padding: 0 5px;border: 1px solid #bcbcbc;background-color: #fff;line-height: 28px;}
.writebox .inputbox .inputnt input[type=text],
.writebox .inputbox .inputnt input[type=password],
.writebox .inputbox .inputnt input[type=file],
.writebox .inputbox .inputnt select,
.writebox .inputbox .inputnt textarea {width: 100%;height: 30px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;background-color:#fff;}
.writebox .inputbox .inputnt select {background-image: url(./img/select_arrow.png);background-position: 100% 50%;background-repeat: no-repeat no-repeat;padding-right:10px;}
.writebox .inputbox .inputarea {margin-bottom: 5px;padding: 0 5px;border: 1px solid #bcbcbc;background-color: #fff;}
.writebox .inputbox .inputarea textarea {width: 100%;height:150px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;}
.writebox .inputbox .submitcols {position: relative;padding-right: 118px;}
.writebox .inputbox .submitcols .common_btn {position: absolute;right: 0;top: 0;width: 113px;border: 1px solid #aaa;box-shadow: 1px 1px 0 #d3d3d3;height: 32px;letter-spacing: -1px;padding: 2px 8px 0;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);}
.writebox .inputbox .checkBox label {margin-right: 10px;padding-left: 5px;font-size: 14px;color: #767676;vertical-align: middle;}
.writebox .btm-btns {position: absolute;bottom: 0;left: 0;width: 100%;border-top: 1px solid #bcbcbc;}
.writebox .btm-btns a {float: left;width: 33%;height: 30px;font-size: 13px;height:30px;line-height: 30px;color: #737373;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;background: -webkit-linear-gradient(top, #fefefe, #eee);background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);}
.writebox .btm-btns a span {display: block;border-left: 1px solid #fff;border-right: 1px solid #bcbcbc;}
.writebox .btm-btns a:last-child {width: 34%;}
.writebox .btm-btns a:last-child span {border-right:none;}
.writebox .btm-btns .lbtns {float: left;text-align: center;}
.writebox .btm-btns button {width: 98%;font-size: 13px;margin:6px 0;padding:8px;color: #737373;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;border-radius: 3px;background: -webkit-linear-gradient(top, #fefefe, #eee);background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);border: 1px solid #aaa;box-shadow: 1px 1px 0 #d3d3d3;}
.writebox .btm-btns .sbmt {font-weight:bold;}

/* 2014-04-24 */
.writebox .inputbox .searchcols {position: relative;padding-left:80px;padding-right: 75px;}
.writebox .inputbox .searchcols .common_sfl {position: absolute;left: 0;top: 0;width: 65px;height:30px;padding:0 5px;border:1px solid #bcbcbc;background-color: #fff;line-height:28px;}
.writebox .inputbox .searchcols .common_sfl select {background-image: url(./img/select_arrow.png);background-position:100% 50%;background-repeat:no-repeat no-repeat;padding-right: 10px;width:100%;height:30px;border:0;-webkit-appearance: none;-webkit-border-radius: 0;background-color:#fff;}
.writebox .inputbox .searchcols .common_btn {position: absolute;right: 0;top: 0;width: 70px;border: 1px solid #aaa;box-shadow: 1px 1px 0 #d3d3d3;height: 32px;letter-spacing: -1px;padding: 2px 8px 0;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);}

/*********************************************
* 로그인 basic : 2013-10-17
*********************************************/
.writebox.havebtn {padding: 10px 0 45px 0;}

/*********************************************
* pageing : 2013-10-17
*********************************************/
.wziconarrow {background: url(./img/image.gif) no-repeat;}
.paging_comm {position:relative;width:134px;height:26px;margin:0 auto;color:#666;text-align:center;line-height:26px;}
.paging_comm .num_page {color:#425de8;font-size:14px}
.paging_comm .txt_bar {color:#c5c5c5}
.paging_comm .btn_page {position:absolute;top:0;width:37px;height:26px;line-height:26px;overflow:hidden;text-indent:-9999px;border:1px solid #b3b4bb;-webkit-border-radius:3px;background-color:#fafafa;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6))}
.paging_comm .btn_prev {left:0}
.paging_comm .btn_next {right:0}
.paging_comm .wziconarrow {display:block;margin:8px auto 0 auto;width:6px;height:9px;overflow:hidden;text-align:center}
.paging_comm .ico_prev {background-position:-40px -10px}
.paging_comm .ico_next {background-position:-50px -10px}
.screen_out {display:block;overflow:hidden;p`osition:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}

/*********************************************
* 게시판 상세 추천/비추천 basic : 2013-10-17
*********************************************/
.board-btn {margin-bottom: 0px;text-align: center;}
.board-btn .btn_recomm {display: inline-block;padding: 1px;border-radius: 3px;text-decoration: none;height: 39px;margin:0 3px;background-color: #bebebe;background-image: -webkit-gradient(linear,left top,left bottom,from(#cbcbcb),to(#b1b1b1));background-image: -moz-linear-gradient(top,#cbcbcb,#b1b1b1);background-image: -o-linear-gradient(top,#cbcbcb,#b1b1b1);background-image: linear-gradient(to bottom,#cbcbcb,#b1b1b1);}
.board-btn .inner {padding: 0 15px;background-color: #fcfcfc;background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fafafa));background-image: -moz-linear-gradient(top,#fff,#fafafa);background-image: -o-linear-gradient(top,#fff,#fafafa);background-image: linear-gradient(to bottom,#fff,#fafafa);display: inline-block;width: 100%;height: 100%;border-radius: 3px;text-align: center;font-weight: bold;color: #de4644;}
.board-btn .ico_comm {display: inline-block;font-size: 0;line-height: 0;text-indent: -9999px;vertical-align: top;}
.board-btn .ico_rebtn {width: 14px;height: 16px;margin-top: 3px;}
.board-btn .btn_recomm .inner { text-align: center; }
.board-btn .btn_recomm .txt_num {font-weight: bold;font-family: helvetica,sans-serif;}
.board-btn .btn_recomm.plus .ico_rebtn {background-position: 0 -23px;}
.board-btn .btn_recomm.minu .ico_rebtn {background-position: -19px -23px;}
.board-btn .btn_recomm.plus .txt_num {color: #de4644;}
.board-btn .btn_recomm.minu .txt_num {color: #5878ad;}

/*********************************************
* 게시판 코멘트 : 2013-10-17
*********************************************/
.commentbox .tabs {width: 100%;border-top: 1px solid #bcbcbc;}
.commentbox .tabs a {float: left;height: 30px;font-size: 13px;line-height: 30px;color: #737373;text-align: center;background-color: #f6f6f6;border-bottom:1px solid #bcbcbc;}
.commentbox .tabs a span {display: block;height:100%;border-left: 1px solid #fff;border-right: 1px solid #bcbcbc;}
.commentbox .tabs a:last-child span {border-right:none;}
.commentbox .tabs a.active {background-color: #ffffff;border-bottom:none;}

.commentbox ul {clear:both;}
.commentbox li {position: relative;background: 0;text-indent: 0;}
.commentbox .list {display: block;overflow: hidden;padding: 8px 6px 8px 12px;letter-spacing: -1px;color: #131313;}
.commentbox .list .wcsubject {margin-right: 7px;}
.commentbox .list .wname {color: #999;letter-spacing: -1px;display: inline-block;margin-left:0px;}
.commentbox .list .cment {position: absolute;top: 0;right: 0;height: 36px;line-height: 36px;margin-right:8px;}
.commentbox .list .wcinfo {display: block;margin-top: 7px;color: #999;letter-spacing: -1px;}
.commentbox .list .cment .cbox {padding:3px 8px;font-weight:bold;border: 1px solid #ccc;border-radius: 0.2em;-webkit-border-radius: 0.2em;background: #fff;text-shadow: 0 1px 0 #fff;background-image: linear-gradient( #fff,#f1f1f1 );}
.commentbox li {border-top: 1px solid #bcbcbc;}
.commentbox li:first-child {border-top:none;}
.commentbox .bbn {display: block;position: relative;width: 100%;height: 38px;margin-top: -1px;border-top: 1px solid #cacaca;background-color: #f9f9f9;}

/* 코멘트 목록 버튼 */
.commentbox .cbtn {position: absolute;bottom: 10px;right: 10px;}
.commentbox .cbtn .btn_recomm {display: inline-block;padding: 1px;border-radius: 3px;text-decoration: none;height: 24px;margin:0 2px;background-color: #bebebe;background-image: -webkit-gradient(linear,left top,left bottom,from(#cbcbcb),to(#b1b1b1));background-image: -moz-linear-gradient(top,#cbcbcb,#b1b1b1);background-image: -o-linear-gradient(top,#cbcbcb,#b1b1b1);background-image: linear-gradient(to bottom,#cbcbcb,#b1b1b1);}
.commentbox .cbtn .inner {padding: 0 15px;background-color: #fcfcfc;background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fafafa));	background-image: -moz-linear-gradient(top,#fff,#fafafa);background-image: -o-linear-gradient(top,#fff,#fafafa);background-image: linear-gradient(to bottom,#fff,#fafafa);display: inline-block;width: 100%;height: 100%;border-radius: 3px;text-align: center;}
.commentbox .cbtn .btn_recomm .txt {font-size: 12px;letter-spacing: -1px;}

/*********************************************
* 검색영역 : 2013-11-26
*********************************************/
.sch .inputbox {padding:0;}
.sch .inputbox .inputnt {height: 26px;padding: 0 5px;border: 1px solid #bcbcbc;background-color: #fff;line-height: 26px;}
.sch .inputbox .inputnt input[type=text],
.sch .inputbox .inputnt input[type=password],
.sch .inputbox .inputnt input[type=file],
.sch .inputbox .inputnt select {width: 100%;height: 26px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;background-color:#fff;}
.sch .inputbox .inputnt select {background-image: url(./img/select_arrow.png);background-position: 100% 50%;background-repeat: no-repeat no-repeat;padding-right:10px;}

/*********************************************
* 쪽지영역 : 2014-04-08
*********************************************/
.memobox {overflow: hidden;position: relative;margin: 0;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;border-bottom: 1px solid #a8aaab;background-color: #fff;box-shadow: 0 1px 0 rgba(164,168,171,0.2);-webkit-box-shadow: 0 1px 0 rgba(164,168,171,0.2);margin-bottom: 10px;background-color: #f4f4f4;clear: both;}
.memobox .tabs {width: 100%;border-top: 1px solid #bcbcbc;}
.memobox .tabs a {float: left;height: 30px;font-size: 13px;line-height: 30px;color: #737373;text-align: center;background-color: #f6f6f6;border-bottom:1px solid #bcbcbc;}
.memobox .tabs a span {display: block;height:100%;border-left: 1px solid #fff;border-right: 1px solid #bcbcbc;}
.memobox .tabs a:last-child span {border-right:none;}
.memobox .tabs a.active {background-color: #ffffff;border-bottom:none;}
.memobox ul {clear:both;}
.memobox li {position: relative;background: 0;text-indent: 0;}
.memobox .datalist {background-color:#fff;display: block;overflow: hidden;padding:0;letter-spacing: -1px;color: #131313;}
.memobox .datalist .wcsubject {margin-right: 7px;}
.memobox .datalist .wname {color: #999;letter-spacing: -1px;display: inline-block;margin-left:0px;}
.memobox .datalist .wcinfo {display: block;margin-top: 7px;font-size: 11px;color: #999;letter-spacing: -1px;}
.memobox .datalist .cment .cbox {padding:3px 8px;font-weight:bold;border: 1px solid #ccc;border-radius: 0.2em;-webkit-border-radius: 0.2em;background: #fff;text-shadow: 0 1px 0 #fff;background-image: linear-gradient( #fff,#f1f1f1 );}

.memobox .datalist li {border-top: 1px solid #bcbcbc;padding: 8px 6px 8px 12px;}
.memobox .datalist li:first-child {border-top:none;}

.memobox .inputbox {clear:both;padding:0;background-color:#fff;}
.memobox .inputbox .inputnt {position: relative;height: 30px;margin-top:0;margin-bottom: 5px;padding: 0 5px;border: 1px solid #bcbcbc;background-color: #fff;line-height: 28px;}
.memobox .inputbox .inputnt input[type=text],
.memobox .inputbox .inputnt input[type=password],
.memobox .inputbox .inputnt input[type=file],
.memobox .inputbox .inputnt select,
.memobox .inputbox .inputnt textarea {width: 100%;height: 30px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;background-color:#fff;}
.memobox .inputbox .inputnt select {background-image: url(./img/select_arrow.png);background-position: 100% 50%;background-repeat: no-repeat no-repeat;padding-right:10px;}
.memobox .inputbox .inputarea {margin-bottom: 5px;padding: 0 5px;border: 1px solid #bcbcbc;background-color: #fff;}
.memobox .inputbox .inputarea textarea {width: 100%;height:150px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;}

/*********************************************
* footer basic : 2013-10-17
*********************************************/
.folinker {display: inline-block;padding: 0;color: #9e9e9e !important;}
.folinker:before {display: inline-block;width: 1px;height: 12px;margin: 0 6px 0 3px;background: #45484d;vertical-align: -2px;content: '';}
.folinker:first-child:before {display: none;}
#sviewer {display:none; position:fixed ; left:0px; top:0px; width:100%; height:100%; margin:0;padding:0;font-size:0px;overflow:hidden;background-image: none; background-color: rgba(0, 0, 0, 0.498039);background-position: initial initial; background-repeat: initial initial;z-index:100; filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;}

/* ── [gmclinic] 최신 그누보드 core mobile.css 와 충돌하는 부분 되돌리기 ──
 *  core 는 * { box-sizing:border-box } 를 건다. 원본 m/style.css 는 content-box 기준으로
 *  래퍼(height+border+padding)와 내부 입력칸(height) 높이를 따로 잡아 두었기 때문에,
 *  border-box 로 바뀌면 내부 요소가 래퍼보다 커져 테두리가 잘려 보인다.
 *  → 게시판 영역만 content-box 로 되돌리고, 원본 값을 그대로 살린다.
 *    (여기서 개별 요소에 다시 border-box 를 걸면 같은 증상이 재발하므로 걸지 않는다)
 */
.writebox, .writebox *,
.commentbox, .commentbox *,
.stylebox, .stylebox *,
.paging_comm, .paging_comm *,
.searchcols, .searchcols *,
#variableFiles, #variableFiles * { box-sizing: content-box; }

/* core 가 input/select/button 에 거는 리셋(테두리·높이·appearance) 무력화 */
.writebox .inputbox .inputnt input,
.writebox .inputbox .inputnt select,
.writebox .inputbox .inputnt textarea,
.searchcols .common_sfl select {
    margin: 0; outline: 0; background-color: #fff; vertical-align: top;
}

/* 첨부파일 입력칸 간격 */
#variableFiles .inputnt { margin-bottom: 5px; }

/* 원본이 의도적으로 border-box 를 쓰던 두 곳은 그대로 되살린다
   (위 blanket content-box 규칙보다 뒤에 와야 한다) */
span.thumbframe { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.cate-btn li    { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* ── [gmclinic] 검색줄 정렬 ──
 *  원본은 .searchcols 에 padding-left:80 / padding-right:75 로 자리를 비워두고
 *  분류(.common_sfl)와 버튼(.common_btn)을 absolute 로 얹는다.
 *  그런데 content-box 기준 실제 폭이 분류 77px, 버튼 88px 이라 버튼이 자리(75px)를
 *  13px 넘겨 검색어 칸을 파고든다. 높이도 분류 32px / 버튼 34px 로 어긋난다.
 *  → 세 요소를 border-box 로 "래퍼와 내부를 함께" 명시해 32px 높이·3px 간격으로 맞춘다.
 *    (래퍼만 border-box 로 바꾸면 내부 select 가 넘쳐 테두리가 잘리므로 반드시 같이 지정)
 */
.writebox .inputbox .searchcols .common_sfl {
    box-sizing: border-box; width: 77px; height: 32px; line-height: 30px; padding: 0 5px;
}
.writebox .inputbox .searchcols .common_sfl select {
    box-sizing: border-box; width: 100%; height: 30px; line-height: 30px; padding: 0 12px 0 0;
}
.writebox .inputbox .searchcols .inputnt {
    box-sizing: border-box; height: 32px; line-height: 30px; margin-bottom: 0;
}
.writebox .inputbox .searchcols .inputnt input {
    box-sizing: border-box; width: 100%; height: 30px; line-height: 30px;
}
.writebox .inputbox .searchcols .common_btn {
    box-sizing: border-box; width: 72px; height: 32px; line-height: 28px; padding: 0;
}

/* ── [gmclinic] 첨부파일 / 자동등록방지 줄 ──
 *  file 입력은 브라우저가 자체 버튼을 그려 30px 한 줄에 안 들어간다(아래가 잘림).
 *  캡차도 이미지+입력+버튼 조합이라 한 줄 래퍼에 넣으면 빈 줄처럼 보인다.
 */
#variableFiles .inputnt { height: auto; min-height: 34px; line-height: normal; padding: 4px 5px; }
#variableFiles .inputnt input[type=file] { height: auto; line-height: normal; width: 100%; }

.gm_captcha_row { margin: 0 0 5px; padding: 0; }
.gm_captcha_row #captcha { display: block; border: 0; padding: 0; margin: 0; }
.gm_captcha_row #captcha legend { position: absolute; width: 1px; height: 1px; overflow: hidden; font-size: 0; line-height: 0; }
.gm_captcha_row #captcha #captcha_img { vertical-align: middle; }
.gm_captcha_row #captcha #captcha_key { box-sizing: border-box; height: 32px; line-height: 30px; width: 90px; margin-left: 5px; border: 1px solid #bcbcbc; padding: 0 5px; vertical-align: middle; }
.gm_captcha_row #captcha button { vertical-align: middle; margin-left: 4px; }
.gm_captcha_row #captcha #captcha_info { display: block; margin-top: 4px; color: #888; font-size: 11px; }

/* ── 비밀번호 확인 화면의 제출 버튼 (검색줄과 같은 원인: 자리 118px 인데 실폭 131px) ── */
.writebox .inputbox .submitcols .common_btn { box-sizing: border-box; width: 113px; height: 32px; line-height: 28px; padding: 0; }
.writebox .inputbox .submitcols .inputnt { box-sizing: border-box; height: 32px; line-height: 30px; margin-bottom: 0; }
.writebox .inputbox .submitcols .inputnt input { box-sizing: border-box; width: 100%; height: 30px; line-height: 30px; }

/* ── [gmclinic] 게시물 이미지 반응형 ──
 *  첨부 이미지는 코어가 width="700" height="624" 처럼 원본 크기 속성을 그대로 붙여 주고,
 *  본문(에디터) 이미지도 width/height 나 인라인 style 을 갖고 있어 좁은 화면에서 잘린다.
 *  가로는 화면에 맞추고 세로는 비율대로 따라오게 한다.
 */
.consection img,
.consection iframe,
.consection video,
#writeContents img,
#writeContents iframe,
#writeContents video {
    max-width: 100% !important;
    height: auto !important;
}

/* 첨부 이미지는 코어가 <a class="view_image"> 로 감싸서 준다 — 그 링크도 폭을 넘지 않게 */
.consection a.view_image { display: inline-block; max-width: 100%; }

/* 본문에 표나 긴 URL 이 들어간 글이 가로로 삐져나가는 경우 */
#writeContents { word-break: break-all; }
#writeContents table { max-width: 100% !important; }

/* ── [gmclinic] 댓글 작성정보 줄의 답변/수정/삭제 링크 ──
 *  삭제는 원래 .cbtn(position:absolute; bottom/right) 버튼이라 댓글이 짧으면 잘렸다.
 *  수정과 같은 줄의 텍스트 링크로 옮기고, 손가락으로 누를 수 있는 최소 여백만 준다.
 */
.commentbox .list .wcinfo a { color: #666; text-decoration: underline; padding: 2px 1px; }
.commentbox .list .wcinfo a:active { color: #000; }