/*
| -------------------------------------------------------------------
| common.css
| -------------------------------------------------------------------
| basic styleseet file
| - font
| - margin
| - padding
| - border
|
| by MJ
|
*/
/* 기본 세팅 */
/*
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
*/
@import url(common/css/fonts.css);
body { 
	/*
	font-family: "nanum", sans-serif;
	font-family: "nanum_B", sans-serif;
	font-family:"nanum_EB", sans-serif;

	font-family: "nanumMJ", sans-serif;
	font-family: "nanumMJ_B", sans-serif;
	font-family: "nanumMJ_EB", sans-serif;

	font-family: "nanumBR_UL", sans-serif;
	font-family: "nanumBR_L", sans-serif;
	font-family: "nanumBR_R", sans-serif;
	font-family: "nanumBR_B", sans-serif;
	 */
	font-family: "nanum", sans-serif;
}

html, div, p, ul, li {margin:0px; padding:0px;}
dl,ul,ol,menu,li {list-style:none;}
a {text-decoration: none; outline: 0;}

/* 크롬에서 하단 빈영역 생기는 문제해결 - 2016 MJ */
audio { display:none; }


/* 부트스트랩 기본 좌우 내부 여백 15px 제거후 가로스크롤링 안되게 하기 */
.container, .container-fluid {padding-left:0px; padding-right:0px; overflow-x:hidden; overflow-y:hidden; }
/* 부트스트랩 사용시 요소의 세로 가운데 정렬을 쉽게 하기 위한 클래스 : 세로정렬시킬 요소에 상위에 해당 클래스를 적용후 요소에는 .inline 클래스를 적용시키면됨*/
.vertical-middle{vertical-align:middle;display:table-cell;}
/* 부트스트랩 사용시 요소의 가운데 정렬을 쉽게 하기 위한 클래스 : 상위 요소에 클래스 text-center를 먼저 선언 해야 작동함 */
.inline {display:inline-block;}

/* 텍스트 굵게 */
.text-bold { font-weight:bold; }
 /* 개발 & 디자인 테스트용 */
.border1 { border:1px solid red; }


/* ****************** 부트스트랩 기본 패딩 제거 *******************/
/*
div .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 .row{ 
	padding:0px; margin:0px; 
}
*/

/* ****************** margin *******************/
.mg0 {margin:0px !important;}
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg50 {margin:50px !important;}
.mg55 {margin:55px !important;}
.mg60 {margin:60px !important;}
.mg80 {margin:80px !important;}
.mg100 {margin:100px !important;}
.mg200 {margin:200px !important;}
.mg300 {margin:300px !important;}
.mg400 {margin:400px !important;}
.mg500 {margin:500px !important;}

/* margin-top */
.mt0 {margin-top:0px !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;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;}
.mt100 {margin-top:100px !important;}
.mt200 {margin-top:200px !important;}
.mt300 {margin-top:300px !important;}
.mt400 {margin-top:400px !important;}
.mt500 {margin-top:500px !important;}

/* margin-right */
.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;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr80 {margin-right:80px !important;}
.mr100 {margin-right:100px !important;}
.mr200 {margin-right:200px !important;}
.mr300 {margin-right:300px !important;}
.mr400 {margin-right:400px !important;}
.mr500 {margin-right:500px !important;}

/* margin-bottom */
.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;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}
.mb200 {margin-bottom:200px !important;}
.mb300 {margin-bottom:300px !important;}
.mb400 {margin-bottom:400px !important;}
.mb500 {margin-bottom:500px !important;}

/* margin-left */
.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;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml80 {margin-left:80px !important;}
.ml100 {margin-left:100px !important;}
.ml200 {margin-left:200px !important;}
.ml300 {margin-left:300px !important;}
.ml400 {margin-left:400px !important;}
.ml500 {margin-left:500px !important;}


/* ****************** padding ******************/
.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}
.pd55 {padding:55px !important;}
.pd60 {padding:60px !important;}
.pd80 {padding:80px !important;}
.pd100 {padding:100px !important;}
.pd200 {padding:200px !important;}
.pd300 {padding:300px !important;}
.pd400 {padding:400px !important;}
.pd500 {padding:500px !important;}

/* padding-top */
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}
.pt200 {padding-top:200px !important;}
.pt300 {padding-top:300px !important;}
.pt400 {padding-top:400px !important;}
.pt500 {padding-top:500px !important;}

/* padding-right */
.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr80 {padding-right:80px !important;}
.pr100 {padding-right:100px !important;}
.pr200 {padding-right:200px !important;}
.pr300 {padding-right:300px !important;}
.pr400 {padding-right:400px !important;}
.pr500 {padding-right:500px !important;}

/* padding-bottom */
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb80 {padding-bottom:80px !important;}
.pb100 {padding-bottom:100px !important;}
.pb200 {padding-bottom:200px !important;}
.pb300 {padding-bottom:300px !important;}
.pb400 {padding-bottom:400px !important;}
.pb500 {padding-bottom:500px !important;}

/* padding-left */
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl80 {padding-left:80px !important;}
.pl100 {padding-left:100px !important;}
.pl200 {padding-left:200px !important;}
.pl300 {padding-left:300px !important;}
.pl400 {padding-left:400px !important;}
.pl500 {padding-left:500px !important;}

.active_bold { font-weight: bold;}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/* bootstrap device-width.css */
@-ms-viewport       { width: device-width; }
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }