@charset "utf-8";
/* =========================================================
   1280px 기준 작업
   ========================================================= */
@media screen and (max-width:1650px){
    /* header */
    #header .gnb .dep1 > li > a{padding:0 30px;}
    #header .gnb .dep1 > li > a:after{left:18px; right:18px;}

    /* 공통 타이틀 */
    .main_tit .in_tt{font-size:2.375em;}

    /* 메인 비주얼 */
    .mvisual .mv_txt .in_tt{font-size:3.5em;}
    .mvisual .mv_txt .in_tx{font-size:1.375em;}

    /* msec_over */
    .msec_over .over_tt{font-size:4em;}

    /* msec_prd */
    .msec_prd{padding:160px 0 180px;}
    .msec_prd .prd_head .main_tit{top:calc(var(--header_H) + 60px); padding-bottom:160px;}
    .msec_prd .prd_list{gap:30px; margin-top:160px;}
    .msec_prd .prd_list li{width:calc(50% - 15px);}
    .msec_prd .prd_list li:nth-child(2n-1){margin-top:-160px;}
    .msec_prd .prd_list a{height:400px; padding:40px;}
    .msec_prd .prd_tt{font-size:1.75em;}

    /* msec_proc */
    .msec_proc{padding:150px 0;}
    .msec_proc .proc_list{margin-top:60px;}
    .msec_proc .proc_list a{height:auto; min-height:380px; padding:35px 25px;}
    .msec_proc .proc_ko{font-size:1.375em;}

    /* msec_cs */
    .msec_cs{padding:150px 0;}

    /* msec_cta */
    .msec_cta .cta_box{height:480px;}
    .msec_cta .cta_in{padding:90px 60px 90px 80px;}
    .msec_cta .cta_catalog .cta_in{padding:90px 80px 90px 60px;}
    .msec_cta .cta_tt{font-size:2.5em;}
    .msec_cta .cta_tx{font-size:1.063em;}
    .msec_cta .cata_book{width:230px; height:310px; padding:28px 24px 28px 32px;}
    .msec_cta .cata_book:after{right:-60px; top:70px; width:180px; height:180px;}
    .msec_cta .cata_book img{width:130px;}
    .msec_cta .cata_book .cb_tt{font-size:1.75em;}
}

/* =========================================================
   1024px 기준 작업
   ========================================================= */
