@charset "utf-8";
/* CSS Document */



@media screen and (max-width:1440px){

.greetingBtm_container::before,.greetingBtm_container::after {display:none;}

.inquiry_wrapCon {width:100%;}

}



@media screen and (max-width:1280px){

/* main */
#sec_pay .payItem_Wrapper .payListItem > .inner > .infoCon > .priceCon > .price {font-size:var(--font-size-lg-1);}

}



@media screen and (max-width:1024px){

/* main */
#sec_pay .payItem_Wrapper .payListItem > .inner > .infoCon > .priceCon > .price {font-size:var(--font-size-md);}


.noticeLayout-wrap{
  display:grid;
  grid-template-columns: 2.2fr 1.1fr;
  grid-template-areas:
    "left left"
    "top vertical"
    "bottom vertical";
  gap:1.5rem;
}

.noticeLayout-wrap > .noticeLayout-left{ grid-area:left; }
.noticeLayout-wrap > .noticeLayout-wide-top{ grid-area:top; }
.noticeLayout-wrap > .noticeLayout-wide-bottom{ grid-area:bottom; }
.noticeLayout-wrap > .noticeLayout-vertical{ grid-area:vertical; }


/* header */
.gnb_wrap {display: none;}
.all_wrap .gnb.flex {flex-flow:row wrap;}
#header .all_wrap .all .gnb > li {padding:1rem;}
.banner_control {left:20%; top : 80%; transform: rotate(270deg);}
.bannerSlide_wrap .bannerSlide .banner_img {height:100%;}




/* footer */
#footer .footerWrapper .footerMid .rightInfo > .gnb {gap:2rem;}



/* sub */

.resonWrapper .leftCon {padding:0 1em; width:30%}
.resonWrapper .rightCon {width:70%;}

html.pop .popWrap.secret_inquiry {width: 50%; margin:0 auto;}

.img_listWrap .imgBox .innerImg {height:auto;}

.sub_tab .tab_idx.t5 > li {min-width:0; max-width:100%; width:30%;}

.processArrow .ArrowList {flex-flow:column nowrap; gap: 1rem 0rem;}
.processArrow .ArrowList.w4 > li {width:100%;}
.processArrow .ArrowList.w3 > li {width:100%;}

/* 주요기능 */
.PC {display:none;}
.PHONE {display:block;}
.PHONE .basicContainer {padding: var(--space-4) 0;}
.effectList > li > .in > .imgCon {height:12rem;}
.boxinfoList > li > .in > .imgCon {height:auto;}
.basicContainer .majorFun .deacList > li {margin:0 auto;}
.basicContainer .majorFun .numTit .numTitCon > .tit {font-size:var(--font-size-lg)}
.function_container .function_btn {margin-bottom:var(--space-2);}


}



