/* header & footer */
#w_header { position: fixed; width: 100%; z-index: 99; height: 70px; border-bottom:1px solid rgba(255,255,255,0.3); transition:0.3s; top: 0; }
#w_header.up { top:-71px; }
#w_header.fix { background: rgba(0,0,0,0.9); }
#w_header.down { height: 360px; background: rgba(0,0,0,0.9); }
#w_header h1 { padding-top: 10px; }
#w_header #w_gnb { align-items: start; position: absolute; right: 250px; top: 0; }
#w_header #w_gnb > li { margin-right: 100px; }
#w_header #w_gnb > li:last-child { margin-right: 0; }
#w_header #w_gnb > li > a { line-height:70px; }
#w_header #w_gnb ul { position: absolute; }
#w_header #w_gnb ul li { padding-top: 22px; }
#w_header #w_gnb ul li a { position: relative; display: inline-block; }
#w_header #w_gnb ul li a:after { content:""; position: absolute; left: 50%; transform: translateX(-50%); width:0; border-top:1px solid #fff; bottom:-3px; transition:0.3s; }
#w_header #w_gnb ul li a:hover:after { width:calc(100% + 16px); }
#w_header .contact { padding:6px 28px; border-radius: 50px; position: absolute; right: 0; top: 16px; border:2px solid #3071b9; box-sizing: border-box; transition:0.3s; }
#w_header .contact:hover { background: #000; color:#3071b9;}
#w_header .lang { position: absolute; right: -76px; top: 20px; }
#w_header .lang select { background:none; border:none; padding-right: 10px; height: 26px; }
#w_header .lang select option { color:#000; }

#w_footer { background: #000; color:#666; padding:60px 0;  position: relative; z-index: 1; }
#w_footer ul li { margin:0 10px; }
#w_footer .wrap > img { margin-top: 50px; }
#w_footer address { margin-top: 40px; line-height:1.8; }


.mall { position: fixed; right: 90px; bottom: 80px; border-radius: 100px; width: 80px; height: 80px; z-index: 99; line-height:1.4; box-sizing: border-box; padding-top: 6px; font-size:13px; }

