@charset "UTF-8";

@media (max-width:1023px) {
	#hd_wrapper::after {display: none;}
	#gnb {width: 75%;}
	#gnb #gnb_1dul .gnb_1dli>a {font-size: 1rem;}
    #container #grt_info .gi_main_text h2.gi_title {font-size: 1.7rem; word-break: keep-all;}
	
	section#busi_field>ul>li>a>h3 {font-size: 1.2rem;}

	section#index_banner .ib_text {bottom: 50px;left: 35px;text-align: left; top: auto;}
	section#index_banner .wrap,
	section#index_banner .temp-bg-back {height: 100%;}
	section#index_banner .backBg {height: 100%; object-fit: cover;}

	section#index_business {flex-direction: column; gap: 0;}
	section#index_business .ib_img {width: 100%;}
	section#index_business .ib_cont {width: 100%; padding: 50px;}

  .level-4 {font-size: 0.9rem;}
}

@media (max-width:767px) {
    #container {margin-top: 66px;}

    #hd_wrapper {flex-wrap: wrap;height: auto;padding: 0; padding-top: 15px;}
    #logo {margin-left: 15px; margin-bottom: 15px;}
    #gnb_toggle_btn {display: flex;margin-left: auto; margin-right: 15px; margin-bottom: 15px;}
    #gnb {width: 100%;display: none;flex-direction: column;}
    #gnb.active {display: flex;}
    #gnb #gnb_1dul {flex-direction: column;align-items: stretch;gap: 0;}
    #gnb #gnb_1dul .gnb_1dli {width: 100%; display: block;}
    #gnb #gnb_1dul .gnb_1dli>a {padding: 0 15px;border-top: 1px solid #eaeaea; height: 50px;}

    #gnb .gnb_2dul {position: static;transform: none;width: 100%;display: block;padding-top: 0;background-color: var(--mc);}
    #gnb .gnb_2dul_box {border: none;border-top: 1px solid #ddd;border-radius: 0;}
    #gnb .gnb_2dli .gnb_2da {padding: 10px 15px; color: #fff; background: none; border-top: 1px solid #6f6fc3;}
    #gnb .gnb_2dli:first-of-type .gnb_2da {border-top: none;}
    #gnb .gnb_2dli .gnb_2da:hover {color: #fff;}
    #gnb .gnb_1dli:hover > .gnb_2dul {display: block;}
    #gnb .gnb_1dli {display: flex;align-items: center;}
    #gnb .gnb_sub_toggle {display: block;}
    #gnb .gnb_2dul {display: none !important;}
    #gnb .gnb_1dli.active .gnb_2dul {display: block !important;}

    .ft_wrap {flex-direction: column; gap: 20px; align-items: center;}
    #ft_wr span.mobile_none {display: none;}
    #ft_company>p br.pc_none {display: inline;}

    #upper_banner {height: 300px;}
    #upper_banner .banner_title>h1 {font-size: 2rem; letter-spacing: 2px;}

    .notice_bo_list#bo_list .tbl_head01 thead th,
    .notice_bo_list#bo_list .td_num2, .notice_bo_list#bo_list .td_num, .notice_bo_list#bo_list .td_name, .notice_bo_list#bo_list .td_datetime, .notice_bo_list#bo_list .td_file {display: none;}
    .notice_bo_list#bo_list .bo_tit .fa-download {display: inline-flex;}

    .qna_bo_list#bo_list .tbl_head01 thead,
    .qna_bo_list#bo_list .td_num2, .qna_bo_list#bo_list .td_num, .qna_bo_list#bo_list .td_datetime {display: none;}
    .qna_bo_list#bo_list .td_subject, .qna_bo_list#bo_list#bo_list .td_name {font-size: 0.8rem;}

    [class~=timeline] [class~=timeline-content] ul li img {height:auto}
    [class~=timeline] [class~=timeline-content] ul li {font-size:1em}
    [class~=timeline] [class~=timeline-icon] {left:5%}
    [class~=timeline]::before {left:5%}
    [class~=timeline] [class~=timeline-content] {width:85%;margin-left: 10%}
    [class~=timeline][class~=timeline-alternating] [class~=timeline-block]:nth-of-type(2n+1) [class~=timeline-content] {text-align:left}
    [class~=timeline][class~=timeline-alternating]:not([class~=timeline-left]) [class~=timeline-block]:nth-of-type(2n) [class~=timeline-content] {left:0}

    .rectangle {padding: 12px 8px; font-size: 1rem;}

    .level-1,
    .level-2 {width: 100%;}
    .level-1 {margin-bottom: 20px;}

    .level-1::before,
    .level-2::before,
    .level-2-wrapper > li::before,
    .level-3-wrapper::before,
    .level-3-wrapper > li::before {display: none;}
  
    .level-2-wrapper,
    .level-2-wrapper::after,
    .level-2::after {display: block;}

    .level-2 {margin-bottom: 20px;}
    .level-2-wrapper {width: 90%;margin-left: 10%;}
    .level-2-wrapper::before {left: -20px;width: 2px;height: calc(100% + 40px);}
    .level-2-wrapper > li:not(:first-child) {margin-top: 50px;}

    .level-3-wrapper {grid-template-columns: 1fr; grid-row-gap: 20px; width: 100%;}
    .level-4-wrapper::before {height: calc(100% - 3px);}

    #container #grt_info .gi_main_text p.gi_text {text-align: justify !important; text-indent: 1rem;}
    #container #grt_info .gi_main_text p.gi_text>br {display: none;}
    #container #grt_info .gi_diff .id_item {flex-direction: column; gap: 30px;}
    #container #grt_info .gi_diff .id_item>li {width: 100%;}

	section#busi_field>ul {grid-template-columns: repeat(2, 1fr);}
	section#busi_result>ul {grid-template-columns: repeat(2, 1fr);}

	  #container .khwrap.board_btn {flex-direction: column; gap: 10px; align-items: flex-start;}
    #container.demogall .youtube-iframe {height: 300px;}


	section#index_banner .bg-inner {height: calc(100vh - 68px);}
	section#index_banner .bg-inner::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.55);}
	section#index_banner .backBg {width: auto;}
	section#index_banner .temp-bg-back {display: flex; justify-content: center; align-items: center;}
	section#index_banner .ib_text {top: 50%; bottom: auto; text-align: center; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 15px;}
	section#index_banner .ib_text>p {font-size: 1.5rem; color: #fff; word-break: keep-all;}
	section#index_banner .ib_text>h1 {font-size: 3rem; color: #fff; font-weight: 400;}

	section#index_business .ib_cont>h1 {font-size: 1.7rem;}
	section#index_business .ib_cont>p {font-size: 1rem; margin: 20px 0 30px; max-width: 100%;}

	section#index_product .ip_inner>ul>li>a>h3 {font-size: 1.3rem;}

	section#index_inquiry .ii_wrap {flex-direction: column; gap: 50px;}
	section#index_inquiry .ii_wrap>div {width: 100%;}
	section#index_inquiry .ii_wrap div.ii_line {width: 80%; height: 1px;}

    .gallery_bo_gall#bo_gall .gall_li {width: 50%;}
    .gallery_bo_gall#bo_gall .gall_row .box_clear {clear: none;}

    #container section#product .prod_cont .prod_list>ul>li {display: block;}

    #bo_v #bo_v_atc .mySwiper .swiper-slide img, #bo_v #bo_v_atc .mySwiper .swiper-slide iframe {aspect-ratio: 3/2;}

    #bo_v #bo_v_atc .swiper-button-next, 
    #bo_v #bo_v_atc .swiper-button-prev {width: 35px; height: 35px;}
    #bo_v #bo_v_atc .swiper-button-next:after, 
    #bo_v #bo_v_atc .swiper-button-prev:after {background: none;font-size: 15px;}
}

