@charset "utf-8"; /* CSS Document */

/* -------------------------Mobile Basic------------------------- */

.PC { display: none !important; } 
.PHONE { display: block !important; } 

/* ====== All ====== */
.pageWrapper .page_con { padding: 3rem 0; } 
.input_st { font-size: 1rem; } 
.wideImg { height: 15rem; } 

.board_search { flex-wrap: wrap; } 
.board_search .search { flex-wrap: wrap; gap: .25rem 0; } 
.board_search .search .inp,
.board_search .search button,
.board_search .search label .input_st,
.board_search .search label { width: 100%; } 

#searchTag { padding: 1.5rem 1.5rem 5rem 1.5rem; top: 3.85rem; } 
#searchTag > .tt { font-size: 1.063rem; } 
#searchTag .tagList > li .rt { height: 2.4rem; padding: 0 1rem; } 
#searchTag .tagList > li .rt span { font-size: .938rem; } 

.table_form .wrap_in .tit_wrap{ width: 8em;}

/**/
.input_st.moHide,
.board_st .board_chk,
.board_st .w_check,
.board_st .w_hit,
.board_st.faq .w_btn,
.board_btn_wrap.moHide,
.btn_cate.moHide,
.board_search_wrap .moHide { display:none !important; } 

/**/
.page_btn .in { flex:1; } 
.page_btn .in > .input_st { flex:1; padding:0 .5em; font-size:1em; } 
.page_btn .in > .input_st .xi { display:none; } 
.page_btn .max1 { max-width:none; min-width:auto; } 

/*BOARD*/
.board_table { font-size: .836rem; } 
.board_table .w_date { width: 6rem; } 
.board_search { flex-wrap:wrap; } 
.board_search .total { display:none; } 
.board_search .search { flex:1 1 100%; } 
.board_search .search .select { min-width:6em; } 
.board_search .search .inp { flex:1; width:auto; } 
.board_search .search .btn .ico { font-size:1.250em } 
.board_search .search .btn .tt { display:none; } 

.board_viewM { font-size: 14px !important } 

.board_faq > li .faqTit .wrap_in { padding: .25rem 5rem .25rem 0; } 
.board_faq > li.on .faqCon .wrap_in { padding: 1rem 0 1rem 0; } 

.board_viewT .vTit{ font-size: 1.615rem;}

.board_viewF,
.board_viewM{ padding: 1.25rem;}


/* ====== Button ====== */
.AniBtn { font-size: .815rem; } 

.linkMore .more-link { height: 3rem; } 
.linkMore .more-link > .tt { font-size: .918rem; } 
.linkMore .more-link > img { height: 30px; } 

.sub_tab { justify-content: start; overflow-x: auto; -webkit-overflow-scrolling: touch; touch-action: pan-x; } 
.sub_tab > li { padding: 0 1rem; height: 3.25rem; min-width: fit-content; } 
.sub_tab > li > .tt { font-size: 1rem; } 

/* ====== font ====== */
.main .page_tit { margin-bottom: 1.75rem; } 
.page_tit .t1 { font-size: 1.715rem; } 
.page_tit .t3 { font-size: 1.315rem; } 
.page_tit .t4 { font-size: 1.715rem; } 
.page_tit .t5 { font-size: 12px; } 

/* ====== quick ====== */
#quick_new { right: 2.5vw; } 

/* ====== header ====== */
/* #header .header_link, */
#header .gnb_wrap { display: none; } 
#header .top_wrap .logo > a img { height: 40px; } 
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1 { height: 4.5rem; } 
#header:after { display: none; } 

.scroll #header .top_wrap { background: #fff; color: var(--crBlack);} 
.scroll #header .top_wrap .logo > a img { filter: none; } 
.scroll #header .top_wrap .all_btn .ham,
.scroll #header .top_wrap .all_btn .ham:before,
.scroll #header .top_wrap .all_btn .ham:after { background: var(--crBlack); } 

