/* 통합 css */
.__version{content:'3g'}
:root {
    --brand: #0f766e;
    --brand-dark: #0f3d3e;
    --brand-soft: #e6fffb;
    --accent: #2dd4bf;
    --warning: #f59e0b;
    --danger: #ef4444;
    --ink: #102a43;
    --muted: #64748b;
    --line: rgba(15, 118, 110, .16);
    --card: rgba(255,255,255,.90);
    --shadow: 0 18px 50px rgba(2, 44, 34, .10);
    --radius-lg: 28px;
    --radius-md: 18px;
}

* {
    box-sizing: border-box;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,textarea,button {margin:0; padding:0}
fieldset,img {border:0}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,textarea,button{font-size:100%;vertical-align:middle}
body{-webkit-text-size-adjust:none}
table{border-collapse:collapse;border-spacing:0}
input[type="text"],input[type="password"],input[type="submit"] {-webkit-appearance:none; border-radius:0}
input:checked[type=checkbox]{background-color:#666;-webkit-appearance:checkbox}
body{background-color:#fff;}
input[type="button"] { cursor:pointer; }
body::-webkit-scrollbar {
    display: none; /* 크롬, 사파리, 오페라, 엣지 */
}
html {
  scroll-behavior: smooth;
}

button:focus,
button:active,
a:focus,
a:active {
    outline: none !important;
}

button::-moz-focus-inner {
    border: 0 !important;
}

a{color:#444;text-decoration:none}
a:hover,a:active{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
body,th,td,input,textarea{font-size:14px;line-height:1.5;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;color:#444}
header,footer{display:block}
header{position:relative;z-index:2001;background-color:#fff;text-align:center;box-shadow: 0 1px 1px rgba(0,0,0,0.25);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25);}

#GoodSelect {margin: 0 auto;max-width:1024px;}

.show{display:block}
.hide{display:none}

input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}

#humanHead{overflow:hidden;background-color:#f8f8f8}
.head_cont{overflow:hidden;width:100%}
.d_head{overflow:hidden;position:relative;z-index:10;width:100%;height:70px;}
.ds_head{overflow:hidden;position:relative;z-index:10;width:100%;height:40px;background-color:#2a9dc3}
.d_head .tit_human{float:left;width:50px;height:70px;margin-top:15px;}
.d_head .tit_human .link_human{display:block;overflow:hidden;height:70px;font-size:0;line-height:0;text-align:center}
.d_head .tit_human .img_logo{display:block}
.d_head .tit_human .link_human.logo_back{display:none}

.app #humanFoot2 .cp_info{padding-bottom:31px}

.foot_cube{
overflow:hidden;
position:relative;
top: -75px;
z-index:9999999;
height:30px;
padding-right:90px;
}
.link_home{
overflow:hidden;
position:absolute;
top:0;
right:0;
width:90px;
height:30px;
padding-top:10px;
font-size:14px;
text-align:center;
letter-spacing:-1px
}

.box_cont .bnr_cube{width:100%;height:39px;margin:0;border:0 none;border-top:1px solid #e6e6e6;border-radius:0;font-weight:700;font-size:14px;line-height:42px;color:#4f545c;background-color:#fafafa}
.box_cont .bnr_cube .img_bnr{height:39px}
.android .box_cont .bnr_cube{line-height:39px}
.cube_cont{overflow:hidden;position:relative;width:100%;border-radius:3px 3px 0 0;background-color:#fff;clear:both;}
.cube_cont .info_cube{overflow:hidden;float:left;width:100%;height:100%}
.slide{height:100%}
.cube_cont .fc_issue{color:#d41117}
.cube_cont .fc_lable{color:#2566d4}
.cube_cont .fc_cate{color:#666}
.cube_cont .txt_source{padding-left:10px;font-size:.867em;line-height:1em;color:#888}
.cube_cont .item_thumb2{float:left;width:50%}
.cube_cont .item_thumb2 .link_thumb{display:block;overflow:hidden;width:136px;margin:0 auto}
.cube_cont .item_thumb2 .thumb_g{width:136px;height:74px}

.media_cube .tab_cube .youth{width:19%}
.media_cube .tab_cube .parents{width:19%}
.media_cube .tab_cube .photp{width:21%}
.media_cube .tab_cube .movie{width:21%}
.media_cube .tab_cube .notice{width:20%}
/*
.media_cube .tab_cube .auto{width:17.85%}
*/
.media_cube .tab_cube .notice{float:none;overflow:hidden;width:auto;margin:0;zoom:1}
/* .media_cube .cube_cont{height:398px} */
.media_cube .cube_cont{height:418px}
.media_cube .bar_g{display:inline-block;overflow:hidden;width:1px;height:16px;border-right:1px solid #dddee0;text-indent:1px;vertical-align:top}

.app_down{overflow:hidden;width:100%;height:40px;display:none}
.os_android .app_down{display:block}
.app_down .link_humanapp{display:block;overflow:hidden;height:40px;line-height:42px;text-align:center;letter-spacing:-1px}
.app_down .down_humanapp{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.app_down .down_humanapp .txt_humanapp{float:left}
.app_down .link_humanapp .ico_down{width:12px;height:17px;margin:-4px 0 0 8px;background-position:-104px 0;vertical-align:middle}
.os_android .app_down .link_humanapp{line-height:40px}

#adWrap{height:48px;margin-bottom:9px!important}
.ad_layer{display:none;position:fixed;bottom:8px;left:0;z-index:900;width:100%;margin:0 auto;text-align:center}
.ad_layer .inner_ad{overflow:hidden;position:relative;z-index:800;width:262px;height:88px;margin:0 auto;border:1px solid #28375b;border-radius:3px;background:#323e59}
.ad_layer .btn_close{position:absolute;top:0;right:0;width:28px;height:28px;font-size:0;line-height:0;text-indent:-9999px}
.ad_layer .bnr_big{width:212px;height:128px}
.ad_layer.show{display:block}

.box_cont.fallback,.fallback .event_ivt,#outCubeBanner .fallback{display:none}
.os_android .box_cont.fallback{display:block}
.spinner{position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-9px 0 0 -9px;z-index:1000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+dJREFUeNrMWHFkVWEUf3t7Ho/HY0R5RPMSjSxL/VNKLMuSFYlSYjNKWcpmz1Lk5c2yeVNKs6cUI9JbESOl2D/FbIopTTSmMcZjxHhe5+R3OX3d+77vu/f+0eFn9969e++55/ud8/3OqatWq5GgNjk5yX96CAVcukwY7ejoCPzsmMGLTW2bemx6f60PiRq+PEXIE65HgtsQYZzQEDiCsAThC2Ejzj8Spnw6107oxXEboZGwXusGkwjyA9bEOUey3odzccFRthWdc6YOVkB6x5oJ3T4cvELIiPNLJjeZcvAV4FjOlEOwNGFAnE8Qpo05aJhtHMVWLFUDnLxgkRhJHDNd+kyqBWd31CIKC4QRcd6N5dbZXsIpcT5KWDJ9qXSQo/KN8K7Gi2+B3BEkypD431eP4zvimB0b9Hg2v/MD4YeoGH852AsS7yfMEh648IyX54Y4bxEZzZGpA0ZxjZd1i/h9n1IRInBmHO/cTdgs+Sod3KDcyEv4HdkXF9fHCM8ITwl7kOVexs7sIDwh3EdyyLIzgFXrVO5LuhXqLmRWXoSYd5BhwnnCVcJLOHRCt10J4i8Szio/PwZ6ZJTr/Nus/BB1J3mE6PQjcglc5we9IBTxIb72Vzj9kHBO+dcvJOCgSoGYx7Jcg7ND+Fq5LJGAKkXdhSYQtUXbQs1l5TjhAOEzsjcbgljgZywT5gj7CKe9nDMVC+9B9KRLBvoxLjWbjOugheYLwzlrIRxDOWnR/HbeqW1B+Mf3ioCwAt+uuWUmhkRIGTy/GGIUk4r08rJyNPKfWwzbj8kSh8nBNagj7RLXlUol33zy2f1ZWTSM1tCHJUyDYMJBXoY3hJ8ue6cfS0NSzUI5+Zb8LLXuET4RDkJADIfgYB7KqRna87kiybQ7ST1qo1vfkQiBbysuyqbNVCy0oj6p2bWKbC96OWDBZZZtb/GejPjwAejCPujHfxzMKZ2X0xPfJdzkoimuFxDdrNNf1IhYBtTg4nwIepI7xNeEi5hWpIS6fgxuduk4yNODJnxxWZkO8DZ1BvxMaqQV8+woeNytfDwv61a5MrBltyQZhOzhonwYWNBMBxYhNp29tQr0iKZ/TtNPryBaO6Gc5mX3GFWqeyOiNmUxHah4TbdEP10RlSHn8ew5aM8mcN61zFQspgMlw+nAAhotxzpt6mmsVgYqxM8Jvq2r0wGNcQtxEhF0aHIkzPlgM5LCsREXftayVTgpE609zOFRQTQ7S5gw2NqYkjAFkzGeqYNpzXTAxCrKyC2uDAR8N01su1BQ65XpgK1No65yYb4tSlRgB8t4cBg2YquoA4tSZPuMVMIhNPh/7LcAAwA9vfhmt8xmXQAAAABJRU5ErkJggg==);background-size:20px 20px;-webkit-animation:Rotate .3s infinite linear;-moz-animation:Rotate .3s infinite linear;-ms-animation:Rotate .3s infinite linear;-o-animation:Rotate .3s infinite linear;animation:Rotate .3s infinite linear}

/* 게시판 글 보기 */
.News_content{padding:18px 12px 0;margin-top:15px;font-size:16px;border-top:1px #ddd solid;line-height:1.4em;word-break:break-all;word-wrap:break-word}
.News_content{padding:5px 5px 11px;font-size:16px;line-height:20px;word-break:break-all;word-wrap:break-word}
.News_content table{width:100%!important;border-collapse:collapse}
.News_tit .btn_font{position:absolute;bottom:7px;right:12px;font-size:12px;text-decoration:none;letter-spacing:-1px}
.News_tit .btn_round{display:inline-block;padding:1px;border-radius:3px;border-radius:3px;background:#BBB}

.News_tit .btn_font .inner{width:45px;height:17px;padding:3px 0}
.News_tit .btn_round .inner{display:block;border-radius:3px;border-radius:3px;background:-webkit-gradient(linear,left top,left bottom,from(white),to(#efefef));background-color:#f9f9f9;text-align:center}
.News_tit .btn_font .ico_minus{width:8px;height:2px;margin:7px 3px 0 0;background-position:-10px -85px}
.News_tit .btn_font .ico_plus{width:8px;height:8px;margin:4px 3px 0 0;background-position:0 -85px}
.News_tit .ico_comm{display:inline-block;overflow:hidden;background:url(https://www.kowildlife.com/icon/ico_great2_111213.png) no-repeat;vertical-align:top}

.ico_miznet.ico_arrow{display:block;text-indent:-9999px}
.arrow_left .ico_miznet.ico_arrow{width:6px;height:9px;background-position:0 -840px}
.arrow_right .ico_miznet.ico_arrow{width:6px;height:9px;background-position:0 -880px}
.ico_miznet{background-image:url(https://www.kowildlife.com/icon/mobile/m320/miznet/2013/ico_miznet.png);background-repeat:no-repeat}

/* 게시판 CONTENTS */
.container {margin:5px 0;}
.container.read .article .tx-daum-image {display:block;margin:0 auto;}
.container.read .article * {max-width:100%}
.container.read .article *[nowrap] {white-space:normal !important}
/*.container.read .article *[width] {width:auto}
.container.read .article *[height] {height:auto}*/
.container.read .article .tx-content-container {overflow:hidden}

.tx-daum-image {padding-top:10px}

.cube_cont .txt_uname {	
	position: absolute; 
	right: 10px; 
	color: #888888; 
	background-color: white; 
	font-size: 0.867em; 
	line-height: 1em; 
	padding: 4px; 
}
.cube_cont .memo_del {	
	position: absolute; 
	right: 0px; 
	color: #888888; 
	background-color: white; 
	font-size: 0.867em; 
	line-height: 1em; 
	padding-right: 5px;
}
.cube_cont .txt_prop {	
	position: absolute; 
	left: 80px; 
	color: #333333; 
	background-color: white; 
	font-size: 15px; 
	line-height: 18px; 
	padding: 2px; 
}

/* ICON */
.ico_link {background-image:url(https://www.kowildlife.com/icon/ico_gray_link.gif)}
.ico_memo {background-image:url(https://www.kowildlife.com/icon/mobile/ico_gray_memo.gif)}
.ico_rss {background-image:url(https://www.kowildlife.com/icon/ico_gray_rss.gif)}
.ico_fav {background-image:url(https://www.kowildlife.com/icon/ico_gray_star.gif)}
.ico_img, .ico_new, .ico_list, .ico_qa, .ico_daumqa {background-image:url(https://www.kowildlife.com/icon/ico_cafe_spr.gif)}
.ico_new, .ico_link, .ico_memo, .ico_rss, .ico_fav {background-position:14px 15px}
.ico_qa, .ico_daumqa {background-position:14px -66px}
.ico_img {background-position:14px -146px}
.ico_list {background-position:14px -226px}
.ico_escrow {background:url(https://www.kowildlife.com/icon/ico_cafeweb.png) 15px 14px}

/* 하단 검색창 */
.footsch_type2 {padding-top:17px;width:100px;margin-left:113px;}
.footsch_type3 {padding-top:5px;width:100px;margin-left:113px;}

.cafe_search .btn_reset {
	position:absolute; 
	top:6px; 
	right:8px; 
	width:18px; 
	height:18px; 
	padding:0; 
	border:0 none; 
	font-size:0; 
	text-indent:-9999px; 
	cursor:pointer; 
	background:url(https://www.kowildlife.com/icon/ico_cafesearch.png) 0 -30px no-repeat;
}

.box_cont { padding:6px; }
.box_cont table { width:100%; }
.box_cont p { margin-top: 5px; }

/* 테이블 레이아웃 */
.sp_list{display:block;padding:5px 10px;text-align:center}
.sp_list th{text-align:center;padding:3px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f1f1f1;font-size:12px}
.sp_list td{padding:2px 10px 4px;border:1px solid #e5e5e5;vertical-align: middle}

.sp_list2{display:block;padding:5px 0;text-align:center}
.sp_list2 th{text-align:center;padding:3px 0 4px;background-color:#f1f1f1;font-size:12px}
.sp_list2 td{padding:2px 10px 4px;vertical-align: middle}

.form {clear:both;display:block}
.form table{border-bottom:1px solid #ccc;margin-bottom:5px;table-layout:fixed;background-color:#fff;}
.form caption{text-align:left;font-weight:bold;padding:3px 10px;letter-spacing:-1px}
.form th{font-weight:bold;font-size:14px;font-family:"Malgun Gothic";border-top:1px solid #ccc;background-color:#e5f1ef;padding:0 2px;height:32px;color:#606060;letter-spacing:-1px}
.form th.chk{color:#c30}
.form td{
vertical-align: middle;text-align:right;font-size:14px;
font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
border-top:1px solid #ccc;padding-top:5px;
overflow:hidden;		
white-space : nowrap;		
text-overflow: ellipsis;
}
.form input[type='text'], .form input[type='tel'], .form input[type='password'] {padding:3px 5px 3px 5px;border:1px solid #aaa}
.form input[type='text']:focus{background-color:#FFFBC2;border:1px solid #aaa}
.form input[type='tel']:focus{background-color:#FFFBC2;border:1px solid #aaa}
.form input[type='password']:focus{background-color:#FFFBC2;border:1px solid #aaa}
.form li{float:center;}
.form li.info1{margin:2px 0 0 0}
.form li.info2{margin:0 15px 0 2px}
.form button { margin:0 1px; font-size:12px; cursor:pointer; padding: 3px 10px; border: 1px solid #abc3af;}
.form .txcnt{text-align:center;}

.formlms {clear:both;display:block}
.formlms table{border-bottom:1px solid #ccc;margin-bottom:5px;table-layout:fixed;background-color:#fff;}
.formlms caption{text-align:left;font-weight:bold;padding:3px 10px;letter-spacing:-1px}
.formlms th{font-weight:bold;font-size:14px;font-family:"Malgun Gothic";border-top:1px solid #ccc;background-color:#e5f1ef;padding:0 2px;height:32px;color:#606060;letter-spacing:-1px}
.formlms th.chk{color:#c30}
.formlms td{
vertical-align: middle;text-align:right;font-size:14px;
font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
border-top:1px solid #ccc;padding-top:5px;
/*overflow:hidden;		
white-space : nowrap;		
text-overflow: ellipsis;*/
}
.formlms input[type='text'], .formlms input[type='tel'], .formlms input[type='password'] {padding:3px 5px 3px 5px;border:1px solid #aaa}
.formlms input[type='text']:focus{background-color:#FFFBC2;border:1px solid #aaa}
.formlms input[type='tel']:focus{background-color:#FFFBC2;border:1px solid #aaa}
.formlms input[type='password']:focus{background-color:#FFFBC2;border:1px solid #aaa}
.formlms li{float:center;}
.formlms li.info1{margin:2px 0 0 0}
.formlms li.info2{margin:0 15px 0 2px}
.formlms button { margin:0 1px; font-size:12px; cursor:pointer; padding: 3px 10px; border: 1px solid #abc3af;}
.formlms .txcnt{text-align:center;}

.formsms {clear:both;display:block}
.formsms table{border-bottom:1px solid #ccc;margin-bottom:5px;table-layout:fixed;background-color:#fff;}
.formsms caption{text-align:left;font-weight:bold;padding:3px 10px;letter-spacing:-1px}
.formsms th{font-weight:bold;font-size:14px;font-family:"Malgun Gothic";border-top:1px solid #ccc;background-color:#e5f1ef;padding:0 2px;height:32px;color:#606060;letter-spacing:-1px}
.formsms th.chk{color:#c30}
.formsms td{
vertical-align: middle;text-align:right;font-size:14px;
font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
border-top:1px solid #ccc;padding-top:5px;
text-overflow: ellipsis;
}
.formsms input[type='text'], .formsms input[type='tel'], .formsms input[type='password'] {padding:3px 5px 3px 5px;border:1px solid #aaa}
.formsms input[type='text']:focus{background-color:#FFFBC2;border:1px solid #aaa}
.formsms input[type='tel']:focus{background-color:#FFFBC2;border:1px solid #aaa}
.formsms input[type='password']:focus{background-color:#FFFBC2;border:1px solid #aaa}
.formsms li{float:center;}
.formsms li.info1{margin:2px 0 0 0}
.formsms li.info2{margin:0 15px 0 2px}
.formsms button { margin:0 1px; font-size:12px; cursor:pointer; padding: 3px 10px; border: 1px solid #abc3af;}
.formsms .txcnt{text-align:center;}

.modibtn { 
	font-size:12px; 
	width: 100% !important;
	color:blue; 
	cursor:pointer; 
	border: 1px solid #abc3af;
	border-radius: 999px !important;
}
.modibtn2 { 
	font-size:12px; 
	width: 100% !important;
	color:red; 
	cursor:pointer; 
	padding: 2px 6px; 
	border: 1px solid orange;
}
.modibtn3 { margin:0 1px; font-size:12px; color:#000; cursor:pointer; padding: 2px 6px; border: 1px solid orange;}
.modibtn4 { 
	font-size:12px; 
	width: 30% !important;
	color:blue; 
	cursor:pointer; 
	padding: 2px 6px; 
	border: 1px solid orange;
}

.form2 table{border-bottom:1px solid #ccc;margin-bottom:5px;table-layout:fixed;}
.form2 caption{font-weight:bold;font-size:20px;text-align:center;padding:3px 10px;letter-spacing:-1px}
.form2 th{
	font-weight:bold;font-size:14px;font-family:"Malgun Gothic";border-top:1px solid #ccc;background-color:#e5f1ef;padding:0 2px;height:32px;color:#606060;letter-spacing:-1px
}
.form2 th.chk{color:#c30}
.form2 td{
	vertical-align: middle;text-align:center;font-size:14px;
	font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
	border-top:1px solid #ccc;padding-top:3px;
	overflow:hidden;		
	white-space : nowrap;		
	text-overflow: ellipsis;
}
.form2 input[type='tel'], .form2 input[type='password'] {padding:2px;border:1px solid #aaa}
.form2 input[type='text']:focus{background-color:#FFFBC2}
.form2 input[type='tel']:focus{background-color:#FFFBC2}
.form2 input[type='password']:focus{background-color:#FFFBC2}
.form2 li{float:center;}
.form2 li.info1{margin:2px 0 0 0}
.form2 li.info2{margin:0 15px 0 2px}
.form2 button { margin:0 1px; font-size:12px; cursor:pointer; padding: 3px 10px; border: 1px solid #abc3af;}

.sp_listx{display:block;padding:5px 10px;text-align:center}
.sp_listx th{text-align:center;padding:3px 0 4px;background-color:#f1f1f1;}
.sp_listx td{padding:2px 10px 4px;vertical-align: middle}

.formx table{border-bottom:1px solid #000;margin-bottom:5px;table-layout:fixed;}
.formx caption{font-weight:bold;font-size:20px;text-align:center;padding:3px 10px;letter-spacing:-1px}
.formx th{
	font-weight:bold;font-size:14px;
	font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
	border-left:1px solid #000;border-top:1px solid #000;background-color:#e5f1ef;padding:0 2px;height:32px;color:#606060;letter-spacing:-1px
}
.formx th.chk{color:#c30}
.formx td{
	vertical-align: middle;text-align:center;font-size:14px;
	line-height: 30px;
	font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
	border:1px solid #000;
	padding-top:3px;
	overflow:hidden;		
	white-space : nowrap;		
	text-overflow: ellipsis;
}
.formx input[type='tel'], .formx input[type='password'] {padding:2px;border:1px solid #aaa}
.formx input[type='text']:focus{background-color:#FFFBC2}
.formx input[type='tel']:focus{background-color:#FFFBC2}
.formx input[type='password']:focus{background-color:#FFFBC2}
.formx li{float:center;}
.formx li.info1{margin:2px 0 0 0}
.formx li.info2{margin:0 15px 0 2px}
.formx button { margin:0 1px; font-size:12px; cursor:pointer; padding: 3px 10px; border: 1px solid #abc3af;}

.formx2 table{border-bottom:1px solid #000;margin-bottom:5px;table-layout:fixed;}
.formx2 caption{font-weight:bold;font-size:20px;text-align:center;padding:3px 10px;letter-spacing:-1px}
.formx2 th{
	font-weight:bold;font-size:14px;
	font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
	border-left:1px solid #000;border-top:1px solid #000;background-color:#e5f1ef;padding:0 2px;height:22px;color:#606060;letter-spacing:-1px
}
.formx2 th.chk{color:#c30}
.formx2 td{
	vertical-align: middle;text-align:center;font-size:14px;
	line-height: 22px;
	font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
	border:1px solid #000;
	padding-top:1px;
	overflow:hidden;		
	white-space : nowrap;		
	text-overflow: ellipsis;
}
.formx2 input[type='tel'], .formx2 input[type='password'] {padding:2px;border:1px solid #aaa}
.formx2 input[type='text']:focus{background-color:#FFFBC2}
.formx2 input[type='tel']:focus{background-color:#FFFBC2}
.formx2 input[type='password']:focus{background-color:#FFFBC2}
.formx2 li{float:center;}
.formx2 li.info1{margin:2px 0 0 0}
.formx2 li.info2{margin:0 15px 0 2px}
.formx2 button { margin:0 1px; font-size:12px; cursor:pointer; padding: 3px 10px; border: 1px solid #abc3af;}

.form3 table{border-bottom:1px solid #ccc;margin-bottom:5px;table-layout:fixed;}
.form3 caption{text-align:left;font-weight:bold;padding:3px 10px;letter-spacing:-1px}
.form3 th{
	font-weight:bold;font-size:14px;font-family:"Malgun Gothic";border-top:1px solid #ccc;background-color:#e5f1ef;padding:0 2px;height:32px;color:#606060;letter-spacing:-1px;
}
.form3 th.chk{color:#c30}
.form3 td{
	vertical-align: middle;text-align:right;font-size:14px;
	font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
	border-top:1px solid #ccc;padding-top:5px;
	overflow:hidden;		
	white-space : nowrap;		
	text-overflow: ellipsis;
}
.form3 input[type='text'], .form3 input[type='tel'], .form3 input[type='password'] {padding:2px;border:1px solid #aaa}
.form3 input[type='text']:focus{background-color:#FFFBC2}
.form3 input[type='tel']:focus{background-color:#FFFBC2}
.form3 input[type='password']:focus{background-color:#FFFBC2}
.form3 li{float:center;}
.form3 li.info1{margin:2px 0 0 0}
.form3 li.info2{margin:0 15px 0 2px}
.form3 .form_span {
	border-bottom: 1px solid #000;font-weight:bold;font-size:14px;
	font-family:"Malgun Gothic";background-color:#e5f1ef;
	padding:0 2px;color:#606060;letter-spacing:-1px;
}

.form3 .form_td { padding:0 2px; height:250px;}

section {
  border: 1px solid #000;
  display : table;
  border-collapse: collapse;
  width:100%;
} 

.form4 table{border:0;margin-bottom:5px;table-layout:fixed;}
.form4 caption{text-align:center;font-weight:bold;padding:3px 10px;letter-spacing:-1px;}
.form4 th{
	font-weight:bold;font-size:14px;font-family:"Malgun Gothic";border-top:1px solid #ccc;background-color:#e5f1ef;padding:0 2px;height:32px;color:#606060;letter-spacing:-1px;
}
.form4 th.chk{color:#c30}
.form4 td{
	vertical-align: middle;text-align:center;font-size:14px;
	font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
	padding-top:5px;
	overflow:hidden;		
	white-space : nowrap;		
	text-overflow: ellipsis;
}
.form4 input[type='text'], .form4 input[type='tel'], .form4 input[type='password'] {padding:2px;border:1px solid #aaa;}
.form4 input[type='text']:focus{background-color:#FFFBC2}
.form4 input[type='tel']:focus{background-color:#FFFBC2}
.form4 input[type='password']:focus{background-color:#FFFBC2}
.form4 li{float:center;}
.form4 li.info1{margin:2px 0 0 0}
.form4 li.info2{margin:0 15px 0 2px}

/* JION FORM */
.joinform input[type='text']:focus{background-color:#FFFBC2;}
.joinform input[type='number']:focus{background-color:#FFFBC2;}
.joinform input[type='password']:focus{background-color:#FFFBC2;}

.txt_sub {font-size: 15px; color:#666666; line-height: 0.7em; padding-left:10px;}

.pointer {cursor:pointer;}

/* ######################################## */
.box_menu1 {height:34px;border-bottom: 1px solid #ccc ;}
.box_menu1 li { 
	position:relative;display:table-cell;float:left;vertical-align:top;
	color:#000;
	font-weight: bold;
	text-align:center;line-height:34px;cursor:pointer;
	width:20%;height:34px;background-color:#e5f0f8;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	border-right:1px solid #a1bdd1;
	border-top:1px solid #a1bdd1;
	border-radius: 24px;
}
.box_menu1 li.last { 
	position:relative;display:table-cell;float:left;vertical-align:top;
	text-align:center;line-height:34px;cursor:pointer;
	height:34px;background-color:#e5f0f8;
	width:20%;
	font-weight: bold;
	border-radius: 24px;
}

.box_menu2 {width:100%;height:34px;margin-bottom:5px;}
.box_menu2 li { 
	position:relative;display:table-cell;float:left;vertical-align:top;
	color:#000;
	text-align:center;line-height:34px;cursor:pointer;
	width:14%;height:34px;background-color:#e5f0f8;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	border-right:1px solid #a1bdd1;
	border-top:1px solid #a1bdd1;
}
.box_menu2 li.last { 
	position:relative;display:table-cell;float:left;vertical-align:top;
	text-align:center;line-height:34px;cursor:pointer;
	height:34px;background-color:#e5f0f8;
	width:16%;
}
.box_menu2 ul li.tab-active {
    background-color: #35a400;    /* 선택된 탭 색 */
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.box_menu3 {height:34px;margin-bottom:5px;}
.box_menu3 li { 
	position:relative;display:table-cell;float:left;vertical-align:top;
	color:#000;
	text-align:center;line-height:34px;cursor:pointer;
	width:20%;height:34px;background-color:#e5f0f8;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	border-right:1px solid #a1bdd1;
	border-top:1px solid #a1bdd1;
}
.box_menu3 li.last { 
	position:relative;display:table-cell;float:left;vertical-align:top;
	text-align:center;line-height:34px;cursor:pointer;
	height:34px;background-color:#e5f0f8;
	width:20%;
}

.box_menu4 {height:34px;margin-bottom:5px;}
.box_menu4 li { 
	position:relative;display:table-cell;float:left;vertical-align:top;
	color:#000;
	text-align:center;line-height:34px;cursor:pointer;
	width:25%;height:34px;background-color:#e5f0f8;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	border-right:1px solid #a1bdd1;
	border-top:1px solid #a1bdd1;
}
.box_menu4 li.last { 
	position:relative;display:table-cell;float:left;vertical-align:top;
	text-align:center;line-height:34px;cursor:pointer;
	height:34px;background-color:#e5f0f8;
	width:25%;
}

.box_menu5, .box_menu6, .box_menu9, .box_menu10 {
  height: 34px;
  align-items: center !important;
  margin: 5px 0 !important;
}

/* 상단 메뉴 */
.box_menu5, .box_menu6, .box_menu9, .box_menu10 {
	font-size:15px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Arial, sans-serif !important;
	font-weight:500 !important;
	color: #333 !important;
}

.box_menu5 li:hover,
.box_menu6 li:hover,
.box_menu9 li:hover,
.box_menu10 li:hover {
  background-color: #35a400;
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.box_menu5 li { 
  position: relative;
  display: table-cell;
  float: left;
  vertical-align: top;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  width: 19.6%;
  height: 34px;
  background-color: #e5f0f8;
  box-sizing: border-box;
  border: 1px solid #a1bdd1;
  border-radius: 24px;
  margin-right: 0.5%;
}

.box_menu5 li.last { 
  width: 19.6%;
  margin-right: 0;
}

.box_menu5 ul li.tab-active {
    background-color: #35a400;    /* 선택된 탭 색 */
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.box_menu6 li { 
  position: relative;
  display: table-cell;
  float: left;
  vertical-align: top;
  color: #000;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  width: 16.0%;
  height: 34px;
  background-color: #e5f0f8;
  box-sizing: border-box;
  border: 1px solid #a1bdd1;
  border-radius: 24px;
  margin-right: 0.8%;
}

.box_menu6 li.last { 
  width: 16%;
  margin-right: 0;
}

.box_menu6 ul li.tab-active {
    background-color: #35a400;    /* 선택된 탭 색 */
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.box_menu9 li { 
  position: relative;
  display: table-cell;
  float: left;
  vertical-align: top;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  width: 10.6%;
  height: 34px;
  background-color: #e5f0f8;
  box-sizing: border-box;
  border: 1px solid #a1bdd1;
  border-radius: 24px;
  margin-right: 0.5%;
}

.box_menu9 li.last { 
  width: 11%;
  margin-right: 0;
}

.box_menu9 ul li.tab-active {
    background-color: #35a400;    /* 선택된 탭 색 */
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.box_menu10 li { 
  position: relative;
  display: table-cell;
  float: left;
  vertical-align: top;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  width: 9.5%;
  height: 34px;
  background-color: #e5f0f8;
  box-sizing: border-box;
  border: 1px solid #a1bdd1;
  border-radius: 24px;
  margin-right: 0.5%;
}

.box_menu10 li.last { 
  width: 10%;
  margin-right: 0;
}

.box_menu10 ul li.tab-active {
    background-color: #35a400;    /* 선택된 탭 색 */
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.inputD {
width:100%;text-align:right;padding-right:3px;height:40px;
}
/* ######################################## */
.catList {
  width: calc(100% - 10px);
  height: 40px;
  color: #333;
  border-top: 1px solid rgba(15, 118, 110, 0.28);
  padding: 5px 0 !important;
  box-sizing: border-box;

  text-align: right;
  justify-content: right !important;
}
.catNotice {
  float: left;
  margin-left: 10px;
  color: blue;
  text-align: left;
  line-height: 1.35;
}

.btn_exel1
{
	border:1px solid #000;
	margin-right:10px;
	padding:2px;
	border-radius:5px;
}

.btn_exel4
{
	border:1px solid blue;
	width:65%;
	padding:2px;
	border-radius:2px;
}

/* MAP 선그리기 관련 */
.dot {overflow:hidden;float:left;width:12px;height:12px;background: url('https://www.kowildlife.com/KOR/img/mini_circle.png');}    
.dotOverlay {position:relative;bottom:10px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;font-size:12px;padding:5px;background:#fff;}
.dotOverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}    
.number {font-weight:bold;color:#ee6152;}
.gpsnumber {width:100%;margin: 10px;color:#ee6152;}

.dotOverlay:after {content:'';position:absolute;margin-left:-6px;left:50%;bottom:-8px;width:11px;height:8px;background:url('https://www.kowildlife.com/KOR/img/vertex_white_small.png')}
.distanceInfo {position:relative;top:5px;left:5px;list-style:none;margin:0;}
.distanceInfo .label {display:inline-block;width:50px;}
.distanceInfo:after {content:none;}

/* MAP 마커 관련 */
.map_guid {width:100%;font-weight:bold;text-align:center;font-size:13px;}
.map_guid .labeli {display:inline-block;width:50px;}
.map_wrap {position:relative;width:100%;}

.hAddr{
	position:absolute;left:5px;top:5px;border-radius: 2px;background:#fff;background:rgba(255,255,255,0.8);z-index:1;padding:5px;
}
.title{
	color: #000;font-size:14px;
	font-weight:bold;
}
#centerAddr {display:block;margin-top:2px;color: #000;font-size:14px;}

.mbaddress {font-size:14px;height:32px;width:20%;padding:2px 2px 2px 10px;border:1px solid #CDC7C7;}

.ani-image {
	height:50px;
	vertical-align: middle;
}
.ani-image2 {
	width:22%;
	vertical-align: middle;
}
/* Preview Gallery */
#preview{
	z-index: 99;
	position:absolute;
	display:none;
	color:#fff;
}

.btn01{width:74px;background-color:#7DCB2F;border:1px solid #7DCB2F;height:30px;color:#ffffff}
.btn04{width:74px;background-color:#FFFFFF;border:1px solid #7DCB2F;height:30px;color:red}

/* 텍스트 워터마크 */ 
.imageblock { position: relative; } 
.textWatermark .imageblock::after { 
	font-family:"Malgun Gothic', '맑은 고딕', dotum, '돋움', '나눔고딕', 'NanumGothic', '굴림','Gulim', tahoma, sans-serif";
	content: "디지털 검증 완료 \a https://kowildlife.com";
	color: white; 
	font-size: 16px; 
	white-space: pre; 
	position: absolute; 
	width: 80%; 
	height: 100px; 
	margin: auto; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	opacity: 0.5; 
	pointer-events: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.imageblock2 { position: relative; } 
.textWatermark2 .imageblock2::after { 
	content: "디지털 검증 완료 \a https://kowildlife.com";
	color: white; 
	font-size: 27px; 
	white-space: pre; 
	position: absolute; 
	width: 80%; 
	height: 100px; 
	margin: auto; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	z-index:10001;
	opacity: 0.5; 
	pointer-events: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

/* 클릭시 테두리 */
textarea:focus { outline: none; } 
button:focus { outline: none; } 
input:focus { outline: none; }

.hidden{display:none}

.textarea_box {
	position:relative;
	height:200px;
	padding:20px 15px 0 15px;
	margin:0 0 8px 0;
	border:1px solid #e1d0a6;
	overflow:auto;
	scrollbar-base-color: #d9d9d9; 
	scrollbar-3dlight-color: #d9d9d9; 
	scrollbar-darkshadow-color: #d9d9d9; 
	scrollbar-face-color: #d9d9d9;
	scrollbar-highlight-color: #d9d9d9;
	scrollbar-shadow-color: #d9d9d9; 
	scrollbar-track-color: #f2f2f2;
	-webkit-overflow-scrolling:touch
}

.textsafe_box {
    position: relative;
    height: calc(100vh - 150px); /* 상단 메뉴/패딩 높이만큼 빼줄 수 있음 */
    padding: 20px 15px 0 15px;
    margin: 0 0 8px 0;
    border: 1px solid #e1d0a6;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

/*popup*/
.mntset_layer {
	position:fixed;
	top:0;left:0;
	z-index: 90; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.7); 
}
.mntset_box{
	position: relative;
	top:50%;
	left:50%; 
	overflow: hidden;
	height: 500px; 
	width:700px;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	background:#fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	background-color: rgba(0, 0, 0, 0.1);
}

.popup_layer {
	position:fixed;
	top:0;
	left:0;
	z-index: 90; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.45); 
}
.popup_box{
	position: relative;
	top: 50%;
	left: 50%;
	height: 540px; 
	width:1180px;
	transform: translate(-50%, -50%);
	z-index: 1002;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

/*팝업 박스*/
.popup_box_01{
	position: relative;
	top:50%;
	left:50%; 
	overflow: hidden; 
	height: 650px; 
	width:95%;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	background:#fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

.popup_box_modi{
	position: relative;
	top:50%;
	left:50%; 
	overflow: hidden; 
	height: 350px; 
	width:50%;
	border-radius: 11px !important;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	background:#fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

.popup_box_modi2{
	position: relative;
	top:50%;
	left:50%; 
	overflow: hidden; 
	height: 350px; 
	width:50%;
	border-radius: 11px !important;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	background:#fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

/*popup*/
.popup_layerx {
	position:fixed;
	top:0;
	left:0;
	z-index: 90; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.4);
}

/*팝업 박스*/
.popup_boxx{
	position: relative;
	top:50%;
	left:50%; 
	overflow: hidden; 
	height: 250px; 
	width:70%;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	background:#fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

/*popup*/
.popup_layer1 {
	position:fixed;
	top:0;left:0;
	z-index: 10000;
	width: 100%;
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.4);
}
/*팝업 박스*/
.popup_box1{
	position: relative;
	top:50%;
	left:50%; 
	overflow: hidden; 
	height: 400px;
	width:100%;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	background:#fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

/*popup2*/
.popup_layer2 {
	position:fixed;
	top:0;
	left:0;
	z-index: 90; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.45); 
}
/* 사진 등록 iframe */
.popup_box2 {
	position: relative;
	top: 50%;
	left: 50%;
	height: 620px; 
	width:1180px;
	transform: translate(-50%, -50%);
	z-index: 1002;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

/*photo_popup*/
.popup_layer3 {
	position:fixed;
	top:0;
	left:0;
	z-index: 10000; 
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}
.popup_box3{
	position: relative;
	top:50%;
	left:50%; 
	overflow: hidden; 
	height: 300px; 
	width:700px;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	background:#fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}
.popup_box3 .popup_cont3 {padding:25px;line-height:1.4rem;font-size:14px; }
.popup_box3 .popup_cont3 h2 {padding:15px 0;color:#333;margin:0;}
.popup_box3 .popup_cont3 p{ border-top: 1px solid #666;padding-top: 10px;}

/*photo_popup*/
.popup_layer3-1 {
	position:fixed;
	top:0;
	left:0;
	z-index: 10000; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.4);
}
/*팝업 박스*/
.popup_box3-1{
	position: relative;
	top:50%;
	left:50%;
	overflow: hidden; 
	height: 430px; 
	width:50%;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	background:#fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}
/*컨텐츠 영역*/
.popup_box3-1 .popup_cont3 {padding:25px;line-height:1.4rem;font-size:14px; }
.popup_box3-1 .popup_cont3 h2 {padding:15px 0;color:#333;margin:0;}
.popup_box3-1 .popup_cont3 p{ border-top: 1px solid #666;padding-top: 10px;}

/*팝업 박스*/
.popup_layer4 {
	position:fixed;
	top:0;
	left:0;
	z-index: 10000; 
	width: 100%; 
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}
.popup_box4{
	position: relative;
	top:50%;
	left:50%; 
	overflow: hidden;
	height: 300px; 
	width:98%;
	transform:translate(-50%, -50%);
	z-index:1002;
	box-sizing:border-box;
	background:#fff;
	box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

/* 사진 수정*/
.popup_layer5 {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.popup_box5{position: relative;top:50%;left:50%; overflow: hidden; height: 300px; width:70%;transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
.popup_box5 .popup_cont5 {padding:25px;line-height:1.4rem;font-size:14px; }
.popup_box5 .popup_cont5 h2 {padding:15px 0;color:#333;margin:0;}
.popup_box5 .popup_cont5 p{ border-top: 1px solid #666;padding-top: 10px;}

/*컨텐츠 영역*/
.popup_box .popup_cont {padding:25px;line-height:1.4rem;font-size:14px; }
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 10px;}
.popup_box_01 .popup_cont {padding:25px;line-height:1.4rem;font-size:14px; }
.popup_box_01 .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box_01 .popup_cont p{ border-top: 1px solid #666;padding-top: 10px;}
.popup_boxx .popup_contx {padding:25px;line-height:1.4rem;font-size:14px; }
.popup_boxx .popup_contx h2 {padding:15px 0;color:#333;margin:0;}
.popup_boxx .popup_contx p{ border-top: 1px solid #666;padding-top: 10px;}
.popup_box1 .popup_cont {padding:25px;line-height:1.4rem;font-size:14px; }
.popup_box1 .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box1 .popup_cont p{ border-top: 1px solid #666;padding-top: 10px;}
.popup_box2 .popup_cont2 {padding:25px;line-height:1.4rem;font-size:14px; }
.popup_box2 .popup_cont2 h2 {padding:15px 0;color:#333;margin:0;}
.popup_box2 .popup_cont2 p{ border-top: 1px solid #666;padding-top: 10px;}
.popup_box4 .popup_cont {padding:25px;line-height:1.4rem;font-size:14px; }
.popup_box4 .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box4 .popup_cont p{ border-top: 1px solid #666;padding-top: 10px;}

/*버튼영역*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:70px;background:#ECECEC;word-break: break-word;}
.popup_box .popup_btn a {position: relative; display: table-cell; height:70px;  font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#ECECEC;}
.popup_box .popup_btn a:before{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_box .popup_btn a:after{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.popup_box .popup_btn a.close_day {background:#5d5d5d;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}

/*오버레이 뒷배경*/
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:rgba(0,0,0,0.5);}

.map_div{float:left;display:block;padding:10px;width:184px;}
.map_list{display:block;margin-left:214px;padding:10px;}
.map_list .area1{display:block;text-align:left}
.map_list .area1 h3{padding:5px 10px}
.map_list .area2view{display:block;padding:6px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f1f1f1}
.map_list .area2view a{display:inline-block;padding:5px 10px;text-decoration:none}
.map_list .area2view a:hover{background-color:#ddd}
.map_list .area3view{display:block}

.form_article { font-weight:bold; background:#f1f1f1; }

/* sms 버튼 */
input.btn_02{font-size:14px;letter-spacing:-1px;margin:10px 0;padding:3px 5px;color:red;cursor:pointer;border:1px solid;}
input.btn_03{font-size:14px;letter-spacing:-1px;margin:10px 0;padding:3px 5px;color:#006FEC;cursor:pointer;border:1px solid;}
input.btn_04{font-size:12px;letter-spacing:-1px;padding:3px 5px;cursor:pointer;border:1px solid;}
input.btn_05{font-size:12px;letter-spacing:-1px;padding:3px 5px;color:#006FEC;cursor:pointer;border:1px solid;}
input.btn_06{font-size:14px;letter-spacing:-1px;margin:10px 0;padding:3px 5px;color:#333;cursor:pointer;border:1px solid red;}
input.btn_07{font-size:13px;letter-spacing:-1px;padding:2px 5px;color:#333;cursor:pointer;border:1px solid red;}
input.btn_08{font-size:13px;letter-spacing:-1px;padding:2px 5px;color:#333;cursor:pointer;border:1px solid blue;}

.mb_list {display:block;padding:5px 10px;text-align:center;position:relative}
.mb_list table {width:100%;border-bottom:2px solid #dcdcdc;border-collapse:collapse}
.mb_list table caption {text-align:left;font-weight:bold;padding:3px 10px;letter-spacing:-1px}
.mb_list th {text-align:center; height:34px; border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-image:url(../images/bg_loginmain.gif);color:#666;font-size:12px}
.mb_list td {text-align:center; height:30px; border:1px solid #e5e5e5; }
.btn_box { text-align:center; margin:20px; }

@keyframes blink-effect {
    50%{
        opacity:0;
    }
}

.blink {
	animation: blink-effect 1s step-end infinite;
	animation-duration: 1s;
	animation-iteration-count:infinite;
	animation-timing-function:step-end;
	animation-name: blink-effect;
	color:red;
}

div.left {
    width: 50%;
    float: left;
    box-sizing: border-box;
}
div.right {
    width: 50%;
    float: right;
    box-sizing: border-box;
}
div.left2 {
    width: 27%;
    float: left;
    box-sizing: border-box;
}
div.right2 {
    width: 73%;
	min-height:500px;
    float: right;
    box-sizing: border-box;
	color:#666;
	font-size:14px;
}
div.left3 {
    width: 45%;
    float: left;
    box-sizing: border-box;
}
div.right3 {
    width: 55%;
    float: right;
    box-sizing: border-box;
}

.header  {
	position:fixed;
	width:100%;
	height:70px;
	top:0;
	background-color:#ffffff;
	z-index:2;
}

.header2  {
	position:fixed;
	width:100%;
	height:400px;
	top:70px;
	background-color:#ffffff;
	z-index:1;
}

.header3  {
	position:fixed;
	width:100%;
	height:200px;
	top:0;
	background-color:#ffffff;
	z-index:1;
}

/* 화면이 작아질 때 지도 크기 축소 */
@media (max-width: 1680px) {
  #map.map_area {
    width: 430px !important;
    height: 430px !important;
  }
}

/* 2026 정산 안내 팝업 공통 스타일 */
.bn-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bn-popup {
    background: #ffffff;
    width: 90%;
    max-width: 580px;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.3);
    padding: 18px 20px 12px 20px;
    box-sizing: border-box;
    font-family: "Malgun Gothic", sans-serif;
    font-size: 14px;
}

.bn-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #1a2733;
    text-align: center;
}

.bn-body {
    line-height: 1.5;
    color: #333;
    margin-bottom: 12px;
}

.bn-body strong {
    color: #0b6fa4;
}

.bn-note {
    margin-top: 10px;
    padding: 8px;
    background: #f5f9ff;
    border-radius: 4px;
    font-size: 12px;
    color: #555;
}

.bn-footer {
    text-align: right;
    margin-top: 4px;
}

.bn-btn {
    display: inline-block;
    padding: 5px 12px;
    margin-left: 4px;
    border-radius: 4px;
    border: 1px solid #999;
    background: #f5f5f5;
    cursor: pointer;
    font-size: 12px;
}

.bn-btn-main {
    background: #0b6fa4;
    color: #fff;
    border-color: #0b6fa4;
}

.bn-btn-sub {
    background: #ffffff;
}

#footContent{
  position: relative;
  height: 40px;
  line-height: 40px;
}

/* 왼쪽 로고 */
.link_info.humancorp{
    position: absolute;
    left: 10px;
    top: 0;
    width: 300px;                 /* 이미지 영역 */
    height: 40px;
    background: url('/images/pipc.png') no-repeat left center;
    background-size: 297px auto;
	border-radius: 50px;
}

/* 정중앙 고정 */
.footer_notice{
  position: absolute;
  left: 48.5%;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

/* 오른쪽 고정 */
.link_top{
  position: absolute;
  right: 10px;
  top: 0;
  white-space: nowrap;
}

/* 버전이 중앙 문구 안에서 자연스럽게 붙게 */
.footer_notice{
  margin-left: 12px;
}
.ver{
  float:right;
  font-weight: 500;
  margin-right:120px;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
/* startDoc.php에서 열리는 전체 wrapper */
#humanWrap {
    flex: 1 0 auto;
    width: 100%;
}

/* footer */
#kw-footer {
    flex-shrink: 0;
    clear: both;
    width: 100%;
    position: relative;
    z-index: 10;
}

/* footer_renew_only.css */

#kw-footer {
    clear: both;
    position: relative;
    z-index: 10;
    width: 100%;
    margin-top: 28px;
    padding: 0;
    min-height: 0;
    height: auto;
    background: linear-gradient(135deg, #073f3b 0%, #0f766e 52%, #064e3b 100%);
    color: #eafff9;
    box-sizing: border-box;
}

#kw-footer,
#kw-footer * {
    box-sizing: border-box;
}

#kw-footer .kw-footer-container {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 18px 0 16px;
}

#kw-footer .kw-footer-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
}

#kw-footer .kw-footer-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

#kw-footer .kw-footer-logo {
    width: 55px !important;
    height: 55px !important;
    flex: 0 0 55px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.14) !important;
    margin: 0 !important;
}

#kw-footer .kw-footer-title {
    margin: 0 0 3px;
    color: #fff;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -.03em;
}

#kw-footer .kw-footer-title span {
    color: #99f6e4;
}

#kw-footer .kw-footer-desc {
    margin: 0;
    color: rgba(234,255,249,.78);
    font-size: 11px;
    line-height: 1.45;
}

#kw-footer .kw-footer-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 6px 0 0;
    padding: 0;
}

#kw-footer .kw-footer-badge {
    height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #dffdfa;
    font-size: 10px;
    line-height: 20px;
    font-weight: 800;
}

#kw-footer .kw-footer-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

#kw-footer .kw-footer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 30px;
    padding: 0 13px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.13);
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Arial, sans-serif !important;
}

#kw-footer .kw-footer-btn.is-primary {
	background: rgba(255,255,255,.6) !important;
    color: #0f3d3e !important;
}

#kw-footer .kw-footer-bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    margin: 12px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid rgba(255,255,255,.13);
    color: rgba(234,255,249,.72);
    font-size: 10.5px;
    line-height: 1.45;
}

#kw-footer .kw-footer-company {
    margin: 0;
    padding: 0;
    min-width: 0;
}

#kw-footer .kw-footer-company strong {
    color: #fff;
}

#kw-footer .kw-footer-warning {
    color: #fbbf24;
    font-weight: 900;
}

#kw-footer .kw-footer-version {
    margin: 0;
    padding: 0;
    color: #99f6e4;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    white-space: nowrap;
}

@media (max-width: 860px) {
    #kw-footer .kw-footer-top {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    #kw-footer .kw-footer-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    #kw-footer .kw-footer-bottom {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}

/* =========================================================
   FINAL FIX: 상단 nav 글자 크기/높이 페이지별 흔들림 방지
========================================================= */

#kw-main-nav.container-fluid {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;

    width: 100% !important;
    height: 100px !important;
    padding: 16px 2rem !important;

	display: grid !important;
	grid-template-columns: 1fr auto 1fr !important;
	align-items: center !important;
	gap: 24px !important;

    background: rgba(247, 252, 251, .88) !important;
    backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(15, 118, 110, .12) !important;
    box-sizing: border-box !important;
}

/* nav 내부 전부 기준 고정 */
#kw-main-nav,
#kw-main-nav * {
    box-sizing: border-box !important;
}

/* ul 정렬 */
#kw-main-nav > ul {
    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;

    float: none !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}

/* 왼쪽 메뉴 */
#kw-main-nav > ul:first-child {
    justify-self: start !important;
}

/* 오른쪽 메뉴 */
#kw-main-nav > ul:last-child {
    justify-self: end !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;
    margin-left: 0 !important;
}

/* li 고정 */
#kw-main-nav > ul > li {
    display: flex !important;
    align-items: center !important;

    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    line-height: 42px !important;
}

/* 로고 */
#kw-main-nav .top-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    height: 60px !important;
}

#kw-main-nav .top-logo-link img {
    display: block !important;
    width: auto !important;
    max-height: 64px !important;
    border: 0 !important;
}

/* 일반 메뉴: 기관별 시스템 / 자료실 / 정보수정 */
#kw-main-nav .kw-nav-link,
#kw-main-nav > ul:last-child a:not(.nav-login-btn):not(.nav-logout-btn) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 42px !important;
    min-height: 42px !important;
    padding: 0 4px !important;
    margin: 0 !important;

    font-size: 17px !important;
    line-height: 42px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    color: #0f3d3e !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    text-indent: 0 !important;
    text-shadow: none !important;

    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
}

/* =========================================================
   FINAL FIX: 상단 nav 폰트 완전 통일
========================================================= */

#kw-main-nav,
#kw-main-nav a,
#kw-main-nav li,
#kw-main-nav span {
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Arial, sans-serif !important;

    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

/* 일반 메뉴 */
#kw-main-nav .kw-nav-link,
#kw-main-nav > ul:last-child a:not(.nav-login-btn):not(.nav-logout-btn) {
    color: #0f3d3e !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
}

/* 로그인 / 로그아웃 버튼 */
#kw-main-nav .nav-login-btn,
#kw-main-nav .nav-logout-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    min-width: 97px !important;
    padding: 0 18px !important;
    border-radius: 20px !important;
    background: #0d655f !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    box-shadow: 0 10px 10px rgba(15,118,110,.20) !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

#kw-main-nav  .nav-login-btn:hover,
#kw-main-nav  .nav-logout-btn:hover{
    background: #348d86 !important;
    color: #ffffff !important;
}

/* 구분선 */
#kw-main-nav .nav-divider {
    color: rgba(15, 61, 62, .34);
    font-weight: 800;
    font-size: 17px !important;
    opacity: .45 !important;
}

.select_top {
	position: relative;
    height: 50px;
	margin-bottom:5px;
	border-radius: 10px;
	line-height:50px;
	text-align:center;
	align-items: center; 
	font-size:16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Arial, sans-serif !important;
	color:yellow;
    background: linear-gradient(135deg, #105c57 0%, #2d8d86 52%, #0f5f4a 100%) !important;

}

/*
Offline 표시
*/
.pnum_td {
    text-align: center;
    vertical-align: middle;
    padding: 0 !important;
}

.pnum_cell {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 4px;
}

.pnum_text {
    font-weight: 500;
    color: #102a43;
}

.offline_chk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 18px !important;
    padding: 0 8px;
    border-radius: 10px !important;
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px !important;
}
.offline_chk2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 18px !important;
    padding: 0 8px;
    border-radius: 10px !important;
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px !important;
}
.log_stay {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 18px !important;
    padding: 0 8px;
    border-radius: 10px !important;
    background: #fee2e2;
    color: green;
    border: 1px solid #fecaca;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px !important;
}

/* =========================================================
   MY PAGE
========================================================= */

.mypage-card{
	width:780px;
	max-width:calc(100vw - 32px);
	background:#fff;
	border-radius:16px;
	overflow:hidden;
	box-shadow:2px 5px 10px rgba(0,0,0,0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Arial, sans-serif !important;
}

.mypage-card-title{
	height:56px;
	line-height:56px;
	padding:0 24px;
	background:#0b6f63;
	color:#fff;
	font-size:17px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Arial, sans-serif !important;
	font-weight:700;
	border-radius:0;
}

.mypage-form{
	padding:34px 46px 36px;
}

.mypage-line{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:11px;
}

.mypage-line > label{
	width:150px;
	text-align:right;
	padding-right:10px;
	font-weight:700;
	color:#143a46;
	background:none !important;
	border:0 !important;
}

.mypage-line input,
.mypage-line select{
	height:42px !important;
	border:1px solid #b9d9d7 !important;
	border-radius:7px !important;
	background:#f5fcfb !important;
	padding:0 12px !important;
	box-sizing:border-box !important;
	font-size:14px !important;
	color:#173c4b !important;
}

.mypage-line > input{
	width:220px !important;
}

.mypage-line span{
	color:#173c4b;
	font-size:13px;
}

.mypage-phone{
	display:flex;
	gap:4px;
}

.mypage-phone select{
	width:86px !important;
}

.mypage-phone input{
	width:80px !important;
	text-align:center;
}

.mypage-email{
	display:flex;
	align-items:center;
	gap:4px;
}

.mypage-email input{
	width:130px !important;
	text-align:center;
}

.mypage-email select{
	width:130px !important;
}

.mypage-actions{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	margin-top:28px;
}

.mypage-actions input{
	display:block;
	width:100%;
	height:38px;
	border:0 !important;
	border-radius:20px !important;
	font-weight:700;
}

.mypage-save{
	background:#138575 !important;
	color:#fff !important;
	margin-bottom:9px;
}

.mypage-cancel{
	background:#eef3f7 !important;
	color:#233646 !important;
}

.mypage_layer{
	top: -55px !important;
	position:fixed;
	inset:0;
	z-index:110;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);

	display:flex;
	align-items:center;
	justify-content:center;
}

.mypage_box{
	background:transparent !important;
	box-shadow:none !important;
	overflow:visible !important;
	border-radius:0 !important;
}

#div_sms3{
	display:none;
	align-items:center;
	gap:8px;
	margin:4px 0 22px 138px !important;
	color:#ff7a00;
	font-size:14px;
}

#div_sms3 .joinform{
	float:none !important;
	width:auto !important;
	display:flex;
	align-items:center;
	gap:6px;
	color:#ff7a00;
}

#auth_number3{
	width:100px !important;
	height:34px !important;
	border:1px solid #ff9b22 !important;
	border-radius:6px !important;
	background:#fffaf4 !important;
	text-align:center;
	box-sizing:border-box;
}

#div_sms3 input[type="button"]{
	height:34px !important;
	padding:0 14px !important;
	border:1px solid #138575 !important;
	border-radius:17px !important;
	background:#138575 !important;
	color:#fff !important;
	font-weight:700;
	cursor:pointer;
}

#smsmsg2{
	display:block !important;
	float:none !important;
	height:34px !important;
	line-height:34px !important;
	margin:0 0 0 14px !important;
	padding:0 !important;
	color:#ff3b30 !important;
	font-size:14px;
	white-space:nowrap;
}

#btn_auth3{
	width:auto !important;
	height:42px !important;
	padding:0 16px !important;
	border:1px solid #138575 !important;
	border-radius:21px !important;
	background:#138575 !important;
	color:#fff !important;
	font-size:14px !important;
	font-weight:700 !important;
	cursor:pointer;
	box-sizing:border-box !important;
}

.mypage-leave{
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	width:auto !important;
	height:38px !important;
	margin-top:12px !important;
	margin-left:auto !important;
	padding:0 24px !important;
	border:1px solid #bfd0df !important;
	border-radius:19px !important;
	background:#fff !important;
	color:#233646 !important;
	font-size:14px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Arial, sans-serif !important;
	font-weight:700 !important;
	cursor:pointer;
	box-sizing:border-box !important;
}
.mypage-leave{
	align-self:flex-end !important;
	margin-left:0 !important;
}
.mypage-leave:hover,
#btn_auth3:hover{
	filter:brightness(.96);
}

/* 위로 가기 버튼*/
#goTopBtn {
    position: fixed !important;
    right: 20px !important;
    bottom: 120px !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;

    width: 76px !important;
    min-height: 30px !important;
    height: 30px !important;

    padding: 0 11px !important;
    border: 0 !important;
	border: 1px solid rgba(15, 118, 110, .28) !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.9) !important;
    color: #0f766e !important;
	font-size:15px;
    font-weight: 700 !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.18) !important;
}

/* 포획사진 썸네일 4 x 2 고정 */
.capture-photo-cell {
  text-align: left;
  vertical-align: middle;
  padding: 4px 6px !important;
}

.capture-thumb-grid {
  display: grid;
  grid-template-columns: repeat(4, 42px);
  grid-auto-rows: 50px;
  gap: 4px;
  align-items: start;
  justify-content: start;
  width: max-content;
  max-width: 184px;
}

.capture-thumb {
  display: block;
  width: 42px;
  height: 50px;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #f3f4f6;
  box-sizing: border-box;
}

.capture-thumb img,
.capture-thumb img.ani-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
}

.capture-photo-diff {
  margin-top: 4px;
  line-height: 1.35;
  font-size: 12px;
}

.delbtn {
margin-top: 4px;
border-radius: 15px !important;
}

.modi_botton {
width:100%;
font-size: 15px !important;
line-height: 40px !important;
font-weight: 900 !important;
background-color:#EEB05E;
border:1px solid #D5861C;
height:40px;
color:#ffffff;
cursor:pointer;
}

.down_botton {
font-size:15px;
font-weight: 500;
width:100%;
background-color:#ffffff;
border:1px solid green !important;
height:30px;
color:#000000;
}

.pic_plus {
font-size:15px;
font-weight: 500;
width:100%;
background-color:#ffffff;
border:1px solid #7DCB2F;
height:30px;
color:#000000;
}

.close_botton {
width:74px;
background-color:#7DCB2F;
border:1px solid #7DCB2F;
height:24px;
color:#ffffff;
}

.btntype6 {
border:1px solid #7DCB2F;
height:24px;
padding: 2px 5px;
color:#000;
}

.kw-capture-table tr.kw-cap-hover > td {
  background-color: #faf3b6 !important;
}

.map_area, .popup_box, .popup_box2, .popup_box_modi {
border:1px solid #7DCB2F;
border-radius: 10px !important;
}

.kw-nav-link img {
    width: 48px;
    height: 48px;
    border-radius: 50%;            /* 살짝 둥글게 */
    box-shadow: 0 2px 7px rgba(0,0,0,0.2);
}

/* 사진 수정 기능*/
.photo-sortable {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
    padding: 8px 0;
    margin: 0;
    list-style: none;
}

.photo-item {
    width: 82px;
    min-height: 120px;
    text-align: center;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
    cursor: move;
}

.photo-item img {
    max-width: 70px;
    height: 80px;
    object-fit: cover;
}

.photo-handle {
    font-size: 11px;
    color: #666;
    margin-bottom: 4px;
    cursor: move;
    user-select: none;
}

.photo-item.ui-sortable-helper {
    opacity: 0.8;
    border-color: #7cb342;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

.photo-item-placeholder {
    width: 82px;
    height: 120px;
    border: 1px dashed #7cb342;
    background: #f5ffe8;
}

.photo-sortable {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
    padding: 8px 0;
    margin: 0;
    list-style: none;
}

.photo-item {
    width: 82px;
    min-height: 122px;
    text-align: center;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
}

.photo-real-item {
    cursor: move;
}

.photo-real-item img {
    max-width: 70px;
    height: 80px;
    object-fit: cover;
}

.photo-handle {
    font-size: 11px;
    color: #3366cc;
    margin-bottom: 4px;
    cursor: move;
    user-select: none;
}

.photo-drop-item {
    border: 2px dashed #ff9800;
    background: #fffaf0;
    color: #333;
    cursor: pointer;
	min-width:200px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.35;
}

.photo-drop-item:hover,
.photo-drop-item.drag-over {
    background: #fff3d6;
    border-color: #f57c00;
}

.photo-drop-plus {
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
}

.photo-drop-main {
    font-size: 13px;
    font-weight: bold;
}

.photo-drop-sub {
    font-size: 11px;
    color: #777;
}

.photo-item.ui-sortable-helper {
    opacity: 0.85;
    border-color: #7cb342;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

.photo-item-placeholder {
    width: 82px;
    height: 122px;
    border: 1px dashed #7cb342;
    background: #f5ffe8;
}

.modi_title {
color: #333;
font-weight: 700;
float:left;margin-left:10px;
}

/* =========================================================
   GLOBAL SELECT CARD STYLE
   - 모든 select 카드형 공통 디자인
========================================================= */

select {
    min-height: 32px !important;
    padding: 4px 32px 4px 12px !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1f2937 !important;
	vertical-align:middle;
	text-align:center;

    border: 1px solid rgba(15, 118, 110, .22) !important;
    border-radius: 10px !important;

    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L7 7L12 2' fill='none' stroke='%230f766e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 9px !important;

    box-shadow:
        0 2px 6px rgba(15, 60, 55, .06),
        inset 0 1px 0 rgba(255,255,255,.9) !important;

    outline: none !important;
    cursor: pointer !important;

    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    box-sizing: border-box !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

/* hover */
select:hover {
    border-color: rgba(15, 118, 110, .45) !important;
    background-color: #f9fdfc !important;
}

/* focus - 클릭 시 검은 테두리 방지 */
select:focus,
select:focus-visible {
    border-color: #0f766e !important;
    box-shadow:
        0 0 0 3px rgba(15, 118, 110, .14),
        0 3px 10px rgba(15, 60, 55, .10) !important;
    outline: none !important;
}

/* disabled */
select:disabled {
    color: #9ca3af !important;
    background-color: #f3f4f6 !important;
    border-color: #d1d5db !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

.slt {
  width: 160px !important;
}

input[type="button"] {
  min-height: 32px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  text-align:center !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding: 0 5px !important;
  border:1px solid #d6b676;
}

input[type="text"] {
  min-height: 32px !important;
  width: 120px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  text-align:center !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding: 0 5px !important;
  border:1px solid #d6b676;
}

#smsmsg {
    font-family: inherit !important;
    font-size: 15px !important;
    color: #1f2937 !important;
	padding:5px;
    border: 1px solid rgba(15, 118, 110, .22) !important;
    border-radius: 10px !important;
}

.boxEditor {
	width: 100%;
}
.boxEditor td {
	padding: 5px 10px;
}

/* =========================================================
   GLOBAL TEXT INPUT AUTO WIDTH
   - td 안의 텍스트 입력창을 셀 폭에 맞춤
========================================================= */

td input[type="text"],
td input[type="password"],
td input[type="number"] {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    background-color: #fff !important;
    color: #222 !important;

    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.3 !important;

    outline: none !important;
}

/* focus 시 검은 테두리 방지 */
td input[type="text"]:focus,
td input[type="password"]:focus,
td input[type="number"]:focus {
    outline: none !important;
}

/* readonly / disabled */
td input[type="text"]:readonly,
td input[type="password"]:readonly,
td input[type="number"]:readonly {
    background-color: #f9fafb !important;
}

td input[type="text"]:disabled,
td input[type="password"]:disabled,
td input[type="number"]:disabled {
    background-color: #f3f4f6 !important;
    color: #9ca3af !important;
    cursor: not-allowed !important;
}

td input#weight,
td input#size,
td input#total {
    width: 62% !important;
    max-width: 70px !important;
    text-align: center !important;
}

td input#tagnum {
    width: 80% !important;
    max-width: 90px !important;
    text-align: center !important;
}

/* =========================================================
   td 안에 input 2개 이상 들어가는 경우
   예: 주민번호, 전화번호, 기간 From~To
========================================================= */

td.td-split-input {
    display: flex;
    align-items: center;
    gap: 6px;
}

td.td-split-input input[type="text"],
td.td-split-input input[type="password"],
td.td-split-input input[type="number"] {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

td.td-split-input span {
    flex: 0 0 auto;
    color: #555;
}

/* =========================================================
   td 안에 input 2개 이상 들어가는 경우
   td 자체는 건드리지 않고 내부 div만 flex 처리
========================================================= */

.split-input-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    box-sizing: border-box;
}

.split-input-wrap input[type="text"],
.split-input-wrap input[type="password"],
.split-input-wrap input[type="number"] {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.split-input-wrap span {
    flex: 0 0 auto;
    color: #555;
    line-height: 32px;
}

/* 모달 버튼 */
.modal-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}

.btn {
  min-width: 100px;
  padding: 10px 18px;
  border: none;
  border-radius: 8px;
  font-size: 15px !important;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s ease;
}

.btn-primary {
  background-color: #2563eb;
  color: #fff;
}

.btn-primary:hover {
  background-color: #1d4ed8;
}

.btn-secondary {
  background-color: #e5e7eb;
  color: #374151;
}

.btn-secondary:hover {
  background-color: #d1d5db;
}
.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.div-wrap {
  text-align:left;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 3px 7px;
}

.modi_subject {
  margin: 0 auto 7px auto;
  width: 250px;
  height: 40px;

  display: flex;
  justify-content: center;
  align-items: center;

  text-align: center;
  border: 1px solid rgba(15, 118, 110, .22);
  border-radius: 10px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
}

input#memberName,
input.use_sdate,
input.use_edate,
input.use_date {
  width: 94px !important;
  max-width: 94px !important;
}

.admin-left-link {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    white-space: nowrap;
}

.admin-left-link a {
    text-decoration: none;
    font-weight: 600;
}
.admin-right-link {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    white-space: nowrap;
}

.admin-right-link a {
    text-decoration: none;
    font-weight: 600;
	color: yellow;
	cursor: pointer;
}

.memcached-link {
    color: yellow;
}

.deletedata-link {
    color: orange;
}

/* box_menu10 드롭다운 메뉴 */
.box_menu10,
.box_menu10 > ul {
    overflow: visible !important;
}

.box_menu10 > ul > li {
    position: relative;
}

/* 하위 메뉴 기본 숨김 */
.box_menu10 .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10050;

    min-width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;
    background: #ffffff;
    border: 0;
    border-radius: 22px;
    box-shadow: 0 8px 22px rgba(0,0,0,.14);
}

/* 동선확인에 마우스 올리면 보이기 */
.box_menu10 > ul > li.has-sub:hover > .sub-menu {
    display: block;
}

/* 하위 메뉴 li는 기존 box_menu10 li 스타일을 강제로 해제 */
.box_menu10 .sub-menu li {
    float: none !important;
    display: block !important;

    width: 100% !important;
    height: 32px !important;
    line-height: 32px !important;

    box-sizing: border-box;
    padding: 0 14px;

    text-align: center !important;
    white-space: nowrap;

    color: #1f2937 !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 76, 70, .18);
    border-radius: 22px !important;

    cursor: pointer;
}

/* 하위 메뉴 hover */
.box_menu10 .sub-menu li:hover {
    background: #eef7f4 !important;
    color: #047857 !important;
}

#kw-main-nav.container-fluid {
    position: sticky !important;
    overflow: visible !important;
    border-bottom: none !important;

    /* 라벨 폭을 여기서 한 번만 관리 */
    --kw-nav-label-w: 150px;
}

/* nav 하단 경계선: 라벨 폭만큼만 정확히 끊기 */
#kw-main-nav.container-fluid::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 1px;
    z-index: 25;
    pointer-events: none;

    background: linear-gradient(
        to right,
        rgba(15, 118, 110, 0.28) 0,
        rgba(15, 118, 110, 0.28) calc(50% - (var(--kw-nav-label-w) / 2)),
        transparent calc(50% - (var(--kw-nav-label-w) / 2)),
        transparent calc(50% + (var(--kw-nav-label-w) / 2)),
        rgba(15, 118, 110, 0.28) calc(50% + (var(--kw-nav-label-w) / 2)),
        rgba(15, 118, 110, 0.28) 100%
    );
}

/* 가운데 라벨 */
#kw-main-nav.container-fluid::after {
    content: attr(data-label);

    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);

    width: var(--kw-nav-label-w);
    height: 20px;
    padding: 0 8px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
    background: transparent !important;

    border-top: 1px solid rgba(15, 118, 110, 0.28);
    border-left: 1px solid rgba(15, 118, 110, 0.28);
    border-right: 1px solid rgba(15, 118, 110, 0.28);
    border-bottom: none !important;

    border-radius: 7px 7px 0 0;

    color: #333;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px;
    letter-spacing: -0.03em;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    z-index: 30;
    pointer-events: none;
}
/* data-label이 비어 있으면 라벨 숨김 */
#kw-main-nav.container-fluid[data-label=""]::after {
    display: none;
}

/* data-label이 비어 있으면 라인을 끊지 않고 전체 표시 */
#kw-main-nav.container-fluid[data-label=""]::before {
    background: rgba(15, 118, 110, 0.18);
}