@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 1850px) {
    .header .header_content { padding-top:55px; }
    .header::after { top:55px; opacity:1; }
    .header h1 { top:13px; }
    .header h1 a { width:150px; height:34px; }
        
    .gnb { }
    .gnb li.depth1 > a { height:60px; }
    .header_util { top:20px; }
    .gnb li .submenu_wrap { top:70px; }
    li.depth1.on .submenu_wrap { top:60px; }
    .section1 { margin-top:115px; height:calc(100dvh - 115px); }
    .main_slide .swiper-slide .inner { padding:0 10em; }
    .section { padding:7em 0; }
    .inner { width:100%; padding:0 3em; }
    
    .tooltip.top { bottom:-40px; }
    .tooltip.top::after { top:-10px; transform:rotate(180deg) translateX(50%); }

    
}
@media all and (max-width: 1750px) {
	.board_view_row .inner_row .row.between dt .ellips{max-width:67%;}
	.board_view_row .inner_row .row.between dt.width80p {width:calc(100% - 100px) !important;}
	.board_view_row .inner_row .row.between dd.width20p {width:80px !important;}
}

@media all and (max-width: 1501px) {
.main_container, .sub_container { padding-top:130px; }
.main_container .inner { width:100%; }
.inner { width:100%; margin:0 auto; box-sizing:border-box;transition:all 0.3s; }
.sitemap .header_util { position:absolute; top:35px; left:170px; }
  .sitemap .logo { top:30px; left:30px; }
  .sitemap .logo a { width:100px; }
  .sitemap .header_util ul { flex-direction:row; gap:20px; }
  .sitemap .header_util ul li a, .sitemap .header_util ul li p { font-size:15px; }
  .sitemap .btn_close { top:30px; right:30px; }
  .sitemap_content { width:100%; height:calc(100% - 5em); margin-top:5em; }
  .sitemap_list { padding:3em 3em; }
  
  .sub_container .content_wrap { padding:30px 0 80px; flex-direction:column; justify-content:flex-start; gap:30px; }
  .sub_container .content { width:100%; }
  .leftmenu { width:100%; padding:0; border:none; border-radius:0; }
  .leftmenu > ul { flex-direction:row; margin-top:0; padding:15px; }
  .leftmenu .title { background:none; height:auto; justify-content:flex-start; border-radius:0; }
  .leftmenu .title h2 { color:#000; font-size:1.8em; }
  .leftmenu .title::after { display:none; }
  .sub_container .content { padding:0; }
  .sub_container .content .sub_title h3 { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }
  .leftmenu .depth1 a::after { display:none; }
  .breadcrumb { position:absolute; top:-135px; right:0; }
  .sub_title { margin-bottom:0; }
    .leftmenu .submenu_wrap { width:calc(100% + 6em); margin:20px -3em 0; padding:0 3em; border-radius:0; overflow-x:auto; }
    .leftmenu .submenu_wrap ul { flex-direction:row; gap:0; white-space:nowrap; }
    .leftmenu .submenu_wrap ul li:last-child { padding-right:2em; }
  .leftmenu .depth1.active > a { box-shadow:none; }
  .leftmenu .depth1 > a { padding:2px 10px; font-size:14px; }
 
  .table_wrap { overflow-x:auto; margin:0 -2em; width:calc(100% + 3em); padding:0 1.5em; }
  .table_wrap .table_list { min-width:1300px; }
  .table_wrap .table_list.mintable { min-width:550px; }
  .tab_wrap .tabs li { height:43px; }
  .tab_wrap .tabs li a { padding:0 20px; }
  .tab_wrap .tabs { height:43px; }
  .tab_wrap .tab_content { padding-top:1.3em; }
    
    .modal_content .table_wrap .table_list { min-width:1000px; }
    .modal_content .table_wrap .min1300 { min-width:1300px; }
  
  .board_top { flex-direction:column-reverse; gap:20px; align-items:flex-end; padding:0; margin:0 0 10px 0; background:none; }
  .board_top .total { width:100%; margin:10px 0 0; }
  .search_box { background:var(--lp); padding:1em; width:100%; }
  .search_box .selectText { min-width:100px; }
  .search_box .btn_search { width:40px; }
  .board_top .top { text-align:left; }
  .search_box .selectText, .search_box .inputText, .search_box .btn_search, .search_box .btn_detailsearch { height:40px; }
  .search_box .width200 { width:150px !important; }
  .board_top .bottom { flex-direction:column-reverse; gap:20px}
  .board_top:has(.top, .bottom) { gap:5px; }
    
    
    .modal_subbar { height:auto; }
    .modal_subbar .search_box { background:none; width:auto; }
    
    .modal_box { height:auto !important; overflow-y:auto; }
    .modal_content,
    .modal_box:has(.modal_subbar) .modal_content { height:auto; }

    .policy_wrap .table_wrap .table_list { min-width:1000px; }
    .policy_wrap .table_wrap .table_list.normal { width:100%; min-width:100%; }
    .policy_wrap .table_list.border td { padding:15px 10px; }    
	
}

@media all and (max-width: 1401px) {
    .main_container, .sub_container { padding-top:90px; }
    .header { height:70px; }
    .header::after { display:none; }
    .header .header_content { justify-content:space-between; padding:2em; }
    .header h1 { top:20px; left:30px; }
    .header_util { top:28px; }
    .gnb { display:none; }
    
    body:has(.main_content) .header { background:none; border-bottom:none; }
    body:has(.main_content) .header_util ul li a, 
    body:has(.main_content) .header_util .meminfo { color:#fff !important; }
    body:has(.main_content) .header h1 a { background:url(/tsc/images/agency/logo_white.svg) 0% 50% / contain no-repeat; }
    .section1 { margin-top:0; height:100dvh; }
    .section { padding:5em 0; }

    .main_slide_bottom { bottom:3em; padding:0 0; }
    
    .main_slide .swiper-slide .inner { padding:0 3em; }
    .section1 .btn_slide { display:none; }
    
    .quickmenu_list .swiper-slide a { border-radius:20px; }
    .partsview_slide .swiper-slide a { border-radius:20px; }
    .partsview_slide .swiper-slide .thumbnail { border-radius:20px 20px 0 0; }
    .section5 { gap:70px; }
    .section5 .wrap { width:calc(100% / 2 - 70px / 2); }
    
    .headline h2 { font-size:2rem; }
    
    .section1 .os_box { width:525px; right:5%; }
    .section1 .os_box ul li strong { font-size:20px; }
    .section1 .os_box ul li a { padding:2em; border-radius:20px }
    
    .board_write_row .row { flex-direction:column; }
	
	.board_write_row .row .file_up_wrap { width:100%; }
	.board_write_row .row dl dd:has(.preview) { display:block; }
    .board_write_row .row .preview { width:100%; }
    .board_write_row .row .preview .row { flex-direction:row; }
}

@media all and (max-width: 1301px) {
        
    .inner { padding:0 2em; }
    .member_wrap { padding:0 3em; }
    .member_wrap h1 { padding:1em 0; font-size:2em; }

}

@media all and (max-width: 1201px) {


    .footer_top { flex-direction:column; gap:10px; }
    .logo_wrap .img_box img { height:auto; width:100%; }
    .logo_wrap .img_box:nth-child(2) img { width:70%; }
    .logo_wrap .img_box:nth-child(3) img { width:60%; }
    
    .quickmenu_list .swiper-slide img {  }
    .quickmenu_list .swiper-slide p { font-size:0.9em; margin:1em 0 2em; }
   
    .board_view_row .row { flex-wrap:wrap; }
    .board_view_row dl {flex-wrap:wrap;}
    .board_view_row .row.half dl dd{width:calc(100% - 200px);} 

}

@media all and (max-width: 1101px) {
            
    .section1 { height:auto; }
    .section1_slide { height:500px; position:relative; }
    .section1 .os_box { width:100%; top:auto; position:relative; left:0; padding:5em 3em; transform:none; background:#f2f2f2; }
    .section1 .os_box ul { flex-direction:row; gap:20px; }
    .section1 .os_box ul { flex-direction:column; }
    .section1 .os_box ul li a { padding:3em; }
    .section1 .os_box ul li strong br { display:none; }
    
    .main_slide .main_imgs.mainbg01 img { width:35%; }
    .main_slide .main_imgs.mainbg01 img:nth-child(1) { width:40%; left:36%; top:-1%; }
    .main_slide .main_imgs.mainbg01 img:nth-child(2) { left:70%; top:4%; }
    .main_slide .main_imgs.mainbg01 img:nth-child(3) { left:39%; top:38%; }
    .main_slide .main_imgs.mainbg01 img:nth-child(4) { left:70%; top:50%; }
    
    .main_slide .main_imgs.mainbg02 { background-size:cover; }
    .main_slide .main_imgs.mainbg02 img:nth-child(1) { width:60%; height:auto; bottom:10%; left:34%; z-index:1; }
    .main_slide .main_imgs.mainbg02 img:nth-child(2) { right:-8%; width:80%; }

    
    .main_slide .swiper-slide { align-items:flex-start; justify-content:flex-start; }
    .main_slide .swiper-slide .inner { margin-top:10em; padding:0 3em; }
    .section1_slide { position:relative; }
    .main_slide_control .paging { font-size:12px; }
    .section1 .btn_slide { display:none; }
    .section1 .btn_slide img { width:20px; }

    .main_slide_bottom { bottom:3em; padding:0 3em; }
    .main_slide_bottom { width:100%; position:absolute; z-index:1; }
    .main_slide_bottom .inner { width:100%; padding:0; gap:50px; }

    .main_slide .swiper-slide strong { font-size:2.4rem; margin-bottom:1.6rem; } 
    .main_slide .swiper-slide p { lline-height:2em; }


    .headline { margin-bottom:1.5em; }
    .headline h2 { font-size:2.4rem; }
    .section { padding:5em 0; }

    .thumbnail { border-radius:20px; }

    .section4 .inner,
    .footer .inner { flex-direction:column; gap:10px; }
    
        
    .newparts_list { flex-direction:column; gap:15px; }
    .newparts_list li { width:100%; }
    .relate_list { margin-top:4em; }
    .relate_list li a img { width:40%; }
    
    .content_box { margin-bottom:2em; }
    .content_box .signin_step ul li { padding:0 20px; }
    .content_box .signin_step ul li:first-child { padding-left:0; }
    .content_box .signin_step ul li:last-child { padding-right:0; }
    .content_box .signin_step ul li strong, .content_box .signin_step ul li a { font-size:1em; }
    .content_box .signin_step ul li .text { margin-bottom:0; }
    
    .equipment_list2 { gap:50px 30px; flex-wrap:wrap; }
    .equipment_list2 .box { width:calc(100% / 2 - 30px / 2); }
    .equipment_list2 .img { height:190px; }
    .techsupport strong { font-size:1.3rem; line-height:1.5em; margin-bottom:7px; }
    .techsupport .text { display:block; margin:0 0 30px; }
    .techsupport .law strong { width:100%; }
    .techsupport .law strong br { display:none; }
    .techsupport .law .row { display:block; }


}

@media all and (max-width: 1001px) {
    
    .equipment_list { padding:0 2em; width:calc(100% + 4em); margin:0 -2em; }
    .equipment_list .swiper-slide img { height:280px; }


    .sitemap_list .depth2 { flex-direction:column; }
    .sitemap_list .depth2 li a { white-space:nowrap; }
    .sitemap .header_util ul li a, .sitemap .header_util ul li p { font-size:12px; }

    .main_slide .swiper-slide p { line-height:1.5em; }
    .section1 .btn_slide { display:none; }
    .section5 { flex-direction:column; }
    .section5 .wrap { width:100%; }
    
    .deco_plus { width:35px; height:35px; }
    .quickmenu_list .swiper-slide .deco_plus { display:none; }
    .quickmenu_list .swiper-slide a { padding:2.4em 2.4em 7em; }
    .quickmenu_list .swiper-slide img { bottom:1em; right:1em; }
    .quickmenu_list .swiper-slide:nth-child(2) img { bottom:0; } 
    .partsview_slide .swiper-slide .text { padding:2em; }
    .partsview_slide .swiper-slide .category { font-size:13px; padding:1px 10px; }
    .partsview_slide .swiper-slide .text p { font-size:14px;  line-height:1.5em; min-height:45px; }

  .table_list:not(.table_wrap .table_list) thead { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }
  .table_list:not(.table_wrap .table_list) { display:block }
  .table_list:not(.table_wrap .table_list) tbody { display:block }
  .table_list:not(.table_wrap .table_list) tr { display:flex; position:relative; align-items:flex-start; flex-wrap:wrap; overflow:hidden; padding:8px 0 17px; border-bottom:1px solid #ddd; }
  .table_list:not(.table_wrap .table_list) tr td { display:block; padding:0; border:none; }
  .table_list:not(.table_wrap .table_list) tr:hover td:not(.table_list.readonly tr td) { background:none; }
  .table_list:not(.table_wrap .table_list) .bbs_no { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999;  }
  .table_list:not(.table_wrap .table_list) .bbs_title { width:100%; padding:8px 0; }  
  .table_list:not(.table_wrap .table_list) .bbs_title a { font-size:16px; font-weight:700; text-align:left; }
  .table_list:not(.table_wrap .table_list) .bbs_bottom { display:inline-flex; align-items:center; font-size:14px; line-height:1em; }
  .table_list:not(.table_wrap .table_list) .bbs_bottom::after { content:''; display:inline-block; width:1px; height:15px; background:#ddd; margin:0 10px; }
  .table_list:not(.table_wrap .table_list) .bbs_bottom .blind { position:static; width:auto;height:auto;margin:0 5px 0 0;color:#767676;padding:0;font-size:13px;line-height:1em;text-indent:0; }
  .table_list:not(.table_wrap .table_list) .bbs_bottom:last-child::after { display:none; }
  .table_list:not(.table_wrap .table_list) .bbs_code { display:inline-block; font-size:11px; line-height:1em; margin-top:10px; border:1px solid #000; padding:3px 5px; border-radius:50px;}
    .table_list:not(.table_wrap .table_list) tr:has(.bbs_state) { padding-right:70px; }
    .table_list:not(.table_wrap .table_list) tr:has(.bbs_state) .bbs_bottom:nth-last-child(-n+2)::after { display:none; }
    .table_list:not(.table_wrap .table_list) .bbs_state { position:absolute; top:50%; right:0; transform:translateY(-50%); }
    .state { width:60px; }
    .state span { padding:7px 0; font-size:11px; }
    
	.box_list tbody tr td:first-child { padding:2px 7px; }

    .info_box_wrap { flex-direction:column; }
    .info_box_wrap .info_box { width:100%; }

    .box_list tbody tr { width:calc(100% / 2 - 10px / 2); }

    .board_list_img.type_row ul li a { gap:20px; }
    .board_list_img.type_row .thumbnail { border-radius:10px; }
    .board_list_info dl { font-size:12px; }
    .board_list_img.type_row .board_list_info .detail_text dl dt { margin-right:5px; font-weight:400; }
    .board_list_img.type_row .board_list_info .detail_text dl dd { font-weight:500; }

    .board_subtop .flex.between {  }
    .board_subtop .flex.between p.caption { width:calc(100% - 150px); line-height:1.5em; }
    .board_subtop .flex.between .btn_m { font-size:13px; width:125px; }
    
    .member_wrap { display:block; width:500px; height:auto; padding:3em 0; margin:0 auto; }
    .member_wrap .page_title { width:100%; animation:fadeUp 1s both; margin-bottom:2em; }
    .member_wrap .member_box { width:100%; max-height:none; animation-delay:0.2s; margin-bottom:2em; }
    .member_wrap .deco { width:100%; position:static; }
    .member_wrap .deco ul { justify-content:center; }
    .member_wrap .deco ul li:nth-child(1) { animation:fadeUp 1s both; animation-delay:0.4s; }
    .member_wrap .deco ul li:nth-child(2) { animation:fadeUp 1s both; animation-delay:0.6s; }
    .member_content { display:block; height:auto; }
    .member_wrap h1 { color:transparent; background:url(/tsc/images/agency/logo.svg) 50% 50% / contain no-repeat; width:200px; heihgt:70px; padding:0; text-indent:-5000px; }
    .member_wrap h1::after, .member_wrap h1::before, .member_wrap h1 span, .member_wrap h1 br { display:none; }
    
    .member_wrap .button_bottom { text-align:center; margin-bottom:3em; }
    .side_img .img_box img { border-radius:15px; }
    .side_img .text strong { font-size:1.5em; }
    
    .process_list { grid-template-rows:repeat(2, auto); grid-template-columns:repeat(2, 1fr); }
    
    .process_list > li:nth-child(4) { grid-row:auto; grid-column:auto; }
    .process_list > li:nth-child(5) { grid-row:auto; grid-column:auto; }
    .process_list > li:nth-child(6) { grid-row:auto; grid-column:auto; }
    
    .process_list > li::after { width:30px; height:30px; border-width:4px; }
    .process_list > li:nth-child(2n + 1)::after { transform:rotate(130deg) translateY(50%); right:-46px; top:-17px; left:auto; }
    .process_list > li:nth-child(2)::after,
    .process_list > li:nth-child(4)::after,
    .process_list > li:nth-child(6)::after { transform:rotate(0deg) translateY(-50%); top:50%; left:-30px; }
    
    .content_box { padding:2em; }
    .content_box:last-child { margin-bottom:0px; }
    .content_box .signin_step {  }
    .content_box .signin_step ul li span { margin-bottom:3px; font-size:11px; }
    .content_box .signin_step ul li strong, .content_box .signin_step ul li a { font-size:12px; margin:0 0 4px; }
    .content_box .signin_step ul li .check, .content_box .signin_step ul li p { font-size:11px; }
    .content_box .signin_step ul li .dot { margin-bottom:5px; }
    .content_box .signin_step ul li::after { top:32px; }
    
    .tuning_info ul { gap:20px; }
    .tuning_info li { width:calc(100% / 3 - 40px / 3); }
    .tuning_info li img { width:100%; }
    
    .board_write_row .row .preview .row { flex-direction:column; }
    .board_write_row .row .preview dl { border-left:none; width:100%; }
    .board_write_row .row .preview dl dt { border-bottom:1px solid #d4e1eb; width:200px; }
    .board_write_row .row .preview dl dd { border-bottom:1px solid var(--borderlight); width:calc(100% - 200px); }
    .board_write_row .row .preview dl:last-child dt, .board_write_row .row .preview dl:last-child dd { border-bottom:none; } 
    
}

@media all and (max-width: 900px) {
    .print .print_area { width:100%; transform:scale(0.8) translate(0, -10%); }
    @media print { .print .print_area {transform:scale(1) translate(0, 0); } }
    
}

@media all and (max-width: 830px) {
    
    .side_img { gap:50px; }
    
    .board_write_row .row { flex-direction:column; }
    .board_write_row .row dl { flex-direction:column; }
    .board_write_row .row dt { font-weight:600; width:100%; color:#000; background:none; padding:13px 0 0; justify-content:flex-start; border-bottom:none; }
    .board_write_row .row dt br { display:none; }
    .board_write_row .row dd { width:100%; padding:6px 0 13px; }
    
    .board_view_row .row { flex-direction:column; }
    .board_view_row .row dl { flex-direction:column; }
    .board_view_row .row dt { font-weight:600; width:100%; color:#000; background:none; padding:13px 0 0; justify-content:flex-start; border-bottom:none; }
    .board_view_row .row dt br { display:none; }
    .board_view_row .row dd { width:100%; padding:6px 0 13px; }
    
    .board_view_row .row.half dl dd { width:100%; }
	
	.board_write_row .row .preview dl dt { background: var(--th); }
	.board_write_row .row .preview dl dd { padding:10px; }
	.board_write_row .row .preview .noimg { font-size:13px; }
	.board_write_row .row .preview .row { flex-direction:column; }
	.board_write_row .row .preview dl { width:100%; border-left:none; padding:0; }
	.board_write_row .row .preview dl dt { width:100%; }
	.board_write_row .row .preview dl dd { width:100%; }
		
    .content_box.bg_lp .board_view_row .row { flex-direction:column; }
    .content_box.bg_lp .board_view_row .row dl { flex-direction:column; }
    .content_box.bg_lp .board_view_row .row dt { width:100%; font-weight:600; background:none; padding:13px 13px 0; justify-content:flex-start; border-bottom:none; background:#fff; }
    .content_box.bg_lp .board_view_row .row dd { width:100%; padding:6px 13px 13px; }
    
    .content_box.bg_lp .board_view_row .row.between dl { flex-direction:row; justify-content:space-between; }
    .content_box.bg_lp .board_view_row .row.between dl dt,
    .content_box.bg_lp .board_view_row .row.between dl dd { width:auto; padding:10px 0; }
    
    .board_view_row .row.between dl { flex-direction:row; justify-content:space-between; }
    .board_view_row .row.between dl dt,
    .board_view_row .row.between dl dd { width:auto; padding:10px 0; }    
    
    .signin_content { width:100%; }
    .signin_content .board_write .row { padding:1em; }
    
    .signin_content .agree_box { margin:0 1em; width:calc(100% - 2em); }

}


@media all and (max-width: 801px) {
    .main_slide .swiper-slide .inner { padding:0 2em; }
    .main_slide .swiper-slide p { display:inline-block; line-height:1.8em; font-weight:400; }

    .section1 .btn_slide { display:none; }

    .section4 .notice_list ul li a { padding:1.5em 0; }
    .section4 .notice_list .text_bg { font-size:3em; }
    .section4 .notice_list ul li .deco_text { display:none; }
    .section4 .notice_list ul li .text { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 
    .sitemap .logo a { width:100px; }
    .sitemap .header_util { top:70px; left:3em; }
    .sitemap_content { height:calc(100% - 7em); margin-top:7em; }
    .sitemap_list .depth1 strong { font-size:2rem; }

    .section5 .bg_text { display:none; }
    .sub_container .content_wrap { min-height:0; }

    .board_bottom:has(.pagination) { padding-top:45px; }
    .pagination { top:0; transform:translateX(-50%); }

    .board_view .row { padding:1.2em 0; }
    .board_view .by { font-size:12px; }
    .board_view .by dl::after { margin:0 10px; }
    .other_cont li .text { width:calc(100% - 60px); align-items:flex-start; flex-direction:column; line-height:1.5em; }
    .other_cont li .text a { max-width:100%; }
    
    .footer { font-size:13px; }
    .footer_top .title { flex-direction:column; gap:5px; }
    .footer_list { align-items:flex-start; gap:2px; line-height:1.5em; flex-direction:column; }
    .footer_list li::after { display:none; }
    .footer_list li a, .footer_list li dl { font-size:12px; }
    .copyright { font-size:12px; }
    
    .skip_top { width:35px; height:35px; font-size:13px; }
    
    .main_slide_control > button { width:30px; height:30px; }
    
    .board_title { flex-direction:column; gap:10px; }
    .board_view_row dt { width:130px; padding:12px 0; }
    .board_view_row dd { width:calc(100% - 130px); padding:12px; }
    
    .flex_content { display:block; }
    .article_wrap .text_wrap { width:100%; }
    .flex_content h4 { width:100%; }
    
    .modal_wrap { padding:0 1em; }
    
    .equipment_list2 .box { width:100%; }
    
    .link ul { gap:15px; }
	.link ul li { width:calc(100% / 3 - 30px / 3); }
	.link ul li .logo { height:130px; }
	.link ul li a { border-radius:15px; }
	.link ul li p { border-radius:0 0 15px 15px; font-size:0.9rem; padding:12px 0; }
    
    .print .print_area { transform:scale(0.7) translate(0, -20%); }
    @media print { .print .print_area {transform:scale(1) translate(0, 0); } }
    
	.policy_content .accordion_cont { padding:1.5em; }
	.policy_wrap .table_list.border th,
	.policy_wrap .table_list.border td { font-size:0.8em; }
	    
	.policy_content .accordion_container { margin:15px 0; }
	.privacy_label { padding:1.5em; }
	.privacy_label .accordion_label { padding:20px 20px 20px 70px; font-size:0.9em; }
	.privacy_label li a img { height:24px; }
	.privacy_label .accordion_cont { padding:1.5em; }
	
}
@media all and (max-width: 741px) {
    .content_box .signin_step { justify-content:center; }
    .content_box .signin_step ul { min-width:400px; }
    .content_box .signin_step ul li { padding:0 15px; }
}
@media all and (max-width: 701px) {
    html, body { font-size:12px; }
    .sub_container { font-size:15px; }
    .inner { padding:0 1.5em; }

    .main_slide3 .swiper-slide img { width:35%; }
    .section4 .notice_list .text_bg { display:none; }
    .main_slide_control .paging button { white-space:nowrap; font-size:12px; font-weight:500; }
    .main_slide3 .swiper-slide a { padding-bottom:60%; }

    .section1 .os_box { margin-top:-30px; border-radius:30px 30px 0 0; }
    .main_slide_bottom { bottom:5em; }
    
    .sub_container .content_wrap { padding:40px 0 60px; }
    .breadcrumb { top:-160px; right:0; left:0; }
    .breadcrumb ul li a { font-size:12px; }
    .breadcrumb ul li::after { margin:0 6px; }
    .leftmenu .submenu_wrap { border:none;  border-bottom:1px solid #ededed; padding:0 1.5em 1em; border-radius:0; width:calc(100% + 3em); margin:0 -1.5em; }
    .leftmenu .title h2 { margin-bottom:1em; }
    .content_box.bg_lp { width:calc(100% + 3em); margin:0 -1.5em; padding:3em 1.5em; border-radius:0; }
    .info_box_wrap .info_box { padding:1em 1em 1.3em; }
    .info_box_wrap .info_box dt { padding:10px 15px; text-align:left; }
    .info_box_wrap .info_box dd ul { gap:0; font-size:0.9em; }
    .board_bottom { margin:20px 0 0; }
    .pagination li a { font-size:0.9em; min-width:26px; height:26px; }
    
    .board_top .btn_m { margin-right:2em; }
    
    #map { height:450px; }

    .box_list tbody tr { padding:1em; border-radius:10px; }
    .content_box:has(.logo_wrap) { margin-bottom:3em; }
    .logo_wrap { flex-direction: column; }
    .logo_wrap .img_box { width:100%; }
    .logo_wrap .img_box img { height:auto; width:30% !important; }
    .logo_wrap .img_box p { font-size:13px; }
    .logo_wrap .img_box:nth-child(1) img { height:auto; }
    
    .section1_slide { height:400px; }
    .section1 .os_box { padding:3em 2em; }
    .section1 .os_box ul { flex-direction:column; gap:10px; }
    .section1 .os_box ul li a { padding:3em; }
    .section1 .os_box ul li {border-radius:15px; }
    .section1 .os_box ul li strong { font-size:15px; margin-bottom:8px; }
    .section1 .os_box ul li p { font-size:13px; }
    
    .newparts_list li a { border-radius:15px; }
    .newparts_list li .title { font-size:15px; }
    

    .content_box .signin_step ul li::after { top:27px; }
    .board_write_row .row dl .inputText { font-size:13px; }
    .number_list { font-size:14px; gap:12px; line-height:1.6em; }
    .number_list li { padding-left:35px; }
    .number_list li .num { min-width:25px; min-height:25px; top:0px; }
    
    .side_img, .side_img.right { flex-direction:column; gap:30px; margin-bottom:40px; }
    .side_img .img_box { width:100%; }
    .side_img .img_box img { box-shadow:rgba(50, 50, 93, 0.25) 0px 20px 30px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
    .side_img .text { width:100%; }
    .side_img .text strong { justify-content:flex-start; margin-bottom:13px;}
    .side_img .text strong span { display:none; }
    .loaction ul { display:block; }
    
    .techsupport { display:flex; flex-direction:column; gap:20px; }
    .techsupport .content_box.bg_lp { padding:2em 2em; background:#fff !important; border-bottom:7px solid #f4f4f4; }
    .techsupport .content_box.bg_lp .content_box { padding:0; }
    .techsupport .content_box.bg_lp:last-child { border-bottom:0; }
    .techsupport .title { flex-direction:column-reverse; }
    .techsupport .title p { margin-bottom:0; color:#767676; }
    .techsupport strong { font-size:1.2em; margin-bottom:5px; }
    .techsupport .text p { font-size:13px; line-height:1.6em; }
    .equipment_list2 .detail_info dl dt { font-size:13px; padding:6px 12px; }
    .techsupport .list { font-size:14px; line-height:1.6em; }
    .list li::before { top:8px; }
    .sub_container .content_wrap { gap:20px; }
    
    .board_top { width:calc(100% + 3em); margin:-20px -1.5em 1em; }
    .board_top .search_box { padding:1em 2em 1.5em; }
    .board_top .total { margin:0; padding-left:2em; }
    
    .article_wrap:has(.notice_wrap) .board_top { margin:0px -2em 1em; }
    .notice_wrap { justify-content:flex-end !important; align-items:flex-end !important; flex-direction:column; }
    
    .tuning_info { margin-top:2em; }
    .tuning_info li img { height:65px; }
    .tuning_info li { grid-gap:20px; }
    
    .modal_subbar { flex-direction:column-reverse; }
    .modal_subbar:has(.total) { align-items:flex-start; padding-bottom:10px; }
    .modal_subbar .search_box { width:100%; align-items:flex-start; }
    .modal_subbar .search_box.detail { background:var(--lp); width:calc(100% + 20px); margin:0 -10px; }
    
    .print_control_box { position:static; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px;}
    .print_control_box button { background:#fff; color:#000; width:200px; }
    .print_control_box button .blind { font-family:'N-SquareNeo', sans-serif; font-weight:600;position:static; width:auto;height:auto;margin:0 0 0 5px;padding:0;background:none;font-size:13px;line-height:1em;text-indent:0;  }
    
    .print .print_area { display:none; }
    @media print { .print .print_area { display:block; }}
    
    .policy_box .content_box.bg_lp { width:100%; margin:1em 0; padding:1.5em; }
        
}

@media all and (max-width: 601px) {
    .header h1 { left:20px; }
    .header_util { right:20px; }
    .footer { font-size:11px; }
    .header_util ul { gap:13px; }
    .breadcrumb ul li a { font-size:11px; }
    .breadcrumb ul li::after { margin:0 3px; }

    .relate_list li a img { width:80%; }

    .thumbnail { border-radius:15px; }
    .board_list_img.type_row .thumbnail { width:28%; height:0; padding-bottom:20%; border-radius:10px; }
    .board_list_img.type_row ul li .text { width:70%; }
    .board_list_img.type_row ul li a { align-items:flex-start; position:relative; gap:20px; }
    .board_list_img.type_row .board_list_info .title strong { line-height:1.5em; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
    
    .search_box ul { display:flex; flex-direction:column; width:100%; margin-bottom:2px; gap:5px; }
    .search_box ul li label { width:60px; display:inline-block; margin:0; }
    .search_box ul li .inputText { width:100% !important; }
    .search_box ul li .selectText { width:100% !important; }
    .search_box ul li .btn_search { margin-top:3px; }
    .search_box > .selectText { width:calc(40% - 46px) !important; }
    .search_box > .inputText { width:60% !important; }
    .search_box .btn_search { width:40px; background:#032d84; color:#fff; font-size:13px; }
    .search_box.detail .selectText { width:calc(50% - 5px) !important; }
    .search_box.detail .inputText.width200 { width:100% !important }
    .search_box .btn_m:has(.icon-search) { background:#032d84; color:#fff; font-size:13px; width:100%; }
    
    .search_box ul li.set { display:flex; flex-wrap:wrap; }
    .search_box ul li.set .inputText { width:calc(100% - 90px) !important; }
    .search_box ul li.set .btn_search { width:80px !important; margin:0; }

    .datepicker { max-width:130px; }

    .article:has(.board_subtop) .search_box ul { flex-wrap:wrap; flex-direction:row; }
    .article:has(.board_subtop) .search_box li { width:calc(50% - 2.5px); }

    .btn_m { font-size:13px; }
    .modal_bottom .btn_m { height:36px; }
    
    .modal_box.height700 { height:calc(100dvh - 4em); }

    .board_top:has(.icon-file-excel) { flex-direction:column; gap:10px; }
    .board_top:has(.icon-file-excel) .btn_m { font-size:12px; height:36px; padding:0 10px;}
    .board_top:has(.icon-file-excel) .btn_m span { margin-right:5px !important; }
    .board_top:has(.icon-file-excel) .right { width:100%; padding:1em; background:var(--lp); justify-content:flex-end; }

    .deco_plus { width:30px; height:30px; }
    .deco_plus::after, .deco_plus::before { width:14px; }
    .newparts_list li a { padding:2.4em; }
    .newparts_list li .title { width:calc(100% - 125px); padding-left:15px; }
    .newparts_list li .date { font-size:10px; }

    .member_container { height:auto; }
    .member_wrap .page_title { border-bottom:1px solid #e6e6e6; padding:1em 0; margin-bottom:0; }
    .member_wrap .member_box .title { margin-bottom:1em;  }
    .member_wrap { display:block; width:100%; padding:0; }
    .member_wrap .member_box { border-radius:0; padding:3em 2em; margin-bottom:0; }
    .member_bg { background:#fff; filter:brightness(1); }
    .member_wrap h1 { width:150px;}
    .member_wrap .deco { display:none; }
    .member_wrap .button_bottom { position:absolute; top:15px; left:20px; margin:0; animation-delay:0s; }
    .member_wrap .button_bottom .btn_s { color:#000; border:1px solid #000; padding:3px 11px; }
    .member_wrap .button_bottom .btn_s::before { content: "\e91d"; font-family: 'icomoon' !important; }
    .member_wrap .board_write .row dl .selectText { min-width:80px; }
    .button_area { width:100%; }
    .signin_content .agree_wrap { background:#fff; box-shadow:none; }
    .signin_step { margin-bottom:20px; }
    .signin_step ul li::after { background:#e1e0e0; }
    .signin_step ul li .dot { background:#ccc; }
    .signin_step ul li { font-size:11px; }
    .signin_content .board_write .row.sortation { padding:2em 2.5em; background:none; gap:0; }
    .signin_content .board_write .row.sortation .row dl { padding:1.5em 0; border-bottom:1px solid #e7e7e7; border-top:none; }
    .signin_content .board_write .row.sortation .row:last-child dl { border-bottom:none; padding-bottom:0; }
    .signin_content .board_write .row { padding:0; border:none; }
    .signin_content .board_write .row dl { padding:1.5em 2.5em; background:#fff; border-bottom:5px solid #f4f4f4; border-top:1px solid #e7e7e7; }
    .signin_content .board_write .row dl .inputText { font-size:13px; }
    .signin_content .board_write .row .checkbox .check label { font-size:12px; padding-left:26px; }
    .signin_content .board_write { padding:0; gap:0; width:calc(100% + 3em); margin:10px -1.5em 0; border-top:5px solid #f4f4f4; }
    .signin_content .button_area .btn_both { padding:0 1em; }
    .board_write.slim .row dl .inputText { font-size:13px; }
    .file_up label { font-size:13px;width: 110px; }
    .file_up input[type="file"] { width:110px; }
    .file_up label span { margin-left:0; }
    .board_write .row dl dd .width120 { width:85px !important; }
    .board_write .row dl dd .width150 { width:135px !important; }
    .board_write .row dl dd .width100 { width:65px !important; }
    .board_write .row dt { font-size:12px; line-height:1.6em; border:none; }
    .board_write .row dd { border:none; }
    .board_write .row dl .inputText, .board_write .row dl .selectText, .board_write .row dl .textArea { font-size:13px; height:36px; }
    .board_write .row dl dd .btn_m, .board_write .row dl dd .btn_sq_l { height:36px !important; font-size:12px; }
    .board_write .row dl dd .btn_sq_l { width:36px !important; }
    .board_write .row dl dd input[type="tel"].width150 { width:105px !important; }
    .board_write .row dl dd .datepicker.width150 { width:135px !important; }
    .board_write .row dl dd .gap5 { gap:3px; }
    .certify_find .tab_wrap .tabs { margin-bottom:20px; }
    .certify_find_wrap .board_write .row dt { margin-bottom:7px; }
    .process_list { grid-template-rows:auto; grid-template-columns:1fr; gap:10px; }
    .process_list > li::after { transform:rotate(90deg) translateY(0%) translateX(-50%) !important; top:-2% !important; left:50% !important; }
    .content_box.bg_lp.alignC { text-align:left !important; }
    .board_write .row dl dd .float { font-size:13px; }
    .board_write .row dl dd:has(.float) .inputText { padding-left:60px; }
    .board_write .row dl dd .select2_wrap .selectText { width:calc(50% - 20px); }
    p.notice::before { width:16px; height:16px; font-size:8px; transform:translateY(-2px); }

    .member_container:has(.login_form) .member_bg { background: url(/tsc/images/agency/bg_login.jpg) 50% 50% / cover no-repeat #000409; filter: brightness(0.2); }
    .member_container:has(.login_form) .member_content { padding:0; width:80%; }
    .member_container:has(.login_form) .member_wrap h1 { background: url(/tsc/images/agency/logo_white.svg) 50% 50% / contain no-repeat; }
    .member_container:has(.login_form) .page_title { border-bottom:none; }
    .member_container:has(.login_form) .member_wrap { display:flex; width:100%; height:100dvh; gap:30px; padding:0; flex-direction:column; justify-content:center; }
    .member_container:has(.login_form) .member_box { border-radius:0; padding:0; background:none; color:#fff; }
    .member_container:has(.login_form) .member_box .title { display:none; }
    .member_container:has(.login_form) .checkbox .check label { font-size:13px; }
    .member_container:has(.login_form) .btn_text { color:#fff; }
    .member_container:has(.login_form) .bg_navy { background:#1c64dd; border:none; border-radius:10px; }
    .login_form dl dt { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }
    .login_form .login_input { border-radius:10px; height:50px; }
    .login_form .login_input .inputText { width:calc(100% - 50px); padding-left:0; font-weight:600; }
    .login_form .login_input::before { width:50px; height:50px; color:#666; }

    .signin_content { gap:5px; }
    
    .search_box ul li label { display:block; width:100%; }
    .search_box.detail .btn_search { width:100%; }
    .search_box.detail .btn_search .blind { position:static; width:auto;height:auto;margin-left:1em;font-size:14px;line-height:1em;text-indent:0; font-family:'N-SquareNeo', sans-serif; }
    .search_box.detail .normal_search { width:100%; display:flex; gap:3px; }
    .search_box.detail .normal_search .selectText { width:calc(40% - 30px) !important; }
    .search_box.detail .normal_search .inputText.width200 { width:calc(60% - 15px) !important; }
    .search_box.detail .normal_search .btn_search { width:40px; }
    .search_box.detail .normal_search .btn_search .blind { position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }

    input[type='radio'] + label::before { width:18px; height:18px; }
    .check label { padding-left:26px; }

    .img_sample { justify-content:center; margin-bottom:30px; margin-right:0; }
    .flex:has(.img_sample) { display:block; }

    .button_area .btn_both button { font-size:13px; height:40px; }
    
    .table_list:not(.table_wrap .table_list) .bbs_bottom { font-size:11px; line-height:1.5em; }
    .table_list:not(.table_wrap .table_list) .bbs_bottom::after { margin:0 7px; }
    .table_list:not(.table_wrap .table_list) .bbs_bottom .blind { font-size:11px; }
    
    .board_write_row .row dl { padding:13px 0; }
    .board_view_row .row dl { padding:13px 0; }
    
    .board_write_row .row dt,
    .board_view_row .row dt { font-size:11px; line-height:1.5em; padding:0; }
    
    .board_write_row .row dd,
    .board_view_row .row dd { font-size:14px; line-height:1.5em; padding:3px 0 0; }
    
    .modal_content .board_write_row .row dt,
    .modal_content .board_view_row .row dt { font-size:11px; line-height:1.5em; padding:0; }
    
    .modal_content .board_write_row .row dd,
    .modal_content .board_view_row .row dd { font-size:14px; line-height:1.5em; padding:3px 0 0; }
    
    .other_cont { font-size:12px; }
    .board_view ._title .producer_name { margin:0 0 5px;}
    .board_view ._title .producer_name p { font-size:10px; padding:5px 8px; }
    .board_view ._title strong { font-size:17px; line-height:1.5em; margin-bottom:6px; }
    .board_view .by { font-size:11px; }
    

    .board_write_row .row dt, .board_view_row .row dt { font-size:12px; }
    .modal_box { border-radius:20px; }
    .modal_title { height:50px; padding:0 20px; }
    .modal_title h3 { font-size:1em; }
    .modal_box .btn_close { width:30px; height:30px; }
    .table_wrap .table_list th { font-size:13px; }
    .table_list td { padding:13px 0; font-size:13px; }
    .table_list td a { font-size:13px; }
    .modal_content .table_list th, .modal_content .table_list td { font-size:13px !important; padding:13px 0; }
    .modal_bottom { height:auto; }
    .modal_bottom .pagination { top:15px; transform:translate(-50%,0); }
    .modal_bottom:has(.pagination) { padding-top:55px; }
    .modal .board_top:has(.total) { flex-direction: column-reverse; margin:1em -2em; }
    .modal_subbar:has(.total) { flex-direction: column-reverse; align-items:flex-start; border-bottom:none; }

    
    .board_bottom .btn_m { height:32px; padding:0 15px; min-width:0; }

    .link ul { gap:10px; }
	.link ul li { width:calc(100% / 2 - 20px / 2); }
	.link ul li .logo { height:100px; }
	.link ul li a { border-radius:15px; }
	.link ul li p { border-radius:0 0 15px 15px; font-size:1rem; padding:8px 0; }
    
    .tuning_info ul { flex-wrap:wrap; }
    .tuning_info li { width:100%; }
    
    .board_view_row .row dl { padding:15px 0; border-bottom:1px solid #ededed; }
    .board_view_row dt { border-bottom:none; }
    .board_view_row dd { border-bottom:none; min-height:24px; }
    .board_view_row .row.half > dl { padding:0; border-bottom:none; }
    .board_view_row .row.half > dl > dt { padding:15px 0 0; }
    .board_view_row .row.half > dl > dd { border-bottom:1px solid #ededed; }
    .content_box.bg_lp .board_view_row .row.between dl {padding:0; border-bottom:none;}
    .board_view_row .row.between dl {padding:0; border-bottom:none;}
    .board_view_row .row.pl25 { margin-bottom:5px; }
    
    .file_item_wrap { padding:10px; border:1px solid #dee3e9; }
    .file_item .btn_file { border:1px solid #bfbfbf; font-size:12px; }
    
    .board_top .left, .board_top .right { width:100%; }
    
    .signin_content .agree_box { border-radius:15px; box-shadow:none; }
    .signin_content .agree_form { padding:15px; }
    .signin_content .checkbox .check { font-size:13px; }
    .agree_form .checkbox .check span { margin:0 5px 0 0; }
    .signin_content .title_wrap.flex.end { padding-right:10px; }
    
    .search_box:has(.right) .btn_m{ margin-right:0;}
    .search_box:has(.left) li { width:100%; }
    
    .state span { padding:5px 0; }
    
}

@media all and (max-width: 531px) {
    .content_box .signin_step { justify-content:flex-start; }
}

@media all and (max-width: 501px) {

    .main_slide .swiper-slide strong { font-size:2.4rem; }
    .main_slide .swiper-slide p { font-size:1.2rem; }
    .section4 .notice_list .text_bg{ display:none; }

    .footer_list li a, .footer_list li dl { font-size:12px; }
    .copyright { font-size:13px; }

    .sub_container .content_wrap.login { width:100%; padding:3em 2em; }
    .button_area div { gap:5px; }

    .logo_wrap .img_box img { height:auto; width:80% !important; }
    
    .relate_list { gap:15px; }
    .relate_list li a img { width:100%; }
    
    .main_slide .main_imgs.mainbg01 img { width:35%; }
    .main_slide .main_imgs.mainbg01 img:nth-child(1) { width:40%; left:33%; top:15%; }
    .main_slide .main_imgs.mainbg01 img:nth-child(2) { left:71%; top:18%; }
    .main_slide .main_imgs.mainbg01 img:nth-child(3) { left:30%; top:45%; }
    .main_slide .main_imgs.mainbg01 img:nth-child(4) { left:67%; top:53%; }
    
    .main_slide .main_imgs.mainbg02 { background-size:cover; }
    .main_slide .main_imgs.mainbg02 img:nth-child(1) { width:60%; height:auto; bottom:10%; left:34%; z-index:1; }
    .main_slide .main_imgs.mainbg02 img:nth-child(2) { right:-8%; width:80%; }
    
    .flex_content h4 { margin-bottom:5px; }
    .kakao, .naver { font-size:13px; height:50px; }
    .kakao img { height:17px; }
    .naver img { height:15px; }
    .loaction { padding:1.3em; }
    .loaction dl { font-size:12.5px; line-height:1.7em; }
    .procedure { font-size:13px; }
    .navi_button { margin:30px 0; }
    #map { height:300px; }
    
    .process_list > li { padding:1em 1.5em 1.5em; }
    .process_list strong { margin-top:5px; }
    
    .signin_content .agree_form .checkbox { width:calc(100% - 70px); }
    .signin_content .agree_form .btn_s { width:65px; }
    .agree_wrap .textArea[readonly] { padding:20px; line-height:1.5em; }


}

@media all and (max-width: 401px) {

}

@media all and (max-width: 321px) {



}