@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

/* ·¹À̾î Æ˾÷ ±âº» ½ºÅ¸ÀÏ */
#addressLayerPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

@keyframes blink {
  0% { background-color: rgba(39, 81, 153, 1); }
  50% { background-color: rgba(39, 81, 153, 0.8); }
  100% { background-color: rgba(39, 81, 153, 1); }
}

.blinking-result {
  animation: blink 1.5s ease-in-out infinite;
}

/* ·¹À̾î Æ˾÷ ÄÜÅÙÃ÷ ½ºÅ¸ÀÏ */
#postLayer {
    max-width: 440px; /* ÃÖ´ë ³Êºñ¸¦ 640px·Î ¼³Á¤ */
    min-height: 520px; /* ÃÖ¼Ò ³ôÀ̸¦ 640px·Î ¼³Á¤ */
    width: 100%; /* È­¸é ³Êºñ¿¡ µû¶ó Á¶Á¤ */
    max-height: 100%; /* È­¸é ³ôÀÌ¿¡ µû¶ó Á¶Á¤ */
	top:50%; 
	left:50%; 
	margin-top:-260px; 
	margin-left:-220px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    position: relative;
    overflow: hidden; /* ÄÜÅÙÃ÷°¡ ³ÑÄ¡´Â °æ¿ì ¼û±â±â */
    box-sizing: border-box; /* padding°ú border¸¦ Æ÷ÇÔÇÏ¿© ÃÑ ³Êºñ¿Í ³ôÀÌ °è»ê */
	z-index:999;
}
#postLayer div {min-height:640px;}
/* ·¹À̾î Æ˾÷ ´Ý±â ¹öÆ° ½ºÅ¸ÀÏ */
#closePopup {
    position: absolute;
    background: transparent;
    color: #fff;
    border: none;
    cursor: default;
    z-index: 1; /* ´Ý±â ¹öÆ°ÀÌ ´Ù¸¥ ¿ä¼Òº¸´Ù À§¿¡ Ç¥½ÃµÇµµ·Ï ¼³Á¤ */
	width:100%;
	height:100%;
}

#kakao-map-plugin {max-width:100%; margin:auto}
.tablenav .tablenav-pages {float:unset !important;}
.result {
        margin-bottom: 10px; /* °¢ °á°ú »çÀÌÀÇ °£°Ý */
        border: 1px solid #ccc; /* °á°ú ¹Ú½º Å׵θ® */
        padding: 10px; /* Æеù Ãß°¡ */
        border-radius: 5px; /* ¸ð¼­¸® µÕ±Û°Ô */
}
.result > div {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0px;
	align-items:center;
	font-size:16px;
}
.result > a {
    background: #4e5aea; 
    display: flex; 
    justify-content: center;
    border-radius: 10px; 
    padding: 10px;
    color: #fff !important; 
    margin-top: 20px;
    animation: blink 1s infinite; /* ¾Ö´Ï¸ÞÀÌ¼Ç Ãß°¡ */
}
#historyContainer > div > div {display:flex}
#historyContainer .result_title {width:70px}
/* ¾Ö´Ï¸ÞÀÌ¼Ç Á¤ÀÇ */

.result > a > img { filter: invert(1);}

#departureMap {
    width: 100%;
    height: 150px; /* Ãʱ⠳ôÀÌ 0 */
    overflow: hidden; /* ³»¿ëÀÌ ³ÑÄ¡Áö ¾Êµµ·Ï */
    transition: height 0.5s ease; /* ½½¶óÀÌµå ´Ù¿î È¿°ú */
}
.result_title {width:80px}
/* ¸ð¹ÙÀÏ ¹× ÀÛÀº È­¸é¿¡¼­ÀÇ ¹ÝÀÀÇü Á¶Á¤ */
@media (max-width: 600px) {
    #postLayer {
        max-width: 100%; /* ¸ð¹ÙÀÏ È­¸é¿¡¼­ ÃÖ´ë ³Êºñ¸¦ 95%·Î ¼³Á¤ */
        min-height: 100vh; /* ¸ð¹ÙÀÏ È­¸é¿¡¼­ ÃÖ¼Ò ³ôÀ̸¦ ºäÆ÷Æ® ³ôÀÌÀÇ 70%·Î ¼³Á¤ */
		top:0px;
		left:0px;
		margin:0 auto;
    }

}


/* ÆùÆ®¸¦ Àû¿ëÇÒ ¿ä¼Ò */
/* kakao-map-plugin ID¸¦ °¡Áø div¿Í ±× ÀÚ½Ä ¿ä¼Òµé¿¡ ÆùÆ® Àû¿ë */
#kakao-map-plugin,
#kakao-map-plugin div,
#kakao-map-plugin input,
#kakao-map-plugin p,
#kakao-map-plugin span,
#kakao-map-plugin h1,
#kakao-map-plugin h2,
#kakao-map-plugin h3,
#kakao-map-plugin h4,
#kakao-map-plugin h5,
#kakao-map-plugin h6,
#kakao-map-plugin button {
    font-family:'Noto Sans KR' !important;
	color:#222 ;
}

#kakao-map-history,
#kakao-map-history div,
#kakao-map-history input,
#kakao-map-history p,
#kakao-map-history span,
#kakao-map-history h1,
#kakao-map-history h2,
#kakao-map-history h3,
#kakao-map-history h4,
#kakao-map-history h5,
#kakao-map-history h6,
#kakao-map-history button {
   font-family:'Noto Sans KR' !important;
   color:#222;
}
#resultContainer {font-size:14px}
#resultContainer .result_title {color:#fff !important;}
#resultContainer div {color:#fff}
.result {
    border: 2px solid #275199; /* ±âº» Å׵θ® ½ºÅ¸ÀÏ */
    position: relative; /* ¹öÆ°À» Àý´ë À§Ä¡½ÃÅ°±â À§ÇØ ÇÊ¿ä */
	background:#275199;
}

#callButton { background: #4e5aea; 
    display: flex; 
    justify-content: center;
    border-radius: 10px; 
    padding: 10px;
	width:calc(100% - 40px);
    color: #fff !important; 
	margin:auto;
    background:#275199;
	
	animation: blink 1.5s ease-in-out infinite;}
	
	
#callButton img {filter: invert(100%) brightness(1000%);}
.highlightedFare {
    font-size: 20px !important; /* ÅؽºÆ® Å©±â Á¶Á¤ */
	color:#0ffff7 !important;
   
}
.callButton:hover {
    background-color: #0056b3; /* È£¹ö ½Ã »ö»ó º¯°æ */
}

@media (min-width:740px) {
#map_area_1 {height:100% !important;}
#map_area_2 {height:100% !important;}
#waypointMapArea1 {height:100% !important;}
#waypointMapArea2 {height:100% !important;}
}
@media (max-width:739px) {
#map_area_2 {height:0px !important;}
#waypointMapArea1 {height:0px !important;}
#waypointMapArea2 {height:0px !important;}
}