@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다. 
********************/

* {font-family:"Pretendard Regular" !important;}

/* popup */
@media only screen and (max-width:768px){
    .PZwindow {width: 80% !important; top:0 !important; left:0 !important}
    .PZwindow .PZwrap {width: 100% !important; height: auto !important;}
}

@media only screen and (max-width:550px){
    .PZwindow {width: 100% !important}
}



.eQ01 .wrap-sub-visual {background-image: url(/sites/ipg/images/sub/sub-visual01.jpg);}
.eQ02 .wrap-sub-visual {background-image: url(/sites/ipg/images/sub/sub-visual02.jpg);}
.eQ03 .wrap-sub-visual {background-image: url(/sites/ipg/images/sub/sub-visual03.jpg);}
.eQ04 .wrap-sub-visual {background-image: url(/sites/ipg/images/sub/sub-visual04.jpg);}
/*

.visualBox .p-2{font-weight:700;}

@media all and (max-width:550px) {  
	.visualBox .p-1{font-size: 15px !important;}
	.visualBox .p-3{} 
	.visualBox .p-2{font-size: 26px !important;} 
}


.sns .sns-wrap li a{width:47px;height: 47px;}

@media all and (max-width:550px) {  
.sns .sns-wrap li a{width:40px;height: 40px;}
}



@media (max-width: 550px){
  .wrap-notice .list .subject { line-height: 1.4;}
}

 */


/* ----- 20260305 수정 -----*/
.wrap-contents {overflow-x: hidden;}
.wrap-contents .con-list > li:before {top: 6px;}
.wrap-contents .con-list2 > li:before {top: 7px;}
.wrap-contents .b-basic {padding: 5px 20px 4px 40px;}
.skin-type02 .wrap-contents .objHeading_h3 {font-weight: bold;}
.wrap-contents .objHeading_h2 {font-weight: bold;}
.board-tab ul li a.on {background-color: #006277;}
.sns-wrap .title-wrap .txt1:before {z-index: 0;}
.wrap-sub-navi .sub-util {right: 10px;}
.wrap-header .top-header ul li a {padding: 6px 15px 5px;}
.wrap-banner .banner p img {top: 6px;}
.wrap-sub-visual .slogan-big {font-weight: bold;}
.wrap-contents .subject h2 {font-weight: bold;}
.wrap-contents .con-list > li {color: #222;}
.wrap-contents .con-list2 > li {color: #444;}
.goto-top a {padding-top: 17px;}
.sns-wrap .title-wrap {padding-right: 20px;}
.wrap-quick .quick.slick-slider .slick-list {padding: 15px 0 !important;}
._contentBuilder {overflow-x: hidden;}
#multipleContentsDiv_ipc_572 {width: 100% !important;}

@media (max-width: 1280px) {
  .wrap-sub-visual {margin-top: 0;}
}
@media (max-width: 1024px) {
  .wrap-header .head-navi .ul_1 {flex-direction: column;}
  .sns-wrap .title-wrap {padding-right: 0;}
  #schdulMain .scheduleMain .scheduleScroll ul {padding-bottom: 0; height: 100%;}
  .wrap-quick .quick.slick-slider .slick-list {padding: 0 !important;}
}
@media (max-width: 768px) {
  .wrap-quick .quick li a p span:first-child {font-size: 17px;}
  .wrap-quick .quick li a p span {font-size: 13px;}
}
@media (max-width: 550px) {
  .wrap-quick .quick li a {max-width: 200px; margin: 0 auto;}
}
@media (max-width: 480px) {
  .wrap-quick .quick li a .img {background-size: unset !important;}
}
@media (max-width: 420px) {
  .wrap-contents .tab .tab_div > a {color: #006277; border-color: #006277;}
  .wrap-contents .tab ul li._active a {color: #006277;}
  .wrap-contents .tab ul {top: 55px;}
}

/* ----- 20260326 수정 -----*/
@media (max-width: 420px) {
.wrap-contents .tab .tab_div > a { position: relative;}
.wrap-contents .tab .tab_div > a::after { content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px;background-color: #006277; -webkit-mask: url("/sites/ipc/images/sub/chevron-down.svg") no-repeat center; mask: url("/sites/ipc/images/sub/chevron-down.svg") no-repeat center; -webkit-mask-size:contain;  mask-size: contain; transition: transform 0.3s ease;}
.wrap-contents .tab .tab_div > a.open::after {transform: translateY(-50%) rotate(180deg);}
}

/* 서브 메뉴 공유, 복사, 프린트 */
.wrap-sub-navi .sub-util {right: 25px; top: 10px;}
.wrap-sub-navi .sub-util > ul > li:last-child {padding-right: 0;}
.wrap-sub-navi .sub-util > ul > li:last-child:after {display: none;}
.wrap-sub-navi .sub-util > ul > li > button {width: 22px; height: 29px;}
.wrap-sub-navi .sub-util > ul > li > button.link {background: url('../../images/sub/ico-link-w.svg')no-repeat center center/contain;}
.wrap-sub-navi .sub-util > ul > li > button.share {background: url('../../images/sub/ico-share-w.svg')no-repeat center center/contain;}
.wrap-sub-navi .sub-util > ul > li > button.print {background: url('../../images/sub/ico-print-w.svg')no-repeat center center/contain;}