@charset "utf-8";   

/*mainvisual*/
#mainvisual {margin-top:6rem; position: relative; z-index: 0;}
#mainvisual:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0; background-image: url(../images/mainbgback.png); background-size: cover; z-index: -1;width: 100%;height: 100%;background-repeat: no-repeat;background-position:center center;}
/*section01*/
.section01 {display: flex;justify-content: space-between;padding:3rem 0 1rem 0; }
.section01 .mainbtnbox {width: 16%;}
.section01 .mainbtnbox > div {height: 9.8rem; }
.section01 .mainbtnbox > div >a {width: 100%;height: 100%;display: block;font-size:1.25rem;font-weight: 500;text-align: center;border-radius: 2rem; }
.section01 .mainbtnbox .search>a {background: url(../images/mainbox01.png);color: #fff;transition: .4s;}
.section01 .mainbtnbox .search>a:hover {background: url(../images/mainbox01on.png); }
.section01 .mainbtnbox .telephone>a {background: url(../images/mainbox02.png);color: #000000;margin-top: 1.5rem;transition: .4s;}
.section01 .mainbtnbox .telephone>a:hover {background: url(../images/mainbox02on.png); }
.section01 .mainbtnbox > div p {padding: 2rem 0 1rem 0;}
.section01 .mainbtnbox > div i {display: block;position: relative;}
.section01 .mainbtnbox > div i::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 1;background-repeat: no-repeat;background-position: 0 0;display: block;width: 4.5rem;height: 4.5rem;transition: .3s;}
.section01 .mainbtnbox > div i::after {content: '';width: 3.6rem;height: 3.6rem;border-radius: 50%;position: absolute;z-index: 0;background: rgba(152, 166, 233, .47);}
.section01 .mainbtnbox .search i::before {background-image: url(../images/mainicon01.png);background-size: 4.15rem 2.75rem; }
.section01 .mainbtnbox .telephone i::before {background-image: url(../images/mainicon02.png);background-size: 3.6rem 3.35rem; }
.section01 .mainbtnbox>div>a:hover i::after {background: rgba(252, 255, 255, .3);}
.section01 .mainbtnbox .search a:hover i::before {background-size: 3.7rem 2.5rem; }
.section01 .mainbtnbox .telephone a:hover i::before {background-size: 3.3rem 3.05rem; }
/*BBS*/
.section01 .bbswrap {width: 37%; }
.section01 .bbswrap .bbsbox {height: 9.8rem; background: rgba(255,255,255,.6);border-radius: 2rem;margin-bottom: 1.5rem;padding: 1.5rem 1.75rem;}
.bbswrap .bbsbox .heading {font-size: 1.15rem;color: #000;margin-bottom: .75rem;position: relative;}
.bbswrap .bbsbox .viewmore {position: absolute;top: 0;right: 0;}
.bbswrap .bbsbox .viewmore:hover i {transform: rotate(360deg);transition: .6s ease-out;}
.bbswrap .bbsbox li {padding: .25rem 0;position: relative;}
.bbswrap .bbsbox .subject {width:calc(100% - 5rem);display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.bbswrap .bbsbox i.newbbs {background: url(../images/icon_new.png) no-repeat top center;width: 18px;height: 18px;display: inline-block;width: 1rem;vertical-align: top;}
.bbswrap .bbsbox .date {width: 4.5rem;display: inline-block;text-align: right;vertical-align:top; }
.bbswrap .bbsbox li a {display: block;}
.bbswrap .bbsbox li a:hover {color: #000; }
/*알림판*/
.bbswrap .mainimgbox2 {position: relative;  }
.bbswrap .mainimgbox2 .items {overflow: hidden;height: 21.1rem;}
.bbswrap .mainimgbox2 .items .thumlist{width: 100%;height: 100%; position: relative;border-radius: 1.9rem;overflow: hidden;}
.bbswrap .mainimgbox2 .items .thumlist.notibg01 {background: #ffd777;  }  
.bbswrap .mainimgbox2 .items .thumlist::before {content: '';background-position:bottom -1px right; background-size: 18.7rem 10.05rem; background-repeat: no-repeat;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.bbswrap .mainimgbox2 .items .thumlist::before { background-image: url(../images/bg_mainnoti.png);  }
.bbswrap .mainimgbox2 .items .thumlist::after {content: '';background-position:bottom right;background-repeat: no-repeat;background-position: bottom right;background-size: 8.8rem 7.8rem; position: absolute;top: 0;left: 0;right: 1rem;bottom: .5rem;z-index: 1;}
.bbswrap .mainimgbox2 .items .thumlist.notibg01::after {background-image: url(../images/img_mainnoti01.png); } 
.bbswrap .mainimgbox2 .items .thumlist .desc {padding:1.8rem 2.5rem;z-index: 2;position: relative;}
.bbswrap .mainimgbox2 .items .thumlist .desc .text1 {font-size: 1.3rem;color: #ff0000;margin-bottom: 1.8rem;font-weight: 700; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.bbswrap .mainimgbox2 .items .thumlist .desc .text2 {overflow: hidden; height: 7.5rem; font-size: .9rem;color: #000;padding-right:2rem;word-break: keep-all;}
.bbswrap .mainimgbox2  .notibold {font-size: 1rem;font-weight: bold;}
.bbswrap .mainimgbox2 .items .thumlist .desc .btn {margin-top:1.5rem;}
.bbswrap .mainimgbox2 .items .thumlist .desc .btn a {display: inline-block;background: #1b2b65;color: #fff;text-align: center;height:1.8rem;line-height: 1.8rem;border-radius: .45rem;padding: 0 1rem;font-size: .7rem;}
.bbswrap .mainimgbox2 .items .thumlist .desc .btn a:hover {background: #233989;}

/*MainSlider*/
#mainvisual .section01 .visual_sec {width: 45%;position: relative; }
.visual_sec .mainimgbox {position: relative;  }
.visual_sec .mainimgbox .items {overflow: hidden;height: 21.1rem;}
.visual_sec .mainimgbox .items .thumlist{width: 100%;height: 100%; position: relative;border-radius: 1.9rem;overflow: hidden;}
.visual_sec .mainimgbox .items .thumlist.notibg02 {background: #c6c2ff;  } 
.visual_sec .mainimgbox .items .thumlist.notibg01 {background: #f7e193;  } 
.visual_sec .mainimgbox .items .thumlist.notibg03 {background: #9cd8e7;  }
.visual_sec .mainimgbox .items .thumlist::before {content: '';background-position:bottom -1px right; background-size: 18.7rem 10.05rem; background-repeat: no-repeat;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.visual_sec .mainimgbox .items .thumlist::before { background-image: url(../images/bg_mainnoti.png);  }
.visual_sec .mainimgbox .items .thumlist::after {content: '';background-position:bottom right;background-repeat: no-repeat;background-position: bottom right;background-size: 8.8rem 7.8rem; position: absolute;top: 0;left: 0;right: 1rem;bottom: .5rem;z-index: 1;}
.visual_sec .mainimgbox .items .thumlist.notibg02::after {background-image: url(../images/img_mainnoti01.png); }
.visual_sec .mainimgbox .items .thumlist.notibg01::after {background-image: url(../images/img_mainnoti02.png); }
.visual_sec .mainimgbox .items .thumlist.notibg03::after {background-image: url(../images/img_mainnoti03.png); }
.visual_sec .mainimgbox .items .thumlist .desc {padding:1.8rem 2.5rem;z-index: 2;position: relative;}
.visual_sec .mainimgbox .items .thumlist .desc .text1 {font-size: 1.3rem;color: #000;margin-bottom: 1.8rem;font-weight: 700; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
i.mainnoti {width: 2.15rem;height:2.15rem;display: inline-block;background: #fff;border-radius: 50%;margin-right: .35rem;vertical-align: middle;position: relative; }
i.mainnoti::after {content: "";background-image: url(../images/icon_mainnoti.png);background-repeat: no-repeat; background-size: 100% auto;width: 1rem;height: 1.35rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);   }
.visual_sec .mainimgbox .items .thumlist .desc .text2 {overflow: hidden; height: 7.5rem; font-size: .9rem;color: #000;padding-right:5rem;word-break: keep-all;}
.visual_sec .mainimgbox  .notibold {font-size: 1rem;font-weight: bold;}
.visual_sec .mainimgbox .items .thumlist .desc .btn {margin-top:1.5rem;}
.visual_sec .mainimgbox .items .thumlist .desc .btn a {display: inline-block;background: #1b2b65;color: #fff;text-align: center;height:1.8rem;line-height: 1.8rem;border-radius: .45rem;padding: 0 1rem;font-size: .7rem;}
.visual_sec .mainimgbox .items .thumlist .desc .btn a:hover {background: #233989;}
.mainimgbox .ctrlwrap {position:absolute;z-index:5;height: 2.25rem;width: 15.7rem;left:0;bottom: 0;background: #2b2971; border-radius:0  1.9rem 0 1.9rem;z-index: 2; }
.mainimgbox .ctrlwrap .swp_move {position:absolute;left:0;right: 0;bottom: 0; }
.mainimgbox .ctrlwrap .swp_move button{position: absolute;height:30px;width:30px;text-indent:-999px; overflow:hidden;background-repeat:no-repeat; background-position:center center; cursor: pointer; } 
.mainimgbox .ctrlwrap .swp_move .prevslide { background-image:url(../images/mvic_prev.png);left:1px;}
.mainimgbox .ctrlwrap .swp_move .nextslide { background-image:url(../images/mvic_next.png);right:1px;}
.mainimgbox .ctrlwrap .swp_ctrl {position:relative;padding-left: 2.5rem;  }
.mainimgbox .ctrlwrap .swp_ctrl .swiper-pagination {position: static;  display:inline-block; color: #fff;font-size:.7rem;margin-top: .45rem;margin-left: .4rem;line-height: 1.2rem;} 
.mainimgbox .ctrlwrap .swp_ctrl .swiper-pagination-current {color: #000;font-size: 1.1rem; } 
.swiper-pagination-bullet {background:transparent;width:1.35rem;height: 1.35rem; opacity: 1;margin-right: 7px;border: 1px solid #b4b4b4;}
.swiper-pagination-bullet-active {background: #fff;font-weight: bold;color: #000;border: 1px solid #fff;}
.mainimgbox .ctrlwrap .swp_ctrl button{width:1.35rem;height:1.35rem;text-indent:-999px;overflow:hidden;background-repeat:no-repeat; background-position:top .4rem center;transition:.2s;cursor: pointer;background-color:transparent;}
.mainimgbox .ctrlwrap .swp_ctrl .stopslide, 
.mainimgbox .ctrlwrap .swp_ctrl .playslide { display: none;}
.mainimgbox .ctrlwrap .swp_ctrl .stopslide{background-image:url(../images/mvic_stop.png);}
.mainimgbox .ctrlwrap .swp_ctrl .playslide{background-image:url(../images/mvic_play.png);}  
.mainimgbox .ctrlwrap .swp_ctrl .stopslide.on, 
.mainimgbox .ctrlwrap .swp_ctrl .playslide.on {display: inline-block;}
/*알림판수정*/  
.mainalarmwrap{width: 100%;height: 100%; position: relative;border-radius: 1.9rem;overflow: hidden;}
.mainalarmwrap.notibg01 {background: #f7e193;  } 
.mainalarmwrap.notibg02 {background: #c6c2ff;  } 
.mainalarmwrap.notibg03 {background: #9cd8e7;  }
.mainalarmwrap::before {content: '';background-position:bottom -1px right; background-size: 18.7rem 10.05rem; background-repeat: no-repeat;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.mainalarmwrap::before { background-image: url(../images/bg_mainnoti.png);  }
.mainalarmwrap::after {content: '';background-position:bottom right;background-repeat: no-repeat;background-position: bottom right;background-size: 8.8rem 7.8rem; position: absolute;top: 0;left: 0;right: 1rem;bottom: .5rem;z-index: 1;}
.mainalarmwrap.notibg01::after {background-image: url(../images/img_mainnoti02.png); }
.mainalarmwrap.notibg02::after {background-image: url(../images/img_mainnoti01.png); }
.mainalarmwrap.notibg03::after {background-image: url(../images/img_mainnoti03.png); }
.mainalarmwrap .desc {padding:1.8rem 2.5rem;z-index: 2;position: relative;}
.mainalarm_text1 {font-size: 1.3rem;/*color: #000;*/margin-bottom: 1.8rem;font-weight: 700; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.mainalarm_text2 {overflow: hidden; /*height: 7.5rem;padding-right:5rem;font-size: .9rem;color: #000;*/ word-break: keep-all;}
.mainalarm_bold {font-size: 1rem;font-weight: bold;}
i.mainnoti1 {width: 2.15rem;height:2.15rem;display: inline-block;background: #fff;border-radius: 50%;margin-right: .35rem;vertical-align: middle;position: relative; }
i.mainnoti1::after {content: "";background-image: url(../images/icon_mainnoti.png);background-repeat: no-repeat; background-size: 100% auto;width: 1rem;height: 1.35rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);   }
i.mainnoti2 {width: 2.8rem;height:2.8rem;display: inline-block;background: #fff;border-radius: 50%;margin-right: .35rem;vertical-align: middle;position: relative; }
i.mainnoti2::after {content: "";background-image: url(../images/icon_mainnoti2.png);background-repeat: no-repeat; background-size: 100% auto;width: 1.25rem;height: 1.75rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);   }
.mainalarm_text1.red {color: #ff0000;}
/*CK Editor20240920*/
.ck-content h1 {font-size:1.75rem; }
.ck-content h2 {font-size:1.5rem; }
.ck-content h3 {font-size:1.25rem; margin: 0px 0; padding-left:  0px;border-bottom: none;padding-bottom: 0px;}
.ck-content h3:before {display:none;}
.ck-content h4 {font-size:1rem;margin-top: 0px;}
.ck-content a, .ck-content a:visited {color:#6764c5;}
.ck-content a:hover, .ck-content a:focus {color:#000;text-decoration:underline;}
.ck-content .text-tiny {font-size:.6rem;}
.ck-content .text-small {font-size:.7rem;}
.ck-content .text-big {font-size:1.15rem;}
.ck-content .text-huge {font-size:1.5rem;}
.ck-content ol, .ck-content ul  {padding-left: 20px;}
.ck-content ol, .ck-content ol li {list-style-type: inherit;} 
.ck-content ul, .ck-content ul li  {list-style-type: inherit }
/*.ck-content ol, .ck-content ol li {list-style-type: decimal;} 
.ck-content ul, .ck-content ul li  {list-style-type: square }*/
.ck-content  strong, .ck-content  b {font-weight:bold;}
.ck-content i {font-style: italic;}
.ck-content img {
	max-width:100%;
}
.mainalarm_btn {margin-top:1.5rem;}
.mainalarm_btn a {display: inline-block;background: #1b2b65;color: #fff !important;text-align: center;height:1.8rem;line-height: 1.8rem;border-radius: .45rem;padding: 0 1rem;font-size: .7rem;}
.mainalarm_btn a:hover {background: #233989;color: #fff !important;}
.mainalarm_btn.red a {background: #90004e;color: #fff !important;}
.mainalarm_btn.red a:hover {background: #aa005c;color: #fff !important;}

/*Login*/
.section01 .member_box {width: 33%;padding-right: 0rem;}
.section01 .member_box .items {width: 100%;height: 21.1rem;background:#fff; border-radius: 2rem;box-shadow:0 0 1rem rgba(51,54,157,.15);overflow: hidden;}
.section01 .member_box .items .title {font-size: 1.3rem;color: #000; }
.section01 .member_box .items>div {height: 100%;padding:2rem 0rem 1rem 1rem;background-repeat: no-repeat;background-position: bottom center;}
.section01 .member_box .items .bglogin {background-image: url(../images/mainloginbox01.png);}
.section01 .member_box .items .bglogin2 {background-image: url(../images/mainloginbox02.png);}
.section01 .member_box .btns {position: relative;margin-top: 2.5rem;}
.section01 .member_box .btns::before {content: '';background-image: url(../images/mainloginimg01.png) ;width: 11.8rem;height: 9.4rem;position: absolute;right: 0;top: 0;z-index: 0;background-size: 100% auto;background-repeat: no-repeat;background-position: top right;}
.section01 .member_box .btns button {z-index: 1;position: relative;display: block;min-width: 9rem;color: #fff;font-weight: 500;text-align: center;transition: .3s;}
.section01 .member_box .login {height: 4.5rem;border-radius: 2.25rem;font-size: 1.2rem; background: #7935a4;box-shadow:12px 7px 28px rgba(24,42,56,.23);margin-bottom: 1rem;}
.section01 .member_box .login:hover {background: #8635ba;}
.section01 .member_box .join {font-size: 1.05rem;height: 2.8rem;border-radius: 1.4rem;background: #197ab7; margin-bottom: 3rem; }
.section01 .member_box .join:hover {background: #0883d1;}
.section01 .member_box .idpwd {background: #888cb5;line-height: 1.8rem;border-radius: .5rem;color: #fff;text-align: center; display: inline-block; transition: .3s;font-size: .7rem;padding: 0 .5rem; }
.section01 .member_box .idpwd:hover {background: #7e82aa;}
.section01 .member_box .mylist  {display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;padding-top: 2rem;}
.section01 .member_box .mylist::before{content: '';background-image: url(../images/mainloginimg02.png) ;width: 10.25rem;height: 8.15rem;position: absolute;right: 0;top: -5rem;z-index: 0;background-size: 100% auto;background-repeat: no-repeat;background-position: top right;}
.section01 .member_box .mylist li {width: 48%; padding: .5rem 1%;z-index: 1;}
.section01 .member_box .mylist li dl {display: flex; }
.section01 .member_box .mylist li dl dt {width:calc(100% - 60px);font-size: .85rem; color: #000;position: relative;padding-left: 1.8rem;line-height: 1.5rem;}
.section01 .member_box .mylist li dl dt:before {content: '';width: 1.5rem;height: 1.5rem;position: absolute;top: 0;left: 0;background-color: #dbdbee;border-radius: 50%;background-repeat: no-repeat;background-image: url(../images/icons_sprite.png);}
.section01 .member_box .mylist li dl dt.icon01:before {background-position: 0 0;}
.section01 .member_box .mylist li dl dt.icon02:before {background-position: -30px 0;}
.section01 .member_box .mylist li dl dt.icon03:before {background-position: -60px 0;}
.section01 .member_box .mylist li dl dt.icon04:before {background-position: -90px 0;}
.section01 .member_box .mylist li dl dt.icon05:before {background-position: -120px 0;}
.section01 .member_box .mylist li dl dt.icon06:before {background-position: -150px 0;}
.section01 .member_box .mylist li dl dd {background: #7935a4;display: inline-block;width: 60px;height: 31px; text-align: center;color: #fff;font-size: .85rem;border-radius: 15px;line-height: 1.5rem;margin-right: .5rem;}
.section01 .member_box .mylist li.first {width: 96%; padding: .5rem 49% .5rem 1%;z-index: 1;} 
.section01 .member_box .btn2 {z-index: 1;position: relative;margin-top: 1.5rem; }
.section01 .member_box .btn2 .agree  {display: block;max-width: 8.5rem;color: #fff;font-weight: 500;font-size: .85rem;height: 2.15rem;line-height: 2rem;border-radius: 1.15rem;background: #197ab7;transition: .3s;text-align: center; }
.section01 .member_box .btn2 .agree:hover {background: #0883d1;}  
/*민원신청바로가기*/
.servicelink {padding-bottom: 2rem;}
.servicelink ul {display: flex;justify-content: space-between; }
.servicelink li {width: 16%;height: 100%;}
.servicelink li a {transition: .3s;min-height: 10rem;background: #fff;border-radius: 1.5rem; border: 1px solid transparent;}
.servicelink li a:hover {border: 1px solid #e6e7f0;box-shadow: 0 0 10px rgba(36, 25, 103, .1);}
.servicelink li a {display: block;}
.servicelink li i {display: block;position: relative;width: 6rem;height: 5.5rem;margin: auto;}
.servicelink li i:before {content: '';background-repeat: no-repeat; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-image: url(../images/icons_sprite.png);height: 65px;transition: .3s;}
.servicelink li i.icon01:before {background-position:0 -30px;width: 110px;}
.servicelink li i.icon02:before {background-position:-112px -30px;width: 101px;}
.servicelink li i.icon03:before {background-position:-213px -30px;width: 59px;}
.servicelink li i.icon04:before {background-position:-272px -30px;width: 99px;}
.servicelink li i.icon05:before {background-position:-371px -30px;width: 80px;}
.servicelink li i.icon06:before {background-position:-451px -30px;width: 84px;}
.servicelink li a:hover i.icon01:before {background-position:0 -95px;width: 110px;}
.servicelink li a:hover i.icon02:before {background-position:-112px -95px;width: 101px;}
.servicelink li a:hover i.icon03:before {background-position:-213px -95px;width: 59px;}
.servicelink li a:hover i.icon04:before {background-position:-272px -95px;width: 99px;}
.servicelink li a:hover i.icon05:before {background-position:-371px -95px;width: 80px;}
.servicelink li a:hover i.icon06:before {background-position:-451px -95px;width: 84px;}
.servicelink li p {color: #000;font-size: .9rem;text-align: center;margin: .5rem 1rem;word-break: keep-all;}
.servicelink>p {color: #000;font-size: 1.4rem;margin-bottom: .5rem;}
.servicelink .titbtn>p {color: #000;font-size: 1.3rem;font-weight: 600;margin-bottom: 1.25rem;}
.servicelink .titbtn .allview {height: 1.5rem;line-height: 1.5rem;font-size: .75rem;background: #344b75;color: #fff;padding: 0 .5rem 0 .8rem;border-radius: .75rem;}

/*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;}

.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;position: relative;vertical-align: top;letter-spacing: -1px;}
.tbl_wrt th:before {content: '';position: absolute;top:.95rem;left: 0; 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;}
.poplhtxt {line-height: 1.5rem;font-size: .95rem;}
.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:hover {background: #243e92;}
.btnbg.gray {background:#7b839d;}
.btnbg.gray:hover {background:#61687f;}
.btnbg.blue {background:#4f6ac1;}
.btnbg.blue:hover {background:#243e92;}
.redtext, .textred {color: #ff0101;}
.tit_bold {font-size:.95rem;color: #000;}
.bold500 {font-weight:500;}
.bold500 {font-weight:600;}

/*Respond*/
@media(max-width:1240px){
    .section01 .mainbtnbox {width: 20%;}
    .section01 .bbswrap {width: 35%;}
    .section01 .member_box {width: 40%;}
    #mainvisual .section01 .visual_sec {width: 35%;}
    .visual_sec .mainimgbox .items .thumlist::after {display: none;} 
    .visual_sec .mainimgbox .items .thumlist .desc .text2 {padding-right: 0rem;}
    .visual_sec .mainimgbox .items .thumlist .desc {padding:1.5rem 1.5rem;}
    .mainimgbox .ctrlwrap {width:12rem;} 
    .mainimgbox .ctrlwrap .swp_ctrl {padding-left: 1.5rem;}
 	.mainalarmwrap::after {display: none;} 
    .mainalarm_text2 {padding-right: 0rem;}
    .mainalarmwrap .desc {padding:1.5rem 1.5rem;} 
}
@media(max-width:1024px){
    .section01 .member_box .items .bglogin2 {padding: 1rem 1.5rem;}
    .section01 .member_box .mylist::before {display: none;}
    .section01 .member_box .mylist {padding-top: .5rem;}
    .section01 .member_box .mylist li, .section01 .member_box .mylist li.first {width: 100%;padding: 0.2rem 0;}
    .servicelink ul {flex-wrap: wrap;}
    .servicelink li {width: 32%;margin-bottom: 1.333%;} 
    .section01 .member_box .btn2 {margin-top: .6rem;}
    .section01 .member_box .btn2 .agree {max-width: 100%;  }    
}
@media(max-width:768px){
    #mainvisual  {margin-top: 3rem;}
    .section01 {flex-wrap: wrap;}
    .section01 .mainbtnbox {width: 25%;order: 1;}
    .section01 .bbswrap {width:100%;order: 3;margin-top: 2rem;}
    .section01 .member_box {width: 70%;order: 2;}
    #mainvisual .section01 .visual_sec {width:100%;order: 3;margin-top: 2rem;margin-bottom: 2rem;}
    .visual_sec .mainimgbox .items .thumlist::after {display: block;}  
    .mainimgbox .ctrlwrap {width:15.7rem;}    
    .mainalarmwrap::after {display: block;}
}
@media(max-width:600px){
    .section01 .mainbtnbox {width: 100%;order: 3;display: flex;justify-content: space-between;margin-top: 2rem;}
    .section01 .mainbtnbox > div {width: 48%; }
    .section01 .member_box {width: 100%;order: 1;}
    .section01 .mainbtnbox .telephone>a {margin-top: 0;}
    .servicelink li {width: 48%;margin-bottom: 2%;}
    .bbswrap .mainimgbox2 .items .thumlist.notibg01::after {display:none;}
    #mainvisual .section01 .visual_sec {order: 2;margin-bottom : 0;}   
   .mainalarmwrap::after {display: none;}
}
@media(max-width:480px){ 
    .visual_sec .mainimgbox .items .thumlist::after {display: none;} 
    .mainimgbox .ctrlwrap {width:12rem;} 
    .mainimgbox .ctrlwrap .swp_ctrl {padding-left: 1.5rem;}
}