@charset "utf-8";

/*BtnArea*/
.BtnArea {text-align: center;margin-bottom: 3rem;margin-top: 3rem;}
.BtnArea button {background:#1B2539;border:0;color:#fff;cursor:pointer;font-size:1.6rem;min-width:10rem;font-family:inherit;height:5rem;padding:0 4rem;font-weight: 600;}
.BtnArea button:hover {background:#005DBC; border-color:#005DBC; color:#fff; transition:all .2s; border-radius: 0.5rem;}
.gallery .BtnArea, .board-list .BtnArea{text-align: right;}
@media screen and (max-width: 640px) {
	.BtnArea button {min-width: 8rem;padding: 0 2rem;}
}
/* 페이지,검색영역*/
div.board_info {/* clear:both; */font-size:17px;overflow:hidden;position:relative;margin-bottom:25px;display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;flex-wrap: wrap;}
div.board_info .page_info {color:#666;/* float:left; */margin-top:8px;font-size: 1.5rem;}
div.board_info .page_info .txt_bold {font-weight: 600;}
div.board_info .page_info strong {color: #fd6800}
/*검색*/
div.board_info .Search_rss {/* float:right; *//* text-align:right; */width: 60%;}
div.board_info .Search_rss a.icon_rss {display:none}
div.board_info fieldset {/* clear:both; */display: flex;width:100%;position:relative;overflow:hidden;justify-content: flex-end;/* gap: 1rem; *//* flex-wrap: wrap; */}
div.board_info fieldset select, 
div.board_info fieldset input, 
div.board_info fieldset button {background-color:#fff;border:1px solid #ddd;/* border-right:0; */border-radius:0;display: inline-block;width:100%;height:100%;padding:0 5px}
div.board_info fieldset span {display: flex;height:40px;/* margin-left:-4px; */vertical-align:middle;justify-content: center;align-items: center;}
div.board_info fieldset span:first-of-type {margin-left:0}
div.board_info fieldset span.form-select {width:25%;/* margin-left: 1rem; */min-width: 13rem;}
div.board_info fieldset span.form-select + span.form-select{margin-left:1rem;}
div.board_info fieldset span.form-input {width:40%;margin-left: 1rem;}
div.board_info fieldset span.form-btn {width:5rem;}
div.board_info fieldset span.form-btn button {background-color:#353c47; border:1px solid #353c47; color:#fff; cursor:pointer; font-size:0; position:relative; transition:background .2s; vertical-align:top}
div.board_info fieldset span.form-btn button:before {content:'';position:absolute;top:6px;left: 50%;background: url('/brand/img/sub/svg/search-line-white.svg') center center/contain no-repeat;width:24px;height:24px;right: 0;transform: translateX(-50%);}
div.board_info fieldset span.form-btn button:hover,div.board_info fieldset button:focus {background-color:#005DBC}

/* 갤러리 리스트 2018-11-27 수정*/
.galleryList {border-top: 2px solid #454B56;border-bottom: 1px solid #fff;clear:both;overflow:hidden;padding: 40px 0 5px;}
.galleryList ul li {float:left; width:31.59%; margin:0 2.6% 25px 0; overflow:hidden; transition:transform 220ms}
.galleryList ul li:nth-child(3n) {margin-right:0}
.galleryList ul li a {border:1px solid #DCDCDC;color:#333;display:block;padding: 2rem;}
.galleryList ul li a:hover{text-decoration:none;}
.galleryList ul li a .thumb {background: #F6F6F6;display:block;overflow:hidden;width:100%;height:200px;margin:0 auto;position:relative;text-align:center;border-radius: .8rem;}
.galleryList ul li a .thumb img {display:block; transition:all .3s; margin:0 auto; width:100%; height:100%}
.galleryList ul li a .thumb span.bg {display:block; height:100%; position:absolute; left:0; top:0; width:100%; z-index:-1; opacity:0.2}/*해당사진배경효과*/
.galleryList ul li a span.txt {border: none;display:block;height:auto;padding:15px 20px;position:relative}
.galleryList ul li a span.txt strong {color:#000;display:block;font-size: 2rem;/* font-weight:normal !important; */overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:all .3s;font-weight: 700;}
.galleryList ul li a span.txt span.date {display:flex; justify-content:space-between; color: #151515;font-size:14px;margin-top: 2rem;}
.galleryList ul li a span.txt span.date span{display:inline-block; padding-left:1.5rem; position:relative;}
.galleryList ul li a span.txt span.date .name:before {content:'';position:absolute;top:2px;left: 0;background: url('/brand/img/sub/svg/user-line.svg') 0 0 no-repeat;width:11px;height:13px;}
.galleryList ul li a span.txt span.date .day:before {content:'';position:absolute;top:2px;left: 0;background: url('/brand/img/sub/svg/map-pin-time-line.svg') 0 0 no-repeat;width:11px;height:13px;}

/*효과*/
.galleryList ul li:hover {box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.1);  transition:transform 220ms}
.galleryList ul li:hover a:hover{text-decoration:none;}
.galleryList ul li:hover span.txt strong {text-decoration:underline}

/* 웹진형 */
.webzineList ul li {border:1px solid #ddd; margin-bottom:25px; width:100%}
.webzineList ul li:last-child {margin-bottom:0}
.webzineList ul li a {clear:both; display:block; overflow:hidden}
.webzineList ul li a:hover .txtbox strong {text-decoration:underline}
.webzineList ul li .thumb {display:block; float:left; width:30.66%}
.webzineList ul li .thumb img {display:block; width:100%; height:200px; transition:all .3s}
.webzineList ul li .txtbox {border-top:0; display:block; float:left; padding:3%; width:69.34%}
.webzineList ul li .txtbox strong {color:#000; display:inline-block; font-size:18px; font-weight:500; position:relative; width:99.9%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.webzineList ul li .txtbox .con-txt {display:block;/*  height:50px; overflow:hidden; */ margin:15px 0}
.webzineList ul li .txtbox span {font-size:14px}

/*게시물형*/
.tstyle_list {border-top: 2px solid #454B56;border-bottom:1px solid #AAAAAA;font-size: 17px;}
.tstyle_list > div > ul {display: table;table-layout:fixed;width:100%;clear:both;overflow:hidden;justify-content: space-between;}
.tstyle_list > div > ul > li {box-sizing:border-box;display:table-cell;font-weight:normal;min-height: 60px;padding: 15px;text-align:center;text-overflow:ellipsis;/*white-space:nowrap;*/width: 14%;vertical-align:middle}
.tstyle_list > div > ul > li:first-child{border-left:0}
.tstyle_list > div.dhead {border-bottom: 1px solid #454B56;}
.tstyle_list > div.dhead > ul li {/* background:#f9f9f9; */color:#333;font-weight: 700;}
.tstyle_list > div.dbody > ul {border-bottom:1px solid #e4e4e4}
.tstyle_list > div.dbody > ul:last-child {border-bottom:0}
.tstyle_list > div.dbody > ul.notice {background:#f9f9f9}
.tstyle_list > div.dhead > ul li.title,
.tstyle_list > div.dbody > ul > li.title {width:auto}
.tstyle_list > div.dbody > ul > li a {color:#000; display:block; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; width:99.9%}
.tstyle_list > div.dbody > ul > li a:hover {text-decoration:underline}
.tstyle_list > div.dbody > ul > li a.btn-line {color:none; display:inline-block; width:auto}
.tstyle_list > div.dbody > ul > li a.btn-line:hover {color:#fff; text-decoration:none}

/*콘텐츠 없을 때*/
.tstyle_list > div.dbody > div.nodata {text-align:center; padding:50px 0; width:100%}

/* 갤러리 글쓰기*/
.tstyle_write {width:100%; margin-bottom:30px}
.tstyle_write tbody {border-top: 2px solid #464646}
.tstyle_write tbody th >label {color:#333;font-weight: 700;min-height: 5rem;display: inline-block;vertical-align: middle;padding: 1.5rem 0;}
.tstyle_write tbody th {background:#fcfcfc; padding:8px 16px; border-bottom:1px solid #e2e3e6; word-break:keep-all}
.tstyle_write tbody td {padding:8px 16px;line-height: 1.6; border-bottom:1px solid #e2e3e6; word-break:keep-all; border-left:1px solid #eaeaea}
.tstyle_write tbody td.tb_contents .content {width:99%;padding: 2rem;}
.tstyle_write tbody tr.add_file th {background-color:#fff}
.tstyle_write tbody tr.add_file td {background:url(/upload/skin/board/basic/line_bar.gif) no-repeat left center; border-left:0}
.tstyle_write tbody tr.add_file th span {font-size:11px; font-weight:normal; color:#717171}
.tstyle_write tbody tr.add_file input {border:none !important;/* font-size:13px; */padding:0}
.tstyle_write tbody tr.file_info th {border-left:none; background:#FCFCFC; padding:10px 0; font-size:13px; font-weight:normal; color:#717171}
.tstyle_write input[type="file"]{font-size: 1.7rem;}
.tstyle_write .help.gallery_help{font-size:1.5rem; margin-top:0.5rem;}
@media screen and (max-width: 640px) {
	
	.tstyle_write colgroup {display:none}
	.tstyle_write tr {display:block; padding:1rem}
	.tstyle_write th {color:#afafaf;  background:none; text-align: left;display:block; line-height:inherit; padding:0}
	.tstyle_write td {color:#000; display:block; padding:0; margin-top:0.3rem; min-height:2.7rem}
	.tstyle_write td .i-info.diInB {height:auto; line-height:1.4; margin-top:1rem}
	.tstyle_write tbody th {border-bottom: none;color: #151515;}
	.tstyle_write tbody td{border-left: none;background: none;}
	.tstyle_write .form_select {width:100%}
	.tstyle_write .form_textbox {width:100%}
    .tstyle_write tbody tr.add_file td{background:none;}
}

/*Board 이전글, 다음글*/
.list_board {border-top:1px solid #919191; border-bottom:1px solid #919191; margin-bottom:20px}
.list_board li {border-top:1px solid #e2e3e6; padding:7px}
.list_board li a:hover {text-decoration:underline}
.list_board li:first-child {border:0}
.list_board li:first-child span {background-position:-73px 5px}
.list_board li span {color:#333; font-weight:normal; padding:0 15px 0 20px; display:inline-block; background:url(/upload/skin/board/basic/ico_group.png) no-repeat -73px -7px; width:40px; height:18px}

/* file list */
.attach_file li {padding-left: 17px; background: url(/upload/skin/board/basic/ico_group.png) no-repeat -6px -126px;	}	

/*programNav*/
#content .board_pager {clear:both; margin:30px auto; text-align:center; overflow:hidden}
#content .board_pager .inner {display:table; margin:0 auto}
#content .board_pager a {box-sizing:border-box;border:1px solid #ddd;color:#999;display: inline-block;font-size:14px;text-align:center;padding:5px 0 4px;width: 40px;margin:0 2px;vertical-align: 12px;line-height:normal;border-radius: 50%;height: 40px;/* display: flex; */}
#content .board_pager a.pageNone {border:0 none; color:#373737}
#content .board_pager a.pageNone:hover {border:1px solid #ddd; transition:all .2s}
#content .board_pager a.pageNow {background: #0E45A5;border-color: #0E45A5;color:#fff}
#content .board_pager a.pageNow strong {color:#fff;line-height: 3rem;padding: 1rem 0;}	
#content .board_pager a.pageFirst,
#content .board_pager a.pagePrev,
#content .board_pager a.pageNext,
#content .board_pager a.pageLast {font-size:0}
#content .board_pager a:before{font-size:12px;font-weight:bold;font-family:'icomoon' !important;line-height: 30px;}
#content .board_pager a.pageFirst:before{content:'\e910'}
#content .board_pager a.pagePrev:before{content:'\e90f'}
#content .board_pager a.pageNext:before{content:'\e924'}
#content .board_pager a.pageLast:before{content:'\e926'}	

/* comment */
div.CommentWrap > .cmtForm {background:#f7f7f7; border:1px solid #e4e4e4; padding:20px}
div.CommentWrap > .cmtForm h4{font-size:18px; font-weight:normal; font-weight:500; margin-bottom:15px}
div.CommentWrap > .cmtForm h4 span.re-num {color:#d85430; vertical-align:0}

div.CommentWrap div.commentList {border:1px solid #e4e4e4; padding:20px; margin-top:-1px}
div.CommentWrap div.commentList ul li {border-top:1px solid #fff; padding:10px 0; position:relative}
div.CommentWrap div.commentList ul li:first-child {border:none}
div.CommentWrap div.commentList ul li > span.name {color:#444; font-size:14px; font-weight:500}
div.CommentWrap div.commentList ul li > span.date {color:#999; font-size:14px; margin:0 3px}

div.CommentWrap div.commentList ul li span.cmtBtnGroup {border:1px solid #ddd; border-radius:50px; position:absolute; right:0; top:9px; display:block}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span {box-sizing:border-box; display:inline-block; padding:3px 7px 2px 22px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtUpt {background:url('/mvote/img/common/icon-modify-g.png') no-repeat 2px 2px; background-size:20px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtDel {background:url('/mvote/img/common/icon-del.png') no-repeat 2px 2px; background-size:20px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.btn-recomment {background:url('/mvote/img/common/icon-recomment-g.png') no-repeat 2px 2px; background-size:20px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:nth-child(2),
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:nth-child(3){border-left:1px solid #ddd}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:first-child {border-left:0}

div.CommentWrap div.commentList ul li > span.comment {display:block; font-size:15px; color:#666; font-weight:500; word-break:break-all}
div.CommentWrap div.commentList ul li.re_comment {background:#f8f8f8; padding:15px}
div.CommentWrap div.commentList ul li.re_comment:last-child {border-bottom:0}
div.CommentWrap div.commentList ul li > span.new {background:#51b69f; border-radius:50px; display:block; width:7px; height:7px; position:absolute; top:21px; left:0}
div.CommentWrap div.commentList ul li.re_comment > span.new {background:#51b69f; border-radius:50px; display:block; width:7px; height:7px; position:absolute; top:21px; left:-10px}
/*답변*/
div.CommentWrap div.cmtForm fieldset{width:100%; padding:0}
div.CommentWrap div.cmtForm div.memo {background:#fff; border:1px solid #D9D9D9; clear:both; position:relative; overflow:hidden}
div.CommentWrap div.cmtForm div.memo span.num {color:#999; font-size:12px; display:block; position:absolute; bottom:5px; left:10px}
div.CommentWrap div.cmtForm div.memo span.num > span#opinionLength {color:#ff6600}
div.CommentWrap div.cmtForm div.memo textarea{border:0; box-sizing:border-box;  -webkit-appearance:none; -webkit-border-radius:0; float:left; font-size:14px; padding:10px 10px 0 10px; width:81%; height:43px}
div.CommentWrap div.cmtForm div.memo button{background:#2c3354; background-size:20px; border-radius:0; border:0; color:#fff; float:right; height:65px; width:19%; font-size:14px}
/*수정*/
div.spread_box {background:#fff; border:1px solid #D9D9D9; clear:both; position:relative; overflow:hidden}
div.spread_box textarea{border:0; box-sizing:border-box;  -webkit-appearance:none; -webkit-border-radius:0; float:left; font-size:14px; padding:10px 10px 0 10px; width:81%; height:43px}
div.spread_box button{background:#2c3354; background-size:20px; border-radius:0; border:0; color:#fff; float:right; height:65px; width:19%; font-size:14px}

/*수정/삭제 비밀번호입력*/
#questPW {clear:both; overflow:hidden}
#questPW .txtBox {background:url('/upload/skin/board/basic/icon-lock.png') no-repeat center top; padding-top:120px; position:relative; margin:50px 0; text-align:center}
#questPW .txtBox .title {color:#666; font-size:15px; margin-bottom:10px}
#questPW .txtBox .pw_div {display:inline-block}
#questPW .txtBox .pw_div input {border:1px solid #ddd; padding:5px; width:140px; height:38px}
#questPW .txtBox .font_red {color:#cc3300; padding-top:20px; display:block; word-break:keep-all}
#questPW .txtBox .btnWrap {display:inline-block; vertical-align:bottom}
#questPW .txtBox .btnWrap button {background:#6d7c90; border:1px solid #6d7c90; color:#fff; padding:0 24px; line-height:36px; display:block; float:left; margin-left:1px; transition:all .2s}
#questPW .txtBox .btnWrap button:hover {background:#fff; color:#6d7c90}

/*Board View 2018-12-06 손윤하 수정*/
div.tstyle_view {border-top:2px solid #454B56; font-size:17px; margin-bottom:30px}
div.tstyle_view div.title {/* background:#f9f9f9; */color:#333;clear:both;font-size: 2.8rem;line-height:1.6em;font-weight: 800;padding:25px 20px;text-align: center}
div.tstyle_view ul.head {background: #F9F9FB;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;width:100%;text-align:center;padding: 2rem 0;}
div.tstyle_view ul.head li {display:inline-block; margin-left:-4px; padding:10px}
div.tstyle_view ul.head li strong {font-weight:500; position:relative; padding-right:5px}
div.tstyle_view ul.head li strong:after {content:':'; padding-left:5px; vertical-align:1px}
div.tstyle_view div.tb_contents {clear:both;font-size: 1.7rem;padding: 40px 20px;border-bottom:1px solid #e2e3e6;/* word-break:keep-all; */font-weight: 400;line-height: 1.8;}
div.tstyle_view div.tb_contents .player video {width:100% !important}

/*첨부파일*/
div.tstyle_view ul.add_file {border-top: 1px solid #E4E4E4;border-bottom: 1px solid #AAAAAA;box-sizing:border-box;clear:both;padding:15px 20px 10px;margin-top:-1px;overflow:hidden}
div.tstyle_view ul.add_file li {box-sizing:border-box; border-bottom:1px dashed #e2e3e6; clear:both; padding:8px 0; position:relative; overflow:hidden}
div.tstyle_view ul.add_file li:last-of-type {border-bottom:0}
div.tstyle_view ul.add_file li > strong{box-sizing:border-box;display:block;float:left;width:89%;position:relative;margin-bottom: 1rem;}
div.tstyle_view ul.add_file li > strong:before {color:#fff; display:inline-block; font-size:11px; width:30px; text-align:center; line-height:19px; vertical-align:2px}
div.tstyle_view ul.add_file li > strong span.fileSize {color:#999; display:inline-block; font-size:12px}
div.tstyle_view ul.add_file li > span.link{float:left}
div.tstyle_view ul.add_file li > strong img {vertical-align:-2px}


/**/
.process {padding: 2rem 5rem;border-radius: 1rem;background: #F3F5FA; } 
 .process .group {display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap; } 
 .process .group .item {display: flex;justify-content: space-between;align-items: center;  } 
 .process .group .item dt {font-weight: 700; } 
 .process .group .item dd {margin-left: 1rem; } 

 .process .group .item.item_fr dd span{padding: 0.5rem 2rem;border-radius: 1rem;}
 .process .group .item.item_fr dd span.state-ready {background: #DCDFE5;} 
.process .group .item.item_fr dd span.state-ok {background: #003469;color: #fff; } 
.process .group .item.item_fr dd span.state-no {background: #a80906;color: #fff; }
span.state-ready {background: #DCDFE5; padding: 0.5rem 2rem;border-radius: 1rem;} 
span.state-ok {background: #003469;color: #fff;  padding: 0.5rem 2rem;border-radius: 1rem;}
span.state-no {background: #a80906;color: #fff;padding: 0.5rem 2rem;border-radius: 1rem; }

 @media screen and (max-width:480px) {
	 .process {padding: 2rem ;}
	 .process .group .item{width:100%; justify-content:flex-start;}
	 .process .group .item + .item{margin-top:1rem}
 }

@media screen and (max-width:1024px) {
	.tstyle_list > div > ul > li:nth-child(1){width:10% !important;}
	.tstyle_list > div > ul > li:nth-child(4),.tstyle_list > div > ul > li:nth-child(6){width:14%;}
	 .W7 , .W8 {width:11% !important;}
}
@media screen and (max-width:768px) {
	/* 게시판 검색*/
	div.board_info .Search_rss {width:63%}
	div.board_info fieldset .form-input {width:62%}
	div.board_info fieldset button:before {/* margin-left:-14%; */}
	
	/* 갤러리 리스트 2018-11-27 수정*/
	.galleryList {padding:25px 0 5px;/* border-top:1px solid #919191; *//* border-bottom:1px solid #919191; */}
	.galleryList ul {clear:both; overflow:hidden}
	.galleryList ul li {float:left; width:48.7%; margin:0 2.6% 25px 0; overflow:hidden}
	.galleryList ul li:nth-child(3n) {margin-right:2.6%}
	.galleryList ul li:nth-child(2n) {margin-right:0}
	.galleryList ul li a span.txt {padding:15px 20px}
	.galleryList ul li a span.txt strong {height:auto; -webkit-line-clamp:1}
	.galleryList ul li a span.txt span.date {margin:5px 0 0 0}
	
	/* 웹진형 2018-11-06 */
	.webzineList ul li .thumb {width:45%}
	.webzineList ul li .txtbox {width:55%}

	#content .board_pager a.pageNow strong {line-height: 3.4rem;}	
	div.board_info,.tstyle_list{font-size:1.6rem}
	.tstyle_list > div > ul > li:nth-child(1),
	.tstyle_list > div > ul > li:nth-child(6){width:14%;}
	
}

@media screen and (max-width:640px) {
	/* 게시판 검색*/
	div.board_info {margin-bottom:15px}
	div.board_info .Search_rss {background:#f9f9f9; border:1px solid #ddd; padding:5%; text-align:center; width:100%}
	div.board_info .page_info {/* float:right; */margin-top:15px}
	
	div.board_info fieldset span {margin-left:0}
	div.board_info fieldset span.form-select,
	div.board_info fieldset span.form-input,
	div.board_info fieldset span.form-btn {width:100%;}
	
	div.board_info fieldset select, div.board_info fieldset input {border-right:1px solid #ddd}
	div.board_info fieldset input {border-top:0;}
	div.board_info fieldset span.form-input,div.board_info fieldset span.form-select + span.form-select{margin-left:0;}
	
	/*programNav 19-01-24*/

	#content .board_pager a.pageFirst,
	#content .board_pager a.pageLast {display:none}
	div.board_info fieldset{flex-wrap:wrap;}
	.tstyle_list > div > ul {display: flex;table-layout: inherit;width:100%;clear: inherit;overflow:hidden;justify-content:flex-start;flex-wrap: wrap;position: relative; padding:2rem 0;}
	.tstyle_list > div.dhead{display: none;}
	.tstyle_list > div > ul > li{padding: 1rem; min-height:auto; position:relative; text-align:left; width:auto;}
	.tstyle_list > div > ul > li:nth-child(1){ width:auto !important; */font-weight: 600;}
	.tstyle_list > div.dbody > ul > li.title{width: 100%;font-weight: 600;}
	.tstyle_list > div.dbody > ul > li{width: auto;}
	.tstyle_list > div.dbody > ul > li.W13{width: auto!important;}
	.tstyle_list > div > ul > li:nth-child(4),.tstyle_list > div > ul > li:nth-child(6){width:auto;}
	

	
	
	
	
}

@media screen and (max-width:480px) {
	/* 갤러리 리스트*/
	.galleryList ul li {width:100%; margin-right:0}
	
	/* 웹진형 2018-11-06 */
	.webzineList ul li .thumb,
	.webzineList ul li .txtbox {width:100%}
	.webzineList ul li .txtbox {padding:20px}
}
/* 포스터형 */
.posterList ul li {border:1px solid #ddd;margin-bottom:25px;width: 33%;float: left;margin: 0 2.6% 25px 0;}
.posterList ul li:last-child {margin-bottom:0}
.posterList ul li a {clear:both; display:block; overflow:hidden}
.posterList ul li a:hover .txtbox strong {text-decoration:underline}
.posterList ul li .thumb {display:block;float:left;/* width:30.66% */}
.posterList ul li .thumb img {display:block;width:100%;height: 400px;transition:all .3s;}
.posterList ul li .txtbox {border-top:0;display:block;float:left;padding:3%;width:69.34%;}
.posterList ul li .txtbox strong {color:#000; display:inline-block; font-size:18px; font-weight:500; position:relative; width:99.9%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.posterList ul li .txtbox .con-txt {display:block;/*  height:50px; overflow:hidden; */ margin:15px 0}
.posterList ul li .txtbox span {font-size:14px}

/* 포스터형 */
@media screen and (max-width:480px) {
	.posterList ul li {border:1px solid #ddd; margin-bottom:25px; width:100%}
	.posterList ul li .thumb {display:block; float:left; width:30.66%}
	.posterList ul li .thumb img {display:block; width:100%; height:200px; transition:all .3s}
}

/*자동입력방지*/
.captcha {display: flex; justify-content: space-between; align-items: center;}
.captcha .img {display:inline-block; height:5.2rem; margin-right:1rem; vertical-align:middle; width:15rem}
.captcha .img img {display:block; width:100%; height:100%}
.captcha .desc {display: flex;height: 5.2rem;width:calc(100% - 16rem);}
.captcha .desc .btn {height: 3.6rem;width: 10rem;display: flex;justify-content: center;flex-wrap: wrap;gap: .2rem;align-items: center;}
.captcha .desc .btn button:first-child {margin-bottom: .1rem;}
.captcha .desc button {background-color:#7c7c7c; border-radius:.2rem; color:#fff; font-size:1.3rem; padding:0.3rem 1rem 0.3rem 0.5rem; border:none; display:inline-block; vertical-align:top; height:2.5rem; line-height:1}
.captcha .desc button i {vertical-align:-1px; margin-right:3px}
.captcha .desc input {border:1px solid #ddd;padding:0 1rem;height:4.6rem;display:block;}
@media screen and (max-width:768px){
	.captcha .desc .btn {height:3rem;width: 14rem;}
	.captcha .desc input {height:5rem;margin-left: 1rem;width: calc(100% - 2rem);}
}
@media (max-width:640px) { 
	.captcha .img {width:12rem; margin-right:0.5rem; height:7rem}
	.captcha .desc {width:calc(100% - 12.5rem)}
	.captcha .desc button {font-size:1.2rem; padding:0.3rem 0.5rem; font-size: 1.4rem; }
}
@media (max-width:480px) { 
	.captcha {flex-direction: column; justify-content: center;text-align: center;}
	.captcha .img {display: inline-block; margin-right: 0;}
	.captcha .desc {width: 100%;flex-direction: column;  height: auto; gap: 1rem;}
	.captcha .desc input{margin-left: 0;width: 100%;}
	.captcha .desc button + button {margin-left: 1rem;}
	.captcha .desc .btn{ margin-bottom: 1rem; width: 100%;}
}