@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);*/
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*@import url(http://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;&display=swap);*/

/*모바일 아이콘*/
@import url(http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);


/* css Reset */
html{/*-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%*/-webkit-text-size-adjust:none;}
header, footer, main, section, article, nav, aside{display:block;box-sizing:border-box;}
*::before, *::after{-webkit-box-sizing:inherit; box-sizing:inherit;}
body,input,textarea,button,select,table,h1,h2,h3,h4,h5,h6{font-family:'Noto Sans KR','Nanum Gothic','돋움','dotum', Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;color:#404040;}
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,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,fieldset,legend,button,input,select,optgroup,textarea,label,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,strong{margin:0; padding:0; box-sizing:border-box; letter-spacing:-1px;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
mark{background-color:#ff0;color:#000}
sub,sup{font-size:11px;line-height:0;position:relative;vertical-align:baseline; font-weight: 400;}
sub{bottom:0.9em; letter-spacing: 0px;}
sup{top:0.4em}
figure{margin:1em 40px}
pre{font-family:monospace, monospace;font-size:1em}template{display:none}[hidden]{display:none}progress{display:inline-block;vertical-align:baseline}summary{display:list-item}
ol,ul{list-style:none}
ul,ol,li	{list-style:none;}
dt,dd{display:block}
caption,legend{overflow:hidden;font-size:0;line-height:0}
canvas{display:inline-block}
img{max-width:100%;border-style:none;vertical-align:top}
fieldset,img{border:none}
button,input{overflow:visible}
button,select{text-transform:none}
input,button,select{vertical-align:top}
input,button,select,textarea{font-size:inherit;box-sizing:border-box;}
/*input[disabled],input[readonly]{cursor:not-allowed;background-color:#eaeaea;}*/
button,[type="button"],[type="reset"],[type="submit"]{border:0 none;background:none;cursor:pointer;-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
/*[type="checkbox"],[type="radio"]{}*/
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;margin:0;font-family:inherit;font-size:inherit;color:inherit;}
select::-ms-expand {display:none;} */
textarea{display:block;overflow:auto;resize:vertical;}
address,em,i{font-style:normal}
a {text-decoration:none; color:inherit;}
hr{box-sizing:content-box;height:0;overflow:visible;margin:0;padding:0;border:0}



table 			{width:100%; border-spacing:0; table-layout:fixed;}
table td img	{vertical-align:middle;}

a			{color:#333;}
a:link		{text-decoration:none; color:inherit;}
a:visited	{text-decoration:none; color:inherit;}
a:active	{text-decoration:none; color:inherit;}
a:hover		{text-decoration:none; color:inherit;}

article,aside,bdi,details,dialog,figcaption,figure,footer,header,main,mark,menuitem,meter,nav,progress,rp,rt,ruby,section,summary,time,wbr,
body,p,div,ul,li,dl,dt,dd,ol,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6,strong,b,label,pre {font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo",
    "돋움", dotum, sans-serif;}


input,select			{vertical-align:middle; outline:none;}
input[type=text],input[type=number],
input[type=password]  {display:inline-block; height:26px; padding:5px; border:1px solid #e7e7e7; background-color:#fff; font-size:14px; color:#333; line-height:18px;}
select					{display:inline-block; height:33px; padding:0 0 0 5px; border:1px solid #e7e7e7; background-color:#fff; font-size:14px; color:#333; line-height:33px;}
textarea				{display:inline-block; padding:5px; border:solid 1px #e7e7e7; background-color:#fff; font-size:14px; color:#333; line-height:18px;}
input[type=file],input[type=image],input[type=reset],input[type=button],input[type=submit] {cursor:pointer;}

hr, caption		{position:absolute; left:-9999px; top:-9999px;}
legend			{position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-9999px;}
address,cite,em	{font-style:normal;}
fieldset		{border:0; padding:0;}
label			{cursor:pointer;}
sup,sub         {line-height:1em;}

button {
    -webkit-appearance: none;
    box-sizing: content-box;
    /* padding: .4em 1em; */
    border: 0 none;
    background: transparent;
    line-height: normal;
}

.block {display:block !important;}
.inline {display:inline !important;}

.both_area {width:100%; overflow:hidden;}
.both_area2 {width:100%; display:inline-block;}

.fl_l {float:left !important;}
.fl_c {display:inline-block; *display:inline; zoom:1;}
.fl_r {float:right !important;}

.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}

.c_red { color:#ee1d23 !important;}
.c_red1 { color:#ef6451 !important;}
.c_red.bor_b1 { border-bottom: solid 1px #ee1d23; }
.c_blue { color:#0b4a73 !important;}
.c_blue1 { color:#0e6a91 !important;}
.c_000 { color:#000 !important; }
.c_000.bor_b1 { border-bottom: solid 1px #000;}
.c_333 { color:#333 !important; }
.c_333 { color:#333 !important; }
.c_a5a838 { color:#a5a838; }

.va_t {vertical-align:top !important;}
.va_m {vertical-align:middle !important;}
.va_b {vertical-align:bottom !important;}

.bold {font-family:NotoSans !important;}

.hide	{position:absolute; left:-9999px; top:-9999px;}
.hide1	{position:absolute; z-index:-1;}

.pt0 {padding-top:0px !important;}.pt5 {padding-top:5px !important;}.pt10 {padding-top:10px !important;}.pt15 {padding-top:15px !important;}.pt20 {padding-top:20px !important;}.pt25 {padding-top:25px !important;}.pt30 {padding-top:30px !important;}.pt35 {padding-top:35px !important;}.pt40 {padding-top:40px !important;}.pt45 {padding-top:45px !important;}.pt50 {padding-top:50px !important;}.pt55 {padding-top:55px !important;}.pt60 {padding-top:60px !important;}.pt65 {padding-top:65px !important;}.pt70 {padding-top:70px !important;}.pt75 {padding-top:75px !important;}.pt80 {padding-top:80px !important;}.pt85 {padding-top:85px !important;}.pt90 {padding-top:90px !important;}.pt95 {padding-top:95px !important;}.pt100 {padding-top:100px !important;}
.pr0 {padding-right:0px !important;}.pr5 {padding-right:5px !important;}.pr10 {padding-right:10px !important;}.pr15 {padding-right:15px !important;}.pr17 {padding-right:17px !important;}.pr20 {padding-right:20px !important;}.pr25 {padding-right:25px !important;}.pr30 {padding-right:30px !important;}.pr35 {padding-right:35px !important;}.pr40 {padding-right:40px !important;}.pr45 {padding-right:45px !important;}.pr50 {padding-right:50px !important;}.pr55 {padding-right:55px !important;}.pr60 {padding-right:60px !important;}.pr65 {padding-right:65px !important;}.pr70 {padding-right:70px !important;}.pr75 {padding-right:75px !important;}.pr80 {padding-right:80px !important;}.pr85 {padding-right:85px !important;}.pr90 {padding-right:90px !important;}.pr95 {padding-right:95px !important;}.pr100 {padding-right:100px !important;}
.pb0 {padding-bottom:0px !important;}.pb5 {padding-bottom:5px !important;}.pb10 {padding-bottom:10px !important;}.pb15 {padding-bottom:15px !important;}.pb20 {padding-bottom:20px !important;}.pb25 {padding-bottom:25px !important;}.pb30 {padding-bottom:30px !important;}.pb35 {padding-bottom:35px !important;}.pb40 {padding-bottom:40px !important;}.pb45 {padding-bottom:45px !important;}.pb50 {padding-bottom:50px !important;}.pb55 {padding-bottom:55px !important;}.pb60 {padding-bottom:60px !important;}.pb65 {padding-bottom:65px !important;}.pb70 {padding-bottom:70px !important;}.pb75 {padding-bottom:75px !important;}.pb80 {padding-bottom:80px !important;}.pb85 {padding-bottom:85px !important;}.pb90 {padding-bottom:90px !important;}.pb95 {padding-bottom:95px !important;}.pb100 {padding-bottom:100px !important;}
.pl0 {padding-left:0px !important;}.pl5 {padding-left:5px !important;}.pl10 {padding-left:10px !important;}.pl15 {padding-left:15px !important;}.pl20 {padding-left:20px !important;}.pl25 {padding-left:25px !important;}.pl30 {padding-left:30px !important;}.pl35 {padding-left:35px !important;}.pl40 {padding-left:40px !important;}.pl45 {padding-left:45px !important;}.pl50 {padding-left:50px !important;}.pl55 {padding-left:55px !important;}.pl60 {padding-left:60px !important;}.pl65 {padding-left:65px !important;}.pl70 {padding-left:70px !important;}.pl75 {padding-left:75px !important;}.pl80 {padding-left:80px !important;}.pl85 {padding-left:85px !important;}.pl90 {padding-left:90px !important;}.pl95 {padding-left:95px !important;}.pl100 {padding-left:100px !important;}
.mt0 {margin-top:0px !important;}.mt5 {margin-top:5px !important;}.mt10 {margin-top:10px !important;}.mt15 {margin-top:15px !important;}.mt20 {margin-top:20px !important;}.mt25 {margin-top:25px !important;}.mt30 {margin-top:30px !important;}.mt35 {margin-top:35px !important;}.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}.mt50 {margin-top:50px !important;}.mt55 {margin-top:55px !important;}.mt60 {margin-top:60px !important;}.mt65 {margin-top:65px !important;}.mt70 {margin-top:70px !important;}.mt75 {margin-top:75px !important;}.mt80 {margin-top:80px !important;}.mt85 {margin-top:85px !important;}.mt90 {margin-top:90px !important;}.mt95 {margin-top:95px !important;}.mt100 {margin-top:100px !important;}
.mr0 {margin-right:0px !important;}.mr5 {margin-right:5px !important;}.mr10 {margin-right:10px !important;}.mr15 {margin-right:15px !important;}.mr20 {margin-right:20px !important;}.mr25 {margin-right:25px !important;}.mr30 {margin-right:30px !important;}.mr35 {margin-right:35px !important;}.mr40 {margin-right:40px !important;}.mr45 {margin-right:45px !important;}.mr50 {margin-right:50px !important;}.mr55 {margin-right:55px !important;}.mr60 {margin-right:60px !important;}.mr65 {margin-right:65px !important;}.mr70 {margin-right:70px !important;}.mr75 {margin-right:75px !important;}.mr80 {margin-right:80px !important;}.mr85 {margin-right:85px !important;}.mr90 {margin-right:90px !important;}.mr95 {margin-right:95px !important;}.mr100 {margin-right:100px !important;}.mr110 {margin-right:110px !important;}.mr120 {margin-right:120px !important;}
.mb0 {margin-bottom:0px !important;}.mb5 {margin-bottom:5px !important;}.mb10 {margin-bottom:10px !important;}.mb15 {margin-bottom:15px !important;}.mb20 {margin-bottom:20px !important;}.mb25 {margin-bottom:25px !important;}.mb30 {margin-bottom:30px !important;}.mb35 {margin-bottom:35px !important;}.mb40 {margin-bottom:40px !important;}.mb45 {margin-bottom:45px !important;}.mb50 {margin-bottom:50px !important;}.mb55 {margin-bottom:55px !important;}.mb60 {margin-bottom:60px !important;}.mb65 {margin-bottom:65px !important;}.mb70 {margin-bottom:70px !important;}.mb75 {margin-bottom:75px !important;}.mb80 {margin-bottom:80px !important;}.mb85 {margin-bottom:85px !important;}.mb90 {margin-bottom:90px !important;}.mb95 {margin-bottom:95px !important;}.mb100 {margin-bottom:100px !important;}.mb150 { margin-bottom:150px !important; }
.ml0 {margin-left:0px !important;}.ml5 {margin-left:5px !important;}.ml10 {margin-left:10px !important;}.ml15 {margin-left:15px !important;}.ml20 {margin-left:20px !important;}.ml25 {margin-left:25px !important;}.ml30 {margin-left:30px !important;}.ml35 {margin-left:35px !important;}.ml40 {margin-left:40px !important;}.ml45 {margin-left:45px !important;}.ml50 {margin-left:50px !important;}.ml55 {margin-left:55px !important;}.ml60 {margin-left:60px !important;}.ml65 {margin-left:65px !important;}.ml70 {margin-left:70px !important;}.ml75 {margin-left:75px !important;}.ml80 {margin-left:80px !important;}.ml85 {margin-left:85px !important;}.ml90 {margin-left:90px !important;}.ml95 {margin-left:95px !important;}.ml100 {margin-left:100px !important;}

	#mainLoading {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: fixed;
		display: block;
		opacity: 0.8;
		background: white;
		z-index: 100000;
		text-align: center;
		display:none;
	}
	
	#mainLoading > img {
		position: absolute;
		top: 45%;
		left: 45%;
		z-index: 100001;
	}

@media (max-width:1024px) {
	.W40per{width:100% !important;}
}
@media all and (max-width: 767px){
	body, input, textarea, button, select, table, h1, h2, h3, h4, h5, h6 {font-size:14px}
}


.loo_btn{position:fixed;
right:10px;
bottom:30px; cursor: pointer;}