/*
| -------------------------------------------------------------------
| common.css
| -------------------------------------------------------------------
| basic styleseet file
| - 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(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
	/* font-size:9pt;
	
	/*font-family: "Nanum Myeongjo", sans-serif;*/
	/* font-family:"Nanum Barun Gothic", sans-serif; */
	font-family: "Nanum Gothic", sans-serif;
	font-size: 1.0em;
}

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

::selection { background-color: #d95f5f; color: white; }
::-moz-selection { background-color: #d95f5f; color: white; }
mark { background: #CEECF5; border-radius: 3px; padding:4px; color: #000; font-weight:bold; }
html, div, ul, li, table, tr, td, p, span, .container, .container-fluid { margin:0px; padding:0px; }

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

/* 부트스트랩 사용시 요소의 세로 가운데 정렬을 쉽게 하기 위한 클래스 : 세로정렬시킬 요소에 상위에 해당 클래스를 적용후 요소에는 .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; } /* 개발 & 디자인 테스트용 */
.red { color:red; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.black { color:black; }
.yellow { color:yellow; }
.white { color:white; }

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

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

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

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

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


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

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

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

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

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

.active_bold { font-weight: bold;}

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

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