@charset "utf-8";
/* ==============================================
Default Styles
=============================================== */
a, a:hover, a:focus, a:active {
	text-decoration: none;
	outline: none !important;
}
ul, ol {
	padding: 0;
	margin: 0;
}
ul li, ol li {
	list-style-type: none;
}

.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.btn:hover,
.btn:focus,
.btn.focus{
	outline:none;
}
table{
	width:100%;
}
/* ==============================================
Default Styles
=============================================== */
html, body{
	height:100%;
	margin:0;
}
body{
	background:#f7f6f6;
	/*min-width:1024px;*/
}

.wrapper {
	width:100%;
	height:100%;
	font: 14px/23px "Ubuntu", "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
	background:#ede9e9;
	background-size:cover;
}
p {
	color: #333;
}
h1, h2, h3 {
	font-family: "Ubuntu", "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
	font-weight: 200;
}
h1 strong, h2 strong, h3 strong {
	font-weight: 600;
}
h1, h2, h3 {
	text-transform: uppercase;
}
h4, p {
	margin: 15px 0;
}
img {
    max-width: 100%;
    height: auto
}

/* ==============================================
보안 서비스 다운로드
=============================================== */
.security_box{
    width: 100%;
    height: 100%;
    display: inline-block !important;
	overflow: auto;
}
.security_box .modal-content{
	border-radius:8px;
}
.security_box .modal-footer{
	border:none;
}
.security_box .modal-header{
	text-align:center;
	border-bottom:none;
	padding:34px 0;
	background:#df452b;
	border-radius:8px 8px 0 0;
}
.security_box .modal-header img{
	width:243px;
	height:auto;
}
.security_box .modal-body{
	padding:15px 50px;
	border-radius:0 0 8px 8px;
}
.security_box .security_content{
	text-align:center;
}
.security_box .security_content ul {
	padding:0 15px;
}
.security_box .security_content ul li{
	margin-top:33px;
}
.security_box .security_content ul li:first-child img{
	width:115px;
}
.security_box .security_content ul li:nth-child(2) img{
	width:165px;
}
.security_box .security_content ul li:nth-child(3) img{
	width:365px;
}
.security_box .security_content ul li .box_info{
	font-size:17px;
	font-weight:bold;
	line-height:1.4em;
}
.security_box .security_btn{
	margin-top:52px;
	text-align:center;
}
.security_box .security_info{
	margin:41px 0;
	text-align:center;
}
.security_box .security_info p{
	font-size:16px;
	font-weight:bold;
}


@media(max-width:1199px){
	.modal-body{
		padding:15px 35px;
	}
}
@media(max-width:767px){
	.security_box .modal-dialog{
		margin:10px auto;
		padding: 0 10px;
	}
	.security_box .modal-content{
		margin:20px auto;
	}
}
@media(max-width:480px){
	.modal-body{
		padding:15px 15px !important;
	}
	.security_box .security_content ul {
		padding:0 5px;
	}
	.security_box .security_content ul li .box_info{
		font-size:13px;
		font-weight:bold;
		line-height:1.4em;
	}
	.security_box .security_info p{
		font-size:12px;
	}

}

