@charset "UTF-8";
@import url(/m/css/reset.css);
@import url(/m/css/fonts.css);
@import url(/m/css/ui.css);


/*  category */
.category-area{margin-bottom:.6rem; color:#333; font-size:1.4rem; line-height:3rem; letter-spacing:-0.065rem;}
.category-area a{padding:0 .5rem;}
.category-area b{color:#1f72b8}


/* 리스트 */
.digital-list{margin-top: 2rem; margin-bottom: 2rem;}
.digital-item{position: relative; padding: 2rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.digital-item .img-column{float: left; position: relative; width: 24.39%; height: 0; padding-top: 32.92%; overflow: hidden; box-sizing: border-box;}
.digital-item .img-column img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #ddd; }
.digital-item .cont-column{float: left; width: calc(100% - 29.26%); margin-left: 4.87%; box-sizing: border-box;}
.digital-item .tit-row{padding: .3rem 0 1.2rem;}
.digital-item .tit-row,
.digital-item .tit-row *{color: #333; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.065em; line-height: 2.2rem;}
.digital-item .opt-row{padding: .2rem 0; font-size: 1.5rem; line-height: 2.1rem;}
.digital-item .opt-row dt{float: left; width: 7.5rem; color: #666; letter-spacing: -0.065em;}
.digital-item .opt-row dd{float: left; width: calc(100% - 7.5rem); color: #333; }
.digital-item .opt-row::after{content: ''; display: block; clear: both;}

/* 인풋  */
.bbs-notice-txt{font-size:1.3rem; color:#666; line-height:1.3; letter-spacing:-0.065em; text-align:right; padding-bottom:2rem;}
.bbs-input-form li{position:relative; overflow:hidden; padding-left:7rem; margin:0.5rem 0;}
.bbs-input-form li.border{border-top:1px solid #eee; padding:0; margin:2rem 0;}
.bbs-input-form li.border:nth-of-type(1){margin-top:0;}
.bbs-input-form li strong{position:absolute; left:0; top:0; display:inline-block; font-size:1.5rem; letter-spacing:-0.065rem; line-height:1.3; margin:1.3rem 0 0;}
.bbs-input-form li select,
.bbs-input-form li input[type="text"],
.bbs-input-form li input[type="password"]{width:100%; height:4rem; line-height:3.8rem; font-size:1.5rem; letter-spacing:-0.065rem; padding-left:1rem; margin:0.3rem 0; color:#000; vertical-align:middle; box-sizing:border-box; border-color:#ccc;}
.bbs-input-form li input:focus{border-color:#000;}
.bbs-input-form li .cmt{display:inline-block; font-size:1.3rem; color:#666; line-height:1.3; letter-spacing:-0.065em;}
.bbs-input-form li input[name="name"]{width:60%;}
.bbs-input-form li input[name="email"]{width:100%; letter-spacing:0;}
.bbs-input-form li input[name="wdate"]{width:60%; letter-spacing:0;}
.bbs-input-form li input[name="count"]{width:60%; letter-spacing:0;}
.bbs-input-form li input[name="passwd"]{width:60%; letter-spacing:0;}
.bbs-input-form li.file input{width:100%; /*height:4rem; line-height:3.8rem;*/ font-size:1.5rem; padding:0.6rem; margin:0.3rem 0; color:#000; vertical-align:middle; box-sizing:border-box; border:1px solid #ddd;}
	/* 제목 */
.bbs-input-form li.subject{margin:2rem 0;}
.bbs-input-form li.subject select{width:auto; max-width:100%;}
.bbs-input-form li.subject input{width:100%;}

	/* 글 */
.bbs-input-form li.user-contents{margin:2rem 0; padding:0;}
.bbs-input-form li.user-contents .chk{margin:0 0 0.5rem;}
.bbs-input-form li.user-contents .chk label{display:inline-block; font-size:1.5rem; line-height:1.5rem; vertical-align:top; margin-left:1.5rem;}
.bbs-input-form li.user-contents .chk label:first-child{margin-left:0;}
.bbs-input-form li.user-contents .chk input[type="checkbox"]{height:1.5rem; vertical-align:top; margin-right:0.5rem;}
.bbs-input-form li.user-contents textarea{width:100%; height:15rem; font-size:1.5rem; line-height:1.6; letter-spacing:-0.065rem; padding:1rem; word-break:break-all; box-sizing:border-box;}
	/* 스팸 */
.bbs-input-form li.spam{padding-left:0; overflow:hidden;}
.bbs-input-form li.spam strong{position:relative; display:block; margin:0 0 0.5rem;}
.bbs-input-form li.spam img{float:left; height:2rem; border-width:1rem 0!important; border-style:solid; border-color:#343df4;}
.bbs-input-form li.spam input{float:left; width:calc(100% - 80px); margin:0;}
.bbs-input-form li.spam .comment{display:none;}

/* 상세 */
.bbs-view-top{line-height:1.5; padding:1.7rem 0 2rem; border-bottom:1px solid #eee;}
.bbs-view-top p{font-size:2.5rem; line-height:1.4; letter-spacing:-0.085rem; font-weight:600;}
.bbs-view-top span{display:block;}
.bbs-view-top .name{font-size:1.7rem; letter-spacing:-0.085rem; margin:1.5rem 0 0;}
.bbs-view-top .name small{letter-spacing:0; font-size:1.3rem; font-weight:normal;}
.bbs-view-top .date{color:#999; font-size:1.3rem; letter-spacing:0;}
.bbs-view-top .file{overflow:hidden; margin:1rem -0.3rem 0 -0.3rem;}
.bbs-view-top .file a{float:left; font-size:1.3rem; color:#888; padding:0.3rem 1rem 0.3rem 2.5rem; margin:0.3rem; line-height:2rem; border-radius:3px; background:url(./image/clip2.png) 1rem 50% no-repeat #f0f0f0; background-size:auto 1rem; word-break:keep-all;}
	/**/
.bbs-view-body{margin:2rem 0; line-height:1.4; font-size:1.5rem; box-sizing:border-box; letter-spacing:-0.045rem;}
.bbs-view-body img{width:auto; max-width:100%;}
.bbs-view-body .wiz_target_resize, .bbs-view-body table{max-width:100% !important;}
.bbs-view-body table{border:0 none;}
.bbs-view-body table th, .bbs-view-tb table td{height:auto; padding:0; border:0 none; background:none;}
	/**/
.bbs-view-related{font-size:1.5rem; letter-spacing:-0.065rem; line-height:1.4; padding:2rem 0; border-width:1px 0; border-style:solid; border-color:#eee;}
.bbs-view-related p{position:relative; padding:0 0 0 6rem; margin:1rem 0 0; height:2.1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.bbs-view-related p:first-child{margin:0;}
.bbs-view-related span{position:absolute; left:0; top:0; color:#999;}
.bbs-view-related small{color:#bbb;}
.bbs-view-related a{}

/* 버튼 */
.bbs-btn{margin:2rem 0 0; overflow:hidden; text-align:center;}
.bbs-btn .left{float:left; text-align:left;}
.bbs-btn .right{float:right; text-align:right;}
.bbs-btn a, .bbs-btn input, .bbs-btn img{display:inline-block; margin:2px; vertical-align:top;}
.bbs-btn a img{margin:0;}
.bbs-btn a:first-child, .bbs-btn input:first-child, .bbs-btn img:first-child{margin-left:0;}
.bbs-btn a:last-child, .bbs-btn input:last-child, .bbs-btn img:last-child{margin-right:0;}

/* 코멘트 리스트 */
.bbs-cmt-item{position:relative; font-size:1.5rem; line-height:1.4; letter-spacing:-0.065rem; padding:2rem 0; margin-top:2rem; border-bottom:1px solid #eee;}
.bbs-cmt-item:before{content:'댓글'; display:block; padding:0 0 1rem; margin:0 0 2rem; font-size:1.7rem; font-weight:600; border-bottom:1px solid #ddd;}
.bbs-cmt-item + .bbs-cmt-item{margin-top:0;}
.bbs-cmt-item + .bbs-cmt-item:before{display:none;}
.bbs-cmt-item span{display:block;}
.bbs-cmt-item .name{font-weight:600;}
.bbs-cmt-item .name small{letter-spacing:0; font-size:1.3rem; color:#999; font-weight:normal;}
.bbs-cmt-item .cmt{margin:0.5rem 0 0; word-break:break-all;}
.bbs-cmt-item .date{font-size:1.3rem; letter-spacing:0; color:#999;}
.bbs-cmt-item .function{position:absolute; right:0; top:7.5rem;}
.bbs-cmt-item + .bbs-cmt-item .function{top:2rem;}


/* 코멘트 폼 */
.bbs-cmt-input{position:relative; font-size:1.5rem; letter-spacing:-0.065rem; border:1px solid #ccc;}
.bbs-cmt-input input[name="name"],
.bbs-cmt-input input[name="passwd"]{float:left; height:3.5rem; line-height:3.5rem; width:50%; letter-spacing:-0.065rem; padding:0 0 0 1rem; border-width:0 0 0 1px; border-style:solid; border-color:#e9e9e9; box-sizing:border-box;}
.bbs-cmt-input input[name="name"]{border-left:0 none;}
.bbs-cmt-input textarea{clear:both; width:100%; height:8rem; line-height:1.4; padding:1rem; letter-spacing:-0.055rem; border-width:1px 0 0; border-style:solid; border-color:#e9e9e9; box-sizing:border-box; vertical-align:top;}
.bbs-cmt-input button{position:absolute; right:-1px; bottom:-1px; width:60px; height:34px; line-height:34px; text-align:center; background:#555; font-size:1.3rem; color:#fff; letter-spacing:-0.065rem;}
.bbs-cmt-input .spam{display:block; height:22px; padding:5px 0.5rem; vertical-align:top; border-top:1px solid #e9e9e9;}
.bbs-cmt-input .spam img{vertical-align:top;}
.bbs-cmt-input .spam input[name="vcode"]{vertical-align:top; height:22px;}
.bbs-cmt-input .spam .comment{display:none; /*font-size:1.3rem; color:#999; line-height:22px;*/}


/*  passwd  */
.bbs-passwd{text-align:center; margin:2rem 0; font-size:1.5rem; line-height:1.4;}
.bbs-passwd span{display: block; font-size:1.5rem; letter-spacing:-0.085rem; line-height:1.4; margin:0 0 1.5rem;}
.bbs-passwd input[type="password"]{width:80%; height:4rem; line-height:3.8rem; border:1px solid #ddd; text-align:center; font-size:1.5rem;}
.bbs-passwd .bbs-pw-btn{margin:0.5rem 0 0; text-align:center;}
.bbs-pw-btn a , .bbs-pw-btn button{display:inline-block; margin:0 2px; border:1px solid #ddd; padding:0 1.5rem; font-size:1.4rem; letter-spacing:-0.065rem; line-height:3.3rem; box-sizing:border-box; vertical-align:middle;}
.bbs-pw-btn .btnA{background:#666; border-color:#666; color:#fff;}