@font-face {
  font-family: 'NanumSquare';
  src: url('/encbms/assets/font/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('/encbms/assets/font/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/encbms/assets/font/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('/encbms/assets/font/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/encbms/assets/font/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  300;
}

@font-face {
  font-family: 'NanumSquare';
  src: url('/encbms/assets/font/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('/encbms/assets/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/encbms/assets/font/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('/encbms/assets/font/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/encbms/assets/font/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'NanumSquare';
  src: url('/encbms/assets/font/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('/encbms/assets/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/encbms/assets/font/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('/encbms/assets/font/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/encbms/assets/font/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'NanumSquare';
  src: url('/encbms/assets/font/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('/encbms/assets/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/encbms/assets/font/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('/encbms/assets/font/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/encbms/assets/font/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  900;
}


     
* {margin: 0; padding: 0; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
html,body {font-family: 'NanumSquare';}
ol, ul, li {list-style: none;}
a {text-decoration:none; border:none;}
input,select,button,label {vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0}
h1{line-height:0;}
img,hr,button {border:0;}

.wrap {width: 866px; margin: 0 auto; position: relative;}

#header {width: 100%; height: 60px; border: 1px solid #d3d3d3;}
#header h1 {margin-top: 12px;}
#header .top_right {position: absolute; right: 0; top: 0;}

#container {clear: both; width: 100%; height: 742px; background: url('/encbms/assets/image/main/bg.png'); text-align: center;}
#container .contents {width: 100%; height: 742px; background: url('/encbms/assets/image/main/bg_center.png') center 0 no-repeat; *zoom:1;}
#container .contents:after {content:""; display:block; clear:both;}

#container .contents .ct_txt {font-size: 24px; font-weight:300; color: #555; padding: 50px 0 29px 0;}
#container .contents .ct_txt b {color: #42a9d4; font-weight: 700;}

#container .ct {width: 410px; height: 587px; padding: 25px;}
#container .ct:hover {
	-webkit-box-shadow:2px 2px 57px -18px rgba(51, 51, 51, 100);
	-moz-box-shadow:2px 2px 57px -18px rgba(51, 51, 51, 100);
	-o-box-shadow:2px 2px 57px -18px rgba(51, 51, 51, 100);
	-ms-box-shadow:2px 2px 57px -18px rgba(51, 51, 51, 100);
	box-shadow:2px 2px 57px -18px rgba(51, 51, 51, 100);
	}
#container .ct .tit {margin-top: 22px; line-height: 36px; color: #313131; }
#container .ct .tit h2 {margin-top: 10px; color: #313131; font-size: 30px; font-weight: 700;}
#container .ct .tit p {font-size: 15px;}
#container .ct li {display: inline-block;}
#container .ct_bms {float:left; background: url('/encbms/assets/image/main/bg_bms.png') no-repeat;}
#container .ct_pay {float:right; background: url('/encbms/assets/image/main/bg_pay.png') no-repeat;}

#container .inner {text-align: left; color: #fff; margin-top: 100px;}
#container .inner h3 {font-size: 35px; font-weight: 700; margin-bottom: 10px;}
#container .inner p {font-size: 15px; line-height: 22px;}
#container .inner ul {position: absolute; top: 386px;}
#container .inner li {width:87px; text-align: center;}
#container .inner li a {color: #fff;}
#container .inner li a:hover {color: #fff; opacity: 0.7;}
#container .inner li p {font-size: 14px; font-weight: 600; margin-top: 7px;}

#container .ct .btn {width:360px; height: 64px; position: absolute; top: 523px; line-height: 64px;}
#container .ct .btn a {display:block; color: #fff; font-size: 17px; font-weight: 700;}
#container .ct .btn a img {margin-left: 6px;}

#container .btn_bms i {color: #fff799;}
#container .btn_pay i {color: #facd89;}

#footer {clear: both; font-size: 11px; padding: 23px 0; font-weight: 700; text-align: center;}
#footer .info {color: #8d8d8d; line-height: 16px;}
#footer .info li {display:inline-block; margin-right: 10px;}
#footer .info p {clear: both;}

/*#footer .nav {position: absolute; right: 0; top: 0;}
#footer .nav li {float: left; font-size: 12px; margin-left: 10px;}
#footer .nav li a {color: #7b7b7b; border-left: 1px solid #a1a1a1; padding-left: 8px}
#footer .nav li:first-child a{border: 0;}*/