@charset "UTF-8";
/* Designed and Coding By MEDICAST */
/* Designer Yoon Jain (design,html,css,jquery) */

/* font */
/* @import url('css/pretendard.css');
@import url('../../../../css/font.css');
@import url('/css/pretendardvariable.css'); */
/* reset */
/*{box-sizing:border-box;-webkit-text-size-adjust:none;} /* 아이폰 텍스트 자동확대 막기 */
/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;list-style:none;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{color:#222;text-decoration:none;}
a:visited,a:active{text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:middle;}
b,strong{font-weight:bold;}
i,em{font-style:italic;}
u{text-decoration:underline;}
sup{font-size:.75em; vertical-align:text-top;} */
/*a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:2px dotted #717171;}*/

/* basic */
/*html{overflow-y:auto; line-height:1; color:#222; font-size:16px; /*font-size:62.5%; letter-spacing:-.035em; zoom:1; scroll-behavior:smooth;}
body{width:100%; height:100%; margin:0 auto; background:#fff; font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; /*font-size:1.6em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; letter-spacing:-.035em;}

/* common */
/* #wrap_pop{clear:both; position:relative; width:100%; height:100%; margin:0 auto; opacity:1; transition:.5s cubic-bezier(.165,.84,.44,1.000);}
.reading{clear:both; display:block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);}
a, button, input, select, textarea{font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:100%; letter-spacing:-.035em; transition:color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease, box-shadow .3s ease, transform .3s;}
a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus,input,input:hover,input:focus,select,select:hover,select:focus,textarea,textarea:hover,textarea:focus{transition:color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease, box-shadow .3s ease, transform .3s;}
button{border:none;}
img[usemap]{border:none; height:auto; max-width:100%; width:auto;}
.layoutLeft{float:left;}
.layoutRight{float:right;}
.layoutRight:after{content:''; clear:both; display:block;} */

/* style */
.popup{width:100%;}
.popup .title{clear:both; position:relative; width:100%; min-height:44px; margin:0; padding:.75em 1.25em; line-height:1.5; text-align:center; word-break:keep-all; box-sizing:border-box;}
.popup .contents{clear:both; position:relative; width:100%; height:auto; min-height:250px; max-height:300px; margin:0; background:#fff; line-height:1.5; text-align:left; word-break:keep-all; overflow:hidden; overflow-y:auto; z-index:auto; box-sizing:border-box;}

.popup.skin_violet{}
.popup.skin_violet .title{background:#341d71; color:#fff; font-size:1.125em; font-weight:600;}
.popup.skin_violet .contents{padding:18px; border:.875em solid #f5f2fc; background:#fff url('/images/popup/symbol_hsu_violet.png') no-repeat center center / auto 80%; font-size:.938em;}

@media all and (max-width:768px){
	.popup.skin_violet .contents{background-size:auto 50%;}
}

@media all and (max-width:320px){
	.popup.skin_violet .contents{background-size:80% auto;}
}