@charset "UTF-8";

.login {
	width:600px;
	margin:0 auto;
	padding-top: 265px;
}

.login.auth {
	padding-top:300px;
}

.login label {
	color:#fff;
	font-size:30px;
	display:inline-block;
	text-align:right;
	width:150px;
	margin-right:20px;
}

.login input {
	width:400px;
	height:40px;
	
	margin-top:5px;
	font-size:20px;
	padding-left:15px;
}

.login button {
	width:400px;
	height:40px;
	margin-top: 5px;
	margin-left: 173px;
	padding: 0 0 0 0;
	border:0;
	background-color:#27ae60;
	color:#fff;
	font-size:25px;
	cursor:pointer
}

.login p {
	color:#fff;
	margin-top: 5px;
	margin-left: 170px;
}

.login span {
	color:red;
	margin-left:40px;
	font-size:20px;
}
.login .la.auth {
	float:left;
	margin-top:10px;
}

.login .in.auth {
	width:200px;
	float:left;
}

.login .btn.auth {
	width:150px;
	float:left;
	margin-left:5px;
}

.login .p.auth {
	display:inline-block;
}

.login .update-password {
	color:#fff;
	padding-left:10px;
}

/*  */

.login2 {
	width:700px;
	margin:0 auto;
	padding-top: 265px;
}

.login2.auth {
	padding-top:300px;
}

.login2 label {
	color:#fff;
	font-size:30px;
	display:inline-block;
	text-align:right;
	width:250px;
	margin-right:20px;
}

.login2 input {
	width:400px;
	height:40px;
	
	margin-top:5px;
	font-size:20px;
	padding-left:15px;
}

.login2 button {
	width:400px;
	height:40px;
	margin-top: 5px;
	margin-left: 273px;
	padding: 0 0 0 0;
	border:0;
	background-color:#27ae60;
	color:#fff;
	font-size:25px;
	cursor:pointer
}
.login2 .hiddenParam {
	display:none;
}
.login2 p {
	color:#fff;
	margin-top: 5px;
	margin-left: 270px;
}

.login2 span {
	color:red;
	margin-left:40px;
	font-size:20px;
}
.login2 .la.auth {
	float:left;
	margin-top:10px;
}

.login2 .in.auth {
	width:200px;
	float:left;
}

.login2 .btn.auth {
	width:150px;
	float:left;
	margin-left:5px;
}

.login2 .p.auth {
	display:inline-block;
}

/*  */

.login3 {
	width:700px;
	margin:0 auto;
	padding-top: 200px;
}

.login3.auth {
	padding-top:300px;
}

.login3 label {
	color:#fff;
	font-size:30px;
	display:inline-block;
	text-align:right;
	width:250px;
	margin-right:20px;
}

.login3 input {
	width:400px;
	height:40px;
	
	margin-top:5px;
	font-size:20px;
	padding-left:15px;
}

.login3 button {
	width:400px;
	height:40px;
	margin-top: 5px;
	margin-left: 273px;
	padding: 0 0 0 0;
	border:0;
	background-color:#27ae60;
	color:#fff;
	font-size:25px;
	cursor:pointer
}
.login3 .hiddenParam {
	display:none;
}
.login3 p {
	color:#fff;
	margin-top: 5px;
	margin-left: 270px;
}

.login3 span {
	color:red;
	margin-left:40px;
	font-size:20px;
}
.login3 .la.auth {
	float:left;
	margin-top:10px;
}

.login3 .in.auth {
	width:200px;
	float:left;
}

.login3 .btn.auth {
	width:150px;
	float:left;
	margin-left:5px;
}

.login3 .p.auth {
	display:inline-block;
}

/*  */
.main.map {
	background:url("../image/haewoon_bg_map.jpg") no-repeat !important;
}

.hw-map {
	position:relative;
}

.box {
	width:140px;
	height:110px;
	background-color:#fbf8d5;
	position:relative;
}

.hw-bg .box span {
	font-size:22px;
	padding: 10px 10px 10px 10px;
	display:inline-block;
	font-weight: bold;
	letter-spacing: 6px;
}

.hw-bg .box img {
	width:25px;
	cursor:pointer;
	margin-top:10px;
}

.hw-bg .box p {
	display:inline-block;
	font-size:15px;
	padding: 8px 0px 0px 10px;
}

