/**
* File Name 
**/


@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); 
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

/* Common */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, legend, button, select, p, blockquote, th, td, table { 
  padding:0; margin:0;  font-family: 'Noto Sans KR',' sans-serif','나눔 고딕','Nanum Gothic','나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','dotum','Nanum Square';text-decoration: none; 
 }
ol, ul, li { list-style:none; margin:0; padding:0; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; text-decoration: none;}
form, fieldset { border:0; margin:0; padding:0;}
address, caption, em { font-weight:normal; font-style:normal;}


/* Link */
a { font-family: 'Noto Sans KR',' sans-serif' ; text-decoration:none;   outline: none } 
a:link a:visited {color:#000; text-decoration:none;}
a:hover, a:active { color:#000; text-decoration:none;}



/* Table */
table { border-spacing:0; padding:0; margin 0; border-collapse:collapse; border:0; empty-cells:show;}
caption { display:none;margin:0px; padding:0px; width:0px; height:0px; line-height:0px }
tr, th, td { margin:0; padding:0; }

/* float 속성 초기화 */
.clear { clear:both; display:block; float: none; font-size:0 !important; height:0; line-height:0 !important; margin:0 !important; overflow:hidden; padding:0 !important; width:100%;}

/* Form */
.input_textarea { overflow:auto; padding:3px; border:1px solid #d1d1d1; font-size:12px;}
.input_text { vertical-align:middle; padding:6px 3px; height:13px; border:1px solid #d1d1d1; font-size:12px; background:#fff;}
.input_select { vertical-align:middle; border:1px solid #d1d1d1; height:27px; padding:4px 12px 4px 3px; background:#fff; font-size:12px;}
.input_radio { vertical-align:middle; margin:2px 0;}
.input_checkbox { vertical-align:middle; margin:2px 0; border:0; vertical-align:middle;}
.input_file { padding:3px 4px; height:23px; border:1px solid #d1d1d1; font-size:12px; vertical-align:middle;}
.input_textarea { overflow:auto; padding:3px; border:1px solid #d1d1d1; font-size:12px;}
.input_select { vertical-align:middle; border:1px solid #d1d1d1; height:27px; padding:4px 12px 4px 3px; background:#fff; font-size:12px;}
.input_radio { vertical-align:middle; margin:2px 0;}
.input_checkbox { vertical-align:middle; margin:2px 0; border:0; vertical-align:middle;}
.input_file { padding:3px 4px; height:23px; border:1px solid #d1d1d1; font-size:12px; vertical-align:middle;}


/* 숨김영역 */
#accessibility, .skip, hr, legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

/* ie6 png 파일 투명처리 */
.png24 { tmp:expression(setPng24(this));}

/* ie6에서 이미지 공백 0으로 조절 */
img { border:0; margin:0; padding:0; vertical-align:top;}

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img { vertical-align:middle;}
input, textarea, select { }



/* text */
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px;!important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px;!important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font21 {font-size:21px !important;}
.font22 {font-size:22px !important;}
.font23 {font-size:23px !important;}
.font24 {font-size:24px !important;}
.font25 {font-size:25px !important;}
.font36 {font-size:25px !important;}


/* color */
.red1 {color:#ff0000 !important;}
.red2 {color:#ff2500 !important;}
.orange1 {color:#fedf80 !important;}
.orange2 {color:#fdc109 !important;}
.orange3 {color:#eacf7d !important;}
.grey1 {color:#c5c2c2 !important;}
.gray2 {color:#666 !important;}
.blue1 {color:#00b0ff !important;}

/* text align */
.textcnt { text-align:center;}
.textlnt { text-align:left;}
.textrnt { text-align:right;}


/* font-weight */
.fontb {font-weight:bold;}
.fontn {font-weight:normal;}

/*margin*/
.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgt40 {margin-top:40px;}
.mgt50 {margin-top:50px;}
.mgt60 {margin-top:60px;}
.mgt70 {margin-top:70px;}
.mgt80 {margin-top:80px;}
.mgt90 {margin-top:90px;}
.mgt100 {margin-top:100px;}
.mgt200 {margin-top:200px;}



.mgb80 {margin-bottom:80px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.malr20 {margin:0 20px!important}


/*padding*/
.pdt-50 {padding:50px 0 0 0;}
.pdtb-50 {padding:50px 0;}
.pdb-80 {padding-bottom:80px ;}
.pdb-20 {padding-bottom:20px ;}

/* ==== footer ==== */



#mfootwrap { display:none; }

#pc-footwrap { width:100%; margin:0 auto; background:#252525;  display:block; clear:both; }
#pc-footwrap .pc-foot-inner {max-width:1200px; width:100%; margin:0 auto; padding:60px 0;  }
#pc-footwrap .pc-footlogo {width:100%; text-align:center; margin:0 auto; font-size:20px; font-weight:600; margin-bottom:10px;  color:#fff;}

#pc-footwrap .pc-footinfo { width:100%; }
#pc-footwrap .pc-addin { font-size:16px; color:#f0f0f0; line-height:1.4; font-weight:400; text-align:center; letter-spacing:-0.7px}
#pc-footwrap .pc-addin spanbar {margin-right:10px; }
#pc-footwrap .pc-copyin { font-size:14px; color:#9d9d9d; line-height:1.4; font-weight:400; text-align:center; padding:10px 0; }

#pc-footwrap .pc-footbn {width:100%; text-align:center; margin:0 auto; padding-top:15px; }
#pc-footwrap .pc-footbn .pc-hompybn {width:180px; height:40px; border:1px solid #666; background:#333; padding:9px 10px;  text-align:center;  margin:0 auto; font-size:14px; font-weight:600;   color:#dcdcdc;  }
#pc-footwrap .pc-footbn .pc-hompybn:hover { background:#fea709; font-size:14px; font-weight:600;   color:#000; border:0;  }	






@media screen and (max-width: 640px) {
#pc-footwrap { display:none; }	
	
#mfootwrap { width:100%; margin:0 auto; background:#252525;  display:block; clear:both; }
#mfootwrap .mfoot-inner {width:100%; margin:0 auto; padding:30px 0;  }
#mfootwrap .mfootlogo {width:100%; text-align:center; margin:0 auto; font-size:13px; font-weight:600; margin-bottom:8px;  color:#fff;}

#mfootwrap .mfootinfo { width:100%; }
#mfootwrap .maddin {
 font-size:12px; 
 color:#f0f0f0;
 line-height:1.4;
 font-weight:400; 
 text-align:center; 
 width:100%; 
 letter-spacing:-0.5px;
}

#mfootwrap .maddin spanbar {margin-right:4px; }
#mfootwrap .mcopyin { 
 font-size:10px; 
 color:#9d9d9d; 
 line-height:13px; 
 font-weight:400; 
 text-align:center;
 width:100%;
 padding:8px 0;
}

#mfootwrap .mfootbn {width:100%; text-align:center; margin:0 auto; padding-top:15px;  }
#mfootwrap .mfootbn .mhompybn {
 width:140px; 
 height:30px;
 border:1px solid #666;
 background:#333; 
 padding:6px 10px;  
 text-align:center;  
 margin:0 auto; 
 font-size:11px; 
 font-weight:600;   
 color:#dcdcdc;
}

#mfootwrap .mfootbn .mhompybn:hover {
 background:#fea709; 
 font-size:11px; 
 font-weight:600;   
 color:#000; 
 border:0; 
 }
	
}