/*set_up-----------------------------------------------------------------------------------------------------------------*/
*{box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; list-style-type:none;}
html{font-size:16px;}
body{margin:0; padding:0; font-family:sans-serif;  width:100%; height:auto;} 

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;}
ul, ol, dl{list-style:none;}
fieldset{border:none;}
legend{display:none;}
img{border:none;}

/*텍스트 밑줄 없애기*/
a{ text-decoration:none; }
/*
a:link{ color:#40a9e0; text-decoration:none;}
a:visited{ color:#7bd2de; text-decoration:none;}
a:active{ color:#dd577a; text-decoration:none;}
a:hover{ text-decoration:none;}
*/


/*인용구*/
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse;border-spacing: 0;}
blockquote, q{quotes: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display: block;}

/*clearfix*/
.cf:after{clear:both; content:""; display:block;}

/*float*/
.FL {float:left}
.FR {float:right}

/*추가 편의*/
a{color:#333;}


/*공통*/
.w1440{width:1440px;}
.fw-regular{font-weight:normal;}
.fw-bold{font-weight:bold;}
div.wrap{width:100%; min-height:100vh; height:auto; position:relative;}
div.wrap:before{content:'';, display:block; width:100%; height:40%; position:absolute; top:0; left:0; background:#002d7a; }
div.wrap div.loading-wrap{padding:5rem; background:#ffffff; box-shadow:0px 0px 40px 0px #4a4a4a; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:1.5rem;}
div.wrap div.loading-wrap div.main-title{font-weight:bold; font-size:3.4rem; width:fit-content; position:relative; padding-left:5rem; left:50%; transform:translateX(-50%); word-break:keep-all;}
div.wrap div.loading-wrap div.main-title:before{content:'';, display:block; width:3.5rem; height:3.5rem; position:absolute; top:50%; left:0; transform:translateY(-50%); background:url("/sitebreak/img/title_bell.png") no-repeat center/cover;}
div.wrap div.loading-wrap div.main-title span.fc-red{color:#ca2121;}
div.wrap div.loading-wrap p.sub-title01{font-weight:bold; font-size:1.75rem; text-align:center; margin-bottom:2.5rem; margin-top:2.125rem; word-break:keep-all;} 
div.wrap div.loading-wrap div.loading-img-con{width:15rem; height:15rem; margin:0 auto;}
div.wrap div.loading-wrap div.loading-img-con img{width:100%; height:100%; object-fit:cover;}
div.wrap div.loading-wrap div.info-wrap{width:100%; display:flex; justify-content:center; align-items:center; font-size:1.5rem;}
div.wrap div.loading-wrap div.info-wrap p.info-label{background:#2e71f6; color:#ffffff; padding:1rem 2rem; border-radius:50rem; margin-right:1.25rem; min-width:10rem; text-align:center; font-weight:bold;}
div.wrap div.loading-wrap div.info-wrap p.info-txt{word-break:keep-all;}
div.wrap div.loading-wrap p.bottom-txt{font-size:1.5rem; text-align:center; margin-top:4.6rem; word-break:keep-all;}

/*네트워크 보안프로그램 작동중 페이지*/
div.wrap div.loading-wrap.loading02 p.sub-title01{margin-bottom:1rem;}
div.wrap div.loading-wrap.loading02 p.sub-title02{font-size:1.25rem; text-align:center;}
div.wrap div.loading-wrap.loading02 div.info-wrap{justify-content:flex-start; margin-bottom:1rem;}
div.wrap div.loading-wrap.loading02 div.info-wrap p.info-label{width:20%; min-width:15rem;}
div.wrap div.loading-wrap.loading02 div.info-wrap p.info-txt{width:80%;}
div.wrap div.loading-wrap.loading02 p.bottom-txt{font-size:1.25rem; color:#6e6e6e;}

@media screen and (max-width: 1600px){}

@media screen and (max-width: 1440px){
	.w1440{width:90%;}
}

@media screen and (max-width: 1280px){}

@media screen and (max-width: 1024px){
	html{font-size:14px;}
}

@media screen and (max-width: 890px){
	div.wrap div.loading-wrap{padding:3rem;}
}

@media screen and (max-width: 800px){
	.w1440{margin:0 auto;}
	div.wrap{overflow-y:scroll; padding:2rem 0;}
	div.wrap:before{z-index:-9;}
	div.wrap div.loading-wrap{position : static; transform:unset;}
}

@media screen and (max-width: 715px){
	div.wrap div.loading-wrap div.info-wrap{flex-wrap:wrap; justify-content:center;}
	div.wrap div.loading-wrap div.info-wrap p.info-label{margin-right:0;}
	div.wrap div.loading-wrap div.info-wrap p.info-txt{text-align:center; width:100%; margin-top:1rem;}

	/*네트워크 보안프로그램 작동중 페이지*/
	div.wrap div.loading-wrap.loading02 div.info-wrap{justify-content:center;}
}

@media screen and (max-width: 640px){
	div.wrap div.loading-wrap div.main-title:before{width:3rem; height:3rem;}
	div.wrap div.loading-wrap div.main-title{font-size:2.4rem;}
	div.wrap div.loading-wrap p.sub-title01{font-size:1.25rem;}
	div.wrap div.loading-wrap div.loading-img-con{width:13rem; height:13rem;}
	div.wrap div.loading-wrap div.info-wrap{flex-wrap:wrap; justify-content:center; font-size:1.2rem;}
	div.wrap div.loading-wrap p.bottom-txt{font-size:1.2rem; margin-top:1.25rem; }

	/*네트워크 보안프로그램 작동중 페이지*/
	div.wrap div.loading-wrap.loading02 p.sub-title02{font-size:1rem;}
	div.wrap div.loading-wrap.loading02 p.bottom-txt{font-size:1rem;}
}

@media screen and (max-width: 480px){
	div.wrap div.loading-wrap div.main-title{font-size:2.2rem; padding-left:0;}
	div.wrap div.loading-wrap div.main-title:before{margin:0 auto; display:block; position:relative; margin-top:2rem;}
	div.wrap div.loading-wrap p.sub-title01{font-size:1.25rem;}
	div.wrap div.loading-wrap div.loading-img-con{width:10rem; height:10rem;}
	div.wrap div.loading-wrap div.info-wrap{font-size:1.2rem;}

	/*네트워크 보안프로그램 작동중 페이지*/
	div.wrap div.loading-wrap.loading02 div.main-title:before{display:none;}
	div.wrap div.loading-wrap.loading02 div.info-wrap{font-size:1rem;}
	div.wrap div.loading-wrap.loading02 div.main-title{white-space:normal; word-break:keep-all; text-align:center;}
}

@media screen and (max-width: 400px){
	div.wrap div.loading-wrap div.main-title{white-space:nowrap;}
}

@media screen and (max-width: 320px){
	div.wrap div.loading-wrap div.main-title{font-size:2rem;}
}