@import url(basic.css);
/*@import url(button.css);*/

/*@import url('https://fonts.googleapis.com/css?family=#{$ff3}:300,400,500,600,700,800,900');  */
@import url('/font/webfonts_NotoSansKR_home.css');      		                                    
@import url('/font/webfonts_NanumSquare.css');  
@import url('/font/dingbat_xeicon.css');                           		                    


*, *::before, *::after { box-sizing: inherit; }
html { overflow: hidden;overflow-x:hidden !important; overflow-y: auto; box-sizing: border-box; font-size: 20px; }
body { overflow: hidden; margin: 0; padding: 0; font-size: 0.8rem; line-height: 1.5625; font-family: "Noto Sans KR"; font-weight: 300; color: #333; letter-spacing: -0.03rem; }
header, footer, main, section, article, nav, aside { display: block; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, p, form, figure, figcaption { margin: 0; padding: 0; }
fieldset, hr { display: block; margin: 0; padding: 0; border: 0 none; }
input, select { max-width: 100%; vertical-align: middle; }
input, select, button, textarea, optgroup { margin: 0; font-family: inherit; font-size: inherit; color: inherit; }
address, em, i { font-style: normal; }
a { color: inherit; text-decoration: none; }
button { padding: 0; border: 0 none; background: none; cursor: pointer; }
input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* input::placeholder{color: #c3c3c3;} */
textarea::placeholder,
input::placeholder{color: #555;}
img { max-width: 100%; border: 0 none; font-size: 0; vertical-align: middle; }
table { width: 100%; border-collapse: collapse; }
caption, legend, .sr-only, .hidden, .blind, .IR { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0); }

#skipNav a{ position: absolute; top: -99px; left: 50%; transform: translateX(-50%); z-index: 999; width: 15rem; height: 2.5rem; line-height: 2.5rem; background: #333; color: #fff; text-align: center; text-decoration: none; }
#skipNav a:hover, #skipNav a:focus, #skipNav a:active { display: block; top: 0; }

.sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); }

.txt-left { text-align: left !important; }
.txt-center { text-align: center !important; }
.txt-right { text-align: right !important; }

.float-left { float: left !important; }
.float-right { float: right !important; }

.container { width: 80rem; max-width: calc(100% - 4rem); margin-left: auto !important; margin-right: auto !important; height: 100%; }
.container::after { display: block; clear: both; content: ''; }
.container2 { width: 66rem; max-width: calc(100% - 4rem); margin-left: auto !important; margin-right: auto !important; height: 100%; }
.container2::after { display: block; clear: both; content: ''; }

.hide { clear: both; position: absolute; overflow: hidden; left: 0; top: 0; width: 1px; height: 1px; margin: 0; padding: 0; background: none; font-size: 0; line-height: 0; text-indent: -99999px; }
.hidden_txt{overflow: hidden; width: 0;height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; position: absolute; top: 0; left: 0;}

.po_middle{position: relative; left: 50%; transform: translateX(-50%)}



.tal{text-align:  left !important;}
.tar{text-align:  right !important;}
.tac{text-align: center !important;}
.ml00{margin-left: 0rem !important;}
.ml01{margin-left: .1rem !important;}
.ml02{margin-left: .2rem !important;}
.ml03{margin-left: .3rem !important;}
.ml04{margin-left: .4rem !important;}
.ml05{margin-left: .5rem !important;}
.ml06{margin-left: .6rem !important;}
.ml07{margin-left: .7rem !important;}
.ml08{margin-left: .8rem !important;}
.ml09{margin-left: .9rem !important;}
.ml10{margin-left: 1rem !important;}
.mr00{margin-right: 0rem !important;}
.mr01{margin-right: .1rem !important;}
.mr02{margin-right: .2rem !important;}
.mr03{margin-right: .3rem !important;}
.mr04{margin-right: .4rem !important;}
.mr05{margin-right: .5rem !important;}
.mr06{margin-right: .6rem !important;}
.mr07{margin-right: .7rem !important;}
.mr08{margin-right: .8rem !important;}
.mr09{margin-right: .9rem !important;}
.mr10{margin-right: 1rem !important;}
.mt00{margin-top: 0rem !important;}
.mt01{margin-top: .1rem !important;}
.mt02{margin-top: .2rem !important;}
.mt03{margin-top: .3rem !important;}
.mt04{margin-top: .4rem !important;}
.mt05{margin-top: .5rem !important;}
.mt06{margin-top: .6rem !important;}
.mt07{margin-top: .7rem !important;}
.mt08{margin-top: .8rem !important;}
.mt09{margin-top: .9rem !important;}
.mt10{margin-top: 1rem !important;}
.mb00{margin-bottom: 0rem !important;}
.mb01{margin-bottom: .1rem !important;}
.mb02{margin-bottom: .2rem !important;}
.mb03{margin-bottom: .3rem !important;}
.mb04{margin-bottom: .4rem !important;}
.mb05{margin-bottom: .5rem !important;}
.mb06{margin-bottom: .6rem !important;}
.mb07{margin-bottom: .7rem !important;}
.mb08{margin-bottom: .8rem !important;}
.mb09{margin-bottom: .9rem !important;}
.mb10{margin-bottom: 1rem !important;}

.flle{float: left !important;}
.flri{float: right !important;}
.clbo{clear: both !important;}

.plugin_image .selectfile_file, 
.plugin_background .selectfile_file, 
.plugin_flash .selectfile_file {max-width: inherit !important;}

@media (max-width: 1200px) { 
	html { font-size: 18px; }
}

@media (max-width: 768px) { 
	html { font-size: 16px; }
	.container2 {  max-width: calc(100% - 2rem);}
}

@media (max-width:499px) { 
	
}