@charset "utf-8";  

#subContainer {margin:0 auto;padding:1rem 0 3rem 0;position:relative;height:100%;min-height:35rem;}  
#subContainer .layout {max-width:55rem; } 
#location  {height:2.25rem;border-bottom: 1px solid #ebebeb;margin-top:6.15rem;}
#location .lnb {display: none;width:100%;max-width:55rem;height:2.25rem;margin:auto;z-index:2;} 
#location .lnb:after {content:'';display:block;clear:both;}
#location .lnb > * {float:left}
#location .lnb .home {position:relative;width:2.25rem;height:2.25rem;line-height:2.25rem;border-right:1px solid #f0f0f0;font-size:1.1rem;text-align:center;color: #191919;}
#location .lnb .home:before {position:absolute;left:0;top:0;width:100%;height:100%;content:'';}
#location .lnb .home i {position:relative;z-index:1;} 
#location .lnb .submenu {border-right:1px solid #ebebeb;position:relative;min-width:12.5rem;}
#location .lnb .submenu > button {position:relative;padding:0 1.5rem;width:100%;text-align:left;height:2.25rem;line-height:2.25rem;font-size:.85rem;color:#4b4b4b;transition:.4s;}
#location .lnb .submenu > button:after {position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-family:"xeicon";content:'\e942';color:#4b4b4b;}   
#location .lnb .submenu > button.on {color:#000;}
#location .lnb .submenu > button.on:after {content:'\e945';color: #000;}
#location .lnb .submenu > div {position:absolute;top:2.25rem;left:0;width:100%;display:none;height:auto}
#location .lnb .submenu > div:before {position:absolute;left:0;top:0;width:100%;height:100%;}
#location .lnb .submenu ul {background:#fff;position:relative;z-index:10;border:2px solid #767676; }
#location .lnb .submenu li a {font-size: .85rem;line-height: 1.6rem;color:#4b4b4b;display:block;padding:.5rem 1rem;border-bottom: 1px solid #e8ebef; transition:.2s;}
#location .lnb .submenu li a:hover,#location .lnb .submenu li a:focus,#location .lnb .submenu li a:active {background:#f8f9fa;color: #000;}
/*Web location*/
#location .weblnb {width:100%;max-width:55rem;height:2.25rem;margin:auto;z-index:2;/*text-align: right;*/}  
#location .weblnb .submenu {position:relative; }
#location .weblnb .submenu ul { margin-right:0; }
#location .weblnb .submenu li {float: left;padding:0 1rem 0 .5rem;position: relative;}
#location .weblnb .submenu li:after {content: '\e940';position: absolute;top:50%;right: 0;font-family:"xeicon";transform: translateY(-50%);}
#location .weblnb .submenu li:last-child:after {display: none;}
#location .weblnb .submenu li a {font-size: .75rem;line-height: 2.25rem; color:#4b4b4b;display:block; transition:.2s;}
#location .weblnb .submenu li a:hover,
#location .weblnb .submenu li a:focus,
#location .weblnb .submenu li a:active {color:#000; }
#location .weblnb .print {}
#location .weblnb .print>button {display: block; background: url(../images/icon_print.png) no-repeat center center;text-indent: -9999px;line-height:2.25rem;height: 2.25rem;width: 2.25rem;}
#subvisual {position:relative;overflow:hidden;min-height:12.5rem; } 
#subvisual:before {content:'';width:100%;position:absolute;left:50%;top:0;bottom:0;height:100%;transform:translateX(-50%);background-size:cover;z-index:-10;background-repeat:no-repeat;background-position:center center;}
#subvisual.sub01:before {background-image:url(../images/bg_subtop.jpg);} 
#subvisual.sub02:before {background-image:url(../images/bg_subtop.jpg);} 
#subvisual.sub03:before {background-image:url(../images/bg_subtop.jpg);} 
#subvisual.sub04:before {background-image:url(../images/bg_subtop.jpg);} 
#subvisual.sub05:before {background-image:url(../images/bg_subtop.jpg);} 
#subvisual.sub06:before {background-image:url(../images/bg_subtop.jpg);} 
#subvisual .txtwrap {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align: center;} 
#subvisual .txtwrap h2{position:relative;overflow:hidden;color:#000;margin-top: 7rem; font-size:1.7rem;font-weight:500;font-family: 'NanumSquare';animation-name:subtxt;animation-duration:2s;animation-iteration-count:1;} 
@keyframes subtxt {
  0% {opacity:0;transform:translateY(-100px);}
  50% {opacity:0.5;transform:translateY(15px);}
  100% {opacity:1;transform:translateY(0);}
}
/*BTN*/
.btnbg {display:inline-block;height:2.25rem;border-radius:1.3rem;color:#fff;background: #1e8dc6; font-size:.85rem;padding:0 1.5rem;line-height:2.2rem;transition:.4s;} 
.btnbg.popup {height:2rem;border-radius:1rem;line-height: 2rem;padding: 0 1rem;background: #00a7bf;vertical-align:middle;} 
.btnbg.popup:hover {background: #008396;}
.btnbg:hover {background: #243e92;} 
.btnbg.gray {background:#7b839d;}
.btnbg.gray:hover {background:#61687f;}
.btnbg.blue {background:#4f6ac1;}
.btnbg.blue:hover {background:#243e92;}
.btnbg.sky {background:#8b9cd0;}
.btnbg.sky:hover {background:#6171a2;}
.btnbg.btnsch { background: #00a7bf;}
.btnbg.btnsch:hover {background:#008396;}
.btnmd {display:inline-block;height:1.6rem;border-radius:8px;color:#000;background: #eef4fc;border: 1px solid #b1b1b1; font-size:.7rem;padding:0 .5rem;line-height:1.5rem;transition:.4s;position: relative;}
.btnmd:hover {background: #d7e8ff;}
.btnmd.green, .btnsm2.green {background: #f6ffe4;}
.btnmd.purple, .btnsm2.purple {background: #f4eeff;}
.btnmd.purple:hover, .btnsm2.purple:hover {background: #e7dbff;} 
.btnmd.yellow, .btnsm2.yellow {background: #fcfbee;} 
.btnmd.blue, .btnsm2.blue {background: #eef4fc;} 
.btnmd.blue:hover, .btnsm2.blue:hover {background: #d7e8ff;} 
.btnmd.white, .btnsm2.white {background: #fff;}
.btnsm2 {display:inline-block;height:1.4rem; line-height:1.3rem; padding:0 .35rem;border-radius:4px; font-size:.65rem; text-align:center; transition:.3s ease;vertical-align: middle;color: #000;background: #fcfbee;border: 1px solid #b1b1b1; }
.btnsm2:hover {background: #fffbd4;}
[class^="ico_"]:after, [class*="ico_"]:after {font-family:"xeicon";font-size:inherit;margin-left:.5rem; }
.ico_list:after {content:'\e95c';} 
.ico_wrt:after {content:'\ea81';}
.ico_edit:after {content:'\e9c3';}
.ico_print:after {content:'\e9bb';}
.ico_del:after {content:'\e921';}
.ico_print:after {content:'\e9bb';}
.ico_srch:after {content:'\e97a';}
.ico_check:after {content:'\e928';}
.ico_cancel:after {content:'\e9d2';}
.ico_logout:after {content:'\e972';}
.ico_refresh:after {content:'\e973';}
.ico_viewmore:after {content:'\e942';} 
.ico_link:after {content:'\e980';} 
.ico_down:after  {content: '\eb7c';}
.ico_right:after  {content: '\e907';}
.ico_plus:after  {content: '\e913';}
.ico_minus:after  {content: '\e91a';}
.ico_hwp, .ico_pdf {display: inline-block;width: 16px;height: 16px; vertical-align: middle;margin-right: 5px;}
.ico_hwp {background: url(../images/icon_hwp.png) no-repeat center left;}
.ico_pdf {background: url(../images/icon_pdf.png) no-repeat center left; }
a.btnplus, a.btnminus {display:inline-block;color: #fff;height:1.6rem;/*width:1.7rem;*/text-align: center;line-height: 1.6rem;border-radius:6px; position: relative;padding:0 .5rem;}
a.btnplus {background: #79a12c;}
a.btnminus {background: #030303;}
/*a.btnplus:after, a.btnminus:after {font-family:"xeicon";font-size: .8rem;position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}  
a.btnplus:after {content: '\e913'; }
a.btnminus:after {content: '\e91a'; }*/
.btnlink {display:inline-block;height:1.6rem;border-radius:8px;color:#000;background: #eef4fc;border: 1px solid #b1b1b1; font-size:.65rem;padding:0 1.35rem 0 .35rem;line-height:1.4rem;transition:.4s;position: relative;}
.btnlink:after {content: ''; background: url(../images/icon_linkn.png) no-repeat top right;width: 16px;height:16px;position: absolute;top: 50%;right: .25rem;transform: translateY(-50%);}  
a.linkblank {position: relative;padding-right: 20px;display: inline-block;}
a.linkblank[target=_blank]:after {content: '';background: url(../images/icon_linkblank.png) no-repeat top right;width: 16px;height: 16px;position: absolute;top:.2rem;right: 0;}
/*Title*/
[class^="title0"] {position:relative;}
[class^="title0"]:before {position:absolute;left:0;content:'';background-size:contain;background-repeat:no-repeat; font-weight: 400;}
.title01 {font-size:1.5rem; color:#000000;margin:0rem 0 1.5rem 0;border-bottom: 2px solid #575757;padding-bottom: 1rem;}
.title02 {font-size:1.3rem;color:#000000;padding-left:1.5rem;margin:1.5rem 0;}
.title02:before {top:.5rem;width:19px;height:18px;background-image:url(../images/bull_title02.png);background-position: center left;}  
.title03 {font-size:1.1rem;color:#135e9e;margin:.5rem 0;}
.titleblk {font-size:1.2rem;color:#000; }
.tit_num {/*font-size:.9rem;*/color: #000;}
.tit_bold {font-size:.95rem;color: #000;}
.txtrefer {color:#6764c5;}
.redtext, .textred {color: #ff0101;}
.greentext {color:#499520;}
.jointext {color:#7e9f63;font-size: .7rem;}
.jointext.red {color: #ff0101;}
.alarmtext {color:#ff7c48;font-size: .7rem;}
/*Board*/
.boardinfo {border: 1px solid #d5d5d5;background: #f5f8fc; border-radius:6px;padding: 1rem 0; box-shadow:0px 7px 3px rgba(162, 162, 162, 0.1);margin-bottom: 2rem;}
.boardinfo .totalsch {padding:0 1.5rem 0 5.5rem;position: relative; } 
.boardinfo .totalsch2 {padding:0 1rem 0 7rem;position: relative; }
.boardinfo .totalsch:before, .boardinfo .totalsch2:before {content:'';position:absolute;top:50%;left:1.5rem;transform:translateY(-50%);background-repeat: no-repeat;background-position: center left;}
.boardinfo .totalsch:before {background-image:url(../images/icon_schbbs.png);width:5rem;height:3.9rem;background-size:48px auto;} 
.boardinfo .totalsch2:before { background-image:url(../images/icon_minwon05.png);width:4.5rem;height:4.5rem; background-size:90px auto; } 
.boardinfo .totalsch > p {margin-bottom: .25rem;} 
.form_input>input {width:calc(100% - 18rem);height:2.25rem;padding-left:2.5rem;font-size:.8rem;border: 2px solid #000;border-radius:1.375rem;color: #4c4c4c;} 
.form_input>input.species {width:calc(100% - 32rem);}
.form_input {position: relative;height: 100%;}
.form_input:before {content:'\e97a';position:absolute;top:50%;left:1rem;font-family:"xeicon";font-size:1.2rem; color:#c9c9c9;height: 100%;transform: translateY(-50%); } 
.form_select { height:2.25rem;border: 2px solid #000;border-radius:1.375rem;padding: 0 .3rem;}  
.form_select.widjong {width:17%;}
.form_input .keywordwrap {position: absolute;width: 100%;left: 0rem; top: 2.2rem;background: #fafafa;color: #999999;border: 1px solid #d5d5d5;border-radius:.85rem;padding: 1rem 1.5rem;z-index: 10; }
.form_input .keywordwrap li {padding: .1rem 0;}                                  
.form_input .keywordwrap .btn {position:absolute;top:.75rem;right:.75rem;font-size: 1rem;border-bottom: 0;padding-bottom: 0;}
.form_input .keywordwrap .btn:hover i {transform:rotate(360deg);transition:.6s ease-out;}
.selectwrap > select {background: #f8f6ff;}
.document {border-top: 1px solid #ececec;}
.document li {border-bottom: 1px solid #ececec;padding: 1.5rem 1rem;overflow: hidden;position: relative;}
.document li .desc {float: left;width: calc(100% - 6rem);}
.document li .desc dt {font-size: 1.05rem;color: #000;padding-bottom: 1rem;}
.document li .navbtn {float: right;padding-top: 1rem;width:5rem; }
.boxline {border:3px solid #ebebeb;padding: 1rem .5rem;margin: .5rem 0;min-height: 7.5rem;overflow: hidden;}
.boxline.orange {border:3px solid #f6deb8; }
.boxline .items {position: relative; padding-left: 5rem;  }
.boxline .items:before {content: '';background-color: #f7f7f7;width: 4.5rem;height: 4.5rem;position: absolute;top: 0rem;left: 0rem;border-radius: 50%;z-index: -1;background-repeat: no-repeat;background-position: center center;}
.boxline .items.icon01:before {background-image: url(../images/icon_minwon01.png);background-size: 2.2rem auto;  }
.boxline .items.icon02:before {background-image: url(../images/icon_minwon02.png);background-size: 2.8rem auto;  }
.boxline .items.icon03:before {background-image: url(../images/icon_minwon03.png);background-size: 2.65rem auto;  }
.boxline .items.icon04:before {background-image: url(../images/icon_minwon04.png);background-size: 2.9rem auto;  }
.boxline .items.icon07:before {background-image: url(../images/icon_minwon07.png);background-size: 2.65rem auto;  }
.boxline .items.icon08:before {background-image: url(../images/icon_minwon08.png);background-size: 2.45rem auto;background-color: #fcf4e8;  }
.boxline .items.icon09:before {background-image: url(../images/icon_minwon09.png);background-size: 2.45rem auto;   }
.boxline .items.icon10:before {background-image: url(../images/icon_minwon10.png);background-size: 2.45rem auto;   }

.boxline .items ul li {overflow: hidden; padding: .5rem 0 .5rem .5rem; border-bottom:1px solid #e1e1e1;position: relative;}
.boxline .items ul li:last-child {border-bottom:0;}
.boxline .items ul li:before {content: '';position: absolute;top:.9rem;left: 0; width: 3px;height: 3px;background: #383838;}
.boxline .items ul li .title {float: left; color: #000;width:3.5rem; }
.boxline .items ul li .desc {float: right;width: calc(100% - 3.5rem);text-align: left;}
.boxline .logo {float: left;width:240px;padding-top:2rem;}
.boxline .organ {float: right;width:calc(100% - 240px);}
.boxline .organ li {position: relative;padding: .25rem .5rem;}
.boxline .organ li:before {content: '';position: absolute;top:.65rem;left: 0; width: 3px;height: 3px;background: #383838;} 
.boxline .organ li strong {color: #000;width: 80px;display: inline-block;font-weight: 500;}
.boxline .lawwrap  {position: relative;padding:0rem 0 1.5rem 7.5rem;}
.boxline .lawwrap:before {content: '';position: absolute;top:.5rem;left: 0;background-image: url(../images/icon_minwon06.png);width: 4.5rem;height: 4.5rem;background-repeat: no-repeat;background-size: 100% auto;} 
.boxline .lawwrap li {position: relative;padding: .35rem .5rem;}
.boxline .lawwrap li:before {content: '';position: absolute;top:.75rem;left: 0; width: 3px;height: 3px;background: #383838;} 
.boxline .lawwrap li strong {color: #000; font-weight: 500;}
.boxline .agree {position: relative;padding: 2rem 2.5rem;padding-left: 13rem; }
.boxline .agree:before {content: '';background-image: url(../images/icon_agree.png);width: 7.45rem;height: 6.1rem;background-size: 7.45rem auto;position: absolute;top: 2.5rem;left: 2.5rem; } 
.boxline p.title {margin:1rem 0 0 2.5rem; color: #000;font-size: 1.05rem;}
.txt_orange {color:#e64317}
.txt_orange2 {color:#ff0000}
.txt_orange3 {color:#ff5d05}
.boxline .agree .field {position: relative;padding-right: 10rem;}
.boxline .agree .field p {padding: .5rem 0rem;border-bottom: 1px solid #e2e2e2;}
.boxline .agree .field p span {position: relative;width: 8rem;display: inline-block;color: #000;font-weight: 500;margin-top: .5rem;padding-left: .7rem;}
.boxline .agree .field p span:before {content: '';position: absolute;top:.5rem;left: 0; width:3px;height:3px;background: #393939;}
.boxline .agree .field p input {width: calc(100% - 8.55rem);}
.boxline .agree p.btn {border-bottom: none;position: absolute;right:5rem;top: 2.5rem;}
.contact {display: block; background: #4f6ac1;color: #fff;width: 5.8rem;height: 5.8rem;line-height: 5.8rem;font-size: .9rem;border-radius: 2rem;text-align: center;transition: .3s;}
.contact:hover {background: #043c96;}
.bgbox_agree {background: #f6f6f6;padding: 1.5rem 1.5rem;margin-top: 3rem;line-height: 1.3rem;}
.list_dot li {position: relative; padding:.4rem 0 .4rem 1rem;}
.list_dot li:before {content: '';position: absolute;top:1rem;left: 0; width:3px;height:3px;background: #3b3b3b;}
.descbgbox {background: #f7f7f7;padding: 1rem 1.5rem;line-height: 1.2rem;}
ul.formbox {overflow: hidden;}
ul.formbox li {padding:.5rem .5rem;border-bottom:1px solid #e1e1e1;position: relative; float: left;width: 50%;}
ul.formbox li:before {content: '';position: absolute;top:50%;left: 0; width: 3px;height: 3px;background: #383838;}
ul.formbox strong {color: #000;width:5rem;display: inline-block;}
ul.formbox strong.longtext {width:7rem;}
ul.formbox li.wid100 {width: 100%;border-bottom: 0;}
ul.formbox li.long {width: 100%; }
ul.formbox li input[type="text"] {width: calc(100% - 5.5rem); }
ul.formbox li label {margin-right: .5rem;}
.postcode {width: 4rem !important;}
.form_icon {display: inline-block; position: relative;color:#3c3c3c;font-size:.8rem;border:1px solid #cecece; height: 1.6rem;background: #fff;padding:0 0rem;width: 100%;}   
.form_icon.mem {width:29% !important;}
.form_icon .ico_cal {display: inline-block; position: absolute;right:0rem;top: 50%;width: 1.5rem;transform: translateY(-50%); }
.form_icon input[type="text"], .form_icon select  {width:100%;border:1px solid transparent;background:transparent;padding-right: 2rem;vertical-align: middle;}
.form_icon input[type="text"][readonly]  {border-bottom:1px solid #cecece}
.schicon_blue {display: inline-block; position: relative;color:#fff !important;font-size:.8rem;  height: 1.6rem;background: #0865bc;padding:0 1.5rem 0 2.5rem;line-height: 1.5rem; border-radius: 5px;} 
.schicon_blue:hover {background: #064a89;}
.schicon_blue:before{content:"\e97a";font-family:"xeicon";position:absolute;left:1.5rem;top:0rem;}
.form_icon.datelist {width: calc(50% - 10px);}
.list_address {margin-top: .25rem;padding-left: 5.1rem;}
.list_doc li {color: #000;padding: .4rem 0;line-height: 1.25rem;}
.list_doc li ol {padding-left: 1rem;}
.list_doc li ol li {color: #3c3c3c;font-weight: 300;padding: .2rem 0;}
.formboxwrap {border:3px solid #ebebeb;padding: 1rem 1rem;} 
.formboxwrap.green {background:#fdfff8;  }
.formboxwrap.blue {background:#f8fafd;  }
.tbl_wrt {position:relative;border-collapse:collapse; width:100%;table-layout:auto;}
.tbl_wrt th {color:#000000;text-align: left;font-weight: normal; padding:.5rem .5rem .5rem .9rem;position: relative;vertical-align: top;letter-spacing: -1px;}
.tbl_wrt th:before {content: '';position: absolute;top:.95rem;left: 10px; width: 3px;height: 3px;background: #383838;}
.tbl_wrt td {padding:3px 5px;text-align:left;} 
.tbl_wrt colgroup > col.label {width:15%;}
.tbl_wrt colgroup > col.label2 {width:12%;}
.tbl_wrt colgroup > col.btn {width:90px;}
.tbl_wrt input[type="text"], .tbl_wrt select,
.tbl_wrt2 input[type="text"], .tbl_wrt2 select {width: 100%;}
.tbl_wrt input::placeholder {color: #767676;}   
.tbl_wrt input:focus::placeholder {visibility: hidden;}  
.tbl_wrt input[type="radio"]+label, 
.tbl_wrt input[type="checkbox"]+label {margin-right: 30px;}
.tbl_wrt input[type="checkbox"],
.tbl_wrt input[type="radio"]{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}
.tbl_wrt input[type="radio"]:focus+label{outline:1px dotted #000}
.tbl_wrt input[type="radio"]+label{position:relative;padding-left:1.5rem;font-weight:400;color:#555}
.tbl_wrt input[type="radio"]+label:before{content:"\e9c6";font-family:"xeicon";position:absolute;left:0;top:.4rem;color:#ddd;font-size:1rem;line-height:.4rem;background: #fff;}
.tbl_wrt input[type="radio"]:checked+label:before{content:"\e9c7";font-family:"xeicon";color:#333}
.tbl_wrt input[type="checkbox"]:focus + label{outline:1px dotted #000}
.tbl_wrt input[type="checkbox"]+label{position:relative;padding-left:1.5rem;font-weight:400;color:#555}
.tbl_wrt input[type="checkbox"]+label:before{content:"";position:absolute;left:0;top:.1rem;width:.9rem;height:.9rem;font-size:.9rem;line-height:.7rem;background:#fff;border:1px solid #ddd;text-align:center}
.tbl_wrt input[type="checkbox"]:checked+label:before{content:"\e928";font-family:"xeicon";background:#116DC9;color:#fff;border-color:#116DC9}
.tbl_wrt select.wid50, .tbl_wrt input.wid50, .tbl_wrt2 select.wid50, .tbl_wrt2 input.wid50 {width: 49% !important;}
.tbl_wrt select.wid40, .tbl_wrt input.wid40, .tbl_wrt2 select.wid40, .tbl_wrt2 input.wid40 {width: 39% !important;}
.tbl_wrt select.wid30, .tbl_wrt input.wid30, .tbl_wrt2 select.wid30, .tbl_wrt2 input.wid30 {width: 29% !important;}
.tbl_wrt2 {position:relative;border-collapse:collapse; width:100%;table-layout:auto;border-top: 1px solid #000;}
.tbl_wrt2 th {color:#000000;text-align: left;font-weight: normal; padding: 1rem 1rem;position: relative;vertical-align: top;background: #fbfbfb;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;} 
.tbl_wrt2 td {padding:.5rem;text-align:left;border-bottom: 1px solid #dfdfdf;word-break: keep-all;} 
.tbl_wrt2 colgroup > col.label {width:12%;}
.tbl_wrt2 colgroup > col.label15 {width:15%;} 
.tbl_wrt2 colgroup > col.label18 {width:18%;} 
.tbl_data {position:relative;border-collapse:collapse; width:100%;table-layout:auto;border-top: 1px solid #000;}
.tbl_data th {color:#000000;border-left: 1px solid #e0e0e0; padding:1rem 0;text-align: center;border-bottom: 1px solid #e0e0e0; }
.tbl_data td {border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;text-align: left;padding: 1rem .5rem;}
.tbl_data th:first-child, .tbl_data td:first-child {border-left:0;}
.tbl_data.txtc td {text-align: center;word-break: keep-all;}
.tbl_data2 {position:relative;border-collapse:collapse; width:100%;table-layout:auto;border-top: 1px solid #000;}
.tbl_data2 th {color:#000000;border-left: 1px solid #e0e0e0; padding:.5rem 0;text-align: center;border-bottom: 1px solid #e0e0e0; }
.tbl_data2 td {border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;text-align: center;padding: .5rem .25rem;}
.tbl_data2 th:first-child, .tbl_data2 td:first-child {border-left:0;}
.tbl_data2 td.txtl {text-align: center;word-break: keep-all;padding:.5rem .5rem;}
.tbl_data td.rwstd {border-left:1px solid #e0e0e0;}
.tbl_data td.bgtd {background: #f2f7fc;}
.tbl_data .vltop {vertical-align: top;}
.filewrap {min-height: 3.75rem;width: 100%;border: 1px solid #d0d0d0;background: #fff;padding:.25rem .35rem; color: #767676;}
.alarmwrap {height: 5rem;overflow-y: scroll;width: 100%;border: 1px dashed #cecece; padding:.5rem .5rem; color: #ff7c48;font-size: .7rem;margin: .5rem 0;}
.alarmwrap li {position: relative; padding:.15rem 0 .15rem .5rem;}
.alarmwrap li:before {content: '';position: absolute;top:.5rem;left: 0; width:3px;height: 3px;background: #ff7c48;}
.icon_file	{margin-top: .25rem;}
.icon_file li { padding:2px 0; line-height:1.35rem;font-size: .7rem;overflow: hidden;}
.icon_file li .title {float: left;width: calc(100% - 150px);}
.icon_file li .filedel {float: right;width: 150px;text-align: right;} 
.schwrap {text-align: right;}
.schwrap .btnsch  {height: 2rem;line-height: 2rem; background: #074e7f;color: #fff;padding:0 .8rem;border-radius:.5rem;display: inline-block;transition: .4s;}
.schwrap .btnsch:hover {background: #06304d;}
.schwrap input[type="text"], .schwrap select {border-radius: .5rem;}
.schwrap input[type="text"] {width: 35%}
.schwrap input.wid100[type="text"] {width: calc(100% - 70px);}

/*BBS List*/
.bbs_list ul li,
.bbs_list ul li p {transition:.3s;}
.bbs_list{margin-top:20px;border-top:1px solid #202020;}
.bbs_list ul{display:table;table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;}
.bbs_list ul li{position:relative;display:table-row;border-bottom:1px solid #dfdfdf;}
.bbs_list ul li:hover{background:#fafafa;}
.bbs_list ul li p, 
.bbs_list ul li.thead strong{display:table-cell;font-size:.8rem;text-align:center; vertical-align:middle;position:relative;  } 
.bbs_list ul li.thead{border-bottom:1px solid #dfdfdf;}
.bbs_list ul li.thead:hover{background:transparent;}
.bbs_list ul li.thead strong{padding:1rem .5rem;font-weight:400;font-size:.85rem;color:#000000;position: relative;}
.bbs_list ul li.thead strong:after {content: '';position: absolute;height:28px;width: 1px;background: #dfdfdf;right: 0;top: 50%;transform: translateY(-50%);}
.bbs_list ul li.thead strong:last-child:after   {display: none;}
.bbs_list ul li p em {display:block; }
.bbs_list ul li p {padding:.7rem .25rem;color: #585858;} 
.bbs_list ul li .subject{width:auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.bbs_list ul li .reqtit{width:auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.bbs_list ul li .reqnum{width:250px;}
.bbs_list ul li .reqnum2{width:220px;}
.bbs_list ul li .request{width:120px;}
.bbs_list ul li .redate{width:120px;} 
.bbs_list ul li .council{width:120px;} 
.bbs_list ul li .process{width:120px;color: #000;} 
.bbs_list ul li .reply{width:120px;color: #6764c5;}
.bbs_list ul li .sel{width:60px;}
.bbs_list ul li .no{width:60px;} 
.bbs_list ul li .pnum{width:100px;} 
.bbs_list ul li .pnum2{width:180px;} 
.bbs_list ul li .paper{width:auto;} 
.bbs_list ul li .porg{width:140px;} 
.bbs_list ul li .pdate{width:120px;} 
.bbs_list ul li .fdate{width:120px;} 
.bbs_list ul li .print{width:150px;} 
.bbs_list ul li .reprint{width:130px;} 
.bbs_list ul li .jdate{width:130px;} 
.bbs_list ul li .status{width:120px;} 
.bbs_list ul li .rpdate{width:110px;} 
.bbs_list ul li .wdate{width:130px;} 
.bbs_list ul li .counter{width:80px;} 
.bbs_list ul li .atfile{width:100px;} 
.bbs_list ul li .orgname{width:150px;} 
.bbs_list ul li .address{width:auto;} 
.bbs_list ul li .fax{width:150px;} 
.bbs_list ul li .zone{width:150px;} 
.bbs_list ul li .telphone{width:150px;}
.bbs_list ul li .homepage{width:80px;}  
.bbs_list ul li .map{width:60px;} 
.bbs_list ul li .apnum{width:180px;/*color: #6764c5;*/} 
.bbs_list ul li .category{width:100px;} 
.bbs_list ul li .minwon{width:auto;/*color: #6764c5;*/} 
.bbs_list ul li .apdate{width:150px;} 
.bbs_list ul li .procelist{width:120px;} 
.bbs_list ul li .procelist2{width:120px;} 
.bbs_list ul li .prdate{width:110px;} 
.bbs_list ul li .source{width:300px;} 
.bbs_list ul li .file{width:100px;} 
.bbs_list ul li .access{width:90px;}  
.bbs_list ul li .way{width:120px;}  
.bbs_list ul li .whether{width:120px;}  
.bbs_list ul li .delete{width:60px;}  
.bbs_list ul li .printac{width:130px;}  
.bbs_list ul li .bigo{width:130px;}  
.bbs_list ul li.notice {background: #faf8fc;}
.bbs_list ul li.recent {background: #feffe8;}
.bbs_list ul li .temnum {width:180px;} 
.bbs_list ul li .sangtae {width:110px;} 
.bbs_list ul li .addate{width:120px;}
.bbs_list ul li .orgcon{width:150px;}
.bbs_list ul li .jdate2{width:130px;} 
.bbs_list ul li .rpdate2{width:110px;} 
.bbs_list ul li .status2{width:120px;} 
.bbs_list ul li .sel{width:60px;} 
.noti {background: url(../images/icon_notice.png) no-repeat top left;width: 17px;height: 15px;display: inline-block;margin-right: .5rem;}
.new2 {background: url(../images/icon_new2.png) no-repeat center center;width: 34px;height: 18px;display: inline-block;margin-right: .4rem;vertical-align:middle;margin-top:-5px;}
.bbs_list .nodata {width:100%;padding:30px 0; text-align:center;border-bottom:1px solid #dfdfdf;} 
.bbs_view {margin-top: 2.5rem;border-top:1px solid #1f1f1f; }
.bbs_view .heading{padding:1.5rem 0 1.5rem 0;border-bottom:1px solid #dedede;position: relative;}
.bbs_view .heading .title {font-size:1.4rem;color:#000;line-height: 1.8rem; }
.bbs_view .heading .desc {font-size:.75rem;color:#5b5b5b;margin-top:1rem;text-align: right;}
.bbs_view .heading .desc>span {padding-right: .5rem;margin-right:.5rem;position: relative;}
.bbs_view .heading .desc>span:after {content: '';width: 1px;height: 15px;background: #5b5b5b;position: absolute;top: 50%;right: 0;transform: translateY(-50%); }
.bbs_view .bbs_viewinfo{padding:2rem 1rem;border-bottom:1px solid #dfdfdf;line-height: 1.2rem;}
.bbs_view .bbs_viewreply {padding:2rem 1rem;border-bottom:1px solid #dfdfdf;line-height: 1.2rem;background: #f6f6f6;}
.bbs_view .bbs_viewreply .replybox {margin-top: 1.5rem; background: #fff;padding:1rem .5rem;border-top: 1px dotted #b2b2b2;position: relative;}
.bbs_view .bbs_viewreply .replybox .retxt {position: absolute;background: url(../images/bg_reply.png) no-repeat top left;width: 76px;height: 31px;color: #fff;text-align: right;line-height: 32px;padding-right: .45rem;}
.bbs_view .bbs_viewreply .replybox table {padding-left: 10%;}
.bbs_view .bbs_viewreply .replybox table th {text-align: left;font-weight: 400;color: #000;font-size: .8rem; vertical-align: top;}  
.attfile   {margin-top: .5rem;}
.attfile li {font-size:.75rem;margin-bottom: .2rem;position: relative;}
.attfile li:after {content: '\eb7c';position:absolute;font-family:xeicon;font-size:.8rem;color:#0c0c0c;top: 0; margin-left: .3rem;}
.fileplus label, .fileplus2 label {display: inline-block;position: relative;vertical-align: middle;}
.fileplus label {border: 1px solid #dddddd;width: 2rem;height: 2rem;font-size: 0;}
.fileplus2 label {height:1.6rem;border-radius:8px;color:#000;background: #f6ffe4;border: 1px solid #b1b1b1; font-size:.7rem;padding:0 1.25rem 0 .5rem;line-height:1.5rem;}
.fileplus label:after, .fileplus2 label:after {content: '\e913';position:absolute;font-family:xeicon;}
.fileplus label:after {font-size:1rem;color:#0c0c0c; left: 50%;top: 50%;transform: translate(-50%, -50%);} 
.fileplus2 label:after {right:.25rem;top: 50%;transform: translateY(-50%);} 
.fileplus input[type="file"], .fileplus2 input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.fileDel {display: inline-block; position: relative; vertical-align: middle; border-radius: 8px; color: #000; background: #f6ffe4; font-size: 15px; line-height: 30px;}
.fileDel input[type="button"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.fileDel label:after {content: '\e921';position:absolute;font-family:xeicon;}
#tblImpStampList td {word-break: break-all;}
.bbs_view .fileinfo {padding:.5rem .5rem;border-bottom:1px solid #dedede;overflow: hidden;background: #fbfbfb;}
.bbs_view .fileinfo p {float: left; width: 4rem;}
.bbs_view .fileinfo ul {float: right;width:calc(100% - 4rem);}
.bbs_view .fileinfo ul li {font-size:.75rem;margin-bottom: .2rem;position: relative;}
.bbs_view .fileinfo ul li:after {content: '\eb7c';position:absolute;font-family:xeicon;font-size:.8rem;color:#0c0c0c;top: 0; margin-left: .3rem;}
.bbs_view .prevnex li {padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;}
.bbs_view .prevnex li span {border-right:1px solid #e0e0e0;padding-right:2.5rem;display:inline-block;margin-right:1rem;position:relative;color:#000;width: 5rem;}
.bbs_view .prevnex li span:after {content:'';position:absolute;font-family:xeicon;font-size:1rem;color:#0c0c0c;margin-left:1rem;}
.bbs_view .prevnex li span.next:after {content:'\e942';}
.bbs_view .prevnex li span.prev:after {content:'\e945';}
.tabschwrap {overflow: hidden;margin: 2rem 0;}
.tabschwrap ul {margin:0 -4px;overflow: hidden;}
.tabschwrap li {float: left;width:calc(50% - 8px);margin:0 4px; }
.tabschwrap li a {display: block;background: #f9f9f9;border: 1px solid #e0e0e0;font-size: .8rem;line-height: 2.2rem; height:2.3rem;text-align: center;transition: .5s;}
.tabschwrap li a:hover, .tabschwrap li a.active {background: #393098;color: #fff;box-shadow: 0 0 0 1px #000 inset;border: 1px solid #000;}  
/*.tabschwrap li a {display: block;background: #fafafa;border: 1px solid #c1c1c1;color:#494949; font-size: .8rem;line-height: 2.2rem; height:2.3rem;text-align: center;transition: .5s;}
.tabschwrap li a:hover, .tabschwrap li a.active {background: #ffffff;color: #342b94;border:2px solid #393098;font-weight:600;}*/ 
.tabschwrap li a br {display: none;}
.tabschwrap.list3 li {float: left;width:calc(33.3333% - 8px);  } 
.tabschwrap.list4 li {float: left;width:calc(25% - 8px);  } 
.tabschwrap.list5 li {float: left;width:calc(20% - 8px);  } 
.tabschwrap.list6 li {float: left;width:calc(16.6666% - 8px);  } 
.tabschwrap.list7 li {float: left;width:calc(14.25871% - 8px);  }  
.tabschwrap.listzone ul {margin:0 -1px;overflow: hidden;}
.tabschwrap.listzone li {float: left;width:calc(14.25871% - 2px); margin:0 1px; } 
.tabschwrap.info ul {margin:0 -2px;overflow: hidden;}
.tabschwrap.info li a {display: block;background: #f9f9f9;border: 1px solid #e0e0e0;font-size: .8rem;  height:auto;line-height: 1.35;padding: .5rem 0; text-align: center;transition: .5s;}
.tabschwrap.info li a:hover, .tabschwrap.info li a.active {background: #393098;color: #fff;box-shadow: 0 0 0 1px #000 inset;border: 1px solid #000;} 
/*.tabschwrap.info li a {display: block;background: #fafafa;border: 1px solid #c1c1c1;color:#494949; font-size: .8rem;  height:auto;line-height: 1.35;padding: .5rem 0; text-align: center;transition: .5s;}
.tabschwrap.info li a:hover, .tabschwrap.info li a.active {background: #ffffff;color: #342b94;border:2px solid #393098;font-weight:600;}*/ 
.tabschwrap.info li {float: left;width:calc(16.666% - 4px); margin:0 2px; } 
.tabschwrap.info li a br {display: block;}
.tab2depth {overflow: hidden; position: relative;margin-bottom: 1.5rem; } 
.tab2depth li {float: left;width:calc(25% - 4px);margin-left: 4px; } 
.tab2depth.list7 li {width:calc(14.25871% - 4px);  } 
.tab2depth li a {display: block;background: #ffffff;border: 1px solid #dadada;font-size: .8rem;height: 2.3rem; padding:.65rem 0; text-align: center;transition: .3s; }
.tab2depth li:hover a, .tab2depth li.active a {background: #5c7fbf;color: #fff;box-shadow: 0 0 0 1px #1a3b78 inset;border: 1px solid #1a3b78;} 
/*.tab2depth li a {display: block;background: #ffffff;border: 1px solid #e5e5e5;font-size: .8rem;height: 2.3rem; padding:.65rem 0; text-align: center;transition: .3s;border-radius:4px; }
.tab2depth li:hover a, .tab2depth li.active a {background: #eaecf9;border:1px solid #eaecf9;color: #000; font-weight:600 }*/ 
.tab3depth {margin-bottom: 2rem; }  
.tab3depth ul {position: relative;overflow: hidden; }
.tab3depth ul:before {content: '';background: #1e71b8;height: 2px;width: 100%;position: absolute;bottom: 0px; }
.tab3depth li {float: left;width:calc(50% - 2px);margin-left: 4px;}  
.tab3depth li:first-child {margin-left: 0;}
.tab3depth li a {display: block;background: #f2f5f8;border: 2px solid #f2f5f8; font-size: .8rem;padding:.65rem 0; text-align: center;transition: .3s; height: 100%; } 
.tab3depth li:hover a, .tab3depth li.active a {background: #ffff;color: #000;border: 2px solid #1e71b8; border-bottom: 2px solid #fff; position: relative;} 
.tab3depth li a br {display: none;}
#tabcont1, #tabcont2{display:none;}
.active#tabcont1, .active#tabcont2{display:block;} 
.tabschwrap.mart0 {margin: 0rem 0;}
.float_left.width50 {width:50%;}
/*Paging*/
.paging-area {width: 100%;height: 38px;clear: both;margin:2rem 0;position: relative;}
.paging-area .paging {display: inline-block;width: 100%;text-align: center; } 
.paging-area .paging li a {display: inline-block;min-width: 38px;  height: 38px;line-height: 36px;text-align: center;border:1px solid #dbdbdb;padding:0 8px;margin: 2px;}
.paging-area li, .paging-area a {font-size: 16px;vertical-align: middle;display: inline;} 
.paging-area .paging .current a {color: #000;background: #fff;border:1px solid #000}
.paging-area .paging .current a:hover {color: #000;}
.paging-area .paging li a:hover { color: #000;border:1px solid #000 }
.paging-area li.first a, .paging-area li.previous a, .paging-area li.next a, .paging-area li.last a {position: relative;background: #f8f8f8;border:1px solid #dddddd;}
.paging-area li.first a span, 
.paging-area li.previous a span, 
.paging-area li.next a span, 
.paging-area li.last a span    {display: inline-block;position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.paging-area li.first a:hover, .paging-area li.previous a:hover, .paging-area li.next a:hover, .paging-area li.last a:hover {background: #f5f5f5;border:  1px solid #dcdcdc;}
.paging-area .counter {display: block; position: absolute;right: 0;top: 10px;} 
.popuplayer .paging-area .paging {text-align: left !important;}
.paging-area .paging .current a strong {font-weight:500;}
.sprt_icons {background: url(../images/icons.png) no-repeat;text-indent: -99999px;display: inline-block;}
.firstpage {background-position: 0 0;width: 14px;height: 11px;}
.prevpage {background-position: -14px 0;width: 8px;height: 11px;}
.nextpage {background-position: -22px 0;width: 8px;height: 11px;}
.lastpage {background-position: -30px 0;width: 14px;height: 11px;}
/*ModalPopup*/  
.modalwrap{visibility:hidden;overflow:hidden;width:0;height:0;opacity:0;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
.modalwrap .modalpopup {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50rem;max-width:calc(100% - 2rem);margin-left:auto!important;margin-right:auto!important;overflow:hidden;overflow-y:auto;background-color:#fff;border:2px solid #000;}
.modalwrap .modalpopup.smpop {width:30rem;}
.modalwrap .modalpopup .container .btn {position:absolute;top:1rem;right:1.5rem;}
.modalwrap .modalpopup .container .btn .modalclose {font-size:1rem;} 
.modalwrap .modalpopup .container .btn .modalclose:hover i {transform:rotate(360deg);transition:.6s ease-out;}
.modalwrap.active{visibility:visible;overflow:visible;width:auto;height:auto;opacity:1;width:100%!important;height:100%!important;transition:opacity .5s}
.modalwrap .modalpopup .container {padding:1rem 1.5rem;position:relative;} 
.modalwrap .modalpopup .container .heading {border-bottom:2px solid #575757;padding-bottom:.25rem;text-align:left;margin-bottom:1rem;}
.modalwrap .modalpopup .container .heading .title {font-size:1.3rem;color:#000; font-weight: 400;padding-bottom: .5rem;} 
.modalwrap .modalpopup .container .scroll {margin:0;height:500px;overflow-y:scroll;} 

.jonginfomodal{}
.jonginfomodal .modalpopup {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50rem;max-width:calc(100% - 2rem);margin-left:auto!important;margin-right:auto!important;overflow:hidden;overflow-y:auto;background-color:#fff;border:2px solid #000;}
.jonginfomodal .modalpopup.smpop {width:30rem;}
.jonginfomodal .modalpopup .container .btn {position:absolute;top:1rem;right:1.5rem;}
.jonginfomodal .modalpopup .container .btn .modalclose {font-size:1rem;}
.jonginfomodal .modalpopup .container .btn .modalclose:hover i {transform:rotate(360deg);transition:.6s ease-out;}
.jonginfomodal.active{visibility:visible;overflow:visible;width:auto;height:auto;opacity:1;width:100%!important;height:100%!important;transition:opacity .5s}
.jonginfomodal .modalpopup .container {padding:1rem 1.5rem;position:relative;}
.jonginfomodal .modalpopup .container .heading {border-bottom:2px solid #575757;padding-bottom:.25rem;text-align:left;margin-bottom:1rem;}
.jonginfomodal .modalpopup .container .heading .title {font-size:1.3rem;color:#000; font-weight: 400;padding-bottom: .5rem;}
.jonginfomodal .modalpopup .container .scroll {margin:0;height:500px;overflow-y:scroll;}

.popsch {border: 1px solid #d5d5d5;background: #f5f8fc; border-radius:6px;padding:1rem 1rem; box-shadow:0px 7px 3px rgba(162, 162, 162, 0.1);}
.popanimal {overflow: hidden;}
.popanimal li {float: left;width:16%;margin: .5rem 0;text-align: center; }
.popanimal li span {display: inline-block;position: relative;width: 100%;}
.popanimal li span:before {content: '';width: 4.4rem;height: 4.4rem;position: absolute;top: 0;left: 50%;transform: translateX(-50%);background-repeat: no-repeat;background-position: top center;background-size: 100% auto;}
.popanimal li span.ani01:before {background-image: url(../images/animal_01.png)}
.popanimal li span.ani02:before {background-image: url(../images/animal_02.png)}
.popanimal li span.ani03:before {background-image: url(../images/animal_03.png)}
.popanimal li span.ani04:before {background-image: url(../images/animal_04.png)}
.popanimal li span.ani05:before {background-image: url(../images/animal_05.png)}
.popanimal li span.ani06:before {background-image: url(../images/animal_06.png)}
.popanimal li span.ani07:before {background-image: url(../images/animal_07.png)}
.popanimal li span.ani08:before {background-image: url(../images/animal_08.png)}
.popanimal li span.ani09:before {background-image: url(../images/animal_09.png)}
.popanimal li span.ani10:before {background-image: url(../images/animal_10.png)}
.popanimal li span.ani11:before {background-image: url(../images/animal_11.png)}
.popanimal li span.ani12:before {background-image: url(../images/animal_12.png)}
.popanimal li strong {display:inline-block;width: 100%;padding-top: 100px;font-size: .75rem; }
.popthumlist {overflow: hidden;border-top: 1px solid #000;}
.popthumlist li {float: left;width:calc(50% - 10px);border-bottom: 1px solid #dfdfdf;padding: 1rem 0;height: auto; }
.popthumlist li .photo {float: left;width: 140px;padding-right: 10px;}
.popthumlist li .photo .imgbox {border: 1px solid #dddddd;text-align: center;}
.popthumlist li .descinfo {float: left;width: calc(100% - 140px);} 
.popthumlist li .descinfo li {float: none;width: 100%;border: none;padding:0 0 0 .5rem;line-height: 1.25rem;position: relative;}
.popthumlist li .descinfo li strong {color: #000;font-weight: 400; }
.popthumlist li .descinfo li:before {content: '';position: absolute;top:.5rem;left: 0; width: 3px;height: 3px;background: #383838;}
.tbl_popup {position:relative;border-collapse:collapse; width:100%;table-layout:auto; }
.tbl_popup th {color:#000;text-align: left;padding: .25rem .5rem;position: relative;vertical-align: top;} 
.tbl_popup th:before {content: '';position: absolute;top:.65rem;left: 0; width: 3px;height: 3px;background: #383838;}
.tbl_popup td {padding:.25rem;text-align:left;} 
.tbl_popup colgroup > col.label {width:18%;}
/*Taxa Search*/
.taxa_wrap {margin:3rem 0;height: 7rem;overflow: hidden;}
.taxa_wrap li {float: left;width:calc(9% - 1rem); margin: 0 .5rem;text-align: center;} 
.taxa_wrap li span {display: block;width:4.6rem;height: 4.6rem;border-radius: 50%;background: #fff;border: 1px solid #d8d8d8; transition: .6s;}
.taxa_wrap li a:hover span, .taxa_wrap li a.active span {background:url(../images/bg_taxaicon.png) no-repeat center center;}
.taxa_wrap li span i {display: block;position: relative;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;transition: .6s;} 
.taxa_wrap li span i.taxa01  {background-image: url(../images/icon_taxa01.png)}
.taxa_wrap li span i.taxa02  {background-image: url(../images/icon_taxa02.png)}
.taxa_wrap li span i.taxa03  {background-image: url(../images/icon_taxa03.png)}
.taxa_wrap li span i.taxa04  {background-image: url(../images/icon_taxa04.png)}
.taxa_wrap li span i.taxa05  {background-image: url(../images/icon_taxa05.png)}
.taxa_wrap li span i.taxa06  {background-image: url(../images/icon_taxa06.png)}
.taxa_wrap li span i.taxa07  {background-image: url(../images/icon_taxa07.png)}
.taxa_wrap li span i.taxa08  {background-image: url(../images/icon_taxa08.png)}
.taxa_wrap li span i.taxa09  {background-image: url(../images/icon_taxa09.png)}
.taxa_wrap li span i.taxa10  {background-image: url(../images/icon_taxa10.png)}
.taxa_wrap li span i.taxa11  {background-image: url(../images/icon_taxa11.png)}
.taxa_wrap li a:hover span i.taxa01, .taxa_wrap li a.active span i.taxa01  {background-image: url(../images/icon_taxa01on.png)} 
.taxa_wrap li a:hover span i.taxa02, .taxa_wrap li a.active span i.taxa02  {background-image: url(../images/icon_taxa02on.png)} 
.taxa_wrap li a:hover span i.taxa03, .taxa_wrap li a.active span i.taxa03  {background-image: url(../images/icon_taxa03on.png)} 
.taxa_wrap li a:hover span i.taxa04, .taxa_wrap li a.active span i.taxa04  {background-image: url(../images/icon_taxa04on.png)} 
.taxa_wrap li a:hover span i.taxa05, .taxa_wrap li a.active span i.taxa05  {background-image: url(../images/icon_taxa05on.png)} 
.taxa_wrap li a:hover span i.taxa06, .taxa_wrap li a.active span i.taxa06  {background-image: url(../images/icon_taxa06on.png)} 
.taxa_wrap li a:hover span i.taxa07, .taxa_wrap li a.active span i.taxa07  {background-image: url(../images/icon_taxa07on.png)} 
.taxa_wrap li a:hover span i.taxa08, .taxa_wrap li a.active span i.taxa08  {background-image: url(../images/icon_taxa08on.png)} 
.taxa_wrap li a:hover span i.taxa09, .taxa_wrap li a.active span i.taxa09  {background-image: url(../images/icon_taxa09on.png)} 
.taxa_wrap li a:hover span i.taxa10, .taxa_wrap li a.active span i.taxa10  {background-image: url(../images/icon_taxa10on.png)} 
.taxa_wrap li a:hover span i.taxa11, .taxa_wrap li a.active span i.taxa11  {background-image: url(../images/icon_taxa11on.png)} 
.taxa_wrap li p {font-size: .75rem;color: #000;margin-top: 1rem;letter-spacing: -1px;text-align: center;}
.taxa_mobile {display: none;}
/*thumlist*/
.thumlist{overflow:hidden;border-top:1px solid #e5e5e5;  }  
.thumlist ul {margin: 0 -1.5%;}
.thumlist ul li {float:left;width:25%;padding:1rem 1.5%; position:relative;min-height:400px;border-bottom: 1px solid #dfdfdf; }  
.thumlist ul li .photo {position:relative;}
.thumlist ul li .photo a {overflow:hidden;height:230px;border: 1px solid #e5e5e5; display: block; }  
.thumlist ul li .photo a:hover {border: 2px solid #000;} 
.thumlist ul li .photo img {display:block;width:100%;margin:0 auto;height:100%;transition:.3s;}
.thumlist ul li .photo a:hover img {transform: scale(1.1); }
.thumlist ul li .photo .sourcebox {position:absolute;left:1px;bottom:1px;background: #000;color: #fff;height: 1rem;font-size: .65rem;font-weight: 300;padding:0 .5rem 0 .25rem;line-height: 1rem;  }
.thumlist ul li .photo .sourcebox:before {content: '\ea4b';font-family:"xeicon";}
.thumlist ul li .desc{margin-top:1rem;}
.thumlist ul li .desc dt {color: #000;font-size: .9rem;position: relative;}
.thumlist ul li .desc dt span.jong {color:#555555;font-size: .8rem;}
.thumlist ul li .desc dd {min-height:60px;font-size: .75rem;} 
.thumlist ul li .btmbox {margin-top: .5rem;}
.thumlist ul li .btmbox * {display: inline-block;width:49%;height: 1.6rem;border-radius:8px;font-size: .7rem;line-height: 1.5rem;text-align: center;}
.thumlist ul li .btmbox .exit {background: #3f4362;color: #fff; }
.thumlist ul li .btmbox .btnmore {border: 1px solid #b1b1b1;background: #eef4fc;color: #000;} 
.endspc {position: relative;padding:0rem 0 2rem 19rem;min-height: 11rem;}
.endspc:before {content: '';background-repeat: no-repeat;background-size: 100% auto; width:14.2rem;height: 10.05rem;top: 0;left: 0;position: absolute;}
.endspc.icon01:before {background-image: url(../images/icon_spc01.png); }
.endspc.icon02:before {background-image: url(../images/icon_spc02.png); }
.endspc.icon03:before {background-image: url(../images/icon_spc03.png); }
.endspc.icon04:before {background-image: url(../images/icon_spc04.png); }
.endspc.icon05:before {background-image: url(../images/icon_spc05.png); }
.endspc.icon06:before {background-image: url(../images/icon_spc06.png); }
.endspc.icon07:before {background-image: url(../images/icon_spc07.png); }
.endspc.icon08:before {background-image: url(../images/icon_spc08.png); }
.endspc p {margin-bottom: 1rem;}
.endspc li {line-height: 1.2rem;position: relative;padding:3px 3px 0 10px;}
.endspc li:before {content: '';background:#3c3c3c;width:4px;height:1px;top:13px;position: absolute; left: 0;}
.endsite {background: #fcfcf9;border: 1px solid #dfdfdf;padding: 1.5rem 1.5rem;overflow: hidden;}
.endsite > div {float: left;width: 33.33333%;}
.endsite > div.col2 {float: left;width:50%;}
.endsite>p {margin-bottom: 1rem;}
.endsite .items>p {width: 100%;height: 5.9rem;   }
.endsite .items>p>img { width: inherit;height: inherit;object-fit: contain;object-position: center center;}  
.endsite .items a {text-align: center;display: block;max-width: 16.05rem;margin: .5rem auto;  } 
.btnhome {display:inline-block; background: #ffffff;height: 1.6rem;padding: 0 1rem;line-height: 1.5rem;border: 1px solid #999999;border-radius: 8px;transition: .4s;}
.btnhome:hover {background: #f0f0f0;}
.endsect {margin: 1rem 0; }
.endsect ul {overflow: hidden;}
.endsect li {float: left;width:25%;padding:2rem 1.5rem 2rem 0;}
.endsect .box {position: relative; min-height:11rem; border: 1px solid #e5e5e5;box-shadow:10px 10px 5px rgba(0,0,0,.04);text-align: center;padding-bottom: 1.5rem;}
.endsect .box i {display: block;width:3.1rem;height:3.1rem;position: absolute;top: -1.5rem;left: 50%;transform: translateX(-50%);background-size: 100% auto;background-repeat: no-repeat;}
.endsect .box i.icon01 {background-image: url(../images/icon_sub04.png);}
.endsect .box i.icon02 {background-image: url(../images/icon_sub042.png);}
.endsect .box p {padding:3rem 1rem 1.5rem 1rem;text-align: center;font-size: .9rem; color: #000;word-break: keep-all;min-height: 9rem;}
.endsect .box p span{display: block;font-size: .8rem;}
.endsect .box a {min-width: 70%;margin-bottom: .4rem;}
.cites {position: relative;margin: 2rem 0;padding-left: 13.5rem;}
.cites:before {content: '';background-image: url(../images/simg0401_05.png);background-repeat: no-repeat;background-size: 100% auto; width:6.15rem;height: 3.45rem;top: 0;left: 0;position: absolute;}
.cites p {font-size: .9rem;margin-bottom: 1rem;}
[class^="simgbg0"] {margin:1.5rem 0;background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;width: 100%;}
.simgbg01 {background-image: url(../images/simg0401031.png);max-width:50.05rem;height:26.65rem;}
.simgbg02 { background-image: url(../images/simg0401032.png);max-width:49.8rem;height:28.65rem;}
.simgbg03 { background-image: url(../images/simg0401033.png);max-width:36.15rem;height:5.7rem;}
.simgbg04 { background-image: url(../images/simg0401034.png);max-width:51.05rem;height:44.25rem;}
.simgbg05 { background-image: url(../images/simg0401035.png);max-width:55rem;height:57.05rem;}
.simgbg06 { background-image: url(../images/simg0401036.png);max-width:41.85rem;height:48.75rem;}
.simgbg07 { background-image: url(../images/simg040104.png);max-width:50.35rem;height:37.5rem;}
.list_link {position: relative;}
.list_link li {position: relative; padding:.25rem 0 .25rem .8rem;}
.list_link li:before {content: '';position: absolute;top:.8rem;left: 0; width: 3px;height: 3px;background: #383838;}
.list_link li a {position: relative;padding-right: 26px;display: inline-block;}
.list_link li a[target=_blank]:after {content: '';background: url(../images/icon_linkblank.png) no-repeat top right;width: 16px;height: 16px;position: absolute;top:.2rem;right: 0;}
.list_link2 {position: relative;}
.list_link2 li {position: relative; padding:.1rem 0 .1rem .6rem;}
.list_link2 li:before {content: '';position: absolute;top:.7rem;left: 0; width: 3px;height: 3px;background: #383838;}
.list_link2 li a {position: relative;padding-right: 26px;display: inline-block;}
.list_link2 li a[target=_blank]:after {content: '';background: url(../images/icon_linkblank.png) no-repeat top right;width: 16px;height: 16px;position: absolute;top:.2rem;right: 0;}
.list_dash li {position: relative; padding:.15rem 0 .15rem .5rem;}
.list_dash li:before {content: '';position: absolute;top:.6rem;left: 0; width:5px;height: 1px;background: #585858;}
.ministbox {border:3px solid #ebebeb;padding: 1rem 1rem;margin: 1rem 0;overflow: hidden;}
.ministbox li {float: left;width: 22%;line-height: 3.5rem;text-align: center;border-left: 1px solid #eaeaea;}
.ministbox li:first-child {border-left: 0;}
.ministbox li:nth-child(3) {width: 34%;}
.intro, .intro2 {margin: 1rem 0;} 
.intro ul li {line-height: 1.25rem;}
.intro ul li ol li {padding-left: 1.75rem;position: relative;}
.intro ul li ol li:before {content: '';position: absolute;top:.5rem;left:1rem; width: 5px;height: 1px;background: #646464;}
.intro ul li ol li ol li:before {display: none;} 
.intro2 ul li {position: relative;line-height: 1.25rem;padding-left: .5rem;}
.intro2 ul li:before {content: '';position: absolute;top:.5rem;left:0; width:3px;height: 3px;background: #393939;}
.intro2 ul li ul li {padding-left: .5rem;position: relative;} 
.intro2 ul li ul li:before {content: '';position: absolute;top:.5rem;left:0rem; width: 5px;height: 1px;background: #646464;}
.intro2 ul li ul li ol li {padding-left: 0;}
.intro2 ul li ul li ol li:before {display: none;}
.intro_title {margin:.5rem 0; color: #000;font-size: .85rem;} 
.loginbox {position: relative;overflow: hidden;   }  
.loginbox .items {float: left;width:50%;padding:0 1.5rem;border-left: 1px solid #e8e8e8;}
.loginbox .items:first-child {padding-left: 0;border-left: 0;}
.loginbox .items .loginitem {width: auto;}
.loginbox .items .loginitem > p {margin-bottom: 10px; width:100%;}
.loginbox .items .loginitem input {border: none;height:2.8rem;width: 100%; padding-left:4rem;outline: none;transition: .3s;border: 1px solid #cecece;}
.loginbox .items .loginitem input:focus {border: 1px solid#1a9fc4; } 
.loginbox .items .loginitem input::placeholder {font-size: .8rem; color: #ababab;}
.loginbox .items .loginitem input:focus::placeholder {visibility: hidden;}
.icon_id, .icon_pwd  {position: relative;height:2.8rem;}
.icon_id:before, .icon_pwd:before {content: '';background-repeat: no-repeat; position: absolute;left:26px;top:50%;background-size: 100% auto;background-position:top left;transform: translateY(-50%);}
.icon_id:before {background-image: url(../images/login_id.png);width:14px;height:16px;} 
.icon_pwd:before {background-image: url(../images/login_pwd.png);width: 14px;height:17px; } 
.loginbox .items .loginbtn, .loginbox .items .loginbtn2   {width: 100%; display: block; height:2.75rem;line-height:2.7rem;text-align: center;font-size:.9rem; color: #fff; background-color:#00a7bf; transition: .5s;border-radius: 6px; }
.loginbox .items .loginbtn:hover, .loginbox .items .loginbtn2:hover   {background-color: #008396;}
.loginbox .items .loginbtn.purple, .loginbox .items .loginbtn2.purple    {background: #5757b8;} 
.loginbox .items .loginbtn.purple:hover, .loginbox .items .loginbtn2.purple:hover   {background-color: #4444a0;} 
.loginbox .items .loginbtn2.green   {background: #27a68d;} 
.loginbox .items .loginbtn2.green:hover   {background-color: #21947d;}
.loginbox .items .loginbtn2  {height: 3.5rem;line-height: 3.5rem;}
.txt_yellow2 {color: #fffc00;}
.btnflx {display: flex;gap: 10px;}
.loginbox .items .login_bottom {margin-top: 1.5rem;}
.loginbox .items .login_bottom a {display: inline-block;width: 32%;text-align: center;}
.loginbox .items .join {width: 100%;min-height: 110px; position: relative; height: 100%; padding-top: 110px;}
.loginbox .items .join:before {content: '';background-repeat: no-repeat;background-position:top center;background-size:auto;width: 100%;height:110px;position: absolute;top: 0;left: 0;}
.loginbox .items .join.icon1:before {background-image: url(../images/icon_join1.png);}
.loginbox .items .join.icon2:before {background-image: url(../images/icon_join2.png);}
.loginbox.icon { border: 3px solid #e8e8e8; padding: 1.5rem 2.5rem;  }  
.loginbox.icon .items {width:100%;padding-left: 30%;}
.loginbox.icon::before {content: '';background: url(../images/icon_login.png) no-repeat 0 0;width: 151px;height: 122px;position: absolute;top: 3rem;left: 5rem;}
.loginbox.icon2 { border: 3px solid #e8e8e8; padding: 1.5rem 2.5rem;  }  
.loginbox.icon2 .items {width:95%;padding-left: 250px;}
.loginbox.icon2::before {content: '';background: url(../images/icon_login.png) no-repeat 0 0;width: 151px;height: 122px;position: absolute;top: 2rem;left: 4rem;}
.loginbox .items .loginitem2 {display: flex; } 
.numbiz {width: 210px;line-height:2.5rem;}
.icon_id2, .icon_pwd2   {position: relative;height:2.8rem;width: calc(100% - 210px);}
.icon_id2:before, .icon_pwd2:before {content: '';background-repeat: no-repeat; position: absolute;left:26px;top:50%;background-size: 100% auto;background-position:top left;transform: translateY(-50%);}
.icon_id2:before {background-image: url(../images/login_id.png);width:14px;height:16px;}
.icon_pwd2:before {background-image: url(../images/login_pwd.png);width: 14px;height:17px; }  
.loginbox .items .loginitem2 input {border: none;height:2.8rem;width: 100%; padding-left:3rem;outline: none;transition: .3s;border: 1px solid #cecece;}
.loginbox .items .loginitem2 input:focus {border: 1px solid#1a9fc4; } 
.loginbox .items .loginitem2 input::placeholder {font-size: .8rem; color: #ababab;}
.loginbox .items .loginitem2 input:focus::placeholder {visibility: hidden;}
.joinwrap {display: flex;justify-content: space-between;}
.joinwrap article {width: 48%;margin-top:1rem;}
.joinwrap .loginbtn2.txtlh {line-height: 1.05rem;padding-top: .6rem;}
.minorwrap {margin: 2rem 0;padding-left: 23.3rem; min-height: 13rem;position: relative;height: auto;} 
.minorwrap::before {content:'';background-image: url(../images/icon_minor.png);width: 20.75rem;height: 13rem;position: absolute;top: 0;left: .5rem;background-position: top left;background-repeat: no-repeat;background-size: 100% auto;}
.minorwrap li {position: relative; margin-top: 1rem;}
.sitemapwrap {margin: 2rem 0;}
.sitemapwrap ul li {border-bottom: 1px solid #e8e8e8;padding:2rem 0 1rem 0;}
.sitemapwrap ul li a {font-size: 1.5rem;color: #000;}
.sitemapwrap ul li ul {overflow: hidden;}
.sitemapwrap ul li ul li{float: left;width: 25%; border-bottom: 0;padding:1rem 0;}
/*.sitemapwrap ul li ul li:first-child {width: 16%;}*/
.sitemapwrap ul li ul li a {font-size: .9rem;display: block;transition: .3s;}
.sitemapwrap ul li ul li.exclist a{height: 2rem; }
.sitemapwrap ul li ul li a:hover {color: #5362ce;}
.sitemapwrap ul li ul li ul {padding-top:1.5rem;}
.sitemapwrap ul li ul li ul li{float: none;width: 100%;padding:.25rem 0 .25rem .5rem;position: relative;height: 1.5rem;}
.sitemapwrap ul li ul li ul li:before {content: '';width: 3px;height: 3px;background: #222222;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.sitemapwrap ul li ul li ul li:first-child {width: 100%;}
.sitemapwrap ul li ul li ul li a {font-size: .8rem;color: #4f4f4f;transition: .3s;}
.sitemapwrap ul li ul li ul li a:hover {color: #000;}
.table_scroll {overflow-x:auto;padding-top: 1px;}
.agreement {border: 1px solid #dddddd;padding:0rem 1.5rem 2rem 1.5rem;height:15rem;overflow: auto;margin:1rem 0; }  
.agreement.heightjoin {height:6rem;  }  
.agreement>ul>li {font-size: .9rem; padding: .5rem 0;color: #000;}
.agreement>ul>li>ul>li {font-size: .8rem; padding: .2rem 0rem;color: #4c4c4c;line-height: 1.5;}
.agreement>ul>li>ul>li>ol>li {font-size: .8rem;padding:.1rem 0 .1rem 0rem; }
.agreement .title {font-size: 1.2rem;color: #135e9e;margin:1rem 0;}
.agreement ul.list li {font-size: .9rem;padding: .5rem 0;color: #000;font-weight: 500;}
.agreement ul.list li ul>li {margin: .5rem 0; font-size: .8rem; padding: .2rem 0;color: #000;line-height: 1.5;font-weight: 400;}
.agreement ul.list li ul>li>ol>li {font-size: .8rem;padding:.1rem 0rem;font-weight: 400; color: #4c4c4c;}
.tablepopup {position:relative;width: 100%;border-collapse:collapse; border-top:2px solid #333333; table-layout:fixed;}
.tablepopup::after {display:block; content:""; position:absolute; width:100%; height:1px; background:#bbbbbb; bottom:0; left:0; z-index:2;}
.tablepopup thead th {background:#f4f7f9; color:#000000;   padding:8px 0; border:1px solid #dddddd; border-left:0; border-right:1px solid #d5d5d5; text-align:center;font-size: 16px; font-weight: 400; }
.tablepopup tbody th {background:#f4f7f9; padding:8px 5px; border-bottom:1px solid #dddddd; border-right:1px solid #d5d5d5;color:#000000; text-align:center;font-size: 16px;font-weight: 400; }
.tablepopup td {background: #fff; padding:8px 5px; border:1px solid #dddddd; border-left:1px solid #d5d5d5; border-right:0;border-top:0; text-align:center;font-size: 15px; color:#585858;word-break: break-all; }
.tablepopup tr td:first-child {border-left:0 !important; border-right:1px solid #d5d5d5 !important;}
.tablepopup tr td:first-child {border-right:0 !important;}
.tablepopup tr th:last-child {border-right:0 !important;} 
.tablepopup tr th.line {border-right:1px solid #d5d5d5 !important;} 
.tablepopup tr .text {text-align: left;} 
.tablepopup td.text {text-align: left;} 
.tablepopup td a {color: #2470A7; }
.tablepopup td a.btnsm2 {color: #000;}
.tablepopup td.num_right {text-align: right;}
.tablepopup tr.trcolor {background-color:#fdfbe9;}
.tablepopup td.nodata {text-align: center;padding:20px 0;font-size: 16px;}
.tablepopup td.td_vert {vertical-align:top;}
.imgbox2 {width: auto;border: 1px solid #dddddd;text-align: center;}
.imgbox2 > img {overflow: hidden;max-width: 100%;width: 100%;}
.service_icon {margin: 1rem -5px;overflow: hidden;}
.service_icon li {float: left;width:calc(100% / 6 - 5px);height: 10rem;text-align: center;margin: 1rem 5px 1rem 0;border: 1px solid #e1e1e1;transition: .3s;} 
.service_icon li:hover, 
.service_icon li.on {box-shadow: 0 0 0 1px #000 inset; border: 1px solid #000;}
.service_icon li dl dt{font-size: .85rem;color: #000;height:3.5rem;padding-top: 1rem;}
.service_icon li dl dd{background: #eff3f9;height: 1.4rem;border-radius:.4rem;padding: 0 .5rem;display: inline-block;color: #000;font-size: .7rem;line-height: 1.3rem;transition: .4s;}
.service_icon li:hover dl dd, 
.service_icon li.on dl dd {background: #3852a4;color: #fff;}
.service_icon li i {height: 80px;display: block;background-size: auto;background-repeat: no-repeat;background-position:bottom center;}
.service_icon li i.icon01 {background-image: url(../images/icon_srv01.png);}
.service_icon li i.icon02 {background-image: url(../images/icon_srv02.png);}
.service_icon li i.icon03 {background-image: url(../images/icon_srv03.png);}
.service_icon li i.icon04 {background-image: url(../images/icon_srv04.png);}
.service_icon li i.icon05 {background-image: url(../images/icon_srv05.png);}
.service_icon li i.icon06 {background-image: url(../images/icon_srv06.png);}
.infotext {margin: 1rem 0;padding-left: 7rem; min-height: 4rem;position: relative;height: auto;} 
.infotext::before {content:'';background-image: url(../images/icon_textinfo.png);width: 3.9rem;height: 3.2rem;position: absolute;top: 0;left: .5rem;background-position: top left;background-repeat: no-repeat;background-size: 100% auto;}
.infotext li {position: relative; padding:.15rem 0 .15rem .5rem;}
.infotext li:before {content: '';position: absolute;top:.6rem;left: 0; width:5px;height: 1px;background: #585858;}
.zonewrap {overflow: hidden;}
.zonewrap>div {float: left;width: 50%;}
.zonewrap .zonedesc{padding:1rem 3rem 0 0;}
.zonewrap .zonedesc dl {position: relative;padding-top: 150px;}
.zonewrap .zonedesc dl::before {content: '';background-image:url(../images/icon_zonetit.png);background-repeat: no-repeat;background-size: 100% auto; width:7.1rem;height:7.1rem;position: absolute;top: 0;left: 0;}
.zonewrap .zonedesc dt {color:#000;font-size: .9rem;margin-top: 1rem;}
.zonewrap .zonedesc dd {word-break: keep-all;}
.zonewrap .zonemap{text-align: center;border: 3px solid #ebebeb;padding: 1.5rem 0;}
.zonewrap .zonemap .title {font-size: 1.2rem;color: #000;margin-bottom: 1.5rem;}
.sel_bgpurple {background: #7b4ec4;color: #fff;border-color: #7b4ec4;}
.textspec {padding-left: 9rem;margin:0rem 0 1rem 0;}
.mapwrap {overflow: hidden;}
.mapwrap>div {float: left;width: 50%;}
.mapwrap .mapdesc{padding:0rem 0rem 0 2.5rem;}
.mapwrap .mapdesc dl {position: relative;padding-top: 150px;}
.mapwrap .mapdesc dl::before {content: '';background-image:url(../images/icon_zonetit.png);background-repeat: no-repeat;background-size: 100% auto; width:7.1rem;height:7.1rem;position: absolute;top: 0;left: 0;}
.mapwrap .mapdesc dt {color:#000;font-size: .9rem;margin: 1rem 0;}
.mapwrap .mapdesc dd {word-break: keep-all;line-height: 1.3rem;}
.mapwrap .imagemap{text-align: center;border: 3px solid #ebebeb;padding: .5rem 0; }
.mapwrap .mapdesc .title03 {margin: 0rem 0 1rem 0;}
.mapwrap .mapdesc .heading {position: relative;height: 8rem;color: #135e9e;font-size: 1.1rem;z-index: 2;padding-top: 2rem;}
.mapwrap .mapdesc .heading::before {content: '';background-image:url(../images/icon_zonetit.png);background-repeat: no-repeat;background-size: 100% auto; width:7.1rem;height:7.1rem;position: absolute;top: 0;right: 0;z-index: -1;}
.mapwrap .mapdesc .list li {padding: .4rem 0 .4rem 2.5rem;position: relative;}
.mapwrap .mapdesc .list  li::before {content: '';width: 1.7rem;height: 1.65rem;background-repeat: no-repeat;position: absolute;top: .25rem;left: 0;background-size: 100% auto;}
.mapwrap .mapdesc .list li.icon01::before {background-image: url(../images/mapicon01.png); }
.mapwrap .mapdesc .list li.icon02::before {background-image: url(../images/mapicon02.png); }
.mapwrap .mapdesc .list li.icon03::before {background-image: url(../images/mapicon03.png); }
.mapwrap .mapdesc .list li.icon04::before {background-image: url(../images/mapicon04.png); }
.mapwrap .mapdesc .list li.icon05::before {background-image: url(../images/mapicon05.png); }
.mapwrap .mapdesc .title {color: #000;font-size: .85rem;font-weight: 500;}
.mapwrap .mapdesc .desc {color: #646464;}
.maptext {position: relative;padding-top: 2.5rem;}
.maptext::before {content: '';background-image:url(../images/icon_zonetit.png);background-repeat: no-repeat;background-size: 100% auto; width:7.1rem;height:7.1rem;position: absolute;top: 0;right: 0;} 
.maptext ul {padding-right:  1rem;}
.maptext li {padding:.2rem .75rem;position: relative;line-height: 1.2rem;}
.maptext li::before {content: '';width: 4px;height: 1px;background: #666;position: absolute;top: .8rem;left: 0;}
.serv_mobile {max-width: 21rem;margin: auto; text-align: center;}
.serv_mobile p {position: relative;height: 25rem; font-size: 1.2rem;line-height: 2.5rem;letter-spacing: -2px;}
.serv_mobile p span {color: #6c32a2;}
.serv_mobile p::after {content: '';background-image: url(../images/icon_alarm.png);width: 100%;height: 100%;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);background-size: 100%;background-position: center center;background-repeat: no-repeat;}
.btnbg.orange {background:#ff5b1a;}
.btnbg.orange:hover {background:#c43d08;}
.btnbgml.orange {background:#ff5b1a;}
.btnbgml.orange:hover {background:#c43d08;}
.btnbgml {display:inline-block;height:1.85rem;border-radius:1.3rem;color:#fff;background: #1e8dc6; font-size:.8rem;padding:0 1.5rem;line-height:1.7rem;transition:.4s;} 

/*20230904*/
.process {background: #f4f8fc;padding: 1rem 1rem;border-radius: 5px;}
.process ul {display: flex;justify-content: space-between;}
.process li {width: calc(100% - 50px / 6); position: relative; margin-right: 2.5rem;  }
.process li::after {content: '';background: url(../images/icon_steparr.png) no-repeat 0 0;width: 1.9rem;height: 1.75rem;position: absolute;left: calc(100% + 8px);top: 50%;transform: translateY(-50%);}
.process li:last-child {margin-right: 0;}
.process li:last-child::after {display: none;}
.process li {background: #fff;width: 100%;min-height: 100px;height: auto;/*height: 130px;border-radius: 50%;*/border-radius: 15px; border: 1px solid #d6d6d6;box-shadow: 0 8px 4px 0px rgba(0,0,0,.04);text-align: center;transition: .5s;}
.process li .item {padding: 0 .75rem;line-height: 21px;}
.process li .item i {display: block;background-repeat: no-repeat;background-position: center center;width: 100%;height: 45px;background-size: auto;}
.process li .item i.step01 {background-image: url(../images/icon_step01.png);} 
.process li .item i.step02 {background-image: url(../images/icon_step02.png);}
.process li .item i.step03 {background-image: url(../images/icon_step03.png);}
.process li .item i.step04 {background-image: url(../images/icon_step04.png);}
.process li .item i.step05 {background-image: url(../images/icon_step05.png);}
.process li .item i.step06 {background-image: url(../images/icon_step06.png);}
.process li .item span {color: #434343;}
.process li .item span.textred {color: #ff0101;}
/* 마우스 오버 동작 제거 - 20231005
>>>>>>> Stashed changes
.process li.active, 
.process li:hover {background: #4f4ba4; border: 1px solid transparent;box-shadow: none; cursor: pointer;}
.process li.active .item span,  
.process li:hover .item span {color: #fff;}
.process li.active .item i.step01,
.process li:hover .item i.step01 {background-image: url(../images/icon_step01on.png);} 
.process li.active .item i.step02,
.process li:hover .item i.step02  {background-image: url(../images/icon_step02on.png);}
.process li.active .item i.step03,
.process li:hover .item i.step03  {background-image: url(../images/icon_step03on.png);}
.process li.active .item i.step04,
.process li:hover .item i.step04  {background-image: url(../images/icon_step04on.png);}
.process li.active .item i.step05,
.process li:hover .item i.step05  {background-image: url(../images/icon_step05on.png);}
.process li.active .item i.step06,
.process li:hover .item i.step06  {background-image: url(../images/icon_step06on.png);} */
.process li.active {background: #4f4ba4; border: 1px solid transparent;box-shadow: none; }
.process li.active .item span {color: #fff;}
.process li.active .item span.textred {color: #F68E55;}
.process li.active .item i.step01 {background-image: url(../images/icon_step01on.png);} 
.process li.active .item i.step02 {background-image: url(../images/icon_step02on.png);}
.process li.active .item i.step03 {background-image: url(../images/icon_step03on.png);}
.process li.active .item i.step04 {background-image: url(../images/icon_step04on.png);}
.process li.active .item i.step05 {background-image: url(../images/icon_step05on.png);}
.process li.active .item i.step06 {background-image: url(../images/icon_step06on.png);}
/*온라인도움말*/
#location .weblnb  .btn_online {position: absolute;right: 0;top: 8px;} 
.btn_online > button {background: #3d6300;color: #fff;height: 30px;border-radius: 15px;padding: 0 18px 0 40px;display: inline-block;line-height: 28px;font-size: 15px;position: relative;transition: .3s;}
.btn_online > button::before {content: '';background: url(../images/icon_online.png) no-repeat 0 0;width: 12px;height: 16px;position: absolute; top: 50%;left: 18px;transform: translateY(-50%);}
.btn_online > button:hover {background: #315000;}
.popup_online {border: 2px solid #000000;height: 100%;min-height: 807px;}
.popup_online .container {padding: 25px 25px;}
.popup_online .heading {border-bottom: 2px solid #565656;padding-bottom: 20px;position: relative; }
.popup_online .heading .title {font-size:26px;color: #000; }
.popup_online .heading span {position: absolute;right: 35px;top: 4px;}
.popup_online .heading .download {background: #fffcd0;color: #000;height: 32px;padding: 0 10px;display: inline-block;border: 1px solid #989898;border-radius: 6px;line-height: 30px;font-size: 13px; transition: .3s;}
.popup_online .heading .download:hover {background: #fffaa4;}
.popup_online .container .btn {position:absolute;top:35px;right:30px;}
.popup_online .container .btn .close i {font-size:18px;color: #000;font-weight: bold;} 
.popup_online .container .btn .close:hover i {transform:rotate(360deg);transition:.6s ease-out;}
.popup_online .guidewrap {overflow: hidden;padding: 30px 0;height: 100%;}
.popup_online .guidewrap .navleft {float: left;width: 220px;}
.popup_online .menuwrap {background: #6c73a9;border-radius: 9px;margin-top: 10px;padding-bottom: 35px;}
.popup_online .menuwrap .headtit {color: #494984;position: relative;  z-index: 1;width: 98px;text-align: center;margin-bottom: 30px;}
.popup_online .menuwrap .headtit::before {content: '';background: url(../images/bg_onlinetit.png) no-repeat 0 0;width: 100%;height: 47px;position: absolute;top: -9px;left: 17px;z-index: -1; }
.popup_online .menulist {color: #fff;  }
.popup_online .menulist>ol>li>a {border-bottom: 1px solid rgba(255,255,255,.15);padding: 12px 0 10px 10px;display: block;transition: .3s;position: relative;}
.popup_online .menulist>ol>li>a:hover, .popup_online .menulist>ol>li>a.active {background: #3c3f82;border-radius: 3px 0 0 3px;}
.popup_online .menulist>ol>li>a:hover::after, 
.popup_online .menulist>ol>li>a.active::after {content: '';  height: 100%;position: absolute;top: 0; left: 100%;border-bottom: 12px solid #3c3f82;border-left: 21px solid transparent;border-right: 21px solid transparent;transform: rotate(90deg);}
.popup_online .menulist .menu2dep {font-size: 15px;padding-left: 15px;margin-top: 10px;}
.popup_online .menulist .menu2dep li {padding: 5px 0;}
.popup_online .menulist .menu2dep a {color: #d6d8ee;transition: .3s;}
.popup_online .menulist .menu2dep a:hover, .popup_online .menulist .menu2dep a.active {color: #fff;text-decoration: underline;}
.popup_online .menulist .menu3dep {font-size: 14px;padding-left: 15px;background: #61689c;padding: 10px 10px;margin: 10px 0;}
.popup_online .menulist .menu3dep li {padding: 5px 0;}
.popup_online .menulist .menu3dep a  {color: #cbcee7;transition: .3s;}
.popup_online .menulist .menu3dep a:hover {color: #fff;}
.popup_online .guidewrap .sectinfo {float: right;width: calc(100% - 250px); }
.popup_online .heading01 {font-size: 23px;color: #000;font-weight: bold;margin-bottom: 10px;}
.popup_online .heading02 {font-size: 20px;color: #4449ae;margin: 10px 0;position: relative;padding-left: 13px;}
.popup_online .heading02::before {content: '';width: 6px;height: 6px;background: #4449ae;border-radius: 50%;position: absolute;top: 10px;left: 0;}
.popup_online .onlinemenu {margin: 10px 0;}
.popup_online .onlinemenu > ul   {display: flex;flex-wrap: wrap;}
.popup_online .onlinemenu > ul > li {width: calc(33.3333% - 40px);margin:20px 20px;}
.popup_online .onlinemenu > ul > li span {display: block; background: #efefef;color: #000;font-weight: 500;height: 40px;line-height: 40px;padding: 0 10px;}
.popup_online .onlinemenu > ul > li > ol {margin: 10px 20px;}
.textline {text-decoration: underline;}
.textbold {font-weight: 500;color: #000;}
.bgtextyellow {background-color: #ffde00;}
.icontxt01 {padding-left: 170px;padding-top: 25px; margin: 30px 0;position: relative;font-size: 18px;color: #000;line-height: 1.5;}
.icontxt01::before {content: '';width: 103px;height: 125px;background: url(../images/icontxt01.png) no-repeat center left;position: absolute;top: 0;left: 0;}
.txt_yellow {color: #ffde00;}
.boxline .items.icon09,.boxline .items.icon10 {padding:0 3rem 0 7rem;line-height: 1.65;}
.txt01 {padding-bottom: 20px;margin: 30px 0;position: relative;font-size: 18px;color: #000;line-height: 1.5;text-align:center;}
.minwonitems {background: #f3f4f6;padding: 8px 8px;border-radius: 8px;margin: 0 0 1rem 0;display: flex;justify-content: space-between;}
.minwonitems>article {width: calc(50% - 5px);}
.minwonitems>article.w100 {width: 100%;}
.minwonitems .item {background: #fff;border-radius: 8px;margin-bottom: 8px;padding: 15px 20px;display: flex;}
.minwonitems .item .title  {width: 35%;font-size: 20px;font-weight: 500; color: #000;display: flex;line-height: 50px;}  
.minwonitems .item .iconmin { width: 50px;height: 50px;background: #f5f5f5; border-radius: 50%;text-align: center; position: relative;margin-right: 10px;  }
.minwonitems .item .iconmin>i {display: inline-block;background-image: url(../images/icons_minwo.png);width: 32px;height: 32px;background-repeat: no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.minwonitems .item .iconmin>i.minwon01 {background-position: 0 0; }
.minwonitems .item .iconmin>i.minwon02 {background-position: -32px 0; }
.minwonitems .item .iconmin>i.minwon03 {background-position: -64px 0; }
.minwonitems .item .iconmin>i.minwon04 {background-position: -96px 0; }
.minwonitems .item .iconmin>i.minwon05 {background-position: -128px 0; }
.minwonitems .item .iconmin>i.minwon06 {background-position: -160px 0; }
.minwonitems .item .iconmin>i.minwon07 {background-position: -192px 0; } 
.minwonitems .item .iconmin>i.minwon08 {background-position: -224px 0; } 
.minwonitems .item .list  {width: 65%;}
.minwonitems .item ul {margin-top: 8px;}
.minwonitems .item li {padding: 2px 0 2px 10px;position: relative;} 
.minwonitems .item li::before {content: '';width: 3px;height: 3px;background: #2e2e2e;position: absolute;top: 14px;left: 0;}
.minwonitems .item li .subject {display: inline-block;width: calc(100% - 90px);}
.minwonitems .item li .btn {display: inline-block;width: 80px;text-align: right;}
.minwonitems .item li .btn>a {background: #ebe9f2;color: #000;font-size: 14px;font-weight: 300;height: 29px;line-height: 29px;padding: 0 5px;display: inline-block;border-radius: 8px;transition: .3s;}
.minwonitems .item li .btn>a:hover {background: #e2e0ef;} 
.minwonitems .item.h280 {min-height: 280px;}
.minwonitems .item.h120 {min-height: 120px;}
.minwonitems .item.h137 {min-height: 137px;} 
.popup_online .onhelpbox {border: 1px solid #dedede;padding: 20px 40px;margin: 20px 0;} 
.popup_online .onhelpbox ul {position: relative;padding-left: 180px;} 
.popup_online .onhelpbox ul::before {content: '';background: url(../images/icon_onhelp.png) no-repeat 0 0;position: absolute;top: 10px;left: 20px;width: 94px;height: 86px;}
.popup_online .onhelpbox li {padding: 3px 0;color: #393939;}
.boxprivacy {padding:20px 20px; border:1px solid #d8d8d8;background:#f9f9f9;text-align:left;margin-bottom: 25px;}
.privacy_view { width:100%; padding:2%; border:1px solid #ddd;background-color:#f4f4f4 }
.copy_index { border:1px solid #ddd; padding:1% 1%; }
.copy_index ul { margin:20px auto 0; display:flex; flex-flow:row wrap; justify-content: space-between; }
.copy_index ul li { width: 50%; margin-bottom: 30px;  }
.copy_index ul li img, .copy_index ul li a { vertical-align:middle;  }
.copy_index li img { width:40px; height:40px; display: inline-block; }
.copy_index ul li p { display:inline-block; width:80%; }
.tit_privacy {color:#000; font-size:16px;padding:0px 0 0 0px;margin-bottom: 10px;} 
.tit_privacy img {width: 35px;height: 35px;margin-right: 5px;}
.tit_privacy  { display:flex; margin:20px 0 10px 0; }
.tit_privacy img { width:40px; height:40px; display: inline-block; }
.tit_privacy h4 {font-weight: 400;margin-top: 15px; display: inline-block; margin:10px 0 0 5px;}
ul.listprivacy2 li {padding:6px 0 6px 0px;line-height: 23px;}
ul.listprivacy2 li ul li {padding:3px 0 3px 20px;} 
.privacy_nav {counter-reset: num;}
.privacy_nav > h4 {font-size: 20px;line-height: 30px;margin:50px 0 20px 0;}
.privacy_nav > h4:before {content: "제" counter(num) "조 "; counter-increment: num 1;}
.privacy_nav > h4 {counter-reset: ol;}
.privacy_nav > ol > li {margin-top:14px; padding-left:24px; position:relative;}
.privacy_nav > ol > li:before {content: counter(ol); counter-increment: ol 1; font-size:12px; width:16px; height:16px; display:inline-block; text-align:center; line-height:14px; border-radius:50%; margin-right:0px; position:absolute; left:0; top:2px;border: 1px solid #4c4c4c;}
.privacy_nav > ol > li {counter-reset: ol2;}
.privacy_nav > ol > li > ol li {padding-left:20px;margin-top: 5px;position: relative;}
.privacy_nav > ol > li > ol li:before {content: counter(ol2) ". "; counter-increment: ol2 1;position: absolute;top: 0;left: 0;font-size: 16px;}
.privacy_nav > ol > li > ol li {counter-reset: ul;}
.privacy_nav > ol > li > ol li ul li {padding-left:10px;margin-top: 6px;}
.privacy_nav > ol > li > ol li ul li:before {content:"- "; counter-increment:none}
[id^="privacy_article"] {margin-top: -120px;padding-top: 120px;} 
.tblprv th, .tblprv td{background: #fff; padding:15px; border-left:1px solid #dddddd;border-bottom: 1px solid #dddddd;  vertical-align:top; text-align:center;font-size: 15px; color:#585858; font-weight: 400 }
.tblprv th:first-child, .tblprv td:first-child {border-left: none;}
.tblprv th img, .tblprv td img { width:100px; height:100px; margin: 10px; }
/*대리신청*/
.proxyreq {position: relative;padding: 2rem 2.5rem;padding-left: 13rem;display: flex; }
.proxyreq:before {content: '';background-image: url(../images/icon_agree.png);width: 7.45rem;height: 6.1rem;background-size: 7.45rem auto;position: absolute;top: 2.5rem;left: 2.5rem; }
.proxyreq .docs {width: calc(100% - 7.5rem);margin-right: 1.5rem;}
.proxyreq .btns {width: 6rem; }
.proxyreq .infield {display: flex;align-items: center; padding: .5rem 0;border-bottom: 1px solid #e3e3e3; }
.proxyreq .infield .heading {width: 6rem;color: #000;position: relative; padding-left: .5rem; }
.proxyreq .infield .heading::before {content: '';width: 3px;height: 3px;background: #000;position: absolute;top: .45rem;left: 0; }
.proxyreq .infield .formlist {display: flex;align-items: center;flex: 1; justify-content: space-between;}
.proxyreq .infield .doctxt {color: #000;font-weight: 500;}
/* .proxyreq .infield .doctxt {width: 4rem;color: #000;font-weight: 500; text-align: center;}
.proxyreq .infield .dash {width: 1rem;text-align: center;  }
.proxyreq .infield .formint {width: calc(50% - 5.5rem / 2); } 
 */
.proxyreq .infield .chknum {width: 100%;}
.proxyreq .infield .formint > input,
.proxyreq .infield .chknum > input {width: 100%;}
.infodig {display: flex;padding-top:6rem;position: relative;}
.infodig::after {content: '';background: url(../images/icon_proxyarr.png) no-repeat 0 0;width: 212px;height: 42px;position: absolute;top: 2.5rem;left: 50%;transform: translateX(-50%);}
.infodig>div {width: 50%;margin: 0 1rem;background: #fff;border: 3px solid #eeeeee;border-radius: .5rem;padding: 1rem 1.5rem;}
.infodig .title {height: 9.375rem; margin: -6rem auto 0 auto;}
.infodig .title span {display: block;position: relative; height: 150px;  z-index: 10;}
.infodig .title span::before {content: '';height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.infodig .title strong {position: absolute;bottom: 1.85rem;left: 0;width: 100%;display: block;text-align: center;color: #fff;font-size: .75rem; }
.infodig .title span.icon1::before {background: url(../images/icon_proxy.png) no-repeat top center;}
.infodig .title span.icon2::before {background: url(../images/icon_proxy2.png) no-repeat top center;}
.infodig .list li {position: relative;padding-left: 1.25rem;margin-bottom: .5rem;}
.infodig .list li .numtxt {display: block; position: absolute;top: 0;left: 0;}
.proxystep {position: relative;}
.proxystep ul {display: flex;}
.proxystep li {width: 16.666%; margin-right: 1.5rem;background: #fff;border: 3px solid #eeeeee;border-radius: .5rem;padding: 1rem .75rem;position: relative;margin-top: 3.5rem;position: relative;}
.proxystep li:last-child {margin-right: 0;}
.proxystep li::before {content: '';background:url(../images/icon_proxyarr2.png) no-repeat 0 0;width: 22px;height: 35px;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);margin-left: .35rem;}
.proxystep li:last-child::before {display: none;}
.proxystep .roundbox {text-align: center;height: 5rem;width: 5rem;background: #4d5980;border-radius: 100%;color: #fff;position: absolute;top: -2.5rem;left: 50%;transform: translateX(-50%); }
.proxystep li:nth-child(even) .roundbox{background: #2c3964;}
.proxystep .roundbox span{display: block;padding-top: .7rem;}
.proxystep .desc {margin-top: 3rem;}
.proxystep .alarmbox {width: calc(100% / 6 * 2);position: relative;min-height: 12rem; }
.proxystep .alarmbox::before, .proxystep .alarmbox::after {content: '';width: 29px;height: 33px;position: absolute;top: 0;}
.proxystep .alarmbox::before {background: url(../images/icon_proxyarr3.png) no-repeat 0 0;left: 223%;}
.proxystep .alarmbox::after {background: url(../images/icon_proxyarr4.png) no-repeat 0 0;left: 276%;}
.proxystep .alarmbox .info {background: #fff;border: 2px solid #ff0000; border-radius: .6rem;padding: 1rem 1rem;margin-top: 1.75rem;position: absolute;width: calc(100% - 1rem);top: 0;left: 200%;margin-left: 1rem;}
.proxystep .txtbtm {position: absolute;top: 67%;left: 0;}  
.tbl_data2 td.lineleft, .tbl_data2 th.lineleft {border-left: 1px solid #e0e0e0;}
.tbl_data2.listorg td {font-size: 14px;}
.linkhome {text-decoration: underline;color: #135e9e;}
.tbl_data2 thead th {background:#f4f7f9;}
.lightgrey {background:#fafafa}
.btnwrap2 {padding:1.5rem 0;}
.poplhtxt {line-height: 1.5rem;font-size: .95rem;}
.textbold2  {font-weight:600;}
.title04 {font-size: 1.05rem;padding: .5rem 0;color: #000;font-weight: 600;margin-top: 1rem;}
.title04 + .title05 {margin-top: 0;}
.title05 {font-size: .9rem;padding: .5rem 0;color: #000; font-weight: 500;margin-top: 1rem;}
.title05 + ol {margin-top: .25rem;} 
.bul_privacy1  {counter-reset: ol;}
.bul_privacy1 > li {padding:.25rem 0 .25rem 1.25rem;position:relative;font-weight: normal; }
.bul_privacy1 > li:before {content: counter(ol); counter-increment: ol 1;   border: 1px solid #4c4c4c; font-size:.65rem; width:.9rem; height:.9rem; display:inline-block; text-align:center; line-height:.75rem; border-radius:50%; margin-right:.4rem; position:absolute; left:0; top:.3rem;}
.bul_privacy2 {counter-reset: ol2;}
.bul_privacy2 > li {padding:.25rem 0 .25rem 1rem; position:relative;}
.bul_privacy2 > li:before {content: counter(ol2) ". "; counter-increment: ol2 1;position:absolute; left:0; top:.25rem;}  
.btnmar {margin-right:1rem;}
.agreement>ul.list_agree1>li   {padding:.25rem 0 .25rem 1rem;position:relative;font-weight: normal;color: #4c4c4c;font-size: .8rem; }  
.agreement ul.list_agree2>li {padding:.25rem 0 .25rem .5rem; position:relative;margin-bottom: .25rem;}
.agreement ul.list_agree2>li:before {content: '';position:absolute; left:0; top:.8rem;width: 4px;height: 1px;background: #4c4c4c;}  
.agreement>ul.list_agree1 strong {font-weight: 500;}
.popdis {display:inline-block;margin-top:0;}
.bbs_listmob {display:none;}
.mob_dishide {display:block;}
.whitewrap {display: flex;gap: 30px;justify-content: space-between;} 
.whitewrap .list {border-radius: 1.5rem;padding: 1.25rem 1.55rem;flex: 1; display: flex;flex-direction: column; justify-content: space-between;position: relative;overflow: hidden;}
.whitewrap .list.blue {background: #e5f0fe;}
.whitewrap .list.purple {background: #eaeafd;}
.whitewrap .list .title { color: #000;font-size: 1.2rem;font-weight: 500;}
.whitewrap .list .title span {display: block;font-size: .8rem;font-weight: 400;}
.whitewrap .list .desc {padding: 1rem 0;}
.whitewrap .list .btn {z-index: 2;}
.whitewrap .list .btn>a {background: #2d58a5;color: #fff;height: 3rem;max-width: 9rem; line-height: 3rem;display: block; text-align: center;border-radius: 3rem;font-size: 1.1rem;font-weight: 500;transition: .3s;}
.whitewrap .list .btn>a:hover {background:#2467dd;}
.whitewrap .list.purple .btn>a {background: #6c43a0; }
.whitewrap .list.purple .btn>a:hover {background:#8337e3;}
.whitewrap .list::after {content: '';position: absolute;bottom: 0;right: 0;z-index: 1;}
.whitewrap .list.blue::after {background: url(../images/icon_white01.png) no-repeat 0 0;width: 133px;height: 119px;}
.whitewrap .list.purple::after {background: url(../images/icon_white02.png) no-repeat 0 0;width: 163px;height: 118px;}

 
/*Respond*/
@media(max-width:1024px){   
  .document li {padding: 1rem 0rem;}
  .bbs_list ul li {display:block;padding:1rem .75rem;position:relative;}
  .bbs_list ul li:after {content:'';display:block;clear:both;}
  .bbs_list ul li.thead {display:none;} 
  .bbs_list ul li p {display:block;text-align:left;padding:0 0 .2rem 7rem;float:left;width:100% !important;border-right: 0;min-height:23px;} 
  .bbs_list ul li p:before {content:'';display:block;position:absolute;left:0;top:8px;width:3px;height:3px;background:#767676;}
  .bbs_list ul li p:after {content: '';position: absolute;left:.5rem;top: 0px;color: #000;font-size: .8rem;font-weight: 500;}
  .bbs_list ul li p.subject:after {content: '제목';} 
  .bbs_list ul li p.request:after {content: '요청자';} 
  .bbs_list ul li p.redate:after {content: '요청일';}
  .bbs_list ul li p.process:after {content: '처리현황';} 
  .bbs_list ul li p.no:after {content: '번호';} 
  .bbs_list ul li p.no  {display: none;}   
  .bbs_list ul li p.pnum:after {content: '허가증번호';} 
  .bbs_list ul li p.paper:after {content: '서식명';} 
  .bbs_list ul li p.porg:after {content: '허가기관';} 
  .bbs_list ul li p.pdate:after {content: '허가일자';} 
  .bbs_list ul li p.fdate:after {content: '출력일시';} 
  .bbs_list ul li p.print:after {content: '출력';} 
  .bbs_list ul li p.reprint:after {content: '재출력요청';}  
  .bbs_list ul li p.jdate:after {content: '재출력요청일';} 
  .bbs_list ul li p.status:after {content: '진행';} 
  .bbs_list ul li p.rpdate:after {content: '재출력일자';}  
  .bbs_list ul li p.atfile:after {content: '첨부파일';} 
  .bbs_list ul li p.orgname:after {content: '기관명';} 
  .bbs_list ul li p.address:after {content: '주소';} 
  .bbs_list ul li p.homepage:after {content: '홈페이지';} 
  .bbs_list ul li p.telphone:after {content: '기관명';} 
  .bbs_list ul li p.telphone:after {content: '대표전화';} 
  .bbs_list ul li p.fax:after {content: '팩스번호';} 
  .bbs_list ul li p.fax:after {content: '관할구역';} 
  .bbs_list ul li p.map:after {content: '지도';} 
  .bbs_list ul li p.wdate:after {content: '작성일';}  
  .bbs_list ul li p.council:after {content: '상담분야';}  
  .bbs_list ul li p.reply:after {content: '답변여부';}   
  .bbs_list ul li p.apnum:after {content: '신청번호';}  
  .bbs_list ul li p.category:after {content: '분류';}  
  .bbs_list ul li p.minwon:after {content: '민원사무명';}  
  .bbs_list ul li p.apdate:after {content: '신청일';}  
  .bbs_list ul li p.procelist:after {content: '처리상태';}  
  .bbs_list ul li p.procelist2:after {content: '처리현황';}  
  .bbs_list ul li p.prdate:after {content: '처리예정일';}  
  .bbs_list ul li p.source:after {content: '출처';}  
  .bbs_list ul li p.file:after {content: '다운로드';}  
  .bbs_list ul li p.access:after {content: '처리절차';}  
  .bbs_list ul li p.reqtit:after {content: '요청제목';}  
  .bbs_list ul li p.reqnum:after {content: '민원신청번호';}  
  .bbs_list ul li p.way:after {content: '발급방법';}  
  .bbs_list ul li p.whether:after {content: '작성여부';}  
  .bbs_list ul li p.bigo:after {content: '비고';}  
  .bbs_list ul li p.printac:after {content: '신청서 출력';}  
  .bbs_list ul li p.delete:after {content: '삭제';}   
  .bbs_list ul li p.temnum:after {content: '임시번호';}  
  .bbs_list ul li p.addate:after {content: '등록일';} 
  .bbs_list ul li p.sangtae:after {content: '상태';} 
  .bbs_list ul li p.orgcon:after {content: '처리기관';} 
  .bbs_list ul li p.reqnum2:after {content: '접수번호';}  
  .bbs_list ul li p.pnum2:after {content: '확인증번호';} 
  .bbs_list ul li p.rpdate2:after {content: '재발급처리일자';}  
  .bbs_list ul li p.jdate2:after {content: '재발급요청일자';}
  .bbs_list ul li p.status2:after {content: '진행상황';} 
  .bbs_list ul li p.sel:after {content: '선택';} 
  .bbs_list ul li p.atfile  {display: none;}  
  .bbs_list ul li p.counter  {display: none;}
  .boxline .items {padding-left: 5.5rem;}
  .boxline .items:before {left: 0;width: 4.5rem;height:4.5rem;}
  .popanimal li {width: 20%;}
  .popthumlist li {width: 100%; }
  .thumlist ul li {width:30.333%;  }
  .endspc {padding-left: 15rem;}
  .cites {padding-left: 8rem;}
  .endsite dl {padding-top: 6rem;}
  .endsite dt {padding-left: 0;height: 2rem;}
  .simgbg01 { height:25rem;}
  .simgbg02 { height:26rem;}
  .loginbox .items {padding-right: 0;border-left:0;}
  .loginbox .items .login_bottom a {padding: 0;}
  .loginbox .items .login_bottom a:nth-child(1), .loginbox .items .login_bottom a:nth-child(3) {width: 30%;}
  .loginbox .items .login_bottom a:nth-child(2) {width: 36%;}
  .sitemapwrap ul li ul li{width: 25%; }
  .sitemapwrap ul li ul li:first-child {width: 25%;}
  .service_icon li { height: 11rem;}
  .service_icon li dl dt {height: 4.5rem;}
  .zonewrap>div {float: left; }
  .zonewrap .zonedesc{width: 43%; padding: 1rem 1.5rem 0 0;}
  .zonewrap .zonemap{width: 57%; }
  .tabschwrap.listzone li {width:calc(25% - 2px); margin:1px 1px; } 
  .mapwrap>div {float: left; }
  .mapwrap .mapdesc{width: 43%; padding: 1rem 0 0 1.5rem;}
  .mapwrap .imagemap {width: 57%;}
  .tabschwrap.info li {width:calc(25% - 4px); margin:2px  2px; } 
  .tabschwrap.info li a {letter-spacing: -1px;padding: .5rem 0;}
  .form_input>input.species {width: calc(100% - 20rem);}
  .form_select.widjong {width:45%;}
  .boxline .agree .field {padding-right: 7rem;}
  .boxline .agree p.btn {right: 2rem;}
  .boxline .agree {padding-left: 1rem;}
  .boxline .agree:before {display: none;}
  .boxline p.title {    margin: 1rem 0 0 1rem;}
  .minwonitems {flex-direction: column;}
  .minwonitems>article {width: 100%;}
  .minwonitems .item .title {width: 150px;}
  .minwonitems .item .list {width: calc(100% - 150px);}
  .loginbox::before {display: none;}
  .loginbox .items {padding-left: 0;margin: auto;}
  .tbl_data2 {min-width: 1024px;width: 150%;}
  /*대리신청*/
  .proxyreq {padding-left: 1rem;}
  .proxyreq:before {display: none;}
  .proxystep ul {flex-wrap: wrap; }
  .proxystep li {width: calc(33.333% - 1.5rem);}
  .proxystep .alarmbox {width: calc(100% / 3 * 2);}
  .proxystep .alarmbox .info {width: calc(100% - 1.5rem);left: 50%;margin-left: 0; }
  .proxystep .txtbtm {position: relative;}
  .proxystep .alarmbox::before {left: 70%;}
  .proxystep .alarmbox::after  {left: 120%;}
  .tbl_data2.listorg {min-width: 1100px;width: 150%;}
  .paging-area .counter  {display: none;}
  .loginbox.icon2 {padding: 1.5rem 1rem 1.5rem 1rem;  }  
  .loginbox.icon .items, .loginbox.icon2 .items {width:100%;padding-left: 0;}  
  /*20250822*/
	.bbs_listmob{margin-top:20px;border-top:1px solid #202020;display:block;}
	.bbs_listmob ul {border-bottom: 1px solid #dfdfdf;padding: .5rem .75rem 1rem .75rem;}
	.bbs_listmob ul li {display: flex;   }
	.bbs_listmob ul li p:nth-of-type(1) {width: 8rem;position: relative;padding: .5rem 0 0 .75rem;color: #000;font-size: .8rem;font-weight: 500;}
	.bbs_listmob ul li p:nth-of-type(1):before {content: '';display: block;position: absolute;left: 0;top: .9rem;width: 3px;height: 3px;background: #767676;}
	.bbs_listmob ul li p:nth-of-type(2) {width: calc(100% - 8rem);padding: .5rem 0 0 0rem;}
	.mob_dishide {display:none;}  
}
@media(max-width:768px){ 
  #subContainer {padding: 1rem 0 4rem 0;}
  #subvisual {min-height: 10rem;}
  #subvisual .txtwrap h2 {margin-top: 3.6rem;} 
  #location  {margin-top:3.6rem;}
  #location .lnb {display: block;} 
  #location .lnb .submenu.dep1th {min-width:8rem;} 
  #location .lnb .submenu {min-width:12rem;}   
  #location .weblnb {display: none;}
  #location .lnb .submenu > button {padding: 0 0rem 0 .5rem;}
  #location .lnb .submenu > button:after {right: .5rem;}
  .boardinfo .totalsch, .boardinfo .totalsch2 {padding:0 1rem 0 1rem;}
  .boardinfo .totalsch:before, .boardinfo .totalsch2:before {display: none;}
  .form_input>input {width:calc(100% - 17rem);}
  .bbs_view .prevnex li {padding:.75rem 0}
  .bbs_view .prevnex li span { padding-right:2rem;margin-right:0rem; border-right: 0;}
  .bbs_view .prevnex li span:after {top:0; margin-left:.5rem;}  
  .bbs_view .prevnex li a {padding-top: .5rem; width: 100%;display: inline-block;}
  .document li .desc {float: none;width: 100%;}
  .document li .navbtn {float: none;width: 100%;text-align: right; }
  .boxline .items {padding-left: 0;}
  .boxline .items.icon09,.boxline .items.icon10  {padding-left: 0;}
  .boxline .items:before {display: none;}
  .tbl_wrt colgroup > col.label, .tbl_wrt colgroup > col {width: 100%;}
  .tbl_wrt colgroup > col.label2, .tbl_wrt colgroup > col.btn {width: 100%;}
  .tbl_wrt td, .tbl_wrt th {width: 100%;display: block;}
  .tbl_wrt2 td, .tbl_wrt2 th {width: 100%;display: block;border-right: 0px solid #dfdf;padding:.7rem .7rem;}
  .tbl_wrt2 colgroup > col.label15,  .tbl_wrt2 colgroup > col.label18 {width: 100%;}
  .tbl_wrt2 colgroup > col {width:100% !important;}
  .tbl_wrt td span.greentext {display: block;margin:.5rem 0;}
  ul.formbox li {width: 100%;float: none;}
  .boxline .lawwrap  {position: relative;padding:0rem 0 0rem 5.5rem;}
  .boxline .logo {float: none;width:100%;padding-top:0rem;}
  .boxline .organ {float: none;width:100%;margin-top: 1rem;}
  .boxline .organ li strong {width: 60px;} 
  .bbs_view .bbs_viewreply .replybox table {padding-top: 2.5rem; padding-left: 0;}
  .bbs_view .bbs_viewreply .replybox table th,   
  .bbs_view .bbs_viewreply .replybox table td {width: 100%;display: block;} 
  .ministbox li {float: left;width: 50%; text-align: left;border-left: 0;} 
  .ministbox li:nth-child(3) {width:50%;}
  .ministbox li>img {max-width: 100%;}
  .taxa_wrap {display: none; }
  .taxa_mobile {display: block; height: 2.75rem;} 
  .taxa_mobile .listbox {position:relative;background:#393098;border:2px solid #393098;}
  .taxa_mobile .listbox > button {position:relative;padding:0 1rem;width:100%;text-align:left;height:2.5rem;line-height:2.5rem;font-size:.9rem;font-weight: 500;color:#fff;transition:.4s;}
  .taxa_mobile .listbox > button:after {position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-family:"xeicon";content:'\e942';color:#fff;}   
  .taxa_mobile .listbox > button.on {background:#393098;color:#fff; }
  .taxa_mobile .listbox > button.on:after {content:'\e945';color: #fff;}
  .taxa_mobile .listbox > div {position:absolute;top:2.5rem;left:-2px;width:calc(100% + 4px);display:none;height:auto}
  .taxa_mobile .listbox > div:before {position:absolute;left:0;top:0;width:100%;height:100%;}
  .taxa_mobile .listbox ul {background:#fafafa;position:relative;z-index:10;border:2px solid #393098;} 
  .taxa_mobile .listbox li a {font-size: .85rem;line-height:2.5rem;padding-left: 1rem; color:#5c5c5c;display:block; transition:.4s; border-bottom: 1px solid #e0e0e0;}
  .taxa_mobile .listbox li a:hover {background:#fff; color:#222;}  
  .thumlist ul li {width:47%;  }
  .endspc { padding-left: 0rem;padding-top: 12rem;}
  .endspc:before {background-position:center center;left: 50%;transform: translateX(-50%);}
  .cites {padding-left: 0; padding-top: 5.5rem;}
  .cites:before {background-position:center center;left: 50%;transform: translateX(-50%);}  
  .simgbg01 { height:20rem;}
  .simgbg02 { height:21rem;}
  .endsite {padding: 1rem 1rem;}
  .endsite > div {float: none;width: 100%;min-height: 7rem;} 
  .endsite>p {margin-bottom: 1rem;}
  .endsite dl {position: relative;padding-top: 0;} 
  .endsite dl:before {width: 8rem;height: 5rem;}
  .endsite dt {padding-left:9rem;width:auto;height: 2.5rem;} 
  .endsite dd {margin-top: .75rem; padding-left:9rem;}
  .btnhome {padding: 0 .25rem;}
  .endsect li {width: 33%;}
  .tabschwrap ul {margin:0 -2px;}
  .tabschwrap li {width:calc(50% - 4px);margin:0 2px; }  
  .tabschwrap.list7 li {width:calc(25% - 4px);margin:1px 2px; }   
  .tab2depth li a {letter-spacing: -1px;}
  .tab3depth li a br {display: block;}
  .loginbox .items {float: none;width: 100%;padding: 0;}
  .loginbox .items:first-child {margin-bottom: 2rem;}
  .loginbox.icon .items {padding-left:0;}
  .paging-area .paging {text-align: left;}
  .paging-area .counter {top: .5rem;}
  .popuplayer .paging-area .counter {display: none !important;}
  .sitemapwrap ul li ul li{width: 33.33333%; }
  .sitemapwrap ul li ul li:first-child {width:  33.33333%;}
  .tbl_data {min-width: 768px;width: 150%;}
  .mhide {display:none}
  .jointext {display: block;margin-top: .5rem;}
  /* .service_icon {display: none;} */
  .infotext {padding-left: 5rem; }  
  .sitemapwrap ul li ul li{float: none;width: 100%;  padding:.25rem 0;}
  .zonewrap>div {float: none; }
  .zonewrap .zonedesc{width: 100%; padding:0;}
  .zonewrap .zonedesc dl::before {display: none;}
  .zonewrap .zonedesc dl {padding-top: 0;}
  .zonewrap .zonedesc dt {margin-top: 0;}
  .zonewrap .zonemap{width: 100%;margin-top: 2rem; }
  .zonewrap .zonemap .mapbox>img {max-width: 100%;padding: 0 .5rem;}
  .wid50 {width: 50%;}
  .wid30 {width: 30%;}
  .form_input>input {width:100%;padding-left:1rem;margin-bottom: .5rem;}
  .form_input:before{display: none;}
  .form_input>input.species {width:60%;margin-bottom: 0;} 
  .form_select.minwon {width:100%;margin-bottom: .5rem;}
  .selectwrap {margin-top: 1.5rem;} 
  .mapwrap .mapdesc{width: 100%; padding: 1rem 0 0 0;}
  .mapwrap .imagemap {width: 100%;}
  .mapwrap .imagemap .mapbox>img {max-width: 100%;padding: 0 .5rem;}
  .form_select.widjong {width:33%;}
  .minwonitems .item .iconmin {width: 40px;height: 40px;}  
  .service_icon  {margin: 1rem -5px;}
  .service_icon li {width: calc(100% / 3 - 5px);height: auto;margin:5px 2px;padding: 10px 5px;}
  .service_icon li i {display: none;}
  .service_icon li dl dt {height: auto;margin-bottom: 5px;font-size: 15px;padding-top: 0;}
  .service_icon li dl dt br {display: none;}
  .loginbox {padding: 1rem 2rem;}
  [id^="privacy_article"] {margin-top: -65px;padding-top: 65px;}
  .tblprv td img { width:80px; height:80px; margin: 10px; }
  .tblprv, .tblprv tbody, .tblprv tr, .tblprv td, .tblprv th { display:block; width:100%; }  
  .mbhide {display:none !important;}
  /*대리신청*/
  .proxyreq, .infodig {flex-direction: column;}
  .proxyreq {padding: 1.5rem 1.25rem;}
  .proxyreq .docs, .proxyreq .btns {width: 100%;}
  .proxyreq .btns .contact {width: 100%;margin-top: 1rem;height: 2.5rem;border-radius: .4rem;line-height: 2.5rem;}
  .infodig>div {width: 100%;margin-bottom: 8rem;z-index: 2;}
  .infodig::after {z-index: 1;top: 35%;left: 52%;transform: translateX(-52%); background: url(../images/icon_proxyarr5.png) no-repeat 0 0;width: 42px;height: 48px;}
  .proxystep li {width: calc(50% - 1.5rem);}
  .proxystep .alarmbox {width: 100%;}
  .proxystep .alarmbox .info {left:0;}
  .proxystep .alarmbox::before {left:20%}
  .proxystep .alarmbox::after {left:70%}
  .loginbox.icon2 {padding-bottom:0;  }
  /*20241125*/
  .process ul {flex-wrap: wrap;justify-content: start;}
  .process li { width: calc(25% - 2.5rem); margin-bottom: 1rem;}  
  .btnbg, .btnmd {margin-bottom:.5rem;}
  .tablepopup {width:150%;}
  .schwrap .btnsch {margin-top: .5rem;}
  .minorwrap {padding-left:0;}
  .minorwrap::before {display:none;}
  .tbl_popup th, .tbl_popup td {width:100%;display:block;}
  .whitewrap {flex-direction: column;flex-wrap: wrap;} 
  .whitewrap .list .desc {display: none;} 
  .whitewrap .list .btn {margin-top: 1rem;}
  .whitewrap .list .title {font-size: 1.1rem;}
}
@media(max-width:600px){
  .boardinfo {padding: 1rem 0;}
  .boardinfo .totalsch, .boardinfo .totalsch2 {padding:0 1rem 0 1rem;}  
  .tabschwrap.list4 li {width:calc(50% - 4px);margin:1px 2px; }
  .boxline .lawwrap:before {display: none;}
  .boxline .lawwrap  {position: relative;padding:0rem 0 0rem 0rem;}
  .boxline .items ul li .title {float:none; width:100%; }
  .boxline .items ul li .desc {float: none; width:100%;padding-top: .5rem;}
  .boxline .items ul li .desc a {margin-top: .5rem;}
  .paging-area .paging {text-align: center;}  
  .endsect li {width: 50%;}
  .simgbg01 { height:17rem;}
  .simgbg02 { height:18rem;}
  .tab2depth li {width: calc(50% - 4px);margin-bottom: 4px;}
  .tab2depth.list7 li {width:calc(25% - 4px);  } 
  .boxline .agree {padding: 1rem 1rem;}
  .boxline .agree .field {padding-right: 0;}
  .boxline .agree .field p span {width: 6rem;}
  .boxline .agree p.btn {position: relative;left: 0;top: 1rem;}
  .contact {width: 100%;height: 2.5rem;line-height: 2.5rem;}
  .boxline .agree .field p input {width: calc(100% - 6.55rem);}
  .service_icon li {height: 90px;}
  .joinwrap {flex-wrap: wrap;}
  .joinwrap article {width:100%;}
  /*대리신청*/
  .proxyreq {padding: 1rem 1rem;}
  .proxyreq .infield {flex-direction: column;}
  .boxline p.title {margin: 0 1rem;}
  .proxyreq .infield .formlist {gap:5px;}
  .proxyreq .infield .heading {width: 100%;display: block;margin: 1rem 0;}
  .proxystep .alarmbox {min-height: 15rem;}
  /*20241125*/ 
  .process li { width: calc(33% - 2.5rem);  }  
  .btnmar {margin-right:0;}
}
@media(max-width:480px){
    #subvisual {min-height:7rem; } 
    #subvisual .txtwrap h2 {font-size: 1.25rem;} 
    /*#location .lnb .submenu:last-child {display:none;} */
    #location .lnb .home {display:none;}
    .title01 {font-size:1.3rem;  }
    .title02 {font-size:1.1rem; } 
    .title03 {font-size:1rem; }
    .tit_num {font-size:.8rem; }
    .tit_bold {font-size:.85rem; }
    .schwrap input[type="text"] {width: auto;}
    .endsite dt {padding-left:8.5rem; } 
    .endsite dd { padding-left:8.5rem;}
    .btnhome.ico_right:after {display: none;}
    .endsite > div {min-height: 6rem;}
    .endsect li {width: 100%;}
    .endsect .box {min-height: auto;}
    .endsect .box p {min-height: auto;}
    .popthumlist li .photo {float: none;margin: .5rem auto; } 
    .popthumlist li .descinfo {float: none;width: 100%;}
    .simgbg01 { height:12rem;}
    .simgbg02 { height:13rem;}
    .sitemapwrap ul li ul li{width: 50%; }
    .sitemapwrap ul li ul li:first-child {width:50%;}
    .thumlist ul li {width: 100%;padding: 1rem .5rem;}
    .paging-area .paging li a {width: 30px;height: 30px;line-height: 28px;}
    .tab3depth li a {letter-spacing: -1px;}  
    .tbl_wrt select.wid50, .tbl_wrt input.wid50, .tbl_wrt2 select.wid50, .tbl_wrt2 input.wid50,
    .tbl_wrt select.wid40, .tbl_wrt input.wid40, .tbl_wrt2 select.wid40, .tbl_wrt2 input.wid40,  
    .tbl_wrt select.wid30, .tbl_wrt input.wid30, .tbl_wrt2 select.wid30, .tbl_wrt2 input.wid30, 
    .form_icon.mem  {width: 100% !important;}
    .tabschwrap.listzone li {width:calc(33.3333% - 2px);   } 
    .wid50 {width: 100%;}
    .wid30 {width: 100%;}
    .form_input>input.species {width:100%;margin-bottom: .5rem}
    .form_select {margin-bottom: .5rem} 
    .tabschwrap.info li {width:calc(33.33% - 4px); }  
    .form_select.widjong {width:100%;}
    .minwonitems .item {padding: 10px 10px;}
    .minwonitems .item .iconmin {display: none;}
    .minwonitems .item .title {font-size: 18px;width: 80px;}
    .minwonitems .item .list {width: calc(100% - 80px);}
    .loginbox, .loginbox.icon {padding: 1.5rem 1.5rem;}    
    .loginbox .items .login_bottom a:nth-child(1), .loginbox .items .login_bottom a:nth-child(2), 
    .loginbox .items .login_bottom a:nth-child(3) {display: block;width: 100%;margin-bottom: 5px;}
    .copy_index ul { margin:2%; }
    .copy_index ul li { width:100%; display:flex; }
    .copy_index ul li p {width:auto; margin-left:5px;}
    .copy_index li img { width:30px; height:30px; }
    .tit_privacy img { width:25px; height:25px; }
    .tit_privacy h4 { margin:0px 0 0 5px;}
    .tblprv td img { width:50px; height:50px; margin: 10px; }
    .loginbox .items .loginitem2 {flex-direction: column;}
    .icon_id2, .icon_pwd2 {width: 100%;}
    .btnflx {flex-direction: column;}
    /*20241125*/ 
    .process li { width: calc(50% - 2.5rem);  } 
    .popdis {display:block;margin-top:10px;}
}