@media screen and (max-width:1300px){
    /* header */
    #header .logo img{width:200px;}
    #header .gnb .dep1 > li > a{padding:0 20px; font-size:1.063em;}
    #header .gnb .dep1 > li > a:after{left:12px; right:12px;}

    /* 공통 타이틀 */
    .main_tit .in_tt{font-size:2.125em;}
    .main_tit .in_tx{font-size:1.125em; margin-top:25px;}
    .main_tit .in_tx br{display:none;}

    /* 메인 비주얼 */
    .mvisual .mv_txt .in_tt{font-size:3em;}
    .mvisual .mv_txt .in_tx{font-size:1.25em;}

    /* msec_over */
    .msec_over .over_tt{font-size:3.5em;}
    .msec_over .over_tx{margin:40px auto 70px; font-size:1.125em;}

    /* msec_prd */
    .msec_prd{padding:130px 0 150px;}
    .msec_prd .prd_head{width:42%;}
    .msec_prd .prd_head .main_tit{padding-bottom:120px;}
    .msec_prd .prd_list{width:58%; gap:24px; margin-top:120px;}
    .msec_prd .prd_list li{width:calc(50% - 12px);}
    .msec_prd .prd_list li:nth-child(2n-1){margin-top:-120px;}
    .msec_prd .prd_list a{height:360px; padding:32px;}
    .msec_prd .prd_nm{font-size:1.125em;}
    .msec_prd .prd_tt{font-size:1.5em;}

    /* msec_proc : 3단 배치, 설명 항상 노출 */
    .msec_proc{padding:130px 0; background-attachment:scroll;}
    .msec_proc .proc_list{flex-wrap:wrap; justify-content:center; align-items:stretch;}
    .msec_proc .proc_list li{flex:0 0 calc((100% - 40px) / 3);}
    .msec_proc .proc_list a{min-height:0; padding:35px 30px;}
    .msec_proc .proc_icon{margin-top:0;}
    .msec_proc .proc_tx{max-height:none; margin-top:15px; opacity:1; color:rgba(255,255,255,.75);}
    .msec_proc .proc_btn{max-height:none; margin-top:auto; padding-top:20px; opacity:1;}
    .msec_proc .proc_list li a:hover .proc_tx{max-height:none; margin-top:15px; color:#555;}
    .msec_proc .proc_list li a:hover .proc_btn{max-height:none; margin-top:auto;}

    /* msec_cs */
    .msec_cs{padding:130px 0;}
    .msec_cs .cs_head{margin-bottom:50px;}
    .msec_cs .cs_wrap{gap:40px;}
    .msec_cs .cs_notice{width:calc(50% - 20px);}
    .msec_cs .cs_notice li a{padding:24px 5px;}

    /* msec_cta */
    .msec_cta .cta_box{height:420px;}
    .msec_cta .cta_in{padding:70px 40px 70px 50px;}
    .msec_cta .cta_catalog .cta_in{padding:70px 50px 70px 40px;}
    .msec_cta .cta_tt{font-size:2.25em;}
    .msec_cta .cta_tx{margin:18px 0 28px; font-size:1em;}
    .msec_cta .cata_book{width:180px; height:240px; padding:22px 18px 22px 26px;}
    .msec_cta .cata_book:before{width:10px;}
    .msec_cta .cata_book:after{right:-50px; top:50px; width:140px; height:140px;}
    .msec_cta .cata_book img{width:100px;}
    .msec_cta .cata_book .cb_tt{font-size:1.375em;}
}

@media screen and (max-width:1280px){
    /*latest : product_slide*/
    .la_product_control .product_pagen{width:250px;}
}

/* =========================================================
   768px 기준 작업
   ========================================================= */
@media screen and (max-width:1024px){
    :root{--header_H:70px;}

    /*inc*/
    body{font-size:15px; line-height:1.4;}
    .mobile_only{display:block !important;}
    .mobile_no,
    .pc_only{display:none !important;}
    .pc_all_menu{display:none;}
    .mo_all_menu{display:block;}

    /* header */
    #header .logo img{width:190px;}
    #header .gnb{display:none;}

    /* 공통 타이틀 */
    .main_tit .in_tt{font-size:2em;}
    .main_tit .in_tx{font-size:1.063em;}

    /* 메인 비주얼 */
    .mvisual .mv_txt .mv_eng{font-size:1em; letter-spacing:2px; margin-bottom:18px;}
    .mvisual .mv_txt .in_tt{font-size:2.625em;}
    .mvisual .mv_txt .in_tx{font-size:1.125em; margin-top:30px;}
    .mvisual .mainSlider-pagination .swiper-pagination-bullet{width:90px; margin-right:12px;}

    /* msec_over */
    .mv_stack .msec_over{min-height:100vh;}
    .msec_over .over_sphere{width:700px; height:700px;}
    .msec_over .over_tt{font-size:2.75em; letter-spacing:-1px;}
    .msec_over .over_tx{margin:30px auto 60px; font-size:1.063em;}
    .msec_over .over_tx br{display:none;}
    .msec_over .s_view_btn{width:80px; height:80px; line-height:80px;}

    /* msec_prd : 타이틀 상단, 카드 2단 */
    .msec_prd{padding:100px 0;}
    .msec_prd .box1{flex-direction:column;}
    .msec_prd .prd_head{width:100%;}
    .msec_prd .prd_head .main_tit{position:static; padding-bottom:0;}
    .msec_prd .prd_list{width:100%; gap:20px; margin-top:50px;}
    .msec_prd .prd_list li{width:calc(50% - 10px);}
    .msec_prd .prd_list li:nth-child(2n-1){margin-top:0;}
    .msec_prd .prd_list a{height:340px; padding:30px;}

    /* msec_proc : 2단 */
    .msec_proc{padding:100px 0;}
    .msec_proc .proc_list li{flex:0 0 calc(50% - 10px);}
    .msec_proc .proc_icon svg{width:50px;}

    /* msec_cs : 1단 */
    .msec_cs{padding:100px 0;}
    .msec_cs .cs_wrap{flex-direction:column; gap:50px;}
    .msec_cs .cs_notice{width:100%;}
    .msec_cs .cs_notice .nt_tt{font-size:1.063em;}

    /* msec_over */
    .mv_stack .msec_over{min-height:88vh; padding:80px 0;}

    /* msec_cta : 세로 배치 */
    .msec_cta{flex-direction:column;}
    .msec_cta .cta_box{flex:none; height:auto;}
    .msec_cta .cta_in,
    .msec_cta .cta_catalog .cta_in{padding:80px 4%;}
    .msec_cta .cata_book{width:200px; height:270px; padding:26px 22px 26px 30px;}
    .msec_cta .cata_book img{width:120px;}
    .msec_cta .cata_book .cb_tt{font-size:1.625em;}

    /* footer */
    #footer{padding:4em 0 20px;}
    #footer .f_logo img{width:200px;}
    #footer .ft_top{margin-bottom:40px;}
    #footer .f_info_w{width:100%;}

    /*sub_visual*/
    #sub_visual{height:300px;}
    #sub_visual .sub_v_tit{font-size:3em;}
    #snb{bottom:2.5em;}
    #snb .snb_list .sdp1 a{width:50px; height:50px; line-height:50px;}
    #snb .snb_list .sdp2,
    #snb .snb_list .sdp3,
    #snb .snb_list .last{width:220px; padding:12px 20px;}

    /*board : product_gallery*/
    .board_product_gallery > li{width:50%;}

    /*board : product_view 공통*/
    .bo_top_wrap .bo_top_img{width:100%; margin-bottom:30px;}
    .bo_top_wrap .bo_top_txt{width:100%; padding:0;}

    /*board : gallery*/
    #bo_gall .gall_li{width:50%;}

    /*latest : product_slide*/
    .la_product_slide .in .in_dv{padding:20px 30px 0 0;}
    .la_product_control{margin-top:20px;}
    .la_product_control .product_pagen{width:calc(100% - 140px);}
}

/* =========================================================
   500px 기준 작업
   ========================================================= */
@media screen and (max-width:768px){
    :root{--header_H:60px;}
    .box1{max-width:92%;}

    /* header */
    #header .logo img{width:160px;}

    /* 퀵메뉴 */
    .qk_list{right:10px;}
    .qk_list li a{width:46px; height:46px; line-height:46px;}
    .qk_list li .xi{width:46px; line-height:46px;}

    /* 공통 타이틀 */
    .main_tit .in_cate{margin-bottom:12px;}
    .main_tit .in_tt{font-size:1.75em;}
    .main_tit .in_tx{font-size:1em; margin-top:20px;}

    /* 메인 비주얼 */
    .mvisual{min-height:520px;}
    .mvisual .el{min-height:520px;}
    .mvisual .mv_txt .mv_eng{letter-spacing:1px; margin-bottom:14px;}
    .mvisual .mv_txt .in_tt{font-size:2.125em;}
    .mvisual .mv_txt .in_tx{font-size:1.063em; margin-top:20px;}
    .mvisual .mv_txt .dot{width:12px; height:12px; vertical-align:-2px;}
    .mvisual .mainSlider-pagination{bottom:2.5em;}
    .mvisual .mainSlider-pagination .swiper-pagination-bullet{width:70px; margin-right:10px;}
    .scroll_wrap{display:none;}

    /* msec_over */
    .mv_stack .msec_over{min-height:78vh; padding:60px 0; border-radius:calc((1 - var(--ov_p, 1)) * 30px) calc((1 - var(--ov_p, 1)) * 30px) 0 0;}
    .msec_over .over_sphere{width:500px; height:500px;}
    .msec_over .over_tt{font-size:2em;}
    .msec_over .over_tx{margin:25px auto 50px; font-size:1em;}
    .msec_over .s_view_btn{width:70px; height:70px; line-height:70px;}

    /* msec_prd */
    .msec_prd{padding:80px 0;}
    .msec_prd .prd_list{gap:14px; margin-top:40px;}
    .msec_prd .prd_list li{width:calc(50% - 7px);}
    .msec_prd .prd_list a{height:260px; padding:22px;}
    .msec_prd .prd_nm{font-size:1em; margin-bottom:6px;}
    .msec_prd .prd_tt{font-size:1.25em;}
    .msec_prd .prd_en{font-size:.938em;}
    .msec_prd .prd_list .s_view_btn{width:56px; height:56px; line-height:56px;}

    /* msec_proc : 1단 */
    .msec_proc{padding:80px 0;}
    .msec_proc .proc_list{gap:12px; margin-top:40px;}
    .msec_proc .proc_list li{flex:0 0 100%;}
    .msec_proc .proc_list a{padding:28px 24px;}
    .msec_proc .proc_icon svg{width:44px;}
    .msec_proc .proc_ko{margin-top:15px; font-size:1.25em;}
    .msec_proc .proc_en{font-size:1em;}
    .msec_proc .proc_btn{padding-top:18px;}

    /* msec_cs */
    .msec_cs{padding:80px 0;}
    .msec_cs .cs_head{flex-direction:column; align-items:flex-start; gap:25px; margin-bottom:35px;}
    .msec_cs .cs_label{padding-bottom:15px; font-size:1.125em;}
    .msec_cs .cs_notice li a{gap:15px; padding:18px 3px;}
    .msec_cs .cs_notice .nt_tt{font-size:1em;}

    /* msec_cta */
    .msec_cta .cta_in,
    .msec_cta .cta_catalog .cta_in{padding:60px 4%;}
    .msec_cta .cta_tt{font-size:2em;}
    .msec_cta .cta_tx{margin:15px 0 25px;}
    .msec_cta .cata_book{width:140px; height:190px; padding:18px 14px 18px 20px; box-shadow:15px 20px 40px rgba(0,0,0,.28);}
    .msec_cta .cata_book:before{width:8px;}
    .msec_cta .cata_book:after{right:-40px; top:50px; width:110px; height:110px;}
    .msec_cta .cata_book img{width:80px;}
    .msec_cta .cata_book .cb_tt{font-size:1.125em;}

    /* footer */
    #footer .f_logo img{width:180px;}
    #footer .ft_top{margin-bottom:30px;}
    #footer .f_info li{margin-right:12px;}
    #footer .f_info li:after{margin-left:12px;}
    #footer .f_copy{margin-top:30px;}

    /*inc*/
    .agree_box .in_con{padding:.8em; margin:.5em;}

    /*sub_visual*/
    #sub_visual{height:260px;}
    #sub_visual .sub_v_tit{font-size:2.5em;}
    #snb{bottom:1.5em;}
    #snb .snb_list .sdp2,
    #snb .snb_list .sdp3,
    #snb .snb_list .last{margin-left:10px; width:35%;}
    #snb .snb_list .sdp_list_wrap{top:60px;}
    .container_title{font-size:1.825em; margin:40px 0;}

    /*board : product_list*/
    .board_product_list > li .gall_box .gall_img{width:100%!important; text-align:center; border-bottom:1px solid #ddd;}
    .board_product_list > li .gall_box .bo_cnt{margin-top:5px; line-height:1.3;}
    .board_product_list > li .gall_box .gall_text_href{width:100%; padding:10px 15px;}
    .board_product_list > li .gall_box .bo_tit{font-size:1.25em;}
    .board_product_list > li .gall_box .bo_plus_btn .xi{display:none;}

    /*board : product_gallery*/
    .board_product_gallery{margin-right:-7px;}
    .board_product_gallery > li{margin-bottom:7px;}
    .board_product_gallery > li .gall_box{margin-right:7px;}
    .board_product_gallery > li .gall_box .gall_img{height:250px!important}
    .board_product_gallery > li .gall_box .gall_img img{width:auto; height:100%; max-width:inherit;}

    /*board : product_view 공통*/
    .bo_op_list{margin-top:15px;}
    .bo_op_list > li{margin-bottom:3px;}
    .bo_top_wrap .bo_top_txt .bo_v_tt{font-size:1.45em;}
    .bo_top_wrap .bo_top_txt .bo_v_tx{font-size:1em; line-height:1.4;}
    .bo_top_wrap .bo_top_txt .bo_op_list{margin-top:20px;}

    /*board : gallery*/
    #bo_gall #gall_ul{margin-right:-7px;}
    #bo_gall #gall_ul > li{margin-bottom:7px;}
    #bo_gall #gall_ul > li .gall_box{margin-right:7px;}
    #bo_gall #gall_ul > li .gall_box .gall_img img{width:100%; height:auto; max-width:inherit;}

    /*board: webzine*/
    .board_webzine .td_subject .bo_tum{display:none;}
    .board_webzine .td_subject .bo_tit{width:100%; padding:0}
    .board_webzine .td_subject .bo_tit .in_tit{font-size:1.125em;}

    /*board : inc*/
    .w_form_tit{width:7em;}
    .board_st.write th,
    .board_st.write td{padding:.8em .5em;}
    .board_st.write .input_st.w1{width:100%;}
    .board_st.write .input_st.w1#reg_mb_password_re{margin-top:5px;}
    .board_st.write a.btn_frmline,
    .board_st.write button.btn_frmline{width:90px;}
    .mem_etc_list{padding:10px;}

    /*latest : gallery_slide*/
    .la_gall_wrap .la_gall_slide .slick-list{margin-right:-7px;}
    .la_gall_wrap .la_gall_slide .slide_li .in{margin-right:7px;}

    /*latest : product_slide*/
    .la_product_slide .in .in_dv{width:100%; padding:0;}
    .la_product_slide .in .in_dv .in_tx{font-size:1em;}
    .la_product_slide .in .in_img{width:100%;}
    .la_product_slide .in .in_img img{height:300px; width:auto;}
    .la_product_slide .in .more_btn{margin:20px 0; width:45px; height:45px; line-height:45px;}

    /*latest : notice_list*/
    .la_notice .news_board > li .ctg{width:80px; line-height:1.2; font-size:1.068em;}
    .la_notice .news_board > li .ctg .in_dd{font-size:1.25em;}
    .la_notice .news_board > li .in_txt{padding:25px 15px; width:calc(100% - 145px);}
    .la_notice .news_board > li .in_txt .tt{font-size:1.125em;}
    .la_notice .news_board > li .more_btn{width:65px}

    .page_tt{font-size:1.5em;}
    .page_stt{font-size:1.25em;}
    .page_tx{font-size:1em;}
    .page_stx{font-size:1em;}
}

/* =========================================================
   340px 기준 작업 (폰트 사이즈 최소 .938em)
   ========================================================= */
@media screen and (max-width:500px){
    /* .doc에 16px이 지정되어 있어 body와 함께 적용 */
    body, .doc{font-size:14px; line-height:1.4;}

    /* header */
    #header .logo img{width:140px;}

    /* 공통 타이틀 */
    .main_tit .in_tt{font-size:1.5em;}

    /* 메인 비주얼 */
    .mvisual .mv_txt .mv_eng{font-size:.938em; letter-spacing:0;}
    .mvisual .mv_txt .in_tt{font-size:1.625em;}
    .mvisual .mv_txt .in_tx{font-size:1em;}
    .mvisual .mainSlider-pagination .swiper-pagination-bullet{width:56px;}

    /* msec_over */
    .msec_over .over_tt{font-size:1.625em; letter-spacing:-.5px;}

    /* msec_prd : 1단 */
    .msec_prd{padding:70px 0;}
    .msec_prd .prd_list{gap:12px;}
    .msec_prd .prd_list li{width:100%;}
    .msec_prd .prd_list a{height:200px; padding:22px 20px;}
    .msec_prd .prd_tt{font-size:1.375em;}

    /* msec_proc */
    .msec_proc{padding:70px 0;}
    .msec_proc .proc_list a{padding:24px 20px;}

    /* msec_cs */
    .msec_cs{padding:70px 0;}
    .msec_cs .cs_notice li a{gap:10px;}
    .msec_cs .cs_notice time{font-size:.938em;}

    /* msec_cta */
    .msec_cta .cta_in,
    .msec_cta .cta_catalog .cta_in{padding:50px 4%;}
    .msec_cta .cta_tt{font-size:1.75em;}
    .msec_cta .cta_catalog .cta_in{flex-direction:column; align-items:flex-start; gap:34px;}
    .msec_cta .cata_book{width:150px; height:200px; padding:18px 14px 18px 20px;}
    .msec_cta .cata_book:after{right:-40px; top:40px; width:110px; height:110px;}
    .msec_cta .cata_book img{width:86px;}
    .msec_cta .cata_book .cb_tt{font-size:1.125em;}

    /* footer */
    #footer .f_logo img{width:150px;}
    #footer .ft_top{gap:15px;}
    #footer .ft_partner{width:150px; padding:10px 18px;}
    #footer .f_menu li{margin-right:1.25em;}
    #footer .f_info li{float:none; margin-right:0;}
    #footer .f_info li:after{display:none;}
    #footer .f_copy{font-size:.938em;}

    .msec_over,
    .msec_prd,
    .msec_proc,
    .msec_cta,
    .msec_cs{overflow:hidden;}

    .scrollAni.delay1.Aon,
    .scrollAni.delay2.Aon,
    .scrollAni.delay3.Aon,
    .scrollAni.delay4.Aon,
    .scrollAni.delay5.Aon,
    .scrollAni.delay6.Aon,
    .scrollAni.delay7.Aon,
    .scrollAni.delay8.Aon,
    .scrollAni.delay9.Aon,
    .scrollAni.delay10.Aon{transition-delay:0s;}

    /*sub_visual*/
    #sub_visual{height:220px;}
    #sub_visual .sub_v_tit{font-size:2.125em;}
    #snb .snb_list .sdp1 a{width:40px; height:40px; line-height:40px;}
    #snb .snb_list .sdp2,
    #snb .snb_list .sdp3,
    #snb .snb_list .last{padding:6px 10px; width:40%;}
    #snb .snb_list .sdp_tt{font-size:1.068em;}
    #snb .snb_list .sdp_tt:before{right:5px;}
    #snb .snb_list .sdp_list_wrap{top:45px; border-radius:7px;}
    #snb .snb_list .sdp_list{padding:15px;}
    #snb .snb_list .sdp_list > li a{font-size:1em;}
    .container_title{padding-top:20px; margin:35px 0;}
    .container_title:before{height:17px;}

    /*board : inc*/
    .board_tt{font-size:1.375em;}
    #bo_list .td_datetime{width:62px;}
    #bo_list .td_name{width:74px;}
    #bo_list .td_num2{width:45px;}
    .input_st{padding:.3em .6em;}
    input[type=file]{width:75%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
    .label_select:after{width:2em;}
    .label_select select{padding-right:2em!important;}
    .board_sch_wrap .input_st.w1{width:9.5em;}
    .pg_wrap .pg_page,
    .pg_wrap .pg_current{width:36px; height:36px; line-height:36px;}
    .board_btn_wrap{margin-top:10px;}
    .board_btn_wrap .xi{display:none;}
    #bo_v_title{padding:.5em 0;}
    #bo_v_title .bo_v_cate{font-size:.7em; margin-bottom:2px;}
    #bo_v_title .bo_v_tit{font-size:.938em;}
    #bo_v_info{padding:10px 0; margin:0 0 20px;}
    .bo_v_nb li .nb_tit{padding-right:10px;}
    .bo_v_nb li a{width:calc(100% - 130px);}
    .bo_vc_w .btn_submit{font-size:1em; height:40px;}

    /*모바일에서 글쓰기 임시저장글 버튼 삭제*/
    .bo_w_tit button.btn_frmline{display:none;}

    .board_webzine .td_subject .bo_cnt,
    #bo_gall .gall_li .gall_text_href .bo_cnt{display:none;}

    /*board : product_gallery , board : gallery*/
    #bo_gall .gall_li .gall_text_href{padding:10px;}
    .board_product_list > li .gall_box .gall_text_href{padding:10px;}
    .board_product_gallery > li .gall_box .gall_text_href{padding:10px;}

    /*회원가입*/
    #reg_result{padding:30px 15px;}

    /*latest : gallery_slide*/
    .la_gall_wrap .la_gall_control{display:none;}

    .page_tt{font-size:1.45em;}
    .page_stt{font-size:1.125em;}
    .page_tx{font-size:1em;}
    .page_stx{font-size:1em;}

    .tab_idx{margin:-.5em 0 0 -.5em;}
    .tab_idx > li > a{margin:.5em 0 0 .5em;}
    .tab_idx > li > a .va{font-size:1em;}
}

/* =========================================================
   SUB PAGE 반응형 (page 폴더 콘텐츠)
   style.css 하단 'SUB PAGE' 블록 대응
   ========================================================= */
@media screen and (max-width:1300px){
    /* ABOUT 공통 */
    .sub_info .info_kv .kv_tt,
    .sub_his .his_kv .kv_tt,
    .sub_org .org_kv .kv_tt,
    .sub_loc .loc_kv .kv_tt,
    .sub_ceo .ceo_kv .kv_tt{font-size:2.25em;}
    .sub_info .info_sec .main_tit .in_tt,
    .sub_org .org_sec .main_tit .in_tt,
    .sub_loc .loc_sec .main_tit .in_tt,
    .sub_ceo .ceo_side .main_tit .in_tt,
    .sub_ceo .ceo_value .main_tit .in_tt{font-size:1.875em;}

    /* 연혁 */
    .sub_his .his_era .main_tit .in_tt{font-size:2.125em;}
    .sub_his .his_list{padding-left:40px;}

    /* 조직도 */
    .sub_org{--org_bw:240px;}
    .sub_org .org_chart{padding:70px 30px;}

    /* 인사말 */
    .sub_ceo .ceo_lead{font-size:1.75em;}
    .sub_ceo .ceo_value{padding:5em 3.5em;}
    .sub_ceo .ceo_sign .nm{font-size:2.5em;}

    /* BUSINESS */
    .tech_pg .tech_hero{padding:56px 50px 50px;}
    .tech_pg .tech_hero .hr_num{top:28px; right:40px; font-size:5.5em;}
    .tech_pg .tech_hero .hr_tt{font-size:2.125em;}
    .tech_pg .sec_hd .hd_tt{font-size:1.75em;}
    .tech_pg .row_list .rw_lb{flex:0 0 170px;}
    .tech_pg .gd_cta{padding:48px 44px;}
    .tech_pg .gd_cta .ct_tt{font-size:1.75em;}
    .tech_pg .case_ws .cs_kpi b{font-size:2.75em;}

    /* PROCESS */
    .prc_pg .prc_top{gap:32px;}
    .prc_pg .prc_top .tp_tt{font-size:2.125em;}
    .prc_pg .sec_tt{font-size:1.75em;}
    .prc_pg .mn_intro{gap:40px;}
    .prc_pg .ph_box{width:360px;}
    .prc_pg .flow_big a{gap:28px;}
}

@media screen and (max-width:1024px){
    /* ABOUT 공통 */
    .sub_info .info_kv,
    .sub_his .his_kv,
    .sub_org .org_kv,
    .sub_loc .loc_kv,
    .sub_ceo .ceo_kv{padding-bottom:3em;}
    .sub_info .info_sec,
    .sub_org .org_sec,
    .sub_loc .loc_sec,
    .sub_ceo .ceo_sec{padding-top:3.5em;}

    /* 회사개요 */
    .sub_info .info_kv .kv_num{gap:14px; margin-top:40px;}
    .sub_info .info_kv .kv_num > li{width:calc(50% - 7px); flex:0 0 auto; padding:28px 24px;}
    .sub_info .info_tb th, .sub_info .info_tb td{padding:18px 20px;}
    .sub_info .client_list{gap:16px;}
    .sub_info .client_list > li{width:calc(50% - 8px); padding:32px 28px;}

    /* 연혁 : 2단 해제 */
    .sub_his .his_group{padding:3.5em 0;}
    .sub_his .his_era{width:100%;}
    .sub_his .his_era .main_tit{position:static;}
    .sub_his .his_list{width:100%; margin-top:30px; padding-left:34px;}
    .sub_his .his_list > li:before{left:-40px;}

    /* 조직도 : 4열 → 2열, 연결선 정리 */
    .sub_org .org_sec .main_tit{margin-bottom:40px;}
    .sub_org .org_chart{padding:56px 24px;}
    /*4열 그리드 해제 : 세로 스택*/
    .sub_org{--org_bw:360px;}
    .sub_org .org_ceo{display:block; margin-top:44px;}
    .sub_org .org_ceo:before{top:-44px; height:44px;}
    /*세로 스택에서는 아래쪽 패딩 제거 : 줄기선이 기술연구소 아래로 튀어나오지 않도록*/
    .sub_org .org_mid{display:block; padding:44px 0 0;}
    .sub_org .org_side{padding:0; margin-top:44px;}
    .sub_org .org_mid .org_side{margin-top:0;}
    /*가로 연결선은 그리드 전용이라 숨김*/
    .sub_org .org_side:before,
    .sub_org .org_side:after{display:none;}
    .sub_org .org_team{padding-top:34px;}
    .sub_org .org_team:before,
    .sub_org .org_team > li:before,
    .sub_org .org_team > li:after{display:none;}
    .sub_org .org_team > li{width:50%; padding:0 8px 16px;}

    /* 오시는 길 */
    .sub_loc .loc_map .root_daum_roughmap,
    .sub_loc .loc_map .root_daum_roughmap .wrap_map{height:420px !important;}
    .sub_loc .loc_info{gap:16px;}
    .sub_loc .loc_info > li{width:calc(50% - 8px); padding:32px 28px;}

    /* 인사말 : 2단 해제 */
    .sub_ceo .ceo_side{position:static; width:100%;}
    .sub_ceo .ceo_side .ceo_num{margin-top:30px;}
    .sub_ceo .ceo_body{width:100%; margin-top:3em;}
    .sub_ceo .ceo_lead{padding-top:40px;}
    .sub_ceo .ceo_value{margin-top:4.5em; padding:4em 2.5em;}
    .sub_ceo .ceo_value .main_tit{margin-bottom:40px;}
    .sub_ceo .value_list{gap:16px;}
    .sub_ceo .value_list > li{width:calc(50% - 8px); padding:36px 30px;}

    /* BUSINESS */
    .tech_pg .tech_sec{margin-top:3.5em;}
    .tech_pg .tech_hero{padding:44px 36px 40px;}
    .tech_pg .tech_hero .hr_num{font-size:4.5em;}
    .tech_pg .tech_hero .hr_meta{margin-top:26px;}
    .tech_pg .row_list > li{gap:26px; padding:28px 12px;}
    .tech_pg .row_list .rw_lb{flex:0 0 130px;}
    .tech_pg .spec_tb th, .tech_pg .spec_tb td{padding:16px 18px;}
    .tech_pg .mim_eq{flex-direction:column; align-items:stretch; gap:12px;}
    .tech_pg .mim_eq .eq_box{width:100%; padding:28px 24px;}
    .tech_pg .mim_eq .eq_mark{width:100%; text-align:center;}
    .tech_pg .step_list > li{gap:24px;}
    .tech_pg .step_list > li:before{left:30px;}
    .tech_pg .step_list .sp_no{flex:0 0 62px; height:62px;}
    .tech_pg .gd_cta{margin-top:3.5em; padding:40px 32px;}
    .tech_pg .case_ws .cs_chk > li{width:100%;}

    /* PROCESS */
    .prc_pg .ic_box{width:80px; height:80px;}
    .prc_pg .ic_box svg{width:40px; height:40px;}
    .prc_pg .prc_body{margin-top:3.5em;}
    .prc_pg .prc_sec{margin-top:3.5em;}
    .prc_pg .sec_tt{margin-top:2.4em;}
    /* 단계 인디케이터 : 알약형 그리드로 전환 */
    .prc_pg .prc_bar{gap:8px; border:0; border-radius:0; overflow:visible;}
    .prc_pg .prc_bar > li{flex:0 0 calc(33.333% - 6px); max-width:calc(33.333% - 6px);}
    .prc_pg .prc_bar a, .prc_pg .prc_bar span{padding:13px 6px; border:1px solid #e5e5e5; border-radius:50px;}
    .prc_pg .prc_bar > li:first-child a, .prc_pg .prc_bar > li:first-child span{border-left:1px solid #e5e5e5;}
    .prc_pg .prc_bar .on span{border-color:#111;}
    /* 본문 2단 해제 */
    .prc_pg .mn_intro{flex-direction:column; gap:30px;}
    .prc_pg .mn_intro .in_tx{min-width:0;}
    .prc_pg .ph_box{width:100%; max-width:480px; margin:0 auto;}
    .prc_pg .fin_wrap{gap:24px;}
    .prc_pg .fin_wrap .ph_box{margin:0;}
    .prc_pg .fin_list{min-width:0;}
    .prc_pg .flow_big a{gap:22px; padding:26px 16px 26px 8px;}
    .prc_pg .eq_tile > li{min-width:150px; padding:24px 22px;}
}

@media screen and (max-width:768px){
    /* 서브 공통 여백 */
    .sub_info, .sub_his, .sub_org, .sub_loc, .sub_ceo, .tech_pg, .prc_pg{padding-bottom:4em;}
    .sub_info .info_kv .kv_tt,
    .sub_his .his_kv .kv_tt,
    .sub_org .org_kv .kv_tt,
    .sub_loc .loc_kv .kv_tt,
    .sub_ceo .ceo_kv .kv_tt{font-size:1.875em;}
    .sub_info .info_kv .kv_tx,
    .sub_his .his_kv .kv_tx,
    .sub_org .org_kv .kv_tx,
    .sub_loc .loc_kv .kv_tx,
    .sub_ceo .ceo_kv .kv_tx{margin-top:22px; font-size:1.063em;}
    .sub_info .info_sec .main_tit .in_tt,
    .sub_org .org_sec .main_tit .in_tt,
    .sub_loc .loc_sec .main_tit .in_tt,
    .sub_ceo .ceo_side .main_tit .in_tt,
    .sub_ceo .ceo_value .main_tit .in_tt{font-size:1.625em;}

    /* 회사개요 */
    .sub_info .info_kv .kv_num .num{font-size:2em;}
    .sub_info .info_tb table{display:block; table-layout:auto;}
    .sub_info .info_tb colgroup{display:none;}
    .sub_info .info_tb tbody, .sub_info .info_tb tr{display:block; width:100%;}
    .sub_info .info_tb th, .sub_info .info_tb td{display:block; width:100%; padding:14px 18px; font-size:1em;}
    .sub_info .info_tb th{border-bottom:0;}
    .sub_info .info_tb td{padding-top:0;}
    .sub_info .client_list > li{width:100%; padding:28px 24px;}
    .sub_info .client_list .cl_tt{font-size:1.25em;}

    /* 연혁 */
    .sub_his .his_era .main_tit .in_tt{font-size:1.75em;}
    .sub_his .his_list{padding-left:24px;}
    .sub_his .his_list > li{flex-direction:column; gap:6px; padding:20px 0;}
    .sub_his .his_list > li:before{top:28px; left:-30px;}
    .sub_his .his_list .yy{width:auto; font-size:1.25em;}
    .sub_his .his_list .tx{padding-top:0; font-size:1.063em;}

    /* 조직도 : 1열 */
    .sub_org .org_chart{padding:40px 16px;}
    .sub_org{--org_bw:100%;}
    .sub_org .org_box{min-height:0; padding:18px 14px;}
    .sub_org .org_box .nm{font-size:1.25em;}
    .sub_org .org_box.st3 .nm{font-size:1.125em;}
    .sub_org .org_ceo{margin-top:34px;}
    .sub_org .org_ceo:before{top:-34px; height:34px;}
    .sub_org .org_side{margin-top:34px;}
    .sub_org .org_mid{padding:34px 0 0;}
    .sub_org .org_team{padding-top:24px;}
    .sub_org .org_team > li{width:100%; padding:0 0 12px;}

    /* 오시는 길 */
    .sub_loc .loc_head{margin-bottom:24px;}
    .sub_loc .loc_map .root_daum_roughmap,
    .sub_loc .loc_map .root_daum_roughmap .wrap_map{height:320px !important;}
    .sub_loc .loc_map .map_bar{gap:10px; padding:18px 20px;}
    .sub_loc .loc_map .map_bar .in_add{font-size:1.063em;}
    .sub_loc .loc_info > li{width:100%; padding:28px 24px;}
    .sub_loc .loc_info .in_icon{width:48px; height:48px; font-size:1.25em;}
    .sub_loc .loc_info .in_tt2{margin-top:18px; font-size:1.25em;}
    .sub_loc .loc_info .in_tx2{font-size:1.063em;}

    /* 인사말 */
    .sub_ceo .ceo_lead{padding-top:32px; font-size:1.5em;}
    .sub_ceo .ceo_lead .mark{font-size:2.6em;}
    .sub_ceo .ceo_txt{margin-top:28px;}
    .sub_ceo .ceo_txt p{margin-bottom:18px; font-size:1.063em; line-height:1.8;}
    .sub_ceo .ceo_sign{margin-top:40px; padding-top:26px;}
    .sub_ceo .ceo_sign .nm{font-size:2.125em;}
    .sub_ceo .ceo_value{margin-top:3.5em; padding:3em 1.5em;}
    .sub_ceo .value_list > li{width:100%; padding:30px 24px;}
    .sub_ceo .value_list .v_ico{width:44px; height:44px;}
    .sub_ceo .value_list .v_tt{margin-top:18px; font-size:1.375em;}

    /* BUSINESS */
    .tech_pg .tech_hero{padding:34px 22px 30px; border-radius:var(--item_r);}
    .tech_pg .tech_hero .hr_num{top:18px; right:20px; font-size:3.5em;}
    .tech_pg .tech_hero .hr_cate{font-size:.938em;}
    .tech_pg .tech_hero .hr_tt{margin-top:16px; font-size:1.625em;}
    .tech_pg .tech_hero .hr_tx{margin-top:18px; font-size:1.063em;}
    .tech_pg .tech_hero .hr_meta{gap:8px; margin-top:22px;}
    .tech_pg .tech_hero .hr_meta > li{padding:8px 16px; font-size:.938em;}
    .tech_pg .sec_hd{gap:10px; padding-bottom:16px;}
    .tech_pg .sec_hd .hd_en{width:100%; font-size:.938em;}
    .tech_pg .sec_hd .hd_tt{font-size:1.5em;}
    .tech_pg .sec_hd .hd_tx{width:100%; margin-left:0; font-size:1em;}
    .tech_pg .row_list > li{flex-direction:column; gap:12px; padding:24px 6px;}
    .tech_pg .row_list .rw_lb{flex:0 0 auto; display:flex; align-items:baseline; gap:12px;}
    .tech_pg .row_list .rw_no{font-size:1.5em;}
    .tech_pg .row_list .rw_en{margin-top:0;}
    .tech_pg .row_list .rw_tt{font-size:1.25em;}
    .tech_pg .spec_tb th, .tech_pg .spec_tb td{padding:13px 12px; font-size:1em;}
    .tech_pg .mim_eq{margin-top:28px;}
    .tech_pg .mim_eq .eq_tt{font-size:1.25em;}
    .tech_pg .eq_note{font-size:1.063em;}
    .tech_pg .step_list{margin-top:32px;}
    .tech_pg .step_list > li{gap:18px; padding-bottom:28px;}
    .tech_pg .step_list > li:before{top:56px; left:26px;}
    .tech_pg .step_list .sp_no{flex:0 0 52px; height:52px; font-size:1.125em;}
    .tech_pg .step_list .sp_ct{padding-top:8px;}
    .tech_pg .step_list .sp_tt{font-size:1.25em;}
    .tech_pg .gd_cta{flex-direction:column; align-items:flex-start; gap:22px; padding:32px 24px; border-radius:var(--item_r);}
    .tech_pg .gd_cta .ct_tt{font-size:1.5em;}
    .tech_pg .gd_cta .ct_sub{font-size:1.063em;}
    .tech_pg .case_ws{margin-top:32px;}
    .tech_pg .case_ws .cs_hd{flex-direction:column; align-items:flex-start; gap:18px; padding-bottom:24px;}
    .tech_pg .case_ws .cs_tt{font-size:1.375em;}
    .tech_pg .case_ws .cs_kpi{text-align:left;}
    .tech_pg .case_ws .cs_kpi b{font-size:2.25em;}
    .tech_pg .case_ws .cs_chk{gap:12px; margin-top:26px;}
    .tech_pg .case_ws .cs_chk > li{gap:12px; padding:22px 20px;}
    .tech_pg .case_ws .cs_chk span{font-size:1.063em;}

    /* PROCESS */
    .prc_pg .prc_top{flex-direction:column; align-items:flex-start; gap:20px; padding-bottom:26px;}
    .prc_pg .ic_box{width:68px; height:68px;}
    .prc_pg .ic_box svg{width:34px; height:34px;}
    .prc_pg .prc_top .tp_cate{font-size:.938em;}
    .prc_pg .prc_top .tp_tt{margin-top:10px; font-size:1.625em;}
    .prc_pg .prc_top .tp_tx{margin-top:14px; font-size:1.063em;}
    .prc_pg .prc_top .tp_no{font-size:6em;}
    .prc_pg .prc_bar{margin-top:24px; gap:6px;}
    .prc_pg .prc_bar > li{flex:0 0 calc(50% - 3px); max-width:calc(50% - 3px);}
    .prc_pg .prc_bar a, .prc_pg .prc_bar span{padding:12px 4px; font-size:.938em;}
    .prc_pg .prc_body{margin-top:2.6em;}
    .prc_pg .prc_sec{margin-top:2.6em;}
    .prc_pg .sec_tt{gap:10px; margin-top:2em; padding-bottom:14px; font-size:1.375em;}
    .prc_pg .sec_tt i{font-size:.6em;}
    .prc_pg .mn_lead{padding:24px 0 8px; font-size:1.125em;}
    .prc_pg .mn_intro{margin-top:24px; gap:24px;}
    .prc_pg .dl_list{margin-top:1.8em;}
    .prc_pg .dl_list > div{padding:22px 0 22px 20px;}
    .prc_pg .dl_list > div:before{top:31px; width:10px;}
    .prc_pg .dl_list dt{font-size:1.125em;}
    .prc_pg .dl_list dd{margin-top:8px; font-size:1.063em;}
    .prc_pg .eq_tile{gap:10px; margin-top:20px;}
    .prc_pg .eq_tile > li{flex:0 0 100%; min-width:0; padding:22px 20px;}
    .prc_pg .eq_tile .tl_no{font-size:1.75em;}
    /* 전체 공정 흐름 */
    .prc_pg .flow_big a{flex-wrap:wrap; gap:16px; padding:22px 4px;}
    .prc_pg .flow_big .ic_box{width:56px; height:56px;}
    .prc_pg .flow_big .ic_box svg{width:28px; height:28px;}
    .prc_pg .flow_big a:hover{padding-left:4px;}
    .prc_pg .flow_big .fb_ct{flex:1 1 100%;}
    .prc_pg .flow_big .fb_tt{font-size:1.25em;}
    .prc_pg .flow_big .fb_btn{width:100%; justify-content:flex-end;}
    .prc_pg .fin_wrap{flex-direction:column;}
    .prc_pg .fin_wrap .ph_box{width:100%; max-width:100%;}
    .prc_pg .fin_list > li{padding:26px 22px;}
    .prc_pg .fin_list .fn_tt{margin-top:16px; font-size:1.25em;}
    .prc_pg .nx_note{flex-direction:column; align-items:flex-start; gap:16px; margin-top:2.4em; padding:24px 22px;}
}

@media screen and (max-width:500px){
    /* ABOUT 공통 */
    .sub_info .info_kv .kv_tt,
    .sub_his .his_kv .kv_tt,
    .sub_org .org_kv .kv_tt,
    .sub_loc .loc_kv .kv_tt,
    .sub_ceo .ceo_kv .kv_tt{font-size:1.625em;}
    .sub_info .info_sec .main_tit .in_tt,
    .sub_org .org_sec .main_tit .in_tt,
    .sub_loc .loc_sec .main_tit .in_tt,
    .sub_ceo .ceo_side .main_tit .in_tt,
    .sub_ceo .ceo_value .main_tit .in_tt{font-size:1.5em;}

    /* 회사개요 */
    .sub_info .info_kv .kv_num > li{width:100%;}
    .sub_info .info_tb th, .sub_info .info_tb td{padding:13px 14px;}
    .sub_info .info_tb td .bar{margin:0 8px;}

    /* 연혁 */
    .sub_his .his_era .main_tit .in_tt{font-size:1.5em;}

    /* 조직도 */
    .sub_org .org_chart{padding:32px 12px;}
    .sub_org .org_box .nm{font-size:1.125em;}
    .sub_org .org_box .en{font-size:.875em;}

    /* 오시는 길 */
    .sub_loc .loc_map .root_daum_roughmap,
    .sub_loc .loc_map .root_daum_roughmap .wrap_map{height:260px !important;}
    .sub_loc .loc_map .map_bar{padding:16px;}

    /* 인사말 */
    .sub_ceo .ceo_lead{font-size:1.375em;}
    .sub_ceo .ceo_sign .in_nm{gap:10px;}
    .sub_ceo .ceo_sign .nm{font-size:1.875em;}
    .sub_ceo .ceo_value{padding:2.4em 1.125em;}

    /* BUSINESS */
    .tech_pg .tech_hero{padding:28px 18px 26px;}
    .tech_pg .tech_hero .hr_num{display:none;}
    .tech_pg .tech_hero .hr_tt{font-size:1.5em;}
    .tech_pg .tech_hero .hr_meta > li{width:100%; text-align:center;}
    .tech_pg .spec_tb th, .tech_pg .spec_tb td{padding:11px 8px; font-size:.938em;}
    .tech_pg .case_ws .cs_kpi b{font-size:2em;}

    /* PROCESS */
    .prc_pg .prc_bar > li{flex:0 0 100%; max-width:100%;}
    .prc_pg .prc_top .tp_tt{font-size:1.5em;}
    .prc_pg .sec_tt{flex-wrap:wrap; font-size:1.25em;}
    .prc_pg .flow_big .fb_btn{justify-content:flex-start;}
}