/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
@import "../../../../Documents/jquery.selectbox-0.2/css/jquery.selectbox.css";
*/
/* 
    Created on : 2016. 4. 11, 오후 3:42:56
    Author     : baeminki
*/
@charset "utf-8";
html,body {
    width: 100%;
    height: 100%;
}
body {
    position: fixed;
    overflow: hidden;
    margin: 0px
}

 
.dot {overflow:hidden;float:left;width:12px;height:12px;background: url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png');}    
.dotOverlay {position:relative;bottom:10px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;font-size:12px;padding:5px;background:#fff;}
.dotOverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}    
.number {font-weight:bold;color:#ee6152;font-family: Arial, sans-serif;}
.dotOverlay:after {content:'';position:absolute;margin-left:-6px;left:50%;bottom:-8px;width:11px;height:8px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png')}
.distanceInfo {position:relative;top:5px;left:5px;list-style:none;margin:0;}
.distanceInfo .label {display:inline-block;width:100px;}
.distanceInfo:after {content:none;}

.info {position:relative;top:5px;left:5px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;font-size:12px;padding:5px;background:#fff;list-style:none;margin:0;} 
.info:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}    
.info .label {display:inline-block;width:50px;}
.number {font-weight:bold;color:#00a0e9;font-family: Arial, sans-serif;}  

.map_info_overlay {position:absolute;left: -50px;top:0;width:100px;height: 100px;background: #fff;border:1px solid #ccc;border-radius: 5px;padding:5px;font-size:12px;text-align: center;white-space: pre;word-wrap: break-word;}

#top_page {width:100%;height:35px;left:0px;top:0px;position:relative;z-index:1;cursor: auto} 
#main_page {width:100%;height:100%;left:0px;top:35px;position:absolute;z-index:1;}
#right_page {width:20%;height:100%;left:80%;top:0px;position:absolute;z-index:1;display: none;cursor: auto} 
.text1{font-family: NanumGothic;font-size:12px}
.box{position:absolute;top:-3px;font-family: NanumGothic;font-size:12px;text-align:center;padding:2px;;user-select: none;}

#juso{position:absolute;top:0px;left:0px;height: 24px;width:100%; z-index:1; background-color:#eeeeee;}
    #juso1_select{position:absolute;top:1px;left:8px;width:110px;height:21px;padding:1px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: auto;font-size:12px}
    #juso2_select{position:absolute;top:1px;left:120px;width:110px;height:21px;padding:1px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: auto;font-size:12px}        
    #juso3_select{position:absolute;top:1px;left:232px;width:110px;height:21px;padding:1px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: auto;font-size:12px}
    #juso4_select{position:absolute;top:1px;left:344px;width:110px;height:21px;padding:1px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: auto;font-size:12px} 
    #san_id{position:absolute;top:2px;left:448px;width:30px;height:16px;z-index: 1;}        
    #sanlabel{position:absolute;top:2px;left:478px;width:10px;height:16px;z-index: 1;font-family: NanumGothic;}        
    #jubun_id{position:absolute;top:3px;left:500px;width:35px;height:18px; border:solid 1px #b7b7b7; padding:0px 2px;}                
    #line{position:absolute;top:2px;left:543px;width:10px;height:16px;z-index: 1;}     
    #bubun_id{position:absolute;top:3px;left:550px;width:28px;height:18px; border:solid 1px #b7b7b7; padding:0px 2px;}                               
    #btn_map_juso_go{position:absolute;text-align:center;top:2px;left:587px;width:35px;height:20px;z-index: 1;background: #f7f7f7;border-radius: 3px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;padding-top:0px;padding-left:3px}
    #history_list{position:absolute;top:1px;left:628px;width:310px;height:21px;padding:1px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}

/*지도에서선택*/   
/*#btn_map_click_go_span {position:absolute;display:block;text-align:center;background: #f7f7f7;top:2px;height:10px;width:80px;font-family: NanumGothic;}*/
/*#btn_map_click_go {position:absolute;top:2px;left:948px; ;width:80px;height:14px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;}
#btn_map_click_go span {display:block;text-align:center;background: #f7f7f7;top:2px;height:10px;width:80px;}
#btn_map_click_go.active {background:#1a9dfa;box-shadow: 0px 1px #5F616D;border: 1px solid #7F818A;}
#btn_map_click_go.active span {background: #1a9dfa;color: #ffffff;}*/
/*면적으로 지번찾기*/
#btn_map_area_serch_span {position:absolute;display:block;text-align:center;background: #f7f7f7;top:2px;height:10px;width:70px;font-family: NanumGothic;font-size: 10pt;user-select: none;}
#btn_map_area_serch {position:absolute;top:2px;left:948px; ;width:70px;height:14px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;}
#btn_map_area_serch span {display:block;text-align:center;background: #f7f7f7;height:14px;width:70px;}
#btn_map_area_serch.active {background:#1a9dfa;box-shadow: 0px 1px #5F616D;border: 1px solid #7F818A;}
#btn_map_area_serch.active span {background: #1a9dfa;color: #ffffff;}
/*지적 경계*/
#btn_map_cadastral_view_span {position:absolute;display:block;text-align:center;background: #f7f7f7;top:2px;height:10px;width:70px;font-family: NanumGothic;;font-size: 10pt;user-select: none;}
#btn_map_cadastral_view {position:absolute;top:2px;left:1030px; ;width:70px;height:14px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;}
#btn_map_cadastral_view span {display:block;text-align:center;background: #f7f7f7;height:14px;width:60px;}
#btn_map_cadastral_view.active {background:#1a9dfa;box-shadow: 0px 1px #5F616D;border: 1px solid #7F818A;}
#btn_map_cadastral_view.active span {background: #1a9dfa;color: #ffffff;}
/*지형도*/
#btn_map_topography_view_span {position:absolute;display:block;text-align:center;background: #f7f7f7;top:2px;height:10px;width:70px;font-family: NanumGothic;;font-size: 10pt;user-select: none;}
#btn_map_topography_view {position:absolute;top:2px;left:1112px; ;width:70px;height:14px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;}
#btn_map_topography_view span {display:block;text-align:center;background: #f7f7f7;height:14px;width:70px;}
#btn_map_topography_view.active {background:#1a9dfa;box-shadow: 0px 1px #5F616D;border: 1px solid #7F818A;}
#btn_map_topography_view.active span {background: #1a9dfa;color: #ffffff;}  

/*공간정보*/
#btn_map_space_info_view_span {position:absolute;display:block;text-align:center;background: #f7f7f7;top:2px;height:10px;width:70px;font-family: NanumGothic;;font-size: 10pt;user-select: none;}
#btn_map_space_info_view {position:absolute;top:2px;left:1194px; ;width:70px;height:14px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;display: none}
#btn_map_space_info_view span {display:block;text-align:center;background: #f7f7f7;height:14px;width:70px;}
#btn_map_space_info_view.active {background:#1a9dfa;box-shadow: 0px 1px #5F616D;border: 1px solid #7F818A;}
#btn_map_space_info_view.active span {background: #1a9dfa;color: #ffffff;}  

/*해상도 낮을 때 공지보기*/
#btn_resolution_notice  {position:absolute;top:5px;right:10px; ;width:12px;height:14px;z-index: 1;background: #fff;cursor: pointer;display: none} 

#resolution_span {position:absolute;top:98%;right:10px; ;width:145px;height:14px;z-index: 5;}


#mapWrapper {position:absolute;top:24px;left:0px;width:100%;height:100%;z-index:1;background: url(../images/map/mapbackground.jpg) repeat;}
#rvWrapper {position:absolute;top:24px;right:0px;width:100%;height:100%;z-index:0;display: none}
#vmapWrapper {position:absolute;top:24px;left:0px;width:100%;height:100%;z-index:1;background: #000;display: none}
#menu_iframe_div{ z-index: 11;position:absolute;width:137px;height:26px;overflow-y: hidden;overflow-x:hidden;filter:alpha(opacity=0);display: none}
#exit_iframe_div{ z-index: 11;position:absolute;width:36px;height:26px;overflow-y: hidden;overflow-x:hidden;filter:alpha(opacity=0);display: none}
#part_gradient_iframe_div{ z-index: 11;position:absolute;width:25px;height:100px;overflow-y: hidden;overflow-x:hidden;filter:alpha(opacity=0);display: none}
#notice_iframe_div{ z-index: 11;position:absolute;width:137px;height:26px;overflow-y: hidden;overflow-x:hidden;filter:alpha(opacity=0);display: none}
#loading_iframe_div{ z-index: 11;position:absolute;width:137px;height:26px;overflow-y: hidden;overflow-x:hidden;filter:alpha(opacity=0);display: none}
#bookmark_iframe_div{ z-index: 11;position:absolute;width:137px;height:26px;overflow-y: hidden;overflow-x:hidden;filter:alpha(opacity=0);display: none}
#info_iframe_div{ z-index: 11;position:absolute;width:137px;height:26px;overflow-y: hidden;overflow-x:hidden;filter:alpha(opacity=0);display: none}
#part_gradient_result_iframe_div{ z-index: 11;position:absolute;width:137px;height:26px;overflow-y: hidden;overflow-x:hidden;filter:alpha(opacity=0);display: none}
#part_gradient_result_div{ z-index: 11;position:absolute;top:36px;right:-1px;width:398px;height:400px;background: #f5f5f5;overflow-y: scroll;overflow-x:hidden;display: none;border-left: 1px solid #000;cursor: auto;}

#btn_roadview_show {position:absolute;top:1px;right:40px; ;width:64px;height:19px;padding:2px;z-index: 5;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;display: none}
#btn_roadview_show span {background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker.png) no-repeat;  padding-left:23px;height:24px;font-size: 12px;display: inline-block;line-height: 2;font-weight: bold;}
#btn_roadview_show.active {background: #ccc;box-shadow: 0px 1px #5F616D;border: 1px solid #7F818A;}
#btn_roadview_show.active span {background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker_on.png) no-repeat;color: #4C4E57;}
#btn_rv_show_close {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
#btn_rv_show_close .img {display: block;background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;width: 14px;height: 14px;}
#btn_rv_level_up {position: absolute;padding: 4px;top: 5px;left: 35px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
#btn_rv_level_up .img {display: block;background: url(../images/map/loadview_left_expend.png) no-repeat;width: 14px;height: 14px;} 
#btn_rv_level_down {position: absolute;padding: 4px;top: 5px;left: 65px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;display: none}
#btn_rv_level_down .img {display: block;background: url(../images/map/loadview_right_expend.png) no-repeat;width: 14px;height: 14px;}     

#measuring {position: absolute;top: 230px;left: 1355px;width: 18px;height: 86px;cursor: pointer;z-index:2;display: none}
#measuring_menu1 {position: absolute;top: 0px;left: 0px;width: 18px;height: 25px;cursor: pointer;z-index:2;}
#measuring_menu1 .img {display: block;background: url(../images/map/contral-menu1-nor.png) no-repeat;width: 18px;height: 25px;} 
#measuring_menu1.active span {background: url(../images/map/contral-menu1-act.png)}

#measuring_menu2 {position: absolute;top: 25px;left: 0px;width: 18px;height: 17px;cursor: pointer;z-index:2;}
#measuring_menu2 .img {display: block;background: url(../images/map/contral-menu2-nor.png) no-repeat;width: 18px;height: 17px;} 
#measuring_menu2.active span {background: url(../images/map/contral-menu2-act.png)}

#measuring_menu3 {position: absolute;top: 42px;left: 0px;width: 18px;height: 20px;cursor: pointer;z-index:2;}
#measuring_menu3 .img {display: block;background: url(../images/map/contral-menu3-nor.png) no-repeat;width: 18px;height: 20px;} 
#measuring_menu3.active span {background: url(../images/map/contral-menu3-act.png)}

#measuring_menu4 {position: absolute;top: 62px;left: 0px;width: 18px;height: 24px;cursor: pointer;z-index:2;}
#measuring_menu4 .img {display: block;background: url(../images/map/contral-menu0.png) no-repeat;width: 18px;height: 24px;} 

#measuring_text {position: absolute;top: 239px;left: 1318px;width: 33px;height: 68px;z-index:2;display: none}
#measuring_text .img {display: block;background: url(../images/map/contral-text.png) no-repeat;width: 33px;height: 68px;} 

#measuring_menu1_icon {position: absolute;top: 0px;left: 0px;width: 10px;height: 11px;z-index:2;display: none}
#measuring_menu1_icon .img {display: block;background: url(../images/map/menu1-icon.png) no-repeat;width: 10px;height: 11px;} 

#measuring_menu2_icon {position: absolute;top: 0px;left: 0px;width: 10px;height: 10px;z-index:2;display: none}
#measuring_menu2_icon .img {display: block;background: url(../images/map/menu2-icon.png) no-repeat;width: 10px;height: 10px;} 

#measuring_menu3_icon {position: absolute;top: 0px;left: 0px;width: 12px;height: 12px;z-index:2;display: none}
#measuring_menu3_icon .img {display: block;background: url(../images/map/menu3-icon.png) no-repeat;width: 12px;height: 12px;} 

#gradient {position: absolute;top: 325px;left: 1355px;width: 18px;height: 61px;cursor: pointer;z-index:2;display: none}
#gradient .img {display: block;background: url(../images/map/gradient.png) no-repeat;width: 18px;height: 61px;} 
#gradient.active {background: url(../images/map/gradient2.png) no-repeat;}
#gradient.active span {background: url(../images/map/gradient2.png)}

#gradient_avr {position: absolute;top: 395px;left: 1355px;width: 18px;height: 88px;cursor: pointer;z-index:2;display: none}
#gradient_avr .img {display: block;background: url(../images/map/gradient_avr.png?v=1) no-repeat;width: 18px;height: 88px;} 
#gradient_avr.active {background: url(../images/map/gradient_avr2.png?v=1) no-repeat;}
#gradient_avr.active span {background: url(../images/map/gradient_avr2.png?v=1)}


#gradient_text {position: absolute;top: 339px;left: 1248px;width: 100px;height: 40px;z-index:2;display: none}
#gradient_text .img {display: block;background: url(../images/map/gradient-text.png) no-repeat;width: 100px;height: 40px;} 
#gradient_avr_text {position: absolute;top: 400px;left: 1248px;width: 100px;height: 50px;z-index:2;display: none}
#gradient_avr_text .img {display: block;background: url(../images/map/gradient_arv-text.png) no-repeat;width: 100px;height: 50px;} 

#gradient_result{position:absolute;left:0px;top:100px;width:100%;height:300px;z-index:5;display: none;background: #fff;}
#gradient_chart{position:absolute;left:0px;top:0px;width:100%;height:250px;z-index:5;background: #fff;}
#gradient_table{position:absolute;left:0px;top:0px;width:300px;height:300px;z-index:5;background: #fff;}
#gradient_table_popup{position:absolute;left:250px;top:0px;width:500px;height:300px;z-index:8;background: #000;display: none;}
#gradient_btn1{position:relative;text-align:center;width:70px;height:25px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
.child {

    width:80px;
line-height: 14px;
vertical-align: middle;
}


#appendmenu {position:absolute;display: none;top:22px;left:1001px; ;width:95px;height:52px;padding:2px;z-index:7;background: #f7f7f7;border: 2px solid #1a9dfa}
#check-cadastral {position:absolute;top:4px;left:7px;width:12px;height:12px;z-index:1;}
#check-beopjung {position:absolute;top:22px;left:7px;width:12px;height:12px;z-index:1;}
#check-haengjeong {position:absolute;top:40px;left:7px;width:12px;height:12px;z-index:1;}

#check-label1 {position:absolute;top:5px;left:23px;width:80px;height:10px;z-index:1;font-size:11px}
#check-label2 {position:absolute;top:23px;left:23px;width:80px;height:10px;z-index:1;font-size:11px}
#check-label3 {position:absolute;top:41px;left:23px;width:80px;height:10px;z-index:1;font-size:11px}
/*daum map*/
/*.map_wrap {overflow:hidden;}*/
/* 지도위에 로드뷰의 위치와 각도를 표시하기 위한 map walker 아이콘의 스타일 */
.MapWalker {position:absolute;margin:-26px 0 0 -51px}
.MapWalker .figure {position:absolute;width:25px;left:38px;top:-2px;
    height:39px;background:url(http://i1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -298px -114px no-repeat}
.MapWalker .angleBack {width:102px;height:52px;background: url(http://i1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -834px -2px no-repeat;}
.MapWalker.m0 .figure {background-position: -298px -114px;}
.MapWalker.m1 .figure {background-position: -335px -114px;}
.MapWalker.m2 .figure {background-position: -372px -114px;}
.MapWalker.m3 .figure {background-position: -409px -114px;}
.MapWalker.m4 .figure {background-position: -446px -114px;}
.MapWalker.m5 .figure {background-position: -483px -114px;}
.MapWalker.m6 .figure {background-position: -520px -114px;}
.MapWalker.m7 .figure {background-position: -557px -114px;}
.MapWalker.m8 .figure {background-position: -2px -114px;}
.MapWalker.m9 .figure {background-position: -39px -114px;}
.MapWalker.m10 .figure {background-position: -76px -114px;}
.MapWalker.m11 .figure {background-position: -113px -114px;}
.MapWalker.m12 .figure {background-position: -150px -114px;}
.MapWalker.m13 .figure {background-position: -187px -114px;}
.MapWalker.m14 .figure {background-position: -224px -114px;}
.MapWalker.m15 .figure {background-position: -261px -114px;}
.MapWalker.m0 .angleBack {background-position: -834px -2px;}
.MapWalker.m1 .angleBack {background-position: -938px -2px;}
.MapWalker.m2 .angleBack {background-position: -1042px -2px;}
.MapWalker.m3 .angleBack {background-position: -1146px -2px;}
.MapWalker.m4 .angleBack {background-position: -1250px -2px;}
.MapWalker.m5 .angleBack {background-position: -1354px -2px;}
.MapWalker.m6 .angleBack {background-position: -1458px -2px;}
.MapWalker.m7 .angleBack {background-position: -1562px -2px;}
.MapWalker.m8 .angleBack {background-position: -2px -2px;}
.MapWalker.m9 .angleBack {background-position: -106px -2px;}
.MapWalker.m10 .angleBack {background-position: -210px -2px;}
.MapWalker.m11 .angleBack {background-position: -314px -2px;}
.MapWalker.m12 .angleBack {background-position: -418px -2px;}
.MapWalker.m13 .angleBack {background-position: -522px -2px;}
.MapWalker.m14 .angleBack {background-position: -626px -2px;}
.MapWalker.m15 .angleBack {background-position: -730px -2px;}

ul.tab { margin: 0; padding: 0; float: left; list-style: none; height: 25px; border-bottom: 1px solid #999;    border-left: 1px solid #999; width: 100%;}
ul.tab li {float: left;margin: 0;padding: 0;height: 24px;line-height: 24px; border: 1px solid #999;border-left: none; margin-bottom: -1px;overflow: hidden; position: relative; background: #e0e0e0;}
ul.tab li a {text-decoration: none;color: #000;display: block;font-size: 1.2em;padding: 0 20px;border: 1px solid #fff;outline: none;}
ul.tab li a:hover {background: #ccc;}
html ul.tab li.active, html ul.tab li.active a:hover  { background: #fff;border-bottom: 1px solid #fff;}
.tab_content {padding: 10px;font-size: 1.2em;}



#loader_div{ z-index: 20;position:absolute;background: #000;margin: 0 auto; width:0px; height:0px;  filter:alpha(opacity=90); opacity:0.15; -moz-opacity:0.15;float:left;display: none}
#loader_img{ z-index: 20;position:absolute;background: #000;margin: 0 auto; width:100px; height:100px; float:left;visibility: hidden;}
#loader_msg{ position:absolute;left:0px;top:7px;width:270px; height:20px;text-align:center;}
#loader_msg2{ position:absolute;left:10px;top:110px;width:250px; height:40px;text-align:center;background: #fff;display: none;}
/*#loader_div{ z-index: 4;position:absolute;margin: 0 auto; width:100px; height:100px;  filter:alpha(opacity=90); opacity:0.7; -moz-opacity:0.7;float:left;visibility: hidden;}*/
#loadersmall{ z-index: 20;position:absolute;margin: 0 auto; width:23px; height:23px;  filter:alpha(opacity=90); opacity:0.7; -moz-opacity:0.7;float:left;display: none}

#loader_doc_div{ z-index: 30;position:absolute;background: #000;margin: 0 auto; width:0px; height:0px;  filter:alpha(opacity=90); opacity:0.15; -moz-opacity:0.15;float:left;display: none}
#loader_doc_img{ z-index: 30;position:absolute;background: #000;margin: 0 auto; width:100px; height:100px; float:left;display: none}
#loader_doc_msg{ position:absolute;left:0px;top:7px;width:270px; height:20px;text-align:center;}
#loader_doc_msg2{ position:absolute;left:10px;top:110px;width:250px; height:40px;text-align:center;background: #fff;display: none;} 

#popup_page_div{ z-index: 10;position:absolute;background: #000;margin: 0 auto; left:0px;top:0px;width:500px; height:500px;  filter:alpha(opacity=90); opacity:0.7; -moz-opacity:0.15;float:left;display: none;}
#popup_page_window_div{ z-index: 11;position:absolute;background: #fff;margin: 0 auto; width:100px; height:100px; float:left;display: none}
#popup_page_title_div{ position:absolute;left:0px;top:0px;width:100%; height:45px;}
#popup_page_close_div {position:absolute;left:96%;top:0px;width:42px; height:44px;cursor:pointer;}
#popup_page_content_div{ position:absolute;padding-left:20px;padding-top:20px;padding-right:20px;left:0px;top:50px;width:97%; height:92%;overflow-y: scroll;overflow-x:hidden}

.radius_border{border:1px solid #919191;border-radius:5px;}     
.custom_typecontrol {position:absolute;top:1px;right:122px;overflow:hidden;width:135px;height:24px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;display: none}
.custom_typecontrol span {display:block;width:45px;height:24px;float:left;text-align:center;line-height:24px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#747a88;background:linear-gradient(#747a88, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_typecontrol .disabled_btn {color:#bbb;background:#fff;background:linear-gradient(#fff, #e6e6e6);}


.gradient_typecontrol {position:absolute;top:0px;right:10px;overflow:hidden;width:45px;height:84px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.gradient_typecontrol span {display:block;width:45px;height:40px;float:left;text-align:center;cursor:pointer;padding-top:2px;}
.gradient_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.gradient_typecontrol .btn:hover {background:#e4e4e4;background:linear-gradient(#e4e4e4,#e3e3e3);}
.gradient_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.gradient_typecontrol .selected_btn {color:#fff;background:#747a88;background:linear-gradient(#747a88, #5b6d8a);}
.gradient_typecontrol .selected_btn:hover {color:#fff;}   

.go_btn{ display:flex ;padding-top:0px;text-align:center;top:4px;left:330px;width:55px;height:18px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;}