/************** mobile mode **************/
/* --- 화면이 1200px보다 작아질 때 (태블릿 등) --- */
@media (max-width: 1199px) {
    .inner {
        padding: 0 40px;
    }  

    .section_content_div { flex-direction: column;}
    .section_content_item_w, .section_content_item { width: 100%; }
    #section3 .section_content_div { 
        display: grid!important; 
        grid-template-columns: repeat(2,1fr); 
    }
    #section3 .section_content_item_n {
        text-align: center;
        border: 1px solid #e5e5ec;
        border-radius: 6px;
    }

    #section6 .inner { 
        flex-direction: column; 
        gap: 60px;
    }
    #section6 .section_content_div { 
        display: grid; 
        grid-template-columns: repeat(2,1fr); 
        gap: 24px;
        width: 100%;
        align-items: stretch;
    }
    #section6 .section6_card.center { display: none;}
    #section6 .section6_card {
        position: initial;
        animation: none;
    }

    .section_content_div.seven {
        grid-template-columns:1fr;
    }

    #section11 .section_content_item_header {
        align-items: center;
    }
    #section11 .section_content_item_w {
        flex-direction: column;
    }

    #section11 .section_content_number_n {
        white-space: nowrap;
    }

    #section13 .section_content_item_w {
        flex-direction: column;
    }

    .circle_center.vs {
        margin:0 auto;
    }
}

/* --- 화면이 768px보다 작아질 때 (모바일) --- */
@media (max-width: 767px) {
    section { padding: 100px 0; }
    .section_subtitle { font-size: 16px; text-align: center; }
    .section_title { 
	font-size: 28px;
        text-align: center !important;
        margin: 0 0 24px 0 !important; 
    }
    .section_sub_text { font-size: 14px; text-align: center; letter-spacing: -1px;}
    .section_content_img { height: 64px; }
    .section_content_title { font-size: 24px; text-align: center; letter-spacing: -1px;}
    .section_content_sub_text { font-size: 14px; }

    .section_content_item_w, .section_content_item { padding: 16px; }

    #section2 .section_content_item_w, .section_content_item { padding: 0; }
    .check_circle { width: 16px; height: 16px;}
    .check_circle span { font-size: 14px; }
    .section_content_item_li_title { font-size: 14px; }
    .section_content_item_li_subtitle {font-size: 13px; line-height: 1.5;}
    .circle_center { width: 40px; height: 40px;}
    .circle_center span { font-size: 24px; }

    #section3 .section_content_div { grid-template-columns: repeat(1, 1fr); margin-bottom: 8px;}
    .section_content_number, .section_content_number_n { font-size: 48px;}

    #section4 .section_content_sub_text { text-align: center; }
    #section4 .section_content_item_n.layer div:nth-child(2) { flex-direction: column; }
    #section4 .section_content_item_n.layer div:nth-child(2) .section_content_li { width: 100%; padding: 16px; }

    .section6_card.one .section_content_item_li_title { font-size: 16px; }
    #section6 .section_content_item_li_subtitle {font-size: 13px; line-height: 1.5; letter-spacing: -1;}

    #section6 .section_content_div { grid-template-columns: repeat(1, 1fr); } 

    .circle_icon {
        width: 40px;
        height: 40px;
    }

    #section7 .section_content_title {
        font-size: 20px; 
        text-align: start;
        letter-spacing: -1.5px;
    }
    #section7  .section_content_item_li_title {
        letter-spacing: -1px;
    }
    #section7 .section_content_item_li_subtitle {
    	letter-spacing: -1.3px;
    }	
    #section7 .check_line br { display: none; }

    #section8 .section_content_grid_item_h {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    #section8 .section_content_grid_item_b {
        grid-template-columns: repeat(1, 1fr);
    }
    #section8 .content_grid_icon span {
        font-size: 24px;
    }
    
    #section9 .section_content_title { text-align: start; }
    #section9 .section_content_item_list .section_content_item_li div:nth-child(2) {
    	gap: 0!important;
    }		
    #section11 .section_content_item_header {
        flex-direction: column;
        gap: 12px;
    }
    #section11 .section_content_sub_text {
        text-align: center;
    }
    #section11 br { display: none; }
    #section11 .section_content_title {
        margin-bottom: 12px;
        display: flex;
        flex-direction: column;
    }

    #section11 .section_content_number_n { margin-bottom:0; }
    .mini_font { font-size: 14px; letter-spacing:-0.5px; }

    #section12 .section_content_item_header { padding: 16px 16px 0; }
    #section12 .section_content_title { text-align: start; }
    #section12 .section_content_item_list { gap: 12px; }
    #section12 .section_content_item_b { padding: 16px; }
    #section12 .section_content_badge { width: 100%; text-align: center; }

    .section13_grid {
        grid-template-columns: repeat(1, 1fr);
    }
    #section13 .section_content_item_header {
        padding: 16px;
        flex-direction: column;
        gap: 12px !important;
    }
    #section13 .section_content_title { display: flex; flex-direction: column; }
    #section13 .section_content_sub_text {
        text-align: center;
	background-color: #1D4582;
        color: #fff;
        padding: 2px 12px;
        border-radius: 6px;
    }
    #section13 .section_content_item_b {
        padding: 16px;
        text-align: center;
    }

    .section_content_badge.benefit {
        font-size: 13px;
        width: 100%;
        text-align: center;
        margin-top: 12px;
    }

    .section13_grid .section_content_item_header {
        border-bottom: 0;
    }

    #section13 .section_content_item_li { justify-content: center; }
    #section13 .section_content_item_li_title { letter-spacing: -1px; }
    #section13 .section_content_item_list { gap: 12px; }

    #section2 .section_content_item_h,
    #section2 .section_content_item_b,
    #section3 .section_content_item_n,
    #section6 .section6_card,
    #section7 .section_content_item_h_icon,
    #section7 .section_content_item_b,
    #section8 .section_content_grid_b_li,
    #section9 .section_content_item_h_icon,
    #section9 .section_content_item_b,
    #section10 .section_content_item_n,
    #section11 .section_content_item_header,
    #section11 .section_content_item_b { padding: 16px!important;}

    #section11 .section_content_item_w,	
    #section12 .section_content_item_w,	
    #section13 .section_content_item_w { padding:0; }

    .circle_icon span { font-size: 24px; }

    #section14 .section_content_item_h {
        padding: 24px;
    }

    #section14 .section_content_item_b {
        padding: 0 16px 24px;
    }

    #section14 .part { display: none; }
    #section14 .section_content_item_li { padding: 16px !important; }
    #section14 .section_content_item_li_title { font-size: 13px; letter-spacing: -1px;}
    .circle_center.vs { font-size: 14px; }
}