.hw-bg .box.incheon {
	/* top: 17%;
    left: 26%; */
    top:53px;
    left:416px;
}

.hw-bg .box.daesan {
	/* top: 30%;
    left: 20%; */
    top:65px;
    left:320px;
}

.hw-bg .box.pyeongtaek {
	/* top: 30%;
    left: 30%; */
    top:-45px;
    left:480px;
}

.hw-bg .box.gunsan {
	/* top: 44%;
    left: 26%; */
    top:-30px;
    left:416px;
}
.hw-bg .box.mokpo {
	/* top: 58%;
    left: 23%; */
    top:-15px;
    left:368px;
}

.hw-bg .box.jeju {
	/* top: 72%;
    left: 27%; */
    top:5px;
    left:432px;
}

.hw-bg .box.yeousu {
	/* top: 64%;
    left: 38%; */
    top:-180px;
    left:608px;
}

.hw-bg .box.masan {
	/* top: 59%;
    left: 48%; */
    top:-335px;
    left:768px;
}

.hw-bg .box.busan {
	/* top: 54%;
    left: 57%; */
    top:-490px;
    left:912px;
}

.hw-bg .box.ulsan {
	/* top: 40%;
    left: 56%; */
    top:-725px;
    left:896px;
}

.hw-bg .box.pohang {
	/* top: 26%;
    left: 52%; */
    top:-965px;
    left:832px;
}

.hw-bg .box.donghae {
	/* top: 12%;
    left: 49%; */
    top:-1200px;
    left:784px;
}

/* pig4 */
.hw-bg .box.incheon2{
	top:53px;
	left:416px;
}

.hw-bg .box.boryeong2 {
	/* top: 30%;
    left: 30%; */
    top:60px;
    left:480px;
}

.hw-bg .box.gunsan2 {
	top:70px;
	left:416px;
}

.hw-bg .box.mokpo2 {
	top:80px;
	left:368px;
}

.hw-bg .box.jeju2 {
        top:90px;
        left:432px;
}

.hw-bg .box.wando2 {
	/* top: 67%;
    left: 37%; */
    top:-60px;
    left:592px;
}

.hw-bg .box.yeousu2 {
	/* top: 64%;
    left: 46%; */
    top:-200px;
    left:736px;
}

.hw-bg .box.tongyeong2 {
	/* top: 65%;
    left: 56%; */
    top:-300px;
    left:896px;
}

.hw-bg .box.busan2 {
	/* top: 50%;
    left: 57%; */
    top:-540px;
    left:912px;
}


.hw-bg .box.pohang2 {
	/* top: 30%;
    left: 52%; */
    top:-830px;
    left:832px;
}

.hw-bg .box.donghae2 {
	top:-1090px;
	left:784px;
}



.hw-bg .total {
	width:360px;
	height:300px;
	position: relative;
    /* top: 23%;
    left: 75%; */
    top:-1200px;
    left:1200px;
}
/* pig4 */
.hw-bg .total2 {
	width:360px;
	height:300px;
	position: relative;
    /* top: 23%;
    left: 75%; */
    top:-1090px;
    left:1200px;
}

.hw-bg .total span {
	color:#fff;
	font-size:25px;
	display:inline-block;
	padding-top:10px;
}

.hw-bg .total2 span {
	color:#fff;
	font-size:25px;
	display:inline-block;
	padding-top:10px;
}

.hw-bg .tot-left {
	width:190px;
}

.hw-bg .tot-left::before {
	content:'· ';
}

.hw-bg .tot-right {
	width:150px;
	text-align:right;
}

.hw-bg .btn.area{
	position:relative;
	/* top: 78%;
    left: 77.2%; */
    top:-1000px;
    left:1235px;
    width:310px;
    float:left;
}
/* pig4 */
.hw-bg .btn.area2{
	position:relative;
	/* top: 78%;
    left: 77.2%; */
    top:-890px;
    left:1235px;
    width:310px;
    float:left;
}

.hw-bg .main-btn {
	width:150px;
	height:50px;
	float:left;
	margin-left:5px;
	padding: 0 0 0 0;
	border:0;
	background-color:#27ae60;
	color:#fff;
	font-size:25px;
	cursor:pointer
}
.hw-bg .main-btn:hover{
        background-color:#215591;
}
.btn-active{
        background-color:#215591 !important;
}