@charset "UTF-8";


:root {
    /* 4_2_1_1 */
    --mediDeptTypeTabAreaLineBg: #1b3c88;
    --iconBorderBoxBgImageP4211: url("/images/content/page4/2/scales.png");
    
    /* 4_3_1_1 */
    --fegBgImageP4311_1: url("/images/content/page4/3/visit_icon1.png");
    --fegBgImageP4311_2: url("/images/content/page4/3/visit_icon2.png");
    --fegBgImageP4311_3: url("/images/content/page4/3/visit_icon3.png");
    --fegBgImageP4311_4: url("/images/content/page4/3/visit_icon4.png");
    --fegBgImageP4311_5: url("/images/content/page4/3/visit_icon5.png");
    --fegBgImageP4311_6: url("/images/content/page4/3/visit_icon6.png");
}
:root[color-theme='dark'] {
    /* 4_2_1_1 */
    --mediDeptTypeTabAreaLineBg: #1b3c88;
    --iconBorderBoxBgImageP4211: url("/images/content/page4/2/scales_white.png");
    
    /* 4_3_1_1 */
    --fegBgImageP4311_1: url("/images/content/page4/3/visit_icon1_white.png");
    --fegBgImageP4311_2: url("/images/content/page4/3/visit_icon2_white.png");
    --fegBgImageP4311_3: url("/images/content/page4/3/visit_icon3_white.png");
    --fegBgImageP4311_4: url("/images/content/page4/3/visit_icon4_white.png");
    --fegBgImageP4311_5: url("/images/content/page4/3/visit_icon5_white.png");
    --fegBgImageP4311_6: url("/images/content/page4/3/visit_icon6_white.png");
}



/* 4_2_1_1 */
.iconBorderBox.p4211::before { background-image:var(--iconBorderBoxBgImageP4211); }

.skyblueContentBox.p4211 > .pageContSmallTitle { margin:25px 0 0; }
.skyblueContentBox.p4211 > .pageContSmallTitle:nth-of-type(1) { margin-top:0px; }
.skyblueContentBox.p4211 { font-size:clamp(17px,1.042vw,20px); color:var(--fontColor555); }



/* 4_3_1_1 */
ol.roundedNumberOl.p4311 { gap:10px; }
ol.roundedNumberOl.p4311 > li { }
ol.roundedNumberOl.p4311 > li::before { background:#0e3799; }


ol.ganadaOl.p4311 { display:flex; flex-direction: column; gap:0px; list-style-type:none; list-style:none; }
ol.ganadaOl.p4311 > li { position:relative; box-sizing:border-box; word-break:keep-all; font-size:inherit; color:var(--fontColor555); font-weight:400; padding:0px 0px 0px 27px; }
ol.ganadaOl.p4311 > li::before { content:""; position:absolute; left:0px; top:0px; }
ol.ganadaOl.p4311 > li:nth-child(1)::before { content:"가."; }
ol.ganadaOl.p4311 > li:nth-child(2)::before { content:"나."; }
ol.ganadaOl.p4311 > li:nth-child(3)::before { content:"다."; }
ol.ganadaOl.p4311 > li:nth-child(4)::before { content:"라."; }
ol.ganadaOl.p4311 > li:nth-child(5)::before { content:"마."; }



.flexEvenGrid.p4311 { display:flex; flex-wrap: wrap; gap:25px; margin:0px 0 0; }
.flexEvenGrid.p4311 > div { 
    flex: 1 1 calc(33.33% - 25px); min-height:235px; border:var(--topMenuBorder); background-color:var(--iconBorderBoxBeforeBg); 
    display: flex; flex-direction: column;  padding:35px 40px 30px; 
}
.flexEvenGrid.p4311 > div:nth-child(1) { background-image:var(--fegBgImageP4311_1); background-position:right 29px top 29px; background-repeat:no-repeat; }
.flexEvenGrid.p4311 > div:nth-child(2) { background-image:var(--fegBgImageP4311_2); background-position:right 29px top 37px; background-repeat:no-repeat; }
.flexEvenGrid.p4311 > div:nth-child(3) { background-image:var(--fegBgImageP4311_3); background-position:right 29px top 38px; background-repeat:no-repeat; }
.flexEvenGrid.p4311 > div:nth-child(4) { background-image:var(--fegBgImageP4311_4); background-position:right 28px top 29px; background-repeat:no-repeat; }
.flexEvenGrid.p4311 > div:nth-child(5) { background-image:var(--fegBgImageP4311_5); background-position:right 29px top 34px; background-repeat:no-repeat; }
.flexEvenGrid.p4311 > div:nth-child(6) { background-image:var(--fegBgImageP4311_6); background-position:right 29px top 30px; background-repeat:no-repeat; }
.flexEvenGrid.p4311 .fegNo { color:var(--bbtBtnFontColor); font-size:clamp(15px,1.042vw,16px); font-weight:600; }
.flexEvenGrid.p4311 .fegTitle { color:var(--fontColor000); font-size:clamp(17px,1.042vw,20px); font-weight:600; padding:7px 0 30px; }
.flexEvenGrid.p4311 .fegContent { color:var(--fontColor000); font-size:clamp(16px,1.042vw,18px); font-weight:400; }



@media (max-width: 767px) {         /* @media (max-width: var(--mobile))  */
    .flexEvenGrid.p4311 { flex-direction: column; }
    .flexEvenGrid.p4311 > div { min-height:auto; padding:35px 40px 50px; }
}

@media (min-width: 768px) and (max-width: 1023px) {     /* @media (min-width: var(--mobile)) and (max-width: var(--tablet))  */
    .flexEvenGrid.p4311 > div { 
        flex: 1 1 calc(50% - 25px); min-height:210px; padding:35px 40px 0px; 
    }
    
}

@media (min-width: 1024px) {        /* @media (min-width: var(--desktop))  */
}