@charset "utf-8";
/* .board.search */
.board.search{overflow:hidden;}
.board.search .regi-btn{display:inline-block; padding:10px 15px; background:#0eada8; border-radius:3px;}
.board.search .regi-btn span{display:block; line-height:100%; color:#fff; font-size:15px; padding-left:24px; background:url("/images/board/solu-icon-check.png") no-repeat left;}
.board.search .regi-btn:hover span{text-decoration:underline;}

.board.search .sel-input{}
.board.search .sel-input .sel{width:110px; margin-right:10px; float:left;}
.board.search .sel-input .sel select{width:100%; height:48px; float:left; border:1px solid #dbdbdb; font-size:15px; color:#666; padding:0px 5px; box-sizing:border-box;}

.board.search .sel-input .input{width:400px; float:left;}
.board.search .sel-input .input input[type="text"]{width:340px; height:48px; float:left; border:1px solid #dbdbdb; font-size:15px; color:#666;}
.board.search .sel-input .input input[type="submit"]{width:60px; height:48px; float:left; border:none; background:#535353; font-size:15px; color:#fff; font-weight:600; cursor:pointer; box-sizing:border-box;}

/* .boardList-total */
.boardList-total{display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}

.boardList-total .regi-btn{display:inline-block; padding:10px 15px; background:#0eada8; border-radius:3px;}
.boardList-total .regi-btn span{display:block; line-height:100%; color:#fff; font-size:15px; padding-left:24px; background:url("/images/board/solu-icon-check.png") no-repeat left;}
.boardList-total .regi-btn:hover span{text-decoration:underline;}

.boardList-total .totalTxt{font-size:15px; color:#555; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; padding-left:25px; background:url('/images/board/total-icon.png') left center no-repeat;}
.boardList-total .totalTxt strong{ font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#208aa0;}
.boardList-total .boardSearch{display:flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.boardList-total .boardSearch select, .boardList-total .boardSearch-input{border:1px solid #e1e1e1; box-sizing: border-box; background-color:#fff; letter-spacing: -0.5px;}
.boardList-total .boardSearch select {padding:10px 15px; padding-right:40px; background-image: url('/images/board/selectIcon.png'); background-position: right 15px center; background-repeat: no-repeat; font-size:15px; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#555;}
.boardList-total .boardSearch select::-ms-expand {display: none;}
.boardList-total .boardSearch select {-o-appearance: none; -webkit-appearance: none;-moz-appearance: none; appearance: none;}
.boardList-total .boardSearch-input{position:relative; display: flex; align-items: center; justify-content: space-between;}
.boardList-total .boardSearch-input input[type='text'], .boardList-total .boardSearch-input input[type='number']{border:none; background:none; font-size:15px; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#555; line-height:25px; width:200px;}
.boardList-total .boardSearch-input input[type='submit']{width:38px; height:38px; float:left; border:none; background:url("/images/board/search-icon.png") no-repeat center; font-size:0px; color:#fff; font-weight:600; cursor:pointer; box-sizing:border-box;}

	@media screen and (max-width:680px) {
		.boardList-total {flex-direction: column; align-items: flex-end;}
		.boardList-total .totalTxt{margin-bottom:10px;}
		.boardList-total form{width:100%;}
		.boardList-total .boardSearch select{width:100%; margin-right:0;}
		.boardList-total .boardSearch-input input[type='text'], .boardList-total .boardSearch-input input[type='number']{width:90%;}
		.boardList-total .boardSearch-input input[type='submit']{flex-shrink: 0; margin-left:0;}

		.boardList-total .boardSearch select, .boardList-total .boardSearch-input{width:100%;}
	}

	@media screen and (max-width:480px) {
		.boardList-total .boardSearch{flex-direction: column;}
		.boardList-total .boardSearch select{width:100%; margin-bottom:5px;}
		.boardList-total .boardSearch select, .boardList-total .boardSearch-input input[type='text'], .boardList-total .boardSearch-input input[type='number']{font-size:13px;}
		.boardList-total .boardSearch-input input[type='text'], .boardList-total .boardSearch-input input[type='number']{line-height: 19px;}
		.boardList-total .boardSearch-input input[type='submit']{width:19px; height:19px; background-size: 100%;}
	}

/* .photoListBox */
.photoListBox{padding:30px 0px; border-top:2px solid #555; border-bottom:1px solid #555;}
.photoListBox .photoListUl, .photoListBox .imgListWrap{display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; margin-right:-1.5%;}
.photoListBox .photoListUl .htoListCnt, .photoListBox .imgListWrap>li{width:31.8%; margin-right:1.5%; margin-bottom:20px;}
.photoListBox .photoListUl .htoListCnt > a{display:block;  border:1px solid #ccc; box-sizing: border-box; overflow:hidden; transition: all .3s ease-in-out;}
.photoListBox .photoListUl .htoListCnt .photoImg{position:relative; text-align:center; overflow:hidden; height:165px; overflow:hidden; box-sizing:border-box; background:url('/images/board/no-img.jpg') #f4f4f4 center; background-size:100%;}
.photoListBox .photoListUl .htoListCnt .photoImg img{width:100%; height:100%; object-fit:cover; transition: all 0.3s ease-out; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.photoListBox .photoListUl .htoListCnt > a:hover .photoImg img{transform:scale(1.1, 1.1) translateX(-50%) translateY(-50%);}
.photoListBox .photoListUl .htoListCnt .photoInfoBox{padding-top:20px; background:#f7f7f7;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox .photoTitle{font-size:18px; line-height:100%; color:#000; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0px 15px; box-sizing:border-box;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox .phptoInfo{padding:15px; display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox .phptoInfo p {font-size:15px; width:45%; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#555; padding-left:22px; box-sizing: border-box; background-position: left center; background-repeat: no-repeat; transition:all .3s ease-in-out; white-space: nowrap; overflow: hidden; }
.photoListBox .photoListUl .htoListCnt .photoInfoBox .phptoInfo .photoDate {background-image: url('/images/board/dayIcon_black.png'); background-position:left 60%;text-overflow: ellipsis;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox .phptoInfo .photoWriter {background-image: url('/images/board/writerIcon.png');}
.photoListBox .photoListUl .htoListCnt > a:hover{border-color:#208aa0; border-style:solid; background-color:#faffff;;}
.photoListBox .photoListUl .htoListCnt > a:hover .photoTitle{color:#208aa0; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}

.photoListBox .imgListWrap {text-align: center;}
.photoListBox .imgListWrap>li {background-color: #f3f5f9; border: 2px solid #f3f5f9; padding: 20px; box-sizing: border-box; border-radius: 10px; transition:all .3s ease-in-out;}
.photoListBox .imgListWrap>li .photoBtn {display: flex; justify-content: center; flex-wrap: wrap;}
.photoListBox .imgListWrap>li .photoBtn>li:first-child {margin-right: 5px;}
/* .photoListBox .imgListWrap li .photoBtn>li {width: 50%;} */
.photoListBox .imgListWrap>li .photoImg {background-color: #fff; border-radius: 10px; height: 290px; overflow: hidden;}
.photoListBox .imgListWrap>li .photoImg img {width: 100%; border-radius: 10px; transition:all .3s ease-in-out;}
.photoListBox .imgListWrap>li .photoInfoBox .photoTitle {font-size: 17px; color: #000; font-family: 'Pretendard-Regular','Malgun Gothic',sans-serif; margin: 25px 0; letter-spacing: -0.03em;}
.photoListBox .imgListWrap>li:hover {background-color: #fff; border: 2px solid #5175c1; box-sizing: border-box; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);}
.photoListBox .imgListWrap>li:hover .photoImg img{transform: scale(1.5); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1);}

	@media screen and (max-width:1600px) {
		.photoListBox .photoListUl .htoListCnt .photoImg{height:130px;}
		.photoListBox .imgListWrap>li .photoImg {height: 270px;}
	}

	@media screen and (max-width: 1300px) {
		.photoListBox .imgListWrap>li .photoImg {height: 222px;}
		.photoListBox .photoListUl .htoListCnt .photoImg{height:110px;}
		.photoListBox .photoListUl .htoListCnt .photoInfoBox .phptoInfo p {width:100%;}
		.photoListBox .photoListUl .htoListCnt .photoInfoBox .phptoInfo .photoWriter {margin-bottom:5px;}
	}

	@media screen and (max-width:1000px) {
		.photoListBox{padding:20px 0px;}
		.photoListBox .imgListWrap>li .photoInfoBox .photoTitle {font-size: 16px;}
		.photoListBox .photoListUl .htoListCnt .photoImg{height: 110px;}
	}

	@media screen and (max-width:768px) {
		.photoListBox{padding:10px 0px;}
		.photoListBox .photoListUl .htoListCnt, .photoListBox .imgListWrap>li{width:48.5%;}
		.photoListBox .imgListWrap>li .photoInfoBox .photoTitle {font-size: 16px; margin: 15px 0;}
		.photoListBox .photoListUl .htoListCnt .photoImg{height: 150px;}
	}

	@media screen and (max-width:480px) {
		.photoListBox .photoListUl {margin-right: 0;}
		.photoListBox .photoListUl .htoListCnt, .photoListBox .imgListWrap>li{width:100%; margin-right: 0;}
		.photoListBox .imgListWrap>li {padding: 15px 10px;}
		.photoListBox .imgListWrap>li .photoInfoBox .photoTitle {font-size: 15px; margin: 10px 0;}
		.photoListBox .photoListUl .htoListCnt .photoInfoBox .photoTitle{font-size:14px;}
		.photoListBox .photoListUl .htoListCnt .photoInfoBox .phptoInfo p {font-size:13px; padding-left:17px}
		.photoListBox .photoListUl .htoListCnt .photoInfoBox .phptoInfo .photoDate {background-size: 12px;}
		.photoListBox .photoListUl .htoListCnt .photoInfoBox .phptoInfo .photoWriter {background-size:13px; min-width:none;}
	}

/* .board.solu-list .info-txt */
.board .info-txt{text-align:right;}
.board .info-txt .btxt{position:relative; display:inline-block; font-size:15px; padding-left:30px; line-height:120%; font-weight:600;}
.board .info-txt .btxt:before{position:absolute; top:-2px; left:0px; display:block; border-radius:50%; width:22px; line-height:22px; text-align:center; background:#fdc10f; color:#fff; font-size:16px; content:"!";}
	
	@media screen and (max-width:680px) {
		.board .info-txt .btxt{font-size:14px; padding-left:24px;}
		.board .info-txt .btxt:before{top:0px; left:0px; width:18px; line-height:18px; font-size:14px; }
	}
	
	@media screen and (max-width:480px) {
		.board .info-txt{text-align:left;}

		.board .info-txt .btxt{font-size:13px;}
		.board .info-txt .btxt:before{font-size:13px; }
	}



/* .board-list */
.board-list{position:relative; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.board-list:after{clear:both; content:""; display:block;}
.board-list table.list01{position:relative; width:100%; border-collapse:collapse; clear:both; background:#fff; border-top:2px solid #333353;}
.board-list table.list01 thead th{background:#fff; color:#111; text-align:center; letter-spacing:-0.03em; padding:12px 0; font-size:15px; border-bottom:1px solid #999; font-weight:500;}
.board-list table.list01 thead th span{display: inline-block;width:100%; padding:0 12px; box-sizing: border-box; position: relative;}
.board-list table.list01 thead th:not(:last-child) span:before{content:''; display: block; width:1px; height:14px; position: absolute; right:0; top:50%; margin-top:-7px; background-color: #9d9d9d;}
.board-list table.list01 thead th:last-child span{border-right:0;}
.board-list table.list01 tbody tr{-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.board-list table.list01 tbody tr:hover{background:#f7f7f7;}
.board-list table.list01 tbody th{letter-spacing:-0.02em; padding:12px 10px; color:#111; border-bottom:1px solid #e7e7e7; font-size:16px; background:#fbfbfb; font-weight:500; text-align:center;}
.board-list table.list01 tbody td{font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#555; letter-spacing:-0.02em; padding:12px 10px; border-bottom:1px solid #dcdcdc; font-size:16px; text-align:center; word-break: break-all;}
.board-list table.list01 tbody tr:last-child td{border-color:#9d9d9d;}


.board-list table.list01 tbody td.notice span{ font-size:0px; display:inline-block; width:21px; height:21px; background:url("/images/board/notice-icon.png") no-repeat center;}
.board-list table.list01 tbody td.listNum{font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.board-list table.list01 tbody td.title:not(.physicalType){text-align:left;}
.board-list table.list01 tbody td.title > a{text-align:left;}
.board-list table.list01 tbody td.title a:hover{color:#2865a7; text-decoration:underline; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.board-list table.list01 tbody td.title span{margin-left:5px; font-size:11px; display:inline-block; border:1px solid #21a0c0; color:#21a0c0; background:#f2fcff; line-height:120%; padding:2px 5px; border-radius:4px;}
.board-list table.list01 tbody td .hits{display: none;}

.board-list table.list01 tbody td .icons{display:inline-block; vertical-align:middle;}
.board-list table.list01 tbody td .icons.att{width:31px; height:25px; background:url("../_Img/layout/bd-att-icon.png") no-repeat center;}

.board-list table.list01 tbody td .btn{display:inline-block; vertical-align:middle; padding:8px 15px; background:#000; color:#fff; font-size:14px; border-radius:4px; box-sizing:border-box;}
.board-list table.list01 tbody td .btn span{display:block; line-height:100%;}
.board-list table.list01 tbody td .btn.appr{background:#34468c;}
.board-list table.list01 tbody td .btn.appl{background:#4d5bbc;}
.board-list table.list01 tbody td .btn.stop{background:#cd7622;}
.board-list table.list01 tbody td .btn.chan{background:#fff; color:#535353; border:1px solid #535353; }

	@media only screen and (max-width:680px) {
		.board-list table.list01 colgroup{display:none;}
		.board-list table.list01 thead {display:none;}

		.board-list table.list01 tbody tr{display:block; padding:5px 10px 3px 10px; border-bottom:1px solid #e7e7e7;}

		.board-list table.list01 tbody th{text-align:left; font-size:13px; padding:0px 0px 3px 0px;}
		.board-list table.list01 thead th:not(:last-child) span:before{height:10px; margin-top:-5px;}
		.board-list table.list01 tbody td{position:relative; text-align:left; font-size:13px; padding:0px 0px 3px 0px; display:inline-block; border-bottom:none; box-sizing:border-box; color:#9b9b9b;}
		.board-list table.list01 tbody td:after{display:inline-block; line-height:120%; vertical-align:baseline; content: "/"; margin:0 8px; color:#9b9b9b;}
		.board-list table.list01 tbody td:last-child:after{display:none;}

		.board-list table.list01 tbody td.tit{display:block;  margin-right:0px; font-size:14px;}
		.board-list table.list01 tbody td.tit:after{display:none;}
		.board-list table.list01 tbody td .hits {display: inline-block; margin-right:5px;}

		.board-list table.list01 tbody td.mnone{display:none;}
		.board-list table.list01 tbody td.mblock{display:block; margin-right:0px;}
		.board-list table.list01 tbody td.mblock:after{display:none;}

		.board-list table.list01 tbody td .icons.att{width:26px; height:21px; background-size:26px;}

		.board-list table.list01 tbody td .btn{padding:5px 8px; font-size:12px;}
	}

/* .layer-wrap.appr */
.layer-wrap.appr{/*position:fixed; top:100px; left:50%; margin-left:-480px; z-index:99999999;*/ width:960px; display:none; box-sizing:border-box; background:#fff;}

.layer-wrap.appr .in-cont .chat-list{border:1px solid #dbdbdb; height:500px; padding:30px; box-sizing:border-box; overflow-y:auto;}
.layer-wrap.appr .in-cont .chat-list .list{}
.layer-wrap.appr .in-cont .chat-list .list li{margin-bottom:40px;}
.layer-wrap.appr .in-cont .chat-list .list li:last-child{margin-bottom:0px;}
.layer-wrap.appr .in-cont .chat-list .list li .chat{position:relative; display:inline-block; width:400px; padding:20px; background:blue; box-sizing:border-box; text-align:left;}
.layer-wrap.appr .in-cont .chat-list .list li .chat:before{position:absolute; top:0px; width:11px; height:13px; background:#000; content:"";}
.layer-wrap.appr .in-cont .chat-list .list li .chat .name-btxt{padding-bottom:10px; border-bottom:1px solid #000;}
.layer-wrap.appr .in-cont .chat-list .list li .chat .name-btxt .name{font-size:15px; color:#000; font-weight:600; line-height:120%; margin-bottom:10px; padding-left:24px;}
.layer-wrap.appr .in-cont .chat-list .list li .chat .name-btxt .btxt{font-size:15px; color:#000; line-height:120%;}

.layer-wrap.appr .in-cont .chat-list .list li .chat .btn-time{overflow:hidden; padding-top:10px;}
.layer-wrap.appr .in-cont .chat-list .list li .chat .btn-time .btn{float:left; padding:6px 15px; line-height:100%; background:#000; color:#fff; border-radius:3px; font-size:13px;}
.layer-wrap.appr .in-cont .chat-list .list li .chat .btn-time .btn:hover{text-decoration:underline;}
.layer-wrap.appr .in-cont .chat-list .list li .chat .btn-time .time{float:right; padding-left:24px; font-size:14px; color:#000;}

.layer-wrap.appr .in-cont .chat-list .list li.my{text-align:right}
.layer-wrap.appr .in-cont .chat-list .list li.my .chat{background:#61c2bf;}
.layer-wrap.appr .in-cont .chat-list .list li.my .chat:before{right:-11px; background:url("/images/board/chat-arrow-my.png") no-repeat center;}
.layer-wrap.appr .in-cont .chat-list .list li.my .chat .name-btxt{border-color:#fff;}
.layer-wrap.appr .in-cont .chat-list .list li.my .chat .name-btxt .name{color:#fff; background:url("/images/board/solu-icon-nameW.png") no-repeat left;}
.layer-wrap.appr .in-cont .chat-list .list li.my .chat .name-btxt .btxt{color:#fff;}
.layer-wrap.appr .in-cont .chat-list .list li.my .chat .btn-time .btn{background:#d56724;}
.layer-wrap.appr .in-cont .chat-list .list li.my .chat .btn-time .time{color:#fff; background:url("/images/board/solu-icon-timeW.png") no-repeat left;}

.layer-wrap.appr .in-cont .chat-list .list li.opp{text-align:left}
.layer-wrap.appr .in-cont .chat-list .list li.opp .chat{background:#ced0d1;}
.layer-wrap.appr .in-cont .chat-list .list li.opp .chat:before{left:-11px; background:url("/images/board/chat-arrow-opp.png") no-repeat center;}
.layer-wrap.appr .in-cont .chat-list .list li.opp .chat .name-btxt{border-color:#fff;}
.layer-wrap.appr .in-cont .chat-list .list li.opp .chat .name-btxt .name{color:#000; background:url("/images/board/solu-icon-nameB.png") no-repeat left;}
.layer-wrap.appr .in-cont .chat-list .list li.opp .chat .name-btxt .btxt{color:#333;}
.layer-wrap.appr .in-cont .chat-list .list li.opp .chat .btn-time .btn{background:#fff; color:#333; border:1px solid #989898;}
.layer-wrap.appr .in-cont .chat-list .list li.opp .chat .btn-time .time{color:#5e5e5e; background:url("/images/board/solu-icon-timeB.png") no-repeat left;}

.layer-wrap.appr .pop-appr-close{position:absolute; top:20px; right:30px; display:block; width:40px; height:40px; background:url("/images/board/pop-close-btn.png") no-repeat center;}

/* .layer-wrap.change */
.layer-wrap.change{/*position:fixed; top:100px; left:50%; margin-left:-370px; z-index:99999999;*/ width:740px; display:none; box-sizing:border-box; background:#fff;}

.layer-wrap.change .in-cont .radios{overflow:hidden;}
.layer-wrap.change .in-cont .radios .radio{display:inline-block; margin-right:40px;}
.layer-wrap.change .in-cont .radios .radio input[type="radio"]{display:inline-block; vertical-align:middle;}
.layer-wrap.change .in-cont .radios .radio label{display:inline-block; vertical-align:middle; color:#333; font-size:14px; line-height:140%;}

.layer-wrap.change .in-cont .text{}
.layer-wrap.change .in-cont .text textarea{width:100%; height:120px; padding:10px; font-size:14px; color:#333; box-sizing:border-box;}

.layer-wrap.change .pop-change-close{position:absolute; top:20px; right:30px; display:block; width:40px; height:40px; background:url("/images/board/pop-close-btn.png") no-repeat center;}

/* .board-write */
.board-write{position:relative; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.board-write:after{clear:both; content:""; display:block;}
.board-write table.write01{position:relative; width:100%; border-collapse:collapse; clear:both; background:#fff; border-top:2px solid #333353;}
.board-write table.write01 thead th{background:#f7f7f7; color:#000; text-align:left; letter-spacing:-0.03em; padding:12px; font-size:16px; border-bottom:1px solid #999; font-weight:500;}
.board-write table.write01 tbody th,.board-write table.write01 tbody td{letter-spacing:-0.02em; padding:12px 15px 12px 20px; border-bottom:1px solid #e7e7e7;  text-align:left; box-sizing: border-box;}
.board-write table.write01 tbody th{color:#000; background:#f7f7f7; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.board-write table.write01 tbody td{color:#444; font-size:15px; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}

.board-write table.write01 tbody th .impor-txt{position:relative; display:inline-block; padding-right:15px;}
.board-write table.write01 tbody th .impor-txt:before{position:absolute; top:-1px; right:0px; color:#e55757; font-size:13px; font-weight:600; content:"＊";}
.board-write table .ckr-btn{display:inline-block; padding:0px 5px; vertical-align:middle; line-height:32px; background:#efefef; color:#444444; font-weight:500; font-size:14px; width:auto; text-align:center; border:none; border-radius:5px; border: 1px solid #b5b5b5; font-family:'Pretendard-Regular', 'Malgun Gothic', sans-serif;}
.board-write table .ckr-btn[type="button"]:hover{cursor:pointer;}

.tel-input{font-size:0px; display:inline-block;}
.tel-input .chk-select{width:30%;}
.tel-input input[type="number"],
.tel-input input[type="text"]{width:30%;}
.tel-input .line{width:5%; line-height:38px; vertical-align:middle; font-size:16px; display:inline-block; text-align:center;}

.board-write table.write01 tbody td .email-input{font-size:0px;}
.board-write table.write01 tbody td .email-input .id{width:30%;}
.board-write table.write01 tbody td .email-input .at{width:5%; display:inline-block; line-height:38px; font-size:16px; color:#555454; text-align:center; vertical-align:middle;}
.board-write table.write01 tbody td .email-input .email{width:35%; margin-right:1%;}
.board-write table.write01 tbody td .email-input .chk-select{width:28%;}

.board-write table.write01 tbody td .radios-group .radios{margin-right:30px;}
.board-write table.write01 tbody td .radios-group .radios:last-child{margin-right:0px;}

.board-write table.write01 tbody td .checks-group .checks{margin-right:30px;}
.board-write table.write01 tbody td .checks-group .checks:last-child{margin-right:0px;}

.board-write table.write01 tbody td textarea{width:100%; height:220px;}

.board-write .scBtn .scbBtn{color:#fff; border:none; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; padding:7px 40px; box-sizing: border-box; border-radius: 50px;}
.board-write .scBtn .searchData{background-color:#1659c7;}
.board-write .scBtn .resetData{color:#fff; background-color:#000;}
.board-write .daySpan{display: inline-block; width:7.5%; text-align: center;}

.filebox {align-items: center;}
.filebox:not(:last-child){margin-bottom:10px}
.filebox .fileDel {width: 61px; height: 22px; margin-left: 5px; border: none; background: url('/Uiryeong/Potal/images/board/delete-btn.png');}
.filebox .btn_file{ position:relative !important; top:auto; right:auto; display:inline-block; line-height:32px; border:1px solid #b5b5b5; box-sizing: border-box; background:#e0e0e0; color:#000; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; width:100px; text-align:center; cursor: pointer; border-radius: 5px;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;  border:0}
.filebox.active .btn_file{background:#0942a1;}

.board-write table.write01 tbody td .btn{display:inline-block; vertical-align:middle; padding:8px 15px; background:#000; color:#fff; font-size:14px; border-radius:4px; box-sizing:border-box;}
.board-write table.write01 tbody td .btn span{display:block; line-height:100%;}
.board-write table.write01 tbody td .btn.add{background:#666;}
.board-write table.write01 tbody td .btn:hover{text-decoration:underline;}

	@media only screen and (max-width:1000px) {
		.board-write table.write01{border:1px solid #d8d8d8;}

		.board-write table.write01 colgroup{display:none;}
		.board-write table.write01 thead {display:none;}

		.board-write table.write01 tbody th{display:block; text-align:left; padding:10px 15px;  border-bottom:none;}
		.board-write table.write01 tbody td{display:block; text-align:left; padding:10px 15px; }
		.board-write table.write01 tbody td:last-child{border-bottom:none;}

		.board-write table.write01 tbody td .tel-input.w60p{width:100% !important;}
		.board-write table.write01 tbody td .email-input.w70p{width:100% !important;}
		.board-write table.write01 tbody td .filebox.w60p{width:100% !important;}

		.board-write table.write01 tbody td .tel-input .line{line-height:34px; font-size:14px;}
		.board-write table.write01 tbody td .email-input .at{line-height:34px; font-size:13px;}

		.board-write table.write01 tbody td textarea{height:180px;}

		.board-write table.write01 tbody td .img img{width:100% !important;}
	}

	@media only screen and (max-width:680px) {
		.board-write table.write01 tbody th{padding:7px 10px; font-size:14px;}
		.board-write table.write01 tbody td{padding:7px 10px; font-size:14px;}

		.board-write table.write01 tbody td textarea{height:140px;}

		.filebox{}
		.filebox .btn_file{width:85px; line-height:34px; font-size:13px;}
	}

	@media only screen and (max-width:480px) {
		/*.board-write table, caption, tbody, tfoot, thead, tr, th, td {display:block}*/
		.board-write .filebox{padding-right:0px;}
	}


/* .board.solu-search */
.board.solu-search{}
.board.solu-search{background:#f6f6f6; padding:15px 40px 30px 40px; border-radius:40px 0px 0px 0px;}

.board.solu-search .frac{position:relative; padding:15px 0px 5px 160px; border-bottom:1px solid #e3e3e3;}
.board.solu-search .frac .tit{position:absolute; top:26px; left:30px; font-size:15px; color:#333; font-weight:700;}
.board.solu-search .frac .btns{font-size:0px;}
.board.solu-search .frac .btns .btn{margin:0px 15px 10px 0px; display:inline-block; font-size:15px; background:#fff; border:1px solid #dbdbdb; padding:10px; border-radius:3px;}
.board.solu-search .frac .btns .btn.active{border-color:#3090a4; color:#3090a4;}
.board.solu-search .frac .btns .btn:hover{text-decoration:underline;}

.board.solu-search .inputs-btns{padding:15px 0px;}
.board.solu-search .inputs-btns:after{clear:both; content:""; display:block;}
.board.solu-search .inputs-btns .comp{position:relative; width:40%; box-sizing:border-box; padding-left:160px; float:left;}
.board.solu-search .inputs-btns .comp .tit{position:absolute; top:10px; left:30px; font-size:15px; color:#333; font-weight:700;}
.board.solu-search .inputs-btns .comp .input{}
.board.solu-search .inputs-btns .comp .input input[type="text"]{width:100%; border:1px solid #dbdbdb;}

.board.solu-search .inputs-btns .hashtag{position:relative; width:60%; box-sizing:border-box; padding-left:140px; float:left;}
.board.solu-search .inputs-btns .hashtag:after{clear:both; content:""; display:block;}
.board.solu-search .inputs-btns .hashtag .tit{position:absolute; top:10px; left:50px; font-size:15px; color:#333; font-weight:700;}
.board.solu-search .inputs-btns .hashtag .input{width:60%; height:36px; float:left;}
.board.solu-search .inputs-btns .hashtag .input input[type="text"]{width:100%; border:1px solid #dbdbdb;}
.board.solu-search .inputs-btns .hashtag .btns{width:40%; height:36px; padding-left:20px; float:left; box-sizing:border-box; overflow:hidden;}
.board.solu-search .inputs-btns .hashtag .btns .btn{width:48%; font-size:15px; line-height:36px; text-align:center; display:block; background:#000; color:#fff; border-radius:3px;}
.board.solu-search .inputs-btns .hashtag .btns .btn.search{float:left; background:#0eada8;}
.board.solu-search .inputs-btns .hashtag .btns .btn.reset{float:right; background:#535353;}

	@media screen and (max-width: 1300px) {
		.board.solu-search{padding:15px 20px 15px 20px;}
	}

	@media screen and (max-width:1000px) {
		.board.solu-search .frac{padding:15px 0px 5px 0px;}
		.board.solu-search .frac .tit{position:relative; top:auto; left:auto; font-size:15px; margin-bottom:10px;}

		.board.solu-search .inputs-btns .comp{width:100%; padding-left:0px; float:none; margin-bottom:20px;}
		.board.solu-search .inputs-btns .comp .tit{position:relative; top:auto; left:auto; margin-bottom:10px;}

		.board.solu-search .inputs-btns .hashtag{width:100%; padding-left:0px; float:none;}
		.board.solu-search .inputs-btns .hashtag .tit{position:relative; top:auto; left:auto; margin-bottom:10px;}
	}

	@media screen and (max-width:680px) {
		.board.solu-search{padding:5px 20px 5px 20px;}

		.board.solu-search .frac{padding:15px 0px 5px 0px;}
		.board.solu-search .frac .tit{font-size:14px; margin-bottom:10px;}

		.board.solu-search .frac .btns .btn{margin:0px 5px 5px 0px; font-size:14px; padding:5px;}
		
		.board.solu-search .inputs-btns .comp{margin-bottom:10px;}

		.board.solu-search .inputs-btns .hashtag .input{width:70%;}
		.board.solu-search .inputs-btns .hashtag .btns{width:30%; padding-left:10px;}
		.board.solu-search .inputs-btns .hashtag .btns .btn{width:46%; font-size:14px;}
		.board.solu-search .inputs-btns .hashtag .btns .btn.search{float:left; background:#0eada8;}
		.board.solu-search .inputs-btns .hashtag .btns .btn.reset{float:right; background:#535353;}

		.board.solu-search .inputs-btns .comp .tit{font-size:14px;}

		.board.solu-search .inputs-btns .hashtag .tit{font-size:14px;}

	}

	@media screen and (max-width:480px) {
		.board.solu-search{padding:0px 15px; border-radius:0px;}

		.board.solu-search .frac .btns .btn{font-size:12px; padding:5px;}

		.board.solu-search .inputs-btns .hashtag .input{width:60%;}
		.board.solu-search .inputs-btns .hashtag .btns{width:40%; padding-left:5px;}
	}


/* .board.solu-list .list-wrap */
.board.solu-list .list-wrap{}
.board.solu-list .list-wrap .list{margin:0px -1%;}
.board.solu-list .list-wrap .list:after{clear:both; content:""; display:block;}
.board.solu-list .list-wrap .list li{float:left; margin:0px 1%; width:48%; margin-bottom:30px; border-top:2px solid #000; border-bottom:1px solid #dbdbdb; padding-top:15px;}
.board.solu-list .list-wrap .list li .img-txts{position:relative; padding:20px 0px 0px 340px; margin-bottom:20px; min-height:150px;}
.board.solu-list .list-wrap .list li .img-txts a{display:block;}
.board.solu-list .list-wrap .list li .img-txts a .img{position:absolute; top:0px; left:0px; display:block; width:300px; height:150px; border:1px solid #dbdbdb; box-sizing:border-box; overflow:hidden; padding:20px;}
.board.solu-list .list-wrap .list li .img-txts a .img .tag{position:absolute; top:0px; left:0px; font-size:15px; background:#515151; display:block; line-height:100%; padding:10px 15px; color:#fff; font-style:normal; z-index:1;}
.board.solu-list .list-wrap .list li .img-txts a .img img{width:40%; height:auto; /*object-fit:cover;*/ transition:all 0.3s ease-out; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.board.solu-list .list-wrap .list li .img-txts a .btxt{display:block; letter-spacing:-0.03em; font-size:26px; line-height:120%; color:#000; margin-bottom:15px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board.solu-list .list-wrap .list li .img-txts a .stxt{display:block; letter-spacing:-0.03em; font-size:20px; line-height:120%; color:#1047ab; margin-bottom:20px; font-weight:600;}
.board.solu-list .list-wrap .list li .img-txts a .comp-consul{display:block; font-size:0px;}
.board.solu-list .list-wrap .list li .img-txts a .comp-consul .item{display:inline-block; font-style:normal; width:40%; margin-right:20px; padding-left:30px; font-size:15px; color:#333; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board.solu-list .list-wrap .list li .img-txts a .comp-consul .item:last-child{margin-right:0px;}
.board.solu-list .list-wrap .list li .img-txts a .comp-consul .item.comp{background:url("/images/board/solu-icon-comp.png") no-repeat left;}
.board.solu-list .list-wrap .list li .img-txts a .comp-consul .item.consul{background:url("/images/board/solu-icon-consul.png") no-repeat left;}

.board.solu-list .list-wrap .list li .img-txts a:hover .img img{transform:scale(1.1, 1.1) translateX(-50%) translateY(-50%);}
.board.solu-list .list-wrap .list li .img-txts a:hover .btxt{text-decoration:underline; color:#3090a4;}
.board.solu-list .list-wrap .list li .img-txts a:hover .stxt{text-decoration:underline; color:#3090a4;}
.board.solu-list .list-wrap .list li .img-txts a:hover .comp-consul .item{text-decoration:underline; color:#3090a4;}

.board.solu-list .list-wrap .list li .eval-link{padding:10px 20px; background:#f6f6f6; overflow:hidden;}
.board.solu-list .list-wrap .list li .eval-link .eval{float:left; font-size:0px;}
.board.solu-list .list-wrap .list li .eval-link .eval .point{display:inline-block; vertical-align:middle; position:relative; padding:0px 15px 0px 26px; color:#da7d10; font-size:15px; font-weight:600; line-height:120%; background:url("/images/board/solu-icon-point.png") no-repeat left;}
.board.solu-list .list-wrap .list li .eval-link .eval .point:before{position:absolute; top:4px; right:0px; width:1px; height:12px; background:#e1e1e1; content:"";}
.board.solu-list .list-wrap .list li .eval-link .eval .starf{display:inline-block; vertical-align:middle; position:relative; width:94px; height:17px; margin-left:15px;}
.board.solu-list .list-wrap .list li .eval-link .eval .starf:before{width:94px; height:17px; background:url("/images/board/starf-star-off.png") no-repeat left; position:absolute; top:0px; left:0px; z-index:1; content:"";}
.board.solu-list .list-wrap .list li .eval-link .eval .starf .pt{height:17px; background:url("/images/board/starf-star-on.png") no-repeat left; display:block; position:absolute; top:0px; left:0px; z-index:2;}
.board.solu-list .list-wrap .list li .eval-link .eval .starf .pt.p01{width:20%;}
.board.solu-list .list-wrap .list li .eval-link .eval .starf .pt.p02{width:40%;}
.board.solu-list .list-wrap .list li .eval-link .eval .starf .pt.p03{width:60%;}
.board.solu-list .list-wrap .list li .eval-link .eval .starf .pt.p04{width:80%;}
.board.solu-list .list-wrap .list li .eval-link .eval .starf .pt.p05{width:100%;}

.board.solu-list .list-wrap .list li .eval-link .link{float:right; font-size:15px; color:#333; font-weight:600; padding-right:15px;  background:url("/images/board/link-icon-arrow.png") no-repeat right;}
.board.solu-list .list-wrap .list li .eval-link .link a:hover{color:#3090a4; text-decoration:underline;}

	@media screen and (max-width:1600px) {
		.board.solu-list .list-wrap .list li .img-txts{padding:0px 0px 0px 340px;}
		
		.board.solu-list .list-wrap .list li .img-txts a .comp-consul .item{display:block; width:100%; margin-right:0px; margin-bottom:10px;}
		.board.solu-list .list-wrap .list li .img-txts a .comp-consul .item:last-child{margin-bottom:0px;}
	}

	@media screen and (max-width: 1300px) {
		.board.solu-list .list-wrap .list li .img-txts{padding:0px 0px 0px 180px;}
		.board.solu-list .list-wrap .list li .img-txts a .img{width:160px; height:150px;}
	}

	@media screen and (max-width:1000px) {
		.board.solu-list .list-wrap .list{margin:0px;}
		.board.solu-list .list-wrap .list li{float:none; margin:0px; width:100%;}

		.board.solu-list .list-wrap .list li .img-txts{margin-bottom:15px; min-height:130px;}
		.board.solu-list .list-wrap .list li .img-txts a .img{width:160px; height:130px;}
		.board.solu-list .list-wrap .list li .img-txts a .img .tag{font-size:14px; padding:8px 10px;}

		.board.solu-list .list-wrap .list li .img-txts a .btxt{font-size:20px; margin-bottom:10px;}
		.board.solu-list .list-wrap .list li .img-txts a .stxt{font-size:18px;}

		.board.solu-list .list-wrap .list li .img-txts a .comp-consul .item{padding-left:26px; font-size:14px;}
	}

	@media screen and (max-width:768px) {
		.board.solu-list .list-wrap .list li .img-txts a .btxt{font-size:18px; margin-bottom:10px;}
		.board.solu-list .list-wrap .list li .img-txts a .stxt{font-size:16px;}

		.board.solu-list .list-wrap .list li .img-txts a .comp-consul .item{font-size:13px;}
		.board.solu-list .list-wrap .list li .eval-link .link{font-size:14px;}
	}

	@media screen and (max-width:480px) {
		.board.solu-list .list-wrap .list li .img-txts{padding:0px 0px 0px 0px;}

		.board.solu-list .list-wrap .list li .img-txts a .img{position:relative; top:auto; left:auto; width:100%; height:150px; margin-bottom:10px;}
		.board.solu-list .list-wrap .list li .img-txts a .stxt{margin-bottom:15px;}

		.board.solu-list .list-wrap .list li .eval-link{padding:10px;}
		.board.solu-list .list-wrap .list li .eval-link .eval .point{padding:0px 10px 0px 20px; font-size:13px; background-size:16px;}
		.board.solu-list .list-wrap .list li .eval-link .eval .starf{width:80px; height:17px; margin-left:5px;}
		.board.solu-list .list-wrap .list li .eval-link .eval .starf:before{width:80px; height:17px; background-size:80px}
		.board.solu-list .list-wrap .list li .eval-link .eval .starf .pt{height:17px; background-size:80px}

		.board.solu-list .list-wrap .list li .eval-link .link{font-size:13px;}
	}


/* .board.solu-view */
.board.solu-view{border-top:2px solid #000; padding-top:30px;}

/* .board.solu-view .infos-impor */
.board.solu-view .infos-impor{position:relative; padding:15px 0px 0px 480px; min-height:auto; box-sizing:border-box;}
.board.solu-view .infos-impor .img-tags{position:absolute; top:0px; left:0px; width:430px; border:1px solid #dbdbdb; box-sizing:border-box;}

.board.solu-view .infos-impor .img-tags .img{position:relative; width:100%; height:186px; overflow:hidden;}
.board.solu-view .infos-impor .img-tags .img img{width:40%; height:auto; /*object-fit:cover;*/ transition:all 0.3s ease-out; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.board.solu-view .infos-impor .img-tags .img .inter{position:absolute; bottom:10px; right:15px; display:block; padding:5px 15px; background:#3577aa; border-radius:3px;}
.board.solu-view .infos-impor .img-tags .img .inter span{color:#fff; font-size:14px;}
.board.solu-view .infos-impor .img-tags .img .inter:hover span{text-decoration:underline;}

.board.solu-view .infos-impor .img-tags .img .sugg{position:absolute; bottom:10px; left:15px; display:block; padding:5px 15px; background:#3577aa; border-radius:3px;}
.board.solu-view .infos-impor .img-tags .img .sugg span{padding-left:25px; color:#fff; font-size:14px; background:url("/images/board/solu-icon-point.png") no-repeat left;}
.board.solu-view .infos-impor .img-tags .img .sugg:hover span{text-decoration:underline;}

.board.solu-view .infos-impor .img-tags .img .starf{position:absolute; bottom:18px; left:120px; display:block;  width:94px; height:17px;}
.board.solu-view .infos-impor .img-tags .img .starf:before{width:94px; height:17px; background:url("/images/board/starf-star-off.png") no-repeat left; position:absolute; top:0px; left:0px; z-index:1; content:"";}
.board.solu-view .infos-impor .img-tags .img .starf .pt{height:17px; font-size:0px; background:url("/images/board/starf-star-on.png") no-repeat left; display:block; position:absolute; top:0px; left:0px; z-index:2;}
.board.solu-view .infos-impor .img-tags .img .starf .pt.p01{width:20%;}
.board.solu-view .infos-impor .img-tags .img .starf .pt.p02{width:40%;}
.board.solu-view .infos-impor .img-tags .img .starf .pt.p03{width:60%;}
.board.solu-view .infos-impor .img-tags .img .starf .pt.p04{width:80%;}
.board.solu-view .infos-impor .img-tags .img .starf .pt.p05{width:100%;}

.board.solu-view .infos-impor .img-tags .tags{padding:15px 15px 5px 15px; text-align:center; font-size:0px; border-top:1px solid #dbdbdb;}
.board.solu-view .infos-impor .img-tags .tags .tag{display:inline-block; margin:0px 5px 10px 5px; font-size:14px; line-height:100%; color:#666; border:1px solid #dbdbdb; padding:5px 15px; vertical-align:top; border-radius:20px;}
.board.solu-view .infos-impor .img-tags .tags .tag:hover{text-decoration:underline;}

	@media all and (max-width:1300px){
		.board.solu-view .infos-impor{padding:15px 0px 0px 380px;}
		.board.solu-view .infos-impor .img-tags{width:350px;}

		.board.solu-view .infos-impor .img-tags .img .inter{bottom:auto; top:10px; right:auto; left:15px;}
	}

	@media all and (max-width:1000px){
		.board.solu-view .infos-impor{padding:0px; text-align:center;}
		.board.solu-view .infos-impor .img-tags{position:relative; top:auto; left:auto; width:430px; margin-bottom:20px; display:inline-block;}
	}

	@media all and (max-width:680px){
		.board.solu-view .infos-impor .img-tags .tags{padding:10px 10px 5px 10px;}
	}

	@media all and (max-width:480px){
		.board.solu-view .infos-impor .img-tags{width:100%;}
	}


.board.solu-view .infos-impor .title-infos{padding-bottom:5px;}
.board.solu-view .infos-impor .title-infos .title-price{overflow:hidden; margin-bottom:30px;}
.board.solu-view .infos-impor .title-infos .title-price .title{float:left; width:70%; font-size:24px; font-weight:600; color:#000; letter-spacing:-0.03em; line-height:120%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board.solu-view .infos-impor .title-infos .title-price .title .tag{display:inline-block; vertical-align:top; font-size:14px; color:#fff; line-height:100%; padding:8px 15px; margin-right:5px; border-radius:3px; background:#171717; color:#fff;}
.board.solu-view .infos-impor .title-infos .title-price .price{float:right; line-height:100%; font-size:22px; color:#1047ab; font-weight:600; letter-spacing:-0.03em;}
.board.solu-view .infos-impor .title-infos .title-price .price span{font-size:15px; color:#666; font-weight:500; margin-left:5px;}

.board.solu-view .infos-impor .title-infos .btxt{display:block; padding-left:26px; font-size:15px; color:#333; line-height:130%; letter-spacing:-0.02em; margin-bottom:15px;}
.board.solu-view .infos-impor .title-infos .btxt.intr{background:url("/images/board/solu-icon-intr.png") no-repeat left 3px;}
.board.solu-view .infos-impor .title-infos .btxt.name{background:url("/images/board/solu-icon-name.png") no-repeat left; display:inline-block; vertical-align:top; margin-right:20px; }
.board.solu-view .infos-impor .title-infos .btxt.tel{background:url("/images/board/solu-icon-tel.png") no-repeat left; display:inline-block; vertical-align:top;}

.board.solu-view .infos-impor .spec-infos{padding-top:20px; border-top:1px solid #dbdbdb;}
.board.solu-view .infos-impor .spec-infos .infos{overflow:hidden;}
.board.solu-view .infos-impor .spec-infos .infos li{position:relative; width:50%; min-height:22px; padding:0px 50px 0px 100px; float:left; box-sizing:border-box; margin-bottom:10px;}
.board.solu-view .infos-impor .spec-infos .infos li .btxt{position:absolute; top:0px; left:0px; width:85px; font-size:15px; font-weight:600; color:#020202;}
.board.solu-view .infos-impor .spec-infos .infos li .btxt:before{position:absolute; top:5px; right:0px; width:1px; height:12px; background:#cacaca; content:"";}
.board.solu-view .infos-impor .spec-infos .infos li .stxt{font-size:15px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

	@media all and (max-width:1300px){
		.board.solu-view .infos-impor .title-infos .title-price .title{width:60%;}
	}

	@media all and (max-width:1000px){
		.board.solu-view .infos-impor .title-infos .title-price{margin-bottom:15px; text-align:left;}
		.board.solu-view .infos-impor .spec-infos .infos{text-align:left;}
	}

	@media all and (max-width:680px){
		.board.solu-view .infos-impor .title-infos .title-price .title{float:none; width:100%; margin-bottom:10px; font-size:20px;}
		.board.solu-view .infos-impor .title-infos .title-price .title .tag{font-size:13px; padding:6px 10px;}

		.board.solu-view .infos-impor .title-infos .btxt{text-align:left;}
		.board.solu-view .infos-impor .title-infos .btxt.intr{}
		.board.solu-view .infos-impor .title-infos .btxt.name{display:block; margin-right:0px; }
		.board.solu-view .infos-impor .title-infos .btxt.tel{display:block;}

		.board.solu-view .infos-impor .title-infos .title-price .price{float:none; width:100%; text-align:right; font-size:20px;}
		.board.solu-view .infos-impor .title-infos .title-price .price span{font-size:14px;}

		.board.solu-view .infos-impor .spec-infos .infos li{width:100%; padding:0px 0px 0px 100px; float:none;}

	}

	@media all and (max-width:480px){
		.board.solu-view .infos-impor .title-infos .btxt{font-size:14px; margin-bottom:10px;}

		.board.solu-view .infos-impor .spec-infos .infos li{margin-bottom:5px; padding:0px 0px 0px 90px;}
		.board.solu-view .infos-impor .spec-infos .infos li .btxt{width:75px; font-size:13px;}
		.board.solu-view .infos-impor .spec-infos .infos li .stxt{font-size:13px;}
	}


/* .board.solu-view .infos-detail */
.board.solu-view .infos-detail{position:relative;}
.board.solu-view .infos-detail .tabs{overflow:hidden;}
.board.solu-view .infos-detail .tabs li{width:20%; float:left; box-sizing:border-box; border:1px solid #dbdbdb;}
.board.solu-view .infos-detail .tabs li a{position:relative; width:100%; line-height:100%; padding:20px 0px; font-size:18px; color:#666; display:block; background:#f7f7f7; text-align:center; letter-spacing:-0.02em;}
.board.solu-view .infos-detail .tabs li.active{border-bottom:none;}
.board.solu-view .infos-detail .tabs li.active a{background:#fff; color:#3577aa; font-weight:600; border-bottom:none;}
.board.solu-view .infos-detail .tabs li.active a:before{position:absolute; top:0px; left:0px; width:100%; height:5px; content:""; background:rgb(4,211,154); background: linear-gradient(90deg, rgba(4,211,154,1) 49%, rgba(5,173,207,1) 51%);}

.board.solu-view .infos-detail .tabs li a:hover{text-decoration:underline;}

.board.solu-view .infos-detail .cont{position:absolute; top:0px; left:0px; opacity:0; width:100%; z-index:-1;}
.board.solu-view .infos-detail .cont.show{position:relative; top:auto; left:auto; opacity:1; z-index:1;}

.board.solu-view .infos-detail .cont .info{position:relative; padding-left:330px; margin-bottom:50px;}
.board.solu-view .infos-detail .cont .info:last-child{margin-bottom:0px;}
.board.solu-view .infos-detail .cont .info .title{position:absolute; top:5px; left:0px; padding-left:15px; font-size:22px; color:#000; line-height:120%; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.board.solu-view .infos-detail .cont .info .title:before{position:absolute; top:0px; left:0px; width:5px; height:22px; content:""; background:rgb(4,211,154); background: linear-gradient(180deg, rgba(4,211,154,1) 49%, rgba(5,173,207,1) 51%);}

.board.solu-view .infos-detail .cont .info .con{}
.board.solu-view .infos-detail .cont .info .con.mtxt{font-size:16px; color:#666; letter-spacing:-0.02em; line-height:140%;}

.board.solu-view .infos-detail .cont .info .con.attachs{font-size:0px;}
.board.solu-view .infos-detail .cont .info .con.attachs .att{display:inline-block; padding:10px 15px; border:1px solid #dbdbdb; margin:0px 10px 10px 0px;}
.board.solu-view .infos-detail .cont .info .con.attachs .att span{position:relative; display:block; line-height:120%; font-size:15px; padding-right:40px; color:#161616; letter-spacing:-0.03em;}
.board.solu-view .infos-detail .cont .info .con.attachs .att span:before{position:absolute; top:0px; right:0px; width:20px; height:20px; background:url("/images/board/solu-icon-down.png") no-repeat center #666; content:"";}
.board.solu-view .infos-detail .cont .info .con.attachs .att:hover{text-decoration:underline;}

.board.solu-view .infos-detail .cont .info .con.img-slide{}
.board.solu-view .infos-detail .cont .info .con.img-slide .slick-track{display:inline-block;}
.board.solu-view .infos-detail .cont .info .con.img-slide .slide{font-size:0px; margin:0px -20px 20px -20px}
.board.solu-view .infos-detail .cont .info .con.img-slide .slide li{margin:0px 20px}
.board.solu-view .infos-detail .cont .info .con.img-slide .slide li a{}
.board.solu-view .infos-detail .cont .info .con.img-slide .slide li a .img{width:100%; background:url("/images/board/nodata.png") no-repeat center #dbdbdb; height:180px; display:block; overflow:hidden;}
.board.solu-view .infos-detail .cont .info .con.img-slide .slide li a .img img{width:100%; height:100%; object-fit:cover; transition: all 0.3s ease-out;}
.board.solu-view .infos-detail .cont .info .con.img-slide .slide li a:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1);}

.board.solu-view .infos-detail .cont .info .con.img-slide .control{text-align:right; font-size:0px;}
.board.solu-view .infos-detail .cont .info .con.img-slide .control .prev-slide{display:inline-block; vertical-align:top; width:32px; height:32px; border-radius:50%; margin:0px 5px 0px 0px; background:url("/images/board/solu-icon-arrowL.png") no-repeat center #666;}
.board.solu-view .infos-detail .cont .info .con.img-slide .control .next-slide{display:inline-block; vertical-align:top; width:32px; height:32px; border-radius:50%; margin:0px 5px 0px 5px; background:url("/images/board/solu-icon-arrowR.png") no-repeat center #666;}
.board.solu-view .infos-detail .cont .info .con.img-slide .control .stop-slide{display:inline-block; vertical-align:top; width:32px; height:32px; border-radius:50%; margin:0px 0px 0px 5px; background:url("/images/board/solu-icon-pause.png") no-repeat center #666;}
.board.solu-view .infos-detail .cont .info .con.img-slide .control .start-slide{display:inline-block; vertical-align:top; width:32px; height:32px; border-radius:50%; margin:0px 0px 0px 5px; background:url("/images/board/solu-icon-play.png") no-repeat center #666;}

.board.solu-view .infos-detail .cont .info .con.links{font-size:0px;}
.board.solu-view .infos-detail .cont .info .con.links .link{display:inline-block; padding:10px 15px; border:1px solid #dbdbdb; margin:0px 10px 10px 0px; cursor:auto;}
.board.solu-view .infos-detail .cont .info .con.links .link span{position:relative; display:block; font-size:15px; padding-left:26px; color:#161616; letter-spacing:-0.03em;}
.board.solu-view .infos-detail .cont .info .con.links .link.list span{background:url("/images/board/solu-icon-list.png") no-repeat left 4px;}
.board.solu-view .infos-detail .cont .info .con.links .link.exam span{background:url("/images/board/solu-icon-exam.png") no-repeat left 4px;}

.board.solu-view .infos-detail .cont .info .con .comment{position:relative; background:#f7f7f7; padding:35px 0px 20px 140px; min-height:125px; box-sizing:border-box;}
.board.solu-view .infos-detail .cont .info .con .comment .num{position:absolute; top:20px; left:40px;}
.board.solu-view .infos-detail .cont .info .con .comment .num:before{display:block; width:60px; height:60px; margin-bottom:5px; background:url("/images/board/solu-icon-point.png") no-repeat center #fff; background-size:22px; border-radius:50%; content:"";}
.board.solu-view .infos-detail .cont .info .con .comment .num .ntxt{position:absolute; top:0px; right:0px; width:24px; line-height:24px; background:#000; font-size:14px; text-align:center; color:#fff; border-radius:50%; display:block;}
.board.solu-view .infos-detail .cont .info .con .comment .num .btxt{display:block; text-align:center; font-size:15px; color:#161616; font-weight:600; letter-spacing:-0.02em;}

.board.solu-view .infos-detail .cont .info .con .comment .point-txts{}
.board.solu-view .infos-detail .cont .info .con .comment .point-txts:after{clear:both; content:""; display:block;}
.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item{position:relative; width:100%; margin-bottom:15px; float:left; padding:0px 30px 0px 0px; box-sizing:border-box;}

.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .starf-date{position:relative; padding-left:15px;}
.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .starf-date:before{position:absolute; top:6px; left:0px; width:5px; height:5px; background:#282828; content:"";}
.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .starf-date .starf{position:relative; display:inline-block; vertical-align:top; width:94px; height:17px;}
.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .starf-date .starf:before{position:absolute; top:0px; left:0px; width:94px; height:17px; background:url("/images/board/starf-star-off.png") no-repeat left; z-index:1; content:"";}
.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .starf-date .starf .pt{position:absolute; top:0px; left:0px; height:17px; font-size:0px; background:url("/images/board/starf-star-on.png") no-repeat left; display:block; z-index:2;}
.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .starf-date .starf .pt.p01{width:20%;}
.board.solu-view .infos-detail .cont .info .con .point-txts .item .starf-date .starf .pt.p02{width:40%;}
.board.solu-view .infos-detail .cont .info .con .point-txts .item .starf-date .starf .pt.p03{width:60%;}
.board.solu-view .infos-detail .cont .info .con .point-txts .item .starf-date .starf .pt.p04{width:80%;}
.board.solu-view .infos-detail .cont .info .con .point-txts .item .starf-date .starf .pt.p05{width:100%;}

.board.solu-view .infos-detail .cont .info .con .point-txts .item .starf-date .date{display:inline-block; vertical-align:top; margin-left:10px; font-size:14px; line-height:120%; color:#161616;}

.board.solu-view .infos-detail .cont .info .con .point-txts .item .btxt{}
.board.solu-view .infos-detail .cont .info .con .point-txts .item .btxt a{font-size:15px; line-height:120%; min-height:20px; color:#161616; display:block;}
.board.solu-view .infos-detail .cont .info .con .point-txts .item .btxt a:hover{text-decoration:underline; color:#208aa0;}


	@media all and (max-width:1300px){
		.board.solu-view .infos-detail .cont .info{padding-left:0px;}
		.board.solu-view .infos-detail .cont .info .title{position:relative; top:auto; left:auto; margin-bottom:10px}

		
		.board.solu-view .infos-detail .cont .info .con.img-slide .slide{margin:0px -10px 20px -10px}
		.board.solu-view .infos-detail .cont .info .con.img-slide .slide li{margin:0px 10px}

		.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item{width:100%; float:none;}
	}

	@media all and (max-width:1000px){
		.board.solu-view .infos-detail .cont .info .con .comment{padding:35px 20px 20px 100px;}
		.board.solu-view .infos-detail .cont .info .con .comment .num{top:20px; left:20px;}

		.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item{padding:0px;}
		.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .starf-date{position:relative; top:auto; left:auto; margin-bottom:5px;}
		.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .btxt{padding-left:15px}
	}

	@media all and (max-width:680px){
		.board.solu-view .infos-detail .tabs li a{font-size:15px; padding:15px 0px;}

		.board.solu-view .infos-detail .cont .info .title{padding-left:15px; font-size:20px;}
		.board.solu-view .infos-detail .cont .info .con.mtxt{font-size:14px;}

		.board.solu-view .infos-detail .cont .info .con .comment{padding:15px 15px 5px 90px;}
		.board.solu-view .infos-detail .cont .info .con .comment .num{top:15px; left:15px;}

		.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .starf-date{margin-bottom:0px;}
		.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .starf-date .date{font-size:13px;}

		.board.solu-view .infos-detail .cont .info .con .comment .point-txts .item .btxt a{font-size:14px;}
	}

	@media all and (max-width:480px){
		.board.solu-view .infos-detail .tabs li a{font-size:11px;}

		.board.solu-view .infos-detail .cont .info .con.attachs .att span{font-size:13px; padding-right:30px;}
		.board.solu-view .infos-detail .cont .info .con.links .link span{font-size:13px; padding-left:22px;}

		.board.solu-view .infos-detail .cont .info .con .comment{padding:10px 10px 5px 60px;}
		.board.solu-view .infos-detail .cont .info .con .comment .num{top:10px; left:10px;}

		.board.solu-view .infos-detail .cont .info .con .comment .num:before{width:40px; height:40px; margin-bottom:0px; background-size:16px;}
		.board.solu-view .infos-detail .cont .info .con .comment .num .ntxt{width:18px; line-height:18px; font-size:12px;}
		.board.solu-view .infos-detail .cont .info .con .comment .num .btxt{font-size:13px}
	}

/* .board.solu-regist */
.board.solu-regist{}
.board.solu-regist .regist-wrap{}
.board.solu-regist .regist-wrap .regist{position:relative; padding-left:230px; margin-bottom:50px;}
.board.solu-regist .regist-wrap .regist:last-child{margin-bottom:0px;}
.board.solu-regist .regist-wrap .regist .title{position:absolute; top:5px; left:0px; padding-left:15px; font-size:22px; color:#000; line-height:120%; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.board.solu-regist .regist-wrap .regist .title:before{position:absolute; top:0px; left:0px; width:5px; height:22px; content:""; background:rgb(4,211,154); background: linear-gradient(180deg, rgba(4,211,154,1) 49%, rgba(5,173,207,1) 51%);}

.board.solu-regist .regist-wrap .regist .cont{}
.board.solu-regist .regist-wrap .regist .cont .imgfile-input{position:relative; padding-left:360px;}
.board.solu-regist .regist-wrap .regist .cont .imgfile-input .imgfile{position:absolute; top:0px; left:0px; width:320px;}
.board.solu-regist .regist-wrap .regist .cont .imgfile-input .imgfile .img{width:100%; height:185px; margin-bottom:20px;}
.board.solu-regist .regist-wrap .regist .cont .imgfile-input .imgfile .img img{width:100%; height:100%; object-fit:cover;}

.board.solu-regist .regist-wrap .regist .cont .inputs{}

.board.solu-regist .regist-wrap .regist .cont .att-list li{overflow:hidden; padding:10px 15px; background:#f7f7f7; margin-bottom:10px;}
.board.solu-regist .regist-wrap .regist .cont .att-list li:last-child{margin-bottom:0px;}
.board.solu-regist .regist-wrap .regist .cont .att-list li .btxt{float:left; font-size:16px; color:#333; line-height:30px;}
.board.solu-regist .regist-wrap .regist .cont .att-list li .files{float:right;}

.files{position:relative; width:100%; padding-right:90px; display:inline-block; box-sizing:border-box; vertical-align:middle;}
.files .upload{width:100%; display:block; height:30px; padding:0px 10px; box-sizing:border-box; border:1px solid #cecece; color:#999; font-size:15px;}
.files label{position:absolute; top:0px; right:0px; width:90px; line-height:30px; text-align:center; display:block; padding:0px; font-size:15px; color:#000; background:#cecece; cursor:pointer; box-sizing:border-box;}
.files input[type="file"] {position:absolute; width:0px; height:0px; padding:0px; overflow:hidden; border:0;}

.board.solu-regist .btn{display:inline-block; vertical-align:middle; padding:8px 15px; background:#000; color:#fff; font-size:14px; border-radius:4px; box-sizing:border-box;}
.board.solu-regist .btn span{display:block; line-height:100%;}
.board.solu-regist .btn.add{background:#666;}
.board.solu-regist .btn:hover{text-decoration:underline;}

	@media all and (max-width:1300px){
		.board.solu-regist .regist-wrap .regist{padding-left:0px;}

		.board.solu-regist .regist-wrap .regist .title{position:relative; top:auto; left:auto; margin-bottom:15px;}
		.board.solu-regist .regist-wrap .regist .title br{display:none;}
	}

	@media all and (max-width:1000px){
		.board.solu-regist .regist-wrap .regist .title{font-size:20px; margin-bottom:10px;}
		.board.solu-regist .regist-wrap .regist .cont .imgfile-input{padding-left:220px;}
		.board.solu-regist .regist-wrap .regist .cont .imgfile-input .imgfile{width:200px;}

		.board.solu-regist .regist-wrap .regist .cont .att-list li .btxt{float:none; font-size:15px; margin-bottom:5px;}
		.board.solu-regist .regist-wrap .regist .cont .att-list li .files.w25p{float:none; width:100% !important;}

		.board.solu-regist .regist-wrap .regist .board-list table colgroup{display:none;}
	}

	@media all and (max-width:680px){
		.board.solu-regist .regist-wrap .regist .cont .imgfile-input{padding-left:0px;}
		.board.solu-regist .regist-wrap .regist .cont .imgfile-input .imgfile{position:relative; top:auto; left:auto; width:100%; margin-bottom:15px;}
		.board.solu-regist .regist-wrap .regist .cont .imgfile-input .imgfile .img{margin-bottom:5px;}

		.board.solu-regist .regist-wrap .regist .cont .att-list li .btxt{font-size:14px; line-height:120%;}

		.board.solu-regist .regist-wrap .regist .cont .files.w30p{width:80% !important;}
	}

	@media all and (max-width:480px){
		.board.solu-regist .regist-wrap .regist .cont .att-list li .btxt{font-size:13px; }

		.board.solu-regist .regist-wrap .regist .cont .files.w30p{width:100% !important;}
	}


/* .board.sugg-list */
.board.sugg-list{}
.board.sugg-list .list{border-top:2px solid #000;}
.board.sugg-list .list li{position:relative; padding:30px 0px 30px 340px; border-bottom:1px solid #dbdbdb;}
.board.sugg-list .list li .img{position:absolute; top:30px; left:0px; width:310px; height:175px; border:1px solid #dbdbdb; box-sizing:border-box; overflow:hidden;}
.board.sugg-list .list li .img a{position: relative; display:block; width:100%; height:100%;}
.board.sugg-list .list li .img img{width:40%; height:auto; /*object-fit:cover;*/ transition: all 0.3s ease-out; position: absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.board.sugg-list .list li .img a:hover img{transform: scale(1.1, 1.1) translateX(-50%) translateY(-50%);}

.board.sugg-list .list li .titxt-comment{}
.board.sugg-list .list li .titxt-comment .tit-btxts{margin-bottom:20px; overflow:hidden;}
.board.sugg-list .list li .titxt-comment .tit-btxts .tit{float:left; width:60%; line-height:120%; font-size:24px; font-weight:600; color:#000; letter-spacing:-0.03em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board.sugg-list .list li .titxt-comment .tit-btxts .btxts{float:right;}
.board.sugg-list .list li .titxt-comment .tit-btxts .btxts .btxt{font-size:15px; color:#333; padding-left:22px; display:inline-block; vertical-align:middle; margin-left:30px;}
.board.sugg-list .list li .titxt-comment .tit-btxts .btxts .btxt:first-child{margin-left:0px;}
.board.sugg-list .list li .titxt-comment .tit-btxts .btxts .btxt.loca{background:url("/images/board/solu-icon-loca.png") no-repeat left;}
.board.sugg-list .list li .titxt-comment .tit-btxts .btxts .btxt.tel{background:url("/images/board/solu-icon-tel.png") no-repeat left;}

.board.sugg-list .list li .titxt-comment .comment{position:relative; background:#f7f7f7; padding:35px 0px 20px 140px; min-height:125px; box-sizing:border-box;}
.board.sugg-list .list li .titxt-comment .comment .num{position:absolute; top:20px; left:40px;}
.board.sugg-list .list li .titxt-comment .comment .num:before{display:block; width:60px; height:60px; margin-bottom:5px; background:url("/images/board/solu-icon-point.png") no-repeat center #fff; background-size:22px; border-radius:50%; content:"";}
.board.sugg-list .list li .titxt-comment .comment .num .ntxt{position:absolute; top:0px; right:0px; width:24px; line-height:24px; background:#000; font-size:14px; text-align:center; color:#fff; border-radius:50%; display:block;}
.board.sugg-list .list li .titxt-comment .comment .num .btxt{display:block; text-align:center; font-size:15px; color:#161616; font-weight:600; letter-spacing:-0.02em;}

.board.sugg-list .list li .titxt-comment .comment .point-txts{}
.board.sugg-list .list li .titxt-comment .comment .point-txts:after{clear:both; content:""; display:block;}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item{position:relative; width:50%; margin-bottom:15px; float:left; padding:0px 30px 0px 210px; box-sizing:border-box;}

.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date{position:absolute; top:0px; left:0px; padding-left:15px;}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date:before{position:absolute; top:6px; left:0px; width:5px; height:5px; background:#282828; content:"";}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .starf{position:relative; display:inline-block; vertical-align:top; width:94px; height:17px;}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .starf:before{position:absolute; top:0px; left:0px; width:94px; height:17px; background:url("/images/board/starf-star-off.png") no-repeat left; z-index:1; content:"";}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .starf .pt{position:absolute; top:0px; left:0px; height:17px; font-size:0px; background:url("/images/board/starf-star-on.png") no-repeat left; display:block; z-index:2;}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .starf .pt.p01{width:20%;}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .starf .pt.p02{width:40%;}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .starf .pt.p03{width:60%;}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .starf .pt.p04{width:80%;}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .starf .pt.p05{width:100%;}

.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .date{display:inline-block; vertical-align:top; margin-left:10px; font-size:14px; line-height:120%; color:#161616;}

.board.sugg-list .list li .titxt-comment .comment .point-txts .item .btxt{}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .btxt a{font-size:15px; line-height:120%; min-height:20px; color:#161616; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board.sugg-list .list li .titxt-comment .comment .point-txts .item .btxt a:hover{text-decoration:underline; color:#208aa0;}


.board.sugg-list .list.view li .titxt-comment .comment .point-txts .item{width:100%; float:none; padding:0px 30px 0px 0px;}
.board.sugg-list .list.view li .titxt-comment .comment .point-txts .item .starf-date{position:relative; top:auto; left:auto;}
.board.sugg-list .list.view li .titxt-comment .comment .point-txts .item .btxt a{white-space:break-spaces; overflow:visible; line-height:140%;}


	@media all and (max-width:1300px){

		.board.sugg-list .list li .titxt-comment .tit-btxts .tit{width:50%;}

		.board.sugg-list .list li .titxt-comment .comment .point-txts .item{width:100%; float:none;}
	}

	@media all and (max-width:1000px){
		.board.sugg-list .list li{padding:30px 0px 30px 200px;}
		.board.sugg-list .list li .img{width:180px; height:120px;}

		.board.sugg-list .list li .titxt-comment .tit-btxts .tit{width:100%; margin-bottom:10px; float:none;}

		.board.sugg-list .list li .titxt-comment .tit-btxts .btxts{float:none;}

		.board.sugg-list .list li .titxt-comment .comment{padding:35px 20px 20px 100px;}
		.board.sugg-list .list li .titxt-comment .comment .num{top:20px; left:20px;}

		.board.sugg-list .list li .titxt-comment .comment .point-txts .item{padding:0px;}
		.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date{position:relative; top:auto; left:auto; margin-bottom:5px;}
		.board.sugg-list .list li .titxt-comment .comment .point-txts .item .btxt{padding-left:15px}
	}

	@media all and (max-width:680px){
		.board.sugg-list .list li{padding:20px 0px 20px 0px;}
		.board.sugg-list .list li .img{position:relative; top:auto; left:auto; width:100%; height:160px; margin-bottom:10px;}

		.board.sugg-list .list li .titxt-comment .tit-btxts{margin-bottom:10px;}
		.board.sugg-list .list li .titxt-comment .tit-btxts .tit{width:100%; margin-bottom:10px; float:none; font-size:20px;}
		.board.sugg-list .list li .titxt-comment .tit-btxts .btxts .btxt{font-size:14px; padding-left:20px; margin-left:15px;}

		.board.sugg-list .list li .titxt-comment .comment{padding:15px 15px 5px 90px;}
		.board.sugg-list .list li .titxt-comment .comment .num{top:15px; left:15px;}

		.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date{margin-bottom:0px;}
		.board.sugg-list .list li .titxt-comment .comment .point-txts .item .starf-date .date{font-size:13px;}

		.board.sugg-list .list li .titxt-comment .comment .point-txts .item .btxt a{font-size:14px;}
	}

	@media all and (max-width:480px){
		.board.sugg-list .list li{padding:15px 0px 15px 0px;}
		.board.sugg-list .list li .img{height:140px;}

		.board.sugg-list .list li .titxt-comment .tit-btxts .tit{margin-bottom:5px; font-size:18px;}
		.board.sugg-list .list li .titxt-comment .tit-btxts .btxts .btxt{font-size:13px; margin-left:10px;}

		.board.sugg-list .list li .titxt-comment .comment{padding:10px 10px 5px 60px;}
		.board.sugg-list .list li .titxt-comment .comment .num{top:10px; left:10px;}

		.board.sugg-list .list li .titxt-comment .comment .num:before{width:40px; height:40px; margin-bottom:0px; background-size:16px;}
		.board.sugg-list .list li .titxt-comment .comment .num .ntxt{width:18px; line-height:18px; font-size:12px;}
		.board.sugg-list .list li .titxt-comment .comment .num .btxt{font-size:13px}
		
	}

/* .board.basic-list */
.board.basic-list{}
.board.basic-list .list{border-top:2px solid #000;}
.board.basic-list .list li{position:relative; padding:24px 360px 24px 170px; border-bottom:1px solid #dbdbdb;}
.board.basic-list .list li .date{position:absolute; top:24px; left:35px; text-align:center; padding-right:34px;}
.board.basic-list .list li .date:before{position:absolute; top:0px; right:0px; width:1px; height:100%; background:#dbdbdb; content:"";}
.board.basic-list .list li .date .day{display:block; line-height:100%; letter-spacing:-0.03em; font-size:30px; color:#000; margin-bottom:10px; font-weight:600;}
.board.basic-list .list li .date .month{display:block; line-height:120%; letter-spacing:-0.02em; font-size:16px; color:#000;}

.board.basic-list .list li .tit-txt{}
.board.basic-list .list li .tit-txt a{display:block;}
.board.basic-list .list li .tit-txt a .tit{font-size:22px; margin-bottom:10px; line-height:120%; letter-spacing:-0.02em; color:#000; font-weight:600; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board.basic-list .list li .tit-txt a .btxt{font-size:16px; line-height:120%; letter-spacing:-0.02em; color:#333; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board.basic-list .list li .tit-txt a:hover .tit{text-decoration:underline; color:#208aa0;}
.board.basic-list .list li .tit-txt a:hover .btxt{text-decoration:underline; color:#208aa0;}

.board.basic-list .list li .writer{position:absolute; top:50%; left:80%; margin-top:-10px;}
.board.basic-list .list li .writer span{padding-left:28px; font-size:15px; color:#333; font-weight:600; line-height:100%; background:url("/images/board/solu-icon-name.png") no-repeat left;}

.board.basic-list .list li .btn{position:absolute; top:50%; left:90%; margin-top:-23px; padding:12px 20px; border-radius:4px; display:block;}
.board.basic-list .list li .btn.down{background:#0eada8;}
.board.basic-list .list li .btn.down span{padding-left:20px; color:#fff; font-size:15px; background:url("/images/board/solu-icon-down.png") no-repeat left;}
.board.basic-list .list li .btn:hover span{text-decoration:underline;}


	@media all and (max-width:1600px){
		.board.basic-list .list li .writer{left:77%;}
	}

	@media all and (max-width:1300px){
		.board.basic-list .list li .writer{left:72%;}
		.board.basic-list .list li .btn{ left:87%;}
	}

	@media all and (max-width:1000px){
		.board.basic-list .list li{position:relative; padding:20px 10px;}
		.board.basic-list .list li .date{position:relative; top:auto; left:auto; text-align:left; margin-bottom:10px;}
		.board.basic-list .list li .date:before{display:none}
		.board.basic-list .list li .date .day{display:inline-block; font-size:20px; margin-bottom:0px; margin-right:5px;}
		.board.basic-list .list li .date .month{display:inline-block; font-size:15px;}
		
		.board.basic-list .list li .tit-txt{margin-bottom:10px;}
		.board.basic-list .list li .tit-txt a .tit{font-size:20px; margin-bottom:5px;}
		.board.basic-list .list li .tit-txt a .btxt{font-size:15px;}

		.board.basic-list .list li .writer{display:inline-block; position:relative; top:auto; left:auto; margin-top:0px; margin-right:10px;}

		.board.basic-list .list li .btn{display:inline-block; position:relative; top:auto; left:auto; margin-top:0px; padding:8px 10px;}
	}

	@media all and (max-width:680px){
		.board.basic-list .list li{padding:10px 5px;}
		.board.basic-list .list li .date .day{font-size:18px;}
		.board.basic-list .list li .date .month{font-size:15px;}
		
		.board.basic-list .list li .tit-txt a .tit{font-size:18px;}
		.board.basic-list .list li .tit-txt a .btxt{font-size:14px;}

		.board.basic-list .list li .writer{margin-top:0px; margin-right:10px;}
		.board.basic-list .list li .writer span{padding-left:24px; font-size:14px;}

		.board.basic-list .list li .btn{padding:5px 10px;}
		.board.basic-list .list li .btn.down span{padding-left:20px; font-size:13px;}
	}

	@media all and (max-width:480px){
		.board.basic-list .list li .date .day{font-size:16px;}
		.board.basic-list .list li .date .month{font-size:14px;}
		
		.board.basic-list .list li .tit-txt a .tit{font-size:16px;}
		.board.basic-list .list li .tit-txt a .btxt{font-size:13px;}

		.board.basic-list .list li .writer span{font-size:13px;}

		.board.basic-list .list li .btn.down span{font-size:12px;}
	}

/* boardViewWrap */
.boardViewWrap{width:100%; border-top:2px solid #000; border-bottom:1px solid #9d9d9d;}
.boardViewWrap .bdvTitWrap{width:100%; background:#f8f8f8; padding:20px 10px; text-align: center; border-bottom:1px solid #dcdcdc; box-sizing: border-box;}
.boardViewWrap .bdvTitWrap .bdvTit{font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#111; font-size:22px; line-height: 120%; word-break: keep-all;}
.boardViewWrap .bdvInfo {display:flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; width:100%;}
.boardViewWrap .bdvInfo dl{width:50%; border-bottom:1px solid #dcdcdc; box-sizing: border-box; display: flex; align-items: stretch; justify-content: flex-start;}
.boardViewWrap .bdvInfo dl.bdvInfo-full{width:100%;}
.boardViewWrap .bdvInfo dl dt{flex-shrink: 0; width:180px; padding:15px 30px; box-sizing: border-box; border-right:1px solid #dcdcdc; background-color: #f8f8f8; font-size:15px; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#000; word-break: keep-all;}
.boardViewWrap .bdvInfo dl dd{background-color: #fff; width: 100%; padding:15px 20px; box-sizing: border-box; font-size:15px; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#555;}
.boardViewWrap .bdvInfo dl dd .fileBoxs li:not(:last-child){margin-bottom:15px;}
.boardViewWrap .bdvInfo dl dd .fileBoxs li .fileDown{padding-left:25px; background: url('/Jangsu/images/board/fileIcon.png') left center no-repeat; font-size:15px; color:#555;}
.boardViewWrap .bdvInfo dl dd .fileBoxs li .fileViewer{margin-left:10px;}
.boardViewWrap .bdvCntWrap{padding:50px; box-sizing: border-box;}
.boardViewWrap .bdvCntWrap img{max-width:100%;}

.writeAddress .filebox.address{display: flex; align-items: center; justify-content: flex-start;}
.writeAddress .filebox.address input{margin-right:10px;}
.writeAddress .addressMore{display: flex; align-items: center; justify-content: space-between;}
.writeAddress .addressMore input{width:49%;}

	@media screen and (max-width:768px){
		.boardViewWrap .bdvCntWrap{padding:30px;}
		.boardViewWrap .bdvInfo dl{width:100%;}
		.boardViewWrap .bdvInfo dl.bd-r{border-right:0 !important;}
		.boardViewWrap .bdvInfo dl.fileBox{flex-direction: column;}
		.boardViewWrap .bdvInfo dl.fileBox dt{width: 100%;;}
		.boardViewWrap .bdvInfo dl dt, .boardViewWrap .bdvInfo dl dd{font-size:13px; padding:15px 10px;}
		.boardViewWrap .bdvInfo dl dt{width:120px;}
		.boardViewWrap .bdvInfo dl dd .fileBoxs li .fileDown{background-size: 14px; padding-left:18px; font-size:13px;}
		.boardViewWrap .bdvInfo dl dd .fileBoxs li .fileViewer img{width:65px;}
	}

	@media screen and (max-width:480px){
		/* S.게시판 보기 페이지 */
		.boardViewWrap .bdvCntWrap{padding:20px;}
		.boardViewWrap .bdvTitWrap .bdvTit{font-size:20px;}

		.writeAddress .filebox.address input{width:80%;}
		.writeAddress .filebox.address .btn_file{width:150px;}
		.writeAddress .addressMore{flex-wrap: wrap;}
		.writeAddress .addressMore input{width:100%; margin-bottom:5px;}
	}

/* board_prevNext */
.board_prevNext dl{display: flex; align-items: stretch; justify-content: flex-start; border-top:1px solid #dcdcdc; background-color:#fff;}
.board_prevNext dl:last-child{border-bottom:1px solid #dcdcdc;}
.board_prevNext dt, .board_prevNext dd{padding:15px 20px; box-sizing: border-box; display: flex; align-items: center;;}
.board_prevNext dt{background-color:#f8f8f8; width:190px; flex-shrink: 0; justify-content: center;}
.board_prevNext dt span{display: inline-block; font-size:15px; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#000; background-position: right center; background-repeat: no-repeat;}
.board_prevNext dd{width:70%;justify-content: flex-start;}
.board_prevNext dd a{font-size:16px; color:#555; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 100%;;}

	@media screen and (max-width:768px) {
		.board_prevNext dt{width:120px;}
		.board_prevNext dt span{font-size:14px;}
		.board_prevNext dd a{font-size:14px;}
	}
	@media screen and (max-width:480px) {
		.board_prevNext dt, .board_prevNext dd{padding:10px 15px;}
		.board_prevNext dt{width:90px;}
		.board_prevNext dt span{font-size:13px; background-size: 10px;}
		.board_prevNext dd a{font-size:13px;}
	}

/* .layer-wrap.patent */
.layer-wrap.patent{}
.layer-wrap.patent{/*position:fixed; top:100px; left:50%; margin-left:-370px; z-index:99999999;*/ width:740px; display:none; box-sizing:border-box; background:#fff;}

.layer-wrap.patent .pop-patent-close{position:absolute; top:20px; right:30px; display:block; width:40px; height:40px; background:url("/images/board/pop-close-btn.png") no-repeat center;}


/* .layer-wrap.perf */
.layer-wrap.perf{/*position:fixed; top:100px; left:50%; margin-left:-370px; z-index:99999999;*/ width:740px; display:none; box-sizing:border-box; background:#fff;}

.layer-wrap.perf .pop-perf-close{position:absolute; top:20px; right:30px; display:block; width:40px; height:40px; background:url("/images/board/pop-close-btn.png") no-repeat center;}


/* .layer-wrap.sugg */
.layer-wrap.sugg{/*position:fixed; top:100px; left:50%; margin-left:-500px; z-index:99999999;*/ width:1000px; display:none; box-sizing:border-box; background:#fff;}
.layer-wrap.sugg .radios-group{}
.layer-wrap.sugg .radios-group .radios{margin-right:20px;}
.layer-wrap.sugg .radios-group .radios:last-child{margin-right:0px;}

.layer-wrap.sugg .in-cont .text{}
.layer-wrap.sugg .in-cont .text textarea{width:100%; height:120px; padding:10px; font-size:14px; color:#333; box-sizing:border-box;}

.layer-wrap.sugg .pop-sugg-close{position:absolute; top:20px; right:30px; display:block; width:40px; height:40px; background:url("/images/board/pop-close-btn.png") no-repeat center;}


/* .layer-wrap */
.layer-wrap .in-cont{padding:30px;}
.layer-wrap .in-cont .pop-title{font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; font-size:30px; color:#000; margin-bottom:20px; line-height:120%; letter-spacing:-0.03em;}

.layer-wrap .in-cont .btns{text-align:center;}
.layer-wrap .in-cont .btns .btn{display:inline-block; padding:10px 15px; background:#666; color:#fff; border:none;}
.layer-wrap .in-cont .btns .btn span{font-size:15px; color:#fff;}
.layer-wrap .in-cont .btns .btn:hover span{text-decoration:underline; cursor:pointer;}
.layer-wrap .in-cont .btns .btn.req{background:#666;}
.layer-wrap .in-cont .btns .btn.req span{padding-left:26px; background:url("/images/board/solu-icon-check.png") no-repeat left;}
.layer-wrap .in-cont .btns .btn.check{background:#666;}
.layer-wrap .in-cont .btns .btn.check span{padding-left:26px; background:url("/images/board/solu-icon-check.png") no-repeat left;}
.layer-wrap .in-cont .btns .btn.cancel{background:#666;}
.layer-wrap .in-cont .btns .btn.cancel span{padding-left:26px; background:url("/images/board/solu-icon-cancel.png") no-repeat left;}

/* .boradNumBtn */
.boradNumBtn{}
.boradNumBtn{width:100%; position:relative;}
.boradNumBtn .bdNumWrap {text-align: center;}
.boradNumBtn .bdNumWrap .bdNumList{display: inline-block; margin:0 3px; vertical-align: middle;}
.boradNumBtn .bdNumWrap .bdNum{width:36px; line-height:36px; text-align: center;border-radius: 50%; box-sizing: border-box; background-color:#f8f8f8;; color:#555; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.boradNumBtn .bdNumWrap .bdNum.numOn {background:#014099; color:#fff;}
.boradNumBtn .bdBtnWrap{position: absolute; right:0; top:50%; margin-top:-21px;}
.boradNumBtn .bdBtnWrap > a{display: inline-block; vertical-align: top;}
.boradNumBtn .bdBtnWrap > input{display: inline-block; vertical-align:top;}
.bdBtnWrap > input{width:87px; height:40px; line-height: 38px; font-size:16px; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;  border:1px solid #d1d1d1; color:#555; background:#fff; border-radius: 50px; box-shadow: 3px 3px 0 rgba(0,0,0,0.11);}

    @media only screen and (max-width:680px) {
        .boradNumBtn .bdNumWrap {text-align: left;}
    }

    @media only screen and (max-width:480px) {
        .boradNumBtn .bdNumWrap {display: flex; align-items: center; justify-content: space-between;}
        .boradNumBtn .bdBtnWrap{position: static; margin-top:10px; text-align: right;}
        .boradNumBtn .bdNumWrap .bdNumList{width:27px; line-height: 27px;}
    }
	
/* .login-wrap */
.login-wrap{width:100%; margin:0px auto;}
.login-wrap .idpass-input{padding:100px 200px; background:#f6f6f6; margin-bottom:40px; border-radius:80px 0px 0px 0px;}
.login-wrap .idpass-input .title{margin-bottom:40px; text-align:center; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.login-wrap .idpass-input .title .btxt{font-size:30px; color:#1b1b1b; line-height:120%; margin-bottom:10px; letter-spacing:-0.02em;}
.login-wrap .idpass-input .title .stxt{font-size:16px; color:#969696; line-height:120%; letter-spacing:-0.02em;}

.login-wrap .idpass-input .inputs-btn{margin-bottom:30px;}
.login-wrap .idpass-input .inputs-btn .input{ margin-bottom:20px;}
.login-wrap .idpass-input .inputs-btn .input input[type=text], .login-wrap .idpass-input .inputs-btn input[type=password]{width:100%; height:60px; padding:0px 20px; background:#fff; border-radius:30px; font-size:16px; color:#000;}
.login-wrap .idpass-input .inputs-btn .btn{width:100%; font-size:20px; color:#fff; padding:15px; border-radius:30px; display:block; text-align:center; cursor:pointer; border:none; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;
background: rgb(4,211,154); background: linear-gradient(90deg, rgba(4,211,154,1) 0%, rgba(5,173,207,1) 100%);}
.login-wrap .idpass-input .inputs-btn .btn:hover{text-decoration:underline;}

.login-wrap .idpass-input .save-btns{overflow:hidden;}
.login-wrap .idpass-input .save-btns .radios{float:left;}
.login-wrap .idpass-input .save-btns .btns{float:right; font-size:0px;}
.login-wrap .idpass-input .save-btns .btns .btn{display:inline-block; vertical-align:top; margin-left:10px; background:#969696; padding:10px 20px; border-radius:6px;}
.login-wrap .idpass-input .save-btns .btns .btn span{font-size:14px; color:#fff; line-height:100%; display:block;}
.login-wrap .idpass-input .save-btns .btns .btn:hover span{text-decoration:underline;}
.login-wrap .idpass-input .save-btns .btns .btn.find{} 
.login-wrap .idpass-input .save-btns .btns .btn.join{}

.login-wrap .other-login{}
.login-wrap .other-login .btns{overflow:hidden;}
.login-wrap .other-login .btns li{width:33.33333333%; float:left; text-align:center;}
.login-wrap .other-login .btns li a{display:inline-block;}
.login-wrap .other-login .btns li a:before{display:inline-block; vertical-align:middle; width:72px; height:72px; background:blue; content:""; border-radius:50px; margin-right:20px;}
.login-wrap .other-login .btns li a span{display:inline-block; vertical-align:middle; font-size:15px; color:#1a1a1a; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; letter-spacing:-0.02em;}
.login-wrap .other-login .btns li a:hover span{text-decoration:underline;}

.login-wrap .other-login .btns li.naver a:before{background:url("/images/board/login-naver.jpg") no-repeat center #1dc800;}
.login-wrap .other-login .btns li.kakao a:before{background:url("/images/board/login-kakao.jpg") no-repeat center #f8e318;}
.login-wrap .other-login .btns li.google a:before{background:url("/images/board/login-google.jpg") no-repeat center #f2f2f2;}

	@media all and (max-width:1000px){
		.login-wrap{width:100%;}
		.login-wrap .idpass-input{padding:80px 20px;}
		
		.login-wrap .other-login .btns li a:before{width:60px; height:60px; margin-right:10px;}
	}

	@media all and (max-width:680px){
		.login-wrap .idpass-input{padding:40px 20px;}

		.login-wrap .idpass-input .title{margin-bottom:20px;}
		.login-wrap .idpass-input .title .btxt{font-size:26px;}
		.login-wrap .idpass-input .title .stxt{font-size:14px;}

		.login-wrap .idpass-input .inputs-btn{margin-bottom:20px;}
		.login-wrap .idpass-input .inputs-btn .input{margin-bottom:10px;}
		.login-wrap .idpass-input .inputs-btn .input input[type=text], .login-wrap .idpass-input .inputs-btn input[type=password]{height:50px; padding:0px 15px; font-size:15px;}
		.login-wrap .idpass-input .inputs-btn .btn{font-size:18px;}

		.login-wrap .other-login .btns li a:before{display:inline-block; width:60px; height:60px; margin-right:0px; margin-bottom:10px;}
		.login-wrap .other-login .btns li a span{display:block; font-size:14px;}
	}

	@media all and (max-width:480px){
		.login-wrap .idpass-input{padding:30px 20px; border-radius:40px 0px 0px 0px;}

		.login-wrap .idpass-input .title{margin-bottom:10px;}
		.login-wrap .idpass-input .title .btxt{font-size:22px;}

		.login-wrap .idpass-input .inputs-btn .input input[type=text], .login-wrap .idpass-input .inputs-btn input[type=password]{height:40px;}

		.login-wrap .idpass-input .inputs-btn .btn{padding:10px; font-size:16px;}

		.login-wrap .idpass-input .save-btns .radios{float:none; margin-bottom:10px;}
		.login-wrap .idpass-input .save-btns .btns{float:none;}
		.login-wrap .idpass-input .save-btns .btns .btn{margin-left:0px; margin-right:10px; padding:10px;}

		.login-wrap .other-login .btns li a:before{width:50px; height:50px;}
		.login-wrap .other-login .btns li a span{font-size:12px; letter-spacing:-0.05em;}
	}

/* .press-outline */
.press-outline{}
.press-outline .cont{display:none;}
.press-outline .cont.show{display:block;}

/* .press-outline .press-wrap */
.press-outline .press-wrap{}
.press-outline .press-wrap .inpus-comp{position:relative;}
.press-outline .press-wrap .inpus-comp:after{clear:both; content:""; display:block;}

.press-outline .press-wrap .inpus-comp .start-inpus{position:relative; width:85%; padding:20px 20px 20px 170px; box-sizing:border-box; background:rgb(4,211,154);
background: linear-gradient(90deg, rgba(4,211,154,1) 0%, rgba(5,173,207,1) 100%);}
.press-outline .press-wrap .inpus-comp .start-inpus .btn.stert{position:absolute; top:50%; left:50px; display:block; width:70px; line-height:70px; margin-top:-35px; color:#fff; text-align:center; font-size:15px; background:#323232; border-radius:50%;}
.press-outline .press-wrap .inpus-comp .start-inpus .btn.stert:hover{text-decoration:underline;}

.press-outline .press-wrap .inpus-comp .start-inpus .selects{overflow:hidden; margin:0px -1%;}
.press-outline .press-wrap .inpus-comp .start-inpus .selects li{float:left; width:23%; margin:0px 1% 15px 1%;}
.press-outline .press-wrap .inpus-comp .start-inpus .selects li .tit{font-size:15px; color:#fff; margin-bottom:10px; line-height:120%; display:block;}
.press-outline .press-wrap .inpus-comp .start-inpus .selects li .tit br{display:none;}
.press-outline .press-wrap .inpus-comp .start-inpus .selects li .chk-select{width:100%;}
.press-outline .press-wrap .inpus-comp .start-inpus .selects li .chk-select select{ width:100%; height:36px; font-size:14px;}
.press-outline .press-wrap .inpus-comp .start-inpus .selects li input[type="text"]{ width:100%; height:36px; font-size:14px;}

.press-outline .press-wrap .inpus-comp .comp{position:absolute; top:0px; right:0px; width:15%; padding:20px 20px 27px 20px; height:100%; box-sizing:border-box; background:#04d39a;}
.press-outline .press-wrap .inpus-comp .comp .tit{display:block; font-size:15px; color:#fff; margin-bottom:15px;}
.press-outline .press-wrap .inpus-comp .comp .btxt{display:block; font-size:28px; color:#fff; text-align:center; letter-spacing:-0.03em; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}

.press-outline .press-wrap .view{border:1px solid #dbdbdb; border-top:none; border-bottom:none; text-align:center; padding:20px 0px;}
.press-outline .press-wrap .view .animat{position:relative;}

/* .press-outline .press-wrap .view .animat.press */
.press-outline .press-wrap .view .animat.press{position:relative; display:inline-block; width:990px; height:490px;}
.press-outline .press-wrap .view .animat.press .belt-bg{position:absolute; top:0px; left:0px; width:879px; height:469px; z-index:1; background:url("/images/board/belt-bg.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.press .press-entr{position:absolute; top:95px; left:62px; width:216px; height:329px; z-index:3; background:url("/images/board/press-entr.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.press .press-entroof{position:absolute; top:95px; left:62px; width:216px; height:329px; z-index:5; background:url("/images/board/press-entroof.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.press .semi-item{position:absolute; top:270px; left:95px; width:58px; height:35px; z-index:4; background:url("/images/board/semi-item.png") no-repeat left top;}

.press-outline .press-wrap .view .animat .belt{}
.press-outline .press-wrap .view .animat .belt .item01{position:absolute; top:157px; left:28px; z-index:2; width:550px; height:60px; transform:rotate(-29.5deg) skew(31deg); background:#575f6c; overflow:hidden; font-size:0px;}
.press-outline .press-wrap .view .animat.press .belt .item01{width:450px; height:60px; top:132px; left:121px;}
.press-outline .press-wrap .view .animat.weldi .belt .item01{width:310px; height:60px; top:98px; left:251px;}
.press-outline .press-wrap .view .animat.cnc .belt .item01{width:420px; height:60px; top:124px; left:151px;}

.press-outline .press-wrap .view .animat .belt .item01 .action{position:absolute; top:0px; right:0px; z-index:2; width:992px; height:60px; background:url("/images/board/belt-move.png") no-repeat left top;}
.press-outline .press-wrap .view .animat .belt.move .item01 .action{
      animation-name: belt-move01;
      animation-duration: 8s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: infinite; 
      animation-fill-mode: backwards;   
      animation-direction: normal; 
    }
    @keyframes belt-move01 { 
      0% {}
      100% {top:0px; right:-400px;}
    }

.press-outline .press-wrap .view .animat .belt .item02{position:absolute; top:64px; left:520px; z-index:2; width:320px; height:61px; transform:rotate(29.5deg) skew(-31deg); border-radius:20px 0px 0px 0px; background:#575f6c; overflow:hidden; font-size:0px;}
.press-outline .press-wrap .view .animat .belt .item02 .action{position:absolute; top:0px; right:0px; z-index:2; width:992px; height:60px; background:url("/images/board/belt-move.png") no-repeat left top;}
.press-outline .press-wrap .view .animat .belt.move .item02 .action{
      animation-name: belt-move02;
      animation-duration: 7s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: infinite; 
      animation-fill-mode: backwards;   
      animation-direction: normal; 
    }
    @keyframes belt-move02 { 
      0% {}
      100% {top:0px; right:-400px;}
    }

.press-outline .press-wrap .view .animat .belt .item03{position:absolute; top:292px; left:657px; z-index:6; width:200px; height:64px; transform:rotate(-30deg) skew(30deg); background:#454c56; overflow:hidden; font-size:0px; font-size:0px;}
.press-outline .press-wrap .view .animat .belt .item03 .action{position:absolute; top:0px; left:0px; z-index:2; width:992px; height:60px; background:url("/images/board/belt-move.png") no-repeat left top;}
.press-outline .press-wrap .view .animat .belt.move .item03 .action{
      animation-name: belt-move03;
      animation-duration: 7s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: infinite; 
      animation-fill-mode: backwards;   
      animation-direction: normal; 
    }
    @keyframes belt-move03 { 
      0% {}
      100% {top:0px; left:-400px;}
    }

.press-outline .press-wrap .view .animat.press .action-move{position:absolute; top:142px; left:98px; width:50px; height:120px; z-index:4; background:url("/images/board/press-move.png") no-repeat center bottom;}
.press-outline .press-wrap .view .animat.press .action-move.move{
      animation-name: press-move;
      animation-duration: 0.5s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: 2; 
      animation-fill-mode: backwards;   
      animation-direction: alternate; 
    }
    @keyframes press-move { 
      0% {opacity:1;}
      100% {top:180px; left:98px; opacity:1;}
    }

.press-outline .press-wrap .view .animat.press .move-item{opacity:0; position:absolute; top:148px; left:248px; width:81px; height:63px; z-index:2; background:url("/images/board/move-item.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.press .move-item.move{
      animation-name: press-item;
      animation-duration: 1.3s; 
      animation-delay: 0.2s;
      animation-timing-function: linear;  
      animation-iteration-count: 1; 
      animation-fill-mode: backwards;   
      animation-direction: alternate; 
    }
    @keyframes press-item { 
      0% {opacity:0;}
      10% {opacity:1;}
      50% {top:-10px; left:525px; opacity:1;}
      90% {opacity:1;}
      100% {top:110px; left:735px; opacity:0;}
    }

.press-outline .press-wrap .view .animat.press .output-bg{position:absolute; top:100px; right:0px; width:438px; height:384px; z-index:5; background:url("/images/board/output-bg.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.press .output-item{opacity:0; position:absolute; top:240px; right:150px; width:51px; height:55px; z-index:6; background:blue;}

.press-outline .press-wrap .view .animat.press .output-item.move{
      animation-name: press-output;
      animation-duration: 1s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: 1; 
      animation-fill-mode: forwards;   
      animation-direction: alternate; 
    }
    @keyframes press-output { 
      0% {opacity:0;}
      10% {opacity:1;}
      90% {opacity:1;}
      100% {top:370px; right:330px; opacity:0;}
    }

.press-outline .press-wrap .view .animat.press .output-item.good{background:url("/images/board/animat-box-good.png") no-repeat center;}
.press-outline .press-wrap .view .animat.press .output-item.bad{background:url("/images/board/animat-box-bad.png") no-repeat center;}

/* .press-outline .press-wrap .view .animat.steri */
.press-outline .press-wrap .view .animat.steri{position:relative; display:inline-block; width:990px; height:540px;}
.press-outline .press-wrap .view .animat.steri .belt-bg{position:absolute; top:0px; left:0px; width:879px; height:469px; z-index:1; background:url("/images/board/belt-bg.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.steri .steri-entr{position:absolute; top:95px; left:0px; width:341px; height:445px; z-index:3; background:url("/images/board/steri-entr.png") no-repeat left top;}

.press-outline .press-wrap .view .animat.steri .action-move{position:absolute; top:408px; left:178px; width:66px; height:70px; z-index:4; background:url("/images/board/steri-move.png") no-repeat center bottom;}
.press-outline .press-wrap .view .animat.steri .action-move.move{
      animation-name: steri-move;
      animation-duration: 0.5s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: 2; 
      animation-fill-mode: backwards;   
      animation-direction: alternate; 
    }
    @keyframes steri-move { 
      0% {opacity:1;}
	  50% {transform:rotate(-10deg); opacity:1;}
      100% {transform:rotate(10deg); opacity:1;}
    }

.press-outline .press-wrap .view .animat.steri .move-item{opacity:0; position:absolute; top:148px; left:248px; width:81px; height:63px; z-index:2; background:url("/images/board/move-item.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.steri .move-item.move{
      animation-name: steri-item;
      animation-duration: 1.3s; 
      animation-delay: 0.2s;
      animation-timing-function: linear;  
      animation-iteration-count: 1; 
      animation-fill-mode: backwards;   
      animation-direction: alternate; 
    }
    @keyframes steri-item { 
      0% {opacity:0;}
      10% {opacity:1;}
      50% {top:-10px; left:525px; opacity:1;}
      90% {opacity:1;}
      100% {top:110px; left:735px; opacity:0;}
    }

.press-outline .press-wrap .view .animat.steri .output-bg{position:absolute; top:100px; right:0px; width:438px; height:384px; z-index:5; background:url("/images/board/output-bg.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.steri .output-item{opacity:0; position:absolute; top:240px; right:150px; width:51px; height:55px; z-index:6; background:blue;}

.press-outline .press-wrap .view .animat.steri .output-item.move{
      animation-name: steri-output;
      animation-duration: 1s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: 1; 
      animation-fill-mode: forwards;   
      animation-direction: alternate; 
    }
    @keyframes steri-output { 
      0% {opacity:0;}
      10% {opacity:1;}
      90% {opacity:1;}
      100% {top:370px; right:330px; opacity:0;}
    }

.press-outline .press-wrap .view .animat.steri .output-item.good{background:url("/images/board/animat-box-good.png") no-repeat center;}
.press-outline .press-wrap .view .animat.steri .output-item.bad{background:url("/images/board/animat-box-bad.png") no-repeat center;}

/* .press-outline .press-wrap .view .animat.weldi */
.press-outline .press-wrap .view .animat.weldi{position:relative; display:inline-block; width:990px; height:490px;}
.press-outline .press-wrap .view .animat.weldi .belt-bg{position:absolute; top:0px; left:0px; width:879px; height:469px; z-index:1; background:url("/images/board/belt-bg.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.weldi .weldi-entr{position:absolute; top:114px; left:100px; width:163px; height:140px; z-index:3; background:url("/images/board/weldi-entr.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.weldi .semi-item01{position:absolute; top:200px; left:220px; width:58px; height:35px; z-index:4; background:url("/images/board/semi-item.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.weldi .semi-item02{position:absolute; top:270px; left:95px; width:58px; height:35px; z-index:4; background:url("/images/board/semi-item.png") no-repeat left top;}

.press-outline .press-wrap .view .animat.weldi .action-move{position:absolute; top:124px; left:248px; width:26px; height:72px; z-index:4; background:url("/images/board/weldi-move.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.weldi .action-move.move{
      animation-name: weldi-move;
      animation-duration: 0.5s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: 2; 
      animation-fill-mode: backwards;   
      animation-direction: alternate; 
    }
    @keyframes weldi-move { 
      0% {opacity:1;}
      100% {top:150px; left:248px; transform:rotate(20deg); opacity:1;}
    }

.press-outline .press-wrap .view .animat.weldi .move-item{opacity:0; position:absolute; top:148px; left:248px; width:81px; height:63px; z-index:2; background:url("/images/board/move-item.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.weldi .move-item.move{
      animation-name: weldi-item;
      animation-duration: 1.3s; 
      animation-delay: 0.2s;
      animation-timing-function: linear;  
      animation-iteration-count: 1; 
      animation-fill-mode: backwards;   
      animation-direction: alternate; 
    }
    @keyframes weldi-item { 
      0% {opacity:0;}
      10% {opacity:1;}
      50% {top:-10px; left:525px; opacity:1;}
      90% {opacity:1;}
      100% {top:110px; left:735px; opacity:0;}
    }

.press-outline .press-wrap .view .animat.weldi .output-bg{position:absolute; top:100px; right:0px; width:438px; height:384px; z-index:5; background:url("/images/board/output-bg.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.weldi .output-item{opacity:0; position:absolute; top:240px; right:150px; width:51px; height:55px; z-index:6; background:blue;}

.press-outline .press-wrap .view .animat.weldi .output-item.move{
      animation-name: weldi-output;
      animation-duration: 1s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: 1; 
      animation-fill-mode: forwards;   
      animation-direction: alternate; 
    }
    @keyframes weldi-output { 
      0% {opacity:0;}
      10% {opacity:1;}
      90% {opacity:1;}
      100% {top:370px; right:330px; opacity:0;}
    }

.press-outline .press-wrap .view .animat.weldi .output-item.good{background:url("/images/board/animat-box-good.png") no-repeat center;}
.press-outline .press-wrap .view .animat.weldi .output-item.bad{background:url("/images/board/animat-box-bad.png") no-repeat center;}

/* .press-outline .press-wrap .view .animat.cnc */
.press-outline .press-wrap .view .animat.cnc{position:relative; display:inline-block; width:990px; height:490px;}
.press-outline .press-wrap .view .animat.cnc .belt-bg{position:absolute; top:0px; left:0px; width:879px; height:469px; z-index:1; background:url("/images/board/belt-bg.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.cnc .cnc-entr01{position:absolute; top:175px; left:62px; width:93px; height:133px; z-index:0; background:url("/images/board/cnc-entr01.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.cnc .cnc-entr02{position:absolute; top:215px; left:122px; width:136px; height:104px; z-index:5; background:url("/images/board/cnc-entr02.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.cnc .semi-item{position:absolute; top:255px; left:130px; width:58px; height:35px; z-index:4; background:url("/images/board/semi-item.png") no-repeat left top;}

.press-outline .press-wrap .view .animat.cnc .action-move{position:absolute; top:240px; left:145px; width:18px; height:23px; z-index:4; background:url("/images/board/cnc-move.png") no-repeat center bottom;}
.press-outline .press-wrap .view .animat.cnc .action-move.move{
      animation-name: cnc-move;
      animation-duration: 0.5s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: 2; 
      animation-fill-mode: backwards;   
      animation-direction: alternate; 
    }
    @keyframes cnc-move { 
      0% {opacity:1;}
      100% {top:257px; left:175px; opacity:1;}
    }

.press-outline .press-wrap .view .animat.cnc .move-item{opacity:0; position:absolute; top:185px; left:180px; width:81px; height:63px; z-index:2; background:url("/images/board/move-item.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.cnc .move-item.move{
      animation-name: cnc-item;
      animation-duration: 1.3s; 
      animation-delay: 0.2s;
      animation-timing-function: linear;  
      animation-iteration-count: 1; 
      animation-fill-mode: backwards;   
      animation-direction: alternate; 
    }
    @keyframes cnc-item { 
      0% {opacity:0;}
      10% {opacity:1;}
      50% {top:-10px; left:525px; opacity:1;}
      90% {opacity:1;}
      100% {top:110px; left:735px; opacity:0;}
    }

.press-outline .press-wrap .view .animat.cnc .output-bg{position:absolute; top:100px; right:0px; width:438px; height:384px; z-index:5; background:url("/images/board/output-bg.png") no-repeat left top;}
.press-outline .press-wrap .view .animat.cnc .output-item{opacity:0; position:absolute; top:240px; right:150px; width:51px; height:55px; z-index:6; background:blue;}

.press-outline .press-wrap .view .animat.cnc .output-item.move{
      animation-name: cnc-output;
      animation-duration: 1s; 
      animation-delay: 0s;
      animation-timing-function: linear;  
      animation-iteration-count: 1; 
      animation-fill-mode: forwards;   
      animation-direction: alternate; 
    }
    @keyframes cnc-output { 
      0% {opacity:0;}
      10% {opacity:1;}
      90% {opacity:1;}
      100% {top:370px; right:330px; opacity:0;}
    }

.press-outline .press-wrap .view .animat.cnc .output-item.good{background:url("/images/board/animat-box-good.png") no-repeat center;}
.press-outline .press-wrap .view .animat.cnc .output-item.bad{background:url("/images/board/animat-box-bad.png") no-repeat center;}







.press-outline .press-wrap .output-view{}
.press-outline .press-wrap .output-view .list{border:1px solid #dbdbdb; border-right:none; border-bottom:none; overflow:hidden;}
.press-outline .press-wrap .output-view .list li{width:25%; padding:20px 25px; float:left; box-sizing:border-box; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.press-outline .press-wrap .output-view .list li .tit{font-size:15px; color:#fff; background:#323232; display:inline-block; padding:5px 15px; line-height:120%; margin-bottom:20px; border-radius:14px;}
.press-outline .press-wrap .output-view .list li .output{text-align:center;}


	@media all and (max-width:1600px){
		.press-outline .press-wrap .inpus-comp .start-inpus .selects li .tit{font-size:13px; letter-spacing:-0.05em}
	}	


	@media all and (max-width:1300px){
		.press-outline .press-wrap .inpus-comp .start-inpus .selects li .tit br{display:block;}

		.press-outline .press-wrap .output-view .list li .output img{width:100%;}

		.press-outline .press-wrap .view .animat{transform: scale(0.9) translate(0, 0);}
	}	

	@media all and (max-width:1000px){

		.press-outline .press-wrap .inpus-comp .start-inpus{padding:20px 20px 20px 100px;}
		.press-outline .press-wrap .inpus-comp .start-inpus .btn.stert{left:15px; }

		.press-outline .press-wrap .inpus-comp .start-inpus .selects{margin:0px -1%;}
		.press-outline .press-wrap .inpus-comp .start-inpus .selects li{width:23%; margin:0px 1% 15px 1%;}
		.press-outline .press-wrap .inpus-comp .start-inpus .selects li .tit{font-size:11px;}

		.press-outline .press-wrap .inpus-comp .comp{padding:20px 10px 26px 10px;}
		.press-outline .press-wrap .inpus-comp .comp .btxt{font-size:18px;}

		.press-outline .press-wrap .output-view .list li{padding:15px 10px;}
		.press-outline .press-wrap .output-view .list li .tit{font-size:14px; padding:5px 10px; margin-bottom:10px;}
		
		.press-outline .press-wrap .view .animat{transform: scale(0.6) translate(-30%, -150px);}

		.press-outline .press-wrap .output-view{margin-top:-170px;}

	}

	@media all and (max-width:680px){
		.press-outline .press-wrap .inpus-comp .start-inpus .btn.stert{position:relative; top:auto; left:auto; width:100%; line-height:38px; margin-top:0px; font-size:14px; border-radius:0px; margin-bottom:10px;}

		.press-outline .press-wrap .inpus-comp .start-inpus{ width:100%; padding:15px;}
		.press-outline .press-wrap .inpus-comp .start-inpus .selects li .tit{ margin-bottom:5px;}

		.press-outline .press-wrap .inpus-comp .comp{position:relative; top:auto; left:auto; width:100%; padding:15px; background:#0eada8;}
		.press-outline .press-wrap .inpus-comp .comp .tit{font-size:15px; margin-bottom:0px;}

		.press-outline .press-wrap .cont img{ width:100%;}

		.press-outline .press-wrap .output-view .list li{padding:10px 5px;}
		.press-outline .press-wrap .output-view .list li .tit{font-size:13px; padding:5px 5px; margin-bottom:5px;}

		.press-outline .press-wrap .view .animat{transform: scale(0.4) translate(-68%, -340px);}

		.press-outline .press-wrap .output-view{margin-top:-260px;}
	}

	@media all and (max-width:480px){
		.press-outline .press-wrap .inpus-comp .start-inpus .btn.stert{line-height:32px;}

		.press-outline .press-wrap .inpus-comp .start-inpus{padding:10px 10px 0px 10px;}
		.press-outline .press-wrap .inpus-comp .start-inpus .selects li{width:48%; margin-bottom:10px;}

		.press-outline .press-wrap .inpus-comp .comp{padding:10px;}

		.press-outline .press-wrap .output-view .list li{width:50%; border-bottom:1px solid #dbdbdb;}

		.press-outline .press-wrap .view .animat{transform: scale(0.3) translate(-115%, -560px);}

		.press-outline .press-wrap .output-view{margin-top:-320px;}
	}

/* .press-outline .outline */
.press-outline .outline{overflow:hidden;}
.press-outline .outline .list{margin:0px -1%;}
.press-outline .outline .list li{float:left; width:31.3333333%; margin:0px 1%; padding:30px; text-align:center; border:1px solid #dbdbdb; box-sizing:border-box;}
.press-outline .outline .list li:before{display:inline-block; width:152px; height:100px; margin-bottom:20px; content:""; background:#000;}
.press-outline .outline .list li .tit{font-size:24px; color:#05adcf; margin-bottom:20px; line-height:120%; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.press-outline .outline .list li .btxt{text-align:left; font-size:15px; color:#333; line-height:140%;}

.press-outline .outline .list li.bg:before{background:url("/images/board/outline-icon-bg.png") no-repeat center; background-size:100%;}
.press-outline .outline .list li.ar:before{background:url("/images/board/outline-icon-ar.png") no-repeat center; background-size:100%;}
.press-outline .outline .list li.rs:before{background:url("/images/board/outline-icon-rs.png") no-repeat center; background-size:100%;}


	@media all and (max-width:1300px){
		.press-outline .outline .list li{padding:20px;}
	}	

	@media all and (max-width:1000px){
		.press-outline .outline .list li{padding:15px;}
	}

	@media all and (max-width:680px){
		.press-outline .outline .list{margin:0px;}
		.press-outline .outline .list li{float:none; width:100%; margin:0px; margin-bottom:10px;}

		.press-outline .outline .list li:before{display:inline-block; width:130px; height:90px; margin-bottom:10px;}
		.press-outline .outline .list li .tit{font-size:22px; margin-bottom:10px;}
	}

	@media all and (max-width:480px){
		.press-outline .outline .list li:before{display:inline-block; width:110px; height:80px;}
		.press-outline .outline .list li .tit{font-size:20px; }
		.press-outline .outline .list li .btxt{font-size:14px;}
	}

/* QnA */
.board-list .qna01 > li{border:1px dashed #cecece; border-top:2px solid #014099;}
.board-list .qna01 > li:not(:last-child){border-bottom-width:0;}
.board-list .qna01 li .ques {position: relative;}
.board-list .qna01 li .ques:before, .board-list .qna01 li .ques:after {position: absolute; right:30px; top:50%; margin-top:-1px; width:11px; height: 2px; background-color:#111; content:''; display: block; transition: all .3s ease-in-out; z-index: 2;}
.board-list .qna01 li .ques:before { right:41px;}
.board-list .qna01 li.active .ques:before{transform-origin: right bottom; transform: rotate(45deg);}
.board-list .qna01 li.active .ques:after {transform-origin: left bottom; transform: rotate(-45deg);}
.board-list .qna01 li .ques a{position:relative; display:block; padding:30px 90px 30px 80px; background-color:#fff; font-size:15px; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.board-list .qna01 li .ques a:before,
.board-list .qna01 li .answer:before,
.board-list .qna01 li .ques a .numbering{position:absolute; top:20px; left:30px; display:block; text-align:center; line-height:30px; height: 30px; width:30px; border-radius: 5px; background-color:#014099; font-size:18px; content:"Q"; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; color:#fff;}
.board-list .qna01 li .ques a .btxt{font-size:1.067em; color:#014099; line-height:120%; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; letter-spacing: -0.02em;}
.board-list .qna01.num li:before, .board-list .qna01.num li .answer:before{display: none;}


.board-list .qna01 li .ques02.growth a{position:relative; display:block; padding:30px 90px 30px 20px; background-color:#f5f5f5; font-size:15px; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}
.board-list .qna01 li .ques02.growth a:before, .board-list .qna01 li .answer:before, .board-list .qna01 li .ques02.growth a .numbering{content: none;}
.board-list .qna01 li .ques02.growth a .btxt{font-size:1.200em; color:#333; line-height:120%; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif; letter-spacing: -0.02em; position: relative; padding: 0 0 0 15px;}
.board-list .qna01 li .ques02.growth a .btxt:before{content: ""; width: 5px; height: 5px; background: #fc67bf; position: absolute; top:6px; left:0; border-radius: 10px;}
.board-list .qna01.num li:before, .board-list .qna01.num li .answer:before{display: none;}
.board-list .qna01.num li:before, .board-list .qna01.num li .cont-list.step01 > li:before{display: block;}
.board-list .qna01.num li:before, .board-list .qna01.num li .answer:before{display: none;}

.board-list .qna01 li .answer{display:none; position:relative; background:#f8f8f8; padding:30px 50px 30px 80px;}
.board-list .qna01 li .answer:before{background:#576178; content:'A'; top:40px;}
.board-list .qna01 li .answer .boradNumBtn {padding-bottom:20px; text-align: right; width:100%;}
.board-list .qna01 li .answer .boradNumBtn .bdBtnWrap{margin-top:20px; position: static;}

.board-list .qna01 li.active .ques a .write-date{display:block;}


.board-list .qna01 li.active .substan{font-size:1.067em; color:#666; line-height:160%; font-family:'Pretendard-Regular','Malgun Gothic',sans-serif;}

@media only screen and (max-width:1000px) {
	.board-list .qna01 li .ques a{position:relative; display:block; padding:15px 70px 15px 80px;}
	.board-list .qna01 li .ques a .btxt{font-size:1.067em;}
	.board-list .qna01 li .ques a .qna-date{right:70px;}

	.board-list .qna01 li .answer{padding:15px 25px 15px 80px;}
}

@media only screen and (max-width:680px) {
	.board-list .qna01 li .ques a{position:relative; display:block; padding:15px 65px 15px 55px;}
	.board-list .qna01 li .ques a .qna-date{ transform: translate(0,0); top:20px; right:50px; font-size:0.933em;}
	.board-list .qna01 li .ques a:after{right:15px; margin-top:0px; font-size:25px; top:24px;}
	.board-list .qna01 li .ques a .btxt{font-size:0.933em;}
	.board-list .qna01 li .ques:before, .board-list .qna01 li .ques:after{right:20px;}
	.board-list .qna01 li .ques:before{right:31px}


	.board-list .qna01 li .answer{padding:10px;}
	.board-list .qna01 li .ques a:before, .board-list .qna01 li .ques a .numbering{left:10px;}
	.board-list .qna01 li .answer:before{position:relative; top:auto; left:0px; margin-top:0px; margin-bottom:7px; width:32px; line-height:32px; font-size:1.200em; transform: translate(0,0);}

	.board-list .qna01 li.active .substan{font-size:0.933em;;}
}

@media all and (max-width:640px){
	.board-list .qna01 li .ques02.growth span.more{ width: 50px; padding: 5px 0px; top:32px; right:20px;}
	.board-list .qna01 li .ques02.growth span.more i{ width: 100%; text-indent: -9999px; padding: 0 0 0 0px;}
	.board-list .qna01 li .ques02.growth span.more i:before{top:2px; left: 50%; transform: translate(-50%, 0px);}
}

                                                 