@charset "utf-8";

@media all and (max-width:1024px) {
  .bbs_box {width:100%;}
}

@media all and (max-width:1240px) {
  nav {display:none;}
   #mNaviOpen {display:block;}
  #mNavi {display:block;}
  .contact_area {width:100%;}
  .exhi ul li .img {height:360px;}
  .exhi ul li .title .hit_count {display:block; margin-left:0; margin-top:10px;}
  .contact_info {width:100%;}
}
@media all and (max-width:1024px) {
	header .inner {width:90%; min-width:auto;}
	#container, #m_container {width:90%; min-width:auto;}
	#wrap {width:100%;}
  
  .artist_info .r_text > div > div {width:calc(96% / 2); margin-right:4%;}
  .artist_info .r_text > div > div:nth-of-type(2) {margin-right:0%;}
  .bbs_box .view_b img {height:auto !important;}
  .exhi ul li {width:100%; margin-bottom:30px;}
  .exhi ul li .title {padding:20px 0;}
  .exhi ul li .title p {font-size:18px; height:25px;}
  .exhi ul li .title i {font-size:14px; margin-top:15px;}
}

@media all and (max-width:768px) {
  header .inner {height:100px;}
  header h1 a {background-size:contain; width:185px;}
  .artist_info .r_text > div > div {width:100%; margin-right:0%;}
  .artist_info .r_text > div > div:nth-of-type(2) {margin-right:0%;}

  .bbsList01 ul li {font-size:18px;}
  .bbsList01 ul li > a {flex-direction: column-reverse;}
  .bbsList01 ul li:after {display:none;}
  .bbsList01 ul li p {display:flex; flex-direction:column; left:0; padding:0 20px; top:40%; width:100%;}
  .bbsList01 ul li p em {text-align:left; margin:15px 0 5px; width:100%; font-size:12px;}
  .bbsList01 ul li p > span {min-width:100%;}
  .bbsList01 ul li > a > span {padding:0 20px; width:100%; text-align: left; height:auto; font-weight:500; font-size:12px;}
  .bbsList01 ul li span em {position:relative; top:inherit; left:inherit; font-weight:500; font-size:12px; color:#838383;}
  .bbsList01 ul li span em:before {content:'.'; display:inline-block;}
  .bbsList01 ul li.notice {background:#f1f1f1;}
  .bbsList01 ul li.notice p {top:50%;}
  .bbsList01 ul li.notice span {display:none;}

  .bbsSrch {width:100%;}
  .btn_area {margin-bottom:20px; overflow:hidden}
  .btn_area a {margin-bottom:10px;}
  .bbsSrch select {width:22%; margin-right:2%;}
  .bbsSrch .srch_input {width:76%;}

  .artist_info .r_text > div > div:last-child {margin-bottom:0;}

  .sub_login .login_wrap {width:100%;}
  
  .pagination a, .pagination strong {min-width:30px; height:30px; line-height:30px; font-size:14px; margin:0;}
}

@media all and (max-width:680px) {
	#divpop {width:90%; left:5%; top:10%;}
	#divpop img {width:100%;}
}

@media all and (max-width:425px) {
  .contact_area {margin-top:100px; width:100%;}
  .info_area p {font-size:16px;}
  .location_area dl dt {margin-top:4px;}
  .contact_area ul li {float:none; width:100%;}
  .contact_area ul li:first-child {margin-bottom:70px;}
  .artist_info h3 {font-size:25px; text-align: center;}
  footer .flogo a {width:180px; background-size:contain}
  footer .info {margin-top:10px;}
  footer .info p {font-size:12px; line-height:20px;}

  .exhi ul li .img {height:380px;}
  .tab ul li {display:block; width:100%; border:1px solid #ddd; margin-bottom:8px;}
  .tab ul li a {display:block; width:100%; height:100%; padding:10px 0; font-size:16px;}
  .tab ul li:after{display:none;}
  .bbs_box .view_file div:first-child {width:100%; float:none; padding-bottom:0;}
  .bbs_box .view_file div:last-child {width:100%;}
  .bbs_box .view_t span.date {font-size:16px;}
  .bbs_box .view_t {font-size:20px;}
  .artist_info .r_text {font-size:14px;}
  .artist_info .profile01 .profile_text ul {font-size:14px;}
  .bbsList01 ul li {font-size:16px;}
  .bbs_box .view_file div:first-child,
  .bbs_box .view_file div:last-child {font-size:16px;}
  .label_info {font-size:10px; letter-spacing:-1px; padding-left:10px;}
}