@charset "UTF-8";
@import url(/font/SUIT-Variable/SUIT-Variable-d7b001255a3b77671243e38c4fce4fec.css);
@import url(/font/NanumSquare/fonts-8654385cb1ccbe85bd7c9524aa33df6d.css);
@import url(/font/RemixIcon-4.2.0/remixicon-1157ef50d33bf4e73b33a477ffc54b4c.css);
@import url(/font/XEIcon-2.3.3/xeicon-3157cfaef1219be8674da6c975786652.css);
@import url(/font/paperlogy/font-998abd78c0e65f9972af4f0fb7c95ca1.css);body,html{font-synthesis:none}
html{font-size:20px}
*,:after,:before{box-sizing:border-box}
body{color:#333;font-weight:500;font-size:.9rem;font-family:"SUIT","NotoSans","돋움","Dotum","굴림","Gulim","GmarketSans",AppleGothic,UnDotum,Arial,Tahoma,Verdana,sans-serif}
dd,dl,dt,li,ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
a{color:inherit;text-decoration:none}
#skipArea,#skipArea a,img{font-size:0;line-height:0}
table{width:100%;border-spacing:0;border-collapse:separate}
caption,legend{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
input,select,textarea{font-weight:500;font-size:.8rem}
input,select,table td,table th{vertical-align:middle}
address,em,i{font-style:normal}
button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:100%;font-family:inherit}
button{border:0;background:0 0;cursor:pointer}
hr{margin:0;padding:0;height:0;border:0}
fieldset,form{line-height:1}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:none;-moz-appearance:none;appearance:none}
article,aside,footer,header,hr,main,nav,section{display:block}
small{font-size:.65rem}
sub,sup{position:relative;font-size:.6rem;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
#skipArea,#skipArea a{width:100%}
#skipArea{position:absolute;top:-1000px;left:0;z-index:1000;height:0}
#skipArea a{display:block;text-align:center}
#skipArea a:active,#skipArea a:focus,#skipArea a:hover{display:block;position:absolute;top:1000px;left:0;padding:.4rem 0;height:1.5rem;background:#20262c;color:#fff;font-weight:700;font-size:.6rem;line-height:.9rem}
#skipArea a:focus-visible{outline:0}
#skipArea a:focus-visible>span{outline:2px dashed #fff;outline-offset:2px}
.hid{position:absolute;clip:rect(0,0,0,0);margin:-1px;padding:0;width:1px;height:1px;border:0;overflow:hidden}
.al{text-align:left!important}
.ac{text-align:center!important}
.ar{text-align:right!important}
.fl{float:left!important}
.fr{float:right!important}
.clearfix:after{display:block;clear:both;content:""}
@media screen and (max-width:1024px){html{font-size:19px}
}
@media screen and (max-width:768px){html{font-size:18px}
}
@media screen and (max-width:480px){html{font-size:17px}
}
.quickMenu{position:fixed;top:8.5rem;right:-10rem;z-index:101;-webkit-transition:right .2s;transition:right .2s}
.quickMenu .toggleBtn{position:absolute;top:.5rem;left:-2rem;z-index:-1;padding-left:.5rem;width:3.5rem;height:3rem;border-radius:.75rem;background:rgba(0,0,0,.7);box-shadow:0 0 10px rgba(0,0,0,.2)}
.quickMenu .toggleBtn:before{display:inline-block;color:#fff;content:"\e93c";font-size:1.2rem;font-family:"xeicon";line-height:3rem}
.quickMenu .inner{position:relative;border:.5rem solid #0077d1;border-radius:1.1rem;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}
.quickMenu h3{z-index:100;height:2.5rem;color:#0077d1;text-align:center;font-weight:700;font-size:1rem;line-height:2.5rem}
.quickMenu ul{visibility:hidden;padding:.75rem 1rem;width:9rem;border-top:2px dotted #cacaca}
.quickMenu li a{display:block;position:relative;padding:.25rem 0 .25rem .5rem;color:#333;word-break:keep-all;font-size:.75rem}
.quickMenu li a:before{position:absolute;top:.7rem;left:0;width:.25rem;height:.25rem;border-radius:50%;background:#525c6e;content:""}
.openPop .quickMenu{top:15rem}
.quickMenu.active{right:1rem}
.quickMenu.active ul{visibility:inherit}
.quickMenu.active .toggleBtn:before{content:"\e93f"}
.tts{position:absolute;clip:rect(0,0,0,0);margin:-1px;padding:0;width:1px;height:1px;border:0;overflow:hidden}
:focus-visible{outline:2px dashed #000;outline-offset:2px}