/* 교정본부 SNS Area */
.snsBox {overflow: hidden; position: relative;height:303px;box-sizing:border-box;}
.snsBox h2 {float:left;margin-right: 10px;color: #2c2c2c; font-size: 20px; font-weight: 500;}
.snsBox h2 > span {color: #2b62ac; font-weight: 500;}
.snsBox .btn {position: absolute;top: 0;display: block;width: 37px; height: 37px;background: url('../../corrections_snsApi_mod/images/snsBtn.png') left top no-repeat;text-indent: -5000px;}
.snsBox > ul > .faceB > .btn {right: 37px; background-position: left bottom;}
.snsBox > ul > .blog > .btn {right: 77px; background-position: -43px bottom;}
.snsBox .youtube > .btn {right: 0; background-position: right bottom;}
.snsBox > ul > li {float: left;width: 36px;margin-left: 5px;}
.snsBox > ul > li.active > .snsList {display: block;}

.snsBox .pass{display:none; position:absolute; top:0; right:5px; padding:2px; border:1px solid #eee; font-size:12px; color: #108A12;}

.snsList {position:absolute; top: 40px; left: 0;display: none;width: 100%; height: 261px;padding: 17px; background-color: #f9f9f9; border: 1px solid #dbdbdb;box-sizing: border-box;}
.snsList ul {overflow-y:auto; max-height: 225px;}
.snsList ul li {position: relative; padding-left: 50px; padding-bottom: 15px;}
.snsList ul li:last-child:before{display: none;}
.snsList ul li:last-child {padding-bottom: 0;}
.snsList ul li:before {content: '';display: block; position: absolute; bottom: 0; left: 17px;width: 2px; height: 100%; background-color: #e1e1e1;}
.snsList ul li:after {content: '';display: block; position: absolute; left: 0; top: 0;width: 42px; height: 42px;background: url('../../corrections_snsApi_mod/images/sns_faceB.png') left top no-repeat;}
.snsBox li.blog .snsList ul li:after {background: url('../../corrections_snsApi_mod/images/sns_blogB.png') left top no-repeat;}
.snsList ul li a {display: block; font-size: 14px;}
.snsList ul li a strong {color: #3c5a99;}
.snsList ul li a span.date {color: #7c7c7c; font-size: 13px; margin-left: 20px;}
.snsList ul li a p {color: #555555; margin-top: 5px;}
.snsBox li.blog .snsList ul li a strong {color:#023A02;}

@media screen and (max-width : 860px) and (min-width : 431px) {
	.snsBox{margin-top:15px;}	
}
@media screen and (max-width : 430px) and (min-width : 320px) {
  .snsBox {padding-left:15px;padding-right:15px;background-color:#fff;border-radius:0 0 25px 25px;height: 334px;}
  .snsBox h3 {margin-top:1.3vw;margin-left:0;}
  .snsBox > ul > .faceB > .btn {right:52px;}
  .snsBox > ul > .blog > .btn {right:89px;}
  .snsBox .youtube > .btn {right:15px;}
  .snsBox > ul > li.active > .snsList {overflow:hidden;width: 90%;left: 50%;transform: translate(-50%, 0);}
}