/* 怨듯넻 */

.board-wrap {width: 100%; margin: 0 auto; /* padding: 60px 0 20px; */ overflow: hidden; text-align: center; position: relative;}
.board-wrap .board-title {font-size: 38px; font-weight: bold; margin-bottom: 10px;}
.board-wrap .search-box {display: inline-block; margin-top: 40px; margin-bottom: 35px;}
.board-wrap .search-box select {border: 1px solid #cccccc; width: 123px; height: 42px; line-height: 42px; font-size: 15px; color: #666666;
			-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 10px; float: left; margin-right:5px;
			background: url(/Template03_common/images/homepage/board/search-box-select.png) 95px center no-repeat;}
.board-wrap .search-box input {border: 1px solid #cccccc; width: 273px; height: 42px; line-height: 42px; color: #666666; font-size: 15px;
			padding: 0 10px; float: left; margin-right:5px;}
.board-wrap .search-box .btn_search {outline: none; width: 50px; height: 42px; background: #3d3d3d; float: left;}
.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 50px; height: 42px; background: url(/Template03_common/images/homepage/board/search-box-search.png) center center no-repeat;}


.board-wrap .page_Num {display: inline-block; margin-top: 40px;}
.board-wrap .page_Num strong {float: left; margin: 0 3px; width: 36px; height: 35px; display: inline-block; text-indent: -9999px;}
.board-wrap .page_Num strong.first {background: url(/Template03_common/images/homepage/board/paging_first.png) no-repeat;}
.board-wrap .page_Num strong.prev {background: url(/Template03_common/images/homepage/board/paging_prev.png) no-repeat; margin-right: 20px;}
.board-wrap .page_Num strong.next {background: url(/Template03_common/images/homepage/board/paging_next.png) no-repeat; margin-left: 20px;}
.board-wrap .page_Num strong.last {background: url(/Template03_common/images/homepage/board/paging_last.png) no-repeat;}
.board-wrap .page_Num a {float: left; width: 36px; height: 35px; display: inline-block; line-height: 32px;}
.board-wrap .page_Num a.thisPage {border: 1px solid #989898; font-weight: bold;}


@media screen and (max-width:970px){
	.board-wrap .board-title {font-size: 28px;}
		
	.board-wrap .page_Num strong {width: 25px; height: 24px; margin: 0 1px; background-size: cover !important;}
	.board-wrap .page_Num strong.prev {margin-right: 5px;}
	.board-wrap .page_Num strong.next {margin-left: 5px;}
	.board-wrap .page_Num a {width: 25px; height: 24px; font-size: 12px; line-height: 24px;}
}
	

/* 怨듭��ы빆 由ъ뒪��*/

.board-wrap .notice-list {width: 100%;}
.board-wrap .notice-list thead {border-top: 3px solid #26252b; border-bottom: 1px solid #bdbdbf;}
.board-wrap .notice-list thead th, .board-wrap .notice-list thead td {height: 55px; /* line-height: 55px; */ font-size: 17px; letter-spacing: -0.4px; color: #333333; font-weight: bold;}
.board-wrap .notice-list tbody th, .board-wrap .notice-list tbody td {height: 65px; /* line-height: 65px; */ border-bottom: 1px solid #bdbdbf; color: #666666;}
.board-wrap .notice-list tbody td.number {width: 12%;}
.board-wrap .notice-list tbody td.title {text-align: left; width: 68%; padding-left: 10px;}
.board-wrap .notice-list tbody td.day {width: 20%;}
tbody td.nodata {padding:60px 0;}
tbody td.nodata p {margin-top: 10px;}


/* 湲�낫湲�*/

.board-wrap .board-view {width: 100%; margin-top: 50px;}
.board-wrap .board-view thead tr:first-child td {border-top: 1px solid #26252b; border-bottom: 1px solid #e0e0e0; padding: 26px 30px; font-size: 22px; color: #000;}
.board-wrap .board-view thead tr td {text-align: left; border-bottom: 1px solid #e0e0e0; padding: 20px 30px; color: #525252;}
.board-wrap .board-view thead tr .day {font-size: 18px; font-weight: lighter; display: inline-block;}
.board-wrap .board-view thead tr .download {font-size: 16px; font-weight: lighter; display: inline-block; margin-left: 25px; padding-left: 30px; border-left: 1px solid #d4d3d5;}
.board-wrap .board-view thead tr .download a:hover span {text-decoration: underline;}
.board-wrap .board-view thead tr .download strong {margin-right: 8px; vertical-align: middle; width: 16px; height: 16px; display: inline-block; background: url(/Template03_common/images/homepage/board/download.png) no-repeat;}

.board-wrap .board-view tbody {text-align: left;}
.board-wrap .board-view tbody tr td {padding: 20px 30px; border-bottom: 1px solid #e0e0e0;}
.board-wrap .board-view tbody tr td.content {padding: 70px 30px;}
.board-wrap .board-view tbody tr td.content.event {text-align: center;}
.board-wrap .board-view tbody tr td.content img {max-width: 100%;}
.board-wrap .board-view tbody tr td strong {display: inline-block; padding-right: 15px;}
.board-wrap .board-view tbody tr td strong:after {content: ''; width: 1px; height: 12px; background: #e0e0e0; display: inline-block; margin-left: 20px; }
.board-wrap .board-view tbody tr td a {color: #525252}
.board-wrap .board-view tbody tr td a:hover {text-decoration: underline;}

.board-wrap .list-bt, .board-wrap .send-bt {vertical-align: middle;}
.board-wrap .list-bt {display: inline-block; float: right; margin-top: 40px;}
.board-wrap .list-bt.nfr {float: none;}
.board-wrap .list-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; border: 1px solid #000; font-size: 18px; text-align: center; margin-left: 10px;}
.board-wrap .write-bt {position: absolute; right: 0; bottom: 120px;}
.board-wrap .write-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; background: #3d3d3d; color: #fff; font-size: 18px; text-align: center;}

.board-wrap .send-bt {display: inline-block; margin-top: 40px;}
.board-wrap .send-bt a {display: inline-block; width: 160px; height: 50px; line-height: 50px; border: 1px solid #3d3d3d; background: #3d3d3d; color: #fff; font-size: 18px;}


@media screen and (max-width:970px){
	.board-wrap .search-box {margin-top: 30px; display: block;}
	.board-wrap .search-box select {width: 60px; height: 35px; line-height: 32px; background-position: 37px center; font-size: 12px; padding: 0 5px;}
	.board-wrap .search-box input {width: 50%; height: 35px; line-height: 32px; font-size: 12px; padding: 0 5px;}
	.board-wrap .search-box .btn_search {outline: none; width: 35px; height: 35px; background: #3d3d3d; float: left;}
	.board-wrap .search-box .btn_search span {text-indent: -9999px; width: 35px; height: 35px; background: url(/Template03_common/images/homepage/board/search-box-search.png) center center no-repeat;}

	.board-wrap .notice-list thead {display: none;}
	.board-wrap .notice-list tbody {border-top: 1px solid #26252b;}
	.board-wrap .notice-list thead th, .board-wrap .notice-list tbody td {line-height: 21px; height: 60px; font-size: 15px;}
	.board-wrap .notice-list tbody td.title {padding-left: 7px;}
	.board-wrap .notice-list tbody td.title span {display: block;}
	.board-wrap .notice-list tbody td.number {width: 10%;}
	.board-wrap .notice-list tbody td.day {display: none;}

	.board-wrap .board-view {margin-top: 30px;}	
	.board-wrap .board-view thead tr:first-child td {padding: 20px 10px; font-size: 18px;}
	.board-wrap .board-view thead tr td {padding: 15px 10px;}
	.board-wrap .board-view thead tr .day {font-size: 15px;}
	.board-wrap .board-view thead tr .download {font-size: 14px;}
	.board-wrap .board-view tbody tr td {font-size: 13px; padding: 20px 10px;}
	.board-wrap .board-view tbody tr td.content {padding: 30px 10px;}
	.board-wrap .board-view tbody tr td strong {padding-right:2px;}
	.board-wrap .board-view tbody tr td strong:after {margin-left:5px;}
	.board-wrap .list-bt, .board-wrap .send-bt {margin-top: 30px;}
	.board-wrap .list-bt a, .board-wrap .send-bt a, .board-wrap .write-bt a {width: 130px; height: 45px; line-height: 45px; font-size: 15px;}
	.board-wrap .write-bt {position: relative; text-align: right; margin-top: 20px; bottom: inherit;}
}


/* FAQ */

.board-wrap .faqList {border-top: 3px solid #26252b;}
.board-wrap .faqList ul li {font-size: 16px; width: 100%; overflow: hidden; line-height: 75px; border-bottom: 1px solid #dfdfdf; text-align: left; color: #323232;}
.board-wrap .faqList ul li .tit {margin: 0 30px; display: block; background: url(/Template03_common/images/homepage/board/faq_open.png) right center no-repeat; cursor: pointer;}
.board-wrap .faqList ul li .tit:before {content: 'Q'; width: 30px; height: 30px; border-radius: 15px; background: #9c9c9c; color: #fff; display: inline-block;
										vertical-align: middle; line-height: 30px; text-align: center; font-size: 15px; margin-right:20px;}
.board-wrap .faqList ul li.open .tit {font-weight: bold; background: url(/Template03_common/images/homepage/board/faq_close.png) right center no-repeat;}
.board-wrap .faqList ul li.open .tit:before {background: #26252b;}
.board-wrap .faqList .answer {border-top: 1px solid #dfdfdf; display: none; line-height: 25px; font-size: 15px; background: #f5f5f5; color: #777; padding: 30px 70px 30px 130px; position: relative;}
.board-wrap .faqList .answer:before {content: 'A'; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #26252b; color: #26252b; display: inline-block;
										vertical-align: middle; line-height: 30px; text-align: center; font-size: 15px; margin-right:20px; position: absolute; left: 80px;}


@media screen and (max-width: 768px){ 
	.board-wrap .faqList ul li {line-height: 60px; font-size: 15px;}
	.board-wrap .faqList ul li .tit {margin: 0 10px; background-size: 3%;}
	.board-wrap .faqList ul li.open .tit {background-size: 3%;}
	.board-wrap .faqList ul li .tit:before {margin-right: 10px; width: 24px; height: 24px; line-height: 24px; border-radius: 12px;}
	.board-wrap .faqList .answer {padding: 20px 40px 20px 60px; font-size: 13px;}
	.board-wrap .faqList .answer:before {left: 20px; width: 24px; height: 24px; line-height: 24px; border-radius: 12px;}
	
}

@media screen and (max-width: 640px){ 
	.board-wrap {width: 90%;}
}

/*�꾨줈紐⑥뀡&�대깽*� */

.event-list {margin-top: 50px; width: 100%; overflow: hidden; text-align: left; letter-spacing: -0.5px;}
.event-list ul li {position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 2.5%; float: left; overflow: hidden; border: 1px solid #eaeaea;}
ul li.nodata_g {width: 100% !important; text-align: center !important; padding: 60px 0 !important; cursor: auto !important;}
ul li.nodata_g p {margin-top: 10px; color: #525252;}
.event-list ul li:nth-child(4n) {margin-right: 0;}
.event-list ul li a {width: 100%;}
.event-list ul li span.state {z-index: 9; position: absolute; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #a60017; font-size: 13px; color: #fff;}
.event-list ul li.end img, .event-list ul li.end strong, .event-list ul li.end span.day {filter: gray; -webkit-filter: grayscale(.5); filter: grayscale(.5);
opacity: 0.3;}

.event-list ul li.end span.state {background: #454545; z-index: 9;}
.event-list ul li .event-image {position: relative; width: 100%; height: 10%;}
.event-list ul li .event-image img {max-width: 100%; height: auto;}
.event-list ul li .event-image.gal {position: relative; height: 0; padding-bottom: 75%;/*가로세로비율*/ overflow: hidden;}
.event-list ul li .event-image.gal img {width: auto; height: 100%; position: absolute; top: 0; left: -50%; margin-left: 50%;}
.event-list ul li .event-image span {z-index: 10; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .5; display: none;
		background: url(/Template03_common/images/homepage/board/image-view.png) center center no-repeat;}
.event-list ul li .event-image:hover span {display: block;}
.event-list ul li.end .event-image:hover span {display: none;}
.event-list ul li strong {padding: 25px 0; margin: 0 20px; display: block; border-bottom: 1px solid #eaeaea; color: #323232; font-size: 16.5px;}
.event-list ul li span.day {padding: 18px 0; margin: 0 20px; color: #666; font-size: 14.5px;}

.event-list ul li .txt_box{padding: 25px 0; margin: 0 20px; border-bottom: 1px solid rgb(234, 234, 234);}
.event-list ul li .txt_box p.strong{box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 700; color: #323232; font-size: 16.5px;}

@media screen and (max-width: 1200px){
	.event-list ul li strong {padding: 20px 0; font-size: 15px;}
	.event-list ul li span.day {padding: 15px 0; font-size: 14px;}
}

@media screen and (max-width: 1024px){
	.event-list ul li {width: 24.25%; margin-right: 1%;}
}

@media screen and (max-width: 970px){
	.event-list ul li strong {padding: 15px 0; margin: 0 12px; font-size: 14px;}
	.event-list ul li span.day {padding: 12px 0; margin: 0 12px; font-size: 13px;}
}

@media screen and (max-width: 768px){
	.event-list ul li {width: 48.5%; margin-right: 3%; margin-bottom: 3.5%;}
	.event-list ul li:nth-child(2n) {margin-right: 0;}	
}

@media screen and (max-width: 400px){
	.event-list ul li {width: 100%; margin-right: 0;  margin-bottom: 5%;}
	.event-list ul li strong {padding: 20px 0; margin: 0 20px; font-size: 15px;}
	.event-list ul li span.day {padding: 15px 0; margin: 0 20px; font-size: 14px;}
}


/* QNA */

.board-privacy {margin-top: 50px; color: #555555;}
.board-privacy-box {width: 100%; height: 230px; border: 1px solid #ccc; background: #f5f5f5; padding: 40px 50px; overflow-x: hidden; overflow-y: scroll;
					font-size: 14.5px; text-align: left; margin-bottom: 25px;}
.board-privacy-agree {width: 100%; position: relative;}
.board-privacy input[type="checkbox"] {display:none;}
.board-privacy input[type="checkbox"] + label {font-size: 16px;}
.board-privacy input[type="checkbox"] + label strong {margin-right: 10px; display:inline-block; width: 25px; height: 25px; vertical-align:middle;
						border: 1px solid #ccc; cursor:pointer;}
.board-privacy input[type="checkbox"]:checked + label strong {
						background:url(/Template03_common/images/homepage/board/checked.png) center center no-repeat;}
.board-privacy span {position: absolute; right: 0; color: #c5927e; font-size: 14px; letter-spacing: -1px;}

.qna-write {border-top: 3px solid #26252b; border-bottom: 1px solid #cccccc; margin-top: 50px; padding: 17px 0; color: #323232; font-size: 16px;}
.qna-write.npd {padding: 0;}
.qna-write li {text-align: left; padding: 10px 2.5%; width: 100%; overflow: hidden;}
.qna-write li > .tit {float: left; display: inline-block; width: 10%; font-size: 16px; letter-spacing: -1px; line-height: 40px;}
.qna-write li > .tit em {color: #ea072d; font-size: 25px; vertical-align: -9px; margin-left: 2px; height: 10px; display: inline-block;}
.qna-write li > .tit label {display: inline-block; line-height: 1.5em;}
.qna-write li > .con {float: left; width: 90%;}
.qna-write li > .con p {font-size: 14px; color: #666;}
.qna-write li > .con p.mgb {margin-bottom: 12px;}
.qna-write li > .con .text {padding-top: 8px; color: #666; line-height: 1.6;}
.qna-write li > .con .bt {min-width: 90px; text-align: center; line-height: 38px; height: 40px; font-size: 15px;}
.qna-write li > .con .mgl {margin-left: 8px;}
.qna-write li > .con .bk {color: #222;}
.qna-write li > .con .input-bt {overflow: hidden; width: 100%;}
.qna-write li > .con .input-bt input, .qna-write li .con .input-bt .bt {float: left;}
.qna-write li > .con .input-bt input {width: calc(100% - 75px)!important; margin-right: 5px;}
.qna-write li > .con .input-bt .bt {width: 70px; min-width: 70px;}
.qna-write.join li > .tit {width: 17%;}
.qna-write.join li > .con {width: 83%;}
.qna-write.join li > .not {color: #989797; font-size: 14px; margin-left: 15px;}
.qna-write li input, .qna-write li select {font-size: 15px; border: 1px solid #cccccc; height: 40px; padding: 0 10px;}
.qna-write li input {width: 270px;}
.qna-write li input.mgr {margin-right: 10px;}
.qna-write li .input-wrap label {margin-right: 10px; color: #666;}
.qna-write li .input-wrap.i2 input:first-child {margin-right: 5px;}
.qna-write li .mgt {margin-top: 5px;}
.qna-write li .email01 {width: 190px; margin-right: 5px;}
.qna-write li .at {text-align: center;}
.qna-write li .email02 {width: 220px;margin-left: 8px;}
.qna-write li .email03 {margin-left: 8px;}
.qna-write li select {width: 270px; background: url(/Template03_common/images/homepage/board/faq_open.png) right 10px center no-repeat;}
.qna-write li.birth select {width: 130px; margin-right: 5px; background-position: right 10px center;}
.qna-write li textarea {width: 595px; border: 1px solid #cccccc; vertical-align: top; padding: 10px;}
.qna-write li input.title {width: 595px;}

.qna-write li .select-wrap {width: 270px; overflow: hidden; vertical-align: middle;}
.qna-write li .select-wrap .select {float: left; width: 48.5%; margin-right: 3%;}
.qna-write li .select-wrap .select:nth-child(2n) {margin-right: 0;}
.qna-write li .select-wrap .select select {width: 100%;}
.qna-write li .people-wrap {overflow: hidden;}
.qna-write li .people-wrap .select-wrap {float: left;}
.qna-write li .people-wrap .refer {float: left; margin-left: 7px; margin-top: 10px; font-size: 14px;}
.qna-write li .radio-wrap {}
.qna-write li .radio-wrap.mgl {margin-left: 30px;}
.qna-write li .radio-wrap .radio {margin-right: 30px;}
.qna-write li .radio-wrap .radio:last-child {margin-right: 0;}
.qna-write li .radio-wrap .radio label {color: #666;}
.qna-write li .card-wrap {width: 100%;}
.qna-write li .card-wrap .ex, .qna-write li .card-wrap .num, .qna-write li .card-wrap .btw {float: left;}
.qna-write li .card-wrap .ex {width: 75px; font-size: 15px; line-height: 40px; color: #666;}
.qna-write li .card-wrap .num {/* width: calc(100% - 300px); */ margin-right: 10px; overflow: hidden;}
.qna-write li .card-wrap .num .input {float: left; width: calc(25% - 8px); max-width: 100px;}
.qna-write li .card-wrap .num .input:last-child {margin-right: 0;}
.qna-write li .card-wrap .num .ds {float: left; width: 16px; line-height: 40px; text-align: center;}
.qna-write li .card-wrap .btw {width: 187px; overflow: hidden;}
.qna-write li .card-wrap .btw .bt {margin-right: 7px; float: left;}
.qna-write li .card-wrap .btw .bt:last-child {margin-right: 0;}
.qna-write li .point-wrap {width: 100%; max-width: 260px; padding-top: 7px;}
.qna-write li .point-wrap .line {width: 100%; display: table; table-layout: fixed; overflow: hidden; word-break: break-all; margin-bottom: 15px;}
.qna-write li .point-wrap .line .kind {width: auto; display: table-cell; color: #222; font-size: 15px;}
.qna-write li .point-wrap .line .point {width: 100px; display: table-cell; text-align: right; color: #d11241; font-size: 16px; font-weight: 700;}
.qna-write li .list-style.mgt {margin-top: 25px;}
.qna-write li .list-style ul li {padding: 0!important; padding-left: 12px!important; font-size: 15px;/*  position: relative; color: #666; text-align: left; line-height: 1.6; margin-bottom: 2px; */}
.qna-write li .list-style ul li.n {padding-left: 0!important;}
.qna-write li .name-wrap {}
.qna-write li .name-wrap .name {margin-right: 12px;}
.qna-write li .name-wrap .name:last-child {margin-right: 0;}
.qna-write li .name-wrap .lang {margin-right: 7px;}
.qna-write li .name-wrap .input input {width: 220px;}

.qna-write .upload-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.qna-write .upload-label {display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; color: #fff; vertical-align: middle; background: #3d3d3d;
						cursor: pointer; margin-left: 5px;} 
.qna-write .upload-name {display: inline-block; height: 40px; line-height: 40px; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; 
			border-bottom-color: #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

@media screen and (max-width: 970px){
	.board-privacy-box {padding: 25px 30px; font-size: 14px;}
	.board-privacy span {position: relative; display: block; text-align: right;}
	.qna-write li > .tit {width: 14%; font-size: 15px;}
	.qna-write li > .tit em {font-size: 22px; vertical-align: -7px;}
	.qna-write li > .con {width: 86%;}
	.qna-write li > .tit.mBlock, .qna-write li > .con.mBlock {float: none!important; width: 100%!important;}
	.qna-write.join li > .con {width: 83%;}
	.qna-write li > .con .text {font-size: 15px;}
	/* .qna-write li input {width: 38%;} */
	.qna-write li .email-wrap {overflow: hidden; width: 70%;}
	.qna-write li .email-wrap .email01, .qna-write li .email-wrap .email02, .qna-write li .email-wrap .at {float: left; margin: 0;}
	.qna-write li .email-wrap .email01 {width: 38%;}
	.qna-write li .email-wrap .at {width: 8%; line-height: 30px;}
	.qna-write li .email-wrap .email02 {width: 54%; margin-left: 0;}
	.qna-write li .email03 {width: 70%; margin-top: 8px; margin-left: 0;}
	.qna-write li textarea {width: 85%;}
	.qna-write li > .con textarea {width: 100%;}
	.qna-write li input.title {width: 85%;}	
	.qna-write li > .con input.title {width: 100%;}
	.qna-write li .radio-wrap {display: block; margin-top: 8px;}
	.qna-write li .radio-wrap.nmgt {margin-top: 0;}
	.qna-write li .radio-wrap.mgl {margin-left: 0;}	
	
	.qna-write li .card-wrap {margin-top: 12px;}
	.qna-write li .card-wrap .ex {display: none;}
	.qna-write li .point-wrap .line {margin-bottom: 10px;}
	.qna-write li .point-wrap .line .kind {color: #888;}
}

@media screen and (max-width: 768px){
	
	.qna-write.join li > .tit {width: 24%;}
	.qna-write.join li > .con {width: 76%;}
	.qna-write.join li > .con input {width: 45%;}
	.qna-write.join li .not {font-size: 13px;}
	.qna-write li .input-wrap input {float: left;}
	.qna-write li .input-wrap input:last-child {margin-right: 0!important;}
	.qna-write li .input-wrap.i2 input {float: left; width: 49%; margin-right: 2%;}
	.qna-write li .select-wrap {overflow: hidden; width: 100%;}
	.qna-write li .select-wrap select {float: left;}
	.qna-write li .select-wrap select:last-child {margin-right: 0!important;}
	.qna-write li .select-wrap.s3 select {width: 32%; margin-right: 2%;}
	
	.qna-write li > .con .data-datepicker {width: 48.5%;}
	.qna-write li > .con .data-datepicker .input {width: 100%;}
	.qna-write li > .con .data-datepicker .input input {width: 100%;}
		
	.qna-write li .people-wrap {width: 100%;}
	.qna-write li .people-wrap .select-wrap .select {width: 100%; margin-bottom: 12px;}
	.qna-write li .people-wrap .refer{margin-top: 0; margin-left: 0; font-size: 13px;}
		
	.qna-write li .radio-wrap .radio label {font-size: 13px;}
	.qna-write li .card-wrap .num, .qna-write li .card-wrap .btw {display: block; float: none; width: 100%; clear: both;}
	.qna-write li .card-wrap .num {margin-right: 0;}
	.qna-write li .card-wrap .btw {margin-top: 12px;}
	
	.qna-write li .name-wrap .name {margin-right: 0; margin-bottom: 12px;}
	.qna-write li .name-wrap .name:last-child {margin-bottom: 0;}
	
	.qna-write li .list-style ul li {font-size: 13.5px;}
}

@media screen and (max-width: 640px){
	.board-privacy-box {margin-bottom: 15px; padding: 18px 22px; font-size: 13px;}
	.board-privacy input[type="checkbox"] + label {font-size: 14px;}
	.board-privacy input[type="checkbox"] + label strong {width: 20px; height: 20px;}
	.board-privacy span {font-size: 12px; display: block; margin-top: 10px;}
	
	.qna-write {font-size: 14px; margin-top: 30px;}
	.qna-write li {padding: 10px 0;}
	.qna-write li input, .qna-write li select {height: 35px; font-size: 13px; padding: 0 6px;}
	.qna-write li > .tit {font-size: 14px; line-height: 35px;}
	.qna-write li > .tit.email {height: 65px;}
	.qna-write li > .tit em {margin-left: 0;}
	.qna-write li > .con .text {font-size: 14px; padding-top: 6px;}
	.qna-write li > .con .bt {height: 35px; line-height: 35px; font-size: 13px; min-width: 80px;}
	.qna-write li select {display: block; width: 100%; background-size: 12px 7px;}
	.qna-write li.birth select {display: inline-block;}
	.qna-write li input {width: 100%;}
	.qna-write li input.email01 {margin-right: 0px; width: 30%;}
	.qna-write li input.email02 {margin-left: 3px;  width: 40%;}
	.qna-write li #selectEmail {margin-top: 2.5%;}
	.qna-write li .email-wrap {overflow: hidden; width: 100%;}
	.qna-write li .email-wrap .email01, .qna-write li .email-wrap .email02, .qna-write li .email-wrap .at {float: left;}
	.qna-write li .email-wrap .email01 {width: 35%!important;}
	.qna-write li .email-wrap .at {width: 8%; line-height: 30px; font-size: 12px;}
	.qna-write li .email-wrap .email02 {width: 57%!important; margin-left: 0;}
	.qna-write li .email03 {width: 100%; margin-top: 8px; margin-left: 0;}
	.qna-write li textarea {width: 83%;}
	.qna-write li input.title {width: 83%;}
	
	.qna-write li .radio-wrap {margin-top: 3px;}
	.qna-write li .card-wrap {margin-top: 8px;}
	.qna-write li .card-wrap .num {width: 100%;}
	.qna-write li .card-wrap .num .input {width: calc(25% - 12px); max-width: inherit;}
	.qna-write li .card-wrap .num .ds {line-height: 35px;}
	
	.qna-write li .name-wrap {width: 100%;}
	.qna-write li .name-wrap .name {width: 100%; display: table;}
	.qna-write li .name-wrap .name .lang {display: table-cell; margin-right: 0;}
	.qna-write li .name-wrap .name .input {display: table-cell;}
	.qna-write li .name-wrap .name .input input {width: 100%;}
}

@media screen and (max-width: 400px){
	.qna-write li > .con .data-datepicker {width: 100%;}
	
	.qna-write li > .tit em {font-size: 18px; vertical-align: -5px;}
	.qna-write li > .con p {font-size: 13px;}
	.qna-write.join li > .tit {width: 32%;}
	.qna-write.join li > .con {width: 68%;}
	.qna-write li > .con .mgl {margin-left: 0;}
	.qna-write li > .con #btnDup {margin-top: 8px;}
	.qna-write li > .con input, .qna-write li .con select {width: 100%;}
	.qna-write.join li > .con input, .qna-write.join li .con select {width: 100%;}
	.qna-write li .input-wrap.i2 input:first-child {margin-top: 0;}
	.qna-write li .input-wrap.i2 input {width: 100%; float: none; margin-top: 8px; margin-right: 0;}
	.qna-write li .select-wrap.s3 select {width: 100%; float: none; margin-top: 8px; margin-right: 0;}
	.qna-write li .radio-wrap .radio {margin-right: 0; display: block;}
	
	.qna-write li .point-wrap {max-width: 100%;}
	.qna-write li .point-wrap .line .kind {font-size: 13px; color: #888;}
	.qna-write li .point-wrap .line .point {font-size: 14px;}
}

@media screen and (max-width: 400px){
	.qna-write li > .tit {width: 21%;}
	.qna-write li > .con {width: 79%;}
	.qna-write li input.email01 {width: 35%;}
	.qna-write li input.email02 {width: 40%;}
	.qna-write li textarea {width: 78%;}
	.qna-write li input.title {width: 78%;}
}