/* nexonesoft */
.about_wrap .sec01 { text-align:center; margin-bottom:100px;} 
.about_wrap .sec01 h4 { font-size:100px; color:#000; font-weight:700; margin-bottom:60px; transition: all 0.3s ease;} 
.about_wrap .sec01 .txt_wrap01 p { font-size:30px; color:#000; transition: all 0.3s ease;} 
.about_wrap .sec01 .txt_wrap01 p span { color:#313987; } 
.about_wrap .sec01 .reveal_img_wrap { position: relative; height: 100%; margin-bottom:100px; } 
.about_wrap .sec01 .reveal_image { position: sticky; top: 0; height: 500px; display: flex; justify-content: center; align-items: center; overflow: hidden; } 
.about_wrap .sec01 .reveal_image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: clip-path 0.5s ease-out, transform 0.5s ease-out; will-change: clip-path, transform; clip-path: inset(30% 20% 30% 20% round 10px); transform: scale(1.1); } 
.about_wrap .sec01 .txt_wrap02 { height: auto; padding:40px 0; } 
.about_wrap .sec01 .scroll-fill-text { font-size: 40px; line-height: 1.3; } 
.about_wrap .sec01 .scroll-fill-text .line-wrapper { display: inline-block; margin-bottom: 0.2em; } 
.about_wrap .sec01 .scroll-fill-text .line-wrapper:last-child { margin-bottom: 0; } 
.about_wrap .sec01 .scroll-fill-text span { color: #ddd; transition: color 0.2s; } 
.about_wrap .sec01 .scroll-fill-text span.active { color: #000; } 
.about_wrap .sec01 .txt_wrap02 p { display: block; line-height: 1.6; margin-top:60px; } 

.about_wrap .sec02 { margin-bottom:180px; } 
.about_wrap .sec02 .our_wrap .txt_wrap { position: relative; display:inline-block; width:56%; box-sizing: border-box; } 
.about_wrap .sec02 .our_wrap .txt_wrap p { font-size:30px; color:#000; padding-top:23%; } 
.about_wrap .sec02 .our_wrap .txt_wrap p b { display:block; font-weight:700; } 
.about_wrap .sec02 .our_wrap .img_wrap { position: absolute; width:44%; border-radius:15px; overflow:hidden; } 
.about_wrap .sec02 .our_wrap .img_wrap p { position: relative; width: 100%; padding-bottom:36%; } 
.about_wrap .sec02 .our_wrap .img_wrap p img { position:absolute; width: 100%; top:50%; left:50%; transform: translate(-50%,-50%); } 

.about_wrap .sec02 .our_wrap.mission { position: relative; text-align: right; margin-bottom:140px; } 
.about_wrap .sec02 .our_wrap.mission .txt_wrap { text-align: left; padding-left:60px; } 
.about_wrap .sec02 .our_wrap.mission .txt_wrap:before { position: absolute; width:100%; height:100%; background: url(../img/sub/about_bg01.png) no-repeat top left; background-size:100%; content:""; left:-60px; top:0; } 
.about_wrap .sec02 .our_wrap.mission .img_wrap { top:12%; left:0; } 

.about_wrap .sec02 .our_wrap.vision { position: relative; text-align: left; } 
.about_wrap .sec02 .our_wrap.vision .txt_wrap { text-align: right; padding-right:60px; } 
.about_wrap .sec02 .our_wrap.vision .txt_wrap:before { position: absolute; width:100%; height:100%; background: url(../img/sub/about_bg02.png) no-repeat top right; content:""; background-size:90%; right:-20px; top:0; } 
.about_wrap .sec02 .our_wrap.vision .img_wrap { top:12%; right:0; } 

.about_wrap .sec03 { text-align: center; margin-bottom:140px; } 
.about_wrap .sec03 .inner > div { margin-bottom:100px; } 
.about_wrap .sec03 .inner > div:last-child { margin-bottom:0; } 
.about_wrap .sec03 .ci { text-align: left; } 
.about_wrap .sec03 .ci .img_wrap { position:relative; width:100%; height:400px; border: 1px solid #e5e5e5; border-radius: 40px; margin-bottom:60px; } 
.about_wrap .sec03 .ci .img_wrap img { position:absolute; max-width:40%; top:50%; left:50%; transform: translate(-50%,-50%); } 
.about_wrap .sec03 .ci p{line-height: 1.5;}
.about_wrap .sec03 .color { text-align: left; } 
.about_wrap .sec03 .color strong { display:block; font-size:25px; color:#000; font-weight:600; margin-bottom:30px; } 
.about_wrap .sec03 .color ul { font-size:0; } 
.about_wrap .sec03 .color ul li { position: relative; display: inline-block; width:calc(50% - 15px); border-radius: 40px; padding:50px; box-sizing: border-box; background:#313987; vertical-align: middle; margin-right: 30px; } 
.about_wrap .sec03 .color ul li:last-child { background: #1fa2d7; margin-right: 0; } 
.about_wrap .sec03 .color ul li b { display:block; width:100%; text-align: right; font-size:20px; font-weight:800; color:#fff; margin-bottom:70px; } 
.about_wrap .sec03 .color ul li p { display:block; width:100%; text-align: left; font-size:15px; color:rgba(255,255,255,0.6); } 
.about_wrap .sec03 .color ul li p span { display:block; margin-top:5px; } 
.about_wrap .sec03 .bi { text-align: left; } 
.about_wrap .sec03 .bi strong { display:block; font-size:25px; color:#000; font-weight:600; margin-bottom:30px; } 
.about_wrap .sec03 .bi .bi_list { font-size: 0; } 
.about_wrap .sec03 .bi .bi_list li { position: relative; display: inline-block; width:calc(20% - 18px); height:150px; border:1px solid #e5e5e5; border-radius:20px; margin-right:20px; margin-top:20px; transition: all 0.3s ease; } 
.about_wrap .sec03 .bi .bi_list li:nth-child(5n) { margin-right:0; } 
.about_wrap .sec03 .bi .bi_list li:nth-child(-n+5) { margin-top:0; } 
.about_wrap .sec03 .bi .bi_list li img { position:absolute; max-width:80%; top:50%; left:50%; transform: translate(-50%,-50%); } 

.about_wrap .sec04 { text-align: center; } 
.about_wrap .sec04 .map_wrap { margin-bottom:60px; } 
.about_wrap .sec04 .map_wrap iframe { width:100%; height:550px; border-radius:40px; } 
.about_wrap .sec04 .txt_wrap { display:flex; flex-wrap:wrap; width:100%; justify-content: space-between; align-items: center; } 
.about_wrap .sec04 .txt_wrap .left_wrap { text-align: left; line-height: 1; } 
.about_wrap .sec04 .txt_wrap .left_wrap strong { font-size:30px; font-weight:800; margin-right:20px; } 
.about_wrap .sec04 .txt_wrap .left_wrap span { font-size:25px; color:#ccc; font-weight:600; } 
.about_wrap .sec04 .txt_wrap .right_wrap { text-align: right; line-height: 1; } 
.about_wrap .sec04 .txt_wrap .right_wrap li { display: inline-block; margin-left:60px; } 
.about_wrap .sec04 .txt_wrap .right_wrap li:first-child{margin-left:0; } 
.about_wrap .sec04 .txt_wrap .right_wrap li img { display: inline-block; margin-right:20px; vertical-align:middle; } 
.about_wrap .sec04 .txt_wrap .right_wrap li span { display: inline-block; font-size:18px; vertical-align:middle; } 


/* ceo 인사말 */
#ceomessage.subWrap { margin:100px 0 0 0 !important; } 
.ceomessage_wrap .sec01 { display:block; text-align:center; margin-bottom:60px; } 
.ceomessage_wrap .sec01 strong { font-size:60px; color: #ddd; display: inline-block; line-height:1.3; transition: all 0.3s ease; } 
.ceomessage_wrap .sec01 strong span { color: #ddd; transition: color 0.5s ease; } 
.ceomessage_wrap .sec01 strong span.active { color: #000; /* 바뀔 색상 */ } 
.ceomessage_wrap .sec01 strong.fill02 span.active { color: #313987; /* 바뀔 색상 */ } 
.ceomessage_wrap .sec01 i { display:block; } 
.ceomessage_wrap .sec01_bg { display:block; grid-column: 1 / -1; overflow: hidden; white-space: nowrap; box-sizing: border-box; margin-bottom:100px; } 
.ceomessage_wrap .sec01_bg .flowing-text { display:block; height: fit-content; font-size:200px; color:#f5f5f5; font-weight:800; line-height:170px; animation: flowText 8s linear infinite; transition: all 0.3s ease; } 
@keyframes flowText { 
 0% { transform: translateX(0%); } 
 100% { transform: translateX(-50%); } 
 }

.ceomessage_wrap .sec02 { font-size:0; background-color: #f6f7f8; padding:100px 0 160px 0; } 
.ceomessage_wrap .sec02 .txt_wrap { display:inline-block; width:65%; vertical-align: middle; padding-right:60px; box-sizing: border-box; } 
.ceomessage_wrap .sec02 .txt_wrap li { font-size:18px; line-height:1.5; font-weight:400; margin-bottom:30px; word-break: keep-all; } 
.ceomessage_wrap .sec02 .txt_wrap li i { display:block; } 
.ceomessage_wrap .sec02 .txt_wrap .ceo_sign { text-align:right; font-size:20px; margin-top:60px; margin-bottom:0; } 
.ceomessage_wrap .sec02 .txt_wrap .ceo_sign b { display: inline-block; vertical-align: middle; margin-right:40px; } 
.ceomessage_wrap .sec02 .txt_wrap .ceo_sign img { display: inline-block; vertical-align: middle; } 

.ceomessage_wrap .sec02 .img_wrap01 { display:none; } 
.ceomessage_wrap .sec02 .img_wrap02 { position:relative; display:inline-block; width:35%; vertical-align: middle; } 
.ceomessage_wrap .sec02 .img_wrap02 img { display:block; width:100%; } 


/* 연혁 */
.history_wrap { position:relative; display: flex; gap: 0px; } 
.history_wrap .year_txt_big { width:35%; font-size: 100px; font-weight: 900; position: sticky; top: 150px; left: 0; color: #000; height: 160px; transition: all 0.3s ease; } 
.history_wrap .year-nav { width:35%; position: sticky; top:310px; display: flex; flex-direction: column; gap: 10px; transition: all 0.3s ease; } 
.history_wrap .year-nav button { position: relative; width:fit-content; border:none; background:none; font-size:16px; color:#aaa; cursor:pointer; text-align:left; transition:color 0.3s; } 
.history_wrap .year-nav button.active { font-size:20px; color:#000; font-weight:800; line-height:1; padding-right:15px; } 
.history_wrap .year-nav button.active::after { position: absolute; display: block; width: 8px; height: 8px; background-color:#313987; border-radius: 50%; content: ""; top:0; right:0; } 

.history_wrap .history_contents { flex: 1; margin-top: -260px; text-align:right; } 
.history_wrap .history_con { display:inline-block; width:68%; font-size:0; } 
.history_wrap .history_con strong.year_txt { display:none; } 
.history_wrap .history_con .img_wrap { position:relative; display:block; width:100%; padding-bottom:28%; border-radius: 40px; overflow: hidden; margin-bottom:30px; } 
.history_wrap .history_con .img_wrap img { position:absolute; display:block; width:100%; top:50%; left:50%; transform: translate(-50%, -50%); } 

.history_wrap .history_con .history_list { display:inline-block; width:100%; vertical-align: top; text-align:left; margin-bottom: 200px; } 
.history_wrap .history_con:last-child .history_list { margin-bottom: 0; } 
.history_wrap .history_con .history_list li { padding:30px 0; border-bottom:1px solid #e8e8e8; color:#000; } 
.history_wrap .history_con .history_list b { display:inline-block; width:160px; font-size:25px; color:#313987; font-weight:800; vertical-align: middle; transition: all 0.3s ease; } 
.history_wrap .history_con .history_list span { display:inline-block; width:calc(100% - 160px); font-size:20px; font-weight:400; vertical-align: middle; transition: all 0.3s ease; word-break: keep-all; } 
.history_wrap .history_con .history_list span.color01{font-weight:600;}

/* 지식재산권 */
.certificate_wrap .sec01 { text-align: center; margin-bottom:140px; } 
.certificate_wrap .sec01 .txt_wrap strong { font-size:50px; color: #000; line-height:1.4; display: inline-block; } 
.certificate_wrap .sec01 .txt_wrap p { font-size:16px; color: #bbb; line-height:1; margin-top:20px; } 

.certificate_wrap .sec02 { position: relative; padding-bottom:100px; margin-bottom:140px; overflow: hidden; word-break: keep-all;} 
.certificate_wrap .sec02 .box_wrap { text-align: center; font-size:0; } 
.certificate_wrap .sec02 .box_wrap li { display: inline-block; width:calc(22% - 30px);  background: #fff; border-radius:40px; padding:50px; box-sizing: border-box; text-align: center; vertical-align: top; margin-right:40px; margin-top:60px; transition: all 1s ease-in-out; box-shadow: 0 5px 30px rgba(0,0,0,0.1);} 
.certificate_wrap .sec02 .box_wrap li:last-child { margin-right:0; } 
.certificate_wrap .sec02 .box_wrap li .img_wrap {position:relative; width:100%; padding-bottom:80px; margin-bottom:30px; transition: color .9s ease-in-out;} 
.certificate_wrap .sec02 .box_wrap li .img_wrap img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);} 
.certificate_wrap .sec02 .box_wrap li .img_wrap img.on {opacity: 0; } 
.certificate_wrap .sec02 .box_wrap li .img_wrap img.off {opacity: 1;} 
.certificate_wrap .sec02 .box_wrap li p { font-size:25px; font-weight:700; transition: all .9s ease-in-out; } 
.certificate_wrap .sec02 .box_wrap li p span { display:block; font-size:18px; font-weight:400; line-height:1; color:#ccc; margin:10px 0 30px 0; transition: color .9s ease-in-out;} 
.certificate_wrap .sec02 .box_wrap li b { font-size:40px; color:#000; transition: color .9s ease-in-out;} 

.certificate_wrap .sec02 .box_wrap li.active { margin-top:0; background: #313987;} 
.certificate_wrap .sec02 .box_wrap li.active p,
.certificate_wrap .sec02 .box_wrap li.active span,
.certificate_wrap .sec02 .box_wrap li.active b { color:#fff; } 
.certificate_wrap .sec02 .box_wrap li.active .img_wrap img.on {opacity: 1;} 
.certificate_wrap .sec02 .box_wrap li.active .img_wrap img.off {opacity: 0;} 

.certificate_wrap .sec02_bg { position:absolute; display:block; grid-column: 1 / -1; overflow: hidden; white-space: nowrap; box-sizing: border-box; bottom:0; z-index:-1; } 
.certificate_wrap .sec02_bg .flowing-text { display:block; height: fit-content; font-size:200px; color:#f5f5f5; font-weight:800; line-height:170px; animation: flowText 30s linear infinite; transition: all 0.3s ease; } 

.certificate_wrap table.cert_tbl{display:table; width:100%; font-size:0; text-align:center; border-collapse: collapse;}
.certificate_wrap table.cert_tbl th{display:table-cell; vertical-align:middle; font-size:18px; border-top:2px solid #000; border-right:1px solid #e5e5e5; border-bottom:1px solid #000; padding:25px 20px;}
.certificate_wrap table.cert_tbl th:last-child{border-right:0;}
.certificate_wrap table.cert_tbl td{display:table-cell; vertical-align:middle; font-size:18px; padding:40px 0; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.certificate_wrap table.cert_tbl td:last-child{border-right:0;}
.certificate_wrap table.cert_tbl td.bg{font-size:20px; font-weight:700; color:#313987; background:#f6f7f8;}
.certificate_wrap table.cert_tbl td.txt{text-align:left; padding:40px 60px;}
.certificate_wrap table.cert_tbl td span{display:block; margin-bottom:20px;}
.certificate_wrap table.cert_tbl td span b{display:inline-block; color:#313987; padding:3px 10px; border:1px solid #313987; border-radius:30px; margin-right:10px;}

.certificate_wrap table.cert_tbl_mob{display:none; width:100%; font-size:0; text-align:center; border-collapse: collapse;}
.certificate_wrap table.cert_tbl_mob th{display:table-cell; vertical-align:middle; font-size:16px; border-top:2px solid #000; border-right:1px solid #e5e5e5; border-bottom:1px solid #000; padding:20px;}
.certificate_wrap table.cert_tbl_mob th:last-child{border-right:0;}
.certificate_wrap table.cert_tbl_mob td{display:table-cell; vertical-align:middle; font-size:15px; padding:30px 0; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.certificate_wrap table.cert_tbl_mob td:last-child{border-right:0;}
.certificate_wrap table.cert_tbl_mob td.bg{font-size:16px; font-weight:700; line-height:1.5; color:#313987; background:#f6f7f8;}
.certificate_wrap table.cert_tbl_mob td.txt{text-align:left; padding:25px;}
.certificate_wrap table.cert_tbl_mob td li{position:relative; display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center; margin-bottom:20px;padding-left:14px;}
.certificate_wrap table.cert_tbl_mob tr.patent_mob td li{align-items:end; }
.certificate_wrap table.cert_tbl_mob td li:last-child{margin-bottom: 0;}
.certificate_wrap table.cert_tbl_mob td li::before{position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background:#313987; content: ""; top:8px; left:0;}
.certificate_wrap table.cert_tbl_mob td li span{display:inline-block; width:calc(100% - 70px); padding-right:20px; box-sizing: border-box; word-break: keep-all; line-height:1.4}
.certificate_wrap table.cert_tbl_mob td li span.date{display:inline-block; width:70px; color:#999; text-align:right; padding-right:0; }
.certificate_wrap table.cert_tbl_mob td span b{display:block; font-size:13px; line-height:1; color:#313987; width:fit-content; padding:2px 7px; border:1px solid #313987; border-radius:30px; margin-bottom:5px; margin-right:10px;}

/* 파트너&고객사 */
.partner_wrap { text-align: center; } 
.partner_wrap .top_txt { margin-bottom:80px; } 
.partner_wrap .top_txt strong { font-size:60px; color: #ddd; font-weight:700; line-height:1.3; display: inline-block; transition: all 0.3s ease; } 
.partner_wrap .top_txt strong span { color: #ddd; transition: color 0.5s ease; } 
.partner_wrap .top_txt strong span.active { color: #000; /* 바뀔 색상 */ } 

.partner_wrap .sec { margin-bottom:100px; text-align: left; } 
.partner_wrap .sec:last-child { margin-bottom:0; } 
.partner_wrap .sec .partner_tit { font-size:40px; color:#000; margin-bottom:60px; transition: all 0.3s ease; } 
.partner_wrap .sec .partner_tit span { font-size:40px; color:#ddd; margin-left:20px; } 
.partner_wrap .sec ul.partner_list { font-size: 0; } 
.partner_wrap .sec ul.partner_list li { position:relative; display: inline-block; width:calc(16.6% - 16.6px); border:1px solid #e5e5e5; border-radius:20px; margin-right:20px; margin-top:20px; height:110px; box-sizing: border-box; overflow: hidden; transition: all 0.3s ease; } 
.partner_wrap .sec ul.partner_list li img { position:absolute; display:block; top:50%; left:50%; transform: translate(-50%, -50%); max-width:90%; } 
.partner_wrap .sec ul.partner_list li:nth-child(6n) { margin-right:0; } 
.partner_wrap .sec ul.partner_list li:nth-child(-n+6) { margin-top:0; } 

/* 문의하기 */
.contactUs_wrap .inner { display: flex; flex-wrap: wrap; justify-content: center; } 
.contactUs_wrap .sec01 { display: flex; flex-direction: column; justify-content: space-between; width:40%; text-align:left; } 
.contactUs_wrap .sec01 p { margin-bottom:20px; } 
.contactUs_wrap .sec01 i { display: block; } 
.contactUs_wrap .sec01 strong { font-size:45px; color: #ddd; display: inline-block; line-height:1.4; transition: all 0.3s ease; } 
vstrong span { color: #ddd; transition: color 0.5s ease; } 
.contactUs_wrap .sec01 strong span.active { color: #000; /* 바뀔 색상 */  transition: all 0.3s ease;} 
.contactUs_wrap .sec01 .con_txt li { font-size: 0; margin-top:20px; } 
.contactUs_wrap .sec01 .con_txt li img { display: inline-block; vertical-align:middle; margin-right:15px; } 
.contactUs_wrap .sec01 .con_txt li span { display: inline-block; vertical-align:middle; width: calc(100% - 45px); font-size:18px; color: #000; } 

.contactUs_wrap .sec02 { width:60%; } 
.contactUs_wrap .sec02 .contact_tbl {width:100%; border-top: 2px solid #000; text-align: left; margin-bottom: 20px;} 
.contactUs_wrap .sec02 .contact_tbl.pc_tbl{display: table;}
.contactUs_wrap .sec02 .contact_tbl.mob_tbl{display: none;}
.contactUs_wrap .sec02 .contact_tbl tr td { border-bottom: 1px solid #e8e8e8; padding:20px 10px; } 
.contactUs_wrap .sec02 .contact_tbl tr td strong.contbl_tit { display: block; font-size:18px; color:#000; font-weight: 600; margin-bottom:15px; } 
.contactUs_wrap .sec02 .contact_tbl tr td span.redmark { font-size:15px; color:#ff4343; font-weight:400; margin-right:8px; } 
.contactUs_wrap .sec02 .contact_tbl tr td select { width:100%; font-size:15px; color:#000; border: 1px solid #e8e8e8; height:40px; border-radius:5px; padding:0 10px; box-sizing: border-box; } 
.contactUs_wrap .sec02 .contact_tbl tr td select::placeholder { font-size: 15px !important; } 
.contactUs_wrap .sec02 .contact_tbl tr td select:optional { border: 1px solid #e8e8e8 !important; font-size: 15px; } 
.contactUs_wrap .sec02 .contact_tbl tr td textarea { width:100%; font-size:15px; color:#000; height:200px; border: 1px solid #e8e8e8; border-radius:5px; padding:10px; box-sizing: border-box; } 
.contactUs_wrap .sec02 .contact_tbl tr td textarea::placeholder { font-size: 15px !important; } 
.contactUs_wrap .sec02 .contact_tbl tr td input { font-size:15px; color:#000; border: 1px solid #e8e8e8; width: 100%; height:40px; border-radius:5px; padding:0 10px; box-sizing: border-box; } 
.contactUs_wrap .sec02 .contact_tbl tr td input::placeholder { font-size: 15px !important; } 
.contactUs_wrap .sec02 .contact_tbl tr td input.phone { width:calc(33.3% - 12.7px); box-sizing: border-box; } 

.contactUs_wrap .sec02 .agree .agreement{position:relative; text-align:left; padding-bottom:20px; border-bottom: 1px solid #e8e8e8; margin-bottom:20px;}
.contactUs_wrap .sec02 .agree .agreement input{vertical-align:middle;}
.contactUs_wrap .sec02 .agree .agreement label{vertical-align:middle;}
.contactUs_wrap .sec02 .agree .showDetailBt{font-size:14px; background:#ccc; color:#fff; padding:3px 10px; border-radius:5px; cursor: pointer; margin-left:10px;}
.contactUs_wrap .sec02 .agree .contactPolicy-wrap{position:absolute; display:fixed; justify-content: center; left:0; top:30px; background:#fff; padding:20px; box-shadow:2px 2px 15px rgba(0,0,0,0.1); z-index: 1000;}
.contactUs_wrap .sec02 .agree .contactPolicy-wrap.close{display: none;}
.contactUs_wrap .sec02 .agree .contactPolicy-wrap .close-area{position: absolute; top:7px; right:7px; font-size:13px; color:#aaa; cursor: pointer;}
.contactUs_wrap .sec02 .agree .contactPolicy-wrap table{margin:0 !important;}
.contactUs_wrap .sec02 .agree .contactPolicy-wrap th{font-size:13px;}
.contactUs_wrap .sec02 .agree .contactPolicy-wrap td{font-size:13px;}

.contactUs_wrap .sec02 .btn_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.contactUs_wrap .sec02 .agree_g-recaptcha {width: 50%;}
.contactUs_wrap .sec02 .agree .g-recaptcha > div{display: inline;}
.contactUs_wrap .sec02 .submit { position: relative; display: inline-block; width: 50%; text-align: right; } 
.contactUs_wrap .sec02 .submit::after { position: absolute; width: 31px; height:8px; display: block; content:""; background: url(../img/main/viewmore_arrow_b.png) no-repeat; right:0; bottom:20px; } 
/* .contactUs_wrap .sec02 .submit input {-webkit-appearance: none; appearance: none; font-size:16px; width:200px; font-weight:500; background:none; text-align: left; padding-bottom:15px; border:0; border-bottom:2px solid #000; transition: all 0.3s ease;  cursor: pointer;}  */
.contactUs_wrap .sec02 .submit button {all: unset; box-sizing: border-box; display: inline-flex; align-items: center; -webkit-appearance: none; appearance: none; font-size:16px; width:200px; font-weight:500; background:none; text-align: left; padding-bottom:15px; border:0; border-bottom:2px solid #000; transition: all 0.3s ease;  cursor: pointer;}