@charset "utf-8";
@import url("font.css");

body, p, img, div, table, tr, th, td, ul, ol, li, form, fieldset, input, select, textarea, dl, dt, dd{	margin:0; padding:0; border:none; list-style:none; border-spacing:0; border-collapse:collapse; resize:none;	}
h1, h2, h3, h4, h5, h6{	margin:0; padding:0;	}
a{	text-decoration:none;	}
body *{	box-sizing:border-box; line-height:140%; letter-spacing:-1px;	}
button{	cursor:pointer;	}
input, button, select{	vertical-align:middle;	}
input[type="radio"] + label{   display:inline-block; margin:0 10px 0 4px;   }

.w100{	width:100px !important;	}
.w200{	width:200px !important;	}
.w300{	width:300px !important;	}
.w400{	width:400px !important;	}
.w500{	width:500px !important;	}
.w600{	width:600px !important;	}
.w700{	width:700px !important;	}

.h100{	height:100px !important;	}
.h200{	height:200px !important;	}
.h300{	height:300px !important;	}
.h400{	height:400px !important;	}
.h450{	height:450px !important;	}
.h500{	height:500px !important;	}
.h600{	height:600px !important;	}
.h700{	height:700px !important;	}
.h800{	height:800px !important;	}

.blue{	color:#32a4ec !important;	}

.mb10{	margin-bottom:10px !important;	}
.mb20{	margin-bottom:20px !important;	}

.align_c{	text-align:center !important;	}
.align_l{	text-align:left !important;	}
.align_r{	text-align:right !important;	}

.blue{	color:#32a4ec !important;	}
.red{	color:red !important;	}


#login-wrap{	width:100%; min-width:800px; height:100vh; min-height:920px; background:url(../../images/login-bg1.jpg); background-repeat : no-repeat; background-size : 100% 100%; font-family:"Nanum Gothic"; position:relative;	}
.login-content{	width:750px; margin:0 auto; padding-top:10%;	}
.login-content h1{	margin:0; padding:0;	}
.login-box{	 margin:70px 0 0px -200px; background-color:#ffffff;  width:755px;}
.login-tabs{	padding:30px 0 0 30px; border-bottom:1px solid #d1d3d4;	}
.login-tabs:before,
.login-tabs:after{	content:""; display:table;	}
.login-tabs:after{	clear:both;	}
.login-tabs > li{	float:left; display:inline-block; margin:0 0 0 -1px; position:relative; top:1px;	}
.login-tabs > li a{	display:block; border:1px solid #d1d3d4; background-color:#f8f8f8; font-size:15px; font-weight:normal; color:#000000; padding:0 20px; height:40px; line-height:40px;	}
.login-tabs > li .current{	background-color:#ffffff; border-bottom-color:#ffffff;	}
#kakao-login:before{	content:""; display:inline-block; width:60px; height:20px; background:url(../../images/kakaopay-logo.png) no-repeat left top; margin-right:4px; vertical-align:middle;	}
.login-panels{	padding:40px;	border-top: 10px solid #0080ff;}
.login-panels .panel{	box-shadow:none; -webkit-box-shadow:none; margin:0;	}
.login-columns{	display:flex;	}
.login-columns:before,
.login-columns:after{	content:""; display:table;	}
.login-columns:after{	clear:both;	}
.login-column{	float:left; display:inline-block;  padding-bottom:60px;	 padding-top:30px;	padding-left:25px;}
.login-column:first-child{	padding-right:25px;	}
.login-column:last-child{	padding-left:40px; border-left:1px solid #e6e7e8;	}
.login-title{	font-size:24px; font-weight:bold; color:#000000; font-family: 'Nanum Myeongjo'; margin-bottom:20px;	}
.login-box input[type="text"],
.login-box input[type="password"]{	height:38px; line-height:38px; border:1px solid #d1d3d4; width:100%;	}
.login-box input#sid{	margin-bottom:5px;	}
.login-box #loginId{	background-image:url(../../images/ico-id.png); background-repeat:no-repeat; background-position:10px center; padding-left:30px; margin-bottom:10px;	}
.login-box #loginPw{	background-image:url(../../images/ico-pw.png); background-repeat:no-repeat; background-position:10px center; padding-left:30px;	}
.login-box .btn-login{	background-color:#32a4ec; border:none; font-size:16px; font-weight:bold; color:#ffffff; text-align:center;  width:100%;  height: 85%; display:block; 	}
.login-box .btn-login1{	background-color:#003964; border:none; font-size:16px; font-weight:bold; color:#ffffff; text-align:center;   width:100%; height: 85%;  display:block; 	}
.login-column#certi-login .btn-login{	background-color:#003964; margin-top:136px;	}
.login-column#certi-login{	background-repeat:no-repeat; background-position:120px 60px;	}
.phone-login{	display:block; width:100%; padding:10px 0; border:1px solid #e6e7e8; border-left:none; border-right:none;	}
.phone-login .btn-login{	background-image:url(../../images/bg-gra.jpg); border:1px solid #bcbec0; background-size:100% 100%; height:40px; padding:0 40px; font-size:14px; font-weight:bold; color:#414042; display:inline-block; line-height:40px; width:auto;	margin:0; border-radius:3px;		}	
.phone-login p{	display:inline-block; margin-left:10px; line-height:40px; font-size:14px; font-weight:normal; color:#6d6e71;	}
.login-btns{	margin-top:20px;	}
.login-btns:before,
.login-btns:after{	content:""; display:table;	}
.login-btns:after{	clear:both;	}
.login-btns a{	font-size:14px; font-weight:normal; color:#6d6e71; padding:4px 16px 4px 10px; background-image:url(../../images/btn-arrow2.png); background-repeat:no-repeat; background-position:right center;	 display:inline-block;	}
.login-btns .btn-join{	border:1px solid #d1d3d4; border-radius:3px; background-image:url(../../images/btn-arrow1.png); background-position:right 10px center; padding-right:26px;	}
.left-btn{	float:left; display:inline-block;	}
.right-btn{	float:right; display:inline-block;	}
.system-guide{	background-color:#f6f6f6; padding:5px 5px 10px 25px;  position:relative;	}
.system-guide h2{	font-size:14px; font-weight:bold; color:#000000; margin-bottom:10px;	}
.system-guide ul li{	font-size:12px; font-weight:normal; color:#414042; padding-left:10px; background:url(../../images/dotted01.png) no-repeat left 7px; margin-bottom:6px;	}
.system-guide-btns{right:20px; top:20px;	 padding-top:30px;	}
.system-guide-btns a{	display:block; font-size:12px; font-weight:bold; color:#414042; text-align:center; width:180px; height:38px; line-height:38px; border-radius:3px; border:1px solid #bcbec0; background-image:url(../../images/bg-gra.jpg); background-repeat:repeat-x; background-position:left top; background-size:100% 100%; margin-bottom:6px ; position:relative;	}
.system-guide-btns a:after{	content:""; display:inline-block; width:6px; height:12px; background:url(../../images/btn-arrow3.png) no-repeat center center; vertical-align:middle; position:absolute; right:20px; top:50%; margin-top:-6px;	}

.kakaopay-login{	width:460px; font-size:14px; color:#414042;	}
.kakaopay-login label{	display:inline-block; width:100px;	}
.kakaopay-login .keypad{	display:inline-block; margin-left:10px;	}
.kakaopay-login .keypad label{	width:auto;	}
.kakaopay-login input[type="text"]{	width:300px; margin-bottom:10px;	}
.kakaopay-login-btn{	height:68px; line-height:68px; background-color:#ffdf00; font-size:16px; font-weight:bold; color:#000000; text-align:center; border:none; width:400px; margin-top:20px;	}
.kakaopay-login-btn:before{	content:""; display:inline-block; width:64px; height:20px; background:url(../../images/btn-kakao.jpg) no-repeat left top; margin-right:10px; vertical-align:middle; 	}


/* LOGOUT */
.auto-logout{	position:absolute; left:50%; top:50%; margin:-240px 0 0 -400px; 	}
.logout-box{	width:800px; height:420px;  background-color:#ffffff; border-top:6px solid #32a4ec; box-shadow:1px 1px 5px rgba(0,0,0,0.2), -1px -1px 5px rgba(0,0,0,0.2); margin-top:10px; padding:240px 0 0 0px; background-image:url(../../images/autoLogout-img.png); background-repeat:no-repeat; background-position:250px 20px; 	}
.logout-box dl{	margin-bottom:40px;	}
.logout-box dl dt{	font-size:20px; font-weight:800; color:#000000; text-align:center; margin-bottom:20px;	}
.logout-box dl dd{	font-size:13px; font-weight:normal; color:#414042; text-align:center;	}
.logout-box a{	display:inline-block; color:#414042; font-size:14px; font-weight:normal; border:1px solid #bcbec0; border-radius:3px; padding:4px 10px;	} 
.logout-box a:hover{	background-color:#f8f8f8;	}


@media screen and (min-height:960px){
	.login-content{	position:absolute; left:50%; top:50%; margin:-460px 0 0 -400px;	}
	#login-wrap #footer{	position:absolute; left:0; bottom:0; width:100%;	}	
}



/* POPUP */
.popup-wrap{	width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5);	}
.popup-wrap .popup{	width:650px; height:auto; background-color:#ffffff; border-radius:5px; position:absolute; left:50%; top:40%; margin:-250px 0 0 -300px; overflow:hidden; box-shadow:1px 1px 10px rgba(0,0,0,0.3), -1px -1px 10px rgba(0,0,0,0.2);	}
.popup-wrap .popup.h100{	margin-top:-50px;	}
.popup-wrap .popup.h200{	margin-top:-100px;	}
.popup-wrap .popup.h300{	margin-top:-150px;	}
.popup-wrap .popup.h400{	margin-top:-200px;	}
.popup-wrap .popup.h450{	margin-top:-225px;	}
.popup-wrap .popup.h500{	margin-top:-250px;	}
.popup-wrap .popup.h600{	margin-top:-300px;	}
.popup-wrap .popup.h700{	margin-top:-350px;	}
.popup-wrap .popup.h800{	margin-top:-400px;	}
.popup-wrap .popup.w100{	margin-left:-50px;	}
.popup-wrap .popup.w200{	margin-left:-100px;	}
.popup-wrap .popup.w300{	margin-left:-150px;	}
.popup-wrap .popup.w400{	margin-left:-200px;	}
.popup-wrap .popup.w500{	margin-left:-250px;	}
.popup-wrap .popup.w600{	margin-left:-300px;	}
.popup-wrap .popup.w700{	margin-left:-350px;	}
.popup .popup-title{	height:44px; line-height:44px; background-color:#003964; padding:0 10px;	}
.popup .popup-title h3{	font-size:16px; font-weight:800; color:#ffffff; padding-left:20px; background:url(../../images/popup-title.png) no-repeat left 14px; min-height:18px; line-height:44px; margin:0;	}
.popup .popup-close{	display:block; width:24px; height:24px; text-indent:-9999px; background:url(../../images/popup-close.png) no-repeat center center; position:absolute; right:10px; top:10px;	}
.popup-content{	padding:20px;	}
.con-title{	background-color:#f8f8f8; border:1px solid #d1d3d4; border-top:2px solid #003964; padding:8px 10px;	}
.con-title h4{	font-size:16px; font-weight:bold; color:#000000; padding-left:26px; background:url(../../images/bullet-01.png) no-repeat left top; min-height:20px; margin:0;	}
.detail-tbl table{	width:100%; margin-top:-1px	}
.detail-tbl table tr th,
.detail-tbl table tr td{	padding:5px 8px; border:1px solid #d1d3d4;	}
.detail-tbl table tr th{	font-size:14px; font-weight:normal; color:#000000; background-color:#e9f2f8;	}
.detail-tbl table tr td{	font-size:14px; font-weight:normal; color:#414042;	}
.detail-tbl table tr td label{	font-size:14px; font-weight:normal;	}
.detail-tbl table tr td input[type="radio"]{	margin-top:0;	}
.detail-tbl table tr th,
.detail-tbl table tr td{	position:relative;	}
.detail-tbl table tr th.required:before,
.detail-tbl table tr td.required:before{	content:""; display:block; width:6px; height:6px; background:url(../images/required.png) no-repeat left top;	position:absolute; left:0; top:0;	}
.detail-tbl input[type="text"],
.detail-tbl input[type="password"]{	height:28px; line-height:28px; border:1px solid #dcddde; padding:8px; font-size:12px; color:#414042;	}
.detail-tbl select{	height:28px; line-height:28px; border:1px solid #dcddde; font-size:12px; color:#414042;	}
.detail-tbl textarea{	width:100%; border:1px solid #dcddde; font-size:12px; color:#414042;	}
.detail-tbl table tr td button{	height:28px; line-height:28px; background:linear-gradient(0deg, rgba(230,231,232,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%); border:1px solid #bcbec0; border-radius:3px; font-size:12px;	}
.detail-tbl table tr td .btn-search{	text-indent:-9999px; width:28px; position:relative; border-radius:0; margin-left:-1px;	}
.detail-tbl table tr td .btn-search:before{	content:""; width:20px; height:20px; background-image:url(../../images/ico-search.png); background-repeat:no-repeat; background-position:center center; display:block; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px;	}
.tbl-bottom-txt{	font-size:12px; font-weight:normal; margin-top:5px;	}
.list-tbl.scroll-tbl{	height:200px; overflow-y:auto;	}
.list-tbl.scroll-tbl2{	height:auto; overflow-y:auto;	}
.list-tbl table{	width:100%;	}
.list-tbl table tr th,
.list-tbl table tr td{	border:1px solid #d1d3d4; padding:5px 8px;	}
.list-tbl table thead tr th{	font-size:14px; font-weight:normal; color:#000000; background-color:#e9f2f8; text-align:center;	}
.list-tbl table tbody tr td{	font-size:14px; font-weight:normal; color:#414042; text-align:center;	}
.list-tbl table tr td button{	height:28px; line-height:28px; background:linear-gradient(0deg, rgba(230,231,232,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%); border:1px solid #bcbec0; border-radius:3px; font-size:12px;	}
.popup-btns{	text-align:center; margin-top:20px;	}
.popup-btns button{	height:28px; line-height:28px; background-color:#6d6e71; border-radius:3px; padding:0 10px; color:#ffffff; font-size:12px; font-weight:normal; border:none;	}
.popup-btns button.btn-blue{	background-color:#003964;	}
.popup-content .means > dl{	margin-bottom:10px; display:block; background-color:#f8f8f8; padding:0 0 10px 10px; border:1px solid #e6e7e8;	}
.popup-content .means > dl > dt{	font-size:14px; font-weight:bold; color:#ffffff; padding:4px 10px; background-color:#414042; margin-bottom:6px;	display:inline-block; margin-top:-6px;  	}
.popup-content .means > dl > dd{	font-size:14px; font-weight:normal; color:#6d6e71; margin-bottom:4px; display:block; padding-left:15px;	}
.popup-content .result{	display:none;	}

.popup-in{   width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0;   }




/* ?�스?�사?�안??*/
#system-wrap{	width:100%; min-width:1000px; background:url(../images/login-bg.jpg) repeat; font-family:"Nanum Gothic"; position:relative;	}
.system-info{	width:1000px; margin:0 auto; position:relative;	padding-top:30px;	}
.system-info-box{		background-color:#ffffff; box-shadow:1px 1px 5px rgba(0,0,0,0.2), -1px -1px 5px rgba(0,0,0,0.2); border-top:2px solid #003964; margin-top:20px; padding:0 30px 40px 30px; margin-bottom:60px;	}
.system-info-box h2{	font-size:22px; font-weight:bold; color:#ffffff; display:inline-block; padding:6px 20px; background-color:#003964; font-family:"NanumSquare"; margin-bottom:20px;	}
.system-info-box hr{	border:none; border-bottom:1px solid #e6e7e8; box-shadow:0 1px 10px rgba(0,0,0,0.3); margin:40px 0;	}
.dotted-list > li{	padding-left:10px; background:url(../images/dotted01.png) no-repeat left 8px; font-size:14px; color:#414042; margin-bottom:5px;	}
.bullet-title{	font-size:16px; font-weight:bold; color:#000000; padding-left:26px; background:url(../images/bullet-01.png) no-repeat left top; margin-bottom:10px; display:block;	}
.system-step{	display:flex; margin-bottom:30px;	}
.system-step:before,
.system-step:after{	content:""; display:table;	}
.system-step:after{	clear:both;	}
.system-step > li{	
	width:220px; margin-left:20px; float:left; display:inline-block; font-size:16px; font-weight:bold; color:#003964; font-family:"NanumSquare"; border:1px solid #d1d3d4; border-radius:10px; text-align:center; transform:skew(-0.1deg); padding:140px 0 20px 0;	
	background-repeat:no-repeat; background-position:center 20px; position:relative;
}
.system-step > li#system-step01{	background-image:url(../../images/systeminfo-step01.png);	}
.system-step > li#system-step02{	background-image:url(../../images/systeminfo-step02.png);	}
.system-step > li#system-step03{	background-image:url(../../images/systeminfo-step03.png);	}
.system-step > li#system-step04{	background-image:url(../../images/systeminfo-step04.png);	}
.system-step > li:first-child{	margin-left:0;	}
.system-step > li:after{	content:""; width:24px; height:24px; background:url(../images/systeminfo-arrow.png) no-repeat center center; position:absolute; right:-10px; top:50%; margin:-12px 0 0 0;	}
.system-step > li#system-step04:after{	display:none;	}
.system-step > li .sub-txt{	font-size:12px; font-weight:normal; color:#414042;	}

.num-list .num-title{	font-size:16px; font-weight:bold; color:#000000; padding-left:26px; position:relative; margin-bottom:10px;	}
.num-list .num-title:before{	width:20px; height:20px; content:""; display:block; font-size:12px; font-weight:800; text-align:center; color:#ffffff; font-family:"NanumSquare"; background-color:#32a4ec; border-radius:20px; position:absolute; left:0; top:0; transform:skew(-0.1deg);	}
.num-list > li{	margin-bottom:30px;	}
.num-list > li:first-child .num-title:before{	content:"1";	}
.num-list > li:nth-child(2) .num-title:before{	content:"2";	}
.num-list > li:nth-child(3) .num-title:before{	content:"3";	}
.num-list > li .num-box{	border:1px solid #d1d3d4; border-radius:10px; padding:20px; font-size:14px; font-weight:normal; color:#414042;	}
.num-list > li .num-box p{	margin-bottom:20px;	}
.num-list > li .num-box a{	color:#32a4ec; letter-spacing:0;	}
.num-list > li .num-box a:hover{	text-decoration:underline;	}
.num-list .col2{	width:434px; margin-left:30px; float:left; display:inline-block;	}
.num-list .col2.first{	margin-left:0;	}

.arrow-list > li{	font-size:14px; font-weight:bold; color:#000000; padding-left:12px; background:url(../images/arrow-list.png) no-repeat left 5px; margin-bottom:5px;	}
.arrow-list > li .fs12{	font-size:12px; font-weight:normal; color:#414042;	}
.arrow-list.normal > li{	font-weight:normal;	}

#footer{	min-height:100px; background-color:#03253e; padding:10px 30px; font-size:12px; font-weight:normal; color:#ffffff; position:relative; 	box-shadow:8px 5px 4px 3px rgb(0 0 0 / 20%), -1px -1px 5px rgb(0 0 0 / 20%); margin-left: 100px; width: 800px; }
#footer .it-center{		position:absolute; right:40px; top:20px; color:#ffffff; padding-left:56px; background:url(../../images/it-center.png) no-repeat left top;	}
#footer .it-center dt{	font-size:14px; font-weight:normal;	}
#footer .it-center dd{	font-size:22px; font-weight:bold;	}

.ml10{	margin-left:10px !important;	}
.ml30{	margin-left:30px !important;	}
.mb30{	margin-bottom:30px !important;	}
.mt20{	margin-top:20px !important;	}



.clearfix:before,
.clearfix:after{	content:""; display:table;	}
.clearfix:after{	clear:both;	}

.refusal-box{	width:800px; height:540px; background-color:#ffffff; border-top:4px solid #32a4ec; position:absolute; left:50%; top:50%; margin:-270px 0 0 -400px; text-align:center; padding:60px; padding-top:300px; 
	background-image:url(../images/img-refusal.png); background-repeat:no-repeat; background-position:center 60px;	
}
.refusal-box dl{		}
.refusal-box dl dt{	font-size:26px; font-weight:800; color:#32a4ec; margin-bottom:10px;	}
.refusal-box dl dd{	font-size:16px; font-weight:normal; color:#414042;	}
.refusal-box .system-guide-btns{	position:relative; left:auto; top:auto; right:auto; text-align:center; margin-top:40px;	}
.refusal-box .system-guide-btns a{	display:inline-block;	}

.error-box{	width:800px; height:740px; background-color:#ffffff; border-top:4px solid #32a4ec; position:absolute; left:50%; top:50%; margin:-370px 0 0 -400px; text-align:center; padding:60px; padding-top:300px; 
	background-image:url(../images/img-error.png); background-repeat:no-repeat; background-position:center 60px;
}
.error-box p{	font-size:26px; font-weight:800; color:#32a4ec; margin-bottom:10px;	}
.error-box dl{	padding:20px; border:1px solid #e6e7e8; border-left:none; border-right:none; margin-top:40px;	}
.error-box dl dt{	font-size:16px; font-weight:bold; color:#ed1a3b; margin-bottom:10px;	}
.error-box dl dd{	font-size:16px; font-weight:normal; color:#414042;	}
.error-box dl.it-center{	padding:0; border:none; margin-top:30px;	}
.error-box dl.it-center dt{	font-size:20px; font-weight:800; color:#000000; margin-bottom:4px;	}
.error-box dl.it-center dd{	font-size:16px; font-weight:normal; color:#414042;	}
.error-box .system-guide-btns{	position:relative; left:auto; top:auto; right:auto; text-align:center; margin-top:40px;	}
.error-box .system-guide-btns a{	display:inline-block;	}
.error-box .system-guide-btns a.btn-blue{	background:#32a4ec; color:#ffffff; border:1px solid transparent;	}
.error-box .system-guide-btns a.btn-blue:after{	    background: url(../images/btn-arrow4.png) no-repeat center center;	}

.text-center {
  text-align: center;
}

.animated-text {
  font-size: 40px;
  line-height: 50px;
  margin: 100px 0;
}
.animated-text a {
  color: #666;
  text-decoration: none;
  text-shadow: 1px 1px 0px #fff, 3px 1px 0px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 0px #fff, 3px 1px 0px rgba(0, 0, 0, 0.15);
}
.animated-text a:hover {
  color: #c5a47e;
}
.animated-text span {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
}
.animated-text span:nth-of-type(1) {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.animated-text span:nth-of-type(2) {
  transition-delay: 0.125s;
  -webkit-transition-delay: 0.125s;
}
.animated-text span:nth-of-type(3) {
  transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
}
.animated-text span:nth-of-type(4) {
  transition-delay: 0.175s;
  -webkit-transition-delay: 0.175s;
}
.animated-text span:nth-of-type(5) {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.animated-text span:nth-of-type(6) {
  transition-delay: 0.225s;
  -webkit-transition-delay: 0.225s;
}
.animated-text span:nth-of-type(7) {
  transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
}
.animated-text span:nth-of-type(8) {
  transition-delay: 0.275s;
  -webkit-transition-delay: 0.275s;
  margin-right: 8px;
}
.animated-text span:nth-of-type(9) {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.animated-text span:nth-of-type(10) {
  transition-delay: 0.325s;
  -webkit-transition-delay: 0.325s;
}
.animated-text span:nth-of-type(11) {
  transition-delay: 0.350s;
  -webkit-transition-delay: 0.350s;
}
.animated-text span:nth-of-type(12) {
  transition-delay: 0.375s;
  -webkit-transition-delay: 0.375s;
}

.guide-box {
  color: #fefefe;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ddd;
}
.guide-box span {
  margin: 2px 0;
  background: #000;
  padding: 15px;
  display: block;
}