

body{margin:0px}

@media screen and (min-width: 767px) { 
	#wrap #location01{    width: 28.5%;    padding: 3% 0;    position: absolute;    top: 16.9%;    left: 36.5%;}
	#wrap #location02{    width: 28.5%;    padding: 3% 0;    position: absolute;    bottom: 7.315%;    left: 36.5%;}
	#wrap #pc_div{display:block;}
	#wrap #mobile_div {display:none;}
}

@media screen and (max-width: 767px) { 
	#wrap #pc_div {display:none;}
	#wrap #mobile_div {display:block;}
	#wrap #mobile_div #location01{        width: 47%;    padding: 5.4% 0;  position: absolute;    top: 14.0%;    left: 28.3%;}
	#wrap #mobile_div #location02{           width: 47%;    padding: 5.4% 0;   position: absolute;    bottom: 6.9%;    left: 28.3%;}
}


#wrap_20190429 {max-width:1280px !important; width:100% !important;}
#wrap_20190429 img{max-width:100%; height:auto;}

@media screen and (min-width: 767px) { 
	#wrap_20190429 #pc_div{display:block;}
	#wrap_20190429 #mobile_div {display:none;}
	#wrap_20190429 #pc_div #location01{    width: 21.5%;    padding: 3.6% 0;    position: absolute;    top: 13.4%;    left: 25.5%;}
	#wrap_20190429 #pc_div #location02{    width: 21.5%;    padding: 3.6% 0;    position: absolute;    top: 13.4%;    right: 25.5%;}
	#wrap_20190429 #pc_div #location03{    width: 21.5%;    padding: 3.6% 0;    position: absolute;    bottom: 19%;    left: 25.5%;}
	#wrap_20190429 #pc_div #location04{    width: 21.5%;    padding: 3.6% 0;    position: absolute;    bottom: 19%;    right: 25.5%;}

	#pc_div #textbox{      position: absolute;width: 66.8%;    left: 0;    right: 0;    margin-left: auto;    margin-right: auto;    bottom: 21.9%;    border: none;    padding: 3.9% 3.0%;    box-sizing: border-box;
		background: url(/sub_main/share/images/190429_background.jpg) no-repeat;    font-size: 20px;    font-weight: 500;    height: 7.83%;    background-size: 100%;    background-color: transparent;    font-family: 'Open Sans',sans-serif;    border-radius: 12px;}

	#pc_div	#textbox h3{margin: 0px;    font-size: 30px;    padding: 1.6%;    text-align: center;    margin-bottom: 3%;}
	#pc_div	#textbox p{        font-size: 1.7rem; height: 80%;    overflow-y: scroll;    margin: 0;     padding: 0 3%;    text-align: justify;}

}

@media screen and (max-width: 767px) { 
	#wrap_20190429 #pc_div {display:none;}
	#wrap_20190429 #mobile_div {display:block;}
	#wrap_20190429 #mobile_div #location01{    width: 33%;    padding: 5.3% 0;    position: absolute;    top: 9%;    left: 14.5%;}
	#wrap_20190429 #mobile_div  #location02{    width: 33%;    padding: 5.3% 0;    position: absolute;    top: 9%;    right: 14.5%;}
	#wrap_20190429 #mobile_div #location03{        width: 33%;    padding: 5.6% 0;    position: absolute;    bottom: 22.5%;    left: 14.5%;}
	#wrap_20190429 #mobile_div #location04{        width: 33%;    padding: 5.6% 0;    position: absolute;    bottom: 22.5%;    right: 14.5%;}
	#mobile_div #textbox{        position: absolute;
								width: 85%;
								left: 0;
								right: 0;
								margin-left: auto;
								margin-right: auto;
								bottom: 26%;
								border: none;
								padding: 3.9% 3.0%;
								box-sizing: border-box;
								background: url(/sub_main/share/images/190429_background.jpg) no-repeat;
								font-weight: 500;
								height: 7.83%;
								background-size: 100% 100%;
								background-color: transparent;
								font-family: 'Open Sans',sans-serif;
	}

	#mobile_div	#textbox h3{    margin: 0px;    font-size: 2rem;    padding: 1.6%;    text-align: center;    margin-bottom: 6%;    margin-top: 6%;}
	#mobile_div	#textbox p{          font-size: 1.4rem;    padding: 0 3%;    text-align: justify;    height: 70%;    overflow-y: scroll;    margin: 0;    line-height: 160%;}

}
	

  /* 2019-07-23 */     
