*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{background-color: #fff; font-family: "Noto Sans", sans-serif; font-weight: 400; color: #222;  }
a{text-decoration: none; color: inherit;}
ul, ol, li{list-style-type: none;}
address { font-style: normal; }
b { font-weight: 600; }
#container{position: relative;}
img { max-width: 100%; height: auto; border: 0 none; font-size: 0;line-height: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
input{font-family: inherit; -webkit-border-radius: 0; border: 0;}
textarea{resize:none;}
fieldset { border: 0; }
p, span { word-wrap: break-word; word-break: keep-all; }
.clearfix:after{
	content:'';
	clear:both;
	display:block;
}
.root_daum_roughmap { width: 100% !important; }
.img_box { position: relative; overflow: hidden; }
.img_box img { position: absolute; }

.text_ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text_ell2 { overflow: hidden; text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */	-webkit-box-orient: vertical;	word-wrap:break-word; 	line-height: 1.43em; height: 2.86em; }
.hide { position: absolute; top: -9999px; visibility: hidden; }
.fiexd { position: fixed; top: 0; z-index: 101; }
.bor50 { border-radius: 50%; }

input[type="text"] { border: 2px solid #dddddd; border-radius: 5px; }
input[type="text"]::placeholder { color: #999999; }
.btn { color: #fff; border-radius: 5px; text-align: center; outline: 0; border: 0; }
.btn:hover { cursor: pointer; }
.box-shadow { box-shadow: 0 0 15px rgba(0, 0, 0, .1); }

/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:768px) {
    .font30 { font-size: 15px; }
    .font28 { font-size: 14.5px; }
    .font26 { font-size: 14px; }
    .font25 { font-size: 13.5px; }
    .font24 { font-size: 13px; }
    .font22 { font-size: 12px; }
    .font20 { font-size: 11px; }
    .font18 { font-size: 10.5px; }
    .font17 { font-size: 10.5px; }
    .font16 { font-size: 10px; }
    .font15 { font-size: 10px; }
    .font13 { font-size: 10px; }
  
}
/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1199px) {

} 

/*** Tablet ***/
@media screen and (min-width:768px) and (max-width:1199px) {
    .font30 { font-size: 25px; }
    .font28 { font-size: 23px; }
    .font26 { font-size: 21px; }
    .font25 { font-size: 20px; }
    .font24 { font-size: 19px; }
    .font22 { font-size: 17px; }
    .font20 { font-size: 15px; }
    .font18 { font-size: 14px; }
    .font16 { font-size: 13.5px; }
    .font16 { font-size: 13px; }
    .font15 { font-size: 12px; }
    .font13 { font-size: 12px; }
   
}
/*** Tablet & Desktop ***/
@media screen and (min-width:769px) {
  
    
}

/*** Desktop ***/
@media screen and (min-width:1200px) {
    .font30 { font-size: 30px; }
    .font28 { font-size: 28px; }
    .font26 { font-size: 26px; }
    .font25 { font-size: 25px; }
    .font24 { font-size: 24px; }
    .font22 { font-size: 22px; }
    .font20 { font-size: 20px; }
    .font18 { font-size: 18px; }
    .font16 { font-size: 17px; }
    .font16 { font-size: 16px; }
    .font15 { font-size: 15px; }
    .font13 { font-size: 13px; }

   
}