@charset "utf-8";
/* CSS Document */
/* reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins, input, select, textarea, button,
kbd,
keygen,
label, legend, li,
meter,
nav, menu,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, colgroup, col, tdvideo, tt,
u, ul,
var{ margin:0; padding:0; }
article,aside,canvas,dialog,details,eventsource,figcaption,figure,
footer,header,hgroup,menu,meter,nav,output,progress,section,
time,video{ display:block; }
fieldset,img{ border:0 none; }
img, label{vertical-align:middle;}
dl,ul,ol,menu,li{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{ content:''; content:none; }
/* img,input,select,textarea,button,textarea{ vertical-align:middle;outline:0 none;} */
button{ border:0 none; background-color:transparent; cursor:pointer;/*outline:0 none;*/}/*웹접근성1차수정 outline:0 none 삭제*/
legend, hr { overflow:hidden; position:absolute; top:0; left:0;visibility:hidden; font-size:0; width:0; height:0; line-height:0;}
address,caption,cite,code,dfn,em,var{ font-style:normal; font-weight:normal; }
a{font-family: NotoSansKR,NotoSansJP,"돋움",Dotum,AppleGothic,Tahoma,Sans-serif;color:#333; text-decoration:none; }
a:link, a:visited, a:hover, a:focus, a:active{ text-decoration:none; }
a.under{ text-decoration:underline; }
input::-ms-clear{ display: none; }
html{min-width:320px;height:100%;}
body{min-width:320px;height:100%;background:#fff;overflow-x:hidden;}

.dimmed {content: '';position: fixed;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background:rgba(0,0,0,.5);}


.wrap_layerpop {display: none;position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;}

#trafficControlPop .layerpop {position: absolute;z-index: 110;width: 438px;padding: 0;text-align: center;color:#333;background: #fff;}
#trafficControlPop .layerpop .svgLogo{display:block;height:22px;}
#trafficControlPop .layerpop .svgLogo svg{width: 130px;}
#trafficControlPop .layerpop .box_cont{padding:30px; background: #fff;}
#trafficControlPop .layerpop em{display:block;margin:50px 0 7px;padding:190px 0 0;font-size:20px;line-height:22px;letter-spacing:-0.8px;background: url(https://korean.visitkorea.or.kr/resources/images/common/bg_traffic_controlpop.png) 50% 0 / 172px auto no-repeat;}
#trafficControlPop .layerpop .num{display:block;font-size:40px;font-weight: 800;letter-spacing:-1px;line-height: 42px;}
#trafficControlPop .layerpop .stit{display:block;font-size:22px;font-weight: 800;letter-spacing:-1px;line-height: 25px;}
#trafficControlPop .layerpop .stit + p{padding:7px 0 20px;border-bottom: 1px dashed #D6D6D6;font-size:18px;line-height: 24px;letter-spacing: -0.6px;}
#trafficControlPop .layerpop p + p{padding:20px 0 0;color:#666;font-size:16px;line-height: 20px;letter-spacing: -0.5px;}
#trafficControlPop .progress_bar{width: 100%;height: 10px;margin:25px 0 45px;background-color: #F0F2F4;border-radius: 100px;position: relative;overflow: hidden;}
#trafficControlPop .progress_bar span{position: absolute;top: 0;left: 0;width: 10px;height: 10px;border-radius: 100px;background-color: #333;animation-name: loading-bar;animation-duration: 2500ms;animation-iteration-count: infinite;animation-timing-function: ease-out;}
@keyframes loading-bar{
	0% {
		width: 0;
	}
	90%{
		width: 100%;
	}
	100%{
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
	#trafficControlPop .layerpop {width: 290px;}
	#trafficControlPop .layerpop .box_cont {padding: 30px 20px;}
	#trafficControlPop .layerpop .svgLogo {height: 19px;}
	#trafficControlPop .layerpop .svgLogo svg {width: 110px;}
	#trafficControlPop .layerpop em {margin: 40px 0 5px;padding: 135px 0 0;font-size: 15px;line-height: 17px;letter-spacing: -0.5px;background-size:121px 105px;}
	#trafficControlPop .layerpop .num {font-size: 35px;line-height: 39px;}
	#trafficControlPop .progress_bar {height: 6px;margin: 20px 0 35px;}
	#trafficControlPop .progress_bar span {height: 6px;width:5px;}
	#trafficControlPop .layerpop .stit {font-size: 17px;letter-spacing: -0.6px;line-height: 20px;}
	#trafficControlPop .layerpop .stit + p {padding: 7px 0 15px;font-size: 14px;line-height: 18px;letter-spacing: -0.5px;}
	#trafficControlPop .layerpop p + p {padding: 15px 0 0;font-size: 13px;line-height: 17px;letter-spacing: -0.3px;}
}