/* 폰트 import 20230811 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

.loginBox{width: 676px; background: #f8f8f8; border: 1px solid #dbdbdb; padding: 65px 38px; margin: 0 auto; text-align: center; box-sizing: border-box; height: 685px;}

.loginBox .loginTop{border-bottom: 1px solid #dbdbdb; padding-bottom: 45px; background: url(../img/common/icon_login_page.png) no-repeat center 0; padding-top: 116px;}
.loginTop .certTxt{color:#333; font-size: 17px; line-height: 30px;}
.loginTop .btnCertWrap{overflow: hidden; width: 275px; margin: 36px auto 0 auto;}
.loginTop .btnCertWrap > p{float: left; width: 135px; height: 43px; text-align: center; border-radius: 50px;}
.loginTop .btnCertWrap > p > a{display: block; width: 100%; color:#fff; font-size: 17px; font-weight: 600;line-height: 43px;}
.loginTop .btnCertWrap > .btn_phone{background: #002d6b;}
.loginTop .btnCertWrap > .btn_Ipin{background: #00a2b3; margin-left: 5px;}

.loginBottom > dl{text-align: left; margin-top: 36px;}
.loginBottom > dl > dt{padding-left: 13px; font-size: 17px; color:#000; font-weight: 600;}
.loginBottom > dl > dd{background: url(../img/common/icon_list.png) no-repeat 3px 8px; padding-left: 10px; margin-left: 11px; line-height: 23px; margin-top: 13px;}
.loginBottom > dl > dd > .refTxt, .admin_mail{color:#565656; font-size: 14px;}
.loginBottom > .ipinSite{color:#565656; font-size: 14px; border-radius: 50px; border: 1px solid #565656 ; text-align: center; width: 170px; height: 26px; line-height: 26px; margin-top: 13px; float: right;  }
.loginBottom > .ipinSite a{font-size: 14px;}
.admin_mail{width: 676px;  margin: 15px auto 80px auto; box-sizing: border-box; padding-left: 16px; }

.onlineBox{border: 1px solid #dbdbdb; text-align: center; padding: 35px 0; background: url(../img/sub/icon_online.png) no-repeat 30px center #fff;}
.onlineBox ul li {font-size: 18px; font-weight: 600; color:#2d2d2d; line-height: 30px;}
.onlineBox ul li.line {color:#92278f;}

.resultTab{overflow: hidden; display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #ddd;}
.resultTab li{ display: table-cell; text-align: center; box-sizing: border-box; }
.resultTab li a{display: block; width: 100%; font-size: 21px; color:#333333; line-height: 56px; position: relative; box-sizing: border-box; }
.resultTab li a:hover{ color:#92278f; }
.resultTab li.on{ border-bottom: 3px solid #92278f;}
.resultTab li.on a{ color:#92278f; font-weight: 600;}

.resultTab li a:before{content: ''; clear: both; display: block; border-right: 1px solid #e7e7e7; width: 100%; height: 15px; position: absolute; top: 20px; left: 0;}

.searchBox.total_search{margin-top: 25px; margin-bottom: 0;}
.line100p{border-bottom: 1px solid #dbdbdb; width: 100%; position: absolute; top: 415px; left: 0;}
.resultWrap{margin-bottom: 100px;}
.resultCate{margin-top: 30px;}
.result_tit{background: url(../img/sub/icon_total_ser.png) no-repeat 0 0; padding-left: 12px; color:#010101; font-size: 19px; font-weight: 600;}
.resultBox, .photoNewsWrap{margin-top: 9px;border-top: 2px solid #000000;}
.resultList{border-bottom: 1px solid #dbdbdb}
.resultList > a{overflow: hidden; box-sizing: border-box; height: 125px;border: 1px solid #fff; display: block; box-sizing: border-box; padding: 24px 0}
.resultList > a:hover{background: #fff0ff; ; border: 1px solid #92278f;} 
.resultList .date{float: left; display: block; width: 124px; height: 124px; font-size: 16px; color:#565656; text-align: center; padding-top: 30px; box-sizing: border-box} 
.resultList dl{float: right; width: 998px; margin-left: 16px; box-sizing: border-box; padding-right: 100px; }
.serviceResultBox .resultList dl{float: right; width: 100%; margin-left: 16px; box-sizing: border-box; padding-right: 100px;  padding-left: 20px;}
.serviceResultBox .resultList a{background: url(../img/sub/icon_result.png) no-repeat 99% center;}

.serviceResultBox .resultList dl > dt *{vertical-align: middle}
.serviceResultBox .resultList dl > dt > span{color:#002e52; font-size: 21px; font-weight: 600}
.serviceResultBox .resultList dl > dt > em{color:#fff; font-size: 13px;  border-radius: 50px; padding: 3px 11px; display: inline-block; margin-top: -4px; }
em.publicService{background: #92278f;color:#fff; font-size: 13px;  border-radius: 50px; padding: 3px 11px;display: inline-block; margin-top: -4px; }
em.privateService{background: #f26922; color:#fff; font-size: 13px;  border-radius: 50px; padding: 3px 11px; display: inline-block; margin-top: -4px;}
em.serviceVoucher{background: #00a2b3;color:#fff; font-size: 13px;  border-radius: 50px; padding: 3px  11px;display: inline-block; margin-top: -4px; }
em.ETC{background: #575b63; color:#fff; font-size: 13px;  border-radius: 50px; padding: 3px 11px; display: inline-block; margin-top: -4px;}
.resultList a:hover{background: url(../img/sub/icon_result_on.png) no-repeat 99% center #ffeeff;}
.resultList a > dl > dt{font-size: 21px; color:#333; font-weight: 600; margin-bottom: 11px;}
.resultList a > dl > dd{font-size: 16px; color:#565656; line-height: 25px;}
.resultList a:hover > dl > dt{color: #92278f}
.resultList a:hover > dl > dt >span{color: #92278f}

.photoNewsBox a{display: block; width: 100%; padding: 21px 20px; border: 1px solid #fff; overflow: hidden; box-sizing: border-box}
.photoNewsBox{border-bottom:1px solid #dbdbdb}
.photoNewsBox a:hover{border: 1px solid #92278f; background: #ffeeff;}
.photoNewsBox a:hover .photoText h3{color:#92278f}
.photoBox{float: left; }
.photoBox > img{width: 245px; height: 150px;}
.photoText{float: left;  width: 820px; margin-left: 30px;}
.photoText > h3{font-size: 21px; font-weight: 600; margin: 14px 0 13px 0; color:#000}
.photoText > p{color:#565656; font-size: 16px; line-height: 25px; margin-bottom: 28px;}
.photoText > span{margin-right: 35px;  color:#565656}
.photoText > span > .label{margin-right: 12px;}
.photoText > em{display: block; width: 102px; height: 22px; background: #92278f; color:#fff; font-weight: 600; text-align: center; line-height: 22px; border-radius: 50px; font-size: 13px; margin-top: 5px;}

.viewPage{border-top: 2px solid #000; ;}
.viewPage > h3{padding-left: 33px; color:#000; font-weight: 600; font-size: 23px; padding: 33px; border-bottom: 1px solid #b5b5b5; background: #f3f3f4;}
.viewInfo{border-bottom: 1px solid #dbdbdb; padding:  22px 0 18px 33px; overflow: hidden; background: #fff;}
.viewBox{border-bottom: 1px solid #dbdbdb; padding: 33px; background: #fff;}
.viewBox p{font-size: 17px; line-height: 35px;}
.viewBox p b{font-weight: 600; font-size: 17px;}
.viewBox p a{font-size: 17px; line-height: 35px;}
.viewBox p.fz25{font-size: 25px;}
.viewBox iframe{margin: 0 auto; display: block;}

.btn_list{display: block; text-align: center; margin: 35px 0; }
.btn_list button, .btn_list > a{display: inline-block; text-align: center;  width: 135px; height: 42px;  line-height:42px; color:#333; font-size: 17px; border-radius: 50px;font-weight: 600; background: #e8e8e8; border: 1px solid #dbdbdb;  margin-left: 5px}
.btn_list button span{font-weight: 600; color:#333 }
.btn_list button.btn_01, .btn_list > a:first-of-type{background: #002d6b;  color:#fff;}
.btn_list button.btn_01 span { color: #fff}; 
/* .btn_list button.btn_02, .btn_list > a:nth-of-type(2), .btn_list > a:last-of-type{ margin-left: 5px; } */

