/*
	Document	: common.css
	Created on	: 2010/12/09 23:14:00
	Author		: Nexist, BahamuT
	Description	: 요시 이케!
*/

@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');
@font-face { font-family: 'NEXONFootballGothicBA1'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXONFootballGothicBA1.woff') format('woff'); font-weight: normal; font-style: normal; }

* { box-sizing: border-box; }
body,input,textarea,select,button,table,span,a,h1,h2,h3,h4,h5,h6,div,section { font-family:"NanumGothic", "Nanum Gothic", "나눔고딕", NanumGothic, "돋움체" , Dotum,"굴림"; }
ul,ol,menu { list-style: none; }
a {cursor:pointer; color:#333;}
a:focus, a:hover {text-decoration:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} 

/* 좌,우 여백설정 */
.m_center {margin:0 auto 0 auto !important;}

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr50 { margin-right: 50px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml50 { margin-left: 50px !important; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt50 { margin-top: 50px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px !important; }

.pdr5 {padding-right:5px !important; }
.pdr10 {padding-right:10px !important; }
.pdl10 {padding-left:5px !important; }
.pdl10 {padding-left:10px !important; }
.pdt10 {padding-top:10px !important; }
.pdt20 {padding-top:20px !important; }
.pdt30 {padding-top:30px !important; }
.pdb10 {padding-bottom:10px !important; }
.pdb20 {padding-bottom:10px !important; }

.wp100 { width:100% !important; }
.wp95 { width:95% !important; }
.wp85 { width:85% !important; }

.wx700 { width:700px !important; }
.wx500 { width:500px !important; }
.wx400 { width:400px !important; }
.wx300 { width:300px !important; }
.wx150 { width:150px !important; }
.wx110 { width:110px !important; }
.wx100 { width:100px !important; }
.wx200 { width:200px !important; }
.wx250 { width:250px !important; }
.wx80 { width:80px !important; }
.wx70 { width:70px !important; }
.wx60 { width:60px !important; }
.wx50 { width:50px !important; }
.wx30 { width:30px !important; }
.wx20 { width:20px !important; }
.wx15 { width:15px !important; }
.wx10 { width:10px !important; }

.hx20{ height:20px !important; }
.hx50{ height:50px !important; }
.hx100{ height:100px !important; }
.hx150{ height:150px !important; }
.hx200{ height:200px !important; }
.hx250{ height:250px !important; }
.hx300{ height:300px !important; }
.hx350{ height:350px !important; }
.hx400{ height:400px !important; }
.hx450{ height:450px !important; }
.hx650{ height:650px !important; }

/* 클리어부스 */
.c_both {clear: both !important;}
/* //클리어부스 */

/* align */
.center {text-align: center !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}
.vmiddle {vertical-align: middle !important;}

/* float */
.f_after:after {
	content: '';
	display: block; visibility: hidden;
	float: none; clear: both;
}
.f_left {float:left !important;}
.f_right {float:right !important;}
.f_none {float:none !important;}


/* 각종 컬러 */
.bold { font-weight: bold !important; }

.beige{color:#eceba8}
.red{color:#f00}
.deepBlue{color:#003399}
.blue{color:#02AAE9}
.white{color:#fff}
.black{color:#000}
.yellow{color:#FFD700}
.green{color:#0f0}
.deepGreen{color:#0c0}
.lightgreen{color:#2aff98}
.orange{color:#f90}
.silver{color:#CECECE}
.gray{color:#BBB;}

.bg_beige{background:#eceba8 !important}
.bg_red{background:#f00 !important}
.bg_white{background:#fff !important}
.bg_black{background:#000 !important; color:#FFF !important;}
.bg_black a{color:#FFF !important;}
.bg_yellow{background:#FFD700 !important}
.bg_green{background:#0f0 !important}
.bg_deepGreen{background:#0c0 !important}
.bg_lightgreen{background:#2aff98 !important}
.bg_orange{background:#f90 !important; color:#FFF !important;}
.bg_silver{background:#CECECE !important}
.bg_gray{background:#EEE !important}
.bg_blue{background:#02AAE9 !important; color:#FFF !important;}
.bg_red{background:#CC0000 !important; color:#FFF !important;}
.bg_lightyellow{background:#fbffbf }
.bg_lightpink{background:#fbe5ff }
/* //각종 컬러 */

/* 이미지 슬라이스 */
.i {text-indent:-999px; border:none; overflow:hidden; font-size:0; display:block; background-color:transparent; background-repeat:no-repeat !important; }
/* //이미지 슬라이스 */

/* 보이긔,숨기긔 */
.hide{display:none !important;}
.show{display:block !important;}
/* //보이긔,숨기긔 */