@charset "utf-8";

	@font-face{
		font-family: "함초롬바탕";
		src: local("함초롬바탕"), url("./font/hanbatang.ttf") format("truetype");
	}
	@font-face{
		font-family: "함초롬돋움";
		src: local("함초롬돋움"), url("./font/handotum.ttf") format("truetype");
	}
	@font-face{
		font-family: "opm-Bmp";
		src: local("opm-Bmp"), url("./font/opm-bmp.ttf") format("truetype");
	}
	@font-face{
		font-family: "opm-ExtB";
		src: local("opm-ExtB"), url("./font/opm-extb.ttf") format("truetype");
	}
	@font-face{
		font-family: "opm-ExtE";
		src: local("opm-ExtE"), url("./font/opm-exte.ttf") format("truetype");
	}

	/*기본 font 설정*/
	body {
		font-family:'함초롬바탕','한컴바탕','새바탕';
		color:#414042;
	}
	a {color:#414042;text-decoration:none;}
	a:hover {color:#414042;text-decoration:underline;}
	a:focus {color:#414042;}
	a:active {color:#414042;}

  .hanja1 {font-family:"함초롬바탕","한컴바탕확장","한컴바탕","새바탕","MingLiU-ExtB";}
  .hanja11 {font-family:"함초롬돋움","새돋움","MingLiU-ExtB";}
  .hanja2 {font-family:"한컴바탕확장","한컴바탕","함초롬바탕","새바탕","MingLiU-ExtB";}
  .eng { color:black;font-family:"Times New Roman"; }
  .opm-Bmp {font-family: "opm-Bmp";}
  .opm-ExtB {font-family: "opm-ExtB";}
  .opm-ExtE {font-family: "opm-ExtE";}
  .opmhanja {font-family: "opm-ExtE","opm-ExtB","opm-Bmp";}

	img { border:0; }
	table{ border-collapse:collapse; }

  .s9Font {
  	font-size:9pt;
  	line-height:10pt;
  }
  .s10Font {
  	font-size:10pt;
  	line-height:12pt;
  }
  .s12Font {
		font-size:12pt;
		line-height:14pt;
  }
  .s14Font {
		font-size:14pt;
		line-height:16pt;
  }
  .s16Font {
		font-size:16pt;
		line-height:18pt;
  }
  .s18Font {
		font-size:18pt;
		line-height:20pt;
  }

  .s1px {
		font-size:36px;
		line-height:48px;
  }
  .s2px {
		font-size:30px;
		line-height:40px;
  }
  .s3px {
		font-size:24px;
		line-height:32px;
  }
  .s35px {
		font-size:20px;
		line-height:28px;
  }
  .s4px {
		font-size:18px;
		line-height:24px;
  }
  .s45px {
		font-size:16px;
		line-height:20px;
  }
  .s5px {
		font-size:14px;
		line-height:18px;
  }
  .s6px {
		font-size:12px;
		line-height:16px;
  }
  .s7px {
		font-size:10px;
		line-height:12px;
  }

  /* Set height of the grid so .sidenav can be 100% (adjust if needed) */
  .row.content {height: 500px}
  /* Set gray background color and 100% height */
  .sidenav {
    background-color: #f1f1f1;
    height: 100%;
  }
  /* Set black background color, white text and some padding */
  footer {
    background-color: #F3F3F3;
    color: white;
    padding: 15px;
  }
  /* On small screens, set height to 'auto' for sidenav and grid */
  @media screen and (max-width: 767px) {
    .sidenav {
      height: auto;
      padding: 0px;
    }
    .row.content {height: auto;}
    .woon {
    	display:none;
    	visibility: hidden;
    }
  }
  @media screen and (max-width: 991px) {
    .sidenav {
      height: auto;
      padding: 0px;
    }
    .row.content {height: auto;}
    .woon {
    	display:none;
    	visibility: hidden;
    }
  }
  /* Note: Try to remove the following lines to see the effect of CSS positioning */
  .affix {
    top: 0;
    width: 100%;
    z-index: 9998 !important;
  }
  body {
      position: relative;
  }
  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }