/*공통영역*/
body{font-family:Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;color: #383d41;}
body,div,section,article,img,figure,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,input,p,form,table,tr,td,th,fieldset,.main,a{margin: 0;padding: 0;word-break:break-all;}
header,main, address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
a{color: black;text-decoration:none;cursor: pointer;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:12px}
ul, ol, li{list-style: none;}
address, strong{font-style: normal;font-weight: normal;}
.hidden{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; font-size: 0;}
fieldset, img{border:0px;}
table{border-collapse: collapse;}
/*공통영역끝*/

body{background: #fff; overflow-y: hidden;}

.sns_selec_form{display: block; height:40px; padding: 0 10px; background: url(../../img/img_teaser/sns_top_txt.png) center center no-repeat;background-size: contain;}
.sns_selec_form label{display: block; float: left; width: 50px; height: 50px; text-indent: -9999px; background: center center no-repeat; background-size: contain; margin-right: 10px; opacity: 0.4; cursor: pointer}
.sns_selec_form label:hover,.sns_selec_form input:checked+label{opacity: 1}

.sns_form{display: block; float: left; width: 100%; height: 70px; padding: 20px 0}
.sns_form .sns_photo_img{margin-right: 15px}
.sns_input{width: 85%; height: 60px;resize: none; border: 1px solid #ddd}
.sns_input_btn{display: block; float: right; width: 10%; height: 65px; margin:0 10px 0 0; border: 1px solid #444; background-color:#444; color: #fff; line-height: 65px; cursor: pointer;}
.sns_input_btn:hover{background-color: #2071cb;border: 1px solid #2071cb}

.sns_list_wrap{display: block; float: left; width: 100%;overflow-y: scroll; height: 220px; }
.sns_list{color: #888; display: block; float: left; width: 100%; padding: 15px 0; border-top: 1px solid #ddd}
.sns_info{display: block; float: right; width: 94%; padding: 0 3%; line-height: 26px;}
.sns_info strong{font-weight: bold;}
.sns_info a{display: block; float: right; color: #888; text-decoration: underline;}
.sns_info a:hover{text-decoration: none; color: #f43a0f}
.sns_txt{line-height: 14px; display: block; float: right; width: 94%; padding: 0 3%;}

/*반응형 720*/
@media screen and (max-width: 680px) {
body{font-size:11px}
}


/*반응형 460(모바일)*/
@media screen and (max-width: 460px) {
.sns_input{width: 80%; height: 60px;resize: none; border: 1px solid #ddd}
.sns_input_btn{display: block; float: right; width: 15%; height: 65px; margin:0 10px 0 0; border: 1px solid #444; background-color:#444; color: #fff; line-height: 65px; cursor: pointer;}

}