/* ====== All layer ====== */
#header .all_wrap .all_layer .all_inner .innerGuide { display: none; } 
#header .all_wrap .all_layer .all_inner .innerBg {} 
#header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title { font-size: 5.5vmin;} 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li { flex-direction: column; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li > .dp1 { display: inline-block; min-width: auto; max-width: max-content; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li > .dp1 > .in > .tt { margin-bottom: 1rem; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li .in > .tt { font-size: 1.063rem; } 

/* ====== footer ====== */
#footer .menu { justify-content: start; flex-wrap: wrap; } 
#footer .menu > li > .in { font-size: .876rem; } 
#footer .site_wrap { display: none; } 

.footerWrapper { flex-direction: column; gap: 1.5rem; } 
.footerWrapper .footerT .logo > img { width: auto !important; height: 40px; } 
#footer .info_wrap .info > li { font-size: .815rem; } 
#footer .info_wrap .copyright { font-size: .765rem; } 

/* ====== contents ====== */
#contents .sub_page_menu { display: none; } 
#contents .sub_top_wrap .subTit { top: 60%; } 
#contents .sub_top_wrap { width: 100%; } 
#contents .sub_top_wrap { height: 35svh; padding-top: 4.5rem; } 
#contents .sub_top_wrap .subTit .t1 { font-size: 10vmin; } 
#contents .sub_top_wrap .subTit .t2 { font-size: 1rem; } 

/* ====== nav ====== */
#contents .nav > li { font-size: .815rem; } 

/* ====== subAll ====== */
.overviewTop .inner { top: unset; transform: translate(0); } 
.overviewTop .inner > .tit { font-size: 1.415rem; } 
.overviewTop .inner > .txt { font-size: .938rem; } 
.overviewTop { padding: 2.5rem; height: auto; } 

/* ====== overview ====== */
.overviewList .Boxlist > li { flex: 1 1 100%; } 
.overviewList .Boxlist > li > .in { padding: 2rem; } 
.overviewList .Boxlist > li > .in > .tit { font-size: 1.415rem; } 
.overviewList .Boxlist > li > .in > .txt { font-size: 1.15rem; } 
.overviewList .Boxlist > li > .in > .icon > img { font-size: 40px; } 

