@charset "UTF-8";

@import url(../../../font/webfonts_NotoSansKR.css);
@import url(../../../font/dingbat_xeicon.css);

.sr-only, .hidden, .blind, .IR { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
article:after{content:''; display:block; clear:both;}
/*페이징 정보*/
.board_info { position: relative; margin-bottom: 1rem;}/* 2019-04-24 SY,CHo */
.board_info::after { content: ""; clear: both; display: block; }
.board_info .page_info { float: left; margin-top: 8px; color:#777;}
.board_info .page_info strong, .board_info .page_info b { color: #333; }
.board_info .page_info .total_page {display:inline-block}
.board_info .page_info .current_page { position: relative; padding-left: .5rem; margin-left: .4rem; display:inline-block; }
.board_info .page_info .current_page::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.7rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/*검색*/
.board_info .Search_rss {width:calc(100% - 200px); float: right; text-align: right; position: relative; font-size: .75rem; }
.board_info .Search_rss a.icon_rss { display: none; }

.board_info fieldset { clear: both; display: table; width: 100%; position: relative; overflow: hidden; }
.board_info fieldset select, .board_info fieldset input, .board_info fieldset button { border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
.board_info fieldset span { display: inline-block; vertical-align: middle; height: 2rem; }
.board_info fieldset span:first-of-type { margin-left: 0; }
.board_info fieldset span.form-select { min-width: 10rem; position: relative; }
.board_info fieldset span.form-select::after { content: '\e936'; color: #333; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; }
.board_info fieldset span.form-select select { background-color: transparent; -webkit-appearance: none; position: relative; /*z-index: 1;*/}
.board_info fieldset span.form-select select::-ms-expand { display: none; }
.board_info fieldset span.form-input { width: 13rem; }
.board_info fieldset span.form-input input { padding-right: 3rem; color:#333333}
.board_info fieldset span.form-btn { min-width: 2rem; margin-left: -3rem; }
.board_info fieldset span.form-btn button { background-color: #333; border: #333; color: #fff; padding: 0 .9rem; }
.board_info fieldset span.form-btn button:hover, .board_info fieldset span.form-btn button:focus{ background-color: #088c8e;}
div.tstyle_list, div.tstyle_view, .galleryList, .writeForm, .listFaq, .fc .fc-view { border-top: 2px solid #555; }
div.tstyle_list, .galleryList, .list_board, .writeForm, .listFaq { position: relative; }
div.tstyle_list::after, .galleryList::after, .list_board::after, .writeForm::after, .listFaq::after { content: ''; width: 100%; height: 1px; background-color: #aaa; position: absolute; bottom: 0; left: 0; opacity:1; display:block;}
div.tstyle_list.active::after{opacity:0; display:none;}
/*목록*/
div.tstyle_list > div > ul { display: table; table-layout: fixed; width: 100%; clear: both;  margin: 0; }
div.tstyle_list > div > ul > li { display: table-cell; /*min-height:44px;*/ padding: .7rem .25rem; text-align: center; text-overflow: ellipsis; /*white-space:nowrap;*/ width: 10%; vertical-align: middle; word-break: break-all; position:relative;}
div.tstyle_list > div > ul > li::before { display:none; }
div.tstyle_list > div > ul > li:first-child { border-left: 0; }
div.tstyle_list > div.dhead { border-bottom: 1px solid #aaa; }
div.tstyle_list > div.dbody > ul { border-bottom: 1px solid #ddd; font-size: .8rem; }
div.tstyle_list > div.dbody > ul.active{ border-bottom: 1px solid #15bcab; box-shadow:0px 2px 5px 0px rgba(50,50,50,0.3); }
div.tstyle_list > div.dhead > ul li { color: #222; font-weight: bold; }
div.tstyle_list > div.dbody > ul:last-child {}
div.tstyle_list > div.dbody > ul.notice .icon-notice { color: #fff; display: inline-block; border-radius: 50%; width: 1.8rem; height: 1.8rem; text-align: center; background-color: #333; padding-top: .35rem; font-size: .65rem; }
/*div.tstyle_list > div.dbody > ul.notice li:first-child { color: #000; font-weight: 500; }*/
div.tstyle_list > div.dhead > ul li.title { width: auto; text-align: center; }
div.tstyle_list > div.dhead > ul li.off-lst{text-align: left;}
div.tstyle_list > div.dbody > ul > li.title { width: auto; text-align: left;  vertical-align: middle; }
div.tstyle_list > div.dbody > ul > li a { display: inline-block; vertical-align: middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; height:100%; font-size: .8rem; }
.xi-subdirectory-arrow { color: #999; font-size: 1rem; display: inline-block; vertical-align: middle; margin-left: 1rem; margin-right: .2rem; }
.xi-lock { color: #222; font-size: 1rem; display: inline-block; vertical-align: middle; margin-right: .2rem; }
div.tstyle_list > div.dbody > ul > li.file a { text-align: center; width: auto; }
div.tstyle_list > div.dbody > ul > li.file .xi-save { display: inline-block; width: .8rem; height: .85rem; background: url("plani/icon_save.png") 0 0/cover no-repeat; }
div.tstyle_list > div.dbody > ul > li.file .xi-save::before { display: none; }

div.tstyle_list > div.dbody > ul > li span.re-num { color: #d85430; }
div.tstyle_list > div.dbody > ul > li a:hover { text-decoration: none; }
div.tstyle_list > div.dbody > ul > li a.btn-line { display: inline-block; width: auto; }
div.tstyle_list > div.dbody > ul > li a.btn-line:hover { color: #fff; text-decoration: none; }
div.tstyle_list > div.dbody > ul > li a.btn {padding:.05rem .2rem;width:auto}
div.tstyle_list > div.dbody > ul > li a.btn + .btn {margin-left:.2rem}
div.tstyle_list > div.dbody > ul > li a.btn span {min-width:inherit;padding:0}
div.tstyle_list > div.dbody > ul > li a.btn-s {font-size:.7rem;}
div.tstyle_list > div.dbody > ul > li a.btn-m {padding:.1rem .6rem}
div.tstyle_list > div.dbody > ul > li a.btn.icons span {padding-left:4px}
div.tstyle_list > div.dbody > ul > li a.btn.icons > * {vertical-align:baseline}
div.tstyle_list > div.dbody > ul > li .total {color:#4377c6;font-weight:600}
div.tstyle_list > div.dbody .xi-new { color: #126fb4; font-size: 1.1rem; display: inline-block; vertical-align: middle; margin-left: .4rem; }
div.tstyle_list > div.dbody .state { font-size: .8rem; font-weight: 500; display: inline-block; vertical-align: middle; padding:.25rem .1rem; width:71px}
div.tstyle_list > div.dbody .state.ing { background-color: #fff; border:1px solid #999; color: #333; text-align:center}
div.tstyle_list > div.dbody .state.end {background:#00989a;  color: #fff; text-align:center }
div.tstyle_list > div.dbody .state.ready { background-color: #eee; color: #333; }
div.tstyle_list > div.dbody > ul > li  i{font-size: 1.1rem;}
div.tstyle_list > div.dbody.type2 > ul > li.title a { display: inline-block; vertical-align: middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: inherit; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width: 100%;  font-size: .8rem; line-height: 1.2rem; height:2.4rem;}
div.tstyle_list .W3 {width:3% !important;}
div.tstyle_list .W5 {width:6% !important;}
div.tstyle_list .W7 {width:7% !important;}
div.tstyle_list .W8 {width:8% !important;}
div.tstyle_list .W10 {width:10% !important;}
div.tstyle_list .W13 {width:13% !important;}
div.tstyle_list .W17 {width:17% !important;}
div.tstyle_list .W20 {width:20% !important;}
div.tstyle_list .W23 {width:23% !important;}
div.tstyle_list .W25 {width:25% !important;}
div.tstyle_list .W30 {width:30% !important;}

div.tstyle_list > div.dbody .title.center{text-align:center;}
div.tstyle_list > div.dbody .mail{cursor:pointer;}
div.tstyle_list > div.dbody li.dots {position: relative}
div.tstyle_list > div.dbody li.dots p.report{position: absolute; right:0; bottom:-2.85rem; display:none; background: #425362; color:#fff; z-index:3; }
div.tstyle_list > div.dbody li.dots p.report.report2{bottom:-5.55rem;}
div.tstyle_list > div.dbody li.dots p.report a{display:block; width:100%; height:100%;padding:.7rem 1.25rem;}
div.tstyle_list > div.dbody li.dots p.report i{font-size:.9rem;padding-left:1.4rem}
div.tstyle_list > div.dbody li.dots p.report::after{content:''; position:absolute; right:.85rem; top:-12px; width: 0px;height: 0px;border-top:15px solid none;border-bottom:20px solid #425362;border-right:15px solid transparent;border-left:15px solid  transparent;}
/*div.tstyle_list > div.dbody ul:last-of-type li.dots p.report{bottom:inherit; top:-2.85rem;}
div.tstyle_list > div.dbody ul:last-of-type li.dots p.report::after{transform: rotate(180deg); top: 2.35rem;}*/
/* 2021.09.08 직원검색 메일 수정 ksk */
/* div.tstyle_list > div.dbody li.mail .accNum{width:100%; position:relative; overflow:hidden }
div.tstyle_list > div.dbody li.mail .accNum .passNum{position: absolute; left:0; top:0; font-size: .8rem; font-weight:700; background:#fff; display: block; width: 70px; height: 1.2rem;}
div.tstyle_list > div.dbody li.mail .accNum input{float: left; width: calc(100% - 130px); width: -webkit-calc(100% - 130px); margin-left:70px; height: 1.35rem; border:1px solid #ddd; font-size: .75rem; padding: 0.1rem}
div.tstyle_list > div.dbody li.mail .accNum button{float:left; width: 35px; height: 1.35rem; background:#e9e9e9; border:1px solid #ddd; border-left:0;}
div.tstyle_list > div.dbody li.mail .accNum button:nth-of-type(2){width: 20px; background:#fff; margin-left:3px; border:0;}
div.tstyle_list > div.dbody li.mail .accNum button:nth-of-type(2) i{font-size: 0.85rem;} */
div.tstyle_list > div.dbody li.mail .accNum{width:100%; position:relative; overflow:hidden }
div.tstyle_list > div.dbody li.mail .accNum .passNum{position: absolute; left:0; top:0; font-size: .8rem; font-weight:700; background:#fff; display: block; width: 100%; height: 1.2rem;}
div.tstyle_list > div.dbody li.mail .accNum input{float: left; margin-top:30px; height: 1.35rem; border:1px solid #ddd; font-size: .75rem; padding: 0.1rem}
div.tstyle_list > div.dbody li.mail .accNum button{width: 35px; height: 1.35rem; background:#e9e9e9; border:1px solid #ddd; border-left:0;}
div.tstyle_list > div.dbody li.mail .accNum button:nth-of-type(2){width: 20px; background:#fff; margin-left:3px; border:0;}
div.tstyle_list > div.dbody li.mail .accNum button:nth-of-type(2) i{font-size: 0.85rem;}
/* //2021.09.08 직원검색 메일 수정 ksk */
div.tstyle_list > div.dbody li.mail a {text-align:center; font-size:.65rem; font-weight:500;}
div.tstyle_list  > div.dbody > ul > li.off-lst{text-align:left;}

div.tstyle_list > div.dbody > ul > li:before{display: none; font-weight:700;}
div.tstyle_list > div.dbody > ul > li.num:before{content:'번호';}
div.tstyle_list > div.dbody > ul > li.sec:before{content:'구분';}
div.tstyle_list > div.dbody > ul > li.cate:before{content:'분류';}
div.tstyle_list > div.dbody > ul > li.cate2:before{content:'분야';}
div.tstyle_list > div.dbody > ul > li.tit:before{content:'제목';}
div.tstyle_list > div.dbody > ul > li.date-01:before{content:'등록일';}
div.tstyle_list > div.dbody > ul > li.date-02:before{content:'발간일';}
div.tstyle_list > div.dbody > ul > li.rank:before{content:'직급/직책';}
div.tstyle_list > div.dbody > ul > li.name:before{content:'연구진';}
div.tstyle_list > div.dbody > ul > li.manager:before{content:'책임자';}
div.tstyle_list > div.dbody > ul > li.Pname:before{content:'이름';}
div.tstyle_list > div.dbody > ul > li.like:before{content:'추천수';}
div.tstyle_list > div.dbody > ul > li.click:before{content:'조회수';}
div.tstyle_list > div.dbody > ul > li.att:before{content:'첨부파일';}
div.tstyle_list > div.dbody > ul > li.ass:before{content:'소속';}
div.tstyle_list > div.dbody > ul > li.research:before{content:'담당업무/연구분야';}
div.tstyle_list > div.dbody > ul > li.phone:before{content:'연락처';}
div.tstyle_list > div.dbody > ul > li.mail:before{content:'E-Mail';}
div.tstyle_list > div.dbody > ul > li.off-lst:before{content:'공표목록'; }
div.tstyle_list > div.dbody > ul > li.off-date1:before{content:'공표주기';}
div.tstyle_list > div.dbody > ul > li.off-date2:before{content:'공표시기';}
div.tstyle_list > div.dbody > ul > li.off-method:before{content:'공표방법';}
div.tstyle_list > div.dbody > ul > li.off-re:before{content:'담당부서';}
div.tstyle_list > div.dbody > ul > li.days:before{content:'날짜';}
div.tstyle_list > div.dbody > ul > li.contents:before{content:'내용';}
div.tstyle_list > div.dbody > ul > li.place:before{content:'장소';}
/*div.tstyle_list > div.dbody > ul > li.process:before{content:'처리'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list > div.dbody > ul > li.process2:before{content:'상태'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }*/
div.tstyle_list > div.dbody > ul > li.con-org:before{content:'체결기관';}
div.tstyle_list > div.dbody > ul > li.con-date:before{content:'체결일';}
div.tstyle_list > div.dbody > ul > li.con-name:before{content:'협약명';}
div.tstyle_list > div.dbody > p.s-head{display:block; width:100%; padding: 0.7rem 1.25rem; background:#f9f9fb; border-bottom: 1px solid #dddddd; font-size: .8rem; font-weight: 700;}
/*
div.tstyle_list.eng > div.dbody > ul > li{font-family:'OpenSans', sans-serif; font-weight: .8rem; font-weight: 400; line-height:1.3;}
div.tstyle_list.eng > div.dbody > ul > li:before{font-family:'OpenSans', sans-serif; font-weight: .85rem; font-weight: 700;}
div.tstyle_list.eng > div.dbody > ul > li.num:before{content:'No'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.tit:before{content:'Title'; position:absolute; left:.5rem; top:.25rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.date-01:before{content:'Date'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.click:before{content:'Hit'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.name:before{content:'Author'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.research:before{content:'Lead Researcher '; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.research-01:before{content:'Main Research Area '; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.con-date:before{content:'Period'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.tit-01:before{content:'Research Title'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.Pname:before{content:'Name'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.ass:before{content:'Division'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.rank:before{content:'Position'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
div.tstyle_list.eng > div.dbody > ul > li.phone:before{content:'Contact'; position:absolute; left:.5rem; top:.2rem; font-weight:700; }
*/

/* div.tstyle_list > div.dbody > ul > li.research{padding: 0} */
div.tstyle_list > div.dbody > ul > li > p.process1{display: block; width: 80%; margin:auto; padding: .35rem; text-align:center; background:#fff; border:1px solid #999; font-size: .8rem; font-weight:500;}
div.tstyle_list > div.dbody > ul > li > p.process2{display: block; width: 80%; margin:auto; padding: .35rem; text-align:center; background:#00989a; border:1px solid #00989a; color:#fff;font-size: .8rem; font-weight:500;}
.form-control-ra input[type="radio"]:focus ~ label {outline:1px dashed #000}
.form-control-ck input[type="checkbox"]:focus ~ label {outline:1px dashed #000}
.form-control {position:relative; }
.form-control input{position: absolute;width: 1px; height: 1px; padding: 0;margin: -1px; overflow: hidden; clip: rect(0,0,0,0);}
.form-control label{position: relative;}
.form-control label::before{content:''; position:absolute; left:-.4rem; top:-.45rem; width:.9rem; height:.9rem; border: 2px solid #dedede;}
.form-control label::after{position: absolute;top:-.85rem;left:-.45rem;font-family: 'xeicon';content: '\e929'; font-size:1rem; opacity:0;}
.form-control input[type="checkbox"]:checked ~ label:before{border:2px solid #15bcab; transition:0.2s;}
.form-control input[type="checkbox"]:checked ~ label:after{color: #15bcab; transition:0.2s; opacity:1;}
.form-control input[type="checkbox"]:focus ~ label:before, 
.form-control input[type="checkbox"]:hover ~ label:before{border:2px solid #15bcab;}

.form-control-ra{position:relative; display:inline-block;}
.form-control-ra input{cursor:pointer;position: absolute;width: 50px; height: 50px; left:50%; top:-50%; transform:translate(-50%,-50%); padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0); border: 5px solid red;}
.form-control-ra label{position: relative; padding-left:1.3rem; padding-right:1rem;}
.form-control-ra label::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; border: 2px solid #dedede; border-radius:50%;}
.form-control-ra label::after{content:''; position: absolute; top:7px; left:5px; opacity:0; width:8px; height:8px; background:#15bcab; border-radius:50%;}
.form-control-ra input[type="radio"]:checked ~ label:before{border:2px solid #069d9f; transition:0.2s;}
.form-control-ra input[type="radio"]:checked ~ label:after{background: #17c0a8; transition:0.2s; opacity:1;}
.form-control-ra.type2 input[type="radio"]:checked ~ label:after{background: #17c0a8; transition:0.2s; opacity:1;}
.form-control-ra.type2 input[type="radio"]:checked ~ label:before{border:2px solid #dde1e5; transition:0.2s;}
.form-control-ra.type2 input[type="radio"]:checked ~ label:after{background: #ee2d3c; transition:0.2s; opacity:1;}
.form-control-ra label:hover:before, 
.form-control-ra input[type="radio"]:focus ~ label:before{border:2px solid #069d9f;} 
/*.form-control-ra.type2 label:hover:before, .form-control-ra.type2 input[type="radio"]:focus ~ label:before{border: 2px solid #ccc;}
.form-control-ra input[type="radio"]:hover ~ label:after,.form-control-ra input[type="radio"]:focus ~ label:after, 
.form-control-ra.type2 input[type="radio"]:hover ~ label:after,.form-control-ra.type2 input[type="radio"]:focus ~ label:after{opacity:0}*/
.form-control-ck{position:relative; display:inline-block; padding:.5rem 0;}
.form-control-ck input{cursor:pointer;position: absolute;width: 50px;height: 50px;left:50%;top:-50%;transform:translate(-50%,-50%);padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 5px solid red;}
.form-control-ck label{position: relative; padding-left:1.3rem; padding-right:1rem;}
.form-control-ck label::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; border: 2px solid #dedede; }
.form-control-ck label::after{content:''; position: absolute;top:11px; transform:translateY(-50%); left:-2px; font-family: 'xeicon';content: '\e929'; font-size:1.2rem; opacity:0;}
.form-control-ck input[type="checkbox"]:checked ~ label:before, .form-control-ck input[type="checkbox"]:focus ~ label:before, .form-control-ck input[type="checkbox"]:hover ~ label:before{border:2px solid #069d9f; transition:0.2s;}
.form-control-ck input[type="checkbox"]:checked ~ label:after{color: #17c0a8; transition:0.2s; opacity:1;}




div.tstyle_list.type1{margin-top:.75rem; display:none;}
div.tstyle_list.type1.active{display:block;}

/* 갤러리 리스트 */
.infoTab{ border-top: 2px solid #454b56;}
.infoTab ul{ text-align:center; margin-top:1rem;}
.infoTab li{display: inline-block; margin: .25rem;}
.infoTab li a{display: block; width:100%; height:100%;}
.infoTab li img{opacity:0.15;}
.infoTab li a:hover img{opacity:1;}
.infoTab li.active a img{opacity:1;}
.galleryList.type1{border-top: 2px solid #454b56; display:block; padding: 0 1.5rem;}
.galleryList.type1.active{display:block;}
.galleryList.type2{ border-top: 2px solid #454b56; padding: 0 1.5rem;}
.galleryList { overflow: hidden; }
.galleryList > ul { margin: 0 -1.3%; }
.galleryList > ul > li { float: left; padding: 2rem 1.3% 2rem; position: relative; border-bottom:1px solid #ddd;}
.galleryList > ul > li > a { display: block; position: relative; }
.galleryList > ul > li .thumb { display: block; overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 61%; margin: 0 auto 1rem; text-align: center; background: #000; border: 1px solid #ddd; }
.galleryList > ul > li .thumb::before { content: "\e9c5"; font-family: "xeicon"; font-size: 1.8rem; line-height: 1; font-weight: bold; color: #fff; vertical-align: middle; position: absolute; left: 50%; top: 30%; -webkit-transform: translateX(-50%) scale(2); transform: translateX(-50%) scale(2); opacity: 0; visibility: hidden; -webkit-transition: all .25s; transition: all .25s; }
.galleryList > ul > li .thumb::after {display: none;}
/*.galleryList > ul > li .thumb::after { content: '  자세히 보기'; color: #fff; position: absolute; left: 50%; top: 55%; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, 20%); transform: translate(-50%, 20%); }*/
.galleryList > ul > li .thumb img { width: 100%; -webkit-transition: all .25s; transition: all .25s; }
.galleryList > ul > li .txt { display: block; height: auto; position: relative; }
.galleryList > ul > li .title { color: #000; display: inline-block; font-size: .9rem; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;height: 1.7rem; text-overflow: ellipsis; overflow: hidden; width: 100%; -webkit-transition: all .4s; transition: all .4s; }
.galleryList.type2> ul > li .title { color: #000; display: inline-block; font-size: .9rem; white-space: inherit; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;height: 3rem; line-height:1.5rem;text-overflow: ellipsis; overflow: hidden; width: 100%; -webkit-transition: all .4s; transition: all .4s; }
/*.galleryList.eng > ul > li .title{font-family: 'OpenSans', sans-serif; font-weight:700; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;height: 3rem; line-height: 1.5rem; text-overflow: ellipsis; overflow: hidden;}*/ 
.galleryList > ul > li .date, .galleryList > ul > li .hit { display: inline-block; margin: .3rem 0 0 0; color: #777; }
.galleryList > ul > li .date b, .galleryList > ul > li .hit b { font-weight: normal; color: #000; display: inline-block; margin-right: .2rem; }
/*.galleryList.eng > ul > li .date, .galleryList.eng > ul > li .hit {font-family: 'OpenSans', sans-serif; font-weight: 400;}
.galleryList.eng > ul > li .date b, .galleryList > ul > li .hit b {font-family: 'OpenSans', sans-serif; font-weight:700;}*/
.galleryList > ul > li .desc { display: -webkit-box; -webkit-line-clamp: 2; max-height: 2.3rem; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1rem; }
.galleryList > ul > li .hit { position: relative; padding-left: .5rem; margin-left: .4rem; }
.galleryList > ul > li .hit::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.7rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.galleryList > ul > li > a:hover .thumb::before, .galleryList > ul > li > a:hover .thumb::after,.galleryList > ul > li > a:focus .thumb::before, .galleryList > ul > li > a:focus .thumb::after { opacity: 1; visibility: visible; -webkit-transition: all .25s; transition: all .25s; }
.galleryList > ul > li > a:hover .thumb::before,.galleryList > ul > li > a:focus .thumb::before { font-weight: normal; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
.galleryList > ul > li > a:hover .thumb::after, .galleryList > ul > li > a:focus .thumb::after{ -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); -webkit-transition-delay: .2s; transition-delay: .2s; }
.galleryList > ul > li > a:hover img , .galleryList > ul > li > a:focus img{ -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .4; }
.galleryList.col3 > ul li { width: 33.33333333%; }
.galleryList.col4 > ul li { width: 25%; }
.galleryList.thumbnail > ul { margin: 0; }
.galleryList.thumbnail > ul li { float: none; min-height: 13rem; padding-left: 0; padding-right: 0; }
.galleryList.thumbnail > ul li::after { content: ""; clear: both; display: table; }
.galleryList.thumbnail > ul li .thumb { width: 23%; padding-bottom: 14%; position: absolute; }
.galleryList.thumbnail > ul li .txt { padding: 1rem 2rem 2rem 27%; }
.galleryList.book_style1 > ul { margin: 0 -2%; }
.galleryList.book_style1 > ul li { width: 50%; padding-left: 2%; padding-right: 2%; position: relative; min-height: 14rem; }/* 2019-04-24 SY,CHo */
.galleryList.book_style1 > ul li::after { content: ""; clear: both; display: table; }
.galleryList.book_style1 > ul > li > a { position: static; }
.galleryList.book_style1 > ul li .title { font-size: 1rem; margin-bottom: 1rem; }
.galleryList.book_style1 > ul li .thumb { width: 23%; padding-bottom: 30%; position: absolute; right: 1.3rem; }
.galleryList.book_style1 > ul li .txt { padding-right: 30%; }
.galleryList.book_style1 > ul li .txt .desc { -webkit-line-clamp: 3; max-height: 4rem; }
.galleryList.book_style1 .date, .galleryList.book_style1 .hit { display: none; }
.galleryList.book_style2 > ul { margin: 0 -2%; }
.galleryList.book_style2 > ul li { width: 25%; padding-left: 2%; padding-right: 2%; }
.galleryList.book_style2 > ul li .thumb { height: auto; padding-bottom: 0; }
.galleryList.book_style2 > ul li .thumb::before { top: 40%; }
.galleryList.book_style2 > ul li .desc { display: none; }
.galleryList.book_style2 > ul li .date { display: block; }
.galleryList.book_style2 .date, .galleryList.book_style2 .hit { display: none; }
.galleryList .btn { display: block; margin-top: 1rem; }

/*페이징*/
.board_pager { margin: 30px auto; text-align: center; }
.board_pager .inner { display: table; margin: 0 auto; }
.board_pager a { border-radius: 50%; width: 2rem; height: 2rem; text-align: center; background-color: transparent; color: #999; border: 1px solid #ddd; display: inline-block; vertical-align: middle; font-size: .8rem; padding-top: .25rem; margin: 0 2px; text-decoration: none; }
.board_pager a:hover ,.board_pager a:focus{background-color: #088c8e; -webkit-transition: all .25s; transition: all .25s; color:#fff; }
.board_pager .pageNone { border-color: transparent; }
.board_pager .pageNone:hover { border-color: #ddd; -webkit-transition: all .2s; transition: all .2s; }
.board_pager .pageNone:focus { border-color: #ddd; -webkit-transition: all .2s; transition: all .2s; }
.board_pager .pageNow { background-color: #333; border-color: #333; }
.board_pager .pageNow strong { color: #fff; }
.board_pager + .survey { margin-top: 100px; }
.board_pager i { font-size: 1rem; margin-top: .25rem; color: #777; }
.board_pager .pageFirst:hover, .board_pager .pageLast:hover, .board_pager .pagePrev:hover, .board_pager .pageNext:hover{background-color: transparent;}
.board_pager .pageFirst:focus, .board_pager .pageLast:focus, .board_pager .pagePrev:focus, .board_pager .pageNext:focus{background-color: transparent;}
.board_pager .pageFirst i::after { content: "\e93c"; font-family: "xeicon"; margin-left: -.8rem;}
.board_pager .pageLast i::after { content: "\e93f"; font-family: "xeicon"; margin-left: -.8rem; }
.board_pager .pageFirst i:hover::after, .board_pager .pageLast i:hover::after, .board_pager .pageLast i:hover::before, .board_pager .pageFirst i:hover::before, .board_pager .pagePrev i:hover::before, .board_pager .pageNext i:hover::before{color:#18a4a6;}
.board_pager .pageFirst:focus i::after, .board_pager .pageFirst:focus i::before, .board_pager .pageLast:focus i::after, .board_pager .pageLast:focus i::before, .board_pager .pagePrev:focus i::before, .board_pager .pageNext:focus i::before{color:#18a4a6;}

.board_pager .pagePrev { margin-right: 1rem; }
.board_pager .pageNext { margin-left: 1rem; }

/* button */
/* .btn { float: left; } */
.btn-line { display: inline-block; min-width: 6.8rem; /* width: 49%;  */border: 1px solid #999; background-color: #fff; padding: .35rem .75rem; position: relative; -webkit-transition: all .25s; transition: all .25s; }
.btn-line.btn-down i::after { content: '\eb7c'; font-family: "xeicon"; }
.btn-line.btn-view i::after { content: '\e97a'; font-family: "xeicon"; }
.btn-line i { position: absolute; right: 0.6rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #333; }
.btn-line:hover, .btn-line:focus { background-color: #333; color: #fff; }
.btn-line:hover i,.btn-line:focus i { color: #fff; }
.btn-line.type2 { border: 1px solid #333; background-color: #333; color: #fff; }

/*상세뷰*/
div.tstyle_view { margin-bottom: 1.5rem; }
div.tstyle_view div.title { color: #333; font-size: 1.4rem; font-weight: bold; padding: 1.2rem 0; text-align: center; word-break:keep-all; }
div.tstyle_view ul.head { padding: .9rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; background-color: #f8f9fa; }
div.tstyle_view ul.head li { display: inline-block; }
div.tstyle_view ul.head li ~ li { position: relative; padding-left: .5rem; margin-left: .4rem; }
div.tstyle_view ul.head li ~ li::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.6rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div.tstyle_view ul.head li strong { color: #000; font-weight: normal; padding-right: 5px; }
div.tstyle_view ul.head li span { color: #777; }
div.tstyle_view div.tb_contents { padding: 2.5rem; border-bottom: 1px solid #d3d8dd; word-break: keep-all; font-family:"Noto Sans KR", sans-serif;}
div.tstyle_view .head.type2 {border-top:1px solid #aaa}
div.tstyle_view .head.type2 th {background:#f8f9fa;border-bottom:1px solid #ddd;width:15.625%}
div.tstyle_view .head.type2 td {border-bottom:1px solid #ddd;width:34.375%;padding:.65rem 1rem}
div.tstyle_view .head.type2 td.file > span {margin:0 .5rem 0 .45rem} 
div.tstyle_view .head.type2 td .btn-line {min-width:inherit;font-size:.7rem;padding:.05rem .25rem}
div.tstyle_view .head.type2 td .btn-line i {margin-left:.2rem;position:static;right:inherit;top:inherit;transform:translateY(0);-webkit-transform:translateY(0)}
/*뉴스레터 뷰*/
div.tstyle_view .newsletter_cover{text-align:center; }
div.tstyle_view .newsletter_img{text-align:center; margin-top:2.5rem}
div.tstyle_view .tb_contents .BtnArea { text-align: center; margin-bottom: 1.5rem; }
/*첨부파일*/
div.tstyle_view .add_file_list { display: table; width: 100%; border-bottom: 1px solid #d3d8dd; }
div.tstyle_view .add_file_list .title { display: table-cell; width: 12%; color: #333; padding: 1rem 0 1rem 1rem; }
div.tstyle_view .add_file_list .add_file { display: table-cell; padding: 1rem 0; }
ul.add_file li::after { content: ""; clear: both; display: table; margin-bottom:.3rem;}
ul.add_file li::before { display: none; }
ul.add_file li .file_down { margin-left: .3rem; }
/*ul.add_file li .file_down:hover { color: #136eb5; }*/
ul.add_file li .fileSize { color: #767676; font-size: .8em; margin-left: .2rem; }
ul.add_file li .link { float: right; }
ul.add_file li .link .btn-line { font-size: .7rem; width: auto; min-width: 4.75rem; padding: .1rem 1.3rem .1rem .5rem; }
ul.add_file li .link .btn-line i { right: .35rem; }
ul.add_file li ~ li { margin-top: .5rem; }
ul.add_file li .xi-close-circle { display: inline-block; vertical-align: middle; font-size: 1rem; color: #888; margin-left: .5rem; -webkit-transition: all .25s; transition: all .25s; }
ul.add_file li:hover .xi-close-circle { color: #136eb5; }
ul.add_file li:hover a.btn-down:hover, ul.add_file li:hover a.btn-down:focus{background-color: #333; color: #fff;}
ul.add_file li:hover a.file-down{ color: #136eb5; }
ul.add_file li .input_file { display: inline-block; padding: .3rem .6rem; border: 1px solid #999; -webkit-transition: all .25s; transition: all .25s; }
ul.add_file li .input_file:hover, ul.add_file li .input_file:focus { background-color: #999; color: #fff; }
.form-file {position:relative; display:inline-block; cursor:pointer; padding: .5rem 1.75rem; background:#fff; border:1px solid #999; margin-bottom:.3rem;}
.form-file input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.form-file:hover{background:#353540; color:#fff;}
.form-file-refer{margin-bottom:.5rem;}

/*개인정보 수집 동의*/
.privacy_agree .title_depth01 { color: #333; font-size: 18px; font-weight: 500; margin: 20px 0 10px; }
.privacy_agree .group { border: 1px solid #ddd; border-top: 1px solid #666; margin-bottom: 15px; padding: 20px 25px; }
.privacy_agree .group .title_depth02 { color: #333; font-size: 15px; font-weight: 500; }
.privacy_agree .group .bul_dot strong, .privacy_agree .group .bul_dot div { font-size: 14px; padding-left: 8px; position: relative; }
.privacy_agree .group .bul_dot strong:before { content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 100px; background: #666; }

/*이전글/다음글*/
.list_board { margin: 50px 0; }
.list_board li { border-top: 1px solid #e2e3e6; padding: .75rem 1rem; position: relative; }
.list_board li::after { content: ""; clear: both; display: table; }
.list_board li span { display: block; float: left; position: relative; vertical-align: top; padding-left: 1.5rem; }
.list_board li span:before { content: '\e943'; font-family: "xeicon"; position: absolute; left: 0; }
.list_board li:first-child span:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.list_board li a { color: #333; display: block; padding-left: 6rem; }
.list_board li a:hover { text-decoration: underline; }

/*댓글*/
div.CommentWrap { margin: 2rem 0; }
div.CommentWrap > .cmtForm h4 { font-size: 18px; font-weight: normal; font-weight: 500; margin-bottom: 15px; }
div.CommentWrap > .cmtForm h4 span.re-num { color: #d85430; vertical-align: 0; }
div.CommentWrap div.commentList .title { border-bottom: 1px solid #aaa; padding-bottom: 1rem; margin-top: 2.5rem; }
div.CommentWrap div.commentList .title b { color: #126fb4; }
div.CommentWrap div.commentList ul li { border-bottom: 1px solid #e8e8e8; padding: 1rem .8rem; position: relative; }
div.CommentWrap div.commentList ul li .comment { display: block; margin-bottom: .1rem; }
div.CommentWrap div.commentList ul li .name { color: #333; }
div.CommentWrap div.commentList ul li > span.date { display: block; color: #aaa; font-size: .7rem; margin: 0 3px; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup { position: absolute; right: .5rem; top: 1rem; display: block; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span { display: inline-block; font-size: .7rem; cursor: pointer; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:hover { color: #126fb4; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtDel { position: relative; padding-left: .5rem; margin-left: .4rem; }
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtDel::before { content: ''; display: block; background-color: #ddd; width: 1px; height: 0.65rem; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div.CommentWrap div.commentList ul li .btn-recomment { display: inline-block; padding: .2rem .5rem; border: 1px solid #ddd; margin: .5rem 0 1rem; font-size: .7rem; }
div.CommentWrap div.commentList ul li .btn-recomment:hover { -webkit-transition: all .25s; transition: all .25s; background-color: #ddd; }
div.CommentWrap div.commentList ul li > ul { opacity: 0; visibility: hidden; overflow: hidden; max-height: 0; }
div.CommentWrap div.commentList ul li.active > ul { opacity: 1; visibility: visible; -webkit-transition: all .25s; transition: all .25s; transition: all .25s; max-height: inherit; }
div.CommentWrap div.commentList ul li.re_comment { padding-left: 1rem; padding-right: 1rem; }
div.CommentWrap div.commentList ul li.re_comment::before { content: '\e97e'; font-family: "xeicon"; position: absolute; margin-left: -1rem; }
div.CommentWrap div.commentList ul li ul { border-top: 1px solid #e8e8e8; }
div.CommentWrap div.commentList ul li.re_comment:last-child { border-bottom: 0; }
div.CommentWrap div.commentList ul li > span.new { background: #51b69f; border-radius: 50px; display: block; width: 7px; height: 7px; position: absolute; top: 21px; left: 0; }
div.CommentWrap div.commentList ul li.re_comment > span.new { background: #51b69f; border-radius: 50px; display: block; width: 7px; height: 7px; position: absolute; top: 21px; left: -10px; }
/*댓글-답변*/
div.CommentWrap div.cmtForm fieldset { width: 100%; padding: 0; }
div.CommentWrap div.cmtForm div.memo { background: #fff; border: 1px solid #ddd; height: 6.5rem; position: relative; }
div.CommentWrap div.cmtForm div.memo span.num { color: #999; background-color: #f8f9fa; font-size: 12px; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2.3rem; padding: .7rem; }
div.CommentWrap div.cmtForm div.memo span.num > span#opinionLength { color: #999; }
div.CommentWrap div.cmtForm div.memo textarea { border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; float: left; font-size: 14px; padding: 10px 10px 0 10px; width: 100%; height: 4.1rem; color: #999; }
div.CommentWrap div.cmtForm div.memo button { background: #555; color: #fff; height: 2.3rem; position: absolute; bottom: 0; right: 0; padding: 0 1rem; }
/*댓글-수정*/
div.spread_box { background: #fff; border: 1px solid #D9D9D9; clear: both; position: relative; overflow: hidden; }
div.spread_box textarea { border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; float: left; font-size: 14px; padding: 10px 10px 0 10px; width: 81%; height: 43px; }
div.spread_box button { background: #2c3354; background-size: 20px; border-radius: 0; border: 0; color: #fff; float: right; height: 65px; width: 19%; font-size: 14px; }

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


/*장바구니 마이페이지*/

.mypage .BtnArea .btn_list{background: #fff; border: 1px solid #999; color:#333;}
.mypage .BtnArea .btn_list.left{float: left}
.mypage .BtnArea .btn_list.right{float:none;}


/*BtnArea*/
.BtnArea.board{}
.BtnArea { text-align: center; margin-bottom: 1.5rem; }
.BtnArea.board{ text-align: right; }
.BtnArea.board button{  background: #333; color: #fff; }
.BtnArea.board .long{ min-width: 8rem;}
.BtnArea button,
.BtnArea a { min-width: 6rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .6rem 0; }
.BtnArea button:hover, 
.BtnArea button:focus,
.BtnArea a:hover, 
.BtnArea a:focus { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
.BtnArea .btn_submit { background: #333; color: #fff; border-color: #333; display: block; margin: .5rem auto 0;}
.BtnArea .btn_submit:hover,.BtnArea .btn_submit:focus {background: #088c8e; color: #fff; border-color: #088c8e;}
.BtnArea .btn_list.left{float: left;}
.BtnArea span.right{float: right;}
.BtnArea .btn_list + .btn_list{margin-left: 1rem;}
.BtnArea .btn_list {background: #fff; color: #555; border: 1px solid #333;}
.BtnArea .btn_list:last-of-type{background:#333333; color:#fff;}
.BtnArea .btn_list.btn_login:hover {background: #088c8e; color: #fff; border-color: #088c8e; }
.BtnArea .btn_list:hover, .BtnArea .btn_list:focus {background: #088c8e; color: #fff; border-color: #088c8e; }
.BtnArea .btn_style {background: #353540; color: #fff; border: 1px solid #353540;}
.BtnArea .btn_style:hover {background: #0a8c87; color: #fff; border-color: #0a8c87; }
.BtnArea .btn_md { min-width: 4.4rem; padding: .5rem 1.5rem; font-size: .75rem; }
.BtnArea .btn_sm { min-width: 3.7rem; padding: .4rem 1.2rem; font-size: .75rem; }
.BtnArea .btn_list.btn_login{ background: #333; color: #fff;}
.content_body input, .content_body select{ border: 1px solid #ddd; padding: .4rem .7rem; width:100%; }
.content_body .select-form{margin-left:.75rem; }
.content_body input[type="file"] { border: none; }/* 2019-04-24 SY,CHo */
.content_body input:focus, .content_body select:focus, .content_body textarea:focus { border-color: #555; }
.content_body input::-moz-placeholder { color: #555; opacity: 1; }
.content_body input:-ms-input-placeholder { color: #555; }
.content_body input::-webkit-input-placeholder { color: #555; }
.content_body input[disabled], .content_body input[readonly] { background-color: #eee; opacity: 1; }
.content_body input[disabled] { cursor: not-allowed; }
div.select-form.type2{margin-left:0}
div.select-form{position:relative; }
div.select-form::after{content:"\e942"; font-family:'xeicon'; position: absolute; right:13px; top:5px;}

.tstyle_view + .BtnArea .btn_list{margin-left: 0 !important;}

/*등록폼*/
.write_tit sub, .write_tit sup{color:#e30a0a; font-size:.9rem}
.write_tit {margin:auto}
.tstyle_write input{width:100%; max-width:21rem !important;}
.write_tit.type2 {margin: auto;  border-bottom:2px solid #000; overflow:hidden}
.write_tit.type2 p{text-align:left; font-size:1.4rem; font-weight: 700; float:left;}
.write_tit.type2 span{text-align:right; font-size:.8rem; margin-top:1.5rem;float: right;}
.write_tit p{text-align:center; font-size:1.2rem; font-weight: 700; }
.write_tit span{display: block;text-align:center; font-size: .9rem; font-weight:300;}
.writeForm { margin-bottom: 1.5rem; }
.tstyle_write.type2{border:0;margin: 0; padding: 0; width:100%;}
.tstyle_write.type3{border:0;margin: 0; padding: 0; width:100%;}
.tstyle_write.type3 input{width: 100%; max-width:inherit; }

.tstyle_write { width: calc(100% - 5rem); width: -webkit-calc(100% - 5rem); letter-spacing: 0; position: relative; border:1px solid #e5e5e5; padding: 2.5rem; margin:2.5rem;}
.tstyle_write th, .tstyle_write td { font-size: .8rem; padding: .5rem 1rem; border-top: 1px solid #e4e4e4; word-break: keep-all; }
/*.tstyle_write tr:last-of-type th, .tstyle_write tr:last-of-type td{border-bottom:0;}*/
.tstyle_write tbody th { color: #333; text-align: left; vertical-align: top; padding-top: .8rem; }
.tstyle_write tbody th label { position: relative; }
.tstyle_write tbody th label span{font-weight:400;}
.tstyle_write tbody th label .star { color: orange; margin-left: .2rem; position: absolute; right: -.5rem; top: 0; }
.tstyle_write tbody tr td { font-size: .75rem; }
.tstyle_write tbody tr td input#title { width: 100%; }
.tstyle_write tbody tr td textarea { border: 1px solid #ddd; padding: .4rem .7rem; min-height: 200px; width: 100%; }
.tstyle_write tbody tr td.th_add span { font-weight: normal; font-size: 11px; color: #777; letter-spacing: -1px; }
.tstyle_write tbody tr td.add_file th { background-color: #fff; }
.tstyle_write tbody tr td.add_file td { background: url(basic/line_bar.html) no-repeat left center; border-left: 0; }
.tstyle_write tbody tr td.add_file th span { font-size: 11px; font-weight: normal; color: #717171; }
.tstyle_write tbody tr.file_info td { border-left: none; font-size: 11px; font-weight: normal; color: #717171; }
.tstyle_write tbody tr.file_info th, .tstyle_write tr.file_info td { background: #FCFCFC; padding: 3px 0 3px 70px; }
.tstyle_write tbody td:first-child { border-left: 0; }
.tstyle_write tbody tr.add_file td input { border: none !important; }
.tstyle_write tbody tr td input.line-no { border: none !important; }
.tstyle_write [class*="phone0"]{display: inline-block; padding: .4rem .7rem; text-align:center;}
.tstyle_write [class*="phone0"] img{margin-left:.35rem;}
.tstyle_write .phone01{border:1px solid #999; background:#fff;}
.tstyle_write p.imgBg{display:inline-block; width: 18px; height: 16px; position:relative;margin-left:5px;}
.tstyle_write p.imgBg::before{width: 18px; height:23px; content:''; position: absolute; left:0; top:0; background:url(../../../kor/img/sub/write_02.png) no-repeat center/contain;}
.tstyle_write [class*="phone0"] p.imgBg::before{background:url(../../../kor/img/sub/write_02.png) no-repeat center/contain;}
.tstyle_write .phone01:hover,.tstyle_write .phone01:focus{background:#353540; color:#fff;}
.tstyle_write .phone01:hover p.imgBg::before, .tstyle_write .phone01:focus p.imgBg::before{background:url(../../../kor/img/sub/write_02_hv.png) no-repeat center/contain;}
.tstyle_write .phone01:hover i,.tstyle_write .phone01:focus i{color:#fff;}
.tstyle_write .phone02{background:#eaf0f6; border:1px solid #eaf0f6; }
.tstyle_write .email{padding: .35rem .7rem; border:1px solid #999;background:#fff; margin-top:3px; }
.tstyle_write .email p.imgBg::before{background:url(../../../kor/img/sub/write_01.png) no-repeat center/contain;}
.tstyle_write .email:hover,.tstyle_write .email:focus{background:#353540; color:#fff;}
.tstyle_write .email:hover p.imgBg::before, .tstyle_write .email:focus p.imgBg::before{background:url(../../../kor/img/sub/write_01_hv.png) no-repeat center/contain;}
.tstyle_write .password_c{padding: .4rem 1rem; border:1px solid #999; margin-top:.15rem; margin-left:.5rem;}
.tstyle_write .password_c:hover{background:#353540; color:#fff;}
.tstyle_write .email img{margin-left:.35rem;}
.tstyle_write .id_mail{display: inline-block; padding-right:1.5rem}
.tstyle_write .refer{font-size:.8rem; color:#e30a0a;}
.tstyle_write .refer.type2{display:inline-block; padding:.25rem .5rem; vertical-align: middle }
.tstyle_write .ui-datepicker-trigger { padding: 0; vertical-align: top; }
.tstyle_write .xi-calendar-check { font-size: 1.2rem; margin: .4rem 0 0 -1.8rem; }
.tstyle_write .date_term { display: inline-block; margin: 0 .5rem; }
.tstyle_write .gallery_help { display: inline-block; font-size: .7rem; margin-left: .5rem; }
.tstyle_write input[type="radio"]{width:1rem;}
.tstyle_write .info_label{float: left; font-size: .8rem; color: #333; font-weight:700; padding-top: .8rem;}
.tstyle_write .control{float:right;padding-top: .8rem;}
.tstyle_write .info_txt_wrap{width:100%; float: left; border:1px solid #e4e4e4;  margin-top:.5rem; overflow-y:auto; height: 200px;}
.tstyle_write .info_txt{height:100%; padding: 1rem;}
.tstyle_write .BtnArea{margin-bottom:0;}
.tstyle_write .BtnArea > button{margin-top:1.5rem; width:9rem; margin-right:.3rem;}
.tstyle_write sub,.tstyle_write sup{color:#e30a0a; font-size:.9rem}
.tstyle_write .form-control-ck span{color:#555; font-weight:500; }
.tstyle.complete{border:1px solid #e5e5e5; overflow:hidden}
.tstyle.complete .left{float: left; width: calc(100% - 484px); width: -webkit-calc(100% - 484px); padding: 0 2.5rem 2.5rem;}
.tstyle.complete .left > div {border-bottom:1px solid #e5e5e5;}
.tstyle.complete .left div:last-of-type{border:0;}
.tstyle.complete .right{float: right; width: 484px;}
.tstyle.complete .complete_tit{padding: 3rem 1rem;}
.tstyle.complete .complete_tit strong{display: block;font-weight:700; font-size:1.5rem; color:#088685; text-align:center;}
.tstyle.complete .complete_tit span{display: block; color: #333; font-size:1.5rem; text-align:center;}
.tstyle.complete .complete_tit p{font-size:.87rem; font-weight:700; text-align:center; word-break: keep-all}
.tstyle.complete img{width: 100%; height:100%;}
.tstyle.complete p.com{float: right; font-size:.8rem; word-break:keep-all; display:block; width: calc(100% - 5rem);width:-webkit-calc(100% - 5rem); display:block;}
.tstyle.complete span.label{float: left; font-size:.8rem; font-weight: 700; display:block; width:5rem;}
.tstyle.complete .left div:nth-of-type(2){position:relative; padding: 3rem;}
.tstyle.complete .left div:nth-of-type(2)::before{content:''; position:absolute; right:1.5rem; top:1rem; background:url(../../../kor/img/sub/bg_img.png) no-repeat; width: 16rem; height:9.5rem; z-index:-1; opacity:0.3; background-size:contain;}
.tstyle.complete li {overflow:hidden}
.tstyle.complete li + li{margin-top:.5rem;}
/*.tstyle.complete button{margin: 3.5rem auto .75rem; width:8rem;}
.tstyle.complete.login .left > div{width:600px; margin:auto; }
.tstyle.complete.login .left div:nth-of-type(2){position:relative; padding:0;}
.tstyle.complete.login .left > div:nth-of-type(2){padding: 2rem;}
.tstyle.complete.login .left .login .id label, .tstyle.complete.login .left .login .password label{display:inline-block; width:8rem; font-size:.8rem; font-weight:700; text-align:left;}
.tstyle.complete.login .left .login .id input, .tstyle.complete.login .left .login .password input{display:inline-block; width:calc(100% - 8.2rem) !important;  width:-webkit-calc(100% - 8.2rem) !important}
.tstyle.complete.login .left .login .id, .tstyle.complete.login .left .login .password{margin:.5rem auto; text-align:center;}
.tstyle.complete.login .left div:nth-of-type(2)::before{display:none;}
.tstyle.complete.login .left .form-control-ck{margin-left:165px;}*/
#ui-datepicker-div { width: 11.1rem; padding: 0; margin-top: .2em; border: 1px solid #333; background-color: #fff; z-index: 3; }
#ui-datepicker-div.ui-datepicker table { width: 89.5%; margin: .8em; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header { background-color: #000; color: #fff; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title { margin: 0; text-align:center;padding: 3px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title select{color:#000; padding: 2px 5px; text-align: center}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { color: #fff; top: 7px; text-align: center; position:absolute; top:4px; left:0;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { content: '\e93d'; font-family: "xeicon"; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next { color: #fff; top: 7px; text-align: center; position:absolute; top:4px; right:0;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next span, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span{position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0,0,0,0);}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before { content: '\e940'; font-family: "xeicon"; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td { font-size: .6rem; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a { text-align: center; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th:first-child, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td:first-child { color: #cb152b; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th:last-child, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td:last-child { color: #116eb4; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today { background-color: #eee; border-radius: 3px; }
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-active { background-color: #333; color: #fff; border-radius: 3px; }
.formLine.hasDatepicker { width: 5.5rem !important; margin-right: 0.1rem;}
.formLine.hasDatepicker + .ui-datepicker-trigger { width: 2.2rem;}
/*FAQ목록*/
.listFaq ul li { clear: both; display: block; overflow: hidden; content: ""; }
.listFaq ul li:hover { background: #fafafa; }
.listFaq ul li span.question { display: block; position: relative; }
.listFaq ul li div.answer { border-top: 1px solid #e4e4e4; border-bottom: none; position: relative; }
.listFaq { margin-bottom: 1.5rem; }
.listFaq ul li { border-bottom: 1px solid #e4e4e4; }
.listFaq ul li .category { display: block; border-radius: 50%; width: 1.8rem; height: 1.8rem; text-align: center; background-color: #313131; color: #fff; padding-top: .2rem; position: absolute; left: 1rem; top: .6rem; }
.listFaq ul li .question a { display: block; padding: .85rem 0 .85rem 3.5rem; }
.listFaq ul li .question .title { font-weight: bold; }
.listFaq ul li .question::after { content: '\e943'; font-family: "xeicon"; font-size: 1.1rem; color: #999; position: absolute; right: 1rem; top: .7rem; }
.listFaq ul li .answer { display: block; opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; background: #f5f5f7; }
.listFaq ul li .answer::before { content: '\e981'; font-family: "xeicon"; font-size: 1rem; color: #999; position: absolute; left: 2rem; top: .7rem; }
.listFaq ul li .answer .answer_box { padding: .85rem .85rem .85rem 6rem; }
.listFaq ul li .answer .category { left: 3.5rem; background-color: #fff; color: inherit;  font-family: 'OpenSans', sans-serif; }
.listFaq ul li.active .question .category { background-color: #313131; }
.listFaq ul li.active .question::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .25s; transition: all .25s; color: #333; }
.listFaq ul li.active .answer { opacity: 1; visibility: visible; -webkit-transition: all .25s; transition: all .25s; max-height: 2000px; -webkit-transition: all .5s ease; transition: all .5s ease; }

/*캘린더형*/
.fc .fc-toolbar > * > :not(:first-child) { margin-left: .75rem; }
.fc .fc-toolbar.fc-header-toolbar {text-align:center;margin-bottom:2.4rem;display:block}
.fc .fc-button-primary { background-color: transparent; border: none; color: #c6c6c6; -webkit-transition: all .25s; transition: all .25s; }
.fc .fc-day-header {font-weight:600}
.fc .fc-head-container > .fc-widget-header { border-bottom: 1px solid #aaa; }
.fc .fc-head-container > .fc-widget-header th {border:0}
/* .fc td { background-color: transparent; } */
.fc th:first-child, .fc td:first-child { border-left: 0; }
.fc th:last-child, .fc td:last-child { border-right: 0; }
/*.fc td {width:14.2857142857%}*/
.fc .fc-view {border-top:2px solid #555}
.fc .fc-view .fc-sun { color: #cb152b; }
.fc .fc-view .fc-sat { color: #116eb4; }
.fc .fc-view .fc-day-grid .fc-day.fc-today { background-color: #e5f6ff; position: relative; z-index: -1; }
.fc .fc-view .fc-day-grid .fc-day-top { padding:.25rem .5rem; }
.fc .fc-view .fc-day-grid .fc-day-grid-event { margin-left: 0; margin-right: 0; padding:0px 7px;display:block;width:100%}
.fc .fc-view .fc-day-grid .fc-event { border-radius: 0; }
.fc .fc-view .fc-day-header { padding: .9rem; text-transform: uppercase; }
.fc .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number { float: none; }
.fc .fc-day-top.fc-other-month { opacity: 0.3; }
.fc .fc-day.fc-other-month { background-color:#f6f7fa;color:#aaa}
.fc .fc-event {color:#fff;font-size:.75rem;}
.fc .fc-scroller { height: auto !important; overflow: visible !important; }
.fc .fc-row {position:relative}
.fc .fc-row .fc-bg {position:absolute;left:0;top:0;height:100%;width:100%;}
.fc .fc-row .fc-bg table {height:100%}
.fc .fc-row .fc-bg td:first-child {border-left:0 !important}
.fc .fc-view .fc-day-grid .fc-day.fc-today {z-index:1; background:0 none;}


.schedule_layer { position: absolute; left: 50%; top: 49%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; background-color: #fff; border: 1px solid #999; padding: 2rem; }
.schedule_layer .title { font-size: 1.1rem; color: #333; padding-bottom: 1.5rem; }
.schedule_layer .info { font-size: .75rem; color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: .5rem; }
.schedule_layer .cont { font-size: .75rem; padding: .5rem; border-bottom: 1px solid #ddd; margin-bottom: 1rem; }
.schedule_layer .close { display: block; font-size: 1.5rem; position: absolute; right: 2rem; top: 2rem; }
.schedule_layer .BtnArea { margin-bottom: 0; }

/*영상자료게시판 상세보기*/
.media_cont { text-align: center; position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 1rem; }
.media_cont iframe { position: absolute; width: 100%; height: 100%; left: 0; background-color: #000; }

.media_textarea { height: 15rem; overflow-y: auto; background-color: #f5f6fa; border: 1px solid #e1e6eb; padding: 1.5rem 1rem; }
.media_textarea::-webkit-scrollbar { width: 14px; }
.media_textarea::-webkit-scrollbar-thumb { background-color: #d3d8dd; border: 3px solid #fff; border-radius: 6px; }
.media_textarea::-webkit-scrollbar-track { background-color: #fff; }

/*공공누리*/
.codeView01 { background-color: #f5f6fa; border: 1px solid #e1e6eb; padding: .8rem 1rem; }
.codeView01 img { margin: 0 1rem 0 0; display: inline-block; vertical-align: middle; }

div.tstyle_list > ul, div.tstyle_view > ul { margin: 0; }
div.tstyle_list > ul > li::before, div.tstyle_view > ul > li::before { display: none; }

.custom-input { position: relative; margin: 2rem 0; }
.custom-input input[type="checkbox"], .custom-input input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; }
.custom-input input[type="checkbox"] + label, .custom-input input[type="radio"] + label { display: inline-block; position: relative; padding-left: 1.6rem; margin-right: 1rem; }
.custom-input input[type="checkbox"] + label::before, .custom-input input[type="radio"] + label::before { content: ""; position: absolute; left: 0; top: 3px; width: 19px; height: 19px; border: 1px solid #c7c7c7; cursor: pointer; }
.custom-input input[type="radio"] + label::before { border-radius: 50%; }
.custom-input input[type="radio"] + label::after { content: ""; display: block; opacity: 0; width: 9px; height: 9px; background-color: #333; border-radius: 50%; position: absolute; left: 5px; top: 8px; z-index: 2; }
.custom-input input[type="checkbox"] + label::after { content: "\e929"; width: 19px; height: 19px; text-align: center; background-color: #333; border: 1px solid #333; color: #fff; font: normal 16px "xeicon"; position: absolute; left: 0; top: 3px; z-index: 2; cursor: pointer; opacity: 0; }
.custom-input input[type="checkbox"]:focus + label::before, .custom-input input[type="radio"]:focus + label::before { border-color: #333; }
.custom-input input[type="checkbox"]:checked + label::after, .custom-input input[type="radio"]:checked + label::after { opacity: 1; }

.satisfy-choice li { display: inline-block; }

/* 레이어 팝업 */
.popup_layer .popup_close { background-color: #333; color: #fff; padding: .5rem .75rem; }
.popup_layer .popup_close .custom-input input[type="checkbox"] + label::before, .popup_layer .popup_close .custom-input input[type="radio"] + label::before { border-color: #fff; background-color: #fff; }
.popup_layer .popup_close .custom-input input[type="checkbox"] + label::after { background-color: #fff; border-color: #fff; color: #333; }
.popup_layer .popup_close label { font-size: .75rem; }
.popup_layer .popup_close a { float: right; }
.popup_layer .popup_close a i { margin-right: .2rem; }

.nodata {padding: 20px; text-align: center; border-bottom: 1px solid #e4e4e4;}
@media screen and (max-width: 1400px) {
	.tstyle.complete{margin:0 1rem;}
	.tstyle.complete .left div:nth-of-type(2){padding: 2rem;}
	.tstyle.complete button{margin: 3rem auto .5rem;}
}
@media screen and (max-width: 1280px) {
	
	.galleryList.thumbnail > ul > li { min-height: inherit; }
	.galleryList.thumbnail > ul > li .txt { padding-top: 0; padding-bottom: 1rem; }
	.galleryList .btn-line { width: 100%; margin-bottom: .2rem; }
	.galleryList.book_style1 > ul li { min-height: 0; }/* 20190423 SY,CHo */
	/*.tstyle.complete.login .left > div{width:500px; margin:auto; }
	.tstyle.complete.login button{ width:7.2rem;}
	.tstyle.complete.login .left .form-control-ck{margin-left:165px;}*/
}

@media screen and (max-width: 1200px) {
	div.tstyle_list > div.dbody li.dots p.report a{padding: .75rem .75rem;}
	/*.tstyle.complete.login .left{padding:0 1rem 1rem;}*/
	
}

@media screen and (max-width: 1025px) {
	div.tstyle_list > div.dbody li.dots p.report{bottom:-2.75rem;}
	.tstyle_write {padding:1.5rem;}
	.tstyle.complete .left{float:none; width: 100%;}
	.tstyle.complete .right{float:none; display:none}
	.tstyle.complete .left div:nth-of-type(2){padding: 1rem;}
	.tstyle.complete button{margin:2rem auto .5rem;}
	
	/*.tstyle.complete.login .left > div:nth-of-type(2){padding:2rem .5rem;}
	.tstyle.complete.login .left .form-control-ck{margin-left:158px;}*/
}
@media screen and (max-width: 980px) {
	/*.tstyle.complete.login .left > div:nth-of-type(2){padding: 1rem;}
	.tstyle.complete.login .complete_tit {padding:2.2rem 0;}
	.tstyle.complete.login .left .login .id input, .tstyle.complete.login .left .login .password input{display:block; width:100% !important; margin-top:.5rem;}
	.tstyle.complete.login .left .login .id label, .tstyle.complete.login .left .login .password label{display:block; width:100%;  text-align:left;}
	.tstyle.complete.login .left .form-control-ck{margin-left:0;}
	.tstyle.complete.login button{width:5.5rem;}*/
}
@media screen and (max-width: 950px) {

	.tstyle.complete button{width:7rem;}
	.tstyle.complete .complete_tit{padding: 3rem 0;}
	
}
@media screen and (max-width: 900px) {
	/*.content_body input {max-width:15rem;}*/
	
	/*.tstyle.complete.login .left .login .id label, .tstyle.complete.login .left .login .password label{width: 7rem;}
	.tstyle.complete.login .left > div:nth-of-type(2){padding: 1rem .5rem;}
	.tstyle.complete.login button{width:5rem;}*/
}
@media screen and (max-width: 768px) {
	/*html { font-size: 16px; }*/
	.basicTabWrap .depth4 li { display: block; width: 33.33%; white-space: nowrap; float: left; }
	/* 게시판 검색*/
	.board_info {margin-bottom:.5rem;}
	.board_info .Search_rss {float:none;background: #fff; border: none; padding:.5rem; text-align: center; width: 100%; }
	.board_info .page_info { margin-top: 15px; float:none; padding: 0 .5rem;}
	.board_info fieldset span { margin-left: 0;   }
	.board_info fieldset span.form-select{width: 100% !important; display:block; margin-bottom:.5rem;}
	.board_info fieldset span.form-input{width:100% !important; padding-right:3rem; float: left;}
	.board_info fieldset span.form-btn { width: 3rem; float:left;}
	/*listDown 리스트 ex-수상내역 */
	.listDown .answer ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
	div.tstyle_list > div > ul > li::before { display:block; }
	/* Board list */
	div.tstyle_list{width:calc(100% - 1rem); width:-webkit-calc(100% - 1rem); margin:auto;}
	div.tstyle_list > div.dhead { display: none;  }
	div.tstyle_list > div.dbody > ul { padding: .65rem .25rem .7rem; position: relative; }
	div.tstyle_list > div.dbody > ul li.m-hidden { display: none; }
	div.tstyle_list > div.dbody > ul > li:first-child { float: none; }
	div.tstyle_list > div.dbody > ul > li br{display:none;}
	div.tstyle_list > div.dbody > ul > li { display: block; vertical-align: middle; width: auto !important; padding: .2rem .25rem .2rem 0; position:relative; text-align: left; }
	div.tstyle_list > div.dbody > ul > li, div.tstyle_list > div.dbody > ul > li a{width: calc(100% - 4.25rem); width: -webkit-calc(100% - 4.25rem); }
	div.tstyle_list > div.dbody.type2 > ul > li.title a{display: inline-block; width: calc(100% - 4.5rem); width: -webkit-calc(100% - 4.5rem);}
	div.tstyle_list > div.dbody > ul > li:before{display:inline-block; width: 4rem;}
	div.tstyle_list > div.dbody > ul > li.research{padding: .2rem .25rem .2rem 0; width: calc(100% - 7.5rem); width: -webkit-calc(100% - 7.5rem); text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	div.tstyle_list > div.dbody > ul > li.research:before{display: inline-block; width: 7rem;}
	div.tstyle_list > div.dbody > ul > li.research-01{padding: .2rem .25rem .2rem 0;  width: calc(100% - 9.5rem); width: -webkit-calc(100% - 9.5rem); text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	div.tstyle_list > div.dbody > ul > li.research-01:before{display: inline-block; width: 9rem;}
	div.tstyle_list > div.dbody > ul > li.process, div.tstyle_list > div.dbody > ul > li.process2{text-align: center;}
	/*div.tstyle_list.eng > div.dbody > ul > li.research{padding: .2rem .25rem .2rem 7.5rem; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	div.tstyle_list.eng > div.dbody > ul > li.tit-01{padding: .2rem .25rem .2rem 6.5rem; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}*/
	div.tstyle_list > div.dbody .title.center{text-align:left;}
	div.tstyle_list > div.dbody > ul > li.title { display: block; }
	div.tstyle_view .newsletter_img{ margin-top:1rem}
	.xi-subdirectory-arrow { margin-left: 0; }
	div.tstyle_list > div.dbody > ul > li.file a{text-align:left;padding: .3rem .25rem .1rem 0; width: auto; /* width: calc(100% - 4.25rem); width: -webkit-calc(100% - 4.25rem); */ }
/*	div.tstyle_list > div.dbody .state { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }*/
	div.tstyle_list > div.dbody > ul > li.file { padding: 0; }
	div.tstyle_list > div.dbody > ul > li.file i { margin: 0 .25rem; }
	div.tstyle_list > div.dbody li.mail .accNum{width:13rem; margin-left:0; padding-left: 70px; display:inline-block; vertical-align:middle}
	div.tstyle_list > div.dbody li.mail .accNum .passNum{left:0; top:-3px}
	div.tstyle_list > div.dbody li.mail .accNum input{float: left; width: calc(100% - 50px); height: 1.2rem; border:1px solid #ddd; font-size: .75rem;}
	div.tstyle_list > div.dbody li.mail .accNum button{float:left; width: 30px; height: 1.2rem; background:#e9e9e9; border:1px solid #ddd; border-left:0;}
	div.tstyle_list > div.dbody li.mail .accNum button:nth-of-type(2){width: 15px}
	div.tstyle_list > div.dbody li.mail a{text-align:left;}
	/*모바일 Before*/
	div.tstyle_list .form-control label{left:0; bottom:.25rem; display:inline-block;}
	div.tstyle_list .form-control label::before{left:0;  }
	div.tstyle_list .form-control label::after{left:-1px; }
	/*상세뷰*/
	div.tstyle_view div.title {padding: .75rem .5rem; font-size:1.2rem; line-height: 1.4;}
	div.tstyle_view .add_file_list{width:calc(100% - 1rem); width:-webkit-calc(100% - 1rem); margin:auto;}
	div.tstyle_view .add_file_list .title { display: block; width: auto; padding: .5rem 0; }
	div.tstyle_view .add_file_list .add_file { display: block; padding: 0 0 .5rem 0; }
	div.tstyle_view ul.add_file li > span.link { margin:.5rem 0; float:none; display:block;}
	div.tstyle_view ul.add_file li > strong { width: 100%; float: none; }
	div.tstyle_view div.tb_contents { padding: 1rem; }
	.tstyle_write.type2 {width:100%;}
	.tstyle_write th, .tstyle_write td { padding: .5rem; }
	.tstyle.complete .left, .tstyle.complete .right{float:none; width:100%;}
	.tstyle.complete .left {padding: 1rem;}
	.tstyle.complete .left > div{width: 100%; border:0;}
	.tstyle.complete button{width: 6.5rem;}
	.tstyle.complete li{border-bottom: 1px solid #e5e5e5; padding: 0rem .5rem .4rem;}
	.tstyle.complete .left div:nth-of-type(2){padding:1rem 0;}
	.tstyle.complete .complete_tit{padding: 2rem 0;}
	.tstyle.complete .complete_tit span{font-size:1.2rem;}
	.tstyle.complete p.com{width: calc(100% - 4rem);width: -webkit-calc(100% - 4rem);}
	.tstyle.complete span.label{width:4rem;}
	/*.tstyle.complete.login .left > div{width:100%; border-bottom:1px solid #e5e5e5}
	.tstyle.complete.login .left .login .id label, .tstyle.complete.login .left .login .password label{display:inline-block; width:8rem; font-size:.8rem; font-weight:700; text-align:left;}
	.tstyle.complete.login .left .login .id input, .tstyle.complete.login .left .login .password input{display:inline-block; width:calc(100% - 8.2rem) !important; width:-webkit-calc(100% - 8.2rem) !important;}
	.tstyle.complete.login .left .form-control-ck{margin-left:40%;}
	.tstyle.complete.login button{width:6rem;}*/
	.list_board li span {}
	.list_board li a { color: #333; display: inline-block; padding-left:1.5rem; width:100%; }
	/* FAQ 리스트 */
	.listFaq ul li .answer::before { display: none; }
	.listFaq ul li .answer .answer_box { padding-left: 3.5rem; }
	.listFaq ul li .answer .category { left: 1rem; }
	.board_pager a:hover { background: none; }
	.board_pager .pageNone { display: none; border: none; }
	.board_pager .pageNone:nth-last-of-type(3) { display: inline-block; }
	.board_pager .pageNone:nth-last-of-type(3)::before { content: "/"; display: inline-block; -webkit-transform: translateX(-15px); transform: translateX(-15px); }
	.board_pager .pageFirst, .board_pager .pagePrev, .board_pager .pageNext, .board_pager .pageLast, .board_pager .pageNow { display: inline-block; }
	.board_pager .pageNow { background: none; border: none; }
	.board_pager .pageNow strong { color: #333; }
	.schedule_layer { width: 90%; padding: 1rem; }
	.schedule_layer .close { right: 1rem; top: 1rem; }
	.popup_layer { left: 0 !important; top: 50px !important; max-width: 100%; }
	div.tstyle_list > div.dbody li.dots {position: absolute; right:.5rem; top: .68rem;}
	div.tstyle_list > div.dbody li.dots p.report a{padding: .5rem .5rem;}
	div.tstyle_list > div.dbody li.dots p.report::after{right:.25rem; border-top:10px solid none;border-bottom:15px solid #425362;border-right:10px solid transparent;border-left:10px solid  transparent;}
	div.tstyle_list > div.dbody ul:last-of-type li.dots p.report{top:initial; bottom:-2.85rem !important; }
	div.tstyle_list > div.dbody ul:last-of-type li.dots p.report::after{transform: inherit; top: -12px;}
	
	div.tstyle_list > div.dbody ul li.process p{width: 5rem;}
	 .tstyle_write.type3 input, .tstyle_write.type3 select{margin-bottom:.5rem;}
	.galleryList > ul li { width: 50% !important; }
	.galleryList.type1{padding:0;}
	.galleryList.type2{padding:0;}
	/*회원가입*/

	.write_tit p{word-break:keep-all}
	.write_tit span{word-break:keep-all}
	.tstyle_write {padding:.75rem; margin:1rem; width:calc(100% - 2rem); width:-webkit-calc(100% - 2rem); border:0;}
	.tstyle_write tbody tr:last-of-type td{border-top:1px solid #e4e4e4;}
	.tstyle_write tbody tr th {display:block; width:100%;}
	.tstyle_write tbody tr th br{display:none;}
	.tstyle_write tbody tr td {display:block; width:100%; border-top:0; padding:0 .5rem .75rem ;}
	.tstyle_write tbody tr td button {display: block; margin:.5rem auto;}
	.tstyle_write [class*="phone0"]{display: block; margin:auto; margin-bottom:.5rem;}
	.tstyle_write .password_c{display: block; margin: .5rem auto;}
	.tstyle_write .refer{text-align:center;}
	.tstyle_write .info_label{float: none;}
	.tstyle_write .control{float:none;}
	.tstyle_write .info_txt_wrap{float: none;}
	.tstyle_write .BtnArea > button{margin-top:1rem; width: inherit; display: inline-block;}
	.BtnArea .btn_list + .btn_list{margin-left: 0;}
	.form-control-ck{padding: 0 0 .5rem;}
	
	.contentInfo{ margin: 2.5rem 0}
	div.tstyle_list > div.dbody li.mail .accNum .passNum{width: 28%;}
}
@media(max-width:1024px){
	.fc td {width:auto;}
}
@media(max-width:768px){
	.board_info fieldset span.form-btn button {padding: 0 .2rem }
}
@media(max-width:700px){
	div.tstyle_view ul.head{padding:.9rem .5rem;}
	div.tstyle_view ul.head li{display:inline-block;}
	div.tstyle_view ul.head li ~ li::before {display:none;}
}
@media(max-width:640px){
	.duty-wrap .duty dl dt{display:block;}
	.duty-wrap .duty dl dd{display: block; width: calc(100% - 75px);}
	.duty-wrap .duty dl dd::after{display:none;}
	.duty-wrap .duty dl dd:last-of-type::after{display:none;}
	.content_body .select-form{margin-left:0;}
	.tstyle_write.type3 .emailtxt{width: calc(100% - 50px); width: -webkit-calc(100% - 50px); display:inline-block; }
	.tstyle_write.type3 input {max-width:inherit !important;}
	.tstyle_write tbody tr td .txt-center{width: 50px; display:inline-block;}
}
@media(max-width:430px){
	.galleryList > ul li { width: 100% !important; padding: 1rem 1.3%;}
	.tstyle_write {padding:.5rem; margin:.5rem;width:calc(100% - 1rem); width:-webkit-calc(100% - 1rem);}
	.tstyle_write.type2 {width:100%;}
	.form-control-ra label{padding-right:.5rem;}
	.tstyle.complete p.com, .tstyle.complete span.labe{float: none; width:100%; display:inline-block}
	.tstyle.complete .left div:nth-of-type(2):before{display:none;}
	/*.tstyle.complete.login .left .login .id input, .tstyle.complete.login .left .login .password input{display:block; width:100% !important; margin-top:.5rem;}
	.tstyle.complete.login .left .login .id label, .tstyle.complete.login .left .login .password label{display:block; width:100%;  text-align:left;}
	#content_detail .layer_login_wrap .login .id input, #content_detail .layer_login_wrap .login .password input{display:block; width:100% !important; margin-top:.5rem;}
	#content_detail .layer_login_wrap .login .id label, #content_detail .layer_login_wrap .login .password label{display:block; width:100%;  text-align:left;}
	#content_detail .layer_login_wrap .form-control-ck{margin-left:0;}
	#content_detail .layer_login_wrap button:last-of-type{margin-top:1rem;}
	.tstyle.complete.login .left .form-control-ck{margin-left:0;}
	.tstyle.complete.login button{width:2.5rem; font-size:.75rem;}
	.tstyle.complete.login button:last-of-type{margin-top:0}*/
	.BtnArea button { min-width: 5rem;}
	div.tstyle_list > div.dbody li.mail .accNum{width:11rem; margin-left:0; padding-left: 55px;}
	.write_tit.type2 p{float:none;}
	.write_tit.type2 span{margin-top:0; float:none !important; text-align:left;}
}