@charset "utf-8";
/*----------------------------------------------------------------------------
* -------------------------------------------------------------------------*/
body{background: #e2e6ef;}
#container{margin-top:3.7rem;}
#snb {height: 4.7rem;;position:relative;}
#snb:before {position:absolute;left:0;top:0;width:100%;height:100%;backgroun-repeat:no-repeat;background-position:center;background-size:cover;content:''}

#snb .txt-wrap {text-align:center;padding-top:5rem;position:relative;z-index:1}
#snb .txt-wrap h2 {color:#fff;font-size:2.1rem;font-weight:600}
#snb .nav {position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:64rem;max-width:100%;height:65px; background:#2e5189;z-index:2;border-radius:5px;}
#snb .nav:before {position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;content:'';z-index:-1}
#snb .nav:after {display:block;clear:both;content:''}
#snb .nav > * {float:left}
#snb .nav > a {display:block;width:66px;line-height:65px;color:#fff;text-align:center;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);}
#snb .nav > a i:before {font-size:1rem}
#snb .nav .submenu {min-width:15rem;border-right:1px solid rgba(255,255,255,.3);position:relative;}
#snb .nav .submenu button {line-height:65px;color:#fff;display:block;padding:0 1rem;width:100%;text-align:left;position:relative;font-size:.85rem;font-weight:300}
#snb .nav .submenu button:hover,#snb .nav .submenu button:focus,#snb .nav .submenu button:active {text-decoration:underline;}
#snb .nav .submenu button:after {position:absolute;right:1rem;font-family:'xeicon';content:'\e936';opacity:.3}
#snb .nav .submenu .lst {position:absolute;top:65px;left:50%;transform:translateX(-50%);width:calc(100% + 2px);background:#fff;border:1px solid #ccc;border-top:0;padding:0;height:0;opacity:0;overflow:hidden;visibility:hidden;transition:padding .4s}
#snb .nav .submenu .lst a {display:block;padding:.25rem 1.3rem}
#snb .nav .submenu .lst a:hover,#snb .nav .submenu .lst a:focus,#snb .nav .submenu .lst a:active {color:#4377c6;font-weight:600}
#snb .nav .submenu.on button:after {content:'\e930'}
#snb .nav .submenu.on .lst {height:auto;padding:1.2rem 0;opacity:1;overflow:visible;visibility:visible;}
/*#content_detail {padding:3rem 0 9rem}*/

#content_detail {padding: 2rem 2.5rem 5rem;margin: 1rem 0 4rem;background: #fff;border-radius: 5px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.05);overflow: hidden;}


.content_info {margin-bottom:2rem}
.content_info:after {display:block;clear:both;content:''}
.content_info h1.tit {float:left;font-size:1.5rem;color:#222;font-weight:700;line-height:1.3}
.content_info .float-right:after {display:block;clear:both;content:''}
.content_info .location {display:inline-block;vertical-align:middle;overflow:hidden;}
.content_info .location li {float:left;padding-right:.8rem;margin-right:.3rem;position:relative;}
.content_info .location li:after {position:absolute;right:-.2rem;top:-1px;font-size:.9rem;color:#ddd;font-family:'xeicon';content:'\e93f'}
.content_info .location li a {color:#767676}
.content_info .location li a:hover,.content_info .location li a:focus,.content_info .location li a:active {text-decoration:underline;}
.content_info .location li:first-of-type a {color:#94959e}
.content_info .location li:last-child {margin-right:0}
.content_info .location li:last-child a {color:#333;font-weight:600}
.content_info .location li:last-child:after {display:none}
.mT_3 {margin-top:.3rem}
.mT1 {margin-top:.5rem}
.mT2 {margin-top:1rem}
.mT3 {margin-top:1.5rem}
.mT4 {margin-top:2rem}
.pB6 {padding-bottom:3rem}
/*article.contents {font-size:.85rem;}*/
[class^="tit0"] {position:relative;line-height:1.2}
[class^="tit0"]:before {position:absolute;left:0;content:''}

.tit02 {font-size:1rem;color:#333;font-weight:600;margin:1.2rem 0 .8rem;padding-left:1.05rem}
.tit02:before {top:.24rem;width:.7rem;height:.7rem;border-radius:50%;border:.2rem solid #666d86}
.row.top {margin-top:2rem}
.row.top [class*="tit"] {margin-top:0;float:left;width:calc(100% - 10rem)}
.row.top [class*="tit"] + * {float:right}
.row.top .select-form {width: 7.45rem;border: 1px solid #ddd;z-index: 1;}
.row.top .select-form select {padding:.35rem 0 .35rem .5rem}
.bul > li {position:relative;font-size:.85rem;color:#555}
.bul > li:before {position:absolute;left:0;content:''}
.bul > li strong {display:block;font-weight:600}
.bul.type2 > li strong {display:inline-block}
.bul.dot1 > li {padding-left:.75rem}
.bul.dot1 > li:before {top:.6rem;width:.25rem;height:.25rem;background:#c7c7c7;border-radius:50%}
.bul.dot2 > li {font-size:.75rem;color:#555;padding-left:.5rem}
.bul.dot2 > li:before {width:2px;height:2px;background:#7d7e80;top:.65rem;left:3px}
.bul.square > li {padding-left:.6rem;font-size:.8rem}
.bul.square > li:before {top:.5rem;width:.2rem;height:.2rem;background:#333}
.bul.num > li {padding-left:.75rem;counter-increment:number}
.bul.num > li:before {content:counter(number)'.'}
.bul.num.type2 > li {padding-left:1.5rem;counter-increment:number}
.bul.num.type2 > li:before {content:'0'counter(number);color:#4377c6;font-family: 'Montserrat', sans-serif;font-weight:600}
.bul.num > li.two {padding-left:1.25rem}
.bul .bul.dash {margin-top:.25rem}
.bul.dash > li {padding-left:.5rem;color:#666;font-size:.8rem}
.bul.dash > li:before {top:.65rem;width:.25rem;height:1px;background:#656565;border-radius:50%}
.aid {position:relative;color:#767676;font-size:.8rem;padding-left:.5rem}
.aid:before {position:absolute;left:0;top:.2rem;content:'*';color:#4377c6}
.select-form {position:relative;background:#fff}
.select-form:before,.select-form:after {position:absolute;top:.4rem;font-family:'xeicon'}
.select-form select {border:0;width:100%;height:100%;vertical-align:top;padding:0 0 0 .5rem;position:relative;z-index:1;background:transparent}
.select-form:after {content:'\e941';right:.95rem}
.txt-area {resize:none;width:100%;height:10rem}
.btn {display:inline-block;vertical-align:middle;overflow:hidden;transition:all .4s}
.btn:hover span,.btn:focus span {text-decoration:underline}
.btn span {display:block;text-align:center;font-size:.75rem}
.btn.btn-l span {padding:.6rem 2rem .65rem}
.btn.btn-m span {padding:.6rem 1.5rem;font-size:.75rem}
.btn.btn-s span {padding:.5rem 1.2rem;font-size:.75rem}
.btn.icons {padding:.35rem .7rem;}
.btn.icons span {display:inline-block;width:auto;vertical-align:middle;line-height:1;min-width:100px;text-align:left;}
.btn.icons i {display:inline-block;vertical-align:middle;width:1rem;line-height:0}
.btn.icons span + i, .btn.icons i + span {padding-left:4px}
.btn.icons i + span {min-width:inherit;}
.btn.left {min-width:154px;padding:.5rem 0}
.btn.left span {text-align:left;padding:0;}
.btn.btn01 {border:1px solid #ddd;color:#333;background:#fff;}
.btn.btn02 {border: 1px solid #2f9db2;background: #2f9db2;color:#fff;}
.btn.btn02:hover,.btn.btn02:focus {background:#fff;color:#4377c6}
.btn.btn03 {border:1px solid #37bdce;background:#37bdce;color:#fff}
.btn.btn03:hover,.btn.btn03:focus {background:#fff;color:#37bdce}
.btn.btn04 {border:1px solid #38ba9d;background:#38ba9d;color:#fff}
.btn.btn04:hover,.btn.btn04:focus {background:#fff;color:#38ba9d}
.btn.btn05 {border:1px solid #80838e;background:#fff;color:#555}
.btn.btn06 {border:1px solid #333;background:#333;color:#fff}
.btn.btn06:hover,.btn.btn06:focus {color:#333;background:#fff}
.btn.btn07 {border:1px solid #434e5d;background:#434e5d;color:#fff}
.btn.btn07:hover,.btn.btn07:focus {color:#434e5d;background:#fff}
.btn.btn08 {position:relative;padding:1px}
.btn.btn08:before {position:absolute;left:0;top:0;width:100%;opacity:1;height:100%;background:linear-gradient(to right,rgba(14,154,175,.95),rgba(137,193,79,.95));content:'';}
.btn.btn08 span {position:relative;display:block;height:100%;background:transparent;color:#fff;z-index:1;transition:background .4s}
.btn.btn08:hover span,.btn.btn08:focus span {background:#fff;color:#333;}
.table-wrap .btn {font-size:.7rem;padding:.125rem .5rem}
.table-wrap .btn span {padding:0}
.table-wrap .btn.icons span {min-width:inherit;}
.form-control {display:inline-block;position:relative}
.form-control + .form-control {margin-left:1.2rem}
.form-control input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.form-control label {color:#333;position:relative;padding-left:1.35rem}
.form-control.radio label {font-size:.75rem}
.form-control label:before {content:'';position:absolute;left:0;width:.9rem;height:.9rem;border:1px solid #dedede;top:.25rem}
.form-control.radio label:before {border-radius:50%;top:.15rem}
.form-control label:after {position:absolute;top:.1rem;left:1px;font-family:'xeicon';content:'\e929';color:#ddd}
.form-control.radio label:after {left:.25rem;top:.4rem;width:.4rem;height:.4rem;content:'';background:#ddd;border-radius:50%}
.form-control input[type="checkbox"]:checked ~ label:before {border-color:#333;background:#333;transition:all .4s}
.form-control input[type="checkbox"]:focus ~ label:before,.form-control label:hover:before {border-color:#333;}
.form-control input[type="checkbox"]:focus ~ label:after,.form-control label:hover:after {color:#333}
.form-control input[type="checkbox"]:checked ~ label:after {color:#fff}
.form-control input[type="radio"]:checked ~ label:before {border-color:#dedede}
.form-control input[type="radio"]:focus ~ label:before,.form-control.radio label:hover:before {border-color:#333;}
.form-control input[type="radio"]:checked ~ label:after,.form-control input[type="radio"]:focus ~ label:after,.form-control.radio label:hover:after {background:#333;transition:all .4s}
.form-file {display:inline-block;position:relative;width:100%;height:40px;line-height:38px;border:1px solid #d2d2d2;vertical-align:middle;}
.form-file input[type="file"] {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.form-file .route {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:110px}
.form-file .btn {position:absolute;left:0;top:0;height:100%;width:98px;display:block;text-align:center}
.border-box {border:1px solid #ddd;padding:1.4rem 1.5rem;margin:.85rem 0}


/* 기본 테이블 */
.table-wrap {border-top:1px solid #9ca7b2;border-bottom:1px solid #9ca7b2;overflow:hidden}
.table-wrap table {position:relative;width:100%;margin-left:-1px}
.table-wrap thead th {background:#f6f7f9;border-left:1px solid #d2d8dd}
.table-wrap th {font-size:.85rem;color:#424242;font-weight:600;padding:.65rem 1rem}
.table-wrap th.border-none,.table-wrap td.border-none {border-left:0}
.table-wrap td {padding:.65rem 1rem;font-size:.8rem}
.table-wrap tbody th, .table-wrap td {border-top:1px solid #e8ebee;border-left:1px solid #e8ebee}
.table-wrap thead tr + tr th {border-top:1px solid #d2d8dd}
.table-wrap td.bg {background:#f6f7f9;font-size:.85rem;color:#424242;font-weight:500}
.table-wrap th.bg {background:#f6f7f9}
.table-wrap .vertical-top {vertical-align:top}
/* 테이블 스크롤 */
.table-wrap.table-scroll table {min-width:830px}
/* 테이블 스크롤 */
.table-wrap.head-none{}
.word {word-break:keep-all}

.tit01 {font-size:1.25rem;color:#222;font-weight:600;padding-top:.8rem;margin:2rem 0 1.1rem}

/*첨부파일*/
ul.add_file li::after { content: ""; clear: both; display: table; }
ul.add_file li::before { display: none; }
ul.add_file li .file_down { margin-left: .3rem; }
ul.add_file li .file_down:hover { color: #126fb4; }
ul.add_file li .fileSize { color: #999; 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: 5rem; padding: .1rem 1.1rem .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 .xi-close-circle:hover { color: #126fb4; }
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 { background-color: #999; color: #fff; }


/****************************************************/

.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; }

/*공통통합검색 */ 
.board_info2 .Search_rss { float: right; text-align: right; position: relative; font-size: .75rem;margin-bottom:1.5rem }
.board_info .Search_rss a.icon_rss { display: none; }

.board_info2 fieldset { clear: both; display: table; width: 100%; position: relative; overflow: hidden; }
.board_info2 fieldset select, .board_info2 fieldset input, .board_info2 fieldset button { border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
.board_info2 fieldset span { display: inline-block; vertical-align: middle; height: 2rem; }
.board_info2 fieldset label{margin:0 .3rem 0 1rem; font-size:.8rem}
.board_info2 fieldset label::before { content: "·"; width: 2px;height: 2px; color: #576381; margin-right:.3rem}

.board_info2 fieldset span:first-of-type { margin-left: 0; }
.board_info2 fieldset span.form-select { min-width: 7.5rem; position: relative; }
.board_info2 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";z-index: 5; }
.board_info2 fieldset span.form-select select { /*background-color: transparent;*/background:#fff; -webkit-appearance: none; position: relative; z-index: 1; }
.board_info2 fieldset span.form-select select::-ms-expand { display: none; }
.board_info2 fieldset span.form-input { width: 20rem;/*width:13rem*/}

.board_info2 fieldset span.form-input input { padding-right: 3rem;border:2px solid #28b2a5; }
.board_info2 fieldset span.form-btn { min-width: 2rem; margin-left: -3rem; }
.board_info2 fieldset span.form-btn button { background-color: #28b2a5; border: #28b2a5; color: #fff; padding: 0 .9rem; }

/* 연구자료 통합검색 Area */
.board_info2 .Search_box {  text-align: center; position: relative; font-size: .75rem;margin-bottom:1.5rem; padding:2rem 2.5rem; background:#f6f7f9; border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
.board_info2 fieldset span.form-input.W30 {width: 30rem;}	 
.chekB5.align{ transform:translateX(-8.4rem)}


/* 페이지 정보 */
.btn-layout { position: relative; margin:.5rem 0 .5rem; width:100%;display:inline-block;}
.btn-layout::after {content: "";clear: both;display: table;}
.btn-layout .page_info { float: left; margin-top: 8px; }
.btn-layout .page_info strong, .btn-layout .page_info b { color: #1446ac/*#3f8fcb*/; }
.btn-layout .page_info .total_page {display:inline-block}
.btn-layout .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%); }
.btn-layout .page_info .current_page { position: relative; padding-left: .5rem; margin-left: .4rem; display:inline-block}


/* 게시판 목록 */
div.tstyle_list > div > ul { display: table; table-layout: fixed; width: 100%; clear: both; overflow: hidden; 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; }
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 #dddddd;background:#f6f7f9}
div.tstyle_list > div.dbody > ul { border-bottom: 1px solid #ddd; font-size: .75rem; }
div.tstyle_list > div.dhead > ul li { color: #333; font-weight: 500; }
div.tstyle_list > div.dbody > ul:last-child { border-bottom: 0; }
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.dbody > ul > li.title { width: auto; text-align: left; }
div.tstyle_list > div.dbody > ul > li a { display: inline-block; vertical-align: middle; overflow: hidden;/* text-align:center;*/ text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: .8rem; }

/*게시판 list 파일다운로드 */
div.tstyle_list > div.dbody > ul > li a.download_link { display: inline; margin: 0 1px;vertical-align: middle;font-size: 0 !important;}
.download_icon {display: inline-block; margin: 0 auto;width: 19px;height: 24px;background: url(../img/common/ico_file.png)no-repeat;font-size: 0 !important;}
.download_icon.icon01 {background-position: 0 0;} /*한글*/
.download_icon.icon02 {background-position: -24px 0;}/*엑셀*/
.download_icon.icon03 {background-position: -48px 0;}/*pdf*/
.download_icon.icon04 {background-position: -72px 0;}/*기타파일*/


div.tstyle_list > div.dbody > ul > li a.link { display: inline-block; vertical-align: middle;font-size:.75rem ;position:relative}
div.tstyle_list > div.dbody > ul > li a.link:after { content: '\e980';color: #000;font-family: "xeicon";font-size: .8rem;margin-left:3px; position:absolute;top:-1px }
div.tstyle_list > div.dbody > ul > li a.link:hover{text-decoration:none !important;}

div.tstyle_list > div.dbody > ul > li a.fDown { display: inline-block; vertical-align: middle;position:relative; }
div.tstyle_list > div.dbody > ul > li a.fDown:after { content: '\ea7f';color: #000;font-family: "xeicon";font-size: .9rem;margin-left:2px; position:absolute;top:-1px; transform: rotate(30deg);}
div.tstyle_list > div.dbody > ul > li a.fDown:hover{}


.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: 100%; }
div.tstyle_list > div.dbody > ul > li.file .xi-save { display: inline-block; width: .8rem; height: .85rem; background: url("/upload/skin/board/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: underline; }
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: #f38f24; font-size: 1.1rem; display: inline-block; vertical-align: middle; margin-left: .4rem; }
div.tstyle_list > div.dbody .state { font-size: .75rem; display: inline-block; vertical-align: middle;border-radius: 3px; padding:.05rem .3rem; /*width:71px*/}
div.tstyle_list > div.dbody .state.ing { background-color: #4377c6; color: #fff; }
div.tstyle_list > div.dbody .state.end { background-color: #555; color: #fff; }
div.tstyle_list > div.dbody .state.ready { background-color: #eee; color: #333; }

div.tstyle_list .W5 {width:5% !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 .W15 {width:15% !important;}
div.tstyle_list .W20 {width:20% !important;}
div.tstyle_list .W25 {width:25% !important;}



div.tstyle_list{ border-top: 1px solid #dddddd; }
div.tstyle_list{ position: relative; }
div.tstyle_list::after{ content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; bottom: 0; left: 0; }


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


/*div.tstyle_list, .fc .fc-view , */.writeForm{ border-top: 2px solid #3a3535; }
div.tstyle_list, .writeForm { position: relative; }
div.tstyle_list::after, .writeForm::after { content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; bottom: 0; left: 0; }


/* 상세보기 영역*/
.Bview {width:100%;margin:auto;border-top:2px solid #3a3535}
.Bview tbody th {background:transparent;border-right:1px solid #e4e4e4;font-weight:600}
.Bview tbody th sup {color:#cc3300}
.Bview td input,.Bview td select {width:100%;height:40px;padding:10px;border:1px solid #dedede}
.Bview td input:hover,.Bview td select:hover,.Bview td input:focus,.Bview td select:focus {border-color:#000}
.Bview .input-row {margin-left:-1rem}
.Bview .input-row .col-xs-12 {padding-left:1rem}
.Bview td input::-moz-placeholder {color:#999;opacity:1;}
.Bview td input:-ms-input-placeholder {color:#999;}
.Bview td input::-webkit-input-placeholder {color:#999;}
.Bview .adr .btn {height:40px;line-height:37px;padding:0 .7rem;width:100%}
.Bview .tstyle_write .col_gray {display:inline-block;vertical-align:middle}

.petition-wrp .Bview {margin-top:3rem;display:none}


/* 상세 & 글쓰기 */
.writeForm { margin-bottom: 1.5rem; }
.table-wrap div.title { color: #333;font-size: 1rem;font-weight: bold;padding: 1.2rem 0;text-align: center;border-bottom: 1px solid #aaa;}
.tstyle_write { width: 100%; border-collapse: collapse; letter-spacing: 0; position: relative; }

.tstyle_write td.cont{padding:3rem}
.tstyle_write th, .tstyle_write td { font-size: .8rem; padding: .5rem 1rem; border-bottom: 1px solid #ddd; word-break: keep-all;  }
.tstyle_write tbody th { color: #333; text-align: center; vertical-align: top; padding-top: .8rem; background:#f8f9fa }
.tstyle_write tbody th.bg_ty01{background:#f8f9fa !important;}
.tstyle_write tbody th.rB-none, .tstyle_write tbody td.rB-none {border-right:0; }
.tstyle_write tbody td.space {height:1.5rem }

.tstyle_write tbody th.title {color: #333; font-size: 1rem;font-weight: bold;padding: 1.2rem 0;text-align: center;border-bottom: 1px solid #aaa; background:#fff; border-right:0}

.tstyle_write tbody th.head2 { color: #0d6594; background:#fbfcfc ; border-right:0}

.tstyle_write tbody th label { position: relative; }
.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(/upload/skin/board/basic/line_bar.gif) 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 .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; }


/* 페이징*/
.board_pager { margin: 30px auto; text-align: center; }
.board_pager .inner { display: table; margin: 0 auto; }
.board_pager a { width: 1.7rem; height: 1.7rem; text-align: center; background-color: transparent; color: #999; border: 1px solid #ddd; display: inline-block; vertical-align: middle; font-size: .8rem; padding-top: .15rem; margin: 0 2px; text-decoration: none; }
.board_pager a:hover { background-color: #f5f6fa; -webkit-transition: all .25s; transition: all .25s; }
.board_pager .pageNone { border-color: transparent; }
.board_pager .pageNone:hover { border-color: #ddd; -webkit-transition: all .2s; transition: all .2s; }
.board_pager .pageNow { background-color: #555; border-color: #555; }
.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 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 .pagePrev { margin-right: 1rem; }
.board_pager .pageNext { margin-left: 1rem; }


/*BtnArea*/
.BtnArea { text-align: center; margin-bottom: 1.5rem; }
.BtnArea button { min-width: 5rem; border: 1px solid #ddd; background: #fff; color: #555; padding: .6rem 0; }
.BtnArea button:hover { border-color: #333; -webkit-transition: all .2s; transition: all .2s; }
.BtnArea .btn_submit { background: #0d6594; color: #fff; border-color: #0d6594; }
.BtnArea .btn_submit:hover { background: #fff; color: #555; border: 1px solid #333; }
.BtnArea .btn_list {background: #fff; color: #555; border: 1px solid #333;}
.BtnArea .btn_list:hover {background: #333; color: #fff; border-color: #333; }
.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; }

/*2021-02-16 삭제버튼 추가*/
.BtnArea .btn_delete { background: #ff0000; color: #fff; border-color: #ff0000; }
.BtnArea .btn_delete:hover { background: #fff; color: #555; border: 1px solid #333; }


/* button */
.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 { background-color: #333; color: #fff; }
.btn-line:hover i { color: #fff; }
.btn-line.type2 { border: 1px solid #333; background-color: #333; color: #fff; }

.formLine.hasDatepicker { margin-bottom: .2rem; }


/* 스크랩&엑셀저장 버튼 */
.btn-wrap2 {padding-left: .5rem;position: relative;}
.sbtn {display:inline-block;vertical-align:middle;overflow:hidden;transition:all .4s}
.sbtn:hover span,.sbtn:focus span {text-decoration:underline}
.sbtn span {display:block;text-align:center;font-size:.75rem}
.sbtn.btn-xls{border:1px solid #37a261;background:#37a261;color:#fff}
.sbtn.btn-xls span {padding:.15rem 1rem;font-size:.7rem}
.sbtn.btn-xls span:before {content: '\e904';font-family: 'xeicon';}
.sbtn.btn-scrap{border:1px solid #585c68;color:#fff;background:#585c68;}
.sbtn.btn-scrap span {padding:.15rem .8rem;font-size:.7rem;}
.sbtn.btn-scrap span:before {content: '\ea1d';font-family: 'xeicon';}


/* faq */
.faq-wrap {border-top: 2px solid #3a3535;}
.faq-list {}
.faq-list .faq-btn {color:#333;border-bottom:1px solid #ddd;display:block;padding:20px;font-size:.8rem;font-weight:500}
.faq-list .faq-btn span {position:relative;padding:0 40px;display:block}
.faq-list .faq-btn span:before {position:absolute;left:0;top:0;width:30px;height:30px;content:'Q';background:#284562;border-radius:50%;color:#fff;text-align:center;line-height:30px}
.faq-list .faq-btn span:after {position:absolute;right:0;top:0;font-family:'xeicon';content:'\e941';transform:rotate(0);transition:all .4s}
.faq-list .faq-btn.active span:after {transform:rotate(180deg)}
.faq-list .terms {display:none;position:relative;padding:30px 20px;border-bottom:1px solid #ddd;color:#666;}
.faq-list .terms > div {position:relative;word-break:keep-all}
.faq-list .bul > li {font-size:.8rem}


/* 통계조회 기관선택 */
.org-sel {border:1px solid #ddd;padding:.7rem .7rem;margin-bottom:.5rem; background:#f6f7f9}
.org-sel ul:after {display:block;clear:both;content:''}
.org-sel ul > li {float:left;padding-left:.45rem;position:relative;width:25%}
/*.org-sel ul > li:before {position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:1px;height:.7rem;background:#d5d9df}*/
.org-sel ul > li.tit {margin-left:0;color:#222;font-weight:500}
.sel-list {padding:.7rem 0;margin-bottom:.5rem; }
.sel-list ul:after {display:block;clear:both;content:''}
.sel-list ul > li {float:left;padding-left:.45rem;position:relative;margin:.2rem 1rem .2rem 0}
.sel-list ul > li.tit {margin-left:0;color:#222;font-weight:500}


/* 통계조회 기관선택 체크박스 */
.stat-input { position: relative;}
.stat-input input[type="checkbox"], .stat-input input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; }
.stat-input input[type="checkbox"] + label, .stat-input input[type="radio"] + label { display: inline-block; position: relative; padding-left: 1.3rem; margin-right: 1rem; }
.stat-input input[type="checkbox"] + label::before, .stat-input input[type="radio"] + label::before { content: ""; position: absolute; left: 0; top: 3px; width: 19px; height: 19px; background:#fff;border: 1px solid #c7c7c7; cursor: pointer; }
.stat-input input[type="checkbox"] + label::after { content: "\e929"; width: 19px; height: 19px; text-align: center; background-color: #3f77c4; border: 1px solid #3f77c4; color: #fff; font: normal 16px "xeicon"; position: absolute; left: 0; top: 3px; z-index: 2; cursor: pointer; opacity: 0; }
.stat-input input[type="radio"] + label::before { border-radius: 50%; }
.stat-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; }
.stat-input input[type="checkbox"]:focus + label::before, .stat-input input[type="radio"]:focus + label::before { border-color: #333; }
.stat-input input[type="checkbox"]:checked + label::after, .stat-input input[type="radio"]:checked + label::after { opacity: 1; }
.stat-input.align{position:relative;top: 70%; -webkit-transform: translateY(-70%); transform: translateY(-70%); left: .8rem;}


/* 연구자료. 약관동의, 회원가입 체크박스 */
.chekB5 { position: relative;}
.chekB5 input[type="checkbox"] { position: absolute; left: 0; top: 0; opacity: 0; }
.chekB5 input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 1.3rem; margin-top:.2rem;font-size:.75rem;}
.chekB5 input[type="checkbox"] + label::before{ content: ""; position: absolute; left: 0; top: 6px; width: 19px; height: 19px; background:#fff;border: 1px solid #c7c7c7; cursor: pointer; }
.chekB5 input[type="checkbox"] + label::after { content: "\e929"; width: 19px; height: 19px; text-align: center; border: 1px solid #3f77c4; color: #3f77c4;  background:#fff;font: normal 1rem "xeicon"; position: absolute; left: 0; top: 6px; z-index: 2; cursor: pointer; opacity: 0; }
.chekB5 input[type="checkbox"]:focus + label::before{ border-color: #333; }
.chekB5 input[type="checkbox"]:checked + label::after{ opacity: 1; }


/* 연구자료 lnb */
#lnb {margin-right:50px ; position:relative;}
#lnb h2{font-size:.85rem; font-weight:400;padding:.6rem 0; margin-top:.6rem; }
#lnb .left-menu {margin:0 ; border-top:2px solid #3a3535;}
#lnb .left-menu > li > a{display:block; font-size:.83rem; color:#333; font-weight:600; padding:10px 10px; }
#lnb .left-menu > li > a.on{color:#fff; background-color:#273346;}
#lnb .left-menu > li > span.depth2{display:block; font-size:.83rem; color:#333; font-weight:600; padding:10px 10px; border-top:1px solid #cccfd3; background-color:#fff; }
#lnb .left-menu > li > span.depth2.on{background-color:#273346; border-bottom:1px solid #cccfd3;}
#lnb .left-menu > li > .depth3{padding:10px 10px; border-top:1px solid #cccfd3;}
#lnb .left-menu > li > .depth3 a{position:relative; display:block; font-size:.75rem; font-weight:400;  line-height:30px; color:#333; }
#lnb .left-menu > li > .depth3 a span{color:#7d7d7d}
#lnb .left-menu > li > .depth3 li{display: block; position:relative;padding-left:10px;}
#lnb .left-menu > li > .depth3 li::before{content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background-color:#777;}
#lnb .left-menu > li > .depth3 a.on{color:#333; text-decoration:underline; }
#lnb .left-menu > li > .depth3 a.on:before{background-color:#fd5b03;}
#lnb .left-menu > li > .depth3_ty2{padding:8px 10px 8px 5px; border-top:1px solid #cccfd3;}
#lnb .left-menu > li > .depth3_ty2 a{position:relative; display:block; font-size:.75rem; font-weight:400;  line-height:30px; color:#333; padding-left:; }
#lnb .left-menu > li > .depth3_ty2 a span{color:#7d7d7d}


/* 정렬방식*/
.input-select{float:right}
.input-select .selectBox1{float:left;padding:0 10px;border:1px solid #bebebe;margin-left:-1px}
.input-select select::after{ content: '\e936'; font-family: "xeicon";color: #333; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);  }
.input-select select{height:33px;padding-right:20px;color:#646464;cursor:pointer; -webkit-border-radius:0;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:13px;border:none;background:url('../img/sub/search-arrow.png') no-repeat 100% 50%;font-size:13px;border:none;}
.input-select select::-ms-expand{display:none}
.input-select input{float:left;height:35px;font-size:13px;margin-left:-1px;}
.input-select input{color:#fff;padding:0 10px;background:#484848;cursor:pointer}
.input-select input:hover, .input-select input:focus{background-color:#fff;color:#333;border:1px solid #7f7f7f;}

/* 정렬방식 버튼*/
.content_body input { border: 1px solid #ddd; padding: .4rem .7rem; }
.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; outline: 0; }
.content_body input::-moz-placeholder { color: #999; opacity: 1; }
.content_body input:-ms-input-placeholder { color: #999; }
.content_body input::-webkit-input-placeholder { color: #999; }
.content_body input[disabled], .content_body input[readonly] { background-color: #eee; opacity: 1; }
.content_body input[disabled] { cursor: not-allowed; }
	

/*연구자료 목록 */
.tbl.board {width:100%;/*border-collapse:collapse;*/border-top: 2px solid #3a3535;}
.tbl.board th, .tbl.board td {font-size:.8rem;border-bottom:1px solid #d9d9d9;}
.tbl.board thead th { padding:8px 5px; color:#283f75; font-weight:600; text-align:center; background-color:#f5f8ff; }
.tbl.board tbody td { padding:14px 5px; }
.tbl.board tbody tr:hover > td { background-color:#f5f8ff; }
.tbl.board a:hover, .tbl.board a:focus { text-decoration:underline}
.tbl.board .subject { font-size:.85rem; font-weight:500; color:#333; padding-left:.3rem}
.tbl.board .subject > * { vertical-align:middle;}
.tbl.board .subject > span {  margin-left:2px; font-weight:400;}
.tbl.board .subject > a { margin-right:2px; color:#333;}
.tbl.board .tcen { text-align:center;}
.tbl.board.cen th, .tbl.board.cen td {text-align:center;}
.tbl.board.cen .tleft { text-align:left;}
.tbl.board ul.head { }
.tbl.board ul.head li { display: inline-block; }
.tbl.board ul.head li ~ li { position: relative; padding-left: .5rem; margin-left: .4rem; font-size:.75rem;}
.tbl.board 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%); }
.tbl.board ul.head li strong {color:#4e4e4e; font-weight: 300; padding: 0 .3rem; }
.tbl.board ul.head li span { position: relative; padding-left: .5rem; margin-left: .4rem; color:#777;  }
.tbl.board ul.head li span::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%); }

	
/* 탭메뉴 */	
.tabM {margin-bottom:.5rem;float:left; border-bottom:1px solid #ddd;}
.tabM > ul{display:table;width:50%;margin-bottom:-1px }
.tabM > ul.W100 {width:100% !important;}
.tabM > ul.W75 {width:75% !important;}

.tabM > ul > li {display:table-cell;width:1%;vertical-align:middle;height:2.5rem;}
.tabM > ul > li a {display:table;width:100%;height:100%;text-align:center;background:#fafafa;position:relative;color:#555;font-size:.85rem;line-height:1.2;}
.tabM > ul > li a:before {position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ddd;content:''}
.tabM > ul > li + li a:before {border-left:0}
.tabM > ul > li span {/*display:table-cell;*/vertical-align:middle;line-height: 2.5rem;}
.tabM > ul > li span.count {margin-left:.3rem }
.tabM > ul > li.active a {background:#284562;color:#fff;font-weight:600}
.tabM > ul > li.active a:before {border-color:#434e5d}
.tabM > ul > li a:hover,.tabM > ul > li a:focus,.tabM > ul > li a:active {text-decoration:underline;}


/* 협업소통조회 -다중checkbox */
.check-wrap { position:relative; margin:0 auto; overflow:hidden;}
.type-chip label {position: relative;display: inline-block;min-width: auto;line-height: 42px;padding: 0 21px; margin: 3px 0 2px 1px; font-size: 15px; border: 1px transparent solid;cursor: pointer;}
.check-wrap.type-chip label { min-width:200px; height:50px; text-align:center; line-height:48px; margin-right:5px; padding:0; border-radius:40px; background:none; border:1px #dbdbdb solid; }
.check-wrap.type-chip label::before,
.check-wrap.type-chip label::after { display:none; }
.check-wrap.type-chip input[type="checkbox"]:checked + label { color:#fff; background:#00356f; }
.check-wrap.type-chip input[type="checkbox"]:disabled + label { border-color:#ccc; }
.check-wrap.type-chip input[type="checkbox"]:disabled + label:hover { box-shadow:none; }
.check-wrap.type-chip input[type="checkbox"] {position: absolute; left:-9999px; top:-9999px;}


/* 안내 */
.user-info .info {/*background:#f2f6fe;*/border-bottom:1px solid #f2f6fe;overflow:hidden;}
.user-info .info > * {float:left; }
.user-info .info i {font-size:1rem;color:#ffa500;margin:.275rem .2rem .275rem 0}
.user-info .info span {color:#999;width:calc(100% - 1.35rem);word-break:keep-all; }
.user-info {float:left;width:100%}


/* 의견작성 */
.cmt_wrap {position: relative;clear:both;display:block; margin:3rem 0; }
.cmt_wrap h3{font-size:.85rem; color:#333}
.cmt_wrap h3 span:before {content: '\ea39';font-family: 'xeicon'; color:#4377c6; margin:0 5px}

.cmt_write_form {margin-top: 10px;border: 1px solid #ccc;background:#f6f7f9}
.cmt_write_form textarea {box-sizing: border-box;-webkit-box-sizing: border-box;    width: calc(100% - 20px); margin:10px 10px 3px;height: 83px;padding: 10px 15px;line-height: 23px;color: #aeaeae; border:1px solid #ddd; font-size:.75rem}
.cmt_write_form textarea:focus {color: #666;}
.cmt_write_form .write_option {position: relative;height: 35px;padding: 10px 114px 6px 15px;border-top: 1px solid #f0f0f1;color: #aeaeae;font-size: 0;}

.write_option .write_text_cnt {float: right;padding-bottom: 6px;color: #888;font-size: 12px;}
.cmt_write_form button {position: absolute;right: -1px;top: -1px;width: 100px;height: 38px;border: 1px solid #2f9db2;background-color: #2f9db2;color: #fff;font-weight: bold; font-size:.7rem; line-height:38px}
.cmt_summary {height: 12px;padding: 38px 0 35px;border-bottom: 1px solid #000; }
.cmt_summary:after {clear: both;display: block;content: '';}
.cmt_summary .cmt_cnt {float: left;}
.cmt_summary .cmt_sort {float: right;margin-top: -8px;font-size: 0;}
.cmt_sort a {box-sizing: border-box;-webkit-box-sizing: border-box;display: inline-block;min-width: 54px;height: 28px;padding: 7px 0 8px;border: 1px solid #dedede;background-color: #f7f7f7;color: #999;font-size: 12px;line-height: 13px;text-align: center;}
.cmt_sort .sort_latest {border-right: 0;border-radius: 2px 0 0 2px;-webkit-border-radius: 2px 0 0 2px;}
.cmt_sort .sort_highest, .cmt_sort .sort_voted {border-left: 0;border-radius: 0 2px 2px 0;-webkit-border-radius: 0 2px 2px 0;}
.cmt_sort .sort_highest {width: 75px;}
.cmt_sort [aria-selected|="true"] {border: 1px solid #bbb;background-color: #fff;color: #000;}
.cmt {padding: 21px 0 20px;}
.cmt ~ .cmt {border-top: 1px solid #e5e5e5;padding-top: 21px;}
.cmt .user_wrap {position: relative;height: 19px;padding-bottom: 11px;}
.user_wrap .user:hover {text-decoration: underline;}
.user_wrap .user {margin-right: 7px; font-size:.7rem; font-weight:normal; color:#999}
.user_wrap .user span{color:#777}
.cmt .text {height:auto;padding:20px 0;border:0;font-size:.75rem; font-weight:400; color:#333;line-height: 21px;letter-spacing:0;word-break: break-all;}
.cmt_info_wrap {float:right;font-size: 0;padding-top: 7px; }
.cmt_info_wrap .info {font-size: 12px;color: #888;line-height: 10px;}
.cmt_info_wrap .mobile {width: 7px;height: 11px;margin-left: 6px;background-position: -60px -80px;vertical-align: -1px;}
.cmt_info_wrap a:before {display: inline-block;width: 1px;height: 11px;background-color: #e1e1e1;margin: 0 10px;vertical-align: -1px;content: '';}
.cmt .user strong {color: #000;}
.cmt_write_form.edit {margin: 4px 0 5px;}
.cmt_write_form.edit textarea {height: 61px;}
.noresult p {padding:30px 0;text-align:center;}
.cmt_list ul{}
.cmt_list li{border-bottom:1px solid #f0f0f1; padding: 5px 15px}



/* 회원가입 */
.mem-step {text-align:center;margin-bottom:2.2rem}
.mem-step ul {display:inline-block;position:relative;}
.mem-step ul:before {position:absolute;top:1rem;left:50%;transform:translateX(-50%);content:'';width:calc(100% - 1.5rem);height:.5rem;background:#ddd}
.mem-step li {display:inline-block;font-size:.9rem;font-weight:200;position:relative;z-index:1}
.mem-step li span {display:block;width:50px;height:50px;line-height:46px;border:2px solid #ddd;border-radius:50%;margin:0 auto .5rem;background:#fff}
.mem-step li strong {display:block;color:#555;font-weight:200}
.mem-step li + li {padding-left:6rem}
.mem-step li.active span {border-color:#2f9db2;background:#2f9db2;color:#fff;font-weight:900; border: 3px solid rgba(255,255,255,0.7);}
.mem-step li.active strong {color:#2f9db2;font-weight:900}
.mem-step h1 {font-size:1.4rem;color:#333;font-weight:600;margin:2rem 0 .5rem}
.mem-step h1 + p {font-size:.85rem;color:#333}

.mem-certi { border:1px solid #ddd;border-top: 1px solid #555;padding:2.5rem 1rem 2rem;text-align:center; width: 55%; margin: 0 auto;}
.mem-certi .img {display:block}
.mem-certi strong.word {display:block;font-weight:600;font-size:1.1rem;color:#222;margin:.8rem 0 .3rem}
.mem-certi .point {display:block;color:#4377c6;font-size:.85rem;font-weight:600;margin:.5rem 0 0}
.mem-certi .btn-wrap {display:inline-block;margin-top:1.7rem;transform:translateY(.5rem);padding:0 3.2rem;background:#fff}
.mem-certi .btn-wrap .btn {width:5.4rem}
.mem-certi .btn-wrap .btn span {padding:.6rem 0 .65rem}

.form-select > select {padding:.34rem .7rem}
 #tel2{width:5rem}
 #tel3{width:5rem}

/*  회원가입_ 이용약관 */
.privacy_text {border:1px solid #ddd;height:20rem;padding:1.8rem;word-break:keep-all; overflow-y:scroll;}
.privacy_text .scroll {height:100%}
.privacy_text .tit,.policy .tit {font-size:1.2rem;font-weight:600;margin-top:1.5rem}
.privacy_text .scroll > .tit:first-of-type,.policy .tit:first-of-type {margin-top:0} 
.privacy_text p > strong,.policy p > strong {display:block;margin:1.5rem 0 .1rem;font-weight:600;font-size:.9rem}
.privacy_text .tit + p > strong,.policy .tit + p > strong {margin-top:1rem}
.privacy_text li strong {font-weight:600;}
.privacy_text .bul li {font-size:.8rem;color:#222}
.privacy_text .bul.dot1 > li {padding-left:.55rem}
.privacy_text .bul.dot1 > li:before {width:.1rem;height:.1rem;top:.6rem;background:#000}


/*사용제한 정보 입력창 */
.pop-userInfo{    position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 99999;}
.pop-userInfo .inner{background:#fff; width:500px; height:400px;padding:0 0; position:absolute; top:50%; margin:1rem;left:50%;transform:translate(-50%, -50%);width:clac(100% - 2rem);margin:auto }
.pop-userInfo .inner h2{padding:.7rem; background:#2e5189; color:#fff; font-weight:400; font-size:.9rem; text-align:center;}
.pop-userInfo .inner .stats {padding:.5rem; margin-top:1rem;box-sizing:border-box; float:left;width:100%;}
.pop-userInfo .inner .Info{padding:.8rem}
.pop-userInfo .inner .Info .info-w{display: table;width: 100%;border-bottom: 1px solid #d3d8dd;}
.pop-userInfo .inner .Info .info-w.topLine{border-top: 1px solid #d3d8dd;}	  
.pop-userInfo .inner .Info .info-w strong {display: table-cell;width: 23%;color: #333;padding:.5rem .5rem .7rem;background: #f6f7f9;text-align: center;font-weight: 400; font-size:.75rem}
.pop-userInfo .inner .Info .info-w span{ padding:.5rem .5rem .7rem;}
.pop-userInfo .inner .Info .info-w span input {width:95%;height:35px;padding:10px;border:1px solid #dedede; position:relative}
.pop-userInfo .inner .Info .info-w span input:hover,.p-userInfo .info-w span input:focus{border-color:#333}

.pop-userInfo .inner .btnArea {margin:0 1rem;position: relative;}
.pop-userInfo .inner .btnArea .btn{border:1px solid #585c68;color:#fff;background:#585c68; border-radius:3px}
.pop-userInfo .inner .btnArea .btn span {padding:.2rem .8rem;font-size:.75rem;}
.pop-userInfo .inner .btnArea .btn span:hover,  .btn span:focus{background:#999}

.pop-close {position:absolute; right:0; top:20px; overflow:hidden; text-indent:-9999px; width:42px; height:42px; }
.pop-close:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../img/sub/modal_close_bul.png) no-repeat;}


/* 연구자료*/
 /*span:first-of-type { margin-left: 0; }*/
 .year {display:inline}
 .year span.form-select { min-width: 8rem; position: relative; display: inline-block; vertical-align: middle; height: 2rem;  }
 .year 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"; }
 .year span.form-select select { background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1; border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
 .year span.form-select select::-ms-expand { display: none; }


												
/*공지&faq 페이지정보*/
.board_com { /*position: relative; */margin-bottom: .5rem; }
.board_com::after { content: ""; clear: both; display: table; }
.board_com .PageInfo { float: left; margin-top: 8px; }
.board_com .PageInfo > span {display: inline-block;}
.board_com .PageInfo strong, .board_com .PageInfo b { color: #333; }
.board_com .PageInfo .current { position: relative; padding-left: .5rem; margin-left: .4rem; }
.board_com .PageInfo .current::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_com .PageInfo span.total b, .board_com .PageInfo span.current b, .board_com .PageInfo span.current strong { color: #1446ac }


/*공지&faq 검색*/
.board_com .SearchWrap { float: right; text-align: right; position: relative; font-size: .75rem; }

.board_com fieldset { clear: both; display: table; width: 100%; position: relative; overflow: hidden; }
.board_com fieldset select, .board_com fieldset input, .board_com fieldset button { border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
.board_com fieldset span { display: inline-block; vertical-align: middle; height: 2rem; }
.board_com fieldset span:first-of-type { margin-left: 0; }
.board_com fieldset span.form-select { min-width: 7.5rem; position: relative; }
.board_com 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_com fieldset span.form-select select { background-color: transparent; -webkit-appearance: none; position: relative; }
.board_com fieldset span.form-select select::-ms-expand { display: none; }
.board_com fieldset span.form-input { width: 13rem; }
.board_com fieldset span.form-input input { padding-right: 3rem; }
.board_com fieldset span.form-btn { min-width: 2rem; margin-left: -3rem; }
.board_com fieldset span.form-btn button { background-color: #555; border: #555; color: #fff; padding: 0 .85rem;}



/* select?*/
 /*span:first-of-type { margin-left: 0; }*/
 span.form-select { min-width: 8rem; position: relative; display: inline-block; vertical-align: middle; height: 2rem;  }
 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"; }
 span.form-select select { background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1; border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
 span.form-select select::-ms-expand { 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; }


/***12.11 통합검색 추가***/
/* 통합검색 결과 */

.search-result .title {display: block; margin: 1.5rem 0 0; font-size: 1.2rem; font-weight: 600; color: #0c43b7; border-bottom:1px solid #000; padding-bottom:.8rem}
.search-result .title span.point {color: #6380b6!important; margin-left:.3rem}
.search-result .list {}
.search-result .list li {padding: 1.25rem 0; border-bottom: 1px solid #ddd;}
.search-result .list li a {display: block;}
.search-result .list li strong {display: block; margin-bottom: 0.5rem; font-size: 1rem; font-weight: 400; color: #000;}
.search-result .list li strong.link::after {display: inline-block;position: relative;top: 1px;font-family: xeicon;vertical-align: top;margin: 0 0 0 .3rem;color: #999;content: "\e980";}
.search-result .list li strong span.part{border-radius:30px;padding:0 .5rem;border:1px solid #999;margin-right:.5rem}
.search-result .list li strong span.word_col{color:#0c43b7!important;}
.search-result .more {display: block; height: 3rem; margin: 0 0 3.5rem; border-bottom: 1px solid #ddd; background-color: #f9f9f9; font-size: 0.75rem; color: #767676; text-align: center; line-height: 3rem;}
.search-result .more.mBnone{margin-bottom:0 !important;}
.search-result .more i {color: #000;}
.search_content {border-top: 1px solid #000;}
.search_content dt {padding: 1.25rem 0; border-bottom: 1px solid #ddd;}
.search_content dt a {display:block;margin-bottom: 0.5rem; font-size: 1rem; font-weight: 400; color: #000;}


.search-result .list li li { display: inline-block;border-bottom:0 !important; padding-top:.1rem !important; padding-bottom:.1rem !important;  color:#4e4e4e!important;}
.search-result .list li li ~ li { position: relative; padding-left: .5rem; margin-left: .4rem; font-size:.75rem;}
.search-result .list li 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%); }


/* 통합검색결과 없을시  */
.search_result {margin-bottom:1.5rem;background-color: #fcfcfc;text-align: center;padding: 2rem .5rem;font-size: .9rem;clear:both;margin-top:1.5rem }
.search_result dd span {font-weight:600}


/*통합검색 결과 탭*/
.tab_sy03 {float:left;padding-left: 0; margin-bottom:.5rem;margin-top:.5rem; width:100%}
.tab_sy03 > li {position: relative;display: block;float: left;margin-bottom: 7px;text-align:center;margin-right:8px}
.tab_sy03 > li > a {display: block;padding: 12px 25px;color:#555 ;margin-right: -1px;border: 1px solid #ddd;font-size:.85rem;text-align:center;background-color:#fafafa; line-height:15px; -moz-border-radius: 30px;-webkit-border-radius: 30px; border-radius: 30px;}
.tab_sy03 > li > a:hover,
.tab_sy03 > li > a:focus {background:#284562;border: 1px solid #284562;color:#fff; -moz-border-radius: 30px;-webkit-border-radius: 30px; border-radius: 30px; }
.tab_sy03 > li span{display:block;margin-top:.3rem;}

.tab_sy03 > li.active > a,
.tab_sy03 > li.active > a:hover,
.tab_sy03 > li.active > a:focus {color: #fff;cursor: default;font-weight:600; background: #284562;border: 1px solid #284562;}


/***********************/

.text_area{padding:1rem .5rem;float:left;}
.text_area p{margin-bottom:1rem}
.text_area span.point1{color:#0c43b7; font-weight:600;}
.text_area .diagram{border:1px solid #ddd; padding:1.2rem; min-height:20rem; background:#f8f9fa}
.text_area .diagram .system{width:1100px ; height:799px ;}

.text_area h3 {font-size: 1.25rem;color: #222;font-weight: 600;padding-top: .5rem; padding-left:.7rem; margin: 1rem 0 1.1rem; line-height:1.2rem;position:relative;}
.text_area h3:before{left:.1rem; top: .7rem;width: .2rem;height: .95rem;position: absolute;content: '';background: #4377c6;}
.text_area h3:after{left:.1rem; top: .7rem;width: .2rem;height: .5rem;position: absolute;content: '';background: #ddd;}

.text_area h4 {font-size: 1rem;color: #333;font-weight: 600; margin: 1.2rem 0 .8rem;padding-left:.8rem;position: relative;line-height: 1.2;}
.text_area h4:before{ top: .35rem;width: .6rem;height: .6rem;border-radius: 50%;border: .2rem solid #666d86;position: absolute;left: 0;content: '';}
    
.text_area h5{display: inline-block;position: relative;padding-left: 15px;margin-bottom:5px;font-size:.8rem;color:#555}
.text_area h5:before {display: inline-block;position: absolute; left:.2rem;top: .7rem;width: .25rem; height: .25rem;  background: #c7c7c7; border-radius: 50%;content: "";      }
.text_area p.space {width: 97.5%;margin: 0 auto;margin-bottom:1rem}


.tstyle_write ul.head{width:100%; text-align:left;display: inline-block; }
.tstyle_write ul.head li { display: inline-block;}
.tstyle_write ul.head li ~ li { position: relative; padding-left: .5rem; margin-left: .4rem; }
.tstyle_write 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%); }
.tstyle_write ul.head li strong { color: #000; font-weight: normal; padding-right: 5px; }
.tstyle_write ul.head li span { color: #777; font-weight: normal; }
.tstyle_write ul.head li.date { float:right !important; }
.tstyle_write ul.head li:last-child::before {display:none;}


/*페이지 소개*/
.contents .page_guide{}
.contents .page_guide p{display:inline-block;color: #222;font-size: .85rem;font-weight: 400;padding-bottom: .8rem; line-height:1.3rem;width: calc(100% - 1.5rem); margin-left:.2rem}
.contents .page_guide span.guide_icon:before {display: inline-block;position: relative;top: -2px;font-size:1rem;font-family: xeicon;vertical-align: top;color: #d4cac1 !important;content: "\ea84";}

/*좋아요 ty01*/
.likeit_area_ty01 {transform: translateX(50%);width: calc(100% - 110px);padding-left: 50%;margin-left: -50%;    padding-top:2.7rem;display:inline-block;}
.likeit_area_ty01 a {border:1px solid #d3e0f4; background:#f8fbff;border-radius: 15px;padding:0rem .5rem; display:inline-block; position:relative; margin-right:8px;}
.likeit_area_ty01 a span {position: relative;display:inline-block;font-size: .7rem;font-weight: 200;line-height: 30px;color:#666;padding-left: 25px;}
.likeit_area_ty01 a span:before {content: '';display:block; width:100%; height:100%; position:absolute; left:0; top:3px;background:url('../img/sub/like_icon.png') no-repeat ;}
.likeit_area_ty01 span.count{display:inline-block; position:relative; font-size:.9rem; color:#222; font-weight:400}

/*좋아요 ty02*/
.likeit_area_ty02 {transform: translateX(50%);width: calc(100% - 110px);padding-left: 50%;margin-left: -50%;  padding-top:2rem;display:inline-block;}
.likeit_area_ty02 a {border:1px solid #d3e0f4; background:#f8fbff;border-radius: 15px;padding: 0rem .5rem; display:inline-block; position:relative; }
.likeit_area_ty02 a span {position: relative;display:inline-block;font-size: .7rem;font-weight: 200;line-height: 30px;color:#666;padding-left: 25px;}
.likeit_area_ty02 a span:before {content: '';display:block; width:100%; height:100%; position:absolute; left:0; top:3px;background:url('../img/sub/like_icon.png') no-repeat ;}
.likeit_area_ty02 span.count{display:block; position:relative; font-size:.9rem; color:#222; font-weight:400;width: 3.8rem; text-align:center}

/*좋아요 ty03*/
.likeit_area_ty03 {transform: translateX(50%);width: calc(100% - 110px);padding-left: 50%;margin-left: -50%;  padding-top:1.8rem;display:inline-block;}
.likeit_area_ty03 a {border-radius: 15px;padding: 0rem .5rem; display:inline-block; position:relative; }
.likeit_area_ty03 a span {position: relative;display:inline-block;font-size: .7rem;font-weight: 200;line-height: 30px;color:#666;padding-left: 25px;}
.likeit_area_ty03 a span:before {content: '';display:block; width:100%; height:100%; position:absolute; left:0; top:3px;background:url('../img/sub/like_icon.png') no-repeat ;}
.likeit_area_ty03 span.count{display:block; position:relative; font-size:.9rem; color:#222; font-weight:400;width: 3.8rem; text-align:center}

/*좋아요 ty04*/
.likeit_area_ty04 {transform: translateX(50%);width: calc(100% - 110px);padding-left: 50%;margin-left: -50%;    padding-top:2.7rem;display:inline-block;}
.likeit_area_ty04 a {border:1px solid #d3e0f4; background:#f8fbff;border-radius: 15px;padding:0rem .5rem; display:inline-block; position:relative; margin-right:8px;}
.likeit_area_ty04 a span.like_icon {position: relative;display:inline-block;font-size: .7rem;font-weight: 200;line-height: 30px;color:#666;padding-left: 25px; margin-right:7px;}
.likeit_area_ty04 a span.like_icon:before {content: '';display:block; width:100%; height:100%; position:absolute; left:0; top:3px;background:url('../img/sub/like_icon.png') no-repeat ;}
.likeit_area_ty04 a span.count{display:inline-block; position:relative; font-size:.85rem; color:#222; font-weight:400;}

/*좋아요 ty05*/
.likeit_area_ty05 {transform: translateX(50%);width: calc(100% - 110px);padding-left: 50%;margin-left: -50%;  padding-top:2rem;display:inline-block;}
.likeit_area_ty05 a {border:1px solid #d3e0f4; background:#f8fbff;border-radius: 3px;padding: 0rem .5rem; display:inline-block; position:relative; }
.likeit_area_ty05 a span {position: relative;display:inline-block;font-size: .7rem;font-weight: 200;line-height: 30px;color:#666;padding-left: 25px;}
.likeit_area_ty05 a span:before {content: '';display:block; width:100%; height:100%; position:absolute; left:0; top:3px;background:url('../img/sub/like_icon.png') no-repeat ;}
.likeit_area_ty05 span.count{display:block; position:relative; font-size:.9rem; color:#222; font-weight:400;width: 3.8rem; text-align:center}



/** 추가 2021.01.20 **/

/* 검색결과제한 초기화  btn*/
#lnb .btn_area{padding:.6rem 0 .8rem;  }
#lnb a.resetBtn {display: inline-block;padding:5px 10px 5px 30px;border: 1px solid #e1e1e1;color: #949494;font-size: .75rem;line-height: 1.2rem;text-decoration: none; position:relative; width:100%; text-align:center;}
#lnb a.resetBtn:before {content: '\e973'; color: #333;font-family: "xeicon";font-size: .85rem; position: absolute; left:.7rem;margin-right:.2rem; }

/* 발행기관 슬라이드 */
.slide-wrap {position: relative;width: 100%;	overflow: hidden;border-bottom:1px solid #cccfd3; margin-bottom:2rem}
.slide-wrap .tit{display:block; font-size:.83rem; color:#333; font-weight:600; padding:10px 10px; border-top:1px solid #cccfd3; }
.slider-container {position: absolute;width:100%;}
.slide {position: absolute;width: 100%;top: 0;overflow: hidden; padding:0 0 5rem}
.slider-container.animated {-webkit-transition: left .3s ease-in;transition: left .3s ease-in;}

#prev,#next {position: absolute;bottom: .7rem;z-index: 999999;display: inline-block;height: 1.5rem;width: 1.5rem;border-radius: 50%;background-position: center center;background-repeat: no-repeat;-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;}
#prev.disabled, #next.disabled { display:none;}
#prev { background-image: url('../img/sub/arrow-left-out.png'); left:.1rem}
#prev:hover { background-image: url('../img/sub/arrow-left-over.png'); }
#next {right:.1rem;background-image: url('../img/sub/arrow-right-out.png');}
#next:hover { background-image: url('../img/sub/arrow-right-over.png'); }

#lnb .slider-container  {}
#lnb .slider-container > li > .depth3_ty2{padding:8px 10px 8px 5px; border-top:1px solid #cccfd3; }
#lnb .slider-container > li > .depth3_ty2 a{position:relative; display:block; font-size:.75rem; font-weight:400;  line-height:30px; color:#333;  }
#lnb .slider-container > li > .depth3_ty2 a span{color:#7d7d7d}


.pubDate {display:block;overflow:hidden}
.pubDate .searchRange {overflow:hidden;line-height:27px}
.pubDate .searchRange span {display:inline-block;width:16px;text-align:center}
.pubDate input.inputYear{width:36%;height:30px;padding:0 5px;border:1px solid #d1d0cf;text-align:center; margin-bottom:.2rem;}
.pubDate input.pubYearBtn{ border: 1px solid #d1d0cf;color: #4c4c4c;font-size: .75rem;height: 30px; padding: 0 7px;cursor:pointer;margin-bottom:.2rem;}

.pop-close {
    position: absolute;
    right: 0;
    top: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 35px;
    height: 42px;
}

@media(max-width:1200px){
.text_area .diagram .system{width: inherit ; height: inherit;}
}

@media(max-width:1080px){
	
    #container {margin-top:3.5rem}
    #snb .nav .submenu {width:calc(33.33333% - 22px);min-width:inherit;}
	 #snb {max-width: calc(100% - 2rem); margin:auto}
    #snb .nav {height:3.2rem}
    #snb .nav .submenu button {height:3.2rem;line-height: 40px;}
    .content_info h1.tit {float:none}
    .content_info .float-right {float:none !important;margin-top:.7rem}

    #content_detail {padding: 2rem 0 5rem;margin: inherit;border-radius: inherit;box-shadow: inherit;overflow: hidden;}
    body{background: inherit;}


  
}
@media(max-width:1027px){
	
	
	
}
@media(max-width:992px){


 
}
@media(max-width:850px){

	.table-wrap.table-scroll {overflow-x:scroll}

	
}


@media(max-width:768px){

    /* 공통통합검색*/
	.board_info2 .Search_rss {float:none;background: #f9f9f9; border: 1px solid #ddd; padding: .5rem; text-align: center; width: 100%; }
	.board_info2 .page_info { margin-top: 15px; float:none}
	.board_info2 fieldset span { margin-left: 0; display: block; width: 100% !important; }
	.board_info2 fieldset span.form-input input { padding-right: 0; }
	.board_info2 fieldset span.form-btn { margin-left: 0; }
	.board_info2 .Search_box { margin-bottom:1rem; padding:.5rem .5rem .5rem; }
   .board_info2 fieldset span.form-input.W30 { width: inherit;}
	
	/* 게시판 목록 */
	div.tstyle_list > div.dhead { display: none; }
	div.tstyle_list > div.dbody > ul { padding: .5rem 0; position: relative; }
	div.tstyle_list > div.dbody > ul li.m-hidden:first-child { display: none; }
	div.tstyle_list > div.dbody > ul li.m-hidden:nth-child(2) { display: none; }
	div.tstyle_list > div.dbody > ul > li:first-child { float: left; }
	div.tstyle_list > div.dbody > ul > li { display: inline-block; vertical-align: middle; width: auto !important; padding: 0 .25rem; }
	div.tstyle_list > div.dbody > ul > li.title { font-weight: bold; /*display: block; 20201103*/ display:inherit; width: 93%; }
	.xi-subdirectory-arrow { margin-left: 0; }
/*	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 > ul > li.m-align{ padding-left:2rem; } 
	
	/* 통계자료조회 리스트 */
	.stat-input.align{left: .2rem;}/* 통계자료list-m*/
   .stat-input input[type="checkbox"] + label { margin-right: .1rem; }
	
    /* 상세 & 글쓰기 */
	.tstyle_write th, .tstyle_write td { padding: .5rem; }
	.tstyle_write tbody th { text-align: left;}
	
	 /* 연구자료목록 */
	.tbl.board.survey tbody td a { word-break:break-all;}
	
	 /* 페이징 */
	.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; }
 
    /* 통계조회 기관선택*/
	.org-sel ul > li {width:50%; font-size:.7rem}
	
	.chekB5.align{ transform:inherit; float: inherit;text-align:left; position:relative}
	.input-select{padding-left:1px;}
	
	 /* 탭메뉴*/
	.tabM > ul > li span.count {display: block;}
   .tabM > ul > li span {vertical-align: middle;line-height: 1rem; font-size:.75rem}
   .tabM > ul > li a {padding-top:10px}
	.tabM > ul.m-pB5 > li a {padding-bottom:5px !important;padding-top:3px !important}

	
	
	 /*다중선택*/
    .check-wrap.type-chip label { min-width: inherit; height:40px;  line-height:40px; margin-right:5px; width:30%}
  	
	 /*회원가입*/
    .mem-step ul {display:block;width:calc(100% - 2rem);margin:auto}
    .mem-step ul:before {width:calc(100% - 2.6rem)}
    .mem-step ul:after {display:block;clear:both;content:''}
    .mem-step li {float:left;margin-left:calc(33.3333% - 87px)}
    .mem-step li + li {padding:0}
    .mem-step li:first-child {margin-left:0}
    .mem-certi {width:100%}
	 
     /* 사용제한 정보입력*/
    .pop-userInfo .inner{background:#fff; width:100%; height:100%;}
	 
	 
   .table-wrap.head-none th,.table-wrap.head-none td {display:block;width:100%}
   .m-FRnone {float:inherit !important;}

		html { font-size: 16px; }
		
		
   /* 연구자료조회 */
	#lnb{width:100%;margin-right: inherit}
	#lnb .left-menu {margin:0 0 2rem;}
		
		
		
	/*공지&faq */
	.board_com .SearchWrap {float: none;text-align: center; width: 100%; }
	.board_com .PageInfo {float: none; margin-top: 15px; }
	.board_com fieldset span { margin-left: 0; display: block; width: 100% !important; }
	.board_com fieldset span.form-input input { padding-right: 0; }
	.board_com fieldset span.form-btn { margin-left: 0; }
 
	/*좋아요 ty02 */
	.likeit_area_ty02 {width: calc(100% - 65px);}
	/*좋아요 ty03 */
	.likeit_area_ty03 {width: calc(100% - 65px); padding-top:1.6rem;}	 
  .likeit_area_ty03 span.count{line-height:1rem}
  
  	/*발행년도 검색 입력*/
	.pubDate .searchRange span {width:5%}
	.pubDate input.inputYear{width:45%}
	
	/*이용안내*/
   .text_area .diagram{padding:.5rem;}




}
@media(max-width:640px){
    #snb .nav .submenu {display:none}
    #snb .nav .submenu:last-child {display:block;width:calc(100% - 66px)}

    /* 상세 & 글쓰기 */
   .tstyle_write tbody td.cont{padding:1rem}
	.tstyle_write tbody th, .tstyle_write tbody td{width:100%; display:block;}

	
	 /* 연구자료*/
	.year {display: inherit; margin-top:5px}
   .year span.form-select{ }

	/* 상세보기 영역 */
	.Bview tbody th {border-right:0}
	.Bview th, .Bview td {display:block;width:100%}
	.Bview .input-row {margin:-.5rem 0 0}
	.Bview .input-row .col-xs-12 {padding:.5rem 0 0}
	
	
	
	.select-form:before, .select-form:after {top:1.2rem}

	/*통합검색 결과 탭*/
	.tab_sy03 > li{margin-bottom:5px}
   .tab_sy03 > li > a {padding: 7px 10px;line-height:12px; }
   .tab_sy03 > li span{margin-top:.2rem;}


}


@media(max-width:600px){
    .likeit_area_ty01 {padding-top:2.2rem;}

	.tstyle_write ul.head li.date { float: inherit !important; }
   .tstyle_write ul.head li:last-child{padding-left: inherit;margin-left: inherit;}	 
	 
}

@media(max-width:550px){
	
	#container {margin-top:3rem}
	
	/*발행년도 검색 입력*/	
	.pubDate .searchRange span {width:5%}
	.pubDate input.inputYear{width:40%}

@media(max-width:500px){
	
	 /* 통계조회 기관선택 */
	.org-sel ul > li {width:50%}
	
	 
	 /*좋아요 ty01*/
   .likeit_area_ty01 {width: calc(100% - 50px); padding-top:2.2rem;}
	 /*좋아요 ty04*/
   .likeit_area_ty04 {width: calc(100% - 60px);padding-top: 2.4rem;}
	
}
@media(max-width:430px){

  #container {margin-top:4.4rem}
  #snb .nav > a {display:none;}
  #snb .nav .submenu:last-child {width:100%}
  #content_detail {padding-top:2rem}
  .content_info .float-right .location,.content_info .float-right .btnPrint {display:none;}
  .content_info .float-right {float:right !important;margin-top:0}
  .content_info h1.tit {float:left;width:calc(100% - 3rem)}
  #snb {height:3.5rem}
  #snb .txt-wrap {padding-top:2.5rem}
 
  .table-wrap.head-none th, .table-wrap.head-none td {padding:1rem}
  
  /* 회원가입 */
  .mem-step ul {width:100%}
  .mem-certi {padding:1.5rem 1rem 2rem}
  .mem-certi .btn-wrap {padding:0 1rem}
  .privacy_text {padding:1.2rem .8rem;height:10rem}
  

}
@media(max-width:400px){
	
	/* 통계조회 기관선택 */
  .org-sel ul > li:last-of-type {margin-left:5rem}

  /*좋아요 ty02*/
  .likeit_area_ty02{}
  .likeit_area_ty02 a { padding: .35rem .5rem;display: inline; }
  .likeit_area_ty02 {padding-top:1.8rem;}
  /*좋아요 ty03*/
  .likeit_area_ty03 a { padding: .35rem .5rem;display: inline; }

  
}

@media(max-width:360px){
    .likeit_area_ty01 {width: 100%; padding-left:inherit}

}

@media(max-width:327px){
	
	/* 회원가입 */
  .mem-certi .btn-wrap {padding:0 .5rem}
  
  
}