@charset "utf-8";

@media screen and (max-width:1440px){
.box1{ width: 92%; max-width: 90%;}
*{ box-sizing: border-box;}
img{max-width: 100%;}

#header.allOn .allBtn_wrap{ right: 34rem; top: 1.6rem;}

#header .all_wrap .wrap_in .gnb > li .dp1 .tt{ font-size: 1.2em; font-weight: 700;}
#header .all_wrap .wrap_in .gnb > li .dp2 > li > a .tt{ font-size: 1em;}

/* 기관소개 */
.linewrap{ left: 27.9%;} 

/* 운영조직 */
.committee-wrapper{ left: calc(50% + 76px);}

/* 자원봉사 */
.service-info-panel{ padding: 0 15rem;}
}

@media screen and (max-width:1024px){
html:not(.allOn) #header .wrap_in .gnb_wrap{ display: none;}    
#header .all_wrap .wrap_in > .in{ padding: 1em;}
#header .all_wrap .wrap_in .all_top{ gap: 9em; justify-content: start;}
#header.allOn .allBtn_wrap{ right: 23.5rem; top: 6.9rem;}
#header .all_wrap .wrap_in .gnb > li{ flex-direction: column; align-items: flex-start;}
/* Visual */
.mainVisualSlideWrap .slogan .t1{ font-size: 2.5em;}
.main_contents ul li .cmi_box{ padding: 2em;}

/* 인사말 */ 
.company_top .desc{ font-size: 1.675em;}
.greet_box{ padding: 2em;}
.greet_box .inner{ gap: 3em;}
.greet_box p{ font-size: 1.65em;}
.greet_box .txt_wrap .page_txt > .tt.t4{ font-size: 1em;}

/* 기관소개 */
.institution{ width: 61.125rem;}
.institution_img img{ max-width: 9.4375rem;}
.institution .wrap_con p span{ font-size: 1.2em;}
.vision_img{ left: 2.3125rem;}
.mission_img{ right: 1.625rem; top: 8.5rem;}

.decadeNav{ width: 210px;}
.decadeItem{ height: 111px; font-size: 18px;}
.historyWrapper .history{ gap: 25px; }
.year{ font-size: 1.35em;}
.liSt li{ font-size: 1em;}

/* 운영조직 */
.organize_scroll{ overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.organize{ min-width: 1200px;}
.program-sub{ padding: 15px 8px;}    
.split-sub-node{ width: 38%;}

/* 오시는길 */
.locWrap .locList > li > .in > .info .con > .tt > .round.orange{ width: 5em;}

/* 프로그램 */
.proGram{ font-size: 2.1rem;}
.proGram:after{ width: 190px; top: 5rem;}
#contents .sub_top_wrap .visual_wrap .bg{ background-position: right;}
.programA_wrap .careImg{ display: none;}
.quote_text{ font-size: 1.2rem;}
.programA_wrap .care_title h1{ font-size: 2.2em;}
.care_wrap .cont .step_wrap .step .tit{ font-size: 1.2em;}
.care_wrap .care_principles{ padding: 4em 5em;}

.program_wrap .intro_section .intro_text{ font-size: 1.1em; font-weight: 600;}
.program_wrap .info_item h3{ font-size: 1.2em;}
.program_wrap .info_item strong{ font-size: 1em;}
.program_wrap .careImg{ width: 19rem;}

.program_wrap .process_flow{ grid-template-columns: repeat(3, 1fr);}
.quote_text{ font-size: 1.1rem;}
.quote_box:before{ font-size: 4rem;}

/* 자원봉사 */
.service-info-panel{ padding: 0 5rem;}
.service-content-title{ font-size: 2.0625rem;}
.cation_title{ font-size: 1.625rem;}
.cation_list .txt{ font-size: 1.05em;}

.volOpp_wrap .method{ grid-template-columns: repeat(3, 1fr);}
.volOpp_wrap .step::after{ top: 4.2rem; right: -1.6rem;}

/* 후원분야 */
.a_label.account-number-block li:first-child strong{ font-size: 1.3rem;}
.a_label.account-number-block li:nth-child(2){ font-size: clamp(22px, 3.2vw, 28px);}
}

@media screen and (max-width:768px){
/* 마이페이지 */
.myInfoWrap{ gap: 2%;}
.myInfo .name .point{ font-size: 1em;}

#header.allOn .allBtn_wrap{ right: 1.5rem;}
#header .all_wrap .wrap_in .all_top{ gap: 15em;}
#header .all_wrap .wrap_in{ width: 100%;}
#header .wrap_in .logoW{ width: 10em;}
#header .mem_wrap > .link > .t1{ font-size: .8em;}

#header .all_wrap .bg{ display: none;}

.mainVisualSlideWrap .mainVisualBanner{ height: 18em;}
.mainVisualSlideWrap .slogan .t1{ font-size: 1.2em;}
.mainVisualSlideWrap .slogan .en{ font-size: 1em;}

.mouse-ico > .tt{ font-size: .6em;}

.archive_wrap .archive_tab li{ padding: 1em .5em;}
.archive_wrap .archive_tab li .tab_btn{ font-size: .8em;}

.main_con{ padding: 2em 0;}

.main_contents ul li .cmi_box{ padding: 1em;}
.main_contents ul li .cmi_box strong{ font-size: .8em; text-align: center; font-weight: 700;}

/* 공통 */
#contents .sub_top_wrap .wrap_con .nav_wrap .tit .t2{ font-size: 1.65em;}
#contents .sub_top_wrap .wrap_con .menu_wrap{ display: none;}

/* 인사말 */
.company_top .desc{ font-size: 1.3em;}
.greet_box p{ font-size: 1.2em;}
.greet_box .txt_wrap .page_txt > .tt.t4{ font-size: .98em;}
.greet_box .txt_wrap .ceo .t1{ font-size: 1em;}
.greet_box .txt_wrap .ceo .t2{ font-size: 1.3em;}
.greet_box .img_con{display: none;}

/* 기관소개 */
.institution_img img{ max-width: 8rem;}
.institution .wrap_con{ width: 66%; background: 0;}
.institution .wrap_con p span{ font-size: 1.1em;}
.institution .wrap_con p{ font-size: 1rem;}
.mission_img{ right: 0.625rem; top: 11.5rem;}
.vision_img{ left: 0.3125rem; top: -2.625rem;}
.decadeNav{ width: 146px;}
.decadeItem{ height: 84px; font-size: 16px;}
.year{ font-size: 1.15em;}
.liSt li{ font-size: .98em;}

.titler1{ font-size: 26px;}

.page_txt_wrap.st3 > .innerSec{ flex-direction: column;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{ width: 20em;}
.page_txt_wrap.st3 > .innerSec > .wrap_con{ padding: 1.5em;}
.page_txt_wrap.st3 > .innerSec > .wrap_con ul li .in p{ font-size: .98em;}
.page_txt_wrap.st3 > .innerSec > .wrap_tit, .page_txt_wrap.st3 > .innerSec > .wrap_con{ padding: 1.5em;}

.page_tit > .t4{ font-size: 1.1em;}

/* 오시는 길 */
.map_list{ grid-template-columns: repeat(2, 1fr);}
.map_list > li + li .in{ border-left: 0;}
.map_list > li{ padding: 1rem;}
.map_list > li:nth-child(1){ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.map_list > li:nth-child(2){ border-bottom: 1px solid #ddd;}
.map_list > li:nth-child(3){ border-right: 1px solid #ddd;}
.locWrap .locList > li > .in > .info .con > .tt > .round.orange{ width: 6em;}

/* 프로그램 */
.quote_text{ font-size: 1rem;}
.quote_box:before{ font-size: 3rem;}
.content_text .txt{ font-size: .8rem; line-height: 1.6; margin-bottom: 1rem;}
.care_wrap .care_principles{ padding: 4em 2em;}

.care_wrap .cont .step_wrap{ grid-template-columns: 63px minmax(0, 1fr); gap: 1em;}
.care_wrap .cont .step_wrap .label{ width: 2rem; height: 2rem; line-height: 2rem; font-size: 1em;}
.care_wrap .cont .step_wrap .step .tit{ font-size: 1rem;}
.care_wrap .cont .step_wrap .step{ padding: 1em;}

.proGram{ font-size: 1.5rem;}
.proGram:after{ top: 4rem; width: 170px;}
.program_wrap .care_title .title_label{ font-size: 12px;}
.program_wrap .intro_section{padding: 1.5rem;}
.program_wrap .intro_section .intro_text{ font-size: 1em;}
.program_wrap .careImg{ display: none;}

.programA_wrap .care_wrap{ margin-bottom: 9.25rem;}
.programA_wrap .care_title h1{ font-size: 1.6em;}

.scr_i{ display:block; margin-bottom:10px; }
.xi-scroll:before{ display:inline-block; transform:rotate(-90deg);}
.scroll_wrap{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
.scroll_wrap table{ min-width:1000px; width:1000px;}
.program_wrap .intro_section .intro_text .D{display: none;}

.fc-header-toolbar h2{ font-size: 2em;}

/* 자원봉사 */
.service-content-label{ font-size: 12px;}
.service-content-title{ font-size: 1.8rem;} 
.service-info-panel{ padding: 0 1rem;}
.service-info-panel span{ font-size: 1rem;}
.iCo p{ font-size: 1.2em;}

/* 후원분야 */
.method_wrap .care_title .label{ font-size: 2.2em;}
.method_wrap .care_title .label::after{ top: 15em;}
.process_list .tit{ font-size: .9rem;}
.account-content-title{ font-size: 1.625rem;}
.a_label.account-number-block li:first-child strong{ font-size: 1.1rem;}
.a_label.account-number-block li:nth-child(2){ font-size: .9rem;}
.a_label.account-number-block li:nth-child(3){ font-size: .89;}
.ico p{ font-size: 1.2em;}
.a_label.account-benefit-block li:first-child strong{font-size: 1.2em;}

/* 후원신청 */
.certconBox .midIcon{ width: 6em; height: 6em; top: 9em;}
.certconBox .mjinfo .tit{font-size: 1.4em;}
.certconBox .mjinfo .txt br{display: none;}
.certconBox .mjinfo .txt2{ font-size: 1em;}

.form_lab .lab_con:not(.flex) > *{ flex: 1 1 50%;}
}

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

   
#contents .sub_top_wrap .wrap_con .nav_wrap .wrap_in{ padding: 1.5em 0; background: #fff;}


.memBannerSlider_wrap .inner{ flex-direction: column;}

#contents .sub_top_wrap .visual_wrap{ height: calc(var(--vh, 1dvh) * 16);}

.proGram{ font-size: 1.82rem;}
.proGram:after{ top: 4.5rem;}
.quote_text{ font-size: 1rem;}
.content_text .txt{ font-size: .91rem;}
.content_text{ margin-bottom: 0;}
.care_wrap .care_principles{ padding: 2em 0;}
.programA_wrap .care_title h1{ font-size: 2em;}
.care_wrap .cont .step_wrap .label { font-size: 1.1em; }

#contents .doc{ padding: 3.5em 0 0 0;}

.program_wrap .intro_section .intro_text{ font-size: 1em;}
}

@media screen and (max-width:430px){
.main_archive .circle_wrap .pos1{ width: 3vw; height: 3vw; left: 46vw;}   
.main_archive .circle_wrap .circle.st1{ border: 6em solid transparent;}
/* 마이페이지 */
.myInfoWrap{ flex-direction: column;}    
.form_lab .lab_tit{ width: 7em;}
.page_btn .max2{ font-size: 1em;}
.myInfoWrap .wrapR{ width: 21em;}
.form_lab{ flex-direction: column; align-items: start;}

#quick{ right: 0.875rem;}
.quickBtn{ width: 50px; height: 50px; font-size: .6rem;}
#header .all_wrap .wrap_in .all_top{ gap: 2em;}
#header .all_wrap .wrap_in .all_header .all_logo img{ width: 8em;}
#header .all_wrap .wrap_in .all_top .all_mem .link{ padding: 0 1em;}
#header.allOn .allBtn_wrap{ top: 0.9rem;}

#header .all_wrap .wrap_in .gnb > li .dp1 .tt{ font-size: 1em;}
#header .all_wrap .wrap_in .gnb > li .dp2 > li > a .tt{ font-size: .8em;}
#header .all_wrap .wrap_in .gnb > li ul{ gap: 0;}
#header .all_wrap .wrap_in .gnb > li a{ padding: 0.3em;}
#header .all_wrap .wrap_in .all_top .all_mem .link .t1{ font-size: .8em;}
.xi-user-plus-o:before{ font-size: 1em;}

.main_contents ul{ flex-wrap: wrap; gap: 0.5em;}  
.main_contents ul li{ width: 48.333%;}  

/* 공통 */
#contents .sub_top_wrap .wrap_con .nav_wrap .tit .t2{ font-size: 1em;}
#contents .sub_top_wrap .wrap_con .nav_wrap .nav > li{ font-size: .85em;}

/* 인사말 */
.company_top .desc{ font-size: 1em;}
.greet_box p{ font-size: 1.11em;}
.greet_box .txt_wrap .page_txt > .tt.t4{ font-size: .88em;}
.greet_box .txt_wrap .ceo .t2{ font-size: 1.2em;}

/* 기관소개 */
.institution{ width: 22.125rem; padding-bottom: 2em;}
.institution .wrap_con{ width: 96%; margin-top: 3em;}
.institution .wrap_con p{ font-size: .8rem;}
.institution_img img{ max-width: 5rem;}
.mission_img{ top: -2.5rem;}

.historyGroup{ padding-left: 17px;}
.historyWrapper .history{ flex-direction: column;}
.hObj:before{ left: -23px;}
.linewrap{ display: none;}
.liSt li{ flex-direction: column;}
.decadeNav{ width: 100%; display: flex; gap: 1em; justify-content: space-evenly; flex-wrap: wrap;}
.decadeItem{ width: 11.8em; font-size: 14px; height: 56px; padding: 1em; margin-bottom: 0;}
.month{ width: 32px;}
.con br{display: none;}

.titler1{ font-size: 20px;}

.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{ padding-bottom: 0;}
.page_box_list.st1 .item{ min-width: 6.5rem;}
.page_box_list.st1 .item p{ font-size: 15px;}
.page_box_list.st1 .item::before{ top: 39%; font-size: 1em;}

.page_box_list.st1{ flex-wrap: nowrap; gap: 0;}

/* 오시는 길 */
.map_list{ grid-template-columns: repeat(1, 1fr);}
.map_list > li{ padding: 2rem; border-bottom: 1px solid #ddd !important;}
.map_list > li + li .in{ padding-left: 0;}
.map_list > li:nth-child(1){ border-right: none; border-bottom: none; border-top: 1px solid #ddd;}
.map_list > li:nth-child(2){ border-bottom: none;}
.map_list > li:nth-child(3){ border-right: none;}
.locWrap .locList{ flex-direction: column;}
.locWrap .locList > li{ max-width: 100%;}
.locWrap .locList > li > .in{ margin: 0 0 2em 0;}
.locWrap .locList > li > .in .icon{ width: 2.5em; height: 2.5em;}
.locWrap .locList > li > .in > .iconWrap > .tt{ font-size: 1em;}
.locWrap .locList > li > .in > .info .con > .tt{ font-size: 1em;}
.locWrap .locList > li > .in > .info .con > .tt > .round.orange{ width: 5em;}
.page_tit > .t1{ font-size: 1.2em;}
.map_list .page_txt .tit{ font-size: 1em;}
[class*=" xi-"], [class^=xi-], .xi{ font-size: 1em;}

/* 프로그램 */
.proGram:after{ top: 4rem;}
.quote_box:before{ font-size: 3rem;}
.proGram{ font-size: 1.3rem;}
.quote_text{ font-size: .8rem;}
.content_text .txt{ font-size: .78rem; margin-bottom: 1rem;}
.program_wrap .care_title .title_label{ font-size: 10px;}
.program_wrap .care_title .subtitle{ font-size: 1rem;}
.program_wrap .intro_section{ padding: 1rem 2rem; }

.program_wrap .info_item{ padding: 1em;}
.program_wrap .info_item h3{ font-size: 1em;}
.program_wrap .info_item strong{ font-size: .95em;}
.program_wrap .info_item p{ font-size: .90rem;}
.program_wrap .intro_section .intro_text{ font-weight: 500;}
.program_wrap .intro_section .intro_text br{display: block;}

.program_wrap .process_flow{ grid-template-columns: repeat(2, 1fr);}
.program_wrap .process_flow .step:not(:last-child)::after{ right: -1.1rem;}

.programA_wrap .care_title h1{ font-size: 1.5em;}
.care_wrap .cont .step_wrap{ grid-template-columns: 34px minmax(0, 1fr);}
.care_wrap .cont .step_wrap .step{ padding: 1em;}
.care_wrap .cont .step_wrap .step .tit{ font-size: .8em;}
.care_wrap .cont .step_wrap .label{ width: 2rem; height: 2rem; line-height: 2rem; font-size: .8em;}

.program_wrap .info_item ul li{ font-size: 1em;}

.fc-header-toolbar h2{ font-size: 1.5em !important;}

.greet_box{ padding: 1em;}

/* 지원안내 */
.service-info-panel{ padding: 0 1.75rem;}
.service-info-panel span{ font-size: .875rem;}
.service-content-title{ font-size: 1.5rem;}
.service-info ul li:first-child{ font-size: 15.008px;}
.iCo p{ font-size: 1em;}
.iCo img{ width: 1.5em;}
.process_title{ font-size: 1.5rem;}
.process_list .method{display: flex; flex-wrap: wrap; gap: 2rem;}
.step::after{ right: -19px; top: 31px; font-size: 22px;}

.process_list .num{ font-size: 1rem;}
.process_list .step:nth-child(3):after{ display: none;}

.cation_list .txt{ font-size: .89em;}
.cation_list .num{ font-size: .875rem; width: 30px; height: 30px;}
.cation_list .item{ grid-template-columns: 36px 1fr; gap: 0;}
.certificate p{ font-size: 14px; margin-top: 1em;}

.volOpp_wrap .num{ font-size: 1.3em;}
.volOpp_wrap .circle{ width: 8em; height: 8em;}
.volOpp_wrap .circle img{ width: 2.5em; height: 2.5em;}
.volOpp_wrap .tit{ font-size: .89rem;}
.volOpp_wrap .method{ grid-template-columns: repeat(2, 1fr); gap: 2rem;}
.volOpp_wrap .step:nth-child(2):after,.volOpp_wrap .step:nth-child(4):after{ display: none;}
.volOpp_wrap .step::after{ top: 2.5rem;}

.service-bottom{ display: flex; min-height: 7rem; padding: 1em; margin-bottom: 2em;}
.service-bottom-image-wrap{ display: none;}

/* 후원분야 */
.method_wrap .care_title .label{ font-size: 1.5em;}
.method_wrap .care_title .label::after{ top: 18em; width: 179px;}

.process_list .tit{ font-size: .8rem;}
.account-info-panel{ padding: 1em; gap: 26px;}
.account-content-title{ font-size: 1.4rem;}
.a_label.account-number-block li:nth-child(3){ font-size: 1em;}
.ico img{ width: 1.5em;}

.certconBox{ padding: 3em 1em;}
.certconBox .midIcon{ top: 12em; width: 4em; height: 4em; left: 19.5rem;}
.certconBox .mjinfo .tit{ font-size: 1.4em; font-weight: 700;}
.certconBox .mjinfo .txt{ font-size: .89rem;}
.certconBox .mjinfo .txt2{ font-size: .8em;}

.input_st.s1{ height: 2.5em; font-size: 1em; margin-bottom: 1em;} 
.label_st.st1 .lab .tt{ font-size: 12px;}

.form_lab .lab_con:not(.flex) > *{ flex: 10 10 47%;}

.login_wrap .link_wrap a{ margin-left: 0;}
.login_wrap .link_wrap a.point{display: none;}
#footer .menu_wrap .family .btn{ padding: 0 1.5em 0 1.5em;}
#footer .menu_wrap .family .btn .tt{ font-size: .8em;}
#footer .menu_wrap .family .btn .xi{ margin-left: 1em;}
#footer .menu_wrap .menu > li > .in{ padding: 0.5em;}
#footer .menu_wrap .menu > li > .in .tt{ font-size: .8em;}
#footer .info_wrap .inner{ flex-direction: column;}
#footer .info_wrap .info .list > li .tt{ font-size: .8em;}
#footer .info_wrap .info .copy{ margin-top: 1.5em;}
#footer .info_wrap .info .copy .tt{ font-size: .8em;}

}

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


/* 마이페이지 */
.myInfoWrap .wrapR{ width: 16em;}
.myInfoList > li .in .tit{ font-weight: 600;}
.myInfoList > li .in .tit .ico{ font-size: .8em;}
.form_lab .lab_con .w2{ width: 6em; }
.form_wrap .form_tit .t1{ font-size: 1.2em;}
.page_btn .max2{ height: 2em;}

/* 로그인 */
.login_wrap .login_tit .t1{ font-size: 1.2em;}
.login_wrap .login_tit .t2{ font-size: .89em;}
.login_wrap .login{ padding: .8em;}

.login_wrap .link_wrap a{ font-size: .8em; margin-left: 0;}
.login_wrap .btn{ font-size: 1em; height: 2.5em;}
.stepSt > li .tt{ font-size: .8em;}
.stepSt{ gap: 0 2em;}
.stepSt > li{ width: 5em;}
.stepSt > li:not(:last-child) .ico:before{ width: 3em;}
.form_wrap .form_tit .t1{ font-size: .89em;}
.form_wrap .form_tit .t3{ font-size: .85em;}
.form_lab .lab_con .w2{ font-size: .8em;}
.form_lab .lab_con .inp_tt{ font-size: .8em;}
.label_st span{ font-size: .8em;}
.input_st.s1{ height: 2.5em; font-size: 1em;}


.input_st.s1{ font-size: 1em;}

.form_lab .tit1{ font-size: .8em;}

.agree_box{ font-size: .8em;}

#quick{ right: 0.875rem; z-index: 9;}

body.pop .popWrap{ max-width: 90vw;}
body.pop .popWrap .popTit .tit .t1{ font-size: 1.3em; font-weight: 600;}
body.pop .popWrap .popIn{ padding: 0.5em 1em;}
body.pop .popWrap .popIn.h1{ height: 50vh;}

#header .wrap_in .logoW{ width: 6em;}   
#header .mem_wrap{ padding: 0.3em .8em; } 
#header .allBtn_wrap .allBtn{ margin: 7px auto 0;}
#header .all_wrap .wrap_in .all_top{ gap: 1em; flex-direction: column; justify-content: start;}
#header .all_wrap .wrap_in .all_top .all_mem{ justify-content: flex-end;}

#header .all_wrap .wrap_in .gnb > li ul{ flex-wrap: wrap; gap: 1em;}

/* 공통 */
#contents .sub_top_wrap .wrap_con .nav_wrap .wrap_in .in{ gap: 0.5em;}
#contents .sub_top_wrap .wrap_con .nav_wrap .tit .t2{ font-size: .875rem;}
#contents .sub_top_wrap .wrap_con .nav_wrap .nav > li{ font-size: .6875rem;}

.company_top{ width: 100%;}
.company_top .desc{ font-size: .8em;}

.company_wrap{ padding: 1em 0 0 0;}
.institution{ width: 20.125rem;}
.decadeNav{ flex-wrap: wrap;}
.decadeItem{ width: 9em; margin-bottom: 0;}

.titler1{ font-size: 18px;}
.titler2{ font-size: 15px;}
.page_tit > .t4{ font-size: 1em;}
.page_txt_wrap.st3 > .innerSec > .wrap_con ul li .in p{ font-size: .76em;}
.page_box_list.st1 .item p{ font-size: 13px;}

.locWrap .locList > li > .in > .info .con > .tt > .round.orange{ width: 6em;}

#contents .sub_top_wrap .visual_wrap{ height: calc(var(--vh, 1dvh) * 11);}
.care_wrap .cont .step_wrap{ grid-template-columns: 24px minmax(0, 1fr);}
.care_wrap .cont .step_wrap .step .tit{ font-size: .6em;}

.program_wrap .intro_section{ padding: 1rem .5rem;}
.program_wrap .intro_section .intro_text{ font-size: .875rem;}

.program_wrap .info_item ul li{ font-size: .8em;}

.table_st.list.line th{ font-size: .9rem;}
.table_st.list.line td{ font-size: .85em;}

.mt50{ margin-top: 0;}

.service-content-label{ font-size: 11px;}
.service-content-title{ font-size: 1.2rem;}
.service-info-panel{ padding: 0 .7rem;}

.process_title{ font-size: 1.3rem;}
.process_list .step::after{ display: none;}
.process_list .method{ padding: 3em 0 3em 0;}

.cation_title{ font-size: 1.3rem;}
.certificate p{ margin-left: 0; font-size: 12px; margin-top: 0.4em;}

.volOpp_wrap .method{ padding: 3em 0;}
.volOpp_wrap .tit{ font-size: 13px;}

.account-wrap{ padding: 37px 15px;}
.a_label.account-number-block li:first-child strong{ font-size: 1rem;}
.a_label.account-number-block li:nth-child(3){ font-size: .8em;}
.ico p{ font-size: .8em;}
.a_label.account-benefit-block li:first-child strong{ font-size: 1em;}
.account-highlight{ padding: 17px 21px;}

.certconBox{ padding: 2em 1em;}
.certconBox .mjinfo .tit{ font-size: 1em;}

.login_wrap .login{ margin-bottom: 2em;}
.myInfoWrap{ margin-top: -2em;}

body.pop .popWrap .popBtn .st .t1{ font-size: 1em;}
}