@media screen and (max-width:1600px) {
    /* nexonesoft */
    .about_wrap .sec01 h4 { font-size:90px; font-weight:700; margin-bottom:50px; } 
    .about_wrap .sec01 .txt_wrap01 p { font-size:28px; } 

    /* ceo인사말 */
    #ceomessage.subWrap{margin:100px 0 0 0 !important;} 

    /* 연혁 */
    .history_wrap .year_txt_big {font-size: 90px; height: 140px;} 
    .history_wrap .year-nav {top:290px;}
    .history_wrap .history_con .history_list b {width:150px; font-size:24px;} 
    .history_wrap .history_con .history_list span {width:calc(100% - 150px); font-size:18px; } 
}

@media screen and (max-width:1400px) {
    /* nexonesoft */
    .about_wrap .sec01 {text-align:center; margin-bottom:90px;} 
    .about_wrap .sec01 h4 {font-size:80px; font-weight:700; margin-bottom:40px; } 
    .about_wrap .sec01 .txt_wrap01 p{font-size:25px;} 
    .about_wrap .sec01 .reveal_img_wrap {margin-bottom:90px;} 
    .about_wrap .sec01 .reveal_image {height: 480px;} 
    .about_wrap .sec01 .txt_wrap02 {padding:30px 0;} 
    .about_wrap .sec01 .scroll-fill-text {font-size: 35px;} 
    .about_wrap .sec01 .scroll-fill-text .line-wrapper { display: inline-block; margin-bottom: 0.2em; }

    .about_wrap .sec02 {margin-bottom:140px;} 
    .about_wrap .sec02 .our_wrap .txt_wrap p { font-size:28px; color:#000; padding-top:23%; }
    .about_wrap .sec02 .our_wrap.mission { position: relative; text-align: right; margin-bottom:120px; } 

    .about_wrap .sec03 {margin-bottom:120px; } 
    .about_wrap .sec03 .inner > div {margin-bottom:80px;} 
    .about_wrap .sec03 .ci .img_wrap {height:350px; margin-bottom:50px;}
    .about_wrap .sec03 .color strong {font-size:25px; margin-bottom:25px;} 
    .about_wrap .sec03 .color ul li b {font-size:20px; margin-bottom:60px;}
    .about_wrap .sec03 .bi strong {font-size:25px; margin-bottom:25px;} 
    .about_wrap .sec03 .bi .bi_list li {height:130px;}
    
    .about_wrap .sec04 .map_wrap { margin-bottom:50px;} 
    .about_wrap .sec04 .map_wrap iframe {height:520px; border-radius:40px;}
    .about_wrap .sec04 .txt_wrap .left_wrap strong {font-size:28px; margin-right:20px; } 
    .about_wrap .sec04 .txt_wrap .left_wrap span {font-size:23px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li {margin-left:50px; } 
    .about_wrap .sec04 .txt_wrap .right_wrap li img {margin-right:20px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li span {font-size:18px;} 

    /* ceo인사말 */
    #ceomessage.subWrap{margin:100px 0 0 0 !important;} 
    .ceomessage_wrap .sec01{margin-bottom:60px;}
    .ceomessage_wrap .sec01 strong{font-size:55px;}
    .ceomessage_wrap .sec01_bg{margin-bottom:90px;}
    .ceomessage_wrap .sec01_bg .flowing-text {font-size:170px; line-height:140px;}

    .ceomessage_wrap .sec02 .txt_wrap{vertical-align: top; padding-right:40px;}
    .ceomessage_wrap .sec02 .txt_wrap li{font-size:17px; margin-bottom:25px;}
    .ceomessage_wrap .sec02 .txt_wrap li i{display:none;}
    .ceomessage_wrap .sec02 .img_wrap02{vertical-align: top;}

    /* 연혁 */
    .history_wrap .year_txt_big {font-size: 80px; height: 130px;} 
    .history_wrap .year-nav {top:280px;}
    .history_wrap .history_contents { margin-top: -240px;}
    .history_wrap .history_con {width:70%;} 
    .history_wrap .history_con .history_list { margin-bottom:160px;} 
    .history_wrap .history_con .history_list b {width:150px; font-size:24px;} 
    .history_wrap .history_con .history_list span {width:calc(100% - 150px); font-size:18px; } 

    /* 지식재산권 */
    .certificate_wrap .sec01 {margin-bottom:120px; } 
    .certificate_wrap .sec01 .txt_wrap strong {font-size:45px;} 
    .certificate_wrap .sec01 .txt_wrap p {font-size:16px; color: #bbb; line-height:1; margin-top:20px;} 

    .certificate_wrap .sec02 {padding-bottom:100px; margin-bottom:120px;} 
    .certificate_wrap .sec02 .box_wrap li {width:calc(25% - 30px);}
    .certificate_wrap .sec02_bg .flowing-text {font-size:170px; line-height:140px;} 

    .certificate_wrap table.cert_tbl td{font-size:17px;}
    .certificate_wrap table.cert_tbl td.txt{text-align:left; padding:40px;}

    /* 파트너&고객사 */
    .partner_wrap .top_txt{margin-bottom:60px;}
    .partner_wrap .top_txt strong{ font-size:55px; }

    /* 문의하기 */
    .contactUs_wrap .sec01 strong {font-size: 40px;}
    .contactUs_wrap .sec01 .con_txt li span { font-size:17px; }
    .contactUs_wrap .sec02 .contact_tbl tr td strong.contbl_tit {font-size:17px; }
}

@media screen and (max-width:1200px) {
    /* nexonesoft */
    .about_wrap .sec01 {text-align:center; margin-bottom:80px;}
    .about_wrap .sec01 .reveal_img_wrap {margin-bottom:80px;} 
    .about_wrap .sec01 .txt_wrap02 {padding:30px 0;} 
    .about_wrap .sec01 .txt_wrap02 p { margin-top:50px; } 

    .about_wrap .sec02 {margin-bottom:120px;} 
    .about_wrap .sec02 .our_wrap.mission {margin-bottom:100px; } 

    .about_wrap .sec03 {margin-bottom:100px; } 
    .about_wrap .sec03 .inner > div {margin-bottom:80px;} 
    .about_wrap .sec03 .ci .img_wrap {height:330px;}
    .about_wrap .sec03 .color ul li {border-radius:30px; padding:40px;}
    
    .about_wrap .sec04 .map_wrap { margin-bottom:40px;} 
    .about_wrap .sec04 .map_wrap iframe {height:450px; border-radius:40px;}
    .about_wrap .sec04 .txt_wrap .left_wrap strong {font-size:28px; margin-right:15px; } 
    .about_wrap .sec04 .txt_wrap .left_wrap span {font-size:23px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li {margin-left:40px; } 
    .about_wrap .sec04 .txt_wrap .right_wrap li img {margin-right:15px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li span {font-size:18px;} 
    
    /* ceo인사말 */
    #ceomessage.subWrap{margin:100px 0 0 0 !important;} 
    .ceomessage_wrap .sec01{margin-bottom:50px;}
    .ceomessage_wrap .sec01 strong{font-size:50px;}
    .ceomessage_wrap .sec01_bg{margin-bottom:80px;}
    .ceomessage_wrap .sec01_bg .flowing-text {font-size:160px; line-height:130px;}

    .ceomessage_wrap .sec02{font-size:0; background-color: #f6f7f8; padding:80px 0 140px 0;}
    .ceomessage_wrap .sec02 .txt_wrap{vertical-align: top; padding-right:40px;}
    .ceomessage_wrap .sec02 .txt_wrap li{font-size:17px; margin-bottom:25px;}
    .ceomessage_wrap .sec02 .txt_wrap li i{display:none;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign b{display: inline-block; vertical-align: middle; margin-right:30px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign img{height:45px;}

    /* 연혁 */
    .history_wrap .history_contents { margin-top: -240px;}
    .history_wrap .history_con {width:70%;} 
    .history_wrap .history_con .history_list { margin-bottom:160px;} 
    .history_wrap .history_con .history_list b {width:150px; font-size:24px;} 
    .history_wrap .history_con .history_list span {width:calc(100% - 150px); font-size:18px; } 

    /* 지식재산권 */
    .certificate_wrap .sec01 {margin-bottom:100px; } 
    .certificate_wrap .sec01 .txt_wrap strong {font-size:40px;} 
    .certificate_wrap .sec01 .txt_wrap p {font-size:16px; color: #bbb; line-height:1; margin-top:20px;} 

    .certificate_wrap .sec02 {padding-bottom:100px; margin-bottom:120px;} 
    .certificate_wrap .sec02 .box_wrap li {width:calc(25% - 24px); margin-right:32px; margin-top:50px; } 
    .certificate_wrap .sec02 .box_wrap li p {font-size:25px;} 
    .certificate_wrap .sec02 .box_wrap li p span { font-size:18px; margin:10px 0 20px 0;} 
    .certificate_wrap .sec02 .box_wrap li b { font-size:35px;} 
    .certificate_wrap .sec02_bg .flowing-text {font-size:170px; line-height:140px;} 
    
    .certificate_wrap table.cert_tbl td.txt{text-align:left; padding:40px;}

    /* 파트너&고객사 */
    .partner_wrap .top_txt{margin-bottom:70px;}
    .partner_wrap .top_txt strong{ font-size:50px;}

    .partner_wrap .sec{margin-bottom:80px;}
    .partner_wrap .sec .partner_tit{font-size:35px; margin-bottom:50px;}
    .partner_wrap .sec .partner_tit span{font-size:30px; margin-left:20px;}
    .partner_wrap .sec ul.partner_list li {width:calc(25% - 15px); margin-right:20px; margin-top:20px; height:110px;}
    .partner_wrap .sec ul.partner_list li img {max-width:90%; } 
    .partner_wrap .sec ul.partner_list li:nth-child(6n){margin-right:20px;}
    .partner_wrap .sec ul.partner_list li:nth-child(4n){margin-right:0;}
    .partner_wrap .sec ul.partner_list li:nth-child(-n+6){margin-top:20px;}
    .partner_wrap .sec ul.partner_list li:nth-child(-n+4){margin-top:0;}

    /* 문의하기 */
    .contactUs_wrap .sec01 strong {font-size: 35px;}
    .contactUs_wrap .sec01 .con_txt li {margin-top:15px;} 
    .contactUs_wrap .sec01 .con_txt li img {margin-right:10px;} 
    .contactUs_wrap .sec01 .con_txt li span {font-size:17px;}
    .contactUs_wrap .sec02 .contact_tbl tr td strong.contbl_tit {font-size:17px;}
}

@media screen and (max-width:1024px) {
    /* nexonesoft */
    .about_wrap .sec01 {margin-bottom:70px;}
    .about_wrap .sec01 h4 { font-size:60px; margin-bottom:40px;} 
    .about_wrap .sec01 .txt_wrap01 p {font-size:20px;} 
    .about_wrap .sec01 .reveal_img_wrap{margin-bottom:70px;} 
    .about_wrap .sec01 .reveal_image{height:350px;} 
    .about_wrap .sec01 .txt_wrap02 {padding:20px 0;} 
    .about_wrap .sec01 .scroll-fill-text {font-size: 30px;} 
    .about_wrap .sec01 .txt_wrap02 p {font-size:18px; margin-top:40px;} 

    .about_wrap .sec02 {margin-bottom:100px;} 
    .about_wrap .sec02 .our_wrap .txt_wrap p {font-size:25px;} 
    .about_wrap .sec02 .our_wrap .img_wrap p {padding-bottom:45%;} 
    .about_wrap .sec02 .our_wrap .img_wrap p img{width: auto; height:100%;} 
    .about_wrap .sec02 .our_wrap.mission {margin-bottom:70px; } 
    .about_wrap .sec02 .our_wrap.mission .txt_wrap {padding-left:40px;} 
    .about_wrap .sec02 .our_wrap.vision .txt_wrap {padding-right:40px;} 

    .about_wrap .sec03 {margin-bottom:70px;} 
    .about_wrap .sec03 .inner > div {margin-bottom:50px;} 
    .about_wrap .sec03 .ci .img_wrap {height:300px; margin-bottom:40px; border-radius:30px;}
    .about_wrap .sec03 .color ul li {width:calc(50% - 10px); padding:35px; margin-right: 20px;}
    .about_wrap .sec03 .bi .bi_list li {width:calc(20% - 14px); height:120px; margin-right:15px; margin-top:15px;}

    .about_wrap .sec04 .map_wrap {margin-bottom:40px;} 
    .about_wrap .sec04 .map_wrap iframe {height:400px; border-radius:30px;}
    .about_wrap .sec04 .txt_wrap {display:block;}
    .about_wrap .sec04 .txt_wrap .left_wrap strong {font-size:25px; margin-right:15px; } 
    .about_wrap .sec04 .txt_wrap .left_wrap span {font-size:20px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap{text-align: left; margin-top:20px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li {margin-left:35px; } 
    .about_wrap .sec04 .txt_wrap .right_wrap li img {margin-right:15px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li span {font-size:16px;} 

    /* ceo인사말 */
    #ceomessage.subWrap{margin:70px 0 0 0 !important;} 
    .ceomessage_wrap .sec01{margin-bottom:40px;}
    .ceomessage_wrap .sec01 strong{font-size:40px;}
    .ceomessage_wrap .sec01_bg{margin-bottom:70px;}
    .ceomessage_wrap .sec01_bg .flowing-text {font-size:130px; line-height:100px;}

    .ceomessage_wrap .sec02{font-size:0; background-color: #f6f7f8; padding:70px 0 120px 0;}
    .ceomessage_wrap .sec02 .txt_wrap{display:block; width:100%; vertical-align: top; padding-right:0;}
    .ceomessage_wrap .sec02 .txt_wrap li{margin-bottom:20px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign{ margin-top:40px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign b{display: inline-block; font-size:17px; margin-right:30px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign img{height:41px;}

    .ceomessage_wrap .sec02 .img_wrap01{display:block; width:100%; margin-bottom:40px;}
    .ceomessage_wrap .sec02 .img_wrap01 img{width:100%;}
    .ceomessage_wrap .sec02 .img_wrap02{display:none;}

    /* 연혁 */
    .history_wrap .year_txt_big {width:30%; font-size: 60px; line-height:1; top: 90px; height: 90px;} 
    .history_wrap .year-nav {width:30%; top:180px;} 
    .history_wrap .year-nav button{font-size:15px;}
    .history_wrap .year-nav button.active {font-size:18px;}

    .history_wrap .history_contents {margin-top: -210px;}
    .history_wrap .history_con .img_wrap{padding-bottom:35%; border-radius: 20px; margin-bottom:10px;} 
    .history_wrap .history_con .img_wrap img{width: auto; height:100%;} 

    .history_wrap .history_con .history_list {margin-bottom:120px;} 
    .history_wrap .history_con .history_list li {padding:20px 0; } 
    .history_wrap .history_con .history_list b {width:120px; font-size:20px;} 
    .history_wrap .history_con .history_list span {width:calc(100% - 120px); font-size:16px; } 

    /* 지식재산권 */
    .certificate_wrap .sec01 {margin-bottom:70px; } 
    .certificate_wrap .sec01 .txt_wrap strong {font-size:30px;} 
    .certificate_wrap .sec01 .txt_wrap p {font-size:16px; color: #bbb; line-height:1; margin-top:15px;} 

    .certificate_wrap .sec02 {padding-bottom:70px; margin-bottom:90px;} 
    .certificate_wrap .sec02 .box_wrap li {width:calc(25% - 15px); margin-right:20px; margin-top:40px; padding:40px 0;} 
    .certificate_wrap .sec02 .box_wrap li .img_wrap {padding-bottom:65px; margin-bottom:20px;} 
    .certificate_wrap .sec02 .box_wrap li .img_wrap img{height:100%;} 
    .certificate_wrap .sec02 .box_wrap li p {font-size:20px;} 
    .certificate_wrap .sec02 .box_wrap li p span { font-size:17px; margin:10px 0 20px 0;} 
    .certificate_wrap .sec02 .box_wrap li b { font-size:30px;} 
    .certificate_wrap .sec02_bg .flowing-text {font-size:130px; line-height:100px;} 
    
    .certificate_wrap table.cert_tbl{display:none;}
    .certificate_wrap table.cert_tbl_mob{display:table;}

    /* 파트너&고객사 */
    .partner_wrap .top_txt{margin-bottom:60px;}
    .partner_wrap .top_txt strong{font-size:40px;}

    .partner_wrap .sec{margin-bottom:70px;}
    .partner_wrap .sec .partner_tit{font-size:30px; margin-bottom:35px;}
    .partner_wrap .sec .partner_tit span{font-size:25px; margin-left:20px;}
    .partner_wrap .sec ul.partner_list li {width:calc(25% - 12px); margin-right:16px; margin-top:15px; height:100px;}
    .partner_wrap .sec ul.partner_list li img {max-width:88%; } 
    .partner_wrap .sec ul.partner_list li:nth-child(6n){margin-right:16px;}
    .partner_wrap .sec ul.partner_list li:nth-child(4n){margin-right:0;}
    .partner_wrap .sec ul.partner_list li:nth-child(-n+6){margin-top:15px;}
    .partner_wrap .sec ul.partner_list li:nth-child(-n+4){margin-top:0;}
    
    /* 문의하기 */
    .contactUs_wrap .sec01 {display:block; width:100%; margin-bottom:60px;} 
    .contactUs_wrap .sec01 i{display: none;}
    .contactUs_wrap .sec01 p{ margin-bottom:15px;} 
    .contactUs_wrap .sec01 p img{width:60px;} 
    .contactUs_wrap .sec01 strong {display:inline-block; font-size: 30px;}
    .contactUs_wrap .sec01 .con_txt {display:block; margin-top:30px;} 
    .contactUs_wrap .sec01 .con_txt ul {display:block; width: 100%; font-size: 0;} 
    .contactUs_wrap .sec01 .con_txt li {display:inline-block; margin-top:15px; overflow: hidden;} 
    .contactUs_wrap .sec01 .con_txt li:first-child {width:370px;} 
    .contactUs_wrap .sec01 .con_txt li:last-child {width:calc(100% - 370px);} 
    .contactUs_wrap .sec01 .con_txt li img {width:25px; margin-right:10px;} 
    .contactUs_wrap .sec01 .con_txt li span {font-size:16px;}
    
    .contactUs_wrap .sec02 { width:100%;} 
    .contactUs_wrap .sec02 .contact_tbl tr td strong.contbl_tit {font-size:16px;}
    .contactUs_wrap .sec02 .agree .agreement label{font-size:16px;}
    .contactUs_wrap .sec02 .submit button {font-size:15px; width:200px; padding-bottom:15px;}
}

@media screen and (max-width:768px) {
    /* nexonesoft */
    .about_wrap .sec01 {margin-bottom:60px;}
    .about_wrap .sec01 h4 { font-size:45px; margin-bottom:30px;} 
    .about_wrap .sec01 .txt_wrap01 p {font-size:18px; line-height:1.4;} 
    .about_wrap .sec01 .txt_wrap01 p i{display:block;} 
    .about_wrap .sec01 .reveal_img_wrap{margin-bottom:60px;} 
    .about_wrap .sec01 .reveal_image{height:300px;} 
    .about_wrap .sec01 .txt_wrap02 {padding:10px 0;} 
    .about_wrap .sec01 .scroll-fill-text {font-size:22px;} 
    .about_wrap .sec01 .txt_wrap02 p {font-size:16px; margin-top:25px;} 

    .about_wrap .sec02 {margin-bottom:80px;} 
    .about_wrap .sec02 .our_wrap .txt_wrap p {font-size:20px; padding-top:30%;} 
    .about_wrap .sec02 .our_wrap .img_wrap p {padding-bottom:50%;} 
    .about_wrap .sec02 .our_wrap .img_wrap p img{width: auto; height:100%;} 
    .about_wrap .sec02 .our_wrap.mission {margin-bottom:60px; } 
    .about_wrap .sec02 .our_wrap.mission .txt_wrap {padding-left:40px;} 
    .about_wrap .sec02 .our_wrap.vision .txt_wrap {padding-right:40px;} 

    .about_wrap .sec03 {margin-bottom:60px;} 
    .about_wrap .sec03 .inner > div {margin-bottom:40px;} 
    .about_wrap .sec03 .ci .img_wrap {height:220px; margin-bottom:30px; border-radius:20px;}
    .about_wrap .sec03 .ci p{font-size:16px; word-break: keep-all;}
    .about_wrap .sec03 .color ul li {width:calc(50% - 10px); padding:30px; margin-right: 20px; border-radius: 15px;}
    .about_wrap .sec03 .color ul li b {font-size:18px; color:#fff; margin-bottom:40px; } 
    .about_wrap .sec03 .color ul li p {font-size:14px;}
    .about_wrap .sec03 .bi .bi_list li {width:calc(50% - 12px); height:90px; margin-right:20px; margin-top:20px;}
    .about_wrap .sec03 .bi .bi_list li:nth-child(5n) {margin-right:20px;} 
    .about_wrap .sec03 .bi .bi_list li:nth-child(-n+5) {margin-top:20px;} 
    .about_wrap .sec03 .bi .bi_list li:nth-child(2n) {margin-right:0;} 
    .about_wrap .sec03 .bi .bi_list li:nth-child(-n+2) {margin-top:0;} 
    .about_wrap .sec03 .bi .bi_list li img {width:fit-content; max-width: fit-content; height:22px;}
    .about_wrap .sec03 .color strong,
    .about_wrap .sec03 .bi strong {font-size:20px; margin-bottom:20px; } 

    .about_wrap .sec04 .map_wrap {margin-bottom:30px;} 
    .about_wrap .sec04 .map_wrap iframe {height:350px; border-radius:20px;}
    .about_wrap .sec04 .txt_wrap .left_wrap strong {font-size:22px; margin-right:10px; } 
    .about_wrap .sec04 .txt_wrap .left_wrap span {font-size:18px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap{text-align: left; margin-top:15px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li {margin-left:25px; } 
    .about_wrap .sec04 .txt_wrap .right_wrap li img {margin-right:10px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li span {font-size:15px;} 

    /* ceo인사말 */
    #ceomessage.subWrap{margin:60px 0 0 0 !important;} 
    .ceomessage_wrap .sec01{margin-bottom:40px;}
    .ceomessage_wrap .sec01 strong{font-size:35px;}
    .ceomessage_wrap .sec01_bg{margin-bottom:60px;}
    .ceomessage_wrap .sec01_bg .flowing-text {font-size:100px; line-height:70px;}

    .ceomessage_wrap .sec02{font-size:0; background-color: #f6f7f8; padding:40px 0 90px 0;}
    .ceomessage_wrap .sec02 .txt_wrap{display:block; width:100%; vertical-align: top; padding-right:0;}
    .ceomessage_wrap .sec02 .txt_wrap li{font-size:15px; margin-bottom:20px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign{ margin-top:30px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign b{display: inline-block; font-size:15px; margin-right:25px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign img{height:37px;}

    .ceomessage_wrap .sec02 .img_wrap01{display:block; width:100%; margin-bottom:30px;}
    .ceomessage_wrap .sec02 .img_wrap01 img{width:100%;}
    .ceomessage_wrap .sec02 .img_wrap02{display:none;}

    /* 연혁 */
    .history_wrap .year_txt_big {display: none;} 
    .history_wrap .year-nav {display: none;} 
    .history_wrap .year-nav button{display: none;}
    .history_wrap .year-nav button.active {display: none;}

    .history_wrap .history_contents {margin-top: 0; text-align: left;}
    .history_wrap .history_con {display:inline-block; width:100%; font-size:0;} 
    .history_wrap .history_con strong.year_txt{position: relative; display:block; width:fit-content; font-size:40px; font-weight:800; line-height: 1; padding-right:15px; margin-bottom:20px;} 
    .history_wrap .history_con strong.year_txt::after{position: absolute; display: block; width: 8px; height: 8px; background-color:#313987; border-radius: 50%; content: ""; top:0; right:0;} 
    .history_wrap .history_con .img_wrap{padding-bottom:40%; border-radius: 10px; margin-bottom:0;} 
    .history_wrap .history_con .img_wrap img{width: auto; height:100%;} 

    .history_wrap .history_con .history_list {margin-bottom:70px;} 
    .history_wrap .history_con .history_list li {padding:20px 10px; } 
    .history_wrap .history_con .history_list b {width:120px; font-size:18px;} 
    .history_wrap .history_con .history_list span {width:calc(100% - 120px); font-size:15px; } 

    /* 지식재산권 */
    .certificate_wrap .sec01 {margin-bottom:45px; } 
    .certificate_wrap .sec01 .txt_wrap strong {font-size:25px;} 
    .certificate_wrap .sec01 .txt_wrap i{display:block !important;} 
    .certificate_wrap .sec01 .txt_wrap p {font-size:14px; color: #bbb; line-height:1; margin-top:15px;} 

    .certificate_wrap .sec02 {padding-bottom:45px; margin-bottom:60px;} 
    .certificate_wrap .sec02 .box_wrap li {width:calc(50% - 10px); margin-right:20px; margin-top:0; padding:25px 0; border-radius:30px; box-shadow: 0 5px 20px rgba(0,0,0,0.1);} 
    .certificate_wrap .sec02 .box_wrap li:nth-child(2n){margin-right:0; margin-top:20px;} 
    .certificate_wrap .sec02 .box_wrap li .img_wrap {padding-bottom:60px; margin-bottom:20px;} 
    .certificate_wrap .sec02 .box_wrap li .img_wrap img{height:100%;} 
    .certificate_wrap .sec02 .box_wrap li p {font-size:18px;} 
    .certificate_wrap .sec02 .box_wrap li p span { font-size:15px; margin:10px 0 15px 0;} 
    .certificate_wrap .sec02 .box_wrap li b { font-size:25px;} 
    .certificate_wrap .sec02_bg .flowing-text {font-size:100px; line-height:70px;} 
    
    .certificate_wrap table.cert_tbl{display:none;}
    .certificate_wrap table.cert_tbl_mob{display:table;}

    /* 파트너&고객사 */
    .partner_wrap .top_txt{margin-bottom:50px;}
    .partner_wrap .top_txt strong{ font-size:32px;}

    .partner_wrap .sec{margin-bottom:50px;}
    .partner_wrap .sec .partner_tit{font-size:25px; margin-bottom:25px;}
    .partner_wrap .sec .partner_tit span{font-size:20px; margin-left:18px;}
    .partner_wrap .sec ul.partner_list li {width:calc(33.3% - 10px); margin-right:15px; margin-top:15px; height:80px; border-radius: 15px;}
    .partner_wrap .sec ul.partner_list li img {max-width:88%;} 
    .partner_wrap .sec ul.partner_list li:nth-child(6n){margin-right:15px;}
    .partner_wrap .sec ul.partner_list li:nth-child(4n){margin-right:15px;}
    .partner_wrap .sec ul.partner_list li:nth-child(3n){margin-right:0;}
    .partner_wrap .sec ul.partner_list li:nth-child(-n+6){margin-top:15px;}
    .partner_wrap .sec ul.partner_list li:nth-child(-n+4){margin-top:0;}
    
    /* 문의하기 */
    .contactUs_wrap .sec01 {margin-bottom:40px;} 
    .contactUs_wrap .sec01 p img{width:50px;} 
    .contactUs_wrap .sec01 strong {font-size: 25px;} 
    .contactUs_wrap .sec01 .con_txt {margin-top:20px;}
    .contactUs_wrap .sec01 .con_txt li {display:block; margin-top:10px; width:100% !important;}
    .contactUs_wrap .sec01 .con_txt li {display:block; margin-top:10px; width:100% !important;}
    .contactUs_wrap .sec01 .con_txt li span {font-size:16px;}
    
    .contactUs_wrap .sec02 {width:100%;}
    .contactUs_wrap .sec02 .contact_tbl {margin-bottom: 15px;} 
    .contactUs_wrap .sec02 .contact_tbl.pc_tbl{display:none;}
    .contactUs_wrap .sec02 .contact_tbl.mob_tbl{display:table;}
    .contactUs_wrap .sec02 .contact_tbl tr td {padding:15px 10px; } 
    .contactUs_wrap .sec02 .contact_tbl tr td strong.contbl_tit {font-size:15px; margin-bottom:10px;}
    .contactUs_wrap .sec02 .contact_tbl tr td span.redmark { font-size:14px;}
    .contactUs_wrap .sec02 .contact_tbl tr td select {font-size:14px;} 
    .contactUs_wrap .sec02 .contact_tbl tr td select::placeholder {font-size: 14px !important;} 
    .contactUs_wrap .sec02 .contact_tbl tr td select:optional {font-size: 14px !important; } 
    .contactUs_wrap .sec02 .contact_tbl tr td textarea {font-size:14px;}
    .contactUs_wrap .sec02 .contact_tbl tr td textarea::placeholder {font-size: 14px !important;} 
    .contactUs_wrap .sec02 .contact_tbl tr td input {font-size:14px;}
    .contactUs_wrap .sec02 .contact_tbl tr td input::placeholder {font-size: 14px !important;} 
    .contactUs_wrap .sec02 .agree .agreement{padding-bottom:15px; margin-bottom:15px;}
    .contactUs_wrap .sec02 .agree .agreement label{font-size:15px;}
    .contactUs_wrap .sec02 .agree_g-recaptcha {width: calc(100% - 130px); font-size: 14px;}
    .contactUs_wrap .sec02 .submit {width: fit-content;} 
    .contactUs_wrap .sec02 .submit button {font-size:14px; width:130px; padding-bottom:15px;}
}

@media screen and (max-width:580px) {
    /* nexonesoft */
    .about_wrap .sec01 {margin-bottom:50px;}
    .about_wrap .sec01 h4 { font-size:40px; margin-bottom:25px;} 
    .about_wrap .sec01 .reveal_img_wrap{margin-bottom:40px;} 
    .about_wrap .sec01 .reveal_image{height:280px;} 
    .about_wrap .sec01 .txt_wrap02 {padding:10px 0;} 
    .about_wrap .sec01 .scroll-fill-text {font-size:19px;} 
    .about_wrap .sec01 .txt_wrap02 p {font-size:14px; margin-top:20px;} 

    .about_wrap .sec02 {margin-bottom:60px;} 
    .about_wrap .sec02 .our_wrap .txt_wrap p {font-size:18px; padding-top:30%;} 
    .about_wrap .sec02 .our_wrap .img_wrap p {padding-bottom:50%;} 
    .about_wrap .sec02 .our_wrap .img_wrap p img{width: auto; height:100%;} 
    .about_wrap .sec02 .our_wrap.mission {margin-bottom:50px; } 
    .about_wrap .sec02 .our_wrap.mission .txt_wrap {padding-left:30px;} 
    .about_wrap .sec02 .our_wrap.vision .txt_wrap {padding-right:30px;} 

    .about_wrap .sec03 .bi .bi_list li img {width:fit-content; max-width: fit-content; height:19px;}

    .about_wrap .sec04 .map_wrap {margin-bottom:30px;} 
    .about_wrap .sec04 .map_wrap iframe {height:350px; border-radius:20px;}
    .about_wrap .sec04 .txt_wrap .left_wrap strong {font-size:22px; margin-right:10px; } 
    .about_wrap .sec04 .txt_wrap .left_wrap span {font-size:18px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap{text-align: left; margin-top:15px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li {display: block; margin-left:0; margin-top:10px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li img {margin-right:10px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li span {font-size:15px;} 

    /* ceo인사말 */
    .ceomessage_wrap .sec01 strong{font-size:30px;}
    
    /* 지식재산권 */
    .certificate_wrap table.cert_tbl_mob th{font-size:14px; padding:15px;}
    .certificate_wrap table.cert_tbl_mob td{font-size:14px; padding:0;}
    .certificate_wrap table.cert_tbl_mob td.bg{font-size:16px;}
    .certificate_wrap table.cert_tbl_mob td.txt{padding:15px;}
    .certificate_wrap table.cert_tbl_mob td li{margin-bottom:12px;}
    .certificate_wrap table.cert_tbl_mob td li span{width:calc(100% - 60px); padding-right:15px;}
    .certificate_wrap table.cert_tbl_mob td li span.date{width:60px;}
}

@media screen and (max-width:480px) {
    /* nexonesoft */
    .about_wrap .sec01 {margin-bottom:30px; word-break: keep-all;}
    .about_wrap .sec01 h4 { font-size:30px; margin-bottom:15px;} 
    .about_wrap .sec01 .txt_wrap01 p { font-size:15px;} 
    .about_wrap .sec01 .reveal_img_wrap{margin-bottom:25px;} 
    .about_wrap .sec01 .reveal_image{height:200px;} 
    .about_wrap .sec01 .txt_wrap02 {padding:0;} 
    .about_wrap .sec01 .scroll-fill-text {font-size:16px;} 
    .about_wrap .sec01 .txt_wrap02 p {font-size:13px; margin-top:10px;} 
    .about_wrap .sec01 .txt_wrap02 p br{display: none;} 

    .about_wrap .sec02 {margin-bottom:40px;} 
    .about_wrap .sec02 .our_wrap .txt_wrap{ width:100%; text-align: center; margin-bottom:20px;} 
    .about_wrap .sec02 .our_wrap .txt_wrap p {font-size:16px; padding-top:8%;} 
    .about_wrap .sec02 .our_wrap .img_wrap{position:relative; width:100%;} 
    .about_wrap .sec02 .our_wrap .img_wrap p {position:relative; padding-bottom:36%;} 
    .about_wrap .sec02 .our_wrap .img_wrap p img{ width: auto; height:100%;} 
    .about_wrap .sec02 .our_wrap.mission {margin-bottom:30px; } 
    .about_wrap .sec02 .our_wrap.mission .txt_wrap {text-align: center; padding-left:0;} 
    .about_wrap .sec02 .our_wrap.mission .txt_wrap:before {background: url(../img/sub/about_bg01.png) no-repeat top center; background-size:70%; content:""; left:50%; top:0; transform: translateX(-50%); z-index: -1;} 
    .about_wrap .sec02 .our_wrap.vision .txt_wrap {text-align: center; padding-right:0;} 
    .about_wrap .sec02 .our_wrap.vision .txt_wrap:before {background: url(../img/sub/about_bg02.png) no-repeat top center; content:""; background-size:60%; left:50%; top:0; transform: translateX(-50%); z-index: -1;} 

    .about_wrap .sec03 {margin-bottom:40px;} 
    .about_wrap .sec03 .inner > div {margin-bottom:25px;} 
    .about_wrap .sec03 .ci .img_wrap {height:150px; margin-bottom:20px; border-radius:15px;}
    .about_wrap .sec03 .ci p{font-size:13px; word-break: keep-all;}
    .about_wrap .sec03 .color ul li{display: block; width:100%; padding: 20px;} 
    .about_wrap .sec03 .color ul li:last-child {margin-right: 0; margin-top:10px; } 
    .about_wrap .sec03 .color ul li b {font-size:14px; color:#fff; margin-bottom:15px; } 
    .about_wrap .sec03 .color ul li p {font-size:13px;}
    .about_wrap .sec03 .bi .bi_list li {width:calc(50% - 7px); height:80px; margin-right:10px; margin-top:10px; border-radius:15px;}
    .about_wrap .sec03 .bi .bi_list li:nth-child(5n) {margin-right:10px;} 
    .about_wrap .sec03 .bi .bi_list li:nth-child(-n+5) {margin-top:10px;} 
    .about_wrap .sec03 .bi .bi_list li:nth-child(2n) {margin-right:0;} 
    .about_wrap .sec03 .bi .bi_list li:nth-child(-n+2) {margin-top:0;} 
    .about_wrap .sec03 .bi .bi_list li img {width:fit-content; max-width: fit-content; height:15px;}
   
    .about_wrap .sec03 .color strong,
    .about_wrap .sec03 .bi strong {font-size:20px; margin-bottom:20px; } 

    .about_wrap .sec04 .map_wrap {margin-bottom:20px;} 
    .about_wrap .sec04 .map_wrap iframe {height:250px; border-radius:15px; }
    .about_wrap .sec04 .txt_wrap .left_wrap strong {font-size:16px; margin-right:10px; } 
    .about_wrap .sec04 .txt_wrap .left_wrap span {font-size:14px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap{text-align: left; margin-top:15px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li {display: block; margin-left:0; margin-top:5px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li img {width:15px; margin-right:10px;} 
    .about_wrap .sec04 .txt_wrap .right_wrap li span {font-size:13px;} 

    /* ceo인사말 */
    #ceomessage.subWrap{margin:50px 0 0 0 !important;} 
    .ceomessage_wrap .sec01{margin-bottom:20px;}
    .ceomessage_wrap .sec01 strong{font-size:22px;}
    .ceomessage_wrap .sec01_bg{margin-bottom:30px;}
    .ceomessage_wrap .sec01_bg .flowing-text {font-size:60px; line-height:50px;}

    .ceomessage_wrap .sec02{font-size:0; background-color: #f6f7f8; padding:20px 0 60px 0;}
    .ceomessage_wrap .sec02 .txt_wrap{display:block; width:100%; vertical-align: top; padding-right:0;}
    .ceomessage_wrap .sec02 .txt_wrap li{font-size:13px; margin-bottom:10px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign{ margin-top:15px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign b{display: inline-block; font-size:13px; margin-right:15px;}
    .ceomessage_wrap .sec02 .txt_wrap .ceo_sign img{height:31px;}

    .ceomessage_wrap .sec02 .img_wrap01{display:block; width:100%; margin-bottom:20px;}
    .ceomessage_wrap .sec02 .img_wrap01 img{width:100%;}
    .ceomessage_wrap .sec02 .img_wrap02{display:none;}

    /* 연혁 */
    .history_wrap .history_con strong.year_txt{font-size:25px; padding-right:15px; margin-bottom:15px;} 
    .history_wrap .history_con strong.year_txt::after{width: 7px; height: 7px;} 
    .history_wrap .history_con .img_wrap{padding-bottom:43%;}

    .history_wrap .history_con .history_list {margin-bottom:30px;} 
    .history_wrap .history_con .history_list li {padding:15px 10px; } 
    .history_wrap .history_con .history_list b {width:80px; font-size:14px;} 
    .history_wrap .history_con .history_list span {width:calc(100% - 80px); font-size:13px; } 
    
    /* 지식재산권 */
    .certificate_wrap .sec01 {margin-bottom:25px; } 
    .certificate_wrap .sec01 .txt_wrap strong {font-size:20px;}
    .certificate_wrap .sec01 .txt_wrap p {font-size:12px; margin-top:10px;} 

    .certificate_wrap .sec02 {padding-bottom:30px; margin-bottom:30px;} 
    .certificate_wrap .sec02 .box_wrap li {width:calc(50% - 5px); margin-right:10px; margin-top:0; padding:20px 0; border-radius:20px; box-shadow: 0 2px 13px rgba(0,0,0,0.1);} 
    .certificate_wrap .sec02 .box_wrap li:nth-child(2n){margin-right:0; margin-top:10px;} 
    .certificate_wrap .sec02 .box_wrap li .img_wrap {padding-bottom:40px; margin-bottom:10px;} 
    .certificate_wrap .sec02 .box_wrap li .img_wrap img{height:100%;} 
    .certificate_wrap .sec02 .box_wrap li p {font-size:15px;} 
    .certificate_wrap .sec02 .box_wrap li p span {font-size:12px; margin:5px 0 10px 0;} 
    .certificate_wrap .sec02 .box_wrap li b { font-size:20px;} 
    .certificate_wrap .sec02_bg .flowing-text {font-size:60px; line-height:50px;} 
    
    .certificate_wrap table.cert_tbl_mob th{font-size:13px; padding:12px;}
    .certificate_wrap table.cert_tbl_mob td{font-size:13px; padding:0;}
    .certificate_wrap table.cert_tbl_mob td.bg{font-size:13px;}
    .certificate_wrap table.cert_tbl_mob td.txt{padding:15px;}
    .certificate_wrap table.cert_tbl_mob td li{display:block; margin-bottom:8px; padding-left:10px;}
    .certificate_wrap table.cert_tbl_mob td li::before{width: 3px; height: 3px; top:7px; left:0;}
    .certificate_wrap table.cert_tbl_mob td li span{display:block; width:100%; padding-right:0;}
    .certificate_wrap table.cert_tbl_mob td li span.date{display:block; width:100%; font-size:12px; text-align: left;}
    .certificate_wrap table.cert_tbl_mob td span b{font-size:12px; padding:2px 6px; border:1px solid #313987; border-radius:30px; margin-bottom:3px;}
    .certificate_wrap table.cert_tbl_mob td i{display: block;}

    /* 파트너&고객사 */
    .partner_wrap .top_txt{margin-bottom:30px;}
    .partner_wrap .top_txt strong{ font-size:22px;}

    .partner_wrap .sec{margin-bottom:40px;}
    .partner_wrap .sec .partner_tit{font-size:18px; margin-bottom:20px;}
    .partner_wrap .sec .partner_tit span{font-size:16px; margin-left:13px;}
    .partner_wrap .sec ul.partner_list li {width:calc(33.3% - 6px); margin-right:9px; margin-top:9px; height:55px; border-radius: 10px;}
    .partner_wrap .sec ul.partner_list li img {max-width:90%;} 
    .partner_wrap .sec ul.partner_list li:nth-child(6n){margin-right:9px;}
    .partner_wrap .sec ul.partner_list li:nth-child(4n){margin-right:9px;}
    .partner_wrap .sec ul.partner_list li:nth-child(3n){margin-right:0;}
    .partner_wrap .sec ul.partner_list li:nth-child(-n+6){margin-top:9px;}
    .partner_wrap .sec ul.partner_list li:nth-child(-n+4){margin-top:0;}
  
    /* 문의하기 */
    .contactUs_wrap .sec01 {margin-bottom:30px;} 
    .contactUs_wrap .sec01 p img{width:40px;} 
    .contactUs_wrap .sec01 strong {font-size: 20px;} 
    .contactUs_wrap .sec01 .con_txt {margin-top:15px;}
    .contactUs_wrap .sec01 .con_txt li {margin-top:5px;}
    .contactUs_wrap .sec01 .con_txt li span {font-size:14px;}
    
    .contactUs_wrap .sec02 {width:100%;} 
    .contactUs_wrap .sec02 .contact_tbl {margin-bottom: 10px;} 
    .contactUs_wrap .sec02 .contact_tbl tr td {padding:10px 5px; } 
    .contactUs_wrap .sec02 .contact_tbl tr td strong.contbl_tit {font-size:14px; margin-bottom:10px;}
    .contactUs_wrap .sec02 .contact_tbl tr td span.redmark { font-size:13px;}
    .contactUs_wrap .sec02 .contact_tbl tr td select {font-size:13px; height:35px;} 
    .contactUs_wrap .sec02 .contact_tbl tr td select::placeholder {font-size: 13px !important;} 
    .contactUs_wrap .sec02 .contact_tbl tr td select:optional {font-size: 13px !important; } 
    .contactUs_wrap .sec02 .contact_tbl tr td textarea {font-size:13px; height:150px;}
    .contactUs_wrap .sec02 .contact_tbl tr td textarea::placeholder {font-size: 13px !important;} 
    .contactUs_wrap .sec02 .contact_tbl tr td input {font-size:13px; height:35px;}
    .contactUs_wrap .sec02 .contact_tbl tr td input::placeholder {font-size: 13px !important;} 
    .contactUs_wrap .sec02 .agree .agreement{padding-bottom:10px; margin-bottom:10px;}
    .contactUs_wrap .sec02 .agree .agreement label{font-size:13px;}
    .contactUs_wrap .sec02 .agree .showDetailBt{font-size:12px; padding:2px 8px; border-radius:5px; margin-left:5px;}
    .contactUs_wrap .sec02 .btn_wrap{display:block; width: 100%; text-align: center;}
    .contactUs_wrap .sec02 .agree_g-recaptcha {display:inline-block; width: 100%;}
    .contactUs_wrap .sec02 .agree_g-recaptcha .g-recaptcha{display:inline-block; margin:0 auto; font-size: 12px !important;}
    .contactUs_wrap .sec02 .submit {width: fit-content; margin-top:10px;} 
    .contactUs_wrap .sec02 .submit::after {bottom:15px; } 
    .contactUs_wrap .sec02 .submit button {font-size:13px !important; width:150px; padding-bottom:10px;}
}