@media screen and (max-width:768px){

  
/* header */
.all_wrap .gnb.flex {display:flex; flex-flow: row wrap; border-left:1px solid var(--gray-line-1)}
#header .all_wrap .all .gnb > li:first-child {border-left:none;}
#header .all_wrap .all .gnb > li {border-bottom:1px solid var(--gray-line-1)}
#header .all_wrap .all .gnb .dp3 > li {margin-bottom:0;}
#header .all_wrap .all .gnb .dp3 > li > a > .va {font-size:var(--font-size-sm)}


/* footer */
#footer .footerWrapper .footerMid {flex-direction:column;}
#footer .footerWrapper .footerMid .leftInfo {width:100%}
#footer .footerWrapper .footerMid .rightInfo {width:100%; justify-content: space-between;}
#footer .footerWrapper .footerMid .rightInfo > .gnb { justify-content: space-between;}
#footer .footerWrapper .footerMid .rightInfo {display:none;}


/* main */
#sec_pay .payItem_Wrapper .payListItem > .inner {padding:1.5rem;}
#sec_pay .payItem_Wrapper {flex-direction: column;}
#sec_pay .payItem_Wrapper .payListItem {width:100%;}
#sec_pay .payItem_Wrapper .payListItem > .inner > .infoCon > .priceCon > .price {font-size:var(--font-size-lg-2);}
.visual_wrapper .visual_Container {flex-direction:column; height:50rem; }
.visual_wrapper .visual_Container .leftContainer {width:100%; height:100%;}
.visual_wrapper .visual_Container .rightContainer {width:100%; height:30%;}



/* .noticeLayout-wrap {display:flex; flex-direction:column; gap:1.5rem; }
.noticeLayout-wrap>.noticeLayout-wide {height:10rem; width:100%;}
.noticeLayout-wrap>.noticeLayout-left {margin-right:0;} */

.noticeLayout-wrap{
  grid-template-columns: 1fr 1fr;
}

.outLink_wrapper .outLink_list {flex-flow:row wrap;}
.outLink_wrapper .outLink_list > li {width:calc((100% - 1rem) / 2)}
.outLink_wrapper .outLink_list > li > .inner .logoC {padding:0.5rem;}
.banner_control {left:22%; top:88%;}

#sec_function .functionListCon .functionList > li {width:calc((100% - 3.2rem) / 2)}

#sec_function .functionListCon .functionList > li > .in .desc {font-size:var(--font-size-sm)}
#sec_function .functionListCon .functionList > li > .in .titWrap {padding:1.5rem;}
#sec_function .functionListCon .functionList > li > .in .titCon {padding-right:2em;}

.fc-view-container {height:7rem; overflow:scroll;}
#calendar {height:100%;}
button.fc-prev-button, button.fc-next-button {margin:-5px 2px 0 2px}


/* sub */
#contents .contentsInner {padding: 2.5rem 2rem}
#contents .nav > li,#contents .sub_menu_wrap .sub_page_menu .gnb > li > .dp2 > li > a > .va {font-size:var(--font-size-sm-1)}

.page_tit > .t4 {font-size:var(--font-size-lg-1)}
.greetingTxt .t1 {font-size:var(--font-size-md)}
.greetingTxt .t2 {padding:0 2rem; word-break:keep-all; text-align:left;}
.greetingTxt .t2 br {display:none;}


.manpower_wrap {flex-direction:column; gap:3rem;}
.manpower_wrap .manpower_con_wrap {width:100%;}

#contents .nav {display:none;}
.company_info {gap:0; justify-content:space-between;}

.resonWrapper {flex-direction:column;}
.fst3 {flex-direction:column;}
.flex_box .fst3 > li {max-width:100%; flex:0;}
.Gbox .Gboxlist > li > .in {height:auto;}
.Gbox .Gboxlist > li > .in > .icon {top:0;}

.resonWrapper .leftCon,.resonWrapper .rightCon {width:100%;}
.resonWrapper .leftCon {position:relative; top:0;}



.board_pg .paging .page a, .board_pg .paging .page strong {padding:4px 6px; font-size:var(--font-size-sm-1)}
.board_pg .paging .btnNext {font-size:var(--font-size-sm-1)}
.disaster_Container .tableTop .right .txt {display:none;}
.boardList_Wrap .boardList > li > .inner .write {display:none;}
.boardList_Wrap .boardList > li > .inner .state .typeBtn {padding: 0 0.5rem;}
.boardList_Wrap .boardList > li > .inner .state .typeBtn > p {font-size:var(--font-size-sm-1)}
.disaster_Container .dateRange input[type="text"] {min-width:0%; width:100%;}
.disaster_Container .dateRange {width:100%;}
.disaster_Container .tableTop .right {padding-right:0; width:60%;}
.disaster_Container .tableTop .right .flex {justify-content: center;}
.disaster_Container .tableTop .left {width:40%}


html.pop .popWrap.secret_inquiry {width: 70%;} 


.allGnbOn #header .all_wrap .all {overflow:scroll;}
#header .all_wrap .all .gnb > li .dp2 > li > a .va {padding-bottom:0;}
#header .all_wrap .all .gnb > li .dp1 {margin:0;}
.img_listWrap .imgBox {width:100%; flex-direction:column;}


#contents .page_menu_dp3 .gnb li .dp3 {flex-flow: row wrap; gap:1rem;}
#contents .contentsInner .innerTxt .titleCon > .tt {font-size:var(--font-size-xl); margin-right:8rem;}

.table_wrap {overflow:scroll; }
.table_st {min-width:700px;}

.news_table > li > .inner {flex-direction:column; gap:var(--gap-md)}
.news_table > li > .inner > .imgCon {width:100%;}
.news_table > li > .inner > .infoCon {width:90%;}
.news_table > li > .inner > .infoCon > .txt,
.news_table > li > .inner > .infoCon > .date  {margin-top:var(--space-1)}

.innerContents .divBox {flex-direction:column;}
.innerContents .divBox .imgCon,.innerContents .divBox .divCon {width:100%;}


}



