@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: bold;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}


@font-face {
 font-family: 'NanumSquare';
 font-style: normal;
 font-weight: 400;
 src: url(/bongsanart/re_css/font/NanumSquare-Regular.eot);
 src: url(/bongsanart/re_css/font/NanumSquare-Regular.eot?#iefix) format('embedded-opentype'),
      url(/bongsanart/re_css/font/NanumSquare-Regular.woff) format('woff')
}

@font-face {
 font-family: 'NanumSquare';
 font-style: normal;
 font-weight: 800;
 src: url(/bongsanart/re_css/font/NanumSquare-Bold.eot);
 src: url(/bongsanart/re_css/font/NanumSquare-Bold.eot?#iefix) format('embedded-opentype'),
      url(/bongsanart/re_css/font/NanumSquare-Bold.woff) format('woff')
}


/* Common */
body{text-align: left;font-size:16px;color:#333;line-height:1.5;font-family:'Noto Sans KR', sans-serif;;font-weight:400;letter-spacing:0.005em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Noto Sans KR', sans-serif;font-size:16px;box-sizing: border-box; border:0;}

input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
input[type="text"], input[type="password"], select {border:1px solid #ccc;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
input[type=radio]{border-radius:0px 0px;-webkit-border-radius: 50%;}
input[type=radio]:checked{background:#333;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:2px;position: relative;}
button{margin:0;padding:0;border:0;background:none}
a,::after,::before{box-sizing: border-box}
a{text-decoration: none;color: #555;color: inherit;}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
table {width:100%; font-weight:400; border-spacing:0; table-layout:fixed;}

/* hidden contents */
.skip,.hidden{position:absolute; width:0px; height:0px; font-size:0; line-height:0; overflow:hidden; z-index:-1}

#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:1000;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#021b87;}

/*align set */
.taL{text-align:left !important}
.taR{text-align:right !important}
.taC{text-align:center !important}
.cB:after {content:''; display:block; clear:both;}

/* space set */
.mg_l5{margin-left:5px}
.mg_l10{margin-left:10px}
.mg_l13{margin-left:13px}
.mg_l15{margin-left:15px}
.mg_l18{margin-left:18px}
.mg_l20{margin-left:20px}
.mg_l24{margin-left:20px}
.mg_l25{margin-left:25px}
.mg_l30{margin-left:30px}

.mg_r5{margin-right:5px}
.mg_r10{margin-right:10px}
.mg_r15{margin-right:15px}
.mg_r20{margin-right:20px}
.mg_r25{margin-right:25px}
.mg_r30{margin-right:30px}

.mg_b5{margin-bottom:5px!important}
.mg_b10{margin-bottom:10px!important}
.mg_b15{margin-bottom:15px!important}
.mg_b20{margin-bottom:20px!important}
.mg_b25{margin-bottom:25px!important}
.mg_b30{margin-bottom:30px!important}
.mg_b35{margin-bottom:35px!important}
.mg_b40{margin-bottom:40px!important}
.mg_b45{margin-bottom:45px!important}
.mg_b50{margin-bottom:50px!important}
.mg_b60{margin-bottom:60px!important}
.mg_b70{margin-bottom:70px!important}
.mg_b80{margin-bottom:80px!important}
.mg_b90{margin-bottom:90px!important}
.mg_b100{margin-bottom:100px!important}

.mg_t5{margin-top:5px!important}
.mg_t10{margin-top:10px!important}
.mg_t15{margin-top:10px!important}
.mg_t20{margin-top:20px!important}
.mg_t25{margin-top:25px!important}
.mg_t30{margin-top:30px!important;}
.mg_t40{margin-top:40px!important;}
.mg_t50{margin-top:50px!important;}
.mg_t60{margin-top:60px!important;}
.mg_t70{margin-top:70px!important;}
.mg_t80{margin-top:80px!important;}
.mg_t90{margin-top:90px!important;}

/* width set */
.w_10{width:10px!important;}
.w_30{width:30px!important;}
.w_40{width:40px!important;}
.w_50{width:50px!important;}
.w_60{width:60px!important;}
.w_70{width:70px!important;}
.w_80{width:80px!important;}
.w_90{width:90px!important;}
.w_100{width:100px!important;}
.w_110{width:110px!important;}
.w_120{width:120px!important;}
.w_130{width:130px!important;}
.w_150{width:150px!important;}
.w_160{width:160px!important;}
.w_180{width:180px!important;}
.w_200{width:200px!important}
.w_250{width:250px!important}
.w_300{width:300px!important}
.w_350{width:350px!important}
.w_400{width:400px!important}
.w_410{width:410px!important}
.w_420{width:420px!important}
.w_500{width:500px!important}
.w_600{width:600px!important}

.wps_5{width:5%!important;}
.wps_6{width:6%!important;}
.wps_7{width:7%!important;}
.wps_8{width:8%!important;}
.wps_10{width:10%!important;}
.wps_12{width:12%!important;}
.wps_13{width:13%!important;}
.wps_14{width:14%!important;}
.wps_15{width:15%!important;}
.wps_16{width:16%!important;}
.wps_17{width:17%!important;}
.wps_18{width:18%!important;}
.wps_20{width:20%!important;}
.wps_22{width:22%!important;}
.wps_25{width:25%!important;}
.wps_26{width:26%!important;}
.wps_28{width:28%!important;}
.wps_30{width:30%!important;}
.wps_35{width:35%!important;}
.wps_39{width:39%!important;}
.wps_40{width:40%!important;}
.wps_43{width:43%!important;}
.wps_45{width:45%!important;}
.wps_48{width:48%!important;}
.wps_50{width:50%!important;}
.wps_55{width:55%!important;}
.wps_60{width:60%!important;}
.wps_65{width:65%!important;}
.wps_70{width:70%!important;}
.wps_75{width:75%!important;}
.wps_80{width:80%!important;}
.wps_85{width:85%!important;}
.wps_90{width:90%!important;}
.wps_95{width:95%!important;}
.wps_100{width:100%!important;}

/*color set*/
.blue {color:#000;}/* 포인트로 사용한 파랑색, 주황색은 검정이나, 본문글에 사용한 색상으로 변경 */
.orange {color:#000;}/* 포인트로 사용한 파랑색, 주황색은 검정이나, 본문글에 사용한 색상으로 변경 */
.red {color:#cc0000;}
.gray {color:#999;}

/* font-size set */
.fs_20 {font-size:20px;}
.fs_24 {font-size:24px;}