.w_btn { transition:0.3s; border:2px solid #3071b9; box-sizing: border-box; }
.w_btn:hover { background: #000; color:#3071b9; }

.hover { overflow: hidden; }
.hover img { transform: scale(1); transition:0.3s;}
.hover:hover img { transform: scale(1.1); }

/* index */
#main { background: #031117; border-bottom:1px solid #666; position: relative; }
#main > img { width: 100%; height: 100vh; }
#main > img[data-aos-duration="8000"] { transition-duration: 8000ms; }
#main .ment { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#main .ment h2 { margin-top: 50px; }
#main .scroll { height: 200px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); animation: scrollAni 2s infinite; }
#main .scroll:after { content:""; position: absolute; left: calc(50% - 1px); width:1px; height: 200px; background: #fff; top: 29px; }
@keyframes scrollAni {
    0%, 100% { bottom:0; }
    50% { bottom: -30px; }
}

#bs h2 { height:130px; border:1px solid #666; border-top:none; border-bottom:none; }
#bs > div { border:1px solid #666; border-left:none; border-right:none; }
#bs ul li { border-right:1px solid #666;  }
#bs ul li:first-child { border-left:1px solid #666;  }
#bs ul li figure img { transform: scale(1); transition:0.3s; }
#bs ul li:hover figure img { transform: scale(1.1); }
#bs ul li article { padding:40px 30px; position: relative; }
#bs ul li article h4 { margin-top: 10px; }
#bs ul li article p { margin-top: 30px; }
#bs ul li article .xi-plus { position: absolute; right: 30px; bottom: 40px; width: 50px; height: 50px; border-radius:50px; border:2px solid #3071b9; box-sizing: border-box; font-weight: bold; }

#esg { position: relative; } 
#esg img { width: 100%; height: 620px; }
#esg article { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#esg article p { margin-top: 20px; line-height: 1.6; }

#tech { padding:200px 0;}
#tech article { width: 440px; }
#tech article h2 span { position: relative; top: 7px; }
#tech article h3 { margin-top: 40px; }
#tech article p { margin-top: 100px; }
#tech figure { border-radius: 30px; }

#latest { margin-bottom: 200px; }
#latest .wrap { align-items: flex-start; }
#latest .wrap > * { width: 440px;}
#latest article a { display: inline-block; margin-top: 90px; }
#latest .lat { background: none; padding:0; float:none; color:#fff; }
#latest .lat .lat_title { border-bottom:1px solid #666; padding-bottom: 20px; }
#latest .lat .lat_title a { color:#fff; font:20px steb; }
#latest .lat .lt_more { display: none; }
#latest .lat ul { margin-top: 20px;}
#latest .lat ul li { margin-bottom: 0; border:none; display: flex; align-items: center; justify-content: space-between; }
#latest .lat ul li:after { content:"+"; color:#3071b9; font-weight: 900; } 
#latest .lat li a { font:16px/2 stm; }
#latest .lat li a:hover { color:#3071b9;}
#latest .lat li .fa-download,
#latest .lt_info { display: none; }

#contact { border-top:1px solid #666; padding:200px 0;}
#contact .wrap { align-items: flex-start; }
#contact article { width: 440px; }
#contact article:nth-child(1) { padding-top: 30px; }
#contact article ul li:last-child { align-items: flex-start;}
#contact article h3 { border-bottom:1px solid #3071b9; padding-bottom: 10px; margin-bottom: 20px; }
#contact article ul li { margin-top: 10px; justify-content: flex-start; padding-left: 70px; position: relative; }
#contact article ul li span { position: absolute; left: 0; font-size:14px; font-family: stb; }
#contact article ul li:last-child span { padding-top:2px; }
#contact article a.cb { position: absolute; bottom: 0; width: 240px; height: 50px; border-radius: 100px; border:2px solid #3071b9; box-sizing: border-box; transition:0.3s; }
#contact article a.cb:hover { background: #000; color:#3071b9;}

#lab { overflow: hidden; position: relative; }
#lab img { width: 100%; }
#lab p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* sub layout */
.sv { height: 440px; position: relative; padding-top: 70px; box-sizing: border-box; overflow: hidden; }
.sv:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; animation: bgAni 2s forwards; }
#sv1:before { background:url(/images/bg_sub1.png) no-repeat center/cover; }
#sv2:before { background:url(/images/bg_sub2.png) no-repeat center/cover; }
#sv3:before { background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sv4:before { background:url(/images/bg_sub4.png) no-repeat center/cover; }
#sv5:before { background:url(/images/bg_sub5.png) no-repeat center/cover; }
#sv6:before { background:url(/images/bg_sub6.png) no-repeat center/cover; }
#sv7:before { background:url(/images/bg_sub7.png) no-repeat center/cover; }
@keyframes bgAni {
    0% { transform: scale(1.2); }
    100% { transform: scale(1); } 
}

.sm { background: #000; }
.sm ul { display: flex; align-items: center; justify-content: center; height: 60px; text-transform: uppercase; }
.sm ul li { margin:0 30px;}
.sm ul li.select a { color:#3071b9; font-family: steb; }

.left { float:left; width: 320px; }
.right { float:right; width: 1040px; }
.r920 .right { width: 920px; }

/* sub1_1 */
#sub1_1 .cont1 { align-items: start; }
#sub1_1 .cont1 figure { border-radius: 30px; overflow: hidden; }
#sub1_1 .cont1 .intro { width: 700px; }
#sub1_1 .cont1 .intro strong { display: block; margin-top: 130px;  }
#sub1_1 .cont1 .intro p { margin-top: 70px; }

#sub1_1 .cont2 h2 { padding-top: 98px; }
#sub1_1 .cont2 ul li { width: 230px; text-align: center; }
#sub1_1 .cont2 ul li p { margin-top: 40px; }

#sub1_1 .cont3 { background: #f7f7f7; padding:60px 0; }
#sub1_1 .cont3 p { margin-top: 30px; }

#sub1_1 .cont4 { background: #000; height: 440px; position: relative; padding-top: 60px; }
#sub1_1 .cont4 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#sub1_1 .cont4 p { margin-top: 110px; }

#sub1_1 .cont5 article { width: 680px; }
#sub1_1 .cont5 article table { width: 100%; border-collapse: collapse; border-top:1px solid #3071b9; margin-top: 10px; }
#sub1_1 .cont5 article table th, #sub1_1 .cont5 article table td { text-align: left; border-bottom:1px solid #ddd; vertical-align: top; padding:10px 0; font-size:20px; }
#sub1_1 .cont5 article table th { width: 120px; font-family: steb;  }
#sub1_1 .cont5 figure { width: 680px; border-radius: 30px; }

#sub1_1 .cont6 { background: #000; height: 300px; position: relative; padding-top: 60px; }
#sub1_1 .cont6 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#sub1_1 .cont6 p { margin-top: 50px; }


/* sub1_2 */
#sub1_2 .cont1 { border-bottom:1px solid #3071b9; }
#sub1_2 .cont1 figure { width: 680px; text-align: center;}
#sub1_2 .cont1 article { width: 680px; padding-top: 100px; }
#sub1_2 .cont1 article b { font-family: steb; }
#sub1_2 .cont1 article ul li{float: left; margin-right: 20px;}
#sub1_2 .cont1 article ul li p { margin-top: 60px; }
#sub1_2 .cont1 article ul li img {width:100%; margin-top: 40px; }

/* sub1_3 */
#sub1_3 .cont1 h2 { margin-bottom: 50px; }
#sub1_3 .cont1 .right { position: relative; }
#sub1_3 .cont1 .right .year { padding-left: 200px; }
#sub1_3 .cont1 .right .year:before { content:""; position: absolute; left: 200px; top:10px; height: 98%; border-left:1px solid #3071b9; }
#sub1_3 .cont1 .right .year > li { margin-bottom: 100px; }
#sub1_3 .cont1 .right .year > li strong { position: absolute; left: 0; }
#sub1_3 .cont1 .right .year ul li { position: relative; padding-left: 30px; margin-top: 6px;  }
#sub1_3 .cont1 .right .year ul li:before { content:"●"; color:#3071b9; position: absolute; left: 12px; font-size:10px; top:8px; }
#sub1_3 .cont1 .right figure { width: 80px; height: 80px; border-radius: 100px; background: #3071b9; margin-left: 160px; position: relative; }
#sub1_3 .cont1 .right figure img { height: 40px; }

/* sub1_4 */
#sub1_4 .cont1 h2 { margin-bottom: 50px; }
#sub1_4 .cont1 figure { margin-top: 30px; }
#sub1_4 .cont1 ul { margin-top: 30px; }
#sub1_4 .cont1 ul li a { width: 250px; height: 50px; border-radius: 50px; }
#sub1_4 .cont1 p:last-of-type { margin-top: 100px; }

#sub1_4 .cont2 figure { margin-top: 30px; }
#sub1_4 .cont2 ul{ margin-top: 30px; }
#sub1_4 .cont2 ul li a { width: 250px; height: 50px; border-radius: 50px; }

#sub1_4 .cont3 ul { flex-wrap: wrap; margin-top: 50px; }
#sub1_4 .cont3 ul li { width: 440px; }
#sub1_4 .cont3 ul li div { height: 300px; }
#sub1_4 .cont3 ul li:nth-child(1) div { background: #3071b9; }
#sub1_4 .cont3 ul li:nth-child(2) div { background: #295a8f; }
#sub1_4 .cont3 ul li dt { margin-top: 30px; }
#sub1_4 .cont3 ul li dd { margin-top: 10px; }

/* sub1_5 */
#sub1_5 .cont1 h2 { margin-bottom: 50px; }
#sub1_5 .r920 { border-top:1px solid #3071b9; padding-top: 20px; position: relative; }
#sub1_5 .r920 article { position: absolute; left: 0; bottom: 40px; }
#sub1_5 .cont3 { margin-top: 200px; }

/* sub2_1 */
#sub2_1 .cont1 img { margin-top: 50px; width: 100%; margin-bottom: 40px;  }
#sub2_1 .cont1 ~ div { margin-top: 140px; position: relative; }
#sub2_1 .cont1 ~ div .left,
#sub2_1 .cont1 ~ div .right { border-top:1px solid #3071b9; padding-top: 20px; }
#sub2_1 .cont1 ~ div .right li p {text-align: center;}

#sub2_1 .cont2 article { padding:10px 0 30px; border-bottom:1px solid #ddd; }
#sub2_1 .cont2 article:last-child { border-bottom:none; }
#sub2_1 .cont2 article h3 { margin-bottom: 10px; }
#sub2_1 .cont2 article p { position: relative; padding-left: 24px; } 
#sub2_1 .cont2 article p span { position: absolute; left: 0; } 

#sub2_1 .cont3 ul { justify-content: space-evenly;  }
#sub2_1 .cont3 ul li img { border-radius: 200px; margin-bottom: 10px;}

#sub2_1 .cont6 ul { justify-content: start;  }
#sub2_1 .cont6 ul li { margin-right: 20px; }
#sub2_1 .cont6 ul li a { border-radius: 300px; margin-bottom: 10px; background: #ededed; width: 188px; height: 188px; position: relative; overflow: hidden; }
#sub2_1 .cont6 ul li a:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); display: none; }
#sub2_1 .cont6 ul li a:after { content:"+"; color:#fff; width: 50px; height: 50px; display:flex; align-items:center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-weight: 900; font-size:30px; background: #3071b9; border-radius: 50px; display: none; }
#sub2_1 .cont6 ul li:hover a:before,
#sub2_1 .cont6 ul li:hover a:after { display:flex; }


/* sub2_2 */
#sub2_2 .cont1 img { margin-top: 50px; width: 100%; margin-bottom: 40px;  }
#sub2_2 .cont1 ~ div { margin-top: 140px; position: relative; }
#sub2_2 .cont1 ~ div .left,
#sub2_2 .cont1 ~ div .right { border-top:1px solid #3071b9; padding-top: 20px; }
#sub2_2 .cont1 ~ div .right li p {text-align: center;}
#sub2_2 .cont2 article { padding:10px 0 30px; border-bottom:1px solid #ddd; }
#sub2_2 .cont2 article:last-child { border-bottom:none; }
#sub2_2 .cont2 article h3 { margin-bottom: 10px; }
#sub2_2 .cont2 article p { position: relative; padding-left: 24px; } 
#sub2_2 .cont2 article p span { position: absolute; left: 0; } 
#sub2_2 .cont3 ul { justify-content: start;  }
#sub2_2 .cont3 ul li { margin-right: 20px; }
#sub2_2 .cont3 ul li a { border-radius: 300px; margin-bottom: 10px; background: #ededed; width: 188px; height: 188px; position: relative; overflow: hidden; }
#sub2_2 .cont3 ul li a:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); display: none; }
#sub2_2 .cont3 ul li a:after { content:"+"; color:#fff; width: 50px; height: 50px; display:flex; align-items:center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-weight: 900; font-size:30px; background: #3071b9; border-radius: 50px; display: none; }
#sub2_2 .cont3 ul li:hover a:before,
#sub2_2 .cont3 ul li:hover a:after { display:flex; }

#sub2_2 .cont4 ul { justify-content: start;  }
#sub2_2 .cont4 ul li { margin-right: 30px; }
#sub2_2 .cont4 ul li img { border-radius: 200px; margin-bottom: 10px;}


/* sub2_3 */
#sub2_3 .cont1 img { margin-top: 50px; width: 100%; margin-bottom: 40px;  }
#sub2_3 .cont1 ~ div { margin-top: 140px; position: relative; }
#sub2_3 .cont1 ~ div .left,
#sub2_3 .cont1 ~ div .right { border-top:1px solid #3071b9; padding-top: 20px; }
#sub2_3 .cont1 ~ div .right li p {text-align: center;}

#sub2_3 .cont4 ul { justify-content: start;  }
#sub2_3 .cont4 ul li { margin-right: 20px; }
#sub2_3 .cont4 ul li a { border-radius: 300px; margin-bottom: 10px; background: #ededed; width: 188px; height: 188px; position: relative; overflow: hidden; }
#sub2_3 .cont4 ul li a:before { content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); display: none; }
#sub2_3 .cont4 ul li a:after { content:"+"; color:#fff; width: 50px; height: 50px; display:flex; align-items:center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-weight: 900; font-size:30px; background: #3071b9; border-radius: 50px; display: none; }
#sub2_3 .cont4 ul li:hover a:before,
#sub2_3 .cont4 ul li:hover a:after { display:flex; }

/* sub2_4 */
#sub2_4 .cont1 ul { flex-wrap: wrap; align-items: start; }
#sub2_4 .cont1 ul li { margin-top: 100px; width: 228px; margin-right: 20px; }
#sub2_4 .cont1 ul li:nth-child(5n) { margin-right: 0; }
#sub2_4 .cont1 ul li figure { width: 228px; height: 228px; border-radius: 300px; background: #f7f7f7; position: relative; }
#sub2_4 .cont1 ul li figure figcaption { position: absolute; left: 0; top: 0; width: 50px; height: 50px; border-radius: 50px; }
#sub2_4 .cont1 ul li p { margin-top: 20px; }

#sub2_4 .cont2 { margin-top: 280px; }
#sub2_4 .cont2 ul { margin-top: 80px; }
#sub2_4 .cont2 ul li strong { border-top:1px solid #3071b9; padding-top: 20px; position: relative; padding-left: 30px; }
#sub2_4 .cont2 ul li strong span { position: absolute; left: 0; }
#sub2_4 .cont2 ul li p { border-top:1px solid #3071b9; padding-top: 20px; height: 140px; }


/* sub3_1 */
.prd .left h2 { height: 140px; }
.prd .left ul { border-top:1px solid #3071b9; }
.prd .left ul li { border-bottom:1px solid #ddd; }
.prd .left ul li a { height: 60px; opacity: 0.3; }
.prd .left ul li a i { display: none; }
.prd .left ul li.select a { opacity: 1; }
.prd .left ul li.select a i { display: block; }
.prd .cont1 { height: 140px; }
.prd .cont2 { border-top:1px solid #3071b9; padding-top: 20px; }
.prd .cont2 > img { margin-top: 20px; border-radius: 30px; }
.prd .cont2 > ul { margin-top: 20px; border-top:1px solid #ddd;}
.prd .cont2 > ul > li { border-bottom:1px solid #ddd; padding:40px 0 60px 240px; position: relative; }
.prd .cont2 > ul > li:last-child { border-bottom:none; }
.prd .cont2 > ul > li.noline { padding-bottom: 0; border-bottom:none;}
.prd .cont2 > ul > li strong { position: absolute; left: 0; }
.prd .cont2 > ul .pic { justify-content: start; margin-top: 40px; }
.prd .cont2 > ul .pic li { margin-right: 30px; }
.prd .cont2 > ul .pic li img { border-radius: 100px; }
.prd .cont2 > ul span ~ p { margin-top: 20px; }

.prd .cont3 { flex-wrap: wrap; margin-top: 50px; }
.prd .cont3 img { margin-bottom: 50px; }

/* sub4_1 */
#sub4_1 .cont1 { flex-direction: row-reverse; align-items: start; }
#sub4_1 .cont1 article { width: 680px; }
#sub4_1 .cont1 article strong { display: block; margin-top: 100px; }
#sub4_1 .cont1 article strong span { position: relative; top:6px; }
#sub4_1 .cont1 article p { margin-top: 80px; }
#sub4_1 .cont1 figure { width: 680px; }
#sub4_1 .cont1 figure img { width: 100%; border-radius: 30px; }
#sub4_1 .cont1 figure figcaption { margin-top: 20px; }

#sub4_1 .cont2 { border-top:1px solid #3071b9; }
#sub4_1 .cont2 .left { padding-top: 10px; }
#sub4_1 .cont2 article { padding:10px 0 30px; border-bottom:1px solid #ddd; }
#sub4_1 .cont2 article:last-child { border-bottom:none; }
#sub4_1 .cont2 article h3 { margin-bottom: 10px; }
#sub4_1 .cont2 article p { position: relative; padding-left: 24px; } 
#sub4_1 .cont2 article p span { position: absolute; left: 0; } 

/* sub4_2 */
#sub4_2 .cont2 { align-items: start; }
#sub4_2 .cont2 article { width: 680px; }
#sub4_2 .cont2 article img { width: 100%; border-radius: 30px; }
#sub4_2 .cont2 article h2 { margin-top: 40px; }
#sub4_2 .cont2 article p { margin-top: 20px; height: 100px; }
#sub4_2 .cont2 article ul { margin-top: 50px; }
#sub4_2 .cont2 article ul li { position: relative; padding-left: 20px;  }
#sub4_2 .cont2 article ul li:before { content:"-"; position: absolute; left: 0; }


/* sub4_3 */
#sub4_3 .cont2 .left { border-top:1px solid #3071b9; padding-top: 10px; }
#sub4_3 .cont2 .right { justify-content: start; flex-wrap: wrap; border-top:1px solid #3071b9; padding-top: 20px; }
#sub4_3 .cont2 .right li { width: 140px; margin-right: 40px; cursor: pointer; }
#sub4_3 .cont2 .right li:nth-child(6n) { margin-right: 0; }
#sub4_3 .cont2 .right li img { width: 100%; ; }

.photo { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; z-index: 9999; }
.photo.on { display: flex; }
.photo .area { /* max-width: 80%; max-height: 80%;*/ overflow: hidden; text-align: center; }
.photo .area img { max-width:80%; max-height: 80%; }

/* sub5_1 */
#sub5_1 .cont2 li { align-items: end; }
#sub5_1 .cont2 li img { width: 680px; border-radius: 30px; }
#sub5_1 .cont2 dl { width: 680px; }
#sub5_1 .cont2 dl dt { margin-bottom: 50px; }
#sub5_1 .cont2 dl dd { position: relative; padding-left: 14px; }
#sub5_1 .cont2 dl dd:before { content:"·"; position: absolute; left: 0; }

/* sub6_1 */
.bbs .right,
.bbs .right section { font-size:12px; }

.bbs .right #bo_list tbody td { border-color:#3071b9; font-size:20px; color:#000; font-family: stsb;}
.bbs .right #bo_list tbody td a { color:inherit; font-size: inherit;  }
.bbs .right #bo_list tbody .even td { background: none; }

.bbs .right #bo_v_atc { font-size:1.4em; }

/* sub6_2 */
#sub6_2 .faq { border-top:1px solid #3071b9;}
#sub6_2 .faq li { border-bottom:1px solid #3071b9;}
#sub6_2 .faq li strong { position: absolute; left: 34px; }
#sub6_2 .faq li p { position: relative; padding:16px 30px 16px 70px; cursor: pointer; }
#sub6_2 .faq li div { position: relative; padding:0 30px 50px 70px; display: none; }
#sub6_2 .faq li p i { position: absolute; right:10px; top:50%; transform: translateY(-50%); }
#sub6_2 .faq li p i:before { display: block; transition:0.3s; }
#sub6_2 .faq li.act p i:before { transform: rotate(90deg); }

/* sub7_1 */
#sub7_1 .right form { width: 920px; }
#sub7_1 .right form ul li { float:left; width: 430px; margin-right: 60px; margin-bottom: 30px; }
#sub7_1 .right form ul li:nth-child(2n) { margin-right: 0; }
#sub7_1 .right form ul li:nth-child(5) { margin-right: 0; width:100%; }
#sub7_1 .right form ul li input { border:none; width:100%; height: 50px; padding:0 20px; box-sizing: border-box; background: #f7f7f7; border-radius: 100px; }
#sub7_1 .right form ul li textarea { border:none; width:100%; height: 200px; padding:20px; box-sizing: border-box; background: #f7f7f7; border-radius: 20px; resize: none; }
#sub7_1 .right form input[type="submit"] { width: 240px; height: 50px; border-radius: 100px; border:2px solid #3071b9; box-sizing: border-box; transition:0.3s; margin-top: 30px; }