@media screen and (max-width:440px){

/* header */
.headH {height:4.5rem;}
#header:before {top:100%;}
#header {height:4.5rem;}
#header .top_wrap .logo > a img {height:20px;}
.visual_wrapper .visual_Container {margin-top:calc(var(--headH) + 0.0rem)}
#header .all_wrap .all {top:4.5rem;}

/* footer */
#footer .footerWrapper .footerMid .leftInfo > .menu > li > a,
#footer .footerWrapper .footerMid .leftInfo > .info > li,
#footer .footerWrapper .footerMid .rightInfo > .gnb > li > a {font-size:var(--font-size-xs)}
#footer .footerWrapper .footerBtm .copyright > .tt {font-size:var(--font-size-xs)}

/* main */
.visualSlide .visualinfo {padding: 0 1rem;}
.visualSlide .visualinfo .btn_Wrap {flex-direction:column;}
.visualSlide .visualinfo > .desc {font-size:var(--font-size-sm)}
.visualSlide .visualinfo > .title {font-size:var(--font-size-lg)}
.visual_wrapper .visual_Container {height:40rem;}

#sec_function .functionListCon .functionList > li {width:100%;}
#sec_function .functionListCon .functionList {justify-content:center;}
#sec_function .functionListCon .functionList > li > .in .titCon {}
#sec_function .functionListCon .functionList > li > .in .desc {margin-top:var(--space-2)}
#sec_function .functionListCon .functionList {gap:var(--gap-sm)}

.btn_Wrap {gap:var(--gap-xs);}
.btnO {padding:0.8rem;} 
.btnO.btn_cline {width:100%; justify-content:center;}
.btnO.btn_major {width:100%; justify-content:center;}
.btnO.btn_round_sub {height:3rem;}
#sec_pay .payItem_Wrapper .payListItem > .inner {gap:var(--gap-md)}

.mainTop {flex-direction: column; align-items:start;}
.main_tit .t1 {font-size:var(--font-size-lg-2)}

#sec_pay .payItem_Wrapper .payListItem > .inner > .infoCon > .priceCon > .price {font-size:var(--font-size-md)}

.main_box {padding:4rem 0;}

.noticeHub-all {display:none;}

.fc-view-container {height:5rem;}

.noticeHub-tabs .tab-wrap >.noticeHub-tab {padding: 0.75rem 0;}
.noticeHub-wrap>.noticeHub-tabs {display:block;}
.tab-wrap {display:flex; flex-flow:row nowrap; justify-content:space-between;padding:0 0.5rem ;}


.noticeLayout-wrap {display:flex; flex-direction:column; gap:var(--gap-xs); }
.noticeLayout-wrap>.noticeLayout-wide {height:10rem; width:100%;}
.noticeLayout-wrap>.noticeLayout-left {margin-right:0;}

.fc-unthemed .fc-list-empty {padding: 1.8rem!important;}

/* sub */

#contents .contentsInner .innerImg > img {height:50%;}
#contents .sub_menu_wrap .sub_page_menu .gnb > li > .dp2 > li > a {padding:0 0.5rem;}

.company_info {flex-flow:column nowrap;  gap:1rem;}
.company_info .companyBox {width:100%;}

.greetingTxt .t2 {padding: 0 1rem; font-size:var(--font-size-sm)}

.effectList > li > .in .text_wrap {padding:0 1rem;}
.boxinfoList > li > .in > .infoCon {padding: 1.5rem 1rem;}

table {font-size:var(--font-size-sm-1)}

.inquiry_wrapCon .formSt .wrap_in:not(.btnW) > * {flex-direction:column;}
.inquiry_wrapCon .formSt .wrap_in .div_field .input_st,
.inquiry_wrapCon .formSt .wrap_in .email_field .select-wrapper,
.filebox .upload-name {width:100%;}

.filebox label {width:100%; height:3rem;}
.inquiry_wrapCon .formSt li:last-child .wrap_in {flex-direction:column;}

.label_st .xi ~ span {font-size:var(--font-size-sm-1)}

.resonWrapper .rightCon .resonList > li {margin-bottom:var(--space-5)}
.function_container .functionSlider_wrap {padding : 30px 20px; display:none;}
.function_container .functionSlider_wrap .functionSlider_control .paging {top:0.5rem;}
.function_container .functionSlider_wrap .functionSlider .basicContainer {padding:0; }
.function_container .functionSlider_wrap .functionSlider .basicContainer .majorFun .deacList {padding:0 var(--space-3)}
.function_container .functionSlider_wrap .functionSlider .innerContents .divBox {flex-direction:column;}
.function_container .functionSlider_wrap .functionSlider .innerContents .divBox .divCon,
.function_container .functionSlider_wrap .functionSlider .innerContents .divBox .imgCon {width:100%;}
.function_container .functionSlider_wrap .functionSlider_control .swiperBtn.prev {left:0.5rem;}
.function_container .functionSlider_wrap .functionSlider_control .swiperBtn.next {right:0.5rem;}
.swiperBtn {width:1.5em; height:1.5em;}
.resonWrapper {gap:4rem;}
.page_Wrapper .pageCon {padding-bottom:4rem;}
.Gbox .Gboxlist > li > .in {padding:1.5rem;}
.function_container .functionSlider_wrap .functionSlider .innerContents > .imgCon {width:100%;}
.function_container .functionSlider_wrap .functionSlider .basicContainer .majorFun .numTit .numTitCon > .tit {font-size:var(--font-size-lg-1)}

.processArrow .ArrowList.w3 > li > .con > .Cbox > .num {left:1rem;}

#Accordion_wrap {padding:1rem;}
.anw .anwInner {padding:1rem;}


#contents .doc {padding:2rem 0 4rem;}

.sub_tab .tab_idx.t5 > li {width:40%; min-width:auto; max-width:100%;}
.sub_tab .tab_idx > li > .tt {font-size:var(--font-size-sm)}
.descList.s1 > li {font-size:var(--font-size-sm)}
.processArrow .ArrowList > li > .con > .btmCon {padding:1rem;}
.processArrow {margin-top:0!important;}

.dotList.s1 > li {font-size:var(--font-size-sm)}
.table_st th, .table_st td {padding: 0.5em 0.75em;}

.boardList_Wrap .boardList > li > .inner .view {display:none;}
.boardList_Wrap .boardList > li > .inner .etc {margin:0;}
.boardList_Wrap .boardList > li > .inner > .listN {display:none;}
.boardList_Wrap .boardList > li > .inner .date.mw {display:none;}
.board_search_wrap .search_inner .label_select .selectTit {margin-left:var(--space-2); width:3rem;}
.board_search_wrap .right {width:100%;}
.boardList_Wrap .boardList > li > .inner {padding:0 1rem;}

html.pop .popWrap.secret_inquiry {width: 90%; }  



.inquiry_wrapCon {padding:1.5rem;}

.disaster_Container .tableTop .left {display:none;}
.disaster_Container .tableTop {justify-content:end;}

.disaster_Container .tableTop .right {width:90%; margin-right:1rem;}

.postNavi .post_st .form_lab .lab_tit {width:30%;}

.table_st {min-width:500px;}

.descList li {font-size:var(--font-size-sm)}

/* 주요기능 */

.basicContainer .majorFun .deacList > li { width:18rem; text-align:left;}

/* 조직도 */

.processWrapper {padding:1.5rem;}

.sub_org {flex-direction:column;}
.sub_org.d2.topLine:before,
.sub_org.topLine:after,
.sub_org:before,
.sub_org > li:before,
.sub_org .in:before,
.sub_org .in:before, .sub_org .in:after {display:none;}
.sub_org.d1 {gap:2rem 0;}
.sub_org.d2 {gap:0.5rem;}
.sub_org.d2 > li:nth-child(2) {margin-top:2rem;}
.sub_org.d2.dp-3 li {margin:0!important;}

.manpower_wrap .manpower_con_wrap .inner-grid {padding: 3.5rem 2rem 2rem;}

/* 나의 문의내역 */

.member_wrap .form .inp_wrap, .member_wrap .form .btn_wrap {font-size:var(--font-size-sm)}


}


@media screen and (max-width:345px){
/* #sec_inquiry .btn_Wrap .btn_major {height:72px;} */


}