@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap);
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
* {font-family: 'Noto Sans KR', sans-serif;} 


/* reset */
html{font-size:16px}
body{font-family:'Noto Sans KR',sans-serif;letter-spacing:-.025em; word-break:keep-all;word-wrap:break-word;}
a,button,input,textarea{transition:border-color .4s,background .4s,color .4s,opacity .4s,transform .4s;outline:0}
a{text-decoration:none ; color:inherit}
a:hover,a:focus,a:active{color:inherit}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
li{list-style:none}
address,i{margin:0;font-style:normal}
label,button,[role=button]{cursor:pointer}
table{width:100%}
img{max-width:100%}

#pano *{box-sizing: content-box;}
/* modal */
.modal-dialog{max-width:none;width: 100%;padding:50px 60px 50px 40px;}
.modal-content{display: flex;flex-direction: row; background: transparent;border:0}
.modal-header{ padding: 0;margin-right: 20px;border:0}
.modal-body{display: flex;flex-direction: column;justify-content: center;padding:20px 30px 30px 30px;flex:1; border:5px solid #f74d32;border-radius: 20px;font-size: 25px;color:#404040  ;font-weight: 500; background: #fff url(skin/modal-char.png) no-repeat bottom left 35px;min-height: 190px;}
.modal-body h2{font-weight: 600;font-size: 36px;margin-bottom: 15px;}
.modal-header .close{position: absolute;top:0;right:0;margin: 0; padding:10px; font-size:35px; color:#f74d32;opacity:1 ;z-index: 9;}
.modal-title{display: none;font-weight:700;font-size:75px;background-color: #534741;color: #fff;font-size: 27px;padding: 0 20px;border-radius: 10px;line-height: 51px;} 

@media (max-width: 768px) {
    .modal-header{margin-right: 0;}
    .modal-body {padding:20px 30px 35px 30px;font-size: 16px;background-size:25px auto }
    .modal-body h2{font-size: 26px;}
}