@charset "utf-8";

#content p + .list_black {margin-left:40px !important;}
.guide_box dl {padding:20px 20px 25px 220px; background:url('/invest/Images/section/datastat/sub/box_bg1.png') no-repeat 20px center #f0f3f8; line-height:1.6;}
.guide_box.survey dl {background:url('/invest/Images/new/data/sub/top_box_sul.png') no-repeat 20px center #f0f3f8; margin-bottom:3rem;}
.guide_box dt {font-weight:600; font-size:20px; color:#333; margin-bottom:10px;}
.guide_box .list_black {margin:10px 0 0 15px !important;}
@media all and (max-width:768px){
	.guide_box dl {padding:20px; background:#f0f3f8;}
	.guide_box.survey dl {background-image:none;}
}
@media all and (max-width:480px){
	.guide_box dl {padding:220px 20px 20px 20px; background:url('/invest/Images/section/datastat/sub/box_bg1.png') no-repeat center 20px #f0f3f8;}
	.guide_box.survey dl {padding:230px 20px 20px 20px; background:url('/invest/Images/new/data/sub/top_box_sul.png') no-repeat center 15px #f0f3f8;}
}

.list_black .bt_white {line-height:1.4em; display: inline-block; padding:5px 12px 5px 7px; border-radius:3px; border:1px solid #c8d1db; background:#fff; font-weight:bold; color:#333; letter-spacing:-0.05em;}
.list_black .bt_white span.down {font-size:14px; padding:3px 12px 3px 7px; background:url('/invest/Images/section/common/button/i_down.png') no-repeat right; }
.list_black .bt_white span.site {font-size:14px; padding:0 20px 0 3px; background:url('/invest/Images/section/common/button/i_site.png') no-repeat right; }
.list_black .bt_white span.blank {width:auto; height:auto; text-indent:0; font-size:14px; padding:0 18px 0 2px; background:url('/invest/Images/section/common/button/i_blank.png') no-repeat right; }

.regulations {padding:5px; background:rgb(193,128,46); background:linear-gradient(-120deg, rgba(193,128,46,1) 0%, rgba(217,158,61,1) 35%, rgba(238,198,96,1) 70%, rgba(246,223,128,1) 100%);}
.regulations > div {position:relative; padding:50px; background:#fff;}
.regulations > div .obj {position:absolute; display:block; width:60px; height:59px; background:url('/invest/Images/section/datastat/sub/charter.png') no-repeat;}
.regulations > div .obj.topL {top:-5px; left:-5px; background-position:0 0;}
.regulations > div .obj.topR {top:-5px; right:-5px; background-position:-60px 0;}
.regulations > div .obj.btmL {bottom:-5px; left:-5px; background-position:0 -59px;}
.regulations > div .obj.btmR {bottom:-5px; right:-5px; background-position:-60px -59px;}
.regulations > div .title {font-weight:600; font-size:25px; color:#333; letter-spacing:-1.7px; text-align:center;}
.regulations > div p {line-height:1.6;}
.regulations > div .list_black > li {background:none; padding-left:0; line-height:1.6; margin:5px 0;}
@media all and (max-width:1023px) {
    .regulations > div .obj {width:50px; height:49px; background-size:100px;}
    .regulations > div .obj.topR {background-position:-50px 0;}
    .regulations > div .obj.btmL {background-position:0 -49px;}
    .regulations > div .obj.btmR {background-position:-50px -49px;}
}
@media all and (max-width:768px) {
    .regulations > div {padding:20px;}
}

.point {margin-bottom:15px; padding:10px 15px; color:#1f1ab7 !important; background:#f0f3f8; text-align:center; font-size:16px; font-weight:600;}

/*dataset*/
.dataset dl dt {font-size:19px; font-weight:600; color:#000;}
.dataset dl dt span {font-weight:400;}
.dataset dl dd span {color:#ea4d00;}
.dataset .cont1 {border:1px solid #0b9444; margin-bottom:15px; padding:20px; overflow:hidden;}
.dataset .cont1 dt {margin-bottom:15px;}
.dataset .cont1 dd a {position:relative; display:block; float:left; width:19.5%; text-transform: uppercase; padding:2px 10px 2px 35px;}
.dataset .cont1 dd a.on,.dataset .cont1 dd a:hover {font-weight:600; text-decoration:underline;}
.dataset .cont1 dd a::before {content:''; position:absolute; left:0; top:0; width:30px; height:30px; background:url('/invest/Images/new/data/sub/datasetIcon.png') no-repeat 0 0/auto 200%; }
.dataset .cont1 dd a.icon2::before {background-position:50% 0;}
.dataset .cont1 dd a.icon3::before {background-position:100% 0;}
.dataset .cont1 dd a.icon4::before {background-position:0 100%;}
.dataset .cont1 dd a.icon5::before {background-position:50% 100%;}
.dataset .cont1 dd a.icon6::before {background-position:100% 100%;}
.dataset .cont2 {border:1px solid #5955d9; margin-bottom:15px; padding:20px; overflow:hidden;}
.dataset .cont2 dt {margin-bottom:15px;}
.dataset .cont2 dt a {position:relative; display:inline-block; background:#5955d9; color:#fff; font-weight:400; padding:5px 15px 5px 35px; border-radius:20px; margin-left:10px; vertical-align:top;}
.dataset .cont2 dt a::before {content:''; position:absolute; left:15px; top:10px; width:10px; height:5px; border-bottom:3px solid #fff; border-left:3px solid #fff; transform:rotate(-45deg);}
.dataset .cont2 dd a {position:relative; display:block; float:left; width:29.9%; padding:2px 10px 2px 15px;}
.dataset .cont2 dd a::before {content:''; position:absolute; left:0; top:13px; width:3px; height:3px; border:2px solid #5955d9; border-radius:50%;}
.dataset .cont3 {margin-top:20px; /*overflow:hidden;*/}
.dataset .search {position:relative; text-align:right;}
.dataset .search h3 {position:absolute; left:0; top:0; margin:0 !important; font-size:19px; font-weight:600; color:#000;}
.dataset .search select {line-height:35px; height:35px; border:1px solid #d1d1d1; padding:0 10px;}
.dataset .search .input {display:flex; border:1px solid #212045; /*overflow:hidden;*/ margin:10px 2px 20px 0;}
.dataset .search .input input {float:left; width:calc(100% - 60px); height:50px; line-height:50px; padding:0 10px; border:0;}
.dataset .search .input a {display:block; float:right; width:60px; height:50px; background:#212045 url('/invest/Images/new/data/sub/searchIcon.png') no-repeat center; text-align:left; text-indent:-9999px;}
.dataset .search .input a:focus {outline:2px dashed #ff0000;}
.dataset .list {border-top:3px solid #212045; margin:20px 0 40px;}
.dataset .list a {display:inline-block; width:100%; box-sizing:border-box; padding:15px 20px; border-bottom:1px solid #d4d4d4; /*overflow:hidden;*/}
.dataset .list a:hover {background:#edf2f6;}
.dataset .list a div {margin-bottom:10px;}
.dataset .list a div span {display:inline-block; color:#fff; background:#35388c; border:1px solid #35388c; padding:1px 10px; text-transform:uppercase; margin-right:3px; border-radius:4px;}
.dataset .list a div span.type {color:#fff; background:#0b855e; border:1px solid #0b855e;}
.dataset .list a div p {display:inline-block; font-weight:600; font-size:17px; color:#333;}
.dataset .list a > p {float:left; margin-right:40px;}
.dataset .list a > p strong {margin-right:10px;}
.title_wrap {position:relative;}
.title_wrap .total {font-weight:600; font-size:19px; color:#2e2957;}
.title_wrap .total span {font-size:15px; color:#222;}
.title_wrap .total strong {color:#ea4d00;}
.title_wrap .more {position:absolute; right:0; top:8px; font-weight:600;}
@media all and (max-width:1023px){
  .dataset .cont1 dd a, .dataset .cont2 dd a {width:27.3%;}
  .dataset .cont1 dd a:nth-child(3n+1), .dataset .cont2 dd a:nth-child(3n+1) {clear:both;}
}
@media all and (max-width:870px){
  .dataset .cont1 dd a {width:41.5%;} 
  .dataset .cont2 dd a {width:45.5%;}
  .dataset .cont1 dd a:nth-child(3n+1), .dataset .cont2 dd a:nth-child(3n+1) {clear:none;}
  .dataset .cont1 dd a:nth-child(2n+1), .dataset .cont2 dd a:nth-child(2n+1) {clear:both;}
  .dataset .list a div p {display:block; margin:5px 0 0; font-size:16px;}
}
@media all and (max-width:650px){
  .dataset .cont1 dd a {width:40%; padding-right:0;} 
  .dataset .cont2 dd a {width:43.5%; padding-right:0; letter-spacing:-2px;}
}
@media all and (max-width:480px){
  .dataset .search {text-align:left;}
  .dataset .search h3 {position:relative; }
  .dataset .search .input{margin:10px 0 30px;}
  .dataset .search select{margin:10px 0 0 0;}
  .dataset .list a {padding:15px 0;}
  .title_wrap .total span{display:block;}
}

p.right {text-align:right;padding:10px 20px;}
p.select_left {padding:5px 0; font-size:17px; font-weight:600;}

/*경북주요지표100선*/
.gb_select_wrap {display:flex;flex-direction:row;justify-content:space-between;}
.gb_select_wrap > div {float:right; padding-top:5px;}
.gb_select_wrap input[type="text"], .gb_select_wrap select, .gb_select_wrap .button, .button { height:32px; padding:0 15px; background:#fff; border:1px solid #ddd; line-height:32px; border-radius:6px; /*vertical-align:top;*/ font-family:'NotoSansKR', sans-serif; font-size:16px; box-sizing:border-box;}
.gb_select_wrap input[type="submit"], .gb_select_wrap button, .button {border:0; cursor:pointer; background:#686868; color:#fff !important; font-size:14px;height:32px;margin-left:2px; line-height:32px; -webkit-appearance: none;}
.gb_select_wrap input[type="text"]	 {margin-right:3px;}
.gb_select_wrap select::-ms-expand {display:none}
.gb_select_wrap select {appearance:none; -moz-appearance:window; -webkit-appearance:none; padding:0 40px 0 15px; background:#fff url('/invest/Images/new/ko/board/select_bg.gif') no-repeat 90% 50%; vertical-align:top; cursor:pointer; margin:0px 5px 0px 0; font-size:15px !important;}
.gb_select_wrap {margin:0 0 20px 0; padding:20px 2%; background:#fafafa; /*border-radius:6px;*/border:1px solid #e9e9e9;}
table ~ .gb_select_wrap {margin-top:30px;}
.select_cate {padding:4px 0;}
@media screen and ( max-width:640px ){
	.gb_select_wrap {display:block; padding:20px 10px;}
	.gb_select_wrap > div {float:none;}
}

.title_line {border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:20px;}
.title_bum {float:left;}



.marks {display:flex; flex-direction:row; /*margin:40px 0 5px 0;*/ padding-top:10px; float:right}
.marks li {margin:0 5px;}
.marks li span.m {padding:3px 0 3px 22px;background:url('/invest/Images/section/datastat/sub/ico_m.png') no-repeat 0 3px;}
.marks li span.y {padding:3px 0 3px 22px;background:url('/invest/Images/section/datastat/sub/ico_y.png') no-repeat 0 3px;}
.marks li span.f {padding:3px 0 3px 22px;background:url('/invest/Images/section/datastat/sub/ico_f.png') no-repeat 0 3px;}

.gb_tab_wrap{overflow:hidden; margin-bottom:0px;}
.gb_tab_wrap li a {float:left; width:12.99%; text-align:center; border:1px solid #ddd; margin:0.5%; padding:6px 0; font-size:14px; border-radius:6px;}
.gb_tab_wrap li a.on, .gb_tab_wrap li a:hover {background:#4180fb; color:#fff; text-decoration:underline; font-weight:600;}
@media screen and ( max-width:840px ){
	.gb_tab_wrap li a {float:left; width:23.5%;}
}
@media screen and ( max-width:640px ){
	.gb_tab_wrap li a {float:left; width:47.99%;}
}

.gbgb {margin-top:25px;}
.gb_stat100 {clear:both; /*display:flex; flex-direction:row; flex-wrap:wrap;*/ margin-bottom:20px; padding:10px 0; overflow:hidden;}
.gb_stat100 a {float:left; width:46%; margin:1px 2%; padding:3px 0; display:block; /*margin:0px 0px 0px 30px; border:1px solid #fff; border-radius:6px;*/}
.gb_stat100 a:nth-child(1),
.gb_stat100 a:nth-child(2),
.gb_stat100 a:nth-child(5),
.gb_stat100 a:nth-child(6),
.gb_stat100 a:nth-child(9),
.gb_stat100 a:nth-child(10),
.gb_stat100 a:nth-child(13),
.gb_stat100 a:nth-child(14),
.gb_stat100 a:nth-child(17),
.gb_stat100 a:nth-child(18),
.gb_stat100 a:nth-child(21),
.gb_stat100 a:nth-child(22) {background:#f6f7fb;}
@media screen and ( max-width:680px ){
	.gb_stat100 a:nth-child(even) {background:none;}
	.gb_stat100 a:nth-child(odd) {background:#f6f7fb;}
}

.gb_stat100 a.on{background:#fcd5b4;}
.gb_stat100 a dl{padding:1px 5px; /*border:1px solid #fff;*/ display:flex; flex-direction:row; justify-content:space-between;}
.gb_stat100 a dl dt{position:relative; text-align:left; padding-left:30px; margin-top:2px;}
.gb_stat100 a dl dt span {position:absolute; left:0; text-indent:-9999px; padding-left:23px; background:url('/invest/Images/section/datastat/sub/ico_f.png') no-repeat center center;}
.gb_stat100 a dl dt span.m {background:url('/invest/Images/section/datastat/sub/ico_m.png') no-repeat center center;}
.gb_stat100 a dl dt span.y {background:url('/invest/Images/section/datastat/sub/ico_y.png') no-repeat center center;}
.gb_stat100 a dl dt span.f {background:url('/invest/Images/section/datastat/sub/ico_f.png') no-repeat center center;}
.gb_stat100 a dl dd{text-align:right;}
.gb_stat100 a dl dd span {color:#4180fb; font-weight:bold; padding:0 5px; font-size:15px;}
@media screen and ( max-width:680px ){
	.gb_stat100 a {float:none; width:98%; margin:0px 1%;}
}
@media screen and ( max-width:414px ){
	.gb_select_wrap .marks li {margin:0 3px;}
}

/*경북의 하루*/
.gb_day {display:flex; flex-direction:row; flex-wrap:wrap;}
.gb_day li {width:23.5%; margin:15px 0 0 2%; border:3px solid #eff0f4; border-radius:6px; padding:20px 10px 100px 10px; box-sizing:border-box; font-size:16px; letter-spacing:-1px; text-align:center;}
.gb_day li:nth-child(4n+1) {margin-left:0;}
.gb_day li:nth-child(-n+4) {margin-top:0;}  
.gb_day li span {font-size:21px; color:#4180fb; font-weight:bold;}
.gb_day li:nth-child(1) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_01.png') no-repeat bottom center;}
.gb_day li:nth-child(2) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_02.png') no-repeat bottom center;}
.gb_day li:nth-child(3) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_03.png') no-repeat bottom center;}
.gb_day li:nth-child(4) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_04.png') no-repeat bottom center;}
.gb_day li:nth-child(5) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_05.png') no-repeat bottom center;}
.gb_day li:nth-child(6) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_06.png') no-repeat bottom center;}
.gb_day li:nth-child(7) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_07.png') no-repeat bottom center;}
.gb_day li:nth-child(8) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_08.png') no-repeat bottom center;}
.gb_day li:nth-child(9) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_09.png') no-repeat bottom center;}
.gb_day li:nth-child(10) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_10.png') no-repeat bottom center;}
.gb_day li:nth-child(11) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_11.png') no-repeat bottom center;}
.gb_day li:nth-child(12) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_12.png') no-repeat bottom center;}
.gb_day li:nth-child(13) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_16.png') no-repeat bottom center;}
.gb_day li:nth-child(14) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_14.png') no-repeat bottom center;}
.gb_day li:nth-child(15) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_15.png') no-repeat bottom center;}
.gb_day li:nth-child(16) {background:#f6faff url('/invest/Images/section/datastat/sub/sub_0103_13.png') no-repeat bottom center;}

@media screen and ( max-width:1024px ){
	.gb_day li {width:32%;}
	.gb_day li:nth-child(4n+1) {margin-left:2%;}
	.gb_day li:nth-child(3n+1) {margin-left:0;}
	.gb_day li:nth-child(-n+4) {margin-top:15px;}
	.gb_day li:nth-child(-n+3) {margin-top:0;}
}
@media screen and ( max-width:650px ){
	.gb_day li {width:49%;}
	.gb_day li:nth-child(3n+1) {margin-left:2%;}
	.gb_day li:nth-child(2n+1) {margin-left:0;}
	.gb_day li:nth-child(-n+3) {margin-top:15px;}
	.gb_day li:nth-child(-n+2) {margin-top:0;}
}

/*도표로 보는 통계*/
.imglist_0104 ul li{padding:20px 0;overflow:hidden;text-align:center;}

/*설문조사*/
.btnArea {text-align:center; margin:30px 0 0 0;}
.btnArea .blue {background:#5955d9; color:#fff; border:none;}
.btnArea .lg {height:35px; line-height:33px; font-size:15px; font-weight:600;}
.btnArea .btn {width:90px; display:inline-flex; justify-content:center; align-items:center; margin:0 3px; padding:0 !important; border-radius:6px;}
.sul_title {background:#f0f3f8 url('/invest/Images/new/data/sub/top_box_sul.png') no-repeat 50px center; text-align:left; font-size:20px; font-weight:700; overflow:hidden; border:0px solid #e7ebf4; padding:20px; margin-bottom:50px;}
.poll_content {font-weight:normal; font-size:15px; padding:20px 0 0;}
.poll_q_wrap {font-weight:600; background:#f0f3f8; padding:10px 20px; font-size:1.1em; color:#333;}
/*.poll_q_wrap::before {content:'Q .'; position:absolute; left:10px; top:17px; width:42px; height:42px; line-height:13px; text-align:center; font-size:1.1em;} */
@media all and (max-width:768px){
	.sul_title{background:none; background:#f0f3f8; padding-left:25px; margin-bottom:50px;}
}

.poll_01, .poll_02, .poll_03 {overflow:hidden; padding:10px 20px; margin-bottom:30px;}
.poll_01 li {position:relative; float:left; width:100%; padding-left:2rem; margin:3px 0; box-sizing:border-box;}
.poll_02 li {position:relative; float:left; width:48%; padding-left:2rem; margin:3px 0; box-sizing:border-box;}
.poll_03 li {position:relative; float:left; width:33%; padding-left:2rem; margin:3px 0; box-sizing:border-box;}
.poll_01 li span, .poll_02 li span, .poll_03 li span {position:absolute; left:0;}
@media all and (max-width:860px){
	.poll_02 li{float:none; width:100%;}
}
@media all and (max-width:560px){
	.poll_02, .poll_03 {padding:20px 0;}
	.poll_02 li{float:none; width:100%;}
	.poll_03 li{width:50%;}
}
label{display:inline !important; font-size:1.08em;}
input[type=checkbox], input[type=radio]{vertical-align:middle; width:18px; height:18px; margin:0;}
.subjective {width:100%; margin-top:10px;}
.subjective:last-child {margin-bottom:10px;}
.subjective label {font-weight:600;}
.subjective textarea {word-wrap:break-word; font-family:"NotoSansKR", sans-serif; width:100%; padding:10px; box-sizing:border-box; font-size:1.1em;}


.poll_sbj_wrap {text-align:center; font-weight:600; color:#000; font-size:1.2em;}


.datastat_stat100 {color:#333; border-top:2px solid #0272bf !important; border:1px solid #adadad; border-bottom:none; margin-bottom:30px; overflow:hidden;}
.datastat_stat100 dl {float:left; text-align:center; box-sizing:border-box; border-left:1px solid #adadad; border-bottom:1px solid #adadad;}
.datastat_stat100 dl:nth-child(1) {border-left:none; width:20%;}
.datastat_stat100 .stat_1 {width:80%;}
.datastat_stat100 .stat_2 {width:40%;}
.datastat_stat100 .stat_3 {width:26.6666%;}
.datastat_stat100 .stat_4 {width:20%;}
.datastat_stat100 .stat_5 {width:16%;}
.datastat_stat100 .stat_6 {width:13.3333%;}
.datastat_stat100 dt, .datastat_stat100 dd {height:40px; line-height:40px;}
.datastat_stat100 dt {color:#000; font-weight:500; background:#f2f2f2; border-bottom:1px solid #adadad;}
.datastat_stat100 dl:first-child dt, .datastat_stat100 dl:first-child dd {background:#e3ecf4; font-weight:600; color:#000;}
@media all and (max-width:560px){
	.datastat_stat100 dl {font-size:15px;}
}