catchmentArea @charset "utf-8"; /* 공통 */ #wrapper{background:#fff;position:relative; width:100%;min-height:900px;} #wrapper .main_btn01{position:absolute;left:-4px;top:10px;} #wrapper .main_btn01 .shadow_group{box-shadow: 0 0 13px #bbb;} /* #wrapper .main_btn01 .btn01{display:block;width:48px;height:48px;padding:29px 10px 10px 13px;letter-spacing:-0.5px;background:#457bf5 url('/images/catchmentArea/btn01_bg.png') center 13px no-repeat; color:#dae2f5;font-size:11px;font-weight:400;border-radius:4px;box-shadow : 0 0 13px #bbb;} #wrapper .main_btn01 .btn01:hover{color:#fff; background:#336df0 url('/images/catchmentArea/btn01_bg_over.png') center 13px no-repeat;} */ #wrapper .main_btn01 .btn01{display:block;width:48px;height:48px;padding:30px 10px 10px 10px;letter-spacing:-0.5px;background:#457bf5 url('/images/catchmentArea/btn05_bg.png') center 10px no-repeat; color:#fff;font-size:11px;font-weight:400;border:1px solid #457bf5;border-top:none; border-radius:4px;box-shadow : 0 0 13px #bbb;} #wrapper .main_btn01 .btn01:hover{color:#fff; padding: 30px 10px 10px 10px; background:#336df0 url('/images/catchmentArea/btn05_bg_over.png') center 10px no-repeat;} #wrapper .main_btn01 .btn02{margin-top:6px;display:block;width:48px;height:48px;padding:29px 10px 10px 5px;letter-spacing:-0.5px;background:#07b7bd url('/images/catchmentArea/btn02_bg.png') center 7px no-repeat; color:#e8f7f8;font-size:11px;font-weight:400;border-radius:4px;box-shadow : 0 0 13px #bbb; } #wrapper .main_btn01 .btn02:hover{color:#fff; background:#00b0bb url('/images/catchmentArea/btn02_bg_over.png') center 7px no-repeat;} #wrapper .main_btn01 .btn0A{display:block;width:48px;height:48px;padding: 30px 0px 10px 6px;letter-spacing:-1.5px;background:#fff url('/images/catchmentArea/btn03_bg.png') center 7px no-repeat; color:#787878;font-size:11px;font-weight:400;border:1px solid #457bf5; border-radius:4px 0px 0 0;} #wrapper .main_btn01 .btn0A.active{color:#fff; background:#457bf5 url('/images/catchmentArea/btn03_bg_over.png') center 7px no-repeat;} #wrapper .main_btn01 .btn0A:hover{color:#fff; background:#457bf5 url('/images/catchmentArea/btn03_bg_over.png') center 7px no-repeat;} #wrapper .main_btn01 .btn0S{display:block;width:48px;height:48px;padding: 30px 8px 5px 2px;letter-spacing:-0.5px;background:#fff url('/images/catchmentArea/btn04_bg.png') center 3px no-repeat; color:#787878;font-size:11px;font-weight:400;border:1px solid #457bf5;border-top:none; border-radius:0 0 0px 4px;} #wrapper .main_btn01 .btn0S:hover{color:#fff; background:#457bf5 url('/images/catchmentArea/btn04_bg_over.png') center 3px no-repeat;} #wrapper .main_btn01 .btn0S.active{color:#fff; background:#457bf5 url('/images/catchmentArea/btn04_bg_over.png') center 3px no-repeat;} .main_btn_right{position:absolute;right:10px;top:calc(50% - 44px);width:48px;height:140px;background:#fff;border:2px solid #cecece;border-radius:24px; box-shadow: 0px 0px 10px 1px #bbb;z-index: 9999;} .main_btn_right .pl{position:absolute;right:10px;top:8px;width:24px; height:24px; background:url('/images/catchmentArea/btn_p.png') no-repeat;} .main_btn_right .pl:hover{position:absolute;right:10px;top:8px;width:24px; height:24px; background:url('/images/catchmentArea/btn_p_over.png') no-repeat;} .main_btn_right span{position:absolute;top:39px;left:6px;font-size:11px;font-weight:700;text-align:center;font-family:Malgun Gothic;letter-spacing:-1px;color:#686868;width:32px;} .main_btn_right .mi{position:absolute;right:10px;top:105px; width:24px; height:24px; background:url('/images/catchmentArea/btn_m.png') no-repeat;} .main_btn_right .mi:hover{position:absolute;right:10px;top:60px; width:24px; height:24px; background:url('/images/catchmentArea/btn_m_over.png') no-repeat;} #wrapper .search_wrap{display:none;position:absolute;top:10px; left:43px;width:410px;/*min-height:120px;max-height:850px;*/padding-bottom:25px;background:#fff;border:2px solid #3b80ef;border-radius:0 3px 3px 3px;box-shadow : 6px 1px 6px 1px rgba(200,200,200,0.7);} #wrapper .search_wrap.active{display:block;} #wrapper .search_wrap h2{display:inline-block;background:url('/images/catchmentArea/h2_ico.png') no-repeat;margin:15px 0px 15px 15px;font-weight:500; font-size:20px;color:#333333;padding-left:30px;} #wrapper .search_wrap h2.mightOverflow{max-width: 290px;} #wrapper .search_wrap .h2_2{display:inline-block;background:url('/images/catchmentArea/back_btn01.png') 0px 3px no-repeat;margin:15px 0px 15px 15px;font-weight:500; font-size:20px;color:#333333;padding-left:32px;} #wrapper .search_wrap .h2_2.mightOverflow{max-width: 290px;} #wrapper .search_wrap .sm_txt{margin-left:1px;color:#888888; font-size:12px;font-family:Malgun Gothic;letter-spacing:-1px;} #wrapper .search_wrap .sm_txt02{margin-left:1px;color:#888888; font-size:12px;font-family:Malgun Gothic;letter-spacing:-1px;float:right;margin-top:25px;margin-right:20px;} #wrapper .search_wrap.statistics p.scdTtl{font-size: 18px;color: #454545;font-weight: 500;padding-left: 20px;padding-bottom: 7px;} .tutorial_wrap {z-index: 9999;position:absolute;top:calc(50% - 120px);left:calc(50% - 225px);width:450px;height:255px;background:#383838;border:5px solid #457bf5; border-radius:10px;} .tutorial_wrap .close {position:relative;left:380px;;top:-25px;} .tutorial_wrap .top_img{position:relative;left:90px;;top:-45px;} .tutorial_wrap .txt01{position:relative;top:-30px;font-size:24px;color:#fff;font-weight:500;text-align:center; line-height:140%;letter-spacing:-1px;} .tutorial_wrap .txt01:before{content:'';} .tutorial_wrap .txt02{font-size:36px;color:#86bfff;font-weight:700;text-align:center;} .tutorial_wrap .ques01{position:relative;top:-20px;left:93px;background:url('/images/catchmentArea/tuto_img03.png') 0px 4px no-repeat; padding-left:20px;font-size:14px;color:#c0c0c0;font-weight:700;} .tutorial_wrap .ques01:hover{color:#fff;background:url('/images/catchmentArea/tuto_img03_over.png') 0px 4px no-repeat;} .tutorial_wrap .ques02{position:relative;top:-20px;left:123px;background:url('/images/catchmentArea/tuto_img04.png') 0px 5px no-repeat; padding-left:20px;font-size:14px;color:#c0c0c0;font-weight:700;} .tutorial_wrap .ques02:hover{color:#fff;background:url('/images/catchmentArea/tuto_img04_over.png') 0px 4px no-repeat;} .tutorial_wrap label{color:#cfd1d6; font-family:Malgun Gothic; font-weight:bold;font-size:12px;padding-left:5px;} .tutorial_wrap .cl_check{position:absolute;;bottom:15px;right:10px;} .tutorial_wrap input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;} .tutorial_wrap input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .tutorial_wrap input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 16px; height: 16px; text-align: center; background: #fff; border: 2px solid #457bf5; } .tutorial_wrap input[type="checkbox"]:checked + label:before {background:url('/images/catchmentArea/tuto_img05.png') 0px 0px no-repeat;} .tutorial_wrap input[type="checkbox"]:checked + label:after {content: '';background:url('/images/catchmentArea/tuto_img05.png') 0px 0px no-repeat;} /* 스크롤 옵션 */ #wrapper .scroll_wrap .mCSB_inside > .mCSB_container{margin-right:0;} #wrapper .scroll_wrap .mCSB_scrollTools{width:13px;} #wrapper .scroll_wrap .mCSB_scrollTools .mCSB_dragger{width:13px;} #wrapper .scroll_wrap .mCSB_scrollTools .mCSB_draggerRail{width:13px;background:transparent;} #wrapper .scroll_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px;background:#b6bbc4;} .scroll_01, .scroll_08{width:380px;} .scroll_05{border:1px solid #c2c2c2;} .scroll_06{width:380px;} .scroll_07{height:500px;} #wrapper .scroll_03, #wrapper .scroll_04, #wrapper .scroll_09{padding-bottom:20px;} .scroll_10{width:380px;} .sa_btn_select{font-family:Noto Sans,Dotum;margin-right:5px;display:inline-block;background:#4283ec; width:100px; height:35px; text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} .sa_btn_cancel{font-family:Noto Sans,Dotum;display:inline-block;background:#b4b7bc; width:100px; height:35px; text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} /* area01.html */ /* SGIS4_1025_생활권역 시작 */ #wrapper .search_wrap .search_select{height:55px;margin:0px 20px 0px 20px;/*border-bottom: 1px solid #3b80ef;*/} /* SGIS4_1025_생활권역 끝 */ .select {position:relative; line-height:35px;float:left;margin-right:10px;background:#fff;width:115px; calc(100% - 5px) 50% no-repeat;} .select > a {width:115px;display:block;padding:0px 30px 5px 5px;height:38px;border:1px solid #d4d4d4;border-radius:2px;background:url('/images/catchmentArea/select_ico.png') calc(100% - 5px) 50% no-repeat; font-size:13px;font-family:Malgun Gothic;color:#585858;}} .select > ul > li:first-child:after {display:block; float:right;} .select > ul {position:absolute; z-index:10; width:115px; top:50px; background:#fff; display:none; border:1px solid #d4d4d4; border-radius: 2px;} .select > option {font-size:13px;font-family:Malgun Gothic;color:#585858;cursor:pointer; padding:0 8px; height:35px; } .select > option:hover{background:#457bf5;color:#fff;} #wrapper .search_wrap .search_select .search_type {/*height:25px; margin-top: 10px;*/padding-left: 5px;} #wrapper .search_wrap .search_select .search_type input[type="radio"] + label { display: inline-block; position: absolute; padding-left: 5px; cursor: pointer; font-weight:300; font-size:14px; width: 340px; /* -webkit-user-select: none; */ /* -moz-user-select: none; */ /* -ms-user-select: none; */ } #wrapper .search_wrap .search_select .search_type input[type="radio"]:nth-child(3){margin-left:15px;} #wrapper .search_wrap .search_result{display:none;width:100%; padding:12px 20px 10px 20px;margin-top:33px;border-top:1px solid #e9e9e9; } /* SGIS4_1025_생활권역 시작 */ #wrapper .search_wrap.area .search_result_box{padding:13px 5px 7px 20px;height: 624px;max-height: 630px;} #wrapper .search_wrap.area .search_result{padding:0px 15px 0px 0px;margin-top:0px;border-top:none;} /* SGIS4_1025_생활권역 끝 */ #wrapper .search_wrap .search_result h3{line-height: 100%;font-size:16px;color:#454545;font-weight:300 !important;} #wrapper .search_wrap .search_result h3 span{font-size:16px;color:#454545; font-weight:500;} #wrapper .search_wrap .search_result .search_inp{float:left;width:320px;margin:0px 0 12px 0;border-radius:2px;padding-right: 45px;} /* padding-right 추가, 박상언 2020-10-16 작성 */ #wrapper .search_wrap .search_result .map_ico{float:right;width:40px;height:40px;background:#3b80ef;border-radius:2px;padding:12px 0 0 12px; margin:-8px 0 0 5px} #wrapper .search_wrap .search_result .map_ico:hover{float:right;width:40px;height:40px;background:#808896;border-radius:2px;padding:12px 0 0 12px; margin:-8px 0 0 5px;} #wrapper .search_wrap .search_result .map_ico.active{float:right;width:40px;height:40px;background:#FA484D;border-radius:2px;padding:12px 0 0 12px; margin:-8px 0 0 5px;} #wrapper .search_wrap .search_result .map_ico img{margin-top:0px;} /* SGIS4_1025_생활권역 시작 */ #wrapper .search_wrap .search_result .map_ico02{position:absolute;top:180px;left:277px; width:35px;height:35px; background:url('/images/catchmentArea/search_ico04.png') 0px 3px no-repeat;} #wrapper .search_wrap.area .search_result .map_ico02{top:49px;} #wrapper .search_wrap.area .search_result .facility_type_box{width: 380px;padding-bottom: 10px;} #wrapper .search_wrap .search_result .map_ico02:hover{position:absolute;top:180px;left:277px; width:35px;height:35px; background:url('/images/catchmentArea/search_ico04_over.png') 0px 3px no-repeat;} #wrapper .search_wrap.area .search_result .map_ico02:hover{top:49px;} /* SGIS4_1025_생활권역 끝 */ #wrapper .search_wrap .search_result .h3_search{clear:both;border-top:1px solid #e9e9e9; padding-top:12px;margin-bottom:12px;} #wrapper .search_wrap.area .search_result .h3_search{padding-bottom: 12px;padding-top:20px;border-top:1px solid #3b80ef;} #wrapper .search_wrap .search_result .h4_ico01{background:url('/images/catchmentArea/h4_ico01.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px;} #wrapper .search_wrap .search_result .h4_ico02{background:url('/images/catchmentArea/h4_ico02.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:14px;} #wrapper .search_wrap .search_result .h4_ico03{background:url('/images/catchmentArea/h4_ico03.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:14px;} #wrapper .search_wrap .search_result .h4_ico04{background:url('/images/catchmentArea/h4_ico04.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:14px;} #wrapper .search_wrap .search_result .h4_ico05_h{background:url('/images/catchmentArea/h4_ico02.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px;} #wrapper .search_wrap .search_result .h4_ico05{background:url('/images/catchmentArea/h4_ico02.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:18px;} #wrapper .search_wrap .search_result .option_btn{position:relative;display:inline-block; height:38px;margin-top:8px;text-align:center;font-weight:400;color:#686868;font-size:14px;border:1px solid #d4d4d4;border-radius:2px;padding-top:8px;} #wrapper .search_wrap .search_result .option_btn:hover{color:#1c60cf; border:1px solid #1c60cf; box-shadow : 0 0 7px #1c60cf} #wrapper .search_wrap .search_result .option_btn span.list_tag{display:inline-block;width:22px;height:14px;font-size: 4px;font-weight: lighter;border-radius: 3px;color:#fff;line-height: 1.1;position: relative;top: -1px;font-family: MalgunGothic;} #wrapper .search_wrap .search_result .option_btn span.bc01{background: #7dc05c;border: 1px solid #7dc05c;} #wrapper .search_wrap .search_result .option_btn span.bc02{background: #c57cd5;border: 1px solid #c57cd5;} #wrapper .search_wrap .search_result .option_btn span.bc03{background: #F35B2D;border: 1px solid #F35B2D;} #wrapper .search_wrap .search_result .option_btn span.bc04{background: #ffaa01;border: 1px solid #ffaa01;} #wrapper .search_wrap .search_result .active{color:#1c60cf; /*border:1px solid #1c60cf; box-shadow : 0 0 7px #1c60cf*/} #wrapper .search_wrap .search_result.chk {position:relative; display: block; padding:20px 20px 15px 20px; margin-top: 0; } #wrapper .search_wrap .search_result.chk.active{background: #f0f5fc; border-top:1px solid #73a3ef; border-bottom: 1px solid #73a3ef;} #wrapper .search_wrap .search_result.chk h3{font-size:14px;} #wrapper .search_wrap .search_result.chk .btn_toggle{position: absolute; top:23px; right:23px;} #wrapper .search_wrap .search_result.chk .btn_toggle.on{display: none;} #wrapper .search_wrap .search_result.chk .chk_group{position:relative;} #wrapper .search_wrap .search_result.chk .chk_group > ul{ width:344px; height:80px; padding:8px 12px; margin-top:13px; background: #f4f4f4; border-radius: 50px;} #wrapper .search_wrap .search_result.chk.active .chk_group > ul{background: #dfebfa;} #wrapper .search_wrap .search_result.chk .chk_group > ul > li{float: left; width: 64px; margin:0 8px; background: #ffffff; border: 1px solid #d3d3d3; border-radius: 50%;box-sizing: border-box;} #wrapper .search_wrap .search_result.chk .chk_group > ul > li.active{/*background: #457bf5;*/ /*border:2px solid #3b80ef; box-shadow: 0 0 3px 1px #bbb;*/} /* 색상은 js에서 */ #wrapper .search_wrap .search_result.chk .chk_group > ul > .bg0{background:#EF595C;} #wrapper .search_wrap .search_result.chk .chk_group > ul > .bg1{background:#8481E8;} #wrapper .search_wrap .search_result.chk .chk_group > ul > .bg2{background:#60BC4C;} #wrapper .search_wrap .search_result.chk .chk_group > ul > .bg3{background:#FFAA01;} #wrapper .search_wrap .search_result.chk .chk_group > ul > li > a{display: block; line-height:62px; text-align: center; font-size: 16px; color:#a8a8a8;} #wrapper .search_wrap .search_result.chk .chk_group > ul > li.active > a{ line-height:60px; color:#fff; } #wrapper .search_wrap .search_result.chk .chk_group > .more{position:absolute; top:37px; right:0; display:block; width:13px; height:7px; background: url('/images/catchmentArea/show_down_icon.png') no-repeat;} #wrapper .search_wrap .search_result.chk .chk_group > .more.active{border:none;background: url('/images/catchmentArea/show_up_icon.png')} #wrapper .search_wrap .close_btn{position:absolute;right:1px; bottom:0px;} #wrapper .search_wrap .close_btn_spatial{position:absolute;right:1px; bottom:0px;} .fav_ico01{position:absolute;right:3px;top:3px;width:26px;height:16px;background:url('/images/catchmentArea/bul01.png') 0px 0px no-repeat;} .fav_ico02{position:absolute;right:3px;top:3px;width:26px;height:16px;background:url('/images/catchmentArea/bul02.png') 0px 0px no-repeat;} .fav_ico03{position:absolute;right:3px;top:3px;width:26px;height:16px;background:url('/images/catchmentArea/bul03.png') 0px 0px no-repeat;} .fav_ico04{position:absolute;right:3px;top:3px;width:26px;height:16px;background:url('/images/catchmentArea/bul04.png') 0px 0px no-repeat;} .fav_ico01_2{position:absolute;right:-4px;top:-4px;width:26px;height:16px;background:url('/images/catchmentArea/bul01.png') 0px 0px no-repeat;} .fav_ico02_2{position:absolute;right:-4px;top:-4px;width:26px;height:16px;background:url('/images/catchmentArea/bul02.png') 0px 0px no-repeat;} .fav_ico03_2{position:absolute;right:-4px;top:-4px;width:26px;height:16px;background:url('/images/catchmentArea/bul03.png') 0px 0px no-repeat;} .fav_ico04_2{position:absolute;right:-4px;top:-4px;width:26px;height:16px;background:url('/images/catchmentArea/bul04.png') 0px 0px no-repeat;} #wrapper .search_wrap .search_result .facility_type_box .h4_ico0_New{top: -13px;left: 21px;position:relative;float:left;margin-right:6px;width:30px;height:50px;/*background:url('/images/catchmentArea/h4_ico05.png') 6px 0px no-repeat;*/font-size:15px;font-weight:500;color:#333333; padding:15px 0 0 0;} #wrapper .search_wrap .search_result .facility_type_box .h4_ico1_New{top: -13px;left: 21px;position:relative;float:left;margin-right:6px;width:30px;height:50px;/*background:url('/images/catchmentArea/h4_ico06.png') 6px 0px no-repeat;*/font-size:15px;font-weight:500;color:#333333; padding:15px 0 0 0;} #wrapper .search_wrap .search_result .facility_type_box .h4_ico2_New{top: -13px;left: 21px;position:relative;float:left;margin-right:6px;width:30px;height:50px;/*background:url('/images/catchmentArea/h4_ico07.png') 6px 0px no-repeat;*/font-size:15px;font-weight:500;color:#333333; padding:15px 0 0 0;} #wrapper .search_wrap .search_result .facility_type_box .h4_ico3_New{top: -13px;left: 21px;position:relative;float:left;margin-right:6px;width:30px;height:50px;/*background:url('/images/catchmentArea/h4_ico08.png') 6px 0px no-repeat;*/font-size:15px;font-weight:500;color:#333333; padding:15px 0 0 0;} #wrapper .search_wrap .search_result .facility_type_box .option_btn .fav_ico{position:absolute;right:-4px;top:-4px;width:26px;height:16px;font-size:4px;font-weight:100;border-radius:12px;color:#fff;font-family: MalgunGothic;} #wrapper .search_wrap .search_result .facility_type_box .option_btn .bc99{background: #ffaa01;border: 1px solid #ffaa01;} /* SGIS4_1025_생활권역 시작 */ #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap0{height: 144px;position:relative;width:366px;background:#e8eef7;padding:6px 5px 9px 8px;margin-bottom:5px;} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap0 .option_btn{width: 107px;background:#fff;display:flex;min-height:45px;margin-top:5px;font-weight:400;top: 22px;left:-27px;font-size:14px;border-radius:2px;word-break: break-word;white-space: normal;padding: 8px;justify-content: center;align-items: center;} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap0 .option_btn:hover{cursor: pointer;position:relative;color:#1c60cf; border:1px solid #1c60cf; box-shadow : 0 0 7px #1c60cf} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap1{height: 144px;position:relative;width:366px;background:#eaf5f5;padding:6px 5px 9px 8px;margin-bottom:5px;} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap1 .option_btn{width: 107px;background:#fff;display:flex;min-height:45px;margin-top:5px;font-weight:400;top: 22px;left:-27px;font-size:14px;border-radius:2px;word-break: break-word;white-space: normal;padding: 8px;justify-content: center;align-items: center;} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap1 .option_btn:hover{cursor: pointer;position:relative;color:#07b7bd; border:1px solid #07b7bd; box-shadow : 0 0 7px #1c60cf} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap2{height: 254px;position:relative;width:366px;background:#e8f1f6;padding:6px 5px 9px 8px;margin-bottom:5px;} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap2 .option_btn{width: 107px;background:#fff;display:flex;min-height:45px;margin-top:5px;font-weight:400;top: 22px;left:-27px;font-size:14px;border-radius:2px;word-break: break-word;white-space: normal;padding: 8px;justify-content: center;align-items: center;} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap2 .option_btn:hover{cursor: pointer;position:relative;color:#4fa5dc; border:1px solid #4fa5dc; box-shadow : 0 0 7px #1c60cf} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap3{height: 144px;position:relative;width:366px;background:#f0eff8;padding:6px 5px 9px 8px;} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap3 .option_btn{width: 107px;background:#fff;display:flex;min-height:45px;margin-top:5px;font-weight:400;top: 22px;left:-27px;font-size:14px;border-radius:2px;word-break: break-word;white-space: normal;padding: 8px;justify-content: center;align-items: center;} #wrapper .search_wrap .search_result .facility_type_box .sisul_wrap3 .option_btn:hover{cursor: pointer;position:relative;color:#a082ea; border:1px solid #a082ea; box-shadow : 0 0 7px #1c60cf} /* SGIS4_1025_생활권역 끝 */ /* 중심시설 레이어팝업css */ /*.layer_pop04{display:none;position:absolute;left:500px; top:270px;width:295px; height:410px; padding:20px; border:1px solid #ccc;background:#fff;border-radius:4px; box-shadow : 3px 1px 3px 1px rgba(200,200,200,0.7);}*/ .layer_pop04{font-family:Noto Sans,Dotum; width:320px; height:142px; padding-top:2px; background:#fff;} .layer_pop04 .sec01{width:100%;height:90px;/*border-bottom:1px solid #e1e1e1;*/margin-bottom:15px;} .layer_pop04 input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;} .layer_pop04 input[type="radio"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .layer_pop04 input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } .layer_pop04 input[type="radio"]:checked + label:before {background: #5678e2;border-color: #5678e2;} .layer_pop04 input[type="radio"]:checked + label:after {content: '';position: absolute;top: 7px;left: 7px;width: 8px;height: 8px;background: #fff;border-radius: 100%;} .layer_pop04 .radio_txt{color:#333;font-size:16px;font-weight:500;margin-left:2px; } .layer_pop04 .addr_road{display:inline-block;position:absolute;top:55px;left:32px;border-radius:2px;width:32px;height:17px;background:#4067de;color:#fff;font-size:10px;letter-spacing:-1px;font-family:MalgunGothic;text-align:center;padding-top:2px;} .layer_pop04 .addr_road_txt{position:absolute;top:53px;left:72px;font-size:15px;font-weight:400;color:#454545;} .layer_pop04 .addr_road2{display:inline-block;position:absolute;top:84px;left:32px;border-radius:2px;width:93px;height:17px;border:1px solid #b8b8b8;background:#fff;color:#585858;font-size:10px;letter-spacing:-1px;font-family:MalgunGothic;text-align:center;padding-top:0px;} .layer_pop04 .addr_road2_txt{position:absolute;top:85px;left:136px;font-size:12px;font-weight:400;color:#686868;font-family:MalgunGothic;} .layer_pop04 .sec02 .scroll_wrap ul > li > a{display:block; font-size:15px;width:100%;height:40px; border-bottom: 1px solid #eaeaea; background:#fff; padding: 9px 15px 12px; color: #666;font-weight:300;} .layer_pop04 .sec02 .scroll_wrap .active{background:#f0f5fc;} .layer_pop04 .sec02 .scroll_wrap{height:160px;} .layer_pop04 .btn_wrap{margin-top:17px; text-align:center;} .layer_pop04 .close{position:absolute;top:20px;right:20px;} /* //area01.html */ /* area02.html */ #wrapper .search_wrap .search_result02{width:100%; padding:20px;min-height:200px;border-top:1px solid #e9e9e9; } #wrapper .search_wrap .search_result02 .location .cate01{background:url('/images/catchmentArea/cate_ico01.png') 0px 9px no-repeat;font-size:15px;font-weight:500;color:#454545;padding-left:10px;} #wrapper .search_wrap .search_result02 .location .cate02{background:url('/images/catchmentArea/cate_ico02.png') 0px 7px no-repeat;font-size:15px;font-weight:500;color:#454545;padding-left:12px; margin-left:5px;} #wrapper .search_wrap .search_result02 .location .cate03{background:url('/images/catchmentArea/cate_ico02.png') 0px 7px no-repeat;font-size:15px;font-weight:500;color:#1c60cf;padding-left: 12px;margin-left:5px;} #wrapper .search_wrap .search_result02 .res_li{border-top:1px solid #e1e1e1; margin-top:10px;} #wrapper .search_wrap .search_result02 .res_li li{cursor:pointer;background:url('/images/catchmentArea/li_bg02.png') -5px 0px no-repeat;padding:15px 20px 20px 20px; width:360px;height:75px;border-bottom:1px solid #e1e1e1; line-height:100%;} #wrapper .search_wrap .search_result02 .res_li li:hover{background:url('/images/catchmentArea/li_bg01.png') -5px 0px no-repeat;} #wrapper .search_wrap .search_result02 .res_li .active{background:url('/images/catchmentArea/li_bg01.png') -5px 0px no-repeat;} #wrapper .search_wrap .search_result02 .res_li li .sa_txt01{font-size:17px;color:#222222; margin-right:10px;line-height:110%;} #wrapper .search_wrap .search_result02 .res_li li .txt02{font-size:12px;color:#888888;font-family:MalgunGothic;margin-right:10px;} #wrapper .search_wrap .search_result02 .res_li li .txt03{font-size:13px;color:#686868;font-family:MalgunGothic;padding-top:5px;} #wrapper .search_wrap .search_result02 .res_li li .sa_txt01 a.mightOverflow {max-width: 230px;} /* 시설별결과 팝업 css */ /*.layer_pop03{position:absolute;left:calc(50% - 150px); top:calc(50% - 66px);width:295px; height:132px; padding:20px; border:1px solid #ccc;text-align:center;background:#fff;border-radius:4px; box-shadow : 3px 1px 3px 1px rgba(200,200,200,0.7);}*/ .layer_pop03{text-align:center;} .layer_pop03 .ico{position:absolute; top:-40px; left:132px;} .layer_pop03 h4{font-family : Noto Sans,Dotum;font-size:17px;color:#222;line-height:normal;font-weight:normal} .layer_pop03 h5{font-size:14px;color:#686868;font-family:MalgunGothic; margin-top:7px; margin-bottom:10px;} #wrapper .search_wrap02 .close_btn{position:absolute;right:0px; bottom:-2px;} /* //area02.html */ /* area03.html */ .search_result03{width:100%; padding:20px;border-top:1px solid #e9e9e9; } .search_result03 .h3_1{background:url('/images/catchmentArea/h3_ico01.png') 0px 8px no-repeat;padding-left:7px;margin-bottom:15px;font-weight:400px;color:#454545;font-size:16px;} .search_result03 .re03_year{display:inline-block;margin-right:2px;width:68px;height:38px;padding-top:8px;font-weight:400;color:#686868;font-size:14px;text-align:center;border:1px solid #d4d4d4;border-radius:3px;} .search_result03 .re03_year:hover{border:1px solid #1c60cf;color:#1c60cf;} .search_result03_2{width:100%; padding:20px 20px 15px 20px;border-top:1px solid #e9e9e9;/*min-height:300px;*/ } .search_result03_2 .h3_2{display:inline-block;font-weight:500 !important;margin:0 5px 20px 0;color:#333333;font-size:17px;margin: 0 5px 0 0;} .search_result03_2 .h3_txt{display: inline;margin-right: 5px;font-weight:300;color:#8e8e8e; font-size:14px;} .search_result03_2 input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;} .search_result03_2 input[type="radio"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; font-weight:500; font-size:16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .search_result03_2 input[type="radio"].noSel + label {cursor: default;} .search_result03_2 input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } .search_result03_2 input[type="radio"].noSel + label:before {background: #f5f6f8;cursor: default;} .search_result03_2 input[type="radio"]:checked + label:before {background: #5678e2;border-color: #5678e2;} .search_result03_2 input[type="radio"]:checked + label:after {content: '';position: absolute;top: 7px;left: 7px;width: 8px;height: 8px;background: #fff;border-radius: 100%;} /* SGIS4_1025_생활권역_임의영역 시작 */ .search_result03_2 input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 5px; cursor: pointer; font-weight:500; font-size:16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* SGIS4_1025_생활권역_임의영역 끝 */ .search_result03_2 .toc_ico{margin:0 5px;} .search_result03_2 .toc_sec01{background:#f5f6f8; border-radius:10px;width:100%;margin:10px 0 10px 0;padding:12px;}/*SGIS4_1124_영역설정 토글 수정*/ .search_result03_2 .toc_sec01 a{margin:2px 2px;display: inline-block;padding-top:16px;background:#fff;border:1px solid #d3d3d3; width:52px;height:52px;border-radius:50%; text-align: center;font-family:MalgunGothic; font-size: 14px; color:#888;} .search_result03_2 .toc_sec01.noSel a{background:#f5f6f8;cursor: default;} .search_result03_2 .toc_sec01 .active{/*background:#457bf5;*/ color:#fff;} /* 색상은 js에서 */ .search_result03_2 .toc_sec01 .bg0{background:#EF595C;} .search_result03_2 .toc_sec01 .bg1{background:#8481E8;} .search_result03_2 .toc_sec01 .bg2{background:#60BC4C;} .search_result03_2 .toc_sec01 .bg3{background:#FFAA01;} /* SGIS4_1029_생활권역_임의영역 시작 */ /* margin-left : 100px->50px */ .search_result03_2 .btn_select{display:inline-block;background:#4283ec; width:195px; height:35px;margin-top:10px; margin-left:100px;text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} /* SGIS4_1029_생활권역_임의영역 끝 */ /* //area03.html */ .search_result03_2 .empty_img{position:relative; top:100px; left:142px; margin-bottom:10px;} .search_result03_2 .empty_text{position:relative; top:100px; color:#686868;font-size:14px;letter-spacing:-1px; font-family:Malgun Gothic; text-align:center;} /* 확장내용 css */ #wrapper .chk_result{display:none; margin-top:0px;} #wrapper .chk_result h4{padding:20px 6px 20px 6px; color:#333333; font-size:17px; font-weight:400;} #wrapper .chk_result.myData h4{padding:20px 6px 10px 6px !important;} #wrapper .chk_result h4 span{color:#8e8e8e; font-size: 13px;} #wrapper .chk_result h4 .question{vertical-align: sub; opacity: 0.8;} #wrapper .chk_result h4 .question:hover{vertical-align: sub; opacity: 1;} #wrapper .chk_result h4 .question img{margin-top: -5px;} #wrapper .chk_result p{padding:0 6px 15px 6px; color:#585858; font-size:15px;} #wrapper .chk_result.myData p{padding:0 6px 10px 6px !important;} #wrapper .chk_result .scroll_wrap{height:230px; border:1px solid #bac6d8; border-radius: 2px;} #wrapper .chk_result#myDataDiv .scroll_wrap{height:182px;} #wrapper .chk_result .scroll_wrap ul > li{height:70px; border-bottom: 1px solid #eaeaea; background: #fff;} #wrapper .chk_result#myDataDiv .scroll_wrap ul > li{height:60px;} #wrapper .chk_result .scroll_wrap ul > li.active{background: #e6f0fb;} #wrapper .chk_result .scroll_wrap ul > li > a{display:block; padding: 14px 15px 12px; color:#555; font-weight:300;} #wrapper .chk_result#myDataDiv .scroll_wrap ul > li > a{padding: 11px 15px 11px;} #wrapper .chk_result .scroll_wrap ul > li > a > strong{display: block; } #wrapper .chk_result .scroll_wrap ul > li > a > span{color:#888; font-size: 13px;} #wrapper .chk_result .scroll_wrap ul > li > a > .user_id{margin-right:13px;} #wrapper .chk_result .chk_box{margin:12px 0 3px 0;text-align: center;} #wrapper .chk_result .chk_box .pt15{font-size:15px;} #wrapper .chk_result .chk_box .all_chk{ padding:0 0 3px 25px; font-size:14px;} #wrapper .chk_result .chk_box .all_chk.off{ background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .chk_result .chk_box .all_chk.on{display: none; background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .chk_result .chk_box button{padding:11px 6px; margin-left:10px; color:#fff; background:#4283ec; border-radius: 3px;} #wrapper .chk_result .vwMode_sel_box{margin:18px 0 3px 0;text-align: center;} #wrapper .chk_result .vwMode_sel_box p{padding:0px 0px; color:#585858; font-size:15px;} #wrapper .chk_result .vwMode_sel_box span.vwMode_left{padding-right:20px;} #wrapper .chk_result .vwMode_sel_box .mogb_chk{ padding:0 0 3px 25px; font-size:14px;} #wrapper .chk_result .vwMode_sel_box .mogb_chk.off{ background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .chk_result .vwMode_sel_box .mogb_chk.on{display: none; background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .chk_result .vwMode_btn_box {padding:0px 5px 10px 5px;} #wrapper .chk_result .vwMode_btn_box .grd_txt03{padding: 0 6px 5px 6px;color:#888888; font-size:14px;font-weight:300;} #wrapper .chk_result .vwMode_btn_box .grd_btn02{margin-left:210px;display:inline-block; background:#b4b7bc;text-align:center;color:#fff;font-size:12px; font-family:Malgun Gothic; width:70px;height:28px;padding-top:5px;border-radius:13px!important;} #wrapper .chk_result .vwMode_btn_box button{padding:3px 20px; margin-left:5px; color:#fff; background:#4283ec; border-radius: 3px;} #wrapper .chk_result .vwMode_btn_box .pt15{font-size:15px;} #wrapper .chk_result .multi_cond_box{/*height:162px !important;*/border:1px solid #bac6d8; border-radius: 2px;} #wrapper .chk_result .multi_cond_box.correl{width:325px;} #wrapper .chk_result .multi_cond_box ul > li{height:32px !important; border-bottom: 1px solid #eaeaea; background: #fff;} #wrapper .chk_result .multi_cond_box ul > li.active{background: #e6f0fb;} #wrapper .chk_result .multi_cond_box ul > li > a{display:block; padding: 6px 15px 6px !important; color:#555; font-weight:300;} #wrapper .chk_result .multi_cond_box ul > li > a > strong{display: block; } #wrapper .chk_result .multi_cond_box ul > li > a > span{color:#888; font-size: 13px;} #wrapper .chk_result .multi_cond_box ul > li > a > .user_id{margin-right:13px;} #wrapper .chk_result .grid_size{margin-bottom:15px;} #wrapper .chk_result .grid_size, #wrapper .chk_result .grid_setting{padding-left:6px;} #wrapper .chk_result .grid_size h4, #wrapper .chk_result .grid_setting h4{padding-left:0; font-size: 16px; } #wrapper .chk_result .grid_size .btn_size{display:inline-block; width:84px; height:38px; margin-right:6px; line-height: 38px; text-align:center; color:#888; font-size: 14px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff;} #wrapper .chk_result .grid_size .btn_size:hover, #wrapper .chk_result .grid_size .btn_size.active{color:#2f75e5;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} /* SGIS4_1025_생활권역 시작 */ #wrapper .chk_result .grid_setting button{display: none;position: absolute; top:253px; right:34px; padding:7px 12px; color:#fff; background:#4283ec; border-radius: 3px; font-size:15px;} /* SGIS4_1025_생활권역 끝 */ #wrapper .chk_result .grid_setting .grid_depth1{position:relative; min-height:120px;top:-32px;} #wrapper .chk_result .grid_setting .grid_depth1 > li{float:left; margin-right:1px;} #wrapper .chk_result .grid_setting .grid_depth1 > li:last-child{margin-right:0;} /* #wrapper .chk_result .grid_setting .grid_depth1 > li:first-child a{ border-radius:2px 0 0 0;} */ /* #wrapper .chk_result .grid_setting .grid_depth1 > li:last-child a{border-radius:0 2px 0 0;} */ #wrapper .chk_result .grid_setting .grid_depth1 > li > a{float:left; padding: 10px 2px; color:#838487; font-size: 13px; background:#d2def0;text-align:center;} #wrapper .chk_result .grid_setting .grid_depth1 > li.active > a{color:#fff; background:#3b80ef;} #wrapper .chk_result .grid_setting .grid_depth1 > li.active > .grid_navbg{display: block;} #wrapper .chk_result .grid_setting .grid_depth1 > li .grid_navbg{position: absolute; top:39px; left:0; display:none; width:350px; min-height:78px; background: #fff; border:1px solid #cdd8e9; border-top:0; border-radius: 0 0 2px 2px;} #wrapper .chk_03 .chk_result .grid_setting .grid_depth1 > li .grid_navbg{min-height:130px !important;} #wrapper .chk_result .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2{position: absolute; top:20px; left:15px;} #wrapper .chk_result .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2:nth-child(2){left:182px;} #wrapper .chk_result .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2 .select > ul{width:150px; } #wrapper .chk_result .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2 .select > a{width:150px; } #wrapper .grid_depth1 > li span.cond_title {padding-bottom: 12px;display: inline-block;width: 80px;padding-left: 7px;font-size:13px;} #wrapper .grid_depth1 > li span.cond_subMsg {font-weight:100;font-size:13px;} #wrapper .grid_depth1 .con_chk{padding: 0px 10px 15px 27px; font-size:13px;width: 163px;} #wrapper .grid_depth1 .con_chk.off{ background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .grid_depth1 .con_chk.on{display: none; background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .grid_depth1 .age_all_chk{ padding:0 0 5px 25px; font-size:13px;width: 80px;} #wrapper .grid_depth1 .age_all_chk.off{ background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .grid_depth1 .age_all_chk.on{display: none; background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .grid_depth1 .age_single_chk{ padding: 0 0 5px 29px; font-size:13px;width: 150px;} #wrapper .grid_depth1 .age_single_chk.off{ background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .grid_depth1 .age_single_chk.on{display: none; background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .grid_depth1 .age_range_chk{ padding:0 0 5px 25px; font-size:13px;width: 80px;} #wrapper .grid_depth1 .age_range_chk.off{ background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .grid_depth1 .age_range_chk.on{display: none; background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .grid_depth1 .div_age_box{float: right;} #wrapper .grid_depth1 .coprD_chk{ padding:0 0 5px 25px; font-size:13px;width: 300px;} #wrapper .grid_depth1 .coprD_chk.off{ background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .grid_depth1 .coprD_chk.on{display: none; background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .grid_depth1 > li div.trans_Msg {text-align: right;padding: 5px 17px;} #wrapper .grid_depth1 .div_age_single5,.div_age_single10,.div_age_singleRnd{margin-top: 7px;} #wrapper .chk_result .grid_setting .grid_depth_less1k{position:relative; min-height:120px;top:-32px;} #wrapper .chk_result .grid_setting .grid_depth_less1k > li{float:left; margin-right:1px;} #wrapper .chk_result .grid_setting .grid_depth_less1k > li:last-child{margin-right:0;} #wrapper .chk_result .grid_setting .grid_depth_less1k > li > a{float:left; padding: 10px 2px; color:#838487; font-size: 13px; background:#d2def0;text-align:center;} #wrapper .chk_result .grid_setting .grid_depth_less1k > li.active > a{color:#fff; background:#3b80ef;} #wrapper .chk_result .grid_setting .grid_depth_less1k > li.active > .grid_navbg{display: block;} #wrapper .chk_result .grid_setting .grid_depth_less1k > li .grid_navbg{position: absolute; top:39px; left:0; display:none; width:350px; min-height:120px; background: #fff; border:1px solid #cdd8e9; border-top:0; border-radius: 0 0 2px 2px;} #wrapper .chk_result .grid_setting .grid_depth_less1k p{padding:45px 5px 15px 45px; color:#8e8e8e; font-size:14px;} #wrapper .chk_result .grid_setting .grid_depth_less1k p::before{position:absolute;left:37px;top:55px;content:'';display: block;width:3px; height:3px; background: #3a7be2; border-radius: 50%} /* statistics.html _0902추가 */ #wrapper .chk_result .grid_setting .grid_wrap02 {padding: 6px 0px 10px 10px;} #wrapper .chk_result .grid_setting .grid_wrap02 .hp {position: relative;color: #8e8e8e;font-size: 12px;padding: 4px 0 4px 12px;} #wrapper .chk_result .grid_setting .grid_wrap02 .hp::before{position:absolute;left:5px;top:calc(50% - 1px);content:'';display: block;width:3px; height:3px; background: #EF595C; border-radius: 50%} #wrapper .chk_result .grid_setting .grid_wrap02 .btn01,.btn05,.btn05_sub{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } #wrapper .chk_result .grid_setting .grid_wrap02 .btn01.active,.btn05.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .grid_setting .grid_wrap02 .btn01:hover,.btn05:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .grid_setting .grid_wrap02 .btn05_sub.active{color:#1c60cf; font-weight:bold;border:1px solid #A6CBFE; box-shadow: 0 0 3px 1px #A6CBFE;} #wrapper .chk_result .grid_setting .grid_wrap02 .btn05_sub:hover{color:#1c60cf; font-weight:bold;border:1px solid #A6CBFE; box-shadow: 0 0 3px 1px #A6CBFE;} #wrapper .chk_result .grid_setting .grid_wrap02 .btn02{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 12px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } #wrapper .chk_result .grid_setting .grid_wrap02 .btn02.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .grid_setting .grid_wrap02 .btn02:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .grid_setting .grid_wrap02 .btn03{display:inline-block; height:32px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } #wrapper .chk_result .grid_setting .grid_wrap02 .btn06{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } #wrapper .chk_result .grid_setting .grid_wrap02 .btn06.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .grid_setting .grid_wrap02 .btn06:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} /*#wrapper .chk_result .grid_setting .grid_wrap02 .btn03.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .grid_setting .grid_wrap02 .btn03:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} */ #wrapper .chk_result .grid_setting .grid_wrap02 .grd_ico01{position:relative;top:2px;left:-4px;} #wrapper .chk_result .grid_setting .grid_wrap02 .grd_txt01{color:#333333; font-size:15px;font-weight:400; padding-left:5px;} #wrapper .chk_result .grid_setting .grid_wrap02 .grd_txt02{color:#787878; font-size:15px;font-weight:400; padding-left:5px;} #wrapper .chk_result .grid_setting .grid_wrap02 .grd_txt03{margin-top:20px;color:#888888; font-size:14px;font-weight:300;} #wrapper .chk_result .grid_setting .grid_wrap02 .grd_btn01{margin-left:10px;display:inline-block; background:#b4b7bc;text-align:center;color:#fff;font-size:12px; font-family:Malgun Gothic; width:70px;height:26px;padding-top:4px;border-radius:13px!important;} #wrapper .chk_result .grid_setting .grid_wrap02 .grd_btn02{margin-left:130px;display:inline-block; background:#b4b7bc;text-align:center;color:#fff;font-size:12px; font-family:Malgun Gothic; width:70px;height:26px;padding-top:4px;border-radius:13px!important;} #wrapper .chk_result .grid_setting .grid_wrap02 .grd_btn03{position:absolute;top:36px;right:10px;background:#b4b7bc;text-align:center;color:#fff;font-size:12px; font-family:Malgun Gothic; width:70px;height:26px;padding-top:4px;border-radius:13px!important;} #wrapper .chk_result .grid_setting .btn_view{margin-left:90px;display:inline-block;background:#4283ec; width:160px; height:35px; text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} /* .divs_wrap01{position:absolute;left:0;top:20px; width:50%;text-align:right; } .divs_wrap01 .divs01{position:absolute;right:20px;min-width:100px;max-width:200px;height:30px;background:#457bf5; padding:6px 10px 0 10px;color:#fff;text-align:center; font-family:Malgun Gothic;font-size: 12px; border-radius:2px;} .divs_wrap01 .divs02{position:absolute;right:20px;top:40px;min-width:100px;max-width:200px;height:30px;background:#457bf5; padding:6px 10px 0 10px;color:#fff;text-align:center; font-family:Malgun Gothic;font-size: 12px; border-radius:2px;} .divs_wrap01 span{margin-left:5px;} img{margin-top:2px;} .divs_wrap02{position:absolute;right:0;top:20px; width:50%;text-align:right;} .divs_wrap02 .divs01{position:absolute;left:20px;min-width:100px;max-width:200px;height:30px;background:#457bf5; padding:6px 10px 0 10px;color:#fff;text-align:center; font-family:Malgun Gothic;font-size: 12px; border-radius:2px;} .divs_wrap02 .divs02{position:absolute;left:20px;top:40px;min-width:100px;max-width:200px;height:30px;background:#457bf5; padding:6px 10px 0 10px;color:#fff;text-align:center; font-family:Malgun Gothic;font-size: 12px; border-radius:2px;} .divs_wrap02 span{margin-left:5px;} .divs img{margin-top:2px;} */ .divs_wrap01{right:0;width:50%;text-align:right; } .divs_wrap01 .divs01{position:absolute;top:1px;right:2px;min-width:100px;max-width:350px;height:30px;background:#457bf5; padding:6px 10px 0 10px;color:#fff;text-align:center; font-family:Malgun Gothic;font-size: 12px; border-radius:2px;} .divs_wrap01 .divs02{position:absolute;top:1px;right:2px;min-width:100px;max-width:200px;height:30px;background:#457bf5; padding:6px 10px 0 10px;color:#fff;text-align:center; font-family:Malgun Gothic;font-size: 12px; border-radius:2px;} .divs_wrap01 span{margin-left:5px;} .divs_wrap01 img{margin-top:2px;} .divs_wrap02{left:0;width:50%;text-align:right;} .divs_wrap02 .divs01{position:absolute;top:1px;left:2px;min-width:100px;max-width:350px;height:30px;background:#457bf5; padding:6px 10px 0 10px;color:#fff;text-align:center; font-family:Malgun Gothic;font-size: 12px; border-radius:2px;} .divs_wrap02 .divs02{position:absolute;top:1px;left:2px;min-width:100px;max-width:200px;height:30px;background:#457bf5; padding:6px 10px 0 10px;color:#fff;text-align:center; font-family:Malgun Gothic;font-size: 12px; border-radius:2px;} .divs_wrap02 span{margin-left:5px;} .divs_wrap02 img{margin-top:2px;} .ct_line{width:100%; height:1px;background:#e7e7e7;margin:10px 0;} .ct_line2{width:97%; height:1px;background:#d2def0;margin:7px 0px;} .ct_line2_b{width:97%; height:1px;background:#d2def0;margin:0px 0px 7px 0px;} .ct_line3{width:100%; height:1px;background:#d2def0;margin:7px 0px;} .ct_line3_b{width:100%; height:1px;background:#d2def0;margin:0px 0px 7px 0px;} .pm01{padding-top:8px; width:78px; margin:0px 2px 7px 0px;} .pm02{padding-top:8px; width:77px; margin:0px 2px 7px 0px;} .pm02_2{padding-top:8px; width:136px; margin:0px 2px 7px 0px;} .pm02_3{padding-top:8px; width:103px; margin:0px 2px 7px 0px;} .pm03{padding-top:8px; width:77px; margin:0px 2px 7px 0px;} .pm04{padding-top:8px;;width:104px; margin:0px 2px 7px 0px;} .pm05{padding-top:8px;;width:102px; margin:0px 2px 7px 0px;} .pm06{padding-top:8px;;width:73px; margin:0px 2px 7px 0px;} .pm07{padding-top:8px;;width:190px; margin:0px 2px 7px 0px;} .pm08{padding-top:6px; width:70px; margin:0px 0px 7px 0px;} .pm09{padding-top:6px; width:68px; margin:0px 0px 7px 0px;} .pm10{padding-top:6px; width:70px; margin:0px 0px 7px 0px;} .pm91{padding-top:8px; width:80px; margin:0px 2px 7px 0px;} .pm91_4B{padding:8px 5px; width:79px; margin:0px 2px;} .pm91_3B{padding:8px 5px; width:105px; margin:0px 2px;} .pm91_2B{padding:8px 5px; width:160px; margin:0px 2px;} .pm91_1B{padding:8px 5px; width:322px; margin:0px 2px;} .pm91_2T{padding-top:8px; width:328px; margin:0px 2px 7px 0px;} .pm91_1P7{padding-top:8px; width:137px; margin:0px 2px 7px 0px;} .pm91_1P3{padding-top:8px; width:105px; margin:0px 2px 7px 0px;} .pm91_1over3{width: 102px;padding-top: 0px; margin:0px 2px 7px 0px;} /* SGIS4_1210 추가 시작 */ .pm92{padding-top:8px; width:79px; margin:0px 2px 7px 0px;} .pm92_2T{padding-top:8px; width:96px; margin:0px 2px 7px 0px;} .div_houseTypeBox{display: inline-block;width: 328px;} .va_top{vertical-align: top; margin-top: 6px;} /* SGIS4_1210 추가 끝 */ .mH180{height:180px !important; } .mR5{margin-right:5px;} /* SGIS4_1025_생활권역 시작 */ .mT7{margin-top:7px !important;} /* SGIS4_1025_생활권역 끝 */ .mT20{margin-top:20px !important;} .h130{height:130px;} .h133{height:133px;} .h126{height:126px;} .h150{height:150px;} .h160{height:160px;} .h165{height:165px;} .h190{height:190px;} .h210{height:210px;} .h235{height:235px;} .h260{height:260px;} .h265{height:265px;} .h280{height:332px;} .h300{height:300px;} .h330{height:330px;} .h215{height:215px;}/*SGIS4_1025_생활권역_추가*/ .txt_B{font-weight:bold;} .dep_height01{height:475px;} .dep_height02{height:475px;} .dep_height03{height:510px;} .dep_height04{height:566px;} .dep_height05{height:475px;} .selct_01{width:150px; height:38px;} .selct_02{width:122px; height:38px;} /* 년도콤보 위아래 일 때 .selct_03{width:70px; height:38px;position:absolute;top:3px;right:15px;} */ .selct_03{width:80px; height:30px;position:absolute;top:7px;left:212px;} .selct_04{width:80px; height:30px;position:absolute;top:7px;right:20px;} .selct_05{width:80px; height:36px;float:left;margin-left:25px;margin-top:-7px;} /* SGIS4_1025_생활권역 시작 */ .selct_06{width:80px; height:36px;position:relative;top:-42px;right:-270px;} /* SGIS4_1025_생활권역 끝 */ .selct_07{width:160px; height:38px;} .selct_08{width:90px; height:38px;} .selct_08_lm{width:90px; height:38px;margin-left:3px;} .selct_09{width:162px; height:38px;} .selct_91{width:177px; height:29px;} /* 20210409 생활권역 통계지도 시군구 selbox 가로 길이 조정*/ /* .selct_92{width:100px; height:29px;} */ .selct_92{width:240px; height:29px;} .selct_93{width:100px; height:32px; margin: 0px 0px 2px 10px;} .selct_77{width:160px; height:38px;} /* 연도설정 팝업 css */ .layer_pop05{display:none;position:absolute;left:480px; top:510px;width:415px; height:215px; padding:20px; border:1px solid #ccc;background:#fff;border-radius:4px; box-shadow : 3px 1px 3px 1px rgba(200,200,200,0.7);z-index: 100000;} .layer_pop05 .btn03{display:inline-block; height:32px; text-align:center; color:#787878; font-family:Malgun Gothic;font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } .layer_pop05 .grd_ico01{position:relative;top:2px;left:-4px;} .layer_pop05 .ico{position:absolute; top:-40px; left:145px;} .layer_pop05 h4{display:inline;font-size:20px;color:#333333;font-weight:500;} .layer_pop05 h5{font-size:14px;color:#686868;font-family:MalgunGothic; margin-top:7px; margin-bottom:10px;} .layer_pop05 .close{position:absolute;top:20px;right:20px;} .layer_pop05 .btn02{float:left;display:block; height:36px; margin:10px 6px 0 0;text-align:center; color:#787878; font-weight:400; font-size: 14px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } .layer_pop05 .btn_wrap{position:absolute;top:160px;left:98px;} .layer_pop05 .btn02.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop05 .btn02:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} /* SGIS4_1025_생활권역 시작 */ .layer_pop06{display:none;position:absolute;top:10px; left:43px;width:410px; padding-bottom:5px;background:#fff;border:2px solid #3b80ef;border-radius:0 3px 3px 3px;box-shadow : 6px 1px 6px 1px rgba(200,200,200,0.7);} .layer_pop06 .search_select{height:80px;margin:0px 15px 0px 15px;border-bottom:1px solid #e9e9e9;} /* SGIS4_1025_생활권역 끝 */ .layer_pop06 .search_select .search_type {height:25px; margin-top: 10px;} .layer_pop06 .search_select .search_type input[type="radio"] + label { display: inline-block; position: relative; padding-left: 5px; cursor: pointer; font-weight:400; font-size:13px; /* -webkit-user-select: none; */ /* -moz-user-select: none; */ /* -ms-user-select: none; */ } .layer_pop06 .search_select .search_type input[type="radio"]:nth-child(3){margin-left:15px;} .layer_pop06 .close{position:absolute;top:10px;right:10px;} .layer_pop06 h2{display:inline-block;margin:22px 5px 15px 10px;font-weight:500; font-size:20px;color:#333333;} .layer_pop06 .sm_txt{margin-left:1px;color:#888888; font-size:12px;font-family:Malgun Gothic;letter-spacing:-1px;} /* SGIS4_1025_생활권역 시작 */ .layer_pop06 .search_result_box{padding:0px 5px 15px 20px;} .layer_pop06 .search_result{display:none;width:100%; padding:0px 15px 0px 0px;margin-top:0px;min-height:200px;} /* SGIS4_1025_생활권역 끝 */ .layer_pop06 .search_result h3{line-height: 100%;font-size:16px;color:#454545;font-weight:300;} .layer_pop06 .search_result h3 span{font-size:16px;color:#454545; font-weight:500;} .layer_pop06 .search_result .search_inp{float:left;width:320px;margin:10px 0 12px 0;border-radius:2px; padding-right: 45px;/* background:url('/images/catchmentArea/search_ico1.png') calc(100% - 5px) 50% no-repeat; */} /* 주석처리 - 박상언 2020-10-16 작성 */ .layer_pop06 .search_result .map_ico{float:left;width:40px;height:40px;background:#3b80ef;border-radius:2px;padding:12px 0 0 12px; margin:10px 0 0 5px;} .layer_pop06 .search_result .map_ico:hover{background:#808896;} /* 박상언 2020-10-16 작성 */ .layer_pop06 .search_result .map_ico.active{float:left;width:40px;height:40px;background:#FA484D;border-radius:2px;padding:12px 0 0 12px; margin:10px 0 0 5px;} .layer_pop06 .search_result .map_ico img{margin-top:0px;} .layer_pop06 .search_result .h3_search{clear:both;border-top:1px solid #e9e9e9; padding-top:12px;margin-bottom:12px;} /* SGIS4_1025_생활권역 시작 */ .layer_pop06 .search_result .h3_search2{clear:both;padding-top:12px;} /* SGIS4_1025_생활권역 끝 */ .layer_pop06 .search_result .h4_ico01{background:url('/images/catchmentArea/h4_ico01.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px;} .layer_pop06 .search_result .h4_ico02{background:url('/images/catchmentArea/h4_ico02.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:18px;} .layer_pop06 .search_result .h4_ico03{background:url('/images/catchmentArea/h4_ico03.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:18px;} .layer_pop06 .search_result .h4_ico04{background:url('/images/catchmentArea/h4_ico04.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:18px;} .layer_pop06 .search_result .h4_ico05_h{background:url('/images/catchmentArea/h4_ico02.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px;} .layer_pop06 .search_result .h4_ico05{background:url('/images/catchmentArea/h4_ico02.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:18px;} .layer_pop06 .search_result .option_btn{position:relative;display:inline-block; height:38px;margin-top:8px;text-align:center;font-weight:400;color:#686868;font-size:14px;border:1px solid #d4d4d4;border-radius:2px;padding-top:8px;} .layer_pop06 .search_result .option_btn:hover{color:#1c60cf; border:1px solid #1c60cf; box-shadow : 0 0 7px #1c60cf} .layer_pop06 .search_result .option_btn span.list_tag{display:inline-block;width:22px;height:14px;font-size: 4px;font-weight: lighter;border-radius: 3px;color:#fff;line-height: 1.1;position: relative;top: -1px;font-family: MalgunGothic;} .layer_pop06 .search_result .option_btn span.bc01{background: #7dc05c;border: 1px solid #7dc05c;} .layer_pop06 .search_result .option_btn span.bc02{background: #c57cd5;border: 1px solid #c57cd5;} .layer_pop06 .search_result .option_btn span.bc03{background: #F35B2D;border: 1px solid #F35B2D;} .layer_pop06 .search_result .option_btn span.bc04{background: #ffaa01;border: 1px solid #ffaa01;} .layer_pop06 .search_result .active{color:#1c60cf; border:1px solid #1c60cf; box-shadow : 0 0 7px #1c60cf} .layer_pop06 .grd_ico01{position:relative;top:2px;left:-4px;} .layer_pop06 .btn03{display:inline-block; height:32px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; margin-left:15px;} .layer_pop06 .btn03.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop06 .btn03:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} /* SGIS4_1025_생활권역 시작 */ .layer_pop06 .search_result .facility_type_box{width: 380px;padding-bottom: 10px;} /* SGIS4_1025_생활권역 끝 */ .layer_pop06 .search_result .facility_type_box .h4_ico0_New{position:relative;top:9px;float:left;margin-right:6px;width:30px;height:50px;background:url('/images/catchmentArea/h4_ico05.png') 6px 0px no-repeat;font-size:15px;font-weight:500;color:#333333; padding:15px 0 0 0;} .layer_pop06 .search_result .facility_type_box .h4_ico1_New{position:relative;top:9px;float:left;margin-right:6px;width:30px;height:50px;background:url('/images/catchmentArea/h4_ico06.png') 6px 0px no-repeat;font-size:15px;font-weight:500;color:#333333; padding:15px 0 0 0;} .layer_pop06 .search_result .facility_type_box .h4_ico2_New{position:relative;top:9px;float:left;margin-right:6px;width:30px;height:50px;background:url('/images/catchmentArea/h4_ico07.png') 6px 0px no-repeat;font-size:15px;font-weight:500;color:#333333; padding:15px 0 0 0;} .layer_pop06 .search_result .facility_type_box .h4_ico3_New{position:relative;top:9px;float:left;margin-right:6px;width:30px;height:50px;background:url('/images/catchmentArea/h4_ico08.png') 6px 0px no-repeat;font-size:15px;font-weight:500;color:#333333; padding:15px 0 0 0;} .layer_pop06 .search_result .facility_type_box .option_btn .fav_ico{position:absolute;right:-4px;top:-4px;width:26px;height:16px;font-size:4px;font-weight:100;border-radius:12px;color:#fff;font-family: MalgunGothic;} .layer_pop06 .search_result .facility_type_box .option_btn .bc99{background: #ffaa01;border: 1px solid #ffaa01;} /* SGIS4_1025_생활권역 시작 */ .layer_pop06 .search_result .facility_type_box .sisul_wrap0{position:relative;width:366px;background:#e8eef7;padding:6px 5px 9px 8px;margin-bottom:5px;} .layer_pop06 .search_result .facility_type_box .sisul_wrap0 .option_btn{position:relative;background:#fff;position:relative;display:inline-block; height:38px;margin-top:5px;text-align:center;font-weight:400;color:#757575;font-size:14px;border:1px solid #d4d4d4;border-radius:2px;padding-top:8px;} .layer_pop06 .search_result .facility_type_box .sisul_wrap0 .option_btn:hover{position:relative;color:#1c60cf; border:1px solid #1c60cf; box-shadow : 0 0 7px #1c60cf} .layer_pop06 .search_result .facility_type_box .sisul_wrap1{position:relative;width:366px;background:#eaf5f5;padding:6px 5px 9px 8px;margin-bottom:5px;} .layer_pop06 .search_result .facility_type_box .sisul_wrap1 .option_btn{position:relative;background:#fff;position:relative;display:inline-block; height:38px;margin-top:5px;text-align:center;font-weight:400;color:#757575;font-size:14px;border:1px solid #d4d4d4;border-radius:2px;padding-top:8px;} .layer_pop06 .search_result .facility_type_box .sisul_wrap1 .option_btn:hover{position:relative;color:#07b7bd; border:1px solid #07b7bd; box-shadow : 0 0 7px #1c60cf} .layer_pop06 .search_result .facility_type_box .sisul_wrap2{position:relative;width:366px;background:#e8f1f6;padding:6px 5px 9px 8px;margin-bottom:5px;} .layer_pop06 .search_result .facility_type_box .sisul_wrap2 .option_btn{position:relative;background:#fff;position:relative;display:inline-block; height:38px;margin-top:5px;text-align:center;font-weight:400;color:#757575;font-size:14px;border:1px solid #d4d4d4;border-radius:2px;padding-top:8px;} .layer_pop06 .search_result .facility_type_box .sisul_wrap2 .option_btn:hover{position:relative;color:#4fa5dc; border:1px solid #4fa5dc; box-shadow : 0 0 7px #1c60cf} .layer_pop06 .search_result .facility_type_box .sisul_wrap3{position:relative;width:366px;background:#f0eff8;padding:6px 5px 9px 8px;} .layer_pop06 .search_result .facility_type_box .sisul_wrap3 .option_btn{position:relative;background:#fff;position:relative;display:inline-block; height:38px;margin-top:5px;text-align:center;font-weight:400;color:#757575;font-size:14px;border:1px solid #d4d4d4;border-radius:2px;padding-top:8px;} .layer_pop06 .search_result .facility_type_box .sisul_wrap3 .option_btn:hover{position:relative;color:#a082ea; border:1px solid #a082ea; box-shadow : 0 0 7px #1c60cf} /* SGIS4_1025_생활권역 끝 */ /* //statistics.html _0902추가 */ /* 시간적비교분석 팝업 css */ .layer_pop07{position:absolute;left:500px; top:150px;width:400px; height:450px; padding:20px; border:1px solid #ccc;background:#fff;border-radius:4px; box-shadow : 3px 1px 3px 1px rgba(200,200,200,0.7);} /* 0930_SGIS(수정) .layer_pop07 h4{font-size:20px;color:#333;font-weight:500;padding:10px 0 10px 0px;margin-bottom:15px; border-bottom:1px solid #e7e8ec;} */ .layer_pop07 h4{font-size:20px;color:#333;font-weight:500;line-height:100%;height:30px;padding-bottom:5px; margin-bottom:15px; border-bottom:1px solid #e7e8ec;} .layer_pop07 .grid_setting .grid_depth1{position:relative; min-height:120px; } .layer_pop07 .grid_setting .grid_depth1 > li{float:left; margin-right:1px;} .layer_pop07 .grid_setting .grid_depth1 > li:last-child{margin-right:0;} /* .layer_pop07 .grid_setting .grid_depth1 > li:first-child a{ border-radius:2px 0 0 0;} */ /* .layer_pop07 .grid_setting .grid_depth1 > li:last-child a{border-radius:0 2px 0 0;} */ .layer_pop07 .grid_setting .grid_depth1 > li > a{float:left; padding:10px 13.28px; color:#838487; font-size: 14px; background:#d2def0;text-align:center;} /* 보내준 디자인은 box-sizing이 border-box 이다 보니 약간의 크기 차이가 생김, 수정함 (pse) */ .layer_pop07 .grid_setting .grid_depth1 > li.active > a{color:#fff; background:#3b80ef;} .layer_pop07 .grid_setting .grid_depth1 > li.active > .grid_navbg{display: block;} .layer_pop07 .grid_setting .grid_depth1 > li .grid_navbg{position: absolute; top:39px; left:0; display:none; width:351px; min-height:78px; background: #fff; border:1px solid #cdd8e9; border-top:0; border-radius: 0 0 2px 2px;} .layer_pop07 .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2{position: absolute; top:20px; left:15px;} .layer_pop07 .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2:nth-child(2){left:182px;} .layer_pop07 .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2 .select > ul{width:150px; } .layer_pop07 .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2 .select > a{width:150px; } .layer_pop07 .btn_wrap{position:absolute;bottom:10px;text-align:center;width:360px;} .layer_pop07 .grid_setting .grid_wrap02 {padding:20px 0px 5px 10px;} .layer_pop07 .grid_setting .grid_wrap02 .btn01{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } .layer_pop07 .grid_setting .grid_wrap02 .btn01.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop07 .grid_setting .grid_wrap02 .btn01:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop07 .grid_setting .grid_wrap02 .btn02{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 12px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } .layer_pop07 .grid_setting .grid_wrap02 .btn02.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop07 .grid_setting .grid_wrap02 .btn02:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop07 .grid_setting .grid_wrap02 .btn03{display:inline-block; height:32px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } .layer_pop07 .close{position:absolute;top:20px;right:20px;} .layer_pop07 .grid_setting .grid_depth2_less1k{position:relative; min-height:120px;} .layer_pop07 .grid_setting .grid_depth2_less1k > li{float:left; margin-right:1px;} .layer_pop07 .grid_setting .grid_depth2_less1k > li:last-child{margin-right:0;} .layer_pop07 .grid_setting .grid_depth2_less1k > li > a{float:left; padding:10px 13px; color:#838487; font-size: 14px; background:#d2def0;text-align:center;} .layer_pop07 .grid_setting .grid_depth2_less1k > li.active > a{color:#fff; background:#3b80ef;} .layer_pop07 .grid_setting .grid_depth2_less1k > li.active > .grid_navbg{display: block;} .layer_pop07 .grid_setting .grid_depth2_less1k > li .grid_navbg{position: absolute; top:39px; left:0; display:none; width:350px; min-height:280px; background: #fff; border:1px solid #cdd8e9; border-top:0; border-radius: 0 0 2px 2px;} .layer_pop07 .grid_setting .grid_depth2_less1k p{padding:35px 5px 15px 30px; color:#8e8e8e; font-size:14px;} .layer_pop07 .grid_setting .grid_depth2_less1k p::before{position:absolute;left:22px;top:45px;content:'';display: block;width:3px; height:3px; background: #3a7be2; border-radius: 50%} /* 상관관계 분석 조건 설정 팝업 css */ .layer_pop08{position:absolute;left:470px; top:100px;width:580px; height:500px; padding:20px; border:1px solid #ccc;background:#fff;border-radius:4px; box-shadow : 3px 1px 3px 1px rgba(200,200,200,0.7);} /* 0930_SGIS(수정) .layer_pop08 h4{font-size:20px;color:#333;font-weight:500;padding:10px 0 10px 0px; border-bottom:1px solid #e7e8ec;} */ .layer_pop08 h4{font-size:20px;color:#333;font-weight:500;line-height:100%;height:30px;padding-bottom:5px; border-bottom:1px solid #e7e8ec;} .layer_pop08 h5{font-size:17px;width:350px;color:#333;font-weight:500;padding:10px 0 10px 0px;} .layer_pop08 h5 span{font-size:14px;color:#8e8e8e;font-weight:400;padding:10px 0 20px 0px;} .layer_pop08 .grid_setting .grid_depth1{position:relative; min-height:120px; } .layer_pop08 .grid_setting .grid_depth1 > li{float:left; margin-right:1px;} .layer_pop08 .grid_setting .grid_depth1 > li:last-child{margin-right:0;} /* .layer_pop08 .grid_setting .grid_depth1 > li:first-child a{ border-radius:2px 0 0 0;} */ /* .layer_pop08 .grid_setting .grid_depth1 > li:last-child a{border-radius:0 2px 0 0;} */ .layer_pop08 .grid_setting .grid_depth1 > li > a.mem5{float:left; padding:10px 13.4px; color:#838487; font-size: 14px; background:#d2def0;} .layer_pop08 .grid_setting .grid_depth1 > li > a.mem4{float:left; padding:10px 23px; color:#838487; font-size: 14px; background:#d2def0;} .layer_pop08 .grid_setting .grid_depth1 > li.active > a{color:#fff; background:#3b80ef;} .layer_pop08 .grid_setting .grid_depth1 > li.active > .grid_navbg{display: block;} .layer_pop08 .grid_setting .grid_depth1 > li .grid_navbg{position: absolute; top:39px; left:0; display:none; width:351px; min-height:78px; background: #fff; border:1px solid #cdd8e9; border-top:0; border-radius: 0 0 2px 2px;} .layer_pop08 .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2{position: absolute; top:20px; left:15px;} .layer_pop08 .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2:nth-child(2){left:182px;} .layer_pop08 .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2 .select > ul{width:150px; } .layer_pop08 .grid_setting .grid_depth1 > li .grid_navbg .grid_depth2 .select > a{width:150px; } .layer_pop08 .btn_wrap{position:absolute;bottom:10px;text-align:center;width:360px;} .layer_pop08 .grid_setting .grid_wrap02 {padding:20px 0px 5px 10px;} .layer_pop08 .grid_setting .grid_wrap02 .btn01{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } .layer_pop08 .grid_setting .grid_wrap02 .btn01.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop08 .grid_setting .grid_wrap02 .btn01:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop08 .grid_setting .grid_wrap02 .btn02{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 12px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } .layer_pop08 .grid_setting .grid_wrap02 .btn02.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop08 .grid_setting .grid_wrap02 .btn02:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop08 .grid_setting .grid_wrap02 .btn03{display:inline-block; height:32px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } .layer_pop08 .grid_setting .grid_wrap02 .btn06{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } .layer_pop08 .grid_setting .grid_wrap02 .btn06.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop08 .grid_setting .grid_wrap02 .btn06:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop08 .close{position:absolute;top:20px;right:20px;} .layer_pop08 .right_select{position:absolute;right:0;top:70px;padding:15px;width:177px; height:calc(100% - 70px); background:#f4f4f4;} .layer_pop08 .right_select .selc_box{display:block;font-size:13px; color:#58585b;font-family:Malgun Gothic;width:140px;height:30px;margin-bottom:7px;padding:5px 0 0 10px;background:#fff 120px 10px no-repeat;border-radius:70px;} .layer_pop08 .right_select .selc_box p{font-size:13px;} .layer_pop08 .btn07{position:absolute;bottom:13px;left:39px;font-family:Noto Sans,Dotum;margin-right:5px;display:inline-block;background:#4283ec; width:100px; height:35px; text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} /* 추가 요청(REQ001) 시작 - 배후권 통계지도 도움말 생성 */ .layer_pop09{display:none;position:absolute;top:10px; left:500px;width:750px;height:488px; padding-bottom:25px;background:#fff;border:2px solid #3b80ef;border-radius:0 3px 3px 3px;box-shadow : 6px 1px 6px 1px rgba(200,200,200,0.7);} .layer_pop09 .search_select{height:40px;margin:0px 15px 0px 15px;} .layer_pop09 .search_select .search_type {height:25px; margin-top: 10px;} /* .layer_pop09 .search_select .search_type input[type="radio"] + label { display: inline-block; position: relative; padding-left: 5px; cursor: pointer; font-weight:400; font-size:13px; } */ /* .layer_pop09 .search_select .search_type input[type="radio"]:nth-child(3){margin-left:15px;} */ .layer_pop09 .close{position:absolute;top:20px;right:20px;} .layer_pop09 h2{display:inline-block;font-size:20px;color:#333333;} .layer_pop09 .sm_txt{margin-left:1px;color:#888888; font-size:12px;font-family:Malgun Gothic;letter-spacing:-1px;} .layer_pop09 .search_result{display:none;width:100%; padding:12px 20px 20px 20px;margin-top:33px;min-height:200px;border-top:1px solid #e9e9e9; } .layer_pop09 .search_result h3{line-height: 100%;font-size:16px;color:#454545;font-weight:300;} .layer_pop09 .search_result h3 span{font-size:16px;color:#454545; font-weight:500;} .layer_pop09 .search_result .search_inp{float:left;width:320px;margin:10px 0 12px 0;border-radius:2px; padding-right: 45px;/* background:url('/images/catchmentArea/search_ico1.png') calc(100% - 5px) 50% no-repeat; */} /* 주석처리 - 박상언 2020-10-16 작성 */ .layer_pop09 .search_result .map_ico{float:left;width:40px;height:40px;background:#3b80ef;border-radius:2px;padding:12px 0 0 12px; margin:10px 0 0 5px;} .layer_pop09 .search_result .map_ico:hover{background:#808896;} /* 박상언 2020-10-16 작성 */ .layer_pop09 .search_result .map_ico.active{float:left;width:40px;height:40px;background:#FA484D;border-radius:2px;padding:12px 0 0 12px; margin:10px 0 0 5px;} .layer_pop09 .search_result .map_ico img{margin-top:0px;} .layer_pop09 .search_result .h3_search{clear:both;border-top:1px solid #e9e9e9; padding-top:12px;margin-bottom:12px;} .layer_pop09 .search_result .h4_ico01{background:url('/images/catchmentArea/h4_ico01.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px;} .layer_pop09 .search_result .h4_ico02{background:url('/images/catchmentArea/h4_ico02.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:18px;} .layer_pop09 .search_result .h4_ico03{background:url('/images/catchmentArea/h4_ico03.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:18px;} .layer_pop09 .search_result .h4_ico04{background:url('/images/catchmentArea/h4_ico04.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:18px;} .layer_pop09 .search_result .h4_ico05_h{background:url('/images/catchmentArea/h4_ico02.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px;} .layer_pop09 .search_result .h4_ico05{background:url('/images/catchmentArea/h4_ico02.png') 0px 3px no-repeat;font-size:15px;font-weight:500;color:#333333; padding-left:20px; margin-top:18px;} .layer_pop09 .search_result .option_btn{position:relative;display:inline-block; height:38px;margin-top:8px;text-align:center;font-weight:400;color:#686868;font-size:14px;border:1px solid #d4d4d4;border-radius:2px;padding-top:8px;} .layer_pop09 .search_result .option_btn:hover{color:#1c60cf; border:1px solid #1c60cf; box-shadow : 0 0 7px #1c60cf} .layer_pop09 .search_result .option_btn span.list_tag{display:inline-block;width:22px;height:14px;font-size: 4px;font-weight: lighter;border-radius: 3px;color:#fff;line-height: 1.1;position: relative;top: -1px;font-family: MalgunGothic;} .layer_pop09 .search_result .option_btn span.bc01{background: #7dc05c;border: 1px solid #7dc05c;} .layer_pop09 .search_result .option_btn span.bc02{background: #c57cd5;border: 1px solid #c57cd5;} .layer_pop09 .search_result .option_btn span.bc03{background: #F35B2D;border: 1px solid #F35B2D;} .layer_pop09 .search_result .option_btn span.bc04{background: #ffaa01;border: 1px solid #ffaa01;} .layer_pop09 .search_result .active{color:#1c60cf; border:1px solid #1c60cf; box-shadow : 0 0 7px #1c60cf} .layer_pop09 .grd_ico01{position:relative;top:2px;left:-4px;} .layer_pop09 .btn03{display:inline-block; height:32px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; margin-left:15px;} .layer_pop09 .btn03.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop09 .btn03:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} .layer_pop09 #helperContentWrapper {} .layer_pop09 #helperContentWrapper > p {margin: 10px 0 10px 0; font-size: 15px;} .layer_pop09 #helperContentWrapper > p > .helper_span {font-size: 1.5rem;} .layer_pop09 #helperContentWrapper #helperPictures .helper_table { border: 1px solid #444444; border-collapse: collapse; } .layer_pop09 #helperContentWrapper #helperPictures .helper_table td { border: 1px solid #444444; text-align: center; vertical-align: middle; } /* 추가 요청(REQ001) 끝 - 배후권 통계지도 도움말 생성 */ #wrapper .pop_statistics{position: absolute; top:47px; right:10px;} #wrapper .pop_btn01{cursor:pointer;display:none;position:absolute;right:12px;top:47px;z-index:9;border-radius:5px;box-shadow:0px 0px 6px 3px #d6d6d6;width:86px;height:30px;padding-top:5px;background:#457bf5; color:#fff;font-size:13px;text-align:center;} #wrapper .pop_btn02{cursor:pointer;display:none;position:absolute;right:17px;top:43px;z-index:9;border-radius:5px;box-shadow:0px 0px 6px 3px #d6d6d6;width:86px;height:30px;padding-top:5px;background:#457bf5; color:#fff;font-size:13px;text-align:center;} #wrapper .pop_chk01{display:none;z-index:9998;} #wrapper .pop_chk02{display:none;z-index:9998;} #wrapper .pop_chk03{display:none;z-index:9998;} #wrapper .pop_chk05{display:none;z-index:9998;} #wrapper .pop_title{position:relative; width:582px; padding:14px 0; text-align: center; color:#fff; font-size: 16px; background:#457bf5; border-radius: 5px; box-shadow: 0 0 6px 3px #bbb;} #wrapper .pop_chk05 .pop_title{z-index:99;height:50px;} /* #wrapper .pop_title .left{ position:absolute;top:13px; left:15px;} #wrapper .pop_title .title_wrap01{position:absolute;right:15px; top:15px;} #wrapper .pop_title .center{ text-align:center; margin:0 auto;} #wrapper .pop_title span:first-child{float:left; margin-left:58px;} #wrapper .pop_title span:last-child{float:right; margin-right:44px;color:#fff;} */ #wrapper .pop_title span:first-child{float:left; margin-left:25px;color:#fff;} #wrapper .pop_title span:last-child{float:right; margin-right:25px;color:#fff;} /* SGIS4_1027_생활권역 시작 */ #wrapper .pop_chk03 .pop_title span:first-child.mightOverflow {max-width:150px;} #wrapper .pop_chk03 .pop_title strong {position: absolute;left: 205px;} /* SGIS4_1027_생활권역 끝 */ #wrapper .pop_content{width:570px;margin:-2px auto 0;background:#fff;border:2px solid #457bf5; border-radius: 0 0 3px 3px ;box-shadow: 0 0 6px 3px #bbb;} #wrapper .pop_chk03 .pop_content02{min-height:400px;} #wrapper .pop_chk03:not(.diff_with_original) .pop_content ul {width:100%; } #wrapper .pop_chk03:not(.diff_with_original) .pop_content ul li{position:relative;float:left; width:50%; height:214px; padding:15px 15px; box-sizing: border-box; } #wrapper .pop_chk03:not(.diff_with_original) .pop_content ul li:nth-child(2n-1){border-bottom:2px solid #edeeef;border-right:2px solid #edeeef;} #wrapper .pop_chk03:not(.diff_with_original) .pop_content ul li:nth-child(2n){border-bottom:2px solid #edeeef;} #wrapper .pop_chk03:not(.diff_with_original) .pop_content ul li:nth-child(n+5){height: 348px;} #wrapper .pop_chk03 .close_btn01{position: absolute; right:7px; bottom:1px; z-index: 10;} #wrapper .pop_chk03 h4{font-size:18px;color:#222;font-weight:500;} #wrapper .pop_chk03 h5{padding-left:14px; margin-bottom: 20px; font-size:18px; background:url('/images/catchmentArea/h5_ico.png')no-repeat left center;} #wrapper .pop_chk05 .pop_content02{min-height:400px;} #wrapper .pop_chk05 .pop_content ul {width:100%; } #wrapper .pop_chk05 .pop_content ul li{position:relative;float:left; width:50%; height:214px; padding:15px 15px; box-sizing: border-box; } #wrapper .pop_chk05 .pop_content ul li:nth-child(2n-1){border-bottom:2px solid #edeeef;border-right:2px solid #edeeef;} #wrapper .pop_chk05 .pop_content ul li:nth-child(2n){border-bottom:2px solid #edeeef;} #wrapper .pop_chk05 .pop_content ul li:nth-child(n+5){height: 348px;} #wrapper .pop_chk05 .close_btn01{position: absolute; right:7px; bottom:2px; z-index: 10;} #wrapper .pop_chk05 h4{font-size:18px;color:#222;font-weight:500;} #wrapper .pop_chk05 h5{padding-left:14px; margin-bottom: 20px; font-size:18px; background:url('/images/catchmentArea/h5_ico.png')no-repeat left center;} #wrapper .pop_title .btn_left{float:left; padding-right:9px;} #wrapper .pop_title .btn_text{color:#fff; float:left;} #wrapper .pop_title .btn_right{float:left;padding-left:9px;} /* 2줄용 pop_title 시작 */ /* 년도콤보 위아래 일 때 #wrapper .pop_title_2{position:relative; width:492px; padding:5px 0; text-align: center; color:#fff; font-size: 16px; background:#457bf5; border-radius: 5px; box-shadow: 0 0 6px 3px #bbb;} #wrapper .pop_title_2 span:first-child{float:left; margin-left:305px;} #wrapper .pop_title_2 span:last-child{float:left; margin-left:5px;color:#fff;} #wrapper .pop_title_2 .sce_line1{position:relative;height:43px;} #wrapper .pop_title_2 .sce_line2{position:relative;top:1px;height:46px;border-top:1px solid #6494ff;} #wrapper .pop_title_2 .year_txt01{position:absolute;top:12px;left:220px;text-align: center; color:#fff; font-size: 16px;} #wrapper .pop_title_2 .btn_text01{position:absolute;top:12px;left:55px;text-align: center; color:#fff; font-size: 16px;} #wrapper .pop_title_2 .grp_txt01{position:absolute;top:12px;left:5px;text-align: left; color:#fff; font-size: 14px;} #wrapper .pop_title_2 strong{position:absolute;top:12px;left:20px;color:#fff;} #wrapper .pop_title_2 .btn_left01{position:absolute;left:191px; top:14px;} #wrapper .pop_title_2 .btn_left02{position:absolute;left:18px; top:14px;} #wrapper .pop_title_2 .btn_right01{position:absolute;left:275px; top:14px;} #wrapper .pop_title_2 .btn_right02{position:absolute;left:155px; top:14px;} */ #wrapper .pop_title_2{position:relative; width:579px; padding:5px 0; text-align: center; color:#fff; font-size: 16px; background:#457bf5; border-radius: 5px; box-shadow: 0 0 6px 3px #bbb;} /* #wrapper .pop_title_2 .sce_line1 span{float:right;margin-right:44px; color:#fff;width: 105px;} */ #wrapper .pop_title_2 .sce_line2 span:first-child{float:left; margin-left:8px;} #wrapper .pop_title_2 .sce_line2 span:last-child{float:left; margin-left:15px;} #wrapper .pop_title_2 .sce_line1{position:relative;height:33px;} #wrapper .pop_title_2 .sce_line2{position:relative;top:1px;height:42px;border-top:1px solid #6494ff;} #wrapper .pop_title_2 .year_txt01{position:absolute;top:12px;left:220px;text-align: center; color:#fff; font-size: 16px;} #wrapper .pop_title_2 .btn_text01{/*position:absolute;top:5px;right:240px;text-align: right;*/ color:#fff; font-size: 16px;} #wrapper .pop_title_2 .btn_text02{/*position:absolute;top:10px;left:260px;text-align: left;*/ color:#fff; font-size: 12px;margin-left: 5px;} #wrapper .pop_title_2 .grp_txt01{position:absolute;top:10px;left:5px;text-align: left; color:#fff; font-size: 14px;} #wrapper .pop_title_2 .grp_txt02{position:absolute;top:10px;left:311px;text-align: left; color:#fff; font-size: 14px;} #wrapper .pop_title_2 strong{position:absolute;top:5px;left:20px;color:#fff;} #wrapper .pop_title_2 .btn_left01{position:absolute;left:191px; top:14px;} #wrapper .pop_title_2 .btn_left02{position:absolute;left:78px; top:7px;} #wrapper .pop_title_2 .btn_right01{position:absolute;left:275px; top:14px;} #wrapper .pop_title_2 .btn_right02{position:absolute;right:93px; top:7px;} #wrapper .pop_title_2 .btn_right03{position:absolute;right:63px; top:7px;} #wrapper .pop_title_2 .txt_Center01{position:absolute;left:146px; top:5px;text-align: center;width:285px;} /* 2줄용 pop_title 끝 */ #wrapper .pop_chk01 .pop_content ul {width:100%; } #wrapper .pop_chk01 .pop_content ul li{position:relative;float:left; width:50%; height:245px; padding:5px 15px 15px 15px; box-sizing: border-box; } /*#wrapper .pop_chk01 .pop_content ul li{float:left; width:50%; height:214px; padding:25px 20px; box-sizing: border-box; }*/ #wrapper .pop_chk01 .pop_content ul li:nth-child(2n-1){border-bottom:2px solid #edeeef;border-right:2px solid #edeeef;} #wrapper .pop_chk01 .pop_content ul li:nth-child(2n){border-bottom:2px solid #edeeef;} #wrapper .pop_chk01 .pop_content ul li:nth-child(n+5){height: 306px;} #wrapper .pop_chk01 .close_btn01{position: absolute; right:7px; bottom:2px; z-index: 10;} #wrapper .pop_chk02 .close_btn02{position: absolute; right:7px; bottom:2px;} #wrapper .pop_chk03 .close_btn03{position: absolute; right:7px; bottom:2px;} #wrapper .pop_content .gra_txt01{position:absolute;top:96px; left:10px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt02{position:absolute;top:147px; left:10px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt03{position:absolute;top:197px; left:10px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt04{position:absolute;top:246px; left:10px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt05{position:absolute;top:290px; left:85px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt06{position:absolute;top:290px; left:156px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt07{position:absolute;top:290px; left:225px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt08{position:absolute;top:290px; left:295px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt09{position:absolute;top:90px; right:50px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt10{position:absolute;top:130px; right:50px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt11{position:absolute;top:170px; right:60px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt12{position:absolute;top:210px; right:50px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt13{position:absolute;top:250px; right:50px;font-family:Malgun Gothic;color:#585858; font-size:12px;font-weight:bold;} #wrapper .pop_content .gra_txt14{position:absolute;top:60px; right:60px;font-family:Malgun Gothic;color:#2d61d8; font-size:10px;font-weight:bold;letter-spacing:-1px;} #wrapper .pop_content .gra_txt15{position:absolute;top:290px; right:60px;font-family:Malgun Gothic;color:#2d61d8; font-size:10px;font-weight:bold;letter-spacing:-1px;} #wrapper .pop_content .gra_shpae01{position:absolute;top:80px; left:80px;background:#588cef; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae02{position:absolute;top:80px; left:150px;background:#b0cdff; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae03{position:absolute;top:80px; left:220px;background:#9fc0fc; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae04{position:absolute;top:80px; left:290px;background:#ffca86; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae05{position:absolute;top:130px; left:80px;background:#92b7fc; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae06{position:absolute;top:130px; left:150px;background:#588cef; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae07{position:absolute;top:130px; left:220px;background:#9fc0fc; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae08{position:absolute;top:130px; left:290px;background:#feb967; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae09{position:absolute;top:180px; left:80px;background:#9fc0fc; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae10{position:absolute;top:180px; left:150px;background:#92b7fc; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae11{position:absolute;top:180px; left:220px;background:#588cef; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae12{position:absolute;top:180px; left:290px;background:#ffdeaa; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae13{position:absolute;top:230px; left:80px;background:#ffca86; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae14{position:absolute;top:230px; left:150px;background:#ffecc6; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae15{position:absolute;top:230px; left:220px;background:#ffdeaa; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_shpae16{position:absolute;top:230px; left:290px;background:#588cef; width:70px;height:50px; padding-top:15px;text-align:center; font-family:Malgun Gothic;color:#454545; font-size:15px;font-weight:bold;} #wrapper .pop_content .gra_grad{background: linear-gradient( to bottom, #79a5f6, #fff, #feb865 ); width:20px;height:200px;position:absolute;right:80px;top:80px;} #wrapper .pop_content .gra_line01{background:#333333;height:1px;width:5px;position:absolute;top:105px; left:76px;} #wrapper .pop_content .gra_line02{background:#333333;height:1px;width:5px;position:absolute;top:156px; left:76px;} #wrapper .pop_content .gra_line03{background:#333333;height:1px;width:5px;position:absolute;top:207px; left:76px;} #wrapper .pop_content .gra_line04{background:#333333;height:1px;width:5px;position:absolute;top:256px; left:76px;} #wrapper .pop_content .gra_line05{background:#333333;height:5px;width:1px;position:absolute;top:280px; left:115px;} #wrapper .pop_content .gra_line06{background:#333333;height:5px;width:1px;position:absolute;top:280px; left:184px;} #wrapper .pop_content .gra_line07{background:#333333;height:5px;width:1px;position:absolute;top:280px; left:255px;} #wrapper .pop_content .gra_line08{background:#333333;height:5px;width:1px;position:absolute;top:280px; left:325px;} #wrapper .pop_content .gra_line09{background:#333333;height:1px;width:5px;position:absolute;top:100px; left:400px;} #wrapper .pop_content .gra_line10{background:#333333;height:1px;width:5px;position:absolute;top:138px; left:400px;} #wrapper .pop_content .gra_line11{background:#333333;height:1px;width:5px;position:absolute;top:180px; left:400px;} #wrapper .pop_content .gra_line12{background:#333333;height:1px;width:5px;position:absolute;top:220px; left:400px;} #wrapper .pop_content .gra_line13{background:#333333;height:1px;width:5px;position:absolute;top:260px; left:400px;} /* 0903 추가 */ #wrapper .div_chartr{display:none;} #wrapper .pop_chk01 h4{font-size:18px;color:#222;font-weight:500;} #wrapper .pop_chk01 h5{padding-left:14px; margin-bottom: 20px; font-size:18px; background:url('/images/catchmentArea/h5_ico.png')no-repeat left center;} /* #wrapper .pop_chk01 .pop_content .sec01 .graph_bg{margin:0 auto;text-align:center;font-size:22px;color:#5287dc;font-weight:500;padding-top:47px;width:128px;height:128px;border-radius:64px;background:#f4f7fc;border:1px solid #d2dceb;} */ #wrapper .pop_chk01 .pop_content .div_block{display:none;position: absolute;top: 1px;left: 1px;right: 1px;bottom: 1px;background: rgba(58,58,79,0.2);} #wrapper .pop_chk01 .pop_content .div_block .div_block_msg{position: absolute;top: calc(50% - 25px);left: 0px;right: 0px;height: 50px;background: #565669 /*#6A6A7E*/;text-align: center;padding: 5px 5px 0 5px;} #wrapper .pop_chk01 .pop_content .div_block .div_block_msg span{font-size: 15px;font-weight: 100;color: #eeeaea; /* #90ef7f */} #wrapper .pop_chk01 .pop_content .sec01 .graph_bg{position:relative;text-align:center;} #wrapper .pop_chk01 .pop_content .sec01 .graph_bg span{position:absolute;width:100%;top:50px;right:0px;text-align:center;font-size:22px;color:#333;font-weight:500;} #wrapper .pop_chk01 .pop_content .sec01 .graph_bg .txt_sm01{font-size:15px;} #wrapper .pop_chk01 .pop_content .sec01 .graph_bg sup{font-size:15px;position:relative;top:5px;} #wrapper .pop_chk01 .pop_content .sec01 .sa_txt01{position:absolute;bottom:30px;font-weight:bold;width:calc(100% - 30px);text-align:center;color:#686868; font-size:12px;font-family:Malgun Gothic; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec01 .sa_txt02{position:absolute;bottom:15px;font-weight:bold;width:calc(100% - 30px);text-align:center;color:#686868; font-size:12px;font-family:Malgun Gothic; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec01 .sa_txt03{position:absolute;top:12px;right:10px;width:150px;text-align:right;font-size:11px;color:#686868; line-height:100%;font-weight:400;} /* #wrapper .pop_chk01 .pop_content .sec02 .txt_box01{position:absolute;;top:101px;left:298px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec02 .txt_box01 .sa_txt01{font-size:12px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec02 .txt_box01 .sa_txt02{font-size:20px;color:#333333; line-height:100%;font-weight:500;} #wrapper .pop_chk01 .pop_content .sec02 .sa_txt03{position:absolute;top:184px;left:268px;text-align:left;color:#686868; font-size:12px;font-family:Malgun Gothic; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec02 .txt_box02{position:absolute;top:168px;right:12px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec02 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec02 .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:22px;color:#3b80ef; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec02 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} */ #wrapper .pop_chk01 .pop_content .sec02 .div_basic .txt_box01{width:135px;height:136px;position:absolute;;top:47px;right:55px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec02 .div_basic .txt_box01 .sa_txt01{position:absolute;top:-39px;right:-41px;width:142px;font-size:11px;color:#686868; line-height:100%;font-weight:400;text-align:right;} #wrapper .pop_chk01 .pop_content .sec02 .div_basic .txt_box01 .sa_txt02{position:absolute;top:-16px;right:-41px;width:179px;font-size:16px;color:#333333; line-height:100%;font-weight:500;text-align:right;} #wrapper .pop_chk01 .pop_content .sec02 .div_basic .sa_txt03{display:none;position:absolute;left:7px;bottom:5px;text-align:left;font-weight:bold;color:#686868; font-size:12px;font-family:Malgun Gothic; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box01{position:absolute;top:40px;left:13px;width:210px;height:140px;text-align:center;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box01 .sa_txt01{position:absolute;top:14px;right:3px;width:200px;text-align:center;font-size:12px;color:#159de0; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box01 .sa_txt02{position:absolute;top:85px;right:68px;width:70px;text-align:center;font-size:18px;color:#333333; line-height:100%;font-weight:500;opacity:0.5;} #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box01 .sa_txt03{position:absolute;top:-30px;right:-5px;width:100px;text-align:right;font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box01 .sa_txt05{position:absolute;top:-15px;right:-5px;width:100px;text-align:right;font-size:18px;color:#333333; line-height:100%;font-weight:500;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec02 .txt_box02{position:absolute;bottom:9px;right:14px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec02 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec02 .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:20px;color:#3b80ef; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec02 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec02 .step_wrap{display:none;position:absolute;top:40px; left:10px;} #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box03{position:absolute;bottom:5px;left:10px;} #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#7DB6E9;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box03 .cr02{position:absolute;top:-9px;left:0px;display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box03 .sa_txt01{font-size:10px;color:#686868; line-height:100%;} #wrapper .pop_chk01 .pop_content .sec02 .div_chartr .txt_box03 .sa_txt02{position:absolute;top:-10px;left:16px;font-size:10px;color:#686868; line-height:100%;width:60px;} #wrapper .pop_chk01 .pop_content .sec02 .mode_box01{display:none;position:absolute;top:9px;left:50px;width:60px;height:19px;} #wrapper .pop_chk01 .pop_content .sec02 .btn_basic{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec02 .btn_basic.active{background:#4283ec; color:#fff;} #wrapper .pop_chk01 .pop_content .sec02 .btn_chartr{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec02 .btn_chartr.active{background:#4283ec; color:#fff;} /* #wrapper .pop_chk01 .pop_content .sec02 .step01{display:block;width:14px; height:9px; background:#dfefff; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step02{display:block;width:14px; height:9px; background:#b3d8fb; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step03{display:block;width:14px; height:9px; background:#97c9f8; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step04{display:block;width:14px; height:9px; background:#78b9f7; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step05{display:block;width:14px; height:9px; background:#60acf4; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step06{display:block;width:14px; height:9px; background:#49a0f3; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step07{display:block;width:14px; height:9px; background:#3393ee; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step08{display:block;width:14px; height:9px; background:#1d85e8; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step09{display:block;width:14px; height:9px; background:#1175d4; margin-bottom:3px;} */ #wrapper .pop_chk01 .pop_content .sec02 .step01{display:block;width:14px; height:9px; background:#FEEEB0; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step02{display:block;width:14px; height:9px; background:#FDE48B; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step03{display:block;width:14px; height:9px; background:#FCDA70; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step04{display:block;width:14px; height:9px; background:#F9CC60; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step05{display:block;width:14px; height:9px; background:#F6BD58; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step06{display:block;width:14px; height:9px; background:#F0AF52; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step07{display:block;width:14px; height:9px; background:#EBA04E; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step08{display:block;width:14px; height:9px; background:#E28E49; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .step09{display:block;width:14px; height:9px; background:#D66B44; margin-bottom:3px;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico{position:absolute;top:40px;left:70px;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico p{line-height:110%;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .man_ico{position:absolute;top:29px;right:17px;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .man_txt{position:absolute;bottom:-2px;right:22px;font-size:8px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .man_txt p{font-size:10px;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .man_chart{position:relative;top:62px;right:22px;height:60px; width:5px;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .man_chart .h55{position:absolute;left:0;bottom:0;width:100%;background:#3393ee;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .woman_ico{position:absolute;top:29px;right:2px;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .woman_chart{position:relative;top:-8px;right:6px;height:70px; width:5px;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .woman_chart .h55{position:absolute;left:0;bottom:0;width:100%;background:#ffaa01;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .woman_txt{position:absolute;bottom:-2px;left:-7px;font-size:8px;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .woman_txt p{font-size:10px;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .bi_txt{position:absolute;bottom:-20px;left:-65px;width:120px;font-size:8px;} #wrapper .pop_chk01 .pop_content .sec02 .div_year .sa_txt03{position:absolute;top:30px;left:14px;width:150px;font-size:11px;color:#686868; line-height:100%;font-weight:400;} /* #wrapper .pop_chk01 .pop_content .sec03 .txt_box01{position:absolute;;top:302px;left:73px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box01 .sa_txt01{font-size:12px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box01 .sa_txt02{font-size:20px;color:#333333; line-height:100%;font-weight:500;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02{position:absolute;top:381px;right:256px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:22px;color:#3b80ef; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03{position:absolute;top:398px;left:15px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#2cc8a7;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#fbba1f;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .sa_txt01{font-size:11px;color:#686868; line-height:100%;font-family:Malgun Gothic; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box01{position:absolute;;top:46px;left:13px;border:1px solid #ccc;width:210px;height:120px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box01 .sa_txt01{padding-top:40px;font-size:12px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box01 .sa_txt02{font-size:20px;color:#333333; line-height:100%;font-weight:500;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02{position:absolute;top:168px;right:12px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:22px;color:#3b80ef; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03{position:absolute;top:184px;left:15px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#2cc8a7;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#fbba1f;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .sa_txt01{font-size:11px;color:#686868; line-height:100%;font-family:Malgun Gothic; letter-spacing:-1px;} */ #wrapper .pop_chk01 .pop_content .sec03 .div_basic .txt_box01{position:absolute;top:42px;left:20px;width:210px;height:140px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec03 .div_basic .txt_box01 .sa_txt01{position:absolute;top:-35px;right:-45px;width:160px;text-align:right;font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec03 .div_basic .txt_box01 .sa_txt02{position:absolute;top:-11px;right:-45px;width:184px;text-align:right;font-size:16px;color:#333333; line-height:100%;font-weight:500;} #wrapper .pop_chk01 .pop_content .sec03 .div_chartr .txt_box01{position:absolute;top:40px;left:13px;width:210px;height:140px;text-align:center;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec03 .div_chartr .txt_box01 .sa_txt01{position:absolute;top:14px;right:3px;width:200px;text-align:center;font-size:12px;color:#159de0; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec03 .div_chartr .txt_box01 .sa_txt02{position:absolute;top:85px;right:68px;width:70px;text-align:center;font-size:18px;color:#333333; line-height:100%;font-weight:500;opacity:0.5;} #wrapper .pop_chk01 .pop_content .sec03 .div_chartr .txt_box01 .sa_txt03{position:absolute;top:-30px;right:-5px;width:100px;text-align:right;font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec03 .div_chartr .txt_box01 .sa_txt05{position:absolute;top:-15px;right:-5px;width:100px;text-align:right;font-size:18px;color:#333333; line-height:100%;font-weight:500;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec03 .txt_box02{position:absolute;bottom:5px;right:6px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02 .sa_txt02{margin-left: 23px;width: 120px;font-family:Malgun Gothic; font-size:20px;color:#3b80ef; line-height:100%;bottom: 15px;right: 10px;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03{position:absolute;bottom:5px;left:10px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#7DB6E9;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .cr02{position:absolute;top:-9px;left:0px;display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .cr03{position:absolute;top:-24px;left:0px;display:inline-block;width:13px; height:9px; background:#ED5980;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .sa_txt01{font-size:10px;color:#686868; line-height:100%;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .sa_txt02{position:absolute;top:-10px;left:16px;font-size:10px;color:#686868; line-height:100%;} #wrapper .pop_chk01 .pop_content .sec03 .div_chartr .txt_box03 .sa_txt02{width:60px;} #wrapper .pop_chk01 .pop_content .sec03 .txt_box03 .sa_txt03{position:absolute;top:-25px;left:16px;font-size:10px;color:#686868; line-height:100%;} #wrapper .pop_chk01 .pop_content .sec03 .mode_box01{display:none;position:absolute;top:9px;left:50px;width:60px;height:19px;} #wrapper .pop_chk01 .pop_content .sec03 .btn_basic{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec03 .btn_basic.active{background:#4283ec; color:#fff;} #wrapper .pop_chk01 .pop_content .sec03 .btn_chartr{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec03 .btn_chartr.active{background:#4283ec; color:#fff;} #wrapper .pop_chk01 .pop_content .sec03 .div_year .sa_txt03{position:absolute;top:29px;left:14px;width:150px;font-size:11px;color:#686868; line-height:100%;font-weight:400;} /* #wrapper .pop_chk01 .pop_content .sec04 .txt_box01{position:absolute;;top:291px;left:293px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box01 .sa_txt01{font-size:12px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box01 .sa_txt02{font-size:20px;color:#333333; line-height:100%;font-weight:500;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box02{position:absolute;top:381px;right:12px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:22px;color:#3b80ef; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box03{position:absolute;top:356px;left:253px; width:145px;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#6eb5f7;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#fbba1f;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box03 .cr03{display:inline-block;width:13px; height:9px; background:#34d6b4;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box03 .cr04{display:inline-block;width:13px; height:9px; background:#1577d5;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box03 .cr05{display:inline-block;width:13px; height:9px; background:#3393ee;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box03 .cr06{display:inline-block;width:13px; height:9px; background:#2cc8a7;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box03 .sa_txt01{font-size:10px;color:#686868; line-height:40%;font-weight:400; } #wrapper .pop_chk01 .pop_content .sec04 .txt_box03 .list_st{border:0;float:left; height:15px;width:66px;padding:0;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box03 .cb{clear:both; width:100%;} */ #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box01{position:absolute;;top:42px;left:27px;width:205px;height:140px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box01 .sa_txt01{position:absolute;top: -36px;right:-37px;width:124px;text-align:right;font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box01 .sa_txt02{position:absolute;top:-12px;right:-37px;width:180px;text-align:right;font-size:16px;color:#333333; line-height:100%;font-weight:500;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box01{position:absolute;;top:40px;left:13px;width:210px;height:140px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box01 .sa_txt01{position:absolute;top:14px;right:3px;width:200px;text-align:center;font-size:12px;color:#159de0; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box01 .sa_txt02{position:absolute;top:85px;right:68px;width:70px;text-align:center;font-size:18px;color:#333333; line-height:100%;font-weight:500;opacity:0.5;} #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box01 .sa_txt03{position:absolute;top:-30px;right:-5px;width:100px;text-align:right;font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box01 .sa_txt05{position:absolute;top:-15px;right:-5px;width:100px;text-align:right;font-size:18px;color:#333333; line-height:100%;font-weight:500;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec04 .txt_box02{position:absolute;bottom:5px;right:13px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box02 .sa_txt02{margin-left: 23px;width: 120px;font-family:Malgun Gothic; font-size:20px;color:#3b80ef;bottom: 7px;right: 8px; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec04 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03{position:absolute;bottom:7px;left:10px; width:168px;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#7DB6E9;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03 .cr03{display:inline-block;width:13px; height:9px; background:#93EC85;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03 .cr04{display:inline-block;width:13px; height:9px; background:#fed747;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03 .cr05{display:inline-block;width:13px; height:9px; background:#35908F;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03 .cr06{display:inline-block;width:13px; height:9px; background:#ED5980;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03 .sa_txt01{font-size:10px;color:#686868; line-height:40%;font-weight:400; } #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03 .list_st{border:0;float:left; height:15px;width:66px;padding:0;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic .txt_box03 .cb{clear:both; width:100%;} #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box03{position:absolute;bottom:5px;left:10px;} #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#7DB6E9;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box03 .cr02{position:absolute;top:-9px;left:0px;display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box03 .sa_txt01{font-size:10px;color:#686868; line-height:100%;} #wrapper .pop_chk01 .pop_content .sec04 .div_chartr .txt_box03 .sa_txt02{position:absolute;top:-10px;left:16px;font-size:10px;color:#686868; line-height:100%;width:60px;} #wrapper .pop_chk01 .pop_content .sec04 .mode_box01{display:none;position:absolute;top:9px;left:50px;width:60px;height:19px;} #wrapper .pop_chk01 .pop_content .sec04 .btn_basic{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec04 .btn_basic.active{background:#4283ec; color:#fff;} #wrapper .pop_chk01 .pop_content .sec04 .btn_chartr{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec04 .btn_chartr.active{background:#4283ec; color:#fff;} #wrapper .pop_chk01 .pop_content .sec04 .div_year .sa_txt03{position:absolute;top:30px;left:14px;width:150px;font-size:11px;color:#686868; line-height:100%;font-weight:400;} /* #wrapper .pop_chk01 .pop_content .sec05 .txt_box01{position:absolute;top:618px;left:42px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box01 .sa_txt01{font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box01 .sa_txt02{font-size:18px;color:#333333; line-height:100%;font-weight:500;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box02{position:absolute;bottom:10px;right:254px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:22px;color:#3b80ef; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box03{position:absolute;top:482px;left:15px;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#c5d3f6;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box03 .cr03{display:inline-block;width:13px; height:9px; background:#fed747;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box03 .sa_txt01{font-size:10px;color:#888888; line-height:100%;font-weight:400; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box03 .list_st{border:0;height:15px;width:100%;padding:0;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box03 .cb{clear:both; width:100%;} */ #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box01{position:absolute;top:99px;left:22px;width:210px;height:180px;text-align:center;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box01 .sa_txt01{position:absolute;top:-92px;right:-42px;width: 103px;text-align: right;font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box01 .sa_txt02{position:absolute;top:-68px;right:-42px;font-size:16px;color:#333333; line-height:100%;font-weight:500;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box01{position:absolute;top:80px;left:13px;width:210px;height:180px;text-align:center;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box01 .sa_txt01{position:absolute;top:14px;right:3px;width:200px;text-align:center;font-size:12px;color:#159de0; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box01 .sa_txt02{position:absolute;top:85px;right:68px;width:70px;text-align:center;font-size:18px;color:#333333; line-height:100%;font-weight:500;opacity:0.5;} #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box01 .sa_txt03{position:absolute;top:-70px;right:-5px;width:100px;text-align:right;font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box01 .sa_txt05{position:absolute;top:-55px;right:-5px;width:100px;text-align:right;font-size:18px;color:#333333; line-height:100%;font-weight:500;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec05 .txt_box02{position:absolute;bottom:5px;right:8px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:22px;color:#3b80ef; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec05 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box03{position:absolute;top:59px;left:15px;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#7DB6E9;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box03 .cr03{display:inline-block;width:13px; height:9px; background:#fed747;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box03 .sa_txt01{font-size:10px;color:#888888; line-height:100%;font-weight:400; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box03 .sa_txt01.mightOverflow {max-width:245px;} #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box03 .list_st{border:0;height:15px;width:100%;padding:0;} #wrapper .pop_chk01 .pop_content .sec05 .div_basic .txt_box03 .cb{clear:both; width:100%;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box03{position:absolute;bottom:10px;left:10px;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#7DB6E9;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box03 .cr03{display:inline-block;width:13px; height:9px; background:#fed747;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box03 .sa_txt01{font-size:10px;color:#888888; line-height:100%;font-weight:400; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box03 .sa_txt01.mightOverflow {max-width:190px;} #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box03 .list_st{border:0;height:15px;width:100%;padding:0;} #wrapper .pop_chk01 .pop_content .sec05 .div_chartr .txt_box03 .cb{clear:both; width:100%;} #wrapper .pop_chk01 .pop_content .sec05 .mode_box01{display:none;position:absolute;top:9px;left:67px;width:60px;height:19px;} #wrapper .pop_chk01 .pop_content .sec05 .btn_basic{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec05 .btn_basic.active{background:#4283ec; color:#fff;} #wrapper .pop_chk01 .pop_content .sec05 .btn_chartr{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec05 .btn_chartr.active{background:#4283ec; color:#fff;} #wrapper .pop_chk01 .pop_content .sec05 .div_year .sa_txt03{position:absolute;top:29px;left:14px;width:150px;font-size:11px;color:#686868; line-height:100%;font-weight:400;} /* #wrapper .pop_chk01 .pop_content .sec06 .txt_box01{position:absolute;top:618px;left:283px;text-align:center;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box01 .sa_txt01{font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box01 .sa_txt02{font-size:20px;color:#333333; line-height:100%;font-weight:500;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box02{position:absolute;bottom:10px;right:12px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:22px;color:#3b80ef; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box03{position:absolute;top:482px;left:253px;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#c5d3f6;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box03 .cr03{display:inline-block;width:13px; height:9px; background:#fed747;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box03 .sa_txt01{font-size:10px;color:#888888; line-height:100%;font-weight:400; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box03 .list_st{border:0;float:left; height:15px;width:100%;padding:0;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box03 .cb{clear:both; width:100%;} */ #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box01{position:absolute;top:99px;left:22px;width:210px;height:180px;text-align:center;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box01 .sa_txt01{text-align: right;position:absolute;width: 117px;top:-92px;right:-37px;font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box01 .sa_txt02{position:absolute;top:-68px;right:-37px;font-size:16px;color:#333333; line-height:100%;font-weight:500;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box01{position:absolute;top:80px;left:13px;width:210px;height:180px;text-align:center;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box01 .sa_txt01{position:absolute;top:14px;right:3px;width:200px;text-align:center;font-size:12px;color:#159de0; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box01 .sa_txt02{position:absolute;top:85px;right:68px;width:70px;text-align:center;font-size:18px;color:#333333; line-height:100%;font-weight:500;opacity:0.5;} #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box01 .sa_txt03{position:absolute;top:-70px;right:-5px;width:100px;text-align:right;font-size:11px;color:#686868; line-height:100%;font-weight:400;} #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box01 .sa_txt05{position:absolute;top:-55px;right:-5px;width:100px;text-align:right;font-size:18px;color:#333333; line-height:100%;font-weight:500;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec06 .txt_box02{position:absolute;bottom:5px;right:14px;text-align:right;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box02 .sa_txt01{font-family:Malgun Gothic;font-size:11px;color:#585858; line-height:130%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:22px;color:#3b80ef; line-height:100%;font-weight:bold;} #wrapper .pop_chk01 .pop_content .sec06 .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#454545; line-height:100%;font-weight:bold;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box03{position:absolute;top:59px;left:15px;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#7DB6E9;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box03 .cr03{display:inline-block;width:13px; height:9px; background:#fed747;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box03 .sa_txt01{font-size:10px;color:#888888; line-height:100%;font-weight:400; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box03 .sa_txt01.mightOverflow {max-width:240px;} #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box03 .list_st{border:0;float:left; height:15px;width:100%;padding:0;} #wrapper .pop_chk01 .pop_content .sec06 .div_basic .txt_box03 .cb{clear:both; width:100%;} /* SGIS4_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box03{position:absolute;bottom:10px;left:10px;} /* SGIS4_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#7DB6E9;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box03 .cr02{display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box03 .cr03{display:inline-block;width:13px; height:9px; background:#fed747;margin-right:3px;} #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box03 .sa_txt01{font-size:10px;color:#888888; line-height:100%;font-weight:400; letter-spacing:-1px;} #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box03 .sa_txt01.mightOverflow {max-width:190px;} #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box03 .list_st{border:0;float:left; height:15px;width:100%;padding:0;} #wrapper .pop_chk01 .pop_content .sec06 .div_chartr .txt_box03 .cb{clear:both; width:100%;} #wrapper .pop_chk01 .pop_content .sec06 .mode_box01{display:none;position:absolute;top:9px;left:67px;width:60px;height:19px;} #wrapper .pop_chk01 .pop_content .sec06 .btn_basic{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec06 .btn_basic.active{background:#4283ec; color:#fff;} #wrapper .pop_chk01 .pop_content .sec06 .btn_chartr{background:#b6bbc4; width:28px; height:17px;text-align:center; color:#fff;font-size:12px;border-radius:3px;padding-top:0px;font-weight: 100;font-family: Malgun Gothic;} #wrapper .pop_chk01 .pop_content .sec06 .btn_chartr.active{background:#4283ec; color:#fff;} #wrapper .pop_chk01 .pop_content .sec06 .div_year .sa_txt03{position:absolute;top:29px;left:14px;width:150px;font-size:11px;color:#686868; line-height:100%;font-weight:400;} /* //0903 추가 */ #wrapper .info{padding:20px 20px 0px 20px;} #wrapper .info:nth-child(n+1){border-top:1px solid #ededed;} #wrapper .info h5{padding-left:14px; margin-bottom: 20px; font-size:18px; background:url('/images/catchmentArea/h5_ico.png')no-repeat left center;} #wrapper .info .box_info{display: inline-block; vertical-align: text-top;} #wrapper .pop_chk02 .info .box_info.all_info{width:258px;} #wrapper .pop_chk02 .info .box_info.all_info_right{width:265px;margin-top:32px;} #wrapper .pop_chk03 .info .box_info.all_info{width:235px;} #wrapper .info .box_info.select_info{width:278px;} #wrapper .info .box_info strong{display:block;font-size:16px; padding-left:26px; margin-bottom: 10px;} #wrapper .info .box_info.all_info strong{background: url('/images/catchmentArea/h5_strong_ico1.png')no-repeat left center;} #wrapper .info .box_info.select_info strong{background: url('/images/catchmentArea/h5_strong_ico2.png')no-repeat left center;} #wrapper .info.info_legend > strong{display:block;font-size:16px; padding-left:26px; margin-bottom: 10px;background: url('/images/catchmentArea/h5_strong_ico2.png')no-repeat left center;} #wrapper .info .box_info .txt_box{font-family:Malgun Gothic; font-weight:bold;color:#686868; letter-spacing:-1px;padding: 3px 10px 15px 5px; width:100%;background:#f1f5fa; border-radius: 3px; } #wrapper .info .box_info .txt_box .fontF01{color:#333;} #wrapper .info .box_info .txt_box p{position:relative;padding:4px 0 4px 15px; font-size: 12px;} #wrapper .info .box_info .txt_box p::before{position:absolute;left:7px;top:calc(50% - 1px);content:'';display: block;width:3px; height:3px; background: #3a7be2; border-radius: 50%} #wrapper .info .box_info .txt_box p.noBef::before{display: none;} #wrapper .info .box_info .txt_box p span{display:inline-block;} #wrapper .info .box_info .txt_box span.line_break{font-size: 12px;padding-left: 15px;} #wrapper .info .box_info.all_info .txt_box span.mightOverflow {max-width: 244px;top: 3px;} #wrapper .info .box_info.all_info_right .txt_box span.mightOverflow {max-width: 214px;} #wrapper .info .box_info.select_info .txt_box span.mightOverflow {max-width: 255px;} #wrapper .info .gird_graph_header span.mightOverflow {max-width: 320px;top: 5px;} #wrapper .info_legend .box_info.all_info{width:240px;} #wrapper .info_legend .box_info.all_info .txt_box{height:156px;} #wrapper .info_legend .box_info.all_info .txt_box span.mightOverflow {max-width: 150px;top: 3px;} /* SGIS4_1025_생활권역 시작 */ #wrapper .legend_list{float:left; margin-right:3px;} #wrapper .legend_list li{ width:165px;height:18px;margin-bottom:3px;font-family:Malgun Gothic;font-weight:bold; padding-right:8px;padding-bottom:1px; text-align: right; color:#fff; font-size: 11px; } /*#wrapper .legend_list.detail li{ width:140px;}*/ #wrapper .legend_list li:nth-child(n+6){color:#6e6e6e; } /*SGIS4_생활권역_상세분석 */ #wrapper .legend_cnt_list{float:left; margin-right:10px;} #wrapper .legend_cnt_list.detail{display:none;float:left; margin-right:10px;} #wrapper .legend_cnt_list li{ width:55px;height:18px;margin-bottom:3px;font-family:Malgun Gothic;font-weight:bold; padding-right:3px;padding-bottom:1px; text-align: right; color:#fff; font-size: 11px; } #wrapper .legend_cnt_list.detail li{ width:45px;} #wrapper .legend_cnt_list li:nth-child(n+6){color:#6e6e6e; } /*SGIS4_생활권역_상세분석 */ .data_paging{position:absolute; bottom:0px; left:217px;width:60px; height:22px;} /*#wrapper .info_legend .data_paging{margin:10px auto; width:60px; height:10px;} */ #wrapper .graph_area{display:none;width:440px; height:205px; margin:5px 0px 5px 0px;background:#bbb;} #wrapper .graph_area2{width:440px; height:205px;margin: 5px 0px 5px 23px;background:#bbb;} /* SGIS4_1027_생활권역 시작 */ #wrapper .graph_area_detail{float: right;width:260px; height:220px; background:#ffffff;} /*SGIS4_생활권역_상세분석 background #bbb -> #ffffff*/ /* SGIS4_1027_생활권역 끝 */ /* SGIS4_1025_생활권역 끝 */ #wrapper .pop_chk02 .gird_graph_header{position:relative;height:50px;margin-top:25px;text-align: center;} #wrapper .pop_chk02 .gird_graph_header .gird_graph_title{font-size:18px;font-weight:500;} #wrapper .pop_chk02 .gird_graph_header .btn_left{display:none;position:absolute;left:80px;margin-top:2px;width:22px;height:22px;background:url('/images/catchmentArea/btn_mapleft.png') 0px 0px no-repeat;} #wrapper .pop_chk02 .gird_graph_header .btn_left.active{display:none;cursor:pointer;position:absolute;left:80px;margin-top:2px;width:22px;height:22px;background:url('/images/catchmentArea/btn_mapleft_on.png') 0px 0px no-repeat;} #wrapper .pop_chk02 .gird_graph_header .btn_right{display:none;position:absolute;right:80px;margin-top:2px;width:22px;height:22px;background:url('/images/catchmentArea/btn_mapright.png') 0px 0px no-repeat;} #wrapper .pop_chk02 .gird_graph_header .btn_right.active{display:none;cursor:pointer;position:absolute;right:80px;margin-top:2px;width:22px;height:22px;background:url('/images/catchmentArea/btn_mapright_on.png') 0px 0px no-repeat;} .pop_choice{font-family:Noto Sans,Dotum;} .pop_choice .pop_content{width:267px; padding:13px 10px; box-shadow:none;} .pop_choice .pop_content strong{display:inline-block;margin-bottom:10px; color:#333; font-size: 14px;} .pop_choice .pop_content .color_list{width:100%; padding:8px 10px; background:#f1f1f1; border-radius: 3px; } .pop_choice .pop_content .color_list li{float: left; margin-right:5px;} .pop_choice .pop_content .color_list li > a{display:block; width:20px; height:20px;border:1px solid #d0d0d0;} .pop_choice .pop_content .color_list li.active{box-shadow: 0 0 4px 2px #bbb; } .pop_choice .pop_content .color_list li.active > a{display:block; width:20px; height:20px;border:1px solid #F35B2D; } /* .pop_choice .pop_content .color_list li:nth-child(n+5) > a{border:1px solid #d0d0d0; } */ .pop_choice .pop_content p{margin-top:10px;color:#999999; line-height: 12px; font-size: 12px;font-weight: normal;} .pop_choice .pop_content p.mightOverflow {max-width: 240px;} .pop_choice .pop_content > b{float: right;} .pop_choice .pop_content > b > span{color:#3b80ef; font-size: 18px;font-weight: 500;} .pop_choice .choice_now{position:absolute; left:0; top: -30px; width:20px; height:20px; border: 2px solid #2f75e5; border-radius: 3px;} .pop_tooltip{border: 2px solid #457bf5;} .pop_tooltip2{border: 2px solid #457bf5;} .mapContents{height: calc(100% - 35px);} .legendBox{width:200px;} /*범례 css 추가 나중에 삭제!!!*/ /*------------ 상세기능을 위한 CSS 추가 (시작) - 박상언 --------------*/ #wrapper .search_wrap.spatial_sisul {top: 10px;left: 43px;padding-bottom: 5px;} #wrapper .search_wrap.spatial_sisul .popTitleBar {height: 20px;} #wrapper .search_wrap.spatial_sisul .close{position:absolute;top:10px;right:10px;} #wrapper .search_wrap .search_result02 .location .cate01_sp{background:url('/images/catchmentArea/cate_ico01.png') 0px 9px no-repeat;font-size:15px;font-weight:500;color:#454545;padding-left:10px;} #wrapper .search_wrap .search_result02 .location .cate02_sp{background:url('/images/catchmentArea/cate_ico02.png') 0px 7px no-repeat;font-size:15px;font-weight:500;color:#454545;padding-left:12px; margin-left:5px;} #wrapper .search_wrap .search_result02 .location .cate03_sp{background:url('/images/catchmentArea/cate_ico02.png') 0px 7px no-repeat;font-size:15px;font-weight:500;color:#1c60cf;padding-left: 12px;margin-left:5px;} #wrapper #spatial_position_search_box.active {display: block;} #wrapper #spatial_position_search_box.active div.search_result {display: block;} #wrapper #date_search_box.active {display: block;} #wrapper #catchmentHelpPopup.active {display: block;} /* 추가 요청(REQ001) : 배후권 통계지도 도움말 생성 */ #wrapper .search_wrap .search_result02 .res_li_sp{border-top:1px solid #e1e1e1; margin-top:10px;} #wrapper .search_wrap .search_result02 .res_li_sp li{cursor:pointer;background:url('/images/catchmentArea/li_bg02.png') -5px 0px no-repeat;padding:15px 20px 20px 20px; width:360px;height:75px;border-bottom:1px solid #e1e1e1; line-height:100%;} #wrapper .search_wrap .search_result02 .res_li_sp li:hover{background:url('/images/catchmentArea/li_bg01.png') -5px 0px no-repeat;} #wrapper .search_wrap .search_result02 .res_li_sp .active{background:url('/images/catchmentArea/li_bg01.png') -5px 0px no-repeat;} #wrapper .search_wrap .search_result02 .res_li_sp li .sa_txt01{font-size:17px;color:#222222; margin-right:10px;line-height:110%;} #wrapper .search_wrap .search_result02 .res_li_sp li .txt02{font-size:12px;color:#888888;font-family:MalgunGothic;margin-right:10px;} #wrapper .search_wrap .search_result02 .res_li_sp li .txt03{font-size:13px;color:#686868;font-family:MalgunGothic;padding-top:5px;} #wrapper .search_wrap .search_result02 .res_li_sp li .sa_txt01 a.mightOverflow {max-width: 230px;} #wrapper .conditionBoxSelectBoxWrapper {width: 100%;} #wrapper .conditionBoxSelectBoxWrapper > select {line-height: 30px; width: 48%;} #wrapper .conditionBoxSelectBoxWrapper > select:nth-child(1) {margin-right: 2%} #wrapper .layer_pop07 {display: none;} #wrapper .layer_pop07.active {display: block;} #wrapper #searchPoi_spatial.active {border : none;box-shadow: none;} #wrapper #wrapperForDetailSpatialSearchHeader { margin-top: 30px; margin-bottom: 15px; } #wrapper #wrapperForDetailSpatialSearchHeader > .btn03 {margin-bottom: 0;vertical-align: middle;} #wrapper #wrapperForDetailSpatialSearchHeader > #spatialSearchHeader {margin: 0;vertical-align: middle;margin-left: 5px;margin-right:5px; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; max-width: 220px;} /* SGIS4_1025_생활권역 시작 */ #wrapper #wrapperForDetailSpatialSearchHeader > .sm_txt {position:absolute;top: 45px;right: 20px;} /* SGIS4_1025_생활권역 끝 */ .layer_pop10{display:none;position:absolute;top:52px;right:561px;width:631px;height:569px; padding-bottom:25px;background:#fff;border:2px solid #3b80ef;border-radius:0 3px 3px 3px;box-shadow : 6px 1px 6px 1px rgba(200,200,200,0.7);} .layer_pop10 .close{position:absolute;top:11px;right:9px;} #wrapper #catchmentDataBoardHelpPopup.active {display: block;} #wrapper #catchmentDataBoardHelpPopup .subT{border-collapse: collapse;border-top: 3px solid #168;border-bottom: 3px solid #168;margin-top:8px;} #wrapper #catchmentDataBoardHelpPopup .subT th, .subT td {padding: 2px;border: 1px solid #ddd;} #wrapper #catchmentDataBoardHelpPopup .subT th {color: #168;background: #f0f6f9;text-align: center;} #wrapper #catchmentDataBoardHelpPopup .subT td {text-align: center;} #wrapper #catchmentDataBoardHelpPopup p.subH{font-weight:bold;padding-left:7px;} #wrapper #catchmentDataBoardHelpPopup p.subC{padding-left:2px;} #wrapper #catchmentDataBoardHelpPopup .tip_sec01{background:#dfebfa; border-radius:10px;/*width:100%;*/margin:5px 10px 5px 15px;padding:10px 4px;} .mightOverflow { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } #wrapper #detail_location_compare_2.mightOverflow { max-width: 180px; top: 5px } /* SGIS4_1025_생활권역 시작 */ #wrapper #searchWordBtn_sp {position: absolute;top: 40px;left: 277px;width: 35px;height: 35px;background: url('/images/catchmentArea/search_ico04.png') 0px 3px no-repeat;} /* SGIS4_1025_생활권역 끝 */ #wrapper #searchWordBtn_sp:hover {background: url(/images/catchmentArea/search_ico04_over.png) 0px 3px no-repeat;} #detail_year_btn_select, #correlation_btn_select{font-family:Noto Sans,Dotum;margin-right:5px;display:inline-block;background:#4283ec; width:100px; height:35px; text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} #detail_year_btn_cancel, #correlation_btn_cancel{font-family:Noto Sans,Dotum;display:inline-block;background:#b4b7bc; width:100px; height:35px; text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} #wrapper .layer_pop08{display: none;} #wrapper .layer_pop08.active{display: block;} #bYearSel04 {position:absolute;top: 10px;right: 55px} #layer_pop07_cancel{font-family:Noto Sans,Dotum;display:inline-block;background:#b4b7bc; width:100px; height:35px; text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} #detail_condition_select_box .btn06{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } #detail_condition_select_box .btn06.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #detail_condition_select_box .btn06:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .pop_statistics.pop_chk03 .detail_databoard_strong {display: block;font-size: 16px;padding-left: 26px;margin-bottom: 10px;} #wrapper .pop_statistics.pop_chk03 .detail_databoard_strong.all{background: url(/images/catchmentArea/h5_strong_ico1.png)no-repeat left center;} #wrapper .pop_statistics.pop_chk03 .detail_databoard_strong.select_grid{background: url(/images/catchmentArea/h5_strong_ico2.png)no-repeat left center; margin-top: 20px;} #wrapper .pop_statistics.pop_chk03 .detail_subtitle {height: 30px;background: #457bf5;padding: 6px 10px 0 10px;color: #fff;text-align: left;font-family: Malgun Gothic;font-size: 12px;border-radius: 2px;} #wrapper .pop_statistics.pop_chk03 .detail_subtitle img {margin-top: 2px;} #wrapper .pop_statistics.pop_chk03 .detail_subtitle span:nth-child(2n-1) {margin-left: 5px;} #wrapper .pop_statistics.pop_chk03 .detail_subtitle.mightOverflow { width: 100%; display: block;} /* SGIS4_1027_생활권역 시작 */ #wrapper .pop_statistics.pop_chk03 .info_legend {margin-top: 10px;} #wrapper .pop_statistics.pop_chk03 .info_legend .legend_list.detail li{height:19px;} #wrapper .pop_statistics.pop_chk03 .info_legend .info_legend_head {position: relative;margin-bottom: 5px;} #wrapper #legend_standard_left, #wrapper #legend_standard_right {display:none;} #wrapper #legend_standard_left + label, #wrapper #legend_standard_right + label {vertical-align: middle; padding: 2px 10px; background-color: rgba(0,0,0,0.5); border-radius: 5px; font-size: 13px; color: white;} #wrapper #legend_standard_left + label {position: absolute;top:3px;right:80px;} #wrapper #legend_standard_right + label {position: absolute;top:3px;right:0px;} #wrapper #legend_standard_left:checked + label, #wrapper #legend_standard_right:checked + label { background-color: #457bf5; } #wrapper .pop_statistics.pop_chk03 .info_legend .legend_list.detail {margin-top: 5px;} #wrapper .pop_statistics.pop_chk03 .info_legend .legend_area_detail {margin-bottom: 5px;} #wrapper .pop_statistics.pop_chk03 .info_legend .legend_area_detail .lgd_box {text-align: right;} #wrapper .pop_statistics.pop_chk03 .info_legend .legend_area_detail .lgd_box .cr01{display:inline-block;width:13px; height:9px; background:#82B3EB;margin-right:3px;} #wrapper .pop_statistics.pop_chk03 .info_legend .legend_area_detail .lgd_box .sa_txt01{font-size:12px;color:#686868; line-height:100%;margin-right: 10px;} #wrapper .pop_statistics.pop_chk03 .info_legend .legend_area_detail .lgd_box .cr02{display:inline-block;width:13px; height:9px; background:#434348;margin-right:3px;} #wrapper .pop_statistics.pop_chk03 .info_legend .legend_area_detail .lgd_box .sa_txt02{font-size:12px;color:#686868; line-height:100%;} /* SGIS4_1027_생활권역 끝 */ #wrapper .detail_subtitle > img{float: left; margin-right: 4px;} #wrapper .detail_subtitle > span:nth-child(2n) {width:31px; float: left;} #wrapper .detail_subtitle > span:nth-child(2n-1) {display: block;width: 140px;float: left;} /* SGIS4_1025_생활권역 시작 */ #wrapper #grid_bordRange_txt_left.mightOverflow, #wrapper #grid_bordRange_txt_right.mightOverflow {max-width: 190px; top:4px;} #wrapper #grid_statTitle_txt_left.mightOverflow, #wrapper #grid_statTitle_txt_right.mightOverflow {max-width: 180px; top:4px;} /* SGIS4_1025_생활권역 끝 */ #wrapper #gridSettingForDetail li[data-stat-type] > a.disable {background: rgba(0,0,0,0.3);color: white;} #wrapper #gridSettingForDetailLess1k li[data-stat-type] > a.disable {background: rgba(0,0,0,0.3);color: white;} /*------------ 상세기능을 위한 CSS 추가 (끝) - 박상언 --------------*/ #wrapper .slider-range{margin:10px auto;width:275px;} #wrapper .slider_controll_bar_long{margin:0;width:100%;height:auto;overflow:hidden;font-size:11px;padding-left:18px;font-weight:100;font-size: 12px;} #wrapper .slider_controll_bar_long li{float:left;width:44px;height:auto;overflow:hidden;text-align:center} #wrapper .slider_controll_bar_long li:first-child{width:34px} header .subMenu a {line-height:1.2;font-family: "나눔고딕"; } /*---상단 서브메뉴 재지정---*/ /*.close_small {position:relative;left: 177%;margin-top: 4px;}*/ .close_small {margin-left: 8px;} .reportChoose_wrap {z-index: 9999;position:absolute;top:calc(50% - 120px);left:calc(50% - 211px);width:389px;height:auto;background:#fff;border:2px solid #457bf5;} .reportChoose_wrap .close {position:absolute;left:359px;top:6px;} .chooseList {background:#f5f6f8;width:100%;margin:1px 0 6px 0;padding:5px 16px;height:66px;} .btnList {float:left; margin-right:11px;} .btnList a {margin:-1px 3px;display: inline-block;padding-top:16px;width:52px;text-align: center;font-family:MalgunGothic; font-size: 17px;font-weigth:bold;} .report_btn_select{position: relative;left: 126px;font-family:Noto Sans,Dotum;margin-right:5px;display:inline-block;background:#4283ec; width:100px; height:35px; text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;margin-bottom:5px;} .reportChoose_wrap p{font-size:16px;line-heigth:1.5;margin-left:10px;} .location_select{margin-left: 270px; padding-top: 2px;} #wrapper .search_wrap.statistics .search_result.chk_02 .bord_chk{ padding:0 0 5px 25px; font-size:13px;width: 300px;} #wrapper .search_wrap.statistics .search_result.chk_02 .bord_chk.off{ background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .search_wrap.statistics .search_result.chk_02 .bord_chk.on{display: none; background: url('/images/catchmentArea/chk_on.png') no-repeat;} /* SGIS4_생활권역 시작 */ .h370{height:370px;} .favorCont span.li_info{display:inline-block;width:300px;padding-left:20px;font-family:Malgun Gothic;font-size:12px;color:#8e8e8e;} .favorCont span.li_info::before{position:absolute;left:20px;content:'';display: block;width:3px; height:3px; background: #EF595C; border-radius: 50%;margin-top: 7px;} .favorCont .scroll_wrap{height:220px !important;border:none !important;} #wrapper .chk_result .scroll_wrap .favorlist{width:328px;height:220px;padding:2px 15px;/*background: #e8f1f6;*/} #wrapper .chk_result .scroll_wrap .favorlist .btn_sub{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic;font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff;padding:8px 5px;;width:152px;margin:0px 2px 2px 0px; } #wrapper .chk_result .scroll_wrap .favorlist .btn_sub.active{color:#fff !important; font-weight:bold;border:1px solid #d4d4d4; box-shadow: 0 0 3px 1px #d4d4d4;background:#4E79A7;} #wrapper .chk_result .scroll_wrap .favorlist .btn_sub:hover{color:#1c60cf !important; font-weight:bold;border:1px solid #4E79A7; box-shadow: 0 0 3px 1px #4E79A7;} #wrapper .chk_result .scroll_wrap .favorlist ul > li{height:50px; border-bottom: 1px solid #eaeaea; background: #fff;} #wrapper .chk_result .scroll_wrap .favorlist ul > li:hover{background: #e6f0fb;} #wrapper .chk_result .scroll_wrap .favorlist ul > li.active{background: #e6f0fb;} #wrapper .chk_result .scroll_wrap .favorlist ul > li > a{display:block; padding: 0px 5px 2px;} #wrapper .chk_result .scroll_wrap .favorlist ul > li > a > strong{display: block; } #wrapper .chk_result .scroll_wrap .favorlist ul > li > a > span{color:#888;font-size: 12px;} #wrapper .chk_result .scroll_wrap .favorlist ul > li > a > .li_nm{font-weight:500;font-size:14px;color:#888;padding-left:8px;} #wrapper .chk_result .scroll_wrap .favorlist ul > li > a > .li_nm::before{position:absolute;left:0px;content:'';display: block;width:3px; height:3px; background: #3a7be2; border-radius: 50%;margin-top: 7px;} #wrapper .chk_result .scroll_wrap .favorlist ul > li.active > a > .li_nm{font-weight:500;font-size:14px;color:#4283ec;} #wrapper .chk_result .scroll_wrap .favorlist ul > li > a > .li_nm.mightOverflow{max-width:270px;top:4px;} #wrapper .chk_result .scroll_wrap .favorlist ul > li > a > .li_cd{display:inline-block;width:40px;margin-right:5px;padding-left:5px;} #wrapper .chk_result .scroll_wrap .favorlist ul > li > a > .li_path{font-family: MalgunGothic;} #wrapper .chk_result .scroll_wrap .favorlist ul > li > a > .li_path.mightOverflow{max-width:230px;top:3px;} .classCont{padding-left:14px;padding-bottom:5px;padding-right:14px;} /* SGIS4_1025_생활권역 시작 */ .classCont .btn_selectKSIC{display:none;/*display:inline-block;*/background:#4283ec; width:207px; height:35px;margin-top:0px; margin-left:0px;margin-bottom:10px;text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} .classCont .btn_clearKSIC{display:none;/*display:inline-block;*/background:#4283ec; width:90px; height:35px;margin-top:0px; margin-left:3px;margin-bottom:10px;text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} /* SGIS4_1025_생활권역 끝 */ .classCont .clsSet{padding-bottom: 2px;} .classCont .clsSet.sel{background: rgba(255, 170, 1, 0.1);} .classCont .clsSet:not(.unSel){cursor:pointer;} .classCont .clsSet:not(.unSel):hover{background: rgba(255, 170, 1, 0.1);} .classCont span.li_title {display:inline-block;width:90px;padding-left:20px;font-family:Malgun Gothic;font-size:13px;font-weight:bold;} .classCont span.li_title.addDot::before{position:absolute;left:35px;content:'';display: block;width:3px; height:3px; background: #3a7be2; border-radius: 50%;margin-top: 7px;} .classCont span.li_conts {display:inline-block;padding-right:16px;width:210px;font-family:Malgun Gothic;font-size:13px;text-align:left;font-weight:normal;} .classCont .clsSet.sel span.li_conts {font-weight:bold;background:url(/images/catchmentArea/i_04.png) right no-repeat;} .classCont .clsSet.unSel span.li_conts {text-align:center;} .classCont span.li_conts.mightOverflow {top:3px;} .classCont span.li_info{display:inline-block;width:300px;padding-left:20px;font-family:Malgun Gothic;font-size:12px;color:#8e8e8e;} .classCont span.li_info::before{position:absolute;left:35px;content:'';display: block;width:3px; height:3px; background: #EF595C; border-radius: 50%;margin-top: 7px;} /* SGIS4_1025_생활권역 시작 */ #wrapper .chk_result .whAraLeft{margin:18px 0 0 0;} #wrapper .chk_result .whAraLeft a.switchBox{/*display:block;*/display:none;position:relative;width:270px;height:32px;overflow:hidden;border-radius:16px;margin:0 auto;} /* SGIS4_1025_생활권역 끝 */ #wrapper .chk_result .whAraLeft a.switchBox .ball{position:absolute;top:1px;width:28px;height:28px;overflow:hidden;border-radius:100%;background:#fff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);left:49px; } #wrapper .chk_result .whAraLeft a.switchBox .txt1{padding-top:1px; position:absolute;top:0px;color:#666666;line-height:28px;text-align:center;font-size:14px;width:135px;height:32px;overflow:hidden;left:0px;background-color: #cecece;} #wrapper .chk_result .whAraLeft a.switchBox .txt1.active{color:#fff;background-color:#4283ec;} #wrapper .chk_result .whAraLeft a.switchBox .txt2{padding-top:1px; position:absolute;top:0px;color:#666666;line-height:28px;text-align:center;font-size:14px;width:135px;height:32px;overflow:hidden;left:135px; background-color: #cecece;} #wrapper .chk_result .whAraLeft a.switchBox .txt2.active{color:#fff;background-color:#4283ec/*#f69834*/;} #wrapper .chk_result .whAraLeft a.switchBox.off {background:#1778cc;box-shadow:0px 0px 2px #a4a4a4 inset;} /* SGIS4_1025_생활권역 시작 */ #wrapper .chk_result .whAraLeft .whAraDtlHlp {float: right;margin-top: -26px;margin-right: 230px;} /* SGIS4_1025_생활권역 끝 */ /* 영역 내 세부항목별 조건설정 영역 */ #wrapper .chk_result .area_setting{display:none;padding-left:6px;} #wrapper .chk_result .area_setting h4{padding-left:0; font-size: 16px; } /* SGIS4_1025_생활권역 시작 */ #wrapper .chk_result .area_setting button{display:none;position: absolute; top:196px; right:34px; padding:7px 12px; color:#fff; background:#4283ec; border-radius: 3px; font-size:15px;} /* SGIS4_1025_생활권역 끝 */ #wrapper .chk_result .area_setting .grid_depth1{position:relative; min-height:120px;top:3px;margin-bottom: 42px;} #wrapper .chk_result .area_setting .grid_depth1 > li{float:left; margin-right:1px;} #wrapper .chk_result .area_setting .grid_depth1 > li:last-child{margin-right:0;} #wrapper .chk_result .area_setting .grid_depth1 > li:first-child a{ border-radius:2px 0 0 0;} #wrapper .chk_result .area_setting .grid_depth1 > li:last-child a{border-radius:0 2px 0 0;} #wrapper .chk_result .area_setting .grid_depth1 > li:nth-child(4) > a {padding: 11.5px 2px;font-size: 11px;} #wrapper .chk_result .grid_setting .grid_depth_less1k > li:nth-child(4) > a {padding: 11.5px 2px;font-size: 11px;} #wrapper .chk_result .grid_setting .grid_depth1 > li:nth-child(4) > a {padding: 11.5px 2px;font-size: 11px;} #wrapper .chk_result .area_setting .grid_depth1 > li > a{float:left; padding: 10px 2px; color:#838487; font-size: 13px; background:#d2def0;text-align:center;} #wrapper .chk_result .area_setting .grid_depth1 > li.active > a{color:#fff; background:#3b80ef;} #wrapper .chk_result .area_setting .grid_depth1 > li.active > .grid_navbg{display: block;} #wrapper .chk_result .area_setting .grid_depth1 > li .grid_navbg{position: absolute; top:39px; left:0; display:none; width:350px; min-height:78px; background: #fff; border:1px solid #cdd8e9; border-top:0; border-radius: 0 0 2px 2px;} #wrapper .chk_result .area_setting .grid_depth1 > li .grid_navbg .grid_depth2{position: absolute; top:20px; left:15px;} #wrapper .chk_result .area_setting .grid_depth1 > li .grid_navbg .grid_depth2:nth-child(2){left:182px;} #wrapper .chk_result .area_setting .grid_depth1 > li .grid_navbg .grid_depth2 .select > ul{width:150px; } #wrapper .chk_result .area_setting .grid_depth1 > li .grid_navbg .grid_depth2 .select > a{width:150px; } #wrapper .chk_result .area_setting .grid_wrap02 {padding: 6px 0px 10px 10px;} #wrapper .chk_result .area_setting .grid_wrap02 .hp {position: relative;color: #8e8e8e;font-size: 12px;padding: 4px 0 4px 12px;} #wrapper .chk_result .area_setting .grid_wrap02 .hp::before{position:absolute;left:5px;top:calc(50% - 1px);content:'';display: block;width:3px; height:3px; background: #EF595C; border-radius: 50%} #wrapper .chk_result .area_setting .grid_wrap02 .btn01,.btn05,.btn05_sub{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } #wrapper .chk_result .area_setting .grid_wrap02 .btn01.active,.btn05.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .area_setting .grid_wrap02 .btn01:hover,.btn05:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .area_setting .grid_wrap02 .btn05_sub.active{color:#1c60cf; font-weight:bold;border:1px solid #A6CBFE; box-shadow: 0 0 3px 1px #A6CBFE;} #wrapper .chk_result .area_setting .grid_wrap02 .btn05_sub:hover{color:#1c60cf; font-weight:bold;border:1px solid #A6CBFE; box-shadow: 0 0 3px 1px #A6CBFE;} #wrapper .chk_result .area_setting .grid_wrap02 .btn02{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 12px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } #wrapper .chk_result .area_setting .grid_wrap02 .btn02.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .area_setting .grid_wrap02 .btn02:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .area_setting .grid_wrap02 .btn03{display:inline-block; height:32px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } #wrapper .chk_result .area_setting .grid_wrap02 .btn06{display:inline-block; height:36px; text-align:center; color:#787878; font-family:Malgun Gothic; font-size: 13px; border: 1px solid #d4d4d4; border-radius: 2px; background: #fff; } #wrapper .chk_result .area_setting .grid_wrap02 .btn06.active{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .area_setting .grid_wrap02 .btn06:hover{color:#1c60cf; font-weight:bold;border:1px solid #2f75e5; box-shadow: 0 0 3px 1px #2f75e5;} #wrapper .chk_result .area_setting .grid_wrap02 .grd_ico01{position:relative;top:2px;left:-4px;} #wrapper .chk_result .area_setting .grid_wrap02 .grd_txt01{color:#333333; font-size:15px;font-weight:400; padding-left:5px;} #wrapper .chk_result .area_setting .grid_wrap02 .grd_txt02{color:#787878; font-size:15px;font-weight:400; padding-left:5px;} #wrapper .chk_result .area_setting .grid_wrap02 .grd_txt03{margin-top:20px;color:#888888; font-size:14px;font-weight:300;} #wrapper .chk_result .area_setting .grid_wrap02 .grd_btn01{margin-left:10px;display:inline-block; background:#b4b7bc;text-align:center;color:#fff;font-size:12px; font-family:Malgun Gothic; width:70px;height:26px;padding-top:4px;border-radius:13px!important;} #wrapper .chk_result .area_setting .grid_wrap02 .grd_btn02{margin-left:130px;display:inline-block; background:#b4b7bc;text-align:center;color:#fff;font-size:12px; font-family:Malgun Gothic; width:70px;height:26px;padding-top:4px;border-radius:13px!important;} #wrapper .chk_result .area_setting .grid_wrap02 .grd_btn03{position:absolute;top:36px;right:10px;background:#b4b7bc;text-align:center;color:#fff;font-size:12px; font-family:Malgun Gothic; width:70px;height:26px;padding-top:4px;border-radius:13px!important;} /* SGIS4_1025_생활권역 시작 */ #wrapper .chk_result .area_setting .ara_chk_bx{display:none;height:25px;} /* SGIS4_1025_생활권역 끝 */ #wrapper .chk_result .area_setting .ara_chk_bx a{width:22px;height:22px;} #wrapper .chk_result .area_setting .ara_pops_chk{margin-left: 25px;background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .chk_result .area_setting .ara_pops_chk.active{background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .chk_result .area_setting .ara_family_chk{margin-left: 44px;background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .chk_result .area_setting .ara_family_chk.active{background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .chk_result .area_setting .ara_house_chk{margin-left: 46px;background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .chk_result .area_setting .ara_house_chk.active{background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .chk_result .area_setting .ara_copr_chk{margin-left: 46px;background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .chk_result .area_setting .ara_copr_chk.active{background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .chk_result .area_setting .ara_employee_chk{margin-left: 46px;background: url('/images/catchmentArea/chk_off.png') no-repeat;} #wrapper .chk_result .area_setting .ara_employee_chk.active{background: url('/images/catchmentArea/chk_on.png') no-repeat;} #wrapper .pop_chk01 .pop_content .mode_box01{width:46px !important;top:32px !important;left:14px !important;} #wrapper .pop_chk01 .pop_content .mode_box01 a.switchBox{position:relative;display:block;width:46px;height:18px;margin:0 auto;border-radius:9px;background:#4283ec;box-shadow:0 0 2px #579022 inset;overflow: hidden;} #wrapper .pop_chk01 .pop_content .mode_box01 a.switchBox .ball{position:absolute;top:2px;left:30px;overflow:hidden;width:14px;height:14px;border-radius:100%;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.1);} #wrapper .pop_chk01 .pop_content .mode_box01 a.switchBox .txt{font-family:Malgun Gothic;font-size:11px;line-height:14px;position:absolute;top:2px;left:3px;overflow:hidden;width:26px;height:14px;text-align:center;color:#fff;border-radius:100%;} #wrapper .pop_chk01 .pop_content .mode_box01 a.switchBox .txt:before{content:'총괄';} #wrapper .pop_chk01 .pop_content .mode_box01 a.switchBox.chartr{background:#EF595C;box-shadow:0 0 2px #a4a4a4 inset;} #wrapper .pop_chk01 .pop_content .mode_box01 a.switchBox.chartr .txt{left:16px;} #wrapper .pop_chk01 .pop_content .mode_box01 a.switchBox.chartr .txt:before{content:'특성';} #wrapper .pop_chk01 .pop_content .mode_box01 a.switchBox.chartr .ball{left:2px;} /* 영역 내 전체 정보 데이터보드 수정 */ #wrapper .pop_chk01 .pop_content .sec02 .chart_ico{top:45px !important;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .man_txt{bottom: -33px !important;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .woman_txt{bottom: -33px !important;} #wrapper .pop_chk01 .pop_content .sec02 .chart_ico .bi_txt{bottom: -59px !important;width: 125px;font-size: 10px;} #wrapper .pop_chk01 .pop_content .div_chartr .txt_box03 .cr01{background:#EEE !important;border: 1px solid #d4d4d4;} /* SGIS4_1025_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .div_basic a.zoomBox{display:block;} /* SGIS4_1025_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .div_basic a.zoomBox{position:absolute;top:3px;right:144px;width:16px;height:16px;overflow:hidden;} #wrapper .pop_chk01 .pop_content .div_basic a.zoomBox.left{right:192px;} #wrapper .pop_chk01 .pop_content .sec02 .div_basic a.zoomBox{top:-2px;right:141px;} #wrapper .pop_chk01 .pop_content .sec02 .div_basic a.zoomBox.left{right:188px;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic a.zoomBox{right:146px;} #wrapper .pop_chk01 .pop_content .sec04 .div_basic a.zoomBox.left{right:193px;} #wrapper .pop_chk01 .pop_content .sec05 .div_basic a.zoomBox{top:-57px;} #wrapper .pop_chk01 .pop_content .sec05 .div_basic a.zoomBox.left{right:193px;} #wrapper .pop_chk01 .pop_content .sec06 .div_basic a.zoomBox{top:-57px;} #wrapper .pop_chk01 .pop_content .sec06 .div_basic a.zoomBox.left{right:193px;} #wrapper .pop_chk01 .pop_content .div_basic a.zoomBox .ball{position:absolute;top:0px;left:0px;overflow:hidden;width:16px;height:16px;border-radius:100%;background:#4283EC url('/images/catchmentArea/plus_ico.gif') center no-repeat;} #wrapper .pop_chk01 .pop_content .div_basic a.zoomBox .ball:hover{background:#EF595C url('/images/catchmentArea/plus_ico.gif') center no-repeat;} /* //영역 내 전체 정보 데이터보드 수정 */ /* SGIS4_1025_생활권역_상세분석 시작 */ #mCSB_15{width: 100%;} /* 상세분석으로 조회 시 데이터보드 UI 개선 */ #detail_search_pop{height : 48px;} #detail_label{font-size : 16px; color : #333333;} #wrapper .search_wrap .search_result.chk .grid_compare {position:relative;padding:10px 0px 15px 0px;border-top: 1px solid #e9e9e9;} #wrapper .search_wrap .search_result.chk .grid_compare .btn_toggle{position: absolute; top:13px; right:0px;} #wrapper .search_wrap .search_result.chk .grid_compare .btn_toggle.on{display: none;} /* SGIS4_1025_생활권역 상세분석 끝 */ #wrapper .chk_result .scroll_wrap .lifeBizList{width:328px;height:220px;padding:2px 15px;/*background: #e8f1f6;*/} .lifeBizList .roundTextBox{margin:5px 0 0 0;display:block;width:280px;height:30px;line-height:30px;background:#00bcd4;border-radius:15px !important;text-align:center;color:#fff;font-size:13px;} .lifeBizList .roundTextBox:nth-child(1){margin:0 0 0 0;} /* SGIS4_1025_생활권역 시작 */ .lifeBizList a.roundTextBox{color:#555;background:#dcdcdc url(/img/ico/ico_up02.png) no-repeat 255px center;} .lifeBizList a.roundTextBox.jingleSel{background:url(/images/catchmentArea/i_04.png) no-repeat 17px, #dcdcdc url(/img/ico/ico_up02.png) no-repeat 255px center;} .lifeBizList a.roundTextBox.active{color:#fff !important;background:#00bcd4 url(/img/ico/ico_down02.png) no-repeat 255px center;} .lifeBizList a.roundTextBox.active.jingleSel{background:url(/images/catchmentArea/i_04.png) no-repeat 17px, #00bcd4 url(/img/ico/ico_down02.png) no-repeat 255px center;} .lifeBizList .lifeBizItmBox{display:none;margin-top:5px;width:280px;} .lifeBizList .lifeBizBox{overflow:hidden;width:100%;height:auto;padding: 0px 0px 10px 0px;border-bottom:none !important;} .lifeBizList .lifeBizBox ul{font-size:12px;overflow:hidden;margin:0 15px 0 15px;} .lifeBizList .lifeBizBox ul > li{font-family:'Nanum Gothic Bold';font-size:13px;position:relative;overflow:hidden;box-sizing:border-box;width:250px;height:28px !important;padding:0 0 0 0;color:#777;border-bottom: 1px solid #eaeaea;} .lifeBizList .lifeBizBox ul > li:last-child{border-bottom:none !important;} .lifeBizList .lifeBizBox ul > li input[type=radio]{margin-right: 5px;} .lifeBizList .lifeBizBox ul > li > span{display:inline-block;width:120px;height:28px;padding-top: 6px;padding-left: 25px;font-family: Malgun Gothic;font-size: 12px;background:url(/images/catchmentArea/ico_radio.png) no-repeat 0px center !important;cursor: pointer;} .lifeBizList .lifeBizBox ul > li > span:nth-child(1){margin-right: 5px;} .lifeBizList .lifeBizBox ul > li > span.active{background:url(/images/catchmentArea/ico_radio_on.png) no-repeat 0px center !important;color:#777 !important;} .lifeBizList .lifeBizBox ul > li > span.mightOverflow {max-width: 119px;} .lifeBizList .lifeBizHead{margin-bottom:5px;} .lifeBizList .lifeBizHead span{display:none;width:240px;padding-left:25px;font-family:Malgun Gothic;font-size:12px;font-weight:bold;} .lifeBizList .lifeBizHead span::before{position:absolute;left:30px;content:'';display: block;width:3px; height:3px; background: #3a7be2; border-radius: 50%;margin-top: 8px;} /* SGIS4_1025_생활권역 끝 */ #wrapper .favorCont .favor_i{position:absolute;bottom:10px;right:52px; width:17px;height:17px; background:url('/images/catchmentArea/ico_i.png') 0px 0px no-repeat;} .House_Index_Info .ContBox {height: 830px !important;top: 80px !important;} /* SGIS4_생활권역 끝 */ /*SGIS4_1025_나의데이터*/ .mydataBox{border-radius:10px; border:1px solid #E6E6E6; padding:15px;} /*SGIS4_1025_나의데이터*/ /* SGIS4_1025_생활권역 시작 */ .search_wrap.statistics .search_result.chk_02{border-bottom:1px solid #e9e9e9; } .search_wrap.statistics .whAraLeft .whAraDtlChk{display:block;position:relative;width:235px;height:32px;padding-top:5px;padding-left:10px;}/*SGIS_4 수정*/ .search_wrap.statistics .whAraLeft .dtlCond_chk{ padding:0 0 3px 30px; font-size:14px;} .search_wrap.statistics .whAraLeft .dtlCond_chk.off{ background: url('/images/catchmentArea/chk_off.png') no-repeat;} .search_wrap.statistics .whAraLeft .dtlCond_chk.on{display: none; background: url('/images/catchmentArea/chk_on.png') no-repeat;} .search_wrap.statistics .stats_footer{/*display:none;*/} .search_wrap.statistics .stats_footer .stats_btn_select{display:inline-block;background:#4283ec; width:120px; height:35px;margin-top:10px; margin-left:135px;text-align:center; color:#fff;font-size:15px;border-radius:3px;padding-top:7px;} .search_wrap.statistics .stats_footer .stats_btn_select.noActive{background:#686868;cursor:default;} .pm91_1over3_2{padding-top:8px; width:161px; margin:0px 2px 7px 0px;} .search_wrap.statistics .allCont p{padding:15px 5px 15px 85px !important; color:#8e8e8e !important; font-size:14px !important;} .search_wrap.statistics .allCont p::before{position:absolute;left:85px;top:98px;content:'';display: block;width:3px; height:3px; background: #3a7be2; border-radius: 50%} /* SGIS4_1025_생활권역 끝 */ /* SGIS4_1025_생활권역_임의영역 시작 */ #rndmDiv{} .rndm_sec01, .rndm_sec02{padding: 7px; background:#f5f6f8; border-radius:10px;width:100%;margin-bottom:5px;}/*SGIS4_1124_영역설정 토글 수정*/ .rndm_sec02 b{font-size: 15px; padding-left: 5px;} .rndm_sec01 select{margin-left: 130px; width:150px; height: 25px;} .rndm_sec01 p{margin-left: 3px; margin-top: 5px; margin-bottom: 3px;} .rndm_sec01 table{margin-bottom: 10px; background-color: white;} .rndm_sec01 strong{font-size: 15px; color: #ff0000; margin-right: 97px;} #dynamicTbody > tr > td{border: 0.5px solid #C2E2E8; text-align: center; height: 23px; cursor:pointer} #dynamicTbody > tr > td.active{background-color: #D4F4FA} .search_result03_2 input[type=checkbox]{display: none;} /* SGIS4_1029_생활권역 시작 */ .search_result03_2 input[type=checkbox] + label{display: none;/*display: inline-block;*/ cursor: pointer;line-height: 26px;padding-left: 25px;margin-left: 2px;background: url('/images/catchmentArea/slider_btn.png') left 4px no-repeat; } /* SGIS4_1029_생활권역 끝 */ .search_result03_2 input[type=checkbox]:checked + label { background-image: url('/images/catchmentArea/btn_change.PNG'); } #rndmDiv .rndm_head ul {list-style: none;margin-top: 5px;} #rndmDiv .rndm_head ul li {float: left;margin-left: 17px;} #rndmDiv .rndm_head ul li:first-child {margin-left: 5px;} #rndmDiv .rndm_head ul .toc_ico{margin:0px 0px 0px 5px;} #rndmDiv .rndm_head .rndm_info {margin-top: 40px; height:20px} #rndmDiv .rndm_head .rndm_info b {font-size: 15px;} #rndmDiv .rndm_head .rndm_info b:nth-child(1) {position:absolute;left:20px;} #rndmDiv .rndm_head .rndm_info span:nth-child(2) {position:absolute;left:70px;} #rndmDiv .rndm_head .rndm_info b:nth-child(3) {position:absolute;left:142px;} #rndmDiv .rndm_head .rndm_info span:nth-child(4) {position:absolute;left:190px;} #rndmDiv .rndm_head .rndm_info b:nth-child(5) {position:absolute;left:260px;} #rndmDiv .rndm_head .rndm_info span:nth-child(6) {position:absolute;left:310px;} #rndmDiv .rndm_sec02 {height: 290px;}/*SGIS4_1124_영역설정 토글 수정*/ #rndmDiv .rndm_sec02 .toc_sec01 {margin: 8px 0 3px 0;padding:0px 5px 0px 5px;height: 224px;background:#f5f6f8;}/*SGIS4_1124_영역설정 토글 수정*/ #rndmDiv .rndm_sec02 .rndm_unitInfo{padding-left: 10px;font-size: 13px;color: #8e8e8e;} #rndmDiv .rndm_sec02 .hp {position: relative;color: #8e8e8e;font-size: 12px;padding: 4px 0 4px 12px;} #rndmDiv .rndm_sec02 .hp::before{position:absolute;left:5px;top:calc(50% - 1px);content:'';display: block;width:3px; height:3px; background: #EF595C; border-radius: 50%} .rndm_sec01 {background:#f5f6f8;}/*SGIS4_1124_영역설정 토글 수정*/ .rndm_sec02 {background:#f5f6f8;}/*SGIS4_1124_영역설정 토글 수정*/ /* SGIS4_1025_생활권역_임의영역 끝 */ /*SGIS4_1025_생활권역_데이터보드 데이터 상세보기 시작*/ .datail_table{border-collapse:collapse; width:100%} .datail_table tbody{overflow-y:auto; overflow-x:hidden;height: 220px;} .detail_back_btn{display: inline-block; background: url(/images/catchmentArea/back_btn01.png) 0px 3px no-repeat;margin: 10px 0px 15px 15px;font-weight: 500;font-size: 20px;color: #333333;padding-left: 32px;} .datail_table> thead tr th {font-size: 13px;font-weight:300;padding: 10px 15px;color: white;color: #fff;background-color: #3b80ef;} .datail_table> tbody tr td {/*height: 25px;*/text-align: center;border-top: 1px solid #E1E1E2;border-bottom: 1px solid #E1E1E2;padding: 0;font-size: 13px;color: #878C8F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .dTop {position:relative;height:140px;} .dTop_sub01 {position: relative;height:40px;margin: 0 20px 10px 20px;border-radius: 20px;background: #eaf5f5;} .dTop_man {position: absolute;left: 40px;top: 10px;} .dTop_man_txt {position: absolute;left: 60px;top: 5px;width: 196px;height: 30px;} .dTop_woman {position: absolute;left: 289px;top: 10px;} .dTop_woman_txt {position: absolute;left: 312px;top: 5px;width: 200px;height: 30px;} .dSec {padding-top: 12px; border-top: 1px solid #73a3ef; margin: 0 10px 0 10px;} .dSec_title {height: 45px;padding-left: 5px;} /* SGIS4_1029_생활권역 시작 */ .dSec_title .dSec_btn_box {float: right;margin-right: 5px;} /* SGIS4_1029_생활권역 끝 */ .dSec_title2 {height: 45px;padding-left: 5px;} .dSec_chart {height: 489px;} .dSec_chart2 {height: 523px;} .dTop_man_txt span, .dTop_woman_txt span {font-family:Malgun Gothic; font-size:14px;color:#686868; font-weight:bold;} .dTop_man_txt span.hl {font-family:Malgun Gothic; font-size:22px;color:#3b80ef; font-weight:bold;padding-left: 20px;} .dTop_woman_txt span.hl {font-family:Malgun Gothic; font-size:22px;color:#FFAA01; font-weight:bold;padding-left: 20px;} .dTop .dChartDiv {position:absolute;left:0px;top: -11px;width:240px;height:140px;} .dTop .txt_box03{position:absolute;left:27px;bottom:4px;} .dTop .txt_box03 .cr01{display:inline-block;width:13px; height:9px; background:#EEEEEE;margin-right:3px;} .dTop .txt_box03 .cr02{top:-9px;left:0px;display:inline-block;width:13px; height:9px; background:#ffaa01;margin-right:3px;} .dTop .txt_box03 .sa_txt02{font-size:13px;color:#686868; line-height:100%;} .dTop .txt_box03 .sa_txt03{font-size:13px;color:#3b80ef; line-height:100%;} .dTop .txt_box03 .sa_txt03.mightOverflow {max-width: 457px; height: 15px; top: 1px;} .dTop .dChartTextDiv {position:absolute;width:273px;left:272px;top:10px;} .dTop .dChartTextDiv .dChartText01 {font-family:Malgun Gothic; font-size:14px;color:#686868; font-weight:bold;} .dTop .dChartTextDiv .dChartText02 {margin-right: 15px;font-size:16px; margin-top:12px;} .dTop .dChartTextDiv .dChartText03 {font-family:Malgun Gothic; font-size:14px;color:#686868; font-weight:bold;padding-left: 2px;margin-top: 5px;} .dTop .dChartTextDiv .dChartTextHl01 {font-family:Malgun Gothic; font-size:22px;color:#454545; font-weight:bold;} .dTop .dChartTextDiv .dChartTextHl02 {padding-left: 9px;font-family:Malgun Gothic; font-size:20px;color:#3b80ef; font-weight:bold;padding-left: 15px;} .dTop .dChartTextDiv .dChartTextHl03 {font-family:Malgun Gothic; font-size:11px;color:#686868; font-weight:bold;} /* SGIS4_1029_생활권역 시작 */ .dSec_div_btn {border:1px solid #999;width: 90px;height: 30px;text-align: center;margin-right: 2px;padding:4px; background:#d4d4d4; border-radius: 5px;} .dSec_div_btn.active {background:#3B80EF; color:white;} .dSec_div_btn.w50 {width: 123px !important;} #wrapper .pop_content .iconBox {display: none;position: absolute;top: 10px;right: 15px;} #wrapper .pop_content .iconBox .imgSaveBtn {background: url(/images/catchmentArea/detail_titIcon05.png) no-repeat center;width:25px;height:25px;} #wrapper .pop_content .iconBox .imgSaveBtn:hover {background: url(/images/catchmentArea/detail_titIcon05_s.png) no-repeat center;width:25px;height:25px;} /* SGIS4_1029_생활권역 끝 */ /* SGIS4_1027_생활권역 시작 */ #wrapper .pop_chk01 .pop_content .basicDtl .basicDtlChtBox {position: relative;padding: 0px;height: 290px;overflow: hidden;} /* SGIS4_1027_생활권역 끝 */ #wrapper .pop_chk01 .pop_content .basicDtl .basicDtlChtBox .basicDtlCht {position: absolute;top: -20px;} #wrapper .pop_chk01 .pop_content .basicDtl .basicDtlLgdBox {height: 92px;padding-left: 65px;} #wrapper .pop_chk01 .pop_content .basicDtl .basicDtlLgdBox .basicDtlLgd{height: 92px;margin-top: 40px;margin-left: 33px;width:400px;font-size: 13px;color: #686868;line-height: 100%;font-weight: 400;} #wrapper .pop_chk01 .pop_content .basicDtl .basicDtlTblBox {padding-top: 10px;border-top: 1px solid #73a3ef;margin: 0 10px 0 10px;} #wrapper .pop_chk01 .pop_content .basicDtl .basicDtlTblBox .basicDtlTbl{padding: 9px 12px;} #wrapper .pop_chk01 .pop_content .basicDtl .txt_box02{position:absolute;top:10px;right:20px;text-align:right;} #wrapper .pop_chk01 .pop_content .basicDtl .txt_box02 .sa_txt01{font-family:Malgun Gothic; font-size:16px;color:#585858; font-weight:bold;padding-right: 0px;} #wrapper .pop_chk01 .pop_content .basicDtl .txt_box02 .sa_txt02{font-family:Malgun Gothic; font-size:22px;color:#3b80ef; font-weight:bold;} #wrapper .pop_chk01 .pop_content .basicDtl .txt_box02 .sa_txt04{font-family:Malgun Gothic; font-size:16px;color:#585858; font-weight:bold;padding-left: 2px;} /*SGIS4_1025_생활권역_데이터보드 데이터 상세보기 끝*/ /*SGIS4_1124_영역설정 토글 추가 시작*/ .search_wrap .selectType {background: #E9E9E9;width: 100px;height: 35px;text-align: center;font-size: 16px;padding: 5px;} .search_wrap .selectType.st01{border-radius: 10px 10px 10px 10px;} .search_wrap .selectType.st02{border-radius: 0px 10px 10px 0px;} .search_wrap .selectType.st01.on{background:#457BF5;color: white;margin-top: 15px;} .search_wrap .selectType.st02.on{background:#FFAA01;color: white;} /*SGIS4_1124_영역설정 토글 추가 끝*/