@charset "utf-8";

/* Tablet */
@media (max-width: 800px) {
	.only-pc{display:none;}

	/* 검색영역 */
	.search-area .total,
	.search-area .search-wrap{float:none;}
	.search-area .total{margin-top:0;}
	.search-area .search-wrap,
	.search-area .search-wrap select.sel,
	.search-area .search-wrap input.inp-text{margin-top:4px;}
	.search-area .search-wrap select.sel,
	.search-area .search-wrap input.inp-text{width:100%;}
	.search-area .search-wrap input.inp-text{padding-right:66px;}
	.search-area .search-wrap .btn.search{position:absolute;right:0;bottom:0;}

	/* pagination */
	.pagination{margin-top: 20px;}
	.pagination a{width: 27px; height: 27px; margin-right:3px;}
	.pagination a.num{width: auto; min-width: 27px; font-size: 14px; line-height: 27px;}

	/* 게시판(이미지형-썸네일) 목록 */
	.gallery-list li{width: 49.25%;}
	.gallery-list li:nth-child(3n){margin-right: 1.5%}
	.gallery-list li:nth-child(2n){margin-right: 0}

	/* 캘린더 */
	.calendar-box.fc .fc-toolbar h2{font-size:18px;margin-left:20px;margin-right:20px;}
	.calendar-box .fc-basic-view .fc-day-top{padding:4px;}
	.calendar-box .fc-basic-view .fc-day-top .fc-day-number{font-size:13px;}

	/* 로그인 */
	.login-box{padding: 30px 40px;}
    .login-box .login-box-wrap{max-width: 400px; background-position: 50% 0; padding-left: 0; padding-top: 300px;}

    /* 회원가입 */
    .process li{width: 20%; padding-left: 0; text-align: center;}
    .process li.current{width: 40%; padding-left: 60px; text-align: left;}
    .process li .num{position: static; font-size: 20px;}
    .process li.current .num{position: absolute; top: 20px; padding-right: 15px;}
    .process li .txt{display: none;}
    .process li.current .txt{display: block; padding-right: 15px;}

    .join-step .info-box.check{padding:20px 30px;}
    .join-step .auth-box.self{background-image:none;}
    .join-step .auth-box.ipin{background-image:none;}

    .table-basic3 .join-box{padding: 20px 0;}
    .table-basic3 .join-box-wrap{padding-top: 80px; padding-left: 0; background-position: 50% 0; text-align: center;}
    .table-basic3 .join-in-table{margin: 20px auto;}

    /* 통합검색 */
    .tot-search-box .tot-search-form{padding-left:0;}
    .tot-search-box .tot-search-form .lbl{display:none;}
    .tot-result-meta .result-meta-body ul li{width:50%;}
}

@media (max-width: 640px) {
	/* 등록된 게시물이 없을 경우 */
	table.board-list.empty-list tbody td{padding:50px 0;}
	.gallery-list.empty-list li{padding:50px 0;}

	/* 이전글, 다음글 */
	table.view-option .btn-view{padding-left:0;}
	table.view-option .btn-view:before{display:none;}

	/* 회원가입 */
    .join-step .auth-box{float: none; width: 100%;}
    .join-step .auth-box.self{background-image: url(../../images/onioncms/member/certify_img_01.png);}
    .join-step .auth-box.ipin{margin-left: 0; background-image: url(../../images/onioncms/member/certify_img_02.png);}

    .table-basic3 .join-in-table{width: auto; display: inline-block;}
    .table-basic3 .join-in-table td{display: block; text-align: center;}

    /* 사이트맵 */
    .sitemap>ul>li{float: none; width: auto; min-height: 0; margin-right: 0;}
}

/* Mobile */
@media (max-width: 480px) {

	/* pagination */
	.pagination a{width: 24px; height: 24px;}
	.pagination a.num{font-size: 13px; line-height: 22px;}
	.pagination .prev,
	.pagination .next{width: 24px}

	/* 게시판(이미지형-썸네일) 목록 */
	.gallery-list li{width: 100%;}
	.gallery-list li:nth-child(3n){margin-right: 0}

	/* 캘린더 */
	.calendar-box.fc .fc-toolbar h2{font-size:14px;margin-left:10px;margin-right:10px;}
	.calendar-box .fc-basic-view .fc-day-top{padding:2px;}
	.calendar-box .fc-basic-view .fc-day-top .fc-day-number{font-size:12px;}
	.calendar-box button.fc-today-button{height:34px;padding:0 6px;font-size:12px;}
	.calendar-box .fc-center button.fc-button{width:34px;height:34px;background-size:auto 68px;}
	.calendar-box .fc-center button.fc-prevYear-button{background-position:0 0;}
	.calendar-box .fc-center button.fc-prev-button{background-position:-33px 0;}
	.calendar-box .fc-center button.fc-next-button{background-position:0 -34px;}
	.calendar-box .fc-center button.fc-nextYear-button{background-position:-33px -34px;}

	/* 로그인 */
	.login-box{padding: 30px 20px;}
    .login-box .form-group{padding-right: 0; margin-bottom: 20px;}
    .login-box .btn-login{position: static; padding: 10px 0; width: 100%; height: auto; font-size: 18px;}
    .login-box .btn-group{padding-top: 20px;}

    /* 회원가입 */
    .process li{width: 21%;}
    .process li.current{width: 37%; padding-left: 0; text-align: center;}
    .process li.current .num{position: static; display: block;}

    .join-step .info-box.check{padding:16px 20px;}
    .join-step .auth-box.self,
    .join-step .auth-box.ipin{background-image: none;}
	
    /* 통합검색 */
    .tot-search-box{padding:30px 20px;}
    .tot-search-box .tot-search-title{font-size:24px;}
    .tot-search-box .tot-search-form .txt{height:50px;}
    .tot-result-meta .result-meta-header p{font-size:18px;}
    .tot-result-desc{padding:0 30px;}
}