/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,img,strong,dl,dt,dd,ol,ul,li,table,tr,th,td,img,li,button{padding:0; margin:0;font-family: 'Pretendard-Regular';
font-size:12px; color: #333;}
html {overflow-y:scroll;}
select,input{vertical-align:middle;text-align:left;}
form legend, table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0;}
input[type=radio],input[type=checkbox],input[type=image]{margin:0;border:none;background:none;outline:none;}
textarea{font-size:12px;overflow:auto;}
fieldset,iframe{border:0 none;}
table,div{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ul,li,ol{list-style:none;}
hr{overflow:hidden;height:0;width:0;border:0 none;}
li,p,dt,dd,div,span{white-space:normal;}
body,div{font-family: 'Pretendard-Regular';;font-size:12px;color:#000000;}
input,select,textarea{padding:0; margin:0;font-family: 'Pretendard-Regular';;font-size:12px;color:#333333;border:1px solid #d7d7d7;}
input[type=text],input[type=password]{height:19px;padding:1px;line-height:19px;background-color:#ffffff;}
a{text-decoration:none;}
label{display:inline-block;cursor:pointer;}
img{border:none;}
body {overflow-x : hidden;background:#e2ded0}
/* [모바일반응형] box-sizing 통일 + 이미지 기본 반응형 처리
(기존 요소들은 그대로, 모바일 미디어쿼리에서 레이아웃만 재정의합니다) */
*{box-sizing:border-box;}
@font-face {
font-family: 'Pretendard-Thin';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Pretendard-Light';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Pretendard-Regular';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Pretendard-Medium';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Pretendard-SemiBold';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Pretendard-Bold';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
/* pc용 css */
#wrap{width:100%}
#header{width:100%;padding:0 0 5px 0 ;}
#header .gnb{height:128px;background:#fff;overflow:hidden}
#header .gnb h1{float:left;margin:15px 0 0 65px}
#header .gnb ul{float:right;margin:50px 65px 0 0}
#header .gnb li{float:left;font-size:19px;padding:0 0 40px 0;margin:10px 0 0 60px}
#header .gnb li:hover{font-weight:600;cursor:pointer;border-bottom:6px solid #339900;}
#header .gnb .admin{float:left;background:#fafafa;padding:12px 0 10px 0;width:130px;border:1px solid #5e5e5e;border-radius:25px;text-align:center;font-size:18px}
#header .gnb .admin img{vertical-align:middle}
#header .top {overflow:hidden;padding:40px 0 0 0}
#header .top li{border:3px solid #fff;cursor:pointer;width:135px;margin:0 5px;border-radius:10px;background:#fff;padding:7px 0;display:inline-block;font-size:21px; font-family: 'Pretendard-SemiBold';}
#header .top li.ov{border:3px solid #e1af00;;border-radius:10px;background:#fff;}
#header .top li:hover{border:3px solid #e1af00;;border-radius:10px;background:#fff;}
#header .top ul{text-align:center;}
#header .top p{float:right;margin:30px 200px 15px 0;font-size:22px}
#header .top span{color:#9d9d9d;margin:0 20px;;font-size:20px}
.m_category{display:none}
.m_manager{display:none}
.mcategory_menu{display:none}
#main_cts{background:#fff;margin:0 65px 80px 60px;padding:45px 130px 130px;overflow:hidden}
.search{background:#f8f8f8;overflow:hidden}
.search h2{float:left;background:#66FF99;width:175px;font-size:30px;text-align:center;padding:55px 0}
.search ul{float:left;padding:20px 0 20px 40px}
.search li{clear:both;padding:0 0 10px 0;overflow:hidden}
.search dl{float:left}
.search dt{float:left;width:74px;font-size:20px;margin:10px 0 0 0}
.search dd{float:left;}
.search input{height:43px;padding:0 0 0 10px;;font-size:20px;}
.search input.type01{width:117px;margin:0 20px 0 2px}
.search input.type01_1{width:117px;margin:0 5px 0 2px}
.search input.type02{width:790px;margin:0 20px 0 2px}
.search input.type02_1{width:792px;margin:0 5px 0 2px}
.search .search_btn1{padding:11px 20px;background:#66FF99;text-align:center;font-size:19px;font-weight:600}
.search .search_btn2{padding:11px 20px;background:#6c6c6c;color:#fff;text-align:center;font-size:19px;font-weight:600}
.search span{cursor:pointer;display:inline-block;margin:0 0 0 5px}
.search span img{vertical-align:middle}
.search p{color:#888888;font-size:18px;margin:5px 0 20px 0}
.search2{background:#fff;overflow:hidden;}
.search2 ul{overflow:hidden;}
.search2 li{clear:both;padding:0 0 10px 0;position:relative;height:240px}
.search2 dl{clear:both;height:50px;width:100%;overflow:hidden;margin:0 0 10px 0}
.search2 dt{position:absolute;left:0px;font-size:1em;margin:15px 0 0 0}
.search2 dd{font-size:1em;margin:0 0 0 70px;border:1px solid #c2c2c2;padding:0 0 0 10px}
.search2 input{height:43px;font-size:1em;border:none;}
.search2 input.type01{width:99%}
.search2 .search_btn1{position:absolute;width:100%;height:20px;top:180px;background:#6c6c6c;color:#fff;text-align:center;font-size:1.2em;font-weight:600;padding:15px 0}
.search2 .search_btn2{position:absolute;width:100%;height:20px;top:580px;padding:15px 0;background:#66FF99;color:#333;text-align:center;font-size:1.2em;font-weight:600}
.search2 h3{clear:both;background:#fff;text-align:center;font-size:1.2em;background:#f8f8f8;padding:15px;;margin:70px auto 30px auto}
.search2 span{cursor:pointer;}
.search2 p{color:#888888;font-size:1em;margin:15px 0 20px 0}
.main_bbs{margin:40px 0}
.main_bbs th{background:#f8f8f8;padding:6px 0;font-size:20px;font-weight:500;border-top:3px solid #828282;border-bottom:1px solid #828282}
.main_bbs td{text-align:center;border-bottom:1px solid #ddd;padding:10px 0}
.m_main_bbs{display:none}
.m_main_bbs td{text-align:center;border-bottom:1px solid #ddd;padding:10px 0}
.m_main_bbs td img{width:20px}
.main_bbs td img{width:50px}
.logform{border:1px solid #bdbdbd;width:600px;margin:50px auto;padding:50px 0}
.logform ul{width:380px;margin:0 auto}
.logform h2{font-size:23px;margin:20px 0}
.logform dt{}
.logform li{font-size:17px;padding:10px 0;margin:0 0 20px 0}
.logform dl input{font-size:18px;margin:0 0 10px 0;border:1px solid #b8b8b8;height:60px;width:96%;padding:0 0 0 3%}
.logform input[type="button"]{cursor:pointer;border:none;width:100%;margin:0 0 10px 0;height:70px;text-align:center;font-weight:600;font-size:25px;}
.logform input[type="button"].logform1 {color:#fff;background:#e1af00;}
.logform input[type="button"].logform2 {color:#333;background:#e7e7e7}
.logform p{text-align:center;font-size:18px;padding:10px 0 0 0}
.in_btnlist {padding:30px 0 0 0}
.in_btnlist ul{text-align:center}
.in_btnlist li{font-weight:600;width:165px;padding:15px 0;display:inline-block;border:1px solid #666666;margin:0 3px;font-size:22px;text-align:center}
.in_btnlist li.edit{background:#e2ded0}
.in_main{margin:65px 0 0 0}
.sub_side{float:left;margin:55px 0 0 0}
.sub_side .gap{letter-spacing:10px}
.sub_side li{cursor:pointer;font-weight:600;width:190px;margin:0 0 15px 0;font-size:22px;padding:20px 0 20px 80px}
.sub_side li.sm01_off{background:#f3f3f3 url(images/sub_menu_icon01.png) no-repeat 30px 50%}
.sub_side li.sm01_ov{background:#f5c417 url(images/sub_menu_icon01_ov.png) no-repeat 30px 50%}
.sub_side li.sm01_off:hover{background:#f5c417 url(images/sub_menu_icon01_ov.png) no-repeat 30px 50%}
.sub_side li.sm02_off{background:#f3f3f3 url(images/sub_menu_icon02.png) no-repeat 30px 50%}
.sub_side li.sm02_ov{background:#f5c417 url(images/sub_menu_icon02_ov.png) no-repeat 30px 50%}
.sub_side li.sm02_off:hover{background:#f5c417 url(images/sub_menu_icon02_ov.png) no-repeat 30px 50%}
.sub_side li.sm03_off{background:#f3f3f3 url(images/sub_menu_icon03.png) no-repeat 30px 50%}
.sub_side li.sm03_ov{background:#f5c417 url(images/sub_menu_icon03_ov.png) no-repeat 30px 50%}
.sub_side li.sm03_off:hover{background:#f5c417 url(images/sub_menu_icon03_ov.png) no-repeat 30px 50%}
.sub_side li.sm04_off{background:#f3f3f3 url(images/sub_menu_icon04.png) no-repeat 30px 50%}
.sub_side li.sm04_ov{background:#f5c417 url(images/sub_menu_icon04_ov.png) no-repeat 30px 50%}
.sub_side li.sm04_off:hover{background:#f5c417 url(images/sub_menu_icon04_ov.png) no-repeat 30px 50%}
.sub_side li.sm05_off{background:#f3f3f3 url(images/sub_menu_icon05.png) no-repeat 30px 50%}
.sub_side li.sm05_ov{background:#f5c417 url(images/sub_menu_icon05_ov.png) no-repeat 30px 50%}
.sub_side li.sm05_off:hover{background:#f5c417 url(images/sub_menu_icon05_ov.png) no-repeat 30px 50%}
.sub_side li.sm06_off{background:#f3f3f3 url(images/sub_menu_icon06.png) no-repeat 30px 50%}
.sub_side li.sm06_ov{background:#f5c417 url(images/sub_menu_icon06_ov.png) no-repeat 30px 50%}
.sub_side li.sm06_off:hover{background:#f5c417 url(images/sub_menu_icon06_ov.png) no-repeat 30px 50%}
.sub_side li.sm07_off{background:#f3f3f3 url(images/sub_menu_icon07.png) no-repeat 30px 50%}
.sub_side li.sm07_ov{background:#f5c417 url(images/sub_menu_icon07_ov.png) no-repeat 30px 50%}
.sub_side li.sm07_off:hover{background:#f5c417 url(images/sub_menu_icon07_ov.png) no-repeat 30px 50%}
.sub_side li.sm08_off{background:#f3f3f3 url(images/sub_menu_icon08.png) no-repeat 30px 50%}
.sub_side li.sm08_ov{background:#f5c417 url(images/sub_menu_icon08_ov.png) no-repeat 30px 50%}
.sub_side li.sm08_off:hover{background:#f5c417 url(images/sub_menu_icon08_ov.png) no-repeat 30px 50%}
.sub_side li.sm09_off{background:#f3f3f3 url(images/sub_menu_icon09.png) no-repeat 30px 50%}
.sub_side li.sm09_ov{background:#f5c417 url(images/sub_menu_icon09_ov.png) no-repeat 30px 50%}
.sub_side li.sm09_off:hover{background:#f5c417 url(images/sub_menu_icon09_ov.png) no-repeat 30px 50%}
.sub_side li.sm10_off{background:#f3f3f3 url(images/sub_menu_icon10.png) no-repeat 30px 50%}
.sub_side li.sm10_ov{background:#f5c417 url(images/sub_menu_icon10_ov.png) no-repeat 30px 50%}
.sub_side li.sm10_off:hover{background:#f5c417 url(images/sub_menu_icon10_ov.png) no-repeat 30px 50%}
.sub_side li.sm11_off{background:#f3f3f3 url(images/sub_menu_icon11.png) no-repeat 30px 50%}
.sub_side li.sm11_ov{background:#f5c417 url(images/sub_menu_icon11_ov.png) no-repeat 30px 50%}
.sub_side li.sm11_off:hover{background:#f5c417 url(images/sub_menu_icon11_ov.png) no-repeat 30px 50%}
.sub_side li.sm12_off{background:#f3f3f3;padding:20px 0 20px 50px;width:220px }
.sub_side li.sm12_ov{background:#f5c417;padding:20px 0 20px 50px;width:220px }
.sub_side li.sm12_off:hover{background:#f5c417 }
.sub_side li.sm13_off{background:#fff ;border:1px solid #b4b4b4;padding:20px 0 20px 50px;text-align:left;width:220px;}
.sub_side li.sm13_ov{background:#f5c417;border:1px solid #b4b4b4;padding:20px 0 20px 50px;text-align:left;width:220px;}
.sub_side li.sm13_off:hover{background:#f5c417 ;border:1px solid #b4b4b4;padding:20px 0 20px 50px;;text-align:left;width:220px;}
.sub_main{float:right;width:1200px;margin:0 0 0 40;position:relative}
.sub_main2{width:1200px;margin:0 auto ;position:relative}
.sub_main2 h2{font-family: 'Pretendard-Bold';font-size:40px;width:100%;border-bottom:2px solid #4c4c4c;padding:0 0 10px 0}
.sub_main2 span{position:absolute;right:0;top:0}
.sub_main2 span input{font-size:18px;padding:10px 40px;background:#f9f9f9}
.sub_main h2{font-family: 'Pretendard-Bold';font-size:40px;width:100%;border-bottom:2px solid #4c4c4c;padding:0 0 10px 0}
.sub_main span{position:absolute;right:0;top:0}
.sub_main span input{font-size:18px;padding:10px 40px;background:#f9f9f9}
.sub_main h3{border-bottom:1px solid #ddd;text-align:center;font-weight:400;background:#fdfdfd;font-family: 'Pretendard-Light';font-size:30px;width:100%;padding:30px 0 }
.sub_main h3 strong{font-size:30px;}
.sub_main .sub_tb01 th{color:#000;line-height:35px;padding:20px 0 20px 15px;font-family: 'Pretendard-Thin';font-size:20px;width:160px;text-align:left;background:#fafafa;border-bottom:1px solid #ddd;}
.sub_main .sub_tb01 td{position:relative;font-size:20px;border-bottom:1px solid #ddd;padding:13px}
.sub_main .sub_tb01 td textarea{color:#828282;font-size:17px;line-height:25px;width:850px;height:68px;padding:20px}
.sub_main .sub_tb05 th{color:#000;line-height:35px;padding:25px 0 25px 15px;font-family: 'Pretendard-Thin';font-size:20px;text-align:left;background:#fafafa;border-bottom:1px solid #ddd;}
.sub_main .sub_tb05 td{position:relative;font-size:20px;border-bottom:1px solid #ddd;padding:13px}
.sub_main .sub_tb05 td textarea{color:#828282;font-size:17px;line-height:25px;width:940px;height:68px;padding:20px}
.sub_main .m_sub_tb02{display:none}
.sub_main .sub_tb02{margin:40px 0 0 0}
.sub_main .sub_tb02 th{font-size:22px;font-family: 'Pretendard-Bold';font-weight:700;border-right:17px solid #fff;color:#000;line-height:35px;padding:10px 0;text-align:center;background:#f3f3f3;}
.sub_main .sub_tb02 th:last-child{border:none}
.sub_main .sub_tb02 td:last-child{border-right:none}
.sub_main .sub_tb02 td img{vertical-align:middle}
.sub_main .sub_tb02 td{line-height:30px;background:#fafafa;border:17px solid #fff;text-align:center;position:relative;font-size:20px;padding:20px 5px}
.sub_main .sub_tb02 td textarea{color:#828282;font-size:17px;line-height:25px;width:850px;height:68px;padding:20px}
.sub_main .sub_tb02 p{clear:left;font-size:23px;margin:0 0 20px 0}
.sub_main .sub_tb02 p b{color:#e1af00}
.sub_main .sub_tb22{margin:40px 0 0 0}
.sub_main .sub_tb22 th{font-size:22px;font-family: 'Pretendard-Bold';font-weight:700;border-right:17px solid #fff;color:#000;line-height:35px;padding:10px 0;text-align:center;background:#f3f3f3;}
.sub_main .sub_tb22 th:last-child{border:none}
.sub_main .sub_tb22 td:last-child{border-right:none}
.sub_main .sub_tb22 td img{vertical-align:middle}
.sub_main .sub_tb22 td{line-height:30px;background:#fafafa;border:17px solid #fff;text-align:left;position:relative;font-size:18px;padding:10px}
.sub_main .sub_tb22 td textarea{color:#828282;font-size:17px;line-height:25px;width:850px;height:68px;padding:20px}
.sub_main .sub_tb22 p{clear:left;font-size:23px;margin:0 0 20px 0}
.sub_main .sub_tb22 p b{color:#e1af00}
.sub_main .sub_tb03{overflow-x:scroll;margin:20px 0 0 0}
.sub_tb03 ul{float:left}
.sub_tb03 li{padding:10px 0 ;overflow:hidden;height:70px;text-align:left;margin:0 10px}
.sub_tb03 p{border:1px solid #0e050a;height:22px;font-size:18px;font-family: 'Pretendard-Bold';}
.sub_tb03 .line p{background:#f1e4b7;padding:20px 10px;width:145px}
.sub_tb03 .line2 p{background:#fef9e6;letter-spacing:-1px;padding:15px 10px 26px 10px ;width:145px}
.sub_tb03 .line3 p{background:#fef9e6;padding:20px 10px;width:145px }
.sub_main .sub_tb04{margin:20px 0 0 0}
.sub_main .sub_tb04 th{font-size:22px;font-family: 'Pretendard-Bold';font-weight:700;border:7px solid #fff;color:#000;line-height:35px;text-align:center;background:#f3f3f3;}
.sub_main .sub_tb04 th.type2{;background:#f1f1f1;}
.sub_main .sub_tb04 td.type2{;background:#f1f1f1;}
.sub_main .sub_tb04 th{background:#fafafa;}
.sub_main .sub_tb04 td{line-height:20px;background:#fafafa;border:7px solid #fff;text-align:center;font-size:20px;padding:10px}
.sub_main .sub_tb04 th:last-child{border:none}
.sub_main .sub_tb04 td:last-child{border-right:none}
.sub_main .sub_tb04 p{clear:left;font-size:23px;margin:0 0 20px 0}
.sub_main .sub_tb04 p b{color:#e1af00}
.tb_btn1 input{cursor:pointer;position:absolute;font-family: 'Pretendard-Bold';font-size:22px;right:0;top:12px;padding:10px 30px;height:110px;background:#f9f9f9}
.tb_btnlist{text-align:center;margin:30px 0}
.tb_btnlist input{width:200px;padding:17px 0;margin:0 5px;border:none;font-size:22px;font-family: 'Pretendard-Bold';text-align:center}
.tb_btnlist .tbbtn01{background:#339900;color:#333;}
.tb_btnlist .tbbtn02{background:#a2a2a2;color:#fff;}
.letter_search{background:#f8f8f8;padding:30px 0;margin:25px 0}
.letter_search .search_btn1{width:100px;padding:14px 20px;background:#66FF99;text-align:center;font-size:19px;font-weight:600}
.letter_search input{width:315px;height:48px;font-size:20px;padding:0 0 0 10px}
.letter_search ul{text-align:center}
.letter_search li{display:inline;font-size:22px;}
.letter_search p{display:inline;;margin:0 6px}
.letter_list ul{text-align:center}
.letter_list li{font-size:30px;display:inline-block;width:9.7%;text-align:center;margin:0 0.5% 10px 0.5%;padding:25px 0;border:1px solid #d9d9d9}
.bbs2{margin:30px 0 0 0}
.bbs2 th{background:#ece5cd;text-align:center;font-size:20px;height:45px;border-bottom:1px solid #c9c9c9}
.bbs2 td{text-align:center;font-size:18px;height:45px;border-bottom:1px solid #c9c9c9}
.bbs2 .type02{background:#f7f7f7}
/* ==========================================================================
[모바일반응형] 여기서부터 추가된 구간입니다.
위쪽의 PC용 스타일은 전혀 건드리지 않았고, 아래 미디어쿼리로 화면이
좁을 때만 값을 덮어씁니다(override). 원본에 이미 준비되어 있던
.m_main_bbs, .m_category, .m_manager, .mcategory_menu, .m_sub_tb02 같은
"모바일용" 요소들을 이 구간에서 실제로 켜줍니다.
========================================================================== */
/* 태블릿 이하 */
@media screen and (max-width: 1024px){
#main_cts{margin:0 20px 40px 20px;padding:30px 20px 60px;}
.sub_main{float:none;width:100%;}
.sub_main2{width:100%;}
}
/* 모바일 (휴대폰) */
@media screen and (max-width: 768px){
#wrap{width:100%;overflow-x:hidden;}
img{max-width:100%;height:auto;}
/* ---------- 상단 GNB: 모바일용 요소로 교체 ---------- */
#header .gnb{display:none;}
#header .top{display:none;}
.m_category{display:block;}
.m_manager{display:block;}
.mcategory_menu{display:block;}
/* ---------- 본문 영역 ---------- */
#main_cts{
width:100%;
margin:0;
padding:20px 12px 60px;
box-sizing:border-box;
}
/* ---------- 검색영역: 가로배치 -> 세로스택 ---------- */
.search{width:100%;}
.search h2{
float:none;
width:100%;
font-size:22px;
padding:18px 0;
box-sizing:border-box;
}
.search ul{
float:none;
width:100%;
padding:15px;
box-sizing:border-box;
}
.search li{clear:both;padding:0 0 15px 0;}
.search dl{float:none;width:100%;display:block;margin:0 0 8px 0;}
.search dt{
float:none;
width:100%;
font-size:15px;
margin:0 0 4px 0;
}
.search dd{float:none;width:100%;}
.search input{
height:auto;
padding:10px;
font-size:16px; /* iOS 자동확대 방지 */
width:100% !important;
margin:0 !important;
box-sizing:border-box;
}
.search .search_btn1,
.search .search_btn2{
display:block;
width:100%;
padding:14px 0;
font-size:16px;
margin:8px 0 0 0;
box-sizing:border-box;
}
.search span{margin:0;}
.search p{font-size:13px;line-height:1.5;}
.search2 li{height:auto;padding:0 0 20px 0;}
.search2 dt{position:static;margin:0 0 6px 0;}
.search2 dd{margin:0;}
.search2 .search_btn1,
.search2 .search_btn2{position:static;width:100%;margin:10px 0 0 0;}
/* ---------- 검색결과 표: PC표는 숨기고 모바일표만 노출 + 가로스크롤 ---------- */
.main_bbs{display:none !important;}
.m_main_bbs{
display:block !important;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
margin:20px 0;
}
.m_main_bbs table{min-width:0;width:100%;table-layout:fixed;}
.m_main_bbs th{font-size:13px;padding:8px 2px;white-space:nowrap;}
.m_main_bbs td{font-size:12px;padding:8px 2px;}
.m_main_bbs td img{width:18px;}
/* [모바일반응형] 모바일 표는 이름/부명/세/파/개인이력/4대이력/가로족보 7개 열만 노출.
thead 순서 기준: 1이름 2부명 3조부명 4세수 5파명 6책보기 7정축보(1997년)
8개인이력 9 4대이력 10직계이력 11가로족보 12직계계보 13전체계보 14묘지도
-> 3,6,7,10,12,13,14번째 열을 숨긴다 */
.m_main_bbs th:nth-child(3), .m_main_bbs td:nth-child(3),
.m_main_bbs th:nth-child(6), .m_main_bbs td:nth-child(6),
.m_main_bbs th:nth-child(7), .m_main_bbs td:nth-child(7),
.m_main_bbs th:nth-child(10), .m_main_bbs td:nth-child(10),
.m_main_bbs th:nth-child(12), .m_main_bbs td:nth-child(12),
.m_main_bbs th:nth-child(13), .m_main_bbs td:nth-child(13),
.m_main_bbs th:nth-child(14), .m_main_bbs td:nth-child(14){
display:none !important;
}
/* 페이지네비게이션 표 */
table[width="700"]{width:100% !important;}
table[width="700"] td{padding:2px !important;}
table[width="700"] td[width="294"] font{font-size:15px !important;}
/* ---------- 그 외 표(개인이력, 4대이력 등) : 모바일버전이 준비된 곳은 켜기 ---------- */
.sub_main .sub_tb02{display:none;}
.sub_main .m_sub_tb02{
display:block;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.sub_main .sub_tb01 th,
.sub_main .sub_tb05 th{
display:block;
width:100%;
font-size:15px;
padding:10px;
}
.sub_main .sub_tb01 td,
.sub_main .sub_tb05 td{
display:block;
width:100%;
font-size:15px;
padding:10px;
}
/* 로그인폼, 버튼리스트 */
.logform{width:100%;margin:20px 0;padding:20px 15px;box-sizing:border-box;}
.logform ul{width:100%;}
.in_btnlist li{width:auto;padding:12px 14px;font-size:16px;margin:0 2px 6px 2px;}
/* 음성안내 토글버튼 / 마우스오버 메모창(검색결과 아이콘 hover 시) */
#voiceGuideToggleBtn{right:10px;bottom:10px;padding:7px 12px;font-size:12px;}
#voiceMemoBox{max-width:82vw !important;font-size:13px !important;}
}
@media screen and (max-width: 480px){
.m_main_bbs table{min-width:560px;}
.m_main_bbs th, .m_main_bbs td{font-size:11px;}
.search h2{font-size:19px;}
}