/* CSS Document */
.sub_container h3{display:inline-block;font-size:24px;color:#0a31a8;font-weight:600;background:linear-gradient(to bottom, transparent 40%, #f0f2fa 60%);vertical-align:top;line-height:1.3;padding:0 2px;margin-bottom:10px;word-break:keep-all}
.sub_container h4{font-size:22px;color:#000;padding-left:13px;background:url(/lms/images/common/icon_h4.gif) no-repeat 2px 10px;margin-bottom:10px;line-height:1;font-weight:500;word-break:keep-all}
.sub_container .p_list01{padding-left:2px;color:#000;font-size:19px}
.sub_container ul.li_list01 li{padding-left:16px;color:#000;font-size:18px;position:relative}
.sub_container ul.li_list01 li:before{content:'';position:absolute;left:3px;top:11px;width:6px;height:6px;background:#7aa1ff;border-radius:5px}
.sub_container ul.li_list01 li strong{font-weight:500}
.sub_container .txt_box01{padding-left:2px;color:#000;font-size:18px;line-height:31px;position:relative;text-align:justify}
.sub_container .box_style01{padding:24px;background:#fbfbfc;border:1px solid #e7e7e7}

.sub_container{word-break:keep-all}
.sub_container li,
.sub_container p{font-weight:300}
.sub_container li strong,
.sub_container p strong{font-weight:500}
@media all and (max-width:1024px){
    .sub_container h3{font-size:22px}
    .sub_container h4{font-size:19px}
    .sub_container .p_list01{font-size:17px}
    .sub_container .txt_box01,
    .sub_container ul.li_list01 li{font-size:16px;line-height:26px}
}

/* 인사말 */
.greeting{width:100%;position:relative;text-align:left;word-break:keep-all;font-weight:300}
.greeting .text_1{margin-bottom:60px;color:#222}
.greeting .text_1 span{display:block;margin-bottom:25px}
.greeting .text_1 .txt1{font-size:22px}
.greeting .text_1 .txt2{font-size:42px}
.greeting .text_1 .txt2 strong{font-weight:600;line-height:48px}
.greeting .text_1 .txt3{font-size:30px;position:relative}
.greeting .text_1 .txt3:after{content:'';position:absolute;left:292px;top:13px;height:2px;width:340px;background:#222}
.greeting .text_2{width:100%;max-width:1000px;margin-bottom:60px;font-size:20px;color:#888}
.greeting .text_3{font-size:22px;font-weight:500;color:#444}

/*운영체계도*/
.org-chart{display:flex;flex-direction:column;align-items:center;min-width:max-content}
.org-chart .node{display:flex;justify-content:center;align-items:center;border-radius:15px;font-size:26px;font-weight:500;letter-spacing:-0.5px;text-align:center;position:relative;z-index:2;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);box-sizing:border-box}
.org-chart .v-line{width:1px;height:80px;background-color:#c4c4c4}
.org-chart .level-1{width:325px;height:104px;border:1.5px solid #1c369e;color:#1c369e;background-color:#ffffff}
.org-chart .level-2{width:325px;height:104px;background-color:#1435a4;color:#ffffff}
.org-chart .level-3-wrapper{display:flex;gap:40px;position:relative}
.org-chart .level-3-wrapper::before{content:'';position:absolute;top:50%;left:110px;right:110px;height:1px;background-color:#c4c4c4;z-index:1}
.org-chart .level-3{width:325px;height:104px;background-color:#7499ff;color:#ffffff}
.org-chart .level-4-wrapper{display:flex;gap:20px;position:relative;padding-top:80px}
.org-chart .level-4-wrapper::before{content:'';position:absolute;top:0;left:135px;right:135px;height:1px;background-color:#c4c4c4}
.org-chart .level-4-item{display:flex;flex-direction:column;align-items:center;position:relative}
.org-chart .level-4-item::before{content:'';position:absolute;top:-80px;width:1px;height:80px;background-color:#c4c4c4}
.org-chart .level-4{width:270px;height:104px;background-color:#f7f8f9;color:#000000;font-size:22px;font-weight:500}
@media (max-width:1200px){
    .org-chart .node{font-size:18px}
    .org-chart .level-1,
    .org-chart .level-2,
    .org-chart .level-3{width:213px;height:80px}
    .org-chart .level-4{width:165px;height:80px;font-size:18px;word-break:break-all;padding:0 10px}
    .org-chart .v-line{height:40px}
    .org-chart .level-4-wrapper{padding-top:40px}
    .org-chart .level-4-wrapper::before{left:82px;right:82px}
    .org-chart .level-4-item::before{top:-40px;height:40px}
}
@media (max-width:767px){
    .org-chart{min-width:auto}
    .org-chart .level-1,
    .org-chart .level-2,
    .org-chart .level-3,
    .org-chart .level-4{width:100%}
    .org-chart .level-3-wrapper{flex-wrap:wrap;gap:10px 0;width:100%}
    .org-chart .level-4-wrapper{flex-wrap:wrap;padding-top:0;gap:10px 0}
    .org-chart .level-4-item{width:100%}
    .org-chart .level-4-wrapper::before,
    .org-chart .level-4-item::before{display:none}
}
/*이용안내*/
.guide{width:100%;display:flex;flex-direction:column;gap:20px}
.guide .info-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
.guide .card{border-radius:30px;padding:40px 30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}

.guide .card-icon{width:60px;height:60px;margin-bottom:15px;object-fit:contain;display:flex;justify-content:center;align-items:center;font-size:30px}
.guide .card-title{font-size:26px;font-weight:600;margin-bottom:25px;color:#111;background:none;line-height:normal}
.guide .card-gray{background-color:#f4f5f7}
.guide .target-list{list-style:none;width:100%}
.guide .target-list li{background-color:#ffffff;border:1px solid #dcdcdc;padding:8px 5px 8px;margin-bottom:-1px;font-size:16px;color:#555}
.guide .target-list li:first-child{border-top-left-radius:4px;border-top-right-radius:4px}
.guide .target-list li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:0}

.guide .card-time{text-align:left;align-items:flex-start}
.guide .card-time .card-icon,
.guide .card-time .card-title{align-self:center;text-align:center}
.guide .section-title{color:#000;font-size:20px;font-weight:500;margin-bottom:10px;display:flex;align-items:center}
.guide .section-title::before{content:'';display:inline-block;width:3px;height:14px;background-color:#3b82f6;margin-right:8px}
.guide .section-desc{font-size:18px;color:#555;margin-bottom:25px;line-height:1.6;padding-left:11px}
.guide .highlight-blue{color:#00b4b4;font-weight:500}

.guide .card-green{background-color:#f0faf4}
.guide .green-subtext{color:#2e8b57;font-size:16px;margin-bottom:20px;line-height:26px}
.guide .btn-green{background-color:#3cb371;color:#fff;padding:10px 20px;border-radius:4px;font-size:20px;font-weight:500;margin-bottom:20px;display:inline-block}
.guide .green-phone{color:#1e7145;font-size:20px}
.guide .green-phone strong{font-weight:500}

.guide .card-blue{background-color:#f2f8fc}
.guide .blue-subtext{color:#4682b4;font-size:16px;margin-bottom:30px;line-height:1.5}
.guide .btn-blue{background-color:#00c8b4;color:#fff;padding:12px 24px;border-radius:4px;font-size:20px;font-weight:bold;text-decoration:none;display:inline-flex;align-items:center;margin-bottom:30px;transition:background 0.2s}
.guide .btn-blue:hover{background-color:#00a896}
.guide .btn-blue span{margin-left:5px}
.guide .blue-note{font-size:18px;color:#777}

.guide .emergency-banner{background-color:#1a1e29;border-radius:20px;display:flex;justify-content:center;align-items:center;padding:25px 20px;color:#ffffff;font-size:20px;font-weight:500}
.guide .emergency-banner div{display:flex;align-items:center;color:#a0aec0}
.guide .emergency-banner strong{font-size:26px;font-weight:700;margin-left:10px}
.guide .text-yellow{color:#facc15}
.guide .text-white{color:#fff}
.guide .divider{width:1px;height:20px;background-color:#4b5563;margin:0 40px}

@media (max-width:768px){
    .guide .info-grid{grid-template-columns:1fr}
    .guide .emergency-banner{flex-direction:column;padding:20px;gap:15px}
    .guide .divider{width:100%;height:1px;margin:0}
}

/*연혁*/
.history-container{display:flex;gap:80px;align-items:flex-start}
.history-title-area{flex-shrink:0;width:300px;position:relative;padding-top:25px;padding-left:20px}
.history-title-area::before{content:'';position:absolute;top:0;left:0;width:40px;height:40px;border-top:8px solid #dbe4fa;border-left:8px solid #dbe4fa}
.history-title-area h3{font-size:20px;font-weight:600;color:#555;margin-bottom:5px;letter-spacing:-0.5px}
.history-title-area h2{font-size:64px;font-weight:800;color:#0c2c8f;line-height:1.1;margin-bottom:15px;letter-spacing:1px}
.history-title-area p{font-size:18px;color:#b0b8c1;font-weight:500}

.timeline-area{flex-grow:1}
.timeline{position:relative;padding-left:45px}
.timeline::before{content:'';position:absolute;top:15px;bottom:15px;left:8px;width:2px;background-color:#0c2c8f}
.timeline-item{position:relative;display:flex;align-items:flex-start;margin-bottom:50px}
.timeline-item:last-child{margin-bottom:0}
.timeline-item::before{content:'';position:absolute;left:-44.5px;top:6px;width:15px;height:15px;background-color:#0c2c8f;border-radius:50%;z-index:2;box-shadow:0 0 0 5px rgba(12, 44, 143, 0.3)}

.timeline-year-box{display:flex;align-items:baseline;width:140px;flex-shrink:0;color:#5b7dd4;position:relative}
.timeline-year-box::before{content:'···';margin-right:15px;margin-left:-15px;font-size:20px;line-height:1;letter-spacing:2px;color:#5b7dd4}
.timeline-year{font-size:36px;font-weight:700;letter-spacing:-0.5px}

.timeline-events{flex-grow:1;display:flex;flex-direction:column;gap:15px;/* 내용 간 간격 */padding-top:10px}

.event-row{display:flex;align-items:flex-start;gap:15px}
.event-month{font-size:18px;font-weight:600;color:#5b7dd4;width:24px;flex-shrink:0}
.event-desc{font-size:17px;color:#333;word-break:keep-all;line-height:1.5}

@media (max-width:900px){.history-container{flex-direction:column;gap:50px;padding:50px 20px}
    .history-title-area{width:100%;padding-left:15px}
    .history-title-area h2{font-size:48px}
    .timeline-item{flex-direction:column;margin-bottom:40px}
    .timeline-year-box{width:100%;margin-bottom:15px}
    .timeline-events{padding-top:0;padding-left:15px}

    .event-row{display:flex;margin-bottom:5px}
    .event-desc{font-size:16px}
}

/*오시는길*/
.temp_map{position:relative;overflow:hidden}
.temp_map .root_daum_roughmap{width:100%!important}
.temp_map .root_daum_roughmap .wrap_controllers .wrap_btn_roadview{font-size:14px}
.temp_map #map,
.temp_map #map1{border:1px solid #888}
.temp_map .map_info{color:#fff;letter-spacing:-0.03em}
.temp_map .map_info .text_col{display:table;float:left;height:108px;box-sizing:border-box}
.temp_map .map_info .text_col .map_wrap{display:table-cell;vertical-align:middle}
.temp_map .map_info .text_col.left{position:relative;width:378px;padding-left:105px;background-color:#666;line-height:28px}
.temp_map .map_info .text_col.left::before{content:'';display:block;position:absolute;top:calc(50% - 26px);left:33px;width:53px;height:53px;border-radius:50%;background-color:#fff;background-image:url('/health/images/cont/map_api_icon.png');background-repeat:no-repeat;background-position:center}
.temp_map .map_info .text_col.left h4{font-size:20px;font-weight:600;color:#fff;background:none;padding:0;margin:0}
.temp_map .map_info .text_col.left p{color:#c6c6c6}
.temp_map .map_info .text_col.right{width:calc(100% - 378px);padding-left:44px;padding-right:10px;background-color:#888}
.temp_map .map_info .text_col.right .map_item{position:relative;padding-left:17px}
.temp_map .map_info .text_col.right .map_item::before{content:'';display:block;position:absolute;top:12px;left:0;width:9px;height:2px;background-color:#fff;transform:rotate(-45deg)}
.temp_map .map_view{position:absolute;top:1px;right:1px;z-index:100}
.temp_map .cont{display:none}
@media all and (max-width:1024px){
    .temp_map .map_info .text_col.right{padding-left:20px}
}
@media all and (max-width:640px){
    .temp_map .map_info .text_col.left,
    .temp_map .map_info .text_col.right{width:100%}
    .temp_map .map_info .text_col.left{padding-left:87px}
    .temp_map .map_info .text_col.left:before{left:15px}
}
a.btn_map::after{content:"\f08e";color:#fff;font-family:FontAwesome;text-decoration:inherit;font-size:14px;padding-left:5px}


/*사업소개*/
.programs .title_inner{display:flex;width:100%}
.programs .title_inner .char_avatar{padding:22px 35px;border-top:3px solid #000}
.programs .title_inner .txt_area{width:calc(100% - 212px);padding:48px 12px 45px;border-top:3px solid #eff0f2}
.programs .title_inner .txt_area h2{margin-bottom:18px;color:#0a31a8;font-size:26px;font-weight:600}
.programs .title_inner .txt_area p{color:#000;font-size:20px;font-weight:300;word-break:keep-all}
.programs .title_inner.border_btm{border-bottom:3px solid #e6eaf6}
.programs p.p_list01{font-weight:400}
.process_section{background:#e6eaf6}
.process_section ul{display:flex;justify-content:space-between;padding:28px}
.process_section ul li{width:calc(25% - 20px);background:#fff;border:2px solid #0a31a8;border-radius:30px;text-align:center}
.process_section ul li .card_box{position:relative;padding:20px 0}
.process_section ul li .card_box .step_badge{position:absolute;left:-13px;top:60px;display:block;width:75px;height:21px;line-height:21px;color:#fff;font-size:14px;font-weight:700;background:#7aa1ff;text-align:center;border-radius:20px}
.process_section ul li .card_box .icon_wrap{width:58px;height:56px;line-height:56px;margin:0 auto 15px;background:#f5f5f5;border-radius:10px;box-shadow:1px 3px 5px rgba(0, 0, 0, .1)}
.process_section ul li .card_box .tit{margin-bottom:12px;color:#0a31a8;font-size:22px;font-weight:600}
.process_section ul li .card_box .desc{color:#666;font-size:18px;font-weight:300;line-height:normal}


.process-wrapper{display:flex;gap:25px;padding:25px 30px;align-items:stretch;background:#e6eaf6}
.section-header{border-radius:40px;padding:15px 20px;text-align:center;font-size:18px;font-weight:500;color:#fff;margin-bottom:20px;box-shadow:0 4px 10px rgba(0,0,0,0.05)}
.info-card{position:relative;background-color:#fff;border-radius:30px;padding:40px 30px 30px;height:100%;display:flex;flex-direction:column}
.check-icon{position:absolute;left:-15px;top:35px;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:20px;box-shadow:2px 2px 8px rgba(0,0,0,0.1)}

.card-title{font-size:23px;font-weight:800;margin-left:20px;margin-bottom:15px;letter-spacing:-0.5px}
.card-list{margin-left:20px;display:flex;flex-direction:column;gap:5px;z-index:2;position:relative}
.card-list li{font-size:19px;color:#555;position:relative;padding-left:15px;word-break:keep-all}
.card-list li::before{content:'-';position:absolute;left:0;color:#888}

.group-left{flex:1;display:flex;flex-direction:column}
.header-gray{background-color:#8a8a8a}

.card-gray{border:2px solid #222;padding-bottom:64px}
.icon-gray{background-color:#8a8a8a}
.title-black{color:#111}

.card-bottom-banner{position:absolute;bottom:0;left:0;right:0;background-color:#8a8a8a;color:#fff;text-align:center;padding:11px;font-size:20px;font-weight:500;border-bottom-left-radius:28px;border-bottom-right-radius:28px}

.group-right{flex:2;display:flex;flex-direction:column}
.header-blue{background-color:#749aff}

.blue-cards-wrapper{display:flex;gap:25px;flex-grow:1}

.card-blue{flex:1;border:2px solid #1a4ab9}
.icon-blue{background-color:#749aff}
.title-blue{color:#1a4ab9}

.pattern-bg{background:#fff url("/scmhc/images/cont/img_programs01.png") no-repeat right bottom}

@media all and (max-width:1024px){
    .programs .title_inner .txt_area h2{margin-bottom:14px;font-size:22px}
    .programs .title_inner .txt_area p{font-size:18px}
    .process_section ul li .card_box .tit{font-size:20px}
    .process_section ul li .card_box .desc{font-size:16px}
}
@media (max-width:992px){
    .process-wrapper{flex-direction:column}
    .info-card{height:auto;min-height:250px}
}

@media (max-width:768px){
    .programs .title_inner .char_avatar{display:none}
    .programs .title_inner .txt_area{width:100%;padding:29px 12px 22px}
    .process_section ul{flex-wrap:wrap;gap:10px 0;padding:15px}
    .process_section ul li{width:calc(50% - 5px)}
    
    .blue-cards-wrapper{flex-direction:column}
}
@media (max-width:450px){
    .process_section ul li .card_box .tit{font-size:18px}
    .process_section ul li .card_box .desc{font-size:14px}
}
/*정신건강정보*/
.info .title_inner{display:flex;width:100%;background:#f9f9f9;border-radius:20px}
.info .title_inner .char_avatar{display:flex;align-items:center;padding:35px}
.info .title_inner .txt_area{padding:48px 12px 45px}
.info .title_inner .txt_area h2{margin-bottom:18px;color:#0a31a8;font-size:26px;font-weight:600}
.info .title_inner .txt_area p{color:#000;font-size:20px;font-weight:300;word-break:keep-all}
@media (max-width:768px){
    .info .title_inner .char_avatar{display:none}
    .info .title_inner .txt_area{padding:35px 30px 27px}
    .info .title_inner .txt_area h2{margin-bottom:14px;font-size:22px}
    .info .title_inner .txt_area p{font-size:18px}
}
.info .symptom{display:flex;justify-content:space-between;margin-top:30px;flex-wrap:wrap}
.info .symptom_box{width:calc(50% - 15px);padding:30px 28px;margin-bottom:25px;border-radius:20px;line-height:26px}
.info .symptom_box .tit{min-width:168px;display:inline-block;height:40px;line-height:40px;margin-bottom:15px;color:#fff;font-size:20px;font-weight:500;border-radius:20px;text-align:center}
.info .symptom_box p{margin-left:10px;margin-bottom:8px;color:#000;font-size:18px;font-weight:500}
.info .symptom_box p.con{margin-bottom:0;font-size:16px;font-weight:300}
.info .symptom_box ul li{margin-left:10px;padding-left:16px;color:#000;font-size:16px;position:relative}
.info .symptom_box ul li:before{content:'';position:absolute;left:3px;top:10px;width:6px;height:6px;border-radius:5px}

.info .symptom_box.box01{background:#f6ffff}
.info .symptom_box.box01 .tit{background:#00bfbf}
.info .symptom_box.box01 ul li:before{background:#00bfbf}
.info .symptom_box.box02{background:#fffdf3}
.info .symptom_box.box02 .tit{background:#f4a136}
.info .symptom_box.box01 ul li:before{background:#f4a136}
.info .symptom_box.box03{background:#fdfaff}
.info .symptom_box.box03 .tit{background:#ab79cc}
.info .symptom_box.box01 ul li:before{background:#ab79cc}
.info .symptom_box.box04{background:#f6fbff}
.info .symptom_box.box04 .tit{background:#4d92c9}
.info .symptom_box.box01 ul li:before{background:#4d92c9}

.info .symptom.type_b .symptom_box{width:100%}
.info .symptom.type_b .symptom_box .tit{padding:12px 25px 10px;text-align:left;height:auto;line-height:normal;border-radius:50px}
@media (max-width:768px){
    .info .symptom_box{width:100%;padding:20px 18px}
}

.info .content_paragraph::after{content:'';display:block;clear:both}
.info .content_paragraph .para_img{width:160px;height:auto;text-align:center}
.info .content_paragraph.box_style01 .para_img{width:135px}

.info .content_paragraph .fl_left{float:left;padding:24px 0}
.info .content_paragraph .fl_right{float:right;padding:24px 0}
.info .content_paragraph.box_style01 .fl_left{padding:0}

.info .source-info{margin-top:40px;padding:13px 8px;color:#242424;font-weight:300;background:#ebebeb;text-align:center}

.info .btn_wrap{margin-top:50px;text-align:center}
.info .btn_wrap a{display:inline-block;width:270px;height:60px;line-height:60px;color:#fff;font-weight:500;font-size:24px;box-shadow:0 3px 7px rgba(0,0,0,.2);border-radius:35px;margin:2px}
.info .btn_wrap .btn_type_a{background:#0a31a8}
.info .btn_wrap .btn_type_a:hover{background:#001e7b}
.info .btn_wrap .btn_type_b{background:#7aa1ff}
.info .btn_wrap .btn_type_b:hover{background:#6289e9}

.info .thoughts-box{margin-top:20px;background-color:#fafafa;border:1px solid #e5e5e5;border-radius:8px;padding:30px 50px}
.info .thoughts-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px 30px;list-style:none}
.info .thoughts-list li{display:flex;align-items:flex-start;font-size:17px;color:#666;line-height:1.5;word-break:keep-all}
.info .thoughts-list li::before{content:'';display:inline-block;flex-shrink:0;width:24px;height:24px;margin-right:12px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%230a31a8' stroke-width='2'/%3E%3Cpath d='M8 12.5L11 15.5L16 9' stroke='%230a31a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}

@media (max-width:768px){
    .info .thoughts-box{padding:30px 20px}
    .info .thoughts-list{grid-template-columns:1fr;gap:20px}
}

.info .faq-container {display:flex;flex-direction:column;gap:20px}
.info .faq-item {background-color:#fafafa;border-radius:4px;padding:35px 40px;display:flex;align-items:flex-start;gap:35px}
.info .faq-icon {width:96px;height:96px;flex-shrink:0;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0, 0, 0, 0.04);position:relative}
.info .faq-icon::after {content:'';position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:50%;border:4px solid}
.info .faq-icon span {font-size:24px;font-weight:800;font-family:'Arial', sans-serif;letter-spacing:1px;z-index:1}
.info .faq-icon.yes { color:#4fa7a6}
.info .faq-icon.yes::after { border-color:#4fa7a6}
.info .faq-icon.no { color:#f26565}
.info .faq-icon.no::after { border-color:#f26565}
.info .faq-content {flex-grow:1;padding-top:5px}
.info .faq-q {font-size:20px;font-weight:600;color:#222;margin-bottom:20px;word-break:keep-all;background:none}
.info .faq-a {font-size:18px;font-weight:700;margin-bottom:12px}
.info .faq-a.yes-text { color:#4fa7a6}
.info .faq-a.no-text { color:#f26565}

/* 상세 설명 */
.info .faq-desc {font-size:16px;color:#555;line-height:1.6;word-break:keep-all}

@media (max-width:768px) {
    .info .faq-item {flex-direction:column;align-items:center;text-align:center;padding:30px 20px;gap:25px}
    .info .faq-content {padding-top:0}
    .info .faq-q {font-size:18px;margin-bottom:15px}
}

/*지역자원*/
.resources .rs_wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:10px}
.resources .rs_wrap .rs_box{border:1px solid #e2e2e2;border-radius:20px;overflow:hidden}
.resources .rs_wrap .rs_box .tit{padding:13px 5px;color:#000;font-size:20px;font-weight:500;background:#f6f6f6;text-align:center}
.resources .rs_wrap .rs_box dl{display:flex;padding:12px 5px 7px 25px;color:#000;font-size:16px;flex-wrap:wrap;line-height:23px}
.resources .rs_wrap .rs_box dl dt{width:56px;font-weight:400;margin-bottom:6px}
.resources .rs_wrap .rs_box dl dd{width:calc(100% - 58px);font-weight:300;margin-bottom:6px;word-break:keep-all}
.resources .rs_wrap .rs_box dl dd a{color:#000;transition:all .1s}
.resources .rs_wrap .rs_box dl dd a svg{height:20px;vertical-align:sub;fill:#03c75a}
.resources .rs_wrap .rs_box dl dd a:hover{border-radius:5px;background:#03c75a;color:#fff}
.resources .rs_wrap .rs_box dl dd a:hover svg{fill:#fff}
@media only screen and (max-width:1200px){
    .resources .rs_wrap{gap:20px}
}	
@media only screen and (max-width:1024px){
    .resources .rs_wrap{grid-template-columns:1fr 1fr;gap:10px}
    .resources .rs_wrap .rs_box .tit{padding:8px 5px;font-size:18px}
}	


/*온라인상담*/
.consult_list .list_style01_inner form{display:flex;justify-content:space-between}
.consult_list .list_style01_inner form .inputWrap{padding:10px 10px 10px 33px;border:1px solid #ddd;border-radius:35px}
.consult_list .list_style01_inner form .inputWrap label{display:none}
.consult_list .list_style01_inner form .inputWrap #searchWord{height:30px}
.consult_list .list_style01_inner form .inputWrap #SC_SEARCH{background:#0a31a8;color:#fff;border:0;padding:9px 10px;border-radius:23px;cursor:pointer}
.consult_list #cont_block{border-top:2px solid #333}
.consult_list #cont_block table{width:100%}
.consult_list #cont_block table th,
.consult_list #cont_block table td{padding:13px 5px;text-align:center;border-bottom:1px solid #eaeaea}
.consult_list #cont_block table th{text-align:center}
.consult_list #cont_block table td.title{text-align:left}
.consult_list #cont_block table td .icon-link{display:inline-flex;align-items:center;gap:5px;color:inherit}
.consult_list #cont_block table tr:hover{background:#f6f9fd}
.consult_list #cont_block table thead tr:hover{background:none}

.consult_wite .fakeTable fieldset{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;border:1px solid #b5c2e7;border-radius:20px;overflow:hidden}
.consult_wite .fakeTable dl{width:100%;display:flex;flex-wrap:wrap}
.consult_wite .fakeTable dl dt{width:160px;font-size:18px;background:#f4f6ff;border-bottom:1px solid #b5c2e7;padding:10px;text-align:center;line-height:2.2}
.consult_wite .fakeTable dl dd{width:calc(100% - 160px);font-size:18px;border-bottom:1px solid #b5c2e7;padding:10px}
.consult_wite .fakeTable dl.btm_bd_none dt,
.consult_wite .fakeTable dl.btm_bd_none dd{border-bottom:0}
.consult_wite .fakeTable dl.half{width:50%}
.consult_wite .msgBox{margin:10px 0;padding:20px;color:#000;font-size:18px;background:#fff8f8;border:1px solid #ff7575;border-radius:20px}
.consult_wite input[type=text],
.consult_wite input[type=password],
.consult_wite select,
.consult_wite textarea{width:100%;padding:5px;border:1px solid #ddd}
.consult_wite .agreeBox .textBox{height:150px}
.consult_wite input[name=csEmail1],
.consult_wite input[name=csEmail2]{width:280px}
.consult_wite #csDong,
.consult_wite #csGender,
.consult_wite #emailDomainChoise{width:150px;font-family:'SCDream';font-size:16px}
.consult_wite #csContent{height:200px}
@media (max-width:1024px) {
    .consult_wite .fakeTable dl.half{width:100%}
    .consult_wite input[name=csEmail1],
    .consult_wite input[name=csEmail2]{width:calc(34% - 10px)}
}
@media (max-width:768px) {
    .consult_wite .fakeTable dl dt{width:130px;font-size:16px}
    .consult_wite .fakeTable dl dd{width:calc(100% - 130px);font-size:16px}
    .consult_wite input[name=csEmail1],
    .consult_wite input[name=csEmail2]{width:calc(25% - 10px)}
    .consult_wite #emailDomainChoise{width:120px;height:38px}
}
@media (max-width:530px) {
    .consult_wite #csDong,
    .consult_wite #csGender{width:100%}
    .consult_wite #csTel1,
    .consult_wite #csTel2,
    .consult_wite #csTel3{width:calc(32.3% - 9px)!important}
    .consult_wite input[name=csEmail1],
    .consult_wite input[name=csEmail2]{width:calc(50% - 12px)}
    .consult_wite #emailDomainChoise{width:calc(100% - 2px);margin-top:5px}
    .consult_wite .buttonWrapCenter .button{min-width:auto;width:40%}
}
/*요구도조사*/
.needs_survey {color:#333;box-sizing:border-box}
.needs_survey .base_info{margin-bottom:30px;padding:30px 30px 10px;background:#f5f7fd;border-top:3px solid #0a31a8}
.needs_survey .base_quest{padding:30px 30px 10px;background:#f5f7fd;border-top:3px solid #0a31a8}
.needs_survey .alert-ment {text-align:center;font-size:20px;color:#6296e7;margin:30px 0;font-weight:500;border:1px solid #ddd;padding:20px 5px}
.needs_survey .table_comm,
.needs_survey .table_comm tbody, 
.needs_survey .table_comm tr, 
.needs_survey .table_comm th, 
.needs_survey .table_comm td {display:block;width:100%;border:none;padding:0;margin:0;background:transparent;text-align:left}
.needs_survey .table_comm tbody{display:flex;justify-content:space-between;flex-wrap:wrap}
.needs_survey .table_comm tr {width:calc(50% - 5px);background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:15px;margin-bottom:10px;box-sizing:border-box;box-shadow:0 2px 10px rgba(0, 0, 0, 0.02)}
.needs_survey .table_comm th[scope="row"] {font-size:18px;font-weight:500;color:#222;margin-bottom:5px;word-break:keep-all;line-height:1.5}
.needs_survey .ns_group {display:flex;flex-wrap:wrap;gap:12px}
.needs_survey .ns_radio {display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:8px;background-color:#fff;transition:all 0.2s;flex:1;box-sizing:border-box;padding:10px;position:relative}
.needs_survey .ns_radio:hover {background-color:#f5f8ff;border-color:#b3c6ff}
.needs_survey .ns_radio:has(input[type="radio"]:checked) {background-color:#f5f8ff;border-color:#b3c6ff}
.needs_survey .ns_radio label {cursor:pointer;font-size:15px;color:#444}
.needs_survey .ns_radio label::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0}
.needs_survey .ns_radio input[type="radio"]:checked + label {color:#0c2c8f;font-weight:700}
.needs_survey .ns_radio input[type="radio"] {width:18px;height:18px;margin-right:8px;accent-color:#0c2c8f;cursor:pointer;position:relative;z-index:1}
.needs_survey .btn_wrap {text-align:center;margin-top:40px;padding-bottom:40px}
.needs_survey .btn_blue {display:inline-block;background-color:#0c2c8f;color:#fff;padding:16px 60px;border-radius:8px;font-size:20px;font-weight:500;text-decoration:none;transition:transform 0.2s, box-shadow 0.2s}
.needs_survey .btn_blue:hover {transform:translateY(-2px);box-shadow:0 4px 15px rgba(12, 44, 143, 0.25)}

@media (max-width:1024px) {
    .needs_survey .base_info,
    .needs_survey .base_quest{padding:20px 20px 1px}
    .needs_survey .table_comm tr{width:100%}    
    .needs_survey .ns_radio{justify-content:left}
}
@media (max-width:1024px) {
    .needs_survey .ns_radio{min-width:140px}
}

.source-info{padding:20px;border:1px solid #ddd;margin-top:30px;font-size:15px}
.source-info strong{font-weight:500;color:#000;font-size:16px}
.source-info.ST001,
.source-info.ST002,
.source-info.ST003,
.source-info.ST004,
.source-info.ST006,
.source-info.ST007{display:none}
.content_wrap.self_exam.ST001 .source-info.ST001{display:block}
.content_wrap.self_exam.ST002 .source-info.ST002{display:block}
.content_wrap.self_exam.ST003 .source-info.ST003{display:block}
.content_wrap.self_exam.ST004 .source-info.ST004{display:block}
.content_wrap.self_exam.ST005 .source-info.ST005{display:block}
.content_wrap.self_exam.ST007 .source-info.ST007{display:block}

.self_exam .agreeBox{margin-top:30px}
.self_exam .agreeBox .textBox{height:168px;padding:20px}