@charset "utf-8";

#sub_content {padding-bottom: 80px;}
@media (max-width: 480px) {
	#sub_content {padding-bottom: 50px;}
}



/* category */
.category{display: inline-block;margin-bottom: 30px;}
.category li {width: calc(780px/6); height: 35px; border: 2px solid #eee; text-align: center; float: left; border-left:0;}
.category li:first-child{ border-left: 1px solid #eee;}
.category li a {width: 100%; height: 100%; display: inline-block; line-height: 29px;}
.category ul li.active {background:#2f5484; border:2px solid #2f5484;}
.category ul li.active a{color:#fff}
.category ul li:hover {border:2px solid #2f5484;}



/* Search */
.boardListTop {margin-bottom:1rem; position: relative;}
.boardListTop:after {content: ''; clear: both; display: block;}
.boardSearch {float: right;}
.boardSearch dt{display:none}
.boardSearch dd {display: inline-block; vertical-align: top;}
.boardSearch dd.search {border: 1px solid #d7d7d7; background: #fff; height: 35px; vertical-align: top; border-radius: 6px;}
.boardSearch dd input {height: 100%; display: inline-block; vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0; margin-left: 0.6rem;}
.boardSearch dd.search input {width:300px; outline: 0;}
.boardSearch dd select {height: 35px; border: 1px solid #d7d7d7; display: inline-block; vertical-align: top; width: 9rem; border-radius: 6px; padding-left: 1rem; background: url(/common/images/arrow-select.png) no-repeat 96% 50%; background-size: 16px !important;}
.boardSearch dd a {display: inline-block; vertical-align: middle; margin-right: 0.4rem;}

/*PC*/
@media (min-width:1025px) and (max-width:1300px){
}
/*tablet*/
@media(min-width:769px) and (max-width:1024px){
}
/*mini tablet and duo*/
@media (max-width:768px){
	.boardListTop {margin-bottom: 0.8rem;}
	.boardSearch {float: none; clear: both; display: block; text-align: center;}
	.totalPage {position: relative; margin-top: 30px;}
}

@media(min-width:600px) and (max-width:768px){
}
/*mini tablet and duo*/
@media (max-width:599px){
	/* .boardSearch {float: none; clear: both; display: block; text-align: right;} */
}
@media(min-width:481px) and (max-width:599px){
	.boardSearch dd:nth-child(2) {width: 27%;}
	.boardSearch dd select {width: 100%;}
	.boardSearch dd.search {width: 71%; margin-left: 1%;}
	.boardSearch dd.search input {width: 87%;}
	.totalPage, .totalPage b, .totalPage span {font-size: 2.5vw;}
}
/* samsung note and iphone max*/
@media(min-width:371px) and (max-width:480px){
	.boardSearch dd:nth-child(2) {width: 35%;}
	.boardSearch dd select {width: 100%; padding-left: 0.7rem;}
	.boardSearch dd.search {width: 62%; margin-left: 1%;}
	.boardSearch dd.search input {width: 81%;}
	.totalPage, .totalPage b, .totalPage span {font-size: 3.8vw;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
	.boardSearch dd:nth-child(2) {width: 35%;}
	.boardSearch dd select {width: 100%; padding-left: 0.7rem; font-size: 4vw;}
	.boardSearch dd.search {width: 62%; margin-left: 1%;}
	.boardSearch dd.search input {width: 79%; font-size: 4vw;}
	.totalPage, .totalPage b, .totalPage span {font-size: 4.3vw;}
}   
/* fold*/
@media(max-width:320px){
	.boardSearch dd:nth-child(2) {width: 31vw;}
	.boardSearch dd a {margin-right: 1vw;}
	.boardSearch dd select {width: 100%; padding-left: 0.4rem; font-size: 4.5vw;}
	.boardSearch dd.search {width: 53vw; margin-left: 1%;}
	.boardSearch dd.search input {width: 39vw; font-size: 4.5vw;}
	.boardSearch dd.search .fas.fa-search {font-size: 4.5vw;}
	.totalPage, .totalPage b, .totalPage span {font-size: 5vw;}
}


/* List */
.boardListWrap .listTable{border-top:2px solid #777;}
.boardListWrap .list_table{border-collapse:collapse;width:100%; table-layout: fixed;}
.boardListWrap .listTable caption{display:none}
.boardListWrap .listTable th {vertical-align: middle; height: 3rem; text-align: center; font-size: 1.05rem; background: #f7f7f7 url(../images/board_list_div.gif) no-repeat left center; border-bottom: 1px solid #bbb;}
.boardListWrap .listTable th.no {width: 65px; background:#f7f7f7}
.boardListWrap .listTable th.kind {width: 140px;}
.boardListWrap .listTable th.writer {width: 18%;}
.boardListWrap .listTable th.day {width: 115px;}
.boardListWrap .listTable th.cnt {width: 65px;}
.boardListWrap .listTable td {border-bottom: 1px solid #e3e3e3; text-align: center; vertical-align: middle; padding: 0.9rem;}
.boardListWrap .listTable td.list_title{text-align:left;}
.boardListWrap .listTable td.list_name {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.boardListWrap .listTable td a{/* max-width: calc(100% - 49px);  */margin-right: 6px; /* text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */ /* display: inline-block; vertical-align: middle; */}
/* .boardListWrap .listTable span.tailCnt {display: inline-block; vertical-align: middle;} */
.boardListWrap .listTable .titFile, .boardListWrap .listTable .titLock {margin-left: 8px; display: inline-block; vertical-align: middle;}
.boardListWrap .listTable .titFile img {height: 16px; /* height: 1vw; */ width: auto;}
.boardListWrap .listTable .titLock img {height: 14px; width: auto;}
.list_notice {color: #ff4223;}

/*PC*/
@media (min-width:600px){ 
	.boardListWrap .listTable td a{max-width: calc(100% - 49px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: middle;}
}
@media (min-width:1025px) and (max-width:1300px){
}
/*tablet*/
@media(min-width:769px) and (max-width:1024px){
	.boardListWrap .listTable th.cnt, .boardListWrap .listTable td.list_cnt {display: none;}
}
/*mini tablet and duo*/
@media(min-width:600px) and (max-width:768px){
	.boardListWrap .listTable th.no, .boardListWrap .listTable th.cnt, .boardListWrap .listTable td.list_no, .boardListWrap .listTable td.list_cnt {display: none;}
	.boardListWrap .listTable th.kind {width: 110px; background: #f7f7f7;} /* 카테고리 없을경우 해당부분 주석 */
	/* .boardListWrap .listTable th.tit {background: #f7f7f7;} */ /* 카테고리 있을경우 해당부분 주석 */
	.boardListWrap .listTable th.day {width: 105px;}
	.boardListWrap .listTable th.writer {width: 23%;}
	.boardListWrap .listTable td {padding: 0.9rem 0.6rem;}
}
/*mini tablet and duo*/
@media (max-width:599px){
	.boardListWrap .listTable thead, .boardListWrap .listTable td.list_no {display: none;}
	.boardListWrap .listTable th, .boardListWrap .listTable td {display: block;}
	.boardListWrap .listTable tr {border-bottom: 1px solid #e3e3e3; display: block; padding: 5vw 2vw;}
	.boardListWrap .listTable td {border: 0; text-align: left; padding: 0; position: relative;}
	.boardListWrap .listTable td.list_name, .boardListWrap .listTable td.list_day, .boardListWrap .listTable td.list_cnt {display: inline-block; vertical-align: middle; padding-right: 12px; margin-right: 8px;}
	.boardListWrap .list_name::after, .boardListWrap .list_day:after {position: absolute; top: 50%; right: 0; margin-top: -6px; width: 1px; height: 16px; content: ''; background: #e1e1e1;}
	.boardListWrap .listTable td.list_cnt:before {content: 'View ';}
	.boardListWrap .listTable td.list_title a {word-break: break-all; vertical-align: middle; line-height: 1.5;}
}
@media(min-width:481px) and (max-width:599px){
	.boardListWrap .listTable td.list_kind {font-size: 14px; margin-bottom: 10px; color: #636363;}
	.boardListWrap .listTable td.list_title {margin-bottom: 15px;}
	.boardListWrap .listTable td.list_title a {font-size: 17px;}
}
/* samsung note and iphone max*/
@media (max-width:480px){
	.boardListWrap {margin-top: 0.5rem;}
}
@media(min-width:371px) and (max-width:480px){
	.boardListWrap .listTable td.list_kind {font-size: 3.3vw; margin-bottom: 2.5vw; color: #636363;}
	.boardListWrap .listTable td.list_title {margin-bottom: 2.5vw;}
	.boardListWrap .listTable td.list_title a {font-size: 3.8vw;}
	.boardListWrap .listTable td.list_name, .boardListWrap .listTable td.list_day, .boardListWrap .listTable td.list_cnt {font-size: 3.3vw;}
}
/* samsung and iphone*/
@media (max-width:370px){
	.boardListWrap .listTable td.list_kind {font-size: 4vw; margin-bottom: 2.5vw; color: #636363;}
	.boardListWrap .listTable td.list_title a {font-size: 4.5vw;}
	.boardListWrap .listTable td.list_name, .boardListWrap .listTable td.list_day, .boardListWrap .listTable td.list_cnt {font-size: 4vw;}
	.boardListWrap .listTable .titFile img {height: 14px;}
	.boardListWrap .listTable .titLock img {height: 12px;}
}
@media (min-width:321px) and (max-width:370px){	
	.boardListWrap .listTable td.list_title {margin-bottom: 3.5vw;}	
}   
/* fold*/
@media(max-width:320px){
	.boardListWrap .listTable td.list_title {margin-bottom: 2.5vw;}
}



/* Gallery */
.boardGalleryWrap .galleryTable {border-top: 2px solid #777; border-bottom: 1px solid #d5d5d5; color: #555;}
.boardGalleryWrap .galleryTable ul {width: 100%; margin: 2rem auto;}
.boardGalleryWrap .galleryTable ul:after {content: ''; display: block; clear: both;}
.boardGalleryWrap .galleryTable ul li {vertical-align: bottom; text-align: center; margin: 0 2.25% 3rem 0; width: 23%; display: inline-block;}
.boardGalleryWrap .galleryTable ul li:nth-child(4n) {margin-right: 0;}
.boardGalleryWrap .galleryTable ul li .gallery_img {display: block;}
.boardGalleryWrap .galleryTable ul li .gallery_img img {width: 100%; height: auto; /* height: 200px; */}
.boardGalleryWrap .galleryTable ul li .gallery_title {color: #555; display: block; margin: 10px auto 0 auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.boardGalleryWrap .galleryTable ul li .gallery_title a {word-break: break-all; font-size: 17px;}
.boardGalleryWrap .galleryTable ul li .gallery_date {text-align: center; font-size: 12px; margin-top: 8px; display: block; color: #636363;}
.boardGalleryWrap .list_kind {display: block; font-size: 14px; margin-top: 12px;}

/*PC*/
@media (min-width:1025px) and (max-width:1334px){
	/* .boardGalleryWrap .galleryTable ul li .gallery_img img {height: 19vw;} */
}
/*tablet*/
@media(min-width:769px) and (max-width:1024px){
	.boardGalleryWrap .galleryTable ul li {margin: 0 5.9% 3rem 0; width: 29%;}
	.boardGalleryWrap .galleryTable ul li:nth-child(4n) {margin-right: 6%;}
	.boardGalleryWrap .galleryTable ul li:nth-child(3n) {margin-right: 0;}
	/* .boardGalleryWrap .galleryTable ul li .gallery_img img {height: 26vw;} */
}
/*mini tablet and duo*/
@media(min-width:600px) and (max-width:768px){
	.boardGalleryWrap .galleryTable ul li {margin: 0 2% 3rem 0; width: 31.5%;}
	.boardGalleryWrap .galleryTable ul li:nth-child(4n) {margin-right: 2%;}
	.boardGalleryWrap .galleryTable ul li:nth-child(3n) {margin-right: 0;}
	/* .boardGalleryWrap .galleryTable ul li .gallery_img img {height: 29vw;} */
}
/*mini tablet and duo*/
@media(min-width:481px) and (max-width:599px){
	.boardGalleryWrap .galleryTable ul li {margin: 0 2% 3rem 0; width: 31.4%;}
	.boardGalleryWrap .galleryTable ul li:nth-child(4n) {margin-right: 2%;}
	.boardGalleryWrap .galleryTable ul li:nth-child(3n) {margin-right: 0;}
	/* .boardGalleryWrap .galleryTable ul li .gallery_img img {height: 30vw;} */
}
/* samsung note and iphone max*/
@media (max-width:480px){
	.boardGalleryWrap .galleryTable ul li:nth-child(2n) {margin-right: 0;}
	/* .boardGalleryWrap .galleryTable ul li .gallery_img img {height: 41vw;} */
	.boardGalleryWrap .galleryTable ul li {width: 46.74%; margin: 0 5% 2rem 0;}
    .boardGalleryWrap .galleryTable ul li .gallery_title {overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; line-height: 1.3;}
}
@media(min-width:371px) and (max-width:480px){
	.boardGalleryWrap .galleryTable ul li .gallery_title {height: 43px;}
	.boardGalleryWrap .galleryTable ul li .gallery_title a {font-size: 16px;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
	.boardGalleryWrap .galleryTable ul li .gallery_title {height: 43px;}
	.boardGalleryWrap .galleryTable ul li .gallery_title a {font-size: 15px;}
}   
/* fold*/
@media(max-width:320px){
	.boardGalleryWrap .galleryTable ul li .gallery_title {height: 43px;}
	.boardGalleryWrap .galleryTable ul li .gallery_title a {font-size: 4.5vw;}
	.boardGalleryWrap .galleryTable ul li .gallery_date {font-size: 3.5vw;}
}



/* View */
.boardviewWrap .viewTable .viewSubject {width:100%; display: inline-block; box-sizing: border-box; vertical-align: middle; border-top: 1px solid #777; border-bottom: 1px solid #777;}
.boardviewWrap .viewTable .viewSubject h3 {display: inline-block; color: #282828; font-size: 23px; font-weight: 500; line-height: 1.5; padding: 35px 25px 5px 25px;}
.boardviewWrap .viewTable .viewSubject ul {margin-top: 8px; padding: 5px 25px 35px 25px;}
.boardviewWrap .viewTable .viewSubject ul li {margin-right: 10px; color: #696f7b; display: inline; line-height: 1.5; font-weight: 300;}
.boardviewWrap .viewTable .viewSubject ul li:after, .boardviewWrap .file dt:after {content: ''; display: inline-block; width: 1px; height: 11px; margin-left: 15px; background: #dadeeb; vertical-align: middle;}
.boardviewWrap .viewTable .viewSubject ul li:last-child {margin-right: 0px;}
.boardviewWrap .viewTable .viewSubject ul li:last-child:after {display: none;}

.boardviewWrap .file {padding: 15px 30px; border-top: 1px solid #d2d7e6;}
.boardviewWrap .file dt {display: inline-block; vertical-align: top; font-weight: 500;    line-height: normal;}
.boardviewWrap .file dd {display: inline-block; width: calc(100% - 50px); padding-left: 15px; box-sizing: border-box; }
.boardviewWrap .file dd p {line-height: inherit; margin-bottom: 15px; color: #696f7b; font-weight: 300;}
.boardviewWrap .file dd p:last-child {margin-bottom: 0;}
.boardviewWrap .file dd p a {word-wrap: break-word; line-height: 1.5; color: #696f7b; font-weight: 300;}
.boardviewWrap .file a.com_del i {color: red; margin-left: 7px;}

.boardviewWrap .viewTable .viewCon {width: 100%; padding: 2rem 1rem; line-height:1.6em;}
.boardviewWrap .viewTable .viewCon p{font-size:1rem;}
.boardviewWrap .viewTable .viewCon b {font-weight: bold;}
.boardviewWrap .viewTable .viewCon u {text-decoration: underline;}

.boardviewWrap .prev_next {margin-bottom: 20px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9;}
.boardviewWrap .prev_next:after{content:"";display:block;clear:both }
.boardviewWrap .prev_next li {padding: 17px 20px; float: left; width: 50%;}


.boardviewWrap .prev_next li.txt_prev span {color: #696f7b;  overflow: hidden; display: inline-block; width: calc(100% - 68px); text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}


.boardviewWrap .prev_next li.txt_next span {color: #696f7b;  overflow: hidden; display: inline-block; width: calc(100% - 68px); text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.boardviewWrap .prev_next a {font-size: 14px; font-weight: 300; position: relative; display: block; min-height: 14px;}

.boardviewWrap .prev_next li strong {font-weight: 400; color: #555;}

/*PC*/
@media (min-width:600px){
	.boardviewWrap .prev_next li.txt_prev{background: url(../images/bullet_prev.gif) no-repeat left center;}
	.boardviewWrap .prev_next li.txt_prev strong {position: absolute; left: 0;}
	.boardviewWrap .prev_next li.txt_prev span {padding-left: 68px; padding-right: 10px;}
	.boardviewWrap .prev_next li.txt_next {background: url(../images/bullet_next.gif) no-repeat right center; text-align: right;}
	.boardviewWrap .prev_next li.txt_next strong {position: absolute; right: 0;}
	.boardviewWrap .prev_next li.txt_next span {padding-right: 68px; padding-left: 10px;}
    /* .boardviewWrap .viewTable .viewCon img{width: 100% !important;} */
}
@media (min-width:1025px) and (max-width:1300px){
}
/*tablet*/
@media(min-width:769px) and (max-width:1024px){
    .boardviewWrap .file dt {margin-top: 4px;}
}
/*mini tablet and duo*/
@media(min-width:600px) and (max-width:768px){
    .boardviewWrap .viewTable .viewSubject h3 {font-size: 20px; padding: 25px 25px 5px 25px;}
    .boardviewWrap .viewTable .viewSubject ul {padding: 5px 25px 25px 25px;}
    .boardviewWrap .file dt {margin-top: 4px;}
	.boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next span {width: calc(100% - 24px);}
    .boardviewWrap .prev_next li.txt_prev strong, .boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next strong, .boardviewWrap .prev_next li.txt_next span {font-size: 15px;}
}
/*mini tablet and duo*/
@media (max-width:599px){
	.boardviewWrap .viewTable .viewSubject h3 {font-size: 20px; padding: 20px 10px 5px 10px;}
	.boardviewWrap .viewTable .viewSubject ul {padding: 5px 10px 20px 10px;}
	.boardviewWrap .file {padding: 10px;}
	.boardviewWrap .file dt {display: block; width: auto; padding-bottom: 10px;}
    .boardviewWrap .file dt:after {display:none;}
    .boardviewWrap .file dd {display: block; width: auto; padding-left: 0px;}
    .boardviewWrap .file dd p {margin-bottom: 8px; font-size: 15px;}
    .boardviewWrap .file dd p a {font-size: 15px;}

	.boardviewWrap .prev_next li {width: 100%;}
	.boardviewWrap .prev_next li:last-child {padding-top: 0;}
	.boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next span { padding-left: 10px;}
	.boardviewWrap .prev_next li.txt_prev strong, .boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next strong, .boardviewWrap .prev_next li.txt_next span {vertical-align: middle;}
}
@media(min-width:481px) and (max-width:599px){
    .boardviewWrap .prev_next li.txt_prev strong, .boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next strong, .boardviewWrap .prev_next li.txt_next span {font-size: 15px;}
}
/* samsung note and iphone max*/
@media (max-width:480px){
	/* .boardviewWrap .prev_next li {background-position-y: 20px !important;}
	.boardviewWrap .prev_next li.txt_prev strong, .boardviewWrap .prev_next li.txt_next strong {font-size: 15px;}
	.boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next span {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);} */
}
@media(min-width:371px) and (max-width:480px){
	.boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next span {width: calc(100% - 13vw);}
	
	.boardviewWrap .prev_next li.txt_prev strong, .boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next strong, .boardviewWrap .prev_next li.txt_next span {font-size: 4vw;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){	
	.boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next span {width: calc(100% - 14vw);}
	.boardviewWrap .prev_next li.txt_prev strong, .boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next strong, .boardviewWrap .prev_next li.txt_next span {font-size: 4.5vw;}
}   
/* fold*/
@media(max-width:320px){
	.boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next span {width: calc(100% - 14vw);}
	.boardviewWrap .prev_next li.txt_prev strong, .boardviewWrap .prev_next li.txt_prev span, .boardviewWrap .prev_next li.txt_next strong, .boardviewWrap .prev_next li.txt_next span {font-size: 4.5vw;}	
}




/* Tail */
.reply{margin:30px 0 0 0}
.reply ul{margin:0;list-style:none;padding:0}
.reply ul li{font-size:13px;padding:1rem;border-bottom:1px solid #cccccc;float:none; margin-bottom: 1rem;}
.reply ul li .reply_writer{color:#2c83a4;font-weight:600}
.reply ul li .reply_date{color:#777;font-size:13px;margin:0 0 0 8px}
.reply ul li p{margin:10px 0 0 0;line-height:18px;color:#5a5a5a}
.reply ul li i {vertical-align: inherit; color: #777; margin-left: 0.3rem;}

.replyWrite {width: 100%; margin-bottom: 80px; margin-top: 30px;}
.replyWrite .con_write {border: 1px solid #bdbdbd; padding: 1rem; margin-bottom:0.6rem;}
.replyWrite .con_write textarea {width: 100% !important; border: 0; padding: 0; height: 80px; font-size: 1rem;}
.replyWrite .info_write {width: 100%; margin-bottom: 0.6rem; position: relative;}
.replyWrite .info_write:after {content: ''; clear: both; display: block;}
.replyWrite .info_write .identify {display: inline-block;}
.replyWrite .info_write .sec {vertical-align: bottom; margin-left: 1rem; display: inline-block;}
.replyWrite .info_write .sec input, .replyWrite .info_write .sec img {margin-left: 0.4rem;}
.replyWrite .info_submit {/* width: 70px; */ float: right;}
.replyWrite  input {border: 1px solid #bdbdbd; -webkit-appearance: none; -webkit-border-radius: 0; height: 2.3rem; font-size: 1rem;}
.replyWrite .info_write input[type="text"], .replyWrite .info_write input[type="password"] {width: 150px; padding-left: 0.6rem; letter-spacing: 0px;}
.replyWrite .info_submit input[type="button"] {width:100%;color: #fff; /* border:0;font-size: 13px; padding: 10px 30px; background: #0c3472; */}

/*PC*/
@media (min-width:1025px) and (max-width:1300px){
}
/*tablet*/
@media(min-width:769px) and (max-width:1024px){
}
/*mini tablet and duo*/
@media (max-width:768px){
	.replyWrite .info_write .sec input, .replyWrite .info_write .sec img {vertical-align: middle;}
}
@media(min-width:481px) and (max-width:768px){
	.replyWrite .info_write input[type="text"], .replyWrite .info_write input[type="password"] {width: 20vw;}
	.replyWrite .info_write .sec {float: right; margin-left: 0.6rem;}
	.replyWrite .info_write .sec span {vertical-align: middle; font-size: 12px;}	
	.replyWrite .info_write .sec input {width: 14vw;}
	.replyWrite .info_submit {float: none; position: absolute; right: 0; margin-top: 0.6rem;}
}
@media(min-width:600px) and (max-width:768px){
}
/*mini tablet and duo*/
@media(min-width:481px) and (max-width:599px){
}
/* samsung note and iphone max*/
@media (max-width:480px){
	.replyWrite .info_write input[type="password"] {margin-left: 3%;}
	.replyWrite .info_write .identify {display: block; width: 100%;}
	.replyWrite .info_write .sec {display: block; margin-top: 0.6rem; margin-left:0;}
}
@media(min-width:371px) and (max-width:480px){
	.replyWrite .con_write textarea, .replyWrite input {font-size: 3.5vw;}
	.replyWrite .info_write input[type="text"], .replyWrite .info_write input[type="password"] {width: 41.6vw;}
	.replyWrite .info_write .sec span {vertical-align: middle; font-size: 12px;}
	.replyWrite .info_write .sec input {width: 90px;}
	.replyWrite .info_submit {float: none; clear:both; position: absolute; right: 0; margin-top: 0.6rem; top: 36px;}
	.replyWrite .info_submit input[type="button"] {font-size: 0.9rem;    padding: 2vw 6vw;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
	.replyWrite .con_write textarea, .replyWrite input {font-size: 3.8vw;}
	.replyWrite .info_write input[type="text"], .replyWrite .info_write input[type="password"] {width: 41.5vw;}
	.replyWrite .info_write .sec span {vertical-align: middle; font-size: 12px; width:43%;}
	.replyWrite .info_write .sec input {width: 23vw; margin-left: 2%;}
	.replyWrite .info_submit {float: none; clear:both; position: absolute; right: 0; margin-top: 0.6rem; top: 36px; }
	.replyWrite .info_submit input[type="button"] {font-size: 3.8vw;     padding: 2vw 6vw;}
}   
/* fold*/
@media(max-width:320px){
	.replyWrite .con_write textarea, .replyWrite input {font-size: 3.8vw;}
	.replyWrite .info_write input[type="text"], .replyWrite .info_write input[type="password"] {width: 47.7%;}
	.replyWrite .info_write .sec span {vertical-align: middle; font-size: 12px;}
	.replyWrite .info_write .sec input {width: 140px; display: block; margin-left: 0; margin-top: 5px;}
	.replyWrite .info_submit {float: none; clear:both; position: absolute; right: 0; margin-top: 0.6rem;top: 59px;}
	.replyWrite .info_submit input[type="button"] {font-size: 0.85rem;}
}