@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean);
@import url(https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean);	

/*reset*/
*{padding:0; margin:0;font-family: 'Noto Sans KR', sans-serif; color:#111;letter-spacing: -0.05em;}
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,font,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,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,button {
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	vertical-align: baseline;
	/* word-break: keep-all; */
	word-wrap: break-word;
	box-sizing: border-box;
}
main,footer,nav,aside,header { display:block;}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{ font-family:'Noto Sans KR', sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;}
ol,ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
table.tbl_auto {table-layout:auto}
th, td {vertical-align:middle;}

a  {text-decoration:inherit; color:inherit; word-break:break-all;}
a:visited  {}
a:active  {}

button {cursor:pointer;}

fieldset {border:none;margin:0; padding:0;}
img {/*max-width:100%;*/border:0 none; vertical-align: middle;}
form {margin:0;padding:0; display:inline; }
legend {display:none; margin:0; padding:0;}
ul,ol,li  {list-style:none;}
i,em,address {font-style:normal;}
hr { width:100%; height:1px; background:#f3f3f3; margin:20px 0px; border:0px;}
hr.no { background-color:transparent; padding:0px; margin:0px;}
label{text-indent:-9999999px;width:0;height:0;display:none;}
input{font-family:'Noto Sans KR';background:transparent;}
input[type="text"]{border:1px solid #f5f5f5;min-height:2em;}
input[type="file"]{border:0px;}
input[type="password"]{border:1px solid #f5f5f5;min-height:2em;}
input, textarea, select{border:0px;vertical-align:middle; font-family:inherit; font-size:1em; line-height:1.2em; letter-spacing:-1px; -webkit-border-radius:0;}
textarea{color:#6d6767;}
caption{ position: relative!important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }

/* skipToContent */
#skipToContent { position:absolute; top:0px; left:0; width:100%; z-index:9999; }
#skipToContent a { display:block; height:0px; width:0px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; background:#001; }
#skipToContent a:focus, #skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px; }


/* *********************************************************************************
 * 공통 기본
 * *********************************************************************************/
.hide, .HIDE, .hidden {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);color:#000}/* 내용감추기 클래스, 접근성으로 인한 display:none 또는 visibility:hidden 작성 금지 */
.blind { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.bold{font-weight:bold}
.normal{font-weight:normal}

/* dotline */
.dashed {border-top:1px dashed #CCC}
.dotline {border-top:1px dotted #CCC}
.solid {border-top:1px solid #CCC}

/* align */
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}

.fr {float:right !important;}
.fl {float:left !important;}
.fn {float:none !important;}

.clear {clear:both !important;}

.dis_inline{ display:inline !important;}
.dis_block{ display:block !important;}
.dis_i_block{ display:inline-block !important;}
.dis_n {display:none !important;}

/* position */
.position_a{position:absolute !important;}
.position_f{position:fixed !important;}
.position_r{position:relative !important;}
.position_s{position:static !important;}


/* margin */
.m0{margin:0px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.m35{margin:35px;}
.m40{margin:40px;}
.m45{margin:45px;}
.m50{margin:50px;}

.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml17{margin-left:17px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.ml200{margin-left:200px;}

.mr0{margin-right:0px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}

/* padding */
.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}

.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}

.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pl70{padding-left:70px;}
.pl130{padding-left:100px;}

.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}

/* width */
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w270 {width:270px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w320 {width:320px;}
.w330 {width:330px;}
.w340 {width:340px;}
.w350 {width:350px;}
.w360 {width:360px;}
.w370 {width:370px;}
.w380 {width:380px;}
.w390 {width:390px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w600 {width:600px;}

.wp10{width:10%;}
.wp20{width:20%;}
.wp30{width:30%;}
.wp40{width:40%;}
.wp45{width:45%;}
.wp50{width:50%;}
.wp55{width:55%;}
.wp60{width:60%;}
.wp65{width:65%;}
.wp70{width:70%;}
.wp75{width:75%;}
.wp80{width:80%;}
.wp85{width:85%;}
.wp90{width:90%;}
.wp95{width:95%;}
.wp96{width:96%;}
.wp97{width:97%;}
.wp98{width:98%;}
.wp99{width:99%;}
.wp100{width:100%;}