@charset "utf-8";

/* 팝업존 */
@media(max-width:1380px) {
	.pi-popupzone .pi-slide-prev{right:auto;left:-20px;}
	.pi-popupzone .pi-slide-next{left:auto;right:-20px;}
}
@media (max-width:1280px){
	.pi-popupzone-container{padding:0 15px}
	.pi-popupzone .pi-slide-container{margin:20px -15px 0;}
	.pi-popupzone .swiper-slide{padding:0 15px;}
	.pi-popupzone .pi-slide-desc{padding:40px;}
	.pi-popupzone .pi-slide-desc:before{top:36px;right:32px;width:54px;}
	.pi-popupzone .pi-slide-desc>strong{font-size:24px}
	.pi-popupzone .pi-slide-desc:after{width:240px}
}
@media (max-width:767px){
	.pi-popupzone .pi-slide-container{margin:20px -10px 0;}
	.pi-popupzone .swiper-slide{padding:0 10px;width:100%;}
	.pi-popupzone-util{margin-top:35px;}
	.pi-popupzone-util > *{padding:0 20px;height:45px;}
	.pi-popupzone .pi-slide-desc{padding:32px}
}
@media(max-width:1280px){
	.pi-content-subject01{font-size:24px}
	.pi-content-subject02{font-size:20px}
}

/* 컨텐츠 탭 */

@media(max-width:1280px) {
	.pi-content-tab-button{min-height:56px;}
}
@media (max-width:767px){
	.pi-content-tab-button[data-tab-action='toggle']{display:flex;}
	.pi-content-tab .pi-content-tab-container{display:none;flex-direction:column;margin-top:10px;}
	.pi-content-tab .pi-content-tab-container > li{}
}

/* 텍스트 */
@media(max-width:1280px){
	.pi-content-text-small{font-size:14px;}
}

/* 테이블 */
@media(max-width:1280px){
	.pi-table-container .pi-table-wrapper table th,
	.pi-table-container .pi-table-wrapper table td{padding:16px;}
}
@media(min-width:768px) and (max-width:1280px) {
	.pi-table-container[data-type="board-list"] table [data-hide="tablet"]{display:none}
}
/*
@media(max-width:1200px) {
	.pi-table-container[data-responsive="row"] table col[style]{width:25% !important}
}
*/

@media(max-width:1280px) {
	.pi-table-container[data-responsive="scroll"] .pi-table-wrapper{overflow-x:auto;}
	.pi-table-container[data-responsive="scroll"][data-size="xsmall"]:before{content:"좌우로 스크롤하시면 내용을 보실 수 있습니다.";display:block;margin-bottom:10px;padding-top:35px;background:url(../../resource/images/response-finger.svg) no-repeat 50% top;background-size:70px;font-size:14px;text-align:center;}
	.pi-table-container[data-responsive="scroll"][data-size="xsmall"] .pi-table-wrapper table{min-width:1300px;}
}

