@charset "UTF-8";

@media (max-width: 1024px){

	.at_board .gallery1 li {width: calc(33.333% - 21px)}
	.at_board .gallery1 li:nth-child(n+4) {margin-top:20px}

	.at_board .gallery2 li {width: calc(33.333% - 20px)}
	.at_board .gallery2 li:nth-child(n+4) {margin-top:20px}

	.at_board .webzine2 li {width: calc(33.333% - 20px)}
	.at_board .webzine2 li:nth-child(n+4) {margin-top:20px}

	.at_board .youtube1 li {width: calc(33.333% - 20px)}
	.at_board .youtube1 li:nth-child(n+4) {margin-top:20px}

	.at_board .youtube2 li {width: calc(33.333% - 20px)}
	.at_board .youtube2 li:nth-child(n+4) {margin-top:20px}

}

@media (max-width: 768px){

	.at_board .category_tab {flex-wrap:wrap; justify-content:unset; padding-left:1px}
	.at_board .category_tab > a {width:50%; height:35px; border:1px solid #ddd; margin-bottom:-1px}
	.at_board .category_tab > a:nth-child(even) {margin-left:-1px}
	.at_board .category_tab > a.active {height:35px;font-size:14px;color:#f05a29;border:1px solid #ccc;border-bottom:1px solid #fff;top:0;}

	.at_board .default_list .top {padding-bottom:10px}
	.at_board .default_list .top .total {padding-bottom:10px}
	.at_board .default_list .top .search_box {width:100%; position:inherit}

	.at_board .default_list ul li.head {display:none}
	.at_board .default_list ul li.item {padding:10px 0 10px 10px; display:block}
	.at_board .default_list ul li.item div {text-align:left; padding:0; display:inline-block; margin-right:10px; color:#666}
	.at_board .default_list ul li.item div a {color:#666}
	.at_board .default_list ul li.item div.title {min-width:inherit}
	.at_board .default_list ul li.item div.title a {text-overflow:unset; white-space:inherit; color:#333; line-height:1.5; padding:5px 0; font-size:15px}
	.at_board .default_list li.item div:not(.title, .check, .num):after {display:inline-block; content:""; height:10px; width:1px; background:#9c9c9c; margin-left:10px}
	.at_board .default_list li.item div:not(.title) {font-size:14px}
	.at_board .default_list li.item div:last-child:after {display:none}

	.at_board .default_list .check {width:auto; flex-basis:unset; margin-right:5px}
	.at_board .default_list .num {width:auto; flex-basis:unset; margin-right:0; padding-right:0; margin-right:0 !important}
	.at_board .default_list .title {-webkit-box-flex:unset; flex:unset; text-align:left; display:block !important; margin-top:5px}
	.at_board .default_list .category,
	.at_board .default_list .date,
	.at_board .default_list .name,
	.at_board .default_list .read,
	.at_board .default_list .vote,
	.at_board .default_list .blamed {width:auto; flex-basis:unset}
	.at_board .default_list .read:before {content:"조회 :"; display:inline-block; margin-right:5px}
	.at_board .default_list .vote:before {content:"추천 :"; display:inline-block; margin-right:5px}
	.at_board .default_list .blamed:before {content:"비추천 :"; display:inline-block; margin-right:5px}

	.at_board .webzine1 {font-size:0}
	.at_board .webzine1 li {min-height:inherit; width: calc(50% - 30px); margin-left:30px; display:inline-block; vertical-align:top}
	.at_board .webzine1 li .cnt_left {width:100%; text-align:left; margin-right:0; display:block; vertical-align:top; margin-bottom:20px}
	.at_board .webzine1 li .cnt_right {width:100%; display:block; font-size:16px; vertical-align:top}

	.at_board .write_form ul li.item > label {display:block; width:100%; padding-left:0}
	.at_board .write_form ul li .tit_edit {display:block; width:100%}
	.at_board .write_form ul li .inp_txt,
	.at_board .write_form ul li .inp_textarea {width:100%}

	.at_board .view .comment_write .author ul li {display:block; margin-bottom:10px}
	.at_board .view .comment_write .author ul li:last-child {margin-bottom:0}
	.at_board .view .comment_write .author ul li .inp_txt {width:100%}

}

@media (max-width: 640px){

	.at_board {font-size:14px}

	.at_board .button.ssmall {font-size:12px; height:24px; line-height:22px; padding:0 9px}
	.at_board .button.small {font-size:13px; height:30px; line-height:28px; padding:0 9px}
	.at_board .button.medium {font-size:14px; height:34px; line-height:32px; padding:0 12px}
	.at_board .button.large {font-size:16px; height:42px; line-height:40px; padding:0 17px}

	.at_board .view .info a.btn {display:none}
	.at_board .view .comment_list .item .item_aside {float:none; display:block; width:100%; margin-right:0}
	.at_board .view .comment_list .item .item_content {padding-left:0}

	.at_board .view .contents iframe,
	.at_board .view .contents object,
	.at_board .view .contents embed {width:100%}

	.at_board .default_list li.item div:not(.title) {font-size:13px}

	.at_board .gallery1 li {width: calc(50% - 21px)}
	.at_board .gallery1 li:nth-child(n+3) {margin-top:20px}
	.at_board .gallery1 li .etc {padding-top:0}
	.at_board .gallery1 li .etc dl dd {font-size:13px}

	.at_board .gallery2 li {width: calc(50% - 20px)}
	.at_board .gallery2 li:nth-child(n+3) {margin-top:20px}
	.at_board .gallery2 li .info .txt dl dd {font-size:13px}

	.at_board .youtube1 li {width: calc(50% - 20px)}
	.at_board .youtube1 li:nth-child(n+3) {margin-top:20px}
	.at_board .youtube1 li .etc {padding-top:0}

	.at_board .youtube2 li {width: calc(50% - 20px)}
	.at_board .youtube2 li:nth-child(n+3) {margin-top:20px}
	.at_board .youtube2 li .etc {padding-top:0}

	.at_board .webzine1 {margin-left:0; font-size:0}
	.at_board .webzine1 li {width:100%; margin-left:0; display:block}
	.at_board .webzine1 li .cnt_right .etc dl dd {font-size:13px}
	.at_board .webzine1 li .cnt_right .title {font-size:16px}

	.at_board .webzine2 li {width: calc(50% - 20px)}
	.at_board .webzine2 li:nth-child(n+3) {margin-top:20px}

	.at_board .youtube1 li .etc dl dd {font-size:13px}
	.at_board .youtube2 li .etc dl dd {font-size:13px}

	.at_board .page_nav.mobile {display:block}
	.at_board .page_nav.pc {display:none}

}

@media (max-width: 480px){

	.at_board .webzine2 {margin-left:0}
	.at_board .webzine2 li {width:100%; margin-left:0}
	.at_board .webzine2 li:nth-child(n+2) {margin-top:20px}

}

@media (max-width: 360px){

	.at_board .confirm {width:100%}

	.at_board .view .info {line-height:30px}
	.at_board .view .comment_list .item .item_content input[type="password"] {width:170px}

	.at_board .gallery1 {margin-left:0}
	.at_board .gallery1 li {width:100%; margin-left:0}
	.at_board .gallery1 li:nth-child(n+2) {margin-top:20px}

	.at_board .gallery2 {margin-left:0}
	.at_board .gallery2 li {width:100%; margin-left:0}
	.at_board .gallery2 li:nth-child(n+2) {margin-top:20px}

	.at_board .youtube1 {margin-left:0}
	.at_board .youtube1 li {margin-left:0; width:100%}
	.at_board .youtube1 li:nth-child(n+2) {margin-top:20px}

	.at_board .youtube2 {margin-left:0}
	.at_board .youtube2 li {margin-left:0; width:100%}
	.at_board .youtube2 li:nth-child(n+2) {margin-top:20px}

}