* { padding:0; margin: 0; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif; }
a { color: inherit; text-decoration: none; display: inline-block; }
a:hover { opacity: 0.8; }
strong { font-weight: bold; display: block; }

.wrap { width: 100%; height: 100%; min-width: 360px; overflow: hidden; position: absolute; right: 0; bottom: 0; left: 0; top: 0; }
.wrap header { height: 48px; line-height: 48px; text-align: center; border-bottom: 1px solid #EFEFEF; }
.wrap .content { height: calc( 100% - 28px ); overflow: hidden; overflow-y: auto; }
.wrap section { padding: 20px; color: #fff; }
.wrap section a { padding: 12px 20px; border-radius: 4px; box-shadow: 2px 2px 20px rgba(0,0,0,0.1 ); margin-bottom: 12px; font-size: 24px; display: flex; align-items: center; justify-content: space-between; }
.wrap section a strong { font-size: 28px;  }
.wrap section a img+* { text-align: right; }
.wrap section a.insr1 { background: #FFE198; color: #000; height: 106px; }
.wrap section a.insr2 { background: #5EB3FE; height: 61px; }
.wrap section a.insr3 { background: #5E7EFF; height: 61px; }
.wrap section a.insr4 { background: #A77CFE; height: 61px; }
.wrap section a.insr5 { background: #72DB76; height: 61px; }
.wrap section a.insr6 { background: #FFCCCC; color: #000; height: 70px;}
.wrap footer { color: #707070; font-size: 13px; padding: 0 20px 20px;}


/*pc 반응형*/
@media (min-width: 767px) and (max-width: 1200px) { 
	/*레이아웃변경*/
	.wrap section div { display: flex;  }
	.wrap section div a { flex: 1; }
	.wrap section div a:nth-child(1) { margin-right: 12px; }
}