@charset "utf-8";

.disn{display:none;}
.table-warp{width:100%;overflow-x: auto;}
.table-warp > table{min-width:988px;}
.sub-tit{font-size:38px; color:#444444; font-weight:500; margin-bottom:15px;}
.sub-nav{margin-bottom:43px;}
.sub-nav li{float:left; font-size:15px; color:#666666; font-weight:300; padding-right:12px; margin-right:7px; background:url('../images/new_common/nav-icon.png') no-repeat right center;}
.sub-nav li.last{margin-right:0px; padding-right:0px; background:none; font-weight:400;}
.sub-nav li > img{vertical-align:0px;}

.sub-box1{position: relative; word-break: keep-all; min-height:73px; box-sizing:border-box; margin-bottom:60px; padding:30px 10px 30px 126px; background:#f6f6f7 url('../images/new_common/sub-boxIcon.png') no-repeat 33px center; border:1px solid #d6d6d6;}
.sub-box1 .p1{font-weight:500; color:#f96604; margin-bottom:8px;}
.sub-box1 .p2{font-size:0.9rem; font-weight:300;}
.sub1-ct1{width:820px; margin:0 auto; text-align:center; padding-bottom:23px;}
.sub1-ct1 .s1left{padding-right:33px; float:left; background:url('../images/new_common//sub-icon01.png') no-repeat right center; width:390px;}
.sub1-ct1 .s1left .s1left-c{border:10px solid #f1f1f1; width:calc(100% - 20px); display:table; background:#fff;}
.sub1-ct1 .s1left .s1left-c > div{display:table-cell; vertical-align:middle;}
.sub1-ct1 .s1left .s1left-c .p1{font-weight:700; font-size:24px; color:#396dc3; padding-bottom:14px; margin-bottom:15px; background:url('../images/new_common/blue-bd1.gif') no-repeat center bottom;}
.sub1-ct1 .s1left .s1left-c .p2{padding:0px 5px; font-weight:400; color:#444444; font-size:18px;}
.sub1-ct1 .s1left .s1left-c .p2 span{font-weight:500; color:#396dc3;}
.sub1-ct1 .s1right{float:right; width:390px;}
.sub1-ct1 .s1right .right-c{border:1px solid #d0d0d0;}
.sub1-ct1 .s1right .right-c > img{max-width:100%; vertical-align:top;}
.sub1-ct1 .s1right .top{padding:12px 5px; background:#f1f1f1; font-size:16px; color:#444444; font-weight:300;}
.sub1-ct1 .s1right .top span{font-weight:500;}
.sub1-ct1 .s1right > img{vertical-align:top;}
.link-bbx{text-align:center; margin-top:7px;}
.link-bbx > a{display:inline-block; vertical-align:top; height:29px; line-height:29px; font-weight:400; width:106px; background:#396dc3; color:#fff;}
/* 2023-04-07 */
.hbLink{/*width:302px;*/ margin:7px 0 0px;}
.hbLink > a{display:table; /*width:150px;*/ width:calc(100% / 3); height:60px; }
.hbLink > a.left{ float:left;}
/* .hbLink > a.right{background:#e45858; float:right;} */
.col_b{background:#396dc3;}
.col_r{background:#e45858;}
.col_g{background:#0eaaa9;}
.hbLink > a p{display:table-cell; vertical-align:middle; text-align:center; font-weight:400; font-size:12px; color:#fff; line-height:128%;}
/* //2023-04-07 */

.paging {text-align:center;margin-top: 40px;}
.paging::after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.paging > a{display:inline-block; vertical-align:top; margin:2px 0px; width:37px; height:36px; line-height:36px; text-align:center; border:1px solid #dddddd; font-weight:300; font-size:15px; color:var(--black-6);} /* 20230901 */
.paging > a.on, .paging > a:hover, .paging > a:focus, .paging > a:active{background:#f5f5f5; color:#3b6cca;font-weight:700;} /* 20220927 */
.paging > a.first{line-height:0px; font-size:0px; overflow:hidden; background:url('../images/new_common/first.gif') no-repeat center center !important;}
.paging > a.pre{line-height:0px; font-size:0px; overflow:hidden; background:url('../images/new_common/pre.gif') no-repeat center center !important;}
.paging > a.next{line-height:0px; font-size:0px; overflow:hidden; background:url('../images/new_common/next.gif') no-repeat center center !important;}
.paging > a.last{line-height:0px; font-size:0px; overflow:hidden; background:url('../images/new_common/last.gif') no-repeat center center !important;}

.sub3t1{margin-bottom:55px;}
.sub3t1 li{display:table; box-sizing:border-box; border-top:1px solid #dedede; border-bottom:1px solid #dedede; width:20%; height:86px; position:relative; background:#fff; float:left;}
.sub3t1 li.last{border-right:1px solid #dedede;}
.sub3t1 li:after{content:''; display:block; width:52px; height:84px; z-index:1; position:absolute; top:0px; right:-48px; background:url('../images/new_common/sub3-t22.png') no-repeat 0 0;}
.sub3t1 li.on:after{background:url('../images/new_common/sub3-t11.png') no-repeat 0 0;}
.sub3t1 li.last:after{display:none;}
.sub3t1 li.on{background:#009997; display: table;}/*2023-04-07*/
.sub3t1 li p{display:table-cell; vertical-align:middle; text-align:center; font-weight:300; padding-left:48px; line-height:120%;}
.sub3t1 li p.m-img{display: none;}
.sub3t1 li.first p{padding-left:0px;}
.sub3t1 li.on p{color:#fff;}
/* 2023-04-07 */
.sub3t1 li .p-img{display:none;}
.sub3t1 li .pageNum{display: none;}
/* //2023-04-07 */

/* 2023-04-10 */
.totalPrice{text-align: center; font-size: 30px;  font-weight: 700; padding-top: 30px;}
.totalPrice span{text-decoration: underline;}
/* //2023-04-10 */
.pgm28-s3{padding-left:75px;}
.pgm28-s3 li{float:left; width:150px; padding-right:57px; margin-right:21px; background:url('../images/new_common/s283-icon.png') no-repeat right 39px;}
.pgm28-s3 li.last{margin-right:0px; padding-right:0px; background:none;}
.pgm28-s3 li > div{position:relative; height:193px;}
.pgm28-s3 li > div p{text-align:center; position:absolute; top:102px; left:0px; width:100%; font-weight:400; color:#555555; font-size:15px; line-height:120%;}
.pgm28-s3 li > div.div1{background:url('../images/new_common/s283-1.png') no-repeat center top;}
.pgm28-s3 li > div.div2{background:url('../images/new_common/s283-2.png') no-repeat center top;}
.pgm28-s3 li > div.div3{background:url('../images/new_common/s283-3.png') no-repeat center top;}
.pgm28-s3 li > div.div4{background:url('../images/new_common/s283-4.png') no-repeat center top;}
.pgm28-s3 li > div.div5{background:url('../images/new_common/s283-5.png') no-repeat center top;}
.pgm28-s3 li > div.div6{background:url('../images/new_common/s283-6.png') no-repeat center top;}
.pgm28-s3 li > div.div7{background:url('../images/new_common/s283-7.png') no-repeat center top;}
.pgm28-s3 li > div.div8{background:url('../images/new_common/s283-8.png') no-repeat center top;}
.pgm28-s3 li > div.div9{background:url('../images/new_common/s283-9.png') no-repeat center top;}
.pgm28-s3 li > div.div10{background:url('../images/new_common/s283-10.png') no-repeat center top;}
.pgm28-s3 li > div.div11{background:url('../images/new_common/s283-11.png') no-repeat center top;}
.pgm28-s3 li > div.div12{background:url('../images/new_common/s283-12.png') no-repeat center top;}
.pgm28-s3 li > div.div13{background:url('../images/new_common/s283-13.png') no-repeat center top;}
.pgm28-s3 li > div.div14{background:url('../images/new_common/s283-14.png') no-repeat center top;}
.pgm28-s3 li > div.div15{background:url('../images/new_common/s283-15.png') no-repeat center top;}



/* 20230418 */
.s2list11{text-align:center; max-width: 709px; position: absolute; top: 0; right: 0; padding: 30px 80px 30px 10px;}
.s2list11 a.button_blu {display:inline-block;  vertical-align:top;  padding:5px 25px; margin:2px auto; height:38px; line-height:38px; border:1px solid #396dc3; background: #396dc3; text-align:center; font-weight:700; color:#fff; font-size:1rem; }
/* //20230418 */

.s2list22{margin-left:18px; margin-bottom:30px;}
.s2list22 > li{margin-bottom:12px;padding-left:12px;font-weight: 300;background:url('../images/new_common/s2-listicon1.gif') no-repeat 0px 8px;}
.s2button22{text-align:center;}
.s2button22 a{display:inline-block; vertical-align:top; margin:2px 0px; width:154px; height:45px; line-height:45px; background:var(--black-3); text-align:center; color:var(--white); font-weight:500; border-radius:10px;}
.button_red a{border:1px solid #e54a76; background:#e54a76;}

.s4-div1{height:131px; border:1px solid #d6d6d6; background:#f5f5f5; overflow-y:scroll; padding:18px 5px 18px 27px;}
.s4-div1 > h5{font-weight:500; font-size:15px; color:#555555; margin-bottom:7px;}
.s4-div1 ul li{font-weight:300; line-height:120%; font-size:15px; color:#555555; padding-left:7px; background:url('../images/new_common/s4d1-icon.gif') no-repeat 0px 8px; margin-bottom:5px;}
.s4-div1 ul li span{font-weight:500;}
/*20250728*/
.s4-div1.agr *, .s4-div1.agr span {font-size: 18px!important}
.s4-div1.agr > ol > li:not(.disagree) {margin-bottom: 20px}
/*20250728*/
.s4-div2{text-align:right; padding:17px 0px; border-bottom:1px solid #d6d6d6; margin-bottom:55px;}
.s4-div2 label{font-weight:300; font-size:15px; color:#555555;}
.s2button23{margin-top:53px;}
.s2button23 a.a1{background:var(--btn-yellow); color:var(--black-3);font-weight: 700;}
.s2button23 a.a0{background:#313131; border:1px solid #313131; color:#fff;}

.tb01slt1{height:34px; width:83px; border:1px solid #d7d7d7; margin:2px 0px; font-weight:300; font-size:15px; color:#555555;}
.tb01input1{border:1px solid #d7d7d7; margin:2px 0px; font-weight:300; font-size:15px; color:var(--yellow); padding:0px 5px; text-align:center; width:71px; height:32px; line-height:32px;}
.s5dateBox{display:inline-block; border:1px solid #d7d7d7; padding-left:15px; width:162px; position:relative;}
.tb01input2{width:calc(100% - 35px); height:32px !important; line-height:32px; vertical-align:top; font-weight:300; font-size:15px; color:#555555; border:0px !important; padding-left:0px !important; outline:none;}
.tb01input2::placeholder{font-size:0.9rem;}
.s5dateBox-bt{display:block; position:absolute; right:0px; top:0px; width:33px; height:32px; font-size:0px; line-height:0px; overflow:hidden; background:url('../images/new_common/s5-dateBt1.gif') no-repeat 0 0;}
.tb1grbt1{display:inline-block; vertical-align:middle; margin:2px 0px; padding:0px 15px; height:34px; line-height:34px; font-weight:300; font-size:15px; color:#fff; background:#7d7d7d;}
.tb01input3{text-align:left; color:#888888; width:100%; max-width:316px;}
.txtarea01{display:inline-block; vertical-align:middle; overflow-y:scroll; padding:10px; box-sizing:border-box; border:1px solid #d7d7d7; height:63px; width:100%; max-width:554px; text-align:left; resize:none; font-size:15px; color:#888888; font-weight:300;}
.tb01input4{width:346px;}
.blue-p1{font-weight:300; color:#4a78ce; font-size:15px; margin-top: 12px;}
.red-p1{font-weight:300; color:red; font-size:15px; margin-bottom: 12px;}
.line_1_5{text-decoration: underline; text-decoration-thickness:1.5px;}
.s0528pDiv{display: flex; align-items: flex-end; justify-content: space-between;}
.s0528p{text-align:right; margin-bottom:10px;}
.s0528pLink{display:inline-block; vertical-align:top; text-align:center; width:98px; height:34px; line-height:34px; background:#d6585c; font-weight:300; color:#fff; font-size:15px;}
.s5ipt5{width:calc(90% - 12px);}
.s5ipt6{text-align:left; color:#888;}
.s5ipt6::placeholder{color:blue;font-weight: 500;}
.s5delete{cursor:pointer; display:inline-block; text-align:center; width:57px; height:28px; line-height:28px; border:1px solid var(--black-1); font-weight:300; color:var(--black-1); font-size:14px;}
.s5ipt7{color:#555555;}

.table01 tfoot td{font-weight:400; background:var(--bg-gray);}
.s2button22 a.a2{background:#1178c6; border:1px solid #1178c6;}

.popup-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:999;background:url('../images/new_common/s6-allbg.png');}
.popup-center{position: absolute;top: 10px;left: 0;width:100%;height: 100%;}
.popup-center .top{margin: 0 auto;width:1074px;max-width:98%;position:relative;padding: 0 68px 0 40px;box-sizing:border-box;background:#345693;}
.popup-center .top > h2{display: table-cell;vertical-align: middle;height: 58px;padding: 10px 0;font-weight:500; color:#fff; font-size:24px;}
.popup-center .top > .close{display:block;font-size:0px;position:absolute; top:50%; right:40px; width:28px; height:28px;margin-top: -14px;background:url('../images/new_common/popup-close.png') no-repeat;}
.contentB6{background:var(--white);margin: 0 auto;width:1074px;max-width:98%;height: calc(100% - 108px);padding:30px 40px;overflow: auto;box-sizing:border-box;}
.tabs6li li{float:left; width:16.6%; border-top:1px solid #a8b7d1; border-bottom:1px solid #a8b7d1;}
.tabs6li li a{display:block; border-left:1px solid #a8b7d1; height:49px; line-height:49px; text-align:center; font-weight:400; font-size:16px; color:#666666;}
.tabs6li li.on a{background:#396dc3; color:#fff;}
.tabs6li li.last a{border-right:1px solid #a8b7d1;}
.s6allbgP{font-weight:300; font-size:15px; color:#555555; margin:0px 0px 12px 0px;}
.s6allbgP span{font-weight:400; color:#3b6cca;}
.add-inp input{vertical-align: top;}
.s2button24{text-align:right; margin-top:40px;}

.s07gbox{height:492px; background:#f5f5f5; border:1px solid #d6d6d6;}
.s07gbox .ct07{width:555px; margin:0 auto; text-align:center;}
.s07gbox .ct07 .div1{padding-top:60px; padding-bottom:150px; font-weight:500; font-size:24px; color:#444444; background:url('../images/new_common/s7-icon2.gif') no-repeat center bottom;}
.s07gbox .ct07 .div1 span{font-weight:inherit; color:#f05000;}
.s07gbox .ct07 .list1{margin-top:20px; text-align:left;}
.s07gbox .ct07 .list1 li{padding-left:10px; font-weight:300; font-size:15px; color:#555555; background:url('../images/new_common/s7listicon.gif') no-repeat 0px 9px;}
.s07gbox .ct07 .btP7{margin-top:35px;}
.s07gbox .ct07 .btP7 a{margin:0px 3px;}

.s8btb{height:30px; line-height:30px; width:59px; text-align:center; background:#4acbe0; color:#fff; font-weight:300; font-size:15px; display:inline-block;}
.s8btb2{height:28px; line-height:28px; width:57px; text-align:center; background:#fff; border:1px solid #4d4d4d; font-weight:300; font-size:14px; display:inline-block; color:#333333;}

.table01-minWidth800{overflow-x:auto;}
.table01-minWidth800 > table{min-width:800px;}

.popWindow1{box-sizing:border-box; width:635px; height:630px; margin:0 auto; background:#fff; padding:10px; border:1px solid #dadada;}
.innerW1{box-sizing:border-box; height:100%; border:2px solid #4c82c3;}
.innerW1C{box-sizing:border-box; height:100%; border-top:1px solid #b8cde7; border-bottom:1px solid #b8cde7; position:relative; text-align:center;}
.innerW1C .p1{font-size:16px; color:#444444; font-weight:400; position:absolute; left:18px; top:10px; padding-bottom:2px; border-bottom:1px solid #555555;}
.innerW1C > h3{padding-top:80px; font-weight:400; font-size:34px; color:#222222;}
.innerW1C .p2{padding:0px 60px; margin-top:18px; font-weight:400; font-size:16px; color:#222222;}
.tb056{width:570px; margin:0 auto; padding-top:15px;}
.tb056 table{min-width:570px; background:url('../images/new_common/tp-bg6.png') no-repeat center center;}
.tb056 th, .tb056 td{text-align:center; border:1px solid #d6d4d4; padding:8px 15px; line-height:120%;}
.tb056 th{font-weight:400; font-size:15px;}
.tb056 th.th1{color:#1178c5;}
.tb056 th.th2{color:#333333;}
.tb056 td{font-weight:300; font-size:16px; color:#555555;}
.tb056 td.td1{text-align:left;}

.innerW1C .p3{margin-top:8px;}
.innerW1C .p3 span{display:inline-block; vertical-align:top; font-weight:400; margin:2px 18px; font-size:15px; color:#333333;}
.innerW1C .p4{margin-top:45px; font-weight:400; font-size:24px; color:#222222;}

.popWindow2{width:747px; margin:0 auto;}
.popWindow2 .div1{height:90px; line-height:90px; padding-left:40px; background:#345693; position:relative; font-weight:500; font-size:24px; color:#fff;}
.p2linkcls{display:block; position:absolute; top:30px; right:37px; width:30px; height:30px; font-size:0px; line-height:0px; overflow:hidden; background:url('../images/new_common/p2closeb.gif') no-repeat 0 0;}
.popWindow2 .div2{padding:30px 0px 45px; text-align:center;}
.popWindow2 .div2 > img{max-width:100%;}

.halfView{display: flex;}
.halfView > div{width: 50%;}
/*------------------------------*/
.fl{float: left;}
.fr{float: right;}
.tx-ct{text-align: center !important;}
.tx-lt{text-align: left !important;}
.tlt{text-align: left !important;}
.tx-rt{text-align: right !important;}
.ml0{margin-left: 0 !important;} 
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.pb15{padding-bottom: 15px !important;}
#lnb h2.lnb-sub1-h2{background: #345693 url('/design/theme/portal/images/common/m1_lnb_bg.png') no-repeat 24px 25px;}
#lnb h2.lnb-sub3-h2{background: #345693 url('/design/theme/portal/images/common/m3_lnb_bg.png') no-repeat 25px 25px;}
/* #lnb h2.lnb-sub5-h2{background: #345693 url('../images/new_common/inb-sub5-h2.png') no-repeat 25px 25px;} */
#lnb h2.lnb-sub6-h2{background: #345693 url('/design/theme/portal/images/common/m6_lnb_bg.png') no-repeat 32px 27px;}
#lnb h2.lnb-sub7-h2{background: #345693 url('/design/theme/portal/images/common/m7_lnb_bg.png') no-repeat 32px 27px;}
.vertical-align-top{vertical-align:top !important}/* 20190806 */

.sub01-input-select{padding: 15px;text-align: center;margin-bottom: 40px;border: 1px solid #d8d8d8;}
.sub01-input-select > span{display: inline-block;padding: 5px;vertical-align: top;box-sizing: border-box;}
.sub01-input-select > span > *{vertical-align: middle;}
.sub01-input-select > span > label{padding-right: 5px;}
.sub01-input-select select,
.sub01-input-select input{height: 50px;padding-left: 5px;box-sizing: border-box;border: 1px solid #c3c3c3; border-radius: 10px;}
.sub01-input-select span.long input{width: 204px; height:50px;}
.sub01-input-select .black-but {height: 50px; line-height: 50px; border-radius: 10px;}
.black-but{display: inline-block;background:var(--bg-black-4);color: #fff;font-size: 0.9rem;min-width: 68px;height: 35px;line-height: 35px;padding: 0 10px;text-align: center;box-sizing: border-box;}
.search-but{color: #333;font-size: 15px;padding: 0 14px 0 18px;border: 1px solid #aaa;}
.search-but > span{height: 36px;display: table-cell;vertical-align: middle;padding-right: 20px;background: url('../images/new_common/sub01_bg4.png') no-repeat right center;}
.redwrite-but{background: #d6585c;color: #fffefe; padding-left:15px; padding-right:10px; border-radius: 12px;}
.redwrite-but > span{height:50px;display: table-cell;vertical-align: middle;padding-right: 30px;background: url('../images/new_common/sub01_bg3.png') no-repeat right 12px;}

.sub-button{text-align: center;margin-top: 30px;}
.float-font-but > *{float: left;}
.float-font-but > ul{padding: 8px 18px 8px 0;}

.posi-num > li{position: relative;padding-left: 16px;margin-top: 5px; line-height:1.4;}
.posi-num > li:first-child{margin-top: 0;}
.posi-num.lt12 > li{padding-left: 12px;}
.posi-num.lt20 > li{padding-left: 20px;}
.posi-num.lt25 > li{padding-left: 25px;}
.posi-num.lt30 > li{padding-left: 30px;}
.posi-num > li > .num{position: absolute;top: 0;left: 0;}
.posi-num.no-background > li{background: transparent;} /*2022-10-26*/

.table-and-img > div{float: left;width: 460px;}
.table-and-img > p{float: right;width: 488px;}

.worker-list > ul{margin: -26px 0 0 -26px;}
.worker-list > ul > li{float: left;width: 312px;height: 160px;padding: 15px 10px 15px 15px;margin: 26px 0 0 26px;background:var(--bg-gray); box-sizing: border-box;border: 1px solid #d9d9d9;}
.worker-list > ul > li > *{display: table-cell;vertical-align: middle;}
.worker-list > ul > li > div.img{width: 99px;}
.worker-list > ul > li > ul.font{padding-left: 15px;}
.worker-list > ul > li > ul.font > li{font-size:0.9rem; line-height: 1.3; letter-spacing: -0.5px;}
.worker-list > ul > li > ul.font > li.name{position: relative; font-size:1rem; font-weight: 600;line-height: 20px;padding: 10px 0 15px 0;margin-bottom: 15px;} /*20230926*/
.worker-list > ul > li > ul.font > li.name::before{position: absolute;left: 0;bottom: 0;background: #2bb4aa;width: 20px;height: 3px;content:"";}

.sub06-sign{display: table;width: 100%;height: 382px;padding: 20px 0 20px 48px;box-sizing: border-box;border: 1px solid #d6d6d6;background: #f5f5f5 url('../images/new_common/sub06_bg1.png') no-repeat 95% center;}
.sub06-sign > div{display: table-cell;vertical-align: middle;}
.sub06-sign > div > h4{color: #1178c5;font-size: 30px;font-weight: 500;line-height: 30px;margin-bottom: 20px;}
.sub06-sign > div > ul.sub-list1{margin-left: 0;}
.sub06-sign > div > ul.sub-list1 > li{font-weight: 400;}
.sub06-sign > div > .inp-set{margin: 10px 0 0 -10px;}
.sub06-sign > div > .inp-set > span{display: inline-block;margin-left: 10px;padding: 2px 0;}
.sub06-sign > div > .inp-set > span > label{padding: 0 6px 0 10px;background: url('../images/new_common/sub-listIcon.png') no-repeat left 10px;}
.sub06-sign > div > .inp-set > span > input,
.sub06-sign > div > .inp-set > span > select{width: 125px;height: 34px;padding-left: 5px;box-sizing: border-box;border: 1px solid #c3c3c3;}
.sb-button{margin-top: 35px;}
.sb-button > a{display: inline-block;background: #5c5c5c;color: #fff;min-width: 84px;height: 38px;line-height: 38px;padding: 0 10px;text-align: center;margin-left: 8px;box-sizing: border-box;}
.sb-button > a:first-child{margin-left: 0;}
.sb-button > a.blue{background: #1178c5;}
.line-h38{line-height: 38px;}
.color-blue{color: var(--blue) !important;}
.color-red{color: #c93f3f !important;} /* 20220927 */
.color-orange{color:#fbb000 !important;}/* 20240218 */
.next-but{background: #8b8b8b;color: #fff;display: table-cell;vertical-align: middle;width: 130px;height: 38px;text-align: center;}
.next-but > span{padding-right: 19px;background: url('../images/new_common/sub03_bg1.png') no-repeat right center;}

.sub03-website > ul{overflow: hidden;padding-left: 1px;border-top: 2px solid #444;}
.sub03-website > ul > li{float: left;position: relative;z-index: 1;width:calc(100% / 4 + 1px);height: 348px;padding: 25px 25px 25px 30px;margin: -1px 0 0 -1px;box-sizing: border-box;border: 1px solid #d6d6d6;}
.sub03-website > ul > li > .abso-img{position: absolute;right: 25px;bottom: 25px;z-index: -1;}

.sub03-website > ul > li > p.title{font-size: 18px;font-weight: 500;margin-bottom: 5px;}
.sub03-website > ul > li > p.title > strong{color: #1f50a8;}

.sub03-teach > li{overflow: hidden;}
/*1012 수정*/.sub03-teach > li > .title{float: left;width: 210px;margin-top: 10px;background: url('../images/new_common/sub03_bg2.gif') repeat-x left center;}
.sub03-teach > li > .title > strong{display: inline-block;background: #fff;color: #444;font-size: 18px;line-height: 18px;padding-right: 10px;}
.sub03-teach > li > .cent{float: left;width: 543px;overflow: hidden;}
.sub03-teach > li > .cent > ul{margin-top: -10px;}
.sub03-teach > li > .cent > ul > li{display: table;width: 100%;height: 42px;padding: 10px;background: #008800; /* 240618 */ /*2020.06 웹접근성 수정background:#2f8711;*/color: #fff;margin-top: 10px;text-align: center;border-radius: 4px;box-sizing: border-box;}
.sub03-teach > li > .cent > ul > li > p{display: table-cell;vertical-align: middle;}
/*1012 수정*/.sub03-teach > li.li1 > .title{width: 320px;margin-top: 44px;}
.sub03-teach > li.li1 > .cent{width: 293px;}
.sub03-teach > li.li3{padding-top: 20px;}
.sub03-teach > li.li3 > .title{margin-top: 35px;}
.sub03-teach > li.li3 > .cent > ul{margin-left: -10px;}
.sub03-teach > li.li3 > .cent > ul > li{float: left;background: #d6d6d6;color: #444;width: 174px;height: 92px;margin-left: 10px;}
.green-gray-listbox{overflow: hidden;margin: 15px auto;}

.green-gray-listbox > ul > li > .green{display: table;height: 45px;width: 100%;padding: 6px;background: #21311c; color: #fff;text-align: center;box-sizing: border-box;border-radius: 4px 4px 0 0;} /* 2023-09-15 */
.green-gray-listbox > ul > li > .green > *{display: table-cell;vertical-align: middle;color: #fff;line-height: 20px;}/* 20240218 */
.green-gray-listbox > ul > li > .gray{min-height: 125px; background: #e5e5e5;padding: 20px 10px;border-radius: 0 0  4px 4px; box-sizing: border-box;} /*241104*/
.green-gray-listbox > ul > li > .gray > ul{display: table;margin: 0 auto;min-height:60px;}/* 20190923 */
.green-gray-listbox > ul > li > .gray > ul > li{color: #444;font-weight: 400;} /*241104*/
.green-gray-listbox > ul > li > .gray .txt-ct {color:#333;}
.green-gray-listbox > ul.only-green > li > .green{height: 88px;border-radius: 4px;}
.green-gray-listbox.and-box > ul > li > .green-box{display: table;height: 60px;width: 100%;padding:23px 6px;background: #80c06a;color: #fff;text-align: center;box-sizing: border-box;border-radius: 4px;line-height:30px;font-size:18px;}/* 20190806 */
.green-gray-listbox.and-box > ul > li > .gray{height:20px;}/* 20190806 */
.li-have3-nobg > ul{margin: -20px 0 0 -20px;}
.li-have3-nobg > ul > li{float: left;width: calc(100% / 3 - 20px);margin: 20px 0 0 20px;}
.li-have4-yesbg > ul{margin: -20px 0 0 -36px;}
.li-have4-yesbg > ul > li{position: relative;float: left;width: calc(25% - 36px);margin: 20px 0 0 36px;}
.li-have4-yesbg > ul > li:not(:last-child)::before{content:"";position: absolute;right: -30px;top: 50%;width: 24px;height: 17px;margin-top: -8px;background: url('../images/new_common/sub03_bg3.png') no-repeat;}
/* 20240218 */
.green-gray-listbox > .tit{margin-bottom:15px;text-align:center;font-size: 24px; font-weight: 500;text-shadow: 1px 0px 1px #000;}
.green-gray-listbox > .tit > span{display:inline-block;}
.green-gray-listbox .bottom-txt{text-align:center;margin-top:5px;text-shadow: 1px 0px 1px #000;}
/* //20240218 */

.photo-title-listbox{margin: 15px auto 0;overflow: hidden;}
.photo-title-listbox > ul{margin: -20px 0 0 -20px;}
.photo-title-listbox > ul > li{float: left;width: calc(25% - 20px);margin: 20px 0 0 20px;box-sizing: border-box;border: 1px solid #a8a8a8;}
.photo-title-listbox > ul > li > .photo{position: relative;padding-top: 70%;overflow: hidden;}
.photo-title-listbox > ul > li > .photo > img{position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.photo-title-listbox > ul > li > .title{display: table;width: calc(100% + 1px);height: 38px;text-align: center;border-top: 1px solid #a8a8a8;}
.photo-title-listbox > ul > li > .title > p{display: table-cell;vertical-align: middle;line-height: 18px;padding: 5px; line-height: 1.2;} /*241104*/
.photo-title-listbox > ul > li > .title-black{display: table;width: calc(100% + 1px);height: 35px;background: #555;text-align: center;}
.photo-title-listbox > ul > li > .title-black > p{display: table-cell;vertical-align: middle;color: #fff;font-weight: 500;line-height: 18px;padding: 5px;}
.photo-title-listbox > ul.photo-h50 > li > .photo{padding-top: 50%;}
.photo-title-listbox > ul.title-h56 > li > .title{height: 56px;}
.photo-title-listbox > ul.title-h76 > li > .title{height: 76px;}
.photo-title-listbox > ul.title-h85 > li > .title{height: 85px;}
.photo-title-listbox > ul.title-h115 > li > .title{height: 115px;}
.photo-title-listbox.list1{width: 100% !important;}
.photo-title-listbox.list1 > ul{margin-left: 0 !important;}
.photo-title-listbox.list1 > ul > li{width: 100% !important;margin-left: 0 !important;}
.photo-title-listbox.list1 > ul > li > .photo {padding-top: 40%;}
.photo-title-listbox.list2{width: 100%;}
.photo-title-listbox.list2 > ul > li{width: calc(50% - 20px);}

.photo-title-listbox.list3 > ul > li{width: calc(100% / 3 - 20px);}

.photo-title-listbox.list5 > ul > li{width: calc(20% - 20px);}
.sub03-dreams{color: #fff;padding: 75px 0;background: url('../images/new_common/sub03_img19.png') no-repeat 8% 38px , url('../images/new_common/sub03_img20.png') no-repeat 94% 38px;background-color: #a2ba63;border: 1px solid #d7d7d7;}
.sub03-dreams > p{display: table;margin: 0 auto;font-size: 18px;font-weight: 300;line-height: 18px;}
.sub03-dreams > p > strong{display: inline-block;font-size: 35px;font-weight: 400;line-height: 35px;margin-bottom: 10px;}

.logo-party > ul > li{float: left;width: 20%;text-align: center;}
.logo-party > ul > li > a{display: block;margin: 10px;}
.logo-party > ul > li > a > span{display: block;color: #333;font-size: 16px;font-weight: 500;line-height: 16px;margin-top: 8px;}
.p-gray{background: #f6f6f7;padding: 10px;text-align: center;margin-top: 20px;}
.gold-list{margin-top: 20px;border-top: 1px solid #8c8f97;}
.gold-list > ul{margin-left: -17px;}
.gold-list > ul > li{float: left;width: calc(100% / 3 - 17px);height: 85px;margin: 20px 0 0 17px;padding: 10px 20px;background: #e5e5e5;box-sizing: border-box;}
.gold-list > ul > li > *{display: table-cell;vertical-align: middle;}
.gold-list > ul > li > .img{width: 63px;vertical-align: top;}
.gold-list > ul > li > .font{padding-left: 20px;}
.life-map{display: table;width: 100%;margin-top: 40px;border-top: 2px solid #444;border-bottom: 1px solid #8c8f97;}
.life-map > *{display: table-cell;vertical-align: top;/*float: left;*/}
.life-map > .left{vertical-align: middle;text-align: center;width: 239px;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;}

.life-map > .right > li{box-sizing: border-box;}
.life-map > .right > li.title{position: relative;display: table;width: 100%;height: 49px;padding: 0 160px 0 20px;background: var(--bg-gray); border-bottom: 1px solid #d6d6d6;}
.life-map > .right > li.title > p{display: table-cell;vertical-align: middle;}
.life-map > .right > li.title > a{position: absolute;right: 0;top: 50%;display: block;width: 150px;height: 38px;line-height: 38px;margin-top: -19px;color:var(--white);background: var(--black-6);text-align: center;}
.life-map > .right > li.cent{padding: 20px;}
.sub03-bluebox{overflow: hidden;}
.sub03-bluebox > ul{margin-left: -40px;}
.sub03-bluebox > ul > li{position: relative;float: left;display: table;width: calc(25% - 40px);height: 82px;padding: 5px;margin-left: 40px;text-align: center;color: #fff;background: #5682a8;box-sizing: border-box;border-radius: 5px;}
.sub03-bluebox > ul > li > p{display: table-cell;vertical-align: middle;}
.sub03-bluebox > ul > li::before{content:"";position: absolute;left: -40px;top: 50%;width: 39px;height: 16px;margin-top: -8px;background: url('../images/new_common/sub03_bg7.gif') no-repeat;}
.sub03-bluebox > ul.list3{margin-left: -168px;}
.sub03-bluebox > ul.list3 > li{width: calc(100% / 3 - 168px);margin-left: 168px;}
.sub03-bluebox > ul.list3 > li::before{left: -168px;width: 167px;background: url('../images/new_common/sub03_bg8.gif') no-repeat;}
.sub03-bluebox > ul.next-bg{padding-top: 82px;background: url('../images/new_common/sub03_bg6.gif') no-repeat right top;background-size: 50% 80px;} /* 20241206 */
.alone-img{margin-top: 15px;overflow: hidden;}
.alone-img > ul{margin: -18px 0 0 -18px;}
.alone-img > ul > li{float: left;margin: 18px 0 0 18px;}
.img-wid100{margin-top: 15px;border: 1px solid #d6d6d6;}
.img-wid100 > img{width: 100%;}
.sub03-bicycle-wrap{position: relative;padding: 40px 10px;margin-top: 30px;border-radius: 5px;border: 10px solid #e5e5e5;}
.sub03-bicycle-wrap > p{position: absolute;top: -10px;left: -10px;background: #e5e5e5;color: #666;width: 140px;height: 38px;line-height: 38px;text-align: center;border-radius: 5px 0 0 0;}
.sub03-bicycle-wrap.big-title-img{padding: 65px 10px 25px;}
.sub03-bicycle-wrap.big-title-img > p{color: #898787;font-size: 30px;left: 50%;margin-left: -150px;width: 300px;height: 50px;line-height: 50px;border-radius: 0;}
.sub03-bicycle{width: 672px;margin: 0 auto;overflow: hidden;}
.sub03-bicycle > ul{margin: -16px 0 0 -40px;}
.sub03-bicycle > ul > li{position: relative;float: left;display: table;width: calc(50% - 40px);height: 44px;margin: 16px 0 0 40px;color: var(--black-6); box-sizing: border-box;border: 1px solid #6a8ec0;}
.sub03-bicycle > ul > li.bg{background: #6a8ec0;color: #fff;}
.sub03-bicycle > ul > li > p{display: table-cell;vertical-align: middle;text-align: center;}
.sub03-bicycle > ul > li:last-child::before{position: absolute;left: -41px;top: 50%;margin-top: -8px;content:"";width: 38px;height: 16px;background: url('../images/new_common/sub03_bg9.png') no-repeat;}
.sub03-bicycle > ul.return{margin-top: 22px;}
.sub03-bicycle > ul.return > li{float: right;}
.sub03-bicycle > ul.return > li:last-child::before{left: auto;right: -41px;background: url('../images/new_common/sub03_bg10.png') no-repeat;}
.sub03-bicycle > ul.return > li:first-child::before{position: absolute;left: 50%;top: -39px;margin-left: -19px;content:"";width: 16px;height: 38px;background: url('../images/new_common/sub03_bg11.png') no-repeat;}
.sub03-order-wrap{position: relative;padding-left: 155px;margin-bottom: 20px;}
.sub03-order-wrap > .title{position: absolute;top: 0;left: 0;background: #e5e5e5;display: table;width: 145px;height: 155px;text-align: center;}
.sub03-order-wrap > .title > p{display: table-cell;vertical-align: middle;color: #898787;font-weight: 500;}
.sub03-order{overflow: hidden;}
.sub03-order > ul{margin: -23px 0 0 -23px;}
.sub03-order > ul > li{position: relative;float: left;display: table;width: calc(25% - 23px);height: 66px;margin: 23px 0 0 23px;background: #6a8ec0;color: #fff;}
.sub03-order > ul > li > p{display: table-cell;vertical-align: middle;text-align: center;}
/*.sub03-order > ul > li::before{position: absolute;left: -23px;top: 50%;margin-top: -8px;content:"";width: 23px;height: 16px;background: url('../images/new_common/sub03_bg12.png') no-repeat;}
.sub03-order > ul > li:first-child::after{position: absolute;left: 50%;bottom: -23px;margin-left: -8px;content:"";width: 16px;height: 23px;background: url('../images/new_common/sub03_bg13.png') no-repeat;}
*/

.sub03-agenda.bg1{min-height: 382px;padding-right: 398px;background: url('../images/new_common/sub03_bg15.gif') no-repeat right top;}
.sub03-agenda.bg2{padding-right: 415px;background: url('../images/new_common/sub03_bg16.gif') no-repeat right top;}
.sub03-agenda > p{line-height: 25px;}
.sub03-agenda > p > strong{color: #333;font-weight: 500;}
.sub03-agenda > p.big-title{color: #444;font-size: 18px;font-weight: 500;margin-bottom: 15px;}

.sub03-agenda-fonts > li{line-height: 25px;margin-bottom: 35px;}
.sub03-agenda-fonts > li > strong{display: block;}
.sub03-number{margin: 45px 0 25px;}
.sub03-number > li{display: table;width: 100%;height: 44px;margin-top: 18px;}
.sub03-number > li:first-child{margin-top: 0;}
.sub03-number > li > *{display: table-cell;vertical-align: middle;}
.sub03-number > li > p{padding: 5px 10px;background: #f5f5f5;border: 1px solid #d6d6d6;border-left: 0;}
.sub03-number > li > span{white-space:nowrap;width: 44px;height: 44px;color: #fff;background: #696969;text-align: center;}
.rightbg-box{position: relative;padding: 45px 40px;margin-bottom: 40px;background: #f5f5f5;border: 1px solid #d6d6d6;}
.rightbg-box::before{content:"";position: absolute;top: 0;height: 100%;}
.rightbg-box.g2019C-bg1{padding-right: 342px;}
.rightbg-box.g2019C-bg1::before{right: 58px;width: 217px;background: url('../images/new_common/sub03_bg17.gif') no-repeat left center;}
.rightbg-box.g2019C-bg2{padding-right: 375px;}
.rightbg-box.g2019C-bg2::before{right: 120px;width: 240px;background: url('../images/new_common/sub03_bg30.png') no-repeat left center;}
.rightbg-box > .title{color: #333;font-size: 18px;font-weight: 500;margin-bottom: 20px;}
.rightbg-box > ul{margin-left: 0;}
/* 20191016 */
.rightbg-box .table{border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;text-align:center;color:#444444;}
.rightbg-box .table th{background:#ecebeb;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;font-weight:600;padding:5px;line-height:25px;}
.rightbg-box .table td{border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:5px;line-height:20px;}
/* // 20191016 */
.sub-list4 > li{padding-left: 12px;background: url('../images/new_common/sub2-list1.gif') no-repeat left 9px;margin-top: 5px;}
.sub-list4 > li:first-child{/*margin-top: 0;*/}
.sub-list4 > li > strong{color: #444;font-weight: 500;}
.sub-list2 > li.and-btn{background-position: left 15px;}
.border-but{font-weight: 400;padding: 4px 10px; background-color:var(--white); border: 1px solid #575757;}
.many-picture{margin: 20px auto 0;overflow: hidden;border: 10px solid #e5e5e5;}
.many-picture > ul{margin: -1px 0 0 -1px;}
.many-picture > ul > li{float: left;width: calc(100% / 8);text-align: center;box-sizing: border-box;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.sb3-title{color: #444;font-size: 18px;font-weight: 500;margin: 15px 0 10px 20px;text-indent: -20px;}
.sb3-title2{color: #444;font-size: 18px;font-weight: 500;margin: 15px 0 10px;}
.tp20-bm20{margin-top: 20px;margin-bottom: 20px;}
.tp20-bm20 .list-No > li{font-weight: 400;}

.leftimg-rightfont > li{display: table;width: 100%;margin-top: 20px;}
.leftimg-rightfont > li:first-child{margin-top: 0;}
.leftimg-rightfont > li > div{display: table-cell;vertical-align: top;}
.leftimg-rightfont > li > div.left-img{width: 280px;}
.leftimg-rightfont > li > div.right-font{padding-left: 40px;}
.leftimg-rightfont > li > div.right-font > .sb3-title{margin-top: 0;}
.leftimg-rightfont > li > div.right-font > .sub-list2{margin-left: 0;}
.sub03-temper{display: table;width: 100%;margin-top: 20px;padding: 70px 80px;box-sizing: border-box;border: 1px solid #d6d6d6;}
.sub03-temper > div{display: table-cell;vertical-align: middle;}
.sub03-temper > div.left{width: 197px;padding-right: 70px;}

.sub03-temper div.right-box{padding: 50px;background: #f5f5f5;border-radius: 5px;border: 1px solid #d6d6d6;}
.sub03-temper div.right-box > h4{font-size: 18px;font-weight: 400;margin-bottom: 15px;}
.sub03-temper div.right-box > ul > li{line-height: 18px;padding-left: 22px;margin-top: 5px;word-break: keep-all;background: url('../images/new_common/sub03_bg28.gif') no-repeat left 3px;}
.sub03-temper div.right-box > ul > li:first-child{margin-top: 0;background: url('../images/new_common/sub03_bg27.gif') no-repeat left 3px;}
.water-map{float: right; text-align: right;}
.water-pump{float: left; margin-right: 20px; overflow: hidden;}
.water-pump > ul{margin: -20px 0 0 -20px;}
.water-pump > ul > li{background: #f6f6f6;border-radius: 5px;margin: 20px 0 0 20px;}
.water-pump > ul > li > .title{padding-left: 12px;background: #e8e8e8;border-radius: 5px;}
.water-pump > ul > li > .title > *{display: table-cell;vertical-align: middle;height: 32px;letter-spacing: -0.5px;}
.water-pump > ul > li > .title > span{padding-left: 22px;background: url('../images/new_common/sub03_bg29.gif') no-repeat 10px center;}
.water-pump > ul > li > .title > strong{color: #2c84c2;font-weight: 500;}
.water-pump > ul > li > .images{padding: 18px 10px;overflow: hidden;}
.water-pump > ul > li > .images > ul{margin: -10px 0 0 -3px;}
.water-pump > ul > li > .images > ul > li{float: left;margin: 10px 0 0 3px;}
.mt10-ml20-wei400{margin: 10px 0 0 20px;}
.mt10-ml20-wei400 .list-No > li{font-weight: 400;line-height: 20px;margin-top: 5px;}
.mt10-ml20-wei400 .list-No > li:first-child{margin-top: 0;}
.title-green.and-btn2{background-position-y: 7px;}

.sub03-teachers > li{padding: 14px 15px;margin-top: 10px;border: 1px solid #e0e0e0;}
.sub03-teachers > li:first-child{margin-top: 0;}
.sub03-teachers > li > *{display: table-cell;vertical-align: top;}
.sub03-teachers > li > .photo{width: 115px;}
.sub03-teachers > li > .photo > img{width: 115px;height: 145px;}
.sub03-teachers > li > .fonts{padding-left: 30px;}
.sub03-teachers > li > .fonts > li{line-height: 18px;margin-top: 8px;}
.sub03-teachers > li > .fonts > li:first-child{margin-top: 0;}
.sub03-teachers > li > .fonts > li.blue-box{background: #0476c5;width: 118px;height: 32px;line-height: 32px;text-align: center;color: #fff;font-size: 14px;}
.sub03-teachers > li > .fonts > li > strong{color: #444;font-weight: 500;}
.sub03-education{margin-top: 40px;}
.education-left{float: left;width: 400px;}
.active-map{border-bottom: 1px solid #dad8d1;}
.active-map > *{width: 100% !important;}
.active-map .wrap_controllers{display: none;}
.education-right{float: left;width: calc(100% - 400px);padding-left: 20px;box-sizing: border-box;}
.education-right .title-green{margin-top: 0;}
.education-right .sub-list1{margin-left: 0;}
.education-right .sub-list4{margin-left: 20px;}
.education-right .sub-list4 > li{margin-top: 25px;}
.education-right .sub-list4 > li:first-child{margin-top: 0;}

.sub03-flowchart{position: relative;padding-left: 98px;margin-top: 20px;}
.sub03-flowchart > h3.title{position: absolute;left: 0px;top: 50%;margin-top: -27px;width: 98px;height: 54px;line-height: 54px;text-align: center;color: #fff;font-size: 20px;font-weight: 500;}
.flowchart-box{float: left;width: 630px;margin-left: 10px;position: relative;padding-top: 33px;}
.flowchart-box.small{width: 240px;}
.flowchart-box > h4.title{position: absolute;left: 0;top: 0;width: 192px;height: 34px;line-height: 34px;padding-left: 50px;color: #6e6e6e;font-size: 16px;font-weight: 500;box-sizing: border-box;
    border-radius: 5px 5px 0 0;background: #f6f9ff url('../images/new_common/sub03_img200.gif') no-repeat 16px center;border: 1px solid #e8e8e8;border-bottom: 1px solid #f6f9ff;}
.flowchart-box.small > h4.title{background: #f6f9ff url('../images/new_common/sub03_img201.gif') no-repeat 16px center;}
.flowchart-box-cent{padding: 20px 10px;box-sizing: border-box;background: #f6f9ff;border: 1px solid #e8e8e8;}
.flowchart-box-cent > ul{display: table;margin: 0 auto;}
.flowchart-box-cent > ul > li{float: left;width: 192px;margin: 0 5px;}
.flowchart-box-cent h5.title-box{background: #eaeaea;height: 40px;line-height: 40px;color: #333;font-size: 15px;font-weight: 500;text-align: center;margin-bottom: 10px;border: 1px solid #dbdbdb;}

.flowchart-box-cent ul.colored-line > li{padding: 10px;margin-top: 10px;background: #fff;border: 1px solid #dbdbdb;}
.flowchart-box-cent ul.colored-line > li:first-child{margin-top: 0;}
.flowchart-box-cent .sub-list3{margin-left: 0;text-align: left;}
.flowchart-box-cent .sub-list3 > li{font-size: 13px;}

.sub03-flowchart.orange > h3.title{background: #ecaf58;}
.sub03-flowchart.green > h3.title{background: #3ab981;}
.sub03-flowchart.blue > h3.title{background: #5186c2;}
.sub03-flowchart.orange .flowchart-box-cent{height: 194px;}
.sub03-flowchart.green .flowchart-box-cent{height: 380px;}
.sub03-flowchart.blue .flowchart-box-cent{height: 315px;}
.sub03-flowchart.orange .flowchart-box-cent ul.colored-line > li{border-top: 4px solid #ecaf58;}
.sub03-flowchart.green .flowchart-box-cent ul.colored-line > li{border-top: 4px solid #3ab981;}
.sub03-flowchart.blue .flowchart-box-cent ul.colored-line > li{border-top: 4px solid #5186c2;}

.welfare-1floor > *{border:1px solid #d2d2d2;height:295px;}
.welfare-1floor > .left{float:left;width:100%;}
.welfare-1floor > .left dt{border-bottom:1px solid #d2d2d2;height:30px;padding:10px;}
.welfare-1floor > .left dt h4.tit{line-height:30px;font-weight:600;float:left;width:calc(100% - 60px);}
.welfare-1floor > .left dt a.more{display:block;height:30px;width:40px;margin-left:10px;float:right;line-height: 30px;}
.welfare-1floor > .left dd{padding:20px;}
.welfare-1floor > .left dd li{height:40px;width:100%;border-bottom: 1px dashed #e0e0e0;line-height:40px;}
.welfare-1floor > .left dd li > *{float:left;}
.welfare-1floor > .left dd li p.tit{padding-left:15px;background:url(../images/new_common/sub-listIcon.png) no-repeat left center;width:calc(100% - 110px);margin-right:10px;}
.welfare-1floor > .left dd li p.tit a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.welfare-1floor > .left dd li p.time{width:85px;}
.welfare-1floor > .right{float:right;width:345px;}
.welfare-1floor > .right h4.tit{line-height:30px;color:#333333;font-size:18px;font-weight:600;border-bottom:1px solid #d2d2d2;height:30px;padding:10px;padding-right:105px;}
.welfare-slider{width: 305px;margin:0 auto;margin-top:21px;}
.welfare-slider .bx_ban{position: relative;width: 100%;}
.welfare-slider .bx_ban > .bx-wrapper > .bx-viewport{overflow: inherit !important;}
.welfare-slider .banner-pic{width: 100%;}
.welfare-slider .banner-pic > li{width: 100%;}
.welfare-slider .banner-pic > li > a{display: block;width: 100%;}
.welfare-slider .banner-pic > li > a > img{width: 100%;}
.welfare-slider .bx_ban .banner-count{position: absolute;top: 0;left: 0;width: 70px;height: 70px;}
.welfare-slider .bx_ban .bx-controls{position: absolute;right: 0;top:-60px;width: 73px;overflow: hidden;}
.welfare-slider .bx_ban .bx-controls-direction{width: 100%;overflow: hidden;}
.welfare-slider .bx_ban .bx-controls-direction a{display: block;font-size: 0;width: 21px;height: 21px;margin:0 1px;border: 1px solid #d3d3d3;}
.welfare-slider .bx_ban .bx-controls-direction .bx-prev{float: left;background: url('../images/new_common/slides_left.gif') no-repeat;}
.welfare-slider .bx_ban .bx-controls-direction .bx-next{float: right;background: url('../images/new_common/slides_right.gif') no-repeat;}
.welfare-slider .bx_ban .bx-controls-auto{position: absolute;top: 0;left: 25px;border-top: 0;border-bottom: 0;}
.welfare-slider .bx_ban .bx-controls-auto a{display: block;font-size:0;width: 21px;height: 21px;border: 1px solid #d3d3d3;}
.welfare-slider .bx_ban .bx-controls-auto a.bx-stop{background:url('../images/new_common/slides_stop.gif') no-repeat;}
.welfare-slider .bx_ban .bx-controls-auto a.bx-start{background:url('../images/new_common/main/slides_start.gif') no-repeat;}
.welfare-slider .bx_ban .bx-controls-auto a.active{display: none;}
.welfare-2floor{margin-top:30px;border:1px solid #d2d2d2;text-align:center;}
.welfare-2floor dl{display:inline-block;margin:20px;}
.welfare-2floor dl dd{margin-top:10px; font-weight:600;}

.welfare-3floor{margin-top:30px;}
.welfare-3floor > *{width:calc((100% - 26px) / 3);float:left;margin-right:10px;}
.welfare-3floor > dl:last-child{margin-right:0;width: calc((100% - 27px) /3);} /* 20191017 */
.welfare-3floor > dl{border:1px solid #d6d6d6;}
.welfare-3floor > dl dt{padding:15px;line-height:25px;color:#ffffff;}
.welfare-3floor > dl.blue-bg-box dt{/*background:#26a7c2; 웹접근성 수정*/background:#20a0bb;}
.welfare-3floor > dl.purple-bg-box dt{background:#7b86b6;}
.welfare-3floor > dl.red-bg-box dt{background:#f06065;}
.welfare-3floor > dl > dd dl + dl{border-top:1px solid #d6d6d6;}
.welfare-3floor > dl > dd dl.txt{width:100%;display:table;}
.welfare-3floor > dl > dd dl.txt > *{width:50%;display:table-cell;padding:0 10px;height:35px;line-height:35px;letter-spacing: -1.5px;} /* 20191017 */
.welfare-3floor > dl > dd dl.txt > dd + dd{border-left:1px solid #d6d6d6;}


/* 추가페이지 2019006~ */
.select-box{overflow:hidden;font-size: 0;text-align: right;}
.select-box select{width:130px;margin:1px 0 1px 3px;}
.select-box input[type="text"]{margin:1px 0 1px 3px;}
.select-box a{margin:1px 0 1px 0;}

.list-info{overflow:hidden;margin:10px 0;}
.list-info .left{float:left;}
.list-info .right{float:right;}

.txt-ct{text-align:center;margin:15px 0;}
.sub01-bgbox > ul.bg5{background: url(../../gangdong_eng/images/sub/childfriendlycities_renew.png) no-repeat -19px 12px;background-size: 150px;} /*241104*/
.sub01-bgbox.n-style1{background:#fff;border:0;}
.sub01-bgbox.n-style1 > ul{padding-left:135px;}
.sub01-bgbox.n-style1 > ul > li{color:#fc8e3f;}
.sub01-bgbox.n-style1 > ul > li.title{color:#55b229;}


.n-style2{background: var(--bg-gray);border: 1px solid #efefef;padding: 10px 13px;}
.n-style2 ul{overflow:hidden;}
.n-style2 ul > li{float:left;margin-left: 10px;}
.n24-box1{border: 1px solid #efefef;margin: 16px 0 24px 0;}
.n24-box1 .tit{background:var(--bg-gray1);padding: 14px 0 14px 34px;}
.n24-box1 .cont{padding: 0 32px 26px 32px;}
.n24-box1 .cont li{position:relative;border-bottom: 1px dashed #c4c4c4;padding: 10px 0 10px 22px;}
.n24-box1 .cont li span.num{position:absolute;left:0;}
.pl0{padding-left:0;}

.march_united{background:var(--bg-gray);border:1px solid #efefef;padding:30px 33px;margin:18px 0 30px 0;}
.march_united > p{border-bottom:1px dashed #c4c4c4;padding-bottom:25px;margin-bottom:30px;}
.march_united > ul{text-align:center;}
.march_united > ul > li{padding-left:19px;display: inline-block;}

.march_table{border-left:1px solid #efefef;}
.march_table th{background:var(--bg-gray1);padding:10px 0;border-right:1px solid #efefef;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
.march_table td{color:var(--black-6);font-size:0.9rem; line-height:20px;border-right:1px solid #efefef;border-bottom:1px solid #efefef;text-align:left;padding:14px 0 14px 24px;}
.march_table td.td_bg{background:var(--bg-gray1); text-align:center; padding-left:0;}


.march_fonts{border:1px solid #efefef;margin:16px 0 24px 0;}
.march_fonts_top{background:var(--bg-gray1);padding:14px 0 14px 34px;text-align: center;}
.march_fonts_top > p{font-weight:bold;line-height:22px;}
.march_fonts_cen{padding:0 32px 26px 32px;}
.march_fonts_cen > ul > li{border-bottom:1px dashed #c4c4c4;padding:10px 0 10px 2px;}
.march_fonts_cen > ul > li > p{position:relative;font-size:14px;color:#555555;padding-left:18px;}
.march_fonts_cen > ul > li > p > span{position:absolute;left:0;}
.march_fonts_bom{padding:0 14px;}
.march_fonts_bom > ul > li{font-size:14px;font-weight:bold;color:#333333;text-align:center;width:328px;margin-bottom:20px;}
.march_fonts_bom > ul > li > img{width:100%;height:249px;margin-bottom:12px;}
.march_fonts2{padding:25px 10px 0 20px;}
.march_fonts2 > ul{padding-left:15px;}
.march_fonts2 > ul > li{font-size:0.9rem;color:var(--black-6);padding-bottom:20px;}
.march_fonts2 > ul > li > p > span{position:absolute;left:0;}

.bul_dot li, .bul_dot dd {
    padding-left: 7px;
    line-height: 24px;
    background: url(/site/contents/bokji/images/common/bul_dot_gray.gif) no-repeat 0 11px;
}
.march_fonts{border:1px solid #efefef;margin:16px 0 24px 0;}
.march_fonts_top > p{font-weight:bold;line-height:22px;}
.march_fonts2{padding:25px 10px 0 20px;}
.march_fonts2 > p{line-height:1.3;padding-bottom:25px;}
.march_fonts2 > ul{padding-left:15px;}
.march_fonts2 > ul > li > p{position:relative;margin:5px 0 0 12px;padding-left:12px;line-height:20px;}
.march_fonts2 > ul > li > p > span{position:absolute;left:0;}


.march_bgbor{background:url('/site/contents/bokji/images/sub/sub2_img26.gif') no-repeat right bottom #aee2fd;border:1px solid #efefef;min-height:199px;padding:44px 0 0 28px;margin-bottom:35px;}
.march_bgbor > p{color:#444444;padding-right:250px;padding-bottom:22px;}

.m0{margin:0;}
.img-btn-list li{float:left;width:25%;}

/* 20191112 */
.np1-v{overflow:hidden;border-top:2px solid #444;border-left: 1px solid #d6d6d6;}
.np1-v ul > li{float:left;position:relative;width: 50%;height:487px;border:1px solid #d6d6d6;box-sizing:border-box;padding:25px 30px;margin-left: 0px;border-left: 0;border-top: 0;}
.np1-v ul > li .tit{font-size:1.2rem;font-weight: bold;color:var(--blue);}
.np1-v ul > li .cont{margin-top: 25px;}
.np1-v ul > li .cont p{margin-bottom: 17px;}
.np1-v ul > li .img{position:absolute;bottom:25px;right:25px;margin: 0;}
.np1-v ul > li .btn{margin-top: 30px;}
.np1-v ul > li .btn a{background: url(../images/new_common/sub2-bt1.png) no-repeat right 22px center #8b8b8b;width:130px;height:38px;line-height:38px;color:#fff;box-sizing: border-box;padding-left: 28px;}
/* //20191112 */
.pgm28-s3 li > div.div16{background:url('../images/new_common/s283-16.png') no-repeat center top;}
.smssign{ height: 300px; background: #f5f5f5 url(../images/new_common/sub06_bg2.jpg) no-repeat 95% center; }


/* 20231108 */
@media screen and (min-width: 661px){
    .plan-process{display: flex;flex-wrap: wrap;}
    .plan-box{width: calc(100% / 3 - 20px);box-sizing: border-box;}
}
/* //20231108 */

/* 20191022 */
.img-table{display:table;border:1px solid #e8e8e8;}
.img-table > *{display:table-cell;vertical-align: middle;text-align:center;}
.img-table > .rt{width:312px;background:#40cabd;}
.img-table > .rt h3.h3-tit{font-size:21px;color:#025a52;line-height:25px;margin-bottom:20px;}
.img-table > .rt i{display:block;}
.img-table > .rt a.btn{display:inline-block;margin-top:23px;background:#90e2da;color:#0e665e;font-size:15px;padding:5px 25px;height:22px;line-height:22px;border-radius:5px;border:1px solid #cef5fd;}
/* // 20191022 */

/* leeran */
.black-font{color:#666 !important;}
.orange-font{color:#ff6600 !important;}
.blue-font{color: var(--blue) !important;}
.green-font{color: #339900 !important;}
.purple-font{color: #8959a5 !important;}
.pink-font{color: #bc378c !important;}

.default-black-font{color: var(--black-3) !important;}

.page-tit-box{margin-bottom:20px;}
.page-tit-box .txt{float:left;}
.page-tit-box .txt p{display:inline-block;line-height:34px;}
.page-tit-box .txt p span.No{color:var(--mint);font-weight:600;}
.page-tit-box .txt p+p{margin-left:5px;}
.page-tit-box .search-box{float:right;}
.page-tit-box .view-map{float: right;display:block;padding-left: 25px;font-size: 14px;line-height: 20px;background: url(../images/new_common/address_icon.gif) no-repeat left center;margin-top: 7px;}
.page-tit-box .view-map:hover{color: #1a70ba;}

.gusangjing-list{margin-top:90px;text-align:center;}
.gusangjing-list li{display:inline-block;float:left;width:250px;border:1px solid #e1e1e1;position: relative;padding:45px 20px;margin-bottom:50px;}
.gusangjing-list li:nth-child(2){margin:0 56px;margin-bottom:70px;}
.gusangjing-list li h4.tit{background:#359d95;width:130px;text-align:center;height:50px;line-height:50px;color:#fff;position: absolute;top: -25px;left: 50%;margin-left: -65px;}
.gusangjing-list li i{display:block;margin-bottom:20px;}
.gusangjing-list li h5.tit{font-weight:600;}
.gusangjing-list li p.txt{line-height:20px;height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;color:var(--black-6);font-size:0.9rem;margin-top:20px;text-align:left;}

/* 20191016 */
.img-txt-box02{background:url(../images/new_common/woman-urgency-tel.gif) no-repeat left center;padding-left:200px;text-align:left;}
.img-txt-box02 h4.h4-tit{font-weight:400;color:#0b722d;}
.img-txt-box02 p{line-height:20px;}
/*  //20191016 */
/*0916*/
.title-s1{font-size:30px;color:#1178c5;}
.computer-bg.style2 .title-s1{margin-bottom: 15px;}

/*2020/05/19*/
.cg_allbtn{text-align:center;}
.cg_allbtn > div{vertical-align:top;display:inline-block;text-align:center;margin: 10px 10px;}
.cg_btn > a{display:block;width: 220px;height:179px;background:url('../images/new_common/cg_conbg_off.gif') no-repeat left top;background-size: 100% 100%;color:#333333;font-size: 0.9rem;font-weight:bold;}
.cg_btn > a span{min-width: 100px;}
.cg_btn01 > a:hover{background:url('../images/new_common/cg_conbg_on01.gif') no-repeat left top;    background-size: 100% 100%;}
.cg_btn02 > a:hover{background:url('../images/new_common/cg_conbg_on02.gif') no-repeat left top;    background-size: 100% 100%;}
.cg_btn03 > a:hover{background:url('../images/new_common/cg_conbg_on03.gif') no-repeat left top;    background-size: 100% 100%;}
.cg_btn04 > a:hover{background:url('../images/new_common/cg_conbg_on04.gif') no-repeat left top;    background-size: 100% 100%;}
.cg_btn05 > a:hover{background:url('../images/new_common/cg_conbg_on05.gif') no-repeat left top;    background-size: 100% 100%;}
.cg_btn06 > a:hover{background:url('../images/new_common/cg_conbg_on06.gif') no-repeat left top;    background-size: 100% 100%;}
.cg_btn07 > a:hover{background:url('../images/new_common/cg_conbg_on07.gif') no-repeat left top;    background-size: 100% 100%;}
.cg_btn08 > a:hover{background:url('../images/new_common/cg_conbg_on08.gif') no-repeat left top;    background-size: 100% 100%;}
.cg_btn01 > a span{display:inline-block;margin-top:20px;background:url('../images/new_common/cg_icon01.png') no-repeat center top;padding-top:110px;}
.cg_btn02 > a span{display:inline-block;margin-top:20px;background:url('../images/new_common/cg_icon02.png') no-repeat center top;padding-top:110px;}
.cg_btn03 > a span{display:inline-block;margin-top:20px;background:url('../images/new_common/cg_icon03.png') no-repeat center top;padding-top:110px;}
.cg_btn04 > a span{display:inline-block;margin-top:20px;background:url('../images/new_common/cg_icon04.png') no-repeat center top;padding-top:110px;}
.cg_btn05 > a span{display:inline-block;margin-top:20px;background:url('../images/new_common/cg_icon05.png') no-repeat center top;padding-top:110px;}
.cg_btn06 > a span{display:inline-block;margin-top:20px;background:url('../images/new_common/cg_icon06.png') no-repeat center top;padding-top:110px;}
.cg_btn07 > a span{display:inline-block;margin-top:20px;background:url('../images/new_common/cg_icon07.png') no-repeat center top;padding-top:110px;}
.cg_btn08 > a span{display:inline-block;margin-top:20px;background:url('../images/new_common/cg_icon08.png') no-repeat center top;padding-top:110px;}
/*2020/05/19*/

.no_mg{margin: 0;}
.ct-img{text-align: center;}
.ct-img img{max-width: 100%;}
.bg-pstxt{position: relative; background: url('/site/contents/bokji/images/content/img_cont0508_2.jpg') no-repeat left center; width: 100%; height: 348px;}
.bg-pstxt > div > div.ps1{position: absolute; left: 78px; top: 78px;}
.bg-pstxt > div > div > p{display: table;}
.bg-pstxt > div > div > p > span{display: table-cell;}
.bg-pstxt > div > div > p > span.lf{text-align: left; width: 70px;}
.bg-pstxt > div > div > p > span.rt{text-align: right; text-align: right; width: 110px;}
.bg-pstxt > div > div.ps2{position: absolute; left: 266px; top: 146px;}

.img-line2{margin-left: -10px;}
.img-line2 > li{float: left; width: calc(50% - 10px); margin-left: 10px; text-align: center; box-sizing: border-box; margin-top: 10px;}
.img-line2 > li img{max-width: 100%;}
.img-line3{margin-left: -10px;}
.img-line3 > li{float: left; width: calc(32% - 10px); height:230px; margin-left: 5px; text-align: center; box-sizing: border-box; margin-top: 10px;}
.img-line3 > li img{max-width: 100%; height:230px}
.img-line4{margin-left: -10px;}
.img-line4 > li{float: left; width: calc(25% - 10px); margin-left: 10px; text-align: center; box-sizing: border-box; margin-top: 10px;}
.img-line4 > li img{width: 100%;}
.img-line4 > li p{margin-top:5px;}
.sub-list2 ul.dp-line > li{margin-top: 5px;padding-left: 10px;background: url('../images/new_common/sub2-list2.gif') no-repeat 0px 10px;}
.sub-list2 ul.dp-line > li.no-bg{padding-left: 0; background: none;}
.lr-timg{margin-top: 20px;}
.lf-imgs{float: left; width: 320px;}
.lf-imgs img{width: 100%; height: 200px;}
.rt-txts{float: left; margin-left: 20px; width: calc(100% - 340px);}
.rt-txts > p.tit{font-size: 17px; color: #000; margin: 10px 0;}

.lf-imgs2{float: right; width: 180px;}
.lf-imgs2 img{width: 100%; height: 230px;}
.rt-txts2{float: left; width: calc(100% - 210px);}

/* 20191016 */
.slogin-area{border: 1px solid #dcdcdc; background: #f5f5f5;text-align:center;}
.slogin-con{background: url('../images/new_common/slg-img.gif') no-repeat left center; padding:35px 0; padding-left:250px;min-height:145px;display: inline-block;text-align:left;}
.slogin-con > ul{margin-top:20px;}
.slogin-con > ul > li{ font-size: 16px; color: #333; line-height:26px;}

.slogin-txt{background:#fff;border-top:1px solid #dcdcdc;display:table;width:100%;}
.slogin-txt > *{display:table-cell;padding:60px 0;width: 50%;}
.slogin-txt > dl + dl{border-left:1px solid #dcdcdc;}
.slogin-txt > dl dt{font-size:22px;color:#333333;}
.slogin-txt > dl dt span{font-size:22px;color:#004ec2;}
.slogin-txt > dl dd a{display:inline-block;width:85px;padding:15px 10px;margin:0 5px;margin-top:10px;line-height:25px;color:#fff;font-size:15px;}
.slogin-txt > dl dd a.blue-bg{background:#1178c5;}
.slogin-txt > dl dd a.gray-bg{background:#5c5c5c;}
.slogin-txt > dl dd a.green-bg{background:#459e2a;}
.slogin-txt > dl dd a.orange-bg{background:#c97e27;}

/* // 20191016 */

span.redt{color:#de585c;}
.hide {height: 0;line-height: 0;font-size: 0px;display: none;}

#lnb h2.lnb-sub5-h2{background: #345693;padding-left: 17px;}
.s2button22 a.a3{background:#07988d; border:1px solid #1178c6;}
.slogin-con > p.btns > a.bg3{background: #07988d;}
.li-have3-yesbg > ul{margin: -20px 0 0 -36px;}
.li-have3-yesbg > ul > li{position: relative;float: left;width: calc(100% / 3 - 36px);margin: 20px 0 0 36px;}
.li-have3-yesbg > ul > li::before{content:"";position: absolute;left: -30px;top: 50%;width: 24px;height: 17px;margin-top: -8px;background: url('../images/new_common/sub03_bg3.png') no-repeat;}
.green-gray-listbox > ul > li > .gray > ul > li > span{color: #666;font-weight: 300;line-height: 16px;}
.plan-box .plan-cont60{height:60px;}

/*20191223*/
#lnb > ul > li > ul > li > ul > li > ul{padding: 5px 0 5px 5px;}
#lnb > ul > li > ul > li > ul > li > ul > li > a{position: relative;font-size: 13px;font-weight: 300;color: #555;}
#lnb > ul > li > ul > li > ul > li > ul > li > a::before{content:"·";position:absolute;top:0;left:-10px;color:#000;}
#lnb > ul > li > ul > li > ul > li > ul > li > a:hover{color:#f05000;}
#lnb > ul > li > ul > li > ul > li > ul > li > a.on{color:#f05000;}
#lnb > ul > li > ul > li > ul > li > ul > li > a:hover::before{color:#f05000;}
/*20191223*/

/*20200115*/
.sub01-bgbox > ul.g2020-bg1{background: url('../images/new_common/g2020_bg1.png') no-repeat 10px center;}
.new2020-box{border: 1px solid #d6d6d6;}
.new2020-box > ul{padding: 25px 20px;}
.new2020-box > ul > li{margin-top: 8px;}
.new2020-box > ul > li:first-child{margin-top: 0;}
.new2020-box > ul.gray{padding: 15px 20px;background: #f6f6f7;border-bottom: 1px solid #d6d6d6;}
.new-radio{text-align: right;margin-top: 14px;}
.new-radio > span{display: inline-block;margin: 2px 0;margin-right: 15px;}
.new-radio > span:first-child{margin-right: 35px;}
.new-radio > span:last-child{margin-right: 0;}
input[type="radio"]{vertical-align: -2px;}
.wid108 {width:108px !important;}
.input-table table td input[type="text"].wid108,
.input-table table td input[type="password"].wid108{max-width: 108px;}
.input-table table td input[type="text"].wid180,
.input-table table td input[type="password"].wid180{max-width: 180px;}
.new-table-radio{display: inline-block;}
.new-table-radio > span{display: inline-block;margin: 2px 0;margin-left: 10px;}
/*20200115*/

.title-green.his-link{border-bottom:2px solid #009cb1;padding-bottom:10px;position: relative;}/* 20200305 */
.title-green.his-link::after{content:"";position:absolute;background:url(../images/new_common/his-link-off.gif);width:19px;height:12px;right:10px;top:50%;margin-top:-6px;}/* 20200305 */
.title-green.his-link.on::after{background:url(../images/new_common/his-link-on.gif);}/* 20200305 */

.new-list > dl{display:table;width:100%;margin-bottom:20px;}
.new-list > dl > *{display:table-cell;vertical-align: middle;}
.new-list > dl > dt{background:#426ea3;color:#fff;font-size:22px;font-weight:600;text-align:center;border-radius:10px;width:125px;}
.new-list > dl > dd{padding-left:20px;}
.new-list > dl > dd.list{position: relative;}
.new-list > dl > dd.list > .box > dl{width:calc(50% - 100px);float:left;}
.new-list > dl > dd.list > .box > dl + dl{float:right;}
.new-list > dl > dd.list > .box > dl > dt{background:#4c82c3;color:#fff;font-size:19px;border-radius:10px 10px 0 0;text-align:center;padding:10px;line-height:25px;}
.new-list > dl > dd.list > .box > dl > dd{border:1px solid #d5d5d5;border-radius: 0 0 10px 10px;padding:10px 20px;min-height:60px;}
.new-list > dl > dd.list > .circle-box{position: absolute;left:50%;top:50%;margin-left:-80px;margin-top:-80px;}
.new-list > dl > dd.list > .circle-box p{display:table-cell;width:160px;height:160px;border:10px solid #158e7f;background:#10695e;vertical-align: middle;border-radius:160px;color:#fff;font-size:22px;text-align:center;}
.new-list > dl > dd.list > .circle-box + .box{margin-top:25px;}
.new-list > dl > dd .list-box{border:1px solid #d5d5d5;padding:20px;border-radius:10px;}
.new-list > dl > dd .list-box .sub-list3{margin-left:0;}
.line-box-list{border:1px solid #d5d5d5;padding:20px;;border-radius:10px;margin-left:20px;margin-top:20px;}
.line-box-list li{padding:10px 0;display:table;width:100%;}
.line-box-list li > *{display:table-cell;vertical-align: middle;}
.line-box-list li p:nth-child(1){width:35px;}
.line-box-list li span{text-align:center;display:table-cell;vertical-align: middle;background:#0db09e;width:35px;height:35px;color:#fefefe;font-size:18px;font-weight:600;border-radius:35px;}
.line-box-list li p{padding-left:10px;font-weight:600;}
.line-box-list li + li{border-top:1px solid #d5d5d5;}

input[type='file']{max-width:100%; border:0px;}
input[type='radio']{height:auto; border:0px;}
#lnb h2.lnb-sub2-h2{background: #345693 url('../images/new_common/common/m2_lnb_bg.png') no-repeat 24px 25px;}

.sub2-p1{font-weight:300;  }
.sub2-p1 span{color:#de585c; margin-bottom:10px;}

.tb01input1-21{text-align:left; width:765px;}
.tb01input1-22{text-align:left; width:183px;}
.tb01input1-23{text-align:left; width:238px;}
.tb01slt1-s2-1{width:108px;}
.sub2-tb2-p1{font-weight:300;   margin-top:8px;}
.txtarea01-s2-1{height:267px; width:776px; overflow:hidden;}
.sub2-butoon1{text-align:right; margin-top:20px;}
.sub2-butoon1 > a{margin-left:2px;}

.satisfaction-ipt-text{display:block; float:left; font-weight:300; color:#777777; font-size:14px; overflow:hidden; border:1px solid #d7d7d7; width:650px; height:32px; line-height:32px; padding-left:14px;}

.table-date1-condition1{margin-bottom:20px;}
.table-date1-condition1 .left{float:left; font-weight:300;   padding-top:10px;}
.table-date1-condition1 .left span{font-weight:500;  color:#07a293;}
.table-date1-condition1 .right{float:right;}
.condition-slt{width:108px; height:34px; border:1px solid #c1c1c1; font-weight:300;   vertical-align:top;}
.condition-ipt{box-sizing:border-box; height:34px; line-height:34px; width:278px; border:1px solid #c1c1c1; padding:0px 5px; text-align:left; vertical-align:top;}
.condition-ipt:focus {border-color:#333;}/* 2020.06 */

.sub-paging{margin:0 auto; text-align:center; padding-top:50px;}
.sub-paging a{display:inline-block; vertical-align:top; margin:3px; font-weight:300;  color:#666666; width:36px; height:36px; line-height:36px; border:1px solid #dddddd; background:#fff;}
.sub-paging a.on, .sub-paging a:hover, .sub-paging a:active, .sub-paging a:focus{color:#fff; background:#3577cb;}
.sub-paging a.before, .sub-paging a.pre, .sub-paging a.next, .sub-paging a.after{font-size:0px; line-height:0px; overflow:hidden;}
.sub-paging a.before{background:#fff url('../images/new_common/pg-before.png') no-repeat center center !important;}
.sub-paging a.pre{background:#fff url('../images/new_common/pg-pre.png') no-repeat center center !important;}
.sub-paging a.next{background:#fff url('../images/new_common/pg-next.png') no-repeat center center !important;}
.sub-paging a.after{background:#fff url('../images/new_common/pg-after.png') no-repeat center center !important;}

.sub2-table-p1{font-weight:inherit; font-size:inherit; color:inherit; margin:10px 0px; line-height:160%;}
.sub2-table-p1 .not-file{color:#888888; font-weight:inherit; font-size:inherit;}
.table02-sub2-bdtop1{border-top:1px solid #bfbfbf;}
.sub-mgtp43{margin-top:43px;}

.sub2-longTextIpt{padding:17px 18px; background:#f6f6f7; margin-top:75px;}
.sub2-longTextIpt > div{padding:7px 86px 7px 8px; border:1px solid #d6d6d6; position:relative; background:#fff;}
.sub2-longTextIpt > div textarea{border:0px; resize:none; width:100%; height:66px; display:block;}
.sub2-textIptButton3{display:block; position:absolute; top:7px; right:8px; width:67px; height:64px; line-height:64px; background:#f6f6f6; border:1px solid #d6d6d6; font-weight:400;   text-align:center;}
.sub2-longTextIpt > p{font-weight:300;   margin-top:5px;}

.table02 td.bdlf-nn{border-left:0px;}
.sub2tb-rdoBox{margin:5px 0px;}
.sub2tb-rdoBox label{font-family:inherit; font-weight:inherit; font-size:inherit; color:inherit;}
.table01 tbody th.text-left1{text-align:left;}

.sub2-graybox2{background:#f5f5f5 url('../images/new_common/sub2-graybox-icon20.gif') no-repeat 25px center; padding-left:146px; padding-right:15px; height:116px; border:1px solid #dadada; margin-bottom:45px;}
.sub2-graybox2 .p1{padding-top:25px; font-weight:500; font-size:18px; color:#333333;}
.sub2-graybox2 .p2{margin-top:2px; font-weight:300;  color:#444444;}

.sub2-graybox3{padding:30px 10px 30px 150px; margin-bottom:30px; border:1px solid #d7d7d7; background:#f5f5f5 url('../images/new_common/sub2-box-icon2.gif') no-repeat 33px 28px;}
.sub2-graybox3 .p1{font-weight:500; font-size:18px; color:#333333;}
.sub2-graybox3 .p2{font-weight:300;  color:#444444;}
.sub2-graybox3 .p2 span{font-weight:300;  color:#de585c;}

.table-img1{max-width:100%;}
.sub2-table-p1-tleft{text-align:left; margin:20px 0px;}

.sub2-img-list{border-top:2px solid #444444; border-bottom:1px solid #d8d8d8; padding-top:24px;}
.sub2-img-list > a{display:block; float:left; font-weight:300;   text-align:left; width:224px; margin:0px 30px 30px 0px;}
.sub2-img-list > a.last{margin-right:0px;}
.sub2-img-list > a img{width:100%;}
.sub2-img-list > a p{font-weight:300;   margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.sub2-table-contentTitle{font-weight:500; font-size:24px; }

.blue-but2-sub2{display:inline-block; padding:0px 27px; height:36px; line-height:36px; background:#1178c5; border:1px solid #1178c5; font-weight:400; color:#fff; }

.sub2-box1 > div.bg-nn{background:none; padding:0px !important;}

.bg_none{background:none !important;}
.pl0{padding-left:0px !important;}
.mr2-0{margin-right:0px !important;}

.program-keywordLabel{display:inline-block; vertical-align:-7px; margin-right:5px;}

.triangle-list li .black-butInlist{display:inline-block; vertical-align:0px; height:23px; line-height:23px; font-size:13px; margin-left:2px;}

.sub2-img-list > a div{display:table; width:224px; height:158px;}
.sub2-img-list > a .img-box524{display:table-cell; vertical-align:middle; text-align:center; height:145px;}
.sub2-img-list > a .img-box524 img{max-width:100%; max-height:100%; width:auto; vertical-align:top;}

.fontW0, .fontW0 *{font-weight:inherit !important;}

.cons-process > li{float:left; padding:0px 40px 40px 0px;}
.cons-process > li.li1{background:url('../images/new_common/sub4-icon1.png') no-repeat right 33px;}
.cons-process > li.li2{padding-right:0px; background:url('../images/new_common/sub4-icon3.png') no-repeat center bottom;}
.cons-process > li.li3{padding:0px 0px 40px 40px; float:right; background:url('../images/new_common/sub4-icon2.png') no-repeat left 33px;}
.cons-process > li.li4{padding:0px 0px 40px 0px; float:right; background:url('../images/new_common/sub4-icon3.png') no-repeat center bottom;}
.cons-process > li.li5{padding:0px 0px 40px;}
.cons-process > li div{height:82px; width:250px; display:table; background:#5682a8; border-radius:3px;} /*241104*/
.cons-process > li div p{text-align:center; display:table-cell; vertical-align:middle; font-weight:500; color:#ffffff; font-size:16px;}

.fontW500{font-weight:500 !important;}

.plan-process{position:relative; margin-bottom: 50px;} /*241104*/
.plan-box{float:left; width:276px; padding-right:60px; margin-right:19px; background:url('../images/new_common/plan-icon1.png') no-repeat right 33px;}
.plan-box .blue-title{display:table; width:100%; box-sizing:border-box; height:82px; background:#e3edff; border:1px solid #b5cbf1; border-radius:3px;}
.plan-box .blue-title p{display:table-cell; text-align:center; font-weight:500; font-size:16px; color:#345693; vertical-align:middle;}
.plan-box .plan-cont h6{font-size: 16px; font-weight:500; margin-top:12px; padding-left:18px; background:url('../images/new_common/plan-title-icon1.gif') no-repeat 0px 5px;} /*241104*/
.plan-box .plan-cont > ul{padding:6px 5px 0px 18px;}
.plan-box .plan-cont > ul > li{font-weight:300; padding-left:10px; background:url('../images/new_common/plan-cont-icon1.gif') no-repeat 0px 9px;}
.plan-box .plan-cont ul li.first{padding-left:0px; background:none;}
.plan-box.last{background:none; padding-right:0px; margin-right:0px;}
.plan-box2{position:absolute; bottom:30px; left:135px; padding-top:142px; width:189px; background:url('../images/new_common/plan-icon2.png') no-repeat right top;}
.plan-box2-tt{display:table; width:173px; height:173px; box-sizing:border-box; background:#e3edff; border:1px solid #b5cbf1; border-radius:87px;}
.plan-box2-tt p{display:table-cell; text-align:center; font-weight:500; font-size:16px; color:#345693; vertical-align:middle;}
.plan-box .plan-cont_4{height:auto; margin-bottom:19px;}

.mt12{margin-top:12px !important;}

.plan-doc30{padding:20px 0px; font-weight:500; font-size:16px;}

.table-img img{max-width:100%;}

.plus-centerP{font-weight:500;}

.green-table-imgMg > img{margin:3px;}

.plan-box6132{float:right;}
.plan-box613{padding-right:0px; margin-right:0px; background:none;}

.plan-process613{background:url('../images/new_common/gd-icon0613.png') no-repeat center 33px;}
.plan-process614{background:url('../images/new_common/icon614.png') no-repeat 135px 0px;}

.plan-process615 .plan-box .plan-cont{height:190px;}

.plan-boxWidth168{width:20%; margin-right:10px; padding-right:49px;} /*241104*/
.plan-boxWidth168 .blue-title p{letter-spacing:-2px;}
.plan-process-blue-bg{padding:20px 0px 0px 20px;}
.plan-process-blue-bg:before{content:''; display:block; position:absolute; left:0px; top:0px; z-index:-1; font-size:0px; line-height:0px; overflow:hidden; height:122px; width:100%; background:#eff5ff;} /*241104*/
.plan-cont-bg-mgt{margin-top:25px;}
.plan-boxWidth168-last{padding-right:80px; margin-right:40px;}
.plan-boxWidth169{width:203px;}
.plan-boxWidth169 .blue-title p{letter-spacing:-1px;}
.plan-boxWidth169 .plan-cont-bg-mgt{margin-top:31px;}

.details-content{border:1px solid #e1e1e1; padding:30px 40px; margin-bottom:30px;}
.details-content .left{float:left; width:242px; border-right:1px solid #e1e1e1;}
.details-content .left img{vertical-align:top;}
.details-content .right{float:left; padding-left:50px;}
.details-content .right .p1{font-weight:500; color:#536d9f; margin-bottom:7px;}
.details-content .right > ul > li{padding-left:10px; background:url('../images/new_common/details-icon.gif') no-repeat 0px 9px;}

.details-content .right > ul > li li{font-weight:inherit; font-size:inherit;}

.maintenance-process > div{float:left; width:75px; padding-right:33px; margin-right:18px; margin-bottom:10px; background:url('../images/new_common/maintenance-icon.png') no-repeat right 53px; text-align:center;}
.maintenance-process > div .p1{display:table; width:100%; height:122px; box-sizing:border-box; border-radius:3px; border:1px solid #b5cbf1; background:#e3edff;}
.maintenance-process > div .p1 span{display:table-cell; vertical-align:middle; font-weight:500; font-size:16px; color:#345693;}
.maintenance-process > div .p2{padding-top:5px; font-weight:300;}
.maintenance-process > div.last{padding-right:0px; margin-right:0px; background:none;}

.regeneration-img{text-align:center; margin-top:20px;}

.regeneration-history{position:relative; margin-top:15px; background:url('../images/new_common/regeneration-history.gif') no-repeat 0px 26px;}
.regeneration-history .history-ct{float:left; width:25%; height:340px; position:relative;}
.regeneration-history .history-ct h6{height:21px; line-height:21px; width:220px; margin:0 auto; text-align:center; border-radius:10px; font-size:14px; font-weight:400; color:#fff;}
.regeneration-history .history-ct h6.title1{background:#0e9f44;}
.regeneration-history .history-ct h6.title2{background:#0e9e69;}
.regeneration-history .history-ct h6.title3{background:#0e9e85;}
.regeneration-history .history-ct h6.title4{background:#0e8b9f;}
.regeneration-history .history-ct > p{position:absolute;}
.regeneration-history .history-ct > p img{vertical-align:top;}
.regeneration-history .history-ct .p1{top:65px; left:33px;}
.regeneration-history .history-ct .p2{bottom:0px; left:108px;}
.regeneration-history .history-year{position:absolute; top:38px; font-size:14px; color:#666; font-weight:300;}
.regeneration-history .history-year1{left:0px;}
.regeneration-history .history-year2{left:230px;}
.regeneration-history .history-year3{left:473px;}
.regeneration-history .history-year4{left:715px;}
.regeneration-history .history-year5{right:7px;}

.oldAndNewCity{margin-top:30px;}
.oldAndNewCity > ul{display:none;}
.oldAndNewCity > ul > li{float:left; width:50%; padding:20px 0px;}
.oldAndNewCity > ul > li img{vertical-align:top;}
.oldAndNewCity > ul > li.left{background:#dfdfdf;}
.oldAndNewCity > ul > li.right{background:#06852a;}

.change-list{margin-top:30px;}
.change-list li{float:left; width:25%;}
.change-list li img{vertical-align:top;}

.table-relative7{position:relative; overflow-x:auto; border-left:0px;}
.table-relative7 > table{min-width:988px;}
.table-relative7 > table .last{border-right:0px;}
.site-more7{display:block; position:absolute; right:5px; top:6px; background:#5c5c5c; height:38px; line-height:38px; width:150px; text-align:center; font-weight:400; color:#fff; font-size:15px;}

.tenantCompany .left,
.tenantCompany .right{float:left;}
.tenantCompany .right{padding-left:50px;}

.sub-list2-0617 > li{font-weight:500;}

.tenantCompany-list{margin-top:50px;}
.tenantCompany-list li{float:left; width:25%;}
.tenantCompany-list li p{display:table; width:205px; height:140px; text-align:center; background:url('../images/new_common/img4362-2.gif') no-repeat 0 0;}
.tenantCompany-list li p span{display:table-cell; vertical-align:middle; color:#fff; font-weight:500; font-size:26px;}

.title-green-no{background:none; padding-left:0px;}

.socialEnterprise{height:502px; position:relative; background:url('../images/new_common/img4233-2.png') no-repeat 325px 57px;}
.socialEnterprise > div{display:table; position:absolute; border-radius:10px;}
.socialEnterprise > div.green-titleP{width:305px; height:235px; text-align:center; background:#acc024; left:0px; top:134px;}
.socialEnterprise > div.green-titleP span{font-weight:500; font-size:26px; display:table-cell; vertical-align:middle; color:#fff;}
.socialEnterprise > div.orange-ctP{background:#f7a112; width:394px; height:118px; left:584px;}
.socialEnterprise > div.orange-ctP1{top:0px;}
.socialEnterprise > div.orange-ctP2{top:128px;}
.socialEnterprise > div.orange-ctP3{top:256px;}
.socialEnterprise > div.orange-ctP4{top:384px;}
.socialEnterprise > div.orange-ctP > div{display:table-cell; vertical-align:middle; padding-left:48px;}
.socialEnterprise > div.orange-ctP > div p{font-weight:500; font-size:24px; color:#fff; margin-bottom:3px;}
.socialEnterprise > div.orange-ctP > div ul li{font-weight:400; color:#fff; padding-left:5px; margin:2px 0px; background:url('../images/new_common/orange-ul-icon.gif') no-repeat 0px 9px;}

.gangdong-ebook .left{float:left;}
.gangdong-ebook .right{float:left; margin-left:50px; position:relative; width:540px;}
.gangdong-ebook .right .link{display:block; padding:0px 20px; border:1px solid #d9d9d9; background:#f3f3f3; position:absolute; top:6px; left:230px;}
.gangdong-ebook .right .link span{display:block; font-weight:300; font-size:15px; color:#555555; min-width:168px; height:30px; line-height:30px; background:url('../images/new_common/ebook-link-icon.gif') no-repeat right center;}
.gangdong-ebook .right h6{font-weight:500; font-size:30px; color:#4d6394;}
.ebook-title-list{margin-top:60px; padding-left:30px;}
.ebook-title-list li{margin:10px 0px;}
.ebook-title-list p{font-weight:300;}
.ebook-title-list p.title{float:left;}
.ebook-title-list p.page{float:right; text-align:right;}
.ebook-title-list > table > tbody > tr > td:first-child { width:70%;}

.gangdong-ebook{padding-bottom:60px; border-bottom:1px dotted #b5b5b5; margin-bottom:60px;}
.ebook-list-info{display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.ebook-list-info li{float:left; margin-bottom:60px; text-align:center;}
.ebook-list-info li.last{margin-right:0px;}
.ebook-list-info li .img1{width:282px; height:282px; border:1px solid #e1e1e1; overflow:hidden;}
.ebook-list-info li .img1 a{display:block; height:100%;}
.ebook-list-info li .p2{font-weight:300; font-size:16px; color:var(--black-5); margin:10px 0px 6px;}
.ebook-list-info li .p3 a{display:inline-block; vertical-align:top; margin:0px 3px; height:30px; line-height:30px; padding:0px 15px; color:#fff; font-weight:300; font-size:16px;}
.ebook-list-info li .p3 a.pdf-link{background:#53af2a;}
.ebook-list-info li .p3 a.ebook-link{background:#5b7aca;}

.organizationChart{background:url('../images/new_common/organizationChart_240102.png') no-repeat center 185px; position:relative;} /* 20240102 */
.organizationChart .rank1 .li1{display:table; width:185px; height:185px; position:absolute; top:0px; left:50%; margin-left:-92px; text-align:center; background:url('../images/new_common/rank1.png') no-repeat 0 0;}
.organizationChart .rank1 .li1 p{display:table-cell; vertical-align:middle; font-weight:500; font-size:26px; color:#3d3d3d; line-height:60px;} /* 20220927 */
.organizationChart .rank1 .li2{display:table; width:205px; height:140px; position:absolute; top:278px; left:50%; margin-left:-102px; text-align:center; background:url('../images/new_common/rank2.png?ver=240409') no-repeat 0 0;}
.organizationChart .rank1 .li2 p{display:table-cell; vertical-align:middle; font-weight:500; font-size:26px; color:#fff; line-height:57px;}
.organizationChart .rank1 .li3{display:block; position:absolute; right:calc(50% - 390px); font-weight:500; font-size:20px; color:#3d3d3d; width:170px; height:46px; line-height:46px; background:#3cb7c3; /*2020.06 웹접근성background:#18a49b;*/ text-align:center;} /* 20220927 */
/*20200102*/
/* 20230703 */
.organizationChart .rank1 .li3-1{top:324px;} /* 20240102 */
.organizationChart .rank1 .li3-2{top:365px;}
/* //20230703 */
.organizationChart .rank1 .li3-3{top:401px;font-size:18px} /* 20220919 */
/*20200102*/
.organizationChart .rank1 .li3-4{top:437px;}
.organizationChart .rank2{width:988px; margin:0 auto;}
.organizationChart .rank2-1{padding-top:540px;}
.organizationChart .rank2 > li{height:272px; width:214px; background:#eaeaea; margin-right:30px; float:left;}
.organizationChart .rank2 > li.last{margin-right:0px;}
.organizationChart .rank2 > li.center{margin-right:72px;}
.organizationChart .rank2 > li h6{text-align:center; font-weight:500; color:#fff; font-size:20px; height:71px; line-height:71px; background:url('../images/new_common/org-bg1.gif') repeat 0 0;}
.organizationChart .rank2 > li.center.style2{margin-right: 30px;}/* //2020-12-30 */
.organizationChart .rank2 > li .rank2-link{padding-left:30px;}
.organizationChart .rank2 > li .rank2-link li{margin:5px 0px; padding-left:10px; background:url('../images/new_common/rank2-linkbg.gif') no-repeat 0px 10px;}
.organizationChart .rank2 > li .rank2-link li a{font-weight:500; font-size:15px; color:#333;}
.organizationChart .rank2-2{padding-top:98px;width: 702px;}/* //2020-12-30 */

.org-map8{margin-top:30px; padding:29px; border:1px solid #d4d4d4;}
.org-map8 dl{border:1px solid #d4d4d4; box-shadow:4px 4px #eeeeee;}
.org-map8 dl dt{float:left; border-right:1px solid #d4d4d4; text-align:center; width:125px; height:110px; line-height:82px; background:#e8ecdb; font-weight:500; color:#111}
.org-map8 dl dd{float:left; margin-left:30px; width:calc(100% - 156px); padding-top:16px;}
.org-map8 dl dd p{width:calc(100% / 8); height:25px; line-height:25px; float:left; margin-bottom:3px;}
.org-map8 dl dd p a{font-weight:300;}

.map-img8{text-align:center; margin-top:39px;}

.cons-process9620 > li div p{font-size:14px; line-height:120%;}

.supply-guide div.txt h3.h3-621{font-size:35px;}

.plan-box10-right{float:left;}
.plan-box10-right > ul > li{font-weight: 300; padding-left: 10px; background: url('../images/new_common/plan-cont-icon1.gif') no-repeat 0px 9px;}

.villageCommunity{border:1px solid #e3e3e3;}
.villageCommunity .left{float:left; border-right:1px solid #e3e3e3;}
.villageCommunity .left img{vertical-align:top;}
.villageCommunity .right{float:left; padding-left:50px; box-sizing:border-box; width:calc(100% - 330px); height:175px; display:table;}
.villageCommunity .right > div{display:table-cell; vertical-align:middle;}
.villageCommunity .right h6{font-weight:700; font-size:30px; color:#5b7794; margin-bottom:5px;}

.ml5{margin-left:5px !important;}

.list-Community{margin-bottom:30px; padding-top:10px;}
.list-Community li{float:left; display:table; width:142px; height:142px; margin-right:37px; margin-bottom:10px; background:url('../images/new_common/blue-yq24.png') no-repeat 0 0;}
.list-Community li span{display:table-cell; text-align:center; vertical-align:middle; letter-spacing:-1px; line-height:110%; font-weight:700; font-size:22px; color:#345693;}

.community-list2 .sub-list1{float:left; width:500px;}
.community-list2 .sub-list1 li{margin-bottom:15px;}
.community-list2 .right{float:right;}

.community-img2{text-align:center; padding:10px 0px 20px;}
.community-list3 p{float:left; padding:13px 0px; font-weight:500; color:#fff; font-size:18px; margin-bottom:10px;}
.community-list3 p.p1{width:197px; text-align:center;}
.community-list3 p.p2{width:calc(100% - 197px); box-sizing:border-box; padding-left:25px;}
.community-list3 p.p1-1{background:#e22525;}
.community-list3 p.p2-1{background:#e53a3a;}
.community-list3 p.p1-2{background:#218f5a;}
.community-list3 p.p2-2{background:#379a6a;}
.community-list3 p.p1-3{background:#007b93;}
.community-list3 p.p2-3{background:#19889e;}

.sns-community{margin-top:30px;}
.sns-community > a{display:table; float:left; width:467px; height:102px; border:1px solid #9a9a9a; border-radius:51px; margin-bottom:20px;}
.sns-community > a span{display:table-cell; letter-spacing:-1px; vertical-align:middle; padding-left:100px; font-weight:500; font-size:18px; color:#3e3e3e;}
.sns-community > a.a1{background:url('../images/new_common/fb-ty-icon.png') no-repeat 20px center;}
.sns-community > a.a2{float:right; background:url('../images/new_common/band-ty-icon.png') no-repeat 20px center;}
.sns-community > a.a3{background:url('../images/new_common/blog-ty-icon.png') no-repeat 20px center;}
.sns-community > a.a4{float:right; background:url('../images/new_common/kaka-ty-icon.png') no-repeat 20px center;}
.sns-community > a.a5{float:right;}

a{vertical-align: inherit;}
#lnb h2.lnb-sub4-h2{background: #345693 url('../images/new_common/common/m4_lnb_bg.gif') no-repeat 24px 25px;}
.mb0{margin-bottom:0 !important;}

.orange-btn{background:#f59659;border:1px solid #e28243;padding:5px 10px;line-height:20px;color:#fff;min-width:80px;text-align:center;}
.green-btn{background:#2abda7;border:1px solid #179f8b;padding:5px 10px;line-height:20px;color:#fff;min-width:80px;text-align:center;}
.black-arrow-btn{display:inline-block; vertical-align:top; padding:9px 22px;margin-top:15px;padding-right:44px; font-weight:300;  color:#fff; background:url('../images/new_common/sub2-bt1.png') no-repeat right 22px center #636363;}
.book-bg{background:url(../images/new_common/book-bg.gif) no-repeat left center;/* padding-left:115px;  */padding:20px 0px 20px 115px;display:table-cell;width:100%;vertical-align: middle;}
.sub01-bgbox > .book-gray-bg{background: url('../images/new_common/book-gray-bg.gif') no-repeat left center;display: table-cell;vertical-align: middle;padding-left: 110px;}
.fountain-pen{background:url(../images/new_common/fountain-pen.gif) no-repeat left 50px center #f5f5f5;padding-left:160px;}
.fountain-pen h3{font-size:18px;font-weight:bold;margin-bottom:10px;}
.fountain-pen ul{display:block;margin-left:0;padding-left:0;}
.font-18{font-size:18px;}
/* .font-14{font-size:14px;} */
.gray-but{display: inline-block;background: #696969;color: #fff;font-size: 16px;min-width: 68px;height: 34px;line-height: 34px;padding: 0 10px;text-align: center;box-sizing: border-box;}
.file-btn{display:inline-block;border:1px solid #aaa;color:#333;padding:5px 28px 5px 10px;background:url(../images/new_common/file-btn.gif) no-repeat right 10px center;line-height:25px;}
.blue-btn{display:inline-block;border:1px solid #1178c5;color:#fff;padding:5px 15px;background:#1178c5;line-height:25px;}

.and-btn{vertical-align: middle;}
.gray-line-box{border:1px solid #d7d7d7;}
.grat-top-line{border-top:1px solid #d7d7d7;padding:10px;}
.bor-top-no{border-top:0;}
.list-No{padding-left:20px;}
.list-No > li{list-style-type:decimal;line-height:25px;font-weight:500;}
.list-kr{padding-left:30px;}
.list-kr > li{margin-top: 5px; list-style-type:hangul;line-height:1.4;font-weight:500;}
.list-ae{padding-left:30px;}
.list-ae > li{list-style-type:upper-roman;line-height:25px;font-weight:500;}
.list-circle{padding-left:15px;}
.list-circle > li{padding-left:20px;position: relative;line-height:25px;}
.list-circle > li:before{content:"○";position: absolute;left:0;width:15px;text-align:center;line-height:25px;}

.list-table > li{display:table;width:100%;text-align:left;}
.list-table > li > span{display:table-cell;width:100px;}
.list-table > li > p{display:table-cell;}

.eBook-btn{display:inline-block;border:1px solid #cb9c1a;padding:5px 15px; color:#cb9c1a;}
.eBook-btn:after{content:url(../images/new_common/eBook-btn.gif);margin-left:10px;vertical-align: middle;}

.supply-guide{display:table;width:100%;border:1px solid #d8d8d8;text-align:center;}
.supply-guide div{display:table-cell;vertical-align: middle;}
.supply-guide div.txt{background:url(../images/new_common/supply-guide.gif) no-repeat right top 15px #303a4c;padding:20px;}
.supply-guide div.txt.no-bg{background-image:none;}
.supply-guide div.txt h3{color:#fff;font-size:38px;}
.supply-guide div.img{width:660px;}

.img-list{display:table;width:100%;}
.img-list > div{display:table-cell;vertical-align: middle;}
.img-list > div.img{border-top:2px solid #666666;text-align:center;padding:20px;border-bottom: 1px solid #dcdbdb;min-width:260px;}

.table-tit{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.input-table{border-top: 2px solid #666666;}
.input-table table th{background: var(--bg-gray);font-weight: 600;padding: 13px 20px;border-bottom:1px solid #bfbfbf;}
.input-table table td{padding: 10px 20px;border-left: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;}
.input-table table td + th{border-left: 1px solid #bfbfbf;}
.input-table table .no-lb{border-left: 0;}
.input-table table .last-rb{border-right: 1px solid #bfbfbf;}
.input-table table td a{vertical-align: middle;}
.input-table table td input[type="text"],
.input-table table td input[type="password"]{max-width: 376px;width:calc(100% - 12px);}
.input-table table td select{width: 170px;height: 34px;border: 1px solid #c1c1c1;}
.input-table table td select option[disabled="disabled"] {border: 1px solid #c1c1c1; color:#c1c1c1;background:#eee}
.input-table table td textarea{width: 100%;height: 220px;padding: 5px;box-sizing: border-box;border: 1px solid #c1c1c1;}
.input-table table td input[type="text"].wid140,
.input-table table td input[type="password"].wid140{max-width: 140px;}
.input-table table td input[type="text"].wid240,
.input-table table td input[type="password"].wid240{max-width: 240px;}
.input-table table td input[type="text"].widall,
.input-table table td input[type="password"].widall{max-width: 100%;}
.input-table table td.sub05-radio span{vertical-align: middle;margin-top: 2px;margin-bottom: 2px;margin-right: 15px;}
.input-table table td.td-bigpaid{padding: 30px 20px;text-align: center;}
.input-table table td.td-font-img{vertical-align: top;}
.input-table table td textarea{width: 100%;height: 220px;padding: 5px;box-sizing: border-box;border: 1px solid #c1c1c1;resize:none}

.table01.table02 pre{word-wrap: break-word;white-space: pre-wrap;min-height:50px;}

.system-list{text-align:center;margin-top:30px;}
.system-list li{float:left;background:#f0f0f0;border:5px solid #cfcccc;text-align:center;margin-right:10px;margin-bottom:10px;width:175px;}
.system-list li:hover{border:5px solid #4c82c3;}
.system-list li.on{border:5px solid #4c82c3;}
.system-list li a{display:block;}
.system-list li i{display:table-cell;height:135px;width: 175px;margin:0;vertical-align:middle;text-align:center;}
.system-list li p{line-height:20px;color:#454b57;height:40px;}

ul.img li{margin-bottom:10px;}
ul.img li img{min-width:100px;width:100%;max-width:150px;}

.no-txt{border:1px solid #ccc;padding:100px 20px;text-align:center;}
.txt-box{border:1px solid #bfbfbf;padding:10px;}

.input-table table td dl{margin-bottom:15px;}

.img{margin:20px 0; text-align:center;}
.gallery-list{border-top: 2px solid #444444;border-bottom: 1px solid #d8d8d8;padding-bottom:30px;text-align:center;}
.gallery-list li{width: calc(100% / 3);float:left;text-align:center;margin-top:25px;}
.gallery-list li a{display:inline-block;text-align:left;max-width:225px;}
.gallery-list li a i.img{display:inline-block;max-width:224px;height:158px;overflow:hidden;}
.gallery-list li a i.img img{width:100%;}
.gallery-list li a h5.tit{font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.glorification{background:#fbfbfb;border:1px solid #e1e1e1;padding:60px 20px;text-align:center;}

.img-txt-box{width:100%;display:table;text-align:center;}
.img-txt-box .logo{display:table-cell;width: 400px;text-align:center;vertical-align: middle;border:1px solid #e1e1e1;}
.img-txt-box .logo dd{margin-top:30px;}
.img-txt-box .logo dd h4{font-size:32px;color:#407a9b;}
.img-txt-box .logo dd p{margin-top:20px;color:#5b6273;}
.img-txt-box .txt{padding:35px 40px;border:1px solid #e1e1e1;border-left:0;text-align:left;}
.img-txt-box .txt h3.tit{font-size:30px;margin-bottom:20px;}
.img-txt-box .txt dt{font-weight:600;margin-bottom:10px;}
.img-txt-box .txt dl + dl{margin-top:20px;}
.img-txt-box.gusangjing-box .logo{background:url(../images/new_common/Gusangjing-bg.gif) repeat;}
.img-txt-box.gusangjing-box .txt{background:#fcfcfc;}
.img-txt-box.character-box .txt{background:url(../images/new_common/character-box.gif) repeat;}

/* 20221117 */
.img-txt-box.character-box .txt{background:url(/design/theme/portal/images/character/ns1117_bg1.png) repeat center;}
.ns1117-box{overflow:hidden;}
.ns1117-box *{box-sizing:border-box;}
.ns1117-box > ul{display:flex;flex-wrap: wrap;margin-left: -3%;margin-top: -3.5%;}
.ns1117-box > ul > li{margin-left: 3%;margin-top: 3.5%;width: calc(100% / 4 - 3%);}
.ns1117-box > ul > li .tit{padding-left: 5px;}
.ns1117-box > ul > li .tit span{color: var(--blue);}

.ns1117-box > ul > li .cont .img{display:flex;align-items:center;justify-content: center;width: 100%;padding-top: 100%;border: 1px solid #e1e1e1;margin: 10px 0 5px;position: relative;}
.ns1117-box > ul > li .cont .img img{position:absolute;top: -9999px;left: -9999px;right: -9999px;bottom: -9999px;margin: auto;max-width: 100%;max-height: 100%;}
.ns1117-box > ul > li .cont .btn{display:flex;justify-content: space-between;}
.ns1117-box > ul > li .cont .btn a{width: calc((100% - 5px) / 2);height:38px;line-height: 38px;background: #716f70 url(/design/theme/portal/images/character/dw.png) no-repeat right 15px center;padding-left: 8%;color: #fff;}

.ns1117-box2{display:flex;border: 1px solid #e1e1e1;padding: 40px 30px;align-items: center;}
.ns1117-box2 img{margin: 0 4%;}
.ns1117-box2 p{padding-left: 4%;border-left: 1px solid #e1e1e1;}

.ns1117-box3{border: 1px solid #e1e1e1;border-top: 0;padding: 35px 30px;}
.ns1117-box3 > ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -3.5%;}
.ns1117-box3 > ul > li{display:flex;margin-top: 3.5%;width: calc(100% / 2);}
.ns1117-box3 > ul > li .img{width: 150px;flex: 0 0 auto;margin: 0;display: flex;align-items: center;justify-content: center;}
.ns1117-box3 > ul > li:nth-child(2) .img,
.ns1117-box3 > ul > li:nth-child(4) .img{width:120px;}
.ns1117-box3 > ul > li .cont .tit{border-radius: 10px;margin-bottom: 10px;}/* 20240411 */
.ns1117-box3 > ul > li .cont .txt{font-size: 14px;color:#555555;}

.ciwrap4 {border: 1px solid #e1e1e1;padding: 35px 30px;}
.ciwrap4 > ul:after {clear:both; content:""; display:block;}
.ciwrap4 > ul{display: flex;flex-wrap: wrap;margin-left: -3%;margin-top: -3.5%;}
.ciwrap4 li {margin-left: 3%;margin-top: 3.5%;width: calc(100% / 4 - 3%);}
.ciwrap4 li p{font-size:0.8rem;}
.ciwrap4 li p span {font-size:17px; color: var(--black-5); margin-left:5px;}
.ciwrap4 .subcolor {color: var(--black-5);}
.ciwrap4 .color{height:63px;margin: 10px 0;}
.ciwrap4 .color.Black{background:#000000;}
.ciwrap4 .color.YellowOcher{background:#c8a063;}
.ciwrap4 .color.Brown{background:#956034;}
.ciwrap4 .color.LightPink{background:#f6bed7;}
.ciwrap4 .color.Yellow{background:#fcc900;}
.ciwrap4 .color.Red{background:#e85311;}
.ciwrap4 .color.LightGray{background:#b5b5b5;}
.ciwrap4 .color.Green{background:#22ab37;}
/* //20221117 */

.character-list dl{display:inline-block;margin-right:20px;text-align:center;margin-bottom:20px;}
.character-list dl dt{border:1px solid #e1e1e1;margin-bottom:10px;}
.character-list dl dd{background:#f9f7eb;border-bottom:1px dashed #e1e1e1;padding:5px 10px;}
.character-list p{display:inline-block;border-bottom:1px dashed #e1e1e1;vertical-align: top;}

.slogan-img-box .top{background:url(../images/new_common/g20190601040300-bg.gif) repeat;padding:60px 30px;text-align:center;border:1px solid #e1e1e1;}
.slogan-img-box .txt{background:#fdfdfd;padding:30px;text-align:center;border:1px solid #e1e1e1;border-top:0;}
.slogan-img-box .txt .tit{font-size:24px;color:#5b7794;margin-bottom:25px;}
.slogan-img-box .txt p{margin-bottom:40px;}
.slogan-img-box .txt .btn-box{text-align:center;}
.slogan-img-box .txt .btn-box dl{display:inline-block;margin:0 5px;}
.slogan-img-box .txt .btn-box dl dt{margin-bottom:30px;}

.color-box dl{display:inline-block;width:calc(50% - 25px);float:left;}
.color-box dl dt{margin-bottom:10px;}
.color-box dl + dl{margin-left:50px;}
.color-box:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}/* 20191014 */
.color-box dl dd p{color:#fff;min-height:150px;padding:20px;}
.color-box dl dd .green-bg{background:#2eb6aa;}
.color-box dl dd .pink-bg{background:#eb6d94;}
.color-box dl dd .purple-bg{background:#cb1b5a;}
.color-box dl dd .grey-bg{background:#595757;}

.map-img{position: relative;z-index:0;}/* 20191016 */
.map-img a.more-link{position: absolute;right:0;bottom:0;line-height:20px;padding:10px 25px;background:#5c799b;color:#fff;z-index:100;}/* 20221019 */

.map-txt dl{display:table;}
.map-txt dl dt{display:table-cell;}
.map-txt dl dt{width:115px;height:115px;text-align:center;background:#84735f;vertical-align: middle;color:#fff;}
.map-txt dl dt p{margin-top:10px;}
.map-txt dl + dl{margin-top:40px;}
.map-txt dl dd{display: table-cell;vertical-align: middle;}

.history-box{background:#f3efe4;padding:45px;}
.history-box h4{text-align:center;font-size:36px;font-weight:600;margin-bottom:45px;}
.history-time{background:url(../images/new_common/history-tine01.gif) repeat-y center top;text-align:center;}
.history-time h4.tit{background:#f8f8f8;padding:35px 50px;border:1px solid #e9e9e9;display:inline-block;}
.history-time > ul{padding:50px 10px;}
.history-time > ul li .content{width:calc(50% - 2px);line-height:25px;}
.history-time > ul li .tit{background:url(../images/new_common/history-tine02.gif) repeat-x center left;display:inline-block;margin-bottom:20px;position: relative;}
.history-time > ul li .tit:before{background:url(../images/new_common/history-circle.gif) repeat-x center left;width:12px;height:12px;content:"";display:inline-block;    position: absolute;top:50%;margin-top:-6px;}
.history-time > ul li .tit span{background:url(../images/new_common/history-time-tit.gif) repeat;padding:10px;width:110px;color:#fff;font-size:20px;display:block;text-align:center;}
.history-time > ul li:nth-child(odd){text-align:right;}
.history-time > ul li:nth-child(odd) .content{float:left;}
.history-time > ul li:nth-child(odd) .tit:before{right:-6px;}
.history-time > ul li:nth-child(odd) .tit{padding-right:50px;}
.history-time > ul li:nth-child(odd) .txt{padding-right:50px;}
.history-time > ul li:nth-child(even){text-align:left;}
.history-time > ul li:nth-child(even) .content{float:right;}
.history-time > ul li:nth-child(even) .tit{padding-left:50px;}
.history-time > ul li:nth-child(even) .tit:before{left:-6px;}
.history-time > ul li:nth-child(even) .txt{padding-left:50px;}

.box-line{border:1px solid #d4d4d4;}

.banner-box li{width:230px;border:1px solid #e1e1e1;text-align:center;margin:0 5px;margin-bottom:20px;display:inline-block;}
.banner-box li a{display:block;}
.banner-box li i{display:table-cell;width:230px;;height:70px;vertical-align: middle;border-bottom:1px solid #e1e1e1;}
.banner-box li p.txt{background:#f7f7f7;padding:10px 5px;line-height:20px;font-size: 13px;letter-spacing: -2px;}

.phone-book-bg{background:url(../images/new_common/phone-book-bg.gif) no-repeat right 50px bottom 50px #f5f5f5;padding:50px;border:1px solid #d6d6d6;padding-right:300px;}
.card-bg{background:url(../images/new_common/card-bg.gif) no-repeat left 50px center #f5f5f5;padding:50px;border:1px solid #d6d6d6;padding-left:160px;}

.logo-list li{width:calc(100% / 3 - 20px);display:inline-block;margin-right:20px;padding-bottom:20px;float:left;}
.logo-list li a{display:block;border:1px solid #e1e1e1;}
.logo-list li a i.img{display:block;line-height:75px;height:75px;border-bottom:1px solid #e1e1e1;margin:0;padding:20px;}
.logo-list li a p.txt{line-height:45px;height:45px;background:url(../images/new_common/quadrangle.gif) no-repeat right 20px center #f7f7f7;padding-left:20px;padding-right:54px;font-size:15px;color:#000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo-list li a p.txt span{font-size:14px;color:#666666;}

.view-list li{display:inline-block;padding:10px 15px;padding-right:42px;line-height:25px;height:25px;background:url(../images/new_common/dow-btn.gif) no-repeat right 15px center;border:1px solid #e1e1e1;color:#444444;font-size:18px;margin-right:20px;margin-bottom:20px;min-width:150px;}

.blue-bg{background:url(../images/new_common/blue-bg.gif) no-repeat;background-size:100% 100%;text-align:center;padding:45px;color:#fff;border:1px solid #e3e3e3;}
.blue-bg h3{font-size:30px;color:#fff;margin-bottom:40px;}
.blue-bg p{line-height:30px;}
.blue-bg h4{font-size:25px;color:#fff;}
h3.tit{color: var(--dark-brown); font-size:25px;}
h3.tit span{font-size:14px;}

.double-park-list{margin-bottom:10px; border:10px solid #e5e5e5;text-align:center;}
.double-park-list >.list{display:inline-block;max-width:315px;margin:40px 20px;width:calc(100% - 60px);vertical-align:top;}
.double-park-list >.list h3.tit{background:#6a8ec0;color:#fff;font-size:18px;padding:10px;line-height:25px;margin-bottom:15px;}
.double-park-list >.list dl > *{border:1px solid #6a8ec0;padding:10px;line-height:20px;}
.double-park-list >.list dl dd{margin-top:25px;position: relative;}
.double-park-list >.list dl dd:after{content:url(../images/new_common/arrow-top-bg.gif);position: absolute;top: -26px;left: 50%;margin-left: -11.5px;}

.tel-gray-box{background:url(../images/new_common/tel-gray-bg.gif) no-repeat right 55px bottom 55px #f5f5f5;border:1px solid #d6d6d6;padding:55px;}
.tel-gray-box h3{font-size:24px;font-weight:600;color:#333333;margin-bottom:20px;}
.tel-gray-box p{line-height:25px;}
.tel-gray-box .inp-box{margin-top:40px;vertical-align:middle;}
.tel-gray-box .inp-box > *{display:inline-block;}
.tel-gray-box .inp-box a{line-height: 23px;vertical-align:top;}

.strategies dl > *{display:inline-block;background:#6a8ec0;color:#fff;font-size:18px;padding:20px 50px;line-height:25px;position: relative;margin-right:50px;margin-bottom:30px;}
.strategies dl > dt:after{content:url(../images/new_common/plus.gif);position: absolute;right:-37px;top:50%;margin-top:-12px;}
.strategies dl > dd:after{content:url(../images/new_common/arrow-right.gif);position: absolute;right:-42.5px;top:50%;margin-top:-8px;}
.strategies dl > dd+dd:after{display:none;}

ul.subscription > li{display:inline-block;max-width:290px;margin-right:45px;float:left;width:calc(100% - 45px);}
ul.subscription > li:nth-child(3){margin-right:0;}
ul.subscription > li dl{border-radius:5px;overflow: hidden;}
ul.subscription > li dl dt{background:#80c06a;padding:10px;line-height:25px;color:#fff;font-size:18px;text-align:center;}
ul.subscription > li dl dd{background:var(--bg-gray1);padding:10px;text-align:center;min-height:85px;}
ul.subscription > li dl dd ul{display:inline-block;width:auto;margin:0 20px;text-align:left;line-height:25px;}

.score span{display:inline-block;vertical-align:middle;}
.score .start{position:relative;background:url(../images/new_common/start-bg_off.png) no-repeat;width:112px;height:20px;margin-right:5px;}
.score .start .i{content:"";position:absolute;top:0;left:0;width:83%;height:20px;background:url(../images/new_common/start-bg_on.png) no-repeat;}
.score .fraction{font-size:0;color:#ff2143;}

.tit-bg-list{display:table;width:100%;}
.tit-bg-list > li{display:table-cell;width:25%;border:1px solid #bfbfbf;}
.tit-bg-list > li + li{border-left:0;}
.tit-bg-list > li h4.tit{text-align:center;padding:0 10px;color:#fff;font-size: 17px;line-height:37px;}
.tit-bg-list > li h4.tit.purple{background:#a096dc;}
.tit-bg-list > li h4.tit.blue{background:#7bafdf;}
.tit-bg-list > li h4.tit.green{background:#71d1a7;}
.tit-bg-list > li h4.tit.green2{background:#31c2b9;}
.tit-bg-list > li h4.tit.orange{background:#caaf74;}
.tit-bg-list > li h4.tit.red{background:#e58383}
.tit-bg-list > li .txt{padding:10px 0;min-height: 85px;text-align:left;}
.tit-bg-list > li .txt li{font-size: 13px;margin:10px;}
.tit-bg-list > li .txt + h4.tit{border-top:1px solid #bfbfbf;}

.life-list li{float:left;width:185px;border:1px solid #345693;margin-right:10px;text-align:center;}
.life-list li h5.tit{background:#345693;color:#fff;display:table-cell;width:175px;height:40px;vertical-align: middle;line-height:15px;padding:5px;}
.life-list li p.txt{border-top:1px solid #ccd5e4;padding:5px;min-height:80px;line-height:20px;}

/* 20201202 */
.parking-box .sub-tit2 .small{font-size:16px;font-weight:300;}
.parking-box .sub-tit2 .small i{color:#234bbe;font-style: normal;}
.parking-cont1 .tit{margin-top:30px;position: relative;}
.parking-cont1 .tit span{font-size:0.9rem;color:var(--black-6);}
.parking-cont1 .tit .reset-btn{position: absolute;right: 0;top: -12px;}
.parking-cont1 .tit .reset-btn a{width:126px;height:39px;line-height: 39px;text-align: center;background: #4c82c3;font-size: 18px;color: #fff;}
.parking-cont1 .tit .reset-btn a::before{content:"";background:url(../images/new_common/park_icon5.png);width: 21px;height: 19px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.parking-cont1 .cont{background:#fafafa;border:1px solid #e7e7e7;margin-top:15px;overflow: hidden;padding: 30px;}
.parking-cont1 .cont > ul{margin-left:-12px;}
.parking-cont1 .cont > ul > li{float:left;width:calc(100% / 4 - 12px);margin-left:12px;height: 116px;position: relative;box-sizing: border-box;}
.parking-cont1 .cont > ul > li:nth-child(1){border:1px solid #cecece;background:#fff;}
.parking-cont1 .cont > ul > li:nth-child(2){background:#da8038;}
.parking-cont1 .cont > ul > li:nth-child(3){background:#4c98c3;}
.parking-cont1 .cont > ul > li:nth-child(4){background:#61b239;}

.parking-cont1 .cont > ul > li p{color:#fff;}
.parking-cont1 .cont > ul > li p.icon{padding-left:67px;font-size:22px;position: absolute;top: 15px;left: 15px;height: 54px;line-height: 54px;}
.parking-cont1 .cont > ul > li p.num{position:absolute;bottom: 10px;right:15px;}
.parking-cont1 .cont > ul > li p.num span.tot{font-size:26px;}
.parking-cont1 .cont > ul > li:nth-child(1) p{color:var(--black-3);}
.parking-cont1 .cont > ul > li:nth-child(1) p.num span{color:#234bbe;}

.parking-cont1 .cont > ul > li:nth-child(1) p.icon{background:url(../images/new_common/park_icon1.png) no-repeat left center;}
.parking-cont1 .cont > ul > li:nth-child(2) p.icon{background:url(../images/new_common/park_icon2.png) no-repeat left center;}
.parking-cont1 .cont > ul > li:nth-child(3) p.icon{background:url(../images/new_common/park_icon3.png) no-repeat left center;}
.parking-cont1 .cont > ul > li:nth-child(4) p.icon{background:url(../images/new_common/park_icon4.png) no-repeat left center;}

.parking-p{color:#bb5d34;}
.parking-tit{font-size:30px;font-weight:700;text-align:center;margin-top: 40px;}

.park-btn{font-size:1rem; width:115px;height:34px;line-height:34px;text-align:center;background:#ebf0fe;border:1px solid #9eb2e9;vertical-align: middle;}
.park-btn img{margin-left:8px;}
.parking-box .color1{background:#eef2ff;}
.parking-box .color2{background:#fff1df;}

.parking-box h4.tit{margin-bottom:10px;}

.parking-cont2{overflow:hidden;}
.parking-cont2 > ul{text-align:center;font-size:0;}
.parking-cont2 > ul > li{display:inline-block;margin-right:42px;text-align:center;}
.parking-cont2 > ul > li:last-child{margin-right:0;}
.parking-cont2 > ul > li p{font-size:1rem;font-weight:700;}
.parking-cont2 > ul > li p:last-child{margin-top:10px;}
/* //20201202 */

/* 2021-01-26 */
.sp-img-list{display: table;margin-top: 15px;}
.sp-img-list > *{display: table-cell;vertical-align: middle;}
.sp-img-list > dt{width: 20%;text-align: center;}

.sp-img-box{width: 947px;max-width: 100%;margin: 15px auto 0;border: 1px solid #ccc;text-align: center;}
.sp-img-box img{max-width: 100%;}
.sp-img-box > span{margin: 0;display: block;}
.sp-img-box > span.text{padding: 10px 0;border-top: 1px solid #ccc;background: #f9f9f9;color: #555;}

.two-img-line > *{width: calc(50% - 80px);box-sizing: border-box;float: left;}
.two-img-line img{width: 100%;}
.two-img-line p:first-child{margin-right: 16px;}
/* //2021-01-26 */

.table_view .board_con ul > li{padding-left:10px;position: relative;}
.table_view .board_con ul > li::before{content:"";position:absolute;top: 13px;left:0;width: 3px;height: 3px;background:#000;border-radius:50%;}

/* //2022/3/25 */
.box { margin-left:20px; }
.box .sub-tit2 { margin-top:15px; }
.sub-list1.bg-no > li { padding-left:0; background:none; }
/* 2022/3/25// */

/* //2022/3/28 */

.pd0{padding:0 !important;}
.wA4{width:210mm;}
.print-box .table-warp.table01 { border-top:none; }
.print-box .table-warp > table { min-width:100%; }
.print-box .table-warp.table01 > table { border:1px solid #666; }
.print-box .table-warp.table01 > table thead th {padding:20px 10px; line-height:25px; font-weight:900; font-size:25px; border-bottom:1px solid #666; background:#fff; }
.print-box .table-warp.table01 > table th {padding: 5px 10px;line-height: 25px;font-size:18px;border-bottom:1px solid #666;background:#fff;border-right:1px solid #666;}
.print-box .table-warp.table01 > table th.wb20 { width:20%; }
.print-box .table-warp.table01 > table td.pd0 { padding:0; }
.print-box .table-warp.table01 > table td {border-bottom:1px solid #666;border-right:1px solid #666;font-size:16px;text-align:left;padding:5px 10px;}
.print-box .table-warp.table01 > table td:last-child { border-right:none; }
.print-box .table-warp.table01 > table td .bor { border:1px solid #666; border-left:none; border-right:none; margin:5px 0; }
.print-box .table-warp.table01 > table td .bor .left { padding:15px 10px; float:left; font-size:18px; }
.print-box .table-warp.table01 > table td .bor .left.wb15 { width:22%; box-sizing:border-box; text-align:center; border-right:1px solid #666; }
.print-box .table-warp.table01 > table td .satisfaction-check{margin-bottom:0;}
.print-box .table-warp.table01 > table td .satisfaction-check span { display:inline-block; width:calc(100%/3 - 3px); font-size:18px;margin-right:0; }
.print-box .table-warp.table01 > table td .satisfaction-check span input[type='radio']{width:17px;height:17px;}
.print-box .table-warp.table01 > table td .satisfaction-check label{font-size:18px;color:#555;font-weight:500;}
.print-box .table-warp.table01 .fw90 { font-weight:900; }
/*.print-box .table-warp.table01 .h25 { height:25px; }*/
.print-box .table-warp.table01 .tips {padding: 38px 40px;letter-spacing:1px;}
.print-box .table-warp.table01 .tips .infor { font-size:14px; margin-bottom:10px; }
.print-box .table-warp.table01 .tips ul { font-size:13px; }
.print-box .table-warp.table01 .tips ul li {margin-bottom:10px;letter-spacing: 0;}
.print-box .table-warp.table01 .tips .name { text-align:right !important; padding:20px 0; }
.print-box .table-warp.table01 .tips .title {font-size:36px;text-align:center;padding:10px 0;line-height:38px;}
.print-box .table-warp.table01 .tips .title > span{position: relative;z-index: 2;}
.print-box .table-warp.table01 .tips .title > span:after{content:url(../images/new_common/seal.bmp);display: block;position: absolute;right: -27px;top: 50%;margin-top: -53px;z-index: -1;}

.print-box .print-header{text-align:right;padding: 10px 0;padding-top:0;}
.print-box .print-header > h2{font-weight: 500;font-size: 16px;color:#555;float:left}
.print-box .print-header > a{margin-left:10px;}
.print-box .print-header > .close{background:url('../images/new_common/popup-close2.png') no-repeat;width: 28px;height: 28px;font-size:0;display: inline-block;vertical-align: middle;}
.print-boxs .print-header > a > .bg-no{background:none;padding-right:0;}


/* 2022/3/28// */

/* 2022/3/29 */

.bg-01 { padding:27px 30px; background:url("./design/theme/portal/images/notify/sub/img_bg01.gif")no-repeat right bottom;border:6px solid #ecf3fd;}
.dis-inlne { display:inline-block; vertical-align: middle; }
.dis-inlne.s2button23 { margin-top: 0; }
.sub-list2 > li.has-enter {     background:url('http://yjit58.asadal.com/gangdong/images/sub/sub01_bg5.gif') no-repeat left 17px; }
.input-table table td input[type="text"].wid70 { width:70px; }
.inpt-box { display:inline-block; border:1px solid #c1c1c1; width:50%; }
.inpt-box input[type="date"] { display:inline-block; padding:5px; border:none; width:100%; }
.bg-gr { border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; }
.bg-gr input { background:#F0F0F0; }
.bg-gr.input-table table td input[type="text"]#int-01 { width:70%; max-width:initial; }
.bg-gr input[type="text"] { padding-left:12px; }
.fw-600 { font-weight:600; }
.fw-900 { font-weight:900; }
ul.fw-600 .blue-font { font-size:17px; }
.part-box { padding: 0 30px 16px 11px; margin-top:5px; border:1px solid #BFBFBF; }
.part-box .sub-list2.fw-600 { height: 140px; overflow: auto; border-bottom: 1px solid #BFBFBF; padding-bottom: 20px; box-sizing: border-box; }

.part-bt { padding-top:15px; margin-left:20px; }
.part-bt .sub2tb-rdoBox { font-size:18px; }
.part-bt label{ position: relative; margin: 0 28px; margin-right:6px; }
.part-bt label::before{ position: absolute; top:3px; left: -30px; width: 20px; height: 20px; border: 1px solid #D1D1D1; border-radius: 50%; content: ""; box-sizing: border-box; }
.part-bt input:checked+label::before{  background-color: white; border: 5px solid #399bfd; }
.part-bt input[type="radio"]{ display: none; }
.part-bt .text { display:inline-block; padding-right:10px; }

.dis li + li{float:left;margin-right:30px}/* 2022/3/31 */

/* //2022/3/29 */

/* 20220921 */
.add-greybox.new-style01 { padding: 10px 37px; }
.add-greybox.new-style01 > p {padding-left: 20px; box-sizing: border-box; display: flex;align-items: center;flex-wrap: wrap; width:100%;}
.add-greybox.new-style01 > p > .greybox-infore { padding-bottom:5px; width:100%; margin-top: 35px;}
.add-greybox.new-style01 > p > .add-greybox-btn { margin-left: auto; margin-right: 70px; margin-bottom: 20px; border: 1px solid #b7b7b7; color: #555555; background:url("../images/new_common/add_greybox_btn_bg01.gif")no-repeat center right 11px; } /* 20220923 */
.add-imgabtn-box.new-style01 > a > img { width:100%; }
.add-greybox.new-style01 > p > .add-greybox-btn > a { padding: 2px 30px 2px 15px;  }

/* // 20220921 */

/* 20221219 */
.new-ad-boxes { padding-top:80px; padding-right:290px; background:url(/design/theme/portal/images/character/new_ad_boxes_bg01.png)no-repeat bottom right; }
.new-ad-boxes > li {  margin-bottom:6px; }
.new-ad-boxes > li > a { display:flex; border:2px solid #2b6799; border-radius:54px; font-size:20px; color:#231f20; align-items: center; font-weight: 500; letter-spacing: -1px; }
.new-ad-boxes > li > a > .new-ad-boxes-title-blue-txt { margin-left: -1px; padding:11px 0; font-size:29px; font-weight:700; color:#fff; background:#185a90; border-radius:54px; min-width:164px; text-align:center;}
.new-ad-boxes > li > a > .new-ad-grey-txt {  padding:10px 16px 9px 13px; font-size:24px; color:#7c7e81; font-weight:700; }

/* 20230901 */
.search-box2{margin: 50px 0 30px;border: 1px solid #d8d8d8;padding: 20px 40px;}
.search-box2 .line:first-child{margin-bottom: 10px;}
.search-box2 .line{display: flex;}
.search-box2 .line > *{display: flex;}
.search-box2 .line .change{width: 40%;}
.search-box2 .line > div.input-right{width:100%;}
.search-box2 .line > div > label{flex: 0 0 auto;max-width: 90px;width: 90px;color: var(--black-5);font-size: 15px;line-height: 34px;}
.search-box2 .line > div > select{appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(/design/theme/reserve/images/sp-add-searchbox_icon.png) no-repeat right 20px center;padding: 0 30px 0 13px;box-sizing: border-box;height: 34px;border: 1px solid #c1c1c1;flex: 1 1 auto;}
.search-box2 .line > div > input{box-sizing: border-box;width: 100%;padding: 0 13px;height: 34px;border: 1px solid #c1c1c1}
.search-box2 .line .selfDate{display: block !important;flex: 1 1 auto;margin-left: 40px;}
.search-box2 .line .date-area{display: flex;justify-content: space-between;}
.search-box2 .line .date-area > span{display: flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 30px;}
.search-box2 .line .date-area .date{flex: 1 1 auto;position: relative;}
.search-box2 .line .date-area .date input[type="text"]{width: 100%;}
.search-box2 .line .date-area .date img{position: absolute;right: 10px;top: 5px;display: inline-block;}
.search-box2 .line > .input-right > *{display: inline-block;float: left;width: calc(100% - 78px);}
.search-box2 .line > .input-right > a{flex: 0 0 auto;margin-left: 10px;display: inline-block;width: 68px;text-align: center;text-align: center;color: #fff;font-size: 16px;height: 34px;line-height: 34px;background: #1178c6;}
/* //20230901 */

@media screen and (max-width:1260px){
    .new-ad-boxes { padding-right: 229px; background-size: 230px; }
}
/* 20221219 */

@media screen and (max-width:1024px){
    /* 20201202 */
    .parking-cont2 > ul > li{margin:10px 20px;}
    .parking-cont2 > ul > li:first-child{display: block;}
    .parking-cont2 > ul > li:last-child{margin-right:20px;}
    /* //20201202 */

    /* 20221117 */
    .ns1117-box2 p br{display:none;}
    .ns1117-box3 > ul > li .cont .txt br{display:none;}
    /* //20221117 */

    .new-ad-boxes { padding-right: 290px; background-size:auto; }/* 20221219 */

    .table_view img{height: 100% !important;} /* 2024-06-10 모바일에서 이미지 비율깨짐 */
}


@media screen and (max-width:768px){
    .img-txt-box{width:100%;display:block;}
    .img-txt-box .logo{display:inline-block;margin:0 auto;margin-bottom:20px;padding:40px 50px;width:auto;}
    .img-txt-box .txt{display:block;border-left:1px solid #e1e1e1;}

    .phone-book-bg{background:url(../images/new_common/phone-book-bg.gif) no-repeat center bottom 20px #f5f5f5;padding:50px;border:1px solid #d6d6d6;padding-bottom:250px;}
    .card-bg{background:url(../images/new_common/card-bg.gif) no-repeat top 20px center #f5f5f5;padding:20px;padding-left:20px;padding-top:123px;}
    .book-bg{background:url(../images/new_common/book-bg.gif) no-repeat  top 20px center #f5f5f5;padding:20px;padding-left:20px;padding-top:123px;}
    /**/.phone-book-bg{background:url(../images/new_common/phone-book-bg.gif) no-repeat center bottom 20px #f5f5f5;padding:50px;border:1px solid #d6d6d6;padding-bottom:250px;}

    /* 20201202 */
    .parking-cont1 .cont > ul{margin-top:-10px;}
    .parking-cont1 .cont > ul > li{width: calc(100% / 2 - 12px);margin-top:10px;}
    /* //20201202 */

    /* 20221117 */
    .ns1117-box > ul > li{width:calc(100% / 3 - 3%);}
    .ns1117-box2{flex-wrap:wrap;justify-content: center;}
    .ns1117-box2 p{padding-left: 0;border-left: 0;width: 100%;margin-top: 20px;}
    .ns1117-box3 > ul > li{width: 100%;flex-wrap: wrap;justify-content: center;}
    .ns1117-box3 > ul > li .img{width:150px !important;}
    .ns1117-box3 > ul > li .cont .tit{margin:10px auto;}
    .ciwrap4 li{width:calc(100% / 2 - 3%);}
    /* //20221117 */

    /* 20221219 */
    .new-ad-boxes > li > a { font-size: 17px; }
    .new-ad-boxes > li > a > .new-ad-boxes-title-blue-txt { font-size: 20px;  min-width: 130px;}
    .new-ad-boxes > li > a > .new-ad-grey-txt { font-size: 17px; padding:9px 9px 9px 5px; }
    /* 20221219 */

    .halfView{display: unset;}
    .halfView > div{width: unset;}
    
     /*20250728*/
    .input-table sms {display: block;margin-top:5px}
    /*20250728*/
}

@media screen and (max-width:600px){
    .color-box dl{width:100%;}
    .color-box dl + dl{margin-left:0;margin-top:30px;}

    .history-time > ul li .tit{margin-bottom:10px;}
    .history-time > ul li .tit:before{display:none;}
    .history-time > ul li .content{width:100%;margin-bottom:50px;}
    .history-time{background:none;text-align:center;}
    .history-time > ul li:nth-child(odd){text-align:left;}
    .history-time > ul li:nth-child(odd) .content{float:none;}
    .history-time > ul li:nth-child(odd) .tit{padding-right:0;}
    .history-time > ul li:nth-child(odd) .txt{padding-right:0;}
    .history-time > ul li:nth-child(even){text-align:left;}
    .history-time > ul li:nth-child(even) .content{float:none;}
    .history-time > ul li:nth-child(even) .tit{padding-left:0;}
    .history-time > ul li:nth-child(even) .txt{padding-left:0;}

    /* 20221117 */
    .ns1117-box > ul > li{width:calc(100% / 2 - 3%);}
    .ns1117-box > ul > li .tit{font-size: 13px;letter-spacing: -1.5px;padding-left: 0;}
    .ns1117-box > ul > li .cont .btn a{padding-left:5px;background-position: right 5px center;}

    .ns1117-box2,
    .ns1117-box3{padding:20px;}

    .ciwrap4{padding:20px;}
    .ciwrap4 li{width:calc(100% - 3%);}
    .ciwrap4 .color{height:30px;}
    /* //20221117 */

    .input-table table th{padding: 0 3px; word-break: keep-all;}
    .input-table table td{padding: 10px 5px;}
}

@media screen and (max-width:540px){
    .tel-gray-box .inp-box > span{display:block;}
    .tel-gray-box .inp-box > span input{width:calc(100% - 67px);}
    .tel-gray-box .inp-box > a{display:block;text-align:center;}

    .parking-cont1 .cont > ul > li p.num span.tot{font-size:20px;}
    .parking-cont1 .cont > ul > li p.num {font-size:14px;}

    /* 2021-01-26 */
    .two-img-line > *{width: 100%;margin-right: 0 !important;}
    .sp-img-list > *{display: block;}
    .sp-img-list > dt{width: 100%;text-align: center;margin-bottom: 15px;}
    /* //2021-01-26 */

    /* 20221219 */
    .new-ad-boxes > li > a { flex-wrap: wrap; border-radius:15px; overflow: hidden; background:#2b6799;}
    .new-ad-boxes > li > a > .new-ad-boxes-title-blue-txt {border-radius:0; width:100%; margin-left: 0;}
    .new-ad-boxes > li > a > .new-ad-grey-txt { width:100%; background:#fff; text-align: center; padding: 1px 0 0 0;}
    .new-ad-boxes > li > a > .new-ad-txt {width:100%; background:#fff; text-align: center;}
    /* 20221219 //*/
}
/* 20230901 */
@media screen and (max-width:540px){
    .search-box2{padding:20px;}
    .search-box2 .line{display:block;}
    .search-box2 .line > *{display:block;width: 100% !important;}
    .search-box2 .line .selfDate{margin-left:0;margin-top: 10px;}
    .search-box2 .line > div > select{width:100%;}
}
/* //20230901 */
@media screen and (max-width:480px){
    /* 20201202 */
    .parking-cont1 .cont{padding:10px;}
    .parking-cont1 .cont > ul > li p.icon{background-size: 40px !important;line-height: 40px;height: 40px;padding-left: 50px;font-size: 18px;}
    /* //20201202 */
    .parking-cont1 .tit .reset-btn a{width:70px;text-align: center;background: #4c82c3;font-size: 12px;color: #fff;}
    .parking-cont1 .tit .reset-btn a::before{content:"";background:url(../images/new_common/park_icon5.png);background-size: 14px 14px;width: 14px;height: 14px;margin-right: 10px;}
}

/*0916*/
.blue2-but {display: inline-block;background: #1178c5;color: #fff;font-size: 16px;min-width: 68px;height: 34px;line-height: 34px;padding: 0 10px;text-align: center;box-sizing: border-box;}
.computer-bg{background: url(../images/new_common/cg_img01.png) no-repeat right 50px bottom 29px #f5f5f5;padding: 50px 50px 71px 50px;border:1px solid #d6d6d6;padding-right:300px;}
.computer-bg.style2 .sub-list1{margin-left: 0;position: relative;}
.computer-bg.style2 .sub-list1 li .w120{width:120px;}
.computer-bg.style2 .sub-list1 li.last-li01{background: url(../images/new_common/sub-listIcon.png) no-repeat 0px 14px;padding-bottom: 38px;display: inline-block;}
.computer-bg.style2 .sub-list1 li.last-li02{background: url(../images/new_common/sub-listIcon.png) no-repeat 0px 14px;display: inline-block;margin-left: 15px;/* position: absolute; *//* left: 185px; *//* top: 95px; */}



/* 20191014 */
.dl_box, .notice, .sitelink_area {position:relative; margin:5px; padding:10px; float:left; border:1px solid #e1e1e1; overflow:hidden;}
.dl_box dt {margin-bottom:8px; font-weight:bold; font-size:20px;}
.dl_box dd a {display:block; padding-left:11px; color:#555; font-size:12px; line-height:24px; background:url(../images/new_common/common/bul_dot_green.gif) no-repeat 4px 11px;}
.dl_box dd a:hover {text-decoration:underline;}
.sitelink_area {padding:16px 50px;max-width:880px;width: calc(100% - 112px);overflow:hidden; margin: 0 auto; float: none;}
.sitelink_area ul {width:925px; height:26px; overflow:hidden;}
.sitelink_area ul li {float:left; margin-left:25px;}
.sitelink_area ul li:first-child {margin-left:0;}
.sitelink_area .control button {position:absolute; top:0; width:40px; height:60px;font-size:0; text-indent:11px; white-space:nowrap; overflow:hidden;border:0;}
.sitelink_area .control .prev {left:0; background:url(https://welfare.gangdong.go.kr/site/contents/bokji/images/main/btn_sitelink_prev.gif) no-repeat center center #fff;}
.sitelink_area .control .next {right:0; background:url(https://welfare.gangdong.go.kr/site/contents/bokji/images/main/btn_sitelink_next.gif) no-repeat  center center #fff;}
/* 20191014 */

/* 20200130 */
.popWindow_complete{height:1000px;} /* 상황에 따라 height값 조정 필요 */
.popWindow_complete .innerBox{position:absolute;top:25%;left:50%;width:613px;height:344px;margin:-192px 0 0 -306px;padding-top:40px;border:1px solid #d7d7d7;    background: #fff;}
.popWindow_complete .innerBox p{width:365px;margin:0 auto;font-weight:bold;font-size:large;}/* 2023-02-27 */
.popWindow_complete .innerBox p span{display:block;}

.orange_cls {font-size: 13px;color: #b70000;font-weight: 1000;} /* 2023-09-15 */

#qrcodeDiv canvas{max-width:100%;}/* 20211221 */
/* 20200130 */
@media screen and (max-width:1024px){
    img{max-width: 100%;}
    .sub-content{width:100%;}
    .sub-box1{padding:20px 5px 20px 88px; background:#f6f6f7 url('../images/new_common/sub-boxIcon.png') no-repeat 10px center; margin-bottom:27px;}
    .sub-box1 .p1{font-size:18px; line-height:120%;}

    .s2list11{padding:20px 20px 20px 5px;}

    .allBgct6{margin-top:20px;}
    .s07gbox{height:auto;}
    .s07gbox .ct07 .div1{padding-top:40px;}
    .s07gbox .ct07 .btP7{padding-bottom:40px;}
    /*------------------------------*/
    .sub01-bgbox{padding: 15px 4%;}
    .sub01-bgbox > ul{padding-left: 100px;}
    .table-and-img > div{width: calc(50% - 10px);}
    .table-and-img > p{width: calc(50% - 10px);}
    .worker-list > ul{margin: -20px 0 0 -20px;}
    .worker-list > ul > li{width: calc(100% / 3 - 20px);margin: 20px 0 0 20px;}
    .sub06-sign{background-size: 34% 76% !important;}
    .sub03-website > ul > li{width: calc(100% / 3 + 1px);padding: 2%;}
    .sub03-teach > li > .title{width: 200px;}
    .sub03-teach > li > .cent{width: calc(100% - 200px);}
    .sub03-teach > li.li1 > .title{width: 300px;}
    .sub03-teach > li.li1 > .cent{width: calc(100% - 300px);}
    .sub03-teach > li.li3 > .cent > ul > li {width: calc(100% / 3 - 10px);}
    .li-have3-nobg > ul{margin-left: -15px;}
    .li-have3-nobg > ul > li{width: calc(100% / 3 - 15px);margin-left: 15px;}
    .photo-title-listbox > ul{margin-left: -15px;}
    .photo-title-listbox > ul > li{width: calc(25% - 15px);margin-left: 15px;}
    .photo-title-listbox.list2 > ul > li{width: calc(50% - 15px);}
    .photo-title-listbox.list3 > ul > li{width: calc(100% / 3 - 15px);}
    .photo-title-listbox.list5 > ul > li{width: calc(20% - 15px);}
    .photo-title-listbox > ul > li > .title > p{padding: 5px 10px;}
    .photo-title-listbox > ul > li > .title > p > br{display: none;}
    .photo-title-listbox > ul > li > .title > p > br.need{display: block;}
    .photo-title-listbox > ul.title-h56 > li > .title{height: 66px;}
    .photo-title-listbox > ul.title-h76 > li > .title{height: 86px;}
    .photo-title-listbox > ul.title-h56 > li > .title > p,
    .photo-title-listbox > ul.title-h76 > li > .title > p{letter-spacing: -1px;}
    .gold-list > ul > li{padding: 10px;}
    .gold-list > ul > li > .font{padding-left: 10px;}
    .sub03-bluebox > ul.next-bg{background-size: 47% 80px;} /* 20241206 */
    .sub03-order > ul > li{font-size: 15px;}
    .sub03-agenda.bg1{padding-right: 360px;}
    .sub03-agenda.bg2{padding-right: 395px;}
    .sub03-temper{padding: 50px 5%;}
    .sub03-temper > div.left{padding-right: 5%;}
    .sub03-temper div.right-box{padding: 30px 5%;}

    .sub03-flowchart{padding-left: 0;}
    .sub03-flowchart > h3.title{position: static;width: 100%;margin-top: 0;}
    .flowchart-box{float: none;width: 100% !important;margin: 10px 0 0;}
    .flowchart-box-cent{height: auto !important;}
    .flowchart-box-cent > ul{display: block;text-align: center;margin-top: -20px;}
    .flowchart-box-cent > ul > li{float: none;display: inline-block;width: calc(100% / 3 - 14px);min-width: 230px;margin-top: 20px;vertical-align: top;}

    /*20191017 m-last*/
    .menu-deaph1 > li.m-last{display:block;}
    /*20191017*/

    /* 20191022 */
    .img-table{width:auto;margin:0 auto;}
    .img-table > *{display:block;}
    .img-table > .rt{padding:20px;width:calc(100% - 40px);}
    /* // 20191022 */
    .supply-guide{display:inline-block;margin:0 auto;width:calc(100% - 2px)}
    .supply-guide div{display:block;}
    .supply-guide div.img{width:100%;margin:0;}
    .supply-guide div img{width:100%;}
    .supply-guide div.txt{background:url(../images/new_common/supply-guide.gif) no-repeat right top 15px #303a4c;width:calc(100% - 40px)}
    .supply-guide div.txt h3{font-size:20px;}

    .img-list{display:block;}
    .img-list > div{display:block;}
    .img-list > div.img{width:calc(100% - 40px);}
    .img-list > div.table01{width:100%;}

    .gallery-list li{width:auto;float:none;display:inline-block;min-width:200px;margin:5px 10px;}
    .gallery-list li a i.img{height:100px;}

    .gusangjing-list li{float:none;margin:0 20px;margin-bottom:70px;}
    .gusangjing-list li:nth-child(2){margin:0 20px;margin-bottom:70px;}

    .slogan-img-box .txt .btn-box dl + dl{margin-top:30px;}

    .logo-list{text-align:center;}
    .logo-list li{max-width:315px;width:calc(100% / 1 - 40px);display:inline-block;margin-left:20px;margin-right:20px;padding-bottom:20px;float:none;}

    .tel-gray-box{background-image:none;}
    .tel-gray-box .inp-box > span{margin-bottom:10px;}
    .tel-gray-box .inp-box > span label{display:inline-block; width:60px;}

    .tit-bg-list{text-align:center;}
    .tit-bg-list > li{width:100%;max-width:260px;display:inline-block;vertical-align: top;margin:10px;}
    .tit-bg-list > li .txt{border:1px solid #bfbfbf;border-top:0;}

    .system-list li{float:none;display:inline-block;background:#f0f0f0;border:5px solid #cfcccc;text-align:center;margin:5px;width:175px;}

    .life-list{text-align:center;}
    .life-list li{float:none;display:inline-block;margin:10px;vertical-align: top;}

    .new-list > dl > dd.list > .box > dl{width:100%;margin-bottom:10px;}
    .new-list > dl > dd.list > .circle-box{position: static;width:180px;height:180px;margin:0 auto;margin-top:10px;}
    .sub2-box1 > div{background-size:200px; padding-right:200px;}
    .sub2-img-list{text-align:center;}
    .sub2-img-list > a{display:inline-block; vertical-align:top; margin:15px !important; float:none;}
    .cons-process > li{float:left !important; padding:0px 40px 40px 0px !important; background:url('../images/new_common/sub4-icon1.png') no-repeat right 33px !important;}
    .cons-process > li.li5{padding-right:0px !important; background:none !important;}

    .regeneration-history .history-ct{float:none; margin:0px auto 30px auto; width:220px; height:auto;}
    .regeneration-history .history-ct h6{width:100%;}
    .regeneration-history{background:none;}
    .regeneration-history .history-ct > p{position:static; text-align:center; margin-top:15px;}
    .regeneration-history .history-year{position:static; padding:10px 0px; text-align:center;}

    .change-list li{text-align:center;}

    .site-more7{position:static;}

    .socialEnterprise{height:auto; background:none;}
    .socialEnterprise > div.green-titleP, .socialEnterprise > div.orange-ctP{position:static;}
    .socialEnterprise > div.green-titleP{height:auto; display:block; margin:0px auto 20px auto; padding:20px 0px;}
    .socialEnterprise > div.green-titleP span{display:block; font-size:20px;}
    .socialEnterprise > div.orange-ctP{display:block; height:auto; padding:20px 0px; margin:0px auto 10px auto;}
    .socialEnterprise > div.orange-ctP > div{display:block;}
    .socialEnterprise > div.orange-ctP > div p{font-size:20px;}

    .gangdong-ebook .right{margin-left:20px; width:calc(100% - 389px);}
    .ebook-title-list p.title{width:85%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
    .gangdong-ebook .right .link{top:50px; left:auto; right:0px;}
    .ebook-title-list{padding-left:0px;}

    .ebook-list-info{text-align:center;}
    .ebook-list-info li{display:inline-block; float:none; vertical-align:top; margin:10px !important;}

    .org-map8 dl dd p{width:calc(100% / 9.1);}

    .supply-guide div.txt h3.h3-621{font-size:20px;}
    .supply-guide{display:inline-block;margin:0 auto;width:calc(100% - 2px)}
    .supply-guide div{display:block;}
    .supply-guide div.img{width:100%;margin:0;}
    .supply-guide div img{width:100%;}
    .supply-guide div.txt{background:url(../images/new_common/supply-guide.gif) no-repeat right top 15px #303a4c;width:calc(100% - 40px)}
    .supply-guide div.txt h3{font-size:20px;}

    .img-list{display:block;}
    .img-list > div{display:block;}
    .img-list > div.img{width:calc(100% - 40px);}
    .img-list > div.table01{width:100%;}

    .gallery-list li{width:auto;float:none;display:inline-block;min-width:200px;margin:5px 10px;}
    .gallery-list li a i.img{height:100px;}

    .gusangjing-list li{float:none;margin:0 20px;margin-bottom:70px;}
    .gusangjing-list li:nth-child(2){margin:0 20px;margin-bottom:70px;}

    .slogan-img-box .txt .btn-box dl + dl{margin-top:30px;}

    .logo-list{text-align:center;}
    .logo-list li{max-width:315px;width:calc(100% / 1 - 40px);display:inline-block;margin-left:20px;margin-right:20px;padding-bottom:20px;float:none;}

    .tel-gray-box{background-image:none;}
    .tel-gray-box .inp-box > span{margin-bottom:10px;}
    .tel-gray-box .inp-box > span label{display:inline-block; width:60px;}

    .tit-bg-list{text-align:center;}
    .tit-bg-list > li{width:100%;max-width:260px;display:inline-block;vertical-align: top;margin:10px;}
    .tit-bg-list > li .txt{border:1px solid #bfbfbf;border-top:0;}

    .system-list li{float:none;display:inline-block;background:#f0f0f0;border:5px solid #cfcccc;text-align:center;margin:5px;width:175px;}

    .life-list{text-align:center;}
    .life-list li{float:none;display:inline-block;margin:10px;vertical-align: top;}
    
	.water-map, .water-pump{float: none;width: auto; margin-right:0; margin-bottom:20px; text-align: center;}
}

@media screen and (max-width:1010px){
    .plan-process614{background:none;}
    .plan-process614 .plan-box6132{float:left;}

    .organizationChart{background:none;}
    .organizationChart .rank1 .li1{position:static; margin:0 auto;}
    .organizationChart .rank1 .li2{position:static; margin:20px auto 0px auto;}
    .organizationChart .rank1 .li3{position:static; margin:10px auto 0px auto;}
    .organizationChart .rank2{width:100%; text-align:center;}
    .organizationChart .rank2 > li{display:inline-block; vertical-align:top; float:none; margin:5px !important; text-align:left;}
    .organizationChart .rank2-1{padding-top:20px;}
    .organizationChart .rank2-2{padding-top:10px;}
    .plan-process614{background:none;}
    .plan-process614 .plan-box6132{float:left;}


}

@media screen and (max-width:980px){
    .sns-community > a{float:none !important; margin:0px auto 20px auto;}
    .new-ad-boxes { padding-right: 0; padding-bottom: 149px; background: url(/design/theme/portal/images/character/new_ad_boxes_bg01.png)no-repeat bottom center; }/* 20221219 */
}

@media screen and (max-width:950px){
    .pgm28-s3{padding-left:0px;}
    /*------------------------------*/
    .many-picture > ul > li{width: 25%;}

    .welfare-3floor > *{width:calc((100% - 14px) / 2);margin-bottom:10px;}
    .welfare-3floor > :nth-child(2){margin-right:0}
    .welfare-3floor > dl:last-child {width:calc(100% - 2px);}

    .img-3 li:nth-child(3n+0){margin-right:0;}
}

@media screen and (max-width:910px){
    .community-list3 p.p1{float:none; margin-bottom:5px;}
    .community-list3 p.p2{float:none; width:auto; padding-left:10px; padding-right:10px;}

}


@media screen and (max-width:880px){
    .details-content{padding:15px;}
    .details-content .left{float:none; width:auto; border-right:0px; border-bottom:1px solid #e1e1e1; padding-bottom:10px; margin-bottom:10px;}
    .details-content .left img{max-width:100%;}
    .details-content .right{float:none; padding:0px;}


    .oldAndNewCity > img{display:none;}
    .oldAndNewCity > ul{display:block; text-align:center;}
    .oldAndNewCity > ul .left{margin-top:10px;}
    .tenantCompany-list li{width:33.3%; margin:10px 0px;}


    .org-map8 dl dt{width: 100%; float:none; border-bottom:1px solid #d4d4d4;}
    .org-map8 dl dd{float:none; margin-left:0px; width:100%; padding:8px 0px;}
    .org-map8 dl dd p{text-align:center;}
    .org-map8{padding:0px; border:0px;}
    .community-list2 .sub-list1{float:none; width:100%;}
    .community-list2 .right{float:none; margin-top:20px; text-align:center;}
}

@media screen and (max-width:860px){
    .tb01input1-21, .tb01input1-22, .tb01input1-23, .txtarea01-s2-1{box-sizing:border-box; width:100%;}
    .villageCommunity .left{text-align:center; float:none; border-right:0px; border-bottom:1px solid #e3e3e3;}
    .villageCommunity .right{float:none; width:100%; height:auto; display:block; padding:25px 15px;}
    .villageCommunity .right > div{display:block;}
}

@media screen and (max-width:840px){
    .sub1-ct1{width:100%; padding-bottom:39px;}
    .sub1-ct1 .s1left{float:none; padding:0px 0px 33px; margin:0px auto 14px auto; background:url('../images/new_common/sub-icon01-mo.png') no-repeat center bottom;}
    .sub1-ct1 .s1right{float:none; margin:0 auto;}
    .sub1-ct1 .s1left .s1left-c{height:auto !important; display:block;}
    .sub1-ct1 .s1left .s1left-c > div{display:block; padding:23px 0px;}
    .sub3t1 li p{font-size:16px;}

    .sub-box1{text-align: center;}
    .s2list11{position: unset; padding: 20px 20px 5px 0;}

    .march_bgbor{background-image:none;padding:20px;min-height:auto;}
    .march_bgbor p{padding:0;}

}


@media screen and (max-width:835px){
    .plan-process613{background:none;}
    .plan-box613{padding-right: 60px; margin-right: 19px; background: url('../images/new_common/plan-icon1.png') no-repeat right 33px;}
    .plan-box6132{float:left;}

    .tenantCompany .left, .tenantCompany .right{float:none;}
    .tenantCompany .right{padding-left:0px;}
    .tenantCompany .left{margin-bottom:20px;}
}
@media screen and (max-width:810px){
    /* sub.css : 806 수정 */
    .pgm28-s3 li { padding-right: 33px; margin-right:11px; width:71px; background:url('../images/new_common/s283-icon-s.png') no-repeat right 27px;}
    /* sub.css : 806 이후 추가 */
    .pgm28-s3 li > div {height: 163px;}
    .pgm28-s3 li > div {background-size: 68px;}
    .pgm28-s3 li > div.div1 {background-size: 68px;}
    .pgm28-s3 li > div.div13 {background-size: 68px;}
    .pgm28-s3 li > div.div4 {background-size: 68px;}
    .pgm28-s3 li > div.div16 {background-size: 68px;}
    .pgm28-s3 li > div.div15 {background-size: 68px;}
    .pgm28-s3 li > div p {top: 82px}
    .txtarea01-mo{display:block; width:100%; margin-top:2px;}


    /* 20191112 */
    .np1-v ul > li{height:auto;padding: 25px 15px;}
    .np1-v ul > li .img{position:static;margin-top:20px;}
    /* //20191112 */
}

@media screen and (max-width:790px){
    .satisfaction-ipt-text{box-sizing:border-box; width:calc(100% - 65px);}

    .plan-process-blue-bg{padding:0px;}
    .plan-process-blue-bg:before{display:none;}
    .plan-boxWidth168{width: 276px; padding-right: 60px; margin-right: 19px;}
    .plan-boxWidth169{width: 276px;}
}

@media screen and (max-width:768px){
    .sub3t1 li:after{display:none;}
    .sub3t1 li{border-right:1px solid #dedede;}
    .sub3t1 li p{padding-left:0px !important; font-size:14px;min-width: 100px;}/*20230418*/
    .sub3t1 li{height:65px;}
    .popWindow2{width:100%;}
    .popWindow2 .div1{padding-left:20px;}
    .p2linkcls{right:20px;}
    /*------------------------------*/
    .sub01-input-select{padding: 15px 2%;}
    .sub01-input-select > span{padding: 5px;}
    .table-and-img > div{float: none;width: auto;}
    .table-and-img > p{float: none;width: auto;text-align: center;margin-top: 20px;}
    .worker-list > ul > li{width: calc(50% - 20px);}
    .sub06-sign{background: #f5f5f5;padding: 20px 4%}
    .popup-center .top{padding: 0 50px 0 20px;}
    .popup-center .top > h2{font-size:20px;line-height: 22px;}
    .popup-center .top > .close{right:20px;}
    .contentB6{padding:20px;}
    
    .sub-tabl1.li-2 li{width: calc(50% - 10px);}
    .tab-style.li-2 li{width: calc(50% - 10px);}

    .sub03-website{width: 520px;margin: 0 auto;}
    .sub03-website > ul > li{width: calc(50% + 1px);padding: 3%;}
    .sub03-teach > li.li2{padding-top: 20px;}
    .sub03-teach > li > .title{float: none;width: 100% !important;margin-top: 0 !important;text-align: center;margin-bottom: 10px;}
    .sub03-teach > li > .title > strong{padding: 0 10px;}
    .sub03-teach > li > .cent{float: none;width: 100% !important;text-align: center;}
    .li-have3-nobg{width: 300px;}
    .li-have3-nobg > ul{margin-left: 0;}
    .li-have3-nobg > ul > li{width: 100%;margin-left: 0;}
    .li-have4-yesbg{width: 520px;}
    .li-have4-yesbg > ul > li{width: calc(50% - 36px);}
    .photo-title-listbox{width: 520px;}
    .photo-title-listbox > ul > li,
    .photo-title-listbox.list3 > ul > li,
    .photo-title-listbox.list5 > ul > li{width: calc(50% - 15px);}
    .photo-title-listbox > ul.title-h76 > li > .title{height: 56px;}
    .photo-title-listbox > ul.title-h76 > li > .title > p{word-break: keep-all;}
    .sub03-dreams{background: #a2ba63;padding: 50px 10px;}
    .gold-list > ul > li{width: calc(50% - 17px);}
    .life-map > *{display: block;/*float: none;*/width: auto !important;}
    .life-map > .left{border-bottom: 1px solid #d6d6d6;}
    .life-map > .right{ min-height: 170px;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;}
    .life-map > .right > li.title{padding: 0 130px 0 10px;}
    .life-map > .right > li.title > a{width: 120px;}
    .life-map > .right > li.cent{padding: 10px;}
    .sub03-bluebox > ul.next-bg{padding-top: 0;background: none;}
    .sub03-bluebox > ul{margin: -10px 0 0 -10px !important;}
    .sub03-bluebox > ul > li{width: calc(25% - 10px);margin: 10px 0 0 10px !important;}
    .sub03-bluebox > ul > li::before{display: none;}
    .sub03-bluebox > ul.list3 > li{width: calc(100% / 3 - 10px);}
    .sub03-bicycle{width: 480px;}
    .sub03-bicycle > ul > li{font-size: 15px;}
    .sub03-order-wrap{padding-left: 0;}
    .sub03-order-wrap > .title{position: static;width: 100%;height: 45px;margin-bottom: 15px;}
    .sub03-order > ul > li{font-size: 14px;}
    .sub03-agenda.bg1{min-height: auto;padding-right: 0;background: none;}
    .sub03-agenda.bg2{padding-right: 0;background: none;}
    .rightbg-box{padding: 20px 15px !important;}
    .rightbg-box::before{right: 0 !important;width: 100% !important;background-position: center 10px !important;}
    .rightbg-box.g2019C-bg1{padding-top: 250px !important;}
    .rightbg-box.g2019C-bg2{padding-top: 190px !important;}
    .leftimg-rightfont > li > div{display: block;}
    .leftimg-rightfont > li > div.right-font{padding-left: 0;padding-top: 10px;}

    .education-left{float: none;width: 100%;}
    .education-right{float: none;width: 100%;padding: 15px 0 0 0;}

    .welfare-3floor > *{width:100%;margin-right:0; box-sizing:border-box;}
    .welfare-3floor > dl > dd dl.txt > *{line-height:20px;padding:10px;height:auto;min-height:40px;}

    .img-btn-list{text-align:center;}
    .img-btn-list li{float:none;width:auto;display:inline-block;margin:0 20px;margin-bottom:20px;}

    .plan-box.bg_none.mr2-0{float:none; padding:0px !important; margin:0px !important;}
    .plan-box10-right{float:none; margin-top:15px;}

    .img-txt-box{width:100%;display:block;}
    .img-txt-box .logo{display:inline-block;margin:0px auto;margin-bottom:20px;padding:40px 50px;width:auto;}
    .img-txt-box .txt{display:block;border-left:1px solid #e1e1e1;}

    .phone-book-bg{background:url(../images/new_common/phone-book-bg.gif) no-repeat center bottom 20px #f5f5f5;padding:50px;border:1px solid #d6d6d6;padding-bottom:250px;}
    .card-bg{background:url(../images/new_common/card-bg.gif) no-repeat top 20px center #f5f5f5;padding:20px;padding-left:20px;padding-top:123px;}
    .book-bg{background:url(../images/new_common/book-bg.gif) no-repeat  top 20px center #f5f5f5;padding:20px;padding-left:20px;padding-top:123px;}
    .phone-book-bg{background:url(../images/new_common/phone-book-bg.gif) no-repeat center bottom 20px #f5f5f5;padding:50px;border:1px solid #d6d6d6;padding-bottom:250px;}

    .phone-book-bg{background:url(../images/new_common/cg_img01.png) no-repeat center bottom 20px #f5f5f5;padding:50px;border:1px solid #d6d6d6;padding-bottom:250px;}
    .computer-bg.style2 .sub-list1 li.last-li01{background: url(../images/new_common/sub-listIcon.png) no-repeat 0px 14px;padding-bottom: 0;}
    .computer-bg.style2 .sub-list1 li.last-li02{background: url(../images/new_common/sub-listIcon.png) no-repeat 0px 14px;/* position: static; *//* padding-bottom: 20px; */display: block;margin-left: 0;margin-bottom: 30px;}
    .computer-bg{background: url(../images/new_common/cg_img01.png) no-repeat center  93%  #f5f5f5;padding: 50px 20px 250px 20px;border:1px solid #d6d6d6;background-size: 200px;}
    .computer-bg.style2 .sub-list1 li.last-li02 select{margin-top:5px;}
    .computer-bg.style2 .sub-list1 li .w120{width: calc(100% - 12px); margin-top: 6px;}
    .computer-bg.style2 .sub-list1 li.last-li01 {background: url(../images/new_common/sub-listIcon.png) no-repeat 0px 10px;display: block;}
    .computer-bg.style2 .sub-list1 li.last-li02 {background: url(../images/new_common/sub-listIcon.png) no-repeat 0px 10px;}
    .computer-bg.style2 .tx-lf{text-align:center;}

    .life-list li{width:calc(50% - 25px);}/* 20191022 */
    .life-list li h5.tit{width:auto;display:block;padding:15px; line-height:20px;height:auto;}/* 20191022 */
    .img-2-box {text-align:center;}/* 20191022 */
    .img-2-box img{margin-bottom:10px;}/* 20191022 */

    .header-family{display:none;}
}


@media screen and (max-width:750px){
    .sub2-box1{padding:15px 20px;}
    .sub2-box1 > div{padding:175px 0px 0px; background-size:150px; background-position:center top;}
    .sub2-box1 > .sub2_box_suggest{padding:150px 0px 0px; background-size:250px; background-position:center top;}

    .table-date1-condition1 .left{float:none; padding-top:0px; margin-bottom:10px;}
    .table-date1-condition1 .right{float:none;}
    .gangdong-ebook .left{float:none; margin-bottom:15px;}
    .gangdong-ebook .right{float:none; margin-left:0px; width:100%;}

}

@media screen and (max-width:720px){
    .oldAndNewCity > ul > li{float:none; width:100%; margin:0px 0px 15px !important; padding:15px; box-sizing:border-box;}
    .change-list li{width:33.3%; margin-bottom:10px;}
    .org-map8 dl dd p{width:calc(100% / 5);}
}

@media screen and (max-width:700px){
    .sub2-graybox2{height:auto; padding:20px 15px 20px 104px; background-position:15px 20px;}
    .sub2-graybox2 .p1{padding-top:0px;}
    .sub2-graybox3{padding:15px 10px 15px 104px; background-position:10px 15px;}
}

@media screen and (max-width:660px){
    .plan-box{float:none; margin:0px auto 19px !important; padding:0px 0px 60px; background:url('../images/new_common/plan-icon1-vert.png') no-repeat center bottom;}
    .plan-box .plan-cont{height:auto;}
    .plan-box2{position:static; margin:0px auto 19px !important; padding:0px 0px 60px; background:url('../images/new_common/plan-icon1-vert.png') no-repeat center bottom;}
    .plan-box.last{padding-bottom:0px;}
    .plan-process614 .plan-box6132{float:none;}
    .plan-process615 .plan-box .plan-cont{height:auto;}
    .tenantCompany-list li{width:50%;}
}

@media screen and (max-width:635px){
    .popWindow1{width:100%; height:auto;}
    .innerW1C .p4{padding-bottom:35px;}
    .innerW1{padding:0px 20px; overflow:hidden;}
    .tb056{width:100%; overflow-x:auto;}
    .innerW1C .p2{padding:0px;}


    .welfare-1floor > .left{width:100%;margin-bottom:10px;}
    .welfare-1floor > .right{width:100%;height:auto;}
    .welfare-1floor > .right .welfare-slider{width:auto;padding:20px;margin:0;}
    .welfare-slider .bx-viewport{height:auto !important;}
    .welfare-slider .bx-wrapper{height:auto !important;}

    /* 20191112 */
    .np1-v ul > li{width:100%;padding: 20px;}
    .np1-v ul > li .tit{font-size:20px;}
    .np1-v ul > li .cont p br{display:none;}
    /* //20191112 */
}

@media screen and (max-width:610px){
    .tabs6li{border-bottom:1px solid #a8b7d1;}
    .tabs6li li{width:calc(100%  / 3); box-sizing:border-box; border-bottom:0px;}
    .tabs6li li.mo-last a{border-right:1px solid #a8b7d1;}
    .allBgct6 .top{padding:0px 50px 0px 10px; height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px;}
    .closeS6bt{top:15px; right:10px;}
    .s07gbox .ct07{width:auto; padding:0px 15px;}
    .s07gbox .ct07 .btP7 a{margin:3px;}
    /*------------------------------*/
    .logo-party{text-align: center;}
    .logo-party > ul > li{float: none;width: auto;display: inline-block;}
    .sub03-bluebox{width: 520px;margin: 0 auto;}
    .sub03-bluebox > ul > li{width: calc(50% - 10px);}
    .sub03-bluebox > ul.list3 > li{width: calc(100% - 10px);}
    .sub03-teachers > li > .fonts{padding-left: 20px;}
}

@media screen and (max-width:600px){
    .condition-slt, .condition-ipt{width:100%; margin-bottom:5px; text-align:left;}
    .table-date1-condition1 .right{text-align:right;}
    .color-box dl{width:100%;}
    .color-box dl + dl{margin-left:0;margin-top:30px;}

    .history-time > ul li .tit{margin-bottom:10px;}
    .history-time > ul li .tit:before{display:none;}
    .history-time > ul li .content{width:100%;margin-bottom:50px;}
    .history-time{background:none;text-align:center;}
    .history-time > ul li:nth-child(odd){text-align:left;}
    .history-time > ul li:nth-child(odd) .content{float:none;}
    .history-time > ul li:nth-child(odd) .tit{padding-right:0;}
    .history-time > ul li:nth-child(odd) .txt{padding-right:0;}
    .history-time > ul li:nth-child(even){text-align:left;}
    .history-time > ul li:nth-child(even) .content{float:none;}
    .history-time > ul li:nth-child(even) .tit{padding-left:0;}
    .history-time > ul li:nth-child(even) .txt{padding-left:0;}

    .img-txt-box02{background:url(../images/new_common/woman-urgency-tel.gif) no-repeat top center;padding-left:0;padding-top:200px;text-align:left;}/* 20191016 */

    .table-date1-condition1 .right{text-align:right;}

}

@media screen and (max-width:560px){
    .slogin-con{padding:200px 10px 0 10px;background: url('../images/new_common/slg-img.gif') no-repeat center top 30px;}
    .slogin-txt{display:block;}
    .slogin-txt > dl{display:table;margin:0 auto;}
    .slogin-txt > dl > *{display:table-cell;text-align:center;}
    .slogin-txt > dl > dt{width:150px;vertical-align: middle;}

    .life-list li{width:100%;margin:10px 0;display:block;}/* 20191022 */
    .new-list > dl{display:block;}
    .new-list > dl > *{display:block;}
    .new-list > dl > dt{width:auto;padding:10px 20px;margin-bottom:10px;}
    .new-list > dl > dt br{display:none;}
    .new-list > dl > dd{padding-left:0;}
    .print-box .table-warp.table01 > table td .dis li { padding:3px; display:block; width:80%; }/* 2022/3/28 */
    .print-box .table-warp.table01 .tips .title { background-position: right 28% top 10px; } /* 2022/3/28 */

}
@media screen and (max-width:540px){
    /* 2023-04-07 */
    .sub3t1 li{width:100%; border:1px solid #dedede; border-bottom:0px; display:none;}
    .sub3t1 li.on{display: flex; justify-content: space-evenly; align-items: center;}
    .sub3t1 li .p-img{display:block;}
    .sub3t1 li .pageNum{display: block; font-size: 18px;}
    /* //2023-04-07 */
    .sub3t1 li.last{border-bottom:1px solid #dedede;}
    .tb01input1-mo{box-sizing:border-box; width:100%;}
    /*------------------------------*/
    .sb3-title{font-size: 16px;}
    .worker-list > ul > li{width: calc(100% - 20px);}
    .sub06-sign > div > .inp-set > span > input,
    .sub06-sign > div > .inp-set > span > select{width: 95px;}
    .popup-center .top > h2{font-size:18px;line-height: 20px;}
    .sub03-website{width: 300px;}
    .sub03-website > ul > li{width: calc(100% + 1px);padding: 25px;}
    .sub03-teach > li.li3 > .cent > ul > li {width: calc(50% - 10px);}
    .photo-title-listbox,
    .photo-title-listbox.list2,
    .photo-title-listbox.list3{width: 300px;}
    .photo-title-listbox > ul > li,
    .photo-title-listbox.list2 > ul > li,
    .photo-title-listbox.list3 > ul > li,
    .photo-title-listbox.list5 > ul > li{width: calc(100% - 15px);}
    .photo-title-listbox > ul > li > .title{height: auto !important;}
    .photo-title-listbox > ul > li > .title > p{padding: 12px 10px;}
    .li-have4-yesbg{width: 300px;}
    .li-have4-yesbg > ul{margin-top: -10px;}
    .li-have4-yesbg > ul > li{width: calc(100% - 36px);margin-top: 36px;}
    .li-have4-yesbg > ul > li:first-child::before{background:unset;}
    .li-have4-yesbg > ul > li:last-child::before{content:"";position:absolute;right:-30px;}
    .li-have4-yesbg > ul > li:not(:first-child)::before{left: 50%;top: -30px;width: 17px;height: 24px;margin: 0 0 0 -8px;background: url('../images/new_common/sub03_bg4.png') no-repeat;}
    .sub03-dreams{padding: 35px 10px;}
    .sub03-dreams > p{font-size: 16px;line-height: 16px;}
    .sub03-dreams > p > strong{font-size: 28px; line-height: 28px;}
    .sub01-bgbox > ul.g2019C-bg1{padding-left: 0;padding-top: 75px;background-size: 85px 65px !important;background-position: left top !important;}
    .sub01-bgbox > ul > li.big-title{font-size: 18px;line-height: 18px;margin-bottom: 8px;}
    .sub03-bluebox{width: 300px;}
    .sub03-bicycle-wrap{padding: 50px 10px 20px;border: 5px solid #e5e5e5;}
    .sub03-bicycle-wrap > p{top: -5px;left: -5px;}
    .sub03-bicycle{width: 100%;}
    .sub03-bicycle > ul{margin: -10px 0 0 -10px !important;}
    .sub03-bicycle > ul > li{width: calc(50% - 10px);margin: 10px 0 0 10px;font-size: 13px;}
    .sub03-bicycle > ul > li::before{display: none !important;}
    .sub03-bicycle > ul.return > li{float: left;}
    .sub03-bicycle > ul > li > p{line-height: 15px;padding: 5px;word-break: keep-all;}
    .sub03-order > ul > li{width: calc(50% - 23px);}
    .sub03-order > ul > li:first-child::after{display: none;}
    .sub03-agenda > p{line-height: 22px;}
    .sub03-agenda-fonts > li{line-height: 22px;}
    .many-picture > ul > li{width: 50%;}
    .sub03-temper{padding: 20px 5%;}
    .sub03-temper > div{display: block;}
    .sub03-temper > div.left{width: auto;text-align: center;padding: 0 0 20px 0;}
    .sub03-temper div.right-box{padding: 15px 5%;}

    .cons-process > li{float:none !important; padding:0px 0px 40px !important; background:url('../images/new_common/sub4-icon3.png') no-repeat center bottom !important;}
    .cons-process > li div{margin:0 auto;}
    .change-list li{width:50%;}
    .villageCommunity .right h6{font-size:20px;}

    .tel-gray-box .inp-box > span{display:block;}
    .tel-gray-box .inp-box > span input{width:calc(100% - 67px);}
    .tel-gray-box .inp-box > a{display:block;text-align:center;}

    .print-box .table-warp.table01 > table th { padding: 15px 4px; } /* 2022/3/28 */
}

@media screen and (max-width:500px){
    .sub2-graybox3{background:#f5f5f5; padding:15px 10px;}
    .ebook-list-info li{margin:10px 0px !important;}
    .sns-community > a{width:calc(100% - 2px); height:auto; display:block; background-size:33px !important; background-position:center 5px !important;}
    .sns-community > a span{text-align:center; padding:43px 10px 15px 10px; display:block; font-size:16px;}
}

@media screen and (max-width:480px){
    .allBgct6 .top{font-size:16px;}
    /*------------------------------*/

    .sub01-bgbox > ul > li.title{font-size: 16px;line-height: 16px;margin-bottom: 4px;}
    .sub01-input-select{padding: 15px 10px;}
    .sub01-input-select > span{display: table;width: 100%;padding: 5px 0;}
    .sub01-input-select > span > *{display: table-cell;}
    .sub01-input-select > span > label{width: 45px;white-space: nowrap;text-align: left;}
    .sub01-input-select select,
    .sub01-input-select input{width: 100%;}
    .sub01-input-select > span.long{position: relative;padding-bottom: 44px;}
    .sub01-input-select > span.long input{width: 100%;}
    .sub01-input-select > span.long .black-but{display: table;position: absolute;left: 50%;bottom: -10px;margin-left: -34px;}
    .gold-list > ul > li{width: calc(100% - 17px);}
}

@media screen and (max-width:450px){
    /* //20200916 */
    .input-pm-box .input-box.three select{width: 100%;margin-right: 0 !important;}
    /* //20200916 */

    .tenantCompany-list li{width:100%;}
    .tenantCompany-list li p{margin:0 auto;}
    .socialEnterprise > div.green-titleP{box-sizing:border-box; width:100%; padding:15px}
    .socialEnterprise > div.orange-ctP{box-sizing:border-box; width:100%; padding:15px;}
    .socialEnterprise > div.green-titleP span{font-size:18px;}
    .socialEnterprise > div.orange-ctP > div{padding-left:0px;}
    .socialEnterprise > div.orange-ctP > div p{text-align:center; font-size:18px;}
    .socialEnterprise > div.orange-ctP > div ul{padding-left:10%;}
    .org-map8 dl dd p{width:calc(100% / 3);}

    /* 20221219 */
    .new-ad-boxes > li > a > .new-ad-boxes-title-blue-txt { padding: 5px 0; }
    .new-ad-boxes > li > a { justify-content: center;}
    .new-ad-boxes > li > a > .new-ad-grey-txt { width: 100%; text-align: center; }
    .new-ad-boxes > li > a > .new-ad-txt { padding: 0 10px; }
    .new-ad-boxes { background-size: 240px; }
    /* 20221219 //*/
}

@media screen and (max-width:410px){
    .sub1-ct1 .s1left, .sub1-ct1 .s1right{width:100%;}
    .s2button24{text-align:center;}
    /*------------------------------*/
    .sub-tabl1 li{width: 130px;}
	.tab-style li{width: 130px;}
	
    .sub03-teachers > li > *{display: block;}
    .sub03-teachers > li > .fonts{padding: 20px 0 0 0;}
}
@media screen and (max-width:370px){
    .allBgct6 .top{font-size:14px;}
    .tb01slt1-s2-1{width:100%;}
    .satisfaction-ipt-text{float:none; width:100%; margin-bottom:10px;}

    .sub2-butoon1{text-align:center; padding:0px 10px;}
    .sub2-butoon1 > a{margin:2px;}
    .sub2-box1{padding:15px 10px;}
    .info-supply p{margin-right:0px;}
    .change-list li{width:100%;}

}


@media screen and (max-width:350px){
    .hbLink{width:100%;}
    .hbLink > a.left, .hbLink > a.right{float:none; margin:3px auto;}
}

.mt60{margin-top:60px;}
pre{word-wrap: break-word;white-space: pre-wrap;}
.moving-path{margin-bottom:85px;border:1px solid #adadad;background:#f3f3f3;padding:30px;border-radius:5px;}
.moving-path h3.tit{margin:0 auto;width:calc(100% - 60px);max-width:690px;margin-top:-60px;padding:0 30px;background:#005aab;color:#fff;border-radius:30px;text-align:center;display: table;}
.moving-path h3.tit p{display:table-cell;height:60px;padding-left:70px;vertical-align: middle;font-size:30px;font-weight:700;}
.moving-path h3.tit p span{font-size:18px;color:#ffe259;}
.moving-path .txt{margin-top:20px;}
.moving-path .txt pre{font-size:18px;color:#343536;margin-bottom:10px;}
.moving-path .txt p.blue-font{font-size:18px;color:#005aab;text-align: center;}
.moving-path .txt p.blue-font:after{content: "-";display: inline-block;font-size:18px;color:#005aab;margin-right:5px;}
.moving-path .txt p.blue-font::before{content: "-";display: inline-block;font-size:18px;color:#005aab;margin-left:5px;}
@media screen and (max-width: 860px){
    .moving-path h3.tit p{font-size:20px;padding:5px 0;padding-left:0;text-align:center;}
    .moving-path h3.tit p span{font-size:16px;}
}
@media screen and (max-width: 600px){
    .moving-path h3.tit p span{display:block;}
}

.mt60{margin-top:60px;}
pre{word-wrap: break-word;white-space: pre-wrap;}
.moving-path{margin-bottom:85px;border:1px solid #adadad;background:#f3f3f3;padding:30px;border-radius:5px;}
.moving-path h3.tit{margin:0 auto;width:calc(100% - 60px);max-width:690px;margin-top:-60px;padding:0 30px;background:#005aab;color:#fff;border-radius:30px;text-align:center;display: table;}
.moving-path h3.tit p{display:table-cell;height:60px;padding-left:70px;vertical-align: middle;font-size:30px;font-weight:700;}
.moving-path h3.tit p span{font-size:18px;color:#ffe259;}
.moving-path .txt{margin-top:20px;}
.moving-path .txt pre{font-size:18px;color:#343536;margin-bottom:10px;}
.moving-path .txt p.blue-font{font-size:18px;color:#005aab;text-align: center;}
.moving-path .txt p.blue-font:after{content: "-";display: inline-block;font-size:18px;color:#005aab;margin-right:5px;}
.moving-path .txt p.blue-font::before{content: "-";display: inline-block;font-size:18px;color:#005aab;margin-left:5px;}

/* 20200916 */
.table02 .td-left{text-align:left;padding-left:4%;}
.n0916-03-box1{overflow:hidden;margin-top: 40px;}
.n0916-03-box1 ul{margin-left:-35px;}
.n0916-03-box1 ul > li{float:left;margin-left:35px;width: calc(100% / 4 - 35px);position: relative;}
.n0916-03-box1 ul > li::before{content:"";position:absolute;top: calc(50% - 14px);right: -28px;width: 22px;height: 28px;background: url(../images/new_common/ns0916_03_icon.gif) no-repeat;}
.n0916-03-box1 ul > li > div{display:table;width:100%;overflow: hidden;}
.n0916-03-box1 ul > li > div > p{display:table-cell;width:1%;height:93px;vertical-align: middle;text-align: center;font-size: 15px;color: #fff;line-height: 1.5;}
.n0916-03-box1 ul > li > div:first-child{border-top-left-radius:5px;border-top-right-radius: 5px;}
.n0916-03-box1 ul > li > div:last-child{border-bottom-left-radius:5px;border-bottom-right-radius: 5px;}
.n0916-03-box1 ul > li:nth-child(1) > div:first-child > p{background:#6599d2;}
.n0916-03-box1 ul > li:nth-child(1) > div:last-child > p{background:#4a87ca;}
.n0916-03-box1 ul > li:nth-child(2) > div:first-child > p{background:#65b2d2;font-size:20px;font-weight:700;}
.n0916-03-box1 ul > li:nth-child(2) > div:last-child > p{background:#4aa4ca;}
.n0916-03-box1 ul > li:nth-child(3) > div:first-child > p{background:#66c7c8;font-size:20px;font-weight:700;}
.n0916-03-box1 ul > li:nth-child(3) > div:last-child > p{background:#4bbdbe;}
.n0916-03-box1 ul > li:nth-child(4) > div:first-child > p{background:#66c8b5;font-size:20px;font-weight:700;}
.n0916-03-box1 ul > li:nth-child(4) > div:last-child > p{background:#4bbea8;}

.fc-red{color: #d15151;}
.ml65{margin-left:  65px;}

.imgtext-box{display: table;width: 100%;}
.imgtext-box > *{display: table-cell;vertical-align: middle;width: calc(100% - 286px);}
.imgtext-box > dt{width: 286px;}
.imgtext-box > dd{border: 1px solid #e3e3e3;border-left: 0;padding: 0 39px;}
.imgtext-box > dd span{font-size: 30px;color: #5b7794;font-weight: 600;}
.imgtext-box > dd p{font-size: 15px;color: #555;margin-top: 10px;line-height: 25px;}

.center-tit{text-align: center;}
.center-tit span{font-size: 30px;position: relative;color: #333;display: inline-block;}
.center-tit span:after{height: 17px;position: absolute;content: '';z-index: -1;width: 100%;background: #cbe3ff;left: 0;bottom: 0;}

.btn-input-list span{display: inline-block;margin-right: 20px;}
.btn-input-list span input{margin-right: 5px;}
.td-textcon{height: 300px;vertical-align: top;}

.input-pm-box > *{float: left;}
.input-pm-box .input-box{width: calc(100% - 160px);}
.input-pm-box .input-box input:first-child{margin-bottom: 10px;}
.input-pm-box .input-box.three select{width: calc((100% - 20px) / 3);float: left;margin-bottom: 10px;margin-right: 10px;}
.input-pm-box .input-box.three select:nth-child(3n){margin-right: 0;}
.input-pm-box .pm-con{margin-top: 5px;width: 150px;margin-left: 10px;}
.input-pm-box input[type="text"]{width: 100%;border: 1px solid #bebebe;height: 33px;}

.place-con{padding-right: 100px;}
.place-con .button{width: 100px;float: left;height: 35px;border: 1px solid #bebebe;box-sizing: border-box;line-height: 33px;font-size: 15px;color: #333;background: #e1e1e1;margin-right: 10px;text-align: center;}
.place-con p input{width: 100%;}
.place-con p:first-child{margin-bottom: 10px;}
.place-con p:first-child input{width: calc(100% - 110px);}
.nums-line > *{width: 155px;max-width: 100%;}
.nums-line2 > *{width: 180px;max-width: 100%;}
.nums-line > select{width: 115px;}

.btn-warp{text-align: center;}
.btn-warp a{width: 132px;margin: 0 10px;background: #787878;text-align: center;height: 44px;line-height: 44px;font-size: 17px;color: #fff;}
.btn-warp a:first-child{background: #3994a8;}

/* //20200916 */

@media screen and (max-width: 860px){
    .moving-path h3.tit p{font-size:20px;padding:5px 0;padding-left:0;text-align:center;}
    .moving-path h3.tit p span{font-size:16px;}
}
@media screen and (max-width: 600px){
    .moving-path h3.tit p span{display:block;}
}
.add-btnslist{text-align: center;margin-bottom: 10px;}
.add-btnslist a{background: #6884b6 url(../images/new_common/add-btnslist_img01.png) no-repeat 20px center;max-width: calc(100% - 146px);margin: 8px;padding: 15px 30px 15px 85px;background-size: 43px;}
.add-btnslist a.s2{background: #6884b6 url(../images/new_common/add-btnslist_img02.png) no-repeat 20px center;background-size: 43px;}
.add-btnslist a span{display: inline-block;padding-right: 43px;background: url(../images/new_common/add-btnslist_icon1.png) no-repeat right center;font-size: 20px;color: #fff;font-weight: bold;}

#go-top{display:none;width: 50px;height: auto;display: block;position: fixed;bottom: 100px;right: 10px; z-index: 999;}
#go-top img{width:100%; height:auto;}
#go-top:focus img,
#go-top:hover img {border:1px solid #333;border-radius:50%;}

.add-btnslist a span br{display: none;}

@media screen and (max-width: 825px) {
    .add-btnslist a span{font-size: 16px;}
    .add-btnslist a span br{display: block;}
    .add-btnslist a{margin: 5px 0;background-position: 10px center !important;padding-left: 60px;max-width: 100%;}
}
@media screen and (max-width: 768px) {
    /* 20200916 */
    .n0916-03-box1 ul > li{width: calc(100% / 2 - 35px);margin-top:35px;}
    .n0916-03-box1 ul > li:nth-child(3){float:right;}
    .n0916-03-box1 ul > li:nth-child(3)::before{top: -30px;right: calc(50% - 11px);transform: rotate(90deg);}
    .n0916-03-box1 ul > li:nth-child(4)::before{transform: rotate(180deg);right: -24px;}

    .imgtext-box > dt{display: none;}
    .imgtext-box > dd{width: 100%;border: 1px solid #e3e3e3;padding: 30px 20px;}

    .add-input-table th, .add-input-table td, .add-input-table tr, .add-input-table table, .add-input-table tbody{display: block;width: 100%;box-sizing: border-box;}
    .add-input-table td{padding: 15px 10px !important;border-left: 0 !important;}
    .add-input-table input{max-width: 100% !important;}
    .place-con{padding: 0;}
    .input-pm-box .pm-con{width: 50px;}
    .input-pm-box .input-box{width: calc(100% - 60px);}
    .nums-line2 > *, .nums-line > *{margin: 2px 0;}
    .input-pm-box .input-box.three select{width: calc(50% - 5px);}
    .input-pm-box .input-box.three select:nth-child(3n){margin-right: 10px;}
    .input-pm-box .input-box.three select:nth-child(2n){margin-right: 0;}
    /* //20200916 */
    .moving-path h3.tit p{font-size: 16px;}
    .moving-path h3.tit p span{font-size: 14px;}
}
@media screen and (max-width: 425px) {
    /* 20200326 */
    /*	.add-btnslist a{width: calc(100% - 120px);}  삭제 */
    .add-btnslist a { width: calc(100% - 85px); }
    .add-btnslist a span{font-size: 14px;}
    .add-btnslist a{background-size:30px;}
    .add-btnslist a.s2{background-size:30px;}
    .add-btnslist a{padding-left: 50px;}
    /* 20200326 */
    .lw-mo{display: flex;flex-direction: column;} /* 20230302 */
}
.title-green .go-homepage{margin: -14px 0 0 6px;}
.go-homepage{display: inline-block;color: #fff;font-size: 16px;line-height: 16px;padding: 10px 12px 8px 35px;background: #3a6bbc url('../images/new_common/ppt-1_bg1.gif') no-repeat 12px center;}
.but-share-printing{text-align: right;margin-bottom: 15px;}
.but-share-printing > a{margin-left: 5px;}

.td-green{background: #eff6e7;}
.vg-tp{vertical-align: top;}
.new-FAQ{margin-top: 30px;}
.new-FAQ > dl{margin-top: 10px;padding: 0 30px;background: #f9f9f9;border: 1px solid #ccc;}
.new-FAQ > dl:first-child{margin-top: 0;}
.new-FAQ > dl > dt{display: table;width: 100%;height: 60px;}
.new-FAQ > dl > dt > a{display: table-cell;vertical-align: middle;color: #444;font-size: 18px;font-weight: 400;line-height: 22px;padding-left: 42px;background: url('../images/new_common/FAQ_bg1.gif') no-repeat left center;}
.new-FAQ > dl > dt.on > a{color: #4d63ac;font-weight: 700;background: url('../images/new_common/FAQ_bg1_on.gif') no-repeat left center;}
.new-FAQ-show{display: none;padding: 22px 0 30px;border-top: 1px solid #ccc;}
.new-FAQ-show > p{color: #666;font-size: 16px;line-height: 22px;}
.new-FAQ.pink > dl > dt.on > a{color: #d83872;background: url('../images/new_common/FAQ_bg1_on2.gif') no-repeat left center;}

@media screen and (max-width: 768px){
    .new-FAQ > dl{padding: 0 15px;}
}
/* 2020.06.16 */
#skipNavigation {position: absolute; left: 0; top: 0; width: 100%; z-index: 10000;}
#skipNavigation a {display: block; position: absolute; left: 0; top: -10px; width: 100%; height: 1px; margin-bottom: -1px; background: #f2f2f2; font-size: 0; text-align: center; font-weight: bold; color: #444;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {position: absolute; left: 0; top: 0; height: 20px; padding: 4px; font-size: 15px;}
/* 2020.06.16 */
#liClose {display:none;}
.mobile {display:none!important;}

/* 2020.08.19 */
.add-greybox{display: table;width: 100%;box-sizing: border-box;border: 1px solid #dadada;background: #f5f5f5;padding: 25px 60px;}
.add-greybox > *{display: table-cell;vertical-align: middle;}
.add-greybox > span{width: 75px;text-align: center;}
.add-greybox > p{width: calc(100% - 75px);line-height: 25px;padding-left: 35px;font-size: 18px;color: #383838;font-weight: bold;}

.add-imgabtn-box{margin-top: 45px;display: table;width: 100%;box-sizing: border-box;border: 1px solid #dadada;}
.add-imgabtn-box > *{display: table-cell;vertical-align: middle;}
.add-imgabtn-box > span {padding: 1px;}
.add-imgabtn-box > span > img {width:100%;}
.add-imgabtn-box > div{text-align: center;background: #308fc5;width: 310px;height: 325px;}
.add-imgabtn-box > div > p{font-size: 25px;color: #fff;}
.add-imgabtn-box > div > span{margin: 30px 0;display: block;}
.add-imgabtn-box > div > span.style2{margin: 15px 0;}
.add-imgabtn-box > div a{line-height: 33px;font-weight: 600;display: inline-block;width: 104px;height: 33px;font-size: 16px;color: #0e547b;background: #7dc5ed;border: 1px solid #abe1ff;border-radius: 5px;}

@media screen and (max-width: 768px){
    .add-greybox.new-style01,
    .add-greybox{padding: 25px;} /* 20220921 */
    .add-greybox > p{padding-left: 20px;}
    .add-imgabtn-box > *{width: 100%;display: block;}
    .add-imgabtn-box > span{padding: 0;}
    .add-imgabtn-box > span img{width: 100%;}
    .add-imgabtn-box > div > p br{display: none;}
    .add-imgabtn-box > div{width: 100%;box-sizing: border-box;margin-top: 10px;height: auto;padding: 20px 10px;}
}

/* 2020/8/20 */
.gray-bg{background:var(--bg-gray1); border:0; text-align:center;}
.gray-bg > dl{display:inline-block;margin:5px;}
.gray-bg > dl > *{display:table-cell;vertical-align: middle;}
.gray-bg > dl > dt{padding-right:10px;font-size:16px;width:80px;text-align:right;}
.gray-bg > dl > dd *{height:50px;line-height:50px;}
.gray-bg > dl > dd input{width:230px;margin-right:5px;}
.list-btn-box > a{display:inline-block;}
.list-btn-box > a > span{display:table-cell;height:35px;vertical-align: middle;border:1px solid #b3b3b3;color:#2d2d2d;font-size:16px;width:50px;padding-left:45px;}
.list-btn-box > a.on > span{border:0;color:#fff;border:1px solid #342f1f;}
.list-btn-box > a.title > span{background:url(../images/new_common/list-btn-title.gif) no-repeat left 15px center;}
.list-btn-box > a.photo > span{background:url(../images/new_common/list-btn-photo.gif) no-repeat left 15px center;}
.list-btn-box > a.title.on > span{background:url(../images/new_common/list-btn-title-on.gif) no-repeat left 15px center #342f1f;;}
.list-btn-box > a.photo.on > span{background:url(../images/new_common/list-btn-photo-on.gif) no-repeat left 15px center #342f1f;;}
.phopo-list-box{margin-left:-70px;margin-top:40px;}
.phopo-list-box ul{display: flex;flex-wrap: wrap;}/* 20220111 */
.phopo-list-box li{width:calc(100% / 4 - 70px);margin-left:70px;float:left;margin-bottom:50px;background:#efefef;}
.phopo-list-box li > a{display:table;overflow: hidden;width:100%;margin:0;background:#fff;}
.phopo-list-box li > a > span{display:table-cell;vertical-align: middle;height:263px;border:1px solid #d4d4d4;}
.phopo-list-box li > a > img{width:100%;}
.phopo-list-box li > a.img img{max-height:100%;height:265px;}
.phopo-list-box li > .txt-box{margin-top:0;border:0;padding:10px;}
.phopo-list-box li > .txt-box > h3{font-size:15px;color:#383838;margin-bottom:5px;}
.phopo-list-box li > .txt-box > h3 + h3{margin-bottom:10px;height:45px;}
.phopo-list-box li > .txt-box > dl{width:100%;display:table;}
.phopo-list-box li > .txt-box > dl > *{display:table-cell;}
.phopo-list-box li > .txt-box > dl > dt{width: 60px;}
.phopo-list-box li > .txt-box > dl > dd{text-align:right;}
.phopo-list-box li > .btn-box > a{float:left;width:50%;text-align:center;display:table;}
.phopo-list-box li > .btn-box > a > span{display:table-cell;height:35px;vertical-align: middle;color:#fff;}
.phopo-list-box li > .btn-box > a > span img{margin-right:5px;}
.phopo-list-box li > .btn-box > a.pdf{background:#d84740}
.phopo-list-box li > .btn-box > a.blue{background:#4c82c3}
.phopo-list-box li > .btn-box > a.orange{background:#f2862f}
.pdf-btn{text-align:center;display:table;background:#d84740;width:80px;}
.pdf-btn > span{display:table-cell;height:35px;vertical-align: middle;color:#fff;}
.pdf-btn > span img{margin-right:5px;}
.sub-m-btn{width:80px !important;height:25px !important;padding:0 !important;display:table;}
.sub-m-btn > span{height:25px !important;}

/* 20200908 */
.n0908pc{display:block;}
.n0908m{display:none;}
.n0908m > ul{border-top:2px solid #666666;margin-top:20px;}
.n0908m > ul > li{border-bottom:1px solid #bfbfbf;padding:10px;font-size:16px;}
.n0908m > ul > li > p{/*margin-top:10px;*/}
.n0908m > ul > li > p:first-child{margin-top:0px;}
.n0908m > ul > li > p > span{display:inline-block;margin: 3px 15px 3px 0;vertical-align: middle;}
.n0908m > ul > li .btn{display:inline-block;margin-right:15px;font-size:0;}
.n0908m > ul > li .btn .sub-m-btn{display:inline-block;vertical-align:middle;text-align: center;line-height: 25px;font-size:14px;box-sizing: border-box;}
.n0908m > ul > li .btn .sub-m-btn > span{display:inline;}


.n200908-box{margin-left:40px;}
.n200908-box dl{position:relative;overflow:hidden;padding-left:135px;padding-right:65px;margin-top:30px;min-height: 128px;}
.n200908-box dl:first-child{margin-top:0px;}
.n200908-box dl dt{position:absolute;top:0;left:0;}
.n200908-box dl dt span{display:block;text-align:center;font-size:24px;font-weight:700;color:#4c81c3;margin-top:10px;}
.n200908-box dl dd{padding-top:15px;margin-left:-12px;margin-top:-5px;}
.n200908-box dl dd a{float:left;width:calc(100% / 4 - 12px);min-width: 178px;height:38px;line-height:36px;margin-left:12px;margin-top:5px;border:2px solid #959595;font-weight:500;color:#737373;text-align:center;border-radius:20px;box-sizing: border-box;overflow: hidden;}
/* //20200908 */


@media screen and (max-width: 1024px){
    .phopo-list-box{margin-left:-30px;margin-top:40px;}
    .phopo-list-box li{width:calc(100% / 3 - 20px);margin-left:20px;margin-bottom:20px;}

    /* 20200908 */
    .n200908-box{margin-left:0;}
    .n200908-box dl{padding-left:135px;padding-right:0;}
    .n200908-box dl dd a{width:calc(100% / 3 - 12px);}
    /* //20200908 */
}

@media screen and (max-width: 768px){
    .phopo-list-box{margin-left:-30px;margin-top:40px;}
    .phopo-list-box li{width:calc(100% / 2 - 20px);}
    .gray-bg{text-align:left;}
    .gray-bg > dl{height:auto;}
    .gray-bg > dl > dd input{width:calc(100% - 160px);margin-bottom:10px;}
    .gray-bg > dl > dd select{width:108px !important;}
    .gray-bg > dl:nth-child(3) > *{vertical-align:top;}
    .gray-bg > dl:nth-child(3) > dd{text-align:left;}
    .gray-bg > dl:nth-child(3) > dd select{vertical-align:top;width:calc(100% - 160px) !important;margin-bottom:5px;}

    /* 20200908 */
    .n0908pc{display:none;}
    .n0908m{display:block;}

    .n200908-box dl dd a{width:calc(100% / 2 - 12px);}
    /* //20200908 */
}
@media screen and (max-width: 600px){
    .gray-bg{text-align:left;}

    /* 20200908 */
    .n200908-box dl{padding-left:0;}
    .n200908-box dl dt{position:static;text-align: center;}
    .n200908-box dl dd{margin-left:-5px;}
    .n200908-box dl dd a{min-width:auto;font-size:14px;width: calc(100% / 2 - 5px);    margin-left: 5px;}
    /* //20200908 */
}

@media screen and (max-width: 460px){
    .phopo-list-box{margin-left:0;margin-top:40px;}
    .phopo-list-box li{width:100%;margin-left:0;}

    .gray-bg > dl{width:100%;}
    .gray-bg > dl > dt{text-align:left;}
    .gray-bg > dl:nth-child(3) > dd select{width:calc(100% - 10px) !important;}
    .gray-bg > dl > dd input{width:calc(100% - 10px) !important;}
    .print-box .table-warp.table01 > table th.nb-no br { display:block; }/* 2022/3/28 */
}

/* //2020/8/20 */

/* 2020-11-13 */
.sp-add-tab > a{display: none;}
.sp-add-tab > ul{margin-left:-22px;}
.sp-add-tab > ul{margin-left:-22px;}
.sp-add-tab > ul li{position:relative;margin-bottom: 22px;box-sizing: border-box;text-align: center;border: 1px solid #e8e8e8;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);float: left;width: calc((100% - 128px) / 5);margin-left: 22px;height: 156px;background: #f8f8f8;}
.sp-add-tab > ul li:nth-child(5n){margin-right: 0;}
.sp-add-tab > ul li a{position: relative;display: block;padding: 20px 0;}
.sp-add-tab > ul li a > .img{padding: 0 10px;margin: 0;display: block;height: 90px;}
.sp-add-tab > ul li a > .img img:last-child{display: none;}
.sp-add-tab > ul li a > .img img{width:78px;}
.sp-add-tab > ul li a span.tit{padding: 0 10px;height: 23px;font-size: 17px;display: block;color: #333;}
.sp-add-tab > ul li a:after{position: absolute;content: '';max-width: calc(100% - 20px);width: 102px;}
.sp-add-tab > ul li.on::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border: 3px solid #90adcf;box-sizing: border-box;}
.sp-add-tab > ul li.on a span.tit{color: #20518c;}
.sp-add-tab > ul li.on a > .img img{display: inline-block;width: 78px;}
.sp-add-tab > ul li.on a > .img img:first-child{display: none;}

.sp-add-searchbox{margin-bottom: 30px;border: 1px solid #d8d8d8;padding: 20px 40px;}
.sp-add-searchbox .line:first-child{margin-bottom: 10px;}
.sp-add-searchbox .line > *{width: calc(50% - 25px);float: left;}
.sp-add-searchbox .line > div:first-child{margin-right: 50px;}
.sp-add-searchbox .line > div > *{float: left;max-width: calc(100% - 90px);width: 100%;}
.sp-add-searchbox .line > div > label{max-width: 90px;width: 90px;color: #555;font-size: 15px;line-height: 34px;}
.sp-add-searchbox .line > div > select{appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/new_common/sp-add-searchbox_icon.png) no-repeat right 20px center;padding: 0 30px 0 13px;box-sizing: border-box;width: 178px;height: 34px;border: 1px solid #c1c1c1;}
.sp-add-searchbox .line > div > input{box-sizing: border-box;width: 100%;padding: 0 13px;height: 34px;border: 1px solid #c1c1c1}
.sp-add-searchbox .line > .input-right p > *{display: inline-block;float: left;width: calc(100% - 78px);}
.sp-add-searchbox .line > .input-right p > a{margin-left: 10px;display: inline-block;width: 68px;text-align: center;text-align: center;color: #fff;font-size: 16px;height: 34px;line-height: 34px;background: #1178c6;}
.sp-add-searchbox .line > .date-change div > *{float: left;}
.sp-add-searchbox .line > .date-change div > span{display: inline-block;height: 34px;width: 30px;text-align: center;line-height: 34px;color: #555;font-size: 15px;}
.sp-add-searchbox .line > .date-change .date{width: calc(50% - 15px);position: relative;}
.sp-add-searchbox .line > .date-change .date input{width: 100%;}
.sp-add-searchbox .line > .date-change .date label{position: absolute;right: 10px;top: 5px;display: inline-block;}
/* 20201216 */
.sp-add-searchbox .line > div > select {
    -webkit-appearance: none;  /* */
    -moz-appearance: none;
    appearance: none;
}
/* IE 10, 11 */
.sp-add-searchbox .line > div > select::-ms-expand {
    display: none;
}
/* //20201216 */
@media screen and (max-width: 1024px) {
    .sp-add-tab > ul li{width: calc((100% - 96px) / 4);}
    .sp-add-tab > ul li:nth-child(5n){margin-right: 32px;}
    .sp-add-tab > ul li:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width: 767px) {
    .sp-add-tab{margin-bottom: 20px;position: relative;}
    .sp-add-tab ul{display: none;position: absolute;z-index: 10;top: calc(100% - 1px);background: #fff;padding: 0 15px;box-sizing: border-box;border: 1px solid #d0d0d0;left: 0;width: 100%;}
    .sp-add-tab ul li{border: 0 !important;border-top: 1px dotted #d0d0d0 !important;height: auto;background: #fff;box-shadow: none !important;margin: 0 !important;width: 100% !important;}
    .sp-add-tab ul li:first-child{border-top: 0 !important;}
    .sp-add-tab ul li a{text-align: left;height: auto;padding: 15px 0;font-size: 16px;color: #333;}
    .sp-add-tab span.img{display: none !important;}
    .sp-add-tab ul li a span{color: #333 !important;height: auto !important;padding: 0 !important;}
    .sp-add-tab > a{display: block;border: 1px solid #d0d0d0;background: #f1f1f1;color: #333;font-size: 16px;padding: 15px 25px 15px 15px;position: relative;}
    .sp-add-tab > a:after{position: absolute;content: '';width: 9px;height: 7px;background: url(/design/theme/portal/images/notify/sp-add-tab_icon11.png) no-repeat center center;right: 15px;top: calc(50% - 4px);}
    .sp-add-tab > a.on:after{transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg); }

    .sp-add-searchbox{padding: 20px;}
    .sp-add-searchbox .line:first-child{margin-bottom: 15px;}
    .sp-add-searchbox .line > *{width: calc(50% - 15px);}
    .sp-add-searchbox .line > div:first-child{margin-right: 30px;}
    .sp-add-searchbox .line > .change > select{width: 100%;}
    .sp-add-searchbox .line.two > *{width: 100% !important;margin-right: 0 !important;max-width: 100% !important;}
    .sp-add-searchbox .line.two > div:first-child{margin-bottom: 15px;}
}
@media screen and (max-width: 500px) {
    .sp-add-searchbox .line > *{width: 100% !important;}
    .sp-add-searchbox .line > div:first-child{margin-right: 0;margin-bottom: 15px;}

    .sp-add-searchbox .line > div > *{width: 100% !important;max-width: 100% !important;}
}
/* 2020-11-13 */
/* 2021-02-02 */
.sp-list-text li{margin: 5px 0 5px 30px;background: url(../images/new_common/sp-list-text_bg1.gif) no-repeat center center;height: 101px;display: table;float: left;width: 159px;}
.sp-list-text li:last-child{background: url(../images/new_common/sp-list-text_bg2.gif) no-repeat center center;}
.sp-list-text li:last-child > p{padding: 5px 15px;}
.sp-list-text li > p{color: #555;padding: 5px 30px 5px 15px;text-align: center;font-size: 16px;display: table-cell;vertical-align: middle;}
.sp-list-text li > p > span{color: #333;font-weight: 700;}

.sp-imgatext ul li{display: inline-block;width: 25%;float: left;}
.sp-imgatext ul li > span{display: block;text-align: center;font-size: 18px;color: #208ea7;margin-top: 10px;}

.sp-text-list{padding-left: 20px;}
.sp-text-list ul{margin-left: -16px;}
.sp-text-list li{float: left;position: relative;width: calc((100% / 6) - 16px);box-sizing: border-box;border-radius: 3px;border: 1px solid #d2d2d2;margin-left: 16px;}
.sp-text-list li:after{position: absolute;content: '';width: 10px;height: 27px;background: url(../images/new_common/sp-text-list_icon01.gif) no-repeat center center;left: -14px;top: calc(50% - 13px);}
.sp-text-list li:first-child:after{display: none;}
.sp-text-list li > p{display: table;height: 70px;width: 100%;}
.sp-text-list li > p:first-child{background: #cce2f5;}
.sp-text-list li > p > span{display: table-cell;text-align: center;vertical-align: middle;}

.sp-text-list.style2 li > p:first-child{background: #cef5cc;}

.one-img-line > a{display: inline-block;}
.one-img-line > a > span{text-align: center;display: block;margin-top: 10px;font-size: 18px;color: #333;}


@media screen and (max-width: 768px) {
    .sp-list-text{padding-left: 30px;}
    .sp-list-text ul{display: table;width: 100%;}
    .sp-list-text li{float: none;background: #ebf4ff !important;margin: 0;display: table-cell;vertical-align: middle;border: 1px solid #9dc6f7;width: 20%;}
    .sp-list-text li > p{display: block;padding: 5px 10px !important;}
}
@media screen and (max-width: 600px) {
    .sp-imgatext ul{display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: center;}
    .sp-imgatext ul li{width: 130px;margin: 10px 15px;}
}
@media screen and (max-width: 500px) {
    .sp-list-text li{float: none;width: 100%;display: block;height: auto;}
    .sp-text-list ul{margin-left: 0;}
    .sp-text-list li{margin-top: 5px;width: 100%;display: table;margin-left: 0px;}
    .sp-text-list li:first-child{margin-top: 0;}
    .sp-text-list li::after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
    .sp-text-list li > p{padding: 5px 10px;height: auto;width: 60%;display: table-cell;vertical-align: middle;}
    .sp-text-list li > p > span{display: block;text-align: left;}
    .sp-text-list li > p br{display: none;}
    .sp-text-list li > p:first-child{width: 40%;}
    .sp-text-list li > p:first-child > span{text-align: center;}
}
/* //2021-02-02 */
/* 2021-02-05 */
.sp-add-imgtext-list{margin-top: 30px;}
.sp-add-imgtext-list li{width: calc(33.3% - 20px);float: left;margin-left: 20px;}
.sp-add-imgtext-list li > *{display: block;}
.sp-add-imgtext-list li .title{text-align: center;font-size: 18px;color: #222;margin-bottom: 10px;}
.sp-add-imgtext-list li > span > img{max-width: 100%;}
.sp-add-imgtext-list li div{background: #f9f9f9;border: 1px solid #ccc;padding: 15px 20px;}
.sp-add-imgtext-list li div p{padding-left: 12px;color: #555;position: relative;}
.sp-add-imgtext-list li div p:after{content: '';position: absolute;left: 0;top: 5px;width: 5px;height: 5px;background: #888;}

.all-img-line{margin-top: 20px;}
.all-img-line img{min-width: 100%;}

@media screen and (max-width: 768px) {
    .sp-add-imgtext-list{margin-top: 0;}
    .sp-add-imgtext-list li{width: 100%;margin-left: 0;margin-top: 30px;}
    .sp-add-imgtext-list li > span{text-align: center;}
    .sp-add-imgtext-list div{width: 100%;box-sizing: border-box;max-width: 314px;margin: 0 auto;}
}
/* //2021-02-05 */
/* 2021-02-10 */
.sp-new-text-list > ul{display: -webkit-flex;display: flex;flex-wrap:wrap;justify-content: center;}
.sp-new-text-list li{width: 157px;text-align: center;border: 1px solid #4c82c3;border-radius: 13px;box-sizing: border-box;margin: 20px;position: relative;}
.sp-new-text-list li:after{position: absolute;content: '';width: 28px;height: 20px;background: url(../images/new_common/sp-new-text-list_icon01.png) no-repeat center center;left: -33px;top: calc(50% - 10px);}
.sp-new-text-list li:first-child:after{display: none;}
.sp-new-text-list li > p{height: 111px;background: #fff;display: table;box-sizing: border-box;width: 100%;color: #413f3f;font-size: 16px;}
.sp-new-text-list li > p:first-child{border-radius: 12px 12px 0 0;height: 91px;color: #fff;font-size: 20px;line-height: 25px;padding: 0 5px;background: #4c82c3;}
.sp-new-text-list li > p:last-child{border-radius: 0 0 12px 12px;}
.sp-new-text-list li > p > span{display: table-cell;vertical-align: middle;padding: 0 25px;}
.sp-color-boxs{display: -webkit-flex;display: flex;flex-wrap:wrap;justify-content: center;}
.sp-color-boxs li{text-align: center;width: 230px;margin: 5px 3px;}
.sp-color-boxs li p{height: 99px;width: 100%;border-radius: 8px;font-size: 18px;line-height: 25px;display: table;}
.sp-color-boxs li.bg1 > p{background: #e6b9b8;color: #af1915;}
.sp-color-boxs li.bg2 > p{background: #f7c49a;color: #753c0d;}
.sp-color-boxs li.bg3 > p{background: #b4ce7c;color: #456108;}
.sp-color-boxs li.bg4 > p{background: #93badb;color: #0f4c7f;}
.sp-color-boxs li > div:nth-child(2){height: 69px;width: 100%;border-radius: 8px;display: table;background: #e9e9e9;font-size: 17px;color: #575757;}
.sp-color-boxs li span{font-weight: 700;display: table-cell;vertical-align: middle;}
.sp-color-boxs li > div{margin-top: 6px;}
.sp-color-boxs li > div > p{position: relative;float: left;display: table;color: #575757;font-size: 16px;border-radius: 8px;width: calc(50% - 3px);margin-left: 6px;}
.sp-color-boxs li.bg1 > div > p{background: #ffe1e0;}
.sp-color-boxs li.bg2 > div > p{background: #ffe2cb;}
.sp-color-boxs li.bg3 > div > p{background: #d9ecb1;}
.sp-color-boxs li.bg4 > div > p{background: #c5e1f8;}
.sp-color-boxs li > div > p:first-child{margin-left: 0;}
.sp-color-boxs li > div.three > p{width: calc(33.33% - 4px);}
.sp-color-boxs li > div.one > p{width: 100%;}
.sp-color-boxs li > div > p.check:after{position: absolute;content: '';width: 23px;height: 23px;background: url(../images/new_common/sp-color-boxs_checkicon.png) no-repeat center center;right: 0;top: 0;}
.sp-cbox-info{padding: 10px 20px 20px;}
.sp-cbox-info > *{float: right;font-size: 16px;color: #525252;}
.sp-cbox-info > span:first-child{float: left;}

@media screen and (max-width: 500px) {
    .sp-color-boxs li{width: 100%;margin: 20px 0 0;}
    .sp-cbox-info{padding: 10px 0 20px;}
    .sp-cbox-info > span:first-child{float: left;margin-bottom: 10px;}
}

@media screen and (max-width: 425px) {
    .sp-new-text-list li{width: 100%;}
    .sp-new-text-list li > p{height: auto !important;padding: 10px 10px !important;}
    .sp-new-text-list li:after{left: calc(50% - 14px);top: -30px;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
}
/* //2021-02-10 */
/* 2021-02-08 */
.pay-table td .img{text-align: center;display: block;height: 110px;line-height: 110px;}
.pay-table td .name{font-size: 18px;color: #333;display: block;height: 50px;line-height: 50px;}
.pay-table td .pay{width: 115px;margin: 0 auto;max-width: 100%;}
.pay-table td .pay a{display: inline-block;margin-top: 10px;}
.pay-table td .name.two{line-height: 25px;}

@media screen and (max-width: 768px) {
    .pay-table table, .pay-table tbody, .pay-table tr, .pay-table td, .pay-table th{display: block;width: 100%;box-sizing: border-box;}
    .pay-table .media-hide{display: none;}
    .pay-table td .name{height: auto;line-height: normal;}
    .pay-table td .img{margin-top: 0;height: auto;line-height: normal;margin-bottom: 10px;}
}
/* //2021-02-08 */
/* 2021-03-17 */
.add-textlinks-boxs{display: -webkit-flex;display: flex;flex-wrap: wrap;border-bottom: 1px solid #d3d3d3;}
.add-textlinks-boxs li{padding: 20px 20px 25px;display: inline-block;width: 33.33%;border-top: 3px solid #29aca2;border-right: 1px solid #d3d3d3;box-sizing: border-box;}
.add-textlinks-boxs li:nth-child(2){border-top: 3px solid #29aca2;}
.add-textlinks-boxs li:first-child{border-left: 1px solid #d3d3d3;border-top: 3px solid #29aca2;}
.add-textlinks-boxs li > span{margin-top: 10px;display: inline-block;float: right;}
.add-textlinks-boxs li div{float: left;margin-right: 10px;width: calc(100% - 101px);}
.add-textlinks-boxs li div > span{display: block;font-size: 22px;color: #2c2b2b;}
.add-textlinks-boxs li div > p{letter-spacing: -1px;color: #646464;font-size: 15px;line-height: 20px;margin: 12px 0 15px;}
.add-textlinks-boxs li div > a{max-width: 100%;box-sizing: border-box;color: #29aca2;border: 1px solid #29aca2;font-size: 15px;padding: 10px 20px;border-radius: 10px;font-weight: 700;display: inline-block;}
.add-textlinks-boxs li:nth-child(2) div > a{color: #ea813b;border-color: #ea813b;}
.add-textlinks-boxs li:first-child div > a{color: #448ddf;border-color: #448ddf;}

.sp-add-titletext{text-align: center;padding-top: 30px;}
.sp-add-titletext > h3{font-size: 35px;color: #474747;margin-bottom: 20px;}
.sp-add-titletext > p{font-weight: 700;font-size: 20px;color: #474747;line-height: 25px;}

.add-btns-list{display: -webkit-flex;display: flex;flex-wrap: wrap;}
.add-btns-list > a{margin: 0 44px 25px 0;display: table;width: 300px;text-align: center;height: 127px;border: 2px solid #B5DEDB;border-radius: 10px;padding-left: 135px;box-sizing: border-box;background: url(../images/new_common/add-btns-list_img01.png) no-repeat left top;font-size: 22px;color: #065e7b;}
.add-btns-list > a > span{display: table-cell;vertical-align: middle;}
.add-btns-list > a:nth-child(2){background: url(../images/new_common/add-btns-list_img02.png) no-repeat left top;}
.add-btns-list > a:nth-child(3){margin-right: 0;background: url(../images/new_common/add-btns-list_img03.png) no-repeat left top;}
.add-btns-list > a:nth-child(4){background: url(../images/new_common/add-btns-list_img04.png) no-repeat left top;}
.add-btns-list > a:nth-child(5){background: url(../images/new_common/add-btns-list_img05.png) no-repeat left top;}

@media screen and (max-width: 1024px) {
    .add-btns-list > a{margin-right: 30px;width: calc(33.33% - 20px);}
}
@media screen and (max-width: 900px) {
    .add-textlinks-boxs li > span{display: block;float: none;text-align: center;margin-bottom: 15px;}
    .add-textlinks-boxs li div{width: 100%;margin-right: 0;}
}
@media screen and (max-width: 900px) {
    .add-btns-list > a{margin-right: 20px;width: calc(50% - 10px);}
    .add-btns-list > a:nth-child(3){margin-right: 20px;}
    .add-btns-list > a:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 600px) {
    .add-textlinks-boxs{border-bottom: 0;}
    .add-textlinks-boxs li{border-left: 1px solid #d3d3d3;width: 100%;border-bottom: 1px solid #d3d3d3;margin-bottom: 15px;}
    .add-btns-list > a{font-size: 18px;padding: 0 10px 0 114px;height: 60px;background-position: left -20px center !important;}
}
@media screen and (max-width: 500px) {
    .add-btns-list > a{width: 100%;margin-right: 0 !important;margin-bottom: 10px;}
    .sp-add-titletext > h3{font-size: 25px;}
    .sp-add-titletext > p{font-size: 18px;}
}
/* //2021-03-17 */

/*2022-04-04*/
.s-sub-slist{padding-left: 26px;}
.s-sub-slist>ul{margin-left: -10px;display: flex;flex-wrap: wrap;justify-content: center;;}
.s-sub-slist>ul>li{float: left;width: 190px;margin-left: 10px;}
.s-sub-slist>ul>li:last-child{width: 153px;}
.s-sub-slist-con{width: 153px;padding: 10px 0 ;font-size: 14px;text-align: center;}

@media screen and (max-width: 435px){
    .s-sub-slist>ul{margin-left: 0;}
    .s-sub-slist>ul>li,.s-sub-slist>ul>li:last-child{width: 100%;margin:5px 0;margin-left: 0;text-align: center;}
    .s-sub-slist>ul>li:last-child img{margin-left: -37px;}
    .s-sub-slist-con{display: inline-block;width: 100%;margin-left: -36px;}
    .print-box .table-warp.table01 .tips .title { background-position: right 0 top 28px; }/* 2022/3/28 */
}


.s-sub-slist2{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;} /* 20230217 */
.s-sub-slist2>li{float: left;margin:10px 0;margin-left:25px;}
.sp-cbox-info.pdbtm10{padding: 20px 20px 10px;}

.pl10{padding-left:10px !important;}
.middle{vertical-align: middle !important;}
.max-btn > a{width:auto;min-width:155px !important;padding:0 15px;}
.red-font{color:#de585c !important;}
h4.title-green > span.gray-bg {padding:5px 15px;margin-left:10px;font-size:0.9rem;}
.sub-tabl1.list3 > li{width:calc(100% / 3)}
.tab-style.list3 > li{width:calc(100% / 3)}
.gray-txt{display:table;margin-top:10px;}
.gray-txt > *{display:table-cell;vertical-align: middle;padding:5px 15px;}
.gray-txt > dt{font-weight:600; background:var(--bg-gray1);}
.gray-txt > dd{font-weight:400;}
.li-have4-yesbg.max-txt > ul > li > .gray{min-height:100px;}
.li-have5-yesbg > ul{margin: -20px 0 0 -36px;}
.li-have5-yesbg > ul > li{width:calc(20% - 36px);position: relative;float: left;margin:20px 0 0 36px;}
.li-have5-yesbg > ul > li::before{content:"";position: absolute;left: -30px;top: 50%;width: 24px;height: 17px;margin-top: -8px;background: url('../images/new_common/sub03_bg3.png') no-repeat;}
.li-have5-yesbg > ul > li > .green{height:55px;}
.li-have5-yesbg > ul > li > .gray{min-height:100px;}
.li-have5-yesbg > ul > li > .gray *{line-height:1.3 !important;}
@media screen and (max-width:1024px){
    .li-have4-yesbg.max-txt{width:auto !important;}
    .li-have4-yesbg.max-txt > ul > li{width: calc(50% - 36px);}
    .li-have5-yesbg > ul{margin-top: -36px;}
    .li-have5-yesbg > ul > li{width: calc(50% - 36px);margin-top:36px;}
    .li-have5-yesbg > ul > li::before{left: 50%;top: -30px;width: 17px;height: 24px;margin: 0 0 0 -8px;background: url('../images/new_common/sub03_bg4.png') no-repeat;}
    .li-have5-yesbg > ul > li:last-child{width: calc(100% - 36px);}
}
@media screen and (max-width:540px){
    .gray-txt{display:block;}
    .gray-txt > *{display:block;}
    .gray-txt > dt{text-align:center;}
    .gray-txt > dd{padding:0;margin-top:10px;}
    .li-have4-yesbg.max-txt > ul > li{width: calc(100% - 36px);}
    .li-have5-yesbg > ul > li{width: calc(100% - 36px);}
    .li-have5-yesbg > ul > li > .gray{min-height:0;}
    .li-have5-yesbg > ul > li > .gray > ul{min-height:0;text-align:left;display:block;}
}
/*2022-04-04*/

.line-btn-list li > span{color:#626161;font-weight:600;font-size:17px;vertical-align: middle;}
.line-btn-list li > p > span{color:#1b699f;font-weight:600;font-size:16px;text-decoration: underline;}
.short-cut-btn.bg-fff{background-color:var(--white);padding:10px 20px;padding-right:54px;vertical-align: middle; margin-left:10px;}
.bottom-line{text-decoration: underline;}

.sub01-bgbox > ul.g2022C-bg1{background: url('../images/new_common/new-sub2022_bg1.gif') no-repeat left center;}
.min-font{font-size:12px;}
ul.triangle-list2 > li{background:url(../images/new_common/triangle-list.gif) no-repeat left 7px;line-height:20px;color:#504f4f;font-size:16px;padding-left:10px;}
ul.triangle-list2 > li > ul > li{padding-left:8px; font-weight:300;background:url('../images/new_common/sub2-list2.gif') no-repeat 0px 7px;;}
ul.triangle-list2 > li + li{margin-top:20px;}
.td-left.table01.table02 td{text-align:left;}
.td-left.table01.table02 td img{width:100%;}
.blue-line-box{border:2px solid #1e5da5;margin-top:50px;padding:35px 30px;position: relative;}
.blue-line-box > h3.tit{font-size:22px;font-weight:600;color:#1e5da5;width:160px;padding:10px;line-height:30px;height:30px;top: -25px;position: absolute;background:#fff;}
.blue-line-box > dl{display:table;width:100%;}
.blue-line-box > dl > *{display:table-cell;vertical-align: middle;width:50%;padding:0 10px;}
.blue-line-box > dl li + li{margin-top:5px;}
.blue-line-box > dl > dd{border-left:1px solid #1e5da5;text-align:center;font-size:20px;color:#1e5da5;}
@media screen and (max-width:768px) {
    .blue-line-box > dl > *{display:block;width:auto;}
    .blue-line-box > dl > dd{margin-top:10px;padding-top:10px;border-left:0;border-top:1px solid #1e5da5}
}

.pink-font2{color:#c22dc4 !important;}
.font-size14{font-size:14px;letter-spacing:-1px;}
.font-size16{font-size:16px;letter-spacing:-1px;}
.font-size17{font-size:17px;letter-spacing:-1px;}
.font-size18{font-size:18px;letter-spacing:-1px;}
.mb20{margin-bottom:20px !important;}
.td-text-left td{text-align:left !important;}
.border-right-none{border-right:0 !important;}
.li-mb10 > li + li{margin-top:10px;}
.img-circle{padding-left:15px;display: inline-block;text-align:center;display: flex;flex-wrap: wrap;justify-content: center;}
.img-circle > li{margin:15px 0;}
.img-circle > li > *{border-radius:180px;width:179px;height:179px;background:rgba(0,142,114,.8);font-size:20px;font-weight:600;color:#fff;text-align:center;    display:flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.img-circle > li + li{margin-left:-30px;}
.img-circle > .list-list{margin-left:10px;background:url(/design/theme/portal/images/notify/img-circle.gif) no-repeat left center;padding-left:105px;display: block;margin: auto;}
.img-circle > .list-list > .box{background:rgba(207,92,35,.8);margin-left:0;}
.img-circle > .list-list > .box > h3.tit{font-size:20px;font-weight:600;color:#fff;}
.img-circle > .list-list > .box > ul.list{display:inline-block;width:115px;margin:0 auto;margin-top:15px;}
.img-circle > .list-list > .box > ul.list > li{text-align:left;padding-left:10px;background:url(/design/theme/portal/images/notify/img-circle-list.png) no-repeat left center;color:#fff;}
.img-circle > .list-list > .box > ul.list > li + li{margin-top:5px;}

@media screen and (max-width:768px) {
    .img-circle{padding-left:0;}
    .img-circle > li > *{width:150px;height:150px;}
}

@media screen and (max-width:550px) {
    .img-circle{padding-left:0;margin-top:45px !important;}
    .img-circle > li{width:50%;}
    .img-circle > li > *{width:100%;font-size:17px;}
    .img-circle > li:nth-child(3){margin-left:0;margin-top:-45px;}
    .img-circle > li:nth-child(4){margin-top:-45px;}
    .img-circle > .list-list > .box > h3.tit{font-size:17px;}

}

.ns0803-v1{background: #f1f1f1 url(../images/new_common/ns220803_bg.png) no-repeat right 55px center;font-size: 18px;color:#626161;height: 244px;display: flex;align-items: center;padding: 0 280px 0 40px;line-height: 1.5;}
.ns0803-v2{padding: 0 35px;margin-top: 50px;}
.ns0803-v2 > ul{display:flex;justify-content: space-between;}
.ns0803-v2 > ul > li{position:relative;flex: 1 1 auto;display: flex;align-items: center;}
.ns0803-v2 > ul > li::before{content:"";display: inline-block;flex: 0 0 auto;width: 40px;height:20px;background:url(../images/new_common/ns220803_bg2.png) no-repeat center;}
.ns0803-v2 > ul > li p{font-size: 18px;font-weight:700;border-radius:10px;flex: 1 1 auto;display: flex;justify-content: center;align-items: center;text-align: center;width: 200px;height: 100%;box-sizing: border-box;padding: 7px 0;}
.ns0803-v2 > ul > li:nth-child(1){flex: 1 1 auto;}
.ns0803-v2 > ul > li:nth-child(1)::before{display:none;}
.ns0803-v2 > ul > li:nth-child(1) p{color:#35b18e;border:5px solid #46c6a2;font-size:20px;}
.ns0803-v2 > ul > li:nth-child(2) p{color:#11aeb4;border:5px solid #3ac6cb;font-size:20px;}
.ns0803-v2 > ul > li:nth-child(3) p{color:#068aab;border:5px solid #24aacc;}
.ns0803-v2 > ul > li:nth-child(4) p{color:#0572ac;border:5px solid #1784be;}
.ns0803-v3{line-height:1.5;padding:0 35px;margin-top:25px;}
.ns0803-v4{position:relative;}
.ns0803-v4 p{margin-bottom:10px;}
.ns0803-v4 p > span{font-weight:700;color:var(--blue);text-decoration:underline;}

@media screen and (max-width:1024px){
    .ns0803-v2 > ul > li p{width:auto;}
}
@media screen and (max-width:768px){
    .ns0803-v1{background-image:none;padding: 20px;height:auto;}
    .ns0803-v1 br{display:none;}
    .ns0803-v2,
    .ns0803-v3{padding:0 10px;}
    .ns0803-v2{margin-top:30px;}
    .ns0803-v2 > ul{flex-wrap:wrap;}
    .ns0803-v2 > ul > li{width: calc(100% / 2 - 10px);margin: 3px;}
    .ns0803-v2 > ul > li::before{display:none;}
    .ns0803-v2 > ul > li p{height:84px;font-size:16px;}
}

.ns0808-01-v1{}
.ns0808-01-v1 .floor1{background:linear-gradient(to right, #169d89, #4c82c3);font-size: 24px;color: #fff;text-align: center;padding: 24px 0;border-radius: 3px;}
.ns0808-01-v1 .floor2 > ul{display:flex;justify-content: space-between;margin-left: -18px;}
.ns0808-01-v1 .floor2 > ul > li{padding:5px;border-radius:3px;flex: 1 1 auto;width: calc(100% / 4 - 18px);margin-left: 18px;}
.ns0808-01-v1 .floor2 > ul > li:nth-child(1){background:linear-gradient(to right, #169d89, #4c82c3);}
.ns0808-01-v1 .floor2 > ul > li:nth-child(2){background:linear-gradient(to right, #219895, #3090a5);}
.ns0808-01-v1 .floor2 > ul > li:nth-child(3){background:linear-gradient(to right, #328fa7, #4288b8);}
.ns0808-01-v1 .floor2 > ul > li:nth-child(4){background:linear-gradient(to right, #4387b9, #4c82c3);}
.ns0808-01-v1 .floor2 > ul > li > p{background:#fff;padding:15px 0;height: 100%;box-sizing: border-box;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 18px;font-weight: 700;line-height: 1.3;}
.ns0808-01-v1 .floor2 > ul > li:nth-child(1) p{color:#0d8574;}
.ns0808-01-v1 .floor2 > ul > li:nth-child(2) p{color:#127982;}
.ns0808-01-v1 .floor2 > ul > li:nth-child(3) p{color:#126a97;}
.ns0808-01-v1 .floor2 > ul > li:nth-child(4) p{color:#2361ac;}
.ns0808-01-v1 .bg{background:url(../images/new_common/ns0808_01_img1.jpg) no-repeat center;height:40px;}

.ns0808-01-v1 .floor3 > ul{display:flex;justify-content: space-between;margin-left: -18px;}
.ns0808-01-v1 .floor3 > ul > li{padding:5px;border-radius:3px;flex: 1 1 auto;width: calc(100% / 4 - 18px);margin-left: 18px;}
.ns0808-01-v1 .floor3 > ul > li:nth-child(1){background:linear-gradient(to right, #169d89, #4c82c3);}
.ns0808-01-v1 .floor3 > ul > li:nth-child(2){background:linear-gradient(to right, #219895, #3090a5);}
.ns0808-01-v1 .floor3 > ul > li:nth-child(3){background:linear-gradient(to right, #328fa7, #4288b8);}
.ns0808-01-v1 .floor3 > ul > li:nth-child(4){background:linear-gradient(to right, #4387b9, #4c82c3);}

.ns0808-01-v1 .floor3 > ul > li > .tit{font-size:17px;font-weight:700;color:#fff;text-align: center;padding: 18px 0;height: 86px;line-height: 1.3;box-sizing: border-box;}
.ns0808-01-v1 .floor3 > ul > li > .tit span{display:block;font-size:22px;}
.ns0808-01-v1 .floor3 > ul > li > .cont{background:#fff;height: calc(100% - 86px);box-sizing: border-box;display: flex;justify-content: center;font-size: 18px;font-weight: 700;line-height: 1.3;padding: 15px 12px;}
.ns0808-01-v1 .floor3 > ul > li:nth-child(1) .cont{color:#0d8574;}
.ns0808-01-v1 .floor3 > ul > li:nth-child(2) .cont{color:#127982;}
.ns0808-01-v1 .floor3 > ul > li:nth-child(3) .cont{color:#126a97;}
.ns0808-01-v1 .floor3 > ul > li:nth-child(4) .cont{color:#2361ac;}
.ns0808-01-v1 .floor3 > ul > li > .cont > ul > li{position:relative;padding-left:10px;font-size:16px;color:#202020;}
.ns0808-01-v1 .floor3 > ul > li > .cont > ul > li::before{content:"";position:absolute;top:6px;left:0;width:3px;height:3px;background:#000;border-radius:50%;}

.ns0808-01-blue{color:var(--blue) !important;}
.ns0808-01-list{margin-top:10px;margin-left: 40px;}
.ns0808-01-list > li{position:relative;color:var(--blue);padding-left: 10px;margin-top: 10px;}
.ns0808-01-list > li::before{content:"";position: absolute;top: 10px;left: 0;width:3px;height:3px;background:var(--blue);}
.ns0808-01-list > li a{text-decoration:underline;}

.ns0808-01-v2{border:1px solid #bbbbbb;margin-bottom: -16px;margin-right: -11px;}
.ns0808-01-v2 > ul{display:flex;border-top: 1px solid #bbbbbb;}
.ns0808-01-v2 > ul:first-child{border-top:0;}
.ns0808-01-v2 > ul > li{display: flex;align-items: center;padding: 10px;padding-left:10px;box-sizing:border-box;}
.ns0808-01-v2 > ul > li:first-child{width:42%;border-right:1px solid #bbbbbb;}
.ns0808-01-v2 > ul > li:last-child{width:58%;}

@media screen and (max-width:768px){
    .ns0808-01-v1 .floor1{font-size:20px;}
    .ns0808-01-v1 .floor2 > ul{flex-wrap:wrap;margin-left: -5px;}
    .ns0808-01-v1 .floor2 > ul > li{width: calc(100% / 2 - 15px);flex: none;margin-top: 5px;margin-left: 5px;}
    .ns0808-01-v1 .floor3 > ul{flex-wrap:wrap;margin-left: -5px;}
    .ns0808-01-v1 .floor3 > ul > li{width: calc(100% / 2 - 15px);flex: none;margin-top: 5px;margin-left: 5px;}
    .ns0808-01-v1 .floor3 > ul > li > .tit{font-size:15px;height: 76px;}
    .ns0808-01-v1 .floor3 > ul > li > .tit span{font-size:18px;}
    .ns0808-01-v1 .floor3 > ul > li > .cont{height: calc(100% - 76px);}
}

@media screen and (max-width:540px){
    .ns0808-01-v2{margin-bottom: -11px;margin-right: -7px;}
}
.ul-sp-w115 > li > span{width:115px;}
.ns0808-02-v1{display:flex;align-items: flex-start;justify-content: space-between;}
.ns0808-02-v1 > div{flex:1 1 auto}
.ns0808-02-v1 .img{width:424px;flex: 0 0 auto;text-align: left;margin: 0 0 0 50px;}
.ns0808-02-v1 .sub-tit2{margin-top:0;}

.ns0808-02-v2{margin-top: 70px;}
.ns0808-02-v2 > ul{position: relative;display: flex;justify-content: space-between;}
.ns0808-02-v2 > ul::before{content:"";position: absolute;top: calc(50% - 3px);width:100%;height:5px;background:#129b87;border-radius:2px;}
.ns0808-02-v2 > ul > li{position:relative;width: 140px;height: 230px;}
.ns0808-02-v2 > ul > li::before{content:"";width:17px;height:17px;background:#0b6b6f;border-radius:50%;position: absolute;top: calc(50% - 9px);left: calc(50% - 9px);}
.ns0808-02-v2 > ul > li .img{text-align: left;margin: 0;height: 94px;width: 100%;position: absolute;top: 0;}
.ns0808-02-v2 > ul > li .cont{height: 94px;width: 100%;position: absolute;bottom: 0;display: flex;}
.ns0808-02-v2 > ul > li .cont .floor{position:relative;font-weight: 700;color: #105f53;text-align: center;margin-bottom: 10px;}
.ns0808-02-v2 > ul > li .cont > div{flex:1 1 auto;width: 100%;}
.ns0808-02-v2 > ul > li .cont > div > ul > li{position: relative;font-weight: 700;padding-left:10px;line-height: 1.5;}
.ns0808-02-v2 > ul > li .cont > div > ul > li::before{content:"";width:6px;height:2px;background:var(--black-1);position:absolute;top: 15px;left: 0px; }
.ns0808-02-v2 > ul > li .cont > div > ul > li > ul > li{position: relative;padding-left: 0;line-height: 1.5;white-space: nowrap;}
.ns0808-02-v2 > ul > li .cont > div > ul > li > ul > li::before{content:"";width:3px;height:3px;background:var(--black-1);border-radius:50%;position: absolute;top: 15px; left: -9px;}

.ns0808-02-v2 > ul > li:nth-child(even) .img{top: auto;bottom: 0;}
.ns0808-02-v2 > ul > li:nth-child(even) .cont{bottom: auto;top: 0;align-items: flex-end;justify-content: center;}
.ns0808-02-v2 > ul > li:nth-child(even) .cont > div{display:flex;flex-wrap: wrap;justify-content: center;}
.ns0808-02-v2 > ul > li:nth-child(even) .cont > div .floor{order:2;width:100%;}
.ns0808-02-v2 > ul > li:nth-child(even) .cont > div ul{order:1;}

@media screen and (max-width:1024px){
    .ns0808-02-v1 .img{width:auto;margin-left: 20px;}
    .ns0808-02-v2{overflow:hidden;}
    .ns0808-02-v2 > ul{flex-wrap:wrap;}
    .ns0808-02-v1,
    .ns0808-02-v2 > ul > li:nth-child(even) .cont{display:block;}
    .ns0808-02-v2 > ul > li:nth-child(even) .cont > div{display:block;}
    .ns0808-02-v2 > ul > li .img,
    .ns0808-02-v2 > ul > li .cont{position:static;}
    .ns0808-02-v2 > ul::before{display:none;}
    .ns0808-02-v2 > ul > li .img{text-align:center;height:auto;}
    .ns0808-02-v2 > ul > li .cont{height:auto;margin-top:10px;}
    .ns0808-02-v2 > ul > li{float:left;width:calc(100% / 3);height:auto;margin-top: 10px;}
    .ns0808-02-v2 > ul > li::before{display:none;}
    .ns0808-02-v2 > ul > li .cont > div > ul > li > ul > li{white-space:normal;}
    .ns0808-02-v2 > ul > li .cont > div > ul > li::before {top:11px;}
    .ns0808-02-v2 > ul > li .cont > div > ul > li > ul > li::before {top:10px;}
}

@media screen and (max-width:480px){
    .ns0808-02-v2 > ul > li{width:calc(100% / 2)}
}

.ol-list{margin-left: 30px;margin-top: 10px;}
.ol-list > li{position:relative;line-height: 1.5;padding-left: 20px;margin-bottom: 15px;}
.ol-list > li:last-child{margin-bottom:0;}
.ol-list > li span.num{position:absolute;top:0;left: 0;width: 22px;overflow: hidden;white-space: nowrap;}

/* 20230217 */
.s-sub-slist2.new-style01 > li {width: calc((100% - 25px) / 2);}
.s-sub-slist2.new-style01 > li.pink-part { margin-left:0; }
.s-sub-slist2.new-style01 .s-sub-slist2-new-title {font-size: 24px;color: #fff;font-weight: 700;text-align:center;border-radius: 0 20px 0 20px;padding: 5px 0;margin-bottom: 10px;}
.s-sub-slist2.new-style01 .pink-part .s-sub-slist2-new-title { background:#ff6381; }
.s-sub-slist2.new-style01 .green-part .s-sub-slist2-new-title { background:#00c3b9; }
.s-sub-slist2.new-style01 .s-sub-slist2-new-infore {font-weight: 400;font-size: 20px;color: #444444;background: #ececec;letter-spacing: -2px;text-align: center;padding: 5px;}
.s-sub-slist2.new-style01 .slist2-new-list {margin-top: 10px;display: flex;}
.s-sub-slist2.new-style01 .slist2-new-list li .slist2-new-list-top {font-size: 20px;font-weight: 500;color: #333333;background: #fff3f5;border: 1px solid #ffced7;border-radius: 8px;margin-bottom: 5px;text-align: center;padding: 16px 5px;letter-spacing: -1px;line-height: 1.2;}
.s-sub-slist2.new-style01 .slist2-new-list li .slist2-new-list-bot {border-radius: 8px;overflow: hidden;border: 1px solid #fdeeeb;text-align: center;background: #fdeeeb;}
.s-sub-slist2.new-style01 .slist2-new-list li {margin-right: 9px;width: calc((100% - 35px) / 5);}
.s-sub-slist2.new-style01 .slist2-new-list li:last-child {margin-right:0;}

.s-sub-slist2.new-style01 .green-part .slist2-new-list li .slist2-new-list-top { background:#ebfffb; border-color:#8fe3d4; }
.s-sub-slist2.new-style01 .green-part .slist2-new-list li .slist2-new-list-bot {border-color:#f2f2f2;background: #fff;}

.sp-cbox-info.pdbtm10.new-style01 {padding: 0;margin-bottom: 17px;margin-top: 20px;}
.sp-cbox-info.pdbtm10.new-style01 > span:first-child {display: inline-block;padding: 10px 20px;background: #f5f5f5;font-size: 1rem;}

@media screen and (max-width:840px){
    .s-sub-slist2.new-style01 > li { width: 100%; margin-left: 0; }
}
@media screen and (max-width:767px){
    .s-sub-slist2.new-style01 .s-sub-slist2-new-title { font-size: 20px; }
    .s-sub-slist2.new-style01 .s-sub-slist2-new-infore { font-size: 15px; letter-spacing: -1px; }
    .s-sub-slist2.new-style01 .slist2-new-list li .slist2-new-list-top { font-size: 15px; }
}
@media screen and (max-width:450px){
    .s-sub-slist2.new-style01 .slist2-new-list li { margin-right: 4px; width: calc((100% - 16px) / 5); }
    .s-sub-slist2.new-style01 .slist2-new-list li .slist2-new-list-top { padding: 7px 3px; }
}
/* 20230217 //*/

/* 20230628 */
.sub-qa-list { padding-top:10px; }
.sub-qa-list > li { border-top:2px solid #46b3df; }
.sub-qa-list > li > .sub-qa-title { position:relative; padding:10px 25px; padding-left:50px; color:#1878b6; background:#f4fafe; line-height:1.3; font-weight: 600; letter-spacing:0px;}
.sub-qa-list > li > .sub-qa-title > .sub-qa-tit-num { position:absolute; left:15px; top:13px; line-height: 1; font-weight: 600; }
.sub-qa-list > li > .sub-qa-cont { position:relative; padding:20px 10px; padding-left:50px; padding-bottom: 30px; color:#737373; letter-spacing:-0.2px; line-height: 1.5;}
.sub-qa-list > li > .sub-qa-cont > .sub-qa-cot-num { position:absolute; left:15px; top:23px; line-height: 1;}
.sub-qa-list > li > .sub-qa-cont > .sub-qa-bld {color:var(--black-1);}
/* 20230628 //*/

/* 20230718 */
.sub-list3-2{margin-left: 3px;}
.table01 td.table02-tdleft{text-align:left;}
.tab-marg{margin-top:3px;}
.cont-p5{margin:10px 0 0 5px;font-weight:bold;}
.sub2-list1 > li > ul.sub2-list1-u2 > li{background:none;padding:0;}
/* 20230718 //*/

/* 20240308 */
.fs19{font-size:19px;}
.ml0{margin-left:0 !important;}
.f-color-2b2b2b{color:#2b2b2b;}
.photo-bg {  display: none;  background: url(/design/theme/portal/images/notify/photo_bg.png) repeat left top; width: 100%; position: fixed; top: 0;  left: 0;  height: 100%; z-index: 999; }

.sub-grey-top-box{padding:0 0 0 50px; border:1px solid #d6d6d6; background:#f5f5f5; display:flex;align-items:center;}
.sub-grey-top-box .txt-part{padding:50px;} /*240423*/
.sub-grey-top-box .txt-part *{font-family:'NotoSans';font-weight:500;}
.sub-grey-top-box .txt-part .tit{font-size:19px;} /* 20240418 */
.sub-grey-top-box .list-style{margin-left:0;margin-top:25px;}
.sub-grey-top-box .list-style > li{color:#474747;font-size:18px;}

.apply-change-btn{display:block;width:156px;height:40px;line-height:40px;text-align:center;color:#fff;background:#024da1;font-size:18px;font-weight:500;margin:50px auto 0 auto;}

.horizontal-line-style{margin-left:20px;}
.horizontal-line-style > li{padding-left: 10px; background: url(../images/new_common/sub2-list2.gif) no-repeat 0px 12px;}

.small-black-circle-style{padding-left:14px;}
.small-black-circle-style::after{content:'';position:absolute;left:5px;top:10px;width:3px;height:3px;background:#474747;border-radius:50%;} /* 20240321 */

.personal-info-area{margin-top:20px;border-bottom:1px solid #c2c2c2;display: flex;flex-wrap: wrap;}
.personal-info-area .notify-info-box{border-top:1px solid #c2c2c2;width:50%;display: flex;}
.personal-info-area .notify-info-box.hole-line{width:100%;}
.personal-info-area .notify-info-box .tit{background:#e7e7e7;text-align:center;}
.personal-info-area .notify-info-box .info{width:calc(100% - 125px);padding-left:20px;padding-right:20px;}

.personal-info-area .notify-info-box .info.input input[type="text"]{width:40%; height:35px;} /* 20240321 */
/* 20240321 */
.personal-info-area .notify-info-box .tit,.personal-info-area .notify-info-box .info{width: 120px;height:50px;line-height:46px;color:#474747;display: inline-block;box-sizing: border-box;vertical-align: middle;text-wrap: nowrap; }
.personal-info-area .notify-info-box .info .btn{padding:0 10px;height: 35px;line-height: 35px;background:#4a4a4a;vertical-align: middle;color: #fff;}

.goto-modify-btn{display:inline-block;width:100px;padding: 5px 0;background:#e1e1e1;text-align:center;color:#474747;font-size:14px;font-weight:500;margin-left:22px;border-radius:3px;vertical-align:top;}

.personal-info-list{margin-top:18px;}
.personal-info-list ul li{position:relative;}
.personal-info-list > ul > li {margin-top:6px;}
.personal-info-list > ul > li > .txt{display:inline-block;vertical-align:top;color:#474747;font-size:18px;width:560px;} /*20240418*/
/* //20240321 */

.application-termination-list{margin-top:20px;}
.application-termination-list > ul > li > .notifyPermit{border:1px solid #c2c2c2;border-radius:5px;padding:22px 30px 22px 30px;margin-top:10px;display: flex; justify-content: space-between;align-items: center;}
/* 20240321 */
.application-termination-list .txt-area .top{color:#2b2b2b;font-weight:700;display: flex;align-items: center;}/* 20240405 */
.application-termination-list .txt-area .top > span{font-size: small;border: 1px solid #2b2b2b;border-radius: 10px;padding: 3.5px;margin-left: 5px;}/* 20240405 */
.application-termination-list .txt-area .bottom{color:#474747;padding-right:5px;font-family: 'NotoSans';}/* 20240415 */
.application-termination-list .txt-area .bottom > .info{white-space: pre-wrap;}/* 20240415 */
/* //20240321 */
.application-termination-list .btn-area{display: flex;} /* 20240328 */
.application-termination-list .btn-area > a:not(:first-child){margin-left: 5px;} /* 20240328 */

.switch-bar{width:105px;height:38px;line-height:38px;background-color:#999999;cursor:pointer;position:relative;appearance:none;border-radius:38px;transition:all 500ms;} /* 20240328 */
.switch-bar::before,.switch-bar::after{font-size:17px;color:#ffffff;box-sizing:border-box;}
.switch-bar::before{width: 105px; height: 38px;  background-color:#999999;  position: absolute; cursor: pointer; content:'미수신'; border-radius:30px; transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);text-align:right;padding-right:15px;}
.switch-bar::after{ position: absolute; left: 8px; top: 5px; width:28px; height:28px; border-radius:50%; background-color: #fff;
content:''; transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);}
.switch-bar:checked::after { transform: translateX(62px);}
.switch-bar:checked::before {content:'수 신';background-color:#3268a0;text-align: left; padding-left:15px;} /* 20240328 */

.application-notice-box{position:fixed;z-index:1000;top: 50%; left: 50%; transform: translate(-50%, -50%);display:none;min-width:486px;max-width: 890px;width: 100%;} /* 20240403 */
.application-notice-box .top-area{position: relative;padding:15px 100px 15px 25px;border-radius:15px 15px 0 0;} /* 20240402 */
.application-notice-box .top-area .tit{color:var(--white);}
.application-notice-box .top-area .pop-close{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);} /* 20240402 */
.application-notice-box .bottom-area{padding:20px 25px 17px 25px;background:#fff;border-radius:0 0 15px 15px;max-height:500px;overflow-y:auto;}
.application-notice-box .bottom-area *{color:#474747;font-weight:500;}
.application-notice-box .bottom-area .normal-txt-style{font-size:18px;}
.application-notice-box .bottom-area .cont-area{border:1px solid #cacaca;width:100%;max-height:214px;overflow-y:auto;padding:17px 20px;margin-top:13px;box-sizing: border-box;}/* 20240329 */
.application-notice-box .bottom-area .cont-area .cont-list{font-size:16px;white-space: pre-wrap;}
.application-notice-box .bottom-area .cont-area.ovhide{overflow:hidden;height:auto;max-height:none;} /* 20240329 */

/* 20240321 */
.application-notice-box .bottom-area .cont-area.ovhide > .item{display:flex;align-items: center;min-height: 40px;padding: 3px 0;} /* 20240328 */
.application-notice-box .bottom-area .cont-area.ovhide > .item > .tit{flex: 0 0 auto;padding-right: 10px;text-align: center;} /* 20240328 */
.application-notice-box .bottom-area .cont-area.ovhide > .item > .cont > span{display: inline-flex;align-items: center;flex-wrap: wrap;} /* 240423 */
.application-notice-box .bottom-area .cont-area.ovhide > .item > .cont input[type="radio"],
.application-notice-box .bottom-area .cont-area.ovhide > .item > .cont input[type="checkbox"]{width:18px;height:18px;} /* 240423 */
.application-notice-box .bottom-area .cont-area.ovhide > .item > .cont label{margin: 0 10px 0 3px;} /*240423*/
.application-notice-box .bottom-area .cont-area.ovhide > .item > .cont select{appearance:none;-webkit-appearance: none;-moz-appearance: none;background: #fff url(/design/theme/portal/images/notify/select_bg.gif) no-repeat right center;padding-left:5px;padding-right: 30px;width: 200px;border: 1px solid #848484;} /* 20240326 */
.application-notice-box .bottom-area .cont-area.ovhide > .item > .cont input[type="text"]{border: 1px solid #848484;max-width: 100%;}/* 20240405 */

.application-notice-box .bottom-area .ns0321-box{margin: 20px 0;padding: 10px 5px 10px 0;border: 1px solid #cacaca;}
.application-notice-box .bottom-area .ns0321-box > *{margin-top: 0;margin-bottom: 0;text-align: center;}/* 20240326 */
.application-notice-box .bottom-area .ns0321-box > div > span{display: inline-flex;margin: 5px;justify-content: space-between;align-items: center;}/* 20240326 */
.application-notice-box .bottom-area .ns0321-box > div > span > label{margin-right: 15px;width: 100px;}
/* //20240321 */

.application-notice-box .bottom-area .cont-area .title-green{margin:0 0 8px;}
.application-notice-box .bottom-area .radio-space{margin-top:10px;text-align:right;font-size:0;}
.application-notice-box .bottom-area .radio-space input[type="radio"]{margin-right:8px;width:18px; height:18px;}
.application-notice-box .bottom-area .radio-space label{font-size:18px;margin-right:17px;}
.application-notice-box .bottom-area .radio-space label:last-child{margin-right:0;}
.application-notice-box .bottom-area .hole-line-style{margin-bottom: 5px;}
.application-notice-box .bottom-area .hole-line-style .radio-space{display:inline-block;text-align:left;margin-top:0;margin-left:15px;}
.application-notice-box .bottom-area .hole-line-style .title-green{display:inline-block;margin-bottom: 0;}
.application-notice-box .bottom-area .btn-sapce{margin-top:10px;text-align:right;font-size:0;border: 0;} /* 20240326 */
.application-notice-box .bottom-area .btn-sapce a{margin-left:15px;display:inline-block;height:33px;line-height:33px;text-align:center;font-size:18px;color:#ffffff !important;} /* 20240321 */
.application-notice-box .bottom-area .cont-area .input-list li{padding-top: 8px;font-size:0;}
.application-notice-box .bottom-area .cont-area .input-list li label:not(.noFontSize){font-size:16px;margin-right:12px;vertical-align:middle;}
.application-notice-box .bottom-area .cont-area .input-list li input[type="text"],.application-notice-box .bottom-area .cont-area .input-list li select{width:170px;border:1px solid #848484;height:30px;}
.application-notice-box .bottom-area .cont-area .input-list li select{appearance:none;-webkit-appearance: none; -moz-appearance: none;
background:url(/design/theme/portal/images/notify/select_bg.gif) no-repeat right center;padding-left:5px;}

.application-btn{display:block;padding: 0 20px;height:38px;line-height:38px;background:#404040;text-align:center;color:#ffffff;border-radius:38px;white-space: nowrap;} /* 20240415 */

.bg-gdRed{background:#d63d56;}
.bg-grey{background:#848484;}
.bg-green{background:#407a55;} /* 20240328 */

.application-notice-btn{width:128px;} /* 20240328 */
.pop-up-window-close-btn{background:#4a4a4a;width:78px;}
.stop-receiving-notifications-btn{background:#e35d8d;width:122px;}

@media screen and (max-width:1024px){
	.application-notice-box{width:90%;min-width:unset;}
	.application-notice-box .bottom-area .cont-area{width:100%;}
}

@media screen and (max-width:830px){
	.sub-grey-top-box{flex-direction: column;padding:20px;}
	.sub-grey-top-box .img-part,.sub-grey-top-box .txt-part{width:100%;}
	.sub-grey-top-box .txt-part{text-align:center;padding:15px 0 0 0;}/*240423*/
	.sub-grey-top-box .img-part{text-align:center;}
	.goto-modify-btn{display:block;margin: 10px auto 0 auto;}
	.personal-info-area{flex-direction: column;}
	.personal-info-area .notify-info-box{width:100%;}
	.application-termination-list > ul > li > .notifyPermit{flex-direction: column;text-align: center;}/* 20240404 */
	.personal-info-list > ul > li > .txt{display:block;width:auto;}
    .application-termination-list .btn-area{margin-top:15px;}/* 20240417 */
	.application-termination-list .txt-area .top{display: flex;font-size:17px;text-align:center;justify-content: center;}/* 20240423 */
    .application-notice-box .bottom-area > h4{text-align: left;} /* 240423 */
	.application-termination-list .txt-area .bottom,.application-btn,.switch-bar::before,.switch-bar::after{font-size:16px;}
    .application-termination-list .txt-area .bottom > .info{white-space: normal;}/* 20240415 */
	.personal-info-area .notify-info-box .info{width:calc(100% - 120px);}
	.personal-info-area .notify-info-box .info.input input[type="text"]{width:calc(100% - 100px);}/* 20240321 */
}

@media screen and (max-width:710px){
	.application-notice-box .bottom-area .btn-sapce{text-align:center;}
    .application-notice-box .bottom-area .hole-line-style .radio-space{margin-top:5px;}

    /* 20240321 */
	.personal-info-area .notify-info-box .info{padding-left:10px;padding-right:10px;text-align: center;} /* 20240328 */

	.application-notice-box .bottom-area .cont-area.ovhide > .item{display:block;margin-top: 10px;}
	.application-notice-box .bottom-area .cont-area.ovhide > .item:first-child{margin-top:0;}
    .application-notice-box .bottom-area .cont-area.ovhide > .item .tit{margin-bottom:5px;}
    /* //20240321 */

    .application-notice-box .bottom-area .cont-area.ovhide > .item > .tit{text-align: left;} /* 20240328 */

    .application-notice-box .top-area{padding-right:70px;} /* 20240402 */
	.application-notice-box .top-area .pop-close{width: 50px;right: 10px;} /* 20240402 */
}

/* //20240308 */

/* 20240411 */
.ns1117-box3 .story{margin-bottom:80px;color:#333333;}
.ns1117-box3 .story .tit,
.ns1117-box3 .story p{color:inherit;}
.ns1117-box3 .story .tit{font-size:1.2rem;}
.ns1117-box3 .story p{margin-top:30px;letter-spacing:-0.5px;font-weight:600;}

.open-v{overflow:hidden;background:var(--bg-gray);border:1px solid #dcdcdc;padding:10px 90px 10px 22px;margin-top:30px;line-height:25px;}
.open-v a{display:inline;}
.open-v img{float:left;font-size:15px;color:#777;margin-right:15px;}

@media screen and (max-width: 1024px){
	.open-v{padding:10px 22px;}
}

@media screen and (max-width: 800px){
	.open-v img{float:none;display:block;margin-right:0;margin-bottom:10px;}
}

@media screen and (max-width:767px){
	.ns1117-box3 .story{margin-bottom:40px;}
	.ns1117-box3 .story p{margin-top:12px;}
	.ns1117-box3 > ul > li .cont{width:200px;}
}

@media screen and (max-width:480px){
	.ns1117-box3 > ul > li{flex-direction: column;align-content: center;}
	.ns1117-box3 > ul > li .cont{width:100%;text-align:center;}
	.ns1117-box3 > ul > li .img{margin: 0 auto;}
}
/* //20240411 */

/* 20240527 */
.city-desc-box{border:1px solid #d0d0d0;padding:40px 50px 55px;display:flex;align-items: center;}

.city-desc-box .txt-part{width:55%;padding-left:5px;}
.city-desc-box .txt-part .sub-list1{display:flex;flex-direction:column;margin-left:0;}
.city-desc-box .img-part{width:45%;}
.city-desc-box .img-part img{width:100%;}
.city-desc-box .txt-part .btn-box{margin-top:20px;margin-left:16px;}
/* //20240527 */

/* 20240605 */
.city-desc-box2{border:1px solid #d0d0d0;padding:40px;display:flex;align-items: center;}

.city-desc-box2 .txt-part{width:55%;padding-left:30px;}
.city-desc-box2 .txt-part .sub-list1{display:flex;flex-direction:column;margin-left:0;}
.city-desc-box2 .img-part{width:45%;margin-top:-5px;}
.city-desc-box2 .img-part img{width:100%;margin-top:5px;}
.city-desc-box2 .txt-part .btn-box{margin-top:20px;margin-left:16px;}
.city-desc-box2 .sub-list1 > li{margin-top:15px;}

.sub-list1.length-four-style{padding-top:7px;margin-top:-12px;}
.sub-list1.length-four-style > li{margin-top:12px;line-height:normal;}
.sub-list1.length-four-style > li:before{top:10px;}
.length-four-style > li > span,
.length-four-style > li > p{display:inline-block;font-size:17px;vertical-align:top;}
.length-four-style > li > p{width:calc(100% - 90px);}
.length-four-style > li > .w100{width:100%;}
.length-four-style > li > .f-font{min-width:70px;text-align:justify;text-align-last:justify;letter-spacing:-4px;padding-right:2px;}
.length-four-style > li .sub-list3{margin-left:5px;}
.length-four-style > li .sub-list3 > li{margin-top:12px !important;font-size:17px;background-position:0px 9px;}
.length-four-style > li > .s-font-p{width:calc(100% - 130px);}

.white-but-sub3{display:inline-block;padding:0 40px;height:60px;line-height:56px;font-weight:bold;background:#fffcf8;color:#333333;border:2px solid #b3b3b3;border-radius: 10px;font-size: 17px; box-sizing: border-box;}

@media screen and (max-width:768px){
    /* 20240527 */
    .city-desc-box{padding:30px; flex-direction: column;align-items:normal;}
	.city-desc-box .img-part,
	.city-desc-box .txt-part{width:auto;}
	.city-desc-box .img-part{text-align:center;}
	.city-desc-box .img-part img{width:auto;}
	.city-desc-box .txt-part{margin-top:20px;padding-left:12px;}
	.city-desc-box .txt-part .btn-box{margin-left:-12px;}
    /* //20240527 */

	.city-desc-box2{padding:30px; flex-direction: column;align-items:normal;}
	.city-desc-box2 .img-part,
	.city-desc-box2 .txt-part{width:auto;}
	.city-desc-box2 .txt-part{margin-top:20px;padding-left:12px;}
	.city-desc-box2 .txt-part .btn-box{margin-left:-12px;}

	.sub-list1.length-four-style > li{padding-left:25px;}
	.sub-list1.length-four-style > li:before{left:10px;top: 7px;}

	.length-four-style > li > span, .length-four-style > li > p{font-size:15px;}

	.length-four-style > li .sub-list3 > li{font-size:15px;background-position: 0px 11px;}

	.white-but-sub3{padding:0 20px;}
}

@media screen and (max-width:480px){
    /* 20240527 */
    .city-desc-box{padding:30px 15px;}
	.city-desc-box .txt-part .btn-box{text-align:center;}
    /* //20240527 */

	.city-desc-box2{padding:30px 15px;}
	.city-desc-box2 .txt-part .btn-box{text-align:center;}
}

@media screen and (max-width:400px){
	.length-four-style > li > p,.length-four-style > li > .s-font-p{width:100%;}

}
/* //20240605 */

/* 20240607 */
.map-detail-panel{border:1px solid #e2e2e2;border-top:2px solid #333;display:flex;align-items: center;}/* 20240626 */
.map-detail-panel .position-show{flex: 1 1 auto;min-height:660px;background: url(../images/new_common/partnerTowns/mesh_bg.png) repeat center/cover;}/* 20240626 */

#position-show-map{min-height:inherit;background:url(../images/new_common/partnerTowns/cities_detail_null.png?ver=N25) no-repeat center;}
#position-show-map.hongcheon-gun{background-image:url(../images/new_common/partnerTowns/cities_hongcheon_gun.png?ver=N25);}
#position-show-map.wando-gun{background-image:url(../images/new_common/partnerTowns/cities_wando_gun.png?ver=N25);}
#position-show-map.gokseong-gun{background-image:url(../images/new_common/partnerTowns/cities_gokseong_gun.png?ver=N25);}
#position-show-map.bonghwa-gun{background-image:url(../images/new_common/partnerTowns/cities_bonghwa_gun.png?ver=N25);}
#position-show-map.geochang-gun{background-image:url(../images/new_common/partnerTowns/cities_geochang_gun.png?ver=N25);}
#position-show-map.icheon-si{background-image:url(../images/new_common/partnerTowns/cities_icheon_si.png?ver=N25);}
#position-show-map.jincheon-gun{background-image:url(../images/new_common/partnerTowns/cities_jincheon_gun.png?ver=N25);}
#position-show-map.sangju-si{background-image:url(../images/new_common/partnerTowns/cities_sangju_si.png?ver=N25);}
#position-show-map.goheung-gun{background-image:url(../images/new_common/partnerTowns/cities_goheung_gun.png?ver=N25);}
#position-show-map.jeongeup-si{background-image:url(../images/new_common/partnerTowns/cities_jeongeup_si.png?ver=N25);}
#position-show-map.yeongyang-gun{background-image:url(../images/new_common/partnerTowns/cities_yeongyang_gun.png?ver=N25);}
#position-show-map.gyeongsan-si{background-image:url(../images/new_common/partnerTowns/cities_gyeongsan_si.png?ver=N25);}
#position-show-map.jinan-gun{background-image:url(../images/new_common/partnerTowns/cities_jinan_gun.png?ver=N25);}
#position-show-map.eumseong-gun{background-image:url(../images/new_common/partnerTowns/cities_eumseong_gun.png?ver=N25);}
#position-show-map.cheongyang-gun{background-image:url(../images/new_common/partnerTowns/cities_cheongyang_gun.png?ver=N25);}
#position-show-map.buyeo-gun{background-image:url(../images/new_common/partnerTowns/cities_buyeo_gun.png?ver=N25);}
#position-show-map.nonsan-si{background-image:url(../images/new_common/partnerTowns/cities_nonsan_si.png?ver=N25);}
#position-show-map.yeonggwang-gun{background-image:url(../images/new_common/partnerTowns/cities_yeonggwang_gun.png?ver=N25);}
#position-show-map.samcheok-si{background-image:url(../images/new_common/partnerTowns/cities_samcheok_si.png?ver=N25);}
#position-show-map.uiseong-gun{background-image:url(../images/new_common/partnerTowns/cities_uiseong-gun.png?ver=N25);}
/* 20240619 */
#position-show-map.wonju-si{background-image:url(../images/new_common/partnerTowns/cities_wonju-si.png?ver=N25);}
#position-show-map.pocheon-si{background-image:url(../images/new_common/partnerTowns/cities_pocheon-si.png?ver=N25);}
/* //20240619 */

.map-detail-panel .position-select{flex: 0 1 auto;width: 364px;padding: 0 20px;box-sizing: border-box;}/* 20240626 */
.map-detail-panel .position-select > ul{margin-left:-8px;margin-top: -5px;}/* 20240626 */
.map-detail-panel .position-select > ul > li{float:left;margin-left:8px;margin-top: 5px;width:calc((100% - 16px) / 2);}/* 20240626 */
.map-detail-panel .position-select > ul > li > a{display:block;background:#f1f7fc;height: 51px;line-height: 51px;text-align:center;font-size:17px;color:#82898f;font-weight:500;border-radius:10px;}/* 20240626 */
.map-detail-panel .position-select > ul > li > a.on{background:#4c82c3;color:#fff;}

/* 20240611 */
.map-detail-panel.type2{align-items: center;}
.map-detail-panel.type2 .position-show{width:610px;min-height:500px;}
.map-detail-panel.type2 .position-select{width:calc(100% - 610px);}
.map-detail-panel.type2 .position-select.hole-line-style > ul{margin-left:0;}
.map-detail-panel.type2 .position-select.hole-line-style > ul > li{width:100%;margin-left:0;}

.map-detail-panel.type2 #position-show-map{background-image:url(../images/new_common/partnerTowns/cities_detail_null2.png);}
.map-detail-panel.type2 #position-show-map.willoughby{background-image:url(../images/new_common/partnerTowns/willoughby.png);}
.map-detail-panel.type2 #position-show-map.tanshan{background-image:url(../images/new_common/partnerTowns/tanshan.png);}
.map-detail-panel.type2 #position-show-map.segovia{background-image:url(../images/new_common/partnerTowns/segovia.png);}
.map-detail-panel.type2 #position-show-map.hangzhou{background-image:url(../images/new_common/partnerTowns/hangzhou.png);}
.map-detail-panel.type2 #position-show-map.qhd{background-image:url(../images/new_common/partnerTowns/qhd.png);}
.map-detail-panel.type2 #position-show-map.shd{background-image:url(../images/new_common/partnerTowns/shd.png);}
.map-detail-panel.type2 #position-show-map.musashino{background-image:url(../images/new_common/partnerTowns/musashino.png);}
.map-detail-panel.type2 #position-show-map.bjft{background-image:url(../images/new_common/partnerTowns/bjft.png);}
/* //20240611 */

@media screen and (min-width:1200px) and (max-width:1280px){
	.map-detail-panel .position-select{padding:5px;}
}

/* 20240611 */
@media screen and (max-width:1320px){
	.map-detail-panel.type2 .position-select > ul > li > a{display: flex;align-items: center;justify-content: center;line-height:normal;min-height:56px;height:auto;padding:0 3px;}
}
/* //20240611 */

@media screen and (max-width:1024px){
	/* 20240611 */
	.map-detail-panel .position-show{width:65% !important;}
	.map-detail-panel .position-select{width:35% !important;padding:15px 10px;}
	#position-show-map{background-size: contain;}
	/* //20240611 */
}

@media screen and (max-width:767px){
	.map-detail-panel{flex-direction: column;padding:8px 6px;}
	.map-detail-panel .position-show{order:2;width:100% !important;margin-top:10px;}/* 20240611 */
	.map-detail-panel .position-select{order:1;width:auto !important;padding:0;}/* 20240611 */
	.map-detail-panel .position-select > ul > li > a{font-size:15px;}
}

@media screen and (max-width:480px){
	#position-show-map{background-size: contain;}
	.map-detail-panel .position-show{min-height:410px;}
    .map-detail-panel.type2 .position-show{min-height:270px;}/* 20240611 */
}
/* //20240607 */


/* ******************* *
* 2022년 sub_re.css 시작
* ******************* */
/* sub_introduction */
.sub-introduction-area{float: left;max-width: 300px;background: #eff3fa;width: 100%;z-index: 5;position:relative;text-align: center;}
.sub-introduction-area > .inner{position: relative;padding: 34px 0;background-image: url(../images/new_common/sub/img_complain_bg.png);background-repeat: no-repeat;background-position: 80% 75%;background: #f6e2e4;border-bottom-right-radius: 45px;border-bottom-left-radius: 45px;}
.sub-introduction-area > .inner.introduce{background-image: url(../images/new_common/sub/img_introduce_bg.png);background-repeat: no-repeat;background-position: 80% 75%;background-color: #e0e6f9;}
.sub-introduction-area > .inner.communicate{background-image: url(../images/new_common/sub/img_introduce_bg.png);background-repeat: no-repeat;background-position: 80% 75%;background-color: #d8ecfb;}
.sub-introduction-area > .inner.field{background-image: url(../images/new_common/sub/img_field_bg.png);background-repeat: no-repeat;background-position: 80% 75%;background-color: #cbf4e0;}
.sub-introduction-area > .inner.administration{background-image: url(../images/new_common/sub/img_administration_bg.png);background-repeat: no-repeat;background-position: 80% 75%;background-color: #f3f1c1;}
.sub-introduction-area > .inner.information{background-color: #e8e2fe;}
.sub-introduction-area > .inner{display:none;}
.sub-introduction-area > .inner.active{display:block;}
.sub-introduction-area > .inner.on{display:block;}

.sub-introduction-area > .inner:after{content: "";position: absolute;left: -9999px;z-index: -1;right: 0;top: 0;bottom: 0;border-bottom-right-radius: 45px;}
.sub-introduction-area > .inner.complain:after{background: #f6e2e4;}
.sub-introduction-area > .inner.introduce:after{background: #e0e6f9;}
.sub-introduction-area > .inner.communicate:after{background: #d8ecfb;}
.sub-introduction-area > .inner.field:after{background: #cbf4e0;}
.sub-introduction-area > .inner.administration:after{background: #f3f1c1;}
.sub-introduction-area > .inner.information:after{background: #e8e2fe;}


.sub-introduction-area.introduce .inner{right: 100px;}
.sub-introduction-area.communicate .inner{right:70px;}
.sub-introduction-area.field .inner{right: 90px;}
.sub-introduction-area.administration .inner{right: 55px;}
.img-area{margin-bottom: 30px;}
.title-area .sub-ctn-title{font-size: 35px;font-family: 'SCDream';font-weight:500;color: #171717;margin-bottom: 10px;}
.sub-explain{font-size: 16px;font-family: 'SCDream';font-weight:300;color: #171717;}



.side-menu-area{float: left;position: relative;width: 250px;padding: 25px;background: #eff3fa;border-bottom-right-radius: 45px;border-bottom-left-radius: 45px;margin-bottom: 100px;}
.side-menu-area:after{content: "";position: absolute;left: -9999px;top: 0;bottom: 0;z-index: -1;right: 0;background: #eff3fa;border-bottom-right-radius: 45px;}


.sideMenu-list {padding-bottom: 10px;}
.sideMenu-list > li{padding: 20px 0;background: url(../images/new_common/common/ico_arrow_bottom.png) no-repeat;background-position: right;border-bottom: 1px solid #cac7c7eb;}
.sideMenu-list > li:last-child{border: 0;}
.sideMenu-list > li.on{background: url(../images/new_common/common/ico_arrow_top.png) no-repeat;background-position: 100% 18px;}
.sideMenu-list > li.no-subMenu.on{background: url(../images/new_common/common/ico_arrow_right.png) no-repeat;background-position: 100% 18px;}
.sideMenu-list > .no-subMenu{background:none;}
.sideMenu-list > .no-subMenu > a{width: 90%;} /*20230103*/
.sideMenu-list > li > a{display:block;color: #4a4a4a;font-size: 17px;font-family: 'SCDream';position:relative;}
.sideMenu-list > li > a > span{position: relative;}
.sideMenu-list > li.on > a > span:before{content: '';background: #fbeaea;border-radius: 15px;width: 107%;height: 13px;position: absolute;z-index: -1;bottom: 0;left: -5px;}

.sideMenu-list > li.on .slideMenu{display:block;}
.slideMenu{display:none;margin: 10px 0;}
.slideMenu > li{position: relative;display:block;}
.slideMenu > li:before{content: '';background: #686868;width: 3px;height: 3px;border-radius: 30px;position: absolute;top: 45%;left: 0;}
.slideMenu > li.on:before{display: none;}
.slideMenu > li > a{display:block;font-family: 'OneMobile';font-size: 16px;color: #686868;padding: 11.2px 0;padding-left: 7px;position:relative;}
.slideMenu > li.on > a{background: #e54a76;display: block;color: #fff;border-radius: 10px;border-top-left-radius: 0;padding-left: 10px;position:relative;}

.slideMenu > .slideMenu-sub-list > a:after{content: '';    background: url(../images/new_common/sub/ico_slidemenu_on.png) no-repeat;width: 12px;height: 12px;position: absolute;top: 13px;right: 12px;}
.slideMenu > .slideMenu-sub-list.on > a:after{content: '';background: url(../images/new_common/sub/ico_slidemenu_off.png) no-repeat;width: 11px;height: 2px;top: 19px;}

.slideMenu > li.on > .slideMenu-sub{display:block;}

.slideMenu-sub{display:none;background: #fff;padding: 10px 15px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.slideMenu-sub > li{display:block;padding: 6px 0;}
.slideMenu-sub > li > a{display:block;color: #686868;font-size: 15px;font-family: 'OneMobile';}
.slideMenu-sub > li > a:before{content: '-';margin-right: 3px;}
.slideMenu-sub > li.on > a{color: #e54a76;font-weight: bold;}

.slideMenu-sub ul > li{margin: 10px;}
.slideMenu-sub ul > li > a{display:block;color: #686868;font-size: 14px; }
.slideMenu-sub ul > li > a:before{content: '·';margin-right: 3px;}
.slideMenu-sub ul > li.on > a{color: #e54a76;}


.sideMenu-list li a:hover{color: #e54a76;}
.slideMenu > li.on > a:hover{color:#fff;}

.local-navigation{display: flex; justify-content: flex-end; margin-bottom:10px;}

.sub-enter-right-box {margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-end;}
.sub-enter-box { display:flex; }
.sub-enter-box > a { display:block; margin:1px 10px 1px 0px; padding:5px; font-weight:400; box-sizing:border-box; text-align:center;}
.sub-enter-box.wid131 > a { width:150px; padding-right:28px;}
.sub-enter-box.wid114 > a { width:114px; padding-right:24px; line-height: 20px;}
.sub-enter-box > a.pink-enter { color:#fff; font-weight:400; background:url("../../docubraille/sub_pink_enter_img01.png")no-repeat #e54a76 center right 11px; }
.sub-enter-box > a.puple-enter { color:#46417d; border:1px solid #504b84; background: #fff url("../../docubraille/sub_puple_enter_img01.png")no-repeat center right 7px; }
.sub-enter-box > a.wid114.pink-enter { background:url("../../docubraille/sub_pink_enter_img01.png")no-repeat center right 8px; }
.sub-enter-box > a:last-child { margin-right:0; }
.has-enter-box { display: flex; align-items: center;  justify-content: space-between;}
.has-enter-box .sub-enter-right-box {margin-bottom:0;}

/* 종합민원 */
/* 개발부담금이란 */
/* gdp_001_003_004_002_004 */
.li-have4-yesbg > ul{display: flex;flex-wrap: wrap;}


/* 강동소개 */
/* 조직도 및 대표전화 */
/* gdp_004_001_001_001 */
.organizationChart .rank2 > li{height: 312px;}
.worker-list > ul{margin:0;}
.worker-list > ul > li{width: 315px;margin: 23px 0 0 23px;}

/* 20240529 */
.red-txt-style{color:#f63131;}
.online-market-box{padding-top:36px;}
.online-market-box  *{box-sizing: border-box;}
.online-market-box > ul{margin-top:-25px;margin-left: -29px;}
.online-market-box > ul > li{float:left;width: calc(100% / 3 - 29px);margin-left: 29px;margin-top:25px;border:1px solid #e2e2e2;padding:28px 15px 30px;text-align: center;}
.online-market-box > ul > li .img{height:180px;margin:0;display:flex;flex-direction: column;justify-content: center;align-items: center;}

@media screen and (max-width:768px){
	.online-market-box > ul{margin-top:-10px;margin-left:-10px;}
	.online-market-box > ul > li{width: calc(100% / 2 - 10px);margin-left: 10px;margin-top: 10px;}
}

@media screen and (max-width:480px){
	.online-market-box > ul > li .img{height: 100px;}
	.online-market-box > ul > li .img img{height: 100%;width: 100%;object-fit: contain;}
	.online-market-box > ul > li{padding:15px 10px;}
	.online-market-box > ul > li .short-cut-btn{font-size:13px;margin-top: 10px;padding: 5px 30px 5px 10px;background-position: right 10px center;}
}
/* //20240529 */

/* 20240523 */
.bottom-attachment-link{position:relative;width:600px;margin-top:30px;padding:16px 115px 16px 24px;border-radius:8px;border:1px solid #c8c8c8;min-height:70px;box-sizing:border-box;}
.bottom-attachment-link *{box-sizing:border-box;}
.bottom-attachment-link .txt{display:inline-block;position:relative;padding-left:39px;padding-top:6px;}
.bottom-attachment-link .txt::after{content:'';position:absolute;top:4px;left:0;width:25px;height:25px;background:url(../images/new_common/sub/papero_icon.png) no-repeat;}
.bottom-attachment-link .download-btn{position:absolute;display:block;width:105px;height:34px;line-height:34px;padding-left:10px;padding-right:26px;border-radius:8px;background:url(../images/new_common/sub/down_load_icon.png) no-repeat  calc(100% - 9px) center #5b69af;font-size:16px;color:#ffffff;right:12px;top:50%;transform:translateY(-50%);box-sizing:border-box;transition: none;}

@media screen and (max-width:640px){
.bottom-attachment-link{width:100%;padding:10px 10px 60px 10px;min-height:unset;}
.bottom-attachment-link .download-btn{right:50%;transform:translateX(50%);top:auto;bottom:10px;}
}
/* //20240523 */


/*:*:*:*:*:*:*:* 모바일 & 태블릿 *:*:*:*:*:*:*:*/
@media all and (min-width:0) and (max-width:1200px){

    /* sub-introduction-area */
    .sub-introduction-area{max-width: 100%;width:100%;height: 200px;position: relative;box-shadow: none;top: 0;float: initial;}
    .sub-introduction-area > .inner{position: relative;top: 0;right:0;width: 100%;height: 100%;overflow: hidden;border-radius: 0;padding:0;}
    .sub-introduction-area > .inner:after{display: none;}
    .img-area{position: absolute;bottom: -30px;right: 50px;margin: 0;}
    .title-area{position: absolute;top: 25%;left: 50px;}
    .sub-introduction-area.introduce .inner,
    .sub-introduction-area.communicate .inner,
    .sub-introduction-area.field .inner,
    .sub-introduction-area.administration .inner,
    .sub-introduction-area.information .inner{right: 0;}

    /* sub_common - side_menu */
    .side-menu-area{display: none;}

    .content-area{width:100%;margin: 0 auto;float: inherit;}

    .title-area .sub-ctn-title{text-align:left;}

}


/*:*:*:*:*:*:*:* MOBILE *:*:*:*:*:*:*:*/
@media all and (min-width:0) and (max-width:1024px){
    .worker-list > ul > li{width: calc(100% / 3 - 20px);margin: 20px 0 0 20px;}
}

/*:*:*:*:*:*:*:* MOBILE *:*:*:*:*:*:*:*/
@media all and (min-width:0) and (max-width:767px){

    .sub-introduction-area{height: 140px;}

    .title-area .sub-ctn-title{font-size: 22.5px;text-align: left;}
    .sub-explain{font-size: 15px;}
    
    .worker-list > ul > li{width: calc(50% - 20px);}
} 

/*:*:*:*:*:*:*:* MOBILE *:*:*:*:*:*:*:*/
@media all and (min-width:0) and (max-width:540px){
    .worker-list > ul > li{width: 100%; margin:0 0 20px;}
}

/*:*:*:*:*:*:*:* MOBILE *:*:*:*:*:*:*:*/
@media all and (min-width:0) and (max-width:480px){
    .img-area img{width: 164px;}
}

@media all and (min-width:0) and (max-width:360px){

    .img-area{right: -20px;}
    .img-area img{width: 140px;}
    .title-area{left: 25px;}

}
/* ******************* *
* 2022년 sub_re.css 끝
* ******************* */

/* ******************* *
* 2024년 renewal css 시작
* ******************* */
.youtube_linebox { width:100%; height:200px; padding:10px; border:1px solid #ddd; box-sizing:border-box; line-height:1.5; overflow:auto; text-align: left;} /* 240621 */

/* ******************* *
* 서브 공통
* ******************* */
.side-menu-area {display: none;}
body{position:relative; height:auto;}
#content-wrap{position:relative; min-height: calc(100vh - 510px); border-top: 1px solid #e7e7e7; box-shadow: 0px -15px 20px -10px rgba(0, 0, 0, 0.05);}
.content-inner{max-width: 1440px; padding: 20px 15px 30px; margin: 0 auto; box-sizing: border-box;}
.subTitle-wrap {display: flex; flex-direction: column; margin-bottom: 30px;}
.subTitle-wrap .title-box {display: flex;}
.subTitle-wrap .title {padding-left:0px; color: var(--black-1); font-size: 2.1rem; font-weight: 300; box-sizing:border-box;}
.sub-tit2 {margin: 40px 0 10px; padding-left:30px; font-size:1.5rem; font-weight:500; color: var(--dark-brown); line-height: 1.2;}
.sub-tit2::before {display: inline-block; vertical-align: middle; width:23px; height:23px; margin-left:-30px; margin-right:5px; margin-bottom:5px; background:url('../images/new_common/tit_ico.png') left center no-repeat; content:'';}

.share {position: relative; display:inline-flex; align-items: center; margin-left:15px;}

/* ******************* *
* SNB
* ******************* */
.navigation-list {display: flex; align-items: center; flex-wrap: wrap;}
.navigation-list li {position: relative;}
.navigation-list li + li::before {content: '>'; position: absolute; left: -21px;}
.navigation-list li.home {width: 32px; height: 32px; border-radius: 50%; background-color: #f7f7f7; text-align: center;}
.navigation-list li + li {margin-left: 35px;}
.navigation-list li:last-child a {color: var(--black-1); font-weight: 500;}

/* ******************* *
* 탭메뉴
* ******************* */
.select_tab {margin-bottom:20px;}
.select_tab > a {display:none;}
.sub-tabl1 {display:flex; flex-wrap:wrap; width:100%; margin-bottom:20px;}
.sub-tabl1 li {flex:1; position: relative; border-top:2px solid var(--line); border-bottom:3px solid var(--yellow-2); border-radius: 15px 15px 0 0; box-sizing:border-box;}
.sub-tabl1 li:nth-last-child(-n+2):first-child,
.sub-tabl1 li:nth-last-child(-n+2):first-child ~ li {width:50%; flex:none;}
.sub-tabl1 li:nth-last-child(n+10),
.sub-tabl1 li:nth-last-child(n+10) ~ li {flex:none;}
.sub-tabl1 li:first-child {border-left:2px solid var(--line);}
.sub-tabl1 li:last-child {border-right:2px solid var(--line);}
.sub-tabl1 li + li {border-left:2px solid var(--line);}
.sub-tabl1 li.on {border:3px solid var(--yellow-2); border-bottom: 3px solid transparent;}
.sub-tabl1 li.on + li {border-left:0;}
.sub-tabl1 li a {display:inline-flex; width: 100%; height: 100%; padding: 13px 12px; line-height: 120%; font-size:1.1rem; justify-content: center; align-items: center; text-align: center; word-break: keep-all; box-sizing:border-box;}
.sub-tabl1 li.on a {color:var(--dark-brown); font-weight:bold;}

.tab-style {display:flex; flex-wrap:wrap; width:100%; margin-bottom:20px;}
.tab-style li {flex:1; position: relative; border-top:2px solid var(--line); border-bottom:3px solid var(--yellow-2); border-radius: 15px 15px 0 0; box-sizing:border-box;}
.tab-style li:nth-last-child(-n+2):first-child,
.tab-style li:nth-last-child(-n+2):first-child ~ li {width:50%; flex:none;}
.tab-style li:nth-last-child(n+10),
.tab-style li:nth-last-child(n+10) ~ li {flex:none;}
.tab-style li:first-child {border-left:2px solid var(--line);}
.tab-style li:last-child {border-right:2px solid var(--line);}
.tab-style li + li {border-left:2px solid var(--line);}
.tab-style li.on {border:3px solid var(--yellow-2); border-bottom: 3px solid transparent;}
.tab-style li.on + li {border-left:0;}
.tab-style li a {display:inline-flex; width: 100%; height: 100%; padding: 13px 12px; line-height: 120%; font-size:1.1rem; justify-content: center; align-items: center; text-align: center; word-break: keep-all; box-sizing:border-box;}
.tab-style li.on a {color:var(--dark-brown); font-weight:bold;}

.sub-tabl2{margin-bottom:20px; display: flex; flex-wrap: wrap; gap: 10px;}
.sub-tabl2 li {width: calc(100% / 5 - 8px); border: 1px solid var(--line); color:var(--black-6); box-sizing: border-box;}
.sub-tabl2 li.on {border: 2px solid var(--dark-brown); color: var(--dark-brown); font-weight: 500;}
.sub-tabl2 li a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;text-align:center;padding:10px;line-height:1.3;box-sizing: border-box;}
.sub-tabl2.row3 li{width: calc(100% / 3 - 8px);}
.sub-tabl2.row5 li{width: calc(100% / 5 - 8px);}
.sub-tabl2.row5 li a{padding:10px 5px;}


.sub-tabl3 {display: flex; flex-wrap: wrap; gap: 5px; margin-bottom:20px;}
.sub-tabl3 li {width:calc(100% / 3 - 3.3333px); text-align:center; color:var(--black-1); border:1px solid var(--line); border-bottom: 2px solid var(--dark-brown); background-color: var(--white); border-radius: 0; box-sizing: border-box;}
.sub-tabl3 li.on {background-color: #675642; color: #fff; background-image: url(../images/new_common/tab_patt.png); background-position: center;}
.sub-tabl3 li:nth-last-child(-n+1):first-child, .sub-tabl3 li:nth-last-child(-n+1):first-child ~ li {width:100%;}
.sub-tabl3 li a{display:block; text-align:center; padding:13px; line-height:120%;}

/* ******************* *
* 만족도 조사
* ******************* */
.survey_box_wrap {margin-top:30px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden;}
.satisfaction{margin-top:30px; border: 1px solid var(--line); border-radius: 20px; overflow: hidden;}
.info-supply {display: flex; justify-content: space-between; padding: 20px 30px; background-color: var(--bg-gray); box-sizing: border-box;}
.info-supply .p1 {background-image: url(../images/new_common/bg-supply01.png);}
.info-supply .p2 {background-image: url(../images/new_common/bg-supply02.png);}
.info-supply .tag {margin-right: 15px; color:var(--black-3); font-weight:400;}
.info-supply span {color: var(--black-6); font-weight: 300;}
.info-supply .ask {display: flex; gap: 50px;}
.info-supply .ask p {padding-left: 25px; background-position: left center; background-repeat: no-repeat;}

.satisfaction-check {position: relative; padding: 20px 130px; background-color: #F5F0DD; background-image: url(../images/new_common/cs_bg.png); background-position: left 30px center; background-repeat: no-repeat; box-sizing: border-box;}
.satisfaction-check > p {margin-bottom: 10px; word-break: keep-all;}
.satisfaction-check label{margin-left: 5px;}
.satisfaction-check input[type='radio'] {-webkit-appearance: none;position: relative;width: 28px;height: 28px;cursor: pointer; /*outline: none !important;*/ border: 1px solid #ddd;border-radius: 50px;background: #fff;vertical-align: middle;}
.satisfaction-check input[type='radio']:checked:after {content:'';background: #f78f3b; width: 14px;height: 14px;display: inline-block;border-radius: 50px;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}
.satisfaction-check span {display: inline-flex; align-items: center; margin-right: 10px;}
.satisfaction-button {position: absolute; top: 50%; right: 30px; transform: translateY(-70%); display: inline-flex; align-items: center; height: 50px; padding: 0 20px; background-color: var(--black-3); color: var(--white); font-weight: 500; box-sizing: border-box; border-radius: 12px;}

/* ******************* *
* 버튼
* ******************* */

/*바로가기*/
.short-cut-btn {display: inline-flex; align-items: center; margin:5px; padding:8px 40px 8px 15px; font-size: 1rem; line-height:1.3; background-image: url(../images/new_common/blank_ico.png); background-position: right 15px center; background-color: var(--bg-gray); background-repeat: no-repeat; color: var(--black-1); font-weight: 500; border: 1px solid var(--line); border-radius: 10px; box-sizing: border-box;}
.sub-list1 .and-btn .short-cut-btn {margin-left:5px; margin-top:0;}
.sub-list1 .short-cut-btn {margin-left:10px;}

/*바로보기*/
.preview-but{color: var(--black-3); padding:5px 10px; border: 1px solid var(--line);}
.preview-but > span{height: inherit;display: inline-block;vertical-align: middle;padding-right: 20px;background: url('../images/new_common/sub01_bg4.png') no-repeat right center;}
.preview-but2{margin:5px; padding: 0 15px; color: var(--black-3); background-color: var(--white); border: 1px solid var(--line); border-radius:10px; font-size:1rem;}
.preview-but2 > span{height: 40px;display: table-cell;vertical-align: middle;padding-right: 25px;background: url('../images/new_common/short-cut-btn.gif') no-repeat right center;}

/*다운로드*/
.download-but {height: 40px; font-size: 15px; padding: 0 20px; color: var(--black-1); background-color: var(--white); border: 1px solid var(--black-3); box-sizing: border-box; border-radius: 12px;}
.download-but > span{display: inline-flex; align-items: center; height: 100%; padding-right: 30px;background: url('../images/new_common/down_ico.png') no-repeat right center;}

/*검색*/
.sub-searchBox{padding:15px; margin-bottom:30px; text-align:center; border:1px solid var(--line); box-sizing: border-box;}
.sub-searchBox select{height:34px; width:131px; background-color: var(--white); border:1px solid var(--line); vertical-align:top;}
.sub-searchBox input[type='text']{width:358px; height:50px; line-height:50px; padding:0px 5px; border:1px solid var(--line); border-radius: 12px; vertical-align:top; text-align:left; box-sizing:border-box;}
.sub-searchBox a{display:inline-block; vertical-align:top; width:100px; height:50px; line-height:50px; color:#fff; background:var(--bg-black-4); border-radius: 12px; font-weight:500; text-align:center;}
#content-wrap .search-box select {height: 50px; background-color: var(--white); border-radius: 12px;}
#content-wrap .search-box input {height: 50px; border-radius: 12px; background-color: var(--white);}
[class*="sb-but"] {display: inline-block; vertical-align: top; width: 100px; height: 50px; line-height: 50px; color: #fff; background: var(--bg-black-4); border-radius: 12px; font-weight: 500; text-align: center;}
.sb-but2 {background:var(--mint);}
.but-wrap {display: inline-block; vertical-align: middle;}

.search-pageSize{background-color: var(--white); border-radius: 40px; padding-left: 10px; margin-left: 10px; margin-bottom: 10px;}

/*입법예고 바로가기*/
.sub2-bt1{display:inline-block; vertical-align:top; padding:9px 15px; background:var(--mint); margin-top:15px; border-radius:10px;}
.sub2-bt1 span{display:block; padding-right:18px; font-weight:300;  color:#fff; background:url('../images/new_common/sub2-bt1.png') no-repeat right center;}

/*작성*/
.white-but-sub2{display:inline-block; padding-left: 20px; padding-right: 45px; height:50px; line-height:50px; color:var(--black-4); background-color:var(--white); background-image: url(../images/new_common/write_ico.png); background-repeat: no-repeat; background-position: right 20px center; font-weight:500; border: 1px solid var(--black-3); border-radius: 12px; box-sizing: border-box;}

/*목록*/
.black-but-sub2{display:inline-block; padding:0px 25px; height:45px; line-height:45px; background:#444; font-weight:400; color:#fff; border-radius:12px;}

.smssign .sb-button {display:flex; width:auto; background:none;}
.sb-button > a.blue {background:var(--mint);}

/* ******************* *
* 리스트
* ******************* */
.title-green, .triangle-list li {position:relative; padding-left: 20px; margin: 20px 0 10px 12px; font-size: 1.05rem; font-weight: 500; line-height: 1.3; color: var(--black-1);}
.title-green::before, .triangle-list > li::before {display: inline-block; vertical-align: middle; width:15px; height:15px; margin-left:-20px; margin-right:5px; margin-bottom: 3px; content:''; background:url(../images/new_common/ico_subTitle.png) center no-repeat;}

.triangle-list li > *{display: inline-block; vertical-align: middle;}
.triangle-list li > span{padding-right: 4px;}

.triangle-list .sub-list2 > li {margin: 0;}

.sub-list1 {margin-left:30px;}
.sub-list1 > li {position:relative;padding-left: 15px; line-height: 1.4;}
.sub-list1:not(.list-ping) > li > p:first-of-type {display:inline-block; width: calc(100% - 5px);}
.sub-list1 > li::before {position: absolute;top: 8px;display: inline-block; vertical-align: middle; width:10px; height:10px; margin-left:-15px; margin-right:5px; margin-bottom:3px; border:3px solid var(--yellow); border-radius:50%; content:''; box-sizing:border-box;}
.sub-list1 > li.no-bg::before {content:none;}
.sub-list1 > li.bg_none::before {content:none;}
.sub-list1 > li + li {margin-top: 5px;}
.sub-list1 > li > span {color: var(--black-1); font-weight: 500; padding-right: 4px;}
.sub-list1 > li > ol{padding-left: 20px;}
.sub-list1 > li > ol > li{margin-top: 5px;list-style: decimal;}
ul li .dw-box{display:inline-block;transform: translateY(-4px);vertical-align: top;}

.sub-list1 .sub-list2,
.sub-list1 .sub-list3,
.sub-list1 .ol-txt,
.ol-txt .sub-list2,
.ol-txt .sub-list3 {margin-left:0;}

.sub-list1 li.red_txt{margin-top: 5px; padding-left: 0; color: #c93f3f; background: none;}
.sub-list1 li.red_txt::before{display:none;}

.sub-list2 {margin-left: 30px;}
.sub-list2 > li {position: relative; padding-left: 7px; line-height:1.4;margin-top: 5px;}
.sub-list2 > li > p:first-of-type {display:inline-block; width: calc(100% - 5px);}
.sub-list2 > li::before {display: inline-block; vertical-align: middle; width:2px; height:2px; margin-left:-7px; margin-right:5px; margin-bottom:3px; background-color:var(--black-3); content:'';}
.sub-list2 > li + li {margin-top:5px;}
.sub-list2 > li.no-bg::before {content:none;}

.sub2-list1 > li {position: relative; padding-left: 7px; line-height:1.4;}
.sub2-list1 > li::before {position: absolute;top: 12px;display: inline-block; vertical-align: middle; width:2px; height:2px; margin-left:-7px; margin-right:5px; margin-bottom:3px; background-color:var(--black-3); content:'';}
.sub2-list1 > li + li {margin-top: 5px;}
.blank{display: inline-block;vertical-align: 2px;text-align: center;margin: 0 5px;padding: 0 10px;height: 18px;line-height: 18px;background-color: var(--white);border: 1px solid var(--black-3);box-sizing: border-box;border-radius: 3px;font-size: 13px;font-weight: 500;color: var(--blue);}


.sub-list3 {margin-left: 30px;}
.sub-list3 > li {margin-top: 5px;padding-left: 10px;background: url('../images/new_common/sub2-list2.gif') no-repeat 0px 11px;text-align: left;}/* 20201202 */
.sub-list3 .grey-box  {margin-top:10px;}

.list-ping > li > * {display: inline-block; vertical-align: top; width:auto !important;}
.list-ping > li > .sub-list2 {margin-left:5px;}
.list-ping > li > .sub-list3 {display:block; margin-left:10px;}

/* ******************* *
* info 박스
* ******************* */
.grey-box{padding: 30px; background-color: var(--bg-gray); border-radius: 15px; border: 1px solid var(--line); box-sizing: border-box; margin-bottom: 35px;}
.grey-box strong {font-size: 20px; font-weight: 500; color: var(--black-1);}
.grey-box p {line-height:1.3;}
.grey-box > .sub-list1 {margin-left: 0;}
.grey-box > .sub-list1 > li {padding-left: 20px;}
.grey-box > .sub-list1 > li::before {top: 11px; width: 2px; height: 2px; border: 0; background-color: var(--black-3);}
.grey-box > .sub-list2 {margin-left: 0;}

.sub01-bgbox {width: 100%; min-height: 180px; padding: 7px; background-image: url('../images/new_common/box_patt.png'); margin-bottom: 35px; box-sizing: border-box;}
.sub01-bgbox > ul{margin: 0; min-height: inherit; padding:30px 0px 30px 190px; background-color: var(--white); background-position: left 40px center; background-repeat: no-repeat; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: baseline; gap: 10px;}
.sub01-bgbox > ul.bg6{background-image: url('../images/new_common/sub/box_bg6.png');}
.sub01-bgbox > ul.g2019C-bg1{padding-left: 185px;background: url('../images/new_common/sub03_bg5.png');}
.sub01-bgbox > ul.g2019C-bg2{background-image: url('../images/new_common/sub03_bg14.png');}

.sub01-bgbox > ul.g2019C-bg12{background-image: url('../images/new_common/sub03_bg31.png');}
.sub01-bgbox > ul > li.title{font-weight: 700;color: #333;font-size: 20px;line-height: 18px;margin-bottom: 6px;}
.sub01-bgbox > ul > li.big-title{font-weight: 500;color: #222;font-size: 25px;line-height: 25px;margin-bottom: 12px;}
.sub01-bgbox .bg-box {min-height: 180px; padding: 30px 30px 30px 190px; background-color: var(--white); box-sizing: border-box;}
.sub01-bgbox .info-tit {display: block; margin-bottom: 15px; font-size: 24px; font-weight: 500; color: var(--black-1);}

.sub2-box1 {position: relative; padding: 7px; background-image: url(../images/new_common/box_patt.png); margin-bottom: 25px;}
.sub2-box1 .sub-tit2 {margin: 0 0 20px; padding-left: 0;}
.sub2-box1 .sub-tit2::before {content:none;}
.sub2-box1 > div {padding: 30px 315px 30px 30px; background-color: var(--white); box-sizing: border-box;}
.sub2-box1 > div p {color: var(--dark-brown); font-weight: 500; line-height: 1.4;}
.sub2-box1 > div .p2 {color: var(--black-6); font-weight: 400;}
.sub2-box1::after {position: absolute; right: 50px; bottom: 20px; width: 210px; height: 80%;  background: url(../images/new_common/sub2_box1_bg.png) no-repeat; background-size: 100% 100%; content: '';}
.sub2-box1:has(.sub2_box_suggest)::after {background-image: none;}
.sub2-box1 .sub2_box_suggest {padding: 40px;}
.sub2-box1 .sub-list1 {margin-left: 0;}
.sub2-box1 .sub-list1 > li {padding-left: 20px;}
.sub2-box1 > li::before {top: 11px; width: 2px; height: 2px; border: 0; background-color: var(--black-3);}
.sub2-box1 .sub2-list1 {margin-top:10px; margin-bottom:10px;}

.sub2-box1.bg1::after{background-image: url(../images/new_common/ns220803_bg.png);} /* 20241206 */
.sub2-box1.bg2::after{background-image: url(../images/new_common/ns1206_bg.jpg);} /* 20241206 */

.sub2-gbox{padding:20px; border:1px solid var(--line); background:var(--bg-gray); margin-bottom:30px;}
.sub2-gbox > p{margin-bottom:5px;}
.sub2-gbox a{display:inline-block; vertical-align:top; padding:0px 20px; background:var(--white); border:1px solid var(--line);}
.sub2-gbox a p{height:35px; line-height:35px; font-weight:300; color:#444444; font-size:1rem; padding-right:25px; background:url('../images/new_common/sub2Link1.gif') no-repeat right center;}

.info-wrap {padding: 7px; background-image: url(../images/new_common/box_patt.png); margin-bottom: 25px;}
.info-box {display: flex; flex-direction: column; justify-content: center; align-items: baseline; gap: 10px; min-height: 180px; padding:30px 30px 30px 190px; background-color: var(--white); background-position: left 30px top 30px/*left 30px center*/; background-repeat: no-repeat; box-sizing: border-box;}
.info-box2 {padding: 30px; background-color: var(--white); box-sizing: border-box;}
.info-box.bg1 {background-image: url(../images/new_common/info_bg1.png);}
.info-box.bg2 {background-image: url(../images/new_common/info_bg2.png);}
.info-box.bg3 {background-image: url(../images/new_common/info_bg3.png);}
.info-box.bg4 {background-image: url(../images/new_common/info_bg4.png);}
.info-box.bg5 {background-image: url(../images/new_common/info_bg5.png);}
.info-box.bg6 {background-image: url(../images/new_common/info_bg6.png);}
.info-box.bg7 {background-image: url(../images/new_common/info_bg7.png);}
.info-box.bg8 {background-image: url(../images/new_common/info_bg8.png);}
.info-box.bg9 {background-image: url(../images/new_common/add-greybox_new_icon01.gif);}
.info-box.passport {background-image: url(../images/new_common/info_passport.png);}
.info-box.passport2 {background-image: url(../images/new_common/passport/info_passport02.png);background-position:left 30px top 30px;}
.info-box.bg10 {background-image: url(../images/new_common/info_bg10.png);}
.info-box.bg11 {background-image: url(../images/new_common/info_bg11.png);}
.info-box.bg12 {background-image: url(../images/new_common/info_bg12.png);}
.info-box.bg13 {background-image: url(../images/new_common/info_bg13.png);}
.info-box.bg14 {background-image: url(../images/new_common/info_bg14.png);}
.info-box.bg15 {background-image: url(../images/new_common/info_bg15.png);}
.info-box.bg16 {background-image: url(../images/new_common/info_bg16.png);}
.info-box.bg17 {background-image: url(../images/new_common/info_bg17.png);}
.info-box.bg18 {background-image: url(../images/new_common/info_bg18.png);}
.info-box.map {background-image: url(../images/new_common/info_map.png);}
.info-box.megaphone {background-image: url(../images/new_common/info_megaphone.png);}
.info-box .sub-list2 {margin-left: 0;}
.info-box2 .sub-list2 {margin-left: 0;}
.info-tit {display: block; color: var(--black-1); font-size: 24px; font-weight: 500;}
.info-box2 .info-tit {color: var(--dark-brown); margin-bottom:10px;}
.info-box3 {display: flex; align-items: center; justify-content: space-evenly; padding: 30px; background-color: var(--white); box-sizing: border-box;}
.info-box3 img{padding-right: 15px;}
.info-box3 strong{font-weight: 700; padding-bottom: 5px;}

/* ******************* *
* table
* ******************* */
.table01 {width:100%; border-top:1px solid var(--black-1); /*overflow: auto;*/}
.table01 th {padding:12px 10px; line-height:1.2; color: var(--black-1); background: var(--bg-gray); font-weight:500;text-align:center; border-left: 1px solid var(--line); border-bottom:1px solid var(--line); }
.table01 th:last-child {border-right: 1px solid var(--line);}
.table01 td {padding:15px 10px; text-align:center; border-bottom:1px solid var(--line);font-weight:400; }
.table01 td {border-left: 1px solid var(--line);}
.table01 td:last-child {border-right: 1px solid var(--line);}
.table01 td .table-tit{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.table02 th {border-left: 1px solid var(--line);}
.table02 td {border-left: 1px solid var(--line);}

.table_view td{text-align:left;}
.table_view td iframe{max-width:100%;} 
.table_view .detail_view {max-width:970px; margin:0 auto; padding:30px 0;}
.table_view .detail_view > p > img{border:0;max-width:100%;width:100%}

.table01 .sub-list1 {margin-left:0;}

/*사이트맵*/
.site-map > ul {display:flex; flex-wrap:wrap; gap:20px;}
.site-map > ul > li {width:calc(100% / 5 - 16px);}
.site-map > ul > li > a{display:flex; align-items:center; justify-content: center; width: 100%; height:50px; color:var(--white); font-size:1.1rem; background-color:var(--brown); background-image:url(../images/new_common/tab_patt.png);}

/*사이트맵 - depth3*/
.site-map > ul > li > ul {padding:15px 5px;}
.site-map > ul > li > ul > li {position: relative; padding: 0 12px;}
.site-map > ul > li > ul > li::before {position:absolute; left:0; top:12px; width: 5px; height: 5px; border-radius: 50%; background-color:var(--black-1); content:'';}
.site-map > ul > li > ul > li + li {margin-top:10px;}

/*사이트맵 - depth4*/
.site-map > ul > li > ul > li > ul {padding-top:10px;}
.site-map > ul > li > ul > li > ul > li {position: relative; padding: 0 10px;}
.site-map > ul > li > ul > li > ul > li::before {position:absolute; left:0; top:12px; width: 5px; height: 2px; background-color:var(--black-1); content:'';}
.site-map > ul > li > ul > li > ul > li + li {margin-top:10px;}

/*사이트맵 - depth5 이하*/
.site-map > ul > li > ul > li > ul > li ul {padding-top:10px;}
.site-map > ul > li > ul > li > ul > li ul > li {position: relative; padding: 0 13px;}
.site-map > ul > li > ul > li > ul > li ul > li::before {position:absolute; left:0; top:12px; top:5px; width:10px; height:10px; background: url(../images/new_common/depth5_ico.png) no-repeat; content:''; filter: brightness(0) invert(0);}
.site-map > ul > li > ul > li > ul > li ul > li + li {margin-top:10px;}

/*메인비주얼 모아보기*/
.visual-list {display:flex; gap:15px; flex-wrap:wrap;}
.visual-list > li {position:relative; width:calc(50% - 7.5px);}
.visual-list > li::before {display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, #ffffffe8 0%, #ffffff00); position: absolute; top: 0; left: 0; content: '';}
.visual-list > li > a {position:relative; height: 100%; min-height:300px; padding:20px 30px; display:flex; align-items:center; gap:15px; box-sizing:border-box;}
.visual-list .txt-area {width:100%; z-index:1;}
.visual-list .tit {display: block; font-size: 1.5rem; font-weight: bold; line-height: 1.3; color: #514332;}
.visual-list .desc {margin-top: 15px; font-weight: bold; line-height: 1.4; color: #242424;}
.visual-list .tit, .visual-list .desc{word-break: keep-all; white-space: pre-wrap;}
.visual-list img {position: absolute; right: 15px; bottom: 15px; width:200px;}
.visual-list .more-btn {position: absolute; right:30px; top:20px; display: inline-block; padding-right:20px; background: url(/design/theme/portal/images/2024/main/w_arr.png) right center no-repeat; filter: brightness(0) invert(0);}

/*여권발급*/
.civilian-passport-no2{margin-top:20px;}
.civilian-passport-no2  *{box-sizing:border-box;}
.civilian-passport-no2 > .box{width: calc(47%  - 8px);/* width:calc(50% - 100px); */float:left;margin: 0;border-radius:6px;border:1px solid #b9b9b9;padding:20px 30px;background-repeat:no-repeat;background-size:contain;}
.civilian-passport-no2 > .box.orange{background-image:url(../images/new_common/passport/orange_info_box_bg.png);}
.civilian-passport-no2 > .box.blue{background-image:url(../images/new_common/passport/blue_info_box_bg.png);}
.civilian-passport-no2 .title{font-size:18px;color:#1248b5;font-weight:500;}
.civilian-passport-no2 .cont{margin-top:15px;z-index: 5;position: relative;}
.civilian-passport-no2 .cont .left{width:311px;height:232px;float:left;}
.civilian-passport-no2 .cont .left .top-txt{font-size:20px;color:#ffffff;font-weight:600;background:#4e5869;text-align:center;border-radius:7px 7px 0 0;height: 65px; line-height: 65px;}
.civilian-passport-no2 .cont .left .inner{padding:15px 20px 30px;border-right:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;border-radius:0 0 10px 10px;background:#fff;}
.civilian-passport-no2 .cont .left .inner ul li{position:relative;padding-left:15px;display: flex;align-items: center;justify-content: space-between;}
.civilian-passport-no2 .cont .left .inner ul li::before{content:'';display:inline-block;position:absolute;left:0;top: 50%;transform: translateY(-50%);width:8px;height:9px;background:url(../images/new_common/passport/civilian02_li.png) no-repeat;}
.civilian-passport-no2 .cont .left .inner .item{font-size:18px;color:#333333;font-weight:500;}
.civilian-passport-no2 .cont .left .inner .call .detail{font-size:56px;color:#1248b5;font-weight:600;}
.civilian-passport-no2 .cont .left .inner .parameters .detail{font-size:26px;color:#333333;font-weight:500;}
.civilian-passport-no2 .cont .right{height:232px;position:relative;float:right;margin:3px 12px 0;background:url(../images/new_common/passport/cutting_paper.png) no-repeat;width: 206px;padding: 30px 16px;}
.civilian-passport-no2 .cont .right::before{content:'';display:inline-block;position:absolute;left: 50%;top: -4px; transform: translateX(-50%);width:228px;height:8px;background:url(../images/new_common/passport/cutting_paper_before.png) no-repeat;z-index: -1;}
.civilian-passport-no2 .cont .right .top-part{text-align:center;font-size:18px;color:#333333;font-weight:500;padding-bottom: 25px;border-bottom: 1px dashed #e1e1e1;}
.civilian-passport-no2 .cont .right .bottom-part{padding-top:15px;}
.civilian-passport-no2 .cont .right .bottom-part .button{display:block;width:130px;height:44px;line-height:44px;text-align:center;background:#345693;font-size:18px;color:#ffffff;font-weight:500;margin: 0 auto;border: none;outline: none;cursor: pointer;}

.civilian-passport-no2 > .box.blue{float:right;}

.civilian-passport-note{border:1px solid #e3e3e3;padding:10px 25px;}
.civilian-passport-note dl{width:100%;display:table;}
.civilian-passport-note dl > *{display:table-cell;}
.civilian-passport-note dl > dt{font-weight:300;}
.civilian-passport-note dl > dt span{font-weight:600;padding-left:10px;}
.civilian-passport-note dl > dd{width:120px;text-align:right;}
.civilian-passport-note dl > dd a{display:flex;align-items:center;justify-content:space-around;padding:10px 15px 10px 15px;background-color: #345693;/*background:url(../images/new_common/refresh-btn.gif) no-repeat left 15px center #345693*/;color:#fff;font-size:15px;font-weight:300;vertical-align: middle;}
.rotate_loading {animation: rotate_image 1s linear infinite;transform-origin: 50% 50%;}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}

.img-line-box{text-align:center;border:1px solid #b9b9b9;padding:40px 10%;margin-top:35px;}

.civilian-passport-popup{display:none;}
.civilian-passport-popup *{box-sizing:border-box;}
.civilian-passport-popup .box{width:600px;height:355px;border-radius:15px;position:fixed;background:#ffffff;padding:38px 32px 80px;margin-left:0;z-index:10;top: 65%; left: 50%; transform: translate(-50%, -50%);}
.civilian-passport-popup .title{font-size:24px;color:#111111;font-weight:700;}
.civilian-passport-popup .cont{font-size:20px;color:#111111;font-weight:300;text-align:center;height: calc(100% - 35px); display: flex; flex-direction: column; align-items: center;justify-content: center;}
.civilian-passport-popup .cont .tip{padding-top:8px;}
.civilian-passport-popup .buttonBox{text-align: center;}
.civilian-passport-popup .confirm-btn{display:inline;width:108px;height:48px;line-height:48px;text-align:center;font-size:20px;color:#ffffff;font-weight:700;border-radius:10px;position:relative;background: #cc4258;border: none;outline: none;cursor: pointer;}
.civilian-passport-popup .confirm-btn.black{background:#333;}
.civilian-passport-popup .confirm-btn:not(:first-child){margin-left: 10px;}
.civilian-passport-popup .cont .waiting-num{font-size:20px;color:#111111;font-weight:700;padding:10px;}
.civilian-passport-popup .cont .phone-num {display:flex; align-items: center; justify-content: center; }
.civilian-passport-popup .cont .phone-num input[type="text"] {width:105px; border:1px solid #e1e1e1; height:50px; box-sizing: border-box; padding:0 5px; font-size:20px; font-weight:300; color:#111111;border-radius: 15px; text-align:center;}
.civilian-passport-popup .cont .phone-num span.dash {width:6px;height:2px;background:#505050; display:block; margin:0 6px;}
.civilian-passport-popup .ul-num{text-align:left;}
.civilian-passport-popup .ul-num > li{padding-left:18px;position:relative;color:#111111;font-weight:300;}
.civilian-passport-popup .ul-num > li .no{position:absolute;left:0;top:0;}
.civilian-passport-popup .ul-num .short-cut-btn{margin-left:0;}
.civilian-passport-popup:before{content: '';position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.5);z-index:9;}
.popup-shadow{content: '';position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.5);z-index:9;}
@media screen and (max-width:1350px){
	.civilian-passport-no2 > .box{background-size: cover;}
    .civilian-passport-no2 > .box.orange{background-image:url(../images/new_common/passport/mo_orange_info_box_bg.png);}
	.civilian-passport-no2 > .box.blue{background-image:url(../images/new_common/passport/mo_blue_info_box_bg.png);}

	.civilian-passport-no2 .cont .left,
	.civilian-passport-no2 .cont .right{float:none;margin:0 auto;}
	.civilian-passport-no2 .cont .right{margin-top:18px;}
}

@media screen and (min-width:769px) and (max-width:800px){
	.civilian-passport-no2 > .box{padding:10px 15px;}
	.civilian-passport-no2 .cont .left{width:100%;}
}

@media screen and (max-width:768px){
	.civilian-passport-no2 > .box{width:100%;float:none;}
	.civilian-passport-no2 > .box.blue{float:none;margin-top:20px;}

	.civilian-passport-no2 .cont .left .top-txt{font-size:18px;}
	.civilian-passport-no2 .cont .left .inner .item{font-size:16px;}

    .civilian-passport-note dl{display:block;}
    .civilian-passport-note dl > *{display:block;}
    .civilian-passport-note dl > dd{text-align:center;margin-top:10px;}

	.civilian-passport-popup .box{width:77%;height:310px;padding:20px 25px 70px;}
	.civilian-passport-popup .cont,
	.civilian-passport-popup .cont .waiting-num{font-size:16px;}
	.civilian-passport-popup .confirm-btn{width:78px;height: 45px;line-height: 45px;font-size: 15px;}
	.civilian-passport-popup .cont .phone-num input[type="text"]{width:33%;height:45px;font-size:16px;}

	ul li .dw-box{display:block;margin-top: 10px;}

	.sub-tabl2.row5{gap:5px;}
    .sub-tabl2.row5 li{width: calc(100% / 4 - 4px);}/*20250728 오탈자 수정함*/

}

@media screen and (max-width:480px){
	.info-box.passport2 .sub-list1{margin-left:3px;}

	.civilian-passport-no2 > .box{background-size: contain;padding:20px 25px;}

	.civilian-passport-no2 .cont .left{width:100%;height:auto;}
	.civilian-passport-no2 .cont .left .inner{padding:2px 20px 18px;}
	.civilian-passport-no2 .cont .right{height:182px;background:url(../images/new_common/mo_cutting_paper.png) no-repeat;padding:20px 13px 22px;margin-top:23px;}
	.civilian-passport-no2 .cont .right .top-part{font-size:16px;}
	.civilian-passport-no2 .cont .right .top-part br:nth-child(1){display:none;}
	.civilian-passport-no2 .cont .right .bottom-part{padding-top:20px;}
	.civilian-passport-no2 .cont .right .bottom-part .button{width:108px;height:38px;line-height:38px;}
	.civilian-passport-no2 .cont .right .bottom-part .button{font-size:15px;}

    .civilian-passport-note dl > dt span{display:block;padding:0;}

    .civilian-passport-popup .box{width:calc(100% - 32px);}
}

@media screen and (max-width:400px){
	.civilian-passport-no2 > .box{padding:15px;}
	.civilian-passport-no2 .cont .left .inner .call .detail{font-size:45px;}
	.civilian-passport-no2 .cont .left .inner .parameters .detail{font-size:22px;}
}

/*20250728 로그인*/
.login-info-wrap {
    display: flex; align-items: start;justify-content: center;gap:10px
}
.login-info-wrap .info-wrap {width: calc(100% - 15px);}
.login-info-wrap .info-wrap .info-box2 {width: 100%;min-height:280px;display:flex;justify-content: space-between;flex-direction: column; margin: 0}
.login-info-wrap .info-wrap .info-box2 .tits {margin-top: 0}
.login-info-wrap .info-wrap:nth-of-type(2) {height:100%}
@media screen and (max-width:1024px) {
    .login-info-wrap {flex-direction: column; gap:0;min-height:100dvh;justify-content: start}
    .login-info-wrap .info-wrap .info-box2{min-height:auto}
}
/*20250728*/
/*20250728 달력 : fullcalendar css 파일에 오버라이드할 부분이며 임시로 이쪽으로 넣었습니다.*/
.calendar-box {margin-top: 30px}
.fc-state-default{background:#f7f7f7 url();box-shadow:none}
.fc button {border-radius: 0!important;border:solid 1px var(--line)!important}
.fc button .fc-icon {top: -1px;}
.fc-icon-left-single-arrow::after {content: url('../images/new_common/calendar-prev.png')}
.fc-icon-right-single-arrow::after {content: url('../images/new_common/calendar-next.png')}
.fc-right button:hover {outline: solid 2px #f66f66; outline-offset: -2px}
.calendar-box .fc-unthemed table tbody tr .fc-day {padding: 5px}
.calendar-box .fc-left h2 {font-size: 28px; font-weight: 500;line-height: 42px}
.fc-day-number {position: relative;top: 5px;right: 7px; padding: 0!important;}
.fc-day-header.fc-widget-header {font-weight: 400;padding:5px 0;}
.fc-day-header.fc-widget-header:first-child {color: #f66f66}
.fc-day-header.fc-widget-header:last-child {color: #00abde}
.fc-day {position: relative;}
.calendar-but {width:90%;height:25px;color:#fff;background:#1178C6;border-radius:4px;line-height:25px;font-size:15px;text-align:center;position: absolute;bottom:5px;right:0;left:0;margin:0 auto}
/*20250728*/

/* ******************* *
* Only-Pc
* ******************* */
@media all and (min-width:1200px){
    .white-but-sub2:hover {background-color: var(--bg-black-4); background-image: url(../images/new_common/write_on_ico.png); color: var(--white);}
    .sub-tabl2 li:hover {color: var(--dark-brown); font-weight: 500;}
    .visual-list > li:hover {border-radius:25px; transition: .3s;}
    .visual-list > li:hover .txt-area {transform: translateX(15px); transition: .5s;}
}

/* ******************* *
* 반응형 시작
* ******************* */
@media screen and (max-width:1200px){
	#content-wrap {min-height: calc(100vh - 370px);}
    .content-inner {padding: 20px 15px;}

    /*만족도조사*/
    .info-supply {padding: 20px;}
    .info-supply .ask {gap: 10px;}
    .sub2-box1::after {background: none !important;} /* 20241206 */
    .sub2-box1 > div {padding: 20px 15px;}
    
    /*사이트맵*/
    .site-map > ul > li {width:calc(100% / 3 - 13.333px);}
    
    /*비주얼모아보기*/
    .visual-list img {width:150px;}
}

@media screen and (max-width:1024px){
	#content-wrap {min-height:100vh - 110px;}
	/*메인비주얼 모아보기*/
	.visual-list > li {width:100%;}
	.visual-list > li > a {min-height:250px; padding:20px;}

	/*탭메뉴*/
    .select_tab > a {position:relative; display:block; padding:10px 15px; color:#fff; background-color:#514332; background-image: url(../images/new_common/tab_patt.png); background-position: center; font-size:1.1rem;}
    .select_tab > a::after {content: '';display: block;border: 2px solid #fff;border-top-width: 0;border-left-width: 0;box-sizing: border-box;width: 10px;height: 10px;position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;transform: translateY(-25%) rotate(45deg);transition: transform .35s;}
    .select_tab .sub-tabl1 {display:none; position:absolute; width: calc(100% - 30px); border:1px solid var(--dark-brown); background-color:#fff; box-sizing: border-box; z-index:1;}
    .select_tab .sub-tabl1 li {display:block; width:100%; background-color:var(--white); border-radius:0; border-bottom:0;}
    .select_tab .sub-tabl1 li + li {border:0; border-top:1px solid var(--line); margin-top:0;}
    .select_tab .sub-tabl1 li:first-child {border-left:0; border-top:0;}
    .select_tab .sub-tabl1 li:last-child {border-right:0;}
    .sub-tabl1 li:nth-last-child(-n+2):first-child, .sub-tabl1 li:nth-last-child(-n+2):first-child ~ li {width:100%;}
    .select_tab .sub-tabl1 li a {padding:10px 15px; color:var(--dark-brown); text-align:left; justify-content: left;}
    .select_tab .sub-tabl1 li.on {border:0; border-top: 1px solid var(--line);}
    .select_tab .sub-tabl2 li {width: calc(100% / 3 - 6.666px);}
    
    .select_tab > a {position:relative; display:block; padding:10px 15px; color:#fff; background-color:#514332; background-image: url(../images/new_common/tab_patt.png); background-position: center; font-size:1.1rem;}
    .select_tab > a::after {content: '';display: block;border: 2px solid #fff;border-top-width: 0;border-left-width: 0;box-sizing: border-box;width: 10px;height: 10px;position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;transform: translateY(-25%) rotate(45deg);transition: transform .35s;}
    .select_tab .tab-style {display:none; position:absolute; width: calc(100% - 30px); border:1px solid var(--dark-brown); background-color:#fff; box-sizing: border-box; z-index:1;}
    .select_tab .tab-style li {display:block; width:100%; background-color:var(--white); border-radius:0; border-bottom:0;}
    .select_tab .tab-style li + li {border:0; border-top:1px solid var(--line); margin-top:0;}
    .select_tab .tab-style li:first-child {border-left:0; border-top:0;}
    .select_tab .tab-style li:last-child {border-right:0;}
    .tab-style li:nth-last-child(-n+2):first-child, .tab-style li:nth-last-child(-n+2):first-child ~ li {width:100%;}
    .select_tab .tab-style li a {padding:10px 15px; color:var(--dark-brown); text-align:left; justify-content: left;}
    .select_tab .tab-style li.on {border:0; border-top: 1px solid var(--line);}
    .select_tab .sub-tabl2 li {width: calc(100% / 3 - 6.666px);}

    .sub-tabl1 {display:block;}
    .sub-tabl1 li {display:block; width:100%; border-radius: 0; background:var(--bg-gray); border:0;}
    .sub-tabl1 li.on {border: 2px solid var(--yellow-2); background:var(--white);}
    .sub-tabl1 li + li {border-left:0; margin-top:10px;}
    .sub-tabl1 li:last-child {border-right:0;}
    .sub-tabl1 li.on:last-child {border-right:2px solid var(--yellow-2);}
    .sub-tabl1 li a {padding:10px;}

	.tab-style {display:block;}
	.tab-style li {display:block; width:100%; border-radius: 0; background:var(--bg-gray); border:0;}
	.tab-style li.on {border: 2px solid var(--yellow-2); background:var(--white);}
    .tab-style li + li {border-left:0; margin-top:10px;}
    .tab-style li:last-child {border-right:0;}
    .tab-style li.on:last-child {border-right:2px solid var(--yellow-2);}
    .tab-style li a {padding:10px;}
    
}


@media screen and (max-width:768px){
    .subTitle-wrap {margin-bottom: 15px;}
    .subTitle-wrap .title {padding-left:0; font-size: 1.5rem;}
    .local-navigation{display:none;}
    .share {margin-left:10px;}
    .share > a {width:30px;}
    .sub-tit2 {margin: 20px 0 10px; padding-left: 20px; font-size: 1.2rem;}
    .sub-tit2::before {width: 16px; height: 16px; background-size: 16px; margin-left:-20px; margin-bottom: 2px;}
    h3.tit {font-size: 17px;}
    .title-s1 {font-size: 17px;}
    .title-green, .triangle-list li {margin: 15px 0 10px; font-size: 16px; background-position: left 3px;}

    /*인포박스*/
    .sub01-bgbox {min-height: auto;}
    .sub01-bgbox > ul {padding: 15px 15px 15px 100px; background-size: 70px; background-position: left 15px center;}

    .sub2-gbox {padding: 15px; margin-bottom: 20px;}
    .sub2-gbox a {width: 100%; padding: 10px 5px;}
    .sub2-gbox a p {padding: 0; height: auto; line-height: 1.2; font-size: 13px; background: none;}

    .grey-box {padding: 15px; margin-bottom: 15px;}
    .grey-box strong {font-size: 16px;}
    .grey-box > .sub-list1 > li {padding-left: 10px;}

    .sub2-box1 .sub2_box_suggest {padding: 20px 15px;}
    .sub2-box1 .sub-list1 > li {padding-left: 10px;}

    .info-box {min-height: auto; padding: 15px; background-image: none !important;}
    .info-box2, .info-box3 {padding: 20px 15px;}
    .info-tit {font-size: 17px;}

    /*리스트*/
    .sub-list1 {margin-left: 15px;}
    .sub-list1 > li {padding-left: 12px;}
    .sub-list1 > li:before {top: 5px; }
    .sub2-list1 > li::before {top: 8px;}
    .sub-list1 > li:has(.short-cut-btn)::before {top:14px;}
    
    .sub-list2 {margin-left: 15px;}
    .sub-list3 {margin-left: 15px;}

    /*버튼*/
    .short-cut-btn {padding-left: 10px; padding-right: 35px; background-position: right 10px center; font-size: 14px;}
    .sub-searchBox input[type='text'] {display: block; width: 100%;}
    .sub-searchBox a {width: 50px; height: 40px; line-height: 40px; margin-top: 15px;}
    .white-but-sub2 {height: 40px; line-height: 40px; padding-left: 15px; padding-right: 40px; background-position: right 15px center;}
    .redwrite-but > span {height:40px; background-position:right 6px;}
    .preview-but2 {padding:0 10px;}
    .preview-but2 > span {height:35px;}

    /*검색박스*/
    .search-box {width: 100%; display: flex; gap: 10px 5px; flex-wrap: wrap;}
    .search-box select {width: calc(100% / 3); height: 45px;}
    [class*="sb-but"] {width: 80px; height: 45px; line-height: 45px; margin: 0 auto;}
    #content-wrap .search-box select {height: 45px;}
	#content-wrap .search-box input {height: 45px; flex-grow:1;}
	.but-wrap {width:100%; text-align: center;}

    /*만족도 조사*/
    .info-supply {padding: 15px 10px; justify-content: center;}
    .info-supply .ask {justify-content: center; flex-wrap:wrap;}
    .info-supply .ask p {padding-left:0;}
    .info-supply .ask p + p {padding-left:10px; border-left:1px solid #999;}
    .info-supply .p1 {background-image:none;}
    .info-supply .p2 {background-image:none;}
    .info-supply .tag {display:none;}
    .info-supply .date {display: none;}
    .satisfaction-check input[type='radio'] {width: 20px; height: 20px;}
    .satisfaction-check input[type='radio']:checked:after {width: 10px; height: 10px;}
    
    /*테이블*/
    .table01 > table {/*white-space: nowrap;*/}
    .scroll > table {white-space: nowrap;}
    .table_view > table {white-space: initial;}

    .table02-sub2-bdtop1 > table {white-space: initial;}
    .has-enter-box {flex-direction: column; align-items: normal; gap:10px;}
    .table_view .sub-enter-right-box {justify-content: left;}
    
    /*사이트맵*/
    .site-map > ul > li {width:calc(100% / 2 - 10px);}
}

/*250820*/
@media screen and (max-width: 800px) {
    .satisfaction-check {/* font-size:15px; */word-break: keep-all}
}

@media screen and (max-width: 720px) {
    /*.satisfaction-check {padding: 15px; background-image: none;text-align: center}
    .satisfaction-check span {margin-right: 5px;}
    .btn-evaluate {margin-top: 10px; text-align: center;}
    .satisfaction-button {padding: 15px; height: 40px; position: static; transform: none;}
     .survey_inps  {width: 100%!important} */
}
/*250820*/

@media screen and (max-width:479px){
	
    /*탭메뉴*/
    .sub-tabl2 li {width: 100%;}

    /*인포박스*/
    .sub01-bgbox > ul {padding: 95px 15px 15px; background-position: top 15px center;}

    /*250820*/
    /*만족도 조사*/
    .satisfaction-check {padding: 15px; background-image: none;}
    .satisfaction-check span {margin-right: 5px;}
    .btn-evaluate {margin-top: 10px; text-align: center; clear: both; padding-top: 4px;}
    .satisfaction-button {padding: 15px; height: 40px; position: static; transform: none;}
    #satisfaction_form > span {float: left; padding: 4px;}
    /* .satisfaction-check {padding: 15px 5px; font-size:13px} */
    /*250820*/


    /*비주얼모아보기*/
    .visual-list > li > a {min-height:150px; padding:15px;}
    .visual-list img {width:100px; right:5px; bottom:5px;}
    .visual-list .tit {font-size:1.1rem;}
    .visual-list .desc {width:100%; margin-top:5px; font-size:0.75rem;}
    
    /*사이트맵*/
    .site-map > ul > li {width:100%;}

    .info-box3 img{display: none;}
}

/* 고덕비즈밸리 공적공간 S */
.ropen-space > ul{display:flex;flex-wrap:wrap;gap:25px 30px;}
.ropen-space > ul > li{width:calc((100% - 30px * 3) / 4);}
.ropen-space > ul > li > a{display:block;}
.ropen-space > ul > li .img-space{text-align:center;height:220px;}
.ropen-space > ul > li .img-space img{width:100%;height:100%;object-fit: cover;border-radius: 10px;}
.ropen-space > ul > li .text-space{font-size:21px;color:#111111;font-weight:500;text-align:center;padding-top:17px;}
.ropen-space > ul > li .text-space .bm-txt{display:block;font-size:16px;color:#666666;font-weight:300;}

.space-guide-area *{box-sizing:border-box;}
.space-guide-area{display: flex; gap: 0 30px;}
.space-guide-area .sg-slides-wrap{width:640px;}
.space-guide-area .sg-slides-wrap .big-slides{position:relative;margin-bottom:16px;}
.space-guide-area .sg-slides-wrap .big-slides .swiper-container{overflow:hidden;}
.space-guide-area .sg-slides-wrap .big-slides .swiper-wrapper{justify-content: space-evenly; }
.space-guide-area .sg-slides-wrap .big-slides .swiper-wrapper .swiper-slide{border-radius: 15px;}
.space-guide-area .sg-slides-wrap .big-slides .swiper-wrapper .swiper-slide > a{display:block;position: relative;}
.space-guide-area .sg-slides-wrap .big-slides .swiper-wrapper .swiper-slide .img-box{border-radius:15px;padding-top: 56.25%;position: relative;}
.space-guide-area .sg-slides-wrap .big-slides .swiper-wrapper .swiper-slide .img-box img{position: absolute;top: -9999px;left: -9999px;right: -9999px;bottom: -9999px;margin: auto;min-height: 100%;}
.space-guide-area .sg-slides-wrap .bm-slides{position:relative;}
.space-guide-area .sg-slides-wrap .bm-slides .swiper-container{overflow:hidden;}
.space-guide-area .sg-slides-wrap .bm-slides .swiper-wrapper{justify-content: space-evenly; padding:1px 0;}
.space-guide-area .sg-slides-wrap .bm-slides .swiper-wrapper .swiper-slide{border-radius: 15px;}
.space-guide-area .sg-slides-wrap .bm-slides .swiper-wrapper .swiper-slide > a{display:block;position: relative;}
.space-guide-area .sg-slides-wrap .bm-slides .swiper-wrapper .swiper-slide .img-box{height:111px;border-radius:10px;}
.space-guide-area .sg-slides-wrap .bm-slides .swiper-wrapper .swiper-slide .img-box img{width:100%;height:100%;border-radius:10px;object-fit: cover;}
.space-guide-area .sg-slides-wrap .bm-slides .swiper-slide-thumb-active::after{content:"";position: absolute;left: 0;right: 0;top: -1px;bottom: -1px;border: 2px solid #61a7ff;border-radius: 10px;z-index: 2;}
.space-guide-area .sg-desc{width:calc(100% - 640px);background:#f7f7f7;border-radius:10px;padding:38px;}
.space-guide-area .sg-desc .sub-list1{margin-left:0;border-top:1px solid #e1e1e1;padding:20px 0;}
.space-guide-area .sg-desc .sub-list1:first-child{border-top:0;padding-top:0;}
.space-guide-area .sg-desc .sub-list1:last-child{padding-bottom:0;}
.space-guide-area .sg-desc .sub-list1 > li{display:flex;}
.space-guide-area .sg-desc .sub-list1 > li::before{margin-top:10px;}
.space-guide-area .sg-desc .sub-list1 > li + li{margin-top:15px;}
.space-guide-area .sg-desc .sub-list1 .list-name{width:26%;flex:0 0 auto;font-weight:700;font-size:20px;color:#333333;}
.space-guide-area .sg-desc .sub-list1 .list-cont{width:74%;flex:0 0 auto;font-weight:400;font-size:20px;color:#333333;}

.space-guide-area .sg-desc .ul-line > li{position:relative;padding-left:16px;}
.space-guide-area .sg-desc .ul-line > li::before{content: ""; position: absolute;display:block;left:2px;top:13px;width: 7px; height: 2px; background: #4d4d4d; }

.swiper-notification{display:inline;}

.sg-back-box{text-align:center;margin-top:70px;}
.sg-back-box .back-btn{display:inline-block;border:2px solid #b3b3b3;border-radius:15px;background:#fffcf8;font-size:18px;color:#333333;width:202px;height:56px;line-height:56px;text-align:center;}

@media screen and (max-width:1200px){
	.ropen-space > ul > li{width:calc((100% - 30px * 2) / 3);}

	.space-guide-area{gap:0 20px;}
	.space-guide-area .sg-desc{padding:20px;}
	.space-guide-area .sg-slides-wrap{width:47%;}
	.space-guide-area .sg-desc{width:53%;}
	.space-guide-area .sg-slides-wrap .big-slides .swiper-wrapper .swiper-slide .img-box{height:auto;}
}

@media screen and (max-width:1024px){
	.space-guide-area .sg-slides-wrap,
	.space-guide-area .sg-desc{width:auto;}
	.space-guide-area{flex-direction: column;gap: 20px 0;}
}

@media screen and (max-width:768px){
	.ropen-space > ul{gap:25px 20px;}
	.ropen-space > ul > li{width:calc((100% - 20px * 2) / 3);}
	.ropen-space > ul > li .text-space{padding-top: 10px;}
 	#content-wrap {min-height: calc(100vh - 111px)}
	.space-guide-area .sg-desc .sub-list1 .list-name,
	.space-guide-area .sg-desc .sub-list1 .list-cont{font-size:17px;}
	.space-guide-area .sg-desc .sub-list1 > li::before{margin-top:7px;}
	.space-guide-area .sg-desc .sub-list1 > li + li{margin-top:10px;}
	.space-guide-area .sg-desc .sub-list1{padding:15px 0;}
	.sg-back-box .back-btn{font-size:16px;width:180px;}
}

@media screen and (max-width:640px){
	.ropen-space > ul > li{width:calc((100% - 20px) / 2);}
	.ropen-space > ul > li .img-space{height:175px;}

	.space-guide-area .sg-slides-wrap .bm-slides .swiper-wrapper .swiper-slide .img-box{height:90px;}
}

@media screen and (max-width:480px){
	.space-guide-area .sg-slides-wrap .bm-slides .swiper-wrapper .swiper-slide .img-box{height:64px;}
	.space-guide-area .sg-slides-wrap .big-slides{margin-bottom:10px;}
	.space-guide-area .m-hide{display:none;}
	.sg-back-box .back-btn{width:165px;}
}

@media screen and (max-width:399px){
	.ropen-space > ul{gap:15px 0;}
	.ropen-space > ul > li{width:100%;}
	.ropen-space > ul > li .text-space{font-size:18px;}
}
/* 고덕비즈밸리 공적공간 E */