@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*
@font-face { font-family: "NanumBarunGothic"; font-weight: 400; src: url("/fonts/NanumBarunGothic.eot"); src: url("/fonts/NanumBarunGothic.eot") format("embedded-opentype"), url("/fonts/NanumBarunGothic.woff") format("woff"); }
@font-face { font-family: "NanumBarunGothic"; font-weight: 700; src: url("/fonts/NanumBarunGothicBold.eot"); src: url("/fonts/NanumBarunGothicBold.eot") format("embedded-opentype"), url("/fonts/NanumBarunGothicBold.woff") format("woff"); }
*/
body { font-family:'Noto Sans KR', sans-serif; font-weight: normal; letter-spacing:-1px;font-size: 16px;font-smoothing: antialiased;-moz-font-smoothing: antialiased;-webkit-font-smoothing: antialiased;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}

.thick { font-family:'Noto Sans KR', sans-serif; font-weight: bold; }

.clear:after { content: ''; display: block; clear: both; }

.container { margin: 0 auto; width: 960px; }


/* UTIL */
.util { background: #30333e; padding: 10px 0; }
.util .container {padding:0;}
.util .traveli-logo-w { float: left; width: 105px; }
.util .traveli-logo-w img { width: 100%; }
.util .search-area { float: right; width: 280px; margin-top: 2px; }
.util .search-area input { border-top-left-radius: 10px; border-bottom-left-radius: 10px; width: 220px; height: 27px; vertical-align: middle; border-style: inset; border-width: 1px; border-color: #ddd; padding:3px 10px;font-size:13px;line-height:27px;}
.util .search-area button { border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #5f016c; color: #fff; border: none; width: 50px; height: 27px; vertical-align: middle; margin-left: -10px; line-height: 27px; text-align: center; border: none; }

.footer { background: #30333e; color: #737373; font-size: 13px; }
.footer .container { padding: 30px 0; position: relative; }
.footer .container .foot-logo { position: absolute; left: 40px; top: 35px; display: block; width: 120px; }
.footer .container .foot-logo img { width: 100%; }
.footer .container .foot-cont { padding-left: 30px; margin-left: 200px; border-left: 1px solid #737373; }

.ui-autocomplete {max-height:145px;overflow:auto;z-index:9990 !important;font-size:14px;}

/* MEDIA QUERIES */
@media all and (max-width: 960px) { 
	.container {width: 95%;} 
}


@media all and (max-width: 640px) { 
	.footer .container .foot-logo {position:relative;left:auto;top:auto;margin:0 auto;}
	.footer .container .foot-cont {padding:0;margin:0;border:none;text-align:center;margin-top:15px;}
	
}

@media all and (max-width: 568px) { 
	.util .traveli-logo-w {width:70px;float:none;display:block;position:absolute;left:10px;top:12px;}
	.util .search-area {width:200px;position:relative;margin-top:0;}
	.util .search-area input {width:95%;}
	.util .search-area button {position:absolute;top:0;right:0;height:28px;}
	.footer .container .foot-logo{display:none;}
	.footer .container .foot-cont{margin:0px;}
}

@media all and (max-width: 400px) { 

	.footer .container {padding:15px 0}
	.footer .container .foot-cont {display:block;}
}