@media(max-width:767px){
	.pi-table-container .pi-table-wrapper table th,
	.pi-table-container .pi-table-wrapper table td{padding:12px;}
	.pi-table-container[data-type="board-view"] table tbody th{text-align:left;}
	.pi-table-container[data-responsive="scroll"]:before{content:"좌우로 스크롤하시면 내용을 보실 수 있습니다.";display:block;margin-bottom:10px;padding-top:35px;background:url(../../resource/images/response-finger.svg) no-repeat 50% top;background-size:70px;font-size:14px;text-align:center;}
	.pi-table-container[data-responsive="scroll"] .pi-table-wrapper table{min-width:800px;}
	.pi-table-container[data-type="board-list"] .pi-table-wrapper table colgroup{display:none;}
	.pi-table-container[data-type="board-list"] .pi-table-wrapper table thead{display:none}
	.pi-table-container[data-type="board-list"] .pi-table-wrapper table tbody tr:nth-child(1n){background-color:#fff;border-top:1px solid #e0e0e0}
	.pi-table-container[data-type="board-list"] .pi-table-wrapper table tbody tr{display:flex;flex-direction:column;padding:12px 10px;row-gap:7px;text-align:left;}
	.pi-table-container[data-type="board-list"] .pi-table-wrapper table tbody td{display:flex;padding:0;gap:10px;align-items:center;font-size:14px;}
	.pi-table-container[data-type="board-list"] .pi-table-wrapper table tbody td:before{content:attr(data-column);flex-shrink:0;padding:6px 5px;width:100px;background-color:#f8f9fb;color:#565e77;font-size:13px;font-weight:500;line-height:1;text-align:center;}
}
@media(max-width:639px) {
	/*.pi-table-container[data-responsive="row"] table col[style],
	.pi-table-container[data-responsive="row"] table tbody th{width:30% !important}*/
}
@media(max-width:359px) {
	.pi-table-container[data-responsive="row"] table colgroup{display:none}
	.pi-table-container[data-responsive="row"] table{display:block;width:100%;}
	.pi-table-container[data-responsive="row"] table br{display:none;}
	.pi-table-container[data-responsive="row"] table thead{display:none;}
	.pi-table-container[data-responsive="row"] table tbody{display:block;width:100%;}
	.pi-table-container[data-responsive="row"] table tr{display:flex;flex-direction:column;}
	.pi-table-container[data-responsive="row"] table tr th,
	.pi-table-container[data-responsive="row"] table tr td{width:100%;border-right:0;text-align:left;}
}


/* 아코디언 */
@media(max-width:1280px){
	.pi-accordion-link{padding:24px 32px}
	.pi-accordion-content{padding:0 32px 24px}
	.pi-accordion-link i[class*=ri-]{top:24px;right:32px;}
}


/* 인풋 */
@media(max-width:1280px){
	.pi-input-box-group[data-type="horizon"][data-count="3"]>[class*="pi-input-box"]{width:calc(calc(100% / 2) - calc(8px))}
	.pi-input-box-group[data-type="horizon"][data-count="4"]>[class*="pi-input-box"],
	.pi-input-box-group[data-type="horizon"][data-count="5"]>[class*="pi-input-box"]{width:calc(calc(100% / 3) - calc(8px * 2 / 3))}
}
@media(max-width:767px){
	.pi-input-box-group[data-type="horizon"][data-count="4"]>[class*="pi-input-box"],
	.pi-input-box-group[data-type="horizon"][data-count="5"]>[class*="pi-input-box"]{width:calc(calc(100% / 2) - calc(8px / 2))}
}

@media(max-width:639px){
	.pi-input-box-group[data-type="horizon"][data-count="5"]>[class*="pi-input-box"]{width:calc(calc(100% / 2) - calc(8px / 2))}
}
@media(max-width:479px){
	.pi-input-box-group[data-type="address"]>.pi-button{order:1;}
	.pi-input-box-group[data-type="address"]>.pi-input-box{order:2;flex:unset;width:100%;}
	.pi-input-box-group[data-type="horizon"][data-count]>*{width:100%;}
}
@media(max-width:1280px){
	.pi-input-box input[type="text"],
	.lab_date input[type="text"],
	.pi-input-box input[type="password"],
	.lab_date input[type="password"],
	.pi-input-box input[type="email"],
	.lab_date input[type="email"],
	.pi-input-box input[type="tel"],
	.lab_date input[type="tel"],
	.pi-input-box input[type="date"],
	.lab_date input[type="date"],
	.pi-input-box select,
	.lab_date select,
	.pi-input-box .select2-selection,
	.lab_date .select2-selection{height:44px;font-size:14px !important}
	.pi-input-box .select2-selection, .lab_date .select2-selection{height:auto;min-height:44px;}
	.pi-input-box select, .pi-input-box .select2-selection,
	.lab-date select, .lab_date .select2-selection{background-position:calc(100% - 16px) 11px;}
	.pi-input-box[data-size*="small"] input[type="text"],
	.lab_date[data-size*="small"] input[type="text"],
	.pi-input-box[data-size*="small"] input[type="password"],
	.lab_date[data-size*="small"] input[type="password"],
	.pi-input-box[data-size*="small"] input[type="email"],
	.lab_date[data-size*="small"] input[type="email"],
	.pi-input-box[data-size*="small"] input[type="tel"],
	.lab_date[data-size*="small"] input[type="tel"],
	.pi-input-box[data-size*="small"] input[type="date"],
	.lab_date[data-size*="small"] input[type="date"],
	.pi-input-box[data-size*="small"] select,
	.lab_date[data-size*="small"] select,
	.pi-input-box[data-size*="small"] .select2-selection,
	.lab_date[data-size*="small"] .select2-selection{height:36px;font-size:15px !important;}

	.pi-input-box select{background-size:18px;}
	.lab_date button{width:18px}
}

@media(max-width:767px) {
	.pi-input-box select{background-size:16px;}
	.lab_date button{width:16px}
}


/* 버튼 */
@media(max-width:1280px){
	.pi-button{height:44px;font-size:15px;}
	.pi-button[data-size="small"]{height:36px;font-size:14px;}
}


/* 컨텐츠 박스 */
@media(max-width:1280px){
	.pi-content-box[data-type="search"]{padding:24px;}
	.pi-content-box[data-type="info"],
	.pi-content-box[data-type="inquiry"]{padding:20px 24px}
	.pi-content-desc .pi-content-box[data-type="error"]{padding:90px 15px}
	.pi-content-box[data-type="error"] .pi-error-icon{max-width:200px}
	.pi-content-box[data-type="error"] strong{font-size:36px}
	.pi-content-box[data-type="error"] .pi-error-icon+strong{margin-top:30px;}
	.pi-content-box[data-type="error"] strong+p{margin-top:15px;}
	.pi-content-box[data-type="error"] .pi-button-container{margin-top:30px}

	.pi-content-box[data-type="certify"]{padding:60px 15px}
	.pi-content-box[data-type="certify"] strong{font-size:24px;}
	.pi-content-box[data-type="certify"] .pi-certify-icon+strong{margin-top:25px;}
	.pi-content-box[data-type="certify"] .pi-button-container{margin-top:40px;max-width:440px;}

	.pi-content-box-group{margin:0 -8px;row-gap:16px;}
	.pi-content-box-group>.pi-content-box{display:flex;justify-content:center;align-items:center;margin:0 8px;text-align:center;}
	.pi-content-box-group[data-type="keyword"]>.pi-content-box{padding:32px;}
	.pi-content-box-group[data-column="1"] .pi-content-box{width:calc(100% - 16px)}
	.pi-content-box-group[data-column="2"] .pi-content-box{width:calc(100% / 2 - 16px)}
	.pi-content-box-group[data-column="3"] .pi-content-box{width:calc(100% / 3 - 16px)}
}
@media(max-width:1023px) {
	.pi-content-box[data-type="graph"] .pi-graph-container{overflow-x:auto;}
	.pi-content-box[data-type="graph"] .pi-graph-container>*{min-width:1100px;}
}
@media(max-width:767px){
	.pi-content-box[data-type="board-check"]{display:block;}
	.pi-content-box[data-type="board-check"]+*{margin-top:15px;}
	.pi-content-box[data-type="inquiry"]{flex-direction:column;}
	.pi-content-box[data-type="inquiry"]>strong:before{display:none}
	.pi-content-desc .pi-content-box[data-type="error"]{padding:70px 15px}
	.pi-content-box[data-type="error"] strong{font-size:30px}
	.pi-content-box[data-type="error"] .pi-error-icon{max-width:150px}
	.pi-content-box[data-type="error"] .pi-error-icon+strong{margin-top:25px;}
	.pi-content-box[data-type="certify"]{padding:60px 15px}
	.pi-content-box[data-type="certify"] .pi-certify-icon{width:70px}
	.pi-content-box[data-type="certify"] .pi-certify-icon+strong{margin-top:20px;}
	.pi-content-box[data-type="certify"] .pi-button-container{margin-top:35px;max-width:360px;}

	.pi-content-box-group{row-gap:12px;}
	.pi-content-box-group[data-type="keyword"]>.pi-content-box{padding:24px;}
	.pi-content-box-group[data-column] .pi-content-box{width:calc(100% - 16px)}
}
@media(max-width:479px) {
	.pi-content-desc .pi-content-box[data-type="error"]{padding:50px 15px}
	.pi-content-box[data-type="certify"]{padding:40px 15px}
	.pi-content-box[data-type="error"] strong{font-size:26px}
	.pi-content-box[data-type="error"] .pi-error-icon{max-width:120px}
}


/* 검색 */
@media(max-width:1280px) {
	.pi-search-group[data-type="horizon"]{margin:0 -10px;}
	.pi-search-group[data-type="horizon"]>div{padding:0 10px;}

	.pi-search-group[data-type="check"]>.pi-input-box[data-type="search"]>input[type="text"]{padding-left:20px;height:56px;}
	.pi-search-group[data-type="check"]>.pi-input-box[data-type="search"]>button[type="submit"]{width:28px;height:28px;margin-right:20px;}
}
@media(max-width:1023px){
	.pi-search-group[data-type="default"]{flex-wrap:wrap;}
	.pi-search-group[data-type="default"] .pi-input-box[data-type="select"]{flex:1 1 140px;}
	.pi-search-group[data-type="default"] .pi-input-box[data-type="select"][data-size*="long"]{flex-basis:180px;}
	.pi-search-group[data-type="default"] .pi-input-box[data-type="text"]{width:100%;}

	.pi-search-group[data-type="design"]{flex-wrap:wrap;}
	.pi-search-group[data-type="design"] .pi-input-box[data-type="select"] {flex:1 1 140px;}
	.pi-search-group[data-type="design"] .pi-input-box[data-type="select"][data-size*="long"]{flex-basis:180px;}
	.pi-search-group[data-type="design"] .pi-input-box[data-type="text"]{width:100%;}

	.pi-search-group[data-type="horizon"]>div{flex-direction:column;row-gap:5px;align-items:flex-start;}
	.pi-search-group[data-type="horizon"]>div>.pi-input-label{width:100%;}
	.pi-search-group[data-type="horizon"]>div>.pi-input-box,
	.pi-search-group[data-type="horizon"]>div>.pi-input-box-group{width:100%;}

	.pi-search-group[data-type="horizon"][data-column="3"]>div{width:calc(100% / 2)}
	.pi-search-group[data-type="horizon"][data-column="4"]>div{width:calc(100% / 3)}

	.pi-search-group[data-type="check"]>.pi-input-box-group{margin:0 -4px;row-gap:8px}
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box{padding:0 4px;width:calc(100% / 6)}
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box>.pi-input-label{min-height:84px;padding:15px 15px 33px 15px;font-size:14px;line-height:18px;}
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box>.pi-input-label:after{width:60px}
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box>.pi-input-label>i{bottom:15px;right:15px;font-size:18px;}
}
@media(max-width:767px) {
	.pi-search-group[data-type="horizon"][data-column="4"]>div{width:calc(100% / 2)}
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box{width:calc(100% / 4)}

	.pi-search-group[data-type="check"]>.pi-input-box[data-type="search"]>input[type="text"]{height:48px;}
	.pi-search-group[data-type="check"]>.pi-input-box[data-type="search"]>button[type="submit"]{width:24px;height:24px;}
}
@media(max-width:639px){
	.pi-search-group[data-type="horizon"]{flex-direction:column;margin:0;}
	.pi-search-group[data-type="horizon"][data-column]>div,
	.pi-search-group[data-type="horizon"]>div{flex-direction:column;padding:0;width:100%;}
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box{width:calc(100% / 3)}
}

@media(max-width:479px) {
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box>.pi-input-label{min-height:56px;padding:10px 10px 26px 10px;font-size:13px;line-height:16px;}
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box>.pi-input-label:after{width:48px}
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box>.pi-input-label>i{bottom:10px;right:10px;font-size:16px;}
	.pi-search-group[data-type="check"]>.pi-input-box-group>.pi-input-box{width:calc(100% / 2)}
}


/* 게시판 */
@media(max-width:1280px) {
	.pi-board-group{display:flex;margin:0 -18px;row-gap:36px;}
	.pi-board-group>.pi-board-area{padding:0 18px}
	
	.pi-board-group[data-type="map"]>.pi-board-area[data-type="map"]{width:calc(440px + 36px)}
}
@media(max-width:1023px){	

	.pi-board-group[data-type="map"]>.pi-board-area[data-type="map"]{width:100%;}
	.pi-board-group[data-type="map"]>.pi-board-area[data-type="map"]:after{display:none;}
	.pi-board-group[data-type="map"]>.pi-board-area[data-type="map"] .pi-board-map-box>a{padding:8px 10px;font-size:14px;}

	.pi-board-group[data-type="map"]>.pi-board-area[data-type="list"]>.pi-board-list-info{min-height:0;}

	.pi-board-list-info .pi-input-box{}
	.pi-board-list-info .pi-input-box+.pi-button-container{margin:0;padding:0;width:100%;}
	.pi-board-list-info .pi-input-box+.pi-button-container:before{display:none;}
}
@media(max-width:479px){
	.pi-board-group[data-type="map"]>.pi-board-area[data-type="map"] .pi-board-map-box>a{padding:8px;font-size:13px;}

	.pi-board-list-info{align-items:stretch;}
	.pi-board-list-info-page{width:100%;}
	.pi-board-list-info .pi-input-box+.pi-button-container{width:auto;justify-content:flex-start}
}


/* qna */
@media(max-width:1280px){
	.pi-qna .pi-accordion-link,
	.pi-qna .pi-accordion-content{padding-left:67px;}
	.pi-qna .pi-accordion .pi-qna-q:before,
	.pi-qna .pi-accordion .pi-qna-a:before{left:34px;}
	.pi-qna .pi-accordion .pi-qna-q:before{top:24px}
}
@media(max-width:767px){
	.pi-qna .pi-accordion-link-txt{width:100%;}
}

@media(max-width:1280px){
	.pi-board-column{padding-top:40px}
	.pi-board-column>ul{margin:0 -15px;row-gap:30px}
	.pi-board-column>ul>li{padding:0 15px}
	.pi-board-column>ul>li>a{padding:36px;}
	.pi-board-column>ul>li>a>strong{font-size:18px;}
	.pi-board-column>ul>li>a>ul{margin-top:30px;}
	.pi-board-column>ul>li>a>ul>li{font-size:15px;}
	.pi-board-column>ul>li>a>ul>li>i{font-size:14px;}

	.pi-board-column[data-thumbnail="true"]>ul>li>a>.pi-board-column-desc{padding:36px;}
	.pi-board-column[data-thumbnail="true"]>ul>li>a>.pi-board-column-desc>strong{font-size:20px;}
	.pi-board-column[data-thumbnail="true"]>ul>li>a>.pi-board-column-desc>.pi-badge,
	.pi-board-column[data-thumbnail="true"]>ul>li>a>.pi-board-column-desc>ul>li{font-size:15px;}
}
@media(max-width:1023px){
	.pi-board-column>ul>li{width:calc(100% / 2)}
}
@media(max-width:767px){
	.pi-board-column>ul{margin:0 -10px;row-gap:20px}
	.pi-board-column>ul>li{padding:0 10px}
	.pi-board-column>ul>li>a{padding:24px;}
	.pi-board-column[data-thumbnail="true"]>ul>li>a>.pi-board-column-desc{padding:24px;}
	.pi-board-column[data-thumbnail="true"]>ul>li>a>.pi-board-column-desc>strong{font-size:18px;}
	.pi-board-column[data-thumbnail="true"]>ul>li>a>.pi-board-column-desc>.pi-badge,
	.pi-board-column[data-thumbnail="true"]>ul>li>a>.pi-board-column-desc>ul>li{font-size:14px;}
}
@media(max-width:639px){
	.pi-board-column>ul>li,
	.pi-board-column[data-column]>ul>li{width:100%}
}

@media(max-width:1280px){
	.pi-board-view-title>strong{font-size:22px;}
	.pi-board-view-title>ul>li{font-size:15px;}
}

@media(max-width:1280px){
	.pi-board-pagination>a{width:36px;}
}


@media(max-width:1280px) {
	.select2-container .select2-selection--multiple .select2-selection__choice{height:22px;}
	.select2-container .select2-selection--multiple .select2-selection__choice__display{font-size:14px;}
	.select2-container .select2-selection--multiple .select2-selection__choice__display:after{top:0;}
	.select2-container--open .select2-results[data-type="check"]{padding:20px;}
	.select2-container--open .select2-results[data-type="check"]>.select2-results__options{margin:0 -8px;}
	.select2-container--open .select2-results[data-type="check"]>.select2-results__options>li{margin:0 8px;width:calc(100% / 5 - 16px);font-size:14px;}
	.pi-select2-util{padding:16px 30px;}
	.pi-select2-util>button{font-size:14px;}
}

@media(max-width:1023px) {
	.select2-container--open .select2-results[data-type="check"]>.select2-results__options>li{margin:0 8px;width:calc(100% / 5 - 16px);font-size:14px;}
}
@media(max-width:767px) {
	.pi-select2-util{padding:16px 24px;}
	.select2-container--open .select2-results[data-type="check"]{padding:16px;}
	.select2-container--open .select2-results[data-type="check"]>.select2-results__options>li{width:calc(100% / 4 - 16px)}
}
@media(max-width:639px) {
	.select2-container--open .select2-results[data-type="check"]>.select2-results__options>li{width:calc(100% / 3 - 16px)}
}
@media(max-width:479px) {
	.select2-container--open .select2-results[data-type="check"]>.select2-results__options>li{width:calc(100% / 2 - 16px)}
}

/*
@media (max-width:1187px){
	.layer .lay_cont{max-height:calc(100vh - 180px)}
	#layerTopPopup .lay_cont{max-height:calc(100vh - 320px)}
}
*/

@media (max-width:961px){
	.layer .lay_header{padding:12px 20px;min-height:72px;}
	.layer .lay_header h2{font-size:18px;}
	.layer .lay_header .btn_close{width:30px;height:30px;}
	.layer .lay_header .btn_close:before{font-size:18px}
	.layer .lay_wrap{width:calc(100% - 32px);min-width:0;max-width:100%;}
	.layer .lay_cont{padding:24px 24px 0;}
	.layer .lay_cont .scroll_box{max-height:400px}
	#layerTopPopup .lay_wrap{width:calc(100% - 64px);min-width:0;max-width:100%;}
	#layerTopPopup .lay_cont .scroll_box{max-height:360px}
}

@media(max-width:479px) {
	.layer .lay_header{padding:12px 15px}
	.layer .lay_cont{padding:15px 15px 0}
	.layer .lay_cont .scroll_box{max-height:360px}
	#layerTopPopup .lay_cont .scroll_box{max-height:320px}
}


/*
@media (orientation:landscape){
	.layer .lay_wrap{width:auto;max-width:calc(100% - 80px)}
	.layer .lay_cont{max-height:calc(100vh - 180px)}
	#layerTopPopup .lay_wrap{max-width:calc(100% - 100px)}
	#layerTopPopup .lay_cont{max-height:calc(100vh - 240px)}
}
*/