/* 브라우저 업데이트 페이지 start */
html,body{margin:0;padding:0; background: #f7f7f7}
.contents{padding:0; margin-top: 20px;}
.container{margin:0 auto;max-width:840px;}
.ie-title{padding:140px 20px 40px;background:#e7f0fd url(../images/ie/i_mark.png) no-repeat center 70px;color:#fff; text-align: center; border: 1px solid #d5e0e9;}
.ie-title h3{line-height:120%;font-size:1.2em; letter-spacing: -2px; color: #206acd;}
.ie-title p{line-height:130%;font-size:1em; color: #444; letter-spacing: -1px;}
.ie-img{display: block; position: relative; width: 100%;}
.ie-img ul{margin:0;padding:0; overflow: hidden;}
.ie-img ul li{display: block; float:left; margin-left: 1%; margin-right: 1%; width: 18%; list-style:none;}
.ie-img ul li a{display: block; margin: 0 auto; padding: 20px 0; width: 100%; text-align: center; border: 1px solid #dbdbdb; border-radius: 10px; text-decoration: none;}
.ie-img ul li a:hover,
.ie-img ul li a:active,
.ie-img ul li a:focus{border-color: #206acd;}
.ie-img ul li a img, .ie-img ul li a strong, .ie-img ul li a span{display: block;}
.ie-img ul li a img{margin: 0 auto; width: 60px;}
.ie-img ul li a strong{padding-top: 10px; color: #303030; font-size: 1em;}
.ie-img ul li a span{padding-top: 5px; color: #666; font-size: 0.9em;}
.ie-img ul .left{margin-right:6%;}
.ie-icon{margin-bottom: 30px; position: relative; clear:both;}
.ie-icon ul{padding: 30px 0 0 0; margin: 0;}
.ie-icon ul li{list-style:none;padding-bottom:30px;}
.ie-icon ul li .p-title{font-weight:bold; padding-bottom: 10px; color: #222 !important;}
.ie-icon ul li p{margin:0; color: #666; font-size: 1em;}
.ie-icon .p-title2{font-weight:bold;color:#206acd;}
.ie-icon ul li img{vertical-align: middle}
.caution{margin:35px 0 30px;font-weight:bold;font-size:1.05em;color:555; text-align: center; letter-spacing: -2px;}
.img-mwid{max-width:100%;}
.tc{text-align: center; color: #555; padding: 15px 0; border-bottom: 1px dashed #bbb;}
.boxline{border: 1px solid #ddd; padding: 10px 20px; background-color: #fff;}

@media screen and (min-width: 0px) and (max-width: 359px){
	.ie-img ul li{width: 98% !important;}
}
@media screen and (max-width:767px){
	.contents{padding:10px; margin-top: 0}
	.ie-img ul li{margin-bottom: 10px; width: 48%;}
}