.viewInfo > p .viewDetail, .viewInfo > .fileDown{font-size: 15px; color:#565656; margin-right: 23px; font-size: 16px;}
.viewInfo > .fileDown *{vertical-align: middle; line-height: 24px;}
.viewInfo > .fileDown {background: url(../img/sub/icon_file_2.png) no-repeat 0 0px; padding-left: 14px; margin-top: 22px; line-height: 25px;float: left; height: 20px}
/*.viewInfo > .fileDown a{width: 990px; display: block;  float: left;}*/
.viewInfo > .fileDown a:hover{color:#92278f; font-weight: 600;}
.viewInfo > .fileDown a{  margin-top: -4px; line-height: 25px; font-size: 16px; color:#565656}
.viewInfo > .fileDown span{margin-right: 25px; float: left; display: block; line-height: 16px;}
.viewInfo > .fileDown > span{color:#92278f; font-weight: 600; padding-top: 2px;}
.viewInfo > .fileDown > span.fileList{color:#565656; font-weight: 400;}
.viewInfo > p .viewDetail{background: url(../img/sub/icon_view_list.png) no-repeat 0 6px; padding-left: 8px; margin-right: 25px; font-size: 16px;}
.viewInfo > p .viewDetail .label{margin-right: 12px; color:#92278f; font-weight: 600; font-size: 16px;}
.photoText > .viewDetail{background:url(../img/sub/icon_view_list.png) no-repeat 0 6px; padding-left: 8px; margin-right: 12px;}
.fileDown .fileList{width: 950px; display: block; float: left}

.viewBox > img{width: 350px; height: 225px; }
.viewBox img{border: 1px solid #dbdbdb; }
.viewBox> .imgLine { text-align: center; }
.viewBox > .imgLine > img{}
.viewList{box-sizing: border-box; width: 100%; border-top: 1px solid #515151; margin-bottom: 100px;  background: #fff;}
.viewList li {height: 55px;  border-bottom: 1px solid #dbdbdb; overflow: hidden; line-height: 55px;}
.viewList li > span.dt{width: 135px; background: #f3f3f3; display: block;  height: 55px; text-align: center; float: left; line-height: 55px; font-weight: 600; font-size: 16px;}
.viewList li > span.dd:hover a{color:#92278f; font-weight: 600;}
.viewList li > span.dd {float: left; padding-left: 10px; line-height: 55px; color:#565656;  width: 992px;}
.viewList li > span.dd a{padding-left: 10px; line-height: 55px; color:#565656; display: block; width: 100%; font-size: 16px;}

.cycle_src > form input:focus::-webkit-input-placeholder {color:transparent; }
.cycle_src > form input:focus:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:transparent;}
.cycle_src > form input:focus::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:transparent; }
.cycle_src > form input:-moz-placeholder{}
.cycle_src > form input:-moz-placeholder{}

.borderWriting{border-top:2px solid #000; width: 100%;}
.borderWriting #nttSj, .borderWriting #nttName, .borderWriting .nttCn {width: 950px; box-sizing: border-box}
.borderWriting #nttPw {width: 308px}

.borderWriting input[type="text"], .borderWriting input[type="password"]{border:1px solid #dbdbdb; height: 40px; box-sizing: border-box; padding-left: 8px; }
.borderWriting input[type="radio"]{display: none;}
.borderWriting input[type="radio"]+ label:before {  width: 22px; height: 22px;background: url(../img/sub/icon_radio.png) no-repeat 0 0; content: '';  display: block;float: left; margin-right: 5px;}
.borderWriting input[type="radio"]+ label{ margin-right: 40px;  height: 22px; line-height: 22px; margin-top: -5px; display: block; float: left;}
.borderWriting input[type="radio"]:checked + label:before { display: inline-block; width: 22px; height: 22px;background: url(../img/sub/icon_radio_on.png) no-repeat 0 0; content: ''; }
/*.borderWriting input[type="radio"]:focus + selector {border: 1px solid #000}*/
.borderWriting .listUl li .raBox{vertical-align: middle; overflow: hidden;}

.coninfo_txt *{vertical-align: middle;}
.coninfo_txt input[type="checkbox"]{display: none;}
.coninfo_txt input[type="checkbox"]+ label:before {  width: 18px; height: 18px; background: url(../img/sub/icon_radio.png) no-repeat 0 0; content: '';  display: block; float: left; margin-right: 5px; background-size: cover;}
.coninfo_txt input[type="checkbox"]+ label{line-height: 18px;  display: block; float: left;}
.coninfo_txt input[type="checkbox"]:checked + label:before { display: block; width: 18px; height: 18px;background: url(../img/sub/icon_radio_on.png) no-repeat 0 0; content: ''; background-size:cover;}

.borderWriting textarea{border: 1px solid #dbdbdb; padding: 8px; box-sizing: border-box}
.borderWriting dl{overflow: hidden; border-bottom:1px solid #dbdbdb; background: #f3f3f3;}
.borderWriting dl > dt {float: left; line-height: 56px;  width: 15%;  text-align: left; font-size: 16px; color:#333333; font-weight: 600; box-sizing: border-box; padding-left: 53px; }
.borderWriting dl > dt >label{font-weight: 600; text-align: left; font-size: 16px}
.borderWriting dl > dt{ }
.borderWriting dl > dd{float: left; padding: 8px 0 8px 10px; border-left: 1px solid #dbdbdb; color:#333333; background: #fff; width: 85%; box-sizing: border-box}
.borderWriting dl > dd > div > .listUl{ overflow: hidden;}
.borderWriting dl > dd > div > .listUl li{float: left; margin-top: 14px; margin-bottom: 10px;}
.borderWriting dl > dd .pwInfo{color:#f26922; font-size: 14px; margin-left: 10px;} 
.borderWriting dl > dd div> div.niceDndFile0{border:1px solid #dbdbdb; width: 500px; height: 38px; float: left;} 
/* .borderWriting dl > dd div> div{border:1px solid #dbdbdb; height: 38px; float: left;} */ 




.borderWriting dl > dd div> div{width: 100%;float: left;}

.borderWriting dl > dd div> div.fildBtnBox{float: left; border: none;}
.borderWriting dl > dd div> div.fildBtnBox .niceDndButton0{box-sizing: border-box; height: 40px; width: 85px; text-align: center; background: #eeeeee; border: 1px solid #cdcdcd; margin-left: 5px;}

.btnBox{overflow: hidden;margin: 35px auto 0 auto; width: 100%; text-align: right}
.btnBox button{display: block; float: right; height: 42px; width: 135px; text-align: center; line-height: 42px; border-radius: 50px; box-sizing: border-box; }
/* .btnBox.btnBox3{width: 135px;} */
.btnBox button span{line-height: 42px; font-weight: 600; font-size: 17px;}
.btnBox button:first-child{color:#fff; background: #002d6b;}
/* .btnBox button:nth-of-type(2){ background: #e8e8e8; border: 1px solid #dbdbdb; font-weight: 600;} */

.CycleInt .CItxt{width: 100%; height: 70px; line-height: 70px; text-align: center; font-weight: 600; color:#fff; font-size: 21px; background: #002d6b; border-radius: 50px; }
.CycleInt .CItxt2{color:#565656; text-align: right; margin-top: 25px; }
.cycleListl{overflow: hidden;}
.cycleList {overflow: hidden;}
.cycleList > li{float: left; width: 370px; height: 210px; border-radius: 5px; box-sizing: border-box; border: 1px solid #dbdbdb; margin-top: 15px; margin-right: 15px; background: #f8f8f8;}
.cycleList > li:hover, .cycleList > li.active{border: 1px solid #00a2b3; background: #00a2b3;}

.cycleList > li:hover > a > strong, .cycleList > li.active a > strong{color: #00a2b3; border: 1px solid #00a2b3; background: url(../img/sub/icon_radio_on.png) no-repeat 94% center #fff; }

.cycleList > li:nth-of-type(3n){margin-right: 0;}
.cycleList > li > a{border-radius: 5px;}
.cycleList > li > a > p{ background: url(../img/sub/cycle_img_01.png) no-repeat 94% center; padding: 19px 126px 18px 25px; font-size: 16px; line-height: 23px; color:#515151; letter-spacing: -0.04.8rem; border-radius: 0 0 5px 5px; height: 152px; box-sizing: border-box}
.cycleList > li:hover > a > p, .cycleList > li.active a > p{ color:#fff }
.cycleList> li:nth-child(2) > a > p{ background: url(../img/sub/cycle_img_02.png) no-repeat 94% center;}
.cycleList > li:nth-child(3) > a > p{ background: url(../img/sub/cycle_img_03.png) no-repeat 94% center;}
.cycleList > li:nth-child(4) > a > p{ background: url(../img/sub/cycle_img_04.png) no-repeat 94% center;}
.cycleList > li:nth-child(5) > a > p{ background: url(../img/sub/cycle_img_05.png) no-repeat 94% center;}
.cycleList > li:nth-child(6) > a > p{ background: url(../img/sub/cycle_img_06.png) no-repeat 94% center;}
.cycleList > li > a > strong{font-size: 24px; color:#2d2d2d; font-weight: 600; padding: 17px 26px; display: block; background: url(../img/sub/icon_radio.png) no-repeat 94% center #fff; border-radius: 5px 5px 0 0;  box-sizing: border-box; border:1px solid #fff; height: 54px;}
.cycleList > li > a > strong .age{font-size: 17px; color:#00a2b3; font-weight: 600;}

.depthBox .typeList{overflow: hidden; padding-top: 1px; }
.depthBox .typeList > li{width: 150px; height: 43px; box-sizing: border-box; border: 1px solid #00a2b3; border-radius: 50px; text-align: center; float: left; margin:0 10px 10px 0}
/* .depthBox .typeList > li:last-child, .depthBox .typeList > li:nth-child(8){margin-right: 0px; } */
/* .depthBox .typeList > li:nth-child(n+9){margin-bottom: 0;} */
.depthBox .typeList > li:hover, .depthBox .typeList > li.active{background: #00a2b3;}
.depthBox .typeList > li:hover > button > span, .depthBox .typeList > li.active > button > span{color: #fff; padding-left: 16px; background: url(../img/sub/icon_check.png) no-repeat 0 4px}
.depthBox .typeList > li > button{width: 100%; display: block; height: 43px; border-radius: 50px;}
.depthBox .typeList > li > button > span{font-size: 16px; }
/*.depthBox .typeList > li > a{width: 100%; display: block; font-size: 16px;}*/
h2.titleSS2{background: url(../img/sub/title_style.png) no-repeat 0 0; font-size: 21px; font-weight: 600; color:#000; padding-left: 13px; margin: 35px 0 18px 0 ;}
.depthBox.depth3Box{overflow: hidden;}
.depthBox.depth3Box > dl{float: left; width: 396px; margin-left: 18px;}
.depthBox.depth3Box > dl:first-of-type{width: 307px; margin-left: 0;}
.depthBox.depth3Box > dl .coninfo_txt{position: absolute; right: 0; top: 0; font-size: 14px; }
.depthBox.depth3Box > dl .coninfo_txt label{ font-size: 14px;}
.depthBox.depth3Box > dl{float: left; position: relative;}

.depthBox.depth3Box > dl > dt{font-weight: 600; color:#2d2d2d; padding-left: 8px; background: url(../img/common/icon_list_02.png) no-repeat 0 4px; font-size: 16px; margin-bottom: 10px; height: 18px;}
.depthBox.depth3Box > dl > dd select:first-of-type {margin-right: 4px;}
.depthBox.depth3Box > dl > dd select {border: 1px solid #dbdbdb; padding-left: 10px; height: 38px; background: url(../img/common/icon_select.png) no-repeat 95% center #fff; width: 150px;}
.depthBox.depth3Box > dl > dd select#sido_signguCd {border: 1px solid #dbdbdb; padding-left: 10px; height: 38px; background: url(../img/common/icon_select.png) no-repeat 95% center #fff; width: 150px;}
.depthBox.depth3Box > dl > dd input[type="text"] {border: 1px solid #dbdbdb; padding-left: 10px; height: 38px; background: #fff; width: 100%; box-sizing: border-box}

.btnBox2{text-align: center; margin: 30px 0 58px 0;}
.btnBox2 .btnB.btn1{width: 376px; height: 53px; border: 2px solid #002d6b;  background: url(../img/sub/icon_cycle_search.png) no-repeat 41% center; text-align: center; line-height: 57px; border-radius: 50px;}
.btnBox2 .btnB.btn1 .iconSearch3{font-weight: 600; color:#002d6b; font-size: 21px;}

/* 생애주기별정보_보기 */
.serviceViewBox .title {border-top: 2px solid #000; padding: 36px 0; text-align: center; border-bottom: 1px solid #dbdbdb; background: #f3f3f3; }
.serviceViewBox .title > h4{color:#000; font-size: 26px; font-weight: 600;}
.serviceViewBox .title > h4 *{ vertical-align: middle}
.serviceViewBox .title > p{color:#333333; font-size: 17px; margin-top: 23px;}

.textBox1{border-bottom: 1px solid #dbdbdb; height: 72px; line-height: 72px; overflow: hidden; box-sizing: border-box}
.textBox1 .textTitle{background: #f7f9fa; width: 15%; padding-left: 22px; float: left; height: 72px; box-sizing: border-box; padding: 17px 0 18px 22px;}
.textBox1 .textTitle > span.icon1{background: url(../img/sub/icons_.png) no-repeat 0 0;}
.textBox1 .textTitle > span.icon2{background: url(../img/sub/icons_.png) no-repeat 0 -110px;}
.textBox1 .textTitle > span.icon3{background: url(../img/sub/icons_.png) no-repeat 0 -224px;}
.textBox1 .textTitle > span{ font-weight: 600; font-size: 18px; color:#002d6b; padding-left: 48px; height: 39px; display: block; line-height: 39px;}
.textBox1 .subTextBox{float: left; padding-top: 14px;}
.textBox1 .subTextBox.colT1 > .subText:first-child{}
.textBox1 .subTextBox.colT2, .textBox1 .subTextBox.colT3 {width: 85%;}
.textBox1 .subTextBox.colT2 > .subText:first-of-type{ width: 33%;}
.textBox1 .subTextBox.colT2 > .subText:nth-of-type(2){width: 32%;}
.textBox1 .subTextBox.colT2 > .subText:nth-of-type(3){width: 31%;}
.textBox1 .subTextBox.colT3 > .subText:first-of-type{width: 54%;}
.textBox1 .subTextBox.colT3 > .subText:last-of-type{width: 43%;}

.textBox1 .subTextBox .subText{float: left; padding-left: 10px; border-left: 1px solid #e8e8e8;}
.textBox1 .subTextBox .subText > div{float: left;}
.textBox1 .subTextBox .subText > div p{font-size: 18px; font-weight: 600; color:#002d6b; line-height: 43px;}
.textBox1 .subTextBox .subText:first-child{border-left: none;}
.textBox1 .subTextBox .subText .subTextTitle{font-size: 16px; color:#000; margin-top: 13px; margin-right: 15px; position: relative; height: 28px;}
.textBox1 .subTextBox .subText .subTextTitle:before{content:''; display: block; height: 1px; width: 17px; border-bottom: 1px solid #9cbae8; position: absolute; bottom: 0; left: 0; }
.textBox1 .subTextBox .subText h6{float: left;}
.textBox1 .subTextBox .subText .boxList{float: left;}


.subText .boxList.Type1{overflow: hidden; }
.subText .boxList.Type1 > li{float: left; border-radius: 50px; color:#575b63; padding: 13px 10px; background: #e8e8e8; margin-right: 5px;}
.subText .boxList.Type1 > li.active{background: #00a2b3; font-weight: 600; color:#fff}

.textBox2{margin-top: 20px; }
.textBox2 > dl{overflow: hidden; border-top: 1px solid #ccc;background: #fff9ff; }
.textBox2 > dl:last-of-type{border-bottom: 1px solid #ccc; }
.textBox2 > dl dt{float: left; width: 29%; box-sizing: border-box; padding: 27px 0;  }
.textBox2 > dl dt .iconTitle{ padding-left: 77px; line-height: 38px; height: 49px; padding-top: 8px; color:#010101}
.textBox2 > dl dd{float: left; width: 71%; background: #fff; box-sizing: border-box; padding: 40px 0 35px 0; min-height: 112px}
.textBox2 > dl dt .iconTitle, .textBox2 > dl dt .iconTitle > em{font-size: 22px; font-weight: 600; }
.textBox2 > dl dt .iconTitle > em{color:#92278f; }
.textBox2 > dl dd .divText p{font-size: 16px; line-height: 27px; }

.textBox2 > dl dt .iconTitle.icon1{background: url(../img/sub/icon_cycle_01.png) no-repeat 14px 6px;}
.textBox2 > dl dt .iconTitle.icon2{background: url(../img/sub/icon_cycle_02.png) no-repeat 14px 2px;}
.textBox2 > dl dt .iconTitle.icon3{background: url(../img/sub/icon_cycle_03.png) no-repeat 16px 5px;}
.textBox2 > dl dt .iconTitle.icon4{background: url(../img/sub/icon_cycle_04.png) no-repeat 24px 0;}
.textBox2 > dl dt .iconTitle.icon5{background: url(../img/sub/icon_cycle_05.png) no-repeat 17px 0;}
.textBox2 > dl dt .iconTitle.icon6{background: url(../img/sub/icon_cycle_06.png) no-repeat 16px 1px;}
.textBox2 > dl dt .iconTitle, .textBox2 > dl .iconTitle > em{font-weight: 600; font-size: 22px;}
.textBox2 > dl dt .iconTitle > em{color:#92278f; }
.textBox2 > dl .divText{float: left; background: #fff; padding-left: 20px; } 
.textBox2 > dl .divText p{font-size: 16px; color:#333333; line-height: 27px; vertical-align: middle}
.textBox2 > dl .divText h6{font-size: 18px; color:#92278f; font-weight: 600; line-height: 27px;}

.infoDate{text-align: right; background: url(../img/common/icon_list_02.png) no-repeat 85.5% 5px; margin-top: 15px; }

/* 용어사전 */
.serachFullBox{background: #f3f3f3; border: 1px solid #dfe9ef; border-radius: 5px; padding: 30px 70px 20px 70px; margin-bottom: 20px;}

.serachFull .searchBox2 * {vertical-align: middle}
.serachFull #searchBtn1 {background: url(../img/sub/icon_btn_search.png) no-repeat 0 0; width: 25px; height: 26px; font-size: 0; line-height: 0;  display:inline-block; margin: 0 0 0 -90px;}
.serachFull #wordNm {border-radius: 50px;background: #fff; border: 1px solid #dbdbdb; text-align: center; width: 615px; height: 62px; font-size: 22px; margin: 0 auto; display:inline-block; margin-left: 192px;}
.serachFull #wordNm::placeholder{color:#cccccc}
.serachFull #wordNm:-moz-placeholder{color:#cccccc}
.serachFull #wordNm:-ms-input-placeholder{color:#cccccc}
.serachFull #wordNm:focus::-webkit-input-placeholder{color: transparent}
.searchResultBox{position: relative; height: 584px; margin-bottom: 70px;}

.findWord.ko{border-bottom: 1px solid #dfe9ef; margin-top: 15px; position: relative;}
.findWord.ko:after{content: ''; display: block; }
.findWord.en{border-top: 1px solid #fff; padding-top: 10px;}
.findWord.en dt{margin-bottom: 48px; }
.findWord{}
.findWord > dl{overflow: hidden; }
.findWord > dl > dt{float: left; font-size: 17px; background: #002d6b; color:#fff; padding: 11px 13px; border-radius: 5px; margin-right: 30px;}
.findWord > dl > dd{float: left; border-radius: 5px; border: 1px solid #ccc; width: 39px; height: 37px; box-sizing: border-box; text-align: center;  margin-right: 4px; margin-bottom: 10px; background: #fff;}
.findWord > dl > dd:hover, .findWord > dl > dd.active{border: 2px solid #00a2b3;}
.findWord > dl > dd:hover > button, .findWord > dl > dd.active > button{color: #01bace;}
.findWord > dl > dd > button{ font-weight: 600; font-size: 17px;  display: block; width: 100%; line-height: 37px;;}
.findWord > dl > dd:nth-child(22){margin-right: 0;}


.resultMenu .wordDl > dt{}
.resultMenu .wordDl > dd button{text-align: left; font-weight: 600; font-size: 16px; line-height: 38px; letter-spacing: -0.06em; background: url(../img/common/icon_list.png) no-repeat 0 16px; padding-left: 8px;}
.resultMenu .wordDl > dd button:hover, .resultMenu .wordDl > dd button.active{color:#92278f}

.resultContent{box-sizing: border-box; width: 563px; height: 605px; border: 1px solid #e8e8e8; position: absolute; right: 0; top: 0; padding: 25px 45px; display: none;}
.WordsList{width: 563px; height: 605px; box-sizing: border-box; border: 1px solid #e8e8e8; padding: 25px 45px;} 
.WordsList dt{height: 40px;} 
.WordsList dt span{color:#000; font-size: 20px; font-weight: 600;  line-height: 40px;} 
.resultContent.active{display: block;}
.resultMenu .wordDl > dt, .resultContent .explainDl dt{font-size: 20px; font-weight: 600; color:#000; text-align: center; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 40px; line-height: 40px;}
.textExplain{line-height: 25px; font-size: 16px; height: 440px; overflow-y: auto; box-sizing: border-box; padding-right: 10px; letter-spacing: -0.02rem;}
.textExplain p{font-size: 15px; line-height: 2}

.paging {overflow: hidden; margin-top: 30px; padding-left: 18px;}
.paging .btnPPrev, .paging .btnPrev, .paging .btnNext, .paging .btnNNext{width: 35px; height: 30px; font-size: 0; line-height: 0; border: 1px solid #dbdbdb; margin-right: 3px; font-size: 0; line-height: 0;}
.paging .btnPPrev{background: url(../img/sub/icon_page_first.png) no-repeat center center;}
.paging .btnPrev{background: url(../img/sub/icon_page_prev.png) no-repeat center center; margin-right: 18px;}
.paging .btnNext{background: url(../img/sub/icon_page_next.png) no-repeat center center;}
.paging .btnNNext{background: url(../img/sub/icon_page_last.png) no-repeat center center; margin-right: 0;}
.paging a{margin-right: 18px; display: block; float: left; height: 30px; line-height: 30px; }

.paging a.on, .paging a:hover{font-weight: 600; color:#002d6b }


/* 발달센터사업 */

.GrowthBox > dl{overflow: hidden; margin-bottom: 70px; border-bottom: 1px solid #e8e8e8; background: #fffbf4}
.GrowthBox > dl > dt{ float: left; width: 215px; padding: 31px 0 0 26px; box-sizing: border-box; min-height: 85px; }
.GrowthBox > dl > dt > h5{font-size: 24px; font-weight: 600; color:#f26922; background: url(../img/sub/icon_dl.png) no-repeat 0 7px; padding-left: 35px;}

.GrowthBox > dl > dd{; float: left; width: 925px; box-sizing: border-box; padding: 28px 30px; background: #fff; min-height: 85px}
.GrowthBox > dl > dd:last-of-type{padding-right: 0;}
.GrowthBox > dl > dd p, .GrowthBox > dl > dd > ul > li, .nameCardBox > ul > li{font-size: 16px; line-height: 28px;}
.GrowthBox > dl > dd .li_Ul li{line-height: 28px; font-size: 15px;}
.GrowthBox > dl > dd > ul{margin-bottom: 30px;}
.dl_style_02{margin-top: 23px;}
.dl_style_02 + p.img_title{margin-top: 23px;}
.dl_style_02 dt{font-size: 18px; font-weight: 600; color:#002d6b; background: url(../img/sub/icon_dt.png) no-repeat 0 2px; padding-left: 15px; margin-bottom: 10px;}
.dl_style_02 dd{font-size: 16px; line-height: 28px; }
.GrowthBox > dl > dd > ul:last-of-type{margin-bottom: 0;}
.GrowthBox > dl > dd > ul > li{background: url(../img/sub/icon_li_list.png) no-repeat 0 10px; padding-left: 10px; overflow: hidden; letter-spacing: -0.084rem;}
.GrowthBox > dl > dd > ul > li .purple{font-size: 16px; color:#92278f; font-weight: 600;}
.GrowthBox > dl > dd > ul > li, .nameCardBox > ul > li{background: url(../img/sub/icon_li_list.png) no-repeat 0 10px; padding-left: 10px; overflow: hidden;}
.GrowthBox > dl > dd > ul > li > .btn_down{display: block; float: right;}
.GrowthBox > dl > dd > h6{color:#000000; font-size: 19px; font-weight: 600; margin-bottom: 10px;}
.GrowthBox > dl > dd > h6 + img{margin-bottom: 30px;}
.GrowthBox > dl > dd > p.img_title{color:#000000; font-size: 22px; font-weight: 600; margin-bottom: 20px;  background: url(../img/sub/title_style.png) no-repeat 0 2px; padding-left: 15px;}

.nameCardBox > ul {margin-bottom: 12px;}

.GrowthBox > dl > dt, .GrowthBox > dl > dd{border-top: 1px solid #e8e8e8; font-weight: 600;   }
.GrowthBox > dl > dd > ul > li > .btn_down{border: 1px solid #f26922; font-weight: 600; color:#f26922;  border-radius: 50px; width: 134px; height: 37px; box-sizing: border-box; text-align: center; line-height: 37px;  }
.GrowthBox > dl > dd > ul.downList > li  {line-height: 37px; background: url(../img/sub/icon_li_list.png) no-repeat 0 15px; height: 40px;}
.GrowthBox > dl > dd > .foldCon{position: relative; }

.GrowthBox > dl > dd > .ul_style_02{}
.GrowthBox > dl > dd > .ul_style_02 li{}

.nameCardBox{display: none;}
.foldCon.active .nameCardBox{overflow: hidden; display: block;}
.foldCon.active .fold_btn{background: url(../img/sub/icon_active.png) no-repeat 99% center; font-size: 0; width: 22px; height:22px;}
.nameCardBox > .nameCard{float: left; border: 1px solid #dfe9ef; border-radius: 5px; padding: 12px 0 20px 27px ; width: 418px; box-sizing: border-box; margin: 0 14px 5px 0; overflow: hidden; background: #fafbfc;} 
.nameCardBox > .nameCard dt{float: left;font-weight: 600; color:#000; font-size: 18px; margin-right: 50px; line-height: 28px;}
.nameCardBox > .nameCard dd{float: left;font-size: 16px; color:#565656; width: 280px; }
.nameCardBox > .nameCard dd > ul{  line-height: 20px; padding-left: 27px; }
.nameCardBox > .nameCard dd > ul > li{  line-height: 20px; padding-left: 38px;  }
.nameCardBox > .nameCard dd > ul > li.phone{background: url(../img/sub/icon_phone.png) no-repeat 0 center ; padding-top: 9px; height: 31px;}
.nameCardBox > .nameCard dd > ul > li.address{background: url(../img/sub/icon_org.png) no-repeat 0 center;  height: 40px;}
.foldCon > .fold_btn{background: url(../img/sub/icon_off.png) no-repeat 99% 8px;  display: block;  position: absolute; right: 10px; top: 2px; padding-right: 30px; color:#333; letter-spacing: -0.06rem; font-size: 16px;}
.nameCardBox > ul{overflow: hidden;}
.nameCardBox > ul > li{float: left; margin-right: 5px;}
.nameCardBox > ul > li:last-child{ margin-right: 0;}
nt-weight: 600;}


.table_style_02 .tr{display: table-row}
.table_style_02 .caption{position: absolute; left: -999px; font-size: 0; line-height: 0;}
.table_style_02 .td{border-radius: 5px; vertical-align: middle; font-weight: 600; padding: 12px 0; text-align: center; box-sizing: border-box; }
.table_style_02 .thead .tr .td:first-of-type, .table_style_02 .tbody .tr .td:first-of-type{width: 117px}
.table_style_02 .thead .tr .td:nth-of-type(2), .table_style_02 .tbody .tr .td:nth-of-type(2){width: 212px; box-sizing: border-box}
.table_style_02 .thead .tr .td:nth-of-type(3), .table_style_02 .tbody .tr .td:nth-of-type(3){width: 556px;}

.table_style_02 .thead .tr .td{display: table-cell; color:#fff; background: #565656; font-size: 16px; }
.table_style_02 .tbody .tr .td{display: table-cell; background: #fff;  font-size: 16px; border: 2px solid #e8e8e8; position: relative; border-spacing: 2px;}

.table_style_02 .tbody .tr .td:first-of-type{background: #00a2b3; color:#fff; line-height: 22px; border: none; box-sizing: border-box }
.table_style_02 .tbody .tr .td:nth-of-type(2){line-height: 22px;}
.table_style_02 .tbody .tr .td:last-of-type{padding: 10px 25px ; text-align: left;}
.table_style_02 .tbody .tr .td > ul > li{padding-left: 8px; background: url(../img/sub/icon_li_list.png) no-repeat 0 11px; font-size: 16px; line-height: 28px;}
.table_style_02 .tbody .tr .td > ul > ul > li{line-height: 28px;}
.color_orange{color:#f26922; line-height: 22px;}
.fz13{font-size: 13px; font-weight: 600;}

.table_style_02{display: table; border-spacing:3px;  border-collapse: separate; }
.table_style_02 + h6{margin-top: 30px}
.table_style_02 .table_Ul{display: table;}
.table_style_02 .table_Ul li{display: table;}
.table_Ul li > ul > li{display: table-cell;}

.table_style_02.TD2 .tbody .tr{width: 100%;}
.table_style_02.TD2 .tbody .tr .td:first-of-type{width: 164px;}
.table_style_02.TD2 .tbody .tr .td:nth-of-type(2){width: 725px; padding: 10px 25px;}

.table_style_02.TD3 .tbody .tr .td:first-of-type, .table_style_02.TD3 .thead .tr .td:first-of-type{width: 150px;}
.table_style_02.TD3 .tbody .tr .td:nth-of-type(2){width: 537px; padding: 10px 25px; text-align: left;}
.table_style_02.TD3 .thead .tr .td:nth-of-type(2){width: 537px;}
.table_style_02.TD3 .tbody .tr .td:nth-of-type(3), .table_style_02.TD3 .thead .tr .td:nth-of-type(3){width: 177PX; padding: 10px 0; font-weight: 400; text-align: center;}
.table_style_02.TD3 .thead .tr .td:nth-of-type(3){font-weight: 600;}

.tdTable{width: 100%;  border-left: 1px solid #dbdbdb;  border-top: 1px solid #dbdbdb;}
.tdTable thead{background: #e6e6e6;}
.tdTable tr{height: 34px; border-bottom: 1px solid #dbdbdb;}
.tdTable thead th{color:#000; font-weight: 600; text-align: center; line-height: 34px;  border-right: 1px solid #dbdbdb;}
.tdTable tbody th, .tdTable tbody td{text-align: center; font-weight: 400; line-height: 34px; border-right: 1px solid #dbdbdb;}


/* no-page */
.noPageBox{background: url(../img/sub/no_page.png) no-repeat 84px 40px #f8f8f8; height: 275px; width: 750px; border: 1px solid #dbdbdb;  box-sizing: border-box; margin: 0 auto; padding: 50px 0 }
.noPageText{padding: 0 0 0 232px;}
.noPageBox h5{font-weight: 600;  font-size: 25px; line-height: 37px;}
.noPageBox p{font-size: 16px; color:#565656; margin-top: 17px;}
.noPageBox .home_btn{display: block; width: 168px; height: 45px; line-height: 45px; color:#fff; font-weight: 600; font-size: 17px; text-align: center; background: #002d6b; border-radius: 50px; margin: 35px auto 0 auto;}
.contentsBox.noPage{padding: 255px 0;}


/* 오시는 길 */

.brosoMapBox {overflow: hidden; border: 1px solid #dbdbdb; margin-bottom: 40px;}
.brosoMapBox #map{ float: left; width: 756px; height:468px; border-right: 1px solid #dbdbdb; box-sizing: border-box;}
.brosoMapBox .brosoMapText{float: right; padding: 50px 34px 0 34px; width: 382px; box-sizing: border-box }
.brosoMapText > .title4{font-weight: 600; color:#000; font-size: 22px; margin-bottom: 49px;}
.brosoMapText > .brosomapInfo > dt{ padding-left: 45px; height: 35px;}
.brosoMapText > .brosomapInfo > dt > strong{color:#000; font-weight: 600; font-size: 18px; margin-top: 1px;}
.brosoMapText > .brosomapInfo > dt.icon1{background: url(../img/sub/icon_location.png) no-repeat 0 0}
.brosoMapText > .brosomapInfo > dt.icon2{background: url(../img/sub/icon_contact.png) no-repeat 0 0}
.brosoMapText > .brosomapInfo > dt.icon3{background: url(../img/sub/icon_fax.png) no-repeat 0 0}
.brosoMapText > .brosomapInfo > dd{font-size: 16px; color:#515151; padding-left: 45px; margin-top: -5px; margin-bottom: 55px; line-height: 24px;}




.brosoHowBox{overflow: hidden; margin-bottom: 80px;}
.brosoHow{margin-bottom: 10px; display: table; width: 100%;}
.brosoHow.howSW{overflow: hidden;}
.brosoHow h4{ text-align: center; width: 14%; box-sizing: border-box; background: #f8f8f8; border: 1px solid #e8e8e8;border-right: none;  display: table-cell;     vertical-align: middle;}
.brosoHow h4 > .icon{ font-weight: 600; font-size: 16px; text-align: center; background-position: center center; /*background-repeat: no-repeat;*/ display: block; padding-top: 68px; margin-bottom: 5px;}
.brosoHow.howSW > h4 > .icon{background: url(../img/sub/icon_subway.png) no-repeat center 30%; }
.brosoHow.howBus > h4 > .icon{background: url(../img/sub/icon_bus.png) no-repeat center 30%; }
.brosoHow.howCar > h4 > .icon{background: url(../img/sub/icon_car.png) no-repeat center 30%; }
.brosoHow.howCar > h4 > .icon{background: url(../img/sub/icon_car.png) no-repeat center 30%; }

.brosoHow > ul{float: left; overflow: hidden; width: 980px;  border: 1px solid #e8e8e8; box-sizing: border-box; border-bottom: none;}
.brosoHow > ul li{overflow: hidden; border-bottom: 1px solid #e8e8e8; display: table; }
.brosoHow > ul li > .howTitle *{vertical-align: middle ; }
.brosoHow > ul li > .howTitle {box-sizing: border-box; vertical-align: middle; display: table-cell; width: 450px; background: #fff;}
.brosoHow > ul li > .howTitle > span{font-weight: 600; padding: 0 15px; display: block;  box-sizing: border-box; vertical-align: middle; min-height: 51px; line-height: 51px; }
.brosoHow > ul li > .howTitle > span.bdt{border-top: 1px solid #e8e8e8; }
.howCar > ul li > .howTitle > span, .howBus > ul li > .howTitle > span{min-height: 74px; line-height: 74px;}
.brosoHow > ul li  span.h90{height: 90px; line-height: 90px;}
.brosoHow .howTitle > span > em{width: 24px; height: 24px;  display: inline-block; background: url(../img/sub/icon_swLine.png) no-repeat;}
.brosoHow .howTitle > span > em:last-of-type{margin-right: 9px;}
.brosoHow .howTitle > span > em.iconLine1{background-position: 0 0;}
.brosoHow .howTitle > span > em.iconLine5{background-position: 0 -25px;}
.brosoHow .howTitle > span > em.iconLine9{background-position: 0 -50px;}
.brosoHow .howTitle > span > em.iconLine2{background-position: 0 -75px;}
.brosoHow .howTitle > span > em.iconLine1-2{background-position: 0 -100px;}
.brosoHow .howTitle > span > em.iconLine1-3{background-position: 0 -125px;}
.brosoHow .howTitle > span > em.iconLineITX{background: url(../img/sub/icon_swLine_ITX.png) no-repeat 0 0; width: 55px;}
.brosoHow > ul li > .howText { border-left: 1px solid #e8e8e8; width: 68%; color:#515151; box-sizing: border-box; padding: 17px 15px; display: table-cell; vertical-align: middle;}
.brosoHow > ul li > .howText.pd0 {padding: 0;}
.brosoHow > ul li > .howText > div> div{border-bottom: 1px solid #e8e8e8; padding: 10px 15px;}
.brosoHow > ul li > .howText > div> div:last-of-type{border-bottom: none;}
.brosoHow > ul li > .howText i {font-size: 0; line-height: 0;  width: 18px; height: 18px; display: table-cell; padding-right: 10px;}
.brosoHow > ul li > .howText > span{display: table-cell}
.brosoHow > ul li > .howText i.iconBus_A {background: url(../img/sub/icon_mapBus_A.png) no-repeat 0 center;}
.brosoHow > ul li > .howText i.iconBus_G {background: url(../img/sub/icon_mapBus_G.png) no-repeat 0 center;}
.brosoHow > ul li > .howText i.iconBus_B {background: url(../img/sub/icon_mapBus_B.png) no-repeat 0 center;}
.brosoHow > ul li > .howText i.iconBus_GG {background: url(../img/sub/icon_mapBus_GG.png) no-repeat 0 center;}
.brosoHow > ul li > .howText i.iconBus_Y {background: url(../img/sub/icon_mapBus_Y.png) no-repeat 0 center; }
.brosoHow > ul li > .howText i.iconBus_R {background: url(../img/sub/icon_mapBus_R.png) no-repeat 0 center; }
.brosoHow > ul li > .howText i.iconBus_M {background: url(../img/sub/icon_mapBus_M.png) no-repeat 0 center; }
.brosoHow > ul li > .howText i.iconBus_gan {background: url(../img/sub/icon_mapBus_gan.png) no-repeat 0 center; width: 37px; }
.brosoHow > ul li > .howText i.iconBus_ji {background: url(../img/sub/icon_mapBus_ji.png) no-repeat 0 center; width: 37px;}
.brosoHow > ul li > .howText p{line-height: 25px; display: table; color:#515151}
.brosoHow > ul li > .howText .coloring {color:#00a2b3}


/* 센터소개 */
.introWrap{width: 100%; overflow: hidden; margin: 85px 0 70px 0;}
.introText {; text-align: center; margin-bottom: 45px;}
.introImg.mission {background: url(../img/sub/intro_bg.png) no-repeat center 80%; padding-top: 304px; width: 100%;}
.introImg.setUpImg {background: url(../img/sub/intro_bg_02.png) no-repeat 0 0; float: right; width: 600px; height: 308px; margin-left: 10px;}
.introText h6{color:#000; font-weight: 600; font-size: 38px;  line-height: 55px; margin-bottom: 32px; }
.introText > p{font-size: 18px;  line-height: 28px;  }
.introWrap{width: 100%;}

.introTText{margin-top: 70px; overflow: hidden;}
.setUpBox{overflow: hidden;}
.setUpText{float: left; width: 520px;}
.setUpText:after{clear: both; display: block; content: ''}

.setUpText > p, .setUpText2 > p{font-size: 16px; line-height: 26px; margin-bottom: 27px;}
.introTText .hub{float: left; margin: 55px 0 0 107px;}
.introTText .hub > p{font-weight: 600; font-size: 20px; color:#010101; background: url(../img/sub/logo_sub.png) no-repeat 0 0; height: 40px; padding:10px 0 0 45px;}
.introTText > ul{float: left; background: url(../img/sub/intro_01_line.png) no-repeat 1px 24px; padding-left: 74px;}
.introTText > ul > li{margin-bottom: 20px; color:#565656; font-size: 17px;}
.introTText > ul > li .numbering{display: inline-block; width: 37px; height: 37px; border-radius: 50%; background: #01bace; color:#fff; font-weight: 600; font-size: 18px; text-align: center; line-height: 38px; margin-right: 10px;}

.symbolBox {overflow: hidden; margin-bottom: 25px;}
.symbolBox > img{display: block; float: left;}
.symbolBox > .symbolText{ float: right; width: 563px; box-sizing: border-box; border: 1px solid #dfe9ef; padding: 40px 36px;}
.symbolBox > .symbolText:last-of-type{margin-bottom: 0;}
.symbolBox > .symbolText h6{color:#000; font-size: 21px; font-weight: 600; background: url(../img/sub/title_style.png) no-repeat 0 0; padding-left: 13px; margin-bottom: 20px;}
.symbolBox > .symbolText p{line-height: 28px; font-size: 16px; letter-spacing: -0.05em;}

.symbolBtn{overflow: hidden; text-align: center; margin-top: 35px;}
.symbolBtn > a{display: inline-block; font-weight: 600; font-size: 18px; color:#f26922; border-radius: 50px; border: 1px solid #f26922; padding: 12px 0; margin-left: 10px; width: 165px;}
.symbolBtn > a:first-of-type{margin: 0;}

/* 업무담당자 안내 */

.table_style_03{width: 100%; display: table; margin: 45px 0; display: none;}
.table_style_03.on{display: block;}
.table_style_03 .caption{display: table-caption}
.table_style_03 .thead .tr{background: #e9f0f5; border-radius: 5px; padding: 12px 0; border: 1px solid #d3dfe7; margin-bottom: 5px;  }
.table_style_03 .thead .tr > .td{display: inline-block; font-weight: 600; color:#575b63; font-size: 17px; text-align: center; ;}
.table_style_03 .tbody .tr > .td{display: inline-block;  font-size: 17px; text-align: center; border-right: 1px solid #dfe9ef; color:#565656; line-height: 25px;}
.table_style_03 .tbody .tr{padding: 16px 0; background: #fafbfc; border: 1px solid #dfe9ef; border-radius: 5px; margin-bottom: 5px;}
.table_style_03 .tbody .tr *{vertical-align: text-top}
.table_style_03 .thead .tr > .td:first-of-type, .table_style_03 .tbody .tr > .td:first-of-type{width: 115px;}
.table_style_03 .thead .tr > .td:nth-of-type(2), .table_style_03 .tbody .tr > .td:nth-of-type(2){width: 190px;}
.table_style_03 .thead .tr > .td:nth-of-type(3), .table_style_03 .tbody .tr > .td:nth-of-type(3){width: 250px;}
.table_style_03 .thead .tr > .td:nth-of-type(4), .table_style_03 .tbody .tr > .td:nth-of-type(4){width: 560px; border-right: none;}
.table_style_03 .tbody .tr > .td:first-of-type{font-weight: 600; color:#00a2b3; font-size: 16px;}
.table_style_03 .tbody .tr > .td:nth-of-type(2){font-weight: 600; color:#000; font-size: 19px;}
.table_style_03 .tbody .tr > .td:nth-of-type(4){padding-left: 73px; width: 487px; text-align: left;}
.table_style_03 .tbody .tr > .td:nth-of-type(4) ul li{font-size: 16px; padding-left: 10px; line-height: 24px}
.table_style_03 .tbody .tr > .td:nth-of-type(4) ul li span{ display: inline-block; padding-top: 1.15px;}
	

/* 수료증 */
.page{  width: 21cm; min-height: 29.7cm; padding: 2cm; margin: 20px 0 0 0; background: url(../img/sub/print_bg.png) no-repeat center center #fff; background-size: 95%; color:#000; font-weight: 600; -webkit-print-color-adjust:exact; }
@page {size: A4; margin: 0;}
@media print {
	html, body {width: 210mm;height: 297mm;}
	header, footer { display:none }
	-webkit-print-color-adjust:exact;
}
	
.printPage{ width: 100%; ;padding: 50px 0 50px 20px; box-sizing: border-box}
.printPage p{ font-weight: 600;}
.printPage .idNum{font-size: 28px; margin-top: 60px;}
.printPage .nameBox{overflow: hidden; margin-top: 40px;}
.printPage .nameBox .name{float: right; width: 38%;}
.nameBox .name > p > span{display: inline-block; width: 40%;}
.nameBox .name > p > span >em{width: 50px; display: inline-block;}
.printPage .name p, .paperCon h3, .nameBox .name > p > span{font-size: 30px; margin-bottom: 10px; font-weight: 600;}
.printPage .name:after{content: ''; clear: both; display: block;}
.printPage .paperText p{font-size: 34px; text-align: center; line-height:60px; }

.paperText{margin-top: 40px;}
.paperText p{}

.paperCon{margin: 36px 0;}
.paperCon ul{margin-top: 30px;}
.paperCon ul > li *{vertical-align: text-top; line-height: 2;}
.paperCon ul > li {padding-left: 80px;}
.paperCon ul > li > strong{display: inline-block; width: 30%;  font-size: 28px;}
.paperCon ul > li > strong em{display: inline-block;width: 16px;}
.paperCon ul > li > span{color:#7b7b7b; font-size: 28px; font-weight: 600;display: inline-block;}
.paperCon h3{text-align: center; vertical-align: top;}


.printPage > h2{text-align: center; font-size: 68px;  }

.printPage > h3{text-align: center; font-size: 50px; margin-top: 50px;}
.printPage > .date{text-align: center; font-size: 30px; margin-top: 60px;}

.iconRe.re1{}
.iconRe.re2{margin-left:15px;}
.iconRe.re3{margin-left:30px;}
.iconRe.re4{margin-left:45px;}
.iconRe.re5{margin-left:60px;}
.iconRe.re6{margin-left:75px;}

/* 자격인증 진위확인 */
.subTit{background: url(../img/sub/title_style.png) no-repeat 0 center; padding-left: 16px;}
.subTit h2{font-weight: 600; font-size: 21px; color:#000000; margin-bottom: 20px;}
.tableSec.certInfo th{background:#f3f3f3; padding-left:40px; border-left: 1px solid #dbdbdb;}
.tableSec.certInfo .redTxt{color:#f26922; font-weight: 600; margin-right: 10px; font-size: 16px;}
.tableSec.certInfo .purpleTxt{color:#92278f; font-weight: 600;font-size: 16px;}
.tableSec.certInfo td{border: 1px solid #dbdbdb; font-size: 16px;}
.certInfo .overmsg{background: url(../img/common/icon_list.png) no-repeat 28px 32px #f8f8f8; border: 1px solid #e8e8e8; font-size: 16px; padding: 27px 27px 27px 34px; margin: 20px 0 260px 0; }


/* mobile 시작 */

/* 로그인 */
.mobile .loginBox{width: 94%; padding: 40px 8px; height: 100%;}
.mobile .admin_mail{width: 90%; line-height: 2.5rem; font-size: 1.6rem; }

.mobile .loginBox .loginTop{ padding-bottom: 35px; background: url(../img/common/icon_login_page.png) no-repeat center 0;}
.mobile .loginTop .certTxt{color:#333; font-size: 1.9rem; line-height: 3rem;}
.mobile .loginTop .btnCertWrap{ width: 100%;}
.mobile .loginTop .btnCertWrap > p{display: inline-block; width: 49%; height: 43px; float: none;}
.mobile .loginTop .btnCertWrap > p > a{font-size: 2rem; }
.mobile .loginBottom {overflow: hidden;}
.mobile .loginBottom > dl{}
.mobile .loginBottom > dl > dt{ font-size: 2rem;padding-left:0;}
.mobile .loginBottom > dl > dd{background: url(../img/common/icon_list.png) no-repeat 3px 8px; padding-left: 10px; margin-left: 0; line-height: 3rem; margin-top: 13px; font-size: 1.7rem; display: block;}
.mobile .loginBottom > dl > dd > .refTxt, .mobile  .admin_mail{font-size: 1.6rem; display: block; line-height: 2.2rem;}
.mobile  .admin_mail{padding: 0;}
.mobile .loginBottom > .ipinSite{width: 170px; height: 2.6rem; line-height: 2.6rem; margin-top: 13px; float: right; }
.mobile .loginBottom > .ipinSite a{font-size: 1.5rem;}
.mobile .totalNum2 {font-weight: 600; font-size: 1.9rem; background: url(../img/common/icon_list.png) no-repeat 0 7px; padding-left: 7px;}
.mobile .totalNum2 > em{font-weight: 400; color:#565656; font-size: 1.9rem;}
.mobile .c_purple {line-height: 2.5rem; font-size: 1.6rem; }
/*.mobile .line100p{top: 23.9rem; position: absolute;}*/

.mobile .resultTab{border-bottom: 1px solid #ddd;}
.mobile .resultList > a{background: none; height: 100%; padding: 2rem 1rem;}
.mobile .resultList .date{float: none;height: 100%;font-size: 1.9rem;padding-top: 10px;height: 20px;text-align: start;}  
.mobile .resultList dl{float: none; width: 100%; margin-left: 0; box-sizing: border-box; padding-right: 0; }
.mobile .serviceResultBox .resultList dl{float: none; width: 100%; margin-left: 0; box-sizing: border-box; padding-right:0;  padding-left: 0;}
.mobile .result_tit{font-size: 2.2rem;}
.mobile .serviceResultBox .resultList dl > dt > span{ font-size: 2.1rem; }
.mobile .serviceResultBox .resultList dl > dt > em{ font-size: 1.5rem; }

.mobile .resultList a:hover{background: url(../img/sub/icon_result_on.png) no-repeat 99% center #ffeeff;}
.mobile .resultList a > dl > dt{font-size: 2.2rem; margin-bottom: 11px; line-height: 3.4rem; overflow: hidden; max-height: 7.3rem; width: 100%; white-space: normal; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; box-sizing: border-box}
.mobile .resultList a > dl > dd{font-size: 1.9rem; line-height: 3rem; max-height: 6rem;  overflow: hidden; text-overflow: ellipsis; width: 100%; display: -webkit-box;}
.resultMore_btn{ border-radius: 50px; background: #e8e8e8; border: 1px solid #dbdbdb; margin: 40px auto; width: 200px;}
.resultMore_btn a{font-weight: 600; font-size: 21px; text-align: center; display: block; width: 100%; padding: 15px 0; border-radius: 50%; }
.resultMore_btn *{vertical-align: middle}
.resultMore_btn a i{background: url(../img/sub/plus_btn.png) no-repeat 0 0; display: inline-block; width: 25px; height: 25px; margin-left: 10px;}
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; box-sizing: border-box}

/* 공지사항 */
.mobile p.totalNum1{font-size: 1.9rem; font-weight: 600; padding-left: 10px; margin: 3.8rem 0 1.5rem 0 ; background: url(../img/common/icon_list.png) no-repeat 0 center} 
.mobile p.totalNum1 > em{font-size: 2rem; color:#565656;}
.mobile .viewPage > h3{font-size: 2.3rem; line-height: 3.5rem; padding: 20px 2%;}
.mobile .viewInfo{padding:  22px 2% 18px 2%;}{font-size: 2.6rem; line-height: 3.5rem; padding: 30px 2%;}
.mobile .viewBox p{font-size: 2rem; line-height: 4.2rem; }
.mobile .viewInfo > p .viewDetail{background: none; font-size: 1.8rem; border-right: 1px solid #d2d2d2; padding-right: 8px; margin-right: 0;}
.mobile .viewInfo > p .viewDetail .label{font-size: 1.8rem;}
.mobile .viewInfo > p .viewDetail:first-of-type{padding-left: 0;}
.mobile .viewInfo > p .viewDetail:last-of-type{border: none; padding-right: 0;}
.mobile .btn_list {margin:25px 0;}
.mobile .btn_list a{width: 65px;font-size: 1.9rem;height: 35px;line-height: 35px;}
.mobile .btn_100 a{ width: 100px; }
.mobile .btn_100 a:nth-of-type(3) {margin-top:5px;}
.mobile .viewBox{padding: 50px 0;}
.mobile .viewBox img{width: 100%}
.mobile .viewList{margin-bottom: 30px}
.mobile .viewList li {overflow: hidden; vertical-align: middle}
.mobile .viewList li > span.dt{width: 20%; font-size: 1.9rem;}
.mobile .viewList li > span.dd{width: 80%; padding: 0;}
.mobile .viewList li > span.dd a{width: 100%; padding-left:10px; font-size: 1.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 100%; box-sizing: border-box; display: block;} 
.mobile .viewInfo > .fileDown{margin-right: 0;}
.mobile .viewInfo > .fileDown > span.fileList{width: 100%; font-size: 1.9rem;}
.mobile .viewInfo > .fileDown > span.fileList a{ font-size: 1.9rem; line-height: 3.3rem;}
.mobile .borderWriting #nttSj, .mobile .borderWriting #registerNm, .mobile .borderWriting .nttCn,  .mobile .borderWriting #password{width: 100%;}
.mobile .borderWriting dl > dd div> div.niceDndFile0 {width: 50%;}
.mobile .borderWriting dl > dt >label{font-size: 1.9rem}


/* 쓰기 */
.mobile .borderWriting{width: 100%; box-sizing: border-box}
.mobile .borderWriting dl > dt{padding-left: 10px; width: 25%;font-size:1.9rem;}
.mobile .borderWriting dl > dd{ width: 75%;  padding: 8px 0.5rem ; box-sizing: border-box }
.mobile .borderWriting dl{width: 100%; box-sizing: border-box}
.mobile .borderWriting dl > dd .pwInfo{font-size: 1.6rem; line-height: 2rem; margin-left: 0; display: block; margin-top: 5px;}

/* 게시판 리스트 */
.contentsBox fieldset{box-sizing: border-box}
.mobile .borderList  {border-top: 2px solid #000000; }
.mobile .borderList .text > span {color:#565656}
.mobile .borderList .text > p {display: block;}
.mobile .borderList .text.reply > p {display: inline-block;}

.mobile .borderList .text * {vertical-align: middle}
.mobile .borderList .iconRe{background: url(../img/sub/icon_refly.png) no-repeat; font-size:0; width: 15px; height: 15px;
display: inline-block; margin: 0 5px 0 10px}
.mobile .borderList .subject .title{ color:#2d2d2d; font-size: 2rem; margin-top: 0.9rem; line-height: 3rem; white-space: normal; text-overflow: ellipsis; width: 100%; max-height:6rem; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight:600;}
.mobile .borderList .subject.reply{padding-left: 32px}
.mobile .icon_file {background: url(../img/sub/icon_file.png) no-repeat 0 0px; padding-left: 13px; margin-right: 1px; }
.mobile .borderList > li{ border-bottom: 1px solid #dbdbdb; padding: 1.5rem 0; padding-left: 9px;}
.mobile .borderList > li.notice_pin{ background-color: #fffaf4;}
.mobile .borderList > li a{display: block; width: 100%;}
.mobile .btnBox {width: 100%; text-align: center;margin-bottom:20px;}
.mobile .btnBox a{color:#fff; border-radius: 50px; width: 50%; max-width: 280px; text-align: center; background-color: #002e52; font-size: 2.3rem; padding: 15px 0;  display: inline-block; font-weight: 600;}
.mobile .serachFull #wordNm{width: 100%; margin: 0 auto; height: 4.5rem; font-size:2.1rem;font-weight:600;}
.mobile .serachFull #searchBtn1{margin: 0 0 0 -5rem; background-size: 100%; width: 18px; height: 23px;}
.mobile .findWord {text-align: center; border-top: 1px solid #fff; padding-top: 2.1rem;}
.mobile .findWord .label{color: #000; font-weight: 600; font-size: 2.1rem; background: url(../img/sub/icon_total_ser.png) no-repeat 0 0; padding-left: 10px; margin-right: 10px; }
.mobile .findWord .select{background: url(../img/common/icon_select.png) no-repeat 90% center #fff; border: 1px solid #dbdbdb; width: 10rem; height: 4.5rem; border-radius: 5px; padding-left: 10px; width: 30%;}

.mobile .introWrap {margin: 10px auto ;}
.mobile .introText {margin: 40px auto 10px auto ; text-align: center; width: 92%;}
.mobile .introTText {margin: 40px 0  ; }
.mobile .introTText > ul{background: none; padding-left: 0; float: none; margin: 0 auto; width: 35rem;}
.mobile .introTText .hub{ width: 36rem;}

.mobile .introText h6{font-size: 3.1rem; line-height: 4.8rem; letter-spacing: -0.3rem; }
.mobile .introText > p{font-size: 1.9rem; letter-spacing: -0.196rem;}
.mobile .introImg.mission{background-size: 100%; padding-top: 40%;}
.mobile .introTText .hub{float: none; margin: 0 auto 4.5rem auto; text-align: center;}
.moblie .introTText .hub > p{background-position: 0 center;}
.mobile .introTText > ul > li .numbering{width: 3.5rem; height: 3.5rem; line-height: 3.5rem; margin-right: 0.5rem; display: block; float: left; font-size: 1.8rem; } 
.mobile .introTText > ul > li{overflow: hidden; line-height: 3rem; letter-spacing: -0.08em;font-size: 1.9rem;}
.mobile .introTText > ul{background: none; padding-left: 0;} 

.mobile .borderList li .text .notice{color:#f26922;text-align: center; border-radius: 50px; border: none; /*width: 12rem;max-width: 100%;*/   min-width: 8.5rem;  font-size: 1.9rem; padding: 0 10px; font-weight: 600; display: inline-block; line-height: 3rem; margin-bottom: 1rem;border:1px solid #f26922; margin-right: 3px;}
.mobile .borderList li .text .category{color:#fff; background: #92278f; text-align: center; border-radius: 50px; border: none; /*width: 12rem;max-width: 100%;*/   min-width: 9.5rem;  font-size: 1.9rem; padding: 0 10px; font-weight: 600; display: inline-block; line-height: 3rem; margin-bottom: 1rem;}
.mobile .borderList li .text > span{border-right: 1px solid #d2d2d2; margin-right: 1.5rem; padding-right: 2.5rem; font-size: 1.9rem; line-height: 3rem; display: inline-block;}
.mobile .borderList li .text > span:last-of-type{border-right: none; margin-right: 0; padding-right: 0;}

/* 용어사전 */
.mobile .serachFullBox{padding: 2rem;}
.mobile .wordBox{width: 100%; border-top: 2px solid #000; margin-bottom: 3.5rem}
.mobile .totalNum1{margin-bottom: 10px; font-size: 2rem}
.mobile .wordDl{border-bottom: 1px solid #dbdbdb; padding-left: 1%;}
.mobile .wordDl dt{}
.mobile .wordDl dt a{color:#2d2d2d; font-weight: 600; font-size: 2rem; line-height:3rem; padding: 2rem 0; display: block; width: 100%; background-image: url(../img/sub/icon_open.png); background-repeat:  no-repeat; background-position: 99% 2.7rem; background-size: 2.2rem; padding-right: 2.5rem; box-sizing: border-box}
.mobile .wordDl dt.active a{background-image: url(../img/sub/icon_fold.png)}
.mobile .wordDl dd{font-size: 1.9rem; line-height: 2.8rem;  padding-bottom: 2rem; display: none;}

/* 생애주기별 메인 */
.mobile .CycleInt .CItxt2{line-height: 2.5rem; text-align: center; margin-top:15px;}
.mobile .CycleInt .CItxt{width: 100%; line-height: 2.5rem; font-size: 2rem; height: 100%; padding: 1.2rem 0;}
/*.mobile .cycleList {max-width: 700px; margin: 0 auto;}*/
.mobile .cycleList { max-width: 800px; margin: 0 auto;}
.mobile .cycleList > li{width: 49%; margin: 0; height: 16.5rem; margin-top: 2%; padding: 3rem 1.8rem ;}
.mobile .cycleList > li:hover, .mobile .cycleList > li:active{background: #00a2b3;}
.mobile .cycleList > li:hover a strong, .mobile .cycleList > li:hover a strong .age, .mobile .cycleList > li:active a strong{color: #fff;}
.mobile .cycleList > li:nth-of-type(2n-1){ margin-right: 2%;}
/*.mobile .cycleList > li a{ background: url(../img/no-repeat) }*/
.mobile .cycleList > li a{ display: block;  width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0;/* background-size: 50%;*/}
.mobile .cycleList > li.cycle1 a{ background-image: url(../img/sub/cycle_img_01.png) ;/*background-size: 38%; */}
.mobile .cycleList > li.cycle2 a{ background-image: url(../img/sub/cycle_img_02.png) }
.mobile .cycleList > li.cycle3 a{ background-image: url(../img/sub/cycle_img_03.png) }
.mobile .cycleList > li.cycle4 a{ background-image: url(../img/sub/cycle_img_04.png) }
.mobile .cycleList > li.cycle5 a{ background-image: url(../img/sub/cycle_img_05.png) }
.mobile .cycleList > li.cycle6 a{ background-image: url(../img/sub/cycle_img_06.png) }
.mobile .cycleList > li a strong{background: none; color:#2d2d2d; border: none; padding: 0; font-size: 2.4rem; display: block; margin-bottom: 0;}
.mobile .cycleList > li a strong .age{display: block; margin-top: 1rem; font-size: 1.7rem;}
.mobile .cycleList > li.active a strong, .mobile .cycleList > li.active a .age{color: #fff; }

.mobile .cycleList > li.active a, .mobile .cycleList > li.active em{color:#fff}
.mobile .cycleList > li em{ color:#c8c8c8; font-size: 1.7rem; }
.mobile .cycleList > li em *{vertical-align: middle}
.mobile .cycleList > li em i{display: inline-block; width: 2rem; height: 2rem; background: url(../img/sub/icon_m_radio.png) no-repeat 0 0; background-size: 2rem; margin-right: 2px; }
.mobile .cycleList > li.active em i{background: url(../img/sub/icon_m_radio_on.png) no-repeat 0 0; background-size: 2rem; }
.mobile .btnBox2 .btnB.btn1{width: 376px; height: 4.8rem;  background: #fff; line-height: 4.8rem; border-radius: 50px;}
.mobile .btnBox2 .btnB.btn1 *{vertical-align: middle;font-size:2.1rem;}
.mobile .btnBox2 .btnB.btn1  i{background:url(../img/sub/icon_cycle_search.png) no-repeat 0 0; display: inline-block; width: 19px; height: 19px;background-size:100%;margin-right:5px; }

.mobile .titleSS2 {background: none; text-align: center;font-size:2.4rem;}
.mobile .titleSS2 >span{background: url(../img/sub/title_style.png) no-repeat 0 0; display: inline-block; width: 8px; height: 18px; margin-right: 2px;}

.mobile .depthBox.depth3Box{max-width: 800px; margin: 0 auto;}
.mobile .depth2Box .select{width: 100%; background: url(../img/common/icon_select.png) no-repeat 99% center #fff; border: 1px solid #dbdbdb; height: 38px; padding-left: 10px;}
.mobile .btnBox2 .btnB.btn1{ width: 47%; max-width: 400px; background-position: 30% center;}

.mobile .depthBox.depth3Box > dl{float: none; margin-left: 0; overflow: hidden; width: 100%; box-sizing: border-box; margin-bottom: 1rem;}
.mobile .depthBox.depth3Box > dl dt{float: left; display: block; width: 23%; box-sizing: border-box; height: 38px; margin-bottom: 0; padding-top: 0.5rem; background-position: 0 1rem; letter-spacing : -0.25rem; }
.mobile .depthBox.depth3Box > dl dd{float: left; width: 77%;}
.mobile .depthBox.depth3Box > dl dd select{width:50%; margin: 0;}
.mobile .depthBox.depth3Box > dl > dd select#sido_signguCd{width: 50%; margin: 0;}

.mobile .resultList dl{padding-left: 0;}


/* 생애주기별 보기 */
/*.mobile .serviceViewBox .title h4 .serviceVoucher{display: block;}*/
.mobile .resultList a:hover{background-image:none}
.mobile .serviceViewBox .title{background: #fff; padding: 2.5rem 0;}
.mobile .serviceViewBox .title > p{line-height: 2.8rem; font-size: 1.9rem; margin-top: 2rem;}
.mobile .serviceViewBox .title > em{display: inline-block; margin: 0 auto; font-size: 1.7rem; padding: 6px 20px;}
.mobile .serviceViewBox .title h4 {font-size: 2.4rem;  line-height: 3rem; margin-bottom: 1rem;}

.mobile .textBox2{margin-top: 20px; }
.mobile .textBox2 > dl{overflow: hidden; }

.mobile .textBox2 > dl dt{float: none; width: 100%; padding: 10px  0; text-align: center;  background-color: #fff9ff; border-bottom: 1px solid #f7eaf7;}
.mobile .textBox2 > dl dt .iconTitle{ padding-left: 0; line-height: 38px; height: 40px; padding-top: 0; color:#010101}
.mobile .textBox2 > dl dd{float: none; width: 100%;  padding: 2.8rem 3rem; min-height: 75px}
.mobile .textBox2 > dl dt .iconTitle, .mobile .textBox2 > dl dt .iconTitle > em{font-size: 2.2rem; font-weight: 600; }
/*.mobile .textBox2 > dl dt .iconTitle img{width: 6rem; height: 5rem; }*/
.mobile .textBox2 > dl dt .iconTitle, .mobile .textBox2 > dl .iconTitle > em{font-weight: 600; font-size: 2.2rem;}
.mobile .textBox2 > dl dt .iconTitle > em{color:#92278f; }
.mobile .textBox2 > dl dd .divText p{font-size: 1.9rem; line-height: 3rem;}

.mobile .textBox2 > dl dt .iconTitle *{vertical-align: middle;}
.mobile .textBox2 > dl dt .iconTitle > span{background-position: 0 0; background-repeat: no-repeat; width:6rem; height:5rem; display: inline-block;}
.mobile .textBox2 > dl dt .iconTitle .icon1{background-image: url(../img/sub/icon_cycle_01.png); background-size:100%;width:45px;}
.mobile .textBox2 > dl dt .iconTitle .icon2{background-image: url(../img/sub/icon_cycle_02.png); background-size:100%;width:45px;}
.mobile .textBox2 > dl dt .iconTitle .icon3{background-image: url(../img/sub/icon_cycle_03.png); background-size:100%;width:40px;}
.mobile .textBox2 > dl dt .iconTitle .icon4{background-image: url(../img/sub/icon_cycle_04.png); background-size:100%;width:28px;}
.mobile .textBox2 > dl dt .iconTitle .icon5{background-image: url(../img/sub/icon_cycle_05.png); background-size:100%;width:37px;}
.mobile .textBox2 > dl dt .iconTitle .icon6{background-image: url(../img/sub/icon_cycle_06.png); background-size:100%;width:43px;}

.mobile .textBox1 .textTitle > span{background: none; padding-left: 0; color: #002d6b; font-size: 2.3rem;}

.mobile .textBox1 .subTextBox .subText h6{float: none; text-align: center; margin-right: 0; margin: 15px 0}
.mobile .textBox1 .subTextBox .subText h6 span{font-size: 1.9rem; position: relative; margin: 1rem 0;}
.mobile .textBox1 .subTextBox .subText h6 span:after{display: block; content: ''; border-bottom: 1px solid #9cbae8; width: 25px; position: absolute; left: 0; bottom: -5px; height: 1px;}
.mobile .textBox1 .subTextBox .subText .subTextTitle:before{display: none;}
.mobile .textBox2 > dl dt .iconTitle, .textBox2 > dl .iconTitle > em{font-weight: 600; font-size: 2.2rem;}
.mobile .textBox2 > dl dt .iconTitle > em{color:#92278f;padding-left:7px; }
.mobile .textBox2 > dl .divText{float: none; padding-left: 0; text-align: center;} 
.mobile .textBox2 > dl .divText p{font-size: 1.9rem; color:#333333; line-height: 27px; vertical-align: middle}
.mobile .textBox2 > dl .divText h6{line-height: 27px; font-size: 2.1rem;}
.mobile .textBox1 .subTextBox .subText .boxList{float: none; overflow: hidden; margin-bottom: 1rem;}
.mobile .textBox1 {height: auto; line-height: 66px; width: 100%; box-sizing: border-box; padding: 0}
.mobile .textBox1 .textTitle{width: 100%; text-align: center; float: none; padding-left: 0; height: 66px; padding: 0; line-height: 66px; border-bottom: 1px solid #dbdbdb;}
.mobile .textBox1 .subTextBox{width: 100%; float: none; padding: 15px 0;}
.mobile .textBox1 .subTextBox.colT2 .subText .subTextTitle{text-align: center; float: left;}
.mobile .mobile .textBox1 .subTextBox.colT2 .subText .subTextTitle > span{font-size: 2rem;}
.mobile .textBox1 .subTextBox .subText, .mobile .textBox1 .subTextBox .subText, .mobile .subText .boxList.Type1 > li .boxList, .mobile .textBox1 .subTextBox, .mobile .textBox2, .mobile .textBox1 .subTextBox .subText > div{float: none}

.mobile .textBox1 .subTextBox, .mobile .textBox2{padding-top: 0;}
.mobile .subText .boxList.Type1 > li{width: 32%; margin: 0 2% 1% 0 ; box-sizing: border-box; padding: 1% 2%; text-align: center; font-size: 1.9rem; }
.mobile .subText .boxList.Type1 > li:nth-of-type(3n){margin-right: 0;}
.mobile .textBox1 .subTextBox .subText > div {text-align: center; }
.mobile .textBox1 .subTextBox .subText{border-left: none; padding: 10px; box-sizing: border-box}
.mobile .textBox1 .subTextBox.colT3 > .subText:first-of-type, .mobile .textBox1 .subTextBox.colT3 > .subText:last-of-type{width: 100%;}
.mobile .textBox1 .subTextBox .subText > div p{text-align: center; font-size: 2.1rem; margin: 0 auto; line-height: 3.2rem;}
.mobile .textBox1 .subTextBox.colT2 > .subText:first-of-type, .mobile .textBox1 .subTextBox.colT2 > .subText:nth-of-type(2), .mobile .textBox1 .subTextBox.colT2 > .subText:nth-of-type(3){width: 100%;}

.mobile .textBox1 .subTextBox.colT2 .subText > div{float: right; margin: 15px auto;}
.mobile .infoDate{font-size: 1.9rem; background: none}

.mobile .textBox1 .textTitle > span{background-image: url(../img/sub/icons_.png); background-repeat: no-repeat; background-position: 0 0; display: inline-block; padding-left: 45px;}
.mobile .textBox1 .textTitle > span.icon2{background-position: 0 -110px;}
.mobile .textBox1 .textTitle > span.icon3{background-position: 0 -224px;}
.mobile .textBox2 + .btnBox.btnBox3{width: 40%; max-width: 200px}
.mobile .textBox2 + .btnBox.btnBox3 button{width: 100%;}
.mobile .textBox2 + .btnBox.btnBox3 button span{font-size: 1.9rem; }

/* 업무담당자 */
.mobile .nameBoxWrap{margin-bottom: 80px;}
.mobile .nameBoxWrap .nameBox{background: #fafbfc; border: 1px solid #dfe9ef; border-radius: 6px; padding: 2.5rem 2.5rem 1.9rem 2.5rem; margin-bottom: 5px;}  
.mobile .nameBoxWrap .nameBox p{color: #565656; font-size: 1.9rem; }  
.mobile .nameBoxWrap .nameBox p em{color: #000; font-weight: 600; font-size: 2.4rem; margin-right: 1.6rem;}  
.mobile .nameBoxWrap .nameBox p span{font-weight: 600; color:#00a2b3; font-size: 1.9rem; display: inline-block; width: 7.5rem;}
.mobile .nameBoxWrap .nameBox > ul {margin-top: 1.7rem;}
.mobile .nameBoxWrap .nameBox > ul > li{color:#565656; padding-left: 10px; background: url(../img/common/icon_list_02.png) no-repeat 0 8px; font-size: 1.9rem; line-height: 2.8rem; }

/* 오시는길 */
.mobile .brosoMapBox{width: 100%; border: 1px solid #e2e2e2;}
.mobile .brosoMapBox #map, .mobile .brosoMapBox .brosoMapText {float: none; width: 100%; padding: 2.8rem;}
.mobile .brosoMapBox #map{ border-right: 0; height:0; padding-top: 56.75%; border-bottom: 1px solid #e2e2e2;}
.mobile .brosoMapText > .title4{margin-bottom: 3rem; font-size: 2.4rem;}
.mobile .brosoMapText > .brosomapInfo > dd{margin-bottom: 3rem; font-size: 1.9rem;}
.mobile .brosoMapText > .brosomapInfo > dd:last-of-type{margin-bottom: 0;}
.mobile .brosoHowBox{width: 100%;}
.mobile .brosoHowBox h4{width: 100%; display: block; /*border-right: 1px solid #e8e8e8;*/ border: none; border-bottom: 1px solid #ededed; }
.mobile .brosoMapText > .brosomapInfo > dt > strong{font-size: 2.2rem;}
.mobile .brosoHow h4 > .icon{font-size: 2.1rem; display: inline-block;  text-align: center; background-position: 0 center; height: 7.8rem; margin-bottom:0; padding-left: 5rem; padding-top: 0; line-height: 7.8rem; background-size: 4.5rem;}
.mobile .brosoHow {border: 1px solid #ededed; display: block; width: 100%; box-sizing: border-box; vertical-align: middle} 
.mobile .brosoHow > ul li, .mobile .brosoHow > ul{display: block; border: none;}
.mobile .brosoHow > ul, 
.mobile .brosoHow > ul li > .howTitle ,
.mobile .howText{width: 100%; display: block; float: none}
.mobile .brosoHow > ul li{border-bottom: 1px solid #ededed; }
.mobile .brosoHow > ul li:last-of-type{border-bottom: none }
.mobile .brosoHow > ul li > .howTitle{text-align: center; }
.mobile .brosoHow > ul li > .howTitle > span{padding: 3rem 0 1.8rem 0; line-height: 2rem; font-size: 2rem;}
.mobile .brosoHow > ul li > .howText{border-left: none; padding: 0 15px 21px 15px;}
.mobile .howCar > ul li > .howTitle > span, .howBus > ul li > .howTitle > span{ height: 100%; min-height: 1px;}
.mobile .brosoHow > ul li > .howText p{font-size: 1.9rem; line-height: 3.1rem;}
.mobile .brosoHow > ul li > .howText p *{vertical-align: top;}
.mobile .brosoHow > ul li > .howText i{background-position: 0 0; width: 18px;  height: 18px; background-size: 100%; padding-right: 0; margin-right: 1.2rem;}
.mobile .brosoHow > ul li > .howText i.iconBus_GG{width: 30px;}
/* BI */
.mobile .symbolBox > img, .mobile .symbolBox > .symbolText{float: none; width: 100%; margin-top: 20px;}
.mobile .symbolBox{margin-bottom: 0;}
.mobile .symbolBox > .symbolText{padding: 2.7rem 2.2rem;}
.mobile .symbolBox > .symbolText p{font-size: 1.9rem;line-height:24px;}
.mobile .symbolBox > .symbolText h6{font-size: 2.4rem;margin-bottom:10px;}
.mobile .symbolBox:last-of-type > .symbolText{margin-bottom: 80px;}
.mobile .brosoHow > ul li > .howText span {font-size: 1.9rem; margin-left: 5px; display: inline-block; padding-left: 3px; line-height: 21px; }
.mobile .symbolBtn > a{width: 40%; max-width: 220px; padding: 8px 0; font-size: 15px}


/* 통합검색 더보기 */
.mobile .resultMore_btn{border-radius: 50px; background: #e8e8e8; border: 1px solid #dbdbdb; margin: 3.5rem auto; width: 45%; max-width: 280px}
.mobile .resultMore_btn a{font-weight: 600; font-size: 1.9rem; text-align: center; display: block; width: 100%; padding: 1rem 0; border-radius: 50%;   }
.mobile .resultMore_btn *{vertical-align: middle}
.mobile .resultMore_btn a i{background: url(../img/sub/plus_btn1.png) no-repeat 4px 2px; display: inline-block; width: 2.5rem; height: 2.5rem;  margin-left: 10px;}

/* 발달센터 사업 */
.mobile .dl_style_02 dt{font-size: 2.2rem; line-height: 2.5rem; background-position: 0 4px}
.mobile .dl_style_02 dd{font-size: 1.9rem; line-height: 2.8rem}
.mobile .table_style_02.TD3 .tbody .tr .td:nth-of-type(2){}
.mobile .table_style_02{display: block;}
.mobile .GrowthBox > dl > dt, .mobile .GrowthBox > dl > dd{width: 100%; float: none; padding: 1.4rem; }
/*.mobile .GrowthBox > dl > dd{display: table-cell}*/
.mobile .GrowthBox > dl > dt{min-height: 1rem; text-align: center;}
.mobile .GrowthBox > dl > dt > h5{text-align: center; font-size: 2.4rem; line-height: 2.4rem; position: relative; display: inline-block; margin: 0 auto; background-position: 0 center;}
.mobile .GrowthBox > dl > dd > h6{font-size: 2.2rem; line-height: 2.8rem;}
.mobile .GrowthBox > dl > dd {min-height: 0}
.mobile .GrowthBox > dl > dd > img{width: 100%;}
.mobile .foldCon .nameCardBox { overflow: hidden;  background: #fff; display: block;}
.mobile .foldCon.active .nameCardBox{overflow: hidden; display: block;}

.mobile .nameCardBox > .nameCard{width: 49%; margin: 0 0 1.5% 0; padding: 2rem 1.6rem; }
.mobile .nameCardBox > .nameCard:nth-of-type(2n-1){margin-right: 2%; }
.mobile .nameCardBox > .nameCard dd > ul{padding-left: 0; }
.mobile .nameCardBox > .nameCard dd > ul li{background: none; padding-left: 0; text-align: center; line-height: 2.6rem; letter-spacing: -0.15rem;}
.mobile .nameCardBox > .nameCard dd > ul > li.address{height: 100%;font-size:1.8rem;}
.mobile .nameCardBox > .nameCard dt, .mobile .nameCardBox > .nameCard dd{float: none; width: 100%; text-align: center;}
.mobile .nameCardBox > .nameCard dd > ul > li.phone{}
.mobile .nameCardBox > .nameCard dt{ margin: 0; line-height: 3rem; font-size : 2.1rem; }

.mobile .GrowthBox > dl > dd p{background-position: 0 .5rem; font-size: 1.9rem; line-height : 2.8rem; }
.mobile .GrowthBox > dl > dd > p.img_title{font-size: 2.4rem; background-position: 0 center}
.mobile .GrowthBox > dl > dd > ul > li, .mobile .nameCardBox  ul > li{font-size: 1.9rem; padding-left: 10px; line-height: 2.8rem; padding-top: 0;  letter-spacing : -1px; }

.mobile .GrowthBox > dl > dd > ul > li > .btn_down{ width: 45%; font-size: 1.8rem; display: block; float: none; margin: 8px auto 0 auto; max-width: 260px; height: 4rem; line-height: 4rem;}
.mobile .table_style_02.TD2 .tbody .tr .td{width: 100%; display: block; margin-bottom: 6px; line-height: 2.8rem; padding: 1rem 0;}
.mobile .table_style_02.TD2 .tbody .tr .td:nth-of-type(2){display: block; width: 100%; padding: 1rem;}
.mobile .table_style_02.TD2 .tbody .tr .td,
.mobile .table_style_02 .tbody .tr .td > ul > li,
.mobile .tdTable thead th,
.mobile .tdTable tbody th, 
.mobile .tdTable tbody td,
.mobile .GrowthBox > dl > dd > ul > li .purple,
.mobile .table_style_02 .tbody .tr .td,
.mobile .table_style_02 .tbody .tr .td > ul li > ul > li{font-size: 1.9rem;}
.mobile .table_style_02 .tbody .tr .td > ul li > ul > li{line-height: 25px}
.mobile .foldCon > .fold_btn{top: -6rem; font-size: 0;}
.mobile .icon_file {background: url(../img/sub/icon_file.png) no-repeat 0 0px; padding-left: 13px; margin-right: 1px; }
.mobile .GrowthBox > dl > dd > ul.downList > li{height: 100%; background-position: 0 10px;}
.mobile .GrowthBox > dl > dd .li_Ul li{font-size: 1.8rem;}
.mobile .table_style_02 .tbody .tr .td > ul > li{line-height: 20px; margin-bottom:7px; background-position: 0 7px}
.mobile .table_style_02 .tbody .tr .td > ul > li > ul > li{line-height: 20px; margin-top:3px;font-size:1.8rem;}
.mobile .table_style_02 .tbody .tr .td > ul > li:last-of-type{margin-bottom:0px;}
.mobile .table_style_02 .thead .td {display: none}
.mobile .table_style_02 .tbody .tr .td:nth-of-type(1){display: block; width: 100%; margin-bottom: 5px; font-size: 2rem;}
.mobile .table_style_02 .tbody .tr .td:nth-of-type(2){display: block; width: 100%; margin: 5px 0;font-size:1.9rem;}
.mobile .table_style_02 .tbody .tr .td:nth-of-type(3){display: block; width: 100%; margin-bottom: 10px;padding:10px 10px;}
.mobile .table_style_02.TD3 .tbody .tr .td:nth-of-type(2), .mobile .table_style_02.TD2 .tbody .tr .td:nth-of-type(2){padding: 1rem}
.mobile .tdTable tbody th{line-height: 20px; font-size: 1.8rem}
.mobile .tdTable tbody td{ font-size: 1.8rem}

/* 설립배경 */
.mobile .resultTab li a{font-size: 2.1rem;}
.mobile .symbolBtn{display: block; margin-bottom: 30px}
.mobile .introImg.setUpImg, .mobile .setUpText{float: none; width: 100%; }
.mobile .introImg.setUpImg{margin-left: 0; background-size: 100%; height: 24rem;}
.mobile .setUpText > p, .mobile .setUpText2 > p{font-size: 1.9rem; line-height: 26px; margin-bottom: 27px;}

/* no-page */
.mobile .noPageBox{background: none; height: 100%; width: 96%; margin: 0 auto; padding: 50px 0; text-align: center; border: none;  }
.mobile .contentsBox.noPage{padding: 60px 0;}
.mobile .noPageBox .noPage{margin: 120px 0 0 0}
.mobile .noPageText{padding:0 10px 0 10px}
.mobile .noPageBox h5{font-size: 20px; line-height: 30px}
.mobile .noPageBox p{font-size: 15px; line-height: 21px}

/* 20221231 START */
/* 새소식 > 리스트형 */
.blind {overflow:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none; border:none; text-indent:-999em;} /* sound only */

.localBtn > a {font-size:1.6rem;}
.fs23 {font-size:2.3rem; color:#353740; font-weight:600;}
.fs23.mb15 {margin-bottom:14px;}
.fcSkyblue {color:#007D7D;}
.textRow2 {display:inline-block; margin-top:15px; text-align:left; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.flex {display:flex;}

.checkWrap2{display: inline-block; position: relative; margin-right: 4rem; }
.checkWrap2 *{vertical-align: middle;}
.checkWrap2 input {width:1.9rem; height:1.9rem; border:1px solid #ddd; background:#fff;}
.checkWrap2 input[type="checkbox"] {position: absolute;  width: 1.9rem; height:1.9rem; overflow: hidden; border:1px solid #ddd; z-index: 3; -webkit-appearance: none; position: relative; cursor: pointer;
-moz-appearance: none;; appearance:none; ; top:0; left:0;}
.checkWrap2  + .radioWrap {margin-left: 3rem;}
.checkWrap2 input[type="checkbox"] + label {position: absolute; z-index: 2; left:3rem; top:-4px; cursor: pointer; font-size: 1.7rem;}
.checkWrap2 input[type="checkbox"]:focus + label {color:#00A0BD;} /**202340305 추가*/
/* .checkWrap2 input[type="checkbox"]:focus + label {color:#019cb6;} */
.checkWrap2 input[type="checkbox"]:focus + label:before {width:100%; left: 0;}
.checkWrap2 input[type="checkbox"] + label:before {content: ''; background-color: #00A0BD; height: 1px; width: 0; transition: 0.5s ease; position: absolute; bottom: 0; left: 50%;}
.checkWrap2 input[type="checkbox"]:checked {z-index: 1; background:#00A0BD; border:1px solid #00A0BD;} /**20240305 추가*/
/* .checkWrap2 input[type="checkbox"] + label:before {content: ''; background-color: #019cb6; height: 1px; width: 0; transition: 0.5s ease; position: absolute; bottom: 0; left: 50%;}
.checkWrap2 input[type="checkbox"]:checked {z-index: 1; background:#019cb6; border:1px solid #019cb6;} */

.tabIndex {border:1px solid #E8EBF2; border-radius:11px; overflow:hidden;}
.tabIndex li {min-width:110px; height:52px;}
.tabIndex li + li {border-left:1px solid #E8EBF2;}
.tabIndex li a {position:relative; display:block; height:100%; font-size:1.6rem; line-height:50px; color:#353740; text-align:center;}
.tabIndex li:hover a {font-weight:500;}
/* .tabIndex li.current a {background:#E8EBF2; font-weight:500;} */
.tabIndex li.current a {background: #007D7D; font-weight:500;color: #fff;}/*20240305*/
/*.tabIndex li.current a {background: #019cb6; font-weight:500;color: #fff;}20230817*/

.listType li {display:inline-block;}
.listType li + li {margin-left:20px;}
.listType li a {display:block; min-width:130px; height:40px; line-height:38px; font-size:1.6rem; font-weight:500; padding:0 20px 0 52px; border-radius:12px; text-align:center; color:#353740; border:1px solid #353740;}
.listType li a.current {color:#fff;}
.listType li a i {display:inline-block; vertical-align:middle; margin-right:5px; margin-top:-3px}
.listType li a.btnViewList {background:url(../img/ic_list.png) no-repeat; background-size:25px 18px; background-position:20px center;}
.listType li a.btnViewList.current {color:#fff; background:#353740 url(../img/ic_list_w.png) no-repeat; background-size:25px 18px; background-position:20px center;}
.listType li a.btnViewTile {background:url(../img/ic_tile.png) no-repeat; background-size:19px 19px; background-position:20px center;}
.listType li a.btnViewTile.current {color:#fff; background:#353740 url(../img/ic_tile_w.png) no-repeat; background-size:19px 19px; background-position:20px center;}

.listOptionWrap {justify-content:space-between; align-items:flex-end; margin-bottom:30px} /* 20230817 */
.listOptionWrap.ver2 {justify-content:flex-end; margin-top: 48px; margin-bottom:48px} /* 20230811 */

.table1 .thead {border-bottom:7px solid #E8EBF2;}
.table1 .thead .th {font-size:1.8rem; color:#353740; text-align:center; font-weight:500; padding-bottom:15px;}
.table1 .thead .th.type {width:11%;} /* 20230811 */
.table1 .thead .th.local {width:10%;}
.table1 .thead .th.category {width:10%;}
.table1 .thead .th.title {width:76%;} /*230105*/
.table1 .thead .th.title.ver1 {width:80%;} /*20230811*/
.table1 .thead .th.title.ver2 {width:90%;} /*20230811*/
.table1 .thead .th.date {width:10%;}
/*20221231 모바일 추가*/
.table1 .thead .th.date.mobile {width:24%;} /*230105*/
.table1 .thead .th.view.mobile {width:24%;} /*20230811*/
.table1 .thead .th.view {width:10%;}

.table1 .tbody .tr.flex {align-items:center; border-bottom:1px solid #DDDFE3;} /*230105*/
.table1 .tbody .tr .td {font-size:1.8rem; color:#353740; text-align:center; padding:30px 5px;} /*230105*/
.table1 .tbody .tr:last-child {border-bottom:7px solid #E8EBF2;} /*230105*/
.table1 .tbody .tr .td.noData {width:100%;}
.table1 .tbody .tr .td.type {width:11%;} /* 20230811 */
.table1 .tbody .tr .td.local {width:10%;}
.table1 .tbody .tr .td.category {width:10%;}
.table1 .tbody .tr .td.title {width:76%; font-size:2rem; align-items:center; overflow:hidden;} /*230105*/
.table1 .tbody .tr .td.title.ver1 {width:80%;} /*20230811*/
.table1 .tbody .tr .td.title.ver2 {width:90%;} /*20230811*/
.table1 .tbody .tr .td.title a {position:relative; display:block; text-align:left; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all .5s;}
.table1 .tbody .tr .td.title a:before {content:''; position:absolute; bottom:0; left:0; width:0; height:1px; background:#007D7D; transition:all .5s;}
.table1 .tbody .tr .td.title span {margin-left:10px;}
.table1 .tbody .tr .td.title:hover a {color:#007D7D;}
.table1 .tbody .tr .td.title:hover a:before {width:100%;}
.table1 .tbody .tr .td.date {width:10%; white-space:nowrap;} /*230105*/
/*20221231 모바일 추가*/
.table1 .tbody .tr .td.date.mobile {width:24%;} /*230105*/
.table1 .tbody .tr .td.view.mobile {width:24%;} /*20230811*/
.table1 .tbody .tr .td.view {width:10%;}

.labelWrap li + li {margin-left:5px;} 
.label0 {display:inline-block; min-width:56px; height:50px; line-height:46px; border-radius:12px; padding:0 15px; font-size:1.8rem; font-weight:500; text-align:center;}
.label1 {display:inline-block; min-width:56px; border-radius:12px; padding:4px 12px 5px; font-size:1.6rem; font-weight:500; text-align:center;} /* 2023접근성 외 추가 수정 */
.label2 {display:inline-block; min-width:34px; border-radius:8px; padding:0.5px 5px 2px; font-size:1.2rem; font-weight:500; text-align:center;}
.label3 {display:inline-block; min-width:34px; height:24px; line-height:20px; border-radius:8px; padding:0 10px; font-size:1.2rem; font-weight:600; text-align:center;}


/* .bgSkyblue {background:#007D7D; color:#fff; border:2px solid #007D7D;} */
.bgSkyblue {background:#007D7D; color:#fff; border:2px solid #007D7D;}
.bgGray {background:#E8EBF2; color:#353740; border:2px solid #E8EBF2;}
.bgOrange {background:#E74D00; color:#fff; border:2px solid #E74D00;}
.bgLightGray {background:#666; color:#fff; border:2px solid #666;} /* 2023접근성 */
.bgLightGray2 {background:#fff; color:#666; border:2px solid #666;} /* 2023접근성 */


/* 새소식 > 타일형 */
.listTypeTile {margin:-30px -15px; flex-wrap:wrap;} /*230105*/
.listTypeTile > li {padding:30px 15px; width:25%;} /*230105*/
.listTypeTile > li > a {position:relative; display:block; border-radius:20px; overflow:hidden; border:2px solid #E8EBF2; transition:all .5s ease;}
.listTypeTile > li > a .imgBox {position:relative; height:160px; overflow:hidden;}
.listTypeTile > li > a .imgBox span {position:absolute; top:20px; right:20px; z-index:1;}
.listTypeTile > li > a .imgBox img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.listTypeTile > li > a .txtBox {padding:20px 26px;/* border-top:1px solid #E8EBF2; */height: 250px;} /*230105*/
.listTypeTile > li > a .txtBox p {display:inline-block; margin-top:15px; text-align:left; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.listTypeTile > li > a .txtBox p span {height:3.2em; font-size:1.8rem; color:#353740; font-weight:500; line-height:1.6; word-break:break-all;}
.listTypeTile > li > a .txtBox .labelWrap .label2.bgOrange {float:right;} /*230105*/
.listTypeTile > li > a .date {position:absolute; bottom:30px; left:26px; font-size:1.4rem;color:#353740;font-weight:400;font-family:'NotoSans';} /*230105*/
.listTypeTile > li:hover a {border:2px solid #007D7D; box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 8%);}
.listTypeTile > li:hover a .txtBox p span {color:#007D7D}
.listTypeTile > li:hover a .txtBox .date {color:#007D7D}
.listTypeTile > li:hover a .txtBox .labelWrap .bgGray {background:#fff; border:2px solid #007D7D; color:#007D7D;}
.listTypeTile > li:hover .txtBox p span {background-size:100% 100%;}


/* 리스트 하단 검색창 */
.btmSearchWrap {margin-top:75px; justify-content:center; align-items:center;}
.btmSearchWrap .btmSeachTextWrap {width:586px; height:50px; border:1px solid #353740; border-radius:12px; padding:0 15px;}
.btmSearchWrap .btmSeachTextWrap input {width:100%; height:100%; border:0; color:#353740;}
.btmSearchWrap .btmSeachTextWrap input::placeholder {font-size:1.6rem; color:#666666;}/*2023접근성*/
.btmSearchWrap .btmBtnSrc {width:57px; height:57px; border-radius:20px; background:#353740 url(../img/ic_search.png) no-repeat center; margin-left:20px; background-size:2rem;}
.btmSearchWrap .btmSeachTextWrap:focus, 
.btmSearchWrap .btmSeachTextWrap:hover {border:1px solid #007D7D;}
.btmSearchWrap .btmBtnSrc:focus,
.btmSearchWrap .btmBtnSrc:hover {background:#007D7D url(../img/ic_search.png) no-repeat center; background-size:2rem;}


/* 공통 검색창 */
.searchWrap.flex {justify-content:center; align-items:center;}
.searchWrap .searchText {height:50px; border:1px solid #E8EBF2; background:#fff; border-radius:12px; padding:0 15px; overflow:hidden; box-sizing:border-box;}
.searchWrap .searchText input {width:100%; height:100%; border:0;}
.searchWrap .searchText input::placeholder {font-size:1.6rem; color:#666; font-weight:400;} /* 2023접근성 */
.searchWrap .searchText:focus, 
.searchWrap .searchText:hover {border:1px solid #007D7D;}
.searchWrap .btnSrc {width:57px; height:57px; border-radius:20px; background:#353740; margin-left:20px; background-size:29px;}
.searchWrap .btnSrc.btnSearch {background:#353740 url(../img/ic_search.png) no-repeat center; background-size:2rem}
.searchWrap .btnSrc.btnRefresh {background:#353740 url(../img/ic_refresh.png) no-repeat center; background-size:2rem}
.searchWrap .btnSrc.btnSearch:focus,
.searchWrap .btnSrc.btnSearch:hover {background:#007D7D url(../img/ic_search.png) no-repeat center; background-size:2rem;}
.searchWrap .btnSrc.btnRefresh:focus,
.searchWrap .btnSrc.btnRefresh:hover {background:#007D7D url(../img/ic_refresh.png) no-repeat center; background-size:2rem;}

/* 게시글 정보 */
.pageInfo {border-bottom:1px solid #DDDFE3; font-size:2.1rem; color:#353740; font-weight:400; margin-top:48px; padding-bottom:14px}
.pageInfo strong {font-size:2.3rem;;}
.listViewOption.flex {align-items:center; margin-top:30px; justify-content:flex-end;}
.listViewOption.flex .srcDiv {display:flex; margin-left:24px;}
.listViewOption.flex .srcDiv select {min-width:180px;}
.listViewOption.flex .srcDiv select + select {margin-left:6px;}

.srcDiv.bd0 {border-bottom:0;}

/* 지원기관 찾기 */
.centerSearchWrap {width:100%; min-height:350px; padding:60px 45px; border-radius:10px; background:#F5F7F8; border:1px solid #E8EBF2;}/*20230703 지원기관찾기 공백줄이기*/
.centerSearchWrap .title {width:130px;}
.centerSearchWrap .title .checkWrap2 {margin-top:1.5rem;}
.centerSearchWrap .categoryList {width:calc(100% - 130px); flex-wrap:wrap; margin:-5px;}
.centerSearchWrap .categoryList li {width:20%; padding:6px;}
.centerSearchWrap .categoryList li a {display:block; width:100%; padding:11px 5px; font-size:1.8rem; color:#353740; font-weight:500; text-align:center; border-radius:12px; border:1px solid #E8EBF2; background:#fff; transition:ease .3s;}
.centerSearchWrap .categoryList li a span {position:relative;}
.centerSearchWrap .categoryList li.active a /* 221227 */,
.centerSearchWrap .categoryList li:hover a {border:1px solid #007D7D; color:#007D7D} 
.centerSearchWrap > .flex + .flex {margin-top:100px;}
.centerSearchWrap > .flex:nth-child(2) {align-items:center;}
.centerSearchWrap .searchWrap .searchText {width:586px;}
.listTypeTile2 {flex-wrap:wrap; margin:-15px; margin-top:20px !important;}
.listTypeTile2 > li {width:33.33%; padding:15px;}
.listTypeTile2 > li > a {position:relative; display:block; width:100%; height:343px; padding:30px 25px 80px; border-radius:20px; border:2px solid #E8EBF2; transition:ease .3s; box-sizing:border-box;} /* 221227 */ /* 230105*/
.listTypeTile2 > li:hover > a {border:2px solid #007D7D; box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 8%);}
.listTypeTile2 > li:hover > a p span,
.listTypeTile2 > li:hover > a i,
.listTypeTile2 > li:hover > a dl dd {color:#007D7D;}
.listTypeTile2 > li:hover > a p span {background-size:100% 100%;}
.listTypeTile2 > li:hover > a .bgLightGray {background:#007D7D; color:#fff; border:2px solid #007D7D;}
.listTypeTile2 > li:hover > a .bgLightGray2 {background:#fff; color:#007D7D; border:2px solid #007D7D;}

.listTypeTile2 > li > a p {margin-top:15px; text-align:left; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.listTypeTile2 > li > a p span {height:3.2em; font-size:2.3rem; color:#353740; font-weight:600; line-height:1.6; word-break:break-all;}
.listTypeTile2 > li > a dl {margin-top:30px; height:83px; overflow:hidden;} /*230105*/
.listTypeTile2 > li > a dl dd {font-size:1.6rem; color:#353740;}
.listTypeTile2 > li > a dl dd + dd {margin-top:8px;}
.listTypeTile2 > li > a dl dd em {display:inline-block; font-weight:600; margin-right:10px;}
.listTypeTile2 > li > a .label2.bgOrange {position:absolute; top:30px; right:30px;}
.btnViewMore {position:absolute; bottom:25px; right:25px; font-size:1.6rem; color:#353740; text-decoration:underline; font-style:normal;}


@media screen and (max-width:1300px) {
    .label1 {min-width:auto; padding:.15rem 1rem .2rem;}
    .label2 {min-width:auto; padding:.1rem .5rem .15rem;}
    .label3 {font-size:1.4rem;}
    .fs23 {font-size:2.1rem;}
    .listTypeTile {margin:-1.5rem}
    .listTypeTile > li {width:50%; padding:1.5rem}
    .listTypeTile > li > a .txtBox p span {font-size:2rem;}

    .centerSearchWrap {position:relative; padding:3rem 2.5rem;}
    .centerSearchWrap .flex {flex-wrap:wrap;}
    .centerSearchWrap > .flex + .flex {margin-top:3.5rem;}
    .centerSearchWrap .title {width:100%; margin-bottom:.8rem;}
    .centerSearchWrap .title .checkWrap2 {position:absolute; top:2.4rem; right:6.7rem;}
    .centerSearchWrap .categoryList {width:100%; margin:-0.4rem;}
    .centerSearchWrap .categoryList li {width:33.33%; padding:0.4rem;}
    .centerSearchWrap .categoryList li a {font-size:1.7rem;}
    .centerSearchWrap .searchWrap {justify-content:flex-start; flex-wrap:nowrap; width:100%;}
    .centerSearchWrap .searchWrap .searchText {width:calc(100% - 15rem);} /*230105*/
    .searchWrap .btnSrc {width:45px; height:45px; margin-left:1rem; border-radius:50%;} /* 221227 */

    .verMobile .listViewOption.flex {flex-wrap:wrap; align-items:flex-start;}
    .verMobile .listViewOption h2 {margin-bottom:.8rem; width:100%;}
    .verMobile .listViewOption .srcDiv {display:flex; justify-content:space-between; width:100%; margin-left:0;}
    .verMobile .listViewOption .srcDiv select {min-width:auto; width:calc(50% - .4rem);}
    .verMobile .listViewOption .srcDiv select + select {margin-left:.6rem;}

    .listTypeTile2 {margin:-.8rem; margin-top:3rem !important;}
    .listTypeTile2 > li {width:50%; padding:.8rem;}
    .listTypeTile2 > li > a {padding:3rem 2.5rem 5rem;} /* 2212227 */ /*230105*/

    .pageInfo {font-size:1.7rem; margin-top:3rem;}

    .verMobile .listOptionWrap {margin-bottom:3rem; margin-top:3rem;}
    .verMobile .listOptionWrap {flex-wrap:wrap;}
    .verMobile .listOptionWrap > * {width:100%;}
    .verMobile .listOptionWrap .tabIndex li {width:25%;}
    
    .verMobile .listType {margin-top:3rem; justify-content:flex-end;}
    .verMobile .listType li + li {margin-left:.8rem;}
    .verMobile .listType li a {font-size:0; min-width:auto; width:3.9rem; height:3.9rem; border-radius:50%; padding:0 10px}
    .verMobile .listType li a i {display:none;}
    .verMobile .listType li a.btnViewList {background-position:center; background-size:auto 1.6rem;}
    .verMobile .listType li a.btnViewTile {background-position:center; background-size:auto 1.6rem;}
    
    .verMobile .tabIndex li {height:4.2rem; min-width:auto;}
    .verMobile .tabIndex li a {line-height:4.0rem;}
    
    .btmSearchWrap {margin-top:5rem;}
    .btmSearchWrap .btmSeachTextWrap {width:auto; width:60%; height:4.2rem; border-radius:5rem;}
    .btmSearchWrap .btmBtnSrc {width:5rem; height:5rem; margin-left:.6rem; border-radius:5rem; background-size:1.8rem;}
    .srcDiv.bd0 {padding-bottom:0;}
    
    .listTypeTile {margin-top:0 !important;}
    .listTypeTile > li > a .date {font-size:1.6rem; bottom:2.2rem;} /*2301005*/

    .verMobile .table1 .thead .th.view,
    .verMobile .table1 .tbody .tr .td.view,
    .verMobile .table1 .thead .th.category,
    .verMobile .table1 .tbody .tr .td.category {display:none;}
    .verMobile .table1 .tbody .tr .td.local,
    .verMobile .table1 .thead .th.local {width:15%;}
    .verMobile .table1 .tbody .tr .td.date,
    .verMobile .table1 .thead .th.date {width:20%;}
    .verMobile .table1 .tbody .tr .td.title,
    .verMobile .table1 .thead .th.title {width:65%;}

    .verMobile .listTypeTile2 > li > a .label2.bgOrange {top:2.5rem; right:1.5rem;}
}

@media screen and (max-width:820px) {
    .listTypeTile > li {width:100%;}
    .listTypeTile2 > li {width:100%;}
    .listTypeTile2 > li > a {height:30rem;} /*230105*/
    .listTypeTile2 > li > a dl {height:5.5rem;} /* 230105 */
    .checkWrap2 input[type="checkbox"] + label {font-size:1.6rem; top:-2px}
}

@media screen and (max-width:768px) {
    .centerSearchWrap {padding:2.5rem 1.5rem;}
    .centerSearchWrap .flex {width:100%;}
    .centerSearchWrap .categoryList li {width:50%;}
    .centerSearchWrap .title .checkWrap2 {top:1.5rem; right:5.5rem;}

    .listTypeTile2 > li > a {padding:2rem 1.5rem 4rem;} /* 2212227 */ /* 230105 */
    .listTypeTile > li > a .txtBox {min-height:190px; height:auto;} /* 230105 */
    .verMobile.ver2 .tabIndex li a {font-size: 1.3rem;} /* 20230811 */
}
@media screen and (max-width:375px) {
	.verMobile .table1 .tbody .tr .td.type, 
    .verMobile .table1 .tbody .tr .td.local, 
    .verMobile .table1 .thead .th.local {display:none;}
    .verMobile .table1 .tbody .tr .td.date,
    .verMobile .table1 .thead .th.date {width:20%;}
    .verMobile .table1 .tbody .tr .td.title,
    .verMobile .table1 .thead .th.title {width:80%;}
    .verMobile.ver2 .tabIndex li a {font-size: 1.2rem;} /* 20230811 */
}
/* 지역센터 안내 */
.guidMapWrap {position:relative; width:1140px; height:auto; margin:0 auto;}
.guidMapWrap.verPc {height:1041px;}
.guidMapWrap .mapSpotWrapMobile {width:100%; text-align:center;}
.guidMapWrap .mapSpotWrap {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/sub/map.png) no-repeat;}
.guidMapWrap .mapSpotWrap li {position:absolute; transition: all .3s; margin-top:-25px;} 
.guidMapWrap .mapSpotWrap li .spotHere {position:relative; z-index:1;}
.guidMapWrap .mapSpotWrap li .spotHere .spotImg {position:relative; display:inline-block; width:18px; height:26px; background:url(../img/sub/ic_map_spot.png) no-repeat; z-index:1;}
.guidMapWrap .mapSpotWrap li .spotHere .spotEffect {position:relative; animation:spotEffectShow 1s ease-in Infinite Alternate;}
.guidMapWrap .mapSpotWrap li .spotHere .spotEffect span:nth-child(1) {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:9px; height:9px; border-radius:50%; background:rgba(173,227,237,1); z-index:-1;}
.guidMapWrap .mapSpotWrap li .spotHere .spotEffect span:nth-child(2) {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:17px; height:17px; border-radius:50%; background:rgba(173,227,237,.4); z-index:-2;} 
.guidMapWrap .mapSpotWrap li .spotHere .spotEffect span:nth-child(3) {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:27px; height:27px; border-radius:50%; background:rgba(173,227,237,.2); z-index:-3;} 

@keyframes spotEffectShow {
    0% {opacity:0;}
    50% {opacity:1;}
}

.guidMapWrap .mapSpotWrap li .spotName {position:absolute; z-index:1;}
.guidMapWrap .mapSpotWrap li .spotName button {display:inline-block; min-width:160px; height:48px; text-align:center; border-radius:50px; background:#fff; border:2px solid #353740;}
.guidMapWrap .mapSpotWrap li .spotName button em {position:relative; display:inline-block; font-size:1.8rem; font-weight:400; color:#353740; line-height:44px;}
.guidMapWrap .mapSpotWrap li .spotName button em::before {content:''; position:absolute; bottom:10px; left:0; width:0; height:1px; background:#00A0BD; transition:.3s;}
/* .guidMapWrap .mapSpotWrap li .spotName button em::before {content:''; position:absolute; bottom:10px; left:0; width:0; height:1px; background:#019CB6; transition:.3s;} */

.guidMapWrap .mapSpotWrap li .spotName button.btn-primary.focus, 
.guidMapWrap .mapSpotWrap li .spotName button.btn-primary:focus {outline:1px solid #111;}
.guidMapWrap .mapSpotWrap li:focus .spotName button,
.guidMapWrap .mapSpotWrap li:hover .spotName button {border:2px solid #00A0BD; color:#00A0BD; font-weight:700; box-shadow: 0 3px 15px rgba(1,156,182,.2);}/**20230305 추가*/
/* .guidMapWrap .mapSpotWrap li:hover .spotName button {border:2px solid #019CB6; color:#019CB6; font-weight:700; box-shadow: 0 3px 15px rgba(1,156,182,.2);} */
.guidMapWrap .mapSpotWrap li:focus .spotName button em::before,
.guidMapWrap .mapSpotWrap li:hover .spotName button em::before {width:100%;}
.guidMapWrap .mapSpotWrap li:focus .spotName button em,
.guidMapWrap .mapSpotWrap li:hover .spotName button em {color:#00A0BD; font-weight:500;} /**20230305 추가*/
/* .guidMapWrap .mapSpotWrap li:hover .spotName button em {color:#019CB6; font-weight:500;} */
.guidMapWrap .mapSpotWrap li:focus .spotHere .spotImg,
.guidMapWrap .mapSpotWrap li:hover .spotHere .spotImg {background:url(../img/ic_map_spot_hover.png) no-repeat;}

/* mapimg size: 1140*1041 margin-top:25px or 55px*/
.guidMapWrap .mapSpotWrap li.spot1 {top:120px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot2 {top:175px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot3 {top:230px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot4 {top:285px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot5 {top:365px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot6 {top:420px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot7 {top:475px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot8 {top:590px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot9 {top:645px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot10 {top:700px; left:140px;}
.guidMapWrap .mapSpotWrap li.spot11 {top:175px; right:290px}
.guidMapWrap .mapSpotWrap li.spot12 {top:285px; right:290px}
.guidMapWrap .mapSpotWrap li.spot13 {top:455px; right:290px}
.guidMapWrap .mapSpotWrap li.spot14 {top:510px; right:290px}
.guidMapWrap .mapSpotWrap li.spot15 {top:580px; right:290px}
.guidMapWrap .mapSpotWrap li.spot16 {top:635px; right:290px}
.guidMapWrap .mapSpotWrap li.spot17 {top:690px; right:290px}
.guidMapWrap .mapSpotWrap li.spot18 {bottom:145px; right:595px;}

.guidMapWrap .mapSpotWrap li.spot1 .spotHere {top:144px; left:285px;}
.guidMapWrap .mapSpotWrap li.spot2 .spotHere {top:71px; left:305px;}
.guidMapWrap .mapSpotWrap li.spot3 .spotHere {top:41px; left:255px;}
.guidMapWrap .mapSpotWrap li.spot4 .spotHere {top:10px; left:310px;}
.guidMapWrap .mapSpotWrap li.spot5 .spotHere {top:73px; left:350px;}
.guidMapWrap .mapSpotWrap li.spot6 .spotHere {top:41px; left:280px;}
.guidMapWrap .mapSpotWrap li.spot7 .spotHere {top:40px; left:370px;}
.guidMapWrap .mapSpotWrap li.spot8 .spotHere {top:41px; left:345px;}
.guidMapWrap .mapSpotWrap li.spot9 .spotHere {top:63px; left:250px;}
.guidMapWrap .mapSpotWrap li.spot10 .spotHere {top:42px; left:345px;}
.guidMapWrap .mapSpotWrap li.spot11 .spotHere {top:40px; right:200px;}
.guidMapWrap .mapSpotWrap li.spot12 .spotHere {top:116px; right:270px;}
.guidMapWrap .mapSpotWrap li.spot13 .spotHere {top:40px; right:130px;}
.guidMapWrap .mapSpotWrap li.spot14 .spotHere {top:90px; right:170px;}
.guidMapWrap .mapSpotWrap li.spot15 .spotHere {top:40px; right:50px;}
.guidMapWrap .mapSpotWrap li.spot16 .spotHere {top:41px; right:230px;}
.guidMapWrap .mapSpotWrap li.spot17 .spotHere {top:14px; right:70px;}
.guidMapWrap .mapSpotWrap li.spot18 .spotHere {top:41px; right:100px;}

.guidMapWrap .mapSpotWrap li.spot1 .spotHere::before {content:''; position:absolute; bottom:0; left:0; right:0; margin:auto; width:1px; height:120px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot1 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:294px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot2 .spotHere::before {content:''; position:absolute; bottom:0; left:0; right:0; margin:auto; width:1px; height:47px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot2 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:314px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot3 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:255px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot4 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:319px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot4 .spotHere::before {content:''; position:absolute; top:0; left:0; right:0; margin:auto; width:1px; height:40px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot5 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:359px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot5 .spotHere::before {content:''; position:absolute; bottom:0; left:0; right:0; margin:auto; width:1px; height:49px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot6 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:280px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot7 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:370px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot8 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:345px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot9 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:259px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot9 .spotHere::before {content:''; position:absolute; bottom:0; left:0; right:0; margin:auto; width:1px; height:39px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot10 .spotName::before {content:''; position:absolute; bottom:0; top:0; left:0; margin:auto; width:345px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot11 .spotName::before {content:''; position:absolute; bottom:0; top:0; right:0; margin:auto; width:342px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot12 .spotName::before {content:''; position:absolute; bottom:0; top:0; right:0; margin:auto; width:421px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot12 .spotHere::before {content:''; position:absolute; bottom:0; left:0; right:0; margin:auto; width:1px; height:92px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot13 .spotName::before {content:''; position:absolute; bottom:0; top:0; right:0; margin:auto; width:272px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot14 .spotName::before {content:''; position:absolute; bottom:0; top:0; right:0; margin:auto; width:321px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot14 .spotHere::before {content:''; position:absolute; bottom:0; left:0; right:0; margin:auto; width:1px; height:66px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot15 .spotName::before {content:''; position:absolute; bottom:0; top:0; right:0; margin:auto; width:192px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot16 .spotName::before {content:''; position:absolute; bottom:0; top:0; right:0; margin:auto; width:372px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot17 .spotName::before {content:''; position:absolute; bottom:0; top:0; right:0; margin:auto; width:221px; height:1px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot17 .spotHere::before {content:''; position:absolute; top:0; left:0; right:0; margin:auto; width:1px; height:36px; background:#353740; z-index:-1;}
.guidMapWrap .mapSpotWrap li.spot18 .spotName::before {content:''; position:absolute; bottom:0; top:0; right:0; margin:auto; width:242px; height:1px; background:#353740; z-index:-1;}

#modalBasic {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,.6); z-index:111;}
#modalBasic .modal-dialog {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:560px; min-height:320px; background:#fff; border-radius:10px; padding:37px 40px;}
#modalBasic .modal-dialog .modal-content {color:#353740;}
#modalBasic .modal-dialog .modal-content .modal-title {font-sizE:2.6rem; font-weight:600; line-height:1; padding-bottom:10px; border-bottom:2px solid #222; text-align:center;}
#modalBasic .modal-dialog .modal-content dl {display:flex; margin-top:30px; font-size:1.6rem;}
#modalBasic .modal-dialog .modal-content dl + dl {margin-top:20px;}
#modalBasic .modal-dialog .modal-content dl dt {position:relative; padding-left:30px; width:115px;}
#modalBasic .modal-dialog .modal-content dl.call dt::before {content:''; position:absolute; top:5px; left:7px; width:14px; height:14px; background:url(../img/ic_call.png) no-repeat;}
#modalBasic .modal-dialog .modal-content dl.address dt::before {content:''; position:absolute; top:5px; left:7px; width:15px; height:13px; background:url(../img/ic_address.png) no-repeat;}
#modalBasic .modal-dialog .modal-content dl dd {width:calc(100% - 115px); font-weight:500;}
#modalBasic .modal-dialog .modal-content .modal-btn-wrap {margin-top:40px; width:100%; font-size:0; text-align:center;}
#modalBasic .modal-dialog .modal-content .modal-btn-wrap a:hover {text-decoration:underline;}
#modalBasic .modal-dialog .modal-content .modal-btn-wrap a.btnGo {display:inline-block; padding:0 34px; height:50px; line-height:48px; font-size:1.6rem; color:#fff; border-radius:50px; background:#353740;} 
#modalBasic .modal-dialog .modal-content .modal-btn-wrap a.btnGo img {margin-left:10px;}
#modalBasic .modal-dialog .modal-content .modal-btn-wrap a.closeModal {display:inline-block; padding:0 34px; height:50px; line-height:48px; font-size:1.6rem; color:#353740; border-radius:50px; border:1px solid #353740; margin-left:10px;} 
#modalBasic .modal-dialog .modal-content .modal-btn-wrap a.closeModal img {margin-right:10px;}
/* 20221231 END */

@media screen and (min-width: 1024px) {
	.mobile .introImg.setUpImg{ width: 70%; margin: 0 auto;  height: 34rem;}
	.mobile .contentsBox.noPage{padding: 400px 0}
}

@media screen and (min-width:768px) and  (max-width: 1023px) { 
	.mobile .contentsBox.noPage{padding: 230px 0}
	.mobile .introImg.setUpImg{ width: 70%; margin: 0 auto;  height: 30rem;}
	.mobile .introTText > ul{width: 40rem; margin: 0 auto; float: none}
	.mobile .introTText .hub{ width: 45rem;}
	.mobile .cycleList > li{padding: 3rem 6rem; height: 100%;}
	.mobile .cycleList > li{width: 49%; margin: 0; height: 16.5rem; margin-top: 2%; padding: 3rem 7.5rem ;}
	.mobile .cycleList > li a strong{margin-bottom: 2rem;}
	.mobile .cycleList > li{margin-right: 2%}
	.mobile .cycleList > li:nth-of-type(2n){margin-right: 0;}
	.mobile .depth2Box .select{max-width: 800px; margin: 0 auto; display: block;}  
	.mobile .depthBox.depth3Box > dl dt{width:12%; background-position: 0 1rem;}
    .mobile .depthBox.depth3Box > dl dd{ width: 88%;}
	.mobile .CycleInt .CItxt2{max-width: 800px; margin: 25px auto 0 auto; text-align: right;}
}

@media screen and (min-width: 320px) and (max-width: 414px) { 
	html.mobile{min-width: 200px; height: 100%; font-size: 8px}
	.mobile .cycleList > li:first-of-type a{background-size: 33%;}
	.mobile .cycleList > li{padding: 2rem 1.8rem ; height: 100%;}
	.mobile .cycleList > li a{background-size: 50%; background-position: 100% 0;}
	
	.mobile .subText .boxList.Type1 > li{width: 32%; margin: 0 2% 2% 0 ; box-sizing: border-box; padding: 5px 10px; text-align: center; font-size: 1.8rem; line-height: 2.1rem; }
    .mobile .subText .boxList.Type1 > li:nth-of-type(3n){margin-right: 0;}
}

/*20221231 퍼블리싱 추가*/
@media screen and (max-width:1141px) {
 .guidMapWrap {width:100%; height:auto;}
 /* .guidMapWrap .mapSpotWrap {display:none;} */
 .guidMapWrap .mapSpotWrapMobile {display:block; text-align:center;}
 .guidMapWrap .mapSpotWrapMobile map area {cursor:pointer;}
}
@media screen and (max-width:643px) {
 /* .guidMapWrap .mapSpotWrapMobile #imgMapMobileBg {width:100%;} */
}
@media screen and (max-width:510px) {
#modalBasic .modal-dialog {width:calc(100% - 50px); max-width:560px; min-height:315px; padding:30px 20px;}
#modalBasic .modal-dialog .modal-content .modal-title {font-size:3rem;}
#modalBasic .modal-dialog .modal-content dl {font-size:2rem;}
#modalBasic .modal-dialog .modal-content .modal-btn-wrap a.closeModal,
#modalBasic .modal-dialog .modal-content .modal-btn-wrap a.btnGo {font-size:1.8rem; padding:0 20px;}
}
@media screen and (max-width:414px) {
#modalBasic .modal-dialog {width:calc(100% - 40px); padding:25px 15px;}
}