.m_top_intro{
	width:100%;
	height:300px;
	background-image:url('http://www.siwonhan.com/m/images/tob_bg.jpg');
	background-size:100% 100%;
}

.m_mid_area table > tr > td{
	padding-bottom:10px;
}


ul,li { list-style:none; }
em { font-style:normal; }
.kyWrap { background:#e6e0d5; padding:50px 0 40px; }
.kyTitle { width:94%; margin:0 auto; position:relative; text-align:center;  padding-bottom:30px;}
.kyTitle em { font-size:16px; letter-spacing:-1px; color:#483f3b; padding-bottom:4px; display:inline-block;  vertical-align:middle; }
.kyTitle strong { font-size:28px; letter-spacing:-1.6px; color:#483f3b; margin:0 8px 0 4px;  vertical-align:middle; display:inline-block; }
.kyTitle i { 
	background:url(/images/ic-youtube.png) no-repeat; display:inline-block; width:40px; height:29px; vertical-align:middle;
	display:inline-block; width:30px; height:22px; vertical-align:middle;
	background-size:30px auto;
}

.kyCon { width:96%; margin:0 auto; position:relative; display:flex; flex-wrap:wrap; }
.kyCon article { flex:0 0 100% ; margin:0 0; }
.kyCon article h4 { position:relative; text-align:center; }
.kyCon article h4 em { position:relative; display:inline-block; border-radius:13px 0 13px 13px; z-index:3; padding:6px 15px; color:#fff; font-size:16px; letter-spacing:-0.84px; }
.kyCon article h4:before { content:"";display:block;position:absolute;left:0;top:50%;background:#c4c4c4;width:100%;height:1px;z-index:2; }
.kyCon article:nth-child(1) h4 em { background:#8faf4b; }
.kyCon article:nth-child(2) h4 em { background:#6ab1d0; }
.kyCon article:nth-child(3) h4 em { background:#e89c3a; }
.kyCon article:nth-child(4) h4 em { background:#89847c; }
.kycList { padding:20px 0; display:flex; flex-wrap:wrap; }
.kycList li { margin-bottom:12px; flex:0 0 calc(50% - 10px); margin:0 5px; margin-bottom:10px; }
.kycList li a { display:flex; align-items:flex-start; flex-direction:column; justify-content:center; padding:10px 30px 10px 15px; font-size:23px; color:#363636; letter-spacing:-2px; position:relative; font-weight:700; border:1px solid #fff; background:#f3f0eb; border-radius:13px; box-shadow:0 5px 10px rgba(0,0,0,.1); min-height:85px; transition:all 0.3s; word-break:keep-all; line-height:1.4;}
.kycList li a > span { display:inline; }
.kycList li a > span span { display:inline;  }
.kycList li a i { position:absolute; right:6px; top:50%; width:24px; height:24px; background-size:12px 12px; margin-top:-12px; display:block; transition:all 0.3s; border-radius:50%;}

@media(max-width:500px){
	.kycList li a span.cpps span { display:block; }
}

.kycList li a.one { background:#dfe8b2;  }
.kycList li a.two { background:#d1e2e6; }
.kycList li a.three { background:#f3cd9b; }
.kycList li a.four { background:#e6d8eb; }
.kycList li a.updating { background:#ebe7de; align-items:center; color:#fff;  }
.kycList li a.updating i { display:none; }

.kyCon article .kycList li a i:before { content:"";display:block; width:22px; height:22px; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-11px; }
.kyCon article:nth-child(1) .kycList li a i:before { background:url(/images/ic-ar-green.png) no-repeat center; background-size: 9px 9px;}
.kyCon article:nth-child(2) .kycList li a i:before { background:url(/images/ic-ar-blue.png) no-repeat center; background-size: 9px 9px;}
.kyCon article:nth-child(3) .kycList li a i:before { background:url(/images/ic-ar-orange.png) no-repeat center; background-size: 9px 9px;}
.kyCon article:nth-child(4) .kycList li a i:before { background:url(/images/ic-ar-gray.png) no-repeat center; background-size: 9px 9px;}

.kyCon article:nth-child(1) .kycList li a:hover i { border:1px solid #dfe8b2; }
.kyCon article:nth-child(2) .kycList li a:hover i { border:1px solid #d1e2e6; }
.kyCon article:nth-child(3) .kycList li a:hover i { border:1px solid #f3cd9b; }
.kyCon article:nth-child(4) .kycList li a:hover i { border:1px solid #e6d8eb;}

.kycList li a:hover { background:#fff; text-decoration:none; }
.kycList li a.one:hover i { border:1px solid #dfe8b2; }
.kycList li a.two:hover i { border:1px solid #d1e2e6; }
.kycList li a.three:hover i { border:1px solid #f3cd9b;}
.kycList li a.four:hover i { border:1px solid #e6d8eb; }