@media screen and (min-width:320px) and (max-width:1200px) {
.gnb_Fixed .logo img	{display:none}
.gnb_wrap .gnb li		{padding:18px 22px!important}
.gnb_wrap .gnb ul li:hover ul.m1	{height:190px!important; !important}
.gnb_wrap .gnb ul li:hover ul.m2	{height:190px!important; margin-left:-55px!important}
.gnb_wrap .gnb ul li:hover ul.m3	{height:126px!important;margin-left:-20px!important}
.gnb_wrap .gnb ul li:hover ul.m4	{height:190px!important;}
#section .s_center,#sub_container .s_center {width:80%!important}	
#sub_container,.bbs_wrap	{width:100%!important}	
#sub_container h3 {font-size:3.4em!important}
#section .s_center .m_notice .notice_list	{height:180px!important;}
#section .s_center .m_notice .notice_list li{padding:1% 0!important; top:12px!important;}
#m_cham .interview	{float:left; width:60%!important}
#m_cham .newsletter	{float:right; width:40%!important}
#interview_wrap li		{width:222px!important; height:190px!important;}
#interview_wrap .hover	{width:222px!important; height:190px!important}
#interview_wrap .hover p	{padding-top:30px!important}
#m_cham .newsletter_bg .bn_newsletter	{margin-top:19px}
#m_story li		{width:180px; height:180px; margin:8px}
#m_story .hover	{width:150px; height:150px; padding:30px 15px 0}
#m_story .hover .cate	{padding:0}
#m_story .hover .btn	{display:none}
.bn_box .list img		{height:100%!important}
.bn_newsletter img		{width:100%; margin-top:30px}
#section.ft_img			{height:205px;}

.story_list .list li	{width:28%!important}
#bbs_book_view p.stitle,#bbs_book_view .contents		{width:80%!important}
.ft_wrap	{width:90%}
.ft_wrap img{width:80%}

.photo .bx-viewport	{height:auto!important}
.photo_list dt		{width:100%!important; min-width: auto!important;}
.photo_list dt a	{width:100%!important;}
.photo_list dd		{width:88%!important;height:250px!important; }


.writer_box dd			{width:28%!important}
.writer_box.writer02 dd	{width:18%!important}


/*°Ô½ÃÆÇ*/
#bbs_skin1_list	{width:100%!important; padding:0!important;}
#bbs_skin1_list .list tr.notice	{border-top:1px #000 solid}
#bbs_skin1_list .list th	{display:none}
#bbs_skin1_list .list td	{padding:30px 0}
#bbs_skin1_list .list td img{display:none}
#bbs_skin1_list .top p		{display:none}
#bbs_skin1_list .subject a, #bbs_skin1_list .subject a:visited	{font-size:22px; line-height:1.8}
#bbs_skin1_list .subject	{width:80%}
#bbs_skin1_list .no			{display:none}
#bbs_skin1_list .date		{width:20%; font-size:18px}
#bbs_skin1_view	{width:auto!important;}
#bbs_skin1_view .title, #bbs_skin1_view .contents	{width:80%}
#bbs_skin1_view .title	{font-size:44px}
#sub_container h3 span	{font-size:25px}
#bbs_skin1_view .contents img	{width:100%}

.rows .list			{width:900px!important; margin:0 auto}
.rows .list li img	{min-height:100%}
.rows .list .hover p{padding:10px 0!important}
.rows.three .list li{width:258px!important; height:195px!important; margin:15px;}
.rows.three.story	{background:#f7f7f7}
.rows.three.story p img	{width:100%}
.book li			{height:275px; width:20%!important}
.book li .body		{-webkit-line-clamp:4; line-height:1.4em; height:5.6em;}
#scroll_view				{height:100vh}
#scroll_view .scroll_center	{height:88vh}
#scroll_view .stitle span	{font-size:32px}
#scroll_view .stitle		{font-size:3em}
#scroll_view .sbody			{width:80%!important; font-size:26px}
#scroll_view .scroll_bg		{background-attachment:inherit!important }


#card_list dl	{width:30%}

#column_list dl	{width:98%!important; margin:1%}

#search_wrap .result_box	{width:80%}

/*¸ð¹ÙÀÏ gnb*/

nav,#hamburger ~ label {}

#hamburger { display: none; }
#hamburger ~ * {
  /*position: absolute;*/
  transition: transform 0.4s;
}
#hamburger:checked ~ * { transform: translate3d(400px, 0, 0); }
#hamburger ~ label {
  font-size: 5em;
  top: 40px; 
  left: 3%;
  cursor: pointer;
  z-index: 1;
}
#hamburger ~ nav {
  background: #fff;
  width: 400px;
  left: -400px;
  height:100%;
}
#hamburger ~ nav * {
  margin: 0; padding: 0;
  color: white;
}
#hamburger ~ nav header {
  background: teal;
  padding: 1em;
}
#hamburger ~ nav a {
  display: block;
  text-decoration: none;
  padding: 1em;
  font-size:34px;
}
#hamburger ~ nav a { background: #00356b; }

#hamburger ~ nav p.sub a{ background: #333; font-size:28px}

.body_sns,.comment_wrap	{width:80%!important}
.reply_box button	{padding:7px 30px!important}

}