@charset "utf-8";

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

	/*** 버튼 - 채워진 형태 ***/
	.btn.btn-background{min-width: 60px; height: 34px; padding:0 15px; font-size: 13px; line-height: 34px;}
	/* 크기*/
	.btn.btn-background.btn-xsmall{min-width: 40px; padding:0 10px; height: 26px; font-size: 12px; line-height: 26px;}
	.btn.btn-background.btn-small{min-width: 50px; height: 30px; font-size: 13px; line-height: 30px;}
	.btn.btn-background.btn-large{height: 36px; padding:0 18px; font-size: 14px; line-height: 36px;}
	.btn.btn-background.btn-xlarge{height: 40px; font-size: 15px; line-height: 40px;}

	/*** 버튼 - 라인 형태 ***/
	.btn.btn-border{min-width: 60px; height:34px; font-size: 13px; line-height: 32px;}
	/* 크기 */
	.btn.btn-border.btn-xsmall{min-width: 40px; padding: 0 10px; height: 24px; font-size: 13px; line-height: 22px;}
	.btn.btn-border.btn-small{min-width: 60px; height: 30px; font-size: 13px; line-height: 28px;}
	.btn.btn-border.btn-large{height: 40px; padding: 0 20px; font-size: 15px; line-height: 38px;}
	.btn.btn-border.btn-xlarge{height: 40px; font-size: 15px; line-height: 38px;}

	/* 폼요소 */
	.form-control.control-split + .form-control.control-split{margin-left:0;}
	.form-control.control-split + .form-control.control-split:before{display:none;}

	input.inp-text{height:34px;font-size:13px;}
	select.sel{height:34px;font-size:13px;}
	textarea.txtarea{font-size:13px;}

	/* label */
	input.rdo + label.lbl,
	input.chk + label.lbl{margin-left:2px;}

	/* 라벨이 있는 폼요소 */
	.form-control.with-label{padding-left:70px;}
	.form-control.with-label .lbl{font-size:13px;width:70px;}

	/* 검색영역 */
	.search-area{min-height:0;}
	.search-area .total,
	.search-area .search-wrap{float:none;}
	.search-area .total{margin-top:0;font-size:13px;}
	.search-area .total .number{font-size:12px;}
	.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;height:34px;line-height:34px;}

	/* 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: 25px;}

	/* 목록 */
	table.board-list th,
	table.board-list td{padding:4px 6px;height:42px;font-size:13px;}
	table.board-list th.left,
	table.board-list td.left{padding-left:10px;padding-right:10px;}

	/* 상세 */
	table.board-write > tbody > tr > th,
	table.board-write > tbody > tr > td{padding:4px 5px;height:42px;font-size:13px;}
	table.board-write > tbody > tr > td{padding-left:10px;}
	table.board-write > tbody > tr > td.tb-content{padding:20px 15px;}
	table.board-write > tbody > tr > td.tb-content table{width:100% !important;}
	table.board-write > tbody > tr > td .file-down{font-size:13px;}

	/* 파일 첨부 */
	.file-upload .file-list .file-wrap{font-size:13px;}

	/* 문의하기(Q&A) 답변 */
	.board-answer{padding:14px 16px;}
	.board-answer .answer-head{text-align:center;border-bottom-color:#7daee0;}
	.board-answer .answer-title{color:#000;font-size:14px;font-weight:500;}
	.board-answer .answer-title:before{display:block;font-size:30px;margin-bottom:6px;margin-right:0;}
	.board-answer .answer-date{margin-top:4px;font-size:12px;}
	.board-answer .answer-date:before{font-size:14px;vertical-align:middle;margin-top:-2px;margin-right:6px;}
	.board-answer .answer-head .answer-date{position:static;}
	.board-answer .answer-body{font-size:13px;}

	/* 게시판(이미지형-썸네일) 목록 */
	.gallery-list > li{width: 49.25%  !important;}
	.gallery-list > li:nth-child(3n){margin-right: 1.5%}
	.gallery-list > li:nth-child(2n){margin-right: 0 !important;}
	.gallery-list > li .gallery-item .gallery-meta{padding:10px;}
	.gallery-list > li .gallery-item .gallery-meta h2{height:36px;font-size:16px;line-height:18px;}
	.gallery-list > li .gallery-item .gallery-meta .gallery-info{margin-top:8px;padding-top:8px;font-size:12px;line-height:16px;}
	/* 웹진처럼 세로로 길 경우 */
	.gallery-list.col-4 > li:nth-child(4n){margin-right:1.5%;}

	/* 게시판(이미지형) 상세보기 */
	.fotorama{margin-bottom:15px;}

	/* 게시판(비디오형) 상세보기 */
	.video-wrap{margin-bottom:15px;}

	/***** 기본 테이블 *****/
	.table-basic th,
	.table-basic td{height:42px;}
	.table-basic th{font-size:13px;}
	.table-basic td{font-size:13px;}
	.table-basic th.text-left,
	.table-basic.text-left th{padding-left:10px;}
	.table-basic tbody td{padding:5px 12px;}

	.table-basic2 th,
	.table-basic2 td{height:42px;}
	.table-basic2 th.text-left,
	.table-basic2.text-left th{padding-left:10px;}
	.table-basic2 th.border-bottom,
	.table-basic2 td.border-bottom{border-bottom:0;}

	/* FAQ */
	.accordian-box .accordian{border-top-width:2px;}
	.accordian-box .acdn-title{background-size:22px auto;}
	.accordian-box .acdn-title a{padding:14px 34px 14px 48px;font-size:13px;line-height:1.35;}
	.accordian-box .acdn-title a:after{right:15px;}
	.accordian-box .acdn-text{padding:15px 15px 15px 48px;font-size:13px;background-position:10px 5px;}

	/* 캘린더 */
	.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;}

	/* 모달 팝업 */
	.user .modal .modal-header{height:44px;padding:13px 15px;}
	.user .modal .modal-header .header-title{font-size:14px;}
	.user .modal .modal-content{padding:15px;}
	.user .modal .modal-content .content-title{font-size:16px;margin-bottom:6px;}
	.user .modal p.desc{font-size:13px;}
	.user .modal .modal-btn-group{margin-top:10px;}
	.user .modal .modal-close .btn-close{width:19px;height:19px;right:11px;top:13px;}
	.user .modal .modal-close .btn-close:after{font-size:15px;}

	/* 로그인 */
	.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;}
	
	.join-step .agree-box .agree-text p{font-size:13px;}
	.join-step .agree-box .agree-text p + table{margin-top:5px;}
	.join-step .agree-box .agree-text table + p{margin-top:5px;}

    .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{margin-bottom:25px;padding:20px 15px;}
	.tot-search-box .tot-search-title{margin-bottom:15px;font-size:16px;}
    .tot-search-box .tot-search-form{padding-left:0;border-width:2px;padding-right:40px;width:90%;}
    .tot-search-box .tot-search-form .lbl{display:none;}
	.tot-search-box .tot-search-form .txt{height:34px;font-size:14px;}
	.tot-search-box .tot-search-form .btn-submit{width:40px;height:34px;margin-top:-17px;background-size:20px auto;}

	.tot-result-meta{border-top-width:2px;}
	.tot-result-meta .result-meta-header p{padding:15px;font-size:14px;}
	.tot-result-meta .result-meta-body ul li{width:50%;}
	
	.tot-result-box{margin-top:25px;}
	.tot-result-box .tot-result-header{padding:0 15px;}
	.tot-result-box .tot-result-header p{font-size:15px;padding-top:11px;}
	.tot-result-box .tot-result-body ul li{padding:15px;}
	.tot-result-box .tot-result-body ul li p.result-title{font-size:14px;}
	.tot-result-box .tot-result-body ul li p.result-summary{padding-bottom:6px;font-size:13px;}
	.tot-result-box .tot-result-body ul li p.result-link a{font-size:12px;}
	.tot-result-desc{margin-top:20px;padding:0 30px;}
	.tot-result-desc p{font-size:13px;}

	/*  약관동의 */
	.join-step .agree-box .agree-text{padding:12px 15px;font-size:13px;}
	.join-step .agree-box .agree-check{font-size:13px;}

	/* 이용약관, 개인정보처리방침 */
	.topbox-1{padding:3px;margin-bottom:20px;text-align:center;}
	.topbox-1 .inner{padding:14px 20px;}
	.topbox-1 .box-title{margin-bottom:7px;font-size:15px;}
	.topbox-1 .box-title .sub-title{display:block;margin-left:0;margin-top:2px;}
	.topbox-1 p{font-size:13px;}

	.terms-wrap .terms-section + .terms-section{margin-top:25px;}
	.terms-wrap h2.terms-title{margin-bottom:10px;font-size:22px;font-weight:bold;}
	.terms-wrap h3.terms-title{margin-bottom:5px;font-size:18px;font-weight:bold;}
	.terms-wrap h3.terms-title .sub-title{font-size:16px;}
	.terms-wrap .terms-text .terms-info{margin-bottom:20px;padding:10px 20px;}
	.terms-wrap .terms-text .terms-info p{font-size:14px;}
	.terms-wrap .terms-text .list-title{font-size:14px;background-position:0 2px;}
	.terms-wrap .terms-text p, 
	.terms-wrap .terms-text ol li, 
	.terms-wrap .terms-text ul li{font-size:14px;}
	.terms-wrap .terms-text .terms-list > li + li{margin-top:5px;}
	.terms-wrap .terms-text .list-title + .terms-dashed-list, 
	.terms-wrap .terms-text .list-title + .terms-dotted-list{padding-left:0;}
	.terms-wrap .terms-text .terms-dotted-list > li{padding-left:10px !important;}
	.terms-wrap .terms-text .terms-dotted-list > li:before{top:9px;width:4px;height:4px;}

}

@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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Spregvsl_vzt_01.cat);}
    .join-step .auth-box.ipin{margin-left: 0; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Spregvsl_vzt_02.cat);}

    .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:23px;height:23px;margin-right:1px;}
	.pagination a.num{font-size:13px;padding:0 4px;min-width:23px;line-height:21px;}
	.pagination a:not(.num):first-of-type,
	.pagination a:not(.num):last-of-type{display:none;}
	.pagination .prev,
	.pagination .next{width: 24px}

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

	/* 캘린더 */
	.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;} */
}