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

}

@media all and (max-width:1024px){
    .hd_logo{width: 50%;}
    
    
    .wrap{padding: 0 16px;}
    
    /*intro*/
    .intro .title h3{font-size: 32px; margin-bottom: 0;}
    .intro .vision{font-size: 24px;}    
    .title{margin-bottom: 30px;}
    .intro .hello{font-size: 18px; white-space:inherit; word-break: keep-all;}

    .swiperWrap {height: calc(100vh - 60px);}
    .sw_title {width: 90%;}

    .ib_item {margin-right: 10px; height: 200px; padding: 40px 30px; text-align: center;}
    .ib_item:last-child {margin-right: 0;}
    .ib_item i {font-size: 50px;}
    .ib_item span {width: 90%; display: inline-block;}
    .ib_item a {display: block;}

    .ino_item {height: auto; margin-right: 10px; padding: 20px; width: calc(100% / 3); max-width: inherit;}
    .ino_item:last-child {margin-right: 0;}
    .ino_item h4 {margin-bottom: 10px;}
    .ino_item a {font-size: 16px;}
    .doc_contain {margin-bottom: 50px;}
    .doc_subdoc {padding: 0;}
    .doc_subdoc p {margin-bottom: 15px;}
    .doc_subdoc p:last-child {margin-bottom: 0;}
    .bv_doc img {max-width: 100%; margin: 0 auto;}
    .bv_title {overflow: visible; white-space: inherit;}
    .contact_contain{column-gap: 30px;}
}

