@charset "UTF-8";
:lang(en) { font-family: Roboto, sans-serif; font-weight: 700 }
.header { position: relative; width: 100%; min-height: 10rem; z-index: 5; border-bottom: 1px solid #dcdcdc; background: #fff; }
.header .logo a { display: inline-block; width: 14.0rem; height: 4rem; background: url(../_Images/logo.png) no-repeat 0 50%; background-size: 100% auto; margin-top: 3.1rem; }
.header .top_util { position: absolute; right: 0; top: 3.5rem; }
.header .top_util:after { content: ""; display: block; clear: both; }
.header .top_util .link { opacity: 1; position: relative; z-index: 71; }
.header .top_util .link li {position: relative; float: left; padding: 0 1rem; position: relative; font-size: 1.5rem; line-height: 32px; font-weight: 400; }
.header .top_util .link li:after { content: ""; display: block; width: 2px; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; }
.header .top_util .link li:first-child:after { display: none; }
.header .top_util .link li:last-child { padding-right: 0px }
.header .top_util .link li a { display: block; font-size: 1.5rem; line-height: 3.2rem; font-weight: 400; position: relative; }
.header .top_util .link li .bt_logout { color: #1010EB; text-decoration: underline; }
.header .top_util .link li .bt_admin {background: url(../_Images/icon_admin.png) no-repeat left .6rem;}
.header .top_util .link li .bt_admin:hover { text-decoration:underline;}
.header .top_util .link li .bt_admin span { padding-left: 2.2rem; }
.header .top_util .link .info {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .nav { margin: 0 auto; position: relative; width: 100% }
/* .header .container,
.footer .container{max-width:1200px} */
.container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 4 }
section .desc, section .title { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.section1 .item { position: relative; overflow: hidden; }
.section1 .item p { width: 120rem; position: absolute; left: 50%; transform: translateX(-60rem); bottom: 11rem; }
/*.section1 .item a:hover .title { text-decoration: underline; }*/
.section1 .item .title { font-size: 4.2rem; font-weight: 600; color: #140f4b; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: keep-all; margin-bottom:1rem; }
.section1 .item .desc { font-size: 2.0rem; text-overflow: ellipsis; white-space: normal; }
.section1 img { height: auto; position: relative; left: 50%; transform: translateX(-50%); }
.section2 { background-color: #fff; padding-top: 0rem; }
.section2 .main-search { display: block; width: 1000px; margin: 0 auto; text-align: center; }
.section2 .main-search .tit { font-size: 2.2rem; font-weight: 400; color: #140f4b; line-height: 2.2rem; margin-top: 7rem; margin-bottom: 3rem; }
.section2 .main-search .main-search-form-wrap { position: relative; }
.section2 .main-search .main-search-form { padding: 5px 10px; border-bottom: 2px solid #140f4b; width: calc(100% - 260px); }
.section2 .main-search .main_text .input { width: calc(100% - 40px); border-color: transparent; }
.section2 .main-search .main_text .input input { width: 100%; height: 3.4rem; padding: 0 30px 0 0px; line-height: 3.2rem; font-size: 1.8rem; background-color: #fff; border: none; }
.section2 .main-search .main-search-tag { margin-top: 2rem; text-align: center; }
.section2 .main-search .main-search-tag a { margin: 5px 10px 0 10px; color: #444; }
.section2 .main-search .btn_search { position: absolute; display: block; right: 120px; top: 2px; width: 13rem; height: 5rem; margin: 0; box-sizing: border-box; padding: 0; border-radius: 50px; background: #140f4b url(../_Images/icon_search.png) no-repeat 30px; }
.section2 .main-search .btn_search span { color: #fff; padding-left: 2rem; font-size: 1.6rem; }
.section2 .main-label { float:right;  margin-top: 7rem; margin-bottom: 3rem;}
.section2 .main-search .main-search-form .info {position: absolute; display: block; right: 0px; top: 2px; height:5rem; background: url(../_Images/icon_info.png) no-repeat left 50%;}
.section2 .main-search .main-search-form .info:hover { text-decoration:underline;}
.section2 .main-search .main-search-form .info span { color: #000; padding-left: 2.6rem; font-size: 1.6rem; line-height:5rem}

/* 통합 검색 공통 검색 */
.search_box { padding: 2rem 2rem; background-color: #140f4b; box-shadow: 0 0 5px rgb(60 60 60); }
.search_box .input_box { max-width: 960px; margin: 0 auto; position: relative; }
.search_box .form_text .input { padding: 5px 50px 5px 10px; background-color: #fff; border-color: transparent; border-radius: 5rem }
.search_box .form_text input[type="text"] { }
.search_box .form_text .btn-search { position: absolute; right: 10px; top: 6px; width: 40px; height: 40px; background: url(../_Images/icon_search_bk.png) no-repeat 50%; }
.search_box .form_text .btn-search span { display: none }
.search_box .form_text .info-msg { position: absolute; display: none; color: #fff; }
.search_box .form_text .info-msg.is-none { display: block; }
.form_text { display: block; position: relative; width: 100%; }
.form_text .input { display: block; width: 100%; padding: 2px; border: 1px solid #a9a9a9; }
.form_text .in-box .input { border-color: #dcdcdc; }
.form_text input[type="text"], .form_text input[type="tel"], .form_text input[type="number"], .form_text input[type="email"], .form_text input[type="url"], .form_text input[type="password"] { width: 100%; height: 3.4rem; padding: 0 3rem 0 1.8rem; line-height: 3.2rem; font-size: 1.8rem; background-color: #fff; border: none }
.form_text input[type="text"]:disabled, .form_text input[type="tel"]:disabled, .form_text input[type="number"]:disabled, .form_text input[type="email"]:disabled, .form_text input[type="url"]:disabled, .form_text input[type="password"]:disabled { background-color: #fbfbfb; }
.form_text .info-msg { display: block; margin-top: 3px; font-size: 14px; }
#snb { width: 270px; height: 100%; float: left; margin-bottom: 3rem }
#snb+#content { float: left; margin-left: 40px; position: relative }
#content { width: 890px; height: 100%; margin: 0 auto }
#content h2 { display: block; font-size: 2.6rem; font-weight: 600; margin-top: 1rem; margin-bottom: 1rem; vertical-align: middle; }
.main { position: relative; width: 100%; overflow:hidden; }
.color_sky { color: #1010eb; }
.data-view-result { position: relative; padding: 3rem; margin: 0 !important; margin-bottom: 2rem !important; font-weight: 400; border: 1px solid #dcdcdc; border-radius: 1rem; }
.data-view-result .item_num {font-size: 2rem; font-weight: 700;}
.data-view-result .title { margin: 1rem 0 1rem 0;  font-weight: 600; overflow: hidden; }
.data-view-result .text { margin-bottom: 1.5rem; font-size: 1.6rem; overflow: hidden; /*text-overflow:ellipsis; white-space:nowrap;*/ }
.data-view-result .title1 { font-weight: 600; }
.data-view-result p {margin-bottom: 0.7rem; }
.data-view-result .graph-search { position: absolute; right: 3rem; top: 3rem; display: block; padding: .5rem 3rem; border: 1px solid #1010eb; border-radius: 50px; font-size: 1.6rem; color:#1010eb; font-weight:600; text-align:center;}
.data-view-result .graph-search:hover { color: #1010eb; transition: all .25s; }
.data-view-result .graph-search .icon_IFU { width:3rem; height:2.6rem; background: url(../_Images/icon_IFU.png) no-repeat 50% 50%; display: inline-block;vertical-align: middle; margin-right: 0.5rem; }
.data-view-result .graph-search span { vertical-align:middle;}
.data-view-result .graph-search .bt { display:block; font-size: 1.4rem; line-height:1.6rem;}

.data-view-result .p_code a { font-weight: 600; color: #1a78f7; }
.data-view-result .p_code .bt_more { font-weight: 400; color: #1010eb; padding: 0 1rem; cursor: pointer }
.data-view-result .p_code .bt_more:hover { text-decoration: underline; }
.data-view-result .p_code .more { display: none; }
#contentWrap { padding-top: 3rem }
#contentWrap::after { content: ""; display: block; clear: both }
#snb .title { font-size: 2.4rem; color: #242427; font-weight: 700; position: relative; padding: 0 0 2.6rem; border-bottom: 2px solid #242427 }
#snb .title span { position: relative; z-index: 1 }
#snb .nav { margin-bottom: 1rem; border-top: 1px solid #140f4b; border-bottom: 0px solid #140f4b; }
#snb .nav .depth2 { }
#snb .nav .depth2>li { position: relative; border-bottom: 1px solid #dcdcdc; }
#snb .nav .depth2>li~li { }
#snb .nav .depth2>li>a { display: block; padding: 1.8rem 1.5rem 1.5rem 1.5rem; font-size: 1.7rem; font-weight: 600; letter-spacing: -1px; position: relative; z-index: 1 }
#snb .nav .depth2>li.active>a { }
#snb .nav .depth2>li.is-depth3:hover>a::before { transform: rotate(180deg) }
#snb .nav .depth2>li.is-depth3.active>a::before { transform: rotate(180deg); color: #3C3C3C }
#snb .nav .depth2>li.active .depth3 { display: block }
#snb .nav .depth2>li .depth3 {
margin:-.7rem 0 0 1rem; display: block; padding:0 .5rem 1.8rem .75rem
}
#snb .nav .depth2>li .depth3>li { margin-top:.5rem
}
#snb .nav .depth2>li .depth3>li.active { }
#snb .nav .depth2>li .depth3>li>a { display: block; position: relative; font-size: 1.5rem; padding:.3rem 0 .3rem .8rem
}
#snb .nav .depth2>li .depth3>li>a::before { content: ''; background-color: #555; width: 5px; height: 1px; position: absolute; left: 0; top: 1.1rem }
#snb .nav .depth2>li .depth3>li>a:hover { }
#snb .nav .depth2>li .depth3>li~li { }
#snb .nav .depth2>li .depth3 .form-check-label { cursor: pointer; padding-left: 0.7rem; margin-bottom: 0; }
#snb .nav .depth4 { display: none }
.check_box { display: block; position: relative; padding-left: 2.5rem; margin-bottom: 12px; cursor: pointer; font-size: 1.6rem; user-select: none; }
/* Hide the browser's default checkbox */
.check_box input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.check_box .checkmark { position: absolute; top: 0; left: 0; height: 2rem; width: 2rem; background-color: #eee; border-radius:.3rem
}
/* On mouse-over, add a grey background color */
.check_box:hover input ~ .checkmark { background-color: #ccc; }
/* When the checkbox is checked, add a blue background */
.check_box input:checked ~ .checkmark { background-color: #1010eb; }
/* Create the checkmark/indicator (hidden when not checked) */
.check_box .checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.check_box input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.check_box .checkmark:after {left: .7rem; top: .2rem; width: .7rem; height: 1.2rem; border: solid white; border-width: 0 .3rem .3rem 0; transform: rotate(45deg); }
.BtnArea { text-align: center; margin-top: 1rem; margin-bottom: 1rem; }
.BtnArea button { min-width: 10rem; border: 1px solid #3C3C3C; background: #fff; padding: 1.2rem 3rem; font-weight: 600; border-radius: 5rem }
.BtnArea button:hover { border-color: #3C3C3C; transition: all .2s; }
.BtnArea .btn_submit { background: #fff; border: 1px solid #3C3C3C; font-weight: 500 }
.BtnArea .btn_submit:hover { background: #3C3C3C; color: #fff; }
.BtnArea .btn_list { background: #3C3C3C; color: #fff; border: 1px solid #3C3C3C; font-weight: 500 }
.BtnArea .btn_list:hover { background: #fff;  }
/*페이징*/
.board_pager { position: relative; font-size: 1.5rem; margin-top: 2rem; margin-bottom: 1rem; }
.m3auto { margin: 3rem auto; }
.board_pager .inner { display: table; margin: 0 auto;}
.board_pager a { border-radius: 50%; width: 3.2rem; height: 3.2rem; text-align: center; background-color: transparent; border: 1px solid #dcdcdc; display: inline-block; vertical-align: middle; line-height: 3.2rem; margin: 0 2px; text-decoration: none; }
.board_pager a:hover { background-color: #F5F5F5; transition: all .25s; }
.board_pager .pageNone { border-color: transparent; }
.board_pager .pageNone:hover { border-color: #dcdcdc; transition: all .2s; }
.board_pager .pageNow, .board_pager .pageNow:hover { background-color: #1010eb;}
.board_pager .pageNow strong { color: #fff; }
.board_pager + .survey { margin-top: 10rem; }
.board_pager i { font-size: 2rem; margin-top: .5rem;
color: #777; }
.board_pager .pagePrev { background: url(../_Images/icon_prev.png) no-repeat 50%; }
.board_pager .pageNext { background: url(../_Images/icon_next.png) no-repeat 50%; }
.board_pager .pagePrev2 { background: url(../_Images/icon_prev2.png) no-repeat 50%; background-size:10px; }
.board_pager .pageNext2 { background: url(../_Images/icon_next2.png) no-repeat 60%; background-size:10px; }

.board_pager ul { list-style: none;display:inline-block;}
.board_pager li { float: left; }

.content .board_info { overflow: hidden; margin-bottom: 0rem }
.content .board_info .board_pager a.icon_rss { display: none; }
/*페이징 정보*/
.board_info { position: relative; margin-bottom: 2rem; }
.board_info::after { content: ""; clear: both; display: block; }
.board_info .page_info { display:inline-block; font-size: 1.6rem; margin-top: 1rem; margin-bottom: .5rem; }
.board_info .page_info strong, .board_info .page_info b { font-weight:600; }
.board_info .page_info span { margin-left: 0.5rem; margin-right: 0.5rem }
.board_info .page_info .total_page { display: inline-block }
.board_info .page_info .current_page { position: relative; padding-left: 1rem; margin-left: .8rem;
display: inline-block; }
.board_info .page_info .current_page::before { content: ''; display: block; background-color: #dcdcdc; width: 1px; height: 1.4rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
/*검색*/
.board_info .Search_rss { position: relative; font-size: 1.5rem; background: #f3f3f7; padding: 1rem 0rem; }
.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 div { display:inline-block; padding:.5rem 0;}
.board_info fieldset select, .board_info fieldset input, .board_info fieldset button { border: 1px solid #dcdcdc; display: block; width: 100%; height: 100%; padding: 0 1rem; border-radius: .5rem;}
.board_info fieldset span { display: inline-block; vertical-align: middle; }
.board_info fieldset span:first-of-type { margin-left: 0; }
.board_info fieldset span.form-select { min-width: 15rem; position: relative; }
.board_info fieldset span.form-select::after { content: ''; position: absolute; right: 1rem; top: 50%; width: 1.6rem; height: 3.2rem; transform: translateY(-50%); background: url(../_Images/icon_down.png) no-repeat 50%; }
.board_info fieldset span.form-select select { position: relative; -webkit-appearance: none; }
.board_info fieldset span.form-select select::-ms-expand {display: none;}
.board_info fieldset span.form-input { width: 26rem; }
.board_info fieldset span.form-input input { /*padding-right: 6rem;*/  }
.board_info fieldset span.form-btn { min-width: 4rem; }
.board_info fieldset span.form-btn button {border-radius: 50%; background: #140F4B url(../_Images/icon_search.png) no-repeat 50%; border: 0px solid #140F4B; color: #fff; padding: 0 1.8rem; height:4rem; background-size: auto 18px;}
.board_info fieldset .sort {color: #000; font-weight:600; padding-left:1.5rem; padding-right:1rem; vertical-align: middle;}

.footer { border: 0; border-top: 1px solid #dcdcdc; margin-top: 7rem }
.footer { position: relative; padding: 4rem 0 5rem; }
.footer .address_group { font-size: 1.4rem; line-height: 1.5; display: block; text-align: center; }
.footer .copyright { display: block; margin-top:.1rem
}
/* 관리자 로그인 */
.login_section { width: 400px; margin: 0 auto; }
.login_section .title { font-size: 3.5rem; font-weight: 600; color: #140f4b; overflow: hidden; text-align: center; padding: 15rem 0 5rem; }
.login_section .login_box { position: relative; margin-bottom: 15rem }
.login_section .login_box dl { width: 100%; }
.login_section .login_box dt { width: 70px; padding: 5px 0 5px 0px; font-size: 1.5rem; }
.login_section .login_box dd { width: 100%; padding: .5rem 0 3rem 0;
}
.login_section .login_box input[type='text'], .login_section .login_box input[type='password'] { width: 100%; height: 35px; border: 0px; border-bottom: 1px solid #999999; font-size: 1.6rem; padding: 0; }
.login_section .login_box .id { background: url(../_Images/icon_id.png) no-repeat right 50%; }
.login_section .login_box .pw { background: url(../_Images/icon_pw.png) no-repeat right 50%; }
.login_section .login_box .checkbox { font-size: 1.5rem; }
.login_section .login_box .checkbox input+label { display: inline-block; }
.login_section .login_box .checkbox input+label>span { display: inline-block; }
.login_section .btn_login { display: block; width: 100%; margin-top: 1rem; margin-bottom: 10px; height: 5.5rem; line-height: 5.5rem; text-align: center; padding: 0; background: #1010EB; border: solid 1px #1010EB; border-radius: 5rem; color: #fff; font-size: 1.6rem; font-weight: 600; cursor: pointer; text-decoration: none; }
/* The checkbox */
.login_section .checkbox { position: relative; display:block; padding-left: 2.5rem; margin-bottom: 4rem; cursor: pointer; font-size: 1.4rem; user-select: none; }
/* Hide the browser's default checkbox */
.login_section .checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.login_section .checkmark { position: absolute; top: 0; left: 0; width: 2rem; height: 2rem; background-color: #fff; border: 2px solid #d0d0d0; border-radius: 5px; }
/* On mouse-over, add a grey background color */
.login_section .checkbox:hover input ~ .checkmark { background-color: #fff; }
/* When the checkbox is checked, add a blue background */
.login_section .checkbox input:checked ~ .checkmark { background-color: #fff; border: 2px solid #3C3C3C; }
/* Create the checkmark/indicator (hidden when not checked) */
.login_section .checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.login_section .checkbox input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.login_section .checkbox .checkmark:after {
left: .5rem;
top: .1rem;
width: .6rem; height: 1rem; border: solid #3C3C3C; border-width: 0 2px 2px 0; transform: rotate(45deg); }
#content_admin { width: 100%; height: 100%; margin: 0 auto }
#content_admin h2 { display: inline-block; font-size: 2.8rem; font-weight: 700; color:#001e46; margin-bottom: 1rem; margin-top: 1rem; vertical-align: middle; }
#content_admin h3 { display: inline-block; font-size: 2.2rem; font-weight: 700; color:#001e46; margin-bottom: 1rem; margin-top: 2rem; vertical-align: middle; }
#content_admin .title_info { position: relative; overflow: hidden;}
#content_admin .side { float: right; text-align: right; margin-top: 1rem; margin-bottom: 1rem; }
.btn_admin { }
.btn_admin a, .btn_admin button { display: inline-block; margin:.2rem 0rem; padding: 0 2rem; border: 0px solid #1010EB; border-radius: .5rem; font-size: 1.5rem; font-weight: 600; color: #fff; line-height: 3.8rem; box-shadow: 0px 1px 1px #e8e8e8; background: #1010EB; background: linear-gradient(#1010EB, #1010EB); }
.btn_admin button:active, .btn_admin a:active { }
.btn_admin a[disabled="disabled"], .btn_admin a[disabled="disabled"]:active, .btn_admin button[disabled="disabled"], .btn_admin button[disabled="disabled"]:active { border: 0px solid #cecece; color: #acacac; box-shadow: 0px 0px 0px #e8e8e8; background: #f1f1f1; background: linear-gradient(#eee, #f6f6f6); filter: none; }
.bt_viewM { overflow:hidden; position:absolute;}

div.tstyle_list, div.tstyle_view, .galleryList, .writeForm, .listFaq, .fc .fc-view { border-top: 2px solid #140F4B; }
div.tstyle_list, .galleryList, .list_board, .writeForm, .listFaq { position: relative; margin-bottom:1rem;}
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; overflow: hidden; margin: 0; }
div.tstyle_list > div > ul > li { display: table-cell; /*min-height:44px;*/ padding: 1.8rem .5rem;
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 #777777; }
div.tstyle_list > div.dbody { font-size: 1.6rem; }
div.tstyle_list > div.dbody > ul { border-bottom: 1px solid #dcdcdc; font-size: 1.6rem; }
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 { font-weight: 600; background-color: #f9f9fb; }
div.tstyle_list > div.dbody > ul.notice .icon-notice { color: #fff; display: inline-block; border-radius: 50%; width: 3.6rem; height: 3.6rem; line-height: 3.6rem; text-align: center; background-color: #e17465; font-size: 1.3rem; }
/*div.tstyle_list > div.dbody > ul.notice li:first-child { font-weight: 600; }*/
div.tstyle_list > div.dhead > ul li.title { width: auto; text-align: center; }
div.tstyle_list > div.dbody > ul > li.title { font-size: 1.6rem; width: auto; text-align: left; }
div.tstyle_list > div.dbody > ul > li a { display: inline-block; vertical-align: middle; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
div.tstyle_list > div.dbody > ul > li a:hover {color: #1010eb; text-decoration:underline !important}
.xi-subdirectory-arrow { color: #999; font-size: 2rem; display: inline-block; vertical-align: middle; margin-left: 2rem; margin-right: .4rem;
}
.xi-lock { font-size: 2rem; display: inline-block; vertical-align: middle; margin-right: .4rem;
}
div.tstyle_list > div.dbody > ul > li.file a { display: block; border: 1px solid #1010eb; border-radius: 20px; line-height: 35px; text-align: center; font-weight: 600; color:#1010eb; white-space: normal; text-decoration:none}
div.tstyle_list > div.dbody > ul > li.file a:hover { background: #fff; color: #1010eb; transition: all .25s;text-decoration:none !important}
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:.1rem .4rem; width: auto }
div.tstyle_list > div.dbody > ul > li a.btn + .btn { margin-left:.4rem
}
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: 1.4rem; }
div.tstyle_list > div.dbody > ul > li a.btn-m { padding:.2rem 1.2rem
}
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: 2.2rem; display: inline-block; vertical-align: middle; margin-left: .8rem;
}
div.tstyle_list > div.dbody .state { font-size: 1.5rem; display: inline-block; vertical-align: middle; border-radius: 3px; padding:.5rem 1rem;
}
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; }
div.tstyle_list > div.dbody > ul > li i { font-size: 2.2rem; }
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 .W30 { width: 30% !important; }
div.tstyle_list .W40 { width: 40% !important; }
div.tstyle_list .W50 { width: 50% !important; }
div.tstyle_list > div.dbody > ul > li:before { position: absolute; left: 1rem; top:.4rem;
font-weight: 700; }
div.tstyle_list > div.dbody > ul > li.code:before { content: '제품코드'; }
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.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.name:before { content: '회원명'; }
div.tstyle_list > div.dbody > ul > li.ceo:before { content: '대표자명'; }
div.tstyle_list > div.dbody > ul > li.manager: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.tel:before { content: '전화번호'; }
div.tstyle_list > div.dbody > ul > li.fax:before { content: '팩스번호'; }
div.tstyle_list > div.dbody > ul > li.name a { text-align: center }

.tstyle_list {overflow:auto;}
.tstyle_list table { border: 1px solid #ddd; border-collapse: collapse; margin: 0; padding: 0; width: 100%; }
.tstyle_list table caption { font-size: 1.5em; }
.tstyle_list table tr {border: 1px solid #ddd; padding: .35em; }
.tstyle_list table th, .tstyle_list table td { padding: 1.4rem 1rem; border-bottom: 1px solid #ddd; text-align: center; white-space: nowrap; overflow:hidden}
.tstyle_list table thead th { font-size:1.6rem; font-weight:600; background-color: #f9f9fb;}
.tstyle_list table a{color:rgba(16,16,235,1);text-decoration:none}
.tstyle_list table a:hover, .tstyle_list table a:active, .tstyle_list table a:focus{text-decoration:underline}
.tstyle_list .left {text-align:left;}

.bt_area { display: inline-block; padding: 0 1.1rem; border: 0px solid #ddd; border-radius: 0.5rem; line-height: 4rem; font-size: 1.6rem; color:#3c3c3c !important; text-align:center;}
.bt_area:hover { color: #000; transition: all .25s; text-decoration:none !important; background:#f0f0f5 }
.bt_area .icon_trash { width:2rem; height:2rem; background: url(../_Images/icon_trash.png) no-repeat 50% 50%; display: inline-block;vertical-align: middle; margin-right: 0.2rem;}
.bt_area .icon_plus { width:2rem; height:2rem; background: url(../_Images/icon_plus.png) no-repeat 50% 50%; display: inline-block;vertical-align: middle; margin-right: 0.3rem;}
.bt_area span { vertical-align:middle;}



.board_list{ border-top:2px solid #140F4B; margin-bottom:2rem;}
.board_list select { border: 1px solid #dcdcdc; width: 100%; height: 100%; padding: 0 1rem; border-radius: .5rem;}
.board_list span.form-select { min-width: 15rem; position: relative; }
.board_list span.form-select::after { content: ''; position: absolute; right: 1rem; top: 55%; width: 1.6rem; height: 3.2rem; transform: translateY(-50%); background: url(../_Images/icon_down.png) no-repeat 50%; }
.board_list span.form-select select { position: relative; -webkit-appearance: none; }
.board_list span.form-select select::-ms-expand {display: none;}
.tstyle_write { width: 100%; border-collapse: collapse; letter-spacing: 0; position: relative; border-top: 1px solid #140F4B;}
.tstyle_write th, .tstyle_write td { font-size: 1.6rem; padding: 1.2rem 2rem; border-bottom: 1px solid #dcdcdc; word-break: keep-all; }
.tstyle_write tbody th { color: #333; text-align: left; background-color: #f9f9fb; font-weight: 600; font-size: 1.6rem; line-height:2.2;  }
.tstyle_write tbody th #smallMSG { text-align: left; font-size: 1.1rem; font-weight: normal; line-height: 1.1; padding-left: 12px;}
.tstyle_write tbody th label { position: relative; }
.tstyle_write tbody th label .star { color: #ED0917; margin-left: .4rem; position: absolute; left: -1.5rem; top: 0; }
.tstyle_write tbody tr td { font-size: 1.6rem; text-align: left;border-left: 0px solid #dcdcdc; }
.tstyle_write tbody tr td input { width: 100%; }
.tstyle_write tbody tr td textarea { border: 1px solid #ddd; padding: .8rem 1.4rem; 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: 2.4rem; margin: .8rem 0 0 -3.6rem; }
.tstyle_write .date_term { display: inline-block; margin: 0 1rem; }
.tstyle_write .gallery_help { display: inline-block; font-size: 1.4rem; margin-left: 1rem; }
.tstyle_write .view{padding: 0.6rem 1.2rem; border:1px solid #999; background:#fff; vertical-align:middle }
.tstyle_write .view:hover,.tstyle_write .view:focus{background:#353540; color:#fff;}
.tstyle_write .select {padding: 0.6rem 0; width:10rem}
.tstyle_write .file-down { color:#1010EB; text-decoration:underline}
.tstyle_write .fileSize {font-size: 1.6rem;}
.tstyle_write .link { position: absolute;right: 0;top: 0;}
.tstyle_write .link .btn-line { font-size: 1.6rem; color:#1010EB; width: auto; min-width: 9.5rem; padding: .3rem 1rem .3rem 1rem; text-align:center;border: 1px solid #1010EB; background-color: #fff;}

.box-file-input { position:relative;}
.box-file-input label {display:inline-block; background:#ffffff; color:#1010eb; border:1px solid #1010eb; padding:0px 1.5rem; line-height:3.8rem; min-height: 3.8rem; cursor:pointer;border-radius: .5rem;}
.box-file-input label:after {content:"파일등록";}
.box-file-input .file-input {display:none;}
.box-file-input .filename{display:inline-block;	padding:1rem 0rem;}

.box-file-delete {position: relative;}
.box-file-delete label {display:inline-block; background: #ffffff; color: #ff0000; border: 1px solid #ff0000; padding: 0px 1.5rem; line-height: 3.8rem; min-height: 3.8rem; cursor: pointer; border-radius: .5rem;}
.box-file-delete label:after {content:"파일삭제";}
.box-file-delete .file-delete {display: none;}
.box-file-delete .filenamed{display: inline-block; padding: 1rem 0rem;}

.tstyle_write .form_textbox { width: 100%; height: 4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top; transition: all 0.2s; }
.tstyle_write .form_textbox:focus { border-color: #000; }

.layerpopup { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
.layerpopup .group { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100rem; max-width: calc(100% - 2rem); margin-left: auto!important; margin-right: auto!important; overflow: hidden; overflow-y: auto;/*height:50rem;*/ max-height: 90%; padding: 4rem; border-radius:1rem;
background-color: #fff }
.layerpopup .group img {max-width: 100%;}
.layerpopup .title { font-size: 2.4rem; display: block; margin-bottom: 3rem; white-space: normal }
.layerpopup .group .title { font-size: 2.4rem; margin-top: 0; margin-bottom: 2rem; padding-right: 0 }
.layerpopup .player { overflow: hidden; float: left; position: relative; width: calc(100% - 36rem); height: 36rem }
.layerpopup .player iframe { border: 0; background-color: #f5f5f5; position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.layerpopup .video .desc { overflow: hidden; overflow-y: auto; float: right; width: 34rem; height: 36rem; padding: 1rem 1.5rem 0; border: 1px solid #e4e9ee; background-color: #f9f9fb; white-space: normal; font-size: 1.6rem; color: #46464a; line-height: 1.8; text-overflow: inherit; }
.layerpopup .desc::after { display: block; width: 100%; height: 1.5rem; content: '' }
.layerpopup .close { font-size: 2.5rem; overflow: hidden; position: absolute; right: 4rem; top: 4rem; width: 3rem; height: 3rem; line-height: 3rem }
.layerpopup .close::before { transform: rotate(0); transition: all .2s }
.layerpopup .close:focus::before, .layerpopup .close:hover::before { transform: rotate(180deg) }
.layerpopup .close::before { display: block; width: 100%; height: 100%; text-align: center; line-height: inherit; color: #242427; content: ""; background: url(../_Images/icon_close.png) no-repeat 50%; }
.layerpopup.active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; width: 100%!important; height: 100%!important; transition: opacity .5s }
.layerpopup .list_table { margin-bottom: 0 }
.layerpopup .plussearch { margin-right: -6px; margin-left: -6px; overflow: hidden }
.layerpopup .plussearch div { width: 33.3%; float: left; position: relative; padding-top: 4px; padding-right: 6px; padding-left: 6px; padding-bottom: 12px; }
.layerpopup .plussearch div ul { border: 1px solid #dcdcdc; padding: 2rem; height: 20rem; overflow: auto }

.quick_nav{position:fixed;text-align:center;right: 2.5rem;bottom:2.5rem;z-index:7;opacity:0;visibility:hidden; transition:all .3s;}
.quick_nav.active{opacity:1;visibility:visible;}
.quick_nav.stick{position:absolute;bottom:13rem}
.dimm .quick_nav{right:calc(2.5rem + 17px);transition:none}
.go_top{display:block;width:7rem;height:7rem;border-radius:50%;background-color:#fff;color:#000;border: 1px solid #000; }
.go_top i { display:inline-block; width: 100%; height: 55%; background: url(../_Images/icon_arrowup.png) no-repeat 50% 100%;}
.go_top span{display:block;font-size:1.4rem;line-height:1.2}



.menu_box { padding: 2rem 2rem; background-color: #140f4b; box-shadow: 0 0 5px rgb(60 60 60); }
.menu_box .menu { max-width: 1200px; margin: 0 auto; position: relative; }

.search-nav { display:flex; }
.search-nav li { position:relative; height: 100%; align-items: center;  background: none !important;  padding: 0 3rem;}
.search-nav li a {  padding: 0.8rem 0; font-size:1.6rem; font-weight:600; color:#fff;}
.search-nav li a:hover {color:rgba(74,125,255,1); border-bottom:8px solid rgba(74,125,255,1)}

.search-nav li.on { color:rgba(74,125,255,1); border-bottom:8px solid rgba(74,125,255,1)}
.search-nav li.on a { color:rgba(74,125,255,1); }

.tab-ul li, .tab-ul li a, .table td, .table td *, .table td img, .table th, .table th *, .table-default td img { vertical-align: middle }
.tab-ul.type2 li a span:before, .tab-ul:after, .ui-process.type1:before, .ui:after { content: "" }
.tab-ul { overflow:hidden; margin:0 auto;}
.tab-ul:after { display: block }
.tab-ul li { display:inline-block; height: 100%; }
.tab-ul li * { margin: 0; padding: 0; line-height: 0 }
.tab-ul li a { display: table-cell; border: 1px solid transparent; background-image: none; color: inherit; text-align: left; cursor: pointer; transition: background-color 50ms ease-in-out; }
.tab-ul li a span { display: block; position: relative; line-height: 120% }
.tab-ul.type1 li { position: relative;}
.tab-ul.type1 li a { position: relative; height: 50px; border-color: #e1e6eb; font-size: 1.7rem; text-align: center; line-height: 1; transition: all .3s; color:#fff; }
.tab-ul.type1 li a:active, .tab-ul.type1 li a:hover { color: #000; background: #edeef5 }
.tab-ul.type1 li a span { padding:.4rem;}
.tab-ul.type1 li a span:before { display: block; position: absolute; top: 50%; right: 20px; width: 5px; height: 9px; margin-top: -5px }
.tab-ul.type1 li.on { position: relative; }
.tab-ul.type1 li.on a, .tab-ul.type1 li.on a:active, .tab-ul.type1 li.on a:focus, .tab-ul.type1 li.on a:hover { border: 2px solid #4059ab; border-left: 1px solid #4059ab; color: #4059ab; font-weight: 600; background: #fff }
.tab-ul.type1 li a:active span:before, .tab-ul.type1 li a:focus span:before, .tab-ul.type1 li a:hover span:before, .tab-ul.type1 li.on a span:before { }

.custom-input { position: relative; margin: 4rem 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: 2.8rem; margin-right: 2rem; }
.custom-input input[type="checkbox"] + label::before, .custom-input input[type="radio"] + label::before { content: ""; position: absolute; left: 0; top: 0; width: 1.9rem !important; height: 1.9rem !important; 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: .9rem !important; height: .9rem !important; background-color: #333; border-radius: 50%; position: absolute; left: .5rem; top: .5rem; z-index: 2; }
.custom-input input[type="checkbox"] + label::after { width: 1.9rem; height: 1.9rem; text-align: center; background-color: #333; border: 1px solid #333; color: #fff; font-weight: normal; font-size:1.6rem; position: absolute; left: 0; top: .3rem; 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; }


 @media (max-width: 1920px) {
.section1 img { }
}
 @media (max-width: 1540px) {
.menu_ver_wrap { display: none; }
}
 @media (max-width: 1500px) {
.section1 .item a { bottom: 20rem; }
}
 @media (max-width: 1370px) {
}
 @media (max-width: 1279.98px) {
#contentWrap { padding-top: 2rem; }
.container { padding: 0; margin: 0 2rem; }
.section1 img { }
.section1 .item p { width: auto; position: absolute; left: auto; transform: none; bottom: 11rem; margin: 0 2rem; }
.section2 { padding-bottom: 5rem; }
.section2 .main-search { display: block; width: 100%; margin: 0 auto; text-align: center; }
.section2 .main-search .tit { margin-top: 5rem; }
.section2 .main_icon_wrap .main_icon li img { width: 4rem; }
.section2 .main-label { float:none; text-align:center; margin-top: 2rem;  margin-bottom: 0rem;}
#snb { width: 20%; height: 100%; float: left }
#snb+#content { margin-left: 5%; }
#content { width: 75%; }
}
 @media (max-width: 991.98px) {
html { font-size: 10px }
.header { min-height: 7rem; }
.header::before { height: 0px; }
.header .logo { padding: 1.7rem 0 }
.header .logo::before { content: ''; display: table }
.header .logo a { margin-top: 0; vertical-align: middle; width: 12rem; }
.header .top_util { top: 2.2rem; }
.header .gnb_util { margin-top: 0; }
#topPopup { display: none !important; }
.slick-dots { text-align: center; }
.slick-dots li { display: inline-block; margin: 0 1rem; }
.section1 .item .desc em { display: block; }
.section1 img { }
.section2 .main_icon_wrap h2 { width: 100%; float: none; margin-bottom: 4rem; }
.section2 .main_icon_wrap h2 img { margin: 0 auto; display: block; width: 44rem; }
.section2 .main_icon_wrap .main_icon { width: 100%; float: none; }
.section2 .main_icon_wrap .main_icon li:nth-child(1) a::before { left: .5rem;}
.section2 .main_icon_wrap .main_icon li:nth-child(5) a::before { left: 2rem; }

.layerpopup .plussearch div ul {height: 15rem;}
.layerpopup .group { padding: 3rem 2rem; }
.layerpopup .close { top: 3rem; right: 2rem; }
.layerpopup .group .title { margin-bottom: 1rem; }
}
 @media (max-width: 767.98px) {
html { font-size: 9px }
br { display: block; }
#contentWrap { padding-top: 1.5rem; }
.slick-dots button { width: 1rem; height: 1rem; }
.section1 .item a { bottom: inherit; top: 20rem; }
.section1 .item .title { margin-bottom: 1.5rem; }
.section1 .item .title_eng { font-size: 2.5rem; margin-bottom: 1.5rem; }
.section1 .item .desc { }
.section1 .item .desc em { display: block; }
.section1 .item p { bottom: 13rem; }
.section1 img { }
.section1 .main_issue .slick-arrow { bottom: 3rem; }
.section1 .main_issue .slick-prev { right: 11rem; }
.section1 .main_issue .slick-next { right: 2rem; }
.section1 .main_issue .slick-counter { right: 5.7rem; bottom: 3.2rem; }
.section1 .main_issue [class*=control].active { left: 20px; bottom: 3.2rem; }
.section2 { padding-bottom: 0rem; }
.section2 .main-search .tit { font-size: 2rem; line-height:2.8rem; }
.section2 .main_icon_wrap .main_icon li { width: 33.33%; height: 13rem; }
.section2 .main-label { float:none; text-align:center; margin-top: 2rem;  margin-bottom: 0rem;}

#snb .nav .depth2>li .depth3 {margin:-.7rem 0 0 1rem; display: none; padding:0 .5rem .2rem .75rem}
#snb .nav .depth2>li.is-depth3>a::before { content: ''; font-size: 1.8rem; width: 3.2rem; height: 3.2rem; background: url(../_Images/icon_down.png) no-repeat 50%; display: block; position: absolute; right: 1.4rem; top: 1rem; z-index: 2; color: #aaa; transition: all .2s }
#snb { width: 100%; height: 100%; float: left; margin-bottom: 1rem; }
#snb+#content { margin-left: 0%; }
#content { width: 100%; }
#content h2 { text-align: center; font-size: 2rem; line-height: 3rem; margin-bottom: 1rem; }
#content_admin .title_info .side {float: none; text-align: left; margin-top: 0rem;}
#content_admin .title_info h2 { display:block;}
.layerpopup .plussearch div { width: 100%; }
/* 게시판 검색*/
.board_info .Search_rss { float: none; background: #fff; border: none; padding: 0; text-align: center; width: 100%; }
.board_info fieldset div { overflow:hidden; display: block; padding:.5rem 0; position:relative;}
.board_info fieldset span { margin-left: 0; }
.board_info fieldset span.form-select { width: 100% !important; display: block; margin-bottom: 1rem; }
.board_info fieldset span.form-input { width: 100% !important; float: left; margin-bottom: 1rem; }
.board_info fieldset span.form-btn { float: right; }
.board_info fieldset span.form-btn button { padding: 0 1rem; border-radius: 50%; background-size: auto 16px;}
.board_info fieldset span.form-btn { margin-left: -6rem; }
.board_info fieldset span.form-btn .btn { position:absolute; top:3.3rem; width:4rem;}

.board_info fieldset span.input {padding-right: 5rem;}
.board_info fieldset span.select {padding-right: 0rem; margin-right:5rem; width:auto !important }
.board_info fieldset .sort { text-align: left; padding: 0; padding-bottom: 1rem; display: block;}

/*listDown 리스트 ex-수상내역 */
.listDown .answer ul { column-count: 1; }
div.tstyle_list > div > ul > li { position: relative }
div.tstyle_list > div > ul > li::before { display: block; }
div.tstyle_list > div.dbody > ul > li:before { left: 0; top: 0; }
/* 게시판 목록 기본 */
.board_list {border-bottom: 1px solid #dcdcdc;}
.board_list table { table-layout: fixed; }
.board_list tr { display: block; padding: 0rem 0; border-bottom: 0px solid #dcdcdc; }
.board_list colgroup, .board_list thead { display: none; }
.board_list td { display: block; padding: 0; border: 0 none !important; text-align: left; line-height: 1.5; }
/* 게시판 목록 */
.board_list .tstyle_list td::before { margin-right: 0.5rem; font-weight: 400; content: attr(aria-label); }
.board_list .tstyle_list td.m_hidden,  .board_list .tstyle_list td[aria-label="분류"]::before,  .board_list .tstyle_list td[aria-label="첨부파일"],  .board_list .tstyle_list td[aria-label="처리상태"]::before { display: none; }
.board_list .tstyle_list td[aria-label="처리상태"] { margin-top: 0.5rem; }
.board_list .tstyle_list td[aria-label="제목"] a { font-size: 1.8rem; margin-bottom: 0.5rem; font-weight: 600; white-space: normal; }
.board_list .tstyle_list td[aria-label="제목"]::before,  .board_list .tstyle_list td[aria-label="링크"]::before { display: none; }
.board_list .tstyle_list td[aria-label="링크"] { margin-top: 0.5rem; }	/* Board list */
div.tstyle_list { width: calc(100% - 0rem); margin: auto; margin-bottom: 1rem;}
div.tstyle_list > div.dhead { display: none; }
div.tstyle_list > div.dbody > ul { padding: 2rem 0 2rem; 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: 0; text-align: left; margin-bottom:.5rem
}
div.tstyle_list > div.dbody > ul > li.code { padding-left: 10rem }
div.tstyle_list > div.dbody > ul > li.num { padding-left: 10rem }
div.tstyle_list > div.dbody > ul > li.date-01 { padding-left: 10rem }
div.tstyle_list > div.dbody > ul > li.name { padding-left: 10rem }
div.tstyle_list > div.dbody > ul > li.name a { text-align: left }
div.tstyle_list > div.dbody > ul > li.tel { padding-left: 10rem }
div.tstyle_list > div.dbody > ul > li.fax { padding-left: 10rem }
div.tstyle_list > div.dbody > ul > li.ceo { padding-left: 10rem }
div.tstyle_list > div.dbody > ul > li.y2019 { padding-left: 15rem }
div.tstyle_list > div.dbody > ul > li.y2020 { padding-left: 15rem }
div.tstyle_list > div.dbody > ul > li.percentage { padding-left: 15rem }
div.tstyle_list > div.dbody > ul > li a {}
div.tstyle_list > div.dbody > ul > li.title { display: block; font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; }
.xi-subdirectory-arrow { margin-left: 0; }
div.tstyle_list > div.dbody .state { position: absolute; right: 0; bottom: 1rem; }
div.tstyle_list > div.dbody > ul > li.file { padding: 0; }
div.tstyle_list > div.dbody > ul > li.file i { margin: 0 .5rem;
}
div.tstyle_list > div.dbody > ul > li::before { content: attr(data-title); }
div.tstyle_list > div.dbody > ul > li.file a { margin: 0 auto; margin-top: 2rem; width: 50%; }
.tstyle_write {border: 0px solid #ddd;}
.tstyle_write th {border-top: 1px solid #ddd; border-bottom: 0px solid #ddd;}
.tstyle_write th, .tstyle_write td { width:100%; display:block; padding: 1.5rem 1rem;}
.tstyle_write th {padding: 1.5rem 1rem 0rem 1rem;}
.tstyle_write td {padding: 0.5rem 1rem 1.5rem 1rem;}
.tstyle_write tbody th { background:#ffffff}
.tstyle_write tbody tr td {border-left: 0px solid #dcdcdc;}
.tstyle_write tbody tr td input#title, .tstyle_write tbody tr td input#m_add, .tstyle_write tbody tr td input#email { width: 100% !important; }
.tstyle_write .link { position:relative; display:block; margin-top:1rem}

.tstyle_list table { border: 0; }
.tstyle_list table caption { font-size: 1.3em; }
.tstyle_list table thead { border: none; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.tstyle_list table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
.tstyle_list table td { border-bottom: 1px solid #ddd; display: block; text-align: right; }
.tstyle_list table td::before { /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
content: attr(data-label); float: left; font-weight: 600; text-transform: uppercase; }
.tstyle_list table td:last-child { border-bottom: 0; }
.tstyle_list table th, .tstyle_list table td { white-space: normal; word-break: normal}
.tstyle_list .left {text-align:right;}
.quick_nav{right: 2rem}
.quick_nav.stick .sns,
.quick_nav.stick .go_nkis{display: none;}
.search-nav { display:flex; margin: auto 0; align-items: center; justify-content: center;}
.search-nav li {padding: 0 2rem;}
.bt_viewM { position:relative;}
}
 @media (max-width: 600px) {
.section1 .item .desc { font-size: 1.6rem; }
.section1 .item .title { font-size: 3.4rem; margin-bottom: 0.5rem; }
.section1 .item p { bottom: 6.5rem; }
.section1 img { height: 200px; left: 20%; }
.section2 .main-search .main-search-form { padding: 5px 10px; border-bottom: 2px solid #140f4b; width: calc(100% - 50px); }
.section2 .main-search .btn_search { position: absolute; display: block; right: 0px; top: 2px; width: 47px; height: 47px; margin: 0; box-sizing: border-box; padding: 0; border-radius: 50%; background: #140f4b url(../_Images/icon_search.png) no-repeat 50%; }
.section2 .main-search .btn_search span { display: none; }
.section2 .main-search .main-search-tag {margin-top: 5rem;}
.section2 .main-search .main-search-form .info { width: 100px; right: calc(50% - 50px); top:5.8rem; background:none}
.section2 .main-search .main-search-form .info span { position:relative; padding-left: 2.8rem; background: url(../_Images/icon_info.png) no-repeat left 50%; width:10rem; margin:0 auto}
/*.section2 .main-search .main-search-form .info {width: 40px; height: 47px; background: url(../_Images/icon_info.png) no-repeat 50% 50%;}*/
/*.section2 .main-search .main-search-form .info span { display: none; }*/
}

 @media (max-width: 500px) {
	 .header .top_util .link .info { width:17rem; text-align:right}
.section1 .item .desc { }
.section2 .main_icon_wrap h2 img { width: 32rem; }
.section2 .main_icon_wrap .main_icon li img { width: 4rem; }
.board_info .page_info { width: 100%; display: block; margin-top: 1rem; margin-bottom:.5rem;}
.board_info .board_pager { width: 100%; display: block; text-align: center; }
.data-view-result { padding: 2rem 1.5rem; border-radius: 1rem; }
.data-view-result .graph-search { position: relative; top: 0rem; right: 0rem; margin: 0 auto; margin-top: 2rem; width: 80%; }
.login_section { width: 100%; margin: 0 auto; }
.login_section .title { padding: 7rem 0 3rem; }
.login_section .login_box { margin-bottom: 7rem }

}
 @media (max-width: 360px) {
}
 @media (max-height: 700px) {
}