@charset "EUC-KR";
body {margin:0;padding:0}
img{display:block;margin:0 auto}

.main{width:100%}
.main img{width:100%}
.m_main{display:none}	

.board{width:100%; background-color:#fff; padding:100px 0}
.comment{width:1080px; margin:0 auto; padding:0 10px; box-sizing:border-box}
textarea{font-size:15px; border:1px solid #d7d7d7; width:100%; height:100px}
.btn{width:20%; background-color:#73b5f0; color:#fff; font-size:22px; font-weight:500; text-align:center}
.guide{font-size:14px; color:#c5c5c5; padding:5px 0 20px 0; word-spacing:-3px}


/* Media Query */
@media all and (max-width:380px) {
.main{display:none}
.m_main{display:block; visibility:visible}
.m_main img{ width:100%}
.board{padding:50px 0}
.comment{width:100%; margin:0 auto}
textarea{font-size:15px; border:1px solid #d7d7d7; width:100%; height:100px}
.btn{width:25%; background-color:#73b5f0; color:#fff; font-size:22px; font-weight:500; text-align:center; padding:0 10px}
.guide{font-size:14px; color:#c5c5c5; padding:5px 0 20px 0}

}

@media all and (min-width:380px) and (max-width:480px) {
.main{display:none}
.m_main{display:block; visibility:visible}
.m_main img{width:100%}
.board{padding:50px 0}
.comment{width:100%; margin:0 auto}
textarea{font-size:15px; border:1px solid #d7d7d7; width:100%; height:100px}
.btn{width:25%; background-color:#73b5f0; color:#fff; font-size:22px; font-weight:500; text-align:center; padding:0 10px}
.guide{font-size:14px; color:#c5c5c5; padding:5px 0 20px 0}

}

@media all and (min-width:481px) and (max-width:767px ){
.main{display:none}
.m_main{display:block; visibility:visible}
.m_main img{width:100%}
.board{padding:50px 0}
.comment{width:100%; margin:0 auto}
textarea{font-size:15px; border:1px solid #d7d7d7; width:100%; height:100px}
.btn{width:25%; background-color:#73b5f0; color:#fff; font-size:22px; font-weight:500; text-align:center; padding:0 10px}
.guide{font-size:14px; color:#c5c5c5; padding:5px 0 20px 0}

}

@media all and (min-width:768px) and (max-width:950px) {
.main{display:none}
.m_main{display:block; visibility:visible}
.m_main img{width:100%}
.board{padding:50px 0}
.comment{width:100%; margin:0 auto}
textarea{font-size:15px; border:1px solid #d7d7d7; width:100%; height:100px}
.btn{width:25%; background-color:#73b5f0; color:#fff; font-size:22px; font-weight:500; text-align:center; padding:0 10px}
.guide{font-size:14px; color:#c5c5c5; padding:5px 0 20px 0}
}

@media all and (min-width:951px) and (max-width:1080px) {
.comment{width:100%}
}

@media all and (width:1080px) {
.comment{width:100%}	
}