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




.notokr-regular { font-family:notokr-regular !important; }
.notokr-black { font-family:notokr-black !important; }
.notokr-bold { font-family:notokr-bold !important; }
.notokr-demilight { font-family:notokr-demilight !important; }
.notokr-light { font-family:notokr-light !important; }
.notokr-medium { font-family:notokr-medium !important; }
.notokr-thin { font-family:notokr-thin !important; }


/* 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', 'NanumSquareRound', 'Lato', 'Helvetica' ; text-decoration:none;   outline: none}
ol, ul, li { list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; line-height:160%; }
form, fieldset, img { border:0; margin:0; padding:0;}
address, caption, em { font-weight:normal; font-style:normal;}


/* Link */
a { font-family: 'Noto Sans KR',' sans-serif','Nanum Gothic','NanumBarunGothic','Malgun Gothic','dotum', 'NanumSquareRound', 'Lato', 'Helvetica' ; 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 { font-family:'Nanum Gothic', sans-serif;}



/* 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;}

/* color */
.red {color:#ff0000 !important;}
.orange {color:#fedf80 !important;}
.grey {color:#c5c2c2 !important;}
.blue {color:#053384 !important;}

.ftblue {color:#246ed4 !important;}
.ftblack {color:#000 !important;}
.ftgrey {color:#7a7676 !important;}



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



/* padding */
.pd_t10 {padding-top:10px;}
.pd_t15 {padding-top:15px;}
.pd_t20 {padding-top:20px;}
.pd_t25 {padding-top:25px;}
.pd_t30 {padding-top:30px;}
.pd_t35 {padding-top:35px;}
.pd_t40 {padding-top:40px;}
.pd_t45 {padding-top:45px;}
.pd_t50 {padding-top:50px;}

.pd_l10 {padding-left:10px;}
.pd_l15 {padding-left:15px;}
.pd_l20 {padding-left:20px;}
.pd_l25 {padding-left:25px;}
.pd_l30 {padding-left:30px;}
.pd_l35 {padding-left:35px;}
.pd_l40 {padding-left:40px;}
.pd_l45 {padding-left:45px;}
.pd_l50 {padding-left:50px;}

.pd_r10 {padding-right:10px;}
.pd_r15 {padding-right:15px;}
.pd_r20 {padding-right:20px;}
.pd_r25 {padding-right:25px;}
.pd_r30 {padding-right:30px;}
.pd_r35 {padding-right:35px;}
.pd_r40 {padding-right:40px;}
.pd_r45 {padding-right:45px;}
.pd_r50 {padding-right:50px;}

.pd_b10 {padding-bottom:10px;}
.pd_b15 {padding-bottom:15px;}
.pd_b20 {padding-bottom:20px;}
.pd_b25 {padding-bottom:25px;}
.pd_b30 {padding-bottom:30px;}
.pd_b35 {padding-bottom:35px;}
.pd_b40 {padding-bottom:40px;}
.pd_b45 {padding-bottom:45px;}
.pd_b50 {padding-bottom:50px;}


/* margin */
.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;}

.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.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;}


.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;}

.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;}