/* ====== greeting ====== */
.greeting_wrapper .greetingBox { display: flex; flex-direction: column-reverse; padding: 2rem; } 
.greeting_wrapper .greetingBox .greetingInfo .tit { font-size: 1.815rem; margin-top: 2rem; } 
.greeting_wrapper .greetingBox .greetingInfo .subT { font-size: 1.15rem; } 
.greeting_wrapper .greetingBox .greetingInfo .tx { font-size: 1rem; } 
.greeting_wrapper .greetingBox .greetingInfo > .ceo > .name { font-size: 2.15rem; } 
.greeting_wrapper .greetingBox .greetingInfo > .ceo > .posi { font-size: 1.15rem; } 
.greeting_wrapper .greetingBox .greetingInfo { width: 100%; } 
.greeting_wrapper .greetingBox .ceoImg { position: relative; background: #CFD4D9; border-radius: 1rem; height: 30svh; } 

.huViewContainer > .infoContainer .huInfoTop { flex-direction: column-reverse; align-items: start; gap: 1rem; padding-bottom: 1.25rem; } 
.huViewContainer > .infoContainer .huInfoTop .huType { gap: 1rem; } 
.huViewContainer > .infoContainer .huInfoTop .huType > .item > .tt { font-size: 1rem; } 
.huViewContainer > .infoContainer .huInfoTop .huType > .item > .icon > img { height: 20px; } 
.huViewContainer > .infoContainer > .careerContainer > .item > .txtList > li { font-size: 1rem; } 
.huViewContainer > .infoContainer .huInfoTop .nameCon > .name_info { font-size: 1.615rem; } 
.huViewContainer > .infoContainer .huInfoTop .nameCon > .position_info { font-size: 1.215rem; } 
.huViewContainer > .infoContainer .huInfoTop .nameCon > img { height: 35px; } 
.huViewContainer > .infoContainer > .careerContainer { flex-wrap: wrap; gap: 2rem; } 
.huViewContainer > .infoContainer > .careerContainer > .item { width: 100%; } 
.ceoWrap .huViewContainer > .infoContainer > .careerContainer { padding: 2rem; } 
.ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item { gap: 1rem; flex-direction: column; } 
.ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item > .tit { padding-left: 0; } 
.huViewContainer > .infoContainer > .careerContainer > .item > .tit:before { display: none; } 
.huViewContainer > .infoContainer > .careerContainer > .item > .txtList { padding-left: 0; } 
.greeting_wrapper .huViewContainer > .infoContainer .huInfoTop .huType { display: none; } 
.ceoWrap .huViewContainer .infoContainer { margin-top: 2.5rem; } 

/* ====== history ====== */
.history_wrap { } 
.history-layout .left { display: none; } 
.history-layout .right { width: 100%; } 
.history_wrap:before,
.history_wrap .scrollAniHis { left: 4%; } 
.history_wrap:after { left: 4%; } 
.history_wrap .history > li .list .wrap_in { padding-right: 0; } 
.history_wrap .history > li .list .month,
.history_wrap .history > li .list .detail .tt { font-size: 1rem; } 
.history_wrap .history > li .year .tt { font-size: 2.315rem; } 
.history_wrap .history > li .year .tt:before { display: none; } 

/* ====== partner ====== */
.board_wrap .board_partner > li { width: calc((100% - 1rem) / 2); } 
.board_wrap .board_partner > li > .wrap_in > .img_wrap { padding: 1rem; } 
.board_wrap .board_partner > li > .wrap_in > .img_wrap > img { height: 45px; } 
.board_wrap .board_partner > li > .wrap_in > .con_wrap .t1 { font-size: .938rem; } 

/* ====== about ====== */
.business_top > * { height: 80vh; } 
.business_top .txt_box .msg { font-size: 1.615rem; } 
.business_top .txt_box { width: 94%; } 
.cenItemContainer > .item { flex-direction: column; gap: 1rem; } 
.cenItemContainer > .item > .imgCon { width: 100%; } 
.cenItemContainer > .item > .titBox { width: 100%; } 
.cenItemContainer > .item > .imgCon { height: 20svh; } 
.cenItemContainer > .item > .titBox { padding: 2rem; } 
.cenItemContainer > .item > .titBox .tit { font-size: 1.515rem; } 
.cenItemContainer > .item > .titBox .txt { font-size: 1rem; } 
.roundArrow { width: 2.5rem; height: 2.5rem; } 

/* ====== area ====== */
.loc_btn { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; touch-action: pan-x; } 
.loc_btn > li { padding: 0 1rem; height: 2.4rem; } 
.loc_btn > li > .tt { font-size: 1rem; } 

.mapAllContainer .innerContainer #mapArea { display: none; } 
.mapAllContainer .innerContainer .locList { width: 100%; } 
.AlSearch { width: 100%; } 
.AlSearch .input_st { height: 3.85rem; } 
.AlSearch .input_st::placeholder { font-size: 1rem; font-weight: 400; } 
.AlSearch .sech > .xi { font-size: 1.415rem; } 
.mapAllContainer .innerContainer .locList > li > .inner .locN { font-size: 1.415rem; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locInfo { margin-top: 1rem; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con > .tt { font-size: .938rem; min-width: 2.5rem; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con > .tx { font-size: .938rem; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con > .tx.cp { font-size: 1.215rem; } 
.mapAllContainer .innerContainer .locList > li > .inner .locTop .mainRoundBtn { position: absolute; right: -.5rem; top: -.5rem; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locImg > li { width: calc((100% - 1rem) / 3); } 
.mapAllContainer .innerContainer .locList > li > .inner > .locImg > li:last-of-type { display: none; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locImg > li > .imgC { height: 12svh; } 
.mapAllContainer .innerContainer .locList > li > .inner .locTop > .mainRoundBtn.s1 .btnInner .roundIcon { width: 2.4rem; height: 2.4rem; } 
.mapAllContainer .innerContainer .locList > li > .inner .locTop > .mainRoundBtn.s1 .btnInner .roundIcon > .xi { font-size: 1.215rem; } 

/* ====== associate ====== */
.huContainer .profile-bx { padding: 1.25rem; } 
.huAllContainer .item.ceo .huContainer .huImg { height:65svw; } 
.huAllContainer .item.ceo .profile-bx .wrap .position,
.huAllContainer .item.ceo .profile-bx .wrap .name { font-size: 1.215rem; } 
.huListContainer>.item>.tit { font-size: 1.515rem; } 
.huContainer .profile-bx .wrap .name { font-size: 1.15rem; } 
.huContainer .profile-bx .wrap { flex-direction: column; align-items: start; } 

.huAllContainer .subhuList { gap: 1.25rem 1rem; } 
.huAllContainer .subhuList > li { width: calc((100% - 1rem) / 2) } 
.huAllContainer .ceo .subhuList > li .huImg { height: 30svw; } 
.huContainer .profile-bx .wrap .position { font-size: .938rem; } 
.huContainer .profile-bx .mainRoundBtn { display: none; } 
.huContainer .profile-bx:after { width: 30px; height: 18px; top: 16px; right: 16px; } 

.huViewContainer { flex-direction: column; gap: 2rem; } 
.huViewContainer > .infoContainer,
.huViewContainer > .huContainer { width: 100%; } 

.huViewContainer .huContainer .profile-bx:after { width: 60px; height: 35px; top: 20px; right: 20px; } 
.huViewContainer .huContainer .profile-bx .wrap .name { font-size: 1.815rem; } 
.huViewContainer .huContainer .profile-bx .wrap .position { font-size: 1.263rem; } 
.huViewContainer > .infoContainer > .careerContainer > .item { padding: 0 1rem; box-sizing: border-box; } 
.huViewContainer > .infoContainer > .careerContainer > .item > .tit { padding-left: 0; } 

.successList > li { flex: 1 1 100% !important; max-width: 100% !important; } 
.successList > li > .in { padding: 1.75rem; } 
.successList > li > .in > .tit { font-size: 1.315rem; } 
.successList > li > .in > .txt { font-size: 1rem; } 

/* ====== news ====== */
.news_table { } 
.news_table > li { width: 100%; } 
.news_table > li > .wrap_in > .c_img { height: 30svw; } 

/* ====== notice ====== */
.board_notice > li > .inner { flex-direction: column; gap: 1rem; } 
.board_notice > li > .inner > .thumb { width: 100%; height: 22svh; } 
.board_notice > li > .inner > .infoT { width: 100%; } 
.board_notice > li > .inner > .infoT > .tit { font-size: 1.215rem; } 




/* -------------------------Media Query Start------------------------- */

/* 기본 모바일 */
@media (max-width: 374px) { 
}


/* 대형 모바일 */
@media (max-width: 481px) { html { font-size: 14px; }  


/* ====== contents ====== */
#contents .sub_top_wrap .subTit .t1 { font-size: 7vmin; } 

/* ====== asscociate ====== */
.huAllContainer .ceo .subhuList > li .huImg { height: 35svw; } 
}



/* 태블릿 */
@media (min-width: 768px) { 

/* ====== font ====== */
.page_tit .t3 { font-size: 1.515rem; } 
.page_tit .t1 { font-size: 2.315rem; } 
.page_tit .t4 { font-size: 2.15rem; } 

/* ====== All layer ====== */
#header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title { font-size: 4vmin; } 

/* ====== all ====== */
.AlSearch { width: 40rem; } 

.board_viewF,
.board_viewM{ padding: 2rem;}
.board_viewM { font-size: 16px !important } 
.table_form .wrap_in .tit_wrap{ width: 8em;}

.sub.scroll #header { transform: translateY(0); } 
.sub.scroll.up #header { transform: translateY(0); } 

.page_btn .in > .input_st{ flex: unset; margin-left: auto; padding: .5rem 1.5rem; font-size: 1.125rem;}

/* ====== board ====== */
.board_faq > li .faqTit .wrap_in { padding: 1rem 5rem 1rem 0; } 
.board_faq > li.on .faqCon .wrap_in { padding: 2rem 0; } 

.board_search .search .inp,
.board_search .search button,
.board_search .search label .input_st,
.board_search .search label { width: auto; } 
.board_search .search { flex: unset; gap: 0 .25rem; } 
.board_search .total { display: flex; } 

.board_table { font-size: unset; } 
.board_table .w_date { width: 8rem; } 

/* ====== button ====== */
.sub_tab { justify-content: center; overflow: unset; } 
.sub_tab > li { padding: 0 1.5rem; } 

/* ====== Contents ====== */
#contents .sub_top_wrap .subTit .t1 { font-size: 7vmin; } 


/* ====== greeting ====== */
.ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item { flex-direction: unset; width: calc((100% - 2rem) / 2); padding: 0; } 
.greeting_wrapper .huViewContainer > .infoContainer > .careerContainer { gap: 2rem; } 
.greeting_wrapper .huViewContainer > .infoContainer > .careerContainer > .item { padding: 0rem; } 
.greeting_wrapper .huViewContainer > .infoContainer .huInfoTop .huType { display: flex; } 

/* ====== associate ====== */
.huViewContainer > .infoContainer .huInfoTop { flex-direction: unset; align-items: center; } 
.huViewContainer > .infoContainer .huInfoTop .huType { gap: 2rem; } 

.huContainer .profile-bx .wrap { flex-direction: unset; align-items: end; } 
.huAllContainer .item.ceo .profile-bx .wrap .position { font-size: 1.615rem; } 
.huAllContainer .item.ceo .profile-bx .wrap .name { font-size: 2rem; } 
.huAllContainer .subhuList > li { width: calc((100% - 2rem) / 3); } 
.huAllContainer .ceo .subhuList > li .huImg { height: 38svw; } 

.huViewContainer > .huContainer { width: 40%; } 
.huViewContainer > .infoContainer > .careerContainer > .item { width: calc((100% - 2rem) / 2); } 

.successList > li { flex: 1 1 50% !important; max-width: 50% !important; } 
.successList > li > .in { padding: 2.25rem; } 
.successList > li > .in > .tit { font-size: 1.415rem; } 
.successList > li > .in > .txt { font-size: 1.15rem; } 

/* ====== overview ====== */
.overviewList .Boxlist > li { flex: 1 1 50%; } 

.circleBox { display: flex !important; flex-wrap: wrap; gap: 1rem; } 
.circleBox .cirItem { width: calc((100% - 1rem) / 2); } 

/* ====== partner ====== */
.board_wrap .board_partner > li { width: calc((100% - 2rem) / 3); } 

/* ====== business ====== */
.business_top .txt_box .msg { font-size: 2.15rem; } 
.cenItemContainer > .item > .imgCon { height: 25svh; } 

/* ====== area ====== */
.mapAllContainer .innerContainer .locList > li > .inner > .locImg > li { width: calc((100% - 1.5rem) / 4); } 
.mapAllContainer .innerContainer .locList > li > .inner > .locImg > li:last-of-type { display: block; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locImg > li > .imgC { height: 15svh; } 
.mapAllContainer .innerContainer .locList > li > .inner .locN { font-size: 1.815rem; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con > .tt { font-size: 1.215rem; min-width: 5.5rem; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con > .tx { font-size: 1.15rem; } 
.mapAllContainer .innerContainer .locList > li > .inner > .locInfo > li > .con > .tx.cp { font-size: 1.415rem; } 

/* ====== news ====== */
.news_table > li { width: calc((100% - 2rem) / 3); } 
.news_table > li > .wrap_in > .c_img { height: 20svw; } 

/* ====== notice ====== */
.board_notice > li > .inner { flex-direction: unset; gap: 3rem; } 
.board_notice > li > .inner > .thumb { width: 25%; height: 18svw; } 
.board_notice > li > .inner > .infoT { width: 75% } 


/* ====== history ====== */
.history_wrap:before,
.history_wrap .scrollAniHis { left: 2%; } 
.history_wrap:after { left: 2%; } 


/* ====== about ====== */
.cenItemContainer > .item { flex-direction: unset; } 
.cenItemContainer > .item > .imgCon { height: unset; width: 30%; } 
.cenItemContainer > .item > .titBox { width: 70%; } 

/* ====== associate ====== */
.huContainer .profile-bx .wrap .name { font-size: 1.415rem; } 
.huContainer .profile-bx .wrap .position { font-size: 1.063rem; } 
}



/* 노트북 */
@media (min-width: 1024px) { 

.box0 { padding:0 3vw; width: unset; max-width: unset; margin: unset; } 

/* ====== all ====== */
.pageWrapper .page_con{ padding: 6rem 0;}

.AlSearch .input_st{ height: 4.35rem;}
#searchTag{ top: 4.35rem; padding: 2.5rem 2.5rem 5rem 2.5rem;}
#searchTag > .tt{ font-size: 1.215rem;}
#contents .sub_page_menu{ display: block;}

.linkMore .more-link { height: 3.825rem; } 
.linkMore .more-link > .tt { font-size: 1rem; } 
.linkMore .more-link > img { height: 40px; } 

.board_viewF,
.board_viewM{ padding: 2rem;}
.board_viewM { font-size: 16px !important }
.board_viewT .vTit{ font-size: 2.15rem;}

/* ====== Header ====== */
#header .header_link,
#header .gnb_wrap { display: flex; } 
#header .top_wrap .logo > a img { height: 50px; } 
#header .top_wrap .wrapH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{ height: 5rem;}

#header .top_wrap .all { margin-left: 0; } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size: 1rem; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size: .863rem;}

/* ====== Contents ====== */
#contents .sub_top_wrap { width: 94%; padding-top: 7.5rem; } 
#contents .sub_top_wrap .subTit .t1 { font-size: 6vmin; } 
#contents .nav > li{ font-size: 1rem;}


/* ====== overview ====== */
.overviewTop{ height: 18rem; padding: 5rem;}
.overviewTop .inner > .tit{ font-size: 2.15rem;}
.overviewTop .inner > .txt{ font-size: 1.215rem;}
.overviewList .Boxlist > li > .in > .tit{ font-size: 1.615rem;}
.overviewList .Boxlist > li > .in > .txt{ font-size: 1.315rem;}

/* ====== greeting ====== */
.greeting_wrapper .greetingBox{ flex-direction: unset; padding: 3rem;}
.greeting_wrapper .greetingBox .ceoImg{ position: absolute; background: transparent; height: 40svh;}
.greeting_wrapper .greetingBox .greetingInfo .tit{ font-size: 2.315rem;}
.greeting_wrapper .greetingBox .greetingInfo .subT{ font-size: 1.315rem;}
.greeting_wrapper .greetingBox .greetingInfo .tx{ font-size: 1.063rem;}
.greeting_wrapper .greetingBox .greetingInfo > .ceo > .name{ font-size: 2.515rem;}
.greeting_wrapper .greetingBox .greetingInfo > .ceo > .posi{ font-size: 1.215rem;}
.ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item{ width: calc((100% - 4rem) / 3);}

/* ====== about ====== */
.business_top .txt_box .msg{ font-size: 3.25rem;}
.cenItemContainer > .item > .titBox .tit{ font-size: 1.815rem;}
.cenItemContainer > .item > .titBox .txt{ font-size: 1.215rem;}
.cenItemContainer > .item > .titBox{ padding: 3.5rem;}


/* ====== history ====== */
.history-layout .left{ display: block;}
.history-layout .right{ width: 50%;}
.history_wrap .history > li .year .tt{ font-size: 2.715rem;}
.history_wrap .history > li .list .month, .history_wrap .history > li .list .detail .tt{ font-size: 1.063rem;}

/* ====== partner ====== */
.board_wrap .board_partner > li{ width: calc((100% - 4rem) / 5);}

/* ====== buseinss ====== */
.business_top > * { height: 100svh;}
.business_top .txt_box{ width: 80%;}
.business_top .txt_box .msg{ font-size: 2.515rem;}

/* ====== area ====== */
.mapAllContainer .innerContainer #mapArea{ display: block;}
.mapAllContainer .innerContainer .locList{ width: 50%;}
.mapAllContainer .innerContainer .locList > li > .inner > .locImg > li > .imgC{ height: 10svh;}

/* ====== associate ====== */
.huContainer .profile-bx:after{ width: 80px; height: 50px; top: 24px; right: 24px;}
.huListContainer>.item>.tit{ font-size: 1.815rem;}
.huViewContainer{ flex-direction: unset;}

/* ====== news ====== */
.news_table > li{ width: calc((100% - 3rem) / 4);}
.news_table > li > .wrap_in > .c_img{ height: 15svw;}

/* ====== notice ====== */
.board_notice > li > .inner > .thumb{ width: 18%; height: 9svw;}

/* ====== partner ====== */
.board_wrap .board_partner > li > .wrap_in > .img_wrap{ padding: 1.5rem 2rem;}
.board_wrap .board_partner > li > .wrap_in > .img_wrap > img{ height: 80px;}
.board_wrap .board_partner > li > .wrap_in > .con_wrap .t1{ font-size: 1.15rem;}

.huViewContainer{ gap: 6rem;}

/* ====== footer ====== */
#footer .menu > li > .in{ font-size: unset;}
.footerWrapper .footerT .logo > img{ width: 15.5rem;}
#footer .info_wrap .info > li{ font-size: 1rem;}
#footer .site_wrap{ display: block;}

}


/* 대형 노트북 */
@media (min-width: 1560px) { 

.PC { display: block !important; } 
.PHONE { display: none !important; } 

/* ====== button ====== */
.AniBtn{ font-size: 1rem;}

/* ====== header ====== */
.main.scroll #header .top_wrap { background: transparent; color: #fff;} 
.main.scroll #header .top_wrap .logo > a img { filter: var(--crWhitefil); } 
.main.scroll #header .top_wrap .all_btn .ham,
.main.scroll #header .top_wrap .all_btn .ham:before,
.main.scroll #header .top_wrap .all_btn .ham:after { background: #fff; }

.main #header.gnbOpen .top_wrap{ background: #fff; color: var(--crBlack);}
.main #header.gnbOpen .top_wrap .logo > a img{ filter: none;}
.main #header.gnbOpen .top_wrap .all_btn .ham,
.main #header.gnbOpen .top_wrap .all_btn .ham:before,
.main #header.gnbOpen .top_wrap .all_btn .ham:after { background: var(--crBlack); }

#header .top_wrap .wrapH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{ height: 6.5rem;}
#header .gnb_wrap .gnb > li .dp1 .tt{ font-size: 1.15em;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size: 1.063em;}

/* ====== all layer ====== */
#header .all_wrap .all_layer .all_inner .innerGuide{ display: flex;}
#header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title{ font-size: 3.5vmin;}
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li .in > .tt{ font-size: 1.15rem;}

/* ====== all ====== */
.pageWrapper .page_con{ padding: 8rem 0;}
.wideImg{ height: 30rem;}
.page_tit .t4{ font-size: 2.615rem;}

.AlSearch .input_st::placeholder { font-size: 1.15rem; font-weight: 500; }
.loc_btn{ width: fit-content;}
.loc_btn > li > .tt{ font-size: 1.215rem;}
.loc_btn > li{ height: 3rem; padding: 0 1.5rem;}
.sub_tab > li{ height: 3.625rem; padding: 0 2rem;}
.sub_tab > li > .tt{ font-size: 1.215rem;}

#searchTag .tagList > li .rt{ height: 3rem; padding: 0 1.5rem;}

/* ====== board ====== */
.board_viewT .vTit{ font-size: 2.515rem;}

/* ====== contents ====== */
#contents .sub_top_wrap .subTit .t2{ font-size: 1.315rem;}
#contents .nav > li{ font-size: 1rem;}
#contents .sub_top_wrap .subTit .t1{ font-size: 7.215vmin;}
#contents .sub_page_menu .drop_menu .drop_tit .tt,
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .in .tt{ font-size: 1.063rem;}
#contents .sub_top_wrap{ padding-top: 9rem;}
#contents .subpageTit .sub_tit{ font-size: 2.815rem;}
#contents .sub_top_wrap{ height: 55svh;}


/* ====== header ====== */
#header .top_wrap .logo > a img{ height: 60px;}

/* ====== font ====== */
.page_tit .t3{ font-size: 1.815rem;}
.page_tit .t1{ font-size: 3.15rem;}
.page_tit .t5{ font-size: 15px;}

/* ====== overview ====== */
.overviewList .Boxlist > li{ flex: 1 1 25%;}
.circle_center{ padding-top: 8rem;}
.overviewTop{ height: auto; padding: 5rem;}
.overviewList .Boxlist > li > .in{ padding: 2.5rem;}

/* ====== greeting ====== */
.greeting_wrapper .greetingBox .ceoImg{ height: 65svh;}
.greeting_wrapper .greetingBox .greetingInfo .tit{ font-size: 3.515rem;}
.greeting_wrapper .greetingBox{ padding: 5.5rem;}
.ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item > .tit{ padding-left: 1rem;}
.ceoWrap .huViewContainer > .infoContainer > .careerContainer > .item{ gap: 3.5rem;}
.huViewContainer > .infoContainer .huInfoTop .huType > .item > .tt,
.huViewContainer > .infoContainer > .careerContainer > .item > .txtList > li{ font-size: 1.063rem;}
.huViewContainer > .infoContainer .huInfoTop .nameCon > .name_info{ font-size: 2.415rem;}
.huViewContainer > .infoContainer .huInfoTop .nameCon > .position_info{ font-size: 1.415rem;}
.huViewContainer > .infoContainer .huInfoTop .nameCon > img{ height: 45px;}
.greeting_wrapper .greetingBox .greetingInfo > .ceo > .name{ font-size: 3.15rem;}
.greeting_wrapper .greetingBox .greetingInfo > .ceo > .posi{ font-size: 1.415rem;}
.greeting_wrapper .greetingBox .greetingInfo .subT{ font-size: 1.615rem;}
.greeting_wrapper .greetingBox .greetingInfo .tx{ font-size: 1.215rem;}

/* ====== quick ====== */
#quick_new{ right: 1vw;}

/* ====== associate ====== */
.huAllContainer .item.ceo .profile-bx .wrap .name{ font-size: 2.515rem;}
.huListContainer>.item>.tit{ font-size: 2.315rem;}
.huAllContainer .subhuList > li{ width: calc((100% - 3.9rem) / 4)}
.huAllContainer .subhuList{ gap: 4rem 1.3rem;}
.huContainer .profile-bx .wrap .name{ font-size: 1.815rem;}

/* ====== news ====== */
.news_table > li > .wrap_in > .c_img{ height: 12svw;}

/* ====== notice ====== */
.board_notice > li > .inner > .infoT > .tit{ font-size: 1.315rem;}

/* ====== area ====== */
.mapAllContainer .innerContainer .locList > li > .inner > .locImg > li > .imgC{ height: 7rem;}


}











