@charset "utf-8";
.wrapper{height:530px;width:759px;border: 1px solid #DDDDDD;}

header{height:81px;background:#100d4c url(../img/bg_top_left.png) no-repeat left center; overflow: hidden;}
header h1{float:left;height:29px;line-height:29px;padding:25px;color:#fff;font-weight:normal;}
header .utill{float:right;padding:16px 30px 18px;background:url(../img/bg_top_right.png) no-repeat right center}
header .utill ul li{float:left;width:49px;height:45px;line-height:45px;text-align:center;background-color:#141139}
header .utill ul li+li{border-left:1px solid #232044}
header .utill ul li:hover{background-color:#253bc5}
header .utill ul li:first-child,
header .utill ul li:first-child:hover{border-radius:5px 0 0 5px;}
header .utill ul li:last-child,
header .utill ul li:last-child:hover{border-radius:0 5px 5px 0;}


/* 추가 top */

.header2{position:relative;height:81px;background:#fff;    border-bottom: 1px solid #cdcdcd; overflow: hidden;}
.header2 h1{float:left;height:29px;line-height:29px; padding: 10px 0 0 10px;color:#fff;font-weight:normal;}
.header2 .utill{ position: absolute; top: 15px; right: 10px;}
.header2 .utill ul li{float:left;width:49px;height:45px;line-height:45px;text-align:center;background:#fff}
.header2 .utill ul li+li{border-left:1px solid #dddddd}
.header2 .utill ul li:hover{background-color:#dddddd}
.header2 .utill ul li:first-child,
.header2 .utill ul li:first-child:hover{border-radius:5px 0 0 5px;}
.header2 .utill ul li:last-child,
.header2 .utill ul li:last-child:hover{border-radius:0 5px 5px 0;}



.container{position:relative;height: 100%; /*calc(100% - 81px);*/    /* margin-top:10px; */}
.map{width:100%;height:100%;}

.section{position:absolute;top:0;overflow:hidden}
.section .innerWrap{padding:3px 3px 3px;overflow:hidden;background:url(../img/bg.png)}
.section .btnSide{display:block;position:absolute;top:50%;right:0;width:26px;height:80px;margin-top:-48px;text-indent:-99999px;font-size:0;overflow:hidden;background:url(../img/btn_close_left.png) no-repeat; background-size:26px 80px;}
.section.open .btnSide{background:url(../img/btn_open_left.png) no-repeat;background-size:26px 80px;}

/*searchArea*/
.searchArea{
	left: 2px;
	width: 393px;
}
/*.searchArea{position:fixed; top:60px; left:0; bottom:0; right:0;width:393px; width:100%; height:100%; overflow-y: auto;}*/
.searchArea .innerWrap{width:343px;}
.open.searchArea{left:-355px;}

/*dataArea*/
.dataArea{right:0;width:523px;}
.dataArea .innerWrap{padding-right:0;margin-left:36px;}
.dataArea.open{right:-490px;}
.dataArea .btnSide{left:0;background:url(../img/btn_close_right.png) no-repeat}
.dataArea.open .btnSide{background:url(../img/btn_open_right.png) no-repeat}

.dataArea.checkItem2{width:275px;}
.dataArea.checkItem2.open{right:-242px;}
.dataArea.checkItem2 .topArea{background-color:#fafafa}

/*controll*/
.wrapper .controll{ position: absolute; bottom: 0px; right: 0px;}