@media (max-width:424px) {
    [class~=company] [class~=ceo_msg] [class~=con_right] [class~=bold] {font-size:1.5em}
    [class~=brand100_area] {padding:80px 25px}
    [class~=brand100_area] p[class~=txt] {font-size:1.5em}

    #container #mr_member .pc_none {display: inline;}
    #mr_member .member_table table thead {display: none;}
    #mr_member .member_table table td,
    #mr_member .member_table table th {display: block; border-right: none; text-align: left; padding-left: 15px;}

    #greeting .gi_table table th {display: block;}
    #greeting .gi_table table td {display: block; text-align: center; padding: 12px 15px;}

	section#busi_db .bdb_table>table {font-size: 1.1rem;}
	section#busi_db .bdb_table>table td {font-size: 1rem;}

	section#index_banner .ib_text>p {font-size: 1.2rem;}
	section#index_banner .ib_text>h1 {font-size: 2.6rem;}

	section#index_business .ib_cont {width: 100%; padding: 50px 30px;}

	section#index_product .ip_inner>h1 {font-size: 2rem;}
	section#index_product .ip_inner>p {font-size: 1rem;}
	section#index_product .ip_inner>ul {grid-template-columns: repeat(2, 1fr);}

	#container section#submenu>ul {grid-template-columns: repeat(2, 1fr);}
	#container section#submenu>ul>li {border-right: none;}
	#container section#submenu>ul>li:not(:nth-of-type(2n)) {border-right: 1px solid var(--mc)}
	#container section#submenu>ul>li:nth-of-type(3),
	#container section#submenu>ul>li:nth-of-type(4) {border-top: 1px solid var(--mc)}

	#container section#product .prod_cont .prod_list>ul {font-size: 0.9rem;}
	#container section#product .prod_cont .prod_para {font-size: 0.9rem;}

	#container section#product .prod_cont .prod_table table {border: 1px solid var(--mc);}
	#container section#product .prod_cont .prod_table table tr th,
	#container section#product .prod_cont .prod_table table tr td {width: 100%; display: block;}

    .gallery_bo_gall#bo_gall #gall_ul .gall_li {width: 100%;}

    #bo_v #bo_v_atc .mySwiper .swiper-slide img, #bo_v #bo_v_atc .mySwiper .swiper-slide iframe {aspect-ratio: 2/3;}
    body #bo_v {padding-top: 30px;}
}

@media (max-width:374px) {
    #upper_banner .banner_title>p {font-size: 1rem;}
    #upper_banner .banner_title>h1 {font-size: 1.5rem;}

    .notice_bo_list#bo_list .bo_cate_link,
    .notice_bo_list#bo_list .bo_tit {font-size: 0.9rem;}

    #container #grt_info .id_title {font-size: 2.5rem; word-break: keep-all;}

    #container section#product {background: none;}
}

@media (max-width:319px) {
    #ft_wr {flex-direction: column-reverse;}
    .ft_wrap {width: 100%;}

	section#index_product .ip_inner>ul {grid-template-columns: 1fr;}
}