@media all and (max-width:768px){
    .contain{padding: 50px 0;}
    .subtitle {font-size: 26px;}
    .subtitle span {font-size: 16px;}
    .hdwrap{display: none;}
    .m_hd{display: block; position: fixed;  top: 0; left: 0; z-index: 11111; background-color: #fff; width: 100%; height: 60px;}
    .bdywrap{margin-top: 60px;}

    /*footer*/
    .footer_gnb a{font-size: 16px; margin-right: 30px;}
    .ft_doc span{font-size: 12px;}
    .ft_logo{max-width: 130px;}
    .ft_copy{font-size: 12px;}

    /*intro*/
    .intro .title h3{font-size: 24px;}
    .intro .vision{font-size: 18px; margin-bottom: 30px;}
    .title{margin-bottom: 30px;}
    .intro .hello{font-size: 16px; white-space:inherit; word-break: keep-all;}
    .mapinfo i{font-size: 18px;}
    .mapinfo span{font-size: 16px;}
    .mapinfo li:last-child{margin-bottom: 0;}

    /*business*/
    .subgnbtn{padding: 10px 0; margin: 0 15px; font-size: 14px;}
    .subgnbtn:not(:last-child)::after{right: -15px;}
    .contain_title{font-size: 24px;}
    .contain_title::before{height: 24px;}
    .contain_title_doc{font-size: 16px;}
    .contain_title_doc br{display: none !important;}
    .ri_item div{width: 150px; height: 150px;}

    .sp_bar {width: 50vw;}
    .sw_title p {font-size: 24px;}
    .sw_title span {font-size: 32px;}
    .ib_item {margin-right: 5px; height: 150px; padding: 20px 16px; text-align: center;}
    .ib_item:last-child {margin-right: 0;}
    .ib_item i {font-size: 32px;}
    .ib_item span {font-size: 14px;}

    .ii_slo {flex-wrap: wrap; margin-bottom: 30px;}
    .ii_slo p:first-child {margin-bottom: 10px; font-size: 24px;}
    .ii_item img {width: 100%; max-width: 80px;}
    .slogan{height: auto;}
    .slogan div span {font-size: 24px;}
    .ic_title .ic_name {font-size: 24px;}
    .index_news {flex-wrap: wrap;}
    .in_swiper {max-width: 100%; margin-bottom: 30px;}
    .in_date {display: inline-block; text-align: right; max-width: 80px;}
    .ict_btn {font-size: 14px;}
    .ic_doc h3 {font-size: 22px;}
    .ri_wrap {flex-wrap: wrap;}
    .ri_wrap li {margin-bottom: 15px;}
    .ri_wrap li:last-child {margin-bottom: 0;}
    .text_indent {text-indent: 0; margin-left: 0;}
    .develspeed img {width: 100%; max-width: 50%; max-height: inherit; height: 250px;}
    .video .source {text-align: left;}
    .source {display: inline-block; width: 100% !important; max-width: 100% !important; text-align: left; font-size: 16px !important}
    .doc_contain.img .doc_subdoc {max-width: 100%;}
    .doc_subdoc p {word-break: break-all}
    .source a {display: inline-block; width: 100%; text-align: left;}
    .doc_contain.img .contain_title {margin-bottom: 30px;}
    .doc_contain.img {margin-bottom: 50px;}
    .doc_contain.img img {max-width: 100%;}
    .white_box p:nth-child(2) {font-size: 16px;}
    .mp_txt {font-size: 18px;}
    .mp_txt.small {font-size: 14px;}
    .moa_processwrap {display: none;}
    .mobile-step {display: block; margin-bottom: 20px;}
    .mobile-expl {display: block; text-align: center;}
    .doc_table2 li span {display: inline-block; padding: 10px; text-align: center; font-size: 14px;}
    .doc_line1 span {display: flex; align-items: center; justify-content: center; padding: 10px; font-size: 14px;}
    .dl1_doc {display: inline-block !important;}
    .dl1_name {width: 100%; max-width: 40%;}
    .doc_contain table th {text-align: center; padding: 10px; font-size: 14px;}
    .doc_contain table td {text-align: center; padding: 10px; font-size: 14px;}
    .news_search {display:flex; align-items: center; justify-content: space-between;}
    .news_search input {max-width: inherit; flex: 1;}
    .news_search .srchbtn {width: auto; display: flex; align-items: center;}
    .board_two {gap: 20px 2%;}
    .bt_box {max-width: 49%;}
    .bt_img {max-width: 100%; object-fit: cover;}
    .bv_date {height: auto; flex-direction: row-reverse;}
    .bv_doc {padding: 20px 0;}
    .bvd_yymm {font-size: 14px; position: relative; margin-right: 5px;}
    .bvd_day {font-size: 14px;font-weight: 600;margin-bottom: 0;}
    .bv_top {flex-direction: column;text-align: center;padding: 20px 12px;}
    .bv_date {margin-bottom: 10px;}
    .bv_date::after {display: none;}
    .bvd_yymm:after {content: ".";}
    .bv_title {font-size: 20px; padding: 0;}
    .cc_left h3 {font-size: 20px;}
    .cc_right input {padding: 15px 20px;}
    .terms_doc {padding: 30px 20px;}
    .title h3 {font-size: 24px;}
    .title p {font-size: 16px;}
    .bo_no {max-width: 80px;}
    .bo_date {max-width: 110px;}
    .board_one li.list-th:first-child .bo_ttl {font-size: 14px;}
    .board_one li a {font-size: 14px; display: block; display: -webkit-box;overflow: hidden;line-height: 1.7; -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis; font-weight: 700;}
    .board_one .no-item {font-size: 14px;}
    .board_two .no-item {font-size: 14px;}
    .board_view{margin-bottom: 50px;}
    .ccl_doc span:nth-child(2){margin-right: 10px;}
    .moa_intro{flex-direction: column;}
    .moa_intro div{width: 100%; max-width: 100%;}
    .moa_intro div:nth-child(2){text-align: center;}
    .white_box p:nth-child(3){padding: 20px;}
    .p_img{display: none;}
    .m_img{display: block; margin: 0 auto;}
    .white_box2{padding: 20px;}
}

@media all and (max-width:420px){
    .subtitle {font-size: 22px;}
    .subtitle span {font-size: 14px;}

    /*footer*/
    .footer_gnb a{margin-right: 20px;}
    .footer_gnb a:first-child{display: block; margin-bottom: 15px;}

    /*intro*/
    .intro .title h3 {font-size: 22px;}
    .intro .hello {font-size: 14px;}
    .intro .vision {word-break: keep-all; font-size: 16px;}
    .intro .vision br{display: none !important;}
    .mapinfo i{font-size: 19px;}
    .mapinfo span{font-size: 14px;}
    
    /*business*/
    .subgnbtn{padding: 10px 0; margin: 0 10px;}
    .subgnbtn:not(:last-child)::after{right: -10px;}
    .sw_title p {font-size: 16px;}
    .sw_title span {font-size: 24px;}
    .ri_item p {font-size: 16px;}

    .ic_title .ic_ctgy {margin-bottom: 10px; font-size: 16px;}
    .ic_title .ic_name {font-size: 20px;}
    .ii_slo p:first-child {font-size: 22px;}
    .slogan div {font-size: 18px;}
    .slogan div span {font-size: 20px;}
    .index_business {flex-wrap: wrap;}
    .ib_item { margin-right: 0px; height: 150px; padding: 20px 12px; text-align: center; max-width: 100%; margin-bottom: 10px;}
    .ib_item:last-child { margin-bottom: 0;}
    .ib_item i {font-size: 32px;}
    .ii_item {flex-wrap: wrap;}
    .ii_item h3 {margin: 10px 0;}
    .ii_item div {max-width: 100%; margin-bottom: 15px;}
    .ii_item div:last-child {margin-bottom: 0;}
    .swiper_item2 {flex-wrap: wrap;}
    .swiper_item2 img {width: 100%; height: 100%; aspect-ratio: 16 / 9; margin-bottom: 15px;}
    .ins_txt {padding: 0;}
    .in_name {font-size: 14px;}
    .index_notice {flex-wrap: wrap;}
    .ino_item {width: 100%; margin: 0 0 10px;}
    .ino_item:last-child {width: 100%; margin: 0;}
    .ino_item h4 {font-size: 14px;}
    .ic_doc h3 {font-size: 18px;} 
    .ic_doc p {font-size: 16px;}
    .ic_contain {flex-wrap: wrap;}
    .ic_img {margin-bottom: 20px;}
    .develspeed {flex-wrap: wrap;}
    .develspeed img {max-width: 100%; height: 100%;}
    .source {font-size: 14px !important;}
    .doc_line1 span {font-size: 14px; padding: 15px; display:flex;align-items: center; justify-content: center;text-align: center;}
    .contain_title {font-size: 22px;}
    .mobile-expl {font-size: 14px;}
    .doc_table2 li span {height: 60px; display: flex; align-items: center; justify-content: center;}
    .board_two {gap: 0;}
    .bt_box {max-width: 100%; margin-bottom: 20px;}
    .bt_box:last-child {margin-bottom: 0;}
    .bv_title {font-size: 16px; word-break: keep-all;}
    .contact_contain {flex-wrap: wrap;}
    .contact_contain .cc_left {width: 100%; margin-bottom: 50px;}
    .contact_contain form {width: 100%;}
    .cc_right{max-width: 100%;}
    .cc_right div {width: 100%;}
    .cc_right textarea {padding: 15px 20px;}
    .title h3 {font-size: 22px;}
    .board_one{border-top: 1px solid #9D9D9D;}
    .board_one li {flex-wrap: wrap;padding: 20px 10px;height: auto; position: relative;}
    .board_one li.list-th:first-child{display: none}
    .bv_doc{font-size: 14px;}
    .bo_date{position: absolute; top: 20px; right: 0;}
    .bo_no{max-width: 100%; text-align: left; padding-bottom: 10px ;}
    .bo_no::before{content: 'No. '}
    .white_box2 p{font-size: 14px;}
}