@charset "utf-8";

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html{-webkit-text-size-adjust:100%}
body {padding:0; margin:0; font-size:16px; line-height:1;  font-family: 'Spoqa Han Sans Neo', 'sans-serif', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; color:#333; width:100%; font-weight:400}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0}
img {border:none}

/* 링크 */
a, a:link {color:#333; text-decoration: none} 
a:visited {color: #333; text-decoration: none}
a:hover {color:#333; text-decoration: none}
a:focus {color:#333; text-decoration: none}
a:active {color:#333; text-decoration: none}
ul {list-style:none; margin:0; padding:0}
select {font-size:12px; height:22px}
table {width:100%; border-collapse:collapse}
caption {display:none}

#wrap {width:100%; position:relative; overflow-y:hidden; margin:0 auto}
#wrap.main {}

#_header {width:100%; height:210px; background:#fff; z-index:200; box-sizing:border-box; font-size:0;  position:fixed; top:0; left:0; border-bottom:#eee solid 1px}
#_header.fixed  {position:fixed; top:0; transition:all 0.3s linear; background:#fff; box-shadow:0 5px 12px rgb(0 0 0 / 5%);}
#_header.nofixed {position:fixed; top:-200px; transition:all 0.3s linear;} 
#_header:after {content:''; width:100%; height:1px; background:#e3e4e8; position:absolute; top:126px; left:0; opacity:0; transition:all 0.3s;}

#_header .top {background:#e5e5e5; height:40px}
#_header .top .t_inner {max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; position:relative}

#_header .go-site {max-width:100%; height:40px; background:#5a61a9; box-sizing:border-box; vertical-align:middle; min-width:200px; font-size:16px; display:inline-block; -webkit-appearance:none;  -moz-appearance:none; appearance:none; position:relative}
#_header .go-site > a.active {background:url("/images/comm/arrow.png") no-repeat 90% 50%}
#_header .go-site > a {display:block; box-sizing:border-box; padding:0 20px; line-height:40px; color:#fff; font-weight:500; letter-spacing:-1px; background:url("/images/comm/arrow_off.png") no-repeat 90% 50%; transition:all 0.3s; text-align:left}
#_header .go-site > ul {position:absolute; top:40px; left:0; min-width:200px; display:none; background-color:#f7f7f7; box-sizing:border-box; height:100px; overflow-y:scroll; z-index:100}
#_header .go-site > ul > li > a{display:block; border:1px solid rgba(255,255,255,0.2); width:100%; height:50px; line-height:38px; padding-left:10px; font-size:13px; letter-spacing:-2px; width:100%;border-bottom:0; box-sizing:border-box; font-weight:400; text-align:left}
#_header .go-site > ul > li > a:focus {border:#555 solid 2px}

#_header .t_menu {font-size:0; margin-left:-20px; display:flex; align-items:center}
#_header .t_menu a {display:block; font-size:16px; position:relative; margin-right:18px}
#_header .t_menu a+a {padding-left:18px}
#_header .t_menu a+a:before {content:''; width:3px; height:3px; border-radius:50%; background:#828282; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#_header .t_menu button {display:block; width:90px; height:40px; color:#fff; background:#5a7ba9; text-align:center; font-size:16px; letter-spacing:-1px}
#_header .t_menu button.all_menu {background:#5aa9a4}

#_header .font_size {font-size:0; margin-left:-20px; display:flex; align-items:center; position:absolute; right:-100px; top:5px}
#_header .font_size button {display:block; width:30px; height:30px; color:#fff; background:#5a61a9; text-align:center; font-size:0; letter-spacing:-1px; border-radius:5px}
#_header .font_size button+button {margin-left:2px}
#_header .font_size button.zoomout {background:#5a7ba9}
#_header .font_size button.zoomreset {background:#5aa9a4}

#_header ._inner {width:100%; max-width:1400px; position:relative; margin:0 auto; padding-top:35px; box-sizing:border-box; font-size:0}
#_header h1 {font-size:0; text-align:center}


#_header .gnb {position:relative; margin-top:15px}
#_header .gnb > ul {z-index:10; box-sizing:border-box; font-size:0; position:relative; display:flex; justify-content:space-between}
#_header .gnb > ul > li {position:relative; vertical-align:top; text-align:center}
#_header .gnb > ul > li > a {font-size:21px; font-weight:700; text-align:center; display:block; height:50px; padding-top:20px}
#_header .gnb > ul > li > a:hover {color:#5a61a9}
#_header .gnb > ul > li > a:before {content:""; width:0; left:50%; position:absolute; bottom:0; height:4px; background:#5a61a9; border-radius:5px; transition:0.5s; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%)}
#_header .gnb > ul > li.active > a:before,
#_header .gnb > ul > li:hover > a:before {width:100%}

#_header .gnb > ul > li > ul {padding:0 10px; position:absolute; top:70px; left:50%; transform:translateX(-50%); display:none; border:1px solid #5a61a9; box-sizing:border-box; width:250px; background:#fff; border-radius:10px; z-index:5}
#_header .gnb > ul > li > ul > li {line-height:25px; padding:10px; border-bottom:1px solid #e3e3e3; box-sizing:border-box}
#_header .gnb > ul > li > ul > li > a {font-size:17px}
#_header .gnb > ul > li > ul li a:hover {color:#5a61a9; font-weight:500}

#_header .btn_mobile {cursor:pointer; width:40px; height:40px; background:#fff; border:1px solid #999; box-sizing:border-box; position:absolute; top:50%; transform:translateY(-50%); right:10px; display:none}
#_header .btn_mobile span,
#_header .btn_mobile span:before,
#_header .btn_mobile span:after {height:3px; width:18px; background:#151515; position:absolute; display:block; content:''; border-radius:10px; font-size:0; left:8px}
#_header .btn_mobile span {top:50%; margin-top:-1.5px}
#_header .btn_mobile span:before {top:-8px; width:24px; left:0} 
#_header .btn_mobile span:after{top:8px; width:24px; left:0; margin-top:0}
#_header .btn_mobile span,
#_header .btn_mobile span:before,
#_header .btn_mobile span:after {transition: all 500ms ease-in-out}

#_nav {position:fixed;left:0;top:0;width:100%;height:0;z-index:500;font-family:nr,sans-serif;overflow:hidden;transition-delay:0.3s;display:none;}
#_nav ._bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; background:rgba(0,0,0,0.6); transition:0.5s; opacity:0;}
#_nav ._inner {position:absolute; left:-30px; top:0; width:100%; background:#093654; height:100%; overflow:auto; z-index:5; transition:0.5s; opacity:0;}
#_nav ._nav-close {position:absolute;right:10px;top:15px;z-index:10;width:40px;height:40px;border:none;background:#fff url('/images/comm/close.png') center no-repeat;transition:0.5s;opacity:0; text-indent: -999em; border:1px solid #eaeaea}
#_nav ._top {position:relative;box-sizing:border-box;padding:15px;background:#fff}
#_nav ._top img {width:250px}
#_nav ._gnb a:hover {color:#8dfff4; text-decoration:underline}
#_nav ._gnb > li {position:relative}
#_nav ._gnb > li > a {display: block; border-bottom:1px solid rgba(255, 255, 255, 0.1); font-weight:300; font-size:16px; width:100%; color:#fff; height:auto; padding:10px; line-height:24px; box-sizing:border-box; font-weight:600; position:relative}
#_nav ._gnb > li.depth_add > a {background: url('/images/comm/up_down.png') no-repeat right 15px}
#_nav ._gnb > li.depth_add.active > a {background-color:#3483b9; background-position:right -23px}
#_nav ._gnb > li > ul {display:none}
#_nav ._gnb > li > ul > li > a {padding:10px 10px 10px 30px; border-bottom:1px solid rgba(255, 255, 255, 0.1); text-align:left; display:block; color:#fff; font-size:15px}
#_nav ._gnb > li > ul > li > a br {display:none}
#_nav ._gnb > li > ul > li > ul {display:none; background:#2a4d84; padding:5px 0}
#_nav ._gnb > li > ul > li.active > a {background-color:#3483b9}
#_nav ._gnb > li > ul > li.depth_add > a {background: url('/images/comm/up_down.png') no-repeat right 13px}
#_nav ._gnb > li > ul > li.depth_add.active > a {background-color:#3483b9; background-position: right -23px}
#_nav ._gnb > li > ul > li > ul > li > a {padding:8px 0 8px 50px; text-align:left; display:block; color:rgba(255, 255, 255, 0.64); font-size:14px; position:relative}
#_nav ._gnb > li > ul > li > ul > li > a:before {content:''; position:absolute; width:2px; height:2px; background-color:#fff; top:50%; left:42px; transform:translateY(-50%)}
#_nav ._gnb > li > ul > li > ul > li.active > a {color:#8dfff4; text-decoration:underline}

#_nav ._tnb_rig {margin-top:30px; width:100%; text-align:center; margin-left:-10px}
#_nav ._tnb_rig li {display:inline-block}
#_nav ._tnb_rig li a {display:block;margin-left:10px;font-size:12px;color:#fff;text-align:center;}
#_nav ._tnb_rig li a span {display:block;padding-top:8px;}
#_nav ._tnb_rig li:first-child {margin-left:0}
#_nav ._tnb_rig li:first-child a span {padding-top:7px}

#_nav .m_log {margin-top:20px; width:100%; text-align:center; margin-left:-10px}
#_nav .m_log li {display:inline-block}
#_nav .m_log li a {display:block;margin-left:10px;font-size:12px;color:#757575;text-align:center;}


._mnav-on #_nav {height:100%;transition-delay:0s;}
._mnav-on #_nav ._bg {opacity:1;}
._mnav-on #_nav ._inner {opacity:1;left:0;}
._mnav-on #_nav ._nav-close {opacity:1;}

.right_fixed {position:fixed; top:20%; right:30px; display:flex; flex-direction:column; gap:10px; justify-content:center; align-items:center; box-sizing:border-box; z-index:200; padding-top:50px; width:50px}
.right_fixed a {text-align:center}
.right_fixed .off, .right_fixed .on {display:block; position:absolute; left:50%; transform:translateX(-50%); top:0; transition:0.3s;}
.right_fixed .off {display:none;}

.right_fixed span {background:#5a7ba9; color:#fff; font-size:14px; font-weight:700; padding:5px 10px; border-radius:20px; position:relative; display:block}
.right_fixed span::before {content:''; width:12px; height:10px; background:url('/images/comm/q_btn.png') no-repeat; position:absolute; left:50%; transform:translateX(-50%); bottom:-15px}

.right_fixed .on span::before {transform:rotate(180deg) translateX(50%); }

.right_fixed ul li+li {margin-top:10px}

/* all-menu */
.all-lnb {position:fixed;left:calc(50% - 700px);top:40px;width:1400px; height:600px; background-color:rgba(256,256,256,1); box-sizing:border-box;z-index:9999999;display:none; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); padding:30px}
.all-lnb .inner > h2 {margin:30px auto; position:inherit; text-align:center}
.all-lnb .inner > a {width:30px;height:30px;display:block; position:absolute; right:40px; top:30px}
.all-lnb .inner > ul{font-size:0;text-align:center;letter-spacing:-.2px; position:relative; margin-top:50px}
.all-lnb .inner > ul > li {position:relative}
.all-lnb .inner > ul > li:before {display:block; content:""; border-right:#eee solid 1px; height:360px; position:absolute; top:0; right:0}
.all-lnb .inner > ul > li:last-of-type::before {border-right:none}
.all-lnb .inner > ul > li{display:inline-block;vertical-align:top; width:14.28%; padding:0 10px; text-align:center; box-sizing:border-box}
.all-lnb .inner > ul > li > a {display:block;font-size:20px;line-height:1;text-align:center; color:#5a61a9; font-weight:700}
.all-lnb .inner > ul > li > ul{margin-top:20px;}
.all-lnb .inner > ul > li > ul > li{}
.all-lnb .inner > ul > li > ul > li > a {display:inline-block;font-size:16px;line-height:1.3;padding-top:10px;transition:all 0.3s;border-bottom:1px solid transparent;}
.all-lnb .inner > ul > li > ul > li > a:hover{font-weight:bold;border-bottom:1px solid #ddd;}
.all-lnb .inner > ul > li > ul > li.on > a{font-weight:bold;border-bottom:1px solid #ddd;}

/*통합검색*/
.modal_search {width:860px; height:300px; display:none; box-sizing:border-box; padding-top:130px; font-size:0; position:relative}
.modal_search p {font-size:40px; color:#fff; margin-bottom:50px}
.modal_search .keyword {width:630px; height:60px; background:#fff; box-sizing:border-box; border:none; display:inline-block; padding-left:20px; font-size:16px}
.modal_search .btn_search {width:130px; height:60px; background:#5a61a9; font-size:20px; color:#fff; border:none; display:inline-block; margin-left:20px}
.modal_search a {position:absolute; top:0; right:0}


footer {background:#e5e5e5; padding:50px 10px}
footer .bottom {max-width:1400px; margin:0 auto; position:relative; display:flex; flex-wrap:wrap; font-size:16px}

footer .left {width:calc(100% - 280px)}
footer .right {width:280px; text-align:right}

footer .link {box-sizing:border-box; margin-bottom:30px}
footer .link a {font-size:18px; font-weight:600}

footer .addr {margin-bottom:30px}
footer .addr:after {content:""; clear:both; display:block}
footer .addr li {float:left; margin-top:10px; margin-right:20px; line-height:1.2}
footer .addr li:nth-child(4) {clear:both}

footer .family-site {max-width:100%; height:50px; background:#fff; box-sizing:border-box; vertical-align:middle; min-width:200px; font-size:16px; display:inline-block; border-radius:5px; -webkit-appearance: none;  -moz-appearance: none; appearance: none; margin-bottom:40px; position:relative}
footer .family-site > a.active {background:url("/images/comm/arrow.png") no-repeat 90% 50%}
footer .family-site > a {display:block; box-sizing:border-box; padding:0 20px; line-height:50px; background:url("/images/comm/arrow_off.png") no-repeat 90% 50%;transition:all 0.3s; text-align:left}
footer .family-site > ul {position:absolute; bottom:50px; left:0; min-width:200px; display:none; background-color:#f7f7f7; border-radius:10px 10px 0 0; box-sizing:border-box; height:180px; overflow-y:scroll; z-index:100; padding-top:10px}
footer .family-site > ul > li > a{display:block;border:1px solid rgba(255,255,255,0.2); width:100%; height:40px; line-height:38px; padding-left:10px; font-size:16px; letter-spacing:-2px; width:100%;border-bottom:0; box-sizing:border-box; font-weight:400; text-align:left}
footer .family-site > ul > li > a:focus {border:#555 solid 2px}

footer .visit {}
footer .visit li {font-size:14px}
footer .visit li+li {margin-top:10px}
footer .visit li label {display:inline-block; margin-right:5px}
footer .visit li input {border:none; padding:10px 15px 10px 15px; width:130px; box-sizing:border-box; text-align:right; background:#fff; border-radius:5px}

.text_list1 > li {margin-bottom:10px; padding-left:15px; position:relative}
.text_list1 > li:before {content:""; display:block; background:#f1c75b; width:6px; height:6px; position:absolute; left:0; top:8px; border-radius:50%}
.text_list1 > li > ul {margin-top:10px}
.text_list1 li label {color:#277ebf; font-weight:500}
.text_list1 li.no_bg {padding-left:0}
.text_list1 li.no_bg:before {display:none}
.text_list1 li:last-child {margin-bottom:0}
.text_list1 li ul {margin-top:10px; margin-bottom:20px}
.text_list1 li li {margin-bottom:5px; padding-left:0}
.text_list1 li li:before {content:'-'; margin-right:10px}
.text_list1 li span.red {color:#f00}

.text_list2 > li {margin-bottom:10px}
.text_list2 > li > ul {margin-top:10px}
.text_list2 li label {color:#277ebf}
.text_list2 li.no_bg {padding-left:0}
.text_list2 li.no_bg:before {display:none}
.text_list2 li:last-child {margin-bottom:0}
/* table */

.table01 {position:relative}
.table01 p.info.top {margin-bottom:10px; text-align:right}
.table01 table {border-top:2px solid #5a7ba9; table-layout:fixed}

.table01 table th,
.table01 table td {padding:15px 12px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center}
.table01 table th.left,
.table01 table td.left {text-align:left}
.table01 table th.right,
.table01 table td.right {text-align:right}
.table01 table thead th {background:#ebf2fb; -webkit-print-color-adjust:exact; font-weight:600; letter-spacing:-1px}
.table01 table tbody th {background:#f9f9f9; -webkit-print-color-adjust: exact; font-weight:500}
.table01 table thead th:first-child {border-left:none}
.table01 table thead th:last-child {border-right:none}
.table01 table tbody th:first-child,
.table01 table tbody td:first-child {border-left:none}
.table01 table tbody th:last-child,
.table01 table tbody td:last-child {border-right:none}
.table01 table td .text li {position:relative; padding-left:10px}
.table01 table td .text li:before {content:""; display:block; width:3px; height:3px; border-radius:50%; background:#555; position:absolute; left:0; top:10px}
.table01 table td .text li+li {margin-top:10px}
.table01 p.info_bottom {margin-top:10px}
.table01 p.info_bottom.tar {text-align:right}

.table01.about table {border-top:2px solid #ff6666}
.table01.about table thead th {background:#ffecec}
.table01.about table tbody th {background:#fff8f8}

.sub_page .list_table {margin-bottom:50px; position: relative}
.sub_page .list_table p.info.top {margin-bottom:10px; text-align:right}
.sub_page .list_table table {border-top:2px solid #454545; table-layout:fixed}
.sub_page .list_table table th,
.sub_page .list_table table td {padding:15px 12px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center}
.sub_page .list_table table th.left,
.sub_page .list_table table td.left {text-align:left}
.sub_page .list_table table th.right,
.sub_page .list_table table td.right {text-align:right}
.sub_page .list_table table thead th {background:#f7f7f7; -webkit-print-color-adjust:exact}
.sub_page .list_table table tbody th {background:#f2f2f2; -webkit-print-color-adjust: exact}
.sub_page .list_table table thead th:first-child {border-left:none}
.sub_page .list_table table thead th:last-child {border-right:none}
.sub_page .list_table table tbody th:first-child,
.sub_page .list_table table tbody td:first-child {border-left:none}
.sub_page .list_table table tbody th:last-child,
.sub_page .list_table table tbody td:last-child {border-right:none}
.sub_page .list_table p.info_bottom {margin-top:10px}
.sub_page .list_table p.info_bottom.tar {text-align:right}


.sub_page .write_table {border-top:1px solid #454545; width:100%; margin-bottom:50px}
.sub_page .write_table table {width:100%; font-size:16px}
.sub_page .write_table table th {padding-left:10px; vertical-align:top; width:140px; line-height:30px; font-weight:600; background:#f7f7f7}
.sub_page .write_table.view table th {text-align:center}
.sub_page .write_table table th,
.sub_page .write_table table td {border-bottom:1px solid #dbdbdb; border-left:1px solid #ddd; padding:15px; box-sizing:border-box; line-height:30px}
.sub_page .write_table table th:first-child,
.sub_page .write_table table td:first-child {border-left:none}
.sub_page .write_table table th:last-child,
.sub_page .write_table table td:last-child {border-right:none}
.sub_page .write_table table th .essential,
.sub_page .write_table p .essential {display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; border-radius:50%; margin-top:-5px; margin-left:5px; vertical-align:middle; background:#e84250; font-size:0; text-indent:-1000em}
.sub_page .write_table table td.wide {padding:15px 0}
.sub_page .write_table table td img {max-width:100%}

.sub_page .write_table .opt {margin-left:-15px; font-size:0}
.sub_page .write_table .opt li {display:inline-block; margin-left:15px; font-size:16px}

.sub_page .write_table .card {margin-left:-10px; font-size:0}
.sub_page .write_table .card li {display:inline-block; margin-left:10px; font-size:16px; width: calc(25% - 10px)}
.sub_page .write_table .card li p {margin-bottom:10px}
.sub_page .write_table .card li img {max-width:100%}

.sub_page .write_table .lst li {margin-bottom:5px}
.sub_page .write_table .lst.w90 li em {width:90px; display:inline-block}
.sub_page .write_table .lst.w90 li ul li label {width:auto}
.sub_page .write_table .lst.w90 em {width:90px; display:inline-block; font-style:normal}
.sub_page .write_table .lst li:last-child {margin-bottom:0}
.sub_page .write_table p.info {margin-top:10px; font-size:16px}

.sub_page .write_table ul.captcha {margin-left:-5px; display:inline-block}
.sub_page .write_table ul.captcha li {display:inline-block; margin-left:5px; vertical-align:middle}
.sub_page .write_table ul.captcha li img {border:1px solid #ddd; height:34px; width:110px; box-sizing:border-box}
.sub_page .write_table ul.captcha li input {width:100px}

.sub_page .write_info {margin-bottom:10px; text-align:right; font-size:16px}
.sub_page .write_info .essential {display:inline-block; width:6px; height:6px; -webkit-border-radius:50%; border-radius:50%; margin-top:-5px; margin-left:5px; vertical-align:middle; background:#e84250; font-size:0; text-indent:-1000em; margin-right:5px}

.sub_page .page_nav {display:block}
.sub_page .page_nav.mobile {display:none}
.sub_page .page_nav ul {display:flex; justify-content:center}
.sub_page .page_nav ul li {border:1px solid #e0e0e0; outline:none}
.sub_page .page_nav ul li a,
.sub_page .page_nav ul li strong {font-size:14px; line-height:36px; min-width:36px; min-height:36px; display:inline-block; box-sizing:border-box; text-align:center}
.sub_page .page_nav ul li strong {font-weight:normal}
.sub_page .page_nav ul li a i {margin-right:0}
.sub_page .page_nav ul li a span {display:none}
.sub_page .page_nav ul li.pg_page {border-left:none}
.sub_page .page_nav ul li.pg_page.num_first {border-left:1px solid #e0e0e0}
.sub_page .page_nav ul li.pg_first,
.sub_page .page_nav ul li.pg_prev {margin-right:10px}
.sub_page .page_nav ul li.pg_next,
.sub_page .page_nav ul li.pg_last {margin-left:10px}
.sub_page .page_nav ul li.pg_page.num_first.pg_current,
.sub_page .page_nav ul li.pg_current {border-color:#000; border-left:1px solid #000}

@media all and (max-width:1400px){
	
	#_header ._inner {max-width:inherit; padding:35px 10px 0 10px}
	
	.right_fixed {display:none}

}

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

	#_header {height:80px}
	#_header .top {display:none}
	#_header ._inner {padding-top:20px}
	#_header .gnb {display:none}
	#_header .btn_mobile {display:block}


}

@media all and (max-width:768px){
	
	#wrap.main footer{padding:30px 10px 30px 10px}
	
	footer .left {width:100%; margin-bottom:30px}
	footer .right {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between}
	
	footer .link {margin-bottom:30px}
	
	.sub_page .write_table colgroup {display:none}
	.sub_page .write_table {margin-bottom:40px}
	.sub_page .write_table.view table th {text-align:left}

	.sub_page .write_table table th {display:block; border-bottom:none; width:100%; padding:5px 0; background:none; font-weight:bold; text-align:left}
	.sub_page .write_table table td {display:block; width:100%; padding:0; padding-bottom:15px; border-left:none}


	.sub_page .list_table {border-bottom:none; margin-bottom:40px}
	.sub_page .list_table colgroup {display:none}
	.sub_page .list_table table th {display:none;}
	.sub_page .list_table table td a {vertical-align:baseline}

	.sub_page .list_table table tbody td {display:inline-block; border:none; padding:5px; width:auto !important; position:relative}
	.sub_page .list_table table tbody td:before {margin-right:5px}
/*
	.sub_page .list_table table tbody td:after {content:''; width:1px; height:12px; background:#999; position:absolute; top:50%; transform:translateY(-50%); right:0}
	.sub_page .list_table table tbody td:first-child:after,
	.sub_page .list_table table tbody td:last-child:after,
	.sub_page .list_table table tbody td:after {display:none}
*/

	.sub_page .list_table table tbody td.title {padding-left:10px; white-space:normal; height:auto; text-align:left; display:block}
	.sub_page .list_table table tbody td.title a {font-size:16px}


	.sub_page .list_table table tbody tr {display:block; border-bottom:1px solid #ddd; padding-bottom:20px; padding-top:10px}
	.sub_page .list_table table tbody td:not(.title) {display:block; text-align:left; font-size:14px; line-height:1.2; padding:5px 10px; color:#666}
	.sub_page .list_table table tbody td.num,
	.sub_page .list_table table tbody td:last-child {border-right:none}
	.sub_page .list_table table tbody td.no_data {padding:20px 0; text-align:center; display:block; border-right:none}
	
	.sub_page .list_table table tbody td.title:before {content:"제목 :"; margin-right:5px}
	.sub_page .list_table table tbody td.writer:before {content:"저자 :"; margin-right:5px}
	.sub_page .list_table table tbody td.company:before {content:"출판사 :"; margin-right:5px}
	.sub_page .list_table table tbody td.mark:before {content:"청구기호 :"; margin-right:5px}
	.sub_page .list_table table tbody td.etc:before {content:"비고 :"; margin-right:5px}

	.sub_page .write_table colgroup {display:none}
	.sub_page .write_table {margin-bottom:40px}
	.sub_page .write_table.view table th {text-align:left}

	.sub_page .write_table table th {display:block; border-bottom:none; width:100%; padding:5px 0; background:none; font-weight:bold; text-align:left}
	.sub_page .write_table table td {display:block; width:100%; padding:0; padding-bottom:15px}

	.table01 .scroll {overflow-x:auto; width:100%}
	.table01 .scroll {position:relative; padding-top:32px; background:url('/images/comm/bg_hand.gif') no-repeat right top;}
	.table01 > div > table {min-width:860px}
	.table01 table th,
	.table01 table td {padding:15px 7px}

}


@media all and (max-width:640px){
	
	#_header h1 img {width:250px}
	
	.right_fixed {top:90%; right:10px}
	.right_fixed .gotop {width:30px; height:30px}
	.right_fixed .gotop span {bottom:-15px; font-size:10px}
	
	footer .bottom {font-size:15px}
	footer .link {margin-bottom:20px}
	footer .link a {font-size:16px}
	footer .addr li {font-size:15px}	
	footer .family-site > a {font-size:15px}
	
	footer .family-site {margin-bottom:20px}

}

@media all and (max-width:480px){
	
	footer .right {justify-content:flex-end}
	
	footer .visit {font-size:0}
	footer .visit li {display:inline-block; margin-bottom:5px}
	footer .visit li+li {margin-left:20px}
	footer .visit li input {padding:7px 10px 7px 10px; width:100px}

}

@media all and (max-width:400px){
	
	#_header h1 {text-align:left}
	
}