@media screen and (min-width: 767px) { 
	#wrap_20190723 #pc_div{display:block;    }
	#wrap_20190723 #mobile_div {display:none;    }
	#wrap_20190723 #pc_div #location01{    width: 18.1%;   padding: 3.1% 0;    position: absolute;    top: 12.57%;    left: 15.5%;}
	#wrap_20190723 #pc_div #location02{       width: 18.2%;    padding: 3.1% 0;    position: absolute;    bottom: 4.58%;    right: 40.8%;}
}
@media screen and (max-width: 767px) { 
	#wrap_20190723 #pc_div {display:none;    text-align: center;}
	#wrap_20190723 #mobile_div {display:block;    text-align: center;}
	#wrap_20190723 #mobile_div  img{   width: 100%;    height: auto;}
	#wrap_20190723 #mobile_div #location01{       width: 37.6%;    padding: 6.3% 0;    position: absolute;    top: 8.18%;    left: 8.5%;}
	#wrap_20190723 #mobile_div  #location02{        width: 43%;    padding: 7.3% 0;    position: absolute;    bottom: 6.2%;    right: 28.1%;}
}


  /* 2019-10-22 */     
@media screen and (min-width: 767px) { 
	#wrap_20191022 #pc_div{display:block;    }
	#wrap_20191022 #mobile_div {display:none;    }
	#wrap_20191022 #pc_div #location01{       width: 21.6%;    padding: 3.8% 0;    position: absolute;    top: 12.8%;    left: 8.9%;}
	#wrap_20191022 #pc_div #location02{          width: 21.6%;    padding: 3.7% 0;    position: absolute;    bottom: 13.9%;    right: 39.5%;}
}
@media screen and (max-width: 767px) { 
	#wrap_20191022 #pc_div {display:none;    text-align: center;}
	#wrap_20191022 #mobile_div {display:block;    text-align: center;}
	#wrap_20191022 #mobile_div  img{   width: 100%;    height: auto;}
	#wrap_20191022 #mobile_div #location01{       width: 37.6%;    padding: 6.3% 0;    position: absolute;    top: 8.18%;    left: 6%;}
	#wrap_20191022 #mobile_div  #location02{          width: 37.5%;    padding: 6.3% 0;    position: absolute;    bottom: 12.5%;    right: 31.4%;}
}

	
  /* 2019-11-19 */  
#wrap_20191119 {max-width:1280px !important; width:100% !important;}
#wrap_20191119 img{max-width:100%; height:auto;}

@media screen and (min-width: 767px) { 
	#wrap_20191119 #pc_div{display:block;    }
	#wrap_20191119 #mobile_div {display:none;    }
	#wrap_20191119 #pc_div #location01{width: 19%;    padding: 3.5% 0;    position: absolute;   top: 19.4%;    left: 28.5%; border:}
	#wrap_20191119 #pc_div #location02{width: 19%;    padding: 3.5% 0;    position: absolute;   top: 19.4%;    right: 28.0%; border:}

	#wrap_20191119 #pc_div #location01-1{width: 19%;    padding: 3.5% 0;    position: absolute;   bottom: 3.5%;   left: 28.5%; }
	#wrap_20191119 #pc_div #location02-1{width: 19%;    padding: 3.5% 0;    position: absolute;   bottom: 3.5%;   right: 28.0%;}
}
@media screen and (max-width: 767px) { 
	#wrap_20191119 #pc_div {display:none;    text-align: center;}
	#wrap_20191119 #mobile_div {display:block;    text-align: center;}
	#wrap_20191119 #mobile_div  img{   width: 100%;    height: auto;}
	#wrap_20191119 #mobile_div #location01{width: 26.5%;    padding: 4.9% 0;    position: absolute;   top: 15.9%;    left: 19.5%;}
	#wrap_20191119 #mobile_div #location02{width: 26.5%;    padding: 4.9% 0;    position: absolute;   top: 15.9%;    right: 19.5%;}

	#wrap_20191119 #mobile_div #location01-1{width: 26.5%;    padding: 4.9% 0;    position: absolute;   bottom: 3.5%;   left: 19.5%; }
	#wrap_20191119 #mobile_div #location02-1{width: 26.5%;    padding: 4.9% 0;    position: absolute;   bottom: 3.5%;   right: 19.5%;}
}
	
/* Chrome, Safari용 스크롤 바 */
#textbox p::-webkit-scrollbar {width: 10px;    height: 8px;    border: 3px solid transparent;    background: #f8ece3; }
#textbox p::-webkit-scrollbar-button:start:decrement {display: block; height: 10px; background:#f1e0d2}
#textbox p::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#f1e0d2}
#textbox p::-webkit-scrollbar-track {     background: #f8ece3;    border: 1px solid #dfc5ab;-webkit-border-radius: 10px;    border-radius: 10px;    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);}
#textbox p::-webkit-scrollbar-thumb {    height: 50px;    width: 50px;    background: #caa174f2;    -webkit-border-radius: 8px;    border